/* ==========================================================================
   Media Queries
   ========================================================================== */


/* ---------------------------------------------------------------------- */
/*	Version 1200px
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 1200px) {
  blockquote {
    padding: 30px 40px;
  }
  blockquote .btn {
    top: 35%;
  }
  h2 {
    line-height: 1em;
  }
  .bannercontainer .caption p {
    height: 44px;
    line-height: 45px;
    margin-bottom: 45px;
  }
  .bannercontainer .caption p>span {
    height: 45px;
    line-height: 47px;
    margin:0px 37px -10px 0px;
    padding:-4px 0px 0 16px;


  }
  .SectionHomeContainer {
    margin-top:0px;
}
.SectionHomeSearch {
    margin-top:-280px;
}
.SectionHomeBase {
    height:170px;
}
  .SectionHomeType img {
      margin:30px;
      margin:20px 20px 61px 20px;
  }

  
 .filterbar.affix, .sidebar-offcanvas.affix {
     top:0px
 }

  .bannercontainer .caption p>span>span {
    border-width: 22px;
    height: 44px;
    width: 22px;
  }

  .grid .item-grid {
    /*width: 47%;*/
    /*height: 560px;*/
    /*margin:0 0px 0px 9px;*/
    text-align:left;
  }
  .grid .item-grid p {
    font-size: 0.8em;
    /*height: 30px;*/
    /*line-height: 30px;*/
  }
  .grid .item-grid p span {
    height: 28px;
    line-height: 28px;
  }
  .grid .item-grid .more {
    height: 170px;
    line-height: 170px;
  }


.grid .item-grid .ribbonClass
{
        /*top:80px;*/
        /*margin:0 0 0 41px;
        left:initial;
        width:131px;*/

}

.grid .item-grid .ribbonCategory
{
        /*top:80px;*/
        /*margin:0 0 0 7px;
        left:initial;*/

 }



 .attListItem span
{
    font-weight:normal;
}

  footer .bottomfoot {
    min-height: 60px;
  }
  footer .bottomfoot p {
    line-height: 21px;
    text-align: center;
  }
  header .navbar .navbar-nav li a {
    padding: 1.1em;
  }
  header .navbar .navbar-nav .menu-buy {
    left: -160px;
  }
  header .navbar .navbar-nav .menu-buy .arrow {
    left: 200px;
  }
  header .navbar .navbar-form {
    padding: 0;
  }
  header .navbar .navbar-form .form-group {
    width: 140px;
  }
  header .subbar #carousel-top .offer {
    width: 200px;
    margin: 0 5px;
  }
  header .subbar #carousel-top .offer img {
    max-width: 100px;
  }
  header .subbar #carousel-top .offer span {
    width: 98px;
  }
  header .subbar #carousel-top .carousel-inner {
    margin: 25px auto;
  }
  header .subbar #carousel-top .carousel-control {
    margin: 13px 0 0 0;
  }
  .nav-tabs>li>a {
    padding: 0.6em 1em;
  }
  #carousel-services .services-item {
    width: 310px;
  }
  .carousel.carousel-thumb ol li {
    height: 65px;
    margin: 6px;
    width: 65px;
  }
  .form-search .group-options .form-group.select {
    width: 270px;
  }
  .form-search .group-options .form-group.select label {
    width: 100%;
    text-align: left;
    margin: 0;
  }
  .form-search .group-options p {
    /*width: 76px;*/
  }
  .form-search .group-options .checkbox-inline {
    width:100%;;
    font-size: 0.9em;
  }
  #carousel-car-model .model {
    width: 79px;
  }
  #carousel-car-model .model span {
    font-size: 0.85em;
  }
  #home .list-group h3 {
    font-size: 0.9em;
  }
  #home .list-group .popular-item img {
    max-width: 100px;
    margin: -10px 5px 10px 10px;
  }
  #buy .form-search .group-options .form-group {
    height: auto;
  }
  #buy .form-search .group-options .form-group label {
    width: 100%;
  }
  #buy .form-search .group-options .form-group .form-control {
    width: 100%;
  }
  #buy .form-search .group-options .form-group.select .form-control {
    width: 100%;
  }
  #buy .new-sale .img {
    max-width: 450px;
  }
  #snews #carousel-recent-posts .recent-posts {
    width: 220px;
    height: 290px;
  }

  .grid .item-grid .ribbonClass span
{
    transform:none;
    margin: 15px 0 0 72px;
    left:0%;
    width:147px;
}
.grid .item-grid .ribbonCategory span
{
    margin:0px 0 0 5px;
    transform:none;
    /*left:18%;*/
    width:70%;
}
 .link-inline a
{
    font-size:14px;
}
.grid .item-grid .img
{
    width:70%;
    margin-left:35px;
}
.grid .item-grid.across .img
{
    width:100%;
    margin-left:35px;
}
.grid .item-grid.across .img
{
    
    margin-left:5px;
}
.grid .item-grid.sm .img {
    width:100%;
    margin-left:0px;
}
.grid .item-grid.xsm .img {
    width:100%;
    margin-left:0;
    margin-top:0;
    padding:7px;

}
.pkgTire
{
    width:80%;
}
#carousel-services .services-item
{
    font-size: 0.7em;
}
#sidebar.affix
{
    width: auto;
    width:212px;
    top: 10px;

}
.bannercontainerHM .CaptionTitle {
    font-size:48px;
    line-height:42px;
}
.btn.btn-sm {

    font-size:10px;
}
.PlusMinusTabSelector {
margin-top:-25px;
}
.bannerHM {
    height:275px;
}
.bannercontainerSectionHM {
    height:305px;
}
 
}




