@media only screen and (max-width:1600px) {
.three60view{ min-height:620px;}
.footer-banner .caption{ right: 8%;}
.three60view .three60view-content{ transform: translate(-10%,10%);}
.performance .display-table .display-cell, .spcification .display-table .display-cell{ padding:0 10px 0 10px}
.spcification .tab-contents{ width: 70%;}
.performance .tab-contents{ width:90%}
.footer-banner .caption h2, .performance h2, .spcification h2, .three60view .three60view-content h2{ font-size:40px;}
.super-carry-banner .caption{ height:320px; overflow-y: scroll;}
.car-color-variant{ top: -10%;}
.hidden-xs{ display:block}
.hidden-md, .hidden-lg{ display:none}
.three60view .three60view-content{ transform: translate(-12%,-22%);}
.performance h2, .performance2 h2, .spcification2 h2{ margin:0px 0 20px}
.footer-banner2 .caption{ top:20%; right:15%}
.menu > ul > li > ul > li { 
    width: 19.2%;
    margin: 0px 5px;
}
.menu > ul > li a{ padding:1.5em 2em;}
.menu > ul > li .trueValuelogo, .menu > ul > li .sevaLogo{ padding:0.5em 1em}
.value-addded-service .value-added-image { height: 270px;}
.value-addded-service .value-added-image:after { width: 94% }
}
@media only screen and (max-width:1440px) {
.logo{ width:130px; padding:7px 0}
.logo img{ width:100%}
.menu > ul > li a{ padding:1.5em 1.2em}
.three60view .three60view-content{ transform: translate(-10%,10%);}
.footer-banner .caption{ right: 5%; width:45%}
.three60view{ min-height: 538px;}
.performance .tab-contents{ width: 90%;}
.performance .display-table .display-cell, .spcification .display-table .display-cell{ padding:0 10px 0 10px}
.performance h2{ margin:0 0 20px}
.performance-content #v-pills-tabContent{ overflow-y:scroll; height:400px}
.three60view .three60view-content{ transform: translate(-12%,-22%);}
.performance h2, .performance2 h2, .spcification2 h2{ margin:0px 0 20px}
.footer-banner2 .caption{ top:20%; right:15%}
.menu > ul > li > ul > li {  width: 19.2%; margin: 0 5px;}
.value-addded-service .value-added-image:after { width: 93% }

}
@media only screen and (max-width:1366px) {
.menu > ul > li a{ padding:1.5em 1.2em}
.logo{ width:130px; padding:7px 0}
.logo img{ width:100%}
.three60view{  min-height: 538px;}
.footer-banner .caption{ right: 5%; top:15%}
.performance h2, .performance2 h2, .spcification2 h2{ margin:0px 0 20px}
.footer-banner2 .caption{ top:20%; right:15%}
.nexaLogo img, .trueValuelogo img{ height: 40px;}
.menu > ul > li a {padding: 1.5em 1.5em;}
.menu > ul > li .trueValuelogo, .menu > ul > li .sevaLogo { padding: 0.9em 1em;}
.value-addded-service .value-added-heading a{ white-space: nowrap; height: 42px; }

}

@media only screen and (max-width: 1280px) {
.menu > ul > li > ul > li a img{}
.menu > ul > li a{ padding:1.5em 0.8em}
.logo{ width:130px; padding:7px 0}
.product-content{ padding:10px;}
.three60view .three60view-content{ transform: translate(-12%,-22%);}
.three60view { min-height: 488px;}
.footer-banner .caption{ right: 2%;}
.footer-banner2 .caption{ top:20%; right:15%}
.footer-banner .caption h2, .performance h2, .spcification h2, .three60view .three60view-content h2{ font-size:40px;}
.performance h2, .performance2 h2, .spcification2 h2{ margin:0px 0 20px}
.performance-content #v-pills-tabContent{ overflow-y:scroll; height:350px}
.menu > ul > li .trueValuelogo, .menu > ul > li .sevaLogo{ padding:0.9em 1em}
.value-addded-service .value-added-image:after { width: 92% }
.value-addded-service .value-added-heading a{ white-space: nowrap; height: 42px; }
}

