@media screen and (min-width: 1220px) {
    /*Header start*/

    .header-container .header .logo img {
        max-width: 130px;
    }

    .header-container .header .col-logo {
        flex-basis: unset !important;
        width: 10% !important;
        max-width: unset !important;
    }

    .header-container .header .for-full-withmenu .nav-sections {
        width: 100%;
        display: block;
        justify-content: center;
        flex: unset;
    }

    .header-container .header .for-full-withmenu .actions-header {
        max-width: unset !important;
        width: 11%;
        flex: unset !important;
    }

    /*Header end*/
}
/*body >  .page-wrapper{
margin-top: 116px;
}
.page-wrapper .header-container {
  position: fixed;;
  width: 100%;
  z-index: 1000;
top: 0;
}
*/
h1,h2,h3,h4{
    font-weight: 700!important;
}
.ajaxsuite-popup-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-header .action-close:hover:before, .authentication-wrapper a{
    color: #983158 !important;
}
.txt_newsletter h3{
    font-size: 24px;
}
.custommenu.navigation li.level0.classic .submenu .level1{
    list-style-type: none;
}
.payment-method-braintree .cvv{
    max-width: 100%!important;
}
.opc-wrapper .action-select-shipping-item{
    float: left!important;
    width: 100%;
}
.opc-wrapper .edit-address-link{
    background: unset!important;
}
.opc-wrapper .edit-address-link > span{
    color: #1A1A1A !important;
}
.ccard.braintree .field.choice{
  display: flex;
  align-items: center;
}
.ccard.braintree .field.choice .label{
  margin-left: 5px;
}
.top-content-home{
    padding-top: 30px;
}
.ann-video{
    padding: 0!important;
    height: 100%;
}
.ann-video *{
    height: 100%;
}
.ann-video video{
    object-fit: cover;
}

.card-container .payment-icons{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    margin: 10px 0;
}
.card-container .payment-icons li img{
/*  width: 35px;*/
width:58px;  
margin: 0 5px;
}
.card-container .payment-icons li p{
    margin: 0;
}
.footer-bottom .col-sm-12 p{
    text-align: center;
}

.field.required.review-field-ratings .control{
    width: 100%!important;
    margin-top: 15px;
}

.field.required.review-field-ratings .review-control-vote{
    position: relative;
    top: 4px;
}
.product.info.detailed .product.data.items .review-add .review-fieldset .field .label{
    font-size: 15px!important;
    font-weight: 600!important;
}
.col-sm-6.review-left{
        padding-left: 0;
}
.col-sm-6.review-right{
        padding-left: 0;
    padding-right: 0;
}
.field.review-field-summary.required{
        margin-top: 20px;
}
.review-field-text #review_field{
    min-height: 122px;
}
#nickname_field, #summary_field, #review_field{
    border-radius: 40px!important;
    border-color: #ccc!important;
}
#review_field{
    border-radius: 20px!important;
}
.review-add .review-form .action.submit.primary{
    border-radius: 40px;
    background: #222 !important;
}
.review-add .review-form-actions .submit:hover{
    background: #983158!important;
}
.product-reviews-summary .reviews-actions{
    padding-left: 0!important;
}
.review-legend .reviewing{
    width: 100%;
    margin-top: 20px;
}
.write_rev strong{
    padding: 0!important;
}
.review-tes strong{
    color:#A7215D!important;
}
@media screen and (min-width: 990px) and (max-width: 1199px) {
    .header .container-full{
        padding: 0 40px!important;
    }
}


@media screen and (max-width: 1400px){
    .checkout-payment-method .fieldset > .field:not(.choice) > .control{
        width: 100%!important;
    }
}
@media screen and (max-width: 989px){
    .header .container-full{
        padding: 0 15px!important;
    }
    .header-container .header .for-full-withmenu .actions-header .register-login a{
        font-size: 12px!important;
    }
}
#quickview-header #quickview-close{
    z-index: 999!important;
}
#quickview-header #quickview-close:hover:before, .quick-view-content .product-info-main .price-box .price-wrapper .price, .quick-view-content .product-info-main .price-box .price-final_price .price,
.cart.table-wrapper .cart.items .col .actions-toolbar a:hover:before{
    color: #983158 !important;
}
.page-footer .footer-static-container .footer-static .footer-links h2:nth-child(3){
    margin-top: 15px;
}
.account-section__title-label{
    margin: 30px 0!important;
}
.account .table-wrapper .action:last-child{
        background: unset !important;
}
.account .table-wrapper .action:last-child span{
    color: #222!important;
}
.wishlist-index-index .price-as-configured{
    display: flex;
    gap: 5px;
}
.wishlist-index-index .product-reviews-summary{
  height: 32px;
}

.header-container .header .for-full-withmenu .actions-header .register-login a{
    font-size: 16px!important;
}
.header-container .header .block-search .block-content .dropdown .action.search:before{
    color: #fff!important;
}
.vault-cards-listaction .field .control._with-tooltip{
    width: 100%!important;
}
.actions-toolbar .action-cancel, .actions-toolbar .action-cancel span{
    background: transparent!important;
    color: #222!important;
}
.checkout-index-index .checkout-payment-method .payment-method-title label{
  display: flex;
  align-items:center;
}
.braintree-credit-card-selected{
    left: 5px;
    height: 38px;
    top: -3px;
}
#braintree_expirationDate{
    width: 100%;
}
.payment-method-braintree .cvv .field-tooltip{
    top: 5px;
}
.field.choice .field-tooltip{
    left: -10px;
}

.register-login .dropbtn{
    background: unset !important;
    color: #000 !important;
}
.register-login .dropbtn .icon-user.icons{
   color: #983158 !important;
}

.rokan-featuredproduct .owl-wrapper{
    width: 100%!important;
}
.rokan-featuredproduct .owl-wrapper .owl-item{
    width: 100%!important;
}
.rokan-featuredproduct .owl-wrapper .owl-item .product-ratting{
    display: flex;
}

.fotorama__stage__frame .fotorama__img{
    max-height: fit-content!important;
    max-width: fit-content!important;
    padding: 0 !important;
}

.toolbar .items li.current, .toolbar .items li:hover{
    background-color: #983158 !important;
}
.rating-summary .rating-result span:before, .product-item .product-info .price-box .special-price .price,
.product-list-item .product-info .price-box .special-price .price, .review-control-vote label:before{
    color: #983158 !important;
}
.catalog-product-view .breadcrumbs{
    padding-top: 0;
    background: #ededee;
}
.catalog-product-view .breadcrumbs .items{
        max-width: 1430px;
    display: flex;
    margin: 0 auto;
    padding: 5px 15px;
}
.catalog-product-view .breadcrumbs .items .item{
      display: flex!important;
    text-align: left!important;
}

.catalog-product-view #maincontent{
    margin-top: 30px;
}
.catalog-product-view .box-tocart .control{
    width: auto!important;
    float: unset!important;
}
.catalog-product-view .product-info-main .action.towishlist{
    padding: 16px;
    max-height: 52px;
}

/*Banner Start*/


.product-item .product-info .product-name a, .product-list-item .product-info .product-name a,
.product-item .product-info .product-item-name a, .product-list-item .product-info .product-item-name a,
.product-item .product-info .product.name a, .product-list-item .product-info .product.name a{
    white-space: unset!important;
    -webkit-box-orient: unset!important;
}

.products-grid.wishlist .product-item-name{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.modal-popup .action-close{
background: unset !important;
}
.terms-content strong{
  font-weight: bold!important;
}
#back-top{
z-index: 999;
}
.add-to-links li a i:before, .addto-links-icons .add-to-links li a i{
 color: #fff!important;
}
.addto-links-icons .add-to-links li a{
  background: #983158!important;
}
.maximButton:hover, .maximButton:focus{
 color: #fff!important;
}

.cart.table-wrapper .cart.items .col .actions-toolbar a{
 background: unset!important;
}
.toolbar .items li.current .page span, .toolbar .items li:hover .page span{
 color: #fff!important;
}
.section_top_banner .top_banner {
    padding: 0 40px;
}

.banner-postion-fixed h4 {
    font-size: 34px !important;
    line-height: 60px;
    margin: 0 !important;
    text-transform: capitalize !important;
    font-weight: 400 !important;
}

.banner-postion-fixed h2 {
    font-size: 40px !important;
    line-height: 60px;
    margin: 0;
    text-transform: capitalize !important;
    color: #000 !important;
    font-weight: 700 !important;
}

.banner-postion-fixed h2 a {
    text-decoration: underline !important;
    color: #A7215D !important;
}

.nivo-caption .banner-postion-fixed {
    top: 50% !important;
    transform: translateY(-50%);
    justify-content: center !important;
}

.nivo-caption .banner-postion-fixed>.container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    text-align: right;
}

.wrapper-the-blue-sky-slider .container-the-blue-sky-slider .the-blue-sky-banner-text .btn {
    background: #A7215D !important;
    color: #fff !important;
    font-size: 16px !important;
    border-radius: 2px !important;
    margin-top: 50px !important;
    width: 100%;
    max-width: 226px;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*Banner end*/


/*Banner Middle start*/
.banner-middle.container{
    max-width: unset!important;
    padding: 30px 0!important;
    width: 100%!important;
}
.banner-middle.container > .row{
    margin: 0!important;
    display: flex;
    justify-content: space-between;
}
.banner-middle.container > .row .banner-item:before{
  content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom right, rgba(255, 255, 255, 0.8) 0%, /* top-left strong white */ rgba(255, 255, 255, 0.8) 20%, /* still visible */ rgba(255, 255, 255, 0) 60% /* fade out */);
    pointer-events: none;
    z-index: 1;
}
.banner-item{
    margin-bottom: 30px!important;
}
.category-top .breadcrumbs .container{
    display: flex;
    justify-content: center;
    text-align: center;
}
.wrap-actions-minicart .secondary{
    background-color: #983158!important;
    border-color: #983158!important;
}
.wrap-actions-minicart .secondary{
    color: #fff!important;
}
.banner-middle.container > .row .banner-item{
    padding: 0!important;
    border-radius: unset!important;
}
.cms-index-index .columns .column.main{
    margin: 0!important;
}
.banner-middle.container > .row .text-overlay{
    padding: 15px!important;
    z-index: 2;
}
.text-overlay h3{
    font-size: 24px!important;
    line-height: 24px!important;
    margin: 0!important;
}
.text-overlay p{
    font-size: 16px!important;
    line-height: 25px!important;
    margin: 10px 0 5px!important;
}
.text-overlay a{
    color: #A7215D!important;
    font-size: 14px!important;
    line-height: 22px!important;
    font-weight: 700!important;
}
.banner-middle.container > .row .banner-item .banner-content{
    height: 100%;
    position: relative;
}
.banner-middle.container > .row .banner-item .banner-content::after{
  content: '';
}
.banner-middle.container > .row::before, .banner-middle.container > .row::after{
    display: none!important;
}
.banner-middle.container > .row .banner-item:nth-child(1), .banner-middle.container > .row .banner-item:nth-child(2){
    width: calc(25% - 20px)!important;
}
.banner-middle.container > .row .banner-item:nth-child(1) .banner-content img, .banner-middle.container > .row .banner-item:nth-child(2) .banner-content img{
    width: 100%!important;
    height: 100%!important;
    object-fit: cover!important;
    display: block!important;
    aspect-ratio: 437 / 583!important;
}
.banner-middle.container > .row .banner-item:nth-child(3) .banner-content img{
    aspect-ratio: 935 / 583;
    width: 100%!important;
    height: 100%!important;
    object-fit: cover!important;
    display: block!important;
}
.banner-middle.container > .row .banner-item:nth-child(3){
    width: calc(50% - 15px)!important;
}

