@media (max-width:1024px){
	.container{ width:100%; box-sizing:border-box; padding:0 10px;}
	.arw-shape, .banner-content span img{ display:none;}
	.banner-content p{ width:75%; line-height:20px;}
	.banner-content h2{ font-size:25px; margin-top:20px;}
	.left-pro img{ margin-top:10%;}
	.product ul{ margin-left:10px;} 
	}
	
	
	
@media (max-width:1100px){
	.container{ width:100%; box-sizing:border-box; padding:0 10px;}
	.menu > li{ margin:10px 20px; }
	.headerinner{ text-align:center;}
	.logo-1{ width:20%; float:none; margin:0 auto;}
	.menu{ width:100%; float:none; margin-top:0px; display:inline-block; text-align:center; }
	.menu > li{ margin:10px 25px; }
	.s-link{ float:none; display:inline-block; margin:10px 0;}
	.sol-img img{ width:100%; }
	.solutions-inner-content{ text-align:justify;}
	}
	
		
@media only screen and (min-width: 1000px) and (max-width: 1280px) {
	.container{ width:100%; box-sizing:border-box; padding:0 10px;}
	.icon div{ width:60px; height:60px;}
	.icon span{ font-size:14px;}
	.mobile img{ width:70% !important; margin:-30% 0 0 0;}
	.lab img{ width:70% !important; }
	.pro-slider-left h2{ font-size:25px;}
	.pro-slider-left p{ font-size:14px;}
}

@media (max-width:999px){
	.left-pro{ width:50%; float:none; margin:0 auto;}
	.left-pro > img{ display:none;}
	.product{ min-height:inherit;}
	.left-pro img{ margin-top:10px;}
	.tabswrap > a{ font-size:14px; }
	.client-head h3::after { display:none;}
	}
@media (max-width:840px){
.wheel-img img{ width:100%;}
.tabswrap > a{ min-height:80px; }
.job1 li{ display:block; margin-bottom:10px;}
}

@media only screen and (min-width: 840px) and (max-width: 999px) {
	.icon div{ width:40px; height:40px;}
	.icon span{ font-size:13px;}
	.mobile img{ width:60% !important; margin:-20% 0 0 0;}
	.lab img{ width:60% !important; }
	.pro-slider-left h2{ font-size:22px; margin-top:0px;}
	.pro-slider-left p{ font-size:13px; line-height:20px;}
	.pro-slider-left a{ font-size:15px;}
}

