.mobile_menu_btn{
    color: white !important;
    font-size: 35px !important;
    display: none;
}
.homepage_wrapper{
    text-align:center;
    margin-top: 10%;
}
.artices_card img{
    width: 191px;
    height: 241px;
}
.artices_wrapper {
    display: grid;
    gap: 20px;
    grid-template-columns: auto auto auto;
}
.artices_card {
    text-align: center;
}
.content_wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.content_title_wrapper {
    top: 24%;
    position: relative;
    left: 25%;
    width: 30%;
}
.service_box_wrapper{
    margin-left: 24%;
   
}
.loading_img{
    width:491px;
    height:264px
}
.about_cover{
   display: flex;
   
    margin-right: 0%;
    width: 90%;
    float: right;
}
.description{
    width:55%;
}
.about_img{
       margin-left: 53px;
    width: 27%;
}
.profile_wrapper img{
    width:134px; 
    height:162px;
}
.main-header {
    background: #4a4a4a;
}
.back {
    bottom: 0 !important;
}

div#mobile_menu_wrapper {
    height: 100vh;
    position: fixed;
    z-index: 100;
    width: 0;
    right: 0;
    background: #3c3c3c;
    transition: all 0.2s;
}
div#mobile_menu_wrapper.active {
    width: 400px;
}
ul#mobile_menu {
    padding: 0;
    list-style: none;
    padding-left: 40px;
}

ul#mobile_menu li a {
    color: white;
    font-size: 20px;
}

.top_part_menuMobile {
    padding: 12px 30px;
    border-bottom: 1px solid white;
}
.feedbacks_cards.mb-35 {
    display: grid;
    grid-template-columns: auto auto auto;
}

.btn-block4 {
     background-color: #8F78A1;
    color: white;
    padding: 8px 0px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    border-radius: 0 0 32px 32px;
    text-align: center;
    border: 1px solid white;
    border-top: none;
    width: 237px;
    margin-right: 21px;
   
}

 .about_cover {
        width: 85%;
    }
    
   
@media only screen and (min-width: 768px){ 
    body{ overflow: hidden;}
    .form.round.border.white.flex.align-center {
        display: inline-flex;
    }
    .login_form .mr-23 {
        height: auto !important;
    }
    
    .feedbacks{
    margin: 26%;/* float: right; */margin-top:0%;
    }
    .rated {
        width: 100%;
    }
    
    .login_form form {
        width: 259px;
    }
    
    .login_form .flex {
        padding-top: 22px;
        padding-bottom: 22px;
    }
    
    .join_us {
        margin-top: 1px;
    }
    .join_us {
        width: 50%;
        height: 50%;
        margin-left: 28%;
    }
    .join_us form {
        width: 295px;
    }
    .login_form .v-line{
        height: 215px !important;
    }
    .artists .back {
        bottom: 168px !important;
    }
    
    .arti{
         margin-top: 6%;
         width: 88%;
        right: 0%;
    }
    
   .arti .artices_card img {
        width: 184px;
        height: 221px;
    }
    
    .joinus {
        text-align: center;
        margin-top: 8%;
    }
    .art_profile{
        align-items: center;
        width: 80%;
        right: 0%;
        margin-top: 10%;
    }
    .art_profile .profile_wrapper{
        display: flex;
    }
    

}



    
@media only screen and (max-width: 490px){
.service_box_wrapper {
    width: 80%;
    /* margin-left: 0px !important; */
}

}

@media only screen and (max-width: 1280px) {
    .about_cover {
        width: 85%;
    }
    .arti{
         margin-top: 10%;
         width: 80%;
        right: 0%;
    }
}

@media only screen and (max-width: 1024px) {
    .about_cover {
        width: 80%;
    }
    
    .arti{
         margin-top: 6%;
         width: 85%;
        right: 0%;
    }
    
    .art_profile{
        align-items: center;
        width: 80%;
        right: 0%;
        margin-top: 10%;
    }
    .art_profile .profile_wrapper{
        display: -webkit-box;
    }
    
}