.banner-middle.container > .row.mt-3 .banner-item:nth-child(2), .banner-middle.container > .row.mt-3 .banner-item:nth-child(3){
    width: calc(25% - 20px)!important;
}
.banner-middle.container > .row.mt-3 .banner-item:nth-child(2) .banner-content img, .banner-middle.container > .row.mt-3 .banner-item:nth-child(3) .banner-content img{
    width: 100%!important;
    height: 100%!important;
    object-fit: cover!important;
    display: block!important;
    aspect-ratio: 437 / 583!important;
}
.banner-middle.container > .row.mt-3 .banner-item:nth-child(1) .banner-content img{
    aspect-ratio: 935 / 583!important;
    width: 100%!important;
    height: 100%!important;
    object-fit: cover!important;
    display: block!important;
}
.banner-middle.container > .row.mt-3 .banner-item:nth-child(1){
    width: calc(50% - 15px)!important;
}
.cms-block-container{
    padding: 0 40px;
}
.video-content{
    position: relative;
}
.video-content > img{
    display: block;
    width: 100%;
    height: 100%;
}
.video-content > div{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: unset!important;
    left: 10px;
    max-width: 850px!important;
}
.pagebuilder-column-line{
    column-gap: 30px;
}
.pagebuilder-column img{
    width: 100%;
}
.video-content h3{
    font-size: 24px!important;
    line-height: 24px!important;
    color: #1A1A1A;
}
.video-content h2{
    font-size: 28px!important;
    line-height: 36px!important;
    color: #1A1A1A;
}
.video-content h3 span{
    color: #A7215D!important;
}
.video-content p{
    color: #1A1A1A;
    margin: 23px 0 30px;
}
.video-content a{
    background: #A7215D!important;
    width: 100%;
    max-width: 183px;
    height: 50px;
    font-size: 16px;
    line-height: 25px;
    display: flex;
    align-items: center;
    max-width: fit-content!important;
}
.video-content a:hover{
    color: #fff!important;
}

.cms-block-container.shipping-support{
    padding: 0!important;
    margin-top: 30px;
}
.shipping-support .features-inner{
 max-width: 1430px;
}
.shipping-support .features-inner .feature{
    padding: 0!important;
}
.shipping-support .feature-title{
    color: #1A1A1A!important;
}
.shipping-support .feature-desc{
    color: #1A1A1A !important;
    max-width: 400px !important;
    font-size: 16px !important;
    line-height: 25px !important;
    font-family: 'Red Hat Display', sans-serif !important;
}
.feature-link{
    color: #A7215D!important;
    font-size: 14px!important;
    line-height: 22px!important;
}

.section-element.banner_static{
    padding: 0 40px;
}
.banner_static .banner-content .text h3{
    color: #1A1A1A!important;
    display: block!important;
    font-size: 24px;
    font-weight: 700;
}
.section-element.banner_static > .container{
    margin: 0 auto!important;
    padding: 0!important;
    max-width: unset!important;
    width: 100%;
}
.section-element.banner_static .banner-middle{
    padding: 30px 0!important;
}
.banner_static .row-banner-middle-1{
    margin: 0!important;
}
.banner_static .row::after, .banner_static .row::before{
    display: none!important;
}
.banner_static .row-banner-middle-1{
    margin: 0 !important;
    gap: 30px;
    display: flex;
    justify-content: space-between;
}
.banner_static .row-banner-middle-1 .col-left, .banner_static .row-banner-middle-1 .col-right{
    padding: 0!important;
    width: calc(50% - 15px)!important;
}

.banner_static .row-banner-middle-1 .text h2{
    font-size: 34px!important;
    line-height: 45px!important;
    color: #1A1A1A!important;
}
.banner_static .row-banner-middle-1 .text p{
    font-size: 16px!important;
    line-height: 25px!important;
    color: #1A1A1A!important;
    max-width: 400px;
}
.product-options-wrapper .field.configurable{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 0 15px;
}
.product-options-wrapper .field.configurable .label{
    width: 100%!important;
}
.product-options-wrapper .field.configurable .control{
    max-width: 100%!important;
    margin-right: 0;
}
.product-options-wrapper .field.configurable .control .super-attribute-select{
    font-size: 18px !important;
    font-weight: 700;
    border: 4px solid #983159;
    border-radius: 40px;
    background: #431627;
    color: #fff;
}
.product-view .product-info-main .box-tocart .fieldset .qty{
    background: unset!important;
    border-color: #000!important;
    border-radius: 50px!important;
    margin-bottom: 0!important;
    height: 40px!important;
}
.product-view .product-info-main .box-tocart .fieldset .qty .qty-down i,
.product-view .product-info-main .box-tocart .fieldset .qty .qty-up i{
    line-height: 40px!important;
}
.product-view .box-tocart .field.qty .control input, .product-options-bottom .box-tocart .field.qty .control input{
    height: 40px!important;
    width: 55px!important;
    padding: 0!important;
}
.product-view .product-info-main .box-tocart .actions .action.tocart{
    padding: 13px 50px!important;
        margin-right: 0!important;
}
.fotorama__arr--next .fotorama__arr__arr:hover, .fotorama__arr--prev .fotorama__arr__arr:hover{
    color: #983158!important;
}
.catalog-product-view .product-info-main .action.towishlist{
    padding: 12px!important;
    max-height: 40px!important;
    margin-left: 20px;
}

.banner_static .row-banner-middle-1 .text .btn-shop{
    background: #A7215D!important;
    color: #fff!important;
    width: 100%;
    max-width: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    margin: 0 auto;
}

.product.attribute.overview strong{
    font-weight: 900;
}
.product.attribute.overview ul{
    padding-left: 20px;
    margin: 10px 0;
}
.product.attribute.overview ul li{
    list-style-type: square !important;
}

.rokan-mostviewed > .row::after, .rokan-mostviewed > .row::before{
    display: none!important;
}
.rokan-mostviewed > .row{
    max-width: unset!important;
    width: 100%!important;
    padding: 0 40px!important;
    gap: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;   
}
.rokan-mostviewed > .row .product-item-wrapper{
    width: calc(20% - 30px)!important;
}
.rokan-mostviewed > .row .product-item-wrapper, .rokan-mostviewed > .row .product-item{
    padding: 0!important;
    border-radius: unset!important;
    box-shadow: unset!important;
}
.rokan-mostviewed > .row .product-item .product-image-container{
    width: 100%!important;
    height: 100%!important;
    aspect-ratio: 341/423!important;
}
.rokan-mostviewed > .row .product-item .product-image-container img{
    margin: 0!important;
    width: 100%!important;
    height: 100%!important;
    object-fit: cover!important;
}

.blog-list{
    gap: 30px!important;
    justify-content: space-between!important;
}
.blog-list .blog-item{
    width: calc(33.33% - 30px)!important;
    border: unset!important;
    border-radius: unset!important;
}
.blog-list .blog-item img{
    height: 100%!important;
    aspect-ratio: 447 / 279!important;
    object-fit: contain!important;
}
.blog-list .blog-content{
    padding: 15px 0!important;
}
.blog-list .blog-content > span{
    background: #A7215D!important;
}
.blog-content h3 a{
    font-size: 20px!important;
    line-height: 27px!important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;   
}
.blog-content p{
    font-size: 16px!important;
    color: #666!important;
    line-height: 25px!important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 15px!important;   
}
.blog-content > div{
    padding: 0!important;
}
.blog-content div a{
    font-size: 14px!important;
    color: #000;
    width: 100%;
    max-width: 160px!important;
    display: flex!important;
    justify-content: center;
    align-items: center;
    height: 50px;
    font-weight: 700;   
}

.section-newsletter .block.newsletter .control .actions .subscribe{
    background: #A7215D!important;
}


.page-footer > .footer-links-footer{
    padding: 80px 15px!important;
    background: #331E2B!important;
}
.footer-links .title{
    text-transform: capitalize!important;
    padding: 0!important;
    font-size: 16px!important;
    line-height: 16px!important;
}
.page-footer .footer-links{
    padding: 0!important;
}

