@media screen and (max-width:1600px) {
}
@media screen and (max-width:1315px) {
#banner-tbyb .right{
    padding-right: 0;
}
#banner-tbyb .right a{
    margin-left: 15px;
}
}
@media screen and (max-width:1300px) {

    #hero.type-2018 .right .bottom .inner-left {
        width: 60%;
    }

    #hero.type-2018 .right .bottom .inner-right {
        width: 40%;
    }

    #hero.type-2018 .right .top .inner-left p {
        font-size: 15.5px;
    }

    #hero.type-dollar .right p  strong {
        font-size: 17px;
    }

    #hero.type-dollar .right p {
        font-size: 15px;
        line-height: 18px;
    }

    #hero.type-dollar .right br {
        display: none;
    }

    #hero.type-dollar .right .inner-right {
        width: 47%
    }

    #hero.type-dollar .right .inner-left {
        width: 53%;
    }

    #hero.type-dollar .right .bottom .inner {
        background-size: 90%;
    }

    #hero.type-dollar .right .top .inner {
        background-size: 60%;
    }

    #top-bar .close-bar {
        right: 15px;
    }

    #cyber-hero .left {
        padding: 15px 15px;
    }

    #cyber-hero .left:after {
        width: 50%;
    }

}

@media screen and (max-width:1199px) and (min-width:992px) {
#hero.type-new .right .hero-price span.smaller {
    font-size: 10.5px;
    right: 2px;
}
#hero.type-new .right .hero-price > div {
    font-size: 32px;
}
#hero.type-new .right .hero-price span {
    font-size: 18px;
}
#hero.type-new .right .hero-price span.small {
    font-size: 16px;
}
    #hero.type-new .right .inner-left{
    width: 60%;
}
#hero.type-new .right  .inner-right{
    width: 40%;
}
    #hero.type-new .right p {
    font-size: 14px;
}
    #hero.type-new .right p:first-child {
    font-size: 16px;
}
    #hero.type-new .left .inner-right,
    #hero.type-new .left .inner-left {
        width: 50%;
        margin-left: 0;
        margin-right: 0;
    }

    #hero.type-new .left .inner-left {
        padding-left: 5px;
        padding-right: 30px;
    }

    #hero.type-new .left .inner-left img {
        max-width: 100%;
    }

    #hero.type-2018.second .right .top .inner-left p {
        margin-right: 0;
    }

    #hero.type-2018.second .right .bottom .inner {
        background-position: 95% 95%;
        background-size: auto 55%;
    }

    #hero.type-2018.second  .right .bottom .inner-left p {
        font-size: 14px;
        line-height: 1;
    }

    #hero.type-2018.second  .right .bottom .inner-left p strong {
        font-size: 16px;
        line-height: 16px;
    }

    #hero.type-2018.second .right .top .inner {
        background-size: auto 55%;
    }

    #hero.type-2018.second .right .top .inner-left p {
        font-size: 14px;
    }

    #hero.type-2018.second .right .top .inner-left p strong {
        font-size: 14px;
    }

    #hero.type-2018.second .right .top .inner-left {
        width: 51%;
    }

    #hero.type-2018.second .right .top .inner-right {
        width: 49%;
    }

}

@media screen and (max-width:1199px) {
    #banner-sept.second .s-right img {
    width: 400px;
}
    #banner-sept .container {
    padding-left: 0;
    padding-right: 0;
}
    #banner-sept .p {
    font-size: 100.6px;
}
      #banner-sept .s-right img{
        width: 445px;
      }
    #banner-sept a{
        margin-left: -10px;
    }
    #banner-sept .s-right {
    margin-left: 0;
}
    #banner-sept .s-right {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0;
    text-align: left;
}

    #hero.type-new.byob.sept.second .right .top a {
    background-position: calc(100% - 10px) 50%!important;
}
      #hero.sept .s-left a{
        position: relative;z-index: 2
      }
      #hero.sept .s-right {

    pointer-events: none;
      }
    #hero.sept .s-right img {
    width: 445px;
}
    #hero.sept.second .sept-inner{
        padding-left: 15px;
    }
    #banner-tbyb-try .right p:before {

    left: -74px;
    bottom: -105px;
}
    #banner-tbyb-try .right p {

    font-size: 30px;
}
    #banner-tbyb-try .right strong {

    font-size: 30px;
}
    #banner-tbyb .right p {

    font-size: 20px;
}
    #banner-tbyb .right strong {

    font-size: 30px;
}

    #hero.tbyb .right .bottom.second a {
    background-size: 30%!important;
}
    #hero.tbyb .right .top.second a {
    background-position: calc(100% - 5px) 10px!important;
}
    #hero.tbyb .left:before{
        left: 0!important;
    }
    #hero.tbyb .right .top:not(.second) a{
    background-size: cover!important;
}
    #hero.tbyb .right .bottom a {
    background-position: calc(100% - 10px) calc(50% + 10px);

    background-size: auto!important;
}
    #hero.tbyb .tbyb-inner .inner-right strong {
    font-size: 30px;
}
    .flow-cart.new.general .general-content {
    padding: 15px 5px;
}
    .flow-main .flow-sidebar .flow-cart.flow-cart.new.general{
        padding-left: 15px;
    }
    #banner-byob a {

    margin: 5px 0 0 15px;
}
    #hero.type-new.byob  .right .top.second a {

}
    #hero.byob .inner-bottom > div.inner-right {

    padding-left: 0;
}
    #hero.byob .inner-bottom > div.inner-left p {

    padding-left: 80px;
}
    #hero.byob .left:before {

    left: -90px;
}
    #hero.byob .left .inner-top > div.inner-left {

    padding-right: 15px;
    padding-left: 15px;
}
    #byob-bundle .center p:nth-child(1) {

    margin-bottom: 10px;
}
    #byob-bundle .center p:nth-child(2) a {

    margin: 0 0 10px 0;
    width: 250px;
    height: 46px;
    line-height: 46px;
    font-size: 18px;
    letter-spacing: 0;
}
    #byob-bundle .center p:nth-child(1) {
    font-size: 17px;
    letter-spacing: 0;
}
    #byob-rec:before,
    #byob-rec:after{
    width: 25%;
    background-size: contain;
}
    #banner-new .container > div.right {
    margin-left: 15px;
}
#banner-new .container > div.left{
    margin-right: 15px!important;
}
    #banner-new .container > div.center-left {
    width: 360px;
    margin-right: 0px;
}
    #banner2018 .container {
    }

    #banner2018 .container:before {
        left: 0;
        width: 100.1px;
        height: 135.1px;
    }

    #panel nav .main-menu ul li {
        padding: 23px 10px;
    }

    #easy .easy-item .content >div.title p {
        margin: 0;
        font-size: 26px;
    }

    #benefits .benefit-blocks .right .inner h2 {
        font-size: 36px;
    }

    #benefits .stripe-inner .stripe-cols .col ul li {
        font-size: 18px;
        line-height: 1.3;
    }

    #benefits .stripe-inner .stripe-cols .col h3 {
        font-size: 30px;
        min-height: 60px;
    }

    .location-detail .links-stars .stars-cta .title {
        font-size: 24px;
    }

    #locations-intro .left {
        padding-left: 0;
        padding-right: 15px;
    }

    .sidebar .sidebar-form {
        padding: 0 0 0 15px;
    }

    #blog .blog-item {
        padding: 0 15px;
        margin-bottom: 30px;
    }

    #blog .blog-item .inner {
        padding: 0 20px;
    }

    .sidebar .sidebar-form {
        padding: 0 0 0 20px;
        margin-top: 20px;
    }

    #category-featured  .featured-image {
        height: 220px;
    }

    #under-hero .inner:after {
        -moz-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        -o-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
        transform-origin: 100% 100%;
        right: 15px;
    }

    #under-hero p {
        font-size: 24px;
    }

    #under-hero .inner {
        padding: 30px 15px;
    }

    #hero .right p {
        font-size: 16px;
        line-height: 1.3;
    }

    #hero .right .top h3 {
        font-size: 20px;
    }

    #hero .right .bottom h3 {
        font-size: 16px;
        line-height: 1;
    }

    #hero .right a {
        display: block;
        padding: 10px 10px;
    }

    #hero .left .inner:before {
        right: 0;
        bottom: 5px;
    }

    #hero .left .inner {
        letter-spacing: 0px;
        padding: 15px 15px;
    }

    #hero .left .inner h1 {
        font-size: 54px;
    }

    #category-featured .featured-header .featured-price {
        width: 50%;
    }

    #category-featured .featured-header {
        padding: 10px 10px;
    }

    #category-featured .featured-header .featured-name {
        font-size: 16px;
        width: 50%;
        line-height: 1.3;
    }

    #top-picks .pick-item a.to-product,
    #top-picks .pick-item a.to-category {
        letter-spacing: 0;
    }

    .product-detail-main .right .inner .under-rent {
        padding: 15px;
    }

    .product-detail-main .right .inner .product-title {
        font-size: 30px;
        line-height: 30px;
        padding: 0 15px;
    }

    #locations .locations-item .inner .address,
    #locations .locations-item .inner .name {
        font-size: 16px;
        line-height: 1;
    }

    #banner .sub-title {
        font-size: 22px;
    }

    #banner .title {
        font-size: 38px;
    }

    #about p {
        padding-right: 0;
    }

    #about .left .inner blockquote {
        font-size: 25px;
    }

    #why .promise {
        padding: 0 15px;
    }

    #why .promise img {
        max-width: 100%;
    }

    #why .container .inner {
        padding: 25px 0 0 15px;
    }

    .sidebar .sidebar-form > div {
        padding: 60px 15px 55px 15px;
    }

    .products .product-inner .product-price span.smaller {
        font-size: 11px;
        bottom: -12px;
    }

    .products .product-inner .product-price > span {
        font-size: 24px;
    }

    .products .product-inner .product-price {
        font-size: 40px;
    }

    .sidebar {
        padding-right: 0;
    }

    #panel  nav .nav-bottom ul li .mega,
    #panel  nav .main-menu ul li .mega {
        left: 0;
    }

    #panel  nav .nav-bottom ul.list-inline > li,
    #panel  nav .main-menu ul.list-inline > li {
        position: static;
    }

    #panel  nav .nav-bottom ul li:nth-last-child(4) > .mega,
    #panel  nav .main-menu ul li:nth-last-child(4) > .mega {
        right: 0;
        left: auto;
    }

    #panel nav .left .nav-location {
        padding-left: 25px;
    }

    #panel nav .right ul li:not(:first-child) {
        padding-left: 15px;
    }

}


@media screen and (max-width:991px) {
    body {
        font-size: 16px;
    }
    #top-bar p {
        font-size: 16px;
    }
    #breadcrumbs a, #breadcrumbs span {
        font-size: 16px;
    }
    .sidebar .sidebar-form form input[type="submit"] {
        font-size: 16px;
    }
    #panel nav .main-menu ul li .mega .inner-left>ul>li ul a {
        font-size: 16px;
    }
    .manager-part button {
        font-size: 18px;
        height: 40px;
    }
    .manager-part .questions > div .a {
        font-size: 16px;
        line-height: 20px;
    }
    .manager-part .questions > div .q {
        font-size: 20px;
    }
    .manager-header {
        width: 100%!important;
        padding-right: 15px;
    }
    #banner-sept a {
    margin-left: 30px;
}
    #banner-sept .s-right img{
        display: none;
    }
    #hero.type-new.byob.sept.second .right .bottom a{
        background-size: cover!important;
    }
    #hero.sept .sept-inner {

    padding-left: 15px;
}
    #hero.type-new.byob.sept:not(.second) .right .bottom a{
        background-size: cover!important;
    }
    #banner-tbyb-try .right p {
    font-size: 22px;
}
    #banner-tbyb-try .right strong {
    font-size: 26px;
}
    #banner-tbyb .right p {

    font-size: 20px;
}
   #banner-tbyb .right strong {
    font-size: 30px;
}
    #banner-tbyb {

    padding: 15px 0;
}
    #banner-tbyb .right p {
    display: block;
    text-align: right;
    margin-bottom: 15px;
}
    #banner-byob a {
    margin: 0;
}
    #banner-byob img:nth-child(4) {

    top: 0;
}
    #banner-byob img:nth-child(3) {

    top: 0;
}
    #banner-byob img:nth-child(2) {

    width: 200px;
}
    #banner-byob img:nth-child(1){
        display: none;
    }
    #hero.byob .right .top, #hero.byob .right .bottom {
    height: 100%;
    padding: 0;
    margin: 0;
}
        #byob-bundle{
            padding:  15px;
        }
    #byob-bundle .center p:nth-child(1) br{
        display: none;
    }
    #byob-bundle .right,
    #byob-bundle .center{
