@media only screen and (max-width: 1279px) {

    /*================ Header ================*/
    .section-header {
        padding-top: 25px;
    }

    /*================ Homepage theundiesproject ================*/
    #theundiesproject {
        margin-bottom: 60px;
    }

    /*================ Homepage homepage_build_bootybag ================*/
    #homepage_build_bootybag {
        max-width: 840px;
        margin-bottom: 60px;
    }

}

@media only screen and (max-width:1024px) {
    /*================ Header ================*/
    .c {
        width: calc(100% - 60px);
    }
    .site-header{
        max-width: 940px;
        padding:0 30px;
        width: auto;
    }

    /*================ Cart Dropdown ================*/
/*     #cart-hover{right: -30px;} */
    #cart-hover .inner-wrap{
        padding: 40px;
    }
    #cart-hover .dropdown-tip{
        right: 12px;
    }


    /*================ Homepage Give the gift of Bootay ================*/
    #the-cart td.product-quantity {
        width: 20%;
    }
    #the-cart td.product-total {
        width: 16%;
    }
}

@media only screen and (max-width:1023px) {
    /*================ Header ================*/
    #nav-toggle{
        display: inline-block;
    }
    .trigger-menu {
        width: 50px;
        cursor: pointer;
        display: inline-block;
        padding: 10px 0;
    }
    #mobile-header #mobile-logo {
        text-align: center;
        width: 96px;
        height: 40px;
        display: inline-block;
        vertical-align: top;
    }
    #mobile-header .mobile-cart-menu{text-align: right;}
    #mobile-header .inner-wrap{position: relative;}
    #mobile-header .mobile-cart-menu{position: absolute; right:0; top:10px; width: 100px;}
    #header .icon-links a{position: relative;}
    #header .icon-links a.cart-icon{margin-left: 24px;display: inline-block;}
    #mobile-header .close-icon{display:none;}
    .mobile-menu-active #mobile-header .close-icon{display: inline-block;}
    .mobile-menu-active #mobile-header  .menu-icon{display: none;}
    #side-menu{
        top:80px; 
        height: calc(100vh - 80px);
        border:0;
        position: fixed;
    }
    #side-menu li{
        padding:0 30px;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
    }
    #side-menu ul li a{
        border-bottom:0;
        border-top: solid 1px #d8d8d8;
        font-family: 'Avenir Roman';
        letter-spacing: 0.8px;
        font-size: 18px;
        display: block;
        width: 100%;
        color: #000;
        padding: 15px 20px;
        font-weight: normal;
        position: relative;
        line-height: 42px
    }
    #side-menu ul li:first-child > a{border:0;}
    #side-menu ul li#side-menu-account{
        margin-top:15px;
    }
    #side-menu ul li#side-menu-account a{
        border:0;
    }
    #side-menu ul li#side-menu-account,
    #side-menu ul li#side-menu-earn-points{
        background: #f4f4f4;    
    }
    #main {
        padding-top: 80px;
    }
    /*================ Cart Drawer ================*/
    html.drawer-active{overflow: hidden;}
    #cartDrawer .inner-wrap{
        width: auto;
        max-height: unset;
        overflow: hidden;
        margin-top: 0;
    }
  	#cartDrawer .inner-wrap .block-title {
        font-size: 30px;
    }
    #cartDrawer .relative-wrapper{
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        z-index: 10;
    }
    #cartDrawer .cart-tip{
        z-index: 5;
        right: auto;
        left: -10px;
        top: 18px;
        display: block;
    }   
    .drawer-cover {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 0;
        background-color: #4a4a4a;
        opacity: 0;
        pointer-events: none !important;
        z-index: 25;
        transition: opacity 0.25s ease-out;
    }
    .drawer-active #shopify-section-header #header{
        transition: transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
        -ms-transform: translateX(-310px);
        -webkit-transform: translateX(-310px);
        transform: translateX(-310px);
    }
    .drawer-active .drawer{
        transition: transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
        -ms-transform: translateX(-320px);
        -webkit-transform: translateX(-320px);
        transform: translateX(-320px);
    }
    .drawer-active .drawer-cover {
        opacity: 0.3;
        height: 100%;
        pointer-events: auto !important;
    }
    #cartDrawer .cartItem .image{
        padding-right: 20px;
        width: 42%;
    }
    #cartDrawer .cartItem .text{
        width: 58%;
    }
    #cartDrawer .cartItem .text p{
        font-size: 16px;
    }
    #cartDrawer .cartItem .image a.cart__remove{
        position: static;
        margin-top:19px;
        display: none;
    }
    #cartDrawer .below-cart{
        width: 100%;
        position: fixed;
        left: 0;
        bottom: 70px;
        z-index: 999999;
        background: #f4f4f4;
    }
    #cartDrawer .below-cart .subtotal{
        margin:0 30px;
    }
    #cartDrawer .cartItem{
        height: calc(100vh - 350px);
        overflow: hidden;
        overflow-y: scroll;
        padding: 10px 0;
    }
    #cartDrawer .cartItem .cart-item {
        margin-bottom: 7px;
        padding-top: 7px;
    }
    #cartDrawer .cartItem .cart-item:last-child {
        margin-bottom: 4px;
    }
    #cartDrawer .below-cart .subtotal {
        border-top: 1px solid #d8d8d8;
        margin: 0;
    }
    .upsell-subcription .us-header .h2 {
        font-size: 24px;
    }
    .upsell-subcription p {
        font-size: 16px;
    }
    .upsell-subcription .us-option label {
        padding: 4px 10px !important;
    }
    .upsell-subcription .us-style-input {
        margin-bottom: 10px;
    }
    .upsell-action .btn-rounded {
        font-size: 20px !important;
    }
    .upsell-off {
        letter-spacing: 0;
    }
  	.drawer .below-cart {
        position: static !important;
    }
    .drawer .cartItem {
        height: auto !important;
    }
    .drawer .inner-wrap {
        overflow: auto !important;
    }
    .drawer .product-quantity {
        display: none;
    }
    .drawer .item-subtotal {
        display: none;
    }
    .close-drawer{position: absolute;top: 18px;right:15px;cursor: pointer;}
    .close-drawer .icon{
        fill: #494949;
        width: 20px;
      	height: 20px; 
    }
    .section-footer {
        padding: 30px 0;
    }
  
      span.close-drawer {
       display: none !important;
    }

    /*================ Homepage Slider ================*/
    #homepage_slider{
        max-width: 94%; 
        margin-bottom: 80px;        
    }
    #homepage_slider .slick-slide .rte-setting{
        padding: 0 20px;       
    }
    .step-row{ max-width: 90%; }
    #homepage_build_bootybag {
        max-width: 90%;
        margin-bottom: 50px;
    }

    /*================ Homepage Gallery ================*/
    #homepage_gallery{
        margin: 30px -3px 0;
    }
    #homepage_gallery .grid__item{
        padding: 3px;
        width: 50%;
    }
    #homepage_gallery .image-bar__item {
        background-size: cover;
    }
    #homepage_gallery .ratio-container:after{padding:0;}
    /*================ Homepage theundiesproject ================*/
    #theundiesproject p{text-align: center;}

    /*================ Homepage homepage_build_bootybag ================*/
    #homepage_build_bootybag .custom__item-inner--image{height: auto;}
    #homepage_build_bootybag .button-row .btn{
        max-width: 90%;    
        height: 45px;
        padding: 0 20px;
        line-height: 45px
    }
    #homepage_build_bootybag .button-row .btn::before{
        width: 55.8px;
        height: 8.8px;
        background-position: 0 -72px;
    }
    #homepage_build_bootybag .button-row .btn:hover::before{
        background-position: 0 -109px;       
    }

    /*================ Homepage Give the gift of Bootay ================*/
    

    .spr-pagination-page, .spr-pagination-deco, .spr-pagination-next, .spr-pagination-prev {
        display: inline-block;
        margin: 0 10px;
    }

    /*================ subscription/gifting flow ================*/
    .flow-header{padding: 28px 30px;    margin-bottom: 30px;}
    .flow-content{padding: 0 30px; max-width: none;}
    
    .pairs{margin: 0 -20px;}
    .pair-box{width: 47%;    margin: 0 1.5%;}
    .pair-box .pairDetails{
        width: auto;
        padding: 15px 20px 45px;
        margin-left: 30px;
        float:none;
    }
    .pair-box .box-head{
        background: #fff;
    }
    .plan-box{
        margin-left: 12px;    
    }
    #giftPage .box-head{border:0;}
    .plan-boxes{padding-top: 10px;}
    .pair-box .btn-box .btn {
        width: 100%;
    }

    .pair-box .btn-wrapper {
        margin-top:0;
    }  

    [data-tooltip]:before{
        left: -40px;    
    }

    .bralette-section .box-wrap{
        width: 400px;    
    }
    .bralette-section .bg-container{
        background-size: auto 80%;    
    }
    .bralette-section h4{
        padding: 0 0 20px;    
    }
    .bralette-section .swatch label {
        font-size: 32px;
    }
    #product-main .swatch{
        margin-right: -30px;   
    }

    .flow-banner .img-wrap{
        display: block;
    }
    .flow-banner .img-wrap-responsive{
        min-height: unset !important;
        margin-bottom: 10px;    
    }
    .flow-banner .countdown_timer{
        right: 4.5%;
        top: 30%;
        font-size: 30px;  
    }

    /*================ Collection Page ================*/
    
    #collection-header {
        padding-left: 30px;
        padding-right: 30px;
    }

    /*================ Help/FAQ Page ================*/
    .help-sidebar{display:none;}
    .help-main{
        padding:40px 30px;
    }
    .help-header {
        padding-top: 40%;
    }

    /*================ Customer Portal ================*/
    #recharge-page .content-wrap {
        padding: 30px;
    }
    #delivery-schedule .page-width{
        padding-left:30px;
        padding-right: 30px;
    }
    #delivery-schedule .owl-arrows .arrow-line{
        width:20px;   
    }
    #delivery-schedule .owl-arrows .arrow-wrap{
        width: 24px;
    }
    .subscription-item .product-item .title,
    .subscription-item .product-item .frequency,
    .subscription-item .product-item .price,
    .subscription-item .product-item .quantity{
        width: 100%;
        padding:0;
        border:0;
        height: auto;
    }
    .subscription-item .product-item .title{
        margin-bottom:10px;
    }
    .subscription-item .product-item .button-links{
        padding: 10px 0;    
    }
    .subscription-item .address_discount .address-block, .subscription-item .address_discount .discount-block{
        width: 100%;
        position:relative;
    }
    .subscription-item .address_discount .discount-block{
        padding: 0 0 24px;
        margin-bottom: 24px;
    }
    .subscription-item .address_discount .discount-applied-block{
        padding-right: 70px;
    }
    .subscription-item .address_discount .discount-block form{
        display: block;
        padding-top: 0;
    }
    .subscription-item .address_discount .discount-block input#discount_code{
        width:  calc(100% - 65px);
    }
    .customer-portal-menu{
        height:47px;
        position:relative;
    }
    .customer-portal-menu .current-page{
        display:block;
        border-bottom: 2px solid #000;
        position: relative;
        line-height:47px;
    }
    .customer-portal-menu .current-page span{
        text-transform: lowercase;
        margin-right: 44px;
        font-size: 20px;
        line-height: 26px;
        font-weight: 600;
        color: #000;
        letter-spacing: normal;
    }
    .customer-portal-menu .current-page::after{
        content:'';
        width: 0; 
        height: 0; 
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 9px solid #000;    
        float: right;
        margin-top: 18px;
    }

    .customer-portal-menu .account-navigation{
        display:none;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        position: absolute;
        top: 49px;
        width: calc(100vW + 60px);
        background: #fff;
        padding-bottom: 20px;
        z-index: 100;
        padding: 15px 30px;
        margin: 0 -30px;
        left: 0;
        border-bottom: solid 1px #d8d8d8;
    }
    .customer-portal-menu.open .account-navigation{
        display:block;
    }
    .customer-portal-menu.open .current-page::after{
        transform: rotate(-180deg);    
    }
    .account-navigation a{
        display: block;
        color: #000 !important;
        border: none !important;
        margin:0 0 5px;
        font-weight: 600 !important; 
    }

    #recharge-page #delivery-schedule .owl-arrows .owl-next::before{
        content: "NEXT";
    }

    .portal-addon-products .product .swatch .color label {
        height: 32px !important;
        width: 32px !important;
    }

    .portal-addon-products .product .swatch label {
        margin: 5px 10px;
        font-size: 21px;
    }

}

