@media only screen and (max-width: 1366px) {}
@media only screen and (max-width: 1199px) {}
@media only screen and (max-width: 1024px) {
.top-logo { width: 30%; float: left; margin-top: 20px;}
.top-logo img{width: 60%;}
.navigation-col{ margin-top: 20px;}
.home-slider{ height: 380px; }
.vision-white-bg{ margin: 0px 15px 0px 15px; }

.products {width: 28%; }

}


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

.inner-heading{ margin: 30px 0px 30px 0px;}
.address-right p{ width: 70%; }
}
@media only screen and (max-width: 768px) {

.container-col-top { padding: 0px 0px; }
.top-logo{ display: none; }
.top-logo-mobile{ width: 100%; margin: 20px auto 0px; text-align: center; display: block; float: none;}
.top-logo-mobile img{ width: 30%; float: none; }
.navigation-col {width: 100%;}
.home-slider{ margin-top: 146px; height: 300px;  }
.home-col{ position: absolute; }
.about-uc p{width: 100%;}
.footer-col-1{ width: 100%; }
.footer-col-2{ width: 100%; }
.footer-col-2-inner{ width: 100%; margin-top: 30px; }
.footer-col-2-inner h3 {margin: 0px 0px 0px 0px;}
.copyright { width: 100%; margin: 40px 0px 0px 0px; }
.smartech  { width: 100%; margin: 20px 0px 0px 0px; float: left; }

.text-section {width: 100%; box-sizing: border-box; float: left; padding: 50px 0px;}
.image-section{ width: 100%; margin: 0px auto; float: none; text-align: center; }
.image-section img{ width: 70%; float: none; margin: 0px 0px 60px 0px; }

.text-section-next {width: 100%; box-sizing: border-box; float: left; padding: 50px 0px; text-align: left;}
.image-section-next{ width: 100%; margin: 0px auto; float: none; text-align: center; }
.image-section-next img{ width: 70%; float: none; margin: 0px 0px 60px 0px; }
.text-section-next a{float: left;}

.motors-next{ margin: 70px 0px 0px 0px; }
.outer-head{ width: 100%; }
.box{ width: 100%; margin: 0px 0px 35px 0px; }
.icon {width: 16%; float: left; box-sizing: border-box;}
.text {width: 80%; float: right; box-sizing: border-box;}
.prod-images{ display: none; }

.form-area{ width: 100%; }
.form-name {width: 100%; padding-right: 0px; margin: 10px 0px;}
.form-query{ width: 100%; padding-right: 0px; margin: 10px 0px; }
.video-section img{ width: 100%; }
.banner-col{ margin: 0px 0px 0px 0px; }

.location-txt{ width: 90%; float: left; }

.address-left{ width: 100%; }

.address-right{ width: 100%; margin-top: 30px; }
.address-right p{ width: 100%; }
.leadership-col-inner{ width: 80%; float: none; margin: 0px auto; }
.leadership-col-inner img { width: 25%; }
.leadership-text{ width: 100%; margin-bottom: 50px; }

.vision-white-bg{ width: 100%; height: auto; margin: 0px 0px 0px 0px; }
.values-col{ width: 100%; }
.strategy-bg-inner-col {width: 100%; margin-bottom: 30px;}
.strategy-bg-inner-col p{ width: 100%; }
.strategy-bg-inner-col img {width: 10%;}

}



@media only screen and (max-width: 640px) {
.home-slider {margin-top: 140px; height: 237px;}
.infra-col{ width: 100%; float: left;}
.infra-box{ width: 100%;  margin-bottom: 50px;}
.infra-box-right{ width: 100%; float: left;  margin-bottom: 50px; }
.divider{ display: none; }
.location-txt {
    width: 85%;
    float: right;
}

.about-inner{ width: 100%; }
.strategy-bg-inner-col img{ width: 15%; }
.value-col-no{ font-size: 55px; line-height: 30px; }

.products { width: 49%; margin: 0 3px 20px; }
}


@media only screen and (max-width: 550px) {
.top-logo-mobile img {width: 40%; float: none;}
.home-slider {margin-top: 136px; height: 190px;}
.image-section img{ width: 100%;}
.image-section-next img{ width: 100%;}
.text{ width: 70%; }
.leadership-col-inner{ width: 100%; }
.value-col-text{ width: 88%; }
.products { width: 100%; margin: 0px auto 50px; float: none; }

}


@media only screen and (max-width: 480px) {
.home-slider {margin-top: 133px; height: 170px;}
.strategy-bg-inner-col img{ width: 20%; }
}


@media only screen and (max-width: 414px) {
.home-slider {margin-top: 125px; height: 148px;}
.icon{ width: 100%; }
.text{ width: 100%; }
.leadership-col-inner img{ width: 35%; }
.strategy-bg-inner-col img { width: 25%;}
}



@media only screen and (max-width: 380px) {
.home-slider {margin-top: 125px; height: 130px;}
.products { width: 90%; }
}
@media only screen and (max-width: 360px) {
	.strategy-bg-inner-col img { width: 30%;}
}
@media only screen and (max-width: 350px) {}
@media only screen and (max-width: 320px) {}