width: 50%;
padding-left: 0;
    }
        #byob-bundle .right{
            text-align: right;
        }
    #byob-bundle .left{
        display: none;
    }
    #byob-bundle .right{
        padding-right: 0;
    }
    #byob-different {

    margin-top: 0;
}
    #byob-products .container .product-item {
    width: 50%;
    margin-bottom: 50px;
}
    #banner-every .container {
    padding-right: 160px;
}
    #banner-every .container:before {

    left: -110px;
}
    #banner-every .top {
    font-size: 39px;
}
    #banner-every .top span {
    font-size: 35px;
}
    #banner-every .bottom {
    font-size: 35px;
}
    #banner-new a {
    margin-top: 20px;
}
    #banner-new h2 {
    font-size: 18px;
}
    #banner-new .container > div.center-left {
    width: 300px;
    margin-right: 0px;
}
    #banner-new .container > div.center-right{
        display: none;
    }
    #banner-new .container > div.left {
    margin-right: 15px;
    width: 175px;
}
    #hero.type-new .left .inner-left {
        padding-left: 5px;
        padding-right: 30px;
    }

    #hero.type-new .left .inner-left img {
        max-width: 100%;
    }

    #hero.type-new .left .inner-right,
    #hero.type-new .left .inner-left {
        width: 50%;
        margin-left: 0;
        margin-right: 0;
    }

    #banner2018 .container:before {
        display: none;
    }

    #hero.type-2018.second .right .top .inner-left p {
        margin-right: 0;
    }

    #hero.type-dollar .right .inner-right {
        width: 40%
    }

    #hero.type-dollar .right .inner-left {
        width: 60%;
    }

    #hero.type-dollar .right .bottom .inner {
        background-size: 80%;
    }

    #hero.type-dollar .right .top .inner {
        background-size: 50%;
    }

    #cyber-hero .left:after {
        width: 50%;
        right: 0;
        bottom: 0;
    }

    #cyber-hero .left:before {
        bottom: -5px;
        width: 119.5px;
        height: 108.5px;
    }

    #cyber-hero .left {
        width: 65%;
    }

    #cyber-hero .right {
        width: 35%;
    }

    #cyber-hero .left > div {
        font-size: 0;
        margin-top: 0;
    }

    #cyber-hero .left h2 {
        font-size: 30px;
    }

    #cyber-hero .left h1 {
        font-size: 44px;
    }

    #black-banner .title {
        font-family: 'Futura-Medium';
        color: white;
        text-transform: uppercase;
        line-height: 1;
        font-size: 25px;
    }

    #black-banner .title strong {
        font-size: 35px;
    }

    #easy .easy-item .content >div.copy {
        padding: 10px 0 10px 15px;
    }

    #benefits .stripe-inner .stripe-cols .col .image img {
        max-height: 100px;
    }

    #benefits .stripe-inner .stripe-cols .col .image {
        height: 170px;
        line-height: 170px;
    }

    #benefits .stripe-inner .stripe-cols .col h3 {
        font-size: 22px;
        min-height: 44px;
    }

    #benefits .stripe-inner {
        padding: 15px 5px;
    }

    #about .career-icons ul li:not(:last-child) {
        margin-right: 35px;
    }

    #about .stars-title h3 {
        font-size: 26px;
    }

    .join-title .right ul {
        padding: 0 0 0 30px;
    }

    .location-detail .links-stars .left {
        padding-right: 0;
        padding-left: 0;
    }

    .location-detail .links-stars .right {
        padding-right: 0;
        padding-left: 0;
        padding-top: 25px;
    }

    #locations-intro .right {
        padding: 0 0 30px 0;
    }

    #locations-intro .right .stars-cta {
        width: 100%;
        max-width: 100%;
        margin: 0 0 0 0;
    }

    #locations-intro .stars-cta .title {
        font-size: 20px;
    }

    #single-post {
        padding: 30px 0 60px 0;
    }

    #single-post .title {
        font-size: 30px;
        margin-bottom: 5px;
        margin-top: 25px;
    }

    #blog {
        padding: 60px 0 30px 0;
    }

    #blog .blog-item {
        margin-bottom: 30px;
        min-height: 225px;
    }

    #blog .blog-item .inner .date {
        font-size: 16px;
        line-height: 1;
        margin-bottom: 10px;
    }

    #blog .blog-item .inner .title {
        font-size: 20px;
        margin-bottom: 5px;
    }

    .stars-cta .title {
        font-size: 24px;
    }

    #new-contact .phone-cta a .content p {
        font-size: 24px;
    }

    #new-contact .phone-cta a .content p strong {
        font-size: 30px;
    }

    #new-contact .right {
        padding: 0 0 0 15px;
    }

    #new-contact .left form {
        padding-right: 5px;
    }

    #new-contact .container {
        padding-left: 5px;
    }

    #category-featured .featured-image {
        height: 140px;
    }

    #under-hero .inner:after {
        display: block;
        position: static;
        margin: 15px auto 0 auto;
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    #under-hero .inner {
        padding: 30px 15px 0 15px;
        text-align: center;
    }

    #hero .right p {
        font-size: 20px;
    }

    #hero .right .top .inner {
        background-position: 0% 115%;
    }

    #hero .right .bottom .inner .inner-left {
        padding: 0;
        margin-top: 20px;
    }

    #hero .right .top h3 {
        line-height: 1;
        font-size: 30px;
    }

    #hero .right .bottom h3 {
        font-size: 26px;
        line-height: 1;
    }

    #hero .right {
        font-size: 0;
    }

    #hero .right .top {
        margin-right: 10px !important;
    }

    #hero .right .top,
    #hero .right .bottom {
        height: calc(100% - 5px);
        width: calc(50% - 5px);
        display: inline-block;
        vertical-align: top;
        margin: 10px 0;
    }

    #hero .container {
        height: auto;
    }

    #hero .container .left {
        height: 440px;
    }

    #hero .container .right {
        height: 215px;
    }

    #split p {
        font-size: 18px;
        line-height: 1.3;
    }

    #split h2 {
        font-size: 30px;
    }

    #split .container {
        padding: 15px 0;
    }

    #rate form#rate-form > div {
        padding: 0 7.5px;
    }

    #rate > .container > .inner .title h1+p {
        padding: 0 15px;
    }

    #category-featured .featured-header {
        padding: 5px 10px;
        height: 120px;
    }

    #category-featured .featured-header .featured-name,
    #category-featured .featured-header .featured-price {
        width: 100%;
        text-align: center;
    }

    #categories .category-item a .category-image {
        padding: 0 15px;
    }

    #top-picks {
        padding-bottom: 0;
    }

    #top-picks .pick-item {
        margin-bottom: 30px;
    }

    #top-picks .pick-item a.to-product {
        min-height: 0;
    }

    .location-detail .location-header .title strong {
        font-size: 28px;
    }

    .product-spec table tr {
        font-size: 16px;
    }

    .product-spec table td {
        padding: 0 10px;
    }

    .product-detail-main {
        margin-top: 15px;
    }

    .product-detail-main .right .inner .product-sku + div > span {
        width: 115px;
        height: 35px;
        line-height: 34px;
        font-size: 16px;
    }

    .product-detail-main .right .inner .product-sku + div > img {
        margin-right: 5px;
    }

    .product-detail-main .right .inner + p {
        font-size: 16px;
    }

    .product-detail-main .right .inner .product-title {
        font-size: 20px;
        line-height: 20px;
        padding: 0 15px;
    }

    #locations .right {
        padding-top: 30px;
    }

    #locations .locations-item {
        margin-bottom: 30px;
    }

    #locations .right {
        padding-left: 0;
    }

    #banner  .right {
        padding-top: 0;
    }

    #banner .container {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 160px;
    }

    #banner .sub-title a {
        font-size: 16px;
        width: 125px;
        height: 35px;
        line-height: 35px;
        margin-left: 5px;
    }

    #banner .sub-title {
        font-size: 16px;
    }

    #banner .title {
        font-size: 28px;
        margin-top: 0;
    }

    #about .left .inner blockquote {
        font-size: 20px;
    }

    #why .container .inner {
        padding: 25px 15px 0 15px;
    }

    #why .table {
        display: block;
        margin: 0 auto;
    }

    #why .promise {
        display: block;
        width: 100%;
        padding: 30px 15px 0 15px;
        text-align: center;
    }

    .products-landing .default-content {
        width: 60%;
    }

    .sidebar {
        width: 40%;
    }

    #panel nav .right ul li:not(:first-child) {
        padding-left: 10px;
    }

    #panel nav .right form {
        width: 200px;
    }
    #panel nav .language-selector{
        margin-right: 0;
        padding: 0px 10px;
    }
    #panel nav .cart-link{
        margin-left: 5px;
    }
    #panel nav .right form input[type="text"]{
        padding: 0px 5px;
    }

    #panel nav .left .nav-location .location-content {
        width: 55%;
    }

    #panel nav .left .nav-location .location-link {
        width: 45%;
    }

    #panel nav .left .nav-location .location-title {
        line-height: 1;
        font-size: 16px;
        letter-spacing: 0px;
    }

    #panel nav .main-menu ul li {
        padding: 23px 7.5px;
    }

    #panel nav .nav-bottom ul li a,
    #panel nav .main-menu ul li a {
        font-size: 16px;
    }

    footer .left li:not(:last-child) a:after {
        margin: 0 10px;
        font-size: 16px;
    }

    footer .left a {
        font-size: 16px;
    }

    footer .right a {
        font-size: 24px;
    }

    footer .right li:not(:first-child) a {
        margin-left: 15px;
    }

}

@media screen and (min-width:768px) and (max-width:991px) {
    .product-detail-main .right .inner .under-rent + div {
        font-size: 16px;
    }

    #benefits .benefit-blocks .right .inner .right-item p span {
        font-size: 34px;
        margin-right: 5px;
        top: -2px;
    }

    #benefits .benefit-blocks .right .inner .right-item p {
        font-size: 24px;
    }

    #benefits .benefit-blocks .right .inner .right-item img {
        width: 60px;
        margin-right: 15px;
    }

    #benefits .benefit-blocks .right .inner h2 {
        font-size: 26px;
    }

    #benefits .benefit-blocks .left .inners-left img {
        width: 80px;
    }

    #benefits .benefit-blocks .left .inners-right {
        width: calc(100% - 80px);
    }

    #benefits .benefit-blocks .left .inners-right h2 {
        font-size: 34px;
    }

    #benefits .benefit-blocks .left .inner {
        right: 0;
    }

    #benefits .benefit-blocks .left {
        padding-left: 0;
    }

    #benefits .benefit-blocks .left .inner > h2 {
        font-size: 34px;
    }

    .location-detail .location-map-title {
        padding: 15px 15px 10px 15px;
    }

    .location-sidebar .location-hours {
        padding-left: 15px;
        padding-right: 15px;
    }

    .vip-form input + label,
    .vip-form textarea + label {
        font-size: 16px;
    }

    .location-sidebar form {
        padding: 0px 15px;
    }

    .location-sidebar .location-hours .hours-item > div {
        padding: 0 5px;
    }

    .location-detail .location-images .image-item a {
        height: 150px;
        width: 100%;
    }

    .products .product-inner .product-title {
        width: 100% !important;
    }

    .products .product-inner .product-price {
        width: 100% !important;
    }

    .product-detail-main .right .inner .under-rent {
        padding: 15px 15px 0 15px;
    }

    .product-detail-main .right .inner .under-rent li {
        width: 100%;
        display: block;
        margin-bottom: 15px;
    }


}