@media only screen and (max-width:768px) {

    textarea, .form-element textarea{
        padding-top: 50px;
    }

    .template-index .section-header{
        max-width: 90%;
        padding-top: 35px;
        margin:0 auto 20px;
    }
    #homepage_build_bootybag{
        margin: 0 26px 40px;
        max-width: unset;
    }
    #homepage_build_bootybag .custom-content{
        margin-left: -18px;
    }


    /*================ Homepage theundiesproject ================*/
    #theundiesproject .section-header .h2{
        font-size: 30px;
        line-height: 35px;
        letter-spacing: 0;
        text-align: center;
    }

    /*================ Homepage Give the gift of Bootay ================*/

    #product-wrap{
        padding: 0 20px;
    }
    #product-main {
        padding-left: 30px;
    }

    #styleSection .style-slide .box-footer .btn{
        width: calc(50% - 20px);
    }

    /*================ Collection Slider ================*/
    .collection-carousel{
        margin:0 30px;
    }

    .owl-carousel {
        padding:0;
    }

    /*================ Customer Portal ================*/
    #delivery-schedule{padding:0;}
    #recharge-page .purchase-history .item {
        margin: 0 0 11px;
    }
    #recharge-page .purchase-history .item a{
        padding: 15px 30px 20px;
        height: auto;
    }

    #recharge-page fieldset .button-wrap, .flex-button-wrap, 
    #subscription-product .button-wrap{
        flex-wrap: wrap;
        margin-left:-5px; 
    }
    #recharge-page fieldset .btn, 
    #subscription-product .button-wrap .btn,
    .flex-button-wrap .btn{
        margin-bottom: 5px;
        max-width: unset;
    }

    #recharge-page fieldset .button-wrap .btn:first-child,
    #subscription-product .button-wrap .btn:first-child,
    .flex-button-wrap .btn:first-child{
        margin-left: 5px;
    }

    .flow-banner .countdown_timer{
        font-size: 24px;
        letter-spacing: -1px;
    }

}

@media only screen and (max-width:767px) {

    /*================ Homepage Gallery ================*/
    #homepage_gallery .grid__item{
        width: 50%;
    }

    /*================ Homepage homepage_build_bootybag ================*/
    #homepage_build_bootybag .custom__item {
        padding-left: 0;
        width: 100%;
        max-width: unset;
    }

    /*================ subscription/gifting flow ================*/
    .pairs {
        margin: 0 auto;
    }
    .pair-box {
        width: 100%;
        margin: 0 auto;
    }

    /*================ Cart Page ================*/
    .desktop-cart-content{
        display: none;
    }
    #mobile-cart-content{display:block;} 
    #mobile-cart-content .cartItem .dropdown-total a.cart__remove{
        display: inline;
    }
    #mobile-cart-content .cartItem .image{
        width: 30%;
    }
    #mobile-cart-content .cartItem .text{
        width: 49%;
        text-align: left;
    }
    #mobile-cart-content .cartItem .total{
        width: 21%;
        text-align: right;
    }

    #the-cart #mobile-cart-content .minus-btn, #the-cart #mobile-cart-content .plus-btn{
        background: transparent; 
        color: #494949;    
    }

    .free-shipping .btn {
        margin-top: 10px;
    }

    /*================ Customer Portal ================*/
    #billing-information-page .flex .box-wrap {
        width: calc(100% - 20px);
        margin-bottom: 30px;
        padding: 30px 30px 90px;
        height: auto;
        min-height: 280px;
    }
    #recharge-page .box-wrap .btn{
        left: 30px;
        right: 30px;  
        bottom: 34px; 
    }

    #subscription-product .left-col {
        padding-right: 0;
    }

    #newsletter-popup{
        padding: 30px;
    }

    .mfp-content .mfp-close {
        top: 25px;
        right: 20px;
    }

    #recharge-page #delivery-schedule .owl-arrows .owl-next::before{
        content: "NEXT";
    }

    .flow-banner .countdown_timer{
        font-size: 24px;
        letter-spacing: -1px;
    }

  
 }

@media only screen and (max-width: 749px){
    .step-row .text-wrapper, .step-row .feature-row__text--right .text-wrapper {
        margin-left: 80px;
        width: auto;
        margin-top: -150px;
        margin-right: 0;
    }
    .feature-row__text {
        margin-bottom: 30px;
    }
    #homepage_bootay_gift .custom__item{ padding: 0;}
    #homepage_bootay_gift .custom__item-inner{text-align: left;}

    #collection-header{
        padding-left: 30px;
        padding-right: 30px;
    }
    .c {
        width: calc(100% - 60px);
    }
    .collection-grid .product {
        width: 48%;
    }
    .product .prod-title, .collection-grid .product .prod-price{
        font-size: 14px;
        font-weight: 500;
    }
    .product .prod-title {
        margin-right: 50px;
    }
    .collection-grid .prod-caption{margin:0 8px;}

    #product-wrap{
        padding: 0; position: relative;
    }

    #product-images{
        width: 100%;
        display: none;
    }
    #product-main{
        width:100%;
        padding:0;
        text-align: left;
    }
    #product-main .product-title{text-align: left; padding-right: 50px;}
    #product-main .showmobile .product-price{
        position: absolute;
        right: 0;
        top: 14px;
        margin: 0;
    }

    #product-main .owl-carousel{ padding: 0;}
    #product-main #mobile-product-images {
        margin: 20px -30px 0;
        padding-bottom: 18px;
    }
    #mobile-product-images .owl-item{padding-right:15px;}
    #mobile-product-images .owl-stage-outer{overflow: visible;}
    #mobile-product-images .owl-nav{display: none;}
    #product-main .swatch label{margin-right: 25px;margin-bottom: 10px;}
    #product-main .swatch .size label{margin-right: 30px;}

    .responsive-table th, .responsive-table td{
        padding: 10px 0;
    }


    .special-blog .blog-slider-img-mobile .article .article-content {
        height: 360px !important;
    }
}

@media only screen and (max-width: 699px){

    .special-blog .blog-slider-img-mobile {
        margin-bottom: 0 !important;
    }
    /*
    .special-blog .tabs-stage {
        display: none;
    } */
}