.footer-links li a{
        line-height: 22px!important;
    font-size: 14px!important;
    color: #fff!important; 
}
.page-footer .row > .col-xs-12{
    width: 20%!important;
}
.new_product .row:after, .new_product .row:before, .new_product .owl-carousel .owl-wrapper:after{
    display: none!important;
}
.new_product .row{
    margin: 0!important;
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.new_product .rokan-bestseller > .row > .col-lg-6 .owl-wrapper, .new_product .rokan-bestseller > .row > .col-lg-6 .owl-wrapper .owl-item{
    width: 100%!important;
}
.new_product .rokan-bestseller > .row > .col-lg-6{
    padding: 0!important;
    width: calc(50% - 15px)!important;
}
.new_product .rokan-bestseller > .row > .col-lg-6 .slide-inner .col-lg-6{
    width: calc(33.33% - 15px) !important;
    padding: 0!important;
}
.new_product .rokan-bestseller > .row > .col-lg-6 .slide-inner .col-lg-6 .product-item{
    padding: 0!important;
}
.new_product .row .col-lg-6:nth-child(1) .text-overlay{
    top: 30px!important;
    left: 30px!important;
}
.new_product .row .col-lg-6 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.new_product .row .col-lg-6 .row{
    margin: 0!important;
    flex-wrap: wrap;
}
.new_product .row .col-lg-6 .row .owl-wrapper{
    width: 100%!important;
        display: flex!important;
    flex-wrap: wrap;
    justify-content: space-between;
}
.new_product .row .col-lg-6 .row .owl-wrapper .owl-item{
    width: calc(33.33% - 15px)!important;
}
.new_product .row .col-lg-6 .row .owl-wrapper .owl-item .product-item{
    padding: 0!important;
    margin-bottom: 20px!important;
}

.catalog-category-view .category-view{
    opacity: 0;
}
.catalog-category-view .category-view .category-image{
    max-height: 100px;
}
.product-view .product-info-main .price-box .price-wrapper .price{
    color: #666!important;
}
.product-view .product-info-main .box-tocart .actions .action.tocart{
    background: #A7215D!important;
}
.product-info-stock-sku span{
        color: #A7215D!important;
    font-weight: 600!important;
}
.product.info.detailed .product.data.items .item.title.active, .product.info.detailed .product.data.items .item.title:hover{
    border-color: #A7215D!important;
}
.product.info.detailed .product.data.items .item.title.active a, .product.info.detailed .product.data.items .item.title:hover a,
.product-social-links a.action.towishlist:hover i, .product-social-links a.action.tocompare:hover i, .product-social-links a.mailto:hover i
{
    color: #A7215D!important;
}

.product-social-links a.action.towishlist:hover, .product-social-links a.action.tocompare:hover, .product-social-links a.mailto:hover{
    border: 2px solid #A7215D!important;
}
.ajaxsuite-buttons button{
    background: #A7215D!important;
    color: #fff!important;
}
.button.towishlist{
    background: #A7215D!important;
    color: #fff!important;
}
.button.towishlist i{
    background: #A7215D!important;
}
.ajaxsuite-popup-wrapper .pupup-suc-added-ajax-cart-price .price{
    color:#666!important;
}
.product.info.detailed .product.data.items .item.content{
    padding-top: 20px!important;
}
.product.info.detailed .product.data.items .review-add .block-content .review-form{
    margin: 0 auto!important;
    max-width: unset!important;
}
.legend.review-legend > span{
    font-size: 24px!important;
    font-weight: 900!important;
}
.legend.review-legend > strong{
    margin-top: 2px!important;
    font-size: 24px !important;
}
.product-view .product-info-main .page-title-wrapper .page-title span{
    line-height: normal!important;
}
.product-view .product-info-main [itemprop="description"] p u{
    text-decoration: none;
    font-size: 16px !important;
    color: #666 !important;
}
.product-view .product-info-main [itemprop="description"] p{
    font-size: 16px !important;
    color: #666 !important;
}
.product-view .product-info-main .price-box .old-price{
    text-decoration: none!important;
}
.product-view .product-info-main .price-box .old-price .price-container .price{
    text-decoration: line-through!important;
}
.page-footer .footer-static-container{
    margin-bottom: 0!important;
}
.page-footer .footer-static-container, .page-footer .footer-bottom{
    background: #331E2B!important;
}
.cms-page-view .page-title-wrapper{
    padding-bottom: 40px!important;
    padding-top: 40px!important;
}
.terms-content h1{
    margin-bottom: 20px!important;
    font-size: 24px!important;
}
.terms-content p{
    font-size: 16px!important;
}
.newsletterpopup{
    z-index: 9999!important;
    background-repeat: no-repeat!important;
    background-size: 100%!important;
}
#newsletter_pop_up{
    max-width: 1800px !important;
    width: min(1800px, 96vw) !important;
    height: auto !important;
    max-height: none !important;
    overflow: hidden;
}
/*
 * Popup: row height = left banner (in-flow). Right = position absolute.
 * If form is taller than banner, right scrolls (overflow-y: auto).
 */
#newsletter_pop_up .content-popup{
    width: 100% !important;
    display: flow-root !important;
    position: relative !important;
    min-height: 320px !important;
    gap: 0;
    overflow: hidden;
    padding: 0!important;
}
#newsletter_pop_up .popup-left-content{
    float: left !important;
    width: 60% !important;
    max-width: 60% !important;
    aspect-ratio: 1800 / 600;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    background: #e8e8e8;
    display: block !important;
    font-size: 0;
    line-height: 0 !important;
}
#newsletter_pop_up .popup-left-content > a,
#newsletter_pop_up .popup-left-content > div,
#newsletter_pop_up .popup-left-content .hero-banner-wrapper{
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible;
}
#newsletter_pop_up .popup-left-content .hero-banner-wrapper{
    min-height: 0 !important;
}
#newsletter_pop_up .popup-left-content a{
    display: block !important;
    width: 100%;
    /*height: auto !important;*/
    height: 100% !important;
    line-height: 0 !important;
    font-size: 0
}
#newsletter_pop_up .popup-left-content img,
#newsletter_pop_up .popup-left-content .hero-banner-wrapper img{
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    object-fit: fill !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    vertical-align: top !important;
}
#newsletter_pop_up .popup-right-content{
    width: 40% !important;
    max-width: 40% !important;
    box-sizing: border-box !important;
    /*background: #fff;*/
    color: #111;
    /* Tighter to left column: less padding-left than right (close button side) */
    padding: 14px 18px 14px 8px;
    text-align: center;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-start !important;
    align-items: stretch;
    overflow-y: hidden;
    overflow-x: hidden;
    min-height: 0 !important;
    min-width: 0 !important;
}
.newsletterpopup .popup-countdown{
    margin-bottom: 8px;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    position: static !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
}
.newsletterpopup .popup-offer-title{
    font-size: 40px;
    font-weight: 700;
    line-height: 1.00;
    margin: 4px 0 4px;
    clear: both;
    display: block;
}
.newsletterpopup .popup-offer-discount{
    font-size: 50px;
    font-weight: 800;
    line-height: 1.08;
    margin-bottom: 6px;
}
.newsletterpopup .popup-offer-note{
    font-size: 23px;
    line-height: 1.25;
    font-weight: 600;
    color: #c62828;
    margin: 0 0 8px;
}
.newsletterpopup .popup-form-fields{
    display: block !important;
    width: 100%;
}
.newsletterpopup .popup-form-fields .field.newsletter,
.newsletterpopup .popup-form-fields .field.form-group.newsletter{
    display: block !important;
    width: 100% !important;
    margin: 0 0 8px !important;
}
.newsletterpopup .popup-form-fields .control{
    margin: 0 0 4px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    float: none !important;
    clear: both;
}
.newsletterpopup .popup-form-fields .control input{
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    padding: 9px 12px;
    background: #fff;
    min-height: 40px;
    min-width: 0;
    font-size: 18px;
    color: #111;
}
.newsletterpopup .popup-form-fields .control input::placeholder {
    color: #757575;
    opacity: 1;
}
.newsletterpopup .popup-form-fields .actions{
    margin-top: 2px;
    width: 100%;
    max-width: 100%;
    display: block !important;
    float: none !important;
    clear: both;
    box-sizing: border-box;
}
.newsletterpopup .popup-form-fields .actions .subscribe.primary,
#newsletter_pop_up .popup-form-fields .actions .subscribe.primary{
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    background: #1a5e31!important;
    border-color: #1a5e31!important;
    border-radius: 4px;
    font-weight: 700;
    padding: 10px 10px;
    min-height: 42px;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: break-word;
    line-height: 1.25;
    font-size: 13px;
}
#newsletter_pop_up .popup-form-fields{
    display: block !important;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}
#newsletter_pop_up .popup-form-fields > *{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    float: none !important;
    clear: both !important;
}
#newsletter_pop_up .popup-right-content .form.subscribe{
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}
#newsletter_pop_up .popup-right-content .form.subscribe,
#newsletter_pop_up .popup-right-content .popup-form-fields{
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 2px !important;
}
#newsletter_pop_up .popup-right-content .popup-form-fields *,
#newsletter_pop_up .popup-right-content .form.subscribe *{
    min-height: 0 !important;
}
#newsletter_pop_up .popup-right-content .popup-form-fields .mage-error {
    min-height: auto !important;
    flex-shrink: 0 !important;
    overflow: visible !important;
}
#newsletter_pop_up .popup-form-fields .control{
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    width: 100% !important;
}
/*
 * Both rows share one compact error line slot (same min-height) so fixing one field
 * does not shift the other; calc matches ~1 line of .mage-error without extra vertical air.
 */
#newsletter_pop_up .popup-right-content .popup-form-fields > .control {
    box-sizing: border-box !important;
    min-height: calc(40px + 1px + 1.1em + 1px) !important;
}
#newsletter_pop_up .popup-form-fields .actions{
    display: block !important;
    width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
}
#newsletter_pop_up .popup-form-fields .mage-error{
    margin: 1px 0 0 !important;
    padding: 0 !important;
    line-height: 1.15 !important;
}
#newsletter_pop_up .popup-form-fields .control input{
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 9px 12px !important;
    min-height: 40px !important;
    font-size: 18px !important;
    color: #111 !important;
    -webkit-text-fill-color: #111 !important;
}
#newsletter_pop_up .popup-form-fields .control input::placeholder {
    color: #757575 !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #757575 !important;
}
#newsletter_pop_up .popup-form-fields .control input:-webkit-autofill,
#newsletter_pop_up .popup-form-fields .control input:-webkit-autofill:hover,
#newsletter_pop_up .popup-form-fields .control input:-webkit-autofill:focus {
    -webkit-text-fill-color: #111 !important;
    box-shadow: 0 0 0 1000px #fff inset !important;
    transition: background-color 99999s ease-out 0s;
}
#newsletter_pop_up .popup-form-fields .actions .subscribe.primary{
    margin: 0 !important;
    padding: 10px 10px !important;
    min-height: 42px !important;
}
#newsletter_pop_up p{
    margin: 0px 0 10px!important;
    font-weight: 600!important;
}
@media screen and (max-width: 1199px) {
    #newsletter_pop_up .popup-right-content{
        padding: 10px 10px 10px 6px !important;
    }
    #newsletter_pop_up .countdown-min > span,
    #newsletter_pop_up .countdown-sec > span,
    #newsletter_pop_up .countdown-colon,
    .newsletterpopup .countdown-min > span,
    .newsletterpopup .countdown-sec > span,
    .newsletterpopup .countdown-colon{
        font-size: 30px !important;
    }
    #newsletter_pop_up .popup-offer-title,
    .newsletterpopup .popup-offer-title{
        font-size: 22px;
    }
    #newsletter_pop_up .popup-offer-discount,
    .newsletterpopup .popup-offer-discount{
        font-size: 21px;
    }
    #newsletter_pop_up .popup-offer-note,
    .newsletterpopup .popup-offer-note{
        font-size: 16px;
    }
    #newsletter_pop_up .popup-form-fields .control input{
        font-size: 14px;
    }
}
@media screen and (max-width: 767px) {
    #newsletter_pop_up .content-popup{
        display: block !important;
        position: relative !important;
        min-height: 0 !important;
    }
    #newsletter_pop_up .popup-left-content{
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        aspect-ratio: 1800 / 600;

    }
    #newsletter_pop_up .popup-right-content{
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        overflow: visible !important;
        min-height: -1 !important;
    }
    #newsletter_pop_up .popup-form-fields .control input{
        font-size: 16px;
        padding: 10px 12px !important;
        min-height: 40px !important;
    }
    #newsletter_pop_up .popup-form-fields .actions .subscribe.primary{
        font-size: 14px;
        padding: 14px 16px !important;
        min-height: 42px !important;
    }
}


