@media (max-width: 1440px) {
    .wcont {
        width: auto;
        margin-left: 20px;
        margin-right: 20px;
    }
}
@media (max-width: 1200px) { 
    .section-content-columns .wcont {
        flex-direction: column;
    }
    .section-content-columns .left-column {
        position: relative;
        top: 0;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .section-content-columns .center-column {
        max-width: none;
        padding-left: 0;
    }
}
@media (max-width: 1100px) { 
    .section-talent-title {
        font-size: 25px;
    }
    .section-talent-number {
        font-size: 25px;
    }
    .section-whytrust-text {
        margin-left: 38px;
    }
    .section-topskills-text b {
        font-size: 25px;
    }
    .section-topskills-text {
        font-size: 16px;
    }
    .sectin-chooseus-item-title {
        font-size: 25px;
    }
    .sectin-chooseus-item-description {
        font-size: 16px;
    }
    .section-fondwork-title {
        font-size: 24px;
    }
    .section-fondwork-number {
        font-size: 25px;
    }
}
@media (max-width: 950px) { 
    .section-startjoin-title {
        font-size: 18px;
    }
    .section-startjoin-description {
        font-size: 13px;
    }
    .section-talent-title {
        font-size: 18px;
    }
    .section-talent-more {
        font-size: 14px;
    }
    .section h2 {
        font-size: 57px;
        line-height:57px;
    }
    .footer-nav {
        text-align: center;
        line-height: 33px;
    }
}
@media (max-width: 900px) {
    .header-nav {
        display: none;
    }
    .header-logo {
        margin-left: 0;
    }
    .currancy-drop {
        display: none;
    }
    .mob-header-nav-link {
        padding: 0;
        margin: 0;
        background-color: transparent;
        border: none;
        display: block;
        border-bottom: solid 2px #1D1A1A;
        border-radius: 2px;
        width: 22px;
        display: block;
        margin-right: 20px;
    }
    .mob-header-nav-link:after {
        content: '';
        border-bottom: solid 2px #1D1A1A;
        border-radius: 2px;
        display: block;
        margin-bottom: 5px;
    }
    .mob-header-nav-link:before {
        content: '';
        border-top: solid 2px #1D1A1A;
        border-radius: 2px;
        display: block;
        margin-bottom: 5px;
    }
    .section-slogan-first {
        font-size: 20px;
    }
    .section-main-slogan-secont h1 {
        font-size: 48px;
    }
    .section-main-slogan-secont {
        font-size: 14px;
    }
    .section h2 {
        font-size: 48px;
    }
    .section-fondwork-items {
        flex-direction: column;
    }
    .section-fondwork-item {
        margin-bottom: 20px;
    }
    .section-fondwork .wcont {
        height: auto;
        padding: 30px;
    }
    .section-fondwork-item {
        margin-right: 0;
    }
    .section-fondwork-item:last-child {
        margin-bottom: 0;
    }
    .use_cookies .text_coobar {
        flex-direction: column;
    }
    .use_cookies .left_text_coo {
        margin-bottom: 20px;
    }
    .use_cookies .right_text_coo {
        display: flex;
        flex-direction: row;
    }
    .use_cookies .right_text_coo .btn {
        flex: 1;
        margin-right: 10px;
    }
    .use_cookies .right_text_coo .btn:last-child {
        margin-right: 0;
    }
 }
 
@media (max-width: 750px) {
    .section-startjoin-items {
        flex-direction: column;
    }
    .section-startjoin-item {
        margin-bottom: 20px;
    }
    .section-startjoin-title {
        font-size: 28px;
    }
    .section-startjoin-description {
        font-size: 14px;
    }
    .section-startjoin-number {
        font-size: 28px;
    }
    .section-startjoin-number::before {
        width: 34px;
        height: 34px;
    }
    .section-startjoin-header {
        flex-direction: column!important;
    }
    .section-startjoin h2 {
        max-width: none;
        margin-top: 24px;
    }
    .section-talent-slogan-secont {
        margin-top: 24px;
        max-width: none;
        font-size: 14px;
    }
    .section-talent-items {
        flex-direction: column;
    }
    .section-talent-item {
        margin-bottom: 20px;
        margin-right: 0;
    }
    .section-talent .wcont {
        height: auto;
        align-items: normal;
        padding: 20px;
    }
    .section-talent-title {
        font-size: 22px;
    }
    .section-talent-more {
        font-size: 16px;
    }
    .section-talent-number {
        font-size: 28px;
    }
    .section-talent-item:last-child {
        margin-bottom: 0;
    }
    .section-whytrust-content {
        flex-direction: column-reverse;
    }
    .section-whytrust-text {
        margin-left: 0;
        font-size: 14px;
        margin-bottom: 20px;
    }
    .section-whytrust-img {
        width: auto;
    }
    .section-topskills-text b {
        font-size: 28px;
    }
    .section-topskills-text {
        font-size: 14px;
    }
    .section-chooseus-content {
        flex-direction: column;
    }
    .sectin-chooseus-item-title {
        font-size: 28px;
    }
    .sectin-chooseus-item-description {
        font-size: 14px;
    }
    .section-fondwork,
    .section-chooseus,
    .section-topskills,
    .section-whytrust,
    .section-talent,
    .section-startjoin {
        margin-top: 60px;
    }
    .section-faq-content {
        flex-direction: column;
    }
    .section-faq-items {
        margin-top: 20px;
    }
    .section-footer-title h2 {
        font-size: 48px;
        line-height: 52px;
    }
    .section-footer-subtitle {
        font-size: 14px;
    }
    .footer-nav {
        display: flex;
        flex-direction: column-reverse;
    }
    .section-startjoin-item {
        margin-right: 0;
    }
    .login-panel-icons a {
        margin-left: 10px;
    }
    .login-panel-icons a svg {
        width: 20px;
        height: 20  px;
    }
    .mob-header-nav-link {
        margin-right: 5px;
    }
    .header-logo {
        font-size: 18px;
    }
    .mobile_setting {
        display: block;
    }
    .profile_page .left-column,
    .profile_page .center-column {
        display: none;
    }
    .mobile_setting .light_block_detail.purchase_item {
        flex-direction: column;
    }
    .mobile_setting .light_block_detail.purchase_item img {
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0;
    }
    #purchases-flush .accordion-body {
        padding: 20px 0;
    }
    .purchase_item_download_min .btn {
        font-size: 14px;
    }
    .form_password input {
        margin-bottom: 10px;
    }
    .mobile_setting .fpss_items {
        flex-direction: column;
        padding: 10px 0;
    }
    .mobile_setting .fp_avatar {
        padding-right: 30px;
        text-align: center;
        display: flex;
        align-items: center;
        flex-direction: column;
    }
    .mobile_setting .accordion-button:not(.collapsed) {
        background-color: var(--gray-light);
        box-shadow: none!important;
    }
    .block-services-profile-item-details-pricebuy {
        flex-direction: column;
    }
    .block-services-profile-item-details-pricebuy .btn {
        width: 100%;
        margin-top: 10px;
    }
    .section-content-columns .left-column {
        width: auto;
    }
    .block-services-profile-item-details-title {
        flex-direction: column;
    }

}

