@media only screen and (min-width: 1020px) {
    .nav-bar .navbar-row .nav-btns .login-btn svg,
    .nav-bar .navbar-row .nav-btns .sign-btn svg{
        display: none;
    }
    .nav-bar .navbar-row .nav-btns .login-btn.with-svg svg{
        display: flex;
    }
}
@media only screen and (min-width: 1350px) {
    .search-results-wrapper .left-filters a.submit-btn{
        display: none;
    }
}
@media only screen and (max-width: 1350px) {
    .search-form .each-col{
        width: calc(33.33% - 10px);
    }
    .search-filters-outer{
        position: relative;
    }
    .search-filters-outer .filter-icon{
        display: flex;
    }
    .search-results-wrapper .right-section{
        padding-left: 0;
        padding-top: 20px;
    }
    .search-filters-wrapper{
        position: absolute;
        right: 0px;
        top: 60px;
        width: 280px;
        background: rgb(255, 255, 255);
        background:
        linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 247, 238) 50%);
        box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
        max-height: calc(100vh - 350px);
        overflow:auto;
        display: none;
        z-index: 3;
    }
    .search-results-wrapper .horizontal-filters{
        position: static;
        flex-direction: column;
        padding: 15px;
        padding-bottom: 0;
    }
    .search-results-wrapper .left-filters{
        position: static;
        padding: 15px;
        padding-top: 0;
    }
    .search-results-wrapper .horizontal-filters .each-filters,
    .search-results-wrapper .horizontal-filters .each-filters.wide-filter,
    .search-results-wrapper .horizontal-filters .each-filters:first-child{
        width: 100%;
        margin-right: 0;
        padding-bottom: 15px;
    }
    .search-results-wrapper .left-filters{
        width: 100%;
        margin-right: 0;
    }
    .search-results-wrapper .horizontal-filters .each-filters.search-btn-1{
        display: none;
    }
    .search-results-wrapper .horizontal-filters{
        margin-bottom: 0;
    }
    .seach-form-col .search-result-col{
        width: calc(33.33% - 20px);
    }
}
@media only screen and (max-width: 1020px) {
    .nav-bar .navbar-row .nav-btns .login-btn,
    .nav-bar .navbar-row .nav-btns .sign-btn{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        height: 44px;
        border-radius: 50%;
        padding: 0;
    }
    .nav-bar .navbar-row .nav-btns .login-btn span,
    .nav-bar .navbar-row .nav-btns .sign-btn span {
        display: none;
    }
    .nav-bar .navbar-row .nav-btns .login-btn svg {
        width: 20px;
        height: 20px;
        fill: #010f44;
        display: flex;
    }
    .nav-bar .navbar-row .nav-btns .login-btn:hover svg{
        fill: #fff;
    }
    .nav-bar .navbar-row .nav-btns .sign-btn svg {
        width: 20px;
        height: 20px;
        fill: #fff;
        display: flex;
    }
    .nav-bar .navbar-row .nav-btns .sign-btn:hover svg{
        fill: #010f44;
    }
    .search-form .each-col{
        width: calc(50% - 10px);
    }
    .main-dashboard .dashboard-row{
        flex-direction: column;
    }
    .main-dashboard .slider-dashboard,
    .main-dashboard .dashboard-view{
        width: 100%;
        height: auto;
    }
    .main-dashboard .slider-dashboard{
        box-shadow: none;
        background: none;
        position: static;
    }
    .main-dashboard .slider-dashboard .slider-list{
        background: rgb(255, 255, 255);
        background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 247, 238) 50%);
        box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    }
    .main-dashboard .slider-dashboard .slider-list ul{
        display: flex;
        width: 100%;
        overflow: auto;
    }
    .main-dashboard .slider-dashboard .slider-list ul li{
        padding:20px;
    }
    .main-dashboard .slider-dashboard .slider-list ul li a{
        white-space: nowrap;
    }
    .main-dashboard .slider-dashboard
    .dashboard-left-wrap{
        display: flex;
        width: 100%;
        flex-direction: column-reverse;
    }

    .dashboard-left-wrap .dashboard-img{
        margin-top: 10px;
        background: rgb(255, 255, 255);
        background: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(255, 247, 238) 50%);
        box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    }
    .seach-form-col .search-result-col{
        width: calc(50% - 20px);
    }
    .interested-row .interested-col{
        width: calc(50% - 20px);
    }
    .view-profile-content .user-details-row .user-details{
        width: 100%;
    }
}
@media only screen and (max-width: 767px) {
    .view-profile-section .profile-img{
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 500px) {
    .search-form .each-col{
        width: 100%;
        margin: 5px 0;
    }
    .seach-form-col .search-result-col{
        width: 100%;
    }
    .interested-row .interested-col{
        width: 100%;
    }
}
@media (max-width: 450px) {
    .sign-login-form .sign-login-form-col form input[type=checkbox] {
      width: auto;
    }
    .sign-login-form .sign-login-form-col form .required-input input{
        margin-bottom: 0;
    }
}