@media screen and (min-width:768px) and (max-width:991px) {
 #hero.type-new.byob .right a{
        background-size: auto!important;
    }
     #hero.type-new.byob .right a{
        padding: 15px!important;
    }
    #hero.tbyb .right{
        margin-top: 10px;
    }
    #hero.tbyb .right{

        border-left: 0;
    }
}

@media screen and (max-width:767px) {
    .manager-part .questions br{
        display: none;
    }
    #bf-modal .inner .title:before{
        left: -100px;
    }

    .products-landing .category-title{
        font-size: 24px;
        line-height: 26px;
        margin:15px 0;
    }
     #banner-sept .container{
        padding-left: 15px;
        padding-right: 15px;
     }
    #banner-sept a{
        margin:15px auto;
        display: block;
    }

#hero.type-new.byob.sept.second .right .top a {
    background-position: calc(100% - 10px) 50%!important;
    background-size: auto 90%!important;
}
   #hero.sept .sept-inner .s-right img {
    width: 305px;
}
#hero.sept .sept-inner .s-right {
   bottom:0;
}
    #hero.sept .sept-inner .s-label {
    position: absolute;
    right: 0;
    top: 0;
}
    #hero.sept .sept-inner {
    padding-left: 15px;
    padding-bottom: 30px;
}
    #banner-tbyb-try .left{
        padding-right: 0;
    }
    #banner-tbyb-try .right p:before {
    left: 0;
    bottom: -46px;
    width: 80.5px;
    height: 61.5px;
}
    #banner-tbyb-try .right p{
        color: black;
        text-align: center;
    }
    #banner-tbyb-try .left,
    #banner-tbyb-try .right{
        width: 100%;
        text-align: center;
    }
    #hero.tbyb .right{
        border-left: 0;
             padding: 0 10px;
    }
    #hero.type-new.byob .right a{
        padding: 15px!important;
    }
    #banner-tbyb {
    padding: 30px 0;
}
    #banner-tbyb .left,
    #banner-tbyb .right{
        width: 100%!important;
        text-align: center;
    }
    #banner-tbyb .right p{
        text-align: center;
        color: black;
    }
    #hero.tbyb .right .bottom.second a p:first-child span {
    font-size: 30px;
}
    #hero.type-new.byob .right a{

        background-size: auto!important;
    }
    #hero.tbyb .right .top.second a,
    #hero.tbyb .right .bottom.second a{
        background-size: auto!important;
    }
    #hero.tbyb .right .top, #hero.tbyb .right .bottom {
    height: 100%;
    width: calc(50% - 5px);
}
    #hero.tbyb .right {
        margin-top: 10px;
   height: 200px!important;

}
    #hero.tbyb .left:before {
    width: 67.5px;
    height: 58px;
    top: 50px;
}
     #hero.type-new.byob .left img{
        max-width: 100%;
        height: auto;
     }
      #hero.type-new.byob .left .inner-left{
          width: 30%!important;
      }
        #hero.type-new.byob .left .inner-right{
            width: 70%!important;
        }
    #hero.type-new.byob .left,
    #banner-tbyb,
    #banner-tbyb-try {
        background-image: url(../images/tbyb/mob-bg.jpg)!important;
    }
    .flow-main .flow-sidebar .flow-cart.flow-cart.new.general {
        padding-right: 15px;
     }
    .flow-cart.new.general .general-content ul li:last-child{
        margin-bottom: 0;
    }
    .flow-cart.new.general .general-content ul li br{
        display: none;
    }
    #banner-byob{
        padding: 15px 15px 0 15px;
    }
    #banner-byob img:nth-child(4) {

    margin-left: 0;
}
    #banner-byob img:nth-child(2) {

    margin-right: 0;
}
    #banner-byob a{
        display: block;
        margin:15px auto 0 auto;
    }
    #banner-byob{
        padding-bottom: 15px;
    }
    #hero.type-new.byob .right a {
    background-size: auto 80%;
    background-position: 95% 50%;

}

   #hero.type-new.byob.second .right a {
    background-size: auto 40%;
    background-position: 95% 50%;

}

    #hero.byob .left .inner-top > div.inner-left img,
    #hero.byob .left .inner-top > div.inner-right img{
