@media only screen and (min-width:991px){
    #mobile-height .row .col-lg-7{
        margin-top: 2rem !important;
    }
}
@media only screen and (min-width:1200px){
     
  #bg-holder--sm-image {
    width: 58%;
    background-size: 650px 900px;
  }
  
}
@media only screen and (max-width: 992px){
    #user_profile{
        display: none;
    }
    .chat-icon{
        display: none;
    }
    .custom, 
    .logout,
    .menu-chat,
    .mobile-cart,
    .mobile-dashboard{
        display: inline-block !important;
    }
    .user-photo,
    .guest-avatar{
        display: inline-block !important;
    }
    #cart_menu,
    .cart_count{
        display: none;
    }
    #mobile-height{
        margin-top: 2rem !important;
    }

}

@media only screen and (max-width: 760px){
    .user-register{
        display: none;
    }
    .admin-login{
        display: none;
    }
   
}

@media only screen and (max-width: 767px){
    
    .stat{
        max-width: 45%;
        box-shadow: none;
    }
   .stat h6{
        font-size: 75%;
    }
    .parent{
        flex-direction: column;
    }
    .child{
        width: 100%;
    }
    .bank-pills{
        order: 1;
        margin-bottom: 5px;
    }
    .dashboard-pills{
        order: 2;
    }
   .dashboard-title h5{
    margin-bottom: 0rem !important;
   }
   .monthlySaleChart{
    margin-top: 10px;
   }
  .profile-link{
        display: none !important;
   }
   .search-result--media {
    --ps-padding-x: 0rem; 
    --ps-padding-y: 0rem;
    /* --bs-border-radius: 0rem;
    padding: var(--ps-padding-y) var(--ps-padding-x);
    border-radius: var(--bs-border-radius); */
    border: 0px solid rgba(var(--ps-gray-dark), var(--ps-border-opacity));
    position: relative;
  }

.hireDevCover{
    display: flex;
    flex-direction: column-reverse;
  }

.profilePart{
        margin-top: -45px;
       z-index: 1;
  }
.ratio{
    height: 150px;
  }
.user-information{
    margin-top: 30px;
  }
.desktop-button{
    display: none !important;
  }
.mobile-btn{
    display: block !important;
  }
.mobile-ratio{
    height: 200px !important;
 }
#mobile-height{
    margin-top: 1rem !important;
 }
}
@media only screen and (max-width: 575px){
    .select2-selection.select2-selection--single{
        width:246px;
    }
}
@media only screen and (min-width: 576px){
    .select2-selection.select2-selection--single{
        width:232px !important;
    }
}
@media only screen and (max-width:680px){
    .flex-row-container {
        flex-direction: column-reverse;
        margin-top:-95px;
    }
    
    .flex-container {
        display: flex;
        flex-direction: column;
        margin-top: -20px;
    }

    .second {
        order: 1;
    }
    
    .first {
        order: 2;
        margin-top:30px !important;
    }   
}
@media only screen and (min-width: 767px){
.public-profile-cover{
    height: 340px !important;
    }
}