@charset "utf-8";

/* CSS Document */

@media screen and (min-width: 1200px) and (max-width: 1300px){

.container {

	width: 1170px;

}

}

@media screen and (min-width: 1301px) and (max-width: 1399px){

.container {

	width: 1200px;

}

}

@media screen and (min-width: 1400px){

.container {

	width: 1369px;

}

}

@media screen and (min-width: 1450px){

.container {

	width: 1414px;

}

}



@media only screen and (max-width:767px) {

	

	.menubar_mobile{

		height: auto;

		float: left;

		padding: 5px;

		margin: 5px 0;

		position: absolute;

		top: 4px;

		right: 15px;

	}

	.menubar_mobile	.bars{

		width:40px;

		height:auto;

		float:left;

		text-align:center;

		}

	.menubar_mobile .bars span{		

		width: 30px;

		height: 2px;

		margin: 5px auto;

		display: block;

		background:rgb(238, 56, 58);

		transition:  all 0.5s ease-in-out;

		-webkit-transition:  all 0.5s ease-in-out;

		-moz-transition:  all 0.5s ease-in-out;

		-ms-transition:  all 0.5s ease-in-out;

		}

	.menubar_mobile_anim span.top{		

		transform: rotateZ(45deg);	

		-webkit-transform: rotateZ(45deg);	

		-moz-transform: rotateZ(45deg);	

		-ms-transform: rotateZ(45deg);	

		-o-transform: rotateZ(45deg);

		transform-origin: 6px 60%;

			}

    .menubar_mobile_anim span.mid{		

		opacity:0;

			}

	.menubar_mobile_anim span.bottom{		

		transform: rotateZ(-45deg);	

		-webkit-transform: rotateZ(-45deg);	

		-moz-transform: rotateZ(-45deg);	

		-ms-transform: rotateZ(-45deg);	

		-o-transform: rotateZ(-45deg);

		transform-origin: 6px 60%;

			}

	

	

	.topmenu ul li>ul{

		position: relative;

		top: auto;

		left: auto;

		right: 0;

		bottom: auto;

		float: left;

		display: none;

		visibility: visible;

		opacity: 1;

		width:100%;

		height:auto;

		background: #212121;

		margin-top:5px;

		}

	

	.topmenu ul li:hover > ul{ 

		display: block;

		}

	

	.topmenu ul li>ul li{

		float: left;

		width:100%;

		height:auto;

		}

	.topmenu ul li>ul li a{

		padding: 0px 0;

		}

	.tab li { 

		width: 100%;

		float: left;

	}


	.resp-tab-content p img{
		width:100%;
		max-width:100%;
		height:auto;
		float:left;
		margin:0 0px 15px 0;  
		}
}







@media screen and (min-width: 1071px) and (max-width: 1317px){

	.topmenu ul li a {

    	font-size: 15px;

	}

	.topmenu ul li {

    	padding-left: 30px;

	}

	.topmenu ul li::before {

    	right: -21px;

	}

	.topmenu ul li.active::before {

    	right: -19px;

	}

	.top_fetaure_section {

    	margin: -30px auto 30px;

	}

	.content-overlay {

		right: 7%;

		z-index: 2;

		width:42%;

	}

	.content-overlay h2 {

   		 font-size: 25px;

	}

	.content-overlay	h3 {

		font-size: 27px;

		margin: 0px 0 15px 91px;

	}

	.content-overlay p {

		font-size: 17px;

	}

}

@media screen and (min-width: 980px) and (max-width: 1070px){

.topmenu ul li a {

    	font-size: 15px;

	}

	.topmenu ul li {

    	padding-left: 30px;

	}

	.topmenu ul li::before {

    	right: -21px;

	}

	.topmenu ul li.active::before {

    	right: -19px;

	}

	header {

    	padding: 0 40px;

	}

	

	.top_fetaure_section {

    	margin: -30px auto 30px;

	}

	.content-overlay {

		right: 7%;

		z-index: 2;

		width:42%;

	}

	.content-overlay h2 {

   		 font-size: 25px;

	}

	.content-overlay	h3 {

		font-size: 27px;

		margin: 0px 0 15px 91px;

	}

	.content-overlay p {

		font-size: 17px;

	}

}

@media screen and (min-width: 768px) and (max-width: 979px){

	.topmenu ul li a {

		font-size: 13px;

		padding: 27px 0;

	}

	.topmenu ul li {

		padding-left: 30px;

	}

	.topmenu ul li::before {

		right: -21px;

	}

	.topmenu ul li.active::before {

		right: -19px;

	}

	header {

    	padding: 0 40px;

	}

	.top_fetaure_section {

    	margin: -30px auto 30px;

	}

	.content-overlay {

		right: 7%;

		z-index: 2;

		width:42%;

	}

	.content-overlay h2 {

   		 font-size: 25px;

	}

	.content-overlay	h3 {

		font-size: 27px;

		margin: 0px 0 15px 91px;

	}

	.content-overlay p {

		font-size: 17px;

	}

}