@media only screen and (max-width:479px) {
    #main {
        padding-top: 80px;
    }
    .btn::before{margin-right: 12px;}
    button.btn{
        width: 100%;
        text-align: center;
    }
    #mobile-header{padding: 20px;}
    #side-menu{top:80px;}
    .show-button-wrapper .button-wrapper {
        padding: 20px 0;
    }
    .show-button-wrapper .button-wrapper, .section-footer{
        text-align: left;
    }
    #homepage_build_bootybag{
        margin: 0 0 60px;
    }

    .step-row .button-wrapper {
        padding: 0;
        margin-bottom: 30px;
    }

    #homepage_bootay_gift .image-wrapper{
        padding-top: 300px;
        background-size: cover;
    }
    #homepage_bootay_gift .image-wrapper img{
        display: none;
    }

    #theundiesproject .image-wrapper{
        width: 280px;
        margin: 0 auto;
    }

    
    #homepage_banner .video-text{
        text-align: left;
    }

    #homepage_banner .video-text p{
        padding:0 30px;
        text-align: left;
    }


    /*================ Homepage Banner ================*/
    
    #homepage_banner .mega-subtitle {
        width: auto;
        height: auto;
        margin-top: 269px;
        margin-left: 32px;
    }

    #homepage_banner.hero-video .mega-subtitle{
        margin-top: 215px;    
    }

    #homepage_banner .flex-row .btn {
        left: -32px;
    }

    /*================ Homepage Slider ================*/
    #homepage_slider {
        max-width: 100%;
        margin: 0 0 40px;
        padding-right: 40px;
    }
    #homepage_slider .slick-slide{
        padding: 0;
        padding-right: 10px;
    }
    #homepage_slider .slick-list{overflow: visible;}

    /*================ Homepage Steps ================*/
    .step-row .text-wrapper, .step-row .feature-row__text--right .text-wrapper {
        margin-left: 32px;
        margin-top: -80px;
    }    
    .step-row {
        max-width: 100%;
    }
    .step-row .feature-row__text{
        padding-top:10px;
        margin-bottom: 0;
    }

    /*================ Homepage Gallery ================*/
    #homepage_gallery .section-footer{text-align: right;    margin-bottom: 20px;}

    /*================ Homepage homepage_build_bootybag ================*/
    #homepage_build_bootybag .custom-content{width: 343px; overflow: visible; position:relative;  margin-left: 0;}
    #homepage_build_bootybag .owl-item{float:left;}
    #homepage_build_bootybag .button-row{padding:0; position: absolute; left:0; bottom: 58px; margin:0; width: 290px;}
    #homepage_build_bootybag .button-row .btn{
        width: 100%;
    }

    /*================ Homepage Give the gift of Bootay ================*/
    #homepage_bootay_gift p{padding:0 30px; font-size: 14px;}

    #product-main .swatch label{margin-right: 15px;font-weight: 600;}
    #product-main .swatch .size label{margin-right: 30px;}

    #product-reviews-wrapper .spr-header-title{text-align: left;}
    #product-reviews-wrapper .spr-review{padding: 40px 24px 23px;}
    #shopify-product-reviews{overflow: visible !important;}
    #shopify-product-reviews .spr-reviews{    margin: 0 -15px 0 !important;}

    /*================ subscription/gifting flow ================*/
    .flow-header{margin-bottom: 0;}
    .flow-content{padding:0 20px;}
    .pair-box {
        width: 100%;
        margin: 0 0 40px;
    }
    .pair-box .pairDetails{
        position: relative;
        width: auto;
        padding: 0;
        box-sizing: border-box;
        margin-left: 0;
        float: none;
        margin-top: 0;
    }
    .pair-box .box-head {
        padding: 30px 30px 0;
        width: auto;
    }
    #giftPage .box-head{
        border-bottom: 0;
    }
    .pair-box .price{
        top: 50px;
        right: 43px;
    }
    .pair-box .btn-box{
        width: auto;
        position: static;
        text-align: center;
        margin-top: 30px;
    }
    .pair-box .btn-box .btn{
        width: 100%;
        text-align: center; 
    }
    .plan-boxes {
        margin-left: 0;
        padding-top: 10px;
        text-align: center;
    }
    .plan-box{margin: 0 5px;}
    
    .subscription-section .owl-carousel{ padding:0;}
    .subscription-section .owl-carousel .owl-stage-outer{overflow: visible;}
    #styleSection{margin-top:20px;}
    #styleSection .style-slide .product{margin-bottom: 20px;}
    .box-footer{
        text-align: center;
        margin: 0;
        width: 100%;
    }
    .box-footer p{
        max-width: unset;
    }
    #styleSection .style-slide .box-footer .btn{
        width: 100%; 
        text-align: center;  
    }
    .subscription-section .sizes-input{
        margin-bottom: 60px;
        padding-left: 0;
        padding: 40px 0 0;
        text-align: center;  
    }
    .subscription-section .sizes-input .circle-input+label, 
    .bralette-section #product-main .swatch .size input+label{
        font-size: 28px;
        line-height: 30px;
        margin: 0 15px; 
    }
    .subscription-section .product-block {
        padding: 30px 0;
    }
    .flow-title #flow-checkout{    padding-left: 46px;}
    .bralette-section{
        padding: 0 0 30px;
    }
    .bralette-section .bg-container{
        height: 480px;
        position: static;
        background-size: cover;
    }
    .bralette-section .box-wrap{
        margin: 0;
        width: auto;
        padding: 0;
        border: none;
    }
    .bralette-section h4{    padding: 10px 26px 10px 42px;}
    .bralette-section #product-main .swatch {
        margin: 20px 0;
        text-align: center;
    }
    .bralette-section .btn-box{
        margin-left: 0;   
    }
    .bralette-section .btn {
        margin-bottom: 12px;
        width: 100%;
        text-align: center;
    }

    .bralette-section .discount_code p{
        line-height: 30px;    
    }
    .bralette-section .discount_code em{
        display: block;   
    }

    .flow-banner .countdown_timer{
        top: 30%;
        font-size: 13px; 
    }

    .flow-content .owl-nav .slick-arrow{
        opacity: 0;
    }
    .flow-content .owl-carousel:hover .owl-nav .slick-arrow{
        opacity: 1;
    }

    .flow-content .owl-nav .slick-prev{
        right:auto;
        left:10px;
    }
    .flow-content .owl-nav .slick-next{
        left:auto;
        right:10px;
    }

    /*================ Collection Page ================*/
    .collection-grid {
        margin-left: -10px;
    }    
    .collection-grid .product .swatch .color label{
        height: 15px !important;
        width: 15px !important;   
        border: 0;
        margin-right: 3px;
    }
    .collection-grid .product .swatch .tooltip {
        left: -12px;
        top: 175%;
    }
    .collection-grid .product {
        width: 50%;
        margin-left: 0;
        padding-left: 10px;
        margin-bottom: 30px;
    }
    .collection-grid .product .swatch {
        margin: 15px 10px 0;
    }

    /*================ Collection Carousel ================*/
    .collection-owl-carousel{
        margin: 0 -30px;    
    }
    .collection-owl-carousel .owl-stage-outer{
        overflow: visible;    
    }

    /*================ Customer Portal ================*/
    #recharge-page .purchase-history .item a{
        line-height: 24px;    
    }
    #recharge-page .purchase-history .item .date{
        width:100%;
        font-size: 12px;
    }
    #recharge-page .purchase-history .item .order-number{
        width:70%;
    }
    #recharge-page .purchase-history .item .total{
        width:30%;
    }

    #recharge-page #order-details {
        background: #fff;
        padding: 30px 0;
    }

    #recharge-page #order-details .order-number,
    #recharge-page #order-details .date{
        width:100%;
        text-align: left;
    }
    #recharge-page #order-details .order-number{
        margin-bottom: 8px;    
    }
    #recharge-page #order-details .order-footer span{
        width: 49%;    
    }

    .back-wrap{
        margin: -15px -15px 30px;   
    }

    .back-wrap a{
        height: 50px;
        line-height: 50px;
        display: block;
        color: #ffffff;
        background: #4a4a4a;
        padding: 0 15px;
        font-weight: 500;
    }
    .back-wrap a svg g {
        fill: #fff;
    }
    .subscription-item .add-product-wrap .btn-add-product{
        padding: 10px 10px;
    }
    .subscription-item .add-product-wrap .btn-wrap {
        width: 30px;
        height: 30px;
        margin-top: -15px;
    }
    #subscription-page{
        background: transparent;
    }
    .subscription-row > .flex {
        display: block;
    }
    .subscription-item .product-item .product-image{
        float: left;
    }
    .subscription-item .product-item .product-details {
        width: 100%;
    }
    .subscription-item .product-item .info-labeled {
        clear: left;
    }
    #recharge-page .box-wrap{
        padding: 30px;   
    }

    #recharge-page .content-wrap {
        padding: 30px;
    }
    #recharge-page .btn-row .btn{
        max-width: unset;
    }

    #subscription-product .name-title{
        padding-right: 80px;
        position: relative;
    }
    #subscription-product .name-title .price{
        float: right;
        position: absolute;
        right: 0;
        top: 0;    
    }

    #recharge-page .head-content-wrap .h1{
        text-align: center;
    }

    #customer .customer-heading{
        text-align: left;
    }

    .portal-addon-products{
        padding: 0 0 30px;
        height: 100vh;
        border-radius: unset;
    }
    .portal-addon-products .back-wrap{
        display: block;
        margin: 0;
    }
    .portal-addon-products .back-wrap a{
        margin: 0;
    }
    .portal-addon-products .mobile-scroll-wrap{
        height: calc(100vh - 100px);
        padding: 30px 0 0;
        /* overflow-y: scroll; */
    }
    .portal-addon-products .block-head{
        padding: 0 30px;
        display: block;
        height: auto;
    }
    .portal-addon-products .block-head .script, .portal-addon-products .block-head p{
        width: 100%;
    }
    .portal-addon-products .block-content-wrap{
        padding: 20px 30px; 
        height: auto;   
    }
    .portal-addon-products .collection-grid{
        margin-left: 0;
    }
    .portal-addon-products .collection-grid .product{
        width:100%;
        margin-left:0;
        padding:0;    
        margin-bottom: 50px;
    }
    .portal-addon-products .options-inner-wrap{
        display: flex;   
        flex-wrap: wrap;
        align-content: center;
    }
    .portal-addon-products .options-inner-wrap .swatch-wrap, .portal-addon-products .options-container .btn-wrap{
        position: static;
    }
    .portal-addon-products .options-container .btn-add-to-order{
        width: 220px;
    }
    .fancybox-portal-collection .fancybox-slide--html{
        padding:0;
    }
    .fancybox-portal-collection .fancybox-button{
        display:none;
    }
    .portal-addon-products .collection-grid .product .swatch .tooltip {
        left: 0px;
        top: 110%;
    }
    .portal-addon-products .collection-grid .product:last-child{
        margin-bottom: 0;
    }
    .portal-addon-products .product-added .success-box-mobile{
        opacity: 1;
        background: #e5eaf1;
        height: 38px;
        width: 163px;
        position: absolute;
        top: 23px;
        right: -30px;
        font-size: 12px;
        font-weight: 500;
        line-height: 2;
        letter-spacing: normal;
        color: #494949;
        z-index: 5;
        padding: 0 10px;
        vertical-align: middle;
        display: flex;
        align-items: center;
        margin-right: 6px;
    }
    .portal-addon-products .product-added .success-box-mobile svg{
        margin-right:6px;
    }
    #portal-addon-products-mobile .product .swatch label {
        font-size: 14px;
        margin: 0 12px 0 0;
    }

    /*================ Carousel ================*/

    .owl-dots .owl-dot:nth-child(n+8){
        display: none !important;
    }

   .owl-arrows .arrow-line{
        width:20px;   
    }
   .owl-arrows .arrow-wrap{
        width: 24px;
    }
    .collection-carousel-navigation{
        padding: 0 30px;   
    }

    #product-main .swatch{
        margin-right: -30px;     
    }

    /*================ Cart Page ================*/

    #mobile-cart-content .cartItem .total{
        display:none;
    }
    #mobile-cart-content .cartItem .image{
        width: 35%;
    }
    #mobile-cart-content .cartItem .text{
        width: 65%;
    }
    #mobile-cart-content .cartItem .item-subtotal{
        display: block;
    }

    #mobile-cart-content .cartItem .image a.cart__remove{ 
        display: inline-block;
        position: static;
    }
    #the-cart #mobile-cart-content .below-cart{
        width:auto;
        float:none;
    }

    .free-shipping .btn {
        float:none;
        width: 100%;
    }

    #newsletter-popup h2{
        font-size: 70px;    
    }

    #newsletter-popup form input[type=email] {
        height: 50px;
        width: 80%;
    }

}