/* ---------------------------------------------------------------------- */
/*	Version 992px
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 992px) {

    .bannercontainerSectionHM {
    overflow:visible;
    background-size:cover;
    background-position: center center;
    
    max-height:initial;
}
    .SectionHomeSearch {
        margin-top:0px;
    }
    h1.SectionHomeTitle {
        color:#000;
    }


  form label {
    /*width: 100%;*/
  }
  header #topsocial {
    height: 25px;
  }
  header .navbar .navbar-nav .buy:hover .menu-buy {
    display: none;
  }
  header .navbar .navbar-nav li a {
    padding: 0 0.5em;
    font-size: 0.95em;
  }
  header .navbar .navbar-header {
    /*width: 100%;*/
  }
  header .subbar #carousel-top .offer {
    width: 223px;
    margin: 10px 10px;
  }
  header .subbar #carousel-top .carousel-inner {
    padding: 0 19px;
    width: 525px;
  }
  header .subbar #carousel-top .carousel-control {
    margin: 70px 0 0 0;
  }
  .form-search .group-options .checkbox-inline {
    margin: 0 0 7px 20px;
  }
  .form-search .group-options .form-group.select {
    margin: 0 0 10px 0;
    width: 100%;
  }
  .form-search .group-options .form-group.select .form-control {
    width: 100%;
  }
  .form-search .group-options.check {
    /*padding-left: 110px;*/
  }
  .form-search .group-options.check p {
    /*float: left;*/
    /*width:100%;*/
    /*margin-left: -90px;*/
  }
  
.form-search .slider-range {
    height: 100px;
}
  .form-search .slider-range label {
    width: 100%;
    float: none;
    padding: 0;
    text-align: left;
  }
  .form-search .slider-range .slider.slider-horizontal {
    width: 100%;
  }
  .tags.price {
    margin-top: 0;
  }
  #home .list-group.alt .list-group-item {
    float: left;
    width: 50%;
  }
  #buy .form-search .group-options.check {
    padding-left: 110px;
  }
  #buy .new-sale .img {
    max-width: 100%;
  }
  .pagetitle .ribbonCategory
{
    float:left;
    margin-top:0px;
}
 .allproducts li
{
 
  width:45%;

}
  .link-inline a
{
    font-size:14px;
}
.lblWASRadio label
{
    width:initial
}
   .grid .item-grid {
   
    height:initial;
    /*min-height:500px;*/

  }

   .carousel-inner.recent {

       min-width:300px;
       width:auto;
   }
   .carousel {
       overflow-x:auto;

   }
     
.grid .item-grid.recent {

  
    overflow:visible;
  }
    
.grid .item-grid.recent .img {
    width:90%;
    margin:10px;

}

.grid .item-grid .img
{
    width:70%;
    margin-left:35px;
}
.grid .item-grid.across .img
{

    margin-left:5px;
}
.grid .item-grid.sm .img, .grid .item-grid.sm .img {
    width:100%;
    margin-left:0px;
}