@media screen and (min-width: 100px) and (max-width:767px){ 

	.topmenu{display:none;}

	.topmenu ul{

		margin:20px 0; 

		width:100%;

		height:auto;

		float:left;}

	.topmenu ul li::before{display:none;}

	.topmenu ul li{

   	 	padding: 15px !important;

		display:block;

		width:100%;

		height:auto;

		float:left;

	}

	.topmenu ul li a { 

    	padding: 0;

		 font-size: 15px;

	}

	.header_menubar::before{

		display:none;

		}

	header{

		padding: 0 15px;

	}

	.header_menubar::after {

		display:none;

	}

	.header_menubar{

		display:none;

		} 

	.topmenu ul li:first-child {

		padding-left: 15px;

	} 

	.logo_section {

		margin: 10px 0;

		width: 115px;

	}

	body {

		padding-top: 53px;

	}

	.top_fetaure_section {

    	margin: -30px auto 30px;

	}

	.top_bannercont .owl-nav .owl-prev {

		width: 38px;

		height: 38px;

		font-size: 13px;

		line-height: 13px;

	}

	.top_bannercont .owl-nav .owl-next {

		width: 38px;

		height: 38px;

		font-size: 13px;

		line-height: 13px;

	}

	.content-overlay {

		right: 7%;

		z-index: 2;

		width:42%;

	}

	.content-overlay h2 {

   		 font-size: 17px;

	}

	.content-overlay	h3 {

		font-size: 19px;

		margin: 0px 0 15px 91px;

	}

	.content-overlay p {

		font-size: 12px;

	}

	.jobcat { 

	border-right:0;

    margin-bottom: 30px;

	}

	.categories-tophome div:nth-child(3) .jobcat { 

	border-right:0;

    margin-bottom:0px;

	}

	.aboutsec-home .red-btn{margin-top:0;}

	.cupimg{display:none;}

	.categories-tophome {

    	margin-top: 0;

	}

	.aboutsec-home h1 { 

    	font-size: 14px;

	}

	.category_home_outer img {

		position: relative;     

		float: none;

		margin: auto;

	}

	.category_home_outer h2 { 

		position: relative;

		top: auto;

		transform: none;

		-webkit-transform: none;

		-moz-transform: none;

		-ms-transform: none;

		padding: 45px 25px 25px 25px;  

		width: 100%;

		margin-top: -28px; 

		text-align: center;

	}

	

	.csr_content_outer {

   	 padding: 15px;

	}

	.csr_content_outer .red-btn{margin-top:15px;margin-bottom:15px;}

	.home-testimonialcarosel .item { 

		padding: 15px; 

		margin-left: 0;

	}

	.home-testimonialcarosel::before{display:none;}

	.home-testimonialcarosel .owl-nav{position:relative;}

	.home-testimonialcarosel .owl-nav .owl-next{

		right: auto;

		position: static;

		margin: 0 5px;

	}

	.home-testimonialcarosel .owl-nav .owl-prev{    

	left: auto;

    position: static;

    margin: 0 5px;

	}

	.home-testimonialcarosel .item img {  

		transform: auto;

		-webkit-transform: auto;

		-moz-transform: auto;

		-ms-transform: auto;

		position: relative;

		top: auto;

		left: auto;

		margin: 15px auto;

	}

	.strip_contact a {

		display: block;

		margin-top: 15px;

	}

	

	}

@media screen and (min-width: 100px) and (max-width:600px){

	

	.content-overlay p {

		display:none;

	}

	

	.content-overlay {

		right: 15%;

	}

	.content-overlay	h3 {

		font-size: 15px;

		margin: 0px 0 15px 70px;

		}

}

@media screen and (min-width: 1200px) and (max-width:1399px){



	.top_feature_a,.top_feature_b,.top_feature_c {

		padding: 21px 13px 35px 13px;

	}

	.featurepoints li {

		min-height: 321px;

	}

}

@media screen and (min-width: 991px) and (max-width:1199px){



	.featurepoints li {

		min-height: 400px;

	}

}

@media screen and (min-width: 100px) and (max-width:990px){

	.featurepoints {

		float:left;

		widows:100%;

		background: rgba(43, 43, 43, 0.56);

	}

	.featurepoints li {

		min-height: 400px;

	}

	

}

@media screen and (min-width: 500px) and (max-width:650px){

	.featurepoints li {

		min-height: 400px;

		width:50%;

	}

	.featurepoints li:nth-child(even) {

		border-right: none;

		border-bottom: 1px solid #7e7e7e;

	}

	.featurepoints li:nth-child(odd) {

		border-right: 1px solid #7e7e7e;

		border-bottom: 1px solid #7e7e7e;

	}

	.featurepoints li:nth-last-of-type(1) {

		border-bottom: none;

		border-right: none;

	}

	.featurepoints li:nth-last-of-type(2) {

		border-bottom: none;

		border-right: 1px solid #7e7e7e;

	}

}

@media screen and (min-width: 100px) and (max-width:499px){

	.featurepoints li {

		min-height: auto;

		height:auto;

		width:100%;

	}

	.featurepoints li:nth-child(even) {

		border-right: none;

		border-bottom: 1px solid #7e7e7e;

	}

	.featurepoints li:nth-child(odd) {

		border-right: none;

		border-bottom: 1px solid #7e7e7e;

	}

	.featurepoints li:nth-last-of-type(1) {

		border-bottom: none;

		border-right: none;

	}

}