width: 200px;
max-width: 100%;
    }
    #hero.byob .left .inner-top > div.inner-left,
    #hero.byob .left .inner-top > div.inner-right{
        width: 50%;
    }
    #hero.byob .inner-bottom > div.inner-right a{
        margin-left: auto;
        margin-right: auto;
    }
    #hero.byob .inner-bottom > div.inner-right {

    width: 100%;
    margin-left: 0;

    padding-right: 15px;
    padding-right: 15px;
    text-align: center;
}
    #hero.byob .left:before{
        display: none;
    }
    #hero.byob .inner-bottom > div.inner-left p {
    padding-left: 0;
    margin-bottom: 0;
}
    #hero.byob .inner-bottom > div.inner-left {
        width: 100%;
    text-align: center;
    padding-right: 15px;
    margin-left: 0;
    margin-right: 0;
    padding-left:15px;
}
    #byob-rec {

    padding: 30px 0;
}
    #byob-hero .inner p {
    font-size: 16px;
}
  #byob-hero .inner p strong{
    font-size: 18px;
  }
    #byob-hero .inner:after{
        display: none;
    }
    #banner-every .container {

    padding-top: 35px;
}
    #banner-every .container:after {

    right: 15px;
    bottom: 50%;
    width: 115px;
    height: 101px;
    margin-bottom: -50.5px;
}
    #banner-every .top ,
    #banner-every .bottom{

    text-align: left;
}
    #banner-every .container {
    padding-right: 15px;
    text-align: left;
}
    #banner-every .container:before{
        display: none;
    }
    #banner-new a {
    height: 48px;
    line-height: 48px;
    font-size: 17px;
}
    #banner-new p {
    font-size: 16px;
}
    #banner-new .container > div.center-left {
    width: 270px;
    margin-right: 0px;
}
    #banner-new a {
    margin: 35px auto 0 auto;
}
    #banner-new .container > div.right {
    margin-left: 0;
    width: 100%;
    display: block;
    text-align: center;
}
    #banner-new.type-new {
    padding: 15px 0;
}
    #hero.type-new .right img {
    display: block;
    margin: 10px 0 0 0;
}
    #hero.type-new .left:after {
        width: 91.5px;
        height: 108px;
    }

    #banner-new .container > div.left {
    width: 150px;
}
    #hero.type-new .left .inner-right {
        width: 60%;
    }

    #hero.type-new .left .inner-left {
        width: 40%;
        padding-right: 15px;
    }

  #hero.type-new .left .inner-right h2{
    width: 400px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

    #hero.type-new .left .inner-right {
        padding-right: 15px;
    }

    #banner2018 .container:before {
        display: block;
    }

    #hero.type-2018.second .right .bottom .inner {
        background-position: 95% 95%;
        background-size: auto 60%;
    }

    #hero.type-2018.second .right .top .inner {
        background-position: 95% 109%;
    }

    #hero.type-2018.second .right .top .inner-left p {
        margin-right: 0;
    }

    #hero.type-2018.second .right .bottom .inner {
        background-position: 95% 95%;
        background-size: auto 55%;
    }

    #hero.type-2018.second  .right .bottom .inner-left p {
        font-size: 16px;
        line-height: 1;
    }

    #hero.type-2018.second  .right .bottom .inner-left p strong {
        font-size: 18px;
        line-height: 18px;
    }

    #hero.type-2018.second .right .top .inner {
        background-size: auto 55%;
    }

    #hero.type-2018.second .right .top .inner-left p {
        font-size: 16px;
    }

    #hero.type-2018.second .right .top .inner-left p strong {
        font-size: 16px;
    }

    #hero.type-2018.second .right .top .inner-left {
        width: 51%;
    }

    #hero.type-2018.second .right .top .inner-right {
        width: 49%;
    }

    #hero.type-dollar .right .bottom .inner {
        background-size: auto 140px;
    }

    #hero.type-dollar .right .top .inner {
        background-size: auto 140px;
    }

    #hero.type-dollar .left .inner img {
        top: -100px;
        margin-bottom: -100px;
        max-width: 100%;
        width: 430px;
    }

    #hero.type-dollar .left .inner h2 {
        font-size: 30px;
        margin: 0;
    }

    _::-webkit-full-page-media,
    #cyber-hero {
        width: calc(100% + 30px);
    }

    #cyber-hero .right .inner p {
        margin: 30px auto 0 auto;
    }

    #cyber-hero .right .inner {
        background-position: 50% 15px;
        width: 100%;
        padding: 30px 15px 15px 15px;
    }

    #cyber-hero .right {
        width: 100%;
    }

    #cyber-hero {
        margin: 0 -15px;
    }

    #cyber-hero .left {
        width: 100%;
    }

    #black-banner .right a {
        width: 200px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }

    #black-banner .left {
        width: 60%;
    }

    #black-banner .right {
        width: 40%;
    }

    #black-banner .left {
        padding-left: 0;
    }

    #black-banner .left:before,
    #black-banner .left:after {
        display: none !important;
    }

    #categories .category-item a .category-image img {
        max-width: 100%;
        max-height: 205px;
    }

    #hero .left .inner:after {
        width: 54px;
        height: 71px;
        right: 0px;
        bottom: 90px;
    }

    .product-detail-main .right {
        padding-bottom: 30px;
    }

    .product-detail-main .product-description {
        padding-bottom: 10px;
    }

    #easy .easy-item:not(:last-child) .icon:before {
        height: 120%;
        top: 100px;
    }

    #easy .easy-item .icon div {
        width: 75px;
        height: 75px;
        line-height: 70px;
    }

    #easy .easy-item .icon div img {
        max-height: 30px;
    }

    #easy .easy-item .content >div.copy {
        padding: 15px 0 0 0;
        width: 100%;
        display: block;
        text-align: center;
    }

    #easy .easy-item .content {
        width: calc(100% - 100px);
        padding: 15px;
        min-height: 0;
    }

    #easy .easy-item > small {
        padding-left: 100px;
    }

    #easy .easy-item .content >div.title {
        width: 100%;
        text-align: center;
        padding-right: 0;
        border-bottom: 1px solid #cccccc;
        border-right: 0;
        height: auto;
        padding-bottom: 15px;
    }

    #easy .easy-item .icon {
        width: 100px;
    }

    #easy .container > h3 {
        font-size: 30px;
    }

    #benefits .benefit-blocks .right {
        border-top: 1px solid #cccccc;
        border-left: 0;
        margin-top: 30px;
        padding-top: 20px !important;
    }

    #benefits .benefit-blocks .right .inner {
        width: 100%;
    }

    #benefits .benefit-blocks .left,
    #benefits .benefit-blocks .right {
        padding: 0;
    }

    #benefits .benefit-blocks .left .inner {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        position: relative;
        right: 0;
    }

    #benefits {
        margin: 30px 0;
    }

    #benefits .stripe-inner > img {
        display: block;
        margin: 0 auto 15px auto;
        height: 75px;
    }

    #benefits .stripe-inner .stripe-cols .col .benefit-bottom {
        margin-top: 30px;
    }

    #benefits .stripe-inner .stripe-cols .col ul li {
        font-size: 20px;
        line-height: 32px;
    }

    #benefits .stripe-inner .stripe-cols .col h3 {
        font-size: 30px;
        min-height: 0;
    }

    #benefits .stripe-inner .stripe-cols .col .image {
        height: auto;
        line-height: 1;
        margin-bottom: 15px;
    }

    #benefits .stripe-inner {
        padding: 15px;
    }

    #benefits .stripe-inner .stripe-cols .col {
        width: 100%;
        margin: 0;
        padding: 15px;
        margin-bottom: 15px;
    }

    #about.online-payment .inner {
        padding: 30px;
        margin-bottom: 30px;
        margin-top: 0;
        max-width: calc(100% - 30px);
        margin-left: auto;
        margin-right: auto;
    }

    #about #careers-container {
        margin-bottom: 30px;
    }

    #about .job-item a {
        margin: 15px 0 0 0;
    }

    #about .job-item p {
        font-size: 16px;
        line-height: 20px;
    }

    #about .job-item h3 {
        font-size: 20px;
    }

    #about .job-item {
        margin-top: 30px;
    }

    #about #careers-container h2 {
        margin: 0 0 0 0;
        font-size: 25px;
    }

    #about .career-icons {
        padding-bottom: 15px;
        margin-bottom: 30px;
    }

    #about .career-icons ul li:not(:last-child) {
        margin-right: 0;
        width: 50%;
    }

    #about .career-icons ul li {
        width: 50%;
        margin-bottom: 15px;
    }

    #about .stars-title {
        margin: 30px 0 30px 0;
        background-size: 30%;
    }

    .join-title .right ul {
        padding: 30px 0 0 0;
    }

    #single-post {
        padding: 30px 0 30px 0;
    }

    #single-post .content p {
        font-size: 18px;
        line-height: 24px;
        margin: 0 0 20px 0;
    }

    #single-post .date {
        font-size: 16px;
        margin-bottom: 15px;
    }

    #single-post .title {
        font-size: 26px;
        margin-bottom: 5px;
        margin-top: 15px;
    }

    #blog {
        padding: 30px 0 30px 0;
    }

    #blog .left {
        width: 100%;
        float: none;
        padding: 0;
    }

    .sidebar .sidebar-form {
        padding: 0 15px;
        margin-top: 0;
    }

    #blog .right {
        width: 100%;
        float: none;
        padding-left: 0;
        max-width: 100%;
        padding-right: 0;
    }

    #new-contact .left .title {
        font-size: 30px;
        margin-bottom: 0;
    }

    #new-contact .right h3 {
        margin: 30px 0 5px 0;
        font-size: 30px;
    }

    #new-contact .left .col-sm-12,
    #new-contact .left .col-sm-6 {
        padding: 0;
    }

    #new-contact .left form {
        padding-right: 0;
        border-right: 0;
        border-bottom: 1px solid #cccccc;
    }

    #new-contact .container {
        padding-left: 15px;
    }

    #new-contact .left,
    #new-contact .right {
        width: 100%;
        float: none;
        padding: 0;
    }

    #coupon-popup p {
        font-size: 18px;
        line-height: 1.3;
        width: 320px;
    }

    #coupon-popup .title strong {
        line-height: 1;
        font-size: 40px;
    }

    #coupon-popup .title {
        margin-top: 45px;
        font-size: 30px;
        line-height: 1;
        margin-bottom: 0px;
    }

    .modal-body  form input[type="text"] {
        line-height: 50px;
    }

    .modal-body  .title {
        font-size: 24px;
    }

    #category-featured .featured-image {
        height: auto;
    }

    #banner-mobile {
        background-image: url(../images/banner-mobile.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        font-size: 0;
    }

    #banner-mobile .container {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 160px;
    }

    #banner-mobile .title {
        font-size: 36px;
        color: white;
        font-family: 'assistantextralight';
        letter-spacing: 1px;
        line-height: 1;
        margin-top: 0;
        margin-bottom: 0;
    }

    #banner-mobile .title strong {
        font-family: 'assistantextrabold';
    }

    #banner-mobile .left {
        width: 45%;
        display: inline-block;
        vertical-align: middle;
    }

    #banner-mobile .right {
        width: 55%;
        display: inline-block;
        vertical-align: middle;
        text-align: right;
    }

    #banner-mobile .right a {
        font-size: 18px;
        font-family: 'assistantbold';
        color: white;
        background-color: #fc691b;
        width: 200px;
        height: 58px;
        display: inline-block;
        vertical-align: middle;
        line-height: 58px;
        text-align: center;
        margin-left: 0;
        position: relative;
        margin-right: 15px;
    }

    #banner-mobile .right img {
        width: 60px;
        max-width: 100%;
    }

    #under-hero p {
        font-size: 20px;
        line-height: 1;
    }

    #hero .left,
    #hero .right {
        padding: 0;
    }

    #hero .container {
        padding: 0;
    }

    #hero .right  .hero-price {
        padding: 0;
    }

    #hero .right p {
        font-size: 23px;
    }

    #hero .right .top .inner {
        background-position: 50% 110%;
    }

    #hero .container .right {
        height: auto;
    }

    #hero .container .left {
        height: auto;
    }

    #hero .right .top,
    #hero .right .bottom {
        height: 215px;
        width: 100%;
        display: inline-block;
        vertical-align: top;
        margin: 10px 0;
    }

    #hero .right .bottom {
        margin: 0;
    }

    #hero .container .left {
        height: 330px;
    }

    #hero .left .inner:before {
        right: 15px;
        bottom: 15px;
        width: 313.5px;
        height: 162px;
    }

    #hero .left .inner p {
        font-size: 30px;
    }

    #hero .left .inner h1 {
        font-size: 35px;
        line-height: 1;
    }

    #split .inner > div {
        width: 100%;
    }

    #split .left {
        margin-bottom: 15px;
    }

    #split .inner {
        padding: 30px 15px;
    }

    #split .container {
        display: block;
    }

    #rate > .container > .inner {
        padding-bottom: 30px;
    }

    #rate .star-social ul li a p {
        width: calc(100% - 50px) !important;
    }

    #rate .star-social ul li a p span {
        font-size: 20px;
        line-height: 20px;
    }

    #rate .star-social ul li a p {
        font-size: 16px !important;
        line-height: 20px !important;
    }

    #rate .star-social ul li a i {
        font-size: 40px;
    }

    #rate .star-social ul li a {
        padding: 15px;
    }

    #rate .step[rel="5"] .after-form h1:before {
        margin-left: -153.75px;
        top: 0;
        width: 307.5px;
        height: 102.5px;
    }

    #rate .step[rel="4"] .after-form h1 img,
    #rate .step[rel="5"] .after-form h1 img {
        margin: 0;
        vertical-align: bottom;
        height: 50px;
    }

    #rate > .container > .inner p br {
        display: none;
    }

    #rate form#rate-form > div label {
        margin-top: 5px;
    }

    #rate .inner {
        padding-left: 7.5px;
        padding-right: 7.5px;
    }

    #rate form#rate-form > div {
        padding: 0 7.5px;
        width: 50%;
    }

    #rate > .container > .inner .stars ul li {
        margin: 0 7.5px;
    }

    #rate > .container > .inner .stars ul li a img {
        max-width: 100%;
    }

    #rate > .container > .inner .stars ul li a {
        width: 43.5px;
        height: 41px;
    }

    #rate > .container > .inner .title p {
        font-size: 16px;
        line-height: 1.3;
    }

    #rate > .container > .inner .title {
        padding: 30px 0 0 0;
    }

    #rate > .container > .inner .title h1 {
        font-size: 38px;
        margin: 0 0 15px 0;
    }

    #bottom-about {
        margin-bottom: 0;
    }

    #category-featured .title {
        font-size: 30px;
    }

    #category-featured .featured-header .featured-name {
        font-size: 24px;
    }

    #categories .category-item a:hover .category-image {
        line-height: 145px;
    }

    #categories .category-item a {
        height: 270px;
    }

    #categories .category-item a .category-image {
        line-height: 210px;
    }

    #categories .category-item a .category-name {
        font-size: 18px;
        margin-top: 15px;
    }

    #categories .category-title .inner .title {
        font-size: 40px;
        margin-bottom: 15px;
    }

    #categories .category-title {
        padding: 30px 0;
        margin-bottom: 15px;
    }

    .location-detail #single-location-map {
        margin-top: 15px;
    }

    .product-spec {
        margin-bottom: 30px;
    }

    .product-spec .inner {
        width: 100%;
    }

    .product-detail-main .right .inner {
        width: 100%;
        max-width: 100%;
    }

    .product-detail-main .right,
    .product-detail-main .left {
        width: 100%;
        float: none;
    }

    #locations hr {
        margin: 0 -15px 30px -15px;
    }

    #locations .left,
    #locations .right {
        padding: 0;
    }

    #locations .right {
        height: auto;
        overflow: visible;
    }

    #locations .right {
        padding-top: 0;
    }

    #banner .sub-title a:after {
        right: -45px;
        top: 0px;
        width: 38.5px;
        height: 50px;
        background-size: cover;
    }

    #banner .sub-title a {
        margin-left: 0;
    }

    #banner .title {
        font-size: 22px;
        margin-top: 0;
    }

    #about .left .inner blockquote {
        margin: 0 0 30px 0;
        font-size: 32px;
    }

    #about .left .inner {
        width: 100%;
    }

    #why {
        text-align: center;
    }

    #why .table .table-inner {
        width: 681px;
    }

    #why .table {
        overflow-x: auto;
    }

    .products .product-inner .product-price {
        font-size: 32px;
    }

    .products .product-inner .product-title {
        width: 60%;
    }

    .products .product-inner .product-title a {
        font-size: 16px;
    }

    .products .product-inner .product-link a {
        font-size: 16px;
    }

    .sidebar {
        padding-right: 15px;
    }

    .products .product-inner .product-price {
        width: 40%;
        text-align: right;
    }

    .sidebar,
    .products-landing .default-content {
        float: none;
        clear: both;
        width: 100%;
    }

    #panel nav .right ul li:not(:first-child) {
        padding-left: 10px;
    }

    #panel nav .right ul li a {
        font-size: 16px;
    }

    /** mobile menu starts */
    #panel nav .right {
        text-align: right;
    }

    #panel nav .right form {
        width: 330px;
    }

    #panel  nav .nav-top .container > .row {
        display: block;
    }

    #panel nav .nav-top .container > .row {
        min-height: 145px;
        height: auto;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 0;
    }

    #panel nav .nav-top .container > .row > div:not(.right) {
        vertical-align: middle;
        float: none !important;
        display: inline-block;
    }

    #panel nav .left {
        width: 33.333%;
        float: none;
        text-align: left;
        order: 0;
    }

    #panel nav .left a.mobile-location {
        background-image: url(../images/mobile-location.png);
        width: 41px;
        height: 64px;
        display: inline-block;
        vertical-align: middle;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        cursor: pointer;
    }

    #panel nav .right a.ham {
        background-image: url(../images/icon-ham.png);
        width: 55px;
        height: 44px;
        display: inline-block;
        vertical-align: middle;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        cursor: pointer;
        margin-left: 20px;
    }

    #panel nav .right {
        width: 33.3333%;
        text-align: right;
        order: 2;
    }

    #panel nav .center {
        width: 33.333%;
        float: none;
        text-align: center;
        order: 1;
        position: relative;
    }

    #panel nav .nav-top .container > .row {
        min-height: 175px;
        height: auto;
    }

    #menu li.drop > a.triggered:after {
        background-image: url(../images/icon-minus.png);
    }

    #menu li a.triggered {
        padding-left: 15px;
    }

    #menu li.drop > a:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 35px;
        height: 100%;
        width: 12px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url(../images/icon-plus.png);
    }

    #menu li.active:not(.drop) a:after {
        background-image: url(../images/icon-arrow.png);
        right: 35px;
    }

    #menu li:not(.drop) a:not(.language):after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 10px;
        height: 100%;
        width: 7px;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url(../images/icon-arrow-gray.png);
    }

    .slideout-menu {
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
    }

    html:not(.slideout-open) .slideout-menu {
        right: -300px;
    }

    .slideout-menu-right {
        right: 0;
    }

    .slideout-menu {
        position: fixed;
        top: 0;
        bottom: 0;
        width: 310px;
        min-height: 100vh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        z-index: 9999999999;
        background-color: #1d3460;
        max-width: 300px;
    }

    #menu li {
        -webkit-transition: all 0.3s linear;
        -moz-transition: all 0.3s linear;
        -ms-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        transition: all 0.3s linear;
        position: relative;
    }

    #menu li.active a,
    #menu li:hover > a {
        color: white !important;
        background-color: #fc691b !important;
        border-color: #fc691b !important;
    }

    #menu li.language-selector{
        padding: 0 5px;
        line-height: 40px;
        font-weight: 300;
        font-size: 16px;
    }

    #menu li .language-separator {
        margin: 0px 12px;
    }

    #menu li a {
        height: 40px;
        display: block;
        line-height: 40px;
        font-weight: 300;
        font-size: 16px;
        display: block;
        position: relative;
    }

    #menu li a:not(.language) {
        background-color: #1d3460;
        border-bottom: 1px solid #fc691b;
        color: #fff;
        padding: 0 5px;
    }

    #menu li a .language-separator {
        margin: 0px 24px;
    }

    #menu li.drop > ul {
        display: none;
    }

    #menu li.drop > ul a {
        padding: 0 0 0 15px;
    }

    /** mobile menu ends */
    footer .left li a:after {
        margin: 0 5px;
    }

    footer {
        padding: 30px 0;
    }

    footer .left ul:first-child li:last-child a:after {
        content: "|";
        display: inline-block;
        margin: 0 5px;
        font-size: 16px;
        color: white;
    }

    footer ul.list-inline {
        display: inline;
    }

    footer .right {
        text-align: left;
        margin-top: 25px;
    }

    #panel nav .right a.ham {
        width: 27.5px;
        height: 22px;
    }

    #panel nav .left a.mobile-location {
        width: 20.5px;
        height: 32px;
    }

    #panel nav .nav-top .container > .row {
        min-height: 87.5px;
    }

}

