/*@media (max-width: 500px) {*/
@media screen and (max-width: 700px) {
    .main_div{
        overflow-x: hidden;
    }
    .second_div, .third_div{
        flex-direction: column;
        text-align: center;
        height: auto;
    }
    .third_div{
        padding-top:20px;
    }
    .second_div_p1{
        padding-top: 30px;
        font-size: 20px;
        width:99%
    }
    .second_div_p2{
        font-size: 26px;
    }
    .second_div_button{
        width:250px;
        white-space: nowrap;
    }
    .second_div_2{
        width:95%;
        height:200px;
        margin-top:25px;
        margin-bottom:45px;
        margin-left: auto;
        margin-right:auto;
    }
    .fourth_div_flex{
        flex-direction: column;
        align-items: center;
    }
    .fourth_card{
        width:95%;
        padding-left:0px;
        margin-top:25px
    }
    .fourth_card_content{
        height: 400px !important;
    }
    .first_div_exception{
        flex-direction: column;
        padding-right: 0px;
    }
    .fifth_div_flex{
        width:100%;
        font-size: 22px;
        margin-right: auto;
        margin-left: auto;
    }
    .fifth_div_flex_span{
        font-size: 17px;
    }
    .fifth_div_mobile{
        display: flex;
        margin-top:40px;
        margin-bottom: 40px;
        width:70%
    }
    .last_div{
        margin-top:50px;
        height: 640px;
        background-image: url('../../storage/images/affiliate/Affiliate-tablet.jpg');
        font-size: 24px;
        flex-direction: column;
    }
    .last_div_1{
        margin-bottom: 60px;
        padding-top:40px
    }
    .last_div_1{
        width:95%
    }
    .last_div_2{
        width: 100%;
    }

    /*********/

    .register_main{
        flex-direction: column-reverse;
        background-image: none;
        padding-top: 0px;
        overflow-x: hidden;
    }
    .register_join{
        width: auto;
    }
    .register_1{
        background-image: url('../../storage/images/affiliate/register_background_mobile.png');
        width:100%;
        padding-top: 40px
    }
    .mobile_version, .register_footer, .fifth_div_desktop{
        display: none;
    }
    .register_span1{
        font-size: 32px;
    }
    .register_div_input{
        margin-top:0px
    }
    .register_1_input{
        width:95%;
        margin-top:7px;
        margin-right: 0px;
        padding:15px;
    }
    .second_div_button_start{
        margin-bottom:40px;
        font-size: 20px;
    }
    .register_2{
        padding-top: 25px;
        padding-bottom: 20px;
    }
    .register_2_image{
        width:100%;
    }
    .register_footer_mobile{
        display: flex;
        background-color: white;
        font-size: 13px;
        padding-top: 10px;
    }
    .third_div_flex_img_mobile{
        display: none;
    }
    .third_div_flex{
        flex-direction: column;
        font-size: 20px;
        margin-top: 35px;
        margin-bottom: 35px;
    }
    .third_div_flex_2{
        margin-top: 10px;
        padding-right: 0px;
    }
    .third_div_flex_1_span{
        font-size: 14px;
    }
    .third_div_flex_1{
        display: flex;
        background-color: white;
        height:150px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-right: 40px;
    }
    .mobile_flex_div{
        background-color: #e1e1e1;
        padding-top: 15px;
        min-width: 280px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        text-align: initial;
        line-height: 1;
        width:100%;
    }
    .mobile_flex_div1{
        background-color: #ebebeb;
    }
    .mobile_flex_img{
        display: flex;
    }
    .fourth_div_center_mobile{
        width: 97%;
        font-size: 28px;
    }
    .mobile_button_affiliate{
        width:100%;
        background-color: #1079aa;
        padding-bottom:20px
    }
    .dispaly_in_mobile{
        display: block;
    }
    .first_div_flex{
        width: 100%;
        flex-direction: column;
        justify-content: center;
        padding-bottom: 25px;
    }
    .first_div_login{
        padding: 10px 30px;
    }

}

@media screen and (orientation:landscape)
and (min-device-width: 700px)  {
    .fourth_card_content{
        height: 300px !important;
    }
}

@media (max-width: 500px) {
    .last_div{
        margin-top:50px;
        height: 750px;
        background-image: url('../../storage/images/affiliate/affiliate_mobile.png');
        font-size: 24px;
        flex-direction: column;
    }
}