@media screen and (min-width:1024px) and (max-width:1170px){
    .lt-story .story {
        width: 33.33%;
        margin-bottom: 20px;
    }
    .container {
        width: calc( 100% - 40px );
        margin: 0 auto;
    }
    .boxes .box {
        width: 31%;
    }
}

@media screen and (min-width:768px) and (max-width:1024px){
    .container{width: calc(100% - 40px);}
    .row {
        display: flex;
        flex-wrap: nowrap;
    }
    .lt-story-panel .row{
        flex-wrap: wrap;
    }
    .box .info-area {
        background-color: #e8ecf0;
        padding: 18px 10px;
    }
    .box .info-area .img-left {
        width: 70px;
        text-align: left;
    }
    .box.active .subscription-small-text{display: none;}
    .box .info-area .right-content {
        width: calc(100% - 70px);
        font-size: 14px;
        line-height: 20px;
        display: block;
        padding-top: 10px;
    }
    .box.center .info-area .right-content{padding-top: 0;}
    .box .selection-box .row {flex-wrap: wrap;}
    .box .selection-box .row > div {
        margin-right: 10px;
    }
    .lt-story .story {
        width: 50%;margin-bottom: 15px;
    }
    .box .dis-amount-area .d-amount{font-size: 14px;}
    .box .selection-box {
        padding: 20px 10px 10px 10px;
    }
    .box .renew-btn-area .rn-btn{margin-bottom: 14px;margin-left: 0;}
    .lt-story-panel .container{width: 100%;}

     /* payment summary page  */

     .arrow-items-summary .inner-container {
        width: 100%;
    }
    .cart-items-table{width: 100%;;}
    table.cart tr td {
        padding: 20px 10px 0px 0px;}
        table.cart tr:last-child td{padding-bottom: 25px;}
        .cart-option-payment .left-panel {
            width: 100%;
            padding: 0px 33px;
        }
        .cart-option-payment .right-panel {
            width: 480px;
    margin: 26px auto 0px auto;
        }
        .terms-container {
            width: 100%;
        }
        .cart-option-payment .row{flex-wrap: wrap;}
        .coupen-panel .lg-text{width: calc(100% - 75px);}
        .coupen-panel .cds{width: 75px;}
        .arrow-items-summary .st-line {
            width: 100%;
        }
        .arrow-items-summary .circle-container:last-child {
            margin-right: auto;
        }
        .arrow-items-summary .circle-container:first-child {
            margin-left: auto;
        }
        .arrow-items-summary .st-line::after{border-radius: 0;}

        /* paymenent address page */
        .payment-address .row{flex-wrap: wrap;}

        /*add 19-01-2022*/
        .boxes .box{
            width: auto;
        }
        .subsc-index-page .ss-small-text{text-align: left;}
}