@media only screen and (max-width:320px) {

    #homepage_banner.hero-video .mega-subtitle {
        margin-top: 185px;
    }

    .help-main, .content-wrap {
        padding: 40px 30px;
    }

    .c {
        width: calc(100% - 30px);
    }
    /*================ Collection Page ================*/
    #collection-header {
        padding: 30px 20px 20px;
    }
    .collection-grid {
        margin-left: -10px;
    }
    .collection-grid .product{
        width: 50%;
        margin-left: 0;
        padding-left: 10px;
    }

    .collection-grid .prod-caption {
        margin: 0 4px;
    }

    .collection-grid .product .swatch {
        margin: 15px 4px;
    }

    /*================ subscription/gifting flow ================*/
    .flow-header {
        padding: 28px 15px;
    }
    .flow-header .flow-title {
        padding-left: 20px;
    }
    .flow-header .flow-navigation li{
        margin: 0 10px;   
    }
    
    .pair-box .pairDetails{
        margin-left: 15px;    
    }
    .plan-boxes {
        margin-left: -10px;
    }
    .plan-box {
        margin-left: 10px;
    }
    .box-footer p {
        margin-left: 15px;
    }
    .subscription-section .sizes-input {
        padding: 40px 0 0 45px;
    }
    .subscription-section .product-block {
        padding: 70px 20px 40px;
    }
    .bralette-section .box-wrap {
        margin: -84px 0 0 20px;
        padding: 20px 0 0;
    }
    .bralette-section h4 {
        padding: 0 20px 20px;
    }
    .bralette-section .swatch {
        margin: 20px 0;
    }
    .bralette-section #product-main {
        padding: 0 20px;
    }
    .bralette-section #product-main .swatch{
        margin: 20px 0;   
    }

    /*================ Collection Carousel ================*/
    .collection-owl-carousel{
        margin: 0 -15px;    
    }
    .collection-owl-carousel .owl-stage-outer{
        overflow: visible;    
    }

    /*================ Product Page ================*/
    #product-main .swatch label{margin-right: 20px;}

    .site-footer__item-inner--newsletter .contact-form input#ContactFooter-email{
        width: 180px;   
    }
    #product-main #mobile-product-images {
        margin: 20px -15px 0;
    }

    /*================ Customer Portal ================*/
    #recharge-page .content-wrap {
        padding: 20px;
    }
    #recharge-page .delivery-items .item .box-wrap{
        padding: 20px;
        height: auto;
    }
    .subscription-item .add-product-wrap {
        margin: 30px 20px 0;
    }
    .subscription-item .address_discount {
        padding: 20px 20px 30px;
    }

    .flow-banner .countdown_timer{
        font-size: 11px;
    }

}


@media only screen and (min-width:1024px) {
    .for-ipad-header  {
        display: none;
    }
}

@media only screen and (min-width:901px){
    .blog-slider-img-mobile.blog-down {
        display: none;
    }
}
@media only screen and (min-width:768px) {
    .for-mobile-header {
        display:none;
    }
    .mobile-menu {
        display: none;
    }
    .for-mobile-hero-inner {
        display:none;
    }
    .for-down {
        display: none !important;
    }
    .for-mobile-month {
        display: none;
    }

    .for-desktop-mobile {
        display: none;
    }

}

@media only screen and (min-width:1200px) and (max-width:1439px) {

    /* header */
    .site-header, #header {
        width: 1170px;
    }
    /* banner */
    #homepage_banner .mega-subtitle .inner {
        max-width: 550px;
        margin-left: 70px;
    }

    /* 3urban */

    .image-with-text.urban .page-width {
        max-width: 980px;
    }
    .image-with-text.urban .rte-setting p {
        position: relative;
        padding: 0px 25px;
    }

    /* works */

    .works .page-width {
        padding: 90px 0;
        max-width: 1170px;
    }



    /* past bags */

    .past-bags .page-width {
        max-width: 1170px;
        margin-bottom: 60px;
    }


}

@media only screen and (min-width:1024px) and (max-width:1199px) {
    .site-header, #header {
        width: 940px;
        position: relative !important;
    }
    .for-ipad-header .page-width {
        width: 940px;
    }
    #header .text-links {
        display: none;
    }
    nav {
        display: none;
    }
    .for-ipad-header ul.site-nav {
        margin: 0;
    }
    .for-ipad-header .site-nav a {
        padding: 0px 40px 0 0;
    }
    .for-ipad-header ul.site-nav {
        float: left;
    }
    .for-ipad-header .text-links {
        float: right;
    }
    .for-ipad-header {
        height: 40px;
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }
    .text-links span.sep {
        margin: 0 18px;
    }


    /* banner */

    #homepage_banner {
        height: 520px;
    }
    #homepage_banner .mega-subtitle .inner {
        max-width: 550px;
        margin-left: 0;
    }
    #homepage_banner .mega-subtitle .inner {
        max-width: 355px;
        height: 252px;
        margin-left: 40px;
    }
    #homepage_banner p {
        font-size: 40px;
    }
    #homepage_banner p {
        font-size: 40px;
        line-height: 46px;
    }
    #homepage_banner .flex-row .btn {
        margin: 0 20px 0;
    }
    #homepage_banner p {
        font-size: 40px;
        line-height: 46px;
        margin-bottom: 20px;
    }
    #homepage_banner .flex-row {
        padding: 0 15px;
    }


    /* urban */

    .image-with-text.urban .page-width {
        max-width: 940px;
    }
    .image-with-text.urban .rte-setting p {
        position: relative;
        padding: 0px 20px;
    }   
    .works .page-width {
        max-width: 940px;
    }
    .image-with-text.works .rte-setting p {
        padding: 0;
    }


    /* perks */

    .full-block .fb-col:first-child .fb-container {
        width: 600px;
    }
    .step-slider .slick-slide {
        height: 483px ;
    }
    .step-slider .slider {
        height: 483px;
    }
    .with-content {
        background: white;
        margin-left: -35px;
        padding: 50px;
    }

    /* past bags */
    .special-blog.bags-slider .slick-slider .slick-prev {
        left: -30px;
    }
    .special-blog.bags-slider .slick-slider .slick-next {
        right: -30px;
    }
    .special-blog .slick-prev:before, .special-blog .slick-next::before {
        width: 25px;
    }
    .past-bags .page-width {
        width: 940px;
    }
    .past-bags .slider {
        height: 462px;
    }
    .past-bags .slick-slider .slick-prev {
        left: -33px;
    }
    .past-bags .slick-prev:before, .past-bags .slick-next::before {
        width: 25px;
    }
    .past-bags .slick-slider .slick-next {
        right: -33px;
    }

    /* FAQS */

    .accordion_container.faqs .page-width {
        max-width: 940px;
    }

    /* Community */

    .community .slick-prev:before, .community .slick-next::before {
        width: 25px;
    }
    .community .slick-slider .slick-prev {
        left: -29px;
    }
    .community .slick-slider .slick-next {
        right: -29px;
    }
    .community .page-width {
        max-width: 940px;
    }

    /* footer */

    .site-footer__item-inner--newsletter {
        width: 100%;
    }
    .site-footer {
        padding: 50px 0 0;
    }
    .site-footer__item-inner--newsletter h4 {
        padding: 0;
        margin-bottom: 0;
    }
    .site-footer__item.site-footer__item--one-quarter {
        margin: 0 0 25px;
    }
    .site-footer__linklist-item {
        padding: 0;
    }
    ul.list--inline.site-footer__social-icons.social-icons.site-footer__icon-list span {
        display: inline-block
    }
    ul.list--inline.site-footer__social-icons.social-icons.site-footer__icon-list {
        text-align: center;
        width: 100%;
        padding: 0;
        flex: 1;
    }
    ul.list--inline.site-footer__social-icons.social-icons.site-footer__icon-list li {
        display: inline-block;
        width: auto;
        margin: 0 10px;
    }
    .grid.grid-copyright.grid--no-gutters {
        text-align: center;
        margin: 0;
    }   
    #shopify-section-footer .copyright-links {
        margin: 0;
    }
    .grid.grid-copyright.grid--no-gutters .grid__item {
        padding: 0;
        text-align: center;
    }
    .site-footer .page-width {
        width: 768px;
        padding: 0 30px;
    }
    .site-footer__item-inner--newsletter .contact-form {
        width: 475px;
        margin: 0 auto;
    }
    .site-footer__item-inner--newsletter h4 {
        font-size: 14px;
        text-align: center;
        letter-spacing: 1.56px;
    }
    .site-footer__item-inner--newsletter .contact-form input#ContactFooter-email {
        width: calc(100% - 100px);
    }
    .site-footer__content {
        display: flex;
        flex-wrap: wrap;
    }
    .site-footer__item--one-quarter:not(:first-child) {
        flex: 1 19%;
    }
    .site-footer__item--one-quarter:nth-child(1) {
        flex: 100%;
        width: 100%;
        margin-bottom: 40px;
    }   
    ul.list--inline.site-footer__social-icons.social-icons.site-footer__icon-list li:nth-child(2) {
        margin-left: -7px;
    }

}