.product-options-wrapper label span{
    font-weight: 600!important;
    text-transform: uppercase;
}
#newsletter_pop_up > .actions .subscribe.primary{
    background: #A7215D!important;
}
.Instagram_static{
    margin: 60px 0 70px!important;
}
.rokantheme-instagram .owl-item{
    padding: 0 15px!important;
}
.rokantheme-instagram .owl-item img, .rokantheme-instagram .owl-item video{
    aspect-ratio: 208/208!important;
}
.owl-theme .owl-controls .owl-buttons > div{
    background: #a72d5d!important;
}
.owl-theme .owl-controls .owl-buttons > div:before{
    color: #fff!important;
}
.cart-container .checkout-methods-items .action.primary{
    background: #a72d5d!important;
}
.cart-container .checkout-methods-items .action.primary.checkout, .cart-container .form-cart .action.continue, .cart-container .checkout-methods-items .action.primary{
    background: #a72d5d !important;
    border-color: #a72d5d !important;
}
.cart-container .form-cart .action.clear:hover, .cart-container .form-cart .action.update:hover{
    border-color: #a72d5d !important;
    color: #a72d5d !important;
}
.box-text1 > .container{
    margin: 60px 0 0;
    padding: 0;
    max-width: unset;
    width: 100%!important;
}
.box-text1 .row{
    margin: 0!important;
}
.box-text1 .row .col-sm-6:nth-child(1){
    padding-left: 0!important;
}
.box-text1 .row .col-sm-6:nth-child(1) .box-left{
    text-align: left;
    font-size: 18px;
}
.box-text1 .row .col-sm-6:nth-child(1) .box-left h2{
    font-size: 34px;
}
.box-text1 .row .col-sm-6:nth-child(1) .box-left p{
    font-size: 16px;
}
.box-text1 .row .col-sm-6:nth-child(2){
 padding: 0;
}
.box-text1 .row .col-sm-6:nth-child(2) img{
    width: 100%;
}


/*Banner Middle end*/



/*Responsive Start*/
@media screen and (max-width: 1650px) {

    .banner-postion-fixed h4 {
        font-size: 30px !important;
    }

    .banner-postion-fixed h2 {
        font-size: 36px !important;
    }

    .navigation .level0.parent>.level-top {
        padding-right: 10px !important;
    }

    .custommenu.navigation li.level0.parent a.level-top:before {
        right: -5px !important;
    }

    .navigation .level0 > .level-top {
        font-size: 14px !important;
    }

}
@media screen and (max-width: 1430px) {
    .navigation .level0 > .level-top{
        font-size: 10px!important;
    }
    .header-container .header .for-full-withmenu .actions-header > div{
        padding-left: 15px!important;
    }
    .header-container .header .logo img{
        max-width: 100px;
    }
}
@media screen and (max-width: 1400px) {
   .video-content p{
    color: #1A1A1A;
    margin: 0 0 10px;
  } 
}
@media screen and (max-width: 1350px) {
    .banner_static .banner-content .text h3{
        font-size: 25px;
    }
    .navigation .level0>.level-top {
        font-size: 12px !important;
    }
    h2{
    font-size: 28px!important;
    line-height: 34px!important;
    }
    .shipping-support .feature-desc{
            font-size: 14px!important;
            padding: 0 20px;
    }
}
@media screen and (max-width: 1350px) {
.navigation .level0 > .level-top{
        padding-right: 5px!important;
        padding-left: 5px!important;    
    }
    .navigation .level0{
        margin: 0 10px 0 0!important;
    }
    .navigation .level0>.level-top{
        font-size: 11px!important;
    }
    .header-container .header .for-full-withmenu .actions-header > div{
        padding-left: 8px!important;
    }
}
@media screen and (max-width: 1300px) {
    .pagebuilder-column-line .pagebuilder-column{
        width: 100%!important;
    }
    .pagebuilder-column-line{
        flex-direction: column!important;
        row-gap: 30px;
    }
}

@media screen and (max-width: 1270px) {
    .navigation .level0>.level-top{
        font-size: 11px!important;
    }
    .banner_static .row-banner-middle-1 .text h2{
        font-size: 24px !important;
        line-height: 34px !important;
    }
}

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

    .header-container .header .logo img{
        margin: 0 auto!important;
    }
    .pagebuilder-column-line .pagebuilder-column figure *{
        width: 100%;
    }
}
@media screen and (max-width: 1198px) {
    .new_product .row .col-lg-6{
        width: 100%!important;
    }
    .new_product .container-full{
        padding: 0 40px!important;
    }
    .rokan-featuredproduct .slide-grid .product-item{
        width:  25% !important;
        margin: 0;
    }
}

@media screen and (max-width: 1100px) {
    .header-container .header .logo{
        padding: 0!important;
    }
    .banner-postion-fixed h4 {
        font-size: 26px !important;
        line-height: 30px !important;
    }

    .banner-postion-fixed h2 {
        font-size: 30px !important;
        line-height: 34px !important;
        max-width: 550px;
    }

    .header-container .header.sticky .navigation .level0>.level-top,
    .navigation .level0>.level-top {
        padding-bottom: 5px !important;
        padding-top: 5px !important;
    }
    .text-overlay h3{
        font-size: 15px!important;
        line-height: 15px!important;
    }
    .text-overlay p{
        font-size: 12px!important;
        line-height: 12px!important;
        margin: 5px 0 5px!important;
    }
    .text-overlay a{
        font-size: 12px!important;
        line-height: 12px!important;
    }
}

@media screen and (max-width: 1024px) {
.section-element.banner_static .container{
    max-width: unset;
    width: 100%;
}
.banner_static .row-banner-middle-1{
    flex-direction: column!important;
}
.banner_static .row-banner-middle-1 .col-left, .banner_static .row-banner-middle-1 .col-right{
    width: 100%!important;
}

}



