@media only screen and (max-width:1200px){
    .container{
        max-width: 1120px;
    }
    .lay {
        padding-top: 46%;
    }
    .swiper-button-next85,.swiper-button-prev85{
        right: auto !important;
        top: auto !important;
        bottom: 30px;
        left: 30px;
        width: 50px;
        height: 50px;
        background-color: #000000;
        border-radius: 50%;
        text-align: center;
    }
    .swiper-button-next85 img,.swiper-button-prev85 img{
        width: 25px !important;
        height: 25px !important;
        object-fit: contain !important;
        background-color: unset;
        border-radius: 0;
        padding: 0;
        line-height: 45px;
    }
    .swiper-button-next85{
        left: 100px;
    }
    .swiper-button-prev85 img{
        position: relative;
        top: 12px;
    }
    .left-issue {
        padding: 13rem 3rem 0;
    }
    .issue-hd h1 {
        margin-left: 3%;
    }
    .right-issue-img img {
        margin-right: 7%;
    }
    .right-issue::after, .left-issue::after {
        height: 413px;
    }
}

@media only screen and (max-width:991px){
    .right-issue {
        padding: 2rem 0;
        position: relative;
    }
    .left-issue {
        padding: 7rem 3rem 0;
    }
    .left-issue::after {
        height: 321px;
    }
    .right-issue::after {
        height: 321px;
    }
    .tyi_3101ol {
        height: 260px;
    }
    #founder,.founder-hd{
        display: none;
    }
    #founder1{
        display: block;
    }
    .as{
        display: block;
        text-align: center ;
    }
   
    .menu-container{
        width: fit-content;
        padding-right: 80px;
    }
    .search-box, .search-box11 {
        width: 50%;
    }
}