.pkgTire
 {
  width:100%
}
.storeLocationsHdr
{
   font-size:11pt;
}
#carousel-services .services-item
{
    font-size: 0.7em;
}
#sidebar.affix
{
    width:212px;

}
.bannerHM {
    height:232px;
}
/*header .USCellPromo
{
    background-image: url("https://www.1010tires.com/images/promos/us-header-promo-sm.jpg");
    background-repeat:no-repeat;
    background-position:center;

}

header .CADCellPromo
{
    background-image: url("https://www.1010tires.com/images/promos/cad-header-promo-sm.gif");
    background-repeat:no-repeat;
    background-position:center;

}*/
.promoBG 
{
    font-size:8pt;
}
.grid .item-grid.sm, .grid .item-grid.xsm {
 width:31%;
 min-height:265px;
}



 .Brandgrid .makeitem-grid
{
    width:24%;
}

 .form-wizard .step .number {
 
  font-size: 12px;
 
}
.form-wizard .step .desc {

    font-size: 12px;
  
}
    .form-wizard .steps .navbar-inner li a {
    text-align:center;
    }

.hmLeft {
 height:200px;
}
.hmLeft img {
    display:none;
}


.Brandgrid .makeitem-gridSml
{
 
  width: 25%;
 
}


.symbol-OR {
    margin:15px 15px 15px 0px;
    width:100%;
    text-align:center;
}

.pricing-tables-helight {
    width:100%;
}
.pricing-tables.two {
    width: 100%;
}
.panel-body {
    padding:5px;
}
.btn {
    padding:8px;
}

.pricing-tables .title,.pricing-tables-helight .title {
    font-size:14px;
}


.recent-item-ul {
       overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 10px;
}


