/*
Template: Car Dealer - The Best Car Dealer Automotive Responsive HTML5 Template
Author: potenzaglobalsolutions.com
Design and Developed by: potenzaglobalsolutions.com


*/


 /*****************
================================================
 (  Media Queries  )
================================================
 *******************/

/*************************
       1700px
*************************/
@media (max-width: 1800px) {
/*************************************
            Version 2.2 css
**************************************/
/*index-11*/
.car-why-choose p { line-height: 24px; font-size: 16px; }
.car-why-choose h3 { margin-bottom: 10px; font-size: 22px; }

}

@media (max-width: 1400px) {
.objects-center { display: none; }
.our-service.objects-car { padding-bottom: 20px; }
.our-service.objects-car .objects-left { display: none; }
.our-service.objects-car .objects-right { display: none; }
.objects-left.left .objects-1 { left: -480px }
.objects-right.right .objects-2 { right: -480px }
.latest-blog.objects-car .objects-1, .latest-blog.objects-car .objects-2 { display: none; }
.objects-car.why-choose .objects-1, .objects-car.why-choose .objects-2 { display: none; }

/*************************************
            Version 2.2 css
**************************************/
 /*landing-page*/
.awards-section .horsepower-bg { padding: 90px 40px; }



}

@media (max-width: 1272px) {
.car-item .car-list li { padding: 0px; }
.recent-post-image img { width: 50px; height: 44px; }
.counter.counter-style-1.counter-light ul li { padding: 20px 30px; }
.quick-links .link a h6 { font-size: 14px; }
.custom-block-3 .feature-box-3 .feature-box-3 .icon { float: none; }
.recent-vehicle .isotope.column-4 .grid-item { width: 33.333% }
.content-box-5 a { font-size: 22px; }
.our-team .owl-carousel .owl-item img { width: 100%; }
.masonry.columns-4 .masonry-item { width:33.333%; }
.sorting-options-main .pagination li a { margin: 0 1px; }
.car-details .details-nav ul li a { padding: 10px 8px; }
.car-details .details-nav ul li { margin-right: 0px; }
.content-box-3 { overflow: hidden; }
.content-box-3 img { max-width: inherit; }

/*************************************
            Version 2.2 css
**************************************/
 /*landing-page*/
.slider-parallax { height: 100vh; }
.overview .overview-share .share ul li a { margin-right: 0; }
.overview .overview-share .pdf, .overview .overview-share .see-video, .overview .overview-share .share { margin-right: 5px; }
.awards-box span { font-size: 16px; }
.overview .overview-content h2 { font-size: 36px; }
.section-title-la-page { margin-bottom: 30px; }
/*car-single*/
 .car-listing-sidebar .isotope.column-5 .grid-item { width: 25%; }
 /*car-directory*/
 .topbar li, .topbar li a { font-size: 13px; }

}

@media ( min-width: 1200px) {

.container{  max-width: 1170px;  }

}

@media (max-width: 1199px) {
.topbar-left.text-left { text-align: center; }
#header .container-fluid { padding: 0 15px; }
#header.header-dark.topbar-dark [class*='col-']  { text-align: center; }

  }

@media (max-width: 1025px) {
.quick-links .link a h6 { font-size: 13px; }
.quick-links .link a { padding: 30px 5px }


/*************************************
            Version 2.0 css
**************************************/
.search-block.find-car .price-slide { margin-bottom: 40px; }

/*************************************
            Version 2.2 css
**************************************/
/*car-single*/
 .car-listing-sidebar .isotope.column-5 .grid-item { width: 33.3333%; }

  /*index 11*/
 .client-box { padding: 20px; }
 .our-expert-team .row-eq-height { display: block; }
/*car-directory*/
 .mega-menu .menu-links > li > a { padding: 0 10px; }
 #header.header-dark.topbar-dark ul.submit-button  li a.button { padding: 4px 8px; }

}
@media only screen and (min-width:991px) and (max-width:1200px) {
  .container { width: 94%; }
}

@media only screen and (min-width: 768px) and (max-width: 999px) {
 .container{ max-width:96%; }
}