/* ipad */
@media only screen and (max-width: 1023px) and (min-width: 768px) {
    .page-width {
        width: 672px;
    }

    .site-header, #header {
        width: 672px;
        position: relative !important;
    }
    #header .text-links {
        display: none;
    }
    nav {
        display: none;
    }
    .for-ipad-header ul.site-nav {
        margin: 0;
    }
    .for-ipad-header .site-nav a {
        padding: 0px 20px 0 0;
    }
    .for-ipad-header ul.site-nav {
        float: left;
    }
    .for-ipad-header .text-links {
        float: right;
    }
    .for-ipad-header {
        height: 40px;
        display: flex;
        align-items: center;
        margin-bottom: 15px;
    }
    .text-links span.sep {
        margin: 0 18px;
    }

    /* banner */

    #homepage_banner {
        height: 520px;
    }
    #homepage_banner .mega-subtitle .inner {
        max-width: 550px;
        margin-left: 0;
    }
    #homepage_banner .mega-subtitle .inner {
        max-width: 355px;
        height: 252px;
    }
    #homepage_banner p {
        font-size: 40px;
    }
    #homepage_banner p {
        font-size: 40px;
        line-height: 46px;
    }
    #homepage_banner .flex-row .btn {
        margin: 0 20px 0;
    }
    #homepage_banner p {
        font-size: 40px;
        line-height: 46px;
        margin-bottom: 20px;
    }
    #homepage_banner .flex-row {
        padding: 0 15px;
    }

    /* urban */
    .image-with-text.urban .page-width {
        padding: 36px 0;
    }
    .image-with-text.urban .rte-setting p {
        position: relative;
        padding: 0px 28px;
    }



    /* works */

    .image-with-text.works h2 {
        margin-bottom: 20px;
        font-size: 54px;
    }
    .image-with-text.works img {
        max-width: 121px;
        margin-bottom: 15px;
    }
    .image-with-text.works h3 {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .image-with-text.works .rte-setting p {
        padding: 0px;
    }
    
    .image-with-text.works .page-width {
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }   
    .works .page-width {
        padding: 50px 0;
    }

    /* perks */

    .hiw.position-relative.slider-mine {
        padding: 50px 0;
    }

    .slider-mine h2 {
        margin-bottom: 30px;
        font-size: 44px;
    }

    .full-block {
        max-width: 768px;
        margin: 0 auto;
    }
    .with-content p {
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.38;
        letter-spacing: 0.46px;
        text-align: center;
    }
    .with-content {
        background: white;
        margin-left: -25px;
        padding: 30px 35px;
    }


    /* past-bags */
    .special-blog .article{
        padding: 5px;
    }
    .article .article-content{
        border: 3px solid transparent;    
    }
    .special-blog.bags-slider .article h2 span {
        bottom: -7px;
    }
    .special-blog .article h2 {
        margin: 5px 0 1px;
        font-size: 18px;
    }
    .blog-slider-img.slick-initialized.slick-slider.slick-dotted {
        margin: 0;
    }
    .past-bags .special-blog.bags-slider .slick-dots {
        bottom: -35px;
    }
    .past-bags .special-blog .page-width {
        padding: 0;
        margin: 0 auto;
        max-width: 688px;
    }

    .past-bags {
        padding: 50px 0;
    }
    .special-blog .blog-slider-img{
        width: 100%;
        margin-bottom: 32px; 
    }
    #shopify-section-blog-template .special-blog .blog-slider-img{
        padding: 0 40px;    
    }
    .past-bags .slider {
        height: auto;
    }
    .past-bags .heading-intro h2 {
        margin-bottom: 35px;
        font-size: 54px;
    }
    .past-bags .slick-prev:before, .past-bags .slick-next::before {
        width: 25px;
    }
    .past-bags .slick-slider .slick-prev {
        left: -33px;
    }
    .past-bags .slick-slider .slick-next {
        right: -33px;
    }
    .past-bags .slick-dots {
        bottom: -60px;
    }

    /* Build Your BootayBag */

    .build h2 {
        font-size: 64px;   
    }

    .select-wrap .options {
        width: 100%;
    }


    /* FAQS */

    .accordion_container.faqs {
        padding: 50px 0;
    }
    .accordion_container.faqs .page-width {
        width: 100%;
        padding: 0 40px;
    }
    .accordion_container.faqs h2 {
        font-size: 54px;
        margin-bottom: 35px;
    }


    /* a letter form */

    .a-letter-from {
        padding: 60px 0 75px 0;
    }
    .a-letter-from .feature-row {
        display: block;
    }
    .a-letter-from .letter-title.feature-row__item {
        padding: 0 10px;
    }
    .letter-title h2 {
        font-size: 48px;
        line-height: 1.33;
        margin-bottom: 30px;
        max-width: 380px;
    }
    .context-wrap {
        padding: 0 20px;
    }
    .context-letter {
        margin: 0 auto;
        padding: 50px;
    }
    .context-letter {
        max-width: 100%;
    }
    .context-letter:after {
        width: 705px;
    }   
    .a-letter-from .page-width {
        width: 768px;
    }


    /* charity */


    .charity {
        padding: 50px 0;
     
    }
    .charity h2 {
        font-size: 54px;
        margin-bottom: 30px;
    }


    /* community */

    .community {
        padding: 50px 0 20px;
    }
    .community .page-width {
        width: 100%;
        padding: 0 35px;
        margin-bottom: 0;
    }
    .community h2 {
        font-size: 54px;
        margin-bottom: 30px;
    }
    .community .slick-prev:before, .community .slick-next::before {
        width: 25px;
    }
    .community .slick-slider .slick-prev {
        left: -26px;
    }
    .community .slick-slider .slick-next {
        right: -26px;
    }
    .community .slick-dots {
        bottom: -40px;
    }
    .sld h2 {
        bottom: -48px;
    }



    /* footer */


    .site-footer__item-inner--newsletter {
        width: 100%;
    }
    .site-footer {
        padding: 50px 0 0;
    }
    .site-footer__item-inner--newsletter h4 {
        padding: 0;
        margin-bottom: 0;
    }
    .site-footer__item.site-footer__item--one-quarter {
        margin: 0 0 25px;
    }
    .site-footer__linklist-item {
        padding: 0;
    }
    ul.list--inline.site-footer__social-icons.social-icons.site-footer__icon-list span {
        display: inline-block
    }
    ul.list--inline.site-footer__social-icons.social-icons.site-footer__icon-list {
        text-align: center;
        width: 100%;
        padding: 0;
        flex: 1;
    }
    ul.list--inline.site-footer__social-icons.social-icons.site-footer__icon-list li {
        display: inline-block;
        width: auto;
        margin: 0 10px;
    }
    .grid.grid-copyright.grid--no-gutters {
        text-align: center;
        margin: 0;
    }   
    #shopify-section-footer .copyright-links {
        margin: 0;
    }
    .grid.grid-copyright.grid--no-gutters .grid__item {
        padding: 0;
        text-align: center;
    }
    .site-footer .page-width {
        width: 768px;
        padding: 0 30px;
    }
    .site-footer__item-inner--newsletter .contact-form {
        width: 475px;
        margin: 0 auto;
    }
    .site-footer__item-inner--newsletter h4 {
        font-size: 14px;
        text-align: center;
        letter-spacing: 1.56px;
    }
    .site-footer__item-inner--newsletter .contact-form input#ContactFooter-email {
        width: calc(100% - 100px);
    }
    .site-footer__content {
        display: flex;
        flex-wrap: wrap;
      
    }
    .site-footer__item--one-quarter:not(:first-child) {
        flex: 1 19%;
    }
    .site-footer__item--one-quarter:nth-child(1) {
        flex: 100%;
        width: 100%;
        margin-bottom: 40px;
    }   
    ul.list--inline.site-footer__social-icons.social-icons.site-footer__icon-list li:nth-child(2) {
        margin-left: -7px;
    }



    /* BLOG PAGE */

    .special-blog .page-width {
        width: 100%;
    }
    .article h2 {
        font-size: 26px;
        min-width: auto;
    }
    .hiw.position-relative.blog-blk .full-block {
        display: block;
    }   
    .special-blog .slick-dots {
        bottom: -50px;
    }
    .hiw.position-relative.blog-blk .with-content {
        padding: 0 15px;
        margin: 0;
        width: 100%;
        min-height: unset;
    }
    .article-text {
        width: 768px;
        padding: 0 15px;
    }
    ul.list--inline.site-footer__social-icons.social-icons.site-footer__icon-list li:nth-child(4) {
        margin-left: 10px;
        margin-left: -50px !important;
    }
    .special-blog .article.article-featured .article-content {
        height: 346px;
    }
    .special-blog .slick-track {
        height: 380px;
    }
    .special-blog .article .article-content {
        height: 151px;
    }


    .special-blog .slick-prev:before, .special-blog .slick-next::before {
        width: 30px;
    }
    .special-blog.bags-slider .slick-slider .slick-next {
        right: -30px;
    }
    .special-blog.bags-slider .slick-slider .slick-prev {
        left: -30px;
    }

}

@media only screen and (max-width:900px){
    .blog-slider-img.blog-up {
        display: none;
    }
}

