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

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

    #header .container {
        justify-content: center;
    }

    .opt-mobail {
        display: block;
    }
    
    .main_menu {
        display: none;
    }

    .logo-site img {
        max-width: 160px;
    }
    
    .main_menu {
        position: absolute;
        width: 100%;
        top: 45px;
        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:last-child {
        margin: 0;
    }
    .thumb-home {
        text-align: end;
        margin-top: 40px;
    }
    .sec_head {
        width: 100%;
        margin-bottom: 20px;
    }
    .col-feat:nth-child(2) {
        display: none;
    }
    .con-feature {
        flex-wrap: wrap;
        padding: 0 30px 40px;
    }
    .col-feat {
        width: 100%;
        padding: 40px 10px 0;
    }
    .txt-introduction {
        margin-bottom: 30px;
    }
    .section_simple_pricing .sec_head {
        margin: 0 0 90px;
        width: 100%;
    }
    .thumb-about {
        margin-bottom: 30px;
    }
    .item-feat-about {
        margin-right: 30px;
        margin-bottom: 30px;
    }
    .cont-ft {
        margin-bottom: 15px;
    }
    .menu-ft {
        margin-bottom: 15px;
    }
    .item-work {
        flex-direction: column;
    }
    .txt-work, .thumb-work {
        width: 100%;
    }
    .txt-work {
        padding: 0;
    }
    .cont-how-work {
        padding: 60px 20px;
    }
    .thumb-work img {
        max-width: 100%;
    }
    .item-work:nth-child(even) {
        flex-direction: column;
    }
    .num-work {
        width: 100%;
        margin: 20px 0;
    }
    .num-work span {
        margin: 0 0 0 auto;
    }
    .lst-how-work {
        padding-right: 50px;
    }
    .lst-how-work:before {
        height: 100%;
        right: 0;
        left: auto;
    }
    .item-work:nth-child(even) .txt-work {
        text-align: end;
        padding: 0;
    }
    .item-work:first-child .num-work:before {
        top: -140px;
        right: -60px;
        left: auto;
    }
    .item-work:last-child .num-work:before {
        bottom: -200px;
        right: -60px;
        left: auto;
    }
    .item-contact {
        margin-bottom: 20px;
    }
    .form-contact .d-flex {
        flex-wrap: wrap;
    }
    .form-contact .d-flex .form-group {
        width: 100%;
        margin: 0 0 20px;
    }
    .txt-about-page {
        margin-bottom: 40px;
    }
    #slider-interface .owl-item.active.center .item {
        transform: scale(1);
    }
    #slider-interface .owl-dots {
        margin-top: 0;
    }
}

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

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