@media screen and (min-width:601px) {
    .on-mobile {
        display: none !important;
    }

}

@media screen and (max-width:600px) {
     #bf-modal .inner a{
        max-width: 100%;
        height: 55px;
        margin-top: 20px;
        font-size: 16px;
        line-height: 55px;
     }
    #bf-modal .inner{
        padding-bottom: 30px;
    }
    #bf-modal .inner p {
    font-size: 18px;
}
    #bf-modal .inner .title:before{
        display: none!important;
    }
      #hero.sept .sept-inner .s-right{
        display: none;
      }
    #hero.type-new.byob .right .top.second a {

}
    #hero.tbyb .tbyb-inner .inner-right p {

    font-size: 20px;
}
    #hero.tbyb .tbyb-inner .inner-right strong {
    font-size: 24px;
}
    #hero.tbyb .right .bottom a {
    padding-top: 20px;
}
    #hero.tbyb .right .top{
        margin-bottom: 10px;
    }

     #hero.tbyb .right .top, #hero.tbyb .right .bottom {
    height:calc(50% - 5px);
    width: 100%;
    margin-right: 0!important;
}
    #hero.tbyb .right {
        margin-top: 10px;
   height:400px!important;

}
    #byob-bundle .center p:nth-child(1) {
    font-size: 16px;
}
    #byob-bundle .center p:nth-child(2) a{
        margin-left: auto;
        margin-right: auto;
    }
    #byob-bundle .right, #byob-bundle .center{
        width: 100%!important;
        padding: 15px 0;
        text-align: center;
    }
    #byob-products .container .product-item .image {
    height: auto;
    line-height: 1;
}
    #byob-products .container .product-item {
    width: 100%;
    margin-bottom: 50px;
}

    #banner-every .container:after {

    position: static;
    margin: 15px auto 0 auto;
}
    #banner-every .top, #banner-every .bottom {
    text-align: center;
}
    #banner-every .container {
    padding: 30px 15px;
    text-align: center!important;
    height: auto;
}
    #cyber-hero .left:before,
    #cyber-hero .left:after {
        display: none;
    }

    #panel nav .right a.ham {
        width: 27.5px;
        height: 22px;
    }

    #panel nav .left a.mobile-location {
        width: 20.5px;
        height: 32px;
    }

    #panel nav .nav-top .container > .row {
        min-height: 87.5px;
    }

    #banner-mobile .right img {
        width: 45px;
    }

    #banner-mobile .right a {
        font-size: 18px;
        width: 160px;
        height: 48px;
        line-height: 48px;
        margin-right: 10px;
    }

    #banner-mobile .title {
        font-size: 28px;
    }

    #under-hero a {
        display: block;
        margin: 15px auto;
    }

    #banner {
    }

    #banner .sub-title a:after {
        right: -20px;
        top: -20px;
    }

    #banner {
        padding: 15px 0;
    }

    #banner .left {
        margin-bottom: 30px;
    }

    #banner .left,
    #banner .right {
        width: 100%;
        float: none;
        text-align: center;
    }

    #about .left .inner blockquote {
        font-size: 26px;
    }

    .out-mobile {
        display: none !important;
    }

    /*
    #panel nav .left .nav-location .location-content {
        width: 65%;
        padding-right: 15px;
    }

    #panel nav .left .nav-location .location-link {
        width: 35%;
    }

    #panel nav .left .nav-location {
        padding-left: 33px;
        width: 100%;
        margin: 0;
    }

    #panel nav .left,
    #panel nav .right {
        width: 100%;
        float: none;
    }
    */
    #panel nav .right form {
        width: 100%;
        margin: 15px 0 0 0;
    }

}

@media screen and (min-width:481px) {
    #hero img.on-mobile {
        display: none !important;
    }

    .top-mobile-sort {
        display: none !important;
    }

}

@media screen and (max-width:480px) {
    #hero.sept .sept-inner a {
    width: 225px;
    height: 57px;
    line-height: 57px;
    font-size: 20px;
    margin-left: auto;
    margin-right: auto;
}
    #hero.sept .sept-inner{
        padding-right: 15px;
        text-align: center;
    }
    #hero.sept .sept-inner .sub-title {
    font-size: 28.21px;
}
    #hero.sept .sept-inner .title {
    font-size: 64.76px;
}
    #hero.sept .sept-inner .p span{
        font-size: 50px;
    }
    #hero.sept .sept-inner .p {
    font-size: 100.8px;

    margin-bottom: -10px;
    margin-top: 0;
}
    #hero.sept .sept-inner .s-label{
        display: none;
    }
    #banner-tbyb-try .right p:before {
    left: 0;
    bottom: -26px;
    width: 40.25px;
    height: 30.74px;
}
    #banner-tbyb-try .right strong {
    font-size: 20px;
}
    #hero.tbyb .right{
        margin-top: 0!important;
        padding: 0!important;
    }
    #banner-tbyb .left{
        padding-right: 0;
    }
    #banner-tbyb .right p {
    font-size: 18px;
    line-height: 1.3;
}
    #banner-tbyb .right strong {
    font-size: 24px;
}
    #hero.tbyb .right{
        height: 100%!important;
        padding: 0!important;
    }
    #hero.tbyb .left:before {

    top: 15px;
}
    #hero.tbyb .tbyb-inner {
 padding-left: 15px;
 padding-right: 15px;
    padding-top: 100px;
}
    #hero.type-new.byob .left img{
        margin-left: 0;
    }
     #hero.type-new.byob .left .inner-right{
        display: block;
        width: 100%!important;
        text-align: center;
        padding: 0!important;
     }
    #hero.type-new.byob .left .inner-left{
        display: none!important;
    }
    #hero.type-new.byob.second .right .bottom a {
    background-size: auto 30%;
}
    #banner-every .bottom {
    font-size: 30px;
}
       #banner-every .top span{
        display: block;
    }
