/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/
@media (min-width: 1200px) and (max-width: 1920px){
}

@media (min-width: 1900px){
.container { max-width: 1830px; }
.header .container { padding-left: 0; padding-right: 0; }
}

@media (min-width: 1800px) and (max-width: 1899px){
.container { max-width: 1730px; }
}

@media (min-width: 1700px) and (max-width: 1799px){
.container { max-width: 1630px; }
}

@media (min-width: 1600px) and (max-width: 1699px){
.container { max-width: 1530px; }

/* home page */
.banner-section .banner-title > * > *:first-child { width: 400px; }
.banner-section .banner-title > * > *:nth-child(2) { width: 750px; }
/* home page */
}

@media (min-width: 1500px) and (max-width: 1599px){
.container { max-width: 1430px; }

/* home page */
.banner-section .banner-title > * > *:first-child { width: 350px; }
.banner-section .banner-title > * > *:nth-child(2) { width: 700px; }

.request-quote-section .request-contact-block:before { left: 35px; }
/* home page */
}

@media (min-width: 1400px) and (max-width: 1499px){

/* home page */
.banner-section .banner-title > * > *:first-child { width: 350px; }
.banner-section .banner-title > * > *:nth-child(2) { width: 700px; }

.exterior-interior-styling-section { padding-top: 100px; }

.request-quote-section .request-contact-block:before { left: 0; }
.request-quote-section .request-contact-block .detail:before { left: -125px; }
/* home page */
}

@media (min-width: 1300px) and (max-width: 1399px){
body { font-size: 18px; }

/* header */
.header .navbar .navbar-nav .nav-item { margin: 0 20px; }
.header .navbar .navbar-nav .nav-item .nav-link { letter-spacing: 7px; }
/* header */

/* home page */
.banner-section .banner-title > * > *:first-child { width: 325px; }
.banner-section .banner-title > * > *:nth-child(2) { width: 700px; }

.exterior-interior-styling-section { padding-top: 70px; padding-bottom: 35px; }
.first-visuals-section { padding-top: 35px; }

.request-quote-section .request-quote-title .section-title { letter-spacing: 20px; }
.request-quote-section .request-quote-title { margin-bottom: 85px; }
.request-quote-section .request-quote-content .block-title { letter-spacing: 10px; }
.request-quote-section .request-contact-block .main-detail { font-size: 25px; margin-bottom: 30px; }
.request-quote-section .request-contact-block .detail { font-size: 16px; }
.request-quote-section .request-contact-block .detail p { margin-bottom: 10px; }
.request-quote-section .request-contact-block:before { left: 35px; }
.request-quote-section .request-contact-block .detail:before { left: -75px; }

.indipendent-vehicle-section { padding: 70px 0 50px; }
/* home page */
}

@media (min-width: 1200px) and (max-width: 1299px){
body { font-size: 18px; }

/* header */
.header .navbar .navbar-nav .nav-item { margin: 0 20px; }
.header .navbar .navbar-nav .nav-item .nav-link { letter-spacing: 7px; }
/* header */

/* home page */
.banner-section .banner-title > * > *:first-child { width: 325px; }
.banner-section .banner-title > * > *:nth-child(2) { width: 700px; }

.exterior-interior-styling-section { padding-top: 70px; padding-bottom: 35px; }
.first-visuals-section { padding-top: 35px; }

.request-quote-section .request-quote-title .section-title { letter-spacing: 20px; }
.request-quote-section .request-quote-title { margin-bottom: 85px; }
.request-quote-section .request-quote-content .block-title { letter-spacing: 10px; }
.request-quote-section .request-contact-block .main-detail { font-size: 25px; margin-bottom: 30px; }
.request-quote-section .request-contact-block .detail { font-size: 16px; }
.request-quote-section .request-contact-block .detail p { margin-bottom: 10px; }
.request-quote-section .request-contact-block:before { left: 35px; }
.request-quote-section .request-contact-block .detail:before { left: -75px; }

.indipendent-vehicle-section { padding: 70px 0 50px; }
/* home page */
}