/*HEADER*/

        .row-offcanvasNav {
            position: relative;
            -webkit-transition: all 0.25s ease-out;
            -o-transition: all 0.25s ease-out;
            transition: all 0.25s ease-out;
        }
        .row-offcanvas-leftNav {
            left: 0;
        }
        .row-offcanvas-right .sidebar-offcanvas {
            right: -70%;
        }
        .rtl .row-offcanvas-right .sidebar-offcanvas {
            left: -70%;
            right: auto;
        }
        .row-offcanvas-leftNav .sidebar-offcanvasNav {
            left: -70%;
            z-index: 100;
        }
        .rtl .row-offcanvas-left .sidebar-offcanvas {
            right: -70%;
            left: auto;
        }
        .sidebar-offcanvasNav {
            position: absolute;
            top: 0;
            width: 70%;
        }
        .sidebar-offcanvas ul {
            padding: 0;
        }
        .sidebar-offcanvas ul li {
            list-style: none;
        }
    
    #offcanvasmenu .nav .caret {
        border-bottom-color: #FFFFFF;
        border-top-color: #FFFFFF;
        margin-left: 5px;
    }
    #offcanvasmenu .pavo-widget .widget-heading {
        margin-top: 15px;
    }
    #offcanvasmenu .navbar-nav {
        float: none;
        margin: 0;
    }
    #offcanvasmenu .navbar-nav > li {
        float: none;
        background-color: #CCC;
        border-right: none;
    }
    #offcanvasmenu .navbar-nav > li:hover:after {
        display: none;
    }
    #offcanvasmenu .navbar-nav > li > a {
        display: block;
        -webkit-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
        -o-box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
        text-transform: uppercase;
        color: #414141;
    }
    #offcanvasmenu .dropdown-menu {
        border: 0 none;
        border-radius: 0;
        box-shadow: none;
        float: none;
        margin: 0;
        padding: 0 10px;
        position: static;
        visibility: visible;
        width: auto !important;
        min-width: 160px;
        opacity: 1;
        filter: alpha(opacity=100);
        background-color: #eee;
    }
    #offcanvasmenu .dropdown-menu a {
        font-size: 13px;
        padding: 5px 0;
        display: block;
        color: #000;
    }
    #offcanvasmenu .dropdown-menu a:hover {
        color: #18b0ee;
    }
    .no-padding {
        padding: 0;
    }
    .no-margin {
        margin: 0;
    }
    body .header-v1 .heading-vetical .panel-heading {
        background-image: none;
    }
    .heading-vetical .panel-heading {
        padding: 20px 25px;
    }
    .arrow {
        width: 20px;
        height: 20px;
        line-height: 20px !important;
        color: #343434;
        font-size: 10px;
        text-align: center;
        background: #FFFFFF;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        border-radius: 100%;
    }
    .pav-verticalmenu {
        font-weight: 400;
        padding: 0;
        background-color: #fff;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 999;
        border: 1px solid #eee;
        border-top: 0;
        display: none;
    }
    .pav-verticalmenu .navbar-default {
        background: transparent;
        border: none;
        margin: 0;
    }
    .verticalmenu .navbar-collapse {
        margin: 0;
        padding: 0;
        border: none;
    }
    .verticalmenu .navbar-nav {
        position: static;
        float: none;
        width: 100%;
        padding: 0;
    }
    .verticalmenu .navbar-nav > li {
        width: 100%;
        height: auto;
        position: static;
        float: left;
        padding: 0 15px;
        border-bottom: 1px solid #eee;
    }
    .verticalmenu .navbar-nav > li:last-child {
        border-bottom: none
    }
    .verticalmenu .navbar-nav > li > a {
        display: block;
        color: #414141;
        padding: 15px 0;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 500
    }
    .verticalmenu .navbar-nav > li > a:hover {
        color: #18b0ee
    }
    .verticalmenu .navbar-nav > li > a .menu-icon {
        display: block
    }
    .verticalmenu .navbar-nav > li.topdropdow:hover {
        position: static
    }
    .verticalmenu .navbar-nav > li:hover {
        background: #fafafa;
        -webkit-transition: all 300ms ease-in-out 0s;
        -o-transition: all 300ms ease-in-out 0s;
        transition: all 300ms ease-in-out 0s
    }
    .verticalmenu .navbar-nav > li:hover > .dropdown-menu {
        top: 0px;
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
        display: block;
        left: 100%;
        border: none;
        border-top: 3px solid #18b0ee;
        margin-left: -1px
    }
    .verticalmenu .dropdown-menu {
        right: auto;
        left: 110%;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
        -o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
        transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
        top: 0;
        position: absolute;
        visibility: hidden;
        z-index: 999;
        display: block;
        min-width: 215px;
        padding: 25px;
    }
    .verticalmenu .dropdown-menu ul {
        list-style-type: none;
        padding-left: 0
    }
    .verticalmenu .dropdown-menu ul > li {
        padding: 8px 0
    }
    .verticalmenu .dropdown-menu ul > li > a {
        font-family: 'Open Sans', sans-serif;
        color: #666
    }
    .verticalmenu .dropdown-menu ul > li > a:hover {
        color: #18b0ee
    }
    .verticalmenu .dropdown-menu .sidebar {
        box-shadow: none;
        padding: 0
    }
    .verticalmenu .widget-heading {
        font-size: 14px
    }
    .verticalmenu .bg2 div.dropdown-menu {
        background-position: right bottom;
        background-repeat: no-repeat;
    }
    .reassurances-center .modal-dialog h4,
    .box-module-pavreassurances .column .button {
        display: none
    }
    .modal-dialog .modal-header h4 {
        color: #000000
    }

    .gridSearch .item-grid {
        width: 100%;
    }
    .search-field-input {
  
    height: 45px;
    width: 85%;
 


}
    .search-field.input {
         font: 0.9em/1.4 "Open Sans",Arial,Helvetica,sans-serif !important;
         padding:15px;
    }

    .search-field-btn {
  
    height: 45px;
    width: 45px;
    font-size: 18px;
    right: 50px;
  
}
    .search-field-clear-btn {
    font-size: 21px;
      width: 45px;
    height: 45px;
    top: 11px;
    right: 0px;

}

.searchHdr {

        max-width:375px;
  }

         .MyVehicleHM {
     top:0px;
 } 
.bannercontainerHM .tp-bullets, .tparrows  {
            display:none;
         }
}