@media only screen and (max-width: 991px) {
    .mobile_menu_btn {
        display: block !important;
    }
    .feedbacks_cards.mb-35 {
        grid-template-columns: auto auto !important;
    }
    .feedback-card {
        margin-bottom: 30px;
    }
    .profile_wrapper img{
        width:250px;
        height: auto;
    }
    #carousel1{
        width:350px !important;
    }
    .inner_wrapper{
        margin-left: 0px;
    }
    .profile_wrapper{
        flex-direction: column;
        gap: 30px;
    }
    .main_profile_wrapper img {
        margin-bottom: 16px;
    }
    .fullscreen.absolute {
        display: none;
    }
    body {
        background: rgba(55, 55, 55, 0.9);
    }
 /*   .join-card{
        width: 100% !important;
    }
   .join-button{
        width: 100% !important;
    } */
    .service_box_wrapper{
       width: 72%;
    }
    .description{
        width: 100%;
        padding: 30px;
    }
    .about_img{
        width: 300px;
        margin-left:0;
    }
    .about_cover{
        display: flex;
        flex-direction: column-reverse;
        gap: 20px;
        align-items: center;
        top: 30%;
        position: relative;
        padding-top: 0;
        margin-right: 0;
        width: 100%;
    }
    nav.main-nav {
        display: none;
    }
    .nav_subscribe{
        display: none;
    }
    
    .homepage_wrapper .btn1{
        width: 270px !important;
    }
    .homepage_wrapper h1{
        font-size: 35px;
    }
    .homepage_wrapper h3{
        font-size: 20px;
    }
  
    .profile {
        width: 80% !important;
        height: 50% !important;
    }

    .profile .form {
        padding: 47px 55px 40px 32px;
        flex-direction: column-reverse;
        gap: 30px;
        padding: 20px;
        width: 100%;
    }
    .profile .form .v-line.mr-23{
        display: none;
    }
    .profile .form .process{
        width: fit-content;
    }
    .profile .form .form-field{
        width: 100% !important;
    }
    .profile .form .form-submit{
        width: 100% !important;
    }
    .input_wrapper{
        width: 100% !important;
    }
    .center_wrapper_thanks{
        margin: 0 !important;
        margin-top: 20px !important;
    }
    .back {
        right: 25%;
        bottom: 0;
    }
    .arti{
         margin-top: 10%;
         width: 80%;
        right: 0%;
    }

}
@media only screen and (max-width: 760px){
    .artices_wrapper {
        grid-template-columns: auto auto !important;
    }
    .arti{
         margin-top: 12%;
         width: 80%;
        right: 0%;
    }
    
    .art_profile {
        align-items: center;
        width: 80%;
        right: 0%;
        margin-top: 60%;
    }
    
}

@media only screen and (max-width: 750px){
    .homepage {
        text-align: center;
        margin-top: 66%;
    }
    .artists{
        margin-top: 49%;
    }
    .artists .back {
        right: 4%;
    }
    .artists .back {
        bottom: -68px !important;
    }
    .arti{
         margin-top: 12%;
         width: 80%;
        right: 0%;
    }
    
    .art_profile {
        align-items: center;
        width: 80%;
        right: 0%;
        margin-top: 60%;
    }
    .art_profile .profile_wrapper {
        display: flow;
    }
}

@media only screen and (max-width: 650px){
    .homepage {
        text-align: center;
        margin-top: 66%;
    }
    .about_cover{
        padding-top: 30%;
    }
    .arti{
         margin-top: 12%;
         width: 75%;
        right: 0%;
    }
    
    .art_profile {
        align-items: center;
        width: 80%;
        right: 0%;
        margin-top: 75%;
    }
    .art_profile .profile_wrapper {
        display: flow;
    }
}

