/* --------Media-1024px------------------ */
@media(max-width : 1024px){
    .local .local-under .near{
        margin-bottom: 10%;
    }
    .home-banner .select-second img{
        width: 108px;
        margin-top: 20px;
    }
    .rewarded .redwardbox .mobile{
        padding: 0 00px;
    }
    .local{
        padding: 0 43px;
    }
    .social-box{
        width: 44%;
    }
   
}


 /* --------Media-768px------------------ */
 @media(max-width : 768px){
    .login .login-form{
        border-left: none;
    }
    .otp-main .otp-data{
        border-left: none;
    }
    .became-main .became .became-form {
        border-left: none;
    }
    .location .agent-box{
        width: 95%;
    }
    .local{
        padding: 0 32px;
    }
    .social-box {
        width: 59%;
    }
 
}

 /* --------Media-425px------------------ */
 @media(max-width : 425px){
    
    .login-main{
        padding: 50px 0px;
    }
    .login-main .login{
        width: 100%;
    }
    .login .login-form .login-form-password .login-fpunder{
        display: flex;
        justify-content: start;
    }
    .otp-main{
        padding: 50px 0px;
    }
    .otp-main .otp{
        width: 100%;
    }
    .became-main{
        padding: 50px 0px;
    }
    .login-main .login img {
        width: 102%;
        height: 118%;
    }
    .became-main .became img{
        width: 102%;
        height: 118%;
    }
    .home-banner .select-second{
        margin-left: 0px;
    }
    .home-banner .text-wel {
        text-align: center;
        padding-left: 26px;
    }
    .home-banner .text-Better {
        text-align: center;
        font-size: 28px !important;
    }
    .social-icon{
        justify-content: center;
        margin-top: 20px;
    }
    .social .social-main{
        justify-content: center ;
    }
    .agency .heading{
        font-size: 31px;
    }
    .agency .title{
        font-size: 20px;
    }
    .agency .head-btn{
        width: 100%;
    }
    .agency .head-btn{
        margin-bottom: 30px;
    }
    .agency .modal-angent{
       justify-content: center;
    }
    .agency .modal-btn{
        margin-bottom: 10px;
    }
    .agency .explore-main{
       display: flex;
       justify-content: center;
    }
    .agency .overview{
       text-align: center;
       margin-left: 0;
    }
    .agency .agency-main{
       width: 100%;
    }
    .agency .agency-main .list{
       text-align: center;
    }
    .agency .agency-under .cardata{
       padding: 0;
    }
    .printcard .prcd-box .title {
       font-size: 13px;
    }
    .printcard .prcd-box{
        width: 100%;
        height: 100%;
    }
    .printcard .prcd-box .address{
        font-size: 10px;
    }
    .printcard .prcd-box .name-sf{
        font-size: 10px;
    }
    .emaillake  .emaillake-box{
        width: 100%;
    }
    .findagent .findagent-box .findagentbox-under{
        width: 100%;
    }
    .local{
        padding: 0 17px;
    }
    .border-end{
        border-right: none!important;
    }

}
 /* --------Media-375px------------------ */
 @media(max-width : 375px){
    .home-banner .select-second img {
        width: 92px;
        margin-top: 34px;
        height: 100px;
    }
    .home-banner .text-Better {
        text-align: center;
        font-size: 24px !important;
    }
    .agency .heading{
        font-size: 28px;
    }
    .printcard .prcd-box .title {
        font-size: 12px;
    }
 }
 /* --------Media-320px------------------ */
 @media(max-width : 320px){
    .home-banner .text-wel {
        text-align: center;
        font-size: 17.5px;
    }
    .login-form-password p{
        font-size: 15px;
    }
    .became-main .became p{
        font-size: 15px;
    }
    .home-banner .text-Better{
        text-align: center;
        font-size: 20px !important;
    }
    .home-banner .select-second img {
        width: 79px;
        margin-top: 34px;
        height: 100px;
    }
    .social .social-box .form-group label{
        font-size: 13px;
    }
    .agency .heading{
        font-size: 24px;
    }
    .printcard .prcd-box .title {
        font-size: 10px;
    }
    .printcard .prcd-box .header{
        font-size: 15px;
    }
    .printcard .prcd-box .address{
        font-size: 9px;
    }
    .local-under .local-main {
        padding: 0px 10px 20px 10px;
    }
    .local-under .local-main .details-btn{
        font-size: 13px;
    }
    .local-under .local-main a {
        font-size: 15px;
    }.main-modal .modal-under{
        width: 270px;
    }
    .social-box {
        width: 69%;
    }
 }