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

    .mobile_none {
        display: none!important;
    }
    .desktop_none {
        display: block!important;
    }
    .mb_32 {
        margin-bottom: 32px;
    }
    .px_33 {
        padding-left: 33px;
        padding-right: 33px;
    }

    /* ----------------------- 404 Page ----------------------- */
        
    .error_section {
        padding-top: 174px;
        padding-bottom: 87px;
        background: #111F21;
    }
    .error_bg {
        background: url(../img/404_mobo.png);
        height: 120px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .error_div {
        width: 327px;
        background: #F5F5F5;
        padding: 24px;
        height: 176px;
        position: absolute;
        top: 144px;
        left: 24px;
    }
    .error_title {
        font-weight: 600;
        font-size: 24px;
        line-height: 32px;
        letter-spacing: 0px;
    }
    .error_button {
        width: 100%;
    }
	.btn:focus{
        outline: 0;
        box-shadow: none !important;
    }
    /* ----------------------- Login Page ----------------------- */

    .login_section_mobo, .register_section_mobo {
        margin-top: 80px;
    }
    .background_div {
        background: url(../img/login_bg.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        height: 200px;
    }
    .login_div, .register_div {
        padding: 32px 24px;
        gap: 24px;
        width: 375px;
    }
    .login_title, .register_title {
        font-size: 24px;
        line-height: 33px;
        color: #2C3F29;
        margin-bottom: 24px;
    }
    .radio_div {
        display: flex;
        justify-content: center;
        width: auto;
		margin-left: -30px !important;
        margin-bottom: 24px;
    }
    .login_text, .create_account {
        font-style: italic;
        text-align: start;
    }
    .register_radio_text {
        font-family: 'SoleilRegular';
        font-weight: 400;
        font-size: 14px;
        line-height: 31px;
        text-transform: none;
        color: #707339;
    }
    .login_radio_text {
        top: -2px;
        left: 18px;
    }
    .login_input, .register_input {
        font-size: 14px;
    }

    /* ----------------------- Dashboard Account Details Page ----------------------- */

    .account_details_section {
        padding: 32px 12px;
    }       
    .account_details_title {
        font-family: 'SoleilRegular';
        font-weight: 600;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 0px;
        text-align: center;
        text-transform: capitalize;
        color: #2C3F29;
        margin-bottom: 8px;
    }
    .account_details_sub_title {
        width: 327px;
        font-family: 'SoleilRegular';
        font-weight: 400;
        font-size: 14px;
        line-height: 31px;
        color: #707339;
        text-align: center;
        margin-bottom: 32px;
    }
    .account_details_title_2 {
        font-family: 'SoleilRegular';
        font-weight: 600;
        font-size: 20px;
        line-height: 28px;
        text-align: center;
        text-transform: capitalize;
        color: #2C3F29;
        margin-bottom: 24px;
        padding-bottom: 24px;
        border-bottom: 1px solid #BEC543;
    }
    .account_details_title_3 {
        font-family: 'SoleilRegular';
        font-weight: 600;
        font-size: 16px;
        line-height: 22px;
        text-transform: capitalize;
        color: #2C3F29;
        margin-bottom: 16px;
    }
    /* ----------------------- Checkout Page ----------------------- */
    
    .checkout_section {
        margin-top: 83px;
    }
    .checkout_top_div, .success_top_div, .fail_top_div {
        padding-top: 64px;
        padding-bottom: 70px;
    }
    .checkout_top_div_title {
        font-weight: 600;
        font-size: 24px;
        line-height: 33px;
        letter-spacing: 0px;
    }
    .join_top_div_title {
        margin-bottom: 16px!important;
    }
    .checkout_bottom_div {
        padding-top: 32px;
        padding-bottom: 24px;
    }
    .checkout_bottom_div_main {
        width: 327px;
    }
    .checkout_bottom_main_title {
        font-size: 24px;
        line-height: 33px;
        margin-bottom: 24px;
    }
    .checkout_bottom_frame {
        padding: 24px;
        gap: 24px;
        margin-bottom: 32px;
    }
    .checkout_shopping_cart_card {
        background-color: #FFFFFF;
        padding: 16px 24px;
    }
    .checkout_cart_title {
        font-family: 'SoleilRegular';
        font-weight: 600;
        font-size: 20px;
        line-height: 28px;
        letter-spacing: 2px;
        text-transform: capitalize;
        color: #2C3F29;
        margin-bottom: 0px;
    }
    .checkout_cart_subtitle {
        font-family: 'SoleilRegular';
        font-weight: 400;
        font-size: 14px;
        line-height: 31px;
        letter-spacing: 0px;
        color: #707339;
        margin-bottom: 16px;
        padding-bottom: 16px;
        border-bottom: 1px solid #2C3F29;
    }
    .checkout_cart_card_left_details, .checkout_cart_card_right_details {
        font-family: 'SoleilRegular';
        font-weight: 400;
        font-size: 16px;
        line-height: 36px;
        letter-spacing: 0px;
        color: #2C3F29;
        margin-bottom: 8px;
    }
    .checkout_total_div {
        padding: 24px;
    }
    .checkout_total_div_title {
        font-family: 'SoleilRegular';
        font-weight: 600;
        font-size: 24px;
        line-height: 33px;
        letter-spacing: 0px;
        text-transform: capitalize;
        color: #FFFFFF;
        margin-bottom: 0px;
    }
    .success_top_div {
        background: url(../img/success_mobo_bg.png);
        background-repeat: no-repeat;
    }
    .fail_top_div {
        background: url(../img/fail_mobo_bg.png);
        background-repeat: no-repeat;
    }
    .ver_div {
        position: absolute;
        height: 64px;
        width: 1px;
        left: 50%;
        top: 136px;
    }
    .ver_div2 {
        position: absolute;
        height: 64px;
        width: 1px;
        left: 50%;
        top: 103px;
    }
    .ver_div3 {
        position: absolute;
        height: 64px;
        width: 1px;
        left: 50%;
        top: 138px;
    }
    .ver_div4 {
        position: absolute;
        height: 40px;
        width: 1px;
        left: 50%;
        top: 315px;
    }
    .ver_div5 {
        position: absolute;
        height: 36px;
        width: 2px;
        left: 50%;
        top: 395px;
    }
    .checkout_top_div_sub_title {
        font-size: 14px;
        line-height: 31px;
    }

    /* ----------------------- Contact Page ----------------------- */
    .contact_section {
        background: none;
        margin-top: 72px;
		padding: 0px 24px !important;
    }
    .contact_main_div {
        padding-top: 40px;
        padding-bottom: 0px;
    }
    .contact_title {
        font-family: 'SoleilRegular';
        font-weight: 600;
        font-size: 24px;
        line-height: 33px;
        letter-spacing: 0px;
        text-align: center;
        color: #2C3F29;
        margin-bottom: 16px;
    }
    .contact_details {
        font-family: 'SoleilRegular';
        font-weight: 600;
        font-size: 18px;
        line-height: 28px;
        text-transform: capitalize;
        text-align: center;
        color: #707339;
        margin-bottom: 8px;
    }
    .sp_mobo_p_0 {
        padding: 0px;
    }
    .contact_div {
        border: none;
        padding: 24px 0px;
        gap: 40px;
        width: auto;
        background: #FFFFFF;
    }
    .c_mob_top_bg {
        background: url(../img/contact_bg_mobo.png);
        height: 100px;
    }
    /* ----------------------- Join Us Page ----------------------- */
    
    .join_top_div {
        padding-top: 64px;
        padding-bottom: 56px;
    }
    .join_subtitle_top {
        width: 327px;
    }
    .join_s3_top_mobo {
        background: url(../img/join_s3_top_mobo.png);
        height: 200px;
    }
    .join_s3_bottom_mobo {
        background: url(../img/join_s3_bottom_mobo.png);
        height: 100px;
    }
    .join_contact_card_mobo {
        background: #FFFFFF;
        padding: 32px 24px;
    }
    .join_contact_title_mobo {
        font-family: 'SoleilRegular';
        font-weight: 600;
        font-size: 24px;
        line-height: 33px;
        text-align: center;
        text-transform: capitalize;
        color: #2C3F29;
        margin-bottom: 16px;
    }
    .join_contact_subtitle_mobo {
        font-family: 'SoleilRegular';
        font-weight: 400;
        font-size: 16px;
        line-height: 36px;
        text-align: center;
        color: #707339;
        margin-bottom: 16px;
    }
    
    /* ----------------------- Service Landing Page ----------------------- */
    .landing_section_1 {
        margin-top: 83px;
        background: url(../img/landing_s1_mobo.png);
        background-repeat: no-repeat;
        padding-top: 173px;
        background-size: cover;
        background-position: right top;
        padding-bottom: 37px;
    }
    .landing_section_1_title {
        width: 327px;
        font-family: 'SoleilRegular';
        font-weight: 600;
        font-size: 24px;
        line-height: 33px;
        text-align: center;
        letter-spacing: 2px;
        text-transform: capitalize;
        color: #FFFFFF;
        margin-bottom: 40px;
    }
    .landing_box_text {
        width: 100px;
    }
    .landing_section_2_card_mobo {
        background: #F5F5F5;
        padding: 24px;
        gap: 16px;
    }
    .landing_section_2_card_mobo_title {
        font-family: 'SoleilRegular';
        font-weight: 600;
        font-size: 24px;
        line-height: 33px;
        text-align: center;
        text-transform: capitalize;
        color: #2C3F29;
        margin-bottom: 16px;
        width: 200px;
    }
    .landing_section_2_card_mobo_subtitle {
        font-family: 'SoleilRegular';
        font-weight: 400;
        font-size: 14px;
        line-height: 31px;
        text-align: center;
        color: #707339;
        margin-bottom: 0px;
    }
    .landing_section_3 {
        padding: 26px 16px;
        height: 86px;
    }
    .landing_section_3_title {
        font-family: 'SoleilRegular';
        font-weight: 600;
        font-size: 24px;
        line-height: 33px;
        letter-spacing: 0px;
        text-align: center;
        text-transform: capitalize;
        color: #2C3F29;
        margin-bottom: 24px;
    }
    .hor_div1 {
        position: absolute;
        height: 2px;
        width: 40px;
        left: calc(50% - 20px);
        top: 83px;
    }
    .landing_fold_3_0,.landing_fold_3_1, .landing_fold_3_2 {
        height: 607px;
    }
    .fold_div_top_mobo {
        background: black;
        width: 327px;
        height: 200px;
        position: absolute;
        top: 24px;
        z-index: 1;
        padding-top: 92px;
    }
    .fold_big_title_mobo {
        font-family: 'SoleilRegular';
        font-weight: 600;
        font-size: 24px;
        line-height: 33px;
        text-align: center;
        text-transform: capitalize;
        color: #FFFFFF;
        margin-bottom: 0px;
    }
    .fold_div_center_mobo {
        background: #415036;
        position: absolute;
        width: 327px;
        height: 31px;
        /* left: calc(50% - 1px); */
        z-index: 2;
        transform-origin: top right;
        transform: skew(-26deg, 0);
        left: 32px;
        top: 193px;
    }
    .fold_div_right_mobo {
        background: url(../img/fold_card.png);
        width: 327px;
        height: 415px;
        position: absolute;
        z-index: 3;
        right: 15px;
        top: 192px;
        padding: 32px 24px;
    }
    .fold_small_title_mobo {
        font-family: 'SoleilRegular';
        font-weight: 600;
        font-size: 20px;
        line-height: 28px;
        text-transform: capitalize;
        color: #BEC543;
        margin-bottom: 16px;
    }
    .fold_sub_title_mobo {
        font-family: 'SoleilRegular';
        font-weight: 400;
        font-size: 14px;
        line-height: 31px;
        color: #FFFFFF;
        margin-bottom: 16px;
    }
    
    .landing_s5_top_mobo {
        background: url(../img/landing_s4_top_mobo.png);
        height: 200px;
    }
    
    .landing_s5_bottom_mobo {
        background: url(../img/landing_s4_bottom_mobo.png);
        height: 100px;
    }
}

@media only screen and (min-device-width: 601px) and (max-device-width: 1200px) {
    .servies_card_right::after, .servis_card_left::after {
        display: none;
    }
    .landing_fold_3_0, .landing_fold_3_1, .landing_fold_3_2, .landing_fold_3_3 {
        height: 500px;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }
    .landing_fold_3_1, .landing_fold_3_3 {
        margin-bottom: 48px!important;
    }
    .statu_img3 {
        margin-top: 0px!important;
        margin-left: 0px!important;
        min-width: 446px !important;
        height: 498px!important;
    }
    .statu_img2 {
        margin-top: 0px;
        min-width: 471px;
        margin-left: -12px;
        height: 498px!important;
    }
    .mt_minus_220 {
        margin-top: -265px;
    }
    .servies_card_right .card {
        background: url(../img/left_green_bg.png) no-repeat!important;
        background-size: cover!important;
        background-position: center center!important;
        border-radius: 0px!important;
        width: 470px!important;
        height: 498px!important;
        padding: 64px 48px 64px 64px!important;
        transform: translate(0px, 0px)!important;
        z-index: 2;
    }
    .servis_card_left .card {
        background: url(../img/left_green_bg.png) no-repeat;
        background-size: cover;
        background-position: center center;
        border-radius: 0px;
        width: 448px;
        height: 498px!important;
        padding: 64px 48px 64px 64px;
        transform: translate(12px, 0px)!important;
        z-index: 2;
    }
    .mt_minus_240 {
        margin-top: -262px;
    }
}


@media only screen and (min-device-width: 1250px) and (max-device-width: 1350px) {
    .join_s3_right {
        background: url(../img/join_s3_right_1280.png);
        background-repeat: no-repeat;
        background-position-x: right;
        height: 600px;
    }
    .contact_card, .landing_card {
        margin-left: 9px;
    }
    .landing_card {
        width: 513px;
    }
    
    .landing_s5_right {
        background: url(../img/landing_s4_right_1280.png);
        background-repeat: no-repeat;
        background-position-x: right;
        height: 600px;
    }
    .landing_s2_left {
        padding-right: 0px;
        padding-top: 132px;
    }
    .landing_s2_left > img {
        height: 329px;
    }
    .fold_div_right {
        right: 70px;
        width: 571px;
        height: 415px;
    }
    .fold_div_center {
        background: #415036;
        position: absolute;
        width: 67px;
        height: 415px;
        left: calc(50% - 0px);
        z-index: 2;
        transform-origin: top left;
        transform: skew(0,28deg);
    }
    .fold_div_left {
        background: black;
        width: 653px;
        height: 387px;
        position: absolute;
        top: 63px;
        z-index: 1;
        padding-top: 162px;
    }
    .landing_fold_3_0, .landing_fold_3_1, .landing_fold_3_2 {
        height: 490px;
    }
    .fold_div_left_2 {
        background: url(../img/fold_card.png);
        width: 595px;
        height: 415px;
        position: absolute;
        z-index: 3;
        padding: 41px 64px;
    }
    .fold_div_center_2 {
        background: #415036;
        position: absolute;
        width: 67px;
        height: 415px;
        left: calc(50% - 60px);
        z-index: 2;
        transform-origin: top left;
        transform: skew(0,-28deg);
        top: 36px;
    }
    .fold_div_right_2 {
        background: black;
        width: 630px;
        height: 387px;
        position: absolute;
        right: 70px;
        top: 63px;
        z-index: 1;
        padding-top: 162px;
    }
    .fl_sp_pl_66_1280{
        padding-left: 66px!important;
    }
    .left_no_girl {
        padding-top: 166px;
        padding-left: 100px;
        padding-bottom: 166px;
    }
    .error_div {
        width: 1220px;
    } 
    .statu_img3 {
        margin-top: 40px;
        min-width: 618px!important;
        margin-left: -33px;
        height: 444px!important;
    }
    .servies_card_right .card {
        transform: translate(-70px, 0px)!important;
        width: 670px!important;
    }
    .servies_card_right::after {
        left: -71px;
    }
    .servies_card_left::after {
        right: 30px;
    }
    .statu_img2 {
        min-width: 708px;
        margin-left: -120px;
    }
    .servies_card_left .card {
        height: 394px!important;
        transform: translate(-22px, 0px)!important;
    }
}

@media only screen and (min-device-width: 1400px) and (max-device-width: 1500px) {
    .error_div {
        width: 1390px;
    } 
    .join_s3_right {
        background: url(../img/join_s3_right_1440.png);
        background-repeat: no-repeat;
        background-position-x: right;
        height: 600px;
    }
    .landing_s5_right {
        background: url(../img/landing_s4_right_1440.png);
        background-repeat: no-repeat;
        background-position-x: right;
        height: 600px;
    }
    .fold_div_right {
        width: 654px;
        right: 65px;
    }
    .fold_div_right_2 {
        width: 790px;
        right: 65px;
    }
    .fold_div_center {
        background: #415036;
        position: absolute;
        width: 173px;
        height: 377px;
        left: calc(50% - 0px);
        z-index: 2;
        transform-origin: top left;
        transform: skew(0,12deg);
    }
    .fold_div_center_2 {
        background: #415036;
        position: absolute;
        width: 173px;
        height: 377px;
        left: calc(50% - 135px);
        z-index: 2;
        transform-origin: top left;
        transform: skew(0,-12deg);
        top: 36px;
    }
    .fold_big_title {
        text-align: start;
        padding-left: 38px;
    }
    .fold_big_title_2 {
        text-align: center!important;
    }
    .sp_pl_115 {
        padding-left: 155px!important;
    }
    .left_no_girl {
        padding-left: 87px;
    }
    .landing_s2_left {
        padding-right: 0px;
        padding-top: 132px;
    }
    .landing_s2_left > img {
        height: 329px;
    }
    .statu_img3 {
        margin-top: 40px;
        min-width: 695px!important;
        margin-left: -47px;
        height: 445px!important;
    }
    .servies_card_right .card {
        transform: translate(-14px, 0px)!important;;
        width: 615px!important;
    }
    .servies_card_right::after {
        left: -11px;
    }
    .servies_card_left::after {
        right: 9px;
    }
    .statu_img2 {
        min-width: 785px;
    }
}
@media only screen and (min-device-width: 1440px) and (max-device-width: 1500px)
  .servies_card_left::after {
      right: 2px;
  }
}