@media only screen and (min-width: 768px) and (max-width: 839px) {
	.mobile img{ width:60% !important; margin:-20% 0 0 0;}
	.lab img{ width:60% !important; }
	.pro-slider-left h2{ font-size:30px; margin-top:0px;}
	.pro-slider-left p{ font-size:15px; line-height:23px; width:80%; text-align:justify; margin-bottom:10px;}
	.pro-slider-left a{ font-size:15px;}
	.product-slider{ width:100%; background-color:#70c1eb; height:100%; background-image:url(../images/dot.png); background-repeat:repeat;}
	.bxslider li > img{ visibility:hidden;}
	.pro-center{ display:none;}
	.pro-fourty{ width:50%;}
	.pro-twenty{ display:none;}
}


@media only screen and (min-width: 600px) and (max-width: 767px) {
	.mobile img{ width:40% !important; margin:-20% 0 0 0;}
	.lab img{ width:50% !important; }
	.pro-slider-left h2{ font-size:30px; margin-bottom:50px;}
	.pro-slider-left p{ display:none;}
	.pro-slider-left a{ font-size:15px;}
	.product-slider{ width:100%; background-color:#70c1eb; height:100%; background-image:url(../images/dot.png); background-repeat:repeat;}
	.bxslider li > img{ visibility:hidden;}
	.pro-center{ display:none;}
	.pro-fourty{ width:50%;}
	.menu > li{ margin:10px 20px; }
}	
@media (max-width: 599px) {
	.mobile img{ width:35% !important; margin:-25% 0 0 0;}
	.lab img{ width:50% !important; }
	.pro-slider-left h2{ font-size:30px; margin-bottom:30px;}
	.pro-slider-left p{ display:none;}
	.pro-slider-left a{ font-size:15px;}
	.product-slider{ width:100%; background-color:#70c1eb; height:100%; background-image:url(../images/dot.png); background-repeat:repeat;}
	.bxslider li > img{ visibility:hidden;}
	.pro-slider-left h2{ font-size:20px;}
	.pro-center{ display:none;}
	.pro-fourty{ width:50%;}
	.bx-wrapper .bx-controls-direction a{ top:100% !important;}
	.bx-wrapper .bx-prev{ left:40% !important;}
	.bx-wrapper .bx-next{ right:40% !important;}
	.bx-wrapper{ margin:0 auto 20px auto !important;}
	.product-slider-inner{ padding:20px 0; margin:0;}
	.left-pro{ width:100%; }
	.career-con{overflow-x:auto;}
	}	
@media (max-width:768px){
	.banner-content p{ font-size:14px; line-height:22px;}
	.banner-content h2{ margin-top:10px;}
	.four-pro{ padding:2% 0%;}
	.client-head h3::after{ display:none;}
	.footer-con1{ width:50%; margin-bottom:10px; }
	.footer-con1:nth-child(2){ border-right:none;}
	.f-menu{ width:100%; text-align:center; margin-bottom:20px;}
	.f-menu li{ float:none; margin-bottom:10px;}
	.social{ float:none; margin:0px auto; display:block; width:100%; text-align:center;}
	.social li{ float:none;}
	}
	
@media (max-width:800px){
	.logo{ text-align:center;}
	.logo-1{ width:30%; float:none; margin:0 auto;}
	.four-pro{ padding:2% 0%;}
	.client-head h3::after{ display:none;}
	.about-content-left{ width:100%; float:none;}
	.about-content-inner { text-align:center;}
	.query{ width:50%; float:none; }
	.vid{ width:60%; float:none;}
	.menu > li{ margin:10px 15px; display:block; text-align:center; }
	.menu{ display:none;}
	.menu li:hover .sub-menu{ display:none; }
	#bt_menu{ display:inline-block; }
	.sub-menu{ position:relative; width:100%;margin-bottom:25px;}
	
	}
	
	
@media (max-width:750px){
	.banner-content p{ display:none;}
	.solutions-inner-content{ width:90%;}
	.headerinnerleft{ width:30%;}
	}
	
	
@media (max-width:640px){
	.menu > li{ margin:10px 15px;}
	.logo-icon{ display:none;}
	.client-head{ float:none;}
	.slick-dots{ bottom:0;}
	.footer-con1{ width:50%; margin-bottom:10px; min-height:100px;}
	.query{ width:80%;}
	.about-img, .sol-img{ width:30%; float:none; margin:0 auto 20px auto; }
	.solution-con, .client-con, .contact-content{ padding-left:0;}
	.client-con p img, .about-con p img{ display:block;}
	.solutions-inner-content{ width:100%;}
	.about-con, .solution-con{ width:100%;}
	.contact-content{ width:70%;}
	.client-logo{ float:none;  margin:10px auto;}
	.clients-inner{ text-align:center;}
	.abt, .contact-content{ width:100%; float:none;}
	.client-con p{ text-align:center;}
	.client-con p span{ display:block;}
	.client-con p span img{ display:inline-block;}
	}


@media (max-width:600px){
	.footer-con1{ width:100%; float:none; display:inline-block; border:none; min-height:inherit;}
	.contact-content{ width:100%;}
	.tabswrap > a{ width:100%; float:none; min-height:inherit;}
	.tabswrap > a.active:after{ display:none;}
	.title{ font-size:20px;}
	}
	
	
@media (max-width:580px){
	.headerinnerleft{ width:80%; float:none; margin:10px auto 20px auto;}
	
	}
	
@media (max-width:480px){
	.logo-1{ width:75%; float:none; margin:0 auto;}
	.logo img{ width:50%;}
	
	.banner-content p{ font-size:12px; line-height:20px; margin-top:0; width:90%;}
	.banner-content h2{ margin-top:0px; font-size:20px;}
	.fourty{ width:100%; float:none;}
	.query{ width:100%;}
	.about-img{ width:80%; float:none; display:inline-block;}
	.about-con{ width:100%; float:none; display:inline-block; margin-top:30px;}
	.kranium-india, .kranium-usa{ width:100%; float:none; display:inline-block; margin-top:30px;}
	.kranium-info-fifty{ width:100%; float:none; display:inline-block;}
	.kranium-info-fifty:last-child{ padding:0;}
	.top3{ text-align:center;}
	.top3 p, .top3 span{ float:none; width:100%; margin-bottom:10px;}
	.top3 span a{ float:none;}
	.cir{ display:none;}
	.head-line1{ border-bottom:none;}
	.solutions-inner h3 { font-size:22px;}
	.slick-dots li{ margin-bottom:8px !important;}
	
	}
	
	
@media (max-width:360px){
	.banner-content p{ display:none;}
	.logo-1{ width:50%; float:none; margin:0 auto;}
	.logo img{ width:100%;}
	.menu > li{ margin:10px 15px; float:none; text-align:center; }
	.social{ float:none; margin:0px auto; display:block; }
	.top3 p{ padding-bottom:10px; float:none; text-align:center;}
	.top3 span a{ text-align:center; display:block; float:none; padding-bottom:20px;}
	.pro-slider-left h2{ margin-bottom:10px; font-size:17px;}
	.pro-slider-left a{ font-size:12px;	}
	}