@media only screen and (max-width:880px){
	.price-chart .add11 ,.price-chart .add{
        display: none;
    }
    .chgad_usr_adrs {
        padding: 1rem 1rem;
    }
    .canva_open_btn {
        margin: 20px 0 0;
        padding: 10px 10px;
        text-align: center;
        display: block;
    }
    .container155::after{
        left: 15px;
    }
    .issue-hd h1 {
        font-size: 42px;
    }
    .ev-tp1 img {
        height: 220px !important;
    }
    .left-product img {
        width: 100%;
    }
    .product-price-dt{
        text-align: right;
    }
    .total_amnt_sectin, .final_sub_total_price {
        margin-right: 0rem;
    }
    .total_amnt_sectin p, .total_amnt_sectin span, .final_sub_total_price p, .final_sub_total_price span {
        font-size: 25px !important;
        color: black;
        font-weight: 600;
        letter-spacing: 0;
        color: crimson;
    }

    .product-price-dt,.left-product{
        width: 25%;
    }
    .product-price-dt{
        padding-left: 10px;
    }
    .left-product{
        padding-right: 10px;
    }
    .sub-summary ul li {
        align-items: flex-start;
        padding: 0 0 10px 0;
    }
    #subcribe-details{
        margin: 0;
    }
    .mn-bt::after{
        bottom: -1px;
    }
    .fnd-bt1 a,.fnd-bt2 a,.fnd-bt3 a{
        display: block;
        padding: 10px 15px;
    }

    .ad-bt {
        margin: 2rem 0;
    }
    .right-mag-dt{
        margin-top: 20px;
    }
    .ad-bt {
        gap: 1rem;
        flex-wrap: wrap;
    }
    .q-no{
        width: 60%;
    }
    #about {
        padding: 4rem 0;
        background-color: #f6e2cc;
        clip-path: polygon(0 4%, 100% 0, 100% 98%, 0% 100%);
    }
    .left-payment h2 {
        font-size: 16px;
        font-weight: 600;
    }
    .left-ab p{
        margin-bottom: 40px;
    }
    .book-hd p{
        width: 100%;
    }
    .inner-od-dt {
        width: 100%;
    }
    .mn-od-dt{
        padding: 1rem;
    }
    .sub-od-dt{
        padding: 1rem;
    }
    .sub-od-dt ul {
        margin: 0;
    }
    .od-li{
        flex-wrap: wrap;
    }
    .od-li>*{
        width: 100%;
    }
    .dash-logo img {
        height: 250px;
        padding: 1rem 3rem;
    }
    .profile-image {
        height: 90px;
        width: 90px;
    }
    .profile-image img {
        width: 70px !important;
        height: 70px !important;
    }
    .profile_user_name_wrapper_1 p{
        word-break: break-all;
    }
    .left-ma img, .right-ma img{
        height: 350px
    }
    #exp{
        margin-bottom: 2rem;
    }
    .lf-imm{
        border: unset;
        padding: unset !important;
        margin: 0;
    }
    .pagi{
        margin-bottom: 2rem;
    }
    .pagi .pagination {
        flex-wrap: wrap;
    }
    .pagi .pagination p{
        width: 100%;
        margin-bottom: 15px;
    }
    .pagi .pagination p:last-child{
        margin-bottom: 0;
    }
    .exp-hd{
        gap: 2%;
    }
    .mn,.dt-mn{
        width: 32%;
    }
    .hv{
        width: 100%;
    }
    .mn select,.dt-mn select{
        width: 100%;
        height: 35px;
    }
    .lay {
        padding-top: 39%;
    }
    .right-abv{
        display: none;
    }
    .inner-issue{
        flex-direction: column-reverse;
    }
    .right-issue::after, .left-issue::after{
        height: 100%;
        border-radius: 0;
    }
    .swiper-button-next85,.swiper-button-prev85{
        top: 50% !important;
        left: unset;
        bottom: unset;
    }
    .swiper-button-next85{
        right: 15px !important; 
    }
    .swiper-button-prev85{
        left: 15px !important;
    }
    .left-vd .vdo-tp1 img {
        height: 300px;
    }
    .vdo-tp img {
        height: 150px;
    }
    .left-issue,.right-issue{
        width: 100%;
    }
    .left-issue {
        padding: 0rem 2rem 0;
    }
    .right-issue{
        margin: unset;
    }
    .right-issue img{
        float: unset;
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }
    .is-hd{
        text-align: center;
    }
    .is-hd-bt{
        justify-content: center;
        flex-wrap: wrap;
    }
    .tyi_3101ol {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        height: auto;
    }
    .tyi_3102ol:nth-child(3){
        grid-row-end: span 1;
        grid-column-end: span 1;
    }
    .tyi_3101ol img{
        height: 200px;
        object-fit: cover;
    }
    .tyi_3102ol:nth-child(1) img{
        height: 410px;
    }
    .is-hd h1,.book-hd h1 ,.gal-hd h1,.left-ab h1,.as,.gal-hd h1,.gal-hd  h1,.abt-hd h1,.hv h1,.car-hd h1,.mag-n h1 ,.right-cart-hd h1{
        font-size: 30px !important;
    }
    .r-tx1 h1,.part-w1 h1,.part-w h1,.lay h2,.p-hd h1,.uv h5,.mag-name-hd h1,.description-type h1,.Summary h1{
        font-size: 28px !important;
    }
    .lay h3,.pop-txt h6,.new-price,.product-prc p,.replace-pop-hd h1,.mag-price h1 {
        font-size: 20px !important;
    }
    .pop-txt h5,.lli h3,.disp_user_name_2nd h4{
        font-size: 18px;
    }
    .book-hd p,.story-by p ,.left-ab  p,.r-tx1 p,.abt-hd p,.pop-txt p,.pagination P,.uv P,.shrtdesc p{
        font-size: 15px !important;
        line-height: 22px;
    }
    .part-bt a,.ac p,.it p,.bttt1 a,.part-bt  a,.bttt1 a,.rd-btt a,.add a,.bttttt a {
        padding: 11px 15px;
        font-size: 17px;
    }
    .product-prc p {
        margin: 0px 0;
    }
    .descriptiom p {
        width: 100%;
    }
}
@media only screen and (max-width:768px){
    .inner-connect11{
        padding: 2rem 1rem;
    }
    .left-connect, .right-connect {
        width: 100%;
    }
    .cross {
        position: absolute;
        top: 10px;
        right: 10px;
        padding: 5px;
        background: #fff;
        border-radius: 4px;
    }
    .cross img {
        width: 25px;
    }
    .connect-hd h1 {
        color: red;
        font-size: 20px;
    }
    .connect-form input {
        font-size: 18px;
        padding-bottom: 5px;
    }
    .connect-form input::placeholder, .connect-form textarea::placeholder,.connect-form #file::placeholder  {
        color: #c3c3c3;
        font-size: 14px;
    }
    .lc{
        width: 100%;
        padding: 70px 10px 50px;
        overflow: hidden;
    }
    .connect-form{
        margin-top: 20px;
    }
    .upload input {
        font-size: 20px;
        margin: 1rem 0 2rem;
        width: 100%;
    }
    .subb a {
        font-size: 18px;
        display: block;
        padding: 10px;
        font-weight: 600;
        text-align: center;
        border-radius: 5px;
    }
    #connect .container250,#connect1 .container250{
        width: 100% !important;
        max-width: 100% !important;
    }
    #connect, #connect1 {
        overflow: auto;
    }
    .rc {
        display: none;
    }
    #shipping {
        background-color: rgb(0 0 0);
        padding: 0;
        z-index: 111111;
    }
    .cl img {
        z-index: 11;
        background: crimson;
        padding: 4px;
        border-radius: 3px;
        top: -30px;
    }
    .inner-s {
        width: 96%;
    }
    .inner-part{
        padding: 1rem !important;
    }
    .inner-part>*{
        padding: 0rem !important;
    }
    .left-ma img, .right-ma img{
        height: 250px
    }
    .part-w h1{
        text-align: center;
        font-size: 20px;
        line-height: 32px;
    }
    .r-tx1{
        padding: 0 15px;
    }
    #partner {
        margin: 2rem 0;
    }
    .inner-part {
        padding: 2rem;
    }
    .part-w1{
        text-align: center;   
    }
    .part-w1 h1{ 
        font-size: 20px !important;
    }
    .part-bt {
        width: fit-content;
        margin: 0 auto;
    }
    .part-bt a{
        display: block;
        padding: 8px 15px;
        font-size: 15px;
    }

    .lgg a img {
        width: 95px;
    }
    .search-box, .search-box11 {
        width: 100%;
        position: absolute;
        bottom: 10px;
    }
    #wrapper {
        justify-content: space-between;
        padding-bottom: 60px;
        position: relative;
    }
    .lgg {
        width: 50%;
    }
    .iksfields .output {
        left: 50%;
        transform: translate(-50%, 0%);
        min-height: 335px;
        width: 100%;
        height: 100%;
    }
    #button-wrapper {
        margin-left: 0px;
    }
    .divHeaderWrapper {
        width: 50%;
    }
    .search-box input, .search-box11 input {
        width: 94%;
    }
}