#banner-new .container > div.left{
    margin-bottom: 15px;
}


     #hero.type-new .container .left {
    height: 100%!important;
}
     #hero.type-new .container > div,     #hero.type-new  .container > div > div{
        height: 100%!important;
    }
    #hero.type-new .right img {
    display: block;
    margin: 10px 0 0 0;
}
    #hero.type-new .left:after{
    display: none;
}
    #hero.type-new .left .inner-right a{
        margin-top: 15px;
    }
    #hero.type-new .left .inner-right p {
    font-size: 16px;
}
    #hero.type-new .left .inner-right h2 {
    font-size: 18px;
}
    #banner2018 .container:before {
        display: none;
    }

    #hero.type-2018.second .right .bottom .inner {
        background-position: 95% 85%;
        background-size: auto 70%;
    }

    #hero.type-2018.second .right .top .inner {
        background-size: auto 70%;
    }

    #dollar-banner h2 {
        font-size: 20px !important;
        padding-right: 0;
        line-height: 22px !important;
    }

    #hero.type-dollar .right .bottom .inner {
        background-size: auto 100px;
    }

    #hero.type-dollar .left .inner .since span {
        font-size: 16px;
    }

    #hero.type-dollar .left .inner .since {
        font-size: 26px;
    }

    #hero.type-dollar .left .inner h2 {
        font-size: 24px;
        margin: 0;
    }

    #hero.type-dollar .left .inner img {
        top: -50px;
        margin-bottom: -50px;
    }

    #cyber-banner .left .inner-left {
        width: 60%;
    }

    #cyber-banner .left .inner-right {
        width: 40%;
    }

    #cyber-hero .left:before,
    #cyber-hero .left:after {
        display: none;
    }

    #cyber-hero .left {
        padding: 15px 15px 30px 15px;
    }

    #cyber-hero .left > div .cyber-price {
        display: block;
        text-align: left;
        padding-left: 0;
    }

    #cyber-hero .left > div .cyber-name {
        top: 0;
        width: 100%;
        text-align: left;
        margin-top: 15px;
    }

    #cyber-hero .left > div .cyber-name br {
        display: none;
    }

    #cyber-hero .left h3 {
        font-size: 36.63px;
    }

    #cyber-hero .left h2 {
        font-size: 22px;
    }

    #cyber-hero .left h1 {
        font-size: 30px;
    }

    #black-banner .left {
        width: 100%;
        text-align: center;
    }

    #black-banner .right {
        width: 100%;
        text-align: center;
    }

    #black-banner .right a {
        margin: 15px auto 0 auto !important;
    }

    #hero .container .swiper-slide-active {
        z-index: 9999;
    }

    .product-detail-main .right .inner .under-rent + div {
        font-size: 16px;
    }

    #easy .easy-item .content {
        width: 100%;
        padding: 0;
        min-height: 0;
        border: 0;
    }

    #easy .easy-item > small {
        padding-left: 0;
    }

    #easy .easy-item .icon:before {
        display: none !important;
    }

    #easy .easy-item .icon {
        width: 100%;
        text-align: center;
        padding: 0;
        margin-bottom: 15px;
    }

    #easy .easy-item {
        display: block;
        text-align: center;
        margin-bottom: 30px;
    }

    #easy .container > h3 {
        font-size: 20px;
    }

    #benefits .benefit-blocks {
        margin-top: 30px;
    }

    #benefits .benefit-blocks .right .inner .right-item p span {
        font-size: 26px;
        margin-right: 5px;
        top: -2px;
    }

    #benefits .benefit-blocks .right .inner .right-item p {
        font-size: 20px;
    }

    #benefits .benefit-blocks .right .inner .right-item img {
        width: 45px;
        margin-right: 10px;
    }

    #benefits .benefit-blocks .right .inner h2 {
        font-size: 22px;
    }

    #benefits .benefit-blocks .left .inners-left img {
        width: 60px;
    }

    #benefits .benefit-blocks .left .inners-right {
        width: calc(100% - 60px);
    }

    #benefits .benefit-blocks .left .inners-right h2 {
        font-size: 26px;
    }

    #benefits .benefit-blocks .left .inner {
        right: 0;
    }

    #benefits .benefit-blocks .left {
        padding-left: 0;
    }

    #benefits .benefit-blocks .left .inner > h2 {
        font-size: 26px;
    }

    #benefits .stripe-inner .stripe-cols .col ul li {
        font-size: 18px;
        line-height: 1.3;
    }

    #benefits .stripe-inner .stripe-cols .col .image img {
        max-height: 50px;
    }

    #benefits .stripe-inner .stripe-cols .col h3 {
        font-size: 20px;
        min-height: 0;
    }

    #about.online-payment h2 {
        font-size: 16px;
    }

    #about.online-payment h1 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    #about.online-payment .inner {
        padding: 15px;
    }

    #about .career-icons ul li img {
        height: 50px;
    }

    #about .career-icons ul li p {
        font-size: 20px;
    }

    .location-detail .links-stars .stars-cta .title {
        font-size: 22px;
    }

    #single-post .content p {
        font-size: 16px;
        line-height: 24px;
        margin: 0px 0 15px 0;
    }

    #single-post .title {
        font-size: 20px;
        margin-bottom: 5px;
        margin-top: 15px;
    }

    #blog .blog-item .inner a {
        width: 160px;
        height: 35px;
        line-height: 35px;
        max-width: 100%;
        font-size: 16px;
    }

    #blog .blog-item {
        margin-bottom: 15px;
        min-height: 175px;
        width: 100%;
        text-align: center;
    }

    #blog .blog-item div,
    #blog .blog-item a {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .stars-cta .title {
        font-size: 20px;
    }

    #new-contact .phone-cta a .content p {
        font-size: 20px;
    }

    #new-contact .phone-cta a .content p strong {
        font-size: 24px;
    }

    #coupon-popup .title strong {
        font-size: 30px;
    }

    .top-mobile-sort {
        margin-bottom: 40px;
    }

    .top-mobile-sort .left {
        font-size: 16px;
        color: #757575;
        font-family: 'assistantsemibold';
    }

    .top-mobile-sort .center {
        font-size: 16px;
        color: #757575;
        font-family: 'assistantlight';
    }

    .top-mobile-sort .right a {
        font-size: 16px;
        color: #757575;
        font-family: 'assistantbold';
    }

    .top-mobile-sort .right a:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        position: relative;
        background-image: url(../images/icon-carrot.png);
        width: 13px;
        height: 7px;
        margin-left: 6px;
    }

    .top-sort.top {
        display: none !important;
    }

    .sidebar .filters {
        position: absolute;
        top: 20px;
        z-index: 9;
        background: white;
        display: none;
        width: 100%;
        left: 0;
        padding: 0 15px;
    }

    .sidebar {
        position: static;
    }

    #hero .container .left,
    #hero .container .right {
        height: 100%;
    }

    #hero .left .inner img {
        max-width: 110%;
        margin-top: -45px;
        width: 100%;
    }

    #hero .left .inner h1:before,
    #hero .left .inner:before {
        display: none;
    }

    #hero .left .inner {
        width: 100%;
    }

    .swiper-element-container {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: hidden;
        z-index: 1;
        padding: 0 0;
    }

    .swiper-element-wrapper {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .swiper-element-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        -ms-transition-property: -ms-transform;
        transition-property: transform;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    .swiper-element {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex-shrink: 0;
        -ms-flex: 0 0 auto;
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
        padding-top: 15px;
        padding-bottom: 15px;
        display: block;
    }

    #hero .right .top,
    #hero .right .bottom {
        height: calc(50% - 5px);
        width: 100%;
        display: inline-block;
        vertical-align: top;
        margin: 0 0 0 0;
    }

    #hero .right .inner-left {
        width: 100%;
    }

    #hero .right .inner-right {
        width: 100%;
        text-align: left;
    }

    #hero .right .top .inner,
    #hero .right .bottom .inner {
        background-position: 100% 100%;
        background-size: 40%;
    }

    #hero .right p {
        margin: 0;
    }

    #hero .right .top {
        margin-bottom: 10px;
    }

    #hero .right .bottom h3 {
        font-size: 18px;
        line-height: 1;
    }

    #hero .right .bottom .inner .inner-left {
        padding: 0;
        margin-top: 10px;
    }

    #hero .right p {
        font-size: 16px;
    }

    #hero .right .bottom .inner {
        background-size: 38%;
    }

    .swiper-pagination-bullet-active {
        opacity: 1;
        background: #fc691b !important;
    }

    .swiper-pagination-bullet {
        width: 12px !important;
        height: 12px !important;
        display: inline-block;
        border-radius: 100%;
        background: #000;
        opacity: 1;
        margin: 0 10px !important;
        background-color: #909090;
    }

    #hero .swiper-pagination {
        text-align: center;
        display: block;
        position: static;
        height: auto !important;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .products .product-inner .image {
        text-align: center;
    }

    #panel nav .right,
    #panel nav .left {
        width: 20%;
    }

    #panel nav .right {
        text-align: right;
    }

    #panel nav .left {
        text-align: left;
    }

    #panel nav .center {
        width: 58%;
    }

    #banner-mobile .right {
        width: 49%;
    }

    #banner-mobile .left {
        width: 50%;
    }

    #banner-mobile .right img {
        display: none;
    }

    #banner-mobile .right a {
        font-size: 16px;
        width: 115px;
        height: 38px;
        line-height: 38px;
        margin-right: 0;
        max-width: 100%;
    }

    #banner-mobile .title {
        font-size: 19px;
    }

    #under-hero a {
        height: 45px;
        line-height: 45px;
        font-size: 16px;
    }

    #under-hero .inner {
        padding: 15px 15px 0 15px;
    }

    #under-hero .inner:after {
        background-size: contain;
        width: 180.5px;
        height: 48px;
    }

    #hero .right {
        padding: 0 10px;
    }

    #hero .right  .hero-price {
        padding-left: 5px;
    }

    #hero .left .inner:before {
        right: 0;
        bottom: 5px;
        width: 313.5px;
        height: 162px;
    }

    #hero .left {
        padding: 0;
    }

    #hero .left .inner {
        background-position: 100% 0;
    }

    #hero .container {
        height: 450px;
    }

    #hero .left .inner {
        background-image: url(../images/hero-mobile.jpg);
        background-position: 0 100%;
    }

    #hero .right .top h3 {
        line-height: 1;
        font-size: 18px;
    }

    #hero .left .inner a {
        font-size: 16px;
        width: 140px;
        height: 40px;
        line-height: 40px;
        margin-top: 30px;
        margin-left: auto;
        margin-right: auto;
    }

    #hero .left .inner:after {
        position: absolute;
        bottom: 15px;
        right: 15px;
        content: "";
        background-image: url(../images/hero-mobile-dude.png);
        background-repeat: no-repeat;
        background-position: center;
        width: 63.2px;
        height: 82.4px;
        background-size: cover;
    }

    #hero .left .inner p {
        font-size: 24px;
        line-height: 24px;
    }

    #hero .left .inner h1 {
        font-size: 40px;
        line-height: 1;
    }

    #why {
        margin-bottom: 30px;
    }

    .featured-categories .title {
        line-height: 1;
        font-size: 24px;
        margin-bottom: 30px;
    }

    .featured-categories .featured {
        width: 100%;
        display: block;
    }

    #split {
        margin-bottom: 15px;
    }

    #split form input:not([type="submit"]),#split .selectric .label {
        font-size: 14px;
        padding: 0 10px;
    }

    #split .left .inner {
        background-position: 100% 0px;
        background-size: 60%;
    }

    #split .inner {
        padding: 15px 15px;
    }

    #split .right form:before {
        width: 53.5px;
        height: 61px;
        top: -70px;
    }

    #split h2 {
        font-size: 24px;
    }

    #split .right .inner {
        padding-top: 15px;
    }

    #rate .star-social {
        margin: 0 auto 0 auto;
    }

    #rate .step[rel="5"] .after-form {
        padding-top: 0;
    }

    #rate .star-social ul li {
        margin-top: 15px;
    }

    #rate .star-social ul li {
        width: 100%;
        padding: 0;
    }

    #rate > .container > .inner {
        padding-left: 15px;
        padding-right: 15px;
    }

    #rate > .container > .inner .title h1+p {
        padding: 0;
    }

    #rate form#rate-form > div {
        padding: 0;
        width: 100%;
    }

    #rate  form#rate-form {
        padding-top: 30px;
    }

    #rate > .container > .inner .stars ul li {
        margin: 0 2.5px;
    }

    #rate > .container > .inner .title p {
        font-size: 16px;
        line-height: 1.3 !important;
    }

    #rate > .container > .inner .title h1 {
        font-size: 20px;
    }

    #category-featured .featured-header .featured-name {
        font-size: 18px;
    }

    #category-featured .title {
        font-size: 20px;
    }

    #categories .category-item {
        width: 100%;
        float: none;
    }

    #categories .category-title .inner {
        padding: 6px 0 15px 0;
    }

    #categories .category-title .inner a {
        width: 180px;
        height: 35px;
        line-height: 35px;
        font-size: 16px;
    }

    #categories .category-title .inner .title {
        font-size: 24px;
    }

    #categories .category-title {
        padding: 15px;
        margin-bottom: 15px;
    }

    #top-picks .title {
        font-size: 24px;
    }

    #top-picks .picks {
        padding: 0 15px;
    }

    #top-picks .pick-item {
        width: 100%;
        float: none;
        padding: 0;
    }

    .location-form .orange-button {
        margin-bottom: 20px;
    }

    .location-detail .location-header .title strong {
        font-size: 28px;
    }

    .product-spec table tr {
        font-size: 16px;
    }

    .product-spec table td {
        padding: 0 10px;
    }

    .product-detail-main {
        margin-top: 15px;
    }

    .vip-form input + label,
    .vip-form textarea + label {
        font-size: 16px;
    }

    .product-detail-main .right .inner .product-sku + div > span {
        width: 115px;
        height: 35px;
        line-height: 34px;
        font-size: 16px;
    }

    .product-detail-main .right .inner .product-sku + div > img {
        margin-right: 5px;
    }

    .product-detail-main .right .inner .product-title {
        font-size: 20px;
        line-height: 20px;
        padding: 0 15px;
    }

    .location-sidebar .location-hours {
        padding-left: 15px;
        padding-right: 15px;
    }

    .location-sidebar form {
        padding: 0px 15px;
    }

    .location-detail #single-location-map {
        margin-top: 15px;
    }

    .location-detail .location-images .image-item a {
        display: block;
        height: 100px;
        width: 100%;
    }

    .location-detail .location-social ul li a {
        font-size: 20px;
    }

    .location-detail .location-social {
        font-size: 17px;
    }

    .location-detail .location-social ul {
        font-size: 0;
        margin: 0 0 0 0;
        margin-left: 0;
    }

    .location-detail .location-social ul li:not(:last-child) {
        padding-right: 15px;
    }

    .location-detail .location-images .image-item:not(:nth-child(3n+3)) {
        margin-right: 0;
    }

    .location-detail .location-images .image-item:not(:nth-child(2n+2)) {
        margin-right: 15px;
    }

    .location-detail .location-images .image-item:not(:nth-child(2n+1)) {
        margin-right: 0;
    }

    .location-detail .location-images .image-item {
        width: calc(50% - 7.5px);
    }

    .location-detail .location-links .links-title {
        font-size: 18px;
    }

    .location-detail .location-header .title {
        font-size: 16px;
        line-height: 1;
    }

    .location-detail .location-header .title strong {
        font-size: 18px;
    }

    .product-detail-main .right .inner .under-rent {
        padding: 15px 15px 0 15px;
    }

    .product-detail-main .right .inner .under-rent li {
        width: 100%;
        display: block;
        margin-bottom: 15px;
    }

    #locations-intro h1 {
        font-size: 24px;
    }

    #locations .locations-item .inner {
        width: 195px;
    }

    #locations .locations-item {
        width: 100%;
    }

    #banner .sub-title a {
        display: block;
        margin: 15px auto 0 auto;
    }

    p {
        margin-bottom: 20px;
    }

    #about .left .inner blockquote {
        font-size: 20px;
        padding: 15px;
        margin-bottom: 20px;
    }

    #why .table {
        width: 100%;
        max-width: none;
    }

    #why .table .table-inner {
        width: 400px;
    }

    #why .container .inner .title {
        font-size: 24px;
    }

    #why .table .tr .td:not(:first-child),
    #why .table .tr .th:not(:first-child) {
        width: 57px;
        font-size: 16px;
    }

    #why .table .tr .td:first-child,
    #why .table .tr .th:first-child {
        font-size: 16px;
        width: 170px;
    }

    .products .product-item {
        width: 100%;
        float: none;
    }

    #panel nav .left .nav-location .location-content {
        width: 100%;
        padding-right: 0;
    }

    #panel nav .left .nav-location .location-link {
        width: 100%;
        padding: 0;
        border: 0;
        border-top: 1px solid white;
        margin-top: 5px;
        padding-top: 5px;
    }

    #panel nav .left .nav-location {
        padding-left: 25px;
    }

    #panel nav .center img {
        max-width: 100%;
        width: 115px;
    }

}