@media screen and (max-width:767px){
    .container{width: calc(100% - 20px);}
    .header-bottom-panel .discount-panel {
        font-size: 16px;
        line-height: 22px;
    }
    .sub-heading {
        font-size: 18px;
        line-height: 25px;
        text-align: center;
        padding: 20px 35px 0px 35px;
    }
    .boxes .box {
        width: 100%;
        margin-bottom: 20px;
    }
    .boxes .box.center{
        margin: 0;
margin-bottom: 20px;
    }
    .mjs{justify-content: center;}
    .box .heading-issues{margin: 20px 0px;}
    .box .selection-box .row > div {
        margin-right:20px;
    }
    .box .padding-8 {
        padding: 0px 20px;
    }
    .box .renew-btn-area .rn-btn{margin-left: 0;}
    .lt-story .story .content {
        
        padding: 0px 0px 0px 14px;
    }
    .lt-story .story {
        width: 100%;
        margin-bottom: 20px;
    }
    .lt-story .pt {
        padding: 30px 20px 0px 20px;
    }
    .rd-more .text {
        font-size: 16px;
        line-height: 20px;
    }
    .boxes {
        margin: 20px 0px 25px 0px;
    }
    .lt-story{margin-bottom: 30px;}

    /* payment summary page  */

    .cart-items-table{width: 100%;margin: 35px auto 0px auto;}
    .terms-container{width: 100%;margin: 30px auto 0 auto;}
    .arrow-items-summary .circle-container:first-child {margin-left: 0;}
    .arrow-items-summary .circle-container{margin-right: auto;
        width: 25%;
        max-width: 25%;
        justify-content: start;}
    .arrow-items-summary .circle-container .circle{    width: 50px;
        height: 50px;
        font-size: 20px;
        line-height: 21px;}
    .arrow-items-summary .inner-container {
        width: 100%;
    }
    .arrow-items-summary .st-line::after {
        top: 22px;
        border-radius: 0;
    } 
       .arrow-items-summary .circle-container:last-child {
        margin-right: auto;
    }
    .arrow-items-summary .circle-container .sm-text{font-size: 12px;    margin-top: 8px;}
    .arrow-items-summary .st-line {
        width: 100%;
    }
    .cart-items-table h3{font-size: 20px;}
    table.cart tr th{font-size: 13px;line-height: 18px;padding: 12px;}
    table.cart tr td {
        padding: 16px 4px;}
        table.cart tr td .up-text {
            font-size: 14px;
            line-height: 18px;
        }
        table.cart tr:last-child td{
            padding-top: 0px;
        }
        .cart-option-payment {
            margin-top: 20px;
        }
        .cart-option-payment .choose-type .mrt-8 {
            margin-right: 10px;
        }
        .cart-option-payment .choose-type{padding: 0;}
        .cart-option-payment .choose-type .radio-btn {
            margin-bottom: 15px;
            padding-left: 28px;
        }
        .shiip-address-panel{width: 100%;padding: 14px;}
        .shiip-address-panel .fixed-text {
            font-size: 20px;}
            .address-boxes{width: 100%;
                max-width: 100%;
                overflow: auto;}
        .address-boxes .fx-vw{width: 630px;}
        .cart-option-payment .left-panel, .cart-option-payment .right-panel {
            width: 100%;
            padding-right: 0;
        }
        .md-payment{margin: 30px 0px 0px 0px;}
            .coupen-panel {
    margin: 20px 0px 23px 0px;
    }
    .coupen-panel .cds {
        margin: 15px 0px 0px 0px;
    }
    .md-payment label {
        margin-bottom: 14px;
    }
    .tsbtn {
        margin: 15px 0px 0px 0px;
    }
    .tsbtn .plsbtn {
        width: 100%;}
        .terms-container .text {
            font-size: 20px;
        }
        .terms-container .heading-set {
            padding: 0px 4px 10px 4px;
        }
        .care-panel .ls-text {
            width: 100%;
            font-size: 15px;
        }
        .care-panel {
            padding: 20px 10px;
        }
        .care-panel .ls-text:first-child::after {
            width: 100%;
            height: 1px;
            bottom: 0;
            top: unset;
        }
        .shiip-address-panel .right-side-panel {
            margin: 12px 0px 17px 0px;
        }
        .shiip-address-panel .same-as-address {
            position: relative;
            top: unset;
            left: 0;
            background-color: unset;
            margin: 15px 0px 18px 0px;
        }
        .shiip-address-panel .fealds {padding-bottom: 10px !important;
            width: 100%;}
            .shiip-address-panel .fealds:nth-of-type(odd) {
                padding: 0px;
            }
            .shiip-address-panel .fealds:nth-of-type(even) {
                padding: 0px;
            }
            .shiip-address-panel .sub{margin: 5px 0px;}
            .coupen-panel .lg-text {
                font-size: 20px;
                width: 100%;}
                .warning-text {
                    margin: 13px 0px 15px 0px;
                    justify-content: start;
                }
                .or-center-panel {
                    padding: 0;
                    margin: 25px 0px 12px 0px;
                }
                .shiip-address-panel.update-panel .sub {
                    width: 100%;
                    margin: 10px 0px 0 0px;
                }
                .shiip-address-panel.update-panel .fixed-text {
                    font-size: 19px;
                    left: 10px;
                }
                .shiip-address-panel.update-panel{padding-top: 57px;padding-bottom: 45px;}
                .shiip-address-panel .close{top:22px}
                .coupen-panel input[type='text'] {
                    width: 75%;}
                    .coupen-panel .btn {
                        width: 25%;
                        font-size: 14px;
                    }
                    .terms-container .heading-set .close {
                        height: 20px;
                    }
                    .address-boxes .sp--box{width: 210px;}

    /* paymenent addreess css */
    .payment-address {
        margin: 20px auto 60px auto;
        width: 100%;
    }
    .payment-address .header-address .lg-text {
        font-size: 20px;
    }



}

@media screen and (min-width:480px) and (max-width:767px){
    .payment-address .shiip-address-panel .fealds{width: 50%;}
    .shiip-address-panel .fealds{width: 50%;}
    .shiip-address-panel .fealds:nth-of-type(even){padding-left: 10px;}
    .shiip-address-panel.update-panel .sub{margin: 0;}
}

