/* lg */ 
@media (max-width: 1920px) {
.homeaboutdiv .graybg {padding:10.8%;}
.chairmsg {padding:5.5%;}
.homebusiness .graybg, .homebusiness .whitebg {height:313px;}
}
@media (max-width: 1600px) {

}
@media (max-width: 1366px) {
.homeaboutdiv .graybg {padding:10%;}
.chairmsg {padding:4.65%;}
.homebusiness .graybg, .homebusiness .whitebg {height:auto;}
}
@media (max-width: 1280px) {
.homeaboutdiv .graybg {padding:8.3%; margin:0;}
.homebusiness .graybg, .homebusiness .whitebg {height:295px; padding:0% 8%;}
.automotive-products-div .productbox a {min-height:230px;}
.automotive-products-div .productbox .overlay {font-size:20px; min-height:230px;}
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
  

}

@media (max-width: 1024px) {
.w70p {width:80%;}
.carousel, .carousel .item {height:600px;}
.homebusiness .graybg, .homebusiness .whitebg {height:325px; padding:0% 5%;}
.stayli li a {background:url(../images/list.png) no-repeat 0 15px; padding:10px 0 10px 20px;}
.stayli li a:hover {padding-left:30px; background:url(../images/list.png) no-repeat 5px 15px #f57224;}
.productinnerintro-right {margin-top:232px;}
.productinnerintro-right3 {width:150px;}
}

@media (max-width: 990px) {
    .navbar-header {
        float: left; width:100%;
    }
	.navbar-nav .open .dropdown-menu{background-color:#f59f26 !important;}
	.navbar-collapse {
		width:100%;
        border-top: 1px solid transparent;
		background-color:#ededed;
		z-index:100;
		position:relative;
		top:40px;
		padding:0;
    }
    .navbar-toggle {
        position:relative; right:0; top:10px;
    }
    
/*    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }*/
    .navbar-nav>li {
        float: left;
		width:100%;
    }
	.navbar-toggle .icon-bar {background-color:#0f1c85; width:30px; height:3px;}
	/*.navbar-toggle {background-color:#ccc;}*/
    .main-menu ul li a {color:#0f1c85;}
	.main-menu ul li ul li a {color:#0f1c85;}
	.main-menu ul li a:hover, .main-menu ul li a:focus {color:#0f1c85;}
	.main-menu .nohover {float:none;}
	.main-menu .nohover a {color:#0f1c85;}
	.main-menu .nohover a:hover {background-color:#0f1c85;}
	.navbar-nav{margin:0; float:none;}
	.navbar {min-height:70px;}
	.navbar-nav > li > a {padding:10px 15px;}
	.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header{margin:0;}
	.mobilesearch {position:relative; float:right; right:10px; top:20px;}
}




@media screen and (max-width:990px) {
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  padding-top:40px; 
}
}
/* sm */
@media (min-width: 768px) and (max-width: 991px) {
.navbar-nav {margin:0; width:100%;}

}
@media (min-width: 990px) {
.dropdown:hover .dropdown-menu {
	display: block;
}
}

@media (max-width: 990px) {
.w50p {width:80%;}
.w70p {width:100%;}
.social {width:50%;}
.desktop {display:none !important;}
.mobile {display:block !important;}
.carousel, .carousel .item {height:400px;}
.carousel-caption {top:15%; width:100%;}
.stat h1 {font-size:50px;}
.stat h4 {font-size:11px;}
.homebusiness .graybg, .homebusiness .whitebg {height:375px; padding:0% 5%;}
.investorsdiv, .investorsdiv:hover, .careersdiv, .careersdiv:hover {background-size:cover;}
.aboutus, .whiteoils, .culture, .corporate, .team, .governance, .awards, .csr, .investors, .media, .network, .locations {height:500px; background-position:bottom right;}
.innerintro {margin-top:-240px;}
.innerintro-right {margin-top:200px;}
.stayli {padding:8% 5%;}
.productinnerintro-right {margin-top:173px;}
.productinnerintro-right3 {width:140px;}
.panel-title {font-size:20px;}
.automotive-products-div div {width:31%;}
.automotive-products-div .productbox a {min-height:240px;}
.automotive-products-div .productbox .overlay {min-height:240px;}
}

@media (max-width: 900px) {

}

@media (max-width: 800px) {
.stayli {padding:2% 5%;}
.stayli li a {background:url(../images/list.png) no-repeat 0 15px; padding:10px 0 10px 20px; font-size:13px;}
.stayli li a:hover {background-size:auto;}
.productinnerintro-right {margin-top:176px;}
.productinnerintro-right3 {width:120px;}
}

@media (max-width: 768px) {

}

/* xs */
@media (max-width: 767px) {
.left {text-align:center;}
.right {text-align:center;}
.carousel {height:350px;}
.carousel .item {height:350px; background-position:center !important;}
.stayli li a {background:url(../images/list.png) no-repeat 0 15px; background-size:auto; font-size:17px; padding:10px 0 10px 30px;}
.stayli li a:hover {background-size:auto; padding-left:50px; background:url(../images/list.png) no-repeat 20px 15px #f57224;}
.innerintro-right {margin-top:50px;}
.productinnerintro-right {margin-top:0;}
.productinnerintro-right .clear {display:none;}
.productinnerintro-right3 {width:33.33%;}
}


@media (max-width: 736px) {

}

@media (max-width: 667px) {

}

/* XS Portrait */
@media (max-width: 640px) {
.w80p, .w50p {width:100%;}
.carousel, .carousel .item {height:300px;}
.carousel-caption {top:0;}
.carousel-indicators {bottom:5px;}
.carousel-control {bottom:10px;}
.stripe-orange {width:20%; top:100px;}
.homechairmandiv {margin:0 auto; width:80%;}
.chairtitle, .chairtitle h1, .chairtitle h3 {text-align:center;}
.chairtitle img {float:none;}
.stat {padding:10% 20%;}
.stat h1 {font-size:80px;}
.stat h4 {font-size:25px;}
.homebusiness .graybg, .homebusiness .whitebg {height:auto; padding:2% 5%;}
.careersdiv .floatr, .investorsdiv .floatl {float:none; text-align:center;}
.grayscale {background-color:#f2f2f2; display:inline-block; padding:20px 0;}
.statimg {display:none;}
.culture-carousel .carousel {height:280px !important;}
.culture-carousel .carousel .item {top:130px !important;}
.carousel-caption1 { top:0 !important; bottom:auto !important;}
.carousel-caption1 h1 {font-size:40px; color:#fff; background-color:#f59f25; padding:30px; margin:0;}
.culture-carousel .carousel .carousel-indicators, .culture-carousel .carousel .carousel-control {bottom:-50px;}
.automotive-products-div div {width:47%;}
.automotive-products-div .productbox a {min-height:240px;}
.automotive-products-div .productbox .overlay {min-height:240px;}

}


@media (max-width: 600px) {

}

@media (max-width: 568px) {
.fancybox-title-float-wrap {margin:0 auto -100px !important;}

}

@media (max-width: 480px) {

.carousel, .carousel .item {height:480px; margin-bottom:50px;}
.carousel-caption {position:relative !important; left:0; top:200px; background-color:#101a84; width:100%; margin:0; padding:30px 30px 60px;}
.carousel-img {display:none;}
.automotiveslider .carousel, .automotiveslider .carousel .item {height:480px;}
.automotiveslider .carousel-caption {position:relative !important; left:0; top:200px; background-color:#101a84; width:100%; height:350px; margin:0; padding:30px 30px 60px;}
footer .container-fluid {width:96%;}
.social {width:96%;}
h1 {font-size:30px;}
.carousel-indicators {bottom:-30px;}
.carousel-control {bottom:-20px;}
.innerintro {margin-top:300px;}
.auto {margin-top:0px;}
.innerintro-right {margin-top:50px;}
.whiteoils {height:400px;}
.panel-heading {word-wrap:break-word;}
#owl-demo2 .owl-prev {left:-30px !important;}
#owl-demo2 .owl-next {right:-30px !important;}
#owl-demo2 .owl-item {border:none !important;}
.automotive-products-div div {width:98%;}
}

@media (max-width: 414px) {
.navbar-brand {width:65%; padding:10px 0;}
.aboutus, .whiteoils, .culture, .corporate, .team, .governance, .awards, .csr, .investors, .media, .network, .locations {height:200px;}
.graybg {margin-top:300px;}
}

@media (max-width: 384px) {
.carousel, .carousel .item {height:500px;}
.carousel-caption {top:180px;}
.culture-carousel .carousel {height:260px !important;}
.automotiveslider .carousel-caption {top:180px;}
}

@media (max-width: 360px) {

}

@media (max-width: 320px) {
.navbar-brand {width:63%;}
.carousel, .carousel .item {height:500px;}
.carousel-caption {top:160px;}
.automotiveslider .carousel-caption {top:160px; height:400px;}
}