/*LARGE DESKTOP */
@media (min-width: 1900px) {

}

@media (min-width:1661px) {
.container { max-width:1440px;}
}

/*SEMI-LARGE DESKTOP */
@media (min-width:1400px) and (max-width:1660px) {
.container { max-width:1300px;}
.top-bar { padding:10px 0;}
.logo-block { width:10%;}
.logo { width:80px;}
.mercedez-benz { display:none;}
.menu { width:68%;}
.menu ul li h3 { font-size:17px;}
.menu ul li a { font-size:18px; margin:0 15px 0 0;}
.menu-dropdown { top:123px; padding:50px 0;}
.menu-dropdown h2 { font-size:30px; margin:0 0 30px 0;}
.search-bar { padding:10px 15px;}
.bell-vehicle { width:22%; font-size:22px; margin:30px 0 0 0;}
.dropdown-block { margin:0 0 20px 0;}
.dropdown-block a { font-size:17px;}
.dropdown-block a i { font-size:15px;}
.dropdown-block p { width:80%; font-size:14px;}
.hero .carousel-caption h1 { font-size:45px; margin:0 0 30px 0;}
.hero .carousel-caption h1::before { top:-60px; width:60px; height:2px; background:#fff;}
.hero .carousel-caption h2 { font-size:25px; margin:0 0 50px 0;}
.new-used { padding:100px 0;}
.new-used h2 { font-size:38px;}
.new-used-block a { font-size:18px;}
.new-used-block a i { font-size:15px;}
.new-used-block p { font-size:15px;}
.bell-det { padding:60px 60px 0 12%;}
.bell-det p { font-size:15px; margin:0 0 30px 0;}
.bell-det a { font-size:17px; margin:0 0 20px 0;}
.bell-det a i { font-size:15px;}
.story-title { font-size:17px;}
.address-area { padding:5% 10% 0;}
.address-block { padding:40px 10% 0 0; margin:0 0 40px 0;}
.address-block::before { width:60px; height:2px;}
.address-block h4 { font-size:20px;}
.address-block p { font-size:15px;}
.address-block a { font-size:15px;}
.footer-main .container-fluid { padding:0 50px;}
.footer-links h4 { font-size:17px;}
.footer-links ul li { text-align:left;}
.footer-links ul li span { width:100%; text-align:left;}
.footer-links a { margin:0 0 10px 0; font-size:14px;}



/*Models*/
.new-models h2 { font-size:40px;}
.model-block a { font-size:20px;}
.model-block a i { font-size:16px;}
.model-block p { font-size:16px;}

.new-models .model-img { min-height:100px;}
.test-drive h2 { font-size:40px; padding:0 0 0 50px;}
.drive-det { padding:50px 50px 0 50px;}
.drive-det h3 { font-size:25px;}
.drive-det p { font-size:20px;}
.drive-det a.drive-link { font-size:17px; margin:0 0 20px 0;}
.drive-det a.drive-btn { padding:15px 25px; font-size:17px;}
.slogan-text { padding:150px 0;}
.slogan-text h2 { font-size:35px;}
.slogan-text p { font-size:18px;}
.dark-accordion { padding:100px 0;}
.dark-accordion h2 { font-size:35px;}
.dark-accordion .card-header h5 .btn-link { font-size:20px; padding:20px 0;}
.dark-accordion .card-body p { font-size:18px;}
.light-accordion { padding:100px 0;}
.light-accordion h2 { font-size:35px;}
.light-accordion .card-header h5 .btn-link { font-size:20px; padding:20px 0;}
.light-accordion .card-body p { font-size:18px;}
.specs-area h2 { font-size:35px;}
.specs-area ul li { padding:30px;}
.misc-links { padding:50px 20px;}
.misc-links .text-link { font-size:17px; padding:0 40px;}
.misc-links .btn-link { margin:50px auto 0; padding:20px 40px;}


/*Listing*/
.listing-area h1 { font-size:50px;}
.search-det { padding:30px;}
.search-det h4 { margin:0 0 30px 0;}
.search-det a { font-size:25px; margin:0 0 20px 0;}
.search-det ul li { width:50%; font-size:15px; margin:0 0 10px 0;}
.car-det { font-size:15px;}

#gallery #main-img { height:500px;}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { padding:10px 5px !important; top:-77px;}
.listing-nav { margin:0 0 20px 0;}
.listing-nav a { width:40px; height:40px; line-height:40px; font-size:15px;}
.listing-nav span { font-size:17px; padding:7px 0;}
.listing-det h3 { font-size:30px;}
.listing-det h2 { font-size:40px;}
.listing-det h4 { font-size:15px; margin:0 0 30px 0;}
.listing-det ul { padding:30px 0 0 0;}
.listing-links a { padding:10px; font-size:13px;}
.listing-links a i { font-size:15px;}
.listing-related h2 { font-size:40px;}
.related-block .search-det a { font-size:25px; padding:0 20px 0 0;}



}

/*NORMAL DESKTOP */
@media (min-width: 1200px) and (max-width: 1399px) {
body { padding:160px 0 0 0;}
.top-nav a, .top-nav span { font-size:14px;}
.logo-block { width:6%;}
.logo { width:60px;}
.mercedez-benz { display:none;}
.menu { float:left; width:68%; margin:10px 0 0 0;}
.menu ul li { width:auto; padding:0 20px;}
.menu ul li h3 { font-size:17px; float:none; display:block;}
.menu ul li a { font-size:14px; margin:0 15px 0 0;}
.search-bar { padding:10px 15px;}
.bell-vehicle { width:25%; font-size:20px; margin:18px 0 0 0;}
.menu-dropdown { top:97px; padding:30px 0;}
.menu-dropdown h2 { font-size:30px; margin:0 0 30px 0;}
.dropdown-block { margin:0 0 20px 0;}
.dropdown-block a { font-size:17px;}
.dropdown-block a i { font-size:15px;}
.dropdown-block p { width:80%; font-size:14px;}
.hero .carousel-caption { top:25%; padding:10px 0 0 0;}
.hero .carousel-caption h1 { font-size:40px; margin:0 0 20px 0;}
.hero .carousel-caption h1::before { top:-40px; width:60px; height:2px; background:#fff;}
.hero .carousel-caption h2 { font-size:20px; margin:0 0 50px 0;}
.hero .carousel-indicators li { width:40px;}
.new-used { padding:100px 0;}
.new-used h2 { font-size:35px;}
.new-used-block a { font-size:18px;}
.new-used-block a i { font-size:15px;}
.new-used-block p { font-size:15px; width:80%;}
.offer-block .offer-title { font-size:17px;}
.offer-block .offer-title i { font-size:15px;}
.offer-block p { font-size:15px; margin:0 0 30px 0;}
.offer-block span { margin:0 0 50px 0;}
.bell-det { padding:30px 30px 0 10%;}
.bell-det h2 { font-size:30px; margin:0 0 30px 0;}
.bell-det p { font-size:14px; margin:0 0 30px 0;}
.bell-det a { font-size:15px; margin:0 0 20px 0;}
.bell-det a i { font-size:13px;}
.customer-stories h2 { font-size:30px; margin:0 0 40px 0;}
.story-title { font-size:15px; padding:30px 30px 60px 30px;}
.story-title i { font-size:13px;}
.address-area { padding:5% 10% 0;}
.address-block { padding:20px 10% 0 0; margin:0 0 20px 0;}
.address-block::before { width:40px; height:2px;}
.address-block h3 { font-size:25px; margin:0 0 10px 0;}
.address-block h4 { font-size:17px; margin:0 0 10px 0;}
.address-block p { font-size:13px; margin:0 0 20px 0;}
.address-block a { font-size:13px;}
.address-block a i { font-size:13px;}
.footer-main .container-fluid { padding:0 50px;}
.footer-social { margin:20px 0 0 0;}
.footer-social a { font-size:20px; margin:0 0 0 20px;}
.footer-links h4 { font-size:15px;}
.footer-links ul li { text-align:left;}
.footer-links ul li span { width:100%; text-align:left;}
.footer-links a { margin:0 0 10px 0; font-size:13px;}
.footer-about { font-size:13px; margin:0 0 40px 0;}
.footer-nav a, .footer-nav span { font-size:12px; padding:0 10px 0 0; margin:0 10px 0 0;}


/*Vans*/
.new-models { padding:70px 0 40px;}
.new-models .model-img { min-height:80px;}
.new-models h2 { font-size:40px; margin:0 0 60px 0;}
.model-block a { font-size:17px;}
.model-block a i { font-size:15px;}
.model-block p { font-size:13px;}
.inner-offers { padding:70px 0;}
.inner-offers h2 { font-size:35px; margin:0 0 50px 0;}
.offer-block { width:100%;}

.new-models .model-img { min-height:100px;}
.test-drive h2 { font-size:40px; padding:0 0 0 50px;}
.drive-det { padding:50px 50px 0 50px;}
.drive-det h3 { font-size:25px;}
.drive-det p { font-size:20px;}
.drive-det a.drive-link { font-size:17px; margin:0 0 20px 0;}
.drive-det a.drive-btn { padding:15px 25px; font-size:17px;}
.slogan-text { padding:100px 0;}
.slogan-text .container { padding:0 10%;}
.slogan-text h2 { font-size:30px;}
.slogan-text p { font-size:17px;}
.dark-accordion { padding:100px 0;}
.dark-accordion .container { padding:0 10%;}
.dark-accordion h2 { font-size:30px;}
.dark-accordion .card-header h5 .btn-link { font-size:20px; padding:20px 0;}
.dark-accordion .card-body p { font-size:15px; width:95%;}
.light-accordion { padding:100px 0;}
.light-accordion .container { padding:0 10%;}
.light-accordion h2 { font-size:30px;}
.light-accordion .card-header h5 .btn-link { font-size:20px; padding:20px 0;}
.light-accordion .card-body p { font-size:15px; width:95%;}
.specs-area .container { padding:0 10%;}
.specs-area h2 { font-size:30px;}
.specs-area ul li { padding:30px;}
.misc-links { padding:50px 20px;}
.misc-links .text-link { font-size:17px; padding:0 30px;}
.misc-links .btn-link { margin:50px auto 0; padding:15px 40px; font-size:20px;}



/*Listing*/
.filter-btns a div img { padding:10px 0;}
.filter-btns a span { font-size:13px;}
.filter-inputs ul li span { font-size:13px;}
.filter-inputs ul li input { font-size:13px;}
.filter-inputs ul li span::before { border-width:7px 0 7px 10px;}
.filter-inputs ul li span::after { border-width:7px 10px 7px 0;}
.search-btn button { font-size:17px;}
.listing-area h1 { font-size:50px;}
.search-det { padding:30px;}
.search-det h4 { margin:0 0 30px 0;}
.search-det a { font-size:25px; margin:0 0 20px 0;}
.search-det ul li { width:50%; font-size:15px; margin:0 0 10px 0;}
.car-det { font-size:15px;}
.pagination-row .page-item .page-link { font-size:17px; padding:7px 15px;}

.listing-view { padding:50px 0;}
#gallery #main-img { height:400px;}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { padding:10px 5px !important; top:-77px;}
.listing-nav { margin:0 0 20px 0;}
.listing-nav a { width:40px; height:40px; line-height:40px; font-size:15px;}
.listing-nav span { font-size:17px; padding:7px 0;}
.listing-det h3 { font-size:30px;}
.listing-det h2 { font-size:40px;}
.listing-det h4 { font-size:15px; margin:0 0 30px 0;}
.listing-det ul { padding:30px 0 0 0;}
.listing-links { margin:30px 0 0 0;}
.listing-links a { padding:10px; font-size:13px; width:46%; text-align:center; margin:0 0 10px 0;}
.listing-links a i { font-size:15px;}
.listing-related h2 { font-size:30px; margin:0 0 30px 0;}
.related-block .search-det a { font-size:22px; padding:0 20px 0 0; margin:0 0 20px 0;}
.related-block .search-det a::before { width:70px; height:2px;}


}

/*NORMAL DESKTOP */
@media (min-width: 992px) and (max-width: 1199px) {
body { padding:160px 0 0 0;}
.top-nav a, .top-nav span { font-size:14px;}
.logo-block { width:10%;}
.logo { width:60px;}
.mercedez-benz { display:none;}
.menu { float:left; width:55%; margin:10px 0 0 0;}
.menu ul li { width:auto; padding:0 20px;}
.menu ul li h3 { font-size:17px;}
.menu ul li a { font-size:13px; margin:0 15px 0 0;}
.search-bar { padding:10px 15px;}
.trucks-item a, .vans-item a, .search-item a { display:none;}
.bell-vehicle { width:30%; font-size:20px; margin:18px 0 0 0;}
.menu-dropdown { top:97px; padding:30px 0;}
.menu-dropdown h2 { font-size:30px; margin:0 0 30px 0;}
.dropdown-block { margin:0 0 20px 0;}
.dropdown-block a { font-size:17px;}
.dropdown-block a i { font-size:15px;}
.dropdown-block p { width:80%; font-size:14px;}
.hero .carousel-caption { top:25%; padding:10px 0 0 0;}
.hero .carousel-caption h1 { font-size:40px; margin:0 0 20px 0;}
.hero .carousel-caption h1::before { top:-40px; width:60px; height:2px; background:#fff;}
.hero .carousel-caption h2 { font-size:20px; margin:0 0 50px 0;}
.hero .carousel-indicators li { width:40px;}
.new-used { padding:100px 0;}
.new-used h2 { font-size:35px;}
.new-used-block a { font-size:18px;}
.new-used-block a i { font-size:15px;}
.new-used-block p { font-size:15px; width:80%;}
.offer-block .offer-title { font-size:17px;}
.offer-block .offer-title i { font-size:15px;}
.offer-block p { font-size:15px; margin:0 0 30px 0;}
.offer-block span { margin:0 0 50px 0;}
.bell-det { padding:30px 30px 0 10%;}
.bell-det h2 { font-size:30px; margin:0 0 30px 0;}
.bell-det p { font-size:14px; margin:0 0 30px 0;}
.bell-det a { font-size:15px; margin:0 0 20px 0;}
.bell-det a i { font-size:13px;}
.customer-stories h2 { font-size:30px; margin:0 0 40px 0;}
.story-title { font-size:15px; padding:30px 30px 60px 30px;}
.story-title i { font-size:13px;}
.address-area { padding:5% 10% 0;}
.address-block { padding:20px 10% 0 0; margin:0 0 20px 0;}
.address-block::before { width:40px; height:2px;}
.address-block h3 { font-size:25px; margin:0 0 10px 0;}
.address-block h4 { font-size:17px; margin:0 0 10px 0;}
.address-block p { font-size:13px; margin:0 0 20px 0;}
.address-block a { font-size:13px;}
.address-block a i { font-size:13px;}
.footer-main .container-fluid { padding:0 50px;}
.footer-social { margin:20px 0 0 0;}
.footer-social a { font-size:20px; margin:0 0 0 20px;}
.footer-links h4 { font-size:15px;}
.footer-links ul li { text-align:left;}
.footer-links ul li span { width:100%; text-align:left;}
.footer-links a { margin:0 0 10px 0; font-size:13px;}
.footer-about { font-size:13px; margin:0 0 40px 0;}
.footer-nav a, .footer-nav span { font-size:12px; padding:0 10px 0 0; margin:0 10px 0 0;}


/*Vans*/
.new-models { padding:70px 0 40px;}
.new-models .model-img { min-height:80px;}
.new-models h2 { font-size:40px; margin:0 0 60px 0;}
.model-block a { font-size:17px;}
.model-block a i { font-size:15px;}
.model-block p { font-size:13px;}
.inner-offers { padding:70px 0;}
.inner-offers h2 { font-size:35px; margin:0 0 50px 0;}
.offer-block { width:100%;}

.new-models .model-img { min-height:100px;}
.test-drive h2 { font-size:40px; padding:0 0 0 50px;}
.drive-det { padding:50px 50px 0 50px;}
.drive-det h3 { font-size:25px;}
.drive-det p { font-size:18px;}
.drive-det a.drive-link { font-size:17px; margin:0 0 20px 0;}
.drive-det a.drive-btn { padding:15px 25px; font-size:17px;}
.slogan-text { padding:100px 0;}
.slogan-text .container { padding:0 10%;}
.slogan-text h2 { font-size:30px;}
.slogan-text p { font-size:17px;}
.dark-accordion { padding:100px 0;}
.dark-accordion .container { padding:0 10%;}
.dark-accordion h2 { font-size:30px;}
.dark-accordion .card-header h5 .btn-link { font-size:20px; padding:20px 0;}
.dark-accordion .card-body p { font-size:15px; width:95%;}
.light-accordion { padding:100px 0;}
.light-accordion .container { padding:0 10%;}
.light-accordion h2 { font-size:30px;}
.light-accordion .card-header h5 .btn-link { font-size:20px; padding:20px 0;}
.light-accordion .card-body p { font-size:15px; width:95%;}
.specs-area .container { padding:0 10%;}
.specs-area h2 { font-size:30px;}
.specs-area ul li { padding:30px;}
.misc-links { padding:50px 20px;}
.misc-links .text-link { font-size:17px; padding:0 30px;}
.misc-links .btn-link { margin:50px auto 0; padding:15px 40px; font-size:20px;}



/*Listing*/
.filter-btns a div img { padding:10px 0;}
.filter-btns a span { font-size:13px;}
.filter-inputs ul li span { font-size:13px;}
.filter-inputs ul li input { font-size:13px;}
.filter-inputs ul li span::before { border-width:7px 0 7px 10px;}
.filter-inputs ul li span::after { border-width:7px 10px 7px 0;}
.search-btn button { font-size:17px;}
.listing-area h1 { font-size:50px;}
.search-det { padding:30px;}
.search-det h4 { margin:0 0 30px 0;}
.search-det a { font-size:25px; margin:0 0 20px 0;}
.search-det ul li { width:50%; font-size:15px; margin:0 0 10px 0;}
.car-det { font-size:15px;}
.pagination-row .page-item .page-link { font-size:17px; padding:7px 15px;}

.listing-view { padding:50px 0;}
#gallery #main-img { height:400px;}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { padding:10px 5px !important; top:-77px;}
.listing-nav { margin:0 0 20px 0;}
.listing-nav a { width:40px; height:40px; line-height:40px; font-size:15px;}
.listing-nav span { font-size:17px; padding:7px 0;}
.listing-det h3 { font-size:30px;}
.listing-det h2 { font-size:40px;}
.listing-det h4 { font-size:15px; margin:0 0 30px 0;}
.listing-det ul { padding:30px 0 0 0;}
.listing-links { margin:30px 0 0 0;}
.listing-links a { padding:10px; font-size:13px; width:46%; text-align:center; margin:0 0 10px 0;}
.listing-links a i { font-size:15px;}
.listing-related h2 { font-size:30px; margin:0 0 30px 0;}
.related-block .search-det a { font-size:22px; padding:0 20px 0 0; margin:0 0 20px 0;}
.related-block .search-det a::before { width:70px; height:2px;}


/*Contact Page*/
.contact-area h2 { font-size:40px; padding:0 0 60px 0;}
.contact-tabs { padding:0 10%;}
.contact-tabs .nav-tabs { margin:0 0 60px 0;}
.contact-tabs .nav-tabs .nav-link { font-size:22px; padding:0 0 10px 0;}
.contact-form ul li { margin:0 2% 15px 0;}
.contact-form ul li input, .contact-form ul li select, .contact-form ul li textarea { font-size:15px;}
.contact-form ul li span { font-size:15px; color:#555;}
.contact-form ul li p { font-size:14px; color:#555;}
.contact-form h4 { font-size:17px;}
.contact-form ul.contact-reason li { margin:0 0 5px 0;}
.contact-form ul li button { padding:20px 40px; font-size:20px; color:#fff; margin:20px 0 0 0;}




}


/*TABLET & iPad*/
@media (min-width: 768px) and (max-width: 991px) {
body { padding:140px 0 0 0;}
.top-bar { padding:10px 0;}
.top-nav a { display:none;}
.top-nav span { font-size:14px; padding:7px 0 0 0; margin:0; border:none; display:block;}
.top-nav a.contact-btn { padding:5px 15px; display:block;}
.header-main { padding:10px 20px 0 20px;}
.header-main .container-fluid { padding:0;}
.header-main .col-sm-4, .header-main .col-sm-8 { padding:0;}
.logo-block { width:10%;}
.logo { width:50px; margin:10px 0 0 0;}
.mercedez-benz { margin:15px 20px 0 10px; display:none;}
.bell-vehicle { float:left; width:auto; font-size:17px; margin:7px 0 0 20px;}
.bell-vehicle p { display:none;}
.menu { float:right; width:auto; margin:10px 0 0 0;}
.menu ul li { width:auto; padding:0 10px; min-height:70px;}
.menu ul li h3 { font-size:15px;}
.menu ul li a { font-size:13px; margin:0 10px 0 0;}
.search-bar { height:80%;}
.trucks-item a, .vans-item a, .search-item a { display:none;}
.menu ul li.search-item h3 { display:block; width:auto; margin:0 0 0 10px;}
.menu ul li h3.menu-toggler { font-size:18px; margin:0 0 0 20px;}
.search-item h3 span { display:none;}
.menu-toggler { display:block;}
.close-search { font-size:18px;}
.search-bar input { padding:2px;}
.search-bar button { font-size:16px;}
.menu-dropdown { top:87px; padding:30px 0;}
.menu-dropdown h2 { font-size:30px; margin:0 0 30px 0;}
.dropdown-block { margin:0 0 20px 0;}
.dropdown-block a { font-size:15px; margin:0 0 5px 0;}
.dropdown-block a i { font-size:13px;}
.dropdown-block p { width:90%; font-size:13px;}
.hero .carousel-caption { top:20%;}
.hero .carousel-caption h1 { font-size:30px; margin:0 0 20px 0;}
.hero .carousel-caption h1::before { top:-30px; width:30px; height:2px; background:#fff;}
.hero .carousel-caption h2 { font-size:15px; margin:0 0 20px 0;}
.hero .carousel-caption a { font-size:14px; padding:5px 10px;}
.hero .carousel-caption a i { font-size:12px;}
.hero .carousel-indicators { bottom:20px;}
.hero .carousel-indicators li { width:40px;}
.hero-note { bottom:10px; font-size:10px;}
.new-used { padding:70px 0;}
.new-used h2 { font-size:25px; margin:0 0 20px 0;}
.new-used-block { width:33%;}
.new-used-block a { font-size:16px;}
.new-used-block a i { font-size:14px;}
.new-used-block p { font-size:13px; width:80%;}
.offers-area { padding:70px 0 30px;}
.offer-block { width:100%; margin:0 0 50px 0;}
.offer-block h2 { font-size:30px;}
.offer-block .offer-title { font-size:17px;}
.offer-block .offer-title i { font-size:15px;}
.offer-block p { font-size:15px; margin:0 0 30px 0; min-height:inherit;}
.offer-block span { margin:0 0 50px 0;}
.about-bell { padding:50px 0;}
.bell-det { width:100%; padding:20px 0;}
.bell-det h2 { font-size:30px; margin:0 0 30px 0;}
.bell-det p { font-size:14px; margin:0 0 30px 0;}
.bell-det a { font-size:15px; margin:0 0 20px 0;}
.bell-det a i { font-size:13px;}
.customer-stories h2 { font-size:30px; margin:0 0 40px 0;}
.story-title { font-size:15px; padding:30px 30px 60px 30px;}
.story-title i { font-size:13px;}
.locations-area { padding:100px 0 50px 0;}
.address-area { padding:70px 70px 0 70px;}
.address-block { padding:20px 10% 0 0; margin:0 0 20px 0;}
.address-block::before { width:40px; height:2px;}
.address-block h3 { font-size:25px; margin:0 0 10px 0;}
.address-block h4 { font-size:17px; margin:0 0 10px 0;}
.address-block p { font-size:13px; margin:0 0 20px 0;}
.address-block a { font-size:13px;}
.address-block a i { font-size:13px;}
.footer-main .container-fluid { padding:0 50px;}
.footer-social { margin:20px 0 0 0;}
.footer-social a { font-size:20px; margin:0 0 0 20px;}
.footer-links h4 { font-size:14px; margin:0 0 10px 0;}
.footer-links ul li { text-align:right; font-size:12px; margin:0 0 5px 0;}
.footer-links ul li span { width:auto; text-align:left;}
.footer-links a { margin:0 0 5px 0; font-size:12px;}
.footer-about { font-size:12px; margin:0 0 40px 0;}
.footer-nav a, .footer-nav span { font-size:12px; padding:0 10px 0 0; margin:0 10px 0 0;}
.footer-nav span { margin:10px 0 0 0;}


/*Vans*/
.new-models { padding:70px 0 40px;}
.new-models .container-fluid { padding:0 30px;}
.new-models .model-img { min-height:160px;}
.new-models h2 { font-size:30px; margin:0 0 50px 0;}
.model-block a { font-size:17px;}
.model-block a i { font-size:15px;}
.model-block p { font-size:15px;}
.inner-offers { padding:70px 0;}
.inner-offers h2 { font-size:35px; margin:0 0 50px 0;}
.offer-block { width:100%;}
.new-models .models-small .model-img { min-height:70px;}

.new-models .model-img { min-height:100px;}
.test-drive h2 { font-size:35px; padding:0 0 0 20px; margin:0 0 30px 0;}
.drive-det { padding:20px; margin:0 0 30px 0;}
.drive-det h3 { font-size:20px;}
.drive-det p { font-size:17px;}
.drive-det a.drive-link { font-size:17px; margin:0 0 20px 0;}
.drive-det a.drive-btn { padding:15px 25px; font-size:17px;}
.slogan-text { padding:70px 0;}
.slogan-text .container { padding:0 20px;}
.slogan-text h2 { font-size:20px;}
.slogan-text p { font-size:15px;}
.dark-accordion { padding:70px 0;}
.dark-accordion .container { padding:0 20px;}
.dark-accordion h2 { font-size:20px;}
.dark-accordion .card-header h5 .btn-link { font-size:17px; padding:20px 0;}
.dark-accordion .card-body p { font-size:13px; width:95%;}
.light-accordion { padding:70px 0;}
.light-accordion .container { padding:0 20px;}
.light-accordion h2 { font-size:20px;}
.light-accordion .card-header h5 .btn-link { font-size:20px; padding:20px 0;}
.light-accordion .card-body p { font-size:13px; width:95%;}
.specs-area .container { padding:0 20px;}
.specs-area h2 { font-size:20px;}
.specs-area ul li { padding:20px;}
.misc-links { padding:50px 20px;}
.misc-links .text-link { font-size:15px; padding:0 20px;}
.misc-links .text-link i { font-size:13px;}
.misc-links .btn-link { margin:40px auto 0; padding:10px 30px; font-size:17px;}


/*Listing*/
.listing-area { padding:50px 0;}
.listing-area .container-fluid { padding:0 30px;}
.listing-area h1 { font-size:35px; margin:0 0 30px 0;}
.listing-sidebar { margin:0 0 40px 0;}
.model-dropdown select { font-size:15px; padding:7px;}
.filter-btns { width:50%;}
.filter-btns a { margin:0 1% 0px;}
.filter-btns a div img { padding:0;}
.filter-btns a span { font-size:13px;}
.filter-inputs { width:50%;}
.filter-inputs ul li span { font-size:13px;}
.filter-inputs ul li input { font-size:13px;}
.filter-inputs ul li span::before { border-width:7px 0 7px 10px;}
.filter-inputs ul li span::after { border-width:7px 10px 7px 0;}
.search-btn button { font-size:17px;}
.search-block { margin:0 0 30px 0;}
.search-img { width:100%;}
.search-img span { font-size:17px;}
.search-img span img { width:30px;}
.search-det {  width:100%; padding:30px;}
.search-det h4 { margin:0 0 20px 0; font-size:17px;}
.search-det a { font-size:22px; margin:0 0 20px 0;}
.search-det a::before { width:50px; height:2px;}
.search-det ul li { width:33%; font-size:15px; margin:0 0 10px 0;}
.car-det { font-size:15px;}
.pagination-row { margin:10px 0;}
.pagination-row .page-item .page-link { font-size:17px; padding:7px 15px;}


.listing-view { padding:50px 0 20px;}
.listing-view .container-fluid { padding:0 30px;}
.listing-gallery { margin:0 0 40px 0;}
#gallery { width:100%;}
#gallery #main-img { height:540px;}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { padding:25px 10px !important; top:-105px;}
.listing-nav { margin:0 0 20px 0;}
.listing-nav a { width:40px; height:40px; line-height:40px; font-size:15px;}
.listing-nav span { font-size:17px; padding:7px 0;}
.listing-det h3 { font-size:20px;}
.listing-det h2 { font-size:35px;}
.listing-det h4 { font-size:15px; margin:0 0 30px 0;}
.listing-det ul { padding:30px 0 0 0;}
.listing-links { margin:30px 0 0 0;}
.listing-links a { padding:10px; font-size:13px; margin:0 0 10px 0;}
.listing-links a i { font-size:15px;}
.listing-related .container-fluid { padding:0 30px;}
.listing-related h2 { font-size:30px; margin:0 0 30px 0;}
.related-block .search-det a { font-size:22px; padding:0 20px 0 0; margin:0 0 20px 0;}
.related-block .search-det a::before { width:70px; height:2px;}


/*Contact Page*/
.contact-area h2 { font-size:35px; padding:0 0 60px 0;}
.contact-tabs { padding:0 5%;}
.contact-tabs .nav-tabs { margin:0 0 60px 0;}
.contact-tabs .nav-tabs .nav-link { font-size:20px; padding:0 0 10px 0;}
.contact-form ul li { margin:0 2% 15px 0;}
.contact-form ul li input, .contact-form ul li select, .contact-form ul li textarea { font-size:15px;}
.contact-form ul li span { font-size:15px; color:#555;}
.contact-form ul li p { font-size:14px; color:#555;}
.contact-form h4 { font-size:17px;}
.contact-form ul.contact-reason li { margin:0 0 5px 0;}
.contact-form ul li button { padding:20px 40px; font-size:20px; color:#fff; margin:20px 0 0 0;}


}

/*LARGE MOBILES OR PHABLET*/
@media (max-width: 767px) {
body { padding:118px 0 0 0;}
.top-bar { padding:10px 0;}
.top-nav a { display:none;}
.top-nav span { font-size:10px; padding:7px 0 0 0; margin:0; border:none; display:block;}
.top-nav a.contact-btn { padding:5px 10px; display:block; font-size:12px;}
.header-main { padding:10px 20px;}
.header-main .container-fluid { padding:0;}
.header-main .col-lg-4, .header-main .col-lg-8 { padding:0;}
.header-main .col-9, .header-main .col-3 { padding:0;}
.logo { width:50px;}
.mercedez-benz { margin:15px 20px 0 10px; display:none;}
.bell-vehicle { float:left; width:auto; font-size:17px; margin:20px 0 0 10px;}
.bell-vehicle p { display:none;}
.menu { float:right; width:auto; margin:20px 0 0 0;}
.menu ul li { width:auto; padding:0 10px; position:inherit;}
.menu ul li h3 { font-size:20px;}
.menu ul li a { font-size:13px; margin:0 10px 0 0;}
.trucks-item, .vans-item { display:none;}
.trucks-item a, .vans-item a, .search-item a { display:none;}
.menu ul li.search-item { padding:0; border:none;}
.menu ul li.search-item h3 { width:auto; margin:0 0 0 20px; font-size:17px;}
.search-item h3 span { display:none;}
.menu ul li.search-item h3.menu-toggler { display:block;}
.search-bar { position:fixed; left:auto; right:0; top:0; width:100%; height:100%; background:#333; padding:100px 20px 20px 20px; display:none;}
.close-search { font-size:18px; float:right; margin:0 0 0 20px;}
.search-bar input { padding:2px;}
.search-bar button { font-size:16px;}
.menu-dropdown { top:97px; padding:50px 0;}
.menu-dropdown h2 { font-size:30px;}
.menu-sidebar { top:80px;}
.dropdown-block { margin:0 0 20px 0;}
.dropdown-block a { font-size:17px;}
.dropdown-block a i { font-size:15px;}
.dropdown-block p { width:80%; font-size:14px;}
.hero .carousel-caption { top:20%;}
.hero .carousel-caption h1 { font-size:30px; margin:0 0 20px 0;}
.hero .carousel-caption h1::before { top:-30px; width:30px; height:2px; background:#fff;}
.hero .carousel-caption h2 { font-size:15px; margin:0 0 20px 0;}
.hero .carousel-caption a { font-size:14px; padding:5px 10px;}
.hero .carousel-caption a i { font-size:12px;}
.hero .carousel-indicators { bottom:0;}
.hero .carousel-indicators li { width:30px; height:4px;}
.hero-note { display:none;}
.new-used { padding:70px 0;}
.new-used h2 { font-size:25px; margin:0 0 20px 0;}
.new-used-block { width:100%; margin:0 0 20px 0;}
.new-used-block a { font-size:16px;}
.new-used-block a i { font-size:14px;}
.new-used-block p { font-size:13px; width:80%;}
.offers-area { padding:70px 0 30px;}
.offer-block { width:100%; margin:0 0 50px 0;}
.offer-block h2 { font-size:25px;}
.offer-block .offer-title { font-size:17px;}
.offer-block .offer-title i { font-size:15px;}
.offer-block p { font-size:15px; margin:0 0 30px 0; min-height:inherit;}
.offer-block span { margin:0 0 50px 0;}
.about-bell { padding:50px 0;}
.bell-det { width:100%; padding:20px 0;}
.bell-det h2 { font-size:30px; margin:0 0 30px 0;}
.bell-det p { font-size:14px; margin:0 0 30px 0;}
.bell-det a { font-size:15px; margin:0 0 20px 0;}
.bell-det a i { font-size:13px;}
.customer-stories h2 { font-size:30px; margin:0 0 40px 0;}
.story-title { font-size:15px; padding:30px 30px 60px 30px;}
.story-title i { font-size:13px;}
.locations-area { padding:100px 0 0 0;}
.address-area { padding:20px 20px 0 20px;}
.address-block { padding:20px 10% 0 0; margin:0 0 20px 0; min-height:400px;}
.address-block::before { width:40px; height:2px;}
.address-block h3 { font-size:20px; margin:0 0 10px 0;}
.address-block h4 { font-size:14px; margin:0 0 10px 0;}
.address-block p { font-size:13px; margin:0 0 20px 0;}
.address-block a { font-size:13px;}
.address-block a i { font-size:13px;}
.footer-top .logo { display:none;}
.footer-top .bell-vehicle { display:none;}
.footer-social { margin:20px 0 0 0; margin:auto; float:none; display:table;}
.footer-social a { font-size:20px; margin:0 0 0 20px;}
.footer-main { padding:40px 0;}
.footer-main .container-fluid { padding:0 20px;}
.footer-links h4 { font-size:15px; margin:0 0 10px 0;}
.footer-links ul li { text-align:right; font-size:12px; margin:0 0 5px 0;}
.footer-links ul li span { width:auto; text-align:left;}
.footer-links a { margin:0 0 5px 0; font-size:12px;}
.footer-about { font-size:12px; margin:0 0 40px 0;}
.footer-nav a, .footer-nav span { font-size:12px; padding:0 10px 0 0; margin:0 10px 0 0;}
.footer-nav span { margin:10px 0 0 0;}


/*Vans*/
.new-models { padding:70px 0 40px;}
.new-models .container-fluid { padding:0 30px;}
.new-models .model-img { min-height:inherit;}
.new-models h2 { font-size:25px; margin:0 0 30px 0;}
.model-block a { font-size:20px;}
.model-block a i { font-size:17px;}
.model-block p { font-size:15px;}
.inner-offers { padding:70px 0 0;}
.inner-offers h2 { font-size:35px; margin:0 0 50px 0;}
.offer-block { width:100%;}
.about-bell .col-sm-6 { padding:0 30px;}
.new-models .models-small .model-img { min-height:70px;}

.new-models .model-img { min-height:100px;}
.test-drive { padding:60px 0 0;}
.test-drive h2 { font-size:30px; padding:0 0 0 20px; margin:0 0 20px 0;}
.drive-det { padding:20px; margin:0 0 30px 0;}
.drive-det h3 { font-size:17px;}
.drive-det p { font-size:15px; margin:0 0 20px ;}
.drive-det a.drive-link { font-size:15px; margin:0 0 10px 0;}
.drive-det a.drive-link i { font-size:13px;}
.drive-det a.drive-btn { padding:10px 20px; font-size:15px;}
.slogan-text { padding:70px 0;}
.slogan-text .container { padding:0 20px;}
.slogan-text h2 { font-size:25px;}
.slogan-text p { font-size:15px;}
.dark-accordion { padding:70px 0;}
.dark-accordion .container { padding:0 20px;}
.dark-accordion h2 { font-size:25px;}
.dark-accordion .card-header h5 .btn-link { font-size:17px; padding:5px 0;}
.dark-accordion .card-body p { font-size:13px; width:95%;}
.light-accordion { padding:70px 0;}
.light-accordion .container { padding:0 20px;}
.light-accordion h2 { font-size:25px;}
.light-accordion .card-header h5 .btn-link { font-size:17px; padding:5px 0;}
.light-accordion .card-body p { font-size:13px; width:95%;}
.specs-area { padding:50px 0;}
.specs-area .container { padding:0 20px;}
.specs-area h2 { font-size:25px;}
.specs-area ul li { padding:20px; font-size:14px;}
.specs-area ul li span { width:60%;}
.specs-area ul li div { width:40%;}
.misc-links { padding:30px 0;}
.misc-links .text-link { float:left; width:100%; text-align:left; font-size:15px; padding:0; margin:0 0 20px 0;}
.misc-links .text-link i { font-size:13px;}
.misc-links .btn-link { float:left; margin:10px 0 0; padding:10px 30px; font-size:17px;}


/*Listing*/
.listing-area { padding:40px 0;}
.listing-area .container-fluid { padding:0 20px;}
.listing-area h1 { font-size:20px; margin:0 0 20px 0;}
.listing-sidebar { margin:0 0 40px 0;}
.model-dropdown select { font-size:15px; padding:7px;}
.filter-btns { width:100%;}
.filter-btns a { margin:0 1% 0px;}
.filter-btns a div img { padding:0;}
.filter-btns a span { font-size:13px;}
.filter-inputs { width:100%; margin:0 0 10px 0;}
.filter-inputs ul li { margin:0 0 10px 0;}
.filter-inputs ul li span { font-size:13px;}
.filter-inputs ul li input { font-size:13px;}
.filter-inputs ul li span::before { border-width:7px 0 7px 10px;}
.filter-inputs ul li span::after { border-width:7px 10px 7px 0;}
.search-btn button { font-size:15px; padding:10px;}
.search-block { margin:0 0 20px 0;}
.search-img { width:100%;}
.search-img span { font-size:15px;}
.search-img span img { width:25px;}
.search-det {  width:100%; padding:20px;}
.search-det h4 { margin:0 0 20px 0; font-size:15px;}
.search-det a { font-size:20px; margin:0 0 10px 0; padding:0 20px 0 0;}
.search-det a::before { width:50px; height:2px;}
.search-det ul { margin:0 0 10px 0;}
.search-det ul li { width:50%; font-size:12px; margin:0 0 5px 0; background-size:auto 70% !important; padding:0 0 0 30px;}
.car-det { font-size:12px;}
.pagination-row { margin:10px 0;}
.pagination-row .page-item .page-link { font-size:14px; padding:5px 10px;}


.listing-view { padding:50px 0 20px;}
.listing-view .container-fluid { padding:0 30px;}
.listing-gallery { margin:0 0 40px 0;}
#gallery { width:100%;}
#gallery #main-img { height:250px;}
.owl-carousel .owl-stage-outer { width:100%; margin:0;}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { padding:10px 5px !important; top:-80px;}
.listing-nav { margin:0 0 20px 0;}
.listing-nav a { width:40px; height:40px; line-height:40px; font-size:15px;}
.listing-nav span { font-size:17px; padding:7px 0;}
.listing-det h3 { font-size:17px;}
.listing-det h2 { font-size:25px; padding:0; margin:0 0 20px 0;}
.listing-det h4 { font-size:12px; margin:0 0 30px 0;}
.listing-det ul { padding:20px 0 0 0;}
.listing-det ul::before { width:50px; height:2px;}
.listing-det ul li { width:50%; font-size:12px; margin:0 0 5px 0; background-size:auto 70% !important; padding:0 0 0 30px;}
.listing-links { margin:30px 0 0 0;}
.listing-links a { padding:10px; font-size:13px; margin:0 0 10px 0;}
.listing-links a i { font-size:15px;}
.listing-related { padding:20px 0;}
.listing-related .container-fluid { padding:0 30px;}
.listing-related h2 { font-size:25px; margin:0 0 30px 0;}
.related-block .search-det a { font-size:22px; padding:0; margin:0 0 20px 0;}
.related-block .search-det a::before { width:70px; height:2px;}


/*Contact Page*/
.contact-area { padding:50px 0;}
.contact-area h2 { font-size:30px; padding:0 40px 30px;}
.contact-tabs { padding:0 20px;}
.contact-tabs .nav-tabs { margin:0 0 40px 0;}
.contact-tabs .nav-tabs .nav-link { font-size:17px; padding:0 0 10px 0; margin:0 10px;}
.contact-form ul li { margin:0 2% 10px 0;}
.contact-form ul li input, .contact-form ul li select, .contact-form ul li textarea { font-size:15px; padding:10px;}
.contact-form ul li span { font-size:13px; color:#555;}
.contact-form ul li p { font-size:12px; color:#555;}
.contact-form h4 { font-size:15px;}
.contact-form ul.contact-reason li { margin:0 0 5px 0; width:50%;}
.contact-form ul li button { padding:10px 30px; font-size:17px; color:#fff; margin:20px 0 0 0;}

}

/*MEDIUM MOBILES*/
@media (min-width: 360px) and (max-width: 480px) {

}

/*SMALL MOBILES*/
@media (max-width: 320px){

}