@media screen and (max-width: 1220px) {
    .header-container .header .logo img{
        max-width: unset;
    } 
    .cms-index-index .header-container .header{
        position: relative!important;
        top: 0!important;
        background-color: #ffffff!important;
    }
    .header .container-full{
        padding: 0 40px !important;
    }
    .header-container .header .for-full-withmenu{
        height: 60px!important;
    }
    .header-container .header .for-full-withmenu .col-logo{
        flex: 2!important;
        display: flex!important;
        width: 100% !important;
        justify-content: center!important;
        padding: 10px 0!important;
        align-items: center!important;
        max-width: unset;
    }
    .header-container .header .for-full-withmenu .col-logo .nav-toggle{
        align-items: center!important;
        display: flex!important;
        flex: 1 1 0!important;
        font-size: 14px!important;
        top: 0;
        position: static!important;
        text-align: left!important;
    }
    .header-container .header .for-full-withmenu .col-logo .logo{
        max-width: 100%!important;
        justify-content: center!important;
        text-align: center!important;
        flex: 1 1 0!important;
    }
    .header-container .header .logo img{
        max-width: 100px !important;
        margin: 0 auto!important;
        display: block;
    }
    .header-container .nav-toggle:before{
        color: #1a1a1a;
        margin-left: -4px;
    }
    .nav-sections{
      -webkit-overflow-scrolling: touch;
        -webkit-transition: left 0.3s;
        -moz-transition: left 0.3s;
        -ms-transition: left 0.3s;
        transition: left 0.3s;
        height: 100%;
        left: calc(-1 * (100% - 54px));
        overflow: auto;
        position: fixed;
        top: 0;
        width: calc(100% - 54px);
    }
    .nav-sections{
        width: 100%!important;
        left: calc(-100%);
        background-color: #ffffff!important;
    }
    .nav-open .nav-sections{
        -webkit-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75)!important;
        -moz-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75)!important;
        -ms-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75)!important;
        box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75)!important;
        left: 0!important;
        z-index: 99!important;
    }
    .header-container .header .for-full-withmenu .nav-sections{
        flex: 1 1 0;
    }
    #close-menu{
        padding-top: 10px!important;
        margin-bottom: 15px!important;
        text-align: right!important;
        display: block !important;
    }
    #close-menu a{
        color: #1a1a1a;
        position: relative;
        right: 25px;
    }
    #close-menu a i{
        font-size: 20px;
        font-weight: 400;
    }
    .nav-sections .nav-sections-item-title{
        display: none;
    }
    .nav-sections-item-content{
        box-sizing: border-box;
        float: right;
        margin-left: 0;
        margin-top: 71px;
        width: 100%;
        padding: 25px 0;
    }    
    .nav-sections .nav-sections-item-content{
        padding: 0 30px !important;
        margin-top: 0;
    }
    .custommenu.navigation{
        float: none;
        max-width: 100%;
        padding: 0;
        text-align: left;
    }
    .custommenu.navigation > ul{
        padding: 0 !important;
    }
     .custommenu.navigation li.ui-menu-item{
        position: relative;
    }
    .navigation li{
                margin: 0;
    }
    .navigation .level0{
        border-top: 1px solid #d1d1d1;
        font-size: 1.6rem;
    }   
    .custommenu.navigation li.level0{
        margin-right: 0 !important;
        border: 0;
        font-size: 14px;
    }
    .custommenu.navigation li.ui-menu-item > .open-children-toggle{
        display: block;
        position: absolute;
        width: 42px;
        height: 42px;
        right: 0;
        top: 0;
        z-index: 1;
        cursor: pointer;
    }
    .custommenu.navigation .ui-menu-item.level0 > .open-children-toggle{
        right: -15px !important;
        top: 8px !important;
    }
    .custommenu.navigation li.level0 > .level-top{
        display: block;
        color: #1a1a1a;
        text-decoration: none;
        text-transform: capitalize;
        font-size: 16px;
        font-weight: 400;
        padding: 15px 0 !important;
        border-bottom: 1px solid #e1e1e1;
        border-color: #f2f2f2;
        line-height: 24px;
    }
    .navigation .level0:first-child > .level-top{
        padding-left: 0;
    }
    .custommenu.navigation li.ui-menu-item > a{
        padding-left: 0;
        padding-right: 0;
    }
    .navigation .level0 > .level-top{
                font-weight: 700;
        padding: 8px 40px 8px 15px;
        text-transform: uppercase;
        word-wrap: break-word;
    }
    .navigation .parent .level-top{
                display: block;
        text-decoration: none;
        position: relative;
    }
    .navigation a, .navigation a:hover{
        color: #575757;
        text-decoration: none;
    }
    .navigation a{
                display: block;
        padding-top: 10px;
        padding-right: 0;
        padding-bottom: 10px;
        padding-left: 15px;
    }
    
    .nav-sections .nav-sections-item-content .navigation .level0>.level-top{
        font-size: 14px !important;
    }
    .custommenu.navigation li.parent > a:after, .custommenu.navigation li.level0.parent > a:after{
        display: block;
        position: absolute;
        top: 14px;
        font-family: 'icomoon' !important;
        content: "\e90d";
        color: #1a1a1a;
        font-size: 14px;
        right: 0;
    }
    .navigation .submenu:not(:first-child){
                font-weight: 400;
        line-height: 1.3;
        left: auto !important;
        overflow-x: hidden;
        padding: 0;
        position: relative;
        top: auto !important;
        transition: left 0.3s ease-out;
    }
    .navigation .submenu:not(:first-child) ul > li{
                margin: 0;
    }
    .custommenu.navigation li.ui-menu-item{
        position: relative;
    }
    .navigation .submenu:not(:first-child) ul > li{
        margin: 0;
    }
    .custommenu.navigation .submenu.level0{
        height: 0;
        visibility: hidden;
    }
    .navigation ul{
                margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;
    }
    .navigation .submenu:not(:first-child) ul{
                display: block;
        padding-left: 15px;
    }
    .custommenu.navigation li.level0 .submenu{
        box-shadow: none;
        padding-top: 0;
        border-radius: 0 !important;
        border: 0 !important;
    }
    .custommenu.navigation > ul .subchildmenu{
        margin: 27px 0 0!important;
        padding-left: 20px;
    }
    .custommenu.navigation li.level0.classic .submenu .level1{
        border-right: 0;
        padding-left: 0 !important;
    }
    .custommenu.navigation li.level0 .submenu:not(:first-child) ul > li a{
        color: #431627!important;
        font-size: 14px!important;
        text-transform: capitalize;
        font-family: 'Red Hat Display', sans-serif;
        padding: 5px 0 !important;
    }
    .mobile-action{
        text-align: left!important;
        padding: 0 30px!important;
    }
    .mobile-action > div{
        padding: 15px 0;
        line-height: 24px;
        border-bottom: 1px solid #e1e1e1;
        border-color: #f2f2f2;
        display: none !important;
    }
    .mobile-action > div a{
        font-size: 16px;
        color: #1a1a1a;
    }
    .mobile-action > div a i{
        float: right;
    }
    .header-container .header .for-full-withmenu .actions-header{
        max-width: unset;
    }
    .actions-header > .register-login{
        padding: 0!important;
    }
    .custommenu.navigation .submenu.level0.opened{
        visibility: visible;
        height: auto;
    }
    .nav-sections-item-content{
        margin-left: 0;
    }
    .custommenu.navigation li.level0.classic:hover > .submenu{
        visibility: unset!important;
        opacity: unset!important;
        height: 0!important;
    }
    .custommenu.navigation li.level0.classic .submenu.opened{
        opacity: 1 !important;
        visibility: visible !important;
        height: auto!important;
    }
    .custommenu.navigation .level0.parent:hover > .submenu{
        overflow: hidden!important;
    }
    .custommenu.navigation li.level0 > .level-top.ui-state-active:after{
        content: "\e90f"!important;
    }
}



@media screen and (max-width: 990px) {
    .header-container .header .logo img {
        max-width: 100px !important;
    }
    .shipping-support .features-inner .feature{
        padding: 20px 0!important;
    }
    .blog-content h3 a{
        font-size: 14px !important;
        line-height: 16px !important;
    }
    .blog-content p{
        font-size: 10px !important;
        line-height: 16px !important;
    }
    .blog-content div a{
        font-size: 12px !important;
        height: 40px;
        max-width: 120px !important;
    }
    .section_top_banner .top_banner, .cms-block-container, .new_product .container-full, .section-element.banner_static, .header .container-full{
        padding: 0 15px!important;
    }
    
    .wrapper-the-blue-sky-slider .container-the-blue-sky-slider img{
        width: 100%!important;
    }
    .features-section{
        padding: 20px!important;
    }
    .banner-middle.container > .row .banner-item:nth-child(1), .banner-middle.container > .row .banner-item:nth-child(2){
        width: calc(25% - 15px)!important;
    }
    .banner-middle.container > .row .banner-item:nth-child(3){
        width: calc(50% - 10px)!important;
    }
    .banner-middle.container > .row.mt-3 .banner-item:nth-child(1){
        width: calc(50% - 10px)!important;
    }
    .banner-middle.container > .row.mt-3 .banner-item:nth-child(2), .banner-middle.container > .row.mt-3 .banner-item:nth-child(3){
        width: calc(25% - 15px)!important;
    }
    .rokan-featuredproduct .slide-grid{
     justify-content: center;
   }
    .rokan-featuredproduct .slide-grid .product-item{
        width:  33.33% !important;
        margin: 0;
    }
}

@media screen and (max-width: 768px) {
    .block-collapsible-nav .content{
        background: #f5f5f5!important;
        padding: 15px 0!important;
    }
    .rokan-featuredproduct .slide-grid .product-item{
        width: 50%!important;
    }
    .new_product .rokan-bestseller > .row > .col-lg-6 .slide-inner .col-lg-6{
        width: calc(50% - 10px)!important;
    }
    .banner-middle.container > .row .text-overlay{
        left: 10px;
        width: auto;
    }
    .header-container .header .col-logo {
        width: 100% !important;
        display: flex;
        justify-content: center;
        padding: 10px 0;
        align-items: center;
    }
    .box-text1 .row{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    }
    .box-text1 .row .col-sm-6{
        width: 100%;
    }
    .box-text1 .row .col-sm-6:nth-child(1){
            margin-top: 30px;
    }
    .box-text1 > .container{
        margin: 30px 0 0;
    }

    .nav-toggle {
        top: 20px;
    }
    .banner-middle.container > .row .banner-item:nth-child(1),
    .banner-middle.container > .row .banner-item:nth-child(2),
    .banner-middle.container > .row.mt-3 .banner-item:nth-child(2),
    .banner-middle.container > .row.mt-3 .banner-item:nth-child(3){
        width: calc(50% - 10px)!important;
    }
    .banner-middle.container > .row .banner-item:nth-child(3), .banner-middle.container > .row.mt-3 .banner-item:nth-child(1){
        width: 100%!important;
    }
    .wrapper-the-blue-sky-slider .container-the-blue-sky-slider .the-blue-sky-banner-text .btn {
        margin-top: 10px !important;
    }
    .blog-list .blog-item{
        width: 100%!important;
    }
}


@media screen and (max-width: 1199px) {
    .new_product .rokan-bestseller > .row > .col-lg-6{
        width: 100%!important;
    }
}

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

