/*COMMON*/
	@media screen and (max-width:991px){
		.container{
			max-width: 100%;
		}
		.mob{
			display: block;
		}
		.desk{
			display: none;
		}
		.row{
			margin-left: 5px !important;
			margin-right: 5px !important;
		}
	}
/*COMMON*/

/*HEADER*/
	@media screen and (max-width:991px){
		.navbar-collapse {
			margin-top: 0px !important;
			background: #f31c2f0d;
			border: solid 1px #ff00001f;
			padding: 0px 10px;
			text-align: center;
		}
		.navbar-toggler{
			margin-top: 10px;
		}
	}
	@media screen and (max-width:767px){
		.navbar p{
			display: none;
		}
		.topBar{
			display: block;
			text-align: center;	
			padding: 5px;
			background: #6f6f6f;
			color: #fff;
		}
		.topBar p{
			margin-bottom: 0px;
		}
		header .container{
			padding: 0px;
		}
		.navbar-toggler{
			margin-top: 0px !important;
		}
		#slider .carousel-caption{
			display: block !important;
		}
	}
	@media screen and (max-width:350px){
		.navbar-toggler{
			padding: 5px !important;
		}
		.navbar-toggler-icon {
			width: 1em;
			height: 1em;
		}
	}
	/*HEADER*/

	/*SLIDER*/
	@media screen and (max-width:991px){
		#slider h5{
			font-size: 2.125rem;
		}
	}
	@media screen and (max-width:767px){
		#slider h5{
			font-size: 1.125rem;
		}
	}
	/*SLIDER*/

	/*HOME*/
	@media screen and (max-width:991px){
		#home1 p{
			font-size: 2rem;
			line-height: 35px;
		}
		#home4{
			margin-top: 50px;
		}
		#home4 h2{
			font-size: 2rem;
		}
		#home6 h2{
			font-size: 3rem;
			line-height: 45px;
		}
	}
	@media screen and (max-width:767px){
		#home1 p{
			font-size: 1.25rem;
			line-height: 25px;
		}
		#home1{
			padding: 20px 0px;
		}
		#home2 h2, #home2 p{
			text-align: center;
		}
		.dotDesk{
			display: none;
		}
		.dotMob{
			display: block;
		}
		#home2 .dotM{
			transition: background-color 0.6s ease;
			border-bottom: solid 5px #e92127;
			font-size: 1rem;
			color:#212121;
			height: auto;
			text-align: center;
			border-right:none;
			width: max-content;
			display: inline-block;
			padding: 0px;
			margin:5px;
			font-weight: 300;
		}
		#home2 .active {
			font-weight:600 !important;
		}
		#home3 .dot2{
			transition: background-color 0.6s ease;
			border-bottom: solid 5px #e92127;
			text-transform: none;
			font-size: 1rem;
			color:#212121;
			height: auto;
			text-align: center;
			border-left:none;
			width: max-content;
			display: inline-block;
			padding: 0px;
			margin:5px;
			font-weight: 300;
		}
		#home3 .active {
			font-weight:600 !important;
		}
		.slideshow-container{
			margin-bottom: 10px !important;
		}
		#home5{
			margin-top: 30px;
			margin-bottom: 20px;
			text-align: center;
		}
		#home5 .btn-secondary{
			float: none;
		}
		#home5 .col-md-8{
			margin-top: 20px !important;
		}
		#home5 h2{
			font-size: 2.25rem;
		}
		.colimg{
			min-height: 200px !important;
		}
		#home6{
			text-align: center;
			margin-top: 0px;
		}
		#home6 h2{
			font-size: 2.25rem;
			line-height: 40px;
			margin-top: 20px;
			margin-bottom: 10px;
		}
	}
	@media only screen and (max-width: 600px) {
		#home5 .col { 
			display: block;
			width: 100%;
		}
	}
/*HOME*/

/*FOOTER*/
	@media only screen and (max-width: 897px) {
		footer .col-md-8, footer .col-md-4 { 
			text-align: center;
			flex: 100%;
			width: 100%;
		}
		footer ul{
			margin-top: 10px;
		}
	}
/*FOOTER*/

/*ABOUT US*/
	@media screen and (max-width:767px){
		#about3 .container{
			background: url('../images/vision-bg2.jpeg') no-repeat center;
			min-height: 0px;
		}
		#about3 h2{
			font-size: 2.25rem;
			color: #fff;
			text-align: center;
		}
		#about3 p{
			color: #fff;
			max-width: 100%;
			text-align: center;
		}
		#about3 img{
			display: none;
		}
		#about4 h2, #about5 h2{
			font-size: 2.25rem;
		}
		ul.timeline:before {
			left: 40px;
		}

		ul.timeline > li > .timeline-panel {
			width: calc(100% - 90px);
			width: -moz-calc(100% - 90px);
			width: -webkit-calc(100% - 90px);
		}

		ul.timeline > li > .timeline-badge {
			left: 25px;
			margin-left: 0;
			top: 16px;
		}

		ul.timeline > li > .timeline-panel {
			float: right;
			text-align: left;
		}

		ul.timeline > li > .timeline-panel:before {
			border-left-width: 0;
			border-right-width: 15px;
			left: -15px;
			right: auto;
		}

		ul.timeline > li > .timeline-panel:after {
			border-left-width: 0;
			border-right-width: 14px;
			left: -14px;
			right: auto;
		}
		#about6 .col{
			width: 100% !important;
			display: block !important;
			padding: 20px;
		}
		#about6 .csr{
			padding: 20px !important;
		}
	}
/*ABOUT US*/

/*PRODUCTS*/
@media screen and (max-width:767px){
	.prodBanner h1 {
		font-size: 4rem !important;
		line-height: 55px;
		text-align: center;
	}
	#prod1 h2{
		font-size: 2.2rem;
		text-align: center;
		margin-left: 0px;
		margin-bottom: 10px;
	}
	#prod1 p{
		text-align: center;
		margin-left: 0px;
		margin-bottom: 20px;
	}
	#prod1 .row{
		border-left:0px !important;
	}
	#prod3 h3{
		text-align: center;
		padding-left: 0px;
		font-size: 2.2rem;
	}
	#prod3 .divider{
		min-height: 20px;
	}
	#prodMenuBar ul{
		padding-left: 0px;
	}
}
@media screen and (max-width:575px){
	.prodBanner h1 {
		font-size: 3rem !important;
		line-height: 60px;
	}
}
/*PRODUCTS*/

/*CONTACT*/
@media screen and (max-width:767px){
	.contText {
		text-align: center;
	}
}
/*CONTACT*/

/*CAREER*/
@media screen and (max-width:767px){
	#career1 p{
  		font-size: 1.5rem;
  	}
  	.careerForm{
  		padding: 10px;
  	}
}
/*CAREER*/