/* ---------------------------------------------------------------------- */
/*	TABLET IPAD
/* ---------------------------------------------------------------------- */
/*
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

   navbar-header {
        float: none;
    }
    
    .navbar-toggle {
        display: block;
    }


    .navbar-nav > li {
        float: none;
    }
    
        .navbar-nav > li > a {
            padding-top: 10px;
            padding-bottom: 10px;
        }

    .mdropdown {
        border-bottom: 1px solid #000000;
        border-top: 1px solid #373738;
    }
   
    .nav > li {
        position: relative;
        display: block;
    }
   
    header .navbar .navbar-nav li a {
        padding: 0 0.4em;
    }
     
    header .navbar .navbar-nav li a {
        height: 40px;
        line-height: 40px;
    }

    header .navbar .navbar-nav .dropdown .dropdown-menu {
        float: none;
        position: relative;
    }
    
        header .navbar .navbar-nav .dropdown .dropdown-menu li {
            width: 100%;
            padding: 0 0 0 20px;
            text-transform: uppercase;
        }
 
    header .navbar .navbar-nav.account {
        padding: 0px;
    }
   
    .navbar-nav {
        margin: 0px -15px;
        float: none;
    }
   
    .navbar-collapse.collapse.in {
        display: block !important;
        visibility: visible !important;
    }
      
    .navbar-collapse.collapse {
        padding-right: 15px;
        padding-left: 15px;
        overflow-x: visible;
        border-top: 1px solid transparent;
        box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1) inset;
    }
   
    .navbar-collapse.collapse {
        display: none !important;
        visibility: hidden !important;
    }

   
}
*/



/* ---------------------------------------------------------------------- */
/*	Mobile Version 768px
/* ---------------------------------------------------------------------- */
    @media handheld, only screen and (max-width: 768px) {

        .container {
        /*overflow: hidden;*/
        }

        .container-SML {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        }

        header .navbar .navbar-nav .dropdown ul li a {
        width: 100%;
        }

        blockquote {
        padding: 10px;
        }

        blockquote.action {
        padding: 10px;
        }

        blockquote .btn {
        position: static;
        margin: 10px auto;
        display: block;
        }

        header .topbar #topmenu {
        text-align: left;
        }

        header .topbar #topmenu li {
        font-size: 0.7em;
        }

        header .topbar #topsocial {
        text-align: center;
        }

        header .topbar #topsocial li {
        float: none;
        display: inline-block;
        }

        header .topbar #language {
        float: none !important;
        margin: 20px auto;
        }

        header .navbar .navbar-nav li a {
        height: 40px;
        line-height: 40px;
        display: inline-block;
        }

        header .navbar .navbar-nav .dropdown .dropdown-menu {
        float: none;
        position: relative;
        }

        header .navbar .navbar-nav .dropdown .dropdown-menu li {
        width: 100%;
        padding: 0 0 0 20px;
        text-transform: uppercase;
        }

        header .navbar .navbar-form {
        padding: 10px;
        min-height: 50px;
        }

        header .navbar .navbar-form .form-group {
        width: 87%;
        float: left;
        }

        header .navbar .navbar-form .advanced {
        float: left;
        }

        .grid {
        text-align: center;

        }

        .grid .item-grid {
        float: none;
        display: inline-block;
        width: 46%;
        height: initial;
        }

        .grid .item-grid.sm .img, .grid .item-grid.xsm .img  {
        width: 100%;
        margin-left: 0px;
        }

        #carousel-testimonials .testimonials-item {
        width: 100%;
        }

        #home .list-group.alt .list-group-item {
        width: 100%;
        }

         .MyVehicleHM {
     top:0px;
 } 
        .bgHm {
            background-image:none;
        }
        .bannerHM {
    height:85px;
}

        .form-search .group-options .slider-range {
        width: 100%;
        margin: 0;
        }

        .form-search .group-options .slider-range p {
        height: auto;
        width: 100%;
        text-align: left;
        margin-top: 20px;
        float: none;
        }

        .social {
        text-align: center;
        }

        .social li {
        display: inline-block;
        float: none;
        margin: 5px 0 0 0;
        }

        .nav-tabs > li {
            /*width: 100%;*/
        }

        .nav-tabs.alt > li > a {
            font-size: 12px;
        }

        .container-comments .single-comment {
            padding: 10px 0 10px 10px;
        }

            .container-comments .single-comment img {
                margin: 0 15px 0 0;
            }

            .container-comments .single-comment.reply {
                margin-left: 0;
            }

        .pricing-tables, .pricing-tables-helight, .pricing-tables.three, .pricing-tables-helight.middle {
            width: 100%;
            margin-bottom: 40px;
        }

        .cform {
            margin-bottom: 9%;
        }

        #tblResults {
            font-size: 0.8em;
        }

        .grid .item-grid.sm {
            width: 40%;
            
        }
        .grid .item-grid.xsm {
            width:40%;
            min-height:225px;

        }

        .grid .item-grid .img {
            width: 100%;
            margin-left: 0px;
            /*height:250px;*/
        }
        .grid .item-grid.across .img {
            width: initial !important;
            margin-left: 5px !important;
        }
        .grid .item-grid p {
   font-size: 1.1em; 

}
        .grid .item-grid .rimClr {
            font-size: 1.0em;
        }

        .Brandgrid .makeitem-grid {
            width: 30%;
        }

        .pagetitle .ribbonCategory {
            float: left;
            margin-top:0px;
        }

        .allproducts li {
            width: 100%;
        }

        .link-inline a {
            font-size: 14px;
        }

        .Brandgrid .branditem-grid {
            width: 30%;
        }


            .Brandgrid .branditem-grid p {
                font-size: 0.6em;
            }

            .Brandgrid .branditem-grid .brandlogo {
                height: 35px;
            }

        .Brandgrid .makeitem-grid p a:link {
            font-size: 0.8em;
        }

        .Brandgrid .branditem-grid .brandlogo img {
            float: left;
        }

        .pkgTire {
            width: 100%;
        }

        .heroHM {
            background-color: #292d30;
            margin-bottom: 0;
            background: url(/App_Themes/Theme2/Images/home/carbg-home1.jpg);
        }

        .jumbotron, .jumbotron h1, .jumbotron h2 {
            color: #ffcc0a;
            font-size: 20px;
            font-weight: bold;
        }

            .jumbotron p {
                font-size: 0.8em;
                line-height: 1.1em;
            }

        /* ERROR PAGE */
        .jumboError h1 {
            font-size: 1.9em;
        }

        .jumboError p {
            font-size: 14px;
        }

        .bannercontainerHM .CaptionTitle {
            font-size: 40px;
            line-height: 40px;
        }

        .Brandgrid .makeitem-gridSml {
            width: 25%;
        }


        .row-offcanvas-left .sidebar-offcanvas {
            /*left: -95%;*/
        }



        .row-offcanvas {
            position: relative;
            -webkit-transition: all .25s ease-out;
            -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
        }

        .gridVarient .item-gridVarient {
        width:100%;
        }
      .item-gridVarient .img {
           max-width:400px;
           margin:0 auto;

       }
     .offcanvas-search {
          padding: 10px;
      }
     .header-search-btn {
         font-size: 12px;
         padding-left:5px;
     }
     
