@media screen and (max-width: 1240px) and (min-width: 300px){

	.indus_pic {
	    top: -20px;
	    right: 0;
	    width: 35%;
	}

	.indus_pic img{
		width: 75%;
	}

	.serv_left{
		width: 100%;
		float: none;
	}

	.serv_right img{
		width: 100%;
	}

	ul.tabs1 li{
		width: 44%;
		float: left;
		margin: 1% 3%;
	}

	.serv_right{
		width: 100%;
		float: none;
	}

	.tab-content h2{
		line-height: 1.3;
	}

	.calibrate {
		width: 100%;
	}

	.calibrate p{
		width: 50%;
		padding: 1%;
		float: left;
	}
}

@media screen and (max-width: 1024px) and (min-width: 300px){

	.logo{
		width: 40%;
	}

	.logo a img{
		width: 100%;
	}

	.header_right li p span{
		font-size: 15px;
	} 
	.header_right li p{
		font-size: 13px;
	} 

	.header_right{
		margin: 20px 0px;
	}

	.header_right li{
		margin: 0px;
	}

	.header_right li:last-child{
		margin-left: 15px;
	}

	.contact ul{
		display: block;
	}
	.contact h2{
		font-size: 19px;
	}

	.icon i{
		width: 35px;
		height: 35px;
		line-height: 35px;
		font-size: 16px;
	}

	.icon_det p{
		padding-top: 5px;
	}

	.menu_set{
		margin: 0;
	}


	.footer ul{
		width: 25%;
		margin-right: 3%;
	}

	.footer ul:first-child{
		width: 31%;
	}

	.banner-outer .slide1,.banner-outer .slide2,.banner-outer .slide3,.banner-outer .slide4,.banner-outer .slide5{
		height: 500px;
	}

	.ind_abt_right{
		margin: 0;
	}

	.abt_icon li{
		padding: 1% 10px 1% 0px;
	}

	.abt_icon li:last-child{
		padding-right: 0;
	}

	.abt_icon li h4{
		width: 73%;
		left: -10px;
	}

	.indus_pic {
	    right: -50px;
	    width: 45%;
	}

	.ind_serv{
		text-align: left;
	}

	.ind_serv h2{
		line-height: 1.2;
	}

	.ind_serv p{
		padding: 0;
	}

	.ind_serv_in .owl-theme .owl-controls .owl-buttons {
		top: 45%;
		left: 0;
		width: 100%;
	}

	.ind_serv_in .owl-theme .owl-controls .owl-buttons .owl-prev{
		margin-left: 10px;
	}

	.ind_serv_in .owl-theme .owl-controls .owl-buttons .owl-next{
		margin-right: 10px;
	}

	.about_left{
		margin-top: 7%; 
	}

	.about_left img{
		width: 80%;
		position: relative;
		right: 10%;
	}

	.motto_box li{
		float: none;
		width: 26%;
		height: 195px;
		display: inline-table;
	}

	.motto_box li:nth-child(3n) .icon_mo::before, .motto_box li:nth-child(3n) .icon_mo::after{
		display: none;
	}
}

@media screen and (max-width: 980px) and (min-width: 300px){

	.ind_abt_left,.ind_abt_right{
		width: 100%;
		float: none;
	}

	.ind_abt_right{
		padding-left: 0;
	}

	.ind_abt_right h3{
		font-size: 25px;
		padding-top: 20px;
	}

	.ind_app_in li{
		width: 50%;
		padding-left: 10%;
	}

	.about_left{
		margin-top: 10%;
	}

	.abt_face_left_1{
		width: 100%;
		height: auto;
		background-size: cover;
		background-position: center;
		float: none;
	}

	.serv_details{
		margin: 0;
		padding: 80px 50px;
	}

	.serv_details li{
		padding-top: 10px;
	}

	.abt_face_right_1{
		float: none;
		width: 100%;
		height: auto;
		display: block;
	}

	.abt_face{
		display: block;
		height: auto;
	}

	.large{
		width: 45%;
		margin-left: 5%;
	}
}

@media screen and (max-width: 960px) and (min-width: 300px){

	.icon_det h4{
		display: none;
	}

	.icon i{
		width: 15px;
		height: 15px;
		line-height: 15px;
		font-size: 15px;
		border: none;
	}

	.icon_det p{
		padding-top: 0;
		color: #333;
	}

	.about_left{
		margin-top: 12%;
	}

	.enq{
		width: 60%;
	}
}

