
@media only screen and (min-width:150px) and (max-width:990px){

html{overflow-x:hidden !important;}
body{overflow-x:hidden !important;}

.container{width:100% !important;}

h3{line-height:32px; font-size:20px;}

.res-center{ text-align:center;}
.res-full{width:100% !important;}
.res-padding0{padding:0px;}

.res-hide{ display:none;}
.res-show{display:block !important;}

.res-pull-right{float:right;}
.res-pull-left{float:right;}


.table-responsive::-webkit-scrollbar{ height:3px !important;}

.text{font-size:15px !important; line-height:25px !important;}

.nav-icon1 {
  width: 31px;
  height: 30px;
  position: relative;
  margin: 7px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  float:right;
    position:relative; top:10px;
	z-index:10000000;
}

.nav-icon1 span{
  display: block;
  position: absolute;
  height: 3px;
  width: 30px;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;

}

.nav-icon1 span:nth-child(1) {
  top: 5px;
}

.nav-icon1 span:nth-child(2) {
  top: 15px;
}

.nav-icon1 span:nth-child(3) {
  top: 25px;
}

.nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

.nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.res-text-justify{text-align:justify;}


.custom-hd{width:100% !important; font-size:27px !important; line-height:35px !important;}

.top-strip{height:auto !important; display:none;}

header{height:80px;}
header .logo{position:relative; top:8px;}

header.scroll .logo{ top:0px !important;}

header .col-md-2{ padding:0px;}
header .col-md-2 .nav-icon1{ position:relative; top:20px;}
header .col-md-2 .nav-icon1 span{ background:#000;}



nav{ position:fixed; top:0px; left:100%; width:100%; height:150%; max-height:120%; padding-bottom:40px; overflow:scroll; z-index:1000000000000 !important; background:#fff; padding:15px 10px;
	padding-top:35px;}
nav.open{left:0px;}
nav .nav-icon1{ position:absolute; top:10px; right:10px; z-index:10000;}
nav .nav-icon1 span{ background:#000;}
nav::-webkit-scrollbar{ width:2px !important;}
nav ul li{width:100%; position:relative;}
nav ul li.act a{ background:none !important; color:#000 !important;}
nav ul li a{ color:#000;}
nav ul li a:hover{background:none !important; color:#000 !important;}
nav ul li a .fa{float:right; display:none;}

nav ul li .submenu a{ color:#fff !important;}
nav ul li .submenu a:hover{ color:#fff !important;}

nav ul li .fa.act{ color:#000 !important;}
nav ul li .fa-plus{display:block !important; position:absolute; top:0px; right:0px; z-index:10000000 !important; font-size:16px;
	padding:15px;}
.top-nav ul li ul{ display:none; position:static !important; max-height:inherit !important; min-width:inherit !important; width:100% !important; padding-left:0px !important;
	background:#3e871c;}
.top-nav ul li ul ul{padding-left:15px !important;}
.top-nav ul li ul li{-webkit-transform:scale(1) !important; opacity:1 !important; box-shadow:none !important;}


.home-slider .owl-pagination{margin-top:-33px;}

.home-slider .owl-pagination .owl-page span{ width:12px !important;}

.about{padding:25px 0px !important;}
.about .col-md-7{ padding-top:40px; padding-left:15px;}
.about .col-md-5{ padding:0px;}
.about .col-md-5 .text{text-align:justify;}

.row3{ margin-top:30px;}

#row3-slider .owl-pagination .owl-page span{ width:8px !important; height:8px !important;}

.row3 .owl-carousel .owl-buttons{ display:none;}

.row4{ padding-bottom:45px !important;}

.row4 .owl-pagination .owl-page span{ width:10px !important;}

.testimonial{ padding:30px 15px !important;}
.testimonial ul li .text{ padding:0px 10px !important;}
.testimonial ul li{ padding:25px 15px !important;}

.testimonial .owl-pagination .owl-page span{ width:12px !important;}

.row5{height:auto !important;}
.row5-2 .news{padding-bottom:0px !important; padding:15px !important;}

.video-section{padding-top:30px !important;}

.video-play-button a{ top:40% !important; left:40% !important;}

.video-popup{height:auto; width:85%;}

.bottom-strip{padding-bottom:60px;}
.bottom-strip a.btn{ float:none !important;}


footer .col-md-4{padding-right:15px !important; }
footer .col-md-4:first-child{overflow:hidden; margin-bottom:25px;}

.created{float:left !important;}

.jobs{height:auto !important;}


.vertical-controls{top:25px !important;}

.inner-banner{padding-top:17%; height:auto; padding-bottom:20%; background-size:cover !important;}
.inner-banner h1{font-size:30px; width:100%;}

.sec-title:before{ width:40px; display:none;}
.sec-title:after{ width:40px; display:none;}
.sec-title span::before{ width:25px; display:none;}
.sec-title span::after{ width:25px; display:none;}


.breadcrumb{right:0px;}
.breadcrumb *{ font-size:13px;}

.about-row1 .col-md-7{ padding-top:0px; padding-left:0px !important; padding-right:0px !important;}
.about-row1 .col-md-5{ padding-top:25px !important;}

.mission-vision{height:auto !important; background-size:cover;}
.mission-vision .col-md-6{ padding:20px !important; padding-bottom:25px !important; height:auto;}

.about-row2{ padding-right:0px !important; padding-top:10px !important;}
.about-row2 .col-md-12{ padding:0px;}
.about-row2 .col-md-8{ padding:0px;}
.about-row2 .col-md-12 img{margin-top:15px;}
.about-row2 .col-md-3{ padding:0px !important;}
.about-row2 li.col-md-3{ width:100%;}

.about-row2 .row{ margin-left:0px !important;}

.about-row2 img{ width:100% !important;}

.single-product{ padding:25px 0px !important;}
.single-product .container{padding:0px 30px !important;}
.single-product h3{ font-size:18px !important;}
.single-product .left{padding-right:0px !important; padding-left:0px;}
.single-product .left ol li{margin-bottom:5px;}
.single-product .left ol li:last-child{margin-bottom:0px;}
.single-product .left ol li img{width:100%;}

.single-product .right{ margin-top:35px; padding:0px;}

.single-product .right .jobs{ padding-bottom:0px !important;}

.single-product img{margin-bottom:10px; width:100%;}

.literature{ padding:25px 0px;}
.literature .left{overflow:hidden; padding:0px;}
.literature .left ol li{ width:100% !important; margin:auto; float:none; margin-bottom:20px;}
.literature .left ol li img{width:100% !important;}

.product-cat ol li{width:100%; margin-bottom:0px; text-align:left; padding:0px;}

.literature .jobs{padding-bottom:0px;}

.literature .col-md-4{ padding:0px;}


.cd-tab-filter{width:100% !important;}
.cd-tab-filter *{width:100% !important;}
.cd-tab-filter a.selected{ background:#3e871c !important; color:#fff !important;}

.cd-gallery{padding:0px !important;}
.cd-gallery li{width:100% !important;}


.video-page{padding:15px 0px !important;}

.videos{display:block !important;}
.videos li{display:block !important; padding:0px !important; margin-bottom:30px !important; width:100% !important; margin-bottom:25px !important;}
.videos li h3{font-size:20px !important; line-height:28px!important;}

.enquiry{ padding:25px 0px !important;}

.award-page .col-md-8{ padding:0px;}
.awards-row{padding:0px !important; padding-bottom:25px !important;}
.awards-row img{width:100% !important; height:auto !important;}
.awards-row *{text-align:left !important;}


.enquiry .jobs{padding-bottom:0px;}

.contact .col-md-6{ padding:0px;}

.contact .form{padding:15px; margin:15px 0px;}
.contact .form form{ padding-right:10px !important;}

.contact .info{ left:0px; position:static; padding:20px; height:auto;}
.contact .info h3{display:block;}
.contact .info .col-xs-1{ display:none;}

.contact .info .row{ margin-bottom:10px !important;}


.enquiry .col-md-8{ height:auto !important; margin-bottom:35px;}
.enquiry-form{position:static !important; height:auto !important; width:100% !important; padding-right:0px !important;}

.a2a_kit{display:none !important;}

.modal{z-index:1000000000000000000000000 !important;}
.modal-content{ margin-top:0px !important;}
.modal-body .scrapcar-contact-form li input{ width:65% !important;}
.modal-body .scrapcar-contact-form li textarea{ width:65% !important;}

.g-recaptcha{width:100% !important; margin-left:-7px !important;}

}



