/*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;}
.logo { width:80px;}
.mercedez-benz { margin:20px 20px 0 20px;}
.bell-vehicle { font-size:18px; margin:40px 0 0 0;}
.menu { width:100%;}
.menu ul li h3 { font-size:17px;}
.menu ul li a { font-size:14px; margin:0 15px 0 0;}
.menu-dropdown { top:120px; padding:50px 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 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:15px;}
.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:15px;}
.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:15px;}
.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;}

}

/*NORMAL DESKTOP */
@media (min-width: 992px) and (max-width: 1399px) {
body { padding:160px 0 0 0;}
.top-nav a, .top-nav span { font-size:14px;}
.header-main .container-fluid { padding:0;}
.header-main .col-sm-4, .header-main .col-sm-8 { padding:0;}
.logo { width:60px;}
.mercedez-benz { margin:15px 20px 0 10px;}
.bell-vehicle { font-size:16px; margin:45px 0 0 0;}
.menu { float:right; width:auto; margin:10px 0 0 0;}
.menu ul li { width:auto; padding:0 20px; min-height:70px;}
.menu ul li h3 { font-size:17px;}
.menu ul li a { font-size:13px; margin:0 15px 0 0;}
.trucks-item a, .vans-item a { display:none;}
.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:15px;}
.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;}

}


/*TABLET & iPad*/
@media (min-width: 768px) and (max-width: 991px) {
body { padding:150px 0 0 0;}
.top-nav a { display:none;}
.top-nav span { font-size:14px; padding:0; margin:0; border:none;}
.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 { width:70px;}
.mercedez-benz { margin:15px 20px 0 10px; display:none;}
.bell-vehicle { font-size:17px; margin:35px 0 0 20px;}
.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;}
.trucks-item a, .vans-item a, .search-item a { display:none;}
.menu ul li.search-item h3 { width:auto; margin:0 0 0 10px;}
.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:15px;}
.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;}


}

/*LARGE MOBILES OR PHABLET*/
@media (max-width: 767px) {
body { padding:130px 0 0 0;}
.top-bar .col-sm-12 { padding:0;}
.top-nav { width:100%;}
.top-nav a { display:none;}
.top-nav span { font-size:11px; width:100%; text-align:center; padding:0; margin:0; border:none;}
.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:60px;}
.mercedez-benz { margin:15px 20px 0 10px; display:none;}
.bell-vehicle { font-size:20px; margin:25px 0 0 20px;}
.menu { float:right; width:auto; margin:27px 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 20px 0 0;}
.search-item h3 span { display:none;}
.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:13px; 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;}

}

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

}

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

}