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

html{overflow-x:hidden !important;}
body{overflow-x:hidden !important;}
html.overflow{overflow:hidden !important;}

.container{width:100% !important;}

.res-center{ text-align:center;}
.res-full{width:100% !important;}
.res-padding0{padding:0px;}

.res-hide{ display:none !important;}
.res-show{display:block !important;}

.res-pull-right{float:right;}
.res-pull-left{float:left;}

.nav-icon1 {
  width: 31px;
  height: 30px;
  position: relative;
  -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;

  display:block;
}

.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);
}


.custom-hd{font-size:20px; line-height:30px;}


.top-strip{height:auto !important;}
.top-strip .nav-icon1{ position:absolute; top:35px; z-index:100;}
.top-strip ul .btn{ margin-top:8px;}
.top-strip ul .btn{font-size:14px;}


header{box-shadow:0 0 27px 0 rgba(5,6,6,0.22);}
header .col-md-9 .col-md-2{ width:30%; float:left; }
header .col-md-9 .col-md-2 .logo{ width:80px; }
header .col-md-9 .col-md-10{ width:70%; float:left;}
header .tagling{ top:7px; left:0px; font-size:4.3vw; line-height:7vw; padding-left:30px;}
header .col-md-3 img{ display:none;}
.slider-wrapper
{
  margin-top: 0px!important;
}