@media only screen and (max-width:576px){
    .inner-subcribe-details table td, .inner-subcribe-details table th {
        padding: 5px;
        text-align: center;
    }
    .mn-bt{
        flex-wrap: wrap;
        gap: 10px;
    }
    .mn-bt::after{
        display: none;
    }
    .fnd-bt1 ,.fnd-bt2 ,.fnd-bt3 {
        width: fit-content;
        text-align: center;
    }
    .fnd-bt1 a,.fnd-bt2 a,.fnd-bt3 a{
        font-size: 15px;
        border: 1px solid crimson;
    }
}

@media only screen and (max-width:480px){
    .mag-price h1{
        font-weight: 400 !important;
    }
    .mag-n h1{
        color: #000000;
    }
    #copytype {
        margin: 0 0 1.5rem;
    }
    .lay {
        padding-top: 35%;
    }
  
    #empty-cart {
        position: relative;
        height: 75vh;
    }
    .empty-cart-dt h1 {
        font-size: 40px;
    }
    .empty-cart-dt p {
        font-size: 16px !important;
    }
    .shope-more-bt {
        margin-top: 1rem;
    }
    .inner-empty-cart, .inner-no-product{
        width: 100%;
        padding: 0 2rem;
    }
    .shope-more-bt a {
        display: block;
        padding: 10px 20px;
        font-size: 15px;
        width: fit-content;
        margin: 0 auto;
    }
    .login-form111 {
        padding: 1rem;
        border-radius: 0;
    }
    .book-img img {
        width: 100%;
        margin-bottom: 1rem;
    }
    .ad-bt{
        flex-wrap: nowrap;
    }
    .no-mag,#cartbtn{
        width: 50%;
    }
    .aaa{
        flex-wrap: wrap;
        gap: 10px;
    }
    .dt-hd1 {
        height: 160px;
    }
    .aaa span{
        display: none;
    }
    .product-prc p {
        color: crimson;
    }
    .dt-hd1 h1{
        width: fit-content;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        word-break: break-all;
    }
    .dt-hd1 h3 {
        font-size: 16px;
        width: fit-content;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .mag-no:hover {
        padding: 5px !important;
    }
    /* .lf-imm.lf-imm11 .col{
        width: 50%;
    } */
    .pagi .pagination p:last-child {
        display: flex;
        width: fit-content;
        flex-wrap: wrap;
        justify-content: center;
        gap: 5px;
    }
    .read{
        top: 90%;
    }
    .read a{
        padding: 0.2rem 0;
        display: block;
        font-size: 12px;
    }
   
    .price-chart {
        margin-top: 10px;
        gap: 10px;
        flex-wrap: wrap;
    }
    .price-chart .new-price {
        width: 100%;
        font-size: 16px !important;
        color: crimson;
    }
    /* .price-chart .add11 ,.price-chart .add{ */
        /* display: none; */
    /* } */
    .mag-no h5{
        margin-top: 1rem;
        line-height: 24px;
        font-size: 16px;
    }
    .mag-no.mag-no11 h1{
        margin-top: 1rem;
        line-height: 22px;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0;
        line-break: unset;
    }
    .mag-no.mag-no11 h5{
        display: none;
    }
    .mag-no img {
        margin-bottom: 0rem;
        height: 220px !important;
        object-fit: cover;
        object-position: top;
    }
    .mag-no{
        padding: 5px;
    }
    .mag-no p{
        display: none;
    }
    .lf-imm .col-lg-3.col-sm-6 {
        width: 50%;
    }
    .swiper-slide1212 img {
        height: 200px;
        object-fit: cover;
        object-position: top;
    }
    .right-issue img {
        max-width: 210px;
    }
    #menu #button-wrapper {
        top: 0;
    }
    .menu-container {
        width: 100%;
        padding-right: 0px;
        padding-top: 70px;
    }
    .sub-summary ul li {
        flex-wrap: wrap;
        padding-top: 10px;
    }
    .sub-summary ul li:first-child {
        padding-top: 0;
    }
    #checkout {
        margin: 2rem 0;
    }
    .left-product{
        width: 30%;
    }
    .bttttt115 {
        margin: 2rem 0;
    }
    .right-product-dt,.product-price-dt{
        width: 70%;
    }
    .product-price-dt{
        margin-left: 30%;
        text-align: left;
        padding-left: 0;
    }
    .total_amnt_sectin p, .total_amnt_sectin span, .final_sub_total_price p, .final_sub_total_price span {
        font-size: 20px !important;
        margin-bottom: 5px;
    }
    .product-price-dt p {
        font-size: 20px !important;
        letter-spacing: 0;
        font-weight: 400;
        color: crimson;
    }
    .p-qnt span {
        font-size: 16px;
    }
    .total_amnt_sectin {
        margin-bottom: 0rem;
    }
    .is-hd h1 {
        font-size: 24px;
        letter-spacing: 1px;
        font-weight: 600;
        margin-bottom: 20px;
    }
    .bttt1 a{
        display: block;
        padding: 6px 20px;
    }
    .tyi_3101ol img{
        height: 100px;
        object-fit: cover;
    }
    .tyi_3102ol:nth-child(1) img{
        height: 210px;
    }
    img.thumbnail-image {
        height: 200px;
    }
    .ev-tp1 img {
        height: 210px !important;
    }    
    .found {
        padding: 3rem 0 1rem;
    }
    .part-w h1 {
        text-align: center;
        font-size: 16px !important;
        line-height: 24px;
    }
    .inner-part>:first-child {
        margin: 0rem !important;
    }
    .kd-btn{
        flex-wrap: wrap;
    }
    .left-ab p,.r-tx1 p,.book-hd p,.abt-hd p,.kathantara p, .container14 ol li,.vdd12 li ,.right-fil li,.fn-dt p,.ev-tp1-txt h2,.award-dt p,.right-event-details p,.nm11 p{
        font-size: 15px !important;
        line-height: 22px;
    }
    .ev-tp1-txt h2{
        margin: 5px 0 0;
    }
    .left-ab h1,.as {
        font-size: 30px;
        letter-spacing: 0px;
    }
    .container155 {
        padding: 2rem 0 1rem 2rem;
    }
    .r-tx1 h1,.product-prc p,.mag-n h1,.right-event-details h1,.nm11 h1,.right-product-dt h2{
        font-size: 24px !important;
        line-height: 30px;
    }
    .gal-hd h1,.book-hd h1,.abt-hd h1,.hv h1,.mag-name-hd h1,.lg-hd h1,.fn-hd h1,.award-hd h1,.ev-hd h1{
        font-size: 30px !important;
        font-weight: 400;
        letter-spacing: 0px;
        margin-bottom: 8px;
    }
    .mag-price h1,.lli h3 ,.profile_subheading h5,.Summary h1{
        font-size: 20px !important;
        letter-spacing: 0;
    }
    .Summary img {
        width: 18px;
        height: 18px;
    }
    .gal-bt a {
        font-size: 16px;
        font-weight: 400;
    }
    .book-hd{
        padding: 0 1rem;
    }
    .q-no{
        margin-top: 0;
    }
    .mag-code h3{
        font-weight: 600;
        font-size: 14px;
        color: #767676;
    }
    .mag-price h1,.total-pr h3 ,.total-pr h4 ,.bttttt a,.lg-hd h1,.fn-hd h1,.award-hd h1,.ev-hd h1,.order-hd h3{
        font-weight: 600;
        letter-spacing: 0;
    }
    .quantity h5,.forgot,.forgot2 h5{
        font-size: 14px;
    }
    #subscribe {
        margin: 3rem 0;
    }
    .login-logo img{
        width: 200px;
    }
    #login {
        margin: 2rem 0;
    }
    .login-form {
        padding: 2rem 1rem;
    }
    #gallery-section {
        padding: 0;
    }
    #gallery {
        margin: 0rem 0;
    }
    .profile_menu_content_wrapper {
        width: 100%;
        margin: unset;
    }
    .xyz {
        align-items: flex-start;
        width: 100%;
    }    
    .btne{
        float: unset;
    }
    .name-hr {
        flex-wrap: wrap;
        gap: 0rem;
    }
    .name-hr h4{
        margin-bottom: 2px;
    }
    .name-hr>*{
        width: 100%;
    }
    .profile_user_name_wrapper{
        flex-wrap: wrap;
        gap: 0;
        justify-content: flex-start;
    }
    .profile_user_name_wrapper_1 {
        width: 100%;
    }
    .profile_user_name_wrapper_1 p {
        padding: 0 0 0 10px;
        letter-spacing: 0;
        font-size: 15px;
    }
    .dashboard-header {
        padding: 4rem 1rem 1rem 1rem;
    }
    .order-price h6 {
        font-size: 18px;
        font-weight: 600;
        color: crimson;
        margin-top: 10px;
    }
    .lay h3,.lay h2{
        font-size: 20px !important;
    }
    .no-product-image img {
        width: 100%;
        height: 174px;
    }
    #no-product {
        height: 50vh;
    }
    .no-product-dt h1 {
        font-size: 25px;
        font-weight: 600;
    }
    #no-product {
        height: 40vh;
    }
    .swiper-button-next85, .swiper-button-prev85,.swiper1212 .swiper-button-next,.swiper1212 .swiper-button-prev{
        width: 30px;
        height: 30px;
        background-color: #000000;
        border-radius: 50%;
    }
    .swiper-button-next85 img, .swiper-button-prev85 img {
        width: 14px !important;
        height: 14px !important;
    }
    .swiper1212 .swiper-button-prev::before, .swiper1212 .swiper-button-next::before{
        background-color: unset;
    }
    .swiper1212 .swiper-button-next::after,
    .swiper1212 .swiper-button-prev::after{
        background-color: unset;
        width: 100%;
        background-size: 15px;
        background-position: center;
        height: 100%;
        inset: 0;
    }
    .swiper-button-prev85 img {
        top: 1px;
    }
    .copy-right p {
        font-size: 15px !important;
    }
    .left-connect p{
        word-break: unset;
    }
    .ol-fl ol{
        display: unset;
    }
}
@media only screen and (max-width:320px){
    .lgg {
        width: 40%;
    }
    .divHeaderWrapper {
        width: 55%;
    }
}
@media only screen and (max-width:880px){
    .fontChsnge h1{
        font-size: 30px !important;
    }
    .fontChsnge h2{
        font-size: 30px !important;
    }
    .fontChsnge h3{
        font-size: 30px !important;
    }
    .fontChsnge h4{
        font-size: 24px !important;
    }
    .fontChsnge h5{
        font-size: 22px !important;
    }
    .fontChsnge h6{
        font-size: 20px !important;
    }
    .fontChsnge p{
        font-size: 16px !important;
    }
    .ptag{
        font-size: 16px !important;
    }
    .h1tag{
        font-size: 30px !important;
    }
    .h4tag{
        font-size: 24px !important;
    }
    .h5tag{
        font-size: 22px !important;
    }
    .h6tag{
        font-size: 20px !important;
    }
}
@media only screen and (max-width:480px){
    .fontChsnge h1,.fontChsnge h2,.fontChsnge h3{
        font-size: 24px !important;
    }
    .fontChsnge h4{
        font-size: 22px !important;
    }
    .fontChsnge h5{
        font-size: 20px !important;
    }
    .fontChsnge h6{
        font-size: 18px !important;
    }
    .fontChsnge p{
        font-size: 15px !important;
    }

    .ptag{
        font-size: 15px !important;
    }
    .h1tag{
        font-size: 24px !important;
    }
    .h4tag{
        font-size: 22px !important;
    }
    .h5tag{
        font-size: 20px !important;
    }
    .h6tag{
        font-size: 18px !important;
    }
}