@media screen and (min-width:1108px) and (max-width:1399px){

	.afterbefore ul li span {

		margin: 179px auto;

	}

	.afterbefore::before {

		top: 214px;

	}

}

@media screen and (min-width:1000px) and (max-width:1107px){

	.afterbefore ul li span {

		margin: 179px auto;

	}

	.afterbefore::before {

		top: 214px;

	}

}

@media screen and (min-width:700px) and (max-width:999px){

	.afterbefore ul li span {

		margin: 160px auto;

	}

	.afterbefore::before {

		top: 214px;

	}

	.afterbefore ul li strong {

		color: #ff494b;

		text-transform: uppercase;

		letter-spacing: 1px;

		font-size: 11px;

	}

	.afterbefore ul li .comn p {

		font-size: 12px;

		line-height: 17px;

	}

}

@media screen and (min-width:100px) and (max-width:699px){

	.timeline_opt {

		width: 100%;

		height: 38px;

		left: 0;

		top: 13px;

		font-weight: 700;

		-webkit-transform: rotate(-0deg);

		-moz-transform: rotate(-0deg);

		-ms-transform: rotate(-0deg);

		transform: rotate(-0deg);

		line-height: 39px;

		font-size: 13px;

	}

	.afterbefore{

	overflow:hidden;

	}

	.afterbefore ul {

		margin: 0;

		padding: 0;

	}

	.afterbefore ul li {

		display: block;

		float: none;

	}

	.afterbefore ul li span {

		margin: 0px auto 160px;

	}

	.afterbefore ul li:nth-child(even) span::before {

		background-color: #a2a2a2;

		height: 20px;

		width: 2px;

		content: '';

		display: block;

		position: absolute;

		left: 0;

		bottom: -20px;

		right: 0;

		margin: 0 auto;

		top: auto;

	}

	.afterbefore ul li .comn,.afterbefore ul li:nth-child(even) .comn {

		position: absolute;

		bottom: auto;

		left: 0;

		right: 0;

		top: 89px;

		background: #fff;

   		padding: 10px;

	}

	.afterbefore ul li strong {

		color: #ff494b;

		text-transform: uppercase;

		letter-spacing: 1px;

		font-size: 11px;

	}

	.afterbefore ul li .comn p {

		font-size: 12px;

		line-height: 17px;

	}

	.afterbefore::before {

		left: calc(50% - 1px);

		top: -150px;

		height: 100%;

		width: 1px;

		border-left: 2px dashed #a2a2a2;

		background:none;

	}

}

@media screen and (min-width:100px) and (max-width:583px){

	.home_contactfrm {

		margin: 30px 30px;

	}

}

@media screen and (min-width:768px) and (max-width:990px){

	.addressouter{

		position:relative;

		}

	.addressouter::after{

		position:absolute;

		content:'';

		width:500px;

		height:100%;

		background: #232121;

		top:0;

		left:100%;

		}

	.ftrlinks ul li {

		width:auto;

		}

	.ftrlinks ul li:hover {

		padding:0;

		}

	}

@media screen and (min-width:500px) and (max-width:800px){

	.about-brands li {

    	width: 33.3%;

	}

	

}

@media screen and (min-width:100px) and (max-width:499px){

	.about-brands li {

    	width: 50%;

	}

	

}



@media screen and (min-width:768px) {

.side_window{

	position:absolute;

	left:0;

	width:50%;

	height:100%;

	top:0;

	background-size:cover !important;

	background-position:center !important;

	background-repeat:no-repeat !important;

	}

}





@media screen and (max-width:991px) {

	.map_area_outer{

		position:relative;

		float:left;

		width:100%;

		height:350px;

		margin-top:30px;

		top:auto;

		right:auto;

	}

	.content-overlay{display:none;}

	

	.aboutuspage img{

		display:block;

		margin:0 0 15px 0;

		width:100%;

		max-width: 768px;	

	}

	}



@media screen and (max-width:1199px) {

	.top_bannercont .item .content-overlay h2 {

		font-size: 22px;

		margin-bottom: 3px;

	}

	.top_bannercont .item .content-overlay p {

		font-size: 15px;

		margin-bottom: 30px;

	}

	.jobcat h2 {

		font-size: 13px; 

	}

	}

	

@media screen and (max-width:650px) {

	.certification_area .certification_inner {

		display: block;

		vertical-align: top;

		float: none;

		width: 100%;

		text-align: center;

		margin-bottom: 30px;

	}

}


@media screen and (min-width: 1080px) and (max-width: 1200px){

.brand_container{ 
    min-height:430px;
}

}
@media screen and (max-width:1079px){

.brand_container{ 
    width:calc(100% - 10px);
	min-height:auto;
}
.brand_container .alignright{
	display:block;
	margin: 10px auto;
	float:none;
	}

.brand_factory{
    width: calc(100% - 10px) !important;
    min-height: auto;
}
}