@media only screen and (min-width: 960px) and (max-width: 1200px) {
.menu-container{ display:block; padding:0 1rem}
.logo{ width:150px; margin: 0 auto; position:static}	
.logo img{ width:100%}
.menu > ul{ margin:0 auto}
.menu{display: table; width: auto; margin: 0 auto;}
.side-nav{  justify-content: center; -webkit-box-pack: center}
.product-carousel .productItems img{ width:100%}
.generic-hero .itemimg img{ width:20%}
.three60view .three60view-content {transform: translate(-10%,-30%); height: 290px; overflow-y: scroll;}
.three60view{ min-height:auto}
.footer-banner .caption{right: 2%; width: 45%}
.performance h2{ margin:0}
.spcification .tab-contents{ width: 90%;}
.product-carousel .productItems img{ margin-top:0%}
.footer-banner .caption h2, .three60view .three60view-content h2, .performance h2, .footer-banner2 .caption h2{ font-size:30px;}
.performance-content .tab-content{ height:300px; overflow-y:scroll}
.performance .display-table .display-cell h4, .spcification .display-table .display-cell h4{ font-size:12px;}
.performance .display-table .display-cell p, .spcification .display-table .display-cell p{ line-height: 18px;}
.performance .performance-content{ top:0}
.footer-banner .caption { top:10%}
.hidden-xs{ display:block}
.hidden-md, .hidden-lg{ display:none}
.xl6cl .car-color-variant{ top:}
.performance2 .prod-image img{ width:80%}
.performance2 .performance-content {padding-top: 10px;}
.menu > ul > li > ul > li{ width: 17.8%;}
}