@media screen and (max-width: 830px) and (min-width: 300px){

	.logo{
		float: none;
		width: 55%;
		margin: 0 auto;
	}

	.header_right{
		float: none;
		display: inline-block;
		width: 100%;
	}

	.header_right li:last-child{
		float: right;
	}

	/*.menu .get_info{
		display: block !important;
	}*/

	.menu_set{
		position: relative;
	}

	.menu{
		position: absolute;
		top: 51px;
		right: 5%;
		z-index: 2;
		background-color: #fff;
		width: 300px;
		text-align: center;
		display: none;
		padding: 20px;
		box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.6);
	}

	.menu li{
		float: none;
	}

	.menu li a{
		color: #666;
		display: block;
	}

	.menu li a::before,.menu li a::after{
		display: none;
	}

	.res_menu{
		display: block;
	}

	.footer ul{
		float: none;
		display: block;
		width: 100%;
		margin-top: 30px;
	}

	.footer ul:first-child{
		width: 100%;
		margin-top: 0;
	}

	.banner-outer .slide1,.banner-outer .slide2,.banner-outer .slide3,.banner-outer .slide4,.banner-outer .slide5{
		height: 400px;
	}

	.banner-outer .slide1 .content h1,.banner-outer .slide2 .content h1,.slide2 .content h1, .banner-outer .slide3 .content h1, .slide4 .content h1, .slide5 .content h1   {
		font-size: 25px;
		padding-bottom: 10px;
		line-height: 1.2;
	}

	.banner-outer .content p{
		font-size: 15px;
		line-height: 1.3;
	}

	.indus_list li{
		width: 100%;
	}

	.indus_pic {
	    right: -12%;
	    width: 531px;
		top: 0;
	}

	.indus_list{
		width: 65%;
	}

	.motto_box li{
		width: 49%;
	}

	.motto_box li:nth-child(2n) .icon_mo::before, .motto_box li:nth-child(2n) .icon_mo::after{
		display: none;
	}

	.motto_box li:nth-child(3n) .icon_mo::before, .motto_box li:nth-child(3n) .icon_mo::after{
		display: inline-block;
	}

	.enq{
		width: 70%;
	}

	.contact_left{
		float: none;
		width: 100%;
		margin: 0;
		padding: 20px;
	}

	.contact_left:last-child{
		margin-top: 35px;
	}

	.contact h2{
		line-height: 1.3;
		padding-bottom: 57px;
	}


}

@media screen and (max-width: 768px) and (min-width: 300px){

	.footer_set{
		padding: 80px 0px;
	}

	.ban_con_in img{
		width: 35%;
		top: -35px;
		left: -10px;
	}

	.indus_pic {
	    right: -5%;
	    width: 50%;
	    top: 18%;
	}

	.ind_serv{
		width: 50%;
	}

	.ind_serv_in{
		width: 50%;
	}

	.clients li{
		width: 50%;
		text-align: center;
		min-height: 60px;
		margin-top: 15px;
	}

	.about_left{
		margin-top: 20%;
	}

	.about_right h3{
		margin-top: 0;
		padding-top: 0;
	}

	.abt_face_left{
		float: none;
		width: 100%;
		height: 350px;
		background-size: cover;
		background-position: center;
	}

	.abt_face_left_1{
		height: auto;
	}

	.abt_face_right{
		float: none;
		width: 100%;
		padding: 40px 25px 40px 50px;
	}

	.view_in{
		width: 35%;
	}

	.abt_face_right div{
		float: none;
		width: 100%;

	}

	.large{
		margin: 0;
	}

	ul.tabs1 li{
		width: 100%;
		float: none;
		margin: 1% 0;
	}
}

@media screen and (max-width: 720px) and (min-width: 300px){

	.footer_cprt p{
		float: none;
		text-align: center;
	}

	.footer_cprt p:last-child{
		padding-top: 15px;
	}

	.calibrate p{
		width: 100%;
		padding: 1%;
		float: none;
	}
}

@media screen and (max-width: 640px) and (min-width: 300px){

	.logo{
		width: 320px;
	}

	.banner-outer .slide1,.banner-outer .slide2,.banner-outer .slide3,.banner-outer .slide4,.banner-outer .slide5{
		height: 350px;
	}

	.ban_con_in img{
		width: 20%;
		top: -40px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}

	.ban_con_in img:first-child{
		left: 5px;
	}

	.ban_con_in{
		text-align: center;
	}

	.ban_con_in li{
		float: none;
		width: 270px;
		margin: 60px auto 0;
	}

	.ban_con{
		padding: 20px 0px 75px;
	}

	.indus_pic{
		display: none;
	}

	.indus_list{
		width: 100%;
	}

	.about_left{
		width: 100%;
		float: none;
		margin-top: 0;
	}

	.about_right{
		float: none;
		width: 100%;
		padding-top: 25px;
	}

	.view_in{
		width: 50%;
	}
}