/* mobile */
@media only screen and (max-width:767px) {

    .special-blog .tabs-stage .slick-track {
        height: unset !important;
    }
  
    .site-footer__item-inner--newsletter>.site-footer__newsletter{
      flex-direction: column;
    }
  

    .for-desktop-blog {
        display: none;
    }
    nav {
        display: none;
    }
    div#user-area {
        display: none;
    }
    a.logo svg {
        width: 94px;
    }
    .for-ipad-header,
    header#header {
        display: none;
    }
    a.logo {
        line-height: 0;
    }
    .header {
        text-align: center;
        height: 70px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }
    a.subs-btn {
        background: #f2b2a1;
        width: 100%;
        display: flex;
        height: 40px;
        align-items: center;
        justify-content: center;
        font-family: Lato;
        font-size: 12px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 2px;
        color: #000000;
        text-transform: uppercase;
    }


    /* mobile menu */

    .mobile-menu-toggle {
        position: absolute;
        left: 10px;
    }
    .mobile-toggle {
        display: inline-block;
        width: 45px;
        position: relative;
        cursor: pointer;
        height: 34px;
        line-height: 0;
    }    
    .mobile-toggle .icon-bar:first-child {
        top: 12px;
        -webkit-transition: transform 0.25s ease-in-out, top 0.25s ease-in-out;
        -webkit-transition: top 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
        transition: top 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
        -o-transition: transform 0.25s ease-in-out, top 0.25s ease-in-out;
        transition: transform 0.25s ease-in-out, top 0.25s ease-in-out;
        transition: transform 0.25s ease-in-out, top 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    }
    .mobile-toggle .icon-bar {
        width: 24px;
        height: 2px;
        background-color: #000;
        display: block;
        position: absolute;
        left: 10px;
    
    }
    .mobile-toggle .icon-bar:nth-child(2) {
        top: 18px;
        -webkit-transition: opacity 0.25s ease-in-out;
        -o-transition: opacity 0.25s ease-in-out;
        transition: opacity 0.25s ease-in-out;
    }
    .mobile-toggle .icon-bar:last-child {
        top: 24px;
        -webkit-transition: transform 0.25s ease-in-out, top 0.25s ease-in-out;
        -webkit-transition: top 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
        transition: top 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
        -o-transition: transform 0.25s ease-in-out, top 0.25s ease-in-out;
        transition: transform 0.25s ease-in-out, top 0.25s ease-in-out;
        transition: transform 0.25s ease-in-out, top 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    }
    a.mobile-toggle.active .icon-bar:first-child {
        top: 18px;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    a.mobile-toggle.active .icon-bar:nth-child(2) {
        top: 18px;
        opacity: 0;
    }
    a.mobile-toggle.active .icon-bar:last-child {
        top: 18px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    /* menu */
    .mobile-menu {
        position: absolute;
        top: 100%;
        z-index: 9999;
        background: #fff;
        width: 100%;
        padding: 0;
        left: 0;
        -webkit-box-shadow: 0 15px 15px rgba(0, 0, 0, 0.09);
        box-shadow: 0 15px 15px rgba(0, 0, 0, 0.09);
        -webkit-transition: all 0.25s ease-in-out;
        -o-transition: all 0.25s ease-in-out;
        transition: all 0.25s ease-in-out;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
        transform: scale(0.8);
        border-top: 2px solid #000;
    }
    .for-mobile-header .subs-btn{
        display:none;
    }
    .template-index .for-mobile-header .subs-btn{
        display:flex;
    }
    .template-index .mobile-menu {
        top: calc(100% - 40px);    
    }
    
    .mobile-menu.selected {
        opacity: 1;
        visibility: visible;
        max-height: none;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .mobile-menu a.site-nav__link {
        text-transform: uppercase;
        font-family: Lato;
        font-size: 12px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 2px;
        color: #000000;
        text-align: center;
        padding: 15px 0;
    }

    .mobile-menu .site-nav {
        margin: 0;
        height: auto;
        /* text-align: center; */
        justify-content: inherit;
        display: block; 
    }
    ul.list--nav {
        width: 100%;
        border-bottom: 1px solid #ddd;
        padding: 20px 0;
    }
    .mobile-menu a.subscribe-btn {
        display: flex;
        height: 50px;
        align-items: center;
        justify-content: center;
        font-family: Lato;
        font-size: 12px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 2px;
        color: #000000;
        line-height: 0;
        padding: 0;
        margin: 0 auto 40px;
        width: 220px;
    }
    .subs-customer {
        padding: 40px 0;
    }
    .subs-customer .text-links a {
        display: inline;
        padding: 0;
    }
    .subs-customer span.sep {
        color: #ccb9b4;
        margin: 0 25px;
    }
    .mobile-menu.selected:after {
        width: 0px;
        height: 0px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #000000;
        content: '';
        position: absolute;
        top: -10px;
        left: 23px;
    }

    /* banner */


    div#homepage_banner .hero__inner {
        display: none;
    }   
    #homepage_banner {
        height: 260px;
    }
    .for-mobile-hero-inner h3 {
        font-family: Northwell;
        font-size: 40px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.25;
        letter-spacing: normal;
        text-align: center;
        color: #000000;
        padding: 0 30px;
        margin: 0 0 10px 0;
    }
    .for-mobile-hero-inner a.btn.hero__btn {
        width: 177px;
        height: 50px;
        font-family: Lato;
        font-size: 12px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: 2px;
        display: flex;
        color: #000000;
        margin: 0 auto;
        align-items: center;
        justify-content: center;
    }



    /* urban */

    .image-with-text.urban .rte-setting p {
        padding: 0px 30px;
        line-height: 1.38;
        letter-spacing: 0.46px;
    }
    .image-with-text.urban .slick-dots {
        bottom: -50px;
    }
    .image-with-text.urban .rte-setting p:before {
        left: 15px;
    }
    .image-with-text.urban .rte-setting p:after {
        right: 15px;
    }



/* works */
    .image-with-text.works img {
        max-width: 121px;
        margin-bottom: 15px;
    }
    .image-with-text.works h3 {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .works .page-width {
        padding: 40px 0;
    }
    .image-with-text.works h2 {
        margin-bottom: 10px;
        font-size: 44px;
    }
    .image-with-text.works img {
        max-width: 121px;
    }
    .image-with-text.works .rte-setting{
        margin-bottom: 40px;
    }
    .image-with-text.works .rte-setting p {
        padding: 0px 30px;
        letter-spacing: 0.5px;
        line-height: 1.38;
    }
    .image-with-text.works .grid__item.medium-up--one-third.text-center:last-child {
        margin-bottom: 0;
    }
    .image-with-text.works .grid__item.medium-up--one-third.text-center {
        margin-bottom: 30px;
    }



    /* Perks */
    #member-perks-section {
        padding: 50px 0;
    }
    .step-list {
        left: 20px;
    }
    .hiw.position-relative.slider-mine {
        padding: 40px 0;
    }
    .slider-mine h2 {
        margin-bottom: 10px;
        font-size: 36px;
    }
    .slider-mine .full-block {
        display:block;
    }
    .full-block .fb-col:first-child .fb-container {
        width: 100%;
    }
    .hiw.position-relative.slider-mine .slider {
        height: auto;
    }
    .hiw.position-relative.slider-mine .step-slider .slick-slide {
        height: auto !important;
    }

    .hiw.position-relative.slider-mine.lazyload .slider {
        height: 260px !important;
    }
    .hiw.position-relative.slider-mine.lazyload .step-slider .slick-slide {
        height: 260px !important;
    }

    .hiw.position-relative.slider-mine.lazyloaded .slider {
        height: auto !important;
    }

    .step-list li {
        margin-bottom: 5px;
    }
    .with-content {
        background: white;
        padding: 30px 20px 0 20px;
        margin: 0;
    }


    /* past bags */

    .special-blog .article.article-featured {
        width: 100%;
    }
    .special-blog .article {
        width: 100%;
        float: none;
        padding: 0;
    }
    .special-blog .article .article-content {
        height: 235px;
    }
    .special-blog .special-blog .slick-track {
        height: 235px;
    }


    .for-up {
        display: none !important;
    }
    .bags-slider {
        padding: 0;
    }
    .past-bags .page-width {
        margin-bottom:20px;
    }
    .past-bags .slick-prev:before, .past-bags .slick-next::before {
        width: 25px;
    }
    .past-bags .slick-slider .slick-prev {
        left: -32px;
    }
    .past-bags .slick-slider .slick-next {
        right: -33px;
    }
    .past-bags .slick-dots {
        bottom: -60px;
    }
    .past-bags {
        padding: 30px 0 10px;
    }
    .past-bags .slider {
        height: auto;
    }
    .past-bags h2 {
        margin-bottom: 0;
        font-size: 36px;
    }
    h2.for-mobile-month {
        position: absolute;
        bottom: 3px;
        margin: 0;
        background: #f9e6de;
        padding: 15px 0 0 20px;
        /* line-height: 36px; */
        font-size: 40px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        display: unset;
        width: 178px;
        text-align: left;
    }



/*  faqs  */

    .accordion_container.faqs {
        padding: 40px 0;
    }
    .accord {
        padding: 0 15px;
    }
    .accordion_head {
        font-size: 14px;
        line-height: 1.43;
        letter-spacing: 1.56px;
        padding-right: 47px;
        text-align: left;
    }
    .accordion_container.faqs h2 {
        margin-bottom: 20px;
        font-size: 36px;
        padding: 0 10px;
    }
    .accordion_body {
        padding: 0;
        font-size: 14px;
        line-height: 23px;
    }
    .more-question h3 {
        font-size: 36px;
    }
    .more-question {
        margin-top: 25px;
    }
    .more-question p {
        margin-top: 0;
    }



    /* a letter form */
    .a-letter-from {
        padding: 40px 0 55px;
    }
    .a-letter-from .feature-row {
        display: block;
    }
    .a-letter-from .letter-title.feature-row__item {
        padding: 0 10px;
    }
    .letter-title h2 {
        font-size: 36px;
        line-height: 1.33;
        margin-bottom: 5px;
    }
    .context-wrap {
        padding: 0 10px;
    }
    .context-letter {
        margin: 0 auto;
        padding: 15px;
    }
    .context-letter {
        max-width: 300px;
    }
    .context-letter:after {
        width: 279px;
    }


    /* charity */

    .charity {
        padding: 40px 0;
    }
    .charity h2 {
        font-size: 40px;
    }
    /* community */

    .community {
        padding: 40px 0 0;
    }
    .community h2 {
        font-size: 40px;
        margin-bottom: 20px;
    }
    .sld h2 {
        font-size: 28px !important;
        bottom: -20px;
    }
    .community .slick-dots {
        bottom: -45px;
    }
    .community .page-width {
        margin-bottom: 0;
    }


    /* footer */
    .site-footer__item {
      
        -webkit-flex: 1 1 50%;
        -moz-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
      
    }
    .site-footer__item-inner--newsletter {
        width: 100%;
    }
    .site-footer {
        padding: 40px 0 0;
    }
    .site-footer__item-inner--newsletter h4 {
        padding: 0;
        margin-bottom: 0;
    }
    .site-footer__item.site-footer__item--one-quarter {
        margin: 0 0 25px;
    }
    .site-footer__linklist-item {
        padding: 0;
    }
    ul.list--inline.site-footer__social-icons.social-icons.site-footer__icon-list span {
        display: none;
    }
    ul.list--inline.site-footer__social-icons.social-icons.site-footer__icon-list {
        text-align: center;
        width: 100%;
        padding: 0;
    }
    ul.list--inline.site-footer__social-icons.social-icons.site-footer__icon-list li {
        display: inline-block;
        width: auto;
        margin: 0 10px;
    }
    .grid.grid-copyright.grid--no-gutters {
        text-align: center;
        margin: 0;
    }   
    #shopify-section-footer .copyright-links {
        margin: 0;
    }
    .grid.grid-copyright.grid--no-gutters .grid__item {
        padding: 0;
        text-align: center;
    }
    .site-footer__content {
        padding: 0 0px;
    }
    .site-footer .page-width {
        max-width: 290px;
    }

    .site-footer__item-inner--newsletter h4 {
        font-size: 14px;
        text-align: center;
        letter-spacing: 1.56px;
    }
