.btn-menu { display: none; }

@media only screen and (max-width: 1030px){
    #sidebar { width: 422px; }
}

@media only screen and (max-width: 1023px){
    .shell,
    #header .shell,
    #main .shell { width: 705px; }
    
    .home-content { overflow: hidden; }
    .home-content .shell { width: 704px; }

    .services { width: 705px; }

    .footer-columns .shell { width: 726px; }

    #header .shell { padding-left: 0; width: 738px; }

    #navigation ul { padding-left: 0; }
    #navigation ul li { padding: 0 20px; }

    .home-left { width: 380px; padding-right: 20px; }
    .home-left h2 { font-size: 28px; }

    .home-right, .slider, .slider ul, .slider ul li, .slider ul li img { width: 300px; }

    .services-left { width: 210px; }

    #content { width: auto; float: none; display: block; }

    .products ul { text-align: justify; }
    .products ul li { display: inline; float: none; padding-left: 10px; }
    .products ul li br { display: none; }
    .products ul li img { margin-bottom: 20px; }

    #map_canvas { width: 100%!important; }

    #sidebar { margin: 0 auto; float: none; padding-top: 20px; display: block; }

    .footer-left { float: none; }
    .footer-columns .last .left { float: none; }
    .footer-columns .col.middle { padding-left: 10px; width: 330px; }
    .footer-columns .col.first { width: 180px; }
    .col.middle ul { padding-right: 0; width: 150px; }
    .col.last { width: 150px; }

    .tires-page { width: auto; }
}

    
@media only screen and (max-width: 1196px) {
    #navigation ul li { font-size: 9px; }
}

@media only screen and (max-width: 796px) {
    #navigation ul li { font-size: 7px; }
}
    
@media only screen and (max-width: 767px){
    h3 { line-height: 25px; }

    .shell,
    #header .shell,
    .home-content .shell,
    #main .shell { width: auto; box-sizing: border-box; }

    #main .shell { padding-right: 0; }

    .top .social { display: none; }

    #header-logos-right { float: right; width: 195px; }
    #header-logos-right .cl { display: none; }
    #header-logos-right .header-right { float: left; }
    #header-logos-right .header-right:last-child { width: 80px; margin: 5px auto; display: block; float: none; }
    #header-logos-right .header-right:last-child img { width: 100%; height: auto; }

    #header h2 { font-size: 18px; padding-left: 10px; }
    #header .shell { background: none; }

    #logo { margin: 0 0 0 10px; }
    #logo img { width: 100%; height: auto; display: block; }

    #container { height: auto!important; display: block; clear: both; width: 100%; text-align: center; padding-top: 20px; }
    #centered-content { vertical-align: top; clear: both; float: none; width: auto; display: block; }
    #centered-content br { display: none; }
    #centered-content a { display: block; }

    #navigation { position: absolute; top: 0; right: 0; z-index: 1000; width: 100%; background: none; }

    .btn-menu { background: url(../images/btn-menu.png) no-repeat 0 0; width: 30px; height: 26px; display: block; margin: 13px 15px 0 auto; }

    #navigation ul { height: auto; background-color: #394248; position: absolute; top: 100%; left: 0; width: 100%; padding: 0; display: none; }
    #navigation.expanded > ul { display: block; }
    #navigation ul li { display: block; border-right: 0; height: auto; text-align: left; }
    #navigation ul li a { float: none; display: block; }

    #navigation ul li ul { position: relative; top: 0; left: 0; background-color: transparent; }
    #navigation ul li ul li { display: block; }
    #navigation ul li ul li a { display: block; float: none; }

    .home-content .shell { padding: 10px; }

    .home-left { width: auto; padding: 0; float: none; display: block; }
    .home-left h2 { font-size: 24px; line-height: 30px;  }
    .home-right { float: left; padding-top: 30px; padding-bottom: 30px; }
    .slider-shadow { width: 300px; background-size: 100%; height: 21px; background-repeat: no-repeat; background-color: white;}

    .services { width: auto; }

    .services-left { float: none; display: block; width: auto; overflow: hidden; }
    .services-right { width: auto; position: relative; float: none; display: block; overflow: hidden; padding-top: 120px; margin-top: 20px; }
    .services-right .address { position: absolute; top: 0; left: 13px; }

    div#hours { display: block; width: auto; float: none; padding-left: 13px; }

    .entry { padding: 0 10px; }
    .entry img { max-width: 100%; height: auto; margin-left: 0!important; }

    .products ul li { float: left; display: block; width: 50%; padding: 0; }
    .products ul li img { max-width: 100%; height: auto; display: block; padding: 0 5px; box-sizing: border-box; }
    .products ul li:nth-child(2n+1) { clear: both; }

    #sidebar { width: auto; }

    .cta-buttons { width: auto; margin: 0; }
    .cta-buttons ul { float: none; }
    .cta-buttons ul li { float: none; display: block; padding: 5px; }
    .cta-buttons a { float: none; display: block; margin: 0; }
    .cta-buttons img { display: block; }

    .social-media { padding: 0 10px; }
    #sidebar .social-media .heading { margin: 0 -10px 10px; }

    #sidebar { overflow: hidden; }

    .tips { width: auto; }

    .tips-slider .jcarousel-container, .tips-slider .jcarousel-clip, .tips-slider .jcarousel-clip ul li { width: auto; height: auto; }

    .side-slider { width: 100%; box-sizing: border-box; padding-left: 10px; padding-right: 10px; }

    .footer-columns .shell { width: auto; padding: 0 0 20px 0; }

    .footer-columns .col.first { width: auto; float: none; display: block; text-align: center; padding: 10px 0; }
    .col.first ul li { display: inline-block; padding: 0 7px; }

    .footer-columns .col.middle { border: 0; width: auto; }
    .col.middle ul { float: none; display: block; }

    .col.last { width: 131px; }
    .col.last .field { width: 100%; box-sizing: border-box; }

    .footer-right { float: none; display: block; text-align: center; }
    .footer-logo { margin: 0 auto; }

    .payment-icons li { padding-left: 14px; }

    .copyright { padding-bottom: 10px; }

    .tips-slider .jcarousel-clip ul li { padding-left: 10px; padding-right: 10px; font-size: 16px; box-sizing: border-box; }

    .secondary-content .shell { width: auto; padding-left: 10px; padding-right: 10px; padding-top: 10px; }

    .group-content p.breadcrumb { padding-left: 0; }
}