/* common */

    /* display */
    .d-n{
        display: none;
    }
    .z-1{
        z-index: 1;
    }
    /* max-width */
    .mw-1920{
        max-width: 1920px;
        margin-left: auto;
        margin-right: auto;
    }
    .ml-a{
        margin-left: auto;
    }


/* style */

/* justine's start's here */

.a-lot {
    background-color: #F0F4F7;
    border-radius: 15px;
    line-height: 1.3;
    background-image: url(../images/1122.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}
.hidden-sm {
    display: none!important;
}
.hidden-sm-1 {
    display: none!important;
}
.braincells-image img {
    max-width: 100%!important;
}
.hidden-sm-earth-01 {
    display: none!important;
}





/* screen */
@media screen and (max-width: 1700px) {  
    .mr-nega-150 {
        margin-right: 0px;
    }
    .w-100-d{
        width: 100%;
    }
    .main-padder{
        padding: 0px 50px; 
    }
    .main-padder-1{
        padding: 0px 50px; 
    }
    .text-add {
        font-size: 28px;
    }
    .a-lot {
        background-color: #F0F4F7;
        border-radius: 15px;
        line-height: 1.3;
        background-image: linear-gradient( rgba(255, 255, 255, 0.6) 100%, rgba(255, 255, 255, 0.6)100%),url(../images/1122.png)!important;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
    }
    .lot-more {
        width: 100%;
    }
    .degrade-sm {
        width: 100%;
    }
    .main-padder {
        padding: 20px 40px;
    }
    .section-padder {
        padding: 20px;
    }  
    .p3s24-bg {
        background-image: url(../images/AdobeStock_196309810-2.png);
        background-repeat: no-repeat;
        background-position: bottom -60px left -150px;
        
    }
}
@media screen and (max-width: 1440px) {
    .more-sex {
        padding: 50px;
        background-color: #fff;
        border-radius: 15px;
        background-image: url(../images/AdobeStock_194912838.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
    }
}

@media screen and (max-width: 1220px) {  
    .main-padder{
        padding: 20px 40px; 
    }
    .main-padder-1{
        padding: 20px 40px; 
    }
    .section-padder {
        padding: 20px;
    }
    .section-padder-1 {
        padding: 20px;
    }
    .text-add {
        font-size: 25px;
    }
    .main-padder {
        padding: 20px 40px;
    }
    .section-padder {
        padding: 20px;
    }  
    .lot-more {
        font-size: 35px;
        width: 100%;
    }
    .degrade-sm {
        width: 100%;
    }
    .braincells-image img {
        max-width: 100%!important;
        margin-top: 20px;
    }
    .change-columns-2 {
        flex-direction: column-reverse!important;
        justify-content: center;
        align-items: center;

    }
    .change-columns-4 {
        flex-direction: column!important;
        justify-content: center;
        align-items: center;

    }
    .earthy-yellow {
       max-width: 100%;
       margin-right: 0px;
       margin-top: 20px;
    }
    .hidden-sm-earth {
        display: none!important;
    }
    .hidden-sm-earth-01 {
        display: block!important;
    }
    .column-100 {
        width: 100%;
    }
    .change-columns-3 {
        flex-direction: column-reverse!important;
        justify-content: center;
        align-items: center;
    }
    /* .forest img {
        max-width: 100%!important;
    
    } */
    .forest {
        max-width: 100%;
        height: unset!important;
    }
    .p3s16-bg {
        background-color: #F0F4F7;
        border-radius: 15px;
        background-image: linear-gradient( rgba(255, 255, 255, 0.6) 100%, rgba(255, 255, 255, 0.6)100%),url(../images/AdobeStock_325960750.png)!important;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: top;
    
    }
    .p3s23-bg {
        background-image: linear-gradient( rgba(255, 255, 255, 0.6) 100%, rgba(255, 255, 255, 0.6)100%),url(../images/AdobeStock_152227054.png)!important;
        background-repeat: no-repeat;
        background-size: cover;
        border-bottom: solid 1px #3FBBFF;
        background-position: right;
    }
    .p4s5-bg {
        background-color: #F0F4F7;
        border-radius: 15px;
        background-image: linear-gradient( rgba(255, 255, 255, 0.6) 100%, rgba(255, 255, 255, 0.6)100%),url(../images/AdobeStock_73524809.png)!important;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top right;
        position: relative;
        z-index: 2;
    }
    .root-100 {
        width: 100%!important;
    }
    .table-100 {
        width: 100%!important;
    }
     .more-sex {
        padding: 20px;
        background-color: #fff;
        border-radius: 15px;
        background-image: linear-gradient( rgba(255, 255, 255, 0.6) 100%, rgba(255, 255, 255, 0.6)100%),url(../images/AdobeStock_194912838.png)!important;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
    }
    .sex-100-1 {
        width: 100%;
    }
    .hugging-together img {
        max-width: 100%;
    }
}

@media screen and (max-width: 1096px) {
    .p3s24-bg {
        background-image: none!important
    }
    .many-years {
        margin-left: 0px;
    }
}


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

}

@media screen and (max-width: 970px) { 
    .fd-c-d{
        flex-direction: column !important;
    }
    .fd-cr-d{
        flex-direction: column-reverse !important;
    }
    /* sales */

    .offer-container:nth-child(odd) {
        width: 100%;
        margin: 30px auto;
    } 
    .offer-container {
        max-width: 970px;
    }
    .offer-container:nth-child(even) {
        width: 100%;
        box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
    }
    .w-100-d2{
        width: 100%;
    }
    .d-n-d{
        display: none;
    }
    .br-b-m{
        border-bottom: 2px solid #4DD9FF;
        padding-bottom: 40px;
    }
    /* sales bottle*/
    .bottle-1{
        margin-top: 40px;
        width: 80%;
        margin-left: auto;
    }
    .mt-40-d{
        margin-top: 40px;
    }
    .text-add {
        font-size: 40px;
    }

    .a-lot {
        background-image: none!important;
    }
    .hidden-sm {
        display: flex!important;
        justify-content: center! important;
        align-items: center!important;
    }
    .p3s8-bg {
        z-index: 0;
        margin-top: 0px!important;

    }
    .p3s16-bg {
        background-image: none!important;
    }
    .man-yellow {
        max-width: 100%;
    }
    .p3s23-bg {
        background-image: none!important
       
    }
    .p3s22-bg {
        background-image: none!important;
        z-index: 0;
        margin-top: 0px;
    }
      .hidden-sm-1 {
        display: flex!important;
        justify-content: center;
        align-items: center;
    }
    .align-mobile {
        align-items: flex-start!important;
    }
     
    .the-malay {
        width: 100%;
    }
    .the-malay-2 {
        width: 100%;
    }
    .mt-mobile-20 {
        margin-top: -35px;
    }
    .couple-dual img{
        width: 100%;
    }
    .couple-dual-1 img{
        max-width: 100%;
    }
    .p4s2-bg {
        /* background-color: #F0F4F7;
        border-radius: 15px;
        position: relative;
        z-index: 2; */
        margin-top: 0px;
    }
    /* .p4s1-bg {
        background-image:none!important;
    } */
    .p4s1-bg {
        height: auto;
     
    }
    .more-sex {
        background-image: none!important;
       
    }
    .change-columns-5 {
        flex-direction: column!important;
    }
    .cuddle  {
       max-width: 100%!important;
        margin-right: 0px;
    }
    .dumbells {
        margin-right: 0px;
        max-width: 100%!important;
    } 
    .p4s5-bg {
        background-image: none!important;
      
    }
    .p4s6-bg {
        margin-top: 0px;
        /* background-image: none!important; */
    }
}

@media screen and (max-width: 870px) {
    .tribe-01 {
        align-items: flex-start!important;
    }
    .p3s19-bg {
        background-image:none!important;
    }
    .was-consuming {
        width: 100%;
        color: #fff;
    }
}

@media screen and (max-width: 800px) {
    .h-hug {
        height: 1270px;
    }
    /* background change */
    .p5s4-bg {
 
        background: #F0F4F7;

    }
    .p4s14-bg {
        background-image: url(../images/bg-1.webp);
        background-repeat: no-repeat;
        background-size: cover;
        height: auto;
    }

    .p5s16-bg {
        background-image: linear-gradient(to right, #4DD9FF, #3FBBFF);
        background-position: top right !important;
    }
    .p6s1-bg {
        background-image: linear-gradient(#4DD9FF,#3FBBFF);
    }
    .p4s18-bg {
        background-image: linear-gradient(#4DD9FF,#3FBBFF);
        background-position: left;
        margin-top: 0px;
    }
    .p5s1-bg {
        background: #F0F4F7;

    }
    .p6s5-bg {
        background: #F0F4F7;
    }
    .p6s9-bg {

        background: #F0F4F7;
    }
    .p6s10-bg {
        background: #fff;
    }
    .p4s13-bg {
        background: #F0F4F7;
    }
    .p4s17-bg {
        background: #F0F4F7;
    }
    .p4s9-bg {
        background-image: linear-gradient(#4DD9FF,#3FBBFF);
    }
    /* flex-direction */
    .fd-c{
        flex-direction: column !important;
    }
    .fd-cr{
        flex-direction: column-reverse !important;
    }
    /* width */
    .w-100-m{
        width: 100%;
    }
    .w-96-m{
        width: 96%;
    }
    .w-92-m{
        width: 92%;
    }
    .w-80-m{
        width: 80%;
    }
    /* margin */

    .laughing {
        margin-right: 0px;
    }
    
    .p5s2-bg {

        margin-top: 0px;
    }
    .mt-40-m{
        margin-top: 40px;
    }
    .mt--40-m{
        margin-top: -40px;
    }
    .mt-30-m{
        margin-top: 30px !important;
    }
    .mt-0-m{
        margin-top: 0px !important;
    }
    .ml-0-m{
        margin-left: 0px;
    }
    
    .mb-130 {
        margin-bottom: 30px !important;
    }
    .managed-to {
        margin-top: 0px;
    }

    .p6s9-marg {
        margin-left: 0px;
    }
    .monggo {
        margin-left: 0px;
    }
    .p5s16-bg {
        margin-top: 0px;
    }
    .p6s6-bg {
        margin-top: 0px;
    }
    .marl-auto-m{
        margin-left: auto;
        margin-right: auto;
    }
    .p5s5-bg {
        margin-top: 0px;
    }
    /* align */
    .t-a-c-m{
        text-align: center;
    }
    /* display */
    .d-b-m{
        display: block !important;
    }
    .d-n-m{
        display: none;
    }
    .w-b{
        word-break: break-all;
    }
    .intro-himeros {
        position: relative;
        bottom: 0px;
    }

     /* .ml-a{
        margin-left: auto;
    } */
    .change-columns {
        flex-direction: column!important;
        padding: 0px 12px;
    }
    .width-100-sm {
        width: 100%!important;
    }
    .mb-20-sm {
        margin-bottom: 20px!important;
    }
    .change-columns-1 {
        flex-direction: column !important;
    }
    .find-it-2 {
        padding: 20px 40px;
        background-color: #fff;
        border-radius: 10px;
        width: 95%;
    }
    .sm-gap-20 {
        gap: 20px !important;
    }
    .mt-20-sm-px {
        margin-top: 0px!important;
    }
    .mt-20-sm-px-1 {
        margin-top: 20px!important;
    }
    .ment-sharp {
        padding: 10px 20px;
        background-color: #fff;
        border-radius: 15px;
    }
    .p3s22-bg {
        margin-top: 0px;
    }
    .one {
        position: absolute;
        left: 0px;
        top: 0px;
    }
    .find-it {
        padding: 20px 40px;
        background-color: #fff;
        border-radius: 10px;
        width: 95%;
        margin-left: auto;
    }
    .find-it-2 {
        padding: 20px 40px;
        background-color: #fff;
        border-radius: 10px;
        width: 95%;
        margin-left: auto;
    }
    .single-tower {
        margin-top: 0;
        margin-left: 0;
        width: 100%;
    }


}

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

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

@media screen and (max-width: 680px) {
    .main-padder{
        padding: 10px 20px; 
    }
    .main-padder-1{
        padding: 10px 30px; 
    }
    .section-padder {
        padding: 10px;
    }

    
        /* Font Sizes */
    .fs-150 {
        font-size: 100px;
    }
    .fs-140 {
        font-size: 90px;
    }
    .fs-130 {
        font-size: 80px;
    }
    .fs-120 {
        font-size: 70px;
    }
    .fs-110 {
        font-size: 60px;
    }
    .fs-100 {
        font-size: 50px;
    }
    .fs-65 {
        font-size: 45px;
    }
    .fs-60 {
        font-size: 40px;
    }
    .fs-50 {
        font-size: 40px;
    }
    .fs-45 {
        font-size: 40px;
    }
    
    .text-add {
        font-size: 28px;
    }
    .main-padder {
        padding: 10px 20px;
    }
    .section-padder {
        padding: 20px;
    }
    .mb-fs-28 {
        font-size: 28px!important;
        line-height: 120%!important;
    }
    .mb-fs-18 {
        font-size: 18px!important;
        line-height: 120%!important;
    }
    .mb-fs-25 {
        font-size: 25px!important;
        line-height: 120%!important;
    }
    .sm-mt-0 {
        margin-top: 0px!important;
    }
    .single-tower img {
      max-width: 300px!important;
    }
    .hugging-together img {
        max-width: 100%!important;
    }
    .laughing img {
        width: 100%;
    }
    
}

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

@media screen and (max-width: 500px) {
    .fs-150 {
        font-size: 100px;
    }
    .fs-140 {
        font-size: 90px;
    }
    .fs-130 {
        font-size: 80px;
    }
    .fs-120 {
        font-size: 70px;
    }
    .fs-110 {
        font-size: 60px;
    }
    .fs-100 {
        font-size: 50px;
    }
    .fs-65 {
        font-size: 40px;
    }
    .fs-60 {
        font-size: 30px;
    }
    .fs-50 {
        font-size: 30px;
    }
    .fs-45 {
        font-size: 28px;
        line-height: 33px;
    }
    .fs-35{
        font-size: 25px;
    }
    .fs-34{
        font-size: 24px;
    }
    .fs-33{
        font-size: 24px;
    }
    .fs-32{
        font-size: 24px;
    }
    .fs-31{
        font-size: 25px;
    }
    .fs-30{
        font-size: 22px;
    }
    .fs-26 {
        font-size: 20px;
    }
    body {
        font-size: 19px;
    }
    .fs-20 {
        font-size: 18px;
    }
    .br-n-sm br{
        display: none;
    }

    .find-it {
        padding: 20px 20px 20px 60px;
        background-color: #fff;
        border-radius: 10px;
        width: 95%;
        margin-left: auto;
    }
    .find-it-2 {
        padding: 20px 20px 20px 60px;
        background-color: #fff;
        border-radius: 10px;
        width: 95%;
        margin-left: auto;
    }
}

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