@media screen and (max-width: 1199px) {}

@media screen and (max-width: 991px) {
    #header {
        position: fixed;
        top: 0;
        height: auto;
        padding: 0;
    }

    #header.fixed-header {
        padding: 0;
    }

    #header .container {
        justify-content: space-between;
        border-radius: 0;
        padding: 15px 20px;
    }

    .hamburger {
        display: block;
    }

    .main_menu,
    .end_menu {
        display: none;
    }

    .logo-site img {
        max-width: 70px;
    }

    .main_menu {
        position: absolute;
        width: 100%;
        top: 82px;
        left: 0;
        background: #fff;
        box-shadow: 0 6px 7px rgb(0 0 0 / 16%);
        padding-bottom: 20px;
        border-radius: 0;
    }

    .main_menu li {
        display: block;
        float: inherit;
        padding: 10px 20px;
    }

    .main_menu li.d-none {
        display: block !important;
    }

    .main_menu > li > a,
    .end_menu > li > a {
        color: var(--main-color);
    }

    .section_home {
        padding: 120px 0 60px;
    }

    .home_txt {
        width: 100%;
    }

    .home_txt h1 {
        font-size: 34px;
    }

    .sec_head {
        width: 100%;
        margin-bottom: 20px;
    }

    .section_we_do {
        padding: 50px 0;
    }

    .txt-we-do h2 {
        font-size: 40px;
    }

    .txt-we-do:before {
        width: 80px;
        height: 90px;
        top: -50px;
    }

    .txt-we-do {
        margin-bottom: 30px;
    }

    .txt-who {
        margin-bottom: 30px;
    }

    .item-principle {
        margin-bottom: 50px;
    }

    .section_clients .col-lg-2 {
        width: 50%;
    }

    .form-newsletter {
        width: 100%;
    }

    .section_newsletter .sec_head > span {
        font-size: 20px;
    }

    .section_newsletter .sec_head h2 {
        font-size: 32px;
    }

    .cont-ft {
        margin-bottom: 50px;
    }

    .copyRight {
        font-size: 15px;
        text-align: center;
    }

    .head-serv h4 {
        width: 80%;
    }

    .txt_hero_page h1 {
        font-size: 35px;
    }

    .breadcrumb-bar .breadcrumb a,
    .breadcrumb-bar .breadcrumb li {
        font-size: 18px;
    }

    .section_hero_page {
        height: 380px;
    }

    .txt-about h2 {
        font-size: 40px;
    }

    .thumb-about figure img {
        max-width: 100%;
    }

    .thumb-about figure {
        border: 0;
        border-top: 2px solid #3A3A38;
        padding: 15px 0;
        margin-top: 20px;
    }

    .aside-article {
        padding-left: 0;
        margin-top: 50px;
    }

    .info-contact {
        margin-bottom: 50px;
    }

    .form-contact .d-flex {
        flex-wrap: wrap;
        gap: 0;
    }

    .form-contact .d-flex .form-group {
        width: 100%;
    }

    .row-client {
        flex-wrap: wrap;
        gap: 20px;
    }

    .row-client > figure {
        width: 100%;
    }

    .dta-client,
    .row-client:nth-child(even) .dta-client,
    .rtl-style .dta-client {
        width: 100%;
        border: 0;
        padding: 0;
    }

}

@media screen and (max-width: 767px) {}

@media screen and (max-width: 500px) {}