@media only screen and (max-width: 1024px) {
    .qodef-mobile-header-inner .qodef-mobile-opener-icon-holder i {
        font-size: 23px;
    }

    .qodef-mobile-header {
        box-shadow: 0px 1px 9px 0px rgba(0,0,0,0.13);
    }

    .qodef-sticky-up-mobile-header .mobile-header-appear .qodef-mobile-header-inner {
        box-shadow: 0px 1px 9px 0px rgba(0,0,0,0.13);
    }
}


@media screen and (min-width: 320px) and (max-width: 360px) {
    .clearfix.qodef-section-inner {
        width: 300px !important;
    }
}

@media screen and (min-width: 360px) and (max-width: 600px) {

    .clearfix.qodef-section-inner {
        width: 330px !important;
    }

}

@media only screen and (max-width: 600px) {

    /* Home page */

    .wrap_desc_home_page {
        padding: 46px 20px 15px!important;
    }

    .qodef-elements-holder .qodef-elements-holder-item-content {
        padding: 35px 15px;
    }

    .qodef-p-content .qodef-btn {
        padding: 0;
        width: 230px;
        box-sizing: border-box;
    }

    .qodef-full-section-inner .vc_empty_space {
        height: 20px !important;
    }

    div#qodef-particles {
        height: 590px !important;
    }

    div#qodef-particles .qodef-custom-font-holder {
        padding: 0 10px;
    }

    .qodef-portfolio-list-holder article.qodef-portfolio-item.mix {
        margin-bottom: 20px;
    }

    .our_client_section > .vc_column-inner {
        padding-left: 0;
        padding-right: 0;
    }

    .qodef-elements-holder-item-inner a.qodef-btn.qodef-btn-medium.qodef-btn-outline.qodef-btn-custom-hover-color.qodef-btn-icon {
        margin: 0 !important;
    }

    .qodef-portfolio-shader {
        opacity: 1 !important;
        transform: scale(1.3) !important;
    }

    .qodef-item-text-overlay {
        opacity: 1 !important;
        transform: scale(1) !important;
    }

    /* About US */

    .about_us_section{
        padding-top: 24px !important;
        padding-bottom: 10px !important;
    }

    .about_us_section .about_us_section__title {
        padding-top: 20px !important;
    }

    .about_us_section a.qodef-btn {
        padding: 0 20px !important;
    }

    .about_us_section .qodef-btn-text {
        font-size: 11px !important;
    }

    .our_skills_section {
        padding-top: 50px !important;
    }

    .our_skills_section .wrap_progress_bar {
        padding-bottom: 30px;
    }

    .our_skills_section .wrap_progress_bar .vc_empty_space {
        height: 0 !important;
    }

    .our_team_section{
        padding: 0 55px !important;
    }

    .our_team_section__text {
        padding: 40px 0 !important;
    }

    .our_team_section__text > .vc_column-inner {
        padding: 0 !important;
    }

    .our_team_section__text > .qodef-container-inner {
        width: 100% !important;
    }

    .our_team_section__text .qodef-call-to-action-row-75-25 {
        padding: 0 !important;
    }

    .team_list_title {
        padding-top: 50px !important;
        padding-bottom: 57px !important;
    }

    .team_list_title h2 {
        font-size: 25px;
    }

    /* What we do */

    .what_we_do_section {
        padding-top: 45px !important;
        padding-bottom: 55px !important;
    }

    .skills_lists_section {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .skills_lists_section .wpb_column {
        margin-bottom: 45px;
    }

    .skills_lists_section .wpb_column .vc_column-inner {
        padding: 0 !important;
    }

    .skills_lists_section .wpb_column .vc_column-inner .wpb_wrapper > .vc_empty_space {
        height: 15px !important;
    }

    .skills_lists_section .vc_empty_space {
        height: 0 !important;
    }

    .what_we_do_bottom_button {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    /* Portfolio page */

    .portfolio_title {
        padding-top: 35px !important;
        padding-bottom: 50px !important;
    }

    /* Vacancies page */

    .vacancies_title {
        padding-top: 35px !important;
        padding-bottom: 12px !important;
    }

    .description_work_place .wpb_wrapper h3 {
        margin-top: 25px;
    }

    .description_work_place .vc_empty_space {
        height: 20px !important;
    }

    .description_job_position {
        padding-bottom: 55px !important;
    }

    .wrap_send_cv {
        padding-bottom: 56px !important;
    }

    .wrap_send_cv h3 span {
        display: block;
    }

    /* Contacts page */

    .contacts_title {
        padding-top: 35px !important;
        padding-bottom: 50px !important;
    }

    .contacts_title .vc_column-inner {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .contacts_title .wpb_content_element {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .contacts_form textarea {
        height: 150px !important;
    }

    .wrap_map .vc_column-inner .wpb_wrapper > .vc_empty_space {
        height: 0 !important;
    }

    .wrap_contact_info {
        padding-top: 40px !important;
    }

    .wrap_contact_info .wpb_column {
        margin-bottom: 15px;
    }


        /* Portfolio details */

    .qodef-portfolio-info-item h2 {
        margin-top: 35px !important;
    }

    .qodef-portfolio-single-holder .qodef-column-inner {
        padding: 0 !important;
    }

    .qodef-mobile-header .qodef-mobile-menu-opener {
        float: right !important;
        margin-right: 26px !important;
    }

    span.qodef-mobile-opener-icon-holder {
        padding-top: 5px !important;
    }

    nav.qodef-mobile-nav {
        position: fixed;
        width: 100%;
        height: 100vh;
        text-align: center;
    }
    #menu-sd-menu-2 a {
        font-size: 17px !important;
        padding: 18px 0;
    }
    header.qodef-mobile-header.qodef-animate-mobile-header.mobile-header-appear {
        z-index: 10001 !important;
    }
    .qodef-mobile-header .qodef-mobile-header-holder .qodef-grid {
        width: 100% !important;
    }

}

.header-appear .qodef-sticky-holder .qodef-active-item a {
    color: #ffffff !important;
}
.header-appear .qodef-sticky-holder li:hover a {
    color: #ffffff !important;
}
#menu-sd-menu-2 .current_page_item.qodef-active-item a{
    color: #000 !important;
    border-bottom: 1px solid #8d8d8d !important;
}

#menu-sd-menu-1 .menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-item.current_page_item.menu-item-home.narrow a .item_outer{
    background: #9e2064 !important;
    color: #ffffff !important;
}


.contacts_form input:focus, .contacts_form textarea:focus {
    border: 2px solid #a0a0a0 !important;
    color: #797979 !important;
    background-color: rgba(255, 255, 255, 0.01);
}

.contacts_form input, .contacts_form textarea {
    color: #797979 !important;
}

.contacts_form input[type=submit] {
    color: white !important;
}
.contacts_form input:focus[type=submit] {
    color: white !important;
    background-color: #9e2064 !important;
    border: 2px solid #9e2064 !important;
 }


.our_skills .wpb_text_column.wpb_content_element p {
    font-weight: 400 !important;
}

.contacts_form .wpcf7-not-valid-tip {
    position: absolute;
    top: 0;
    margin-top: 36px;
}

.contacts_form .wpcf7-response-output {
    margin: 20px 0 !important;
    color: #212121 !important;
    border: 2px solid #9e2064 !important;
}

.fa-bars.--hidden {
    opacity: 0 !important;
}

.close_icon {
    position: absolute;
    top: 40px;
    display: block;
    width: 20px;
    opacity: 0.7;
}

.close_icon.--hidden {
    opacity: 0;
}