.res-nav-overlay{position:fixed; top:0px; left:0px; width:100%; height:150%; background:rgba(0,0,0,0.7); z-index:10000000000 !important; display:none;}
.res-nav{ position:fixed; top:0px; left:-100%; width:80%; height:150%; background:#fff; z-index:1000000000000 !important; padding:10px 0px;}
.res-nav.open{ left:0px;}
.res-nav ul { overflow:scroll;}
.res-nav ul::-webkit-scrollbar{ width:2px !important;}
.res-nav ul::-webkit-scrollbar-thumb{ background:rgba(0,0,0,0.1) !important;}
.res-nav ul::-webkit-scrollbar-track{ background:none !important;}
.res-nav ul li a{ color:#000; font-size:17px; display:block; padding:10px 10px; border-bottom:1px solid rgba(0,0,0,0.1);}
.res-nav ul li a:before{ background:#fff !important;}
.res-nav ul li a:hover{ color:#000 !important;}
.res-nav ul li ul{overflow:inherit; display:none; }
.res-nav ul li ul a{font-size:14px; padding:10px 10px ; border-bottom:0px !important;}

.res-nav .nav-icon1{ position:absolute; top:10px; right:10px; z-index:100000;}
.res-nav .nav-icon1 span{ background:#15274d;}


.remove-href{cursor:pointer;}


.home-slider{height:auto;}


.slider-wrapper .home-slider{height:auto;}
.slider-wrapper .home-slider img{height:auto;}

.slider-wrapper .part1{ padding:0px;}

.about{ padding:25px 0px; padding-top:100px !important;}
.about .part1{ width:100%; padding-left:15px;}

.about .part2{ width:100%; margin:15px 0px;}

.about .part3 { width:100% !important; padding:15px !important; margin:0px; padding-bottom:30px !important;}

.about .part3 .add{ margin-bottom:15px ;}
.about .part3 .add{margin-left:0px !important; margin-bottom:0px !important;}


.about .part3{text-align:center; height:auto !important;}
.about .part3  div{ width:max-content; display:inline-block; margin:0px; margin-bottom:10px;}

.about .part3 img{ width:300px !important;}

.jobs{ padding:15px 0px;}

.section2{padding-bottom:10px; padding-top:35px;}
.announcement{height:auto; margin-bottom:25px;}
.announcement .owl-carousel{padding-bottom:30px;}
.section2 .col-md-6{ margin-bottom:15px;}
.section2 .col-md-6:last-child{ margin-bottom:0px;}


.section2 .right .owl-pagination{ top:inherit !important; bottom:10px !important; text-align:center !important;}

.row3{ height:auto;}
.row3 .left{padding-left:0px; padding-bottom:0px !important;}
.row3 .left .col-md-6{ width:100%; height:auto; margin:0px;}

.row3 .right{padding-left:0px !important; margin-bottom:5px;}
.row3 .right .box{ height:auto;}
.gallery-section ul li{height:auto;}

.bottom-adds{ padding:15px 0px; padding-top:0px;}
.bottom-adds ul{text-align:center;}
.bottom-adds ul li{ width:max-content; max-width:100%; margin:0px; padding:0px; margin-bottom:20px; text-align:center; display:inline-block;}
.bottom-adds ul li img{width:300px !important;}


.bottom-strip *{text-align:center !important;}
.bottom-strip h3{ font-size:21px !important; line-height:40px !important;}

.bottom-strip .col-md-5:before{ display:none;}

.bottom-strip .col-md-7 a{ position:static !important; width:265px !important; clear:both !important; float:none !important; margin:20px auto !important;
	padding:2px 25px !important;}
	
.bottom-strip .col-md-5 span{left:0px !important; color:#fff !important; font-weight:400 !important; font-size: 21px;}	
.bottom-strip .col-md-5 label{left:0px !important; color:#fff !important; font-weight:400 !important;}



.footer{padding:25px 0px !important; }
.footer .col-md-1{ display:none;}
.footer *{text-align:left;}

.footer .col-md-6{padding-left:0px !important;}
.footer-links li{ width:100%;}

.footer .col-md-2{padding-left:0px; padding-right:0px;}
.footer .col-md-5{padding-left:0px; margin-top:20px;}
.footer form .col-md-6{ width:60%; float:left;}
.footer .col-md-2{ width:40%; float:left;}
.footer form button{ padding:10px 22px;}
.footer h4{ font-size:18px; line-height:27px;}

.copyright{ padding-right:0px !important;}
.copyright *{ text-align:left !important; float:none !important; font-size:13px !important;}
.copyright a{display:block;}

.modal-body {padding:0px !important;}

.modal-body .scrapcar-contact-form li textarea{ width:100%;}
.modal-body .scrapcar-contact-form li select{ width:100%;}
.modal-body .scrapcar-contact-form li label{ width:100% !important;}
.modal-body .scrapcar-contact-form li input{ width:100% !important;}
.scrapcar-contact-form ul li{margin-bottom:5px !important;}
.modal-header{padding-left:0px !important; padding-right:0px;  margin-bottom:0px !important;}

.modal-header .close{ right:-6px;}

.scrapcar-contact-form{padding: 23px 18px !important}


.inner-banner{display:none;}

.about-page .part1 {
    padding-right: 10px !important;
    overflow: hidden;
    width: 50% !important;
    padding-left: 10px !important;
    margin-bottom: 0;
}

.acc .box .btn { width: 100%; float: none;margin-bottom: 10px; }
#right-bar{position:static !important;}
.right-bar{width:100% !important; margin:0px !important;}
.about-page-section .part3{height:auto !important;}

.committees ul li h4.weight{ line-height:27px;}


.committees ul li h4.weight{ font-size:15px; line-height:23px;}
.committees ul li .btn{white-space:normal; margin-top:10px;}


.gototop{right:10px !important; bottom:10px !important;}

.office-bearers-team li .col-md-3{ padding-right:0px;}

.office-bearers-team li .col-md-9{ padding:10px 0px;}
.office-bearers-team li .text-sml{font-size:13px !important;}

.pagination{display:block;}
.pagination-lg>li>a, .pagination-lg>li>span{ padding:5px 12px; }

.committees ul li .col-md-7{ padding:0px;}

.memner-list-tab{padding:10px; position:fixed; top:0px; left:100%; width:100%; height:150% !important; background:#fff !important; z-index:1000000000000; max-height:100%; overflow:scroll; transition:all 0.4s; -webkit-transition:all 0.4s; -moz-transition:all 0.4s;}

.memner-list-tab{}


.memner-list-tab.open{ left:0px;}

.memner-list-tab::-webkit-scrollbar{ width:2px !important;}
.memner-list-tab::-webkit-scrollbar-thumb{ background:#eff1f1 !important;}

.memner-list-tab li a{ padding:12px 10px;}

.memner-list-tab .nav-icon1{ position:absolute; top:10px; right:10px; z-index:100000;}
.memner-list-tab .nav-icon1 span{ background:#15274d;}


.open-memner-list-tab{ position:fixed; top:30%; right:0px; display:block; width:max-content; padding:10px 12px; background:#15274d; font-size:25px; color:#fff; z-index:1000000;}
.open-memner-list-tab:hover{ color:#fff;}

.newsletter-tab{ float:none; right:0px;}
.newsletter-tab li{margin-bottom:10px; width:48%;}
.newsletter-tab li a{display:block; font-size:11px; padding:10px; font-weight:500;}


.scrapcar-contact-form ul li > label.title{ margin-bottom:10px; line-height:22px !important;}

.popup .modal-content{ padding-right:15px;}

.job-filter .col-md-4{ position:fixed; top:0px; left:-100%; width:100%; height:150%; background:#fff; z-index:10000000000; max-height:120%; overflow:scroll;
	padding-bottom:130px;}

.job-filter .col-md-4.open{left:0px;}
	
.job-filter .col-md-4::-webkit-scrollbar{ width:2px !important;}
.job-filter .col-md-4::-webkit-scrollbar-thumb{ background:#ccc !important;}

.job-filter .col-md-4 .wrap-box{ display:none;}

.job-filter .col-md-4 h4 .fa{transform:rotate(180deg) !important;}
.job-filter .col-md-4 h4 .fa.open{transform:rotate(0deg) !important;}

.job-filter .col-md-4 .nav-icon1{ position:absolute; top:15px; right:10px;}

.open-filter{ position:fixed; bottom:0px; left:0px; width:100%; display:block; padding:15px 20px; text-align:center; background:#15274d; color:#fff; z-index:1000000;
	display:none;}
.open-filter:hover{ color:#fff;}

.job-filter .col-md-8{ padding-left:0px;}

.job-filter .col-md-8{width:100%;}

.job-section .company-name img{display:none;}
.job-filter .col-md-8{ margin:0px;}
.job-section{ border:0px !important;}
.all-jobs{ padding-top:20px;}

.job-section .toggle{height:181px;}

.job-part3{height:auto !important;}

.job-section h4.title{font-size:22px;}

.login-page .col-md-6{ overflow:hidden; padding-left:0px !important; padding-right:0px !important;}

.login-page .col-md-6 form a{ top:27px !important;}

.modal-dialog{margin-right:5px !important;}
.form .file{ margin:15px 0px;}

.form .file label{ top:-22px !important;}


.company-info-header .btn-blue2{ position:fixed; bottom:0px; left:0px; width:100%; z-index:1000000; display:none;}


.company-info-header ul{ width:100%;}


#lightgallery{left:0px;}
#lightgallery{text-align:center; margin:0px;}
#lightgallery li{ width:300px; float:none; display:inline-block;}
#lightgallery li .overlay img{ left:0px;}

}




@media only screen and (min-width:150px) and (max-width:500px){
	.scrapcar-contact-form li{ width:100% !important; padding:0px !important;}
	.scrapcar-contact-form button{ margin-top:15px;}
	
	.company-info-header ul li{ width:100%;}
	.company-info-header img{width: 100%;}
}

@media only screen and (min-width:150px) and (max-width:400px){
	.about .part3  div{ width:100% !important; display:inline-block; margin:0px; margin-bottom:15px;}
	#lightgallery li{ width:100% !important; float:none; display:inline-block; margin:0px !important; margin-bottom:10px !important;}
	
	.bottom-adds ul li{width:100%; margin:0px; margin-bottom:15px;}
	
	.about .part3 .add{ margin-left:12px;}
}



@media only screen and (min-width:500px) and (max-width:768px){
header .col-md-9 .col-md-2{ width:20%; float:left; }
header .col-md-9 .col-md-2 .logo{ width:80%; margin-bottom:10px;}
header .col-md-9 .col-md-10{ width:80%; float:left;}
header .tagling{ top:5px; left:0px; font-size:3.5vw; line-height:7vw; padding-left:30px;}
header .col-md-3 img{ display:none;}

.gallery-section  li{ background:none !important;}
.gallery-section .owl-item{ padding:10px; background:#eff1f1 !important;}

.bottom-adds ul{text-align:center !important;}
.bottom-adds li{ width:max-content !important; float:none !important; display:inline-block !important; margin:10px !important;}

.company-info-header ul li{ width:50%;}
.company-info-header img{display:block; top:0px !important;}

}


@media only screen and (min-width:768px) and (max-width:900px){
	.gallery-section .owl-item{ padding:10px; background:#eff1f1 !important;}
}

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

.right-area {
    display: none;
}

.side-menu h3 {
            font-size: 18px;
        font-weight: 400;
        margin-top: 6px;
}

header .logo {
    width: 80px;
}

.side-menu {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 9;
    font-size: 18px;
    font-weight: 400;
    top: 71px;
    height: 47px;
    overflow: hidden;
    transition: .4s;
}

span.barsbtn {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 27px;
    display: block;
}

span.sidenavbtn {
    position: absolute;
    top: 10px;
    right: 25px;
    font-size: 27px;
    display: block;
}

.slider-wrapper {
    width: 100%;
    float: none;
}

section.home-mainsec { height: auto; padding-top: 128px; }

header {
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 99;
}

.headingbox { width: 100%; padding-bottom: 20px;}

section.product-sec {padding-top: 35px; padding-bottom: 0;}

.product-main { margin-bottom: 30px; }

.press-main { display: block; }

.press-left { width: 100%; }

.press-right {
    width: 100%;
    padding: 30px 0px 0px;
}

.press-right h3.press-title { font-size: 18px; }

div#brand-slider .item { margin-right: 10px; }

section.homeform-sec { padding: 35px 0; }

form.register-form.form h3 { font-size: 21px;}

nav.transition {
    position: fixed;
    display: block;
    width: 100%;
    left: 0;
    z-index: 99;
    top: 71px;
    height: 0%;
    overflow: scroll;
    transition: .4s;
}

nav.transition li {
    display: block;
    float: none;
    text-align: left;
  }

.headercontact {
    display: none;
}

nav ul li .submenu {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 0;
    transition: .4s;
}

nav ul li .submenu li  {
  border-bottom: 1px dotted rgba(255,255,255,0.2);
}

nav ul li .submenu li a {
  border-bottom: none;
}

.submenu-prodrg { height: 100% !important; transition: .4s; }

.mainmenu-open {height: 100% !important;}

.side-menuopn {height: 100% !important; overflow-y: scroll !important;}

.company-info-header {padding: 0 !important;}

section.product-detaile { padding-top: 100px; }

.productleft-img {width: 100%;}

.btn-custom { padding: 10px 8px; }

.right-choice-section .section-wrapper { margin-left: 15px;}

.row.job-filter .custom-hd { padding-left: 20px; }

.row.job-filter .custom-hd:after { left: 20px; }



  }