@media (max-width: 600px) {
    .block-portfolio-profile-item-img {
        max-width: none;
    }
    .block-portfolio-profile-items .owl-item {
        margin-right: 0;
    }
    .block-portfolio-profile-items .owl-nav button {
        top:35%;
    }
    .block-services-profile-item {
        flex-direction: column;
    }
    .block-services-profile-item-img {
        width: auto;
        margin-right: 0;
        margin-bottom: 20px;
        max-height: none;
        position: relative;
    }
    .block-services-profile-item-img img {
        position: relative;
    }
    .block-services-profile-item-avatar {
        border: none;
        padding-right: 0;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .block-services-profile-item-avatar-name {
        margin: 0 auto; 
    }
    .chat-rooms-item-name-lasttext {
        display: none;
    }
    .chat-rooms-item-avatar {
        width: 30px;
        height: 30px;
        min-height:30px;
    }
    /* .chat-rooms-item:active .chat-rooms-item-bg, .chat-rooms-item.active .chat-rooms-item-bg {
        padding: 0;
    } */
     .chat-left-column {
        width: auto;
        height: auto;
        padding: 0;
     }
     .chat-right-column {
        padding-left: 10px;
     }
     .chat-columns {
        flex-direction: column;
        min-height: auto;
     }
     .chat-rooms-items {
        flex-direction: row;
        display: flex;
     }
     .chat-rooms-item {
        padding: 5px; 
        border:solid 2px transparent;
        border-radius: 60px;
        overflow: hidden;
     }
     .chat-rooms-item-bg {
        padding: 0;
        border-radius: 60px;
     }
     .chat-rooms-item.active {
        border:solid 2px #FF8058;
     }
     .chat-blockroom-chatframe-items {
        height: 65%;
     }
     
     .chat-blockroom-chatframe-items.active {
        height: 50%;
     }
     .chat-blockroom-chatframe {
        height: calc(100vh - var(--bs-modal-margin) * 2 - 234px);
     }
     .add_project-form-block {
        position: relative;
        margin-top: 20px;
        left: 0;
        right: 0;
        width: 100%;
     }
     .add_project_left-column {
        width: auto;
        margin-right: 0;
     }
     .add_project_columns {
        flex-direction: column;
     }
     .add_project_center-column.tab-content>.active {
        flex-direction: column;
     }
     .upload_file_project_proview {
        margin-bottom: 20px;
     }
     .section-content-columns .left-column {
        width: 100%;
     }
     .block-services-profile-item-details-title h4 {
        font-size: 18px;
     }
     .block-services-profile-item-avatar {
        text-align: center;
     }
     .section-content-columns .wcont {
        flex-direction: column-reverse;
     }
     .section-content-columns .right-column {
        position: relative;
        width: auto;
        margin-left: 0;
        top: 0;
        margin-bottom: 20px;
     }
     .section-login-form-text {
        padding-right: 0;
     }
     .section-login-form-content {
        flex-direction: column-reverse
        ;
     }
     .section-login-form-img {
        width: auto;
     }
     .footer {
        margin-top: 20px;
     }
     .profile_us.section-content-columns .wcont {
        flex-direction: column;
     }
     .chat-left-column {
        display: flex;
     }
     .chat-blockroom-formmessage {
        width: 100%;
        left: 0;
        right: 0;
     }
}
@media (max-width: 450px) {
    .header-login-panel .btn-orange {
        width: auto;
    }
    .section-fondwork .wcont,
    .section-startjoin .wcont,
    .section-main .wcont,
    .footer .wcont {
        padding: 20px;
    }
    .footer .wcont {
        border-radius: 16px;
    }
}