.checkout-index-index .opc-wrapper .checkout-payment-method,
.checkout-index-index .opc-wrapper #shipping,
.checkout-index-index .opc-wrapper #opc-shipping_method{
    padding: 30px 15px!important;
}    
#shipping-save-in-address-book+label{
    padding-left: 20px;
}
    .account-section__title-label{
        margin: 44px 0 20px!important;
    }
    .wishlist-toolbar .toolbar-amount{
        width: 100%;
    }
    .wishlist-toolbar .limiter{
        display: flex!important;
    }
    .wishlist-index-index .product-reviews-summary{
        height: unset;
    }
    .wishlist-index-index .products-grid .product-item{
        margin-bottom: 15px!important;
    }
    .products-grid.wishlist .product-item-photo{
        max-width: 30%!important;
        margin: 0!important;
        float: unset!important;
    }
    .price-box.price-configured_price{
        margin: 0!important;
    }
    .products-grid.wishlist .product-item-name{
        width: 100%;
        margin: 0!important;
    }
    .wishlist-toolbar .limiter{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .account .column.main .toolbar{
        margin: 0;
    }
    .form-newsletter-manage .field.choice{
        display: flex;
        justify-content: flex-start;
        gap: 10px;
        align-items: center;
    }
    .form-newsletter-manage .field.choice #subscription{
        margin: 0!important;
        top: 0!important;
    }
    .form-newsletter-manage .field.choice #subscription+label{
        margin: 0!important;
    }


    .product-item .product-info .product-name a,.product-item .product-info .price-box .special-price .price, .new_product .row .col-lg-6 .product-name a, .new_product .row .col-lg-6 .price{
        font-size: 14px!important;
        line-height: normal!important;
    }
    .category-image .image{
        min-height: 100px;
        object-fit: cover;
        object-position: 80%;
    }

    .section-breadcrumbs h1{
        font-size: 20px;
    }    
   .nav-sections .nav-sections-item-content{
    padding: 0 30px!important;
   } 
   .custommenu.navigation > ul{
    padding: 0!important;
   }
   .nav-sections .nav-sections-item-content .navigation .level0>.level-top{
    font-size: 14px!important;
   }
    .section_top_banner .top_banner {
        padding: 0 15px !important;
    }

    .banner-postion-fixed h4 {
        font-size: 16px !important;
        line-height: 20px !important;
    }

    .banner-postion-fixed h2 {
        font-size: 18px !important;
        line-height: 22px !important;
        max-width: 350px;
    }

    .wrapper-the-blue-sky-slider .container-the-blue-sky-slider img {
        width: 100% !important;
        height: 550px!important;
        object-fit: cover;
        object-position: 30%;
    }
    .nivo-caption .banner-postion-fixed{
        top: 85%!important;
    }
    .cms-block-container{
        padding: 0 15px;
    }
    .banner-middle.container > .row{
        flex-direction: unset!important;
        flex-wrap: wrap;
    }
    .section-element.banner_static{
        padding: 0 15px;
    }
    .banner-item{
        margin-bottom: 10px!important;
    }
    .banner-middle.container > .row .banner-item:nth-child(1),
    .banner-middle.container > .row .banner-item:nth-child(2),
    .banner-middle.container > .row.mt-3 .banner-item:nth-child(2),
    .banner-middle.container > .row.mt-3 .banner-item:nth-child(3){
        width: calc(50% - 5px)!important;
    }
    .video-content > img{
        display: none!important;
    }
    .video-content > div{
        padding: 30px 0!important;
        position: unset;
        transform: unset;
    }
    .banner_static .row-banner-middle-1 .col-left, .banner_static .row-banner-middle-1 .col-right{
        margin: 0;
    }
    .video-content h2{
        font-size: 28px !important;
        line-height: 34px !important;
    }
    .banner_static .row-banner-middle-1 .text p{
        font-size: 13px !important;
    line-height: 18px !important;
    max-width: 250px;
    }
    .banner_static .row-banner-middle-1 .text h2{
        font-size: 20px !important;
    line-height: 25px !important;
    }
    .new_product .row .col-lg-6 .row .owl-wrapper .owl-item{
        width: 100%!important;
    }
    .new_product .row .col-lg-6 .row .owl-wrapper .owl-item .bestseller-item{
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: space-between;
    }
    .new_product .row .col-lg-6 .row .owl-wrapper .owl-item .bestseller-item .product-item{
        width: calc(50% - 5px)!important;
    }
    .new_product .row .col-lg-6 .product-name{
        margin: 0!important;
    }
    .banner-middle .banner-content .text{
        max-width: 90%!important;
    }
    .banner_static .row-banner-middle-1 .text .btn-shop{
        height: unset!important;
        min-height: 40px!important;
        line-height: 40px!important;
        font-size: 14px!important;
    }
    .new_product .container-full{
        padding: 0 15px!important;
    }
    .page-footer .row > .col-xs-12{
        width: 100% !important;
        margin-bottom: 20px;
    }
    .cms-index-index .box-blog{
        margin-bottom:0!important;
    }
    .page-footer > .footer-links-footer{
        padding: 50px 15px 0!important;
    }
    .catalog-category-view .category-view{
        padding: 50px 0;
    }
    .catalog-category-view.page-products .products-grid .product-item{
        width: 50%!important;
    }
    #newsletter_pop_up{
        background-image: unset!important;
    }
    .newsletterpopup .content-popup{
        width: 100% !important;
        padding: 0;
        display: flex;
        flex-direction: column;
        min-height: auto;
        height: auto;
    }
    #newsletter_pop_up .content-popup{
        display: block !important;
        position: relative !important;
        min-height: 0 !important;
    }
    #newsletter_pop_up .popup-left-content{
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    #newsletter_pop_up .popup-right-content{
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        overflow-y: hidden !important;
    }
    .newsletterpopup .popup-left-content,
    .newsletterpopup .popup-right-content{
        flex: 1 1 auto;
        width: 100%;
        max-width: 100%;
        min-height: auto;
        height: auto;
    }
    .newsletterpopup .popup-left-content{
        /*min-height: 200px;*/
        min-height: 0 !important;
        aspect-ratio: 1800 / 600 !important;
        height: auto !important;
    }
    .newsletterpopup .popup-offer-title{
        font-size: 20px;
    }
    .newsletterpopup .popup-offer-discount{
        font-size: 46px;
    }
    #newsletter_pop_up .popup-form-fields .control input{
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        font-size: 16px;
        padding: 10px 12px !important;
        min-height: 40px !important;
    }
    #newsletter_pop_up .popup-form-fields .actions .subscribe.primary{
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        font-size: 13px;
        padding: 12px 12px !important;
        min-height: 42px !important;
        white-space: normal !important;
    }
    #newsletter_pop_up .subscribe-bottom{
        text-align: center;
    }
    #newsletter_pop_up .subscribe-bottom label{
        font-size: 12px;
    }
    .register-login .dropbtn{
        padding: 8px 0!important;
    }
    .actions-header > .register-login{
        padding: 0!important;
    }
    .rokan-featuredproduct .slide-grid{
        justify-content: space-between;
    }
    .rokan-featuredproduct .slide-grid .product-item{
        width: calc(50% - 10px)!important;
        padding: 0;
    }
    .table-checkout-shipping-method tbody tr{
        display: block;
        width: 100%;
        margin: 0!important;
    }
    .block-collapsible-nav .title:after{
        top: 10px!important;
    }
    .card-container .payment-icons li p{
        text-align: center;
    }
    .card-container .payment-icons{
        justify-content: center;
    }
    .col-sm-6.review-right{
        margin-top: 20px;
    }
}

.checkout-index-index .order-comment-block{
    padding: 20px 30px!important;
}
.checkout-index-index .opc-progress-bar-item._active:before{
    background: #983158;
}
.header-container .header .minicart-wrapper .block-minicart .block-content .wrap-actions-minicart .actions .secondary:hover{
    background-color: #983158!important;
        border-color: #983158!important;
}
.header-container .header .for-full-withmenu .actions-header i[class*="icon-"]:hover,
.custommenu.navigation li.level0:hover > a, .custommenu.navigation li.level0:focus > a{
    color: #983158!important;
}
.opc-wrapper .step-title:after, .opc-block-shipping-information .shipping-information-title:after,
.opc-block-summary > .title:after, .checkout-agreements-items .checkout-agreements-item-title:after,
.custommenu.navigation li.level0:hover > .level-top:after, .block-collapsible-nav .item.current a, .block-collapsible-nav .item.current strong{
    border-color: #983158!important;
}
.product-social-links a.action.towishlist.loading i:before, .product-social-links a.action.tocompare.loading i:before, .product-social-links a.mailto.loading i:before{
    border-color: #983158 #983158 #983158 #ffffff!important;
}
.checkout-index-index #opc-sidebar .opc-block-summary{
    padding: 15px 30px!important;
}
.login-container .block.block-customer-login .actions-toolbar .secondary a.remind,
.login-container .block.block-new-customer .actions-toolbar .secondary a.remind,
.login-container .block.block-customer-login .actions-toolbar .secondary a.back,
.login-container .block.block-new-customer .actions-toolbar .secondary a.back,
.ajaxsuite-popup-wrapper .modal-popup._inner-scroll .modal-inner-wrap .modal-content .form-login .actions-toolbar .action-register,
.sidebar .block-compare .actions-toolbar .action, .sidebar .block-wishlist .block-content .actions-toolbar .action,
.sidebar .block-reorder .actions-toolbar .action, .sidebar .block-compare .actions-toolbar .primary .action,
.sidebar .block-wishlist .block-content .actions-toolbar .primary .action,
.sidebar .block-reorder .actions-toolbar .primary .action{
    color: #000!important;
}
.sidebar .block-wishlist .product-item-actions .tocart{
    padding: 10px 15px!important;
    height: 40px!important;
    display: flex!important;
    align-items: center!important;
}
.product-item-actions .actions-primary{
    width: 100%;
    display: flex;
    justify-content: center;
}
.product-item .action.tocart, .product-list-item .action.tocart{
    padding: 10px 15px!important;
    height: 45px;
    display: flex;
    align-items: center;
    width: 100%;
    text-align: center;
    justify-content: center;
}
.checkout-index-index .authentication-wrapper .action-auth-toggle{
     padding: 0 35px!important;
    height: 35px!important;
    position: relative;
    top: -32px;
    right: 30px;
}
.header-container .header .minicart-wrapper .block-minicart .block-content .wrap-actions-minicart .actions .secondary a:hover span{
    color: #fff!important;
}
.checkout-index-index .opc-block-shipping-information .shipping-information-title .action-edit{
    background: unset!important;
}
.header-container .header .minicart-wrapper .action.close{
    background-color: unset!important;
}
.header-container .header .minicart-wrapper .action.close span{
    color:#000!important;
}
.footer-bottom .payment-icons{
list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}
.footer-bottom .payment-icons li img {
    max-height: 25px;
}

@media screen and (max-width: 767px) {
    .header .container-full{
     padding: 0 15px !important;   
    }
}

span.onsale {
    display: none !important;
}


/* Final global newsletter popup banner fix (1800x600 full popup) */
#newsletter_pop_up {
    width: min(1800px, 96vw) !important;
    max-width: 1800px !important;
    aspect-ratio: 1800 / 600 !important;
    height: auto !important;
    max-height: 92vh !important;
    overflow: hidden !important;
}

#newsletter_pop_up .content-popup {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
}

/* Left image area = 1254x600 (66.666%) */
#newsletter_pop_up .popup-left-content {
    flex: 0 0 66.6667% !important;
    max-width: 66.6667% !important;
    aspect-ratio: unset !important;
    align-self: stretch !important;
    height: 100% !important;
    min-height: 0 !important;
    overflow: hidden !important;
    line-height: 0 !important;
    font-size: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
}

#newsletter_pop_up .popup-left-content > a,
#newsletter_pop_up .popup-left-content > div,
#newsletter_pop_up .popup-left-content .hero-banner-wrapper {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
}

#newsletter_pop_up .popup-left-content p,
#newsletter_pop_up .popup-left-content figure,
#newsletter_pop_up .popup-left-content picture {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

#newsletter_pop_up .popup-left-content p:empty,
#newsletter_pop_up .popup-left-content br {
    display: none !important;
}

#newsletter_pop_up .popup-left-content a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    line-height: 0 !important;
}

#newsletter_pop_up .popup-left-content img,
#newsletter_pop_up .popup-left-content .hero-banner-wrapper img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    object-fit: fill !important;
    object-position: center center !important;
    background: transparent !important;
    vertical-align: top !important;
}

/* Right content area = 600x600 (33.333%) */
#newsletter_pop_up .popup-right-content {
    flex: 0 0 33.3333% !important;
    max-width: 33.3333% !important;
    min-width: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
    padding: 12px 14px 12px 6px !important;
}

/* Always show offer note (was hidden in media queries below — that hid it on most laptops) */
#newsletter_pop_up .popup-offer-note {
    display: block !important;
    visibility: visible !important;
}

#newsletter_pop_up .newsletter-response {
    display: block !important;
    visibility: hidden !important;
    min-height: 2.85em !important;
    max-height: 2.85em !important;
    overflow: hidden !important;
    margin-top: 10px !important;
    line-height: 1.4 !important;
    font-size: 13px !important;
    text-align: center !important;
}