@media (max-width: 1199px){
body { font-size: 16px; }

/* header */
.header { padding: 47px 0; }


.header .navbar .navbar-nav .nav-item { margin: 0 !important; padding: 15px 0; border-bottom: 1px solid #808080; }
.header .navbar .navbar-collapse { display: block; position: fixed; right: -100%; top: 0; height: 100%; z-index: 999; width: 100%; overflow: auto; background: #0b0b0b; padding: 150px 15px 35px; transition: all ease-in-out 0.4s; -webkit-transition: all ease-in-out 0.4s; -moz-transition: all ease-in-out 0.4s; -ms-transition: all ease-in-out 0.4s; -o-transition: all ease-in-out 0.4s; }
.header .navbar .navbar-collapse.show { right: 0; }
.header .navbar  .navbar-collapse.show:before { position: fixed; content: ""; left: 0; right: 0; top: 0; width: 100%; height: 130px; background: var(--white); z-index: 9; }
.header .navbar .navbar-nav .nav-item .nav-link { padding: 0 !important; letter-spacing: 2px; }
/* header */

/* footer */
.footer .f-content { justify-content: center; padding: 15px 0 5px; }
/* footer */
}

@media (min-width: 992px) and (max-width: 1199px){
/* home page */
.banner-section .banner-title > * { align-items: center; margin: 0 -15px 45px; }
.banner-section .banner-title > * > * { margin: 0 15px; }
.banner-section .banner-title > * > *:first-child { width: 275px; margin-top: 15px; }
.banner-section .banner-title > * > *:nth-child(2) { width: 585px; }
.banner-section .banner-description { margin-top: -100px; padding-bottom: 15px; }
.banner-section .banner-description:before { right: auto; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); }

.exterior-interior-styling-section { padding-top: 45px; padding-bottom: 15px; }
.exterior-interior-tabing-block > .exterior-interior-tab-items .container { padding-left: 45px; }
.first-visuals-section { padding-top: 15px; }
.first-visuals-section .first-visuals-main-title .container { padding-left: 45px; }
.first-visuals-carousel .slick-list { padding-right: 100px; }
.request-quote-section:before { height: 215px; }
.request-quote-section .request-quote-title .main-detail { max-width: 860px; width: 100%; margin: 0 auto; }
.request-quote-section .request-quote-content { text-align: center; }
.request-quote-section .request-quote-content .request-quote-detail { margin: 0 auto; }

.request-quote-section .request-quote-title .section-title { letter-spacing: 15px; margin-bottom: 25px; }
.request-quote-section .request-quote-title { margin-bottom: 70px; }
.request-quote-section .request-quote-content .block-title { letter-spacing: 7px; }
.request-quote-section .request-contact-block .main-detail { font-size: 25px; margin-bottom: 30px; }
.request-quote-section .request-contact-block .detail { font-size: 16px; }
.request-quote-section .request-contact-block .detail p { margin-bottom: 10px; }
.request-quote-section .request-contact-block:before,
.request-quote-section .request-contact-block .detail:before { display: none; }

.indipendent-vehicle-section { padding: 50px 0 30px; }
.indipendent-vehicle-section .vehicle-detail { max-width: 700px; width: 100%; margin: 0 auto; }
/* home page */
}

@media (min-width: 768px) and (max-width: 991px){
.section-title { font-size: 35px; }
.block-title { font-size: 30px; }

/* home page */
.banner-section .banner-title > * { align-items: center; margin: 0 -20px 30px; }
.banner-section .banner-title > * > * { margin: 0 20px; }
.banner-section .banner-title > * > *:first-child { width: 200px; margin-top: 15px; }
.banner-section .banner-title > * > *:nth-child(2) { width: 450px; }
.banner-section .banner-sub-title *:before { margin-left: 15px; }
.banner-section .banner-sub-title *:after { margin-right: 15px; }
.banner-section .banner-sub-title { font-size: 22px; margin-bottom: 20px; }
.banner-section .banner-description { margin-top: -70px; padding-bottom: 15px; }
.banner-section .banner-description:before { right: auto; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); }
.banner-section .banner-description .banner-detail { text-align: left; }
.banner-section .banner-main-content { padding-left: 0; padding-right: 0; }

.exterior-interior-styling-section { padding-top: 45px; padding-bottom: 15px; }
.exterior-interior-tabing-block > .exterior-interior-tab-items .container { padding-left: 45px; }
.exterior-interior-tabing-block > .exterior-interior-tab-items .nav-tabs .nav-item .nav-link { font-size: 22px; }
.exterior-interior-tab-block .download-catalog-link a { font-size: 18px; padding-left: 30px; padding-right: 15px; }
.first-visuals-section { padding-top: 15px; }
.first-visuals-section .first-visuals-main-title .container { padding-left: 45px; }
.first-visuals-carousel .slick-list { padding-right: 70px; }
.request-quote-section:before { height: 200px; }
.request-quote-section .request-quote-title .main-detail { max-width: 860px; width: 100%; margin: 0 auto; }
.request-quote-section .request-quote-content { text-align: center; }
.request-quote-section .request-quote-content .request-quote-detail { margin: 0 auto; }

.request-quote-section { padding-top: 40px; }
.request-quote-section .request-quote-title .section-title { letter-spacing: 10px; margin-bottom: 25px; }
.request-quote-section .request-quote-title { margin-bottom: 45px; }
.request-quote-section .request-quote-content .block-title { letter-spacing: 7px; margin-bottom: 25px; }
.request-quote-section .request-contact-block .main-detail { font-size: 25px; margin-bottom: 30px; }
.request-quote-section .request-contact-block .detail { font-size: 16px; }
.request-quote-section .request-contact-block .detail p { margin-bottom: 10px; }

.indipendent-vehicle-section { padding: 50px 0 30px; }
.indipendent-vehicle-section .vehicle-detail { max-width: 700px; width: 100%; margin: 0 auto; }
/* home page */
}