@media screen and (max-width:400px) {
}

@media screen and (max-width:1400px) {
    #cyber-banner .left:before {
        left: -35px;
    }

    #cyber-banner .left {
        padding: 25px 15px 5px 100px;
    }

}

@media screen and (max-width:1300px) {
    #banner-new .container > div.left {
    margin-right: 30px;
}

    #dollar-banner img {
        max-width: 100%;
        width: 380px;
    }

    #dollar-banner .right {
        margin-left: 30px;
    }

}

@media screen and (max-width:1200px) {
    #hero.type-2018 .left .inner:before {
        left: 10px;
    }

    #hero.type-2018 .right .bottom .inner {
        background-position: 95% 95%;
        background-size: auto 50%;
    }

    #hero.type-2018 .right .bottom .inner-left p br {
        display: none;
    }

    #hero.type-2018 .right .bottom .inner-left p strong {
        font-size: 18px;
        line-height: 18px;
    }

    #hero.type-2018 .right .bottom .inner-left {
        width: 53%;
    }

    #hero.type-2018 .right .bottom .inner-right {
        width: 47%;
    }

    #hero.type-2018 .right .top .inner {
        background-size: auto 60%;
    }

    #hero.type-2018 .right .top .inner-left {
        width: 60%;
    }

    #hero.type-2018 .right .top .inner-right {
        width: 40%;
    }

    #dollar-banner .left {
        margin-left: 0;
    }

}

@media screen and (max-width:1200px) {
    #nada-banner .center {
        margin-left: 50px;
    }

    #hero.type-nada .swiper-element.right .bottom .inner {
        background-size: 130px, cover !important;
        background-position: 95% 95%, 100% 100% !important;
    }

    #hero.type-nada .swiper-element.right .top .inner {
        background-size: 180px !important;
    }

    #hero.type-nada .swiper-element.right .inner-right,
    #hero.type-nada .swiper-element.right .inner-left {
        width: 50%;
    }

    #hero.type-nada .right p strong {
        display: block;
    }

    #hero.type-nada .right p br {
        display: none;
    }

    #hero.type-nada .right p {
        font-size: 16px;
        line-height: 16px;
    }

    #hero.type-nada .swiper-element.right p strong {
        font-size: 16px;
    }

    #cyber-banner .right .inner h2 b {
        font-size: 40px;
        margin: -15px 0 0 0;
    }

    #cyber-banner .right .inner h2,
    #cyber-banner .right .inner h1 {
        width: 100%;
        text-align: center;
    }

    #cyber-banner .right .inner {
        background-image: url(../images/cyber/banner-watch.png);
        background-repeat: no-repeat;
        background-position: 50% 17px;
        width: 100%;
        padding: 15px;
        text-align: center;
    }

    #cyber-banner .left .outer-right a {
        width: 140px;
        font-size: 16px;
        margin-left: 5px;
    }

    #cyber-banner .left .outer-right img {
        width: 100px;
    }

    #hero .left.black .inner:after {
        left: 15px;
    }

    #blackfriday .black-hero:after {
        left: 110px;
    }

}

@media screen and (max-width:991px) {
    #byob-different .inner:before {
    left: 0;
}


    #byob-different .inner {
    font-size: 27px;
    padding-top: 30px;
    margin-top: 15px;
    padding-left: 75px;
}
    #hero.type-2018 .left .inner:before {
        width: 95px;
        height: 130.5px;
    }

    #banner2018 .left {
        margin-right: 0;
    }

    #hero.type-2018 .right .bottom .inner {
        background-position: 95% 95%;
        background-size: auto 75%;
    }

    #hero.type-2018 .right .bottom .inner .inner-left {
        padding: 0;
        margin-top: 0;
    }

    #dollar-banner img {
        max-width: 100%;
        width: 300px;
    }

    #dollar-banner .right {
        margin-top: 0;
    }

    #dollar-banner .selectric-wrapper {
        margin-bottom: 0;
    }

    #dollar-banner.type-dollar .selectric {
        width: 240px;
        margin-bottom: 0;
    }

    #dollar-banner.type-dollar .selectric .label {
        display: block;
        margin: 0 40px 0 0;
        font-size: 16px;
        line-height: 40px;
        height: 40px;
        font-size: 16px;
    }

    #dollar-banner.type-dollar .selectric .button {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    #dollar-banner .center {
        margin-left: 5px;
        width: 160px;
    }

    #dollar-banner .right {
        margin-left: 10px;
        width: 240px;
    }

    #dollar-banner .left {
        margin-left: 0;
    }

    #dollar-banner .since {
        font-size: 16px;
    }

    #dollar-banner h2 {
        font-size: 20px;
        line-height: 22px;
    }

    #nada-banner .left p {
        font-size: 18px;
        text-shadow: 0 0 16px rgba(0, 0, 0, 0.24);
    }

    #nada-banner .left h1 {
        font-size: 33px;
        line-height: 1.1;
    }

    #nada-banner .left h1 strong {
        font-size: 50px;
    }

    #nada-banner .center {
        margin-left: 15px;
    }

    #hero.type-nada .swiper-element.left {
        background-position: 100% 100%;
    }

    #hero.type-nada .left .inner {
        padding: 25px 0 0 0
    }

    #hero.type-nada .swiper-element.left h1 {
        margin: 0 0 -10px 0;
    }

    #cyber-banner .left .outer-right {
        width: 100%;
        text-align: left;
    }

    #cyber-banner .right .inner {
        padding: 52px 15px 15px 15px;
    }

    #cyber-banner .left .outer-right img {
        width: 100px;
        margin: 0;
    }

    #cyber-banner .left .outer-left,
    #cyber-banner .left .outer-right {
        display: block;
    }

    #cyber-banner .left .outer-right {
        margin-top: 5px;
    }

    #blackfriday .black-hero:after {
        left: 15px;
    }

    #blackfriday .black-sections .black-section .right {
        padding-left: 60px;
    }

}

@media screen and (max-width:767px) {
     #banner-tbyb .left img{
        max-width: 100%;
        height: auto;
     }
    #banner-tbyb .left{
        padding-right: 0;
    }
    #hero.tbyb .right .bottom.second a p:first-child span{
        font-size: 30px;
    }
    #byob-different .inner {
    font-size: 22px;
    padding-top: 40px;
}
     #byob-rec:before,
    #byob-rec:after{
    width: 15%;
    background-size: contain;
}
    #byob-rec .container > div:nth-child(2) {
    font-size: 20px;
}
    #byob-rec .container > div:nth-child(1) {
    font-size: 50px;
    margin-bottom: 0;
}
    #hero.type-new .left {
        text-align: center;
    }

    #hero.type-new .left .inner-left img {
        width: 250px;
    }

    #hero.type-new .left .inner-left {
        width: 100%;
        padding: 0;
        margin-top: 15px;
    }

    #hero.type-new .left .inner-right {
        width: 100%;
        padding: 0 15px;
        margin-top: 0;
    }

    #hero.type-new .left .inner-right a {
        margin-right: auto;
        margin-left: auto;
    }

    #hero.type-2018 .right .top,
    #hero.type-2018 .right .bottom {
        height: 215px;
        width: calc(50% - 5px);
        display: inline-block;
        vertical-align: top;
        margin: 10px 0 0 0;
    }

    #hero.type-2018 .right .top .inner {
        background-size: auto 60%;
    }

    #hero.type-2018 .right .bottom .inner {
        background-position: 95% 95%;
        background-size: auto 40%;
    }

    #hero .container .left {
        height: 380px;
    }

    #hero.type-2018 .left .inner h1 + img + p {
        font-size: 20px;
        margin: 5px 0 0 0;
    }

    #hero.type-2018 .left .inner h1 + img {
        width: 320px;
    }

    #hero.type-2018 .left .inner h1 {
        font-size: 25px;
    }

    #dollar-banner .since {
        font-size: 20px;
    }

    #dollar-banner h2 {
        font-size: 30px;
        padding-right: 0;
        line-height: 32px;
    }

    #dollar-banner .left {
        margin-bottom: 15px;
        width: 100%;
        text-align: center;
    }

    #dollar-banner.type-dollar .selectric-wrapper {
        margin-top: 0;
    }

    #dollar-banner .left,
    #dollar-banner .right,
    #dollar-banner .center {
        vertical-align: top;
    }

    #dollar-banner p {
        margin-top: 15px;
    }

    #dollar-banner {
        font-size: 0;
    }

    #dollar-banner .center br {
        display: none;
    }

    #dollar-banner .center {
        padding-left: 0;
    }

    #dollar-banner .right,
    #dollar-banner .center {
        width: 100%;
        text-align: center;
        margin: 0;
    }

    #dollar-banner .left {
        display: block;
        margin-left: 0;
    }

    #nada-banner {
        background-position: 50% 50%;
    }

    #nada-banner.type-nada  .selectric {
        margin-left: auto;
        margin-right: auto;
    }

    #nada-banner .container > div {
        display: block;
        vertical-align: middle;
        width: 100%;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    #hero.type-nada .swiper-element.right .bottom .inner {
        background-position: 100% 95%, 100% 100% !important;
    }

    #hero.type-nada .right p {
        font-size: 19px !important;
        line-height: 1 !important;
    }

    #hero.type-nada .swiper-element.right .top .inner {
        background-size: 230px !important;
        background-position: 95% 100% !important;
    }

    #hero.type-nada .swiper-element.right .bottom .inner {
        background-size: 220px, cover !important;
    }

    #hero.type-nada .swiper-element.right p strong {
        font-size: 24px !important;
    }

    #hero.type-nada .swiper-element.right .inner-left * {
        color: black;
    }

    #hero.type-nada .swiper-element.left p {
        font-size: 18px;
        margin: 0px 0 15px 0;
    }

    #hero.type-nada .swiper-element.left img {
        margin-left: -30px;
        width: calc(100% + 45px);
        height: auto;
    }

    #hero.type-nada .swiper-element.left h1 {
        font-size: 28px;
    }

    #hero.type-nada .swiper-element.left h1 strong {
        font-size: 54px;
    }

    #hero.type-nada .swiper-element.left {
        padding: 0 15px 0 15px;
    }

    #cyber-banner .left:before {
        left: -35px;
        bottom: -25px;
    }

    #cyber-banner .right .inner {
        padding: 25px 15px 10px 15px;
    }

    #cyber-banner .right {
        width: 100%;
    }

    #cyber-banner .left {
        padding: 25px 15px 5px 115px;
        width: 100%;
        display: block;
        margin-bottom: 0;
    }

    #hero .left.black .inner:after {
        width: 89.5px;
        height: 95.5px;
    }

    #hero .left.black .sub-title,
    #hero .left.black .sub-title span {
        font-size: 18px;
    }

    #hero .left.black .title {
        font-size: 35px;
    }

    #hero .left.black .title strong {
        font-size: 50px;
    }

    #hero .left.black .inner {
        padding-top: 85px;
    }

    #blackfriday .black-cols >div:not(.clearfix) p br {
        display: none;
    }

    #blackfriday .black-cols >div:not(.clearfix) p {
        font-size: 18px;
        margin: 0;
        padding: 0 15px;
    }

    #blackfriday .black-cols >div:not(.clearfix) {
        background-size: 60px;
    }

    #blackfriday .black-cols >div:not(.clearfix) span {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 20px;
        margin-bottom: 5px;
    }

    #blackfriday .black-hero:after {
        display: none;
    }

    .black-hero .title {
        font-size: 38px;
    }

    .black-hero .title strong {
        font-size: 50px;
    }

    #blackfriday .black-sections .black-section .black-title {
        margin-bottom: 30px;
    }

    #blackfriday .black-sections .black-section {
        padding: 30px 0;
    }

    #blackfriday .black-sections .black-section a {
        width: 230px;
        height: 48px;
        line-height: 51px;
        font-size: 18px;
        margin: 30px auto 0 auto;
    }

    #blackfriday .black-sections .black-section.triggered  .left .inner:before,
    #blackfriday .black-sections .black-section.triggered  .right .inner:before {
        -moz-transform: scale(0.6);
        -webkit-transform: scale(0.6);
        -o-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6);
    }

    #blackfriday .black-sections .black-section .right .bottom:after {
        line-height: 54px;
        top: -42px;
        left: 50%;
        margin-left: -30px;
        width: 60px;
        height: 60px;
        font-size: 20px;
    }

    #blackfriday .black-sections .black-section .black-title {
        font-size: 22px;
    }

    #blackfriday .black-sections .black-section .black-title strong {
        font-size: 31.5px;
    }

}