@media only screen and (max-width: 570px){
    .homepage_wrapper{
        margin-top: 30%;
    }
    .loading_img{
        width:250px;
        height:auto
    }
    .about_cover{
        top: 100%;
    }
    .feedbacks_cards.mb-35 {
        grid-template-columns: auto !important;
    }
    .feedback-card{
        width: 100% !important;
    }
    
    .service_box_wrapper {
        margin-left: 0%;
        width: 100% !important;
        margin-top: 30px;
        margin-left: 0px;
    }
    .h-full {
        height: 106%;
    }
    
    .btn-block4 {
        background-color: #8F78A1;
        color: white;
        padding: 8px 0px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 20px;
        border-radius: 0 0 32px 32px;
        text-align: center;
        border: 1px solid white;
        border-top: none;
        width: 100%;
        margin-right: 27px;
    }
    
    .join-card .w-full {
        width: 100%;
        margin: 6px;
    }
    .join-card {
        
        width: 100%;
    }

    .service_box_wrapper {
        margin-top: 297px !important;
    }
    
    .homepage {
        text-align: center;
        margin-top: 66%;
    }
    .about_cover{
        padding-top: 10% !important;
    }
    
    .arti{
         margin-top: 73%;
         width: 100%;
        right: 0%;
    }
    
    .art_profile {
        align-items: center;
        width: 80%;
        right: 0%;
        margin-top: 84%;
    }
    .art_profile .profile_wrapper {
        display: flow;
    }

}
@media only screen and (max-width: 490px){
    .homepage_wrapper{
        margin-left: 0%;
        margin-top:105%;
    }
    .artices_wrapper {
        grid-template-columns: auto !important;
    }
    .homepage_wrapper {
            margin-top: 46% !important;
        }
        .homepage {
            margin-top: 108% !important;
        }
        .artists {
            margin-top: 248px;
        }
        
           .login_form {
            width: 100% !important;
            height: 52% !important;
            margin-top: 421px;
            margin-left: 0px;
        }
        
        .profile .form .process {
            width: fit-content;
            margin-top: 20px;
            margin-bottom: 20px;
        }
         .feedback {
            margin-left: 0% !important;
        }
        
        .feedbacks {
           
            margin-top: 75%;
            width: 100% !important;
        }
        .rated {
            width: 100%;
        }
        
        .join_us .form {
            padding: 0px !important;
        }
        
        .arti{
         margin-top: 100% !important;
         width: 100%;
        right: 0%;
    }
    
    .art_profile {
        align-items: center;
        width: 80%;
        right: 0%;
        margin-top: 94%;
    }
    .art_profile .profile_wrapper {
        display: flow;
    }

}
@media only screen and (max-width: 410px){
    div#mobile_menu_wrapper.active {
        width: 100% !important;
    }
    
    .art_profile {
        align-items: center;
        width: 80%;
        right: 0%;
        margin-top: 110%;
    }
    .art_profile .profile_wrapper {
        display: flow;
    }
    .profile_wrapper img {
        width: 100%;
        height: auto;
    }
}

    @media only screen and (max-width: 376px) {
        .homepage_wrapper {
            margin-top: 46% !important;
        }
        
        .homepage {
            margin-top: 118% !important;
        }
        .artists {
            margin-top: 248px;
        }
            .login_form {
            width: 100% !important;
            height: 52% !important;
            margin-top: 421px;
            margin-left: 0px;
        }
        
        .profile .form .process {
            width: fit-content;
            margin-top: 20px;
            margin-bottom: 20px;
        }
        
        .feedback {
            margin-left: 0% !important;
        }
        
        .feedbacks {
           
            margin-top: 75%;
            width: 100% !important;
        }
        
        .rated {
            width: 100%;
        }
        
        .join_us {
            margin-top: 287px;
        }
         .artists .back {
            bottom: -168px !important;
            right: 0%;
        }
        
        .arti{
         margin-top: 100% !important;
         width: 100%;
        right: 0%;
    }
    
     .art_profile {
        align-items: center;
        width: 80%;
        right: 0%;
        margin-top: 155%;
    }
    .art_profile .profile_wrapper {
        display: flow;
    }
      


    }
    
    @media only screen and (max-width: 350px){
        .homepage {
            text-align: center;
            margin-top: 125% !important;
        }
        
        .arti{
         margin-top: 130% !important;
         width: 100%;
        right: 0%;
    }
    
    .joinus .join_title {
        font-family: Raleway;
        font-size: 25px;
        font-weight: 700;
    }
    
    .joinus .btn-block4 {
        width: 100%;
        margin-right: 27px;
    }
       
          
    }