@media (min-width: 768px) {
}

@media (max-width: 767px) {
.section-title { font-size: 35px; }
.block-title { font-size: 30px; }

/* header */
.header { padding: 25px 0; }
.header .navbar .navbar-brand { width: 200px; }
.header .navbar .navbar-collapse { padding-top: 100px; }
.header .navbar .navbar-collapse.show:before { height: 75px; }
/* header */

/* home page */
.banner-section .banner-sub-title *:before { margin-left: 15px; }
.banner-section .banner-sub-title *:after { margin-right: 15px; }
.banner-section .banner-title > * { align-items: center; margin: 0 -10px 20px; }
.banner-section .banner-title > * > * { margin: 0 10px; }
.banner-section .banner-title > * > *:first-child { width: 150px; margin-top: 10px; }
.banner-section .banner-title > * > *:nth-child(2) { width: 340px; }
.banner-section .banner-sub-title { font-size: 22px; margin-bottom: 20px; }
.banner-section .banner-description { padding-bottom: 15px; }
.banner-section .banner-description:before { right: auto; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); }
.banner-section .banner-description .banner-detail { text-align: left; }
.banner-section .banner-main-content { padding-left: 0; padding-right: 0; }

.exterior-interior-styling-section { padding-top: 45px; padding-bottom: 15px; }
.exterior-interior-tabing-block > .exterior-interior-tab-items .container { padding-left: 45px; }
.exterior-interior-tabing-block > .exterior-interior-tab-items .nav-tabs .nav-item .nav-link { font-size: 20px; }
.exterior-interior-tab-block .exterior-interior-tab-img * { height: 350px; object-fit: cover; font-family: 'object-fit: cover'; }
.exterior-interior-tab-block .download-catalog-link a { font-size: 18px; padding-left: 30px; padding-right: 15px; }
.first-visuals-section { padding-top: 15px; }
.first-visuals-section .first-visuals-main-title .container { padding-left: 45px; }
.first-visuals-carousel .slick-list { padding-right: 70px; }
.request-quote-section:before { display: none; }
.request-quote-section .request-quote-title .main-detail { max-width: 860px; width: 100%; margin: 0 auto; }
.request-quote-section .request-quote-content { text-align: center; }
.request-quote-section .request-quote-content .request-quote-detail { margin: 0 auto; }

.request-quote-section { padding-top: 40px; }
.request-quote-section .request-quote-title .section-title { letter-spacing: 5px; margin-bottom: 25px; }
.request-quote-section .request-quote-title { margin-bottom: 45px; }
.request-quote-section .request-quote-content .block-title { letter-spacing: 3px; margin-bottom: 25px; }
.request-quote-section .request-contact-block .main-detail { font-size: 25px; margin-bottom: 30px; }
.request-quote-section .request-contact-block .detail { font-size: 16px; }
.request-quote-section .request-contact-block .detail p { margin-bottom: 10px; }

.indipendent-vehicle-section { padding: 50px 0 30px; }
.indipendent-vehicle-section .vehicle-detail { max-width: 700px; width: 100%; margin: 0 auto; }
/* home page */
}

/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/
@media (min-width: 576px) and (max-width: 767px){
}

@media (min-width: 240px) and (max-width: 575px){
/* home page */
.banner-section .banner-title > * { margin: 0 -5px 20px; }
.banner-section .banner-title > * > * { margin: 0 5px; }
.banner-section .banner-title > * > *:first-child { width: 30%; }
.banner-section .banner-title > * > *:nth-child(2) { width: 60%; }
.banner-section .banner-description { margin-top: -35px; }


.first-visuals-carousel .slick-list { padding-right: 30px; }
/* home page */
}
/*---------- Large Desktop , Large Screen End ----------*/