#newsletter_pop_up .newsletter-response:not(:empty),
#newsletter_pop_up .newsletter-response.message-success,
#newsletter_pop_up .newsletter-response.message-error {
    visibility: visible !important;
    margin-top: 12px !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 600 !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

#newsletter_pop_up .newsletter-response.message-success,
#newsletter_pop_up .newsletter-response.message-error {
    display: block !important;
}

/* Large screens: compact row slot + CTA spacing */
@media screen and (min-width: 1201px) {
    #newsletter_pop_up .popup-right-content .popup-form-fields > .control {
        min-height: calc(40px + 1px + 1.1em + 1px) !important;
    }
    #newsletter_pop_up .popup-right-content .popup-form-fields .mage-error {
        min-height: auto !important;
        flex-shrink: 0 !important;
        margin: 1px 0 0 !important;
        line-height: 1.15 !important;
    }
    #newsletter_pop_up .popup-form-fields .actions {
        margin-top: 0 !important;
        padding-top: 2px !important;
    }
}

/*
 * Large desktop: strict 1800:600 + overflow:hidden on the right column clips validation text
 * (e.g. only email invalid after name is valid). Let row height follow the taller column for all tall viewports.
 */
@media screen and (min-width: 1401px) {
    #newsletter_pop_up {
        aspect-ratio: 1800 / 600 !important;
        max-height: 92vh !important;
        height: auto !important;
        overflow-x: hidden !important;
        overflow-y: hidden !important;
    }
    #newsletter_pop_up:has(.newsletter-response:not(:empty)),
    #newsletter_pop_up:has(.newsletter-response.message-error),
    #newsletter_pop_up:has(.newsletter-response.message-success) {
        aspect-ratio: auto !important;
        height: auto !important;
        overflow-y: auto !important;
    }
    #newsletter_pop_up .content-popup {
        display: grid !important;
        grid-template-columns: 2fr 1fr !important;
        grid-template-rows: minmax(0, 1fr) !important;
        align-items: stretch !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        overflow: visible !important;
    }
    #newsletter_pop_up .popup-left-content {
        float: none !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
        align-self: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        aspect-ratio: unset !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: stretch !important;
        flex: unset !important;
    }
    #newsletter_pop_up .popup-left-content > a,
    #newsletter_pop_up .popup-left-content > div,
    #newsletter_pop_up .popup-left-content .hero-banner-wrapper {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        height: 100% !important;
    }
    #newsletter_pop_up .popup-left-content img,
    #newsletter_pop_up .popup-left-content .hero-banner-wrapper img {
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        max-height: none !important;
        object-fit: fill !important;
        object-position: center center !important;
    }
    #newsletter_pop_up .popup-right-content {
        float: none !important;
        grid-column: 2 !important;
        grid-row: 1 !important;
        align-self: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: unset !important;
        height: 100% !important;
        max-height: 100% !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding: 10px 12px 10px 6px !important;
    }
}

/* ~1440px laptops: reserve slot without clipping the last error line */
@media screen and (min-width: 1401px) and (max-width: 1599px) {
    #newsletter_pop_up .newsletter-response {
        min-height: 2.85em !important;
        max-height: 3.5em !important;
        overflow: hidden !important;
        margin-top: 10px !important;
        line-height: 1.2 !important;
        font-size: 13px !important;
    }
}

/*
 * 1201px-1400px: left banner keeps a fixed 2:1 ratio; right column height does not stretch the image.
 */
@media screen and (min-width: 1201px) and (max-width: 1400px) {
    #newsletter_pop_up {
        aspect-ratio: 1800 / 600 !important;
        height: auto !important;
        max-height: 92vh !important;
        overflow-x: hidden !important;
        overflow-y: hidden !important;
    }
    #newsletter_pop_up:has(.newsletter-response:not(:empty)),
    #newsletter_pop_up:has(.newsletter-response.message-error),
    #newsletter_pop_up:has(.newsletter-response.message-success) {
        aspect-ratio: auto !important;
        height: auto !important;
        overflow-y: auto !important;
    }

    #newsletter_pop_up .content-popup {
        display: grid !important;
        grid-template-columns: 2.35fr 1fr !important;
        grid-template-rows: minmax(0, 1fr) !important;
        align-items: stretch !important;
        gap: 0 !important;
        height: 100% !important;
        min-height: 100% !important;
        overflow: visible !important;
    }

    #newsletter_pop_up .popup-left-content {
        float: none !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
        flex: unset !important;
        aspect-ratio: unset !important;
        height: 100% !important;
        min-height: 100% !important;
        align-self: stretch !important;
        background: transparent !important;
    }

    #newsletter_pop_up .popup-left-content > a,
    #newsletter_pop_up .popup-left-content > div,
    #newsletter_pop_up .popup-left-content .hero-banner-wrapper {
        flex: 1 1 auto !important;
        width: 100% !important;
        height: 100% !important;
        min-height: 0 !important;
    }

    #newsletter_pop_up .popup-left-content img,
    #newsletter_pop_up .popup-left-content .hero-banner-wrapper img {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: none !important;
        min-height: 100% !important;
        object-fit: fill !important;
        object-position: center center !important;
    }

    #newsletter_pop_up .popup-right-content {
        grid-column: 2 !important;
        grid-row: 1 !important;
        align-self: stretch !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;
        max-height: 100% !important;
        min-height: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        padding: 10px 12px 10px 6px !important;
        background: #fff !important;
    }

    #newsletter_pop_up .popup-countdown {
        margin-bottom: 4px !important;
    }

    #newsletter_pop_up .countdown-min > span,
    #newsletter_pop_up .countdown-sec > span,
    #newsletter_pop_up .countdown-colon,
    .newsletterpopup .countdown-min > span,
    .newsletterpopup .countdown-sec > span,
    .newsletterpopup .countdown-colon {
        font-size: 34px !important;
    }

    #newsletter_pop_up .countdown-label,
    .newsletterpopup .countdown-label {
        font-size: 10px !important;
        margin-bottom: 4px !important;
    }

    #newsletter_pop_up .popup-offer-title,
    .newsletterpopup .popup-offer-title {
        font-size: 30px !important;
        line-height: 1.05 !important;
        margin: 2px 0 3px !important;
    }

    #newsletter_pop_up .popup-offer-discount,
    .newsletterpopup .popup-offer-discount {
        font-size: 30px !important;
        line-height: 1.05 !important;
        margin-bottom: 3px !important;
    }

    #newsletter_pop_up .popup-offer-note,
    .newsletterpopup .popup-offer-note {
        font-size: 17px !important;
        line-height: 1.2 !important;
        margin: 0 0 5px !important;
    }

    #newsletter_pop_up .popup-right-content .popup-form-fields > .control {
        min-height: calc(36px + 1px + 1.05em + 1px) !important;
    }

    #newsletter_pop_up .popup-form-fields .control input {
        min-height: 36px !important;
        height: 36px !important;
        padding: 7px 10px !important;
        font-size: 16px !important;
    }

    #newsletter_pop_up .popup-form-fields .actions .subscribe.primary {
        min-height: 38px !important;
        padding: 8px 10px !important;
        font-size: 12px !important;
        line-height: 1.15 !important;
    }

    #newsletter_pop_up .subscribe-bottom {
        margin-top: 4px !important;
    }

    #newsletter_pop_up .subscribe-bottom label {
        font-size: 11px !important;
        line-height: 1.1 !important;
    }

    #newsletter_pop_up .newsletter-response {
        min-height: 2.85em !important;
        max-height: 3.85em !important;
        overflow: hidden !important;
        margin-top: 10px !important;
        line-height: 1.2 !important;
        font-size: 13px !important;
    }
}

@media screen and (max-width: 1200px) {
    #newsletter_pop_up .popup-right-content {
        padding: 8px 10px 8px 5px !important;
    }
    #newsletter_pop_up .popup-countdown { margin-bottom: 4px !important; }
    #newsletter_pop_up .countdown-min > span,
    #newsletter_pop_up .countdown-sec > span,
    #newsletter_pop_up .countdown-colon { font-size: 24px !important; }
    #newsletter_pop_up .countdown-label { font-size: 8px !important; line-height: 1.2 !important; margin-top: 0 !important; margin-bottom: 5px !important; }
    #newsletter_pop_up .popup-offer-title { font-size: 28px !important; line-height: 1.1 !important; margin: 2px 0 2px !important; clear: both !important; display: block !important; }
    #newsletter_pop_up .popup-offer-discount { font-size: 22px !important; line-height: 1.05 !important; margin-bottom: 2px !important; }
    #newsletter_pop_up .popup-offer-note {
        display: block !important;
        visibility: visible !important;
        font-size: 16px !important;
        line-height: 1.2 !important;
        font-weight: 600 !important;
        color: #c62828 !important;
        margin: 0 0 4px !important;
        max-width: 100% !important;
    }
    #newsletter_pop_up .popup-form-fields .control { margin-bottom: 0 !important; }
    #newsletter_pop_up .popup-right-content .popup-form-fields > .control {
        min-height: calc(30px + 1px + 1.05em + 1px) !important;
    }
    #newsletter_pop_up .popup-form-fields .control input { height: 30px !important; min-height: 30px !important; font-size: 14px !important; padding: 0 8px !important; }
    #newsletter_pop_up .popup-form-fields .actions { margin-top: 0 !important; }
    #newsletter_pop_up .popup-form-fields .actions .subscribe.primary { min-height: 32px !important; padding: 6px 8px !important; font-size: 12px !important; line-height: 1.1 !important; }
    #newsletter_pop_up .subscribe-bottom { margin-top: 2px !important; }
    #newsletter_pop_up .subscribe-bottom label { font-size: 10px !important; line-height: 1.1 !important; }
    #newsletter_pop_up .newsletter-response { margin-top: 10px !important; font-size: 10px !important; line-height: 1.2 !important; min-height: 2.7em !important; max-height: 3.7em !important; }
    #newsletter_pop_up .newsletter-response:not(:empty),
    #newsletter_pop_up .newsletter-response.message-success,
    #newsletter_pop_up .newsletter-response.message-error {
        max-height: none !important;
        min-height: 0 !important;
        overflow: visible !important;
        font-size: 13px !important;
        line-height: 1.45 !important;
    }
}

/*
 * Tablet / iPad Mini (e.g. 1024×768): fixed 1800:600 modal + overflow:hidden on the right column
 * clips the CTA when validation messages add height. Let the row grow and show the full form.
 */
