@media only screen and (max-width: 600px) {
    .login {
        margin-top: 80px;
        background-image: none;
        padding: 0px;
    }
    .register_section {
        margin-top: 80px;
        background-image: none;
        padding: 0px;
    }


    .mob_topimg {
        display: block;
    }

    .login_bar {
        padding: 32px 24px;
        gap: 24px;
    }

    .register_bar {
        flex-direction: column;
        padding: 32px 24px;
        gap: 24px;
    }

    .email_password {
        padding: 0px;
        margin-bottom: 24px;
    }

    .name_password {
        flex-direction: column;
    }

    .login_title {
        display: none;
    }

    .mob_login_title {
        display: block;
    }

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

    .sign_captcha {
        flex-direction: column;
        gap: 24px;
        margin-top: 24px;
        margin-bottom: 24px;
    }
    .signin_button{
        width: 327px;
    }

    .r-checkboxF>.r-divF>label:before,
    .r-checkboxF>.r-divF>.label:before {
        top: 18px;
        left: 0px;
    }

.r-checkboxF input[type='checkbox']~label:after,
.r-checkboxF input[type='checkbox']~.label:after {
    top: 21px;
    left: 5px;
}











.advertising_banner {
    background-image: url(../img/adv_titlebg_mob.png);
}
.success_banner {
    background: url(../img/check_successmob.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 67.5px 0px;
}

.fail_banner {
    background: url(../img/check_failmob.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 84px 0px;
}
.checkout_banner {
    background: url(../img/checkout_mob.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 84px 0px;
}
.checkout_captcha{
    margin: 24px 0px;
    gap: 24px;
    flex-direction: column;
}
.bottom_cart{
    flex-direction: column;
    gap: 24px;
}
.mob_mastercard{
    height: 70px;
    width: 327px;
}
.personal_details{
    padding: 24px;
    margin-bottom: 32px;
}
.detail_title{
    margin-bottom: 24px;
    font-size: 24px;
}
.detail_name{
    flex-direction: column;
}
.pd_r_3{
    flex-direction: column;
}
.service_landing_a5{
    display: none;
}
.service_landing_c5{
    display: none;
}
.service_landing_cw5{
    display: none;
}

.service_landing_soc5{
    display: none;
}
.card_description{
    padding: 32px 24px;
    width: 327px;
    margin-bottom: 24px;
}
.card_description_bottom{
    padding: 32px 24px;
    width: 327px;
}
.card_sl_a3_bottom{
    display: none;
}

.card_img_fold{
    display: none;
}
.card_img_fold_r{
    display: none;
}
.card_desc_mob{
    margin-left: 0px;
}
.service_landing_a3{
    padding: 24px 24px;
}
.card1_row{
    margin-bottom: 0px;
}
.card2_desc{
    margin-bottom: 0px;
}
.product_desc{
    font-size: 24px;
}
.adv_start_title{
    font-size: 16px;
}
.mob_contact{
    display: block;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 16px;
}
.contact_desc{
    background: #F3F3F3;
    align-items: center;
    display: flex;
    padding: 32px 24px;
    flex-direction: column;
    gap: 8px;
}
.card_mob_img{
    display: block;
}
.advertising_top{
    padding: 74px 24px;
}

.other_title_info{
    gap: 19px;
}
.adv_domain{
    font-size: 16px;
}
.adv_title{
    font-size: 24px;
}
.desk_card2_img{
    display: none;
}
.social_banner {
    background-image: url(../img/soc_titlebg_mob.png);
}
.corporate_banner {
    background-image: url(../img/con_titlbg_mob.png);
}

.content_writing_banner {
    background-image: url(../img/cw_titlebanner_mob.png);
}



/* Modal css */
.modal-body{
    width: 351px;
    padding: 24px 16px;
    gap: 16px;
}
    .insert_label{
        font-size: 14px;
        margin-bottom: 0px;
    }
    .modal_info_bar{
        gap: 16px;
    }
    .modal_title{
        font-size: 20px;
    }
    .modal_subtitle{
        font-size: 12px;
    }
    .quality_button_bar{
        flex-direction: column;
        gap: 8px
    }
    .total_bar{
        padding: 8px;
    }
    .cancel_step{
        flex-direction: column;
        gap: 8px;
    }
    .modal_cancel{
        width: 100%;
    }
    .total_bar{
        gap: 16px;
    }
    .modal_success_title{
        font-size: 18px;
    }
    .fail_button{
        width: 315px;
        flex-direction: column;
        gap: 8px
    }
    
}

@media only screen and (min-width: 1200px) and (max-width:1348px) {
    .advertising_container{
        max-width: 1200px;
    }
    .card_description{
        width: 588px;
    }
    .card_description_bottom{
        width: 588px;
    }
    .card_sl_a3_bottom{
        width: 703px;
    }
    .cw_contact{
        right: 0px;
        max-width: 961px;
    }
}

@media only screen and (min-width: 1349px) and (max-width:1439px) {

    .advertising_container{
        max-width: 1200px;
    }
    .card_description{
        width: 588px;
    }
    .card_description_bottom{
        width: 588px;
    }
    .card_sl_a3_bottom{
        width: 703px;
    }
    .cw_contact{
        right: 0px;
        max-width: 995px;
    }
}

@media only screen and (min-width: 1440px) and (max-width:1499px) {
    .advertising_container{
        max-width: 1280px;
    }
    .card_description{
        width: 628px;
    }
    .card_description_bottom{
        width: 628px;
    }
    .card_sl_a3_bottom{
        width: 743px;
    }
    .cw_contact{
        right: 0px;
    }
}

@media only screen and (min-width: 1500px) and (max-width:1599px) {
    .advertising_container{
        max-width: 1280px;
    }
    .card_description{
        width: 628px;
    }
    .card_description_bottom{
        width: 628px;
    }
    .card_sl_a3_bottom{
        width: 743px;
    }
    .cw_contact{
        right: 30px;
    }
}

@media only screen and (min-width: 1600px) and (max-width:1699px) {
    .advertising_container{
        max-width: 1280px;
    }
    .card_description{
        width: 628px;
    }
    .card_description_bottom{
        width: 628px;
    }
    .card_sl_a3_bottom{
        width: 743px;
    }
    .cw_contact{
        right: 81px;
    }
}

@media only screen and (min-width: 1700px) and (max-width:1799px) {
    .cw_contact{
        right: 130px;
    }
}

@media only screen and (min-width: 1800px) and (max-width:1919px) {
    .cw_contact{
        right: 180px;
    }
}