@media screen and (max-width:480px){
    .payment-address .shiip-address-panel .fealds:nth-of-type(odd) {
        padding: 0px 0px 0px 0px;
    }
}

@media(max-width:991px){
    .magazine-listing{
        margin: 0 -10px;
    }
    .page-content h2{
        font-size: 20px;
        line-height: 22px;
    }
    .page-content p{
        font-size: 16px;
        line-height: 24px;
    }
    .ml-item{
        padding:0px 10px;
        flex:0 0 50%;
        max-width: 50%;
        margin-bottom: 20px;
    }  
}
@media(max-width:767px){
   .ml-item{
        flex:0 0 100%;
        max-width: 100%;
    }   
    .ml-des h4{
        font-size: 16px;
        line-height: 18px;
    }
}

/*
    Subscrition Cancel and Thanks
----------------------------------------------*/

@media (max-width:991px){
    .pt70{padding-top:19px}
    .go-back{display:block}
    .subs-col6,.subs-col4{flex:0 0 100%;max-width:100%;padding:0}
    .subs-ct p:last-child{margin-bottom:26px}
    .oth-magazine{margin-top:13px}
    .oth-heading{font-size:20px;line-height:22px}
    .oth-magazine ul{justify-content:flex-start;width: 100%;}
    .oth-magazine ul li{flex:0 0 33.33%;max-width:33.33%; padding: 10px;}
    .oth-magazine ul li:nth-child(4),.oth-magazine ul li:nth-child(7){border-left:none}
    .oth-magazine ul li:nth-child(5) ~ li{border-bottom:1px solid #75a9b8}
    .oth-magazine ul li:nth-child(6) ~ li{border-bottom:none}
    .subs-note{max-width:calc(100% - 40px)}
    .oth-magazine ul li:last-child:after {
            
        background-color: #75a9b8;
    }
    .oth-magazine ul li{padding: 10px 0px;}
    }
    
    @media (max-width:767px){
     .pt70{padding-top:22px}
    .hd-border{font-size:20px;line-height:22px;padding-bottom:11px;margin-bottom:28px}
    .subs-ct p{margin-bottom:19px}
    .subs-ct p:last-child{margin-bottom:28px}
    .can-reason{padding-top:16px;padding-bottom:21px}
    .subs-includes ul{margin-top:11px}
    .oth-magazine{margin-top:4px;padding:13px 0 20px;margin-bottom:20px}
    .oth-heading{line-height:27px;margin-bottom:19px}
    .oth-magazine ul li{flex:0 0 50%;max-width:50%;padding:10px 10px;min-height:79px;border-bottom: 1px solid #75a9b8;}
    .oth-magazine ul li:last-child{border-bottom: 0;}
    .oth-magazine ul li:nth-child(3),.oth-magazine ul li:nth-child(5){border-left:none}
    .oth-magazine ul li:nth-child(4){border-left:1px solid #75a9b8}
    .subs-note{padding-bottom:20px}
    }

    /*
    Cart Page
----------------------------------------------*/

@media (max-width:991px){
    .cart-listing{margin-top: 41px;}
}
@media (max-width:767px){
    .cart-listing{margin-bottom:30px}
    .cart-heading{margin-top:-15px;margin-bottom:7px;font-size:20px;line-height:22px}
    .cart-heading .item-count{line-height:22px}
    .cart-table{margin:0 -10px}
    .table-head ul li{font-size:13px;line-height:18px}
    .table-head ul li span{display:block}
    .table-head ul li:first-child{flex:0 0 56.5%;max-width:56.5%;padding:0 10px 0 68px}
    .table-body{padding:0 10px;margin-bottom:0}
    .cart-item{flex:0 0 56.5%;max-width:56.5%;padding:0 10px 0 0}
    .ci-des{padding-left:14px}
    .table-head{margin-bottom:15px}
    .table-head ul{padding:10px 0 12px}
    .table-head ul li,.ci-months{flex:0 0 22.2%;max-width:22.2%;text-align:left}
    .table-head ul li:last-child,.ci-amout{flex:0 0 21.3%;max-width:21.3%;text-align:left}
    .ci-mag-title{font-size:14px;line-height:18px}
    .ci-mag-oth-txt{font-size:13px;line-height:16px}
    .table-footer{padding-top:14px;padding-bottom:15px}
    .more-info{padding:7px 0 0;margin-bottom:31px}
    .customer-care,.wecare-address{flex:0 0 100%;max-width:100%;font-size:15px;line-height:25px}
    .customer-care{border-right:none;border-bottom:1px solid #dadada;margin-bottom:7px}
}


/* login & sign up & index*/
@media screen and (min-width:1025px) and (max-width:1169px){

    .subsc-index-page .a-text {
        flex-wrap: nowrap;
        white-space: nowrap;
    }
    .subsc-index-page .ss-off-lg-text {
        font-size: 20px;}
        .subsc-index-page .ss-lg-text {
            font-size: 24px;}
            .subsc-index-page .ss-leble label {
                margin-bottom: 0;
            }
}

/* new css add 19-01-2022 */ 
@media screen and (max-width:1024px) and (min-width:921px) {
    .ss-rd-box .row {
        padding: 0px 0px 0px 16px;
    }
    .subsc-index-page .ss-small-text{
        margin-top: 4px;
    }
}

@media screen and (min-width:767px) and (max-width:1024px){
    .log-text-area .row ,  .ss-rd-box .row{flex-wrap: wrap;}
    .subsc-index-page .box {
        padding: 26px 12px 12px 13px;
    }
    .subsc-index-page .digital-img {
        margin-left: 10px;
    }
    .subsc-index-page .print-img {
        margin-right: 10px;
    }
    .subsc-index-page .a-text {
        flex-wrap: nowrap;
        white-space: nowrap;
    }
    .subsc-index-page .ss-cut-text {
        font-size: 16px;}
        .subsc-index-page .ss-lg-text {
            font-size: 20px;}
            .subsc-index-page .ss-lg-text span {
                font-size: 18px;
            }
            .subsc-index-page .ss-off-lg-text {
                font-size: 14px;}
    .subsc-index-page .ss-off-lg-text {
        line-height: 18px;
        
    }
    .subsc-index-page .boxes .box.center {
        margin: 0px 16px;
    }
    .subsc-index-page .ss-text {
        font-size: 16px;
    }
    .subsc-index-page .box:last-child .ss-sub-btn{margin: 0;}
    .subsc-index-page .ss-leble label {
        margin-bottom: 0;
    }
}
@media screen and (min-width:767px) and (max-width:930px){
    .subsc-index-page .ss-off-text{padding-left: 30px;line-height: 19px;}

    /*new css update on 19-01-2022*/
    .ss-rd-box .row {
        padding: 0px 0px 0px 10px;
    }

}
@media screen and (max-width:767px){
    .logs-panel{width: 100%;}
    .logs-tabs .shiip-address-panel{width: 100%;}
    .logs-tabs .shiip-address-panel.login{width: 100%;}
    .logs-panel .tabs-log .s-nav .row {
        justify-content: center;
        padding-right: 0;
    }
    .logs-tabs .signup .fealds:nth-of-type(odd){padding: 0;}
    .logs-tabs .text {
        text-align: center;
    }
    .subsc-index-page .box{padding: 22px 13px;}

    .subsc-index-page .print-img, .subsc-index-page .digital-img{display: block; }
    
    /* new css updated on 19-01-2022 */

    .ss-rd-box .row {
        padding: 0px 0px 0px 16px;
    }
    .subsc-index-page .ss-small-text{
        margin-top: 4px;
        text-align: left;
    }
    .subsc-index-page {
        padding: 10px 10px 0px 10px;
    }
    .gift-icon-panel .row { padding:0;}
    
}
@media screen and (min-width:481px) and (max-width:767px){
    .ss-rd-box .row{padding: 0px 0px 0px 20px;}
}
@media screen and (max-width:480px){
    .logs-tabs .logsimages a {
        display: inline-block;
        width: 100%;
        text-align: center;margin-right: 0;
    }
    .logs-panel .tabs-log .f-nav {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }
    .logs-tabs .text {
        text-align: center;
        padding: 0px 45px;
    }
    
    .subsc-index-page .ss-text{margin-top: 3px;}
    .subsc-index-page .ss-lg-text{font-size: 20px;}
    .subsc-index-page .a-text{margin-top: 5px;}
    .subsc-index-page .ss-leble label {
        margin-bottom: 0;
    }
}

@media screen and (max-width:553px){
    .oth-magazine ul li{}
    .subsc-index-page .ss-cut-text {
        font-size: 14px;}
        .subsc-index-page .ss-lg-text {
            font-size: 20px;
        }
        .subsc-index-page .ss-lg-text span {
            font-weight: 500;
            font-size: 18px;
        }
        
}


/*add css on 19-01-2022*/
@media screen and (max-width:320px){
    .ss-rd-box .row {
        padding: 0px 0px 0px 10px;
    }
}