@media screen and (min-width: 768px) and (max-width: 1200px) {
    #newsletter_pop_up {
        aspect-ratio: auto !important;
        max-height: 92vh !important;
        height: auto !important;
        overflow-x: hidden !important;
        overflow-y: visible !important;
    }
    #newsletter_pop_up .content-popup {
        display: grid !important;
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) !important;
        grid-template-rows: auto !important;
        align-items: stretch !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
        gap: 0 !important;
    }
    #newsletter_pop_up .popup-left-content {
        float: none !important;
        grid-column: 1 !important;
        grid-row: 1 !important;
        flex: unset !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 0 !important;
        align-self: stretch !important;
        aspect-ratio: 1200 / 600 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: stretch !important;
    }
    #newsletter_pop_up .popup-left-content > a,
    #newsletter_pop_up .popup-left-content > div,
    #newsletter_pop_up .popup-left-content .hero-banner-wrapper {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        height: 100% !important;

    }
    #newsletter_pop_up .popup-right-content {
        float: none !important;
        grid-column: 2 !important;
        grid-row: 1 !important;
        flex: unset !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        min-height: 0 !important;
        overflow-x: hidden !important;
        overflow-y: visible !important;
    }
}

/* Compact popup type for phones and short tablet viewports only, not wide laptops. */
@media screen and (max-width: 991px), screen and (max-width: 1200px) and (max-height: 760px) {
    #newsletter_pop_up .popup-right-content {
        padding: 6px 8px 6px 4px !important;
    }
    #newsletter_pop_up .popup-countdown { margin-bottom: 3px !important; }
    #newsletter_pop_up .countdown-min > span,
    #newsletter_pop_up .countdown-sec > span,
    #newsletter_pop_up .countdown-colon { font-size: 25px !important; }
    #newsletter_pop_up .countdown-label { font-size: 10px !important; line-height: 1.2 !important; margin-top: 0 !important; margin-bottom: 4px !important; }
    #newsletter_pop_up .popup-offer-title { font-size: 28px !important; line-height: 1.1 !important; margin: 2px 0 2px !important; clear: both !important; display: block !important; }
    #newsletter_pop_up .popup-offer-discount { font-size: 25px !important; line-height: 1.05 !important; margin-bottom: 1px !important; }
    #newsletter_pop_up .popup-offer-note {
        display: block !important;
        visibility: visible !important;
        font-size: 15px !important;
        line-height: 1.2 !important;
        font-weight: 600 !important;
        color: #c62828 !important;
        margin: 0 0 3px !important;
        max-width: 100% !important;
    }
    #newsletter_pop_up .popup-form-fields .control { margin-bottom: 0 !important; }
    #newsletter_pop_up .popup-right-content .popup-form-fields > .control {
        min-height: calc(28px + 1px + 1.05em + 1px) !important;
    }
    #newsletter_pop_up .popup-form-fields .control input { height: 28px !important; min-height: 28px !important; font-size: 13px !important; padding: 0 7px !important; }
    #newsletter_pop_up .popup-form-fields .actions { margin-top: 0 !important; }
    #newsletter_pop_up .popup-form-fields .actions .subscribe.primary { min-height: 30px !important; padding: 5px 7px !important; font-size: 11px !important; line-height: 1.1 !important; }
    #newsletter_pop_up .subscribe-bottom { margin-top: 2px !important; }
    #newsletter_pop_up .subscribe-bottom label { font-size: 9px !important; line-height: 1.05 !important; }
    #newsletter_pop_up .newsletter-response { margin-top: 8px !important; font-size: 9px !important; line-height: 1.15 !important; min-height: 3.5em !important; max-height: 3.55em !important; }
    #newsletter_pop_up .newsletter-response:not(:empty),
    #newsletter_pop_up .newsletter-response.message-success,
    #newsletter_pop_up .newsletter-response.message-error {
        max-height: none !important;
        min-height: 0 !important;
        overflow: visible !important;
        font-size: 12px !important;
        line-height: 1.4 !important;
    }
}

/* Tablet / medium only: tighter offer title without affecting phone breakpoints below. */
@media screen and (min-width: 768px) and (max-width: 1200px) {
    #newsletter_pop_up .popup-offer-title {
        font-size: 21px !important;
        line-height: 1.1 !important;
    }
}

@media screen and (max-width: 767px) {
    #newsletter_pop_up .popup-right-content {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        padding: 12px 14px !important;
    }
    #newsletter_pop_up .popup-countdown {
        margin-bottom: 8px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 2px !important;
    }
    #newsletter_pop_up .countdown-min > span,
    #newsletter_pop_up .countdown-sec > span,
    #newsletter_pop_up .countdown-colon {
        font-size: 34px !important;
        line-height: 1 !important;
    }
    #newsletter_pop_up .countdown-label {
        font-size: 12px !important;
        margin-top: 0 !important;
        margin-bottom: 4px !important;
        line-height: 1.2 !important;
    }
    #newsletter_pop_up .popup-offer-title {
        font-size: 26px !important;
        line-height: 1.1 !important;
        margin: 2px 0 3px !important;
    }
    #newsletter_pop_up .popup-offer-discount {
        font-size: 28px !important;
        line-height: 1.1 !important;
        margin-bottom: 3px !important;
    }
    #newsletter_pop_up .popup-offer-note {
        display: block !important;
        font-size: 17px !important;
        line-height: 1.25 !important;
        margin: 0 0 8px !important;
    }
    #newsletter_pop_up .popup-right-content .popup-form-fields > .control {
        min-height: calc(38px + 1px + 1.1em + 1px) !important;
    }
    #newsletter_pop_up .popup-form-fields .control input {
        height: 38px !important;
        min-height: 38px !important;
        font-size: 16px !important;
    }
    #newsletter_pop_up .popup-form-fields .actions .subscribe.primary {
        min-height: 40px !important;
        font-size: 14px !important;
    }
}

@media screen and (max-width: 480px) {
    #newsletter_pop_up .countdown-min > span,
    #newsletter_pop_up .countdown-sec > span,
    #newsletter_pop_up .countdown-colon {
        font-size: 28px !important;
    }
    #newsletter_pop_up .popup-offer-title {
        font-size: 20px !important;
    }
    #newsletter_pop_up .popup-offer-discount {
        font-size: 22px !important;
    }
}

/* Footer newsletter claim form */
#newsletter-validate-footer-claim .control {
    display: block;
    max-width: 690px;
    margin: 0 auto 30px;
}
#newsletter-validate-footer-claim .control .newsletter-name-row {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}
#newsletter-validate-footer-claim .control .newsletter-name-row input[type="text"] {
    width: 50%;
    margin: 0;
    background: transparent;
    border: 2px solid #e4e4e4;
    height: 49px;
    line-height: 49px;
    color: #999;
    font-size: 16px;
    box-shadow: none;
    padding-left: 20px;
    box-sizing: border-box;
}
#newsletter-validate-footer-claim .control input[type="text"],
#newsletter-validate-footer-claim .control input[type="email"] {
    width: 100%;
    margin: 0 0 10px 0;
}
#newsletter-validate-footer-claim .control .actions {
    margin-top: 6px;
}
@media (max-width: 768px) {
    #newsletter-validate-footer-claim .control .newsletter-name-row {
        display: block;
        margin-bottom: 0;
    }
    #newsletter-validate-footer-claim .control .newsletter-name-row input[type="text"] {
        width: 100%;
        margin: 0 0 10px 0;
    }
}

/* Left banner only: full image visible, height follows right column */
#newsletter_pop_up .popup-left-content {
    aspect-ratio: unset !important;
    align-self: stretch !important;
    height: 100% !important;
    min-height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
    background: transparent !important;
}

#newsletter_pop_up .popup-left-content > a,
#newsletter_pop_up .popup-left-content > div,
#newsletter_pop_up .popup-left-content .hero-banner-wrapper,
#newsletter_pop_up .popup-left-content picture {
    position: absolute !important;
    inset: 0 !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

#newsletter_pop_up .popup-left-content img,
#newsletter_pop_up .popup-left-content .hero-banner-wrapper img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: fill !important;
    object-position: center center !important;
}

@media screen and (min-width: 768px) {
    #newsletter_pop_up .content-popup {
        align-items: stretch !important;
    }

    #newsletter_pop_up .popup-left-content {
        align-self: stretch !important;
        aspect-ratio: unset !important;
        height: 100% !important;
        min-height: 100% !important;
    }
}

@media screen and (min-width: 1201px) and (max-width: 1400px) {
    #newsletter_pop_up .content-popup {
        align-items: stretch !important;
    }

    #newsletter_pop_up .popup-left-content {
        align-self: stretch !important;
        aspect-ratio: unset !important;
        height: 100% !important;
        min-height: 100% !important;
    }

    #newsletter_pop_up .popup-left-content img,
    #newsletter_pop_up .popup-left-content .hero-banner-wrapper img {
        object-fit: fill !important;
        object-position: center center !important;
    }
}

@media screen and (min-width: 1401px) {
    #newsletter_pop_up .popup-left-content img,
    #newsletter_pop_up .popup-left-content .hero-banner-wrapper img {
        object-fit: fill !important;
        object-position: center center !important;
    }
}

@media screen and (max-width: 767px) {
    #newsletter_pop_up .popup-left-content {
        aspect-ratio: unset !important;
        height: auto !important;
        min-height: 0 !important;
    }

    #newsletter_pop_up .popup-left-content img,
    #newsletter_pop_up .popup-left-content .hero-banner-wrapper img {
        height: auto !important;
        object-fit: contain !important;
        object-position: center center !important;
    }
}

/* Newsletter popup countdown scoreboard (same countdown-* classes) */
#newsletter_pop_up .countdown-time {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    font-size: 0 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    color: transparent !important;
}

#newsletter_pop_up .countdown-min,
#newsletter_pop_up .countdown-sec {
    display: inline-flex !important;
    align-items: center !important;
    gap: 2px !important;
}

#newsletter_pop_up .countdown-min > span,
#newsletter_pop_up .countdown-sec > span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    min-width: 0.62em !important;
    height: 1em !important;
    padding: 0 !important;
    border-radius: 0.1em !important;
    background: linear-gradient(180deg, #ef3a3a 0%, #d12525 52%, #b01818 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22), 0 1px 1px rgba(0, 0, 0, 0.14) !important;
    color: #fff !important;
    font-size: 42px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
}

#newsletter_pop_up .countdown-colon {
    color: #d12525 !important;
    font-size: 42px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    margin: 0 !important;
}

#newsletter_pop_up .countdown-label {
    margin-top: 4px !important;
    margin-bottom: 6px !important;
    font-size: 12px !important;
    color: #b11212 !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    text-align: center !important;
}