@media screen and (max-width:600px) {
    #byob-different .inner:before {
    left: -30px;
}
    #byob-different .inner {
    font-size: 18px;
    padding-top: 20px;
    padding-left: 0;
}
    #cyber-banner .left:before {
        display: none;
    }

    #cyber-banner .left {
        padding: 20px 15px 15px 15px;
        width: 100%;
        display: block;
        margin-bottom: 0;
    }

    #blackfriday .black-sections .black-section .black-title {
        font-size: 18px;
        letter-spacing: 0;
    }

    #blackfriday .black-sections .black-section .black-title strong {
        font-size: 21.5px;
    }

    #blackfriday .black-sections .black-section .left {
        width: 45%;
    }

    #blackfriday .black-sections .black-section .right {
        width: 55%;
    }

}

@media screen and (max-width:480px) {
    .manager-part .title {
        font-size: 24px;
        margin: 25px 0 15px 0;
    }
    .manager-part .images img{
        width: calc(50% - 7.5px);
    }
    .manager-part .images img:nth-child(2n+2) {
        margin-right: 0;
    }
    .manager-part .questions > div:not(:last-child) {
    margin-bottom: 20px;
}
    .manager-part .questions > div .a {
    font-size: 16px;
    line-height: 16px;
}
    .manager-part .questions > div .q {
    font-size: 16px;
}
    #hero.type-new.byob .right a {
    background-size: auto 60%;
    background-size: auto!important;
}
    #hero.byob .right .top, #hero.byob .right .bottom {
    height: calc(50% - 1px);
    padding: 0;
    margin: 0;
}

#hero.byob .right .top {
    margin-bottom: 2px;
}
    #banner2018 .center p:not(.first):before,
    #banner2018 .center p:not(.first):after {
        width: 30px;
    }

    #banner2018 .center p.first {
        font-size: 16px;
    }

    #banner2018 .left,
    #banner2018 .center {
        display: block;
        vertical-align: middle;
    }

    #banner2018 .selectric-wrapper {
        max-width: 100%;
    }

    #hero.type-2018 .right .bottom .inner-right {
        width: 39%;
    }

    #hero.type-2018 .right .bottom .inner-left {
        width: 61%;
    }

    #hero.type-2018 .right .bottom .inner {
        background-position: 95% 85%;
        background-size: auto 57%;
    }

    #hero.type-2018 .right .top,
    #hero.type-2018 .right .bottom {
        height: calc(50% - 5px);
        width: 100%;
        margin: 10px 0 0 0;
    }

    #hero.type-2018 .left .inner p {
        font-size: 16px;
        font-size: 20px;
    }

    #hero.type-2018 .left .inner p:last-child:before,
    #hero.type-2018 .left .inner p:last-child:after {
        width: 20px;
        margin: 0 5px;
    }

    #hero.type-2018 .selectric-wrapper {
        max-width: 100%;
    }

    .type-nada .selectric .button,
    .type-2018 .selectric .button,
    .type-dollar .selectric .button {
        width: 46px;
        height: 46px;
        line-height: 46px;
    }

    .type-2018 .selectric .label {
        margin: 0 46px 0 0;
        line-height: 46px;
        height: 46px;
        font-size: 16px;
        padding: 0 10px;
    }

    #hero.type-2018 .container {
        height: 380px;
    }

    #hero.type-2018 .left .inner h1 + img + p {
        font-size: 20px;
        line-height: 1;
    }

    #hero.type-2018 .left .inner h1 + img {
        width: 200px;
        margin: 0;
    }

    #hero.type-2018 .left .inner h1 {
        font-size: 20px;
    }

    #nada-banner .center p {
        font-size: 16px;
    }

    #nada-banner .left p {
        font-size: 16px;
    }

    #nada-banner .left h1 {
        font-size: 26px;
        line-height: 1.1;
    }

    #nada-banner .left h1 strong {
        font-size: 40px;
    }

    #hero.type-nada .swiper-element.right .bottom .inner {
        background-size: 170px, cover !important;
    }

    #hero.type-nada .right p {
        font-size: 16px !important;
        line-height: 1 !important;
    }

    #hero.type-nada .swiper-element.right p strong {
        font-size: 18px !important;
    }

    #hero.type-nada .swiper-element.left h1 {
        font-size: 24px;
        line-height: 1.1;
    }

    #hero.type-nada .swiper-element.left h1 strong {
        font-size: 40px;
    }

    #hero.type-nada .swiper-element.right .top .inner {
        background-size: 190px !important;
    }

    #hero.type-nada .swiper-element.left p:last-child {
        color: white;
        font-size: 16px;
    }

    #hero.type-nada .swiper-element.left img {
        margin-left: -20px;
        width: calc(100% + 35px);
        height: auto;
        max-width: none;
        margin-top: 10px !important;
    }

    #cyber-banner .left > div .cyber-price > span:last-child > span {
        bottom: -17px;
        left: 5px;
        font-size: 16px;
    }

    #cyber-banner .left > div .cyber-price > span:first-child,
    #cyber-banner .left > div .cyber-price > span:last-child {
        font-size: 28px;
    }

    #cyber-banner .left > div .cyber-price {
        font-size: 60px;
    }

    #cyber-banner .left > div .cyber-name {
        font-size: 20px;
    }

    #cyber-banner .left h3 {
        font-size: 19px;
    }

    #cyber-banner .left h2 {
        font-size: 16px;
        margin-top: 5px;
    }

    #cyber-banner .right .inner h2 b {
        font-size: 20px;
    }

    #cyber-banner .right .inner h2 {
        font-size: 16px;
    }

    #cyber-banner .right .inner h1 strong {
        font-size: 20px;
    }

    #cyber-banner .left h1 {
        font-size: 24px;
        margin: 10px 0 5px 0;
    }

    #blackfriday .black-sections .black-section .left {
        text-align: center;
    }

    #hero .left.black .inner {
        padding-top: 140px;
    }

    #hero .left.black .inner a {
        text-transform: uppercase;
        width: 300px;
        height: 46px;
        margin-top: 15px;
        font-size: 18px;
        line-height: 46px;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
    }

    #hero .left.black .sub-title,
    #hero .left.black .sub-title span {
        font-size: 16px;
    }

    #hero .left.black .title {
        font-size: 25px;
    }

    #hero .left.black .title strong {
        font-size: 30px;
    }

    #hero .left.black .inner {
        background-position: 50% 0;
    }

    .black-hero .sub-title span {
        height: 30px;
        width: 30px;
        line-height: 26px;
        font-size: 16px;
        letter-spacing: -1px;
    }

    .black-hero .sub-title {
        font-size: 16px;
    }

    .black-hero .title {
        font-size: 27px;
    }

    .black-hero .title strong {
        font-size: 35px;
    }

    #blackfriday .black-cols >div:nth-child(1) {
        background-color: #1d3460;
        background-repeat: no-repeat;
    }

    #blackfriday .black-cols >div:not(.clearfix) {
        background-image: url(../images/blackfriday/stars-left.png), url(../images/blackfriday/stars-right.png);
        background-position: 18px 16px, calc(100% - 18px) 16px;
        float: none;
        width: 100%;
        height: auto;
        padding: 30px 0;
    }

    #blackfriday .black-sections .black-section .right .inner {
        width: 100%;
    }

    #blackfriday .black-sections .black-section .black-title {
        font-size: 16px;
        letter-spacing: 0;
    }

    #blackfriday .black-sections .black-section .black-title strong {
        font-size: 16px;
    }

    #blackfriday .black-sections .black-section .right {
        padding-left: 15px;
        padding-top: 60px;
        background-position: 50% 0;
        width: 100%;
    }

    #blackfriday .black-sections .black-section .left {
        width: 100%;
        padding: 0 15px 15px 15px;
    }

}

@media screen and (max-width:430px) {
    #banner-sept .p{
        margin-right: 0;
    }
    #banner-sept.second a{
        margin-left: auto;
    }
#banner-sept .s-left > div {
    display: block;
    text-align: center;
}


}
@media screen and (max-width:380px) {
    #hero.byob .inner-bottom > div.inner-left p strong span {

    font-size: 24px;
}
    #hero.byob .inner-bottom > div.inner-left p strong {
    font-size: 18px;
}
    #hero.byob .inner-bottom > div.inner-left p {

    font-size: 16px;
}
    #hero.byob .left .inner-top > div.inner-left, #hero.byob .left .inner-top > div.inner-right {
    width: 100%;
}
#hero.byob .left .inner-top > div.inner-left img, #hero.byob .left .inner-top > div.inner-right img{
    display: block;
    margin:0 auto;
    width: 160px;
}
}