.searchHdr {

     max-width:375px;
  }

     .bannercontainerSectionHM {
        height:initial;
}
     .SectionHomeBase {
    width:100%;
   
}



    }

/*

 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {


 
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
    overflow:hidden;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -66%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -95%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 65%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 100%; /* 6 columns */
    overflow:initial;
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 95%; /* 6 columns */
  }


  .Brandgrid .makeitem-grid
{
    width:45%;
}


  .grid .item-grid .ribbonClass span
{
    transform:none;
    margin:15px 0 0 66px;
    left:18%;
    width:147px;
}
.grid .item-grid .riboonCategory span
{
margin:14px 0 0 26px;
transform:none;
}
.grid .item-grid
{
 /*height:450px;*/
}

.link-inline a
{
    font-size:14px;
}
.lblWASRadio label
{
    width:initial
}

.btn.btn-sm
{
    font-size:10px;
    padding:10px;
}
.grid
{
    width:100%;
}
        .grid .item-grid .ribbonCategory
{
    /*width:initial;*/
}
        .pkgTire
{
    width:100%;
}
.hmNavigation
{
    margin-top:0px;
}
.nav-tabsHM > li > a {
  
   
   
}
.nav-tabsHM > li > a
{
    width:42%;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabsNoDrop > li.active > a, .nav-tabsNoDrop > li.active > a:hover, .nav-tabsHM > li.active > a, .nav-tabsHM > 

li.active > a:hover
{
    margin-top:0;
}



.front, .rear
{
  padding:10px;
}
    .Brandgrid .branditem-grid p
    {
        line-height:8px;
    }

    
.callus {
    background-color: #1E1E20;

    padding: 5px 10px 3px 2px;
    border-radius: 0.5em;
}
#topmenu .callus a:link {
    color: #FFCC0A;
 }
#topmenu .callus i{
    color: #fff;
 }