@media screen and (max-width: 600px) and (min-width: 300px){

	.top_strip{
		text-align: center;
	}
	.social_icon{
		display: none;
	}

	.strip_left{
		float: none;
		padding: 10px 0px;
	} 

	.ind_app_in li{
		width: 100%;
		padding-left: 0;
	}

	.ind_app{
		text-align: left;
		margin-bottom: 50px;
	}

	
}

@media screen and (max-width: 520px) and (min-width: 300px){

	.header_right{
		width: 280px;
		margin: 20px 0px 20px 17%;
	}

	.wid-50{
		width:100%;	
	}
	.wid-25{
		width:100%;	
	}
	.row{
		display: block;
	}

	.header_right li:last-child{
		float: left;
		margin-left: 0;
		margin-top: 10px;
	}

	.icon{
		margin-left: 0;
	}

	.res_menu{
		width: 100%;
		padding: 15px 10%;
	}

	.menu{
		right: 0;
		width: 100%;
	}

	.banner-outer .slide1,.banner-outer .slide2,.banner-outer .slide3,.banner-outer .slide4,.banner-outer .slide5{
		height: 400px;
	}

	.banner-outer .slide1 .content h1,.banner-outer .slide2 .content h1,.slide2 .content h1, .banner-outer .slide3 .content h1, .slide4 .content h1, .slide5 .content h1   {
		font-size: 20px;
		padding-bottom: 8px;
	}

	.banner-outer .content p{
		font-size: 13px;
		line-height: 1.4;
	}

	.banner-outer .bx-wrapper .bx-pager{
		bottom: 30px;
	}

	.ind_serv{
		padding: 30px 25px;
	}

	.enq{
		width: 80%;
	}
}

@media screen and (max-width: 480px) and (min-width: 300px){

	.logo{
		width: 280px;
	}

	.header_right{
		float: left;
		margin-left: 10%;
	}

	.abt_icon li{
		float: none;
		display: inline-block;
		width: 49%;
		margin-top: 20px;
	}

	/*.abt_icon li h4 {
	    width: 50%;
	    left: -70px;
	}*/

	.abt_icon{
		margin: 15px 0px;
	}

	.ind_abt_right a{
		margin-top: 20px;
	}

	.ind_serv{
		float: none;
		width: 100%;
		height: auto;
	}

	.ind_serv_in{
		width: 100%;
		float: none;
	}

	.ind_service{
		padding-bottom: 50px;
	}

	.clients li{
		width: 100%;
	}

	.clients{
		padding: 15px 0px;
	}

	.ban_in img{
		height: 87px;
	}

	.abt_face_left{
		height: 250px;
	}

	.abt_face_left_1{
		height: auto;
	}

	.abt_face_right{
		padding: 30px 10px 30px 15px;
	}

	.motto_box li{
		width: 100%;
		display: block;
		height: auto;
		margin-top: 10px;
	}

	.motto_box li::after,.motto_box li::before{
		display: none;
	}

	.motto_box li .icon_mo::before,.motto_box li .icon_mo::after{
		display: none;
	}

	.motto_box li:nth-child(3n) .icon_mo::before, .motto_box li:nth-child(3n) .icon_mo::after {
		display: none;
	}

	.enq{
		width: 90%;
	}

	.serv_details{
		padding: 30px 10px 30px 15px;
	}


}

@media screen and (max-width: 360px) and (min-width: 300px){

	.logo{
		float: left;
	}

	.header_right{
		margin-left: 0;
	}

	.strip_left{
		padding: 12px 0px;
	}

	.strip_left p{
		font-size: 10px;
	}

	.res_menu{
		padding: 15px 10%;
	}

	.view_in{
		width: 80%;
	}

	.enq{
		width: 95%;
	}
}


@media screen and (max-width: 800px) {
	.menu .get_info{
		display: block !important;
		float:none;
	}
	.iframe{
	    width:300px !important;
	}
		.abt_icon li h4 {
	    width: 50%;
	    left: -60px !important;
	}

}