/*     .site-footer__item-inner--newsletter .contact-form input#ContactFooter-email{
        width: calc(100% - 100px);
    }
  */
    

    /* Blog Page */

    .special-blog .slick-track {
        height: 260px;
        margin-bottom: 15px;
    } 
    .article .article-content {
        height: 270px;
    }   
    .article {
        padding: 5px;
    }
    .article .article-content {
        height: 125px;
        border: 5px solid transparent;
    }   
    .special-blog .title-heading {
        font-size: 44px;
        margin: 20px 0 15px;
    }
    /* .article h2 {
        display: none;
    } */
    .article.article-featured .article-content {
        height: 260px;
    }
    .special-blog .slick-dots {
        bottom: -36px;
    }

    /* ------- */

    .hiw.position-relative.blog-blk .full-block {
        display: block;
    }
    .hiw.position-relative.blog-blk .with-content {
        margin: 0;
        padding: 0px 15px;
        width: 100%;
        min-height: unset;
    }
    .hiw.position-relative.blog-blk h2 {
        font-size: 36px;
    }
    .article-text {
        padding: 0 15px;
    }
    .hiw.position-relative.blog-blk {
        margin-top: 50px;
    }

    /* build */


    .build {
        padding: 40px 0;
    }
    .select-wrap .options {
        width: 100%;
    }
    .choose-plan {
        max-width: 300px;
    }
    .build a.subscribe-btn, .build button.subscribe-btn {
        width: 300px;
    }

    .build h2 {
        margin-bottom: 20px;
        font-size: 44px;
        padding: 0 10px;
    }
    .special-blog.bags-slider .slick-prev:before, .special-blog.bags-slider .slick-next::before {
        width: 25px;
    }
    .special-blog.bags-slider .slick-slider .slick-prev {
        left: -25px;
    }
    .special-blog.bags-slider .slick-slider .slick-next {
        right: -25px;
    }
    .past-bags .heading-intro h2 {
        font-size: 44px;
        margin-bottom: 0;
    }


    

}


@media only screen and (min-width:375px) and (max-width:767px) {

    /* build */

    .choose-plan {
        max-width: 360px !important;
    }
    .build a.subscribe-btn, .build button.subscribe-btn {
        width: 360px !important;
    }
    /*  */

    .context-letter {
        max-width: 355px !important;
    }
    .context-letter:after {
        width: 334px !important;
    }
    .commnunity-slider {
        max-width: 354px !important;
        margin: 0 auto;
    }
    .letter-title h2 {
        margin-bottom: 20px;
    }



    /* footer */
    .site-footer .page-width {
        max-width: 100% !important;
    }
    .site-footer .page-width {
        width: 360px !important;
    }
    .site-footer__content {
        padding: 0 5px;
    }
    .site-footer__item:last-of-type .site-footer__item-inner.site-footer__item-inner--link_list {
        padding-left: 38px;
    }

    .site-footer__item-inner--newsletter .contact-form input#ContactFooter-email {
        width: 272px;
    }
    .site-footer__item-inner--newsletter h4 {
       font-size: 18px !important;
    }

    ul.list--inline.site-footer__social-icons.social-icons.site-footer__icon-list li {
        margin: 0 18px !important;
    }






    
}

@media only screen and (max-width:767px) {

    .for-mobile-header .mobile-cart-menu {
        position: absolute;
        right: 15px;
        top: 22px;
        width: 20px;
    }
    .mobile-cart-menu .count {
        font-size: 8px;
    }

    /*================ Cart Drawer ================*/
    html.drawer-active{overflow: hidden;}
    #cartDrawer .inner-wrap{
        width: auto;
        max-height: unset;
        overflow: hidden;
        margin-top: 0;
    }
    #cartDrawer .inner-wrap .block-title {
        font-size: 30px;
    }
    #cartDrawer .relative-wrapper{
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        z-index: 10;
    }
    #cartDrawer .cart-tip{
        z-index: 5;
        right: auto;
        left: -10px;
        top: 18px;
        display: block;
    }   
    .drawer-cover {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 0;
        background-color: #4a4a4a;
        opacity: 0;
        pointer-events: none !important;
        z-index: 25;
        transition: opacity 0.25s ease-out;
    }
    #shopify-section-header #header{
        transition: transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    .drawer-active #shopify-section-header #header{
        transition: transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
        -ms-transform: translateX(-310px);
        -webkit-transform: translateX(-310px);
        transform: translateX(-310px);
    }
    .drawer-active .drawer{
        transition: transform 0.55s cubic-bezier(0.645, 0.045, 0.355, 1);
        -ms-transform: translateX(-320px);
        -webkit-transform: translateX(-320px);
        transform: translateX(-320px);
    }
    .drawer-active .drawer-cover {
        opacity: 0.3;
        height: 100%;
        pointer-events: auto !important;
    }
    #cartDrawer .cartItem .image{
        padding-right: 20px;
        width: 42%;
    }
    #cartDrawer .cartItem .text{
        width: 58%;
    }
    #cartDrawer .cartItem .text p{
        font-size: 16px;
    }
    #cartDrawer .cartItem .image a.cart__remove{
        position: static;
        margin-top:19px;
        display: none;
    }
    #cartDrawer .below-cart .subtotal{
        margin:0 30px;
    }
    #cartDrawer .cartItem{
        overflow: hidden;
        overflow-y: scroll;
        padding: 10px 0;
    }
    #cartDrawer .cartItem .cart-item {
        margin-bottom: 7px;
        padding-top: 7px;
    }
    #cartDrawer .cartItem .cart-item:last-child {
        margin-bottom: 4px;
    }
    #cartDrawer .below-cart .subtotal {
        border-top: 1px solid #d8d8d8;
        margin: 0;
    }

}



.choose-style-images .buzzfeed-offer{
    text-align: center;
    position: relative;
    z-index: 10;
    margin-bottom: -60px;
}

#shopify-section-subscribe-flow-buzz-feed .flow-banner .img-wrap,
.buzzfeed-banner .img-wrap{
    min-width: 1366px;
    position: relative;
}
.buzzfeed-banner .banner-wrap{
    display: block;
}
.buzzfeed-banner .banner-wrap img{
    width: 100%;
}

#styleSection .style-slide .mixitup-box-footer{
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1.5px;
}
#styleSection .style-slide .mixitup-box-footer .style-description{
    padding: 10px 0;
}

#styleSection .style-slide .mixitup-box-footer .btn{
    width: calc(50% - 20px);
    height: 54px;
    line-height: 54px;
    font-size: 18px; 
}
.different-style-heading{
    border-top: 1px solid #4a4a4a;
    padding: 25px 0;
    text-align: center;
    text-transform: uppercase;
    margin-top: 10px;
}
.different-style-heading h3{
    text-transform: uppercase;
    font-size: 50px;
    letter-spacing: 2px;
    margin-bottom: 0;
    line-height: 54px; 
}
.different-style-heading p{
    margin: 0;
    font-size: 24px;
    letter-spacing: 2px;
}

.exclusive-offer-image{
    position: absolute;
    left: calc(100% + 45px);
    width: 400px;
    bottom: 140px;   
}
.exclusive-offer-arrow{
    width: 192px;
    left:  calc(100% - 40px);;
    position: absolute;
    height: 176px;
    background: url('exclusive-offer-arrow.png') no-repeat 100% 100%;  
    bottom: 30px;  
}

.buzz-feed-subscription-flow .pair-box{
    overflow: visible;
}
.buzzfeed-banner{
    text-align: center;
    max-width: 1366px;
    margin: 0 auto;
}
#shopify-section-subscribe-flow-buzz-feed .flow-banner .btn, 
.buzzfeed-banner .btn{
    font-size: 36px;
    border: 3px solid #C3949B;
    height: 60px;
    line-height: 45px;
    position: absolute;
    padding: 0 15px;
    letter-spacing: 2.5px;
    bottom: 40px;
    left: calc(50% + 280px);
    color: #ffffff;
    font-weight: 500;
}
.buzzfeed-banner .btn:hover{
    color: #000;
    background: #fff;
}
#shopify-section-subscribe-flow-buzz-feed .flow-banner .btn span, 
.buzzfeed-banner .btn span{
    display: inline-block; vertical-align: middle;margin-right: 5px;
}
#shopify-section-subscribe-flow-buzz-feed .flow-banner .btn.btn-arrow-right::after, 
.buzzfeed-banner .btn.btn-arrow-right::after{
    color: #fff;
    content: "";
    display: inline-block;
    width: 36px;
    height: 14px;
    opacity: 1;
    background-image: url(arrow-sprite.png);
    background-size: 111px 546px;
    background-position: 0 -476px;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin:0;
}
#shopify-section-subscribe-flow-buzz-feed .flow-banner .btn.btn-arrow-right:hover::after,
.buzzfeed-banner .btn.btn-arrow-right:hover::after{
    background-position: 0 -531px;
}

.buzzfeed-homepage .template-index #homepage_banner{
    display:none !important;
    height: 0;
}
@media only screen and (max-width: 1365px){
    #shopify-section-subscribe-flow-buzz-feed .flow-banner .img-wrap,
    .buzzfeed-banner .img-wrap{
        min-width: unset;
        max-width: 100%;
        min-height: unset !important;
    }
    #shopify-section-subscribe-flow-buzz-feed .flow-banner .btn,
    .buzzfeed-banner .btn{
        bottom: 30px;
        font-size: 32px;
        left: calc(50% + 175px);
    }
}
@media only screen and (max-width: 1279px){
    #shopify-section-subscribe-flow-buzz-feed .flow-banner .btn,
    .buzzfeed-banner .btn{
        position: static;
        margin-top: 30px;
    }
}