.mdropdown {
border-bottom:1px solid #000000;
  border-top:1px solid #373738;
}
.ChooseOR {
  width:10%;
}

  /* home2 */
  .feature-box {
    margin-bottom: 10px;
  }

  .home3 .feature-box-v2.border-right {
    border-right: none;
  }

  .productdeals .product-v2 .product-block .block-img {
    float: none !important;
  }

  .listproduct-v2 .product-v3 {
    min-height: auto;
  }

  .topbar-wrap {
    display: inline-block;
  }

  ul.links {
    padding: 0 0px 0px !important;
  }

  .productdeals-v1 .product-v1 {
    min-height: auto;
  }

  .quickaccess-toggle {
    cursor: pointer;
    position: relative;
    /*z-index:9999999;*/
  }
  .quickaccess-toggle:hover .inner-toggle {
    display: block;
  }
  .quickaccess-toggle i {
    padding-left: 5px;
  }
  .rtl .quickaccess-toggle i {
    padding-right: 5px;
    padding-left: inherit;
  }

  .inner-toggle {
    background: #FFFFFF;
    display: none;
    min-width: 150px;
    position:absolute;
    z-index: 99999;
    left: 0;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.15);
  }
  .rtl .inner-toggle {
    right: 0;
    left: auto;
  }
  .inner-toggle ul {
    padding: 0;
  }
  .inner-toggle ul li {
    display: block;
    line-height: 24px;
    width: 100%;
  }
  .inner-toggle ul li span {
    padding-right: 3px;
  }
  .rtl .inner-toggle ul li span {
    padding-left: 3px;
    padding-right: inherit;
  }
  .inner-toggle ul li a {
    color: #999;
  }
  .inner-toggle ul li a:hover {
    color: #18b0ee;
  }
  .cart-content-info {
width:100%;

}
.cart-content-quantity {
    width:50%;
    float:left;
    margin-top:15px;
} 
.cart-content-price {
    width: 100%; float: left;
    text-align:left;
}

.searchHdr {

        max-width:400px;
  }

.filterPanelTop, .filterPanelTop a:link {
    font-size:11px;
}

.table-responsive {
  background:
    radial-gradient(farthest-side at 0% 50%, rgba(0,0,0,.2), rgba(0,0,0,0)),
    radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,.2), rgba(0,0,0,0)) 100% 0;
  background-color: white;
  background-repeat: no-repeat;
  background-size: 10px 100%;
  margin-bottom: 15px;
}

.table-responsive > .table {
  background: 
    linear-gradient(to right, white 30%, rgba(255,255,255,0)),
    linear-gradient(to left, white 30%, rgba(255,255,255,0)) 100% 0;
  background-size: 50px 100%;
  background-repeat: no-repeat;
  max-width: none;
  margin-bottom: 0;
}


  

  }


@media handheld, only screen and (max-width: 600px) {

h1
{
    font-size:1.0em;
  
}
h4
{
    font-size:0.9em;
    text-align:left;
}

    /*.TSAP_HEADER
    {
        /*-webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        text-wrap:none;
        line-height:10px;
        text-align:left;
    }*/

    /*.TSAP_ITEMSTYLE,.TSAP_ITEMSTYLE_PRICE
    {
        font-size: 12px;
    }*/
    .smallText
    {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .rateItem span, .total
    {
        font-size:12px;
    }
    .lblWASRadio label
    {
        width:initial
    }
     .grid .item-grid {
    height:initial;
    min-height:initial;
  }
.TSAP_ITEMSTYLE
{

   text-align:left;
   

}
.TSAP_ITEMSTYLE_PRICE
{
    text-align:left;
    
}

table#ContentPlaceHolder1_TireSizingAndPricing1_GridView1 caption,table#ContentPlaceHolder1_WheelSizingAndPricing1_GridView1 caption{ background-image: none; }
table#ContentPlaceHolder1_TireSizingAndPricing1_GridView1 thead,table#ContentPlaceHolder1_WheelSizingAndPricing1_GridView1 thead { display: none; }
table#ContentPlaceHolder1_TireSizingAndPricing1_GridView1 tbody td,table#ContentPlaceHolder1_WheelSizingAndPricing1_GridView1 tbody td { 
    display: block;
    font-size:10pt;
  }
table#ContentPlaceHolder1_TireSizingAndPricing1_GridView1 tbody tr td:first-child,table#ContentPlaceHolder1_WheelSizingAndPricing1_GridView1 tbody tr td:first-child{ 
    color:#000;
  }