@media (min-width: 768px) and (max-width: 991px) {
.menu-container{ display:block; padding:0 1rem}
.menu{ width:100%}	
.logo{ width:150px; margin: 0 auto; position:static}	
.logo img{ width:100%}
.menu{ display:block; }
.menu a{ color:#FFF}
.menu > ul > li a{ padding:1.5em 1.5em 1.5em 0}
.menu > ul{ margin:15px}
.menu > ul > li > ul > li{ width:44%; float:left}
.menu > ul > li > ul > li:first-child{ margin:0 10px}
.side-nav ul{ float:none; text-align:center; }
.side-nav{ justify-content: center; -webkit-box-pack: center}
.side-nav ul li{ padding:5px 20px}
footer .footer-links h4{ margin-bottom:2rem}
footer .mainlinks{ border-right:none; border-left:none; border-top:1px solid #282a29; border-bottom:1px solid #282a29; padding:0rem 0rem;}
footer .social-media{  padding:3rem 2rem 4rem 2rem}
.happy-customer .numscroller{ width:100%; background-size:43px; font-size: 48px !important;line-height: 76px;}
.happy-customer .text-center h2{ font-size: 38px;}
.generic-hero .mediacontent.vcenter{ width: 96%; bottom:0; top:auto}
.product-carousel .item .productItems .proudctFooter .product-content{overflow-y: scroll; height: 240px;}
.three60view .three60view-content{ transform: translate(2%,0%); bottom:5%; top: auto;}
.spcification .img-car { width: 60%;}
.spcification .tab-contents{ width:100%}
.performance h2, .performance2 h2{ margin:10px 0}
.performance .performance-content, .performance2 .performance-content{ top:0%; padding-top:0}
.performance .tab-contents, .performance2 .tab-contents{ width:100%}
.performance .prod-image img, .performance2 .prod-image img{ width:100%}
.performance .display-table .display-cell{ width:45%; border-right:none;}
.footer-banner .caption, .footer-banner2 .caption{ position:static; padding:30px; width:100%}
.footer-banner .caption h2, .three60view .three60view-content h2, .footer-banner2 .caption h2{ font-size:35px;}
.super-carry-banner .caption h3{ font-size:20px;}
.super-carry-banner .caption h3{ font-size:20px; color:#000}
.super-carry-banner .caption p{ color:#000}
.super-carry-banner .caption{ position:static; width:90%; padding:20px; height:auto}
.eeco-cargo-safty .super-carry-banner .caption{ width:100%}
.footer-banner2 .caption{ background:#000}
.footer-banner2 .caption h2{ font-size:30px;}
.performance-content #v-pills-tabContent{ height: 290px;}
.car-color-variant {top: -4%;}
.hidden-xs{ display:none}
.hidden-md, .hidden-lg{ display:block}
.menu > ul > li > ul > li { width: 17.1%;}
.carousel-caption h2{ font-size:30px;}
.value-addded-service .value-added-heading a{ display: inline-block; margin-top: 20px }

}

@media(max-width:767px) {
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.menu-container{ display:block; padding:0 1rem}
.logo{ width:100px; margin: 0 auto; position:static}	
.logo img{ width:100%}
.menu{ display:block; }
.menu a{ color:#FFF}
.menu > ul > li a{ padding:1.5em 1.5em 1.5em 0}
.menu > ul{ margin:15px}
.menu > ul > li > ul > li a img{ display:none}
.side-nav ul{ float:none; text-align:center; }
.side-nav{ justify-content: center; -webkit-box-pack: center}
.side-nav ul li{ padding:5px 20px}
.menu-mobile{ padding-top:70px;}
footer .footer-newletter h2{ font-size:26px;}
footer .footer-newletter .pl-5{ padding-left:1rem!important}
footer .mainlinks{ padding:3rem 0 3rem 1rem; border-right:none; border-left:none; border-top:1px solid #282a29; border-bottom:1px solid #282a29}
footer .podcast-section, footer .social-media{  padding:3rem 0 3rem 1rem;}
footer .footer-links h4{ margin-bottom:1rem}
.hidden-xs{ display:none}
.hidden-md, .hidden-lg{ display:block}

}

@media only screen and (min-width: 320px) and (max-width: 480px) {
.menu-container{ display:block; padding:0 1rem}
.carousel-item img {
    height: 170px;
    object-fit: cover;
}
.logo{ width:100px; margin-left: auto;/* right: -50%; left: -50%; transform: translate(0%, 12%);*/ position:static}	
.logo img{ width:100%}
.menu{ display:block; }
.menu a{ color:#FFF}
.menu > ul > li a{ padding:1.5em}
.menu > ul{ margin:15px auto}
.menu > ul > li > ul > li{ width:44%; float:left}
/*.menu > ul > li > ul > li:first-child{ margin:0 10px}*/
.side-nav ul{ float:none; text-align:center; }
.side-nav{  justify-content: center; -webkit-box-pack: center}
.side-nav ul li{ padding:5px 20px}
.menu-mobile{ padding-top:70px;}
footer .footer-newletter h2{ font-size:26px;}
footer .footer-newletter .pl-5{ padding-left:1rem!important}
footer .mainlinks{ padding:0rem 0rem; border-right:none; border-left:none; }
footer .podcast-section, footer .social-media{  padding:1rem 0 3rem 1rem;}
.schdule_section .nav-tabs > li > a {
    text-transform: capitalize;
    font-size: 14px;
    padding: 0 13px;
    line-height: 50px;
    min-width: 140px;
}
.schdule_section .nav-tabs{
    border-bottom-width: 4px;
}
footer .footer-links h4{ margin-bottom:1rem}
footer .mainlinks ul{ margin-bottom:15px;}
footer .mainlinks ul li{ margin-bottom: 14px;}
footer .mainlinks ul li a{ font-size:14px;}
.our-values ul li{ width:94%; margin-left:20px; padding:0 10px 50px 60px}
.happy-customer .numscroller{ width:100%; background-size:43px; font-size: 48px !important;line-height: 76px;}
.generic-hero .mediacontent.vcenter{ clear: both; position: absolute; bottom: 0; padding: 10px; width: 100%; top:0; transform:translateY(45%)}
.product-carousel .productItems img{ width:100%}
.generic-hero .itemimg .mediacontent img{ width:20%}
.product-carousel .item .productItems .proudctFooter .product-content{ height:300px; overflow-y:scroll}
.three60view{ min-height:inherit; }
.three60view .three60view-content { transform: translate(2%,15%); width: 100%; height:215px; overflow-y:scroll}
.spcification .tab-contents{ width:100%}
.spcification{ min-height:inherit}
.spcification .display-table .display-cell{ display:block; width:100%; border-right:none;}
.performance .prod-image, .performance2 .prod-image {top: 0;transform: translateY(0);}
.performance .performance-content, .performance2 .performance-content{ position:static}
.performance .prod-image img, .performance2 .prod-image img{ width: 60%; display: inline;}
.performance2 .performance-content{ background:#000}
.spcification .img-car{ width:76%}
.spcification .img-car img{ width:100%}
.footer-banner .caption, .footer-banner2 .caption{ position:static; padding:30px;}
.performance .tab-contents{ width:100%}
.performance .display-table .display-cell{ width:100%; border:none; display:table}
.performance h2, .footer-banner .caption h2, .three60view .three60view-content h2, .spcification h2, .footer-banner2 .caption h{ margin:10px 0; font-size: 2rem;}
.product-carousel .item .productItems .proudctFooter ul li{ padding-left:0; border-right:0; width:100%}
#lightbox img{ width:100%}
.lb-outerContainer, .lb-dataContainer[style]{ width:100%!important; height:auto!important}
#pills-tabContent{ height:400px; overflow-y:scroll}
.footer-banner .caption, .eeco-cargo-safty .super-carry-banner .caption, .footer-banner2 .caption{ width:100%}
.super-carry-banner .caption h3{ font-size:20px; color:#000}
.super-carry-banner .caption p{ color:#000}
.super-carry-banner .caption{ position:static; width:90%; padding:20px; height:auto}
.super-carry2nd h2, .supper-featuers h2, .cab-chasis h2, .super-car-features h2, .super-car-specifications h2, .super-car-downloads h2, .space-capacity h2, .eeco-cargo-safty h2{ font-size:30px;}
.super-car-downloads a{ margin-bottom:20px;}
.super-carry-banner .caption ul li{ font-size:11px;}
.spc-details{ width:100%}
.spcification2{ margin-top:0; padding:40px 0}
.performance2 .performance-content #v-pills-tabContent{ height:auto}
.features-content{ margin:20px 0 20px 14px}
.footer-banner2 .caption{ background:#000}
.footer-banner2 .caption h2{ font-size:30px;}
.car-color-variant{ width: 100%; text-align: center;}
.car-color-variant a{ margin-bottom:10px;}
.xl6cl .car-color-variant{ margin-top:0}
.hidden-xs{ display:none}
.hidden-md, .hidden-lg{ display:block}
.generic-hero .mediacontent.vcenter{ transform: translateY(66%);}
.spcification2 h2, .performance2 h2{ margin:10px 0 10px}
.spcification2 .nav-pills .nav-link{ width: 50%;display: inline-block;}
.innerpageBanner .innerpageHeading{ font-size: 30px;}
.innerpageBanner{ overflow:hidden}
.innerpageBanner img{ width: 210%; margin-left: -60%;}
.formsection{ padding:30px 10px}
.value-addded-service .value-added-heading a{ display: inline-block; margin-top: 20px }
.value-addedBanner h2{  width: 95%; text-align: center; }
}