@media( max-width:992px) {
.page-section-ptb { padding: 60px 0; }
.page-section-pt { padding-top: 60px ; }
.page-section-pb { padding-bottom: 60px; }
/* home 1 */
#header .topbar-left.text-left, #header .topbar-right.text-right { text-align: center; }
.mega-menu .menu-logo > li > a { padding: 0px;  }
.mega-menu .menu-logo { padding: 20px 0; }
.mega-menu .menu-logo img { height: 24px; }
.mega-menu .menu-mobile-collapse-trigger { margin-top: 9px; }
.mega-menu .menu-links { border:1px solid #e3e3e3; }
.mega-menu .menu-links > li { line-height: 44px; }
.mega-menu .mobileTriggerButton { z-index: 1; }
.search-top .search-btn { color: #323232; }
.search-top { padding: 19px 20px; }
.mega-menu .menu-links > li:last-child { border-bottom: 0px; }
.search-top.search-top-open .search-box { top: 52px !important;  }
#header.defualt { position: relative; background: #323232; }
#header.light .mega-menu .menu-mobile-collapse-trigger:before,  #header.light .mega-menu .menu-mobile-collapse-trigger:after,  #header.light .mega-menu .menu-mobile-collapse-trigger span { background: #db2d2e; }
.welcome-block p { padding: 0px; }
.feature-box { margin-bottom: 30px; }
.welcome-block .halp-call { margin-top: 30px; }
.car-item .car-list li { padding: 0 4px; }
.blog-1 img { width: 100%; margin-bottom: 30px; }
.blog-1 .blog-content { padding-left: 0px; }
.counter .counter-block { margin-bottom: 30px; }
.footer .social ul li a { padding: 0px 10px; }
.footer .social ul li a i { font-size: 20px; }
.footer .recent-post-block {   }
.footer .news-letter {  }
.footer-2 .usefull-link { margin-bottom: 30px; }
.footer-2 .social { margin-bottom: 30px; }
.footer-2 .footer-box { margin-bottom: 30px; }
.copyright .text-left, .copyright .text-right { text-align: center; }
/*home-2*/
.content-box { margin-bottom: 30px; }
.counter.counter-style-1.counter-light ul { display: inline-block; width: 100%; background: #ffffff; }
.testimonial-2 .testimonial-center { width: 100%; }
.why-choose .feature-box { margin-bottom: 30px; }
.why-choose.page-section-pt { padding-bottom: 50px; }
/*home-3*/
.topbar-dark .mega-menu .menu-mobile-collapse-trigger:before, .topbar-dark .mega-menu .menu-mobile-collapse-trigger:after, .topbar-dark .mega-menu .menu-mobile-collapse-trigger span { background: #db2d2e; }
.mega-menu { min-height: 62px; }
#header.topbar-dark .mega-menu .menu-logo { padding: 20px 0px; }
#header.fancy .mega-menu .menu-logo { padding: 20px 0px; }
#header.light .mega-menu .menu-logo { padding: 20px 0px; }
.search .search-block span { font-size: 12px; }
.content-box-2.car-bg-1 { padding: 30px 30px 30px; }
.content-box-2.car-bg-2 { padding: 30px 30px 30px; }
.content-box-2.car-bg-3 { padding: 30px 30px 30px; }
.blog-2 { margin-bottom: 30px; }
.footer-3 .footer-nav.text-right, .footer-3 .social.text-lg-right { text-align: center; margin: 20px 0px; }
.footer-3.footer-topbar img { text-align: center; display: block; margin: 0 auto; }
.footer-3 .about-content { margin-bottom: 30px; }
/*home-4*/
#header.fancy .menu { position: relative; top: 0px; }
#header.fancy .topbar { padding: 10px 0px; }
#header.fancy .mega-menu .menu-mobile-collapse-trigger:before,  #header.fancy .mega-menu .menu-mobile-collapse-trigger:after,  #header.fancy .mega-menu .menu-mobile-collapse-trigger span { background: #db2d2e; }
#header.fancy .mega-menu > section.menu-list-items { padding: 0px; }
.quick-links .link a:hover h6 { padding-top: 0px; }
.custom-block-3 img { margin-top: 30px; }
.quick-links { margin-bottom: 50px; min-height: auto; }
.custom-block-3 img { width: 100%; }
/*home-5*/
.feature-car-area img { display: none; }
.feature-car-area .feature-box-2.text-right { text-align: left; }
.isotope .car-item .car-list li { font-size: 12px; padding: 0px 2px; }
.footer-3 .social  { margin-bottom: 40px; }
.footer-3 .usefull-link { margin-bottom: 50px; }
/*home-6*/
.recent-vehicle .isotope.column-5 .grid-item { width: 33.333%; }
.content-box-main .container { width: 100%; }
.welcome-4 .feature-box { margin-bottom: 0px; margin-top: 40px; }
/*inner page*/
.inner-intro h1 { font-size: 30px; }
.opening-hours strong { width: 90px; }
.contact .contact-box { margin-bottom: 30px; }
.opening-hours  { margin-top: 20px; }
.contact-2 .gray-form.row { margin-bottom: 30px; padding-right: 0px; }
.coming-soon-search .row.gray-form { padding: 0px 15px; }
.masonry .masonry-item { margin-bottom: 20px; }
.masonry.columns-3 .masonry-item { width:50%; }
.masonry.columns-4 .masonry-item { width:50%; }
.latest-blog.border.masonry-main .masonry.columns-2 .masonry-item { width: 100%; }
.sorting-options-main .price-slide, .sorting-options-main .price-slide-2 { margin-bottom: 30px; }
.sorting-options-main .text-right { text-align: left; margin-top: 10px; }
.sorting-options-main .pagination-nav.text-center { text-align: left; margin: 14px 0px; }
.sorting-options-main .sorting-options .selectpicker { margin-left: 0px; margin-right: 10px; }
.product-listing .car-grid .car-details { margin-top: 20px; }
.car-details .details-nav ul li { margin-bottom: 15px; }
#tabs .tabs li { padding: 10px 5px; }
.content-box-3 img { display: none; }
.sorting-options-bottom .text-right { text-align: left;; margin-top: 10px; }
.sorting-options-bottom .selectpicker {  margin-left: 0px; margin-right: 10px }
.search .search-block { margin-top: 40px; }
.content-box-3 { padding-top: 0px; }

/*timeline*/
.timeline:before { left: 25px; }
.timeline > li > .timeline-badge { left: 25px; }
.timeline > li > .timeline-panel { width: 100%; }
.timeline > li.timeline-inverted > .timeline-panel:before { left: -15px; }
.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; }
.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; }
.timeline > li:not(.timeline-inverted) { padding-right: 0px; padding-left: 90px; }

.search .search-block .select-styled { padding: 13px 9px; }
.objects-left { display: none; }
.objects-right { display: none; }

#exampleModal5 .modal-dialog { width: auto; }
.details-nav ul { text-align: center; }
.car-details .details-nav ul li { margin-bottom: 0px; }
.details-nav ul li a { margin-bottom: 3px; }

.details-nav .modal  { text-align: left; }



/*************************************
            Version 2.0 css
**************************************/
#header.topbar-dark.logo-center .mega-menu .menu-links > li { float: left; display: block; }

/*home-7*/
#header.topbar-dark.logo-right .mega-menu .menu-logo > li { float: right; }
#header.topbar-dark.logo-right .mega-menu .menu-logo > li > a { float: right; }
#header.topbar-dark.logo-right .mega-menu .menu-mobile-collapse-trigger { right: inherit; left: 0; }
#header.topbar-dark .mega-menu .menu-links > li:first-child > a { padding-left: 10px; }

.welcome-5.bg-8 { background: #f6f6f6; }
.welcome-5 .counter.counter-style-1.counter-light ul { background: transparent; }
.welcome-5 .counter.counter-style-1.counter-light ul li { border:0; }
.bg-9 { overflow: hidden; }
.isotope-filters.vartical-filter { display: block; }
.isotope-banner { display: none; }

/*home 8*/
#header.topbar-dark.logo-center .mega-menu .menu-logo > li > a img { margin: inherit; }
#header.topbar-dark.logo-center .mega-menu .menu-logo { padding: 20px 0px 10px; }
.search-block.find-car img { display: none; }
.play-video-2-section .custom-block-2  { margin-top: 40px; }
.play-video-2 img { width: 100%; }

/*home-10*/
.search-here .search-block { margin-top: 40px; }
.search-here .search-block .search-top-2 label { display: inline-block; }
.custom-block-5 .counter { margin-bottom: 0; padding-bottom: 20px; }
/*new update*/
.mega-menu .drop-down ul, .mega-menu .drop-down ol, .mega-menu .drop-down dl, .mega-menu .drop-down-tab-bar ul, .mega-menu .drop-down-tab-bar ol, .mega-menu .drop-down-tab-bar dl {  margin-bottom: 0; }
.mega-menu .drop-down [class*="grid-col-"], .mega-menu .drop-down-tab-bar [class*="grid-col-"] { padding: 0 10px; }
.mega-menu .drop-down a, .mega-menu .drop-down-tab-bar a  { padding: 0; }

#header.topbar-dark.logo-center .mega-menu.desktopTopFixed .menu-links { float: none; }
#header.topbar-dark.logo-center .mega-menu.desktopTopFixed .menu-logo { float: none; }

/*************************************
            Version 2.2 css
**************************************/
 /*landing-page*/
 .overview.bg-16 { background: #ffffff; }
 .awards-section .row-eq-height { display: block; }
 .design-tab-bg-01, .design-tab-bg-02, .design-tab-bg-03, .design-tab-bg-04, .design-tab-bg-05, .design-tab-bg-06 { display: none; }
.design-content { padding:20px 15px;  }
.design-section .tabcontent .tab-02-content { margin-bottom: 20px; }
.design-section .tabcontent img { margin-bottom: 30px; }
.contact-section .contact-form { margin-top: 20px; }
.popup-video-banner h1 { font-size: 40px; line-height: 40px; margin: 10px 0; }
.popup-video-banner img { padding: 10px 0; }

/*car-single*/
 .car-listing-sidebar .isotope.column-5 .grid-item { width: 50%; }
 .car-listing-sidebar .listing-sidebar.is_stuck { top: 0 !important; }
 /*index 11*/
 .our-expert-team { overflow: hidden; }
.our-expert-team .car-why-choose { padding: 20px; }
#main-slider .slider-content h1 { font-size: 30px; line-height: 30px; }
#main-slider .slider-content p { font-size: 18px; }
#main-slider .slider-content span { font-size: 14px; }
#main-slider .slider-content .button { padding: 4px 14px; font-size: 12px; }
.why-choose-counter.counter.counter-style-1.counter-light { margin-top: 30px; }
.bg-11 { background: transparent; }

/*car-directory*/
#header.header-dark.topbar-dark ul.submit-button { position: absolute; right: 40px; top: 0; }
#header.header-dark.topbar-dark .mega-menu .menu-logo { padding: 20px 0px; }
#header.header-dark.topbar-dark ul.submit-button { padding: 8px 0; }
#header.header-dark.topbar-dark ul.submit-button li a.button { padding: 0px 9px; font-size: 13px; }
#header.header-dark.topbar-dark .mega-menu .menu-links > li { line-height: 44px; }
#header.header-dark.topbar-dark .mega-menu .menu-links > li > a { color: #323232; }
.vehicle-tab .tab-hiiden, .search-banner .tab-hiiden { display: none; }

.search-top { display: block !important; float: none; padding: 19px 0px; margin-left: 0; }
.search-box { opacity: 1 !important; visibility:visible !important; position: inherit!important; width: 100% !important; border-top: 0; }

}
@media (max-width: 767px){
.container {
    max-width: 100%;
 }
}
@media( max-width:767px) {
h2 { font-size: 32px; }
.section-title { margin-bottom: 40px; }
.section-title h2 { font-size: 30px; }
.custom-block-1 h2 { font-size: 60px; }
.footer .social { margin-bottom: 40px; }
.footer .usefull-link { margin-top: 30px; }
.footer .social ul { text-align: center; }
.footer .social ul li { display: inline-block; text-align: center; }
.footer .social ul li a i { padding-left: 10px; }
.footer-2 .keep-touch { margin-bottom: 30px; }
.footer-3.footer-topbar .top { margin-bottom: 40px; }
.content-box-2.car-bg-1, .content-box-2.car-bg-2 { margin-bottom: 30px; }
.content-box-2.car-bg-1, .content-box-2.car-bg-2, .content-box-2.car-bg-3 { background-size: cover; background-position: center; }
.feature-box-2.box-hover { margin-bottom: 30px; }
.car-item-2 .car-list ul li { margin-bottom: 3px; }
.testimonial-3 .owl-carousel .owl-item img { width: 100%; }
.news-letter-main .news-letter-form  { padding: 0 15px; margin-top: 20px; }
.testimonial-4 .testimonial-block p { padding: 0px; }
.recent-vehicle .isotope.column-4 .grid-item { width: 50% }
.recent-vehicle .isotope.column-5 .grid-item { width: 50%; }
.welcome-4 .owl-carousel { margin-bottom: 30px; }
.welcome-4 .owl-carousel .owl-item img { width: 100%; }
.intro-title .text-left, .intro-title .text-right { text-align: center; }
.inner-service .feature-box-2 { border: 0px; padding: 20px 30px; }
 .career .list-style-1 { margin-bottom: 30px; }
 .team-2 img { width: 100%; }
 .contact .feature-box-3  { margin-bottom: 30px; }
 .contact-2 .gray-form.row { padding: 0 15px; }
 .contact-map { height: 260px; }
 .error-page h2 { font-size: 160px; line-height: 170px; }
 .error-page .error-search { padding: 0px 15px; }
 .error-page h3 { font-size: 40px; }
 .error-page img { margin-top: -50px; }
 .coming-soon .countdown p { padding: 0px; font-size: 16px; line-height: 30px; margin-bottom: 40px; }
 .ordered-lists ol, .ordered-lists ul { margin-bottom: 30px; }
 blockquote { padding-right: 0px; }
 .page-right-sidebar .blog-sidebar { margin-top: 50px; }
 .page-both-sidebar .blog-sidebar .sidebar-widget { margin-top: 50px; }
 .page-both-sidebar.page-section-ptb { padding-top: 20px; }
 .blog.blog-right-sidebar .pagination-nav { margin-bottom: 60px }
 .masonry.columns-2 .masonry-item { width: 100%; padding: 0px; }
 .masonry.columns-3 .masonry-item { width: 100%; padding: 0px; }
 .masonry.columns-4 .masonry-item { width: 100%; padding: 0px; }
 .latest-blog.border.masonry-main .pagination-nav { margin-bottom: 40px; }
 .blog.blog-single .blog-sidebar { margin-top: 40px; }
 .navigation-previous.pull-right { float: left !important; margin-top: 20px; }
 .product-listing .widget-banner { margin-bottom: 50px; }
 .product-listing .widget-banner img { margin-left: 0px; }
 .car-details .car-price.text-right { text-align: left; }
 .car-details .car-details-sidebar { margin-top: 30px; }
 .play-video .video-info { margin-top: -120px; }
 .play-video .play-video-bg { padding: 100px 0 190px; }
 .tparrows { display: none !important; }
 .tp-bullets { display: none !important; }
 .search .search-block { padding: 35px 40px 30px; }
 .car-details .modal-content { padding: 10px; }

/*************************************
            Version 2.0 css
**************************************/
/*home-7*/
.custom-block-4 .feature-box-1 { text-align: left; padding: 14px 30px; }
.isotope.column-3 .grid-item { width: 50%; }
.footer.footer-white .footer-box { margin-bottom: 30px; }

/*home-9*/
.content-box-section .row.row-eq-height { display: block; }
.simple-box .feature-box-4 { margin-bottom: 20px; }

/*************************************
            Version 2.2 css
**************************************/
 /*landing-page*/
 .specifications .row-eq-height { display: block; }
 .specifications-box:last-child { margin-bottom: 20px; }
 .design-section .tabcontent h2 { font-size: 30px; line-height: 30px; }
 .specifications h2.title { font-size: 30px; line-height: 30px; }
 .design-section #tabs .tabs.text-right { text-align: center; }

/*car-single*/
 .car-listing-sidebar-left { width: 100%; position: relative; }
 .car-listing-sidebar-right { padding-left: 0; }
 .car-listing-sidebar-right .selected-box { margin-top: 10px; }

 .car-listing-sidebar .listing-sidebar.is_stuck { position: inherit !important; top: inherit !important; width: inherit !important; }
 .car-listing-sidebar .listing-sidebar.is_stuck + div { position: inherit !important; top: inherit !important; width: inherit !important; height: inherit !important;  }

/*index 11*/
.testimonial-5 .testimonial-box { padding: 20px 20px }
.content-box-7 .content-box-img img { width: 100%; }
.content-box-7 .content-box-img .info { bottom: -80px; }

/*car-directory*/
.car-directory-banner .search-tab .car-total { float: left !important; }
.car-item .car-image img { width: 100%; }

}

@media( max-width:600px) {
.custom-block-1 h2 { line-height: 60px; font-size: 50px; }
.recent-vehicle .isotope.column-4 .grid-item { width: 100% }
.recent-vehicle .isotope.column-5 .grid-item { width: 100%; }
.content-box-5 p { padding-right: 30px; }
.content-box-5 .content-info { padding-left: 20px;  }
.coming-soon .countdown { margin-bottom: 40px; }

/*************************************
            Version 2.0 css
**************************************/
/*home- 7*/
.isotope.column-3 .grid-item { width: 100%; padding: 5px; }
.isotope.column-3 .grid-item img { width: 100%; }
.footer.footer-white .footer-box .box-content { display: block; }
.footer.footer-white .footer-box .box-link { padding-left: 0; margin-top: 20px; display: block; }


/*home-8*/
.footer.footer-black .footer-box { margin-bottom: 30px; }
.footer.footer-black .footer-box .box-content { display: block; }
.footer.footer-black .footer-box .box-link { padding-left: 0; margin-top: 20px; display: block; }

/*home-9*/
.content-box-6 .feature-box-4 { padding: 30px 20px; }

/*home-10*/
.custom-block-5 .section-title { padding: 20px 20px 0 20px; }
.custom-block-5 .custom-block-5-content { padding: 10px 20px 10px; }
.car-item-3 img { width: 100%; }
.recent-vehicle .isotope.column-4 .grid-item { padding: 10px; }
.custom-block-5 .counter { margin: 10px 10px 0px; }
.our-clients ul li { width: 50%; }
.rev-btn { font-size: 10px !important; padding: 2px 6px !important; }

/*************************************
            Version 2.2 css
**************************************/
#main-slider .slider-content .button { display: none; }
#main-slider .slider-content .slider-2 { width: 100%; }

/*car-directory*/
.slider-content h2 { font-size: 24px; }
.slider-content h4 { font-size: 18px; }
.car-directory-banner .search-tab #tabs ul.tabs { margin: 10px 0; }
.vehicle-tab #tabs h6 { display: block; }
.vehicle-tab #tabs ul.tabs { float: none !important; }
.search-logo #tabs ul.tabs { float: none !important; }
.search-logo #tabs h6 { display: block; }
.footer-3.footer-simple #logo-footer { margin: 0 auto 10px; }
.footer-3.footer-simple .social { text-align: center; }


}

@media( max-width:479px) {
/*home-2*/
.custom-block-1 { padding: 40px; }
.counter.counter-style-1.counter-light ul li { float: none; display: inline-block; width: 100%; }
.counter.counter-style-1.counter-light ul li:nth-child(1), .counter.counter-style-1.counter-light ul li:nth-child(2) { border:0px; }
.counter.counter-style-1.counter-light .icon { display: block; text-align: center;  }
.counter.counter-style-1.counter-light .info { display: block; text-align: center; }
.testimonial-2 .testimonial-content { padding: 30px 20px; }
.footer-2 .footer-box .box-content { display: block; }
.footer-2 .footer-box .box-link { padding-left: 0px; margin-top: 20px; display: inline-block; }
/*inner page*/
.inner-service .feature-box-2 { padding: 20px 10px; }
.login-form .login-social ul li { margin-bottom: 15px; }
.coming-soon .countdown li span { font-size: 26px; }
.coming-soon .countdown li p { font-size: 14px; }
.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { padding: 12px 10px; }
.sorting-options-main .pagination li a { padding: 5px 10px; }
.sorting-options-bottom .selectpicker {  margin-left: 0px; margin-right: 0px }
.play-video .video-info { margin-top: -70px; }
.play-video .play-video-bg { padding:80px 0 100px; }
.search .search-block { padding: 25px 20px 25px; }
.car-details .details-nav ul li { display: block; }
.car-details .modal-content { padding: 0px; }
.car-details h4.modal-title { display: block; }
.car-details .form-group .radio { display: block; }
.car-details .close { position: relative; z-index: 99; }

/*************************************
            Version 2.2 css
**************************************/
 /*landing-page*/
 .design-section .tabcontent h2 { font-size: 24px; line-height: 26px; }
 .specifications h2.title { font-size: 24px; line-height: 26px; }
 .section-title-la-page span { font-size: 26px; }
 .overview .overview-content h2 { font-size: 24px; line-height: 26px; margin-bottom: 20px; }
 .awards-section .horsepower-bg { padding: 50px 15px; }
 .design-section .tabcontent b { font-size: 18px; line-height: 32px; }
 .popup-video-banner h1  { color: #ffffff; }
 .popup-video-banner a.popup-button strong { color: #ffffff; }
 /*car-single*/
 .car-listing-sidebar .isotope.column-5 .grid-item { width: 100%; }
 /*index 11*/
 .custom-block-3 .content h2 { display: block; }
 #main-slider .slider-content p { display: none; }
#main-slider .slider-content h1 { font-size: 20px; line-height: 20px; }
#main-slider .slider-content p { font-size: 14px; }
#main-slider .slider-content span { font-size: 12px; letter-spacing: 2px; }
.client-box ul li { padding: 8px; }
#main-slider .carousel-indicators { bottom: 10px; }

/*car-directory*/
.dealer-box .box-content { display: block; margin-bottom: 20px; }
.car-directory-banner.slider-parallax { height: 150vh; }
.latest-blog .blog-button .text-right { text-align: left; }
#header.header-dark.topbar-dark .topbar-profile ul li a { padding: 0 7px; }
#header.header-dark.topbar-dark ul.submit-button li a.button { display: none; }
#header.header-dark.topbar-dark ul.submit-button { right: 20px; }

}

@media print {
  #header, .footer, .inner-intro, .feature-car, .details-social, .details-form, .details-form, .car-top { display: none; }
  #tabs .tabcontent { display: block !important; }
 }



--red : #db2d2e;

.page-section-ptb {
    padding: 30px 0
}

.page-section-appoint {
    background-color: #f3f3f3;
    padding: 24px;
}

section.big_intro {
    background-image: url(../revolution/assets/3176d-road-bg.jpg);
    height: 600px;
    background-size: cover;
    background-position-y: 27%;
}

div.tesla {
    background-image: url(../images/tesla.png);
    height: 420px;
    background-size: 70% auto;
    background-repeat: no-repeat;
    background-position: right bottom;
    bottom: 0px;
    position: relative;
}

section.big_intro .row {
    padding-top: 170px
}

section.big_intro h1 {
    font-size: 32px;
    color: #ffffff;
    padding-left: 10px;
    font-family: 'Roboto';
    text-transform: none;
    font-weight: 100;
    letter-spacing: 1px;
    position: relative;
}

.welcome-block p {
    margin: 0px;
    padding: 0px
}

.welcome-block div.content {
    margin-bottom: 20px
}

.welcome-block div.icon {
    margin-top: 20px
}

.about-content img {
    height: auto
}

.address a {
    color: #ffffff
}

    .address a:hover {
        color: var(--red)
    }

img#logo_img {
    height: 52px
}

header .topbar {
    border: 0px;
    background-color: #ffffff;
    padding: 0px;
    padding-left: 110px
}

    header .topbar li, header .topbar li a {
        font-size: 17px;
        color: var(--red);
        font-weight: bold
    }

footer {
    padding-top: 36px
}

    footer .recent-post-block {
        padding: 0px;
        margin-top: 0px
    }

        footer .recent-post-block ul {
            list-style: none;
            padding-left: 0.9em !important;
            display: inline-block;
            padding-left: 2em;
            margin: -0.4em;
        }

        footer .recent-post-block li {
            padding-left: 1em;
            text-indent: -1.4em;
            color: #ffffff;
            list-style: none;
            clear: left;
        }

            footer .recent-post-block li:before {
                content: "\f10c";
                font-size: 16px;
                font-family: "Flaticon";
                padding-right: 5px;
                font-weight: bold;
                color: #ffffff;
            }

    footer .about-content img {
        margin-top: 70px
    }

div[data-price]::before {
    content: attr(data-price);
    position: absolute;
    margin-left: 16px;
    float: left;
    height: 32px;
    width: 100px;
    z-index: 9998;
    left: 0px;
    font-weight: bold;
    top: 10px;
    padding: 4px 6px;
    background-color: var(--red);
    color: #ffffff;
    display: inline-block;
    border-radius: 6px;
}

.car-item .car-image img {
    margin-top: -32px;
    position: relative;
    z-index: -1;
}

.car-image a {
    display: inline-block
}

.feature-box .glyph-icon {
    font-size: 46px;
}

.tesla-car {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgODEgODEiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDpub25lO30uY2xzLTJ7Y2xpcC1wYXRoOnVybCgjY2xpcC1wYXRoKTt9LmNscy0ze2NsaXAtcGF0aDp1cmwoI2NsaXAtcGF0aC0yKTt9LmNscy00e2ZpbGw6IzIyMjt9PC9zdHlsZT48Y2xpcFBhdGggaWQ9ImNsaXAtcGF0aCI+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSItOTkuMTMiIHk9IjExLjU1IiB3aWR0aD0iNjEuMjUiIGhlaWdodD0iNDcuNDUiLz48L2NsaXBQYXRoPjxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoLTIiPjxyZWN0IGNsYXNzPSJjbHMtMSIgeD0iLTk5LjEzIiB5PSIxMTkuNTUiIHdpZHRoPSI2MS4yNSIgaGVpZ2h0PSI0Ny40NSIvPjwvY2xpcFBhdGg+PC9kZWZzPjx0aXRsZT5DYXI8L3RpdGxlPjxnIGlkPSJfIiBkYXRhLW5hbWU9IiI+PHBhdGggY2xhc3M9ImNscy00IiBkPSJNNzEuOTQsNTIuNjVzMC0xNC0uNTYtMTUuMTRjLS4zOC0uNzYtMy4wNi0yLjc5LTQuNzctNCwxLjE0LDAsMi41Mi0uMjIsMy0uNzZhMS42OSwxLjY5LDAsMCwwLC4yMy0yLDYuMyw2LjMsMCwwLDAtMS4zNS0xLjg0QTMuNjksMy42OSwwLDAsMCw2NSwyOC4xbC0uNTEuMTh2Mi4xOGMtMS4yNy0zLjE3LTQtOS4wOS03LjExLTEwLjM0QzU0LjU1LDE5LDQ2LjcsMTksNDAuNTMsMTljLTUuMDUsMC0xNCwuMjYtMTcuMzksMS4xMnMtNS44NSw3LjU0LTYuODIsMTAuN1YyOC4yOGwtLjUyLS4xOGEzLjY5LDMuNjksMCwwLDAtMy41Ny43NSw2LjMsNi4zLDAsMCwwLTEuMzUsMS44NCwxLjY5LDEuNjksMCwwLDAsLjIzLDJjLjU4LjU4LDIuMTQuNzQsMy4zMi43Ny0xLjcxLDEuMjUtNC4zNywzLjI3LTQuNzUsNC0uNTYsMS4xMi0uNTYsMTUuMTQtLjU2LDE1LjE0cy0uNTYsOS41NCwxLjY4LDEwLjFhMTIuODQsMTIuODQsMCwwLDAsMi44OS4yNWMyLjE2LDAsNC40LS4yNSw0LjQtLjI1VjYxLjYzYTEyLjA1LDEyLjA1LDAsMCwxLDItLjExYzMuNDMsMCwxMC4yLjQ5LDIwLC40OXMxNy0uNDksMjAuNzctLjQ5YTE0LDE0LDAsMCwxLDIuMS4xMXYxLjEyczIuMjUuMjUsNC40MS4yNWExMi44NCwxMi44NCwwLDAsMCwyLjg5LS4yNUM3Mi41LDYyLjE5LDcxLjk0LDUyLjY1LDcxLjk0LDUyLjY1Wk02NiwyOS40NGExLjg4LDEuODgsMCwwLDEsMS41Mi40N2MxLDEuMDUsMS4xNSwxLjY1LDEuMTQsMS43MkE4LDgsMCwwLDEsNjYsMzJabS01Mi42Ny40N2ExLjc4LDEuNzgsMCwwLDEsMS4zLS40OGguMjNWMzJhOC42NSw4LjY1LDAsMCwxLTIuNjUtLjMzQzEyLjE0LDMxLjU2LDEyLjI0LDMxLDEzLjI5LDI5LjkxWk02OS43Miw2MS4zM2ExMS43LDExLjcsMCwwLDEtMi4zNS4xN2MtMSwwLTIuMS0uMDYtMi45MS0uMTJ2LTFsLTEuMjYtLjJBMTYuODMsMTYuODMsMCwwLDAsNjAuODYsNjBjLTEuNDUsMC0zLjM2LjA3LTUuNzguMTYtMy43Ni4xNC04LjkyLjMzLTE1LC4zM3MtMTEuMTUtLjE5LTE0LjgtLjMzYy0yLjItLjA5LTMuOTQtLjE2LTUuMjQtLjE2YTEyLjIyLDEyLjIyLDAsMCwwLTIuMjMuMTRsLTEuMjMuMjJ2MWMtLjguMDYtMS44Ny4xMi0yLjkuMTJhMTEuNzUsMTEuNzUsMCwwLDEtMi4zNi0uMTdjLS42MS0uODctLjk0LTQuNzgtLjcyLTguNTl2LS4wOWMwLTYuMTkuMTYtMTMuMTcuNDMtMTQuNDlhNDUuMzMsNDUuMzMsMCwwLDEsNS42Ni00LjQ3bC40Ni0uMzIuMTMtLjU0YzEuMDgtNC4zLDMuNzItMTAuNjMsNi4yLTExLjI1LDMtLjc0LDEwLjktMS4wOCwxNy0xLjA4LDUuNzksMCwxMy43MywwLDE2LjI3LDFzNS42OSw3LjU4LDcsMTEuNDNsLjE2LjQ3LjQxLjI4LjY0LjQ2LjIyLjIxLDAsMEEzOC42MSwzOC42MSwwLDAsMSw3MCwzOC4xNmMuMjcsMS4zMi40Myw4LjMuNDMsMTQuNDl2LjA5QzcwLjY2LDU2LjQ4LDcwLjMyLDYwLjQ2LDY5LjcyLDYxLjMzWiIvPjxwYXRoIGNsYXNzPSJjbHMtNCIgZD0iTTIxLjQ2LDQwLjA3QTkuNDksOS40OSwwLDAsMSwxOC42NSwzOWMtLjUtLjUtMy4yMi0yLjMzLTQuMjEtMi4zM2EuMzcuMzcsMCwwLDAtLjI4LjA5LDEzLjg2LDEzLjg2LDAsMCwwLTEuNDYsMi4zNywyLDIsMCwwLDAtLjIyLjkxdjIuMzJjMCwuNTcsNC40OSwxLjY5LDYuNzMsMS42OSwzLjM3LDAsNC40OS0xLjEyLDQuNDktMS4xMlpNMTkuMjEsNDIuNWEyMC4wOSwyMC4wOSwwLDAsMS01LjIzLTFWNDBhLjU0LjU0LDAsMCwxLDAtLjIyYy4zNi0uNjguNjQtMS4xNi44NC0xLjQ4QTE0LjUyLDE0LjUyLDAsMCwxLDE3LjU5LDQwYTcuNzcsNy43NywwLDAsMCwzLDEuMzhsLjcyLjlBOS4zOCw5LjM4LDAsMCwxLDE5LjIxLDQyLjVaIi8+PHBhdGggY2xhc3M9ImNscy00IiBkPSJNNjYuMzMsMzYuNzFhLjM1LjM1LDAsMCwwLS4yOC0uMDljLTEsMC0zLjcxLDEuODMtNC4yMSwyLjMzQTkuNDYsOS40NiwwLDAsMSw1OSw0MC4wN2wtMi4yNSwyLjgxUzU3LjkyLDQ0LDYxLjI4LDQ0QzYzLjUyLDQ0LDY4LDQyLjg4LDY4LDQyLjMxVjQwYTEuOTEsMS45MSwwLDAsMC0uMjItLjkxQTEzLjg2LDEzLjg2LDAsMCwwLDY2LjMzLDM2LjcxWm0uMTgsNC44YTIwLjA5LDIwLjA5LDAsMCwxLTUuMjMsMSw5LjM4LDkuMzgsMCwwLDEtMi4xLS4yMWwuNzItLjlhNy43Nyw3Ljc3LDAsMCwwLDMtMS4zOCwxNC42NSwxNC42NSwwLDAsMSwyLjczLTEuNzJjLjIuMzIuNDcuOC44MywxLjQ4YS41NC41NCwwLDAsMSwuMDUuMjJaIi8+PHBhdGggY2xhc3M9ImNscy00IiBkPSJNNTYuOTQsNTEuMDhhNyw3LDAsMCwwLTEuMzMtLjM5Yy0xLjY1LS4xNC0zLjI3LS4yLTQuOS0uMjYtMy4yNS0uMTItNi41LS4xOC05Ljc1LS4yMXMtNi41LDAtOS43Ni4wNmMtMS42NCwwLTMuMjUuMTItNC45NC4zYTQuMjUsNC4yNSwwLDAsMC0xLjM2LjUyLDUuMzUsNS4zNSwwLDAsMC0xLC45MkEzLjM1LDMuMzUsMCwwLDAsMjMsNTQuNGEzLjMsMy4zLDAsMCwxLDEuNDYtMS43NSw2LjcxLDYuNzEsMCwwLDEsMS0uNDksNy41OCw3LjU4LDAsMCwxLDEtLjA2LDQ2LjM5LDQ2LjM5LDAsMCwxLDQuNzctLjMyYzMuMjMtLjA5LDYuNDctLjA5LDkuNzEtLjA2czYuNDguMDksOS43MS4yMWMxLjYxLjA2LDMuMjQuMTIsNC44Mi4yNWE3LjYzLDcuNjMsMCwwLDEsMS4wNiwwLDIuMTksMi4xOSwwLDAsMSwuOTIuNCw1LjE1LDUuMTUsMCwwLDEsMS40NiwxLjgzQTUsNSwwLDAsMCw1OCw1MiwzLjA1LDMuMDUsMCwwLDAsNTYuOTQsNTEuMDhaIi8+PHBhdGggY2xhc3M9ImNscy00IiBkPSJNNDAuNTMsNDAuODVsLS43NS0uOWE3LDcsMCwwLDAtMi41NC42MSwyLjI5LDIuMjksMCwwLDAsMSwuNzNjMC0uNDMuMzUtLjU0LDEuMy0uNTRsMSw0LjA4LDEtNC4wOGMxLDAsMS4yNi4xMSwxLjMuNTRhMi4yMywyLjIzLDAsMCwwLDEtLjczQTcsNywwLDAsMCw0MS4yNyw0MFoiLz48cGF0aCBjbGFzcz0iY2xzLTQiIGQ9Ik0zOS44OSwyMy4yMWE4Miw4MiwwLDAsMSwxNSwxLjE0YzEuMDYuNDMsMi45Myw0LjQ5LDMuNTIsNi42Ni0zLjE0LDAtMTAuODUuMTYtMTguNDYuMjNTMjUsMzEuMDYsMjEuOTEsMzFjLjU4LTIuMTcsMi40NS02LjIzLDMuNDctNi42NGE3OC40Miw3OC40MiwwLDAsMSwxNC41MS0xLjE2bTAtMS41YTc2LjQ5LDc2LjQ5LDAsMCwwLTE1LDEuMjVjLTIuNDcsMS01LjQyLDkuNTMtNC40NCw5LjUzLDAsMCw5LjQ5LjE1LDE5LjQ3LjI1LDEwLS4xLDIwLS4yNSwyMC0uMjUsMSwwLTItOC41Mi00LjQzLTkuNTNhNzksNzksMCwwLDAtMTUuNTMtMS4yNVoiLz48L2c+PC9zdmc+')
}

.mega-menu .menu-links > li > a {
    font-size: 22px
}

.menu-logo {
    position: absolute;
    top: 0px;
    left: 0px;
    margin-left: 10px;
    margin-top: 10px
}

.feature-box h6:before {
    display: none
}

.feature-box h6 {
    margin: 0px;
    padding: 0px;
    color: var(--red)
}

.t-caret {
    width: 3px
}

.testimonial-content p {
    color: var(--red)
}

.testimonial-block .testimonial-box {
    min-height: 260px;
}

.section-title h2 {
    color: var(--red) !important
}

footer {
    padding-left: 12px;
    padding-right: 12px;
}

.testimonial-1 .testimonial-block:hover .testimonial-avtar img {
    border-color: var(--red)
}

.testimonial-1 .testimonial-block .testimonial-avtar {
    margin-top: 6px !important
}

    .testimonial-1 .testimonial-block .testimonial-avtar h6 {
        font-weight: bold;
        font-size: 22px
    }

a[data-href], span[data-href] {
    cursor: pointer
}

a.CTA {
    background: var(--red);
    color: #ffffff !important;
    border-radius: 6px;
    padding: 7px 15px;
    z-index: 9999;
    display: inline-block;
}

.lib_window_dialog a.CTA {
    position: absolute;
    top: 60px;
    color: #ffffff !important;
    left: 10px;
}

.lib_window_dialog ul.list-inline {
    padding: 10px
}

    .lib_window_dialog ul.list-inline li {
        display: block;
        color: #000000
    }

        .lib_window_dialog ul.list-inline li label {
            display: inline-block;
            width: 140px;
            color: #666666
        }

.lib_window_dialog img {
    width: 100%;
    max-width: 703px;
    display: block
}

.row {
    max-width: 100%;
    margin-left: 0px
}

.car-item .car-content {
    padding-top: 6px;
    padding-bottom: 32px
}

.car-item .car-title {
    font-weight: bold
}

.car-item .car-image {
    display: inline-block;
}

.license-plate-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.license-plate-box {
    height: 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid black;
    display: block;
    overflow: hidden;
    margin: 5px 10px 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 250px;
    flex: 0 0 250px;
    width: 250px;
    border-radius: 7px;
    background-color: #ffcc33;
}

    .license-plate-box .country-code {
        width: 15%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background: #1951e1;
        padding: 10px 8px;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }

    .license-plate-box input {
        background-color: #ffcc33;
        letter-spacing: 5px;
        text-transform: uppercase;
        padding: 12px;
        color: #000000;
        font-weight: bold;
        font-size: 35px;
        line-height: 50px
    }

    .license-plate-box svg {
        width: 20px;
        height: 36px
    }

.lib_window_dialog form {
    display: table;
    padding: 8px;
    width: 100%
}

    .lib_window_dialog form .license-plate-wrapper {
        float: left
    }

.form_row {
    display: table-row
}

    .form_row input[type=text], .form_row textarea {
        width: 100%;
        padding: 6px;
    }

    .form_row > div {
        float: left
    }

        .form_row > div:first-child {
            display: table-cell;
            margin-top: 12px;
            width: 250px;
            padding: 4x;
            color: #333333;
            vertical-align: middle
        }

        .form_row > div:nth-child(2) {
            padding: 8px;
            width: calc(100% - 250px)
        }

    .form_row .button {
        background: #db2d2e
    }

.lib_window_dialog ul li {
    line-height: 20px;
}

.lib_window_dialog p {
    padding-left: 15px;
    padding-top: 12px;
    padding-bottom: 0px;
    padding-right: 15px;
}

.bg2 {
    background-image: url() !important
}

header .topbar, body header .topbar .container {
    height: 70px !important;
}

body header .topbar .container {
	padding-top: 14px;
}

/*! http://responsiveslides.com v1.54 by @viljamis */
.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

    .rslides li {
        -webkit-backface-visibility: hidden;
        position: absolute;
        display: none;
        width: 100%;
        left: 0;
        top: 0;
        list-style: none;
    }

    .rslides img {
        display: block;
        height: auto;
        float: left;
        width: 100%;
        border: 0;
    }

.rslides_nav {
    position: absolute;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    top: 50%;
    left: 0;
    z-index: 99;
    opacity: 0.7;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 61px;
    width: 38px;
    background: transparent url(../images/themes.gif) no-repeat left top;
    margin-top: -15%;
}

    .rslides_nav:hover {
        opacity: 1
    }

    .rslides_nav.next {
        left: auto;
        background-position: right top;
        right: 0;
    }

.slidein {
    position: absolute;
    left: 100%;
    min-height: 450px;
    width: 100%;
    background-color: #ffffff;
    color: inherit;
    display: none;
    z-index: 99999;
    margin-top: -1em;
    box-shadow: 20px 20px 20px rgba(196,196,196,.7)
}

    .slidein .close {
        display: block;
        float: right;
        margin-right: 40px;
        margin-top: 20px;
        height: 40px;
        width: 40px;
        cursor: pointer
    }

        .slidein .close .top_close {
            transform: rotate(45deg);
        }

        .slidein .close .bottom_close {
            transform: rotate(135deg)
        }

        .slidein .close .top_close, .slidein .close .bottom_close {
            background: #6699cc none repeat scroll 0 0 !important;
            transition: all 0.6s cubic-bezier(0.75, 0, 0.29, 1.01) 0s;
            top: 40px;
            position: absolute;
            width: 40px;
            height: 2px;
        }

        .slidein .close:hover .top_close, .slidein .close:hover .bottom_close {
            background-color: black !important;
            height: 3px;
        }

    .slidein h2 {
        color: #db2d2e;
        padding-top: 24px;
        padding-bottom: 0px;
        text-transform: none;
        margin-bottom: 2px;
        font-size: 22px;
        color: #db2d2e;
        line-height: 27px;
    }

    .slidein .content {
        padding: 24px;
        line-height: 30px;
    }

@media (max-width: 1450px) {
    div.tesla {
        background-size: 80% auto;
        height: 380px;
    }
}

@media (max-width: 992px) {
    body {
        font-size: 15px
    }

    .mega-menu {
        min-height: 0px;
    }

        .mega-menu .menu-mobile-collapse-trigger {
            margin-top: 0px;
            display: none !important
        }

    section.big_intro h1 {
        font-size: 24px
    }

    section.big_intro {
        height: 240px
    }

        section.big_intro .row {
            padding-top: 50px
        }

    div.tesla {
        height: 200px;
        background-position: right center;
        width: 50%;
        background-size: 50% auto
    }

    div.text {
        width: 50%
    }

    .container {
        max-width: 100%;
        padding: 0px;
    }

    .mega-menu .menu-mobile-collapse-trigger.active:before {
        transform: rotate(45deg);
        top: 26px;
        background-color: white
    }

    .mega-menu .menu-mobile-collapse-trigger.active:after {
        transform: rotate(-45deg);
        top: 26px;
        margin-top: 18px;
        background-color: white
    }

    .mega-menu .menu-mobile-collapse-trigger.active:before,
    .mega-menu .menu-mobile-collapse-trigger.active:after,
    .mega-menu .menu-mobile-collapse-trigger.active span {
        top: 9px
    }

    .mega-menu .menu-logo {
        width: calc(100% - 12px)
    }

    div.tesla {
        background-size: 55% auto;
        height: 240px
    }
}

@media (min-width: 993px) {
    section.big_intro {
        height: 550px
    }

    header .topbar {
        display: block;
        height: 82px
    }
}

@media (max-width: 993px) {
    header .topbar {
        padding-left: 210px;
    }
}

/* iPad */
@media (max-width: 768px) {
    section.big_intro {
        height: 250px
    }

    div.tesla {
        background-size: 45% auto;
        height: 280px;
    }

    section.big_intro {
        height: 250px;
    }

}

@media (max-width: 680px) {
    header .topbar {
        padding: 0px;
        padding-left: 203px;
    }

    section.big_intro {
        background-color: #000000;
        background-repeat: no-repeat
    }

        section.big_intro h1 {
            font-size: 18px;
            line-height: 24px;
        }

    div.tesla {
        background-size: 55% auto
    }

    li.lowprio {
        display: none
    }

    section.big_intro {
        height: 250px;
    }

    .lib_window_dialog form .license-plate-wrapper, .form_row {
        display: block
    }

    .form_row {
        clear: both;
        width: 100%
    }

        .form_row > div:first-child {
            margin-top: 6px;
            padding-left: 6px
        }

        .form_row > div {
            display: block;
            width: 100% !important;
            float: none
        }

    .lib_window_dialog form {
        padding: 0px
    }

    .topbar-right, .topbar-left {
        float: right
    }
}

@media (max-width: 540px) {
    li.lowprio {
        display: none
    }
}

@media (max-width: 431px) {
    section.big_intro h1 {
        font-size: 14px;
        line-height: 20px;
        font-weight: 300
    }

    div.tesla {
        background-size: 85% auto;
        height: 240px;
    }

    header .topbar li, header .topbar li a {
        font-size: 12px
    }
}

/* iphone 567 plus */
@media (max-width: 414px) {
    h1.autoplay {
        width 280px
    }

    div.feature-box .glyph-icon {
        margin-bottom: 2px
    }

    .welcome-block .col-sm-6 {
        width: 50%
    }

        .welcome-block .col-sm-6 p {
            font-size: 14px;
            padding: 6px
        }

    .feature-box p {
        font-size: 15px;
        line-height: 19px
    }

    header .topbar li a {
        font-size: 12px
    }

    header .topbar {
        padding-left: 80px;
        height: 40px
    }

    section.big_intro {
        background-size: cover
    }

    div.tesla {
        background-size: 85% auto;
        height: 275px;
    }

    .topbar .col-md-12 {
        padding-right: 10px !important
    }
}

/* iphone 567 (excluding plus)*/
@media (max-width: 375px) {
    div.tesla {
        background-size: 90% auto;
        height: 260px
    }
}

/* iphone 4 */
@media (max-width: 320px) {
    .feature-box p {
        font-size: 14px
    }

    img#logo_img {
        height: 40px;
    }

    header .topbar {
        padding-left: 80px;
        height: 40px
    }

    div.tesla {
        background-size: 95% auto;
        height: 260px
    }
}

@media (min-width: 1600px) {
    body {
        font-size: 17px
    }

    div.tesla {
        background-size: 60% auto
    }

    .drop-down-multilevel li a {
        font-size: 16px
    }

    .container {
        max-width: 1570px;
    }

    .search-top .search-btn:before {
        font-size: 22px;
        margin-top: -3px;
    }
}

@media (min-width: 1700px) {
    div.tesla {
        background-size: 55% auto
    }
}

@media (min-width: 1800px) {
    div.tesla {
        background-size: 50% auto
    }
}

@media (min-width: 1900px) {
    div.tesla {
        background-size: 45% auto
    }
}

@media (min-width: 2000px) {
    body {
        font-size: 18px
    }

    div.tesla {
        background-size: 40% auto
    }
}