table#ContentPlaceHolder1_TireSizingAndPricing1_GridView1 tbody tr,table#ContentPlaceHolder1_WheelSizingAndPricing1_GridView1 tbody tr  { 
    padding:10px;
  }
Table#ContentPlaceHolder1_TireSizingAndPricing1_GridView1 tbody td:before,table#ContentPlaceHolder1_WheelSizingAndPricing1_GridView1 tbody td:before { 
    content: attr(data-th); 
   
    display: inline-block;
    font-size:10pt;
    margin-right:10px;
    width:100px;
    text-align:left;
    float:left;
    font-weight:bold;
  
 }
  .rebatePnl
    {
  position: relative;
         left: 101px;
    
    }

.pkgTire
{
    width:100%;
}

.storeLocationsHdr
{
   font-size:10pt;
}
dd#BC {
    left: 25px;
    position: absolute;
    top: 180px;
  
}
dd#BC a
{
    font-size:10px;
    padding:2px;
}
footer .topfoot h2
{
    font-size: 0.9em;
    margin:10px 0 10px 0;
}
aside .row{
  margin-right: 0;
}

.widgetPopup .widgetPopUpFrame
{
  max-height: 300px;
  overflow-y: scroll;
}
.grid .item-grid .attListItemRow {
    font-size:1.0em;
}

.bannercontainerHM .caption p {
  font-size: 12px;
  line-height: 12px;
  padding: 9px;
  margin-left:0px;
}

.Brandgrid .makeitem-gridSml
{
 
  width: 33%;
 
}
.fullsize .panel.panel-accordion .panel-heading .panel-title {
    font-size:0.95em;
}

  .grid .item-grid.xsm  {
            width:47%;
            min-height:55px;

        }
  
.grid .item-grid.xsm p  {
           font-size:1.0em;
           margin-top:20px;
        }

.searchHdr {

        max-width:400px;
  }

.SectionHomeBase {
    width:100%;
   
}
.SectionHomeBase p {
     line-height:1.4em;
}

}



/* ---------------------------------------------------------------------- */
/*	Mobile Version 600px
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 600px) {
  header .subbar #carousel-top .carousel-inner {
    width: 260px;
  }
    h2
    {
        font-size:14pt;
    }
     .grid .item-grid {
   
    height:initial;
    min-height:initial;

  }
     .bannercontainerSectionHM {
/*max-height:85px;*/
}


  dd#BC {
    left: 25px;
    position: fixed;
    top: 30%;
  
}
dd#BC a
{
    font-size:10px;
    padding:2px;
}
.prodName {
    font-size:0.8em;
}

.pad0 {
    padding:5px;
}

.grid .item-grid .rate {

    font-size:0.8em;
}
.rate {
    padding-left:3px;
}
.grid .item-grid .attListItemRow {
    font-size:0.8em;
    padding-top:5px;
    padding-bottom:5px;
}

.navbar-brand>img {
        width:165px;
    }
.pageIntro {
    
    margin:5px;
    }
.mobiPad {
    padding:0px;
}
.details {
    font-size:0.8em;
}



.nav-tabs,.nav-tabsNoDrop,.nav-tabsHM,.nav-tabsHM2 {
 
  font-size: 12px;
}
.grid .item-grid {
  width: 97%;
}

.TSC-Col {
    width:300px;
    font-size:13px;

}

.TSC1,.TSC2  {
    display:none;
}
.tsc-container {
    padding-left:0px;
    padding-right:0px;
}

#sw-lightbox-overlay {
    margin:15px;
}
/*span.head-top-bnr-btn {
   
  
    margin: 0 auto;
    width:290px;
    background: url(//www.1010tires.com/images/Affirm/affirm-full-hdr.svg) center center no-repeat;
    background-size: auto 18px;
    height: 40px;

}*/
ul.footer-brand li {
    width:100%;
}


/* ---------------------------------------------------------------------- */
/*	Mobile Version 320px
/* ---------------------------------------------------------------------- */
@media handheld, only screen and (max-width: 400px) {
  .bannercontainer {
    /*display: none;*/
  }
  
.searchHdr {

        max-width:300px;
  }

}