@media only screen and (max-width: 1023px){
    .exclusive-offer-image{
        left: calc(100% + 35px);
        width: 80%;
        bottom: 110px;
    }
    .exclusive-offer-arrow {
        width: 120px;
        left: calc(100% + 10px);
        height: 120px;
        bottom: 50px;
        background-size: 100%;
    }
    #styleSection .style-slide .mixitup-box-footer .btn {
        width: auto;
        height: 48px;
        line-height: 48px;
        font-size: 16px;
    }
    .different-style-heading h3{
        font-size: 36px;
        line-height: 38px;
    }
    .different-style-heading p {
        font-size: 18px;
    }
    .choose-style-images .buzzfeed-offer {
        padding: 0 10%;
        margin-bottom: -40px;
    }
}
@media only screen and (max-width: 768px){
    .exclusive-offer-arrow{
        width: 100px;
        height: 100px;
    } 
    .buzz-feed-subscription-flow .owl-next{
        right: 0;    
    }  
    .buzz-feed-subscription-flow .owl-prev{
        left: 0;    
    } 
    .buzz-feed-subscription-flow .slick-prev{
        left: -10px; 
        right: auto;
    }
    .buzz-feed-subscription-flow .slick-next{
        right: -10px;  
        left: auto;  
    }
    #portal-addon-products-mobile {
        margin: 0 auto 30px;
    }
    #portal-addon-products-mobile .collection-grid .product {
        margin-bottom: 0;
    }
    #portal-addon-products-mobile .owl-prev{
        left: -16px;
    }
    #portal-addon-products-mobile .owl-next{
        right: -16px;
    }
    .recharge-page .portal-addon-products-drawer {
        background-color: #f2b2a1;
        padding: 20px 20px 30px;
        border-radius: 0;
    }
    .portal-addon-products-drawer .mobile-scroll-wrap {
        height: 100%;
        padding: 0;
    }
    .portal-addon-products-drawer .block-head {
        padding: 10px 0 20px;
        margin-bottom: 0;
        border: none;
    }
    .portal-addon-products-drawer .block-head .h2 {
        font-size: 13px;
        text-transform: uppercase;
        color: #fff;
        font-weight: 800;
    }
    .portal-addon-products-drawer .block-content-wrap {
        padding: 0 20px 0 0;
        height: 100%;
    }
    .portal-addon-products-drawer .collection-grid .product {
        padding: 20px;
        border: none;
        background: #fff;
        margin-bottom: 20px;
    }
    .portal-addon-products-drawer .product .prod-image {
        width: 80px;
        margin-right: 20px;
    }
    .portal-addon-products-drawer .product-item .product-details {
        width: calc( 100% - 100px);
    }
    .portal-addon-products-drawer .product-name,
    .portal-addon-products-drawer .collection-grid .product .prod-price {
        font-size: 16px;
        padding-bottom: 0;
    }
    .portal-addon-products-drawer .collection-grid .product .swatch {
        margin: 0;
    }
    .portal-addon-products-drawer .collection-grid .prod-caption {
        margin: 0;
    }
    .portal-addon-products-drawer .btn-add-to-order {
        margin: 28px 0;
        padding: 18px 10px;
    }
    .portal-addon-products-drawer .prod-desc {
        font-size: 13px
    }
    .portal-addon-products-drawer .more-details {
        display: none;
    }
    .fancybox-portal-collection .fancybox-button {
        display: block;
    }
}
@media only screen and (max-width: 767px){
    #shopify-section-subscribe-flow-buzz-feed .flow-banner .img-wrap,
    .buzzfeed-banner .img-wrap {
        padding-bottom: 0;
    }
    #shopify-section-subscribe-flow-buzz-feed .flow-banner .btn,
    .buzzfeed-banner .btn{
        position: static;
        letter-spacing: unset;
        font-size: 28px;
        height: 50px;
        line-height: 38px;
        margin:20px 0;
    }
    .buzz-feed-subscription-flow .owl-next{
        right: 0;    
    }  
    .buzz-feed-subscription-flow .owl-prev{
        left: 0;    
    } 
    .buzz-feed-subscription-flow .slick-prev{
        left: 10px; 
        right: auto;
    }
    .buzz-feed-subscription-flow .slick-next{
        right: 10px;  
        left: auto;  
    }
    .exclusive-offer-image{
        width: 60%;
        position: static;
        padding-right: 30px;  
        float: right;
    }   
    .exclusive-offer-arrow{
        position: static; 
        height: 80px; 
        width: 100px;
        transform: rotate(90deg);  
        float: right;
    }
}

@media only screen and (max-width: 479px){
    #shopify-section-subscribe-flow-buzz-feed .flow-banner .btn,
    .buzzfeed-banner .btn{
        font-size: 26px;    
    }
    .different-style-heading h3 {
        font-size: 30px;
        line-height: 30px;
    }
    .different-style-heading p {
        font-size: 16px;
        margin: 5px;
    }
    .buzz-feed-subscription-flow .pair-box .pairDetails{
        margin-bottom: 20px;   
    }
    .exclusive-offer-arrow {
        width: 60px;
        height: 50px;
    }
    #styleSection .style-slide .mixitup-box-footer {
        font-size: 18px;
        margin: 0;
    }
    #styleSection .style-slide .mixitup-box-footer .style-description {
        padding: 10px;
        font-size: 14px;
    }

    .choose-style-images .buzzfeed-offer {
        padding: 0 5%;
        margin-bottom: -25px;
    }
    #styleSection .style-slide .mixitup-box-footer .btn{
        white-space: pre-wrap;  
        font-size: 12px; 
    }
    #styleSection .style-slide .mixitup-box-footer .btn::before{
        width: 20px;
        background-position-x: -35px;    
    }
    
}

@media only screen and (max-width: 374px){
    #shopify-section-subscribe-flow-buzz-feed .flow-banner .btn,
    .buzzfeed-banner .btn{
        font-size: 16px;
    }
/*   .site-footer__item-inner--newsletter .contact-form{
  	width: 285px;
  	} */
}



/*  no-pants-blogs new responsive design */
@media only screen and (max-width : 1680px) {

    .special-blog .main-wrapper {
        padding: 0 50px;
    }


    .special-blog .article-content.slick-slider .slick-arrow.slick-prev::before, .special-blog .article-content.slick-slider .slick-arrow.slick-next::before {
        width: 70%;
    }

    .special-blog .article-content.slick-slider .slick-arrow.slick-prev {
        left: -50px;
    }

    .special-blog .article-content.slick-slider .slick-arrow.slick-next {
        right: -50px;
    }

    .hiw.position-relative.blog-blk .with-content {
        padding: 70px 50px;
    }
}

@media only screen and (max-width : 1280px) {
    .hiw.position-relative.blog-blk .full-block .fb-col:first-child .fb-container {
        width: 580px;
        margin:  0 auto;
    }

    .hiw.position-relative.blog-blk h2 {
        font-size: 50px;
    }

    .hiw.position-relative.blog-blk .with-content {
        padding: 40px 50px;
    }

    .special-blog .hiw.position-relative.blog-blk .full-block {
        display: flex;
    }

}

@media only screen and (max-width : 1190px) {
    .hiw.position-relative.blog-blk .full-block .fb-col:first-child .fb-container {
        width: 395px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1023px) {
    .hiw.position-relative.blog-blk .with-content { padding: 20px 15px; }
}

@media only screen and (max-width : 991px) {
    .special-blog .hiw.position-relative.blog-blk .full-block {
        display: block;
    }

    .special-blog .hiw.position-relative.blog-blk .full-block .fb-col:first-child .fb-container {
        width: 680px;
    }

    .special-blog .hiw.position-relative.blog-blk .with-content {
        margin: 20px auto 0;
        box-shadow: 0 0px 10px -6px #717171;
    }

    .special-blog .article-content .article-text.rte {
        display: none;
    }
}


@media only screen and (max-width : 950px) {
    .special-blog .title-heading { font-size: 100px; text-align: center; }
    .special-blog .title-heading span { margin-right: 0; }
}

@media only screen and (max-width : 767px) {

    .special-blog .main-wrapper {
        padding: 0;
    }

    .special-blog .title-heading { margin-top: 20px; line-height: 38px; }
    .special-blog .title-heading span { font-size: 30px; }
    .special-blog .page-width { margin-top: 0 !important; margin-bottom: 60px !important; }
    .special-blog .hiw.position-relative.blog-blk h2 { font-size: 50px; }
    /* .special-blog .tabs-stage.article-content { display: none; } */

    .special-blog .hiw.position-relative.blog-blk .with-content {
        max-width: 97%;
    }

    .special-blog .article-content.slick-slider .slick-arrow.slick-prev {
        left: 0;
    }

    .special-blog .article-content.slick-slider .slick-arrow.slick-next {
        right: 0;
    }

    .special-blog .blog-slider-img-mobile {
        display: none;
    }

    .shopify-section.index-section .special-blog .blog-slider-img-mobile {
        display: block;
    }

}

@media only screen and (max-width : 550px) {

    .special-blog .article-content.slick-slider .hiw.position-relative.blog-blk {
        padding: 0;
    }

    .special-blog .article-content.slick-slider button.slick-arrow {
        width: 45px;
    }

    .special-blog .article-content.slick-slider .slick-arrow.slick-prev {
        left: 0;
    }

    .special-blog .article-content.slick-slider .slick-arrow.slick-next {
        right: 0;
    }

    .special-blog .article-content.slick-slider .slick-arrow.slick-prev::before, .special-blog .article-content.slick-slider .slick-arrow.slick-next::before {
        width: 95%;
    }

    .special-blog .article-content.slick-slider button.slick-arrow {
        top: 300px;
    }

    .special-blog .article-content .article-text.rte {
        font-size: 15px;
    }

    .special-blog .article-content .feat-image img {
        border: solid 7px #f2b2a1;
    }

}

@media only screen and (max-width : 480px) {
    .special-blog .page-width {
        margin-bottom: 0 !important;
    }

    .shopify-section.index-section .special-blog .page-width {
        margin-bottom: 10px !important;
    }
}

.hidden-mobile {
	display: none;
}

@media (min-width: 1024px) {
.hidden-desktop {
    	display: none;
	}
  
  .hidden-mobile {
  	display: block;
  }
  

}


span.close-drawer {
   display: none !important;
}

.close-drawer{
  position: initial !important;
  top: 18px;
  right:15px;
  cursor: pointer; 
  display: flex;
  align-items: center;
  background: initial;
  border: none;
}

.close-drawer svg {
   margin-right: 5px;
 }

button.close-drawer svg {
    position: initial !important;
    margin: 0 5px 0 0 !important
}

.num-item {
   padding: 14px 14px 0;
}