@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;
    }

    .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;
    }

    .sec_head {
        width: 100%;
        margin-bottom: 20px;
        text-align: right;
    }
    .item-courses {
        margin-bottom: 20px;
    }
    .images-releases:before {
        display: none
    }
    .images-releases img {
        max-width: 100%;
    }
    .list-videos {
        padding-top: 0;
    }
    .txt-big-blogs h3 {
        font-size: 20px;
    }
    .txt--blogs h3 {
        font-size: 17px;
    }
    .txt--blogs ul li:last-child {
        margin: 0;
        padding: 0
    }
    .section_content_templates .container,
    .section-alert-temp .container {
        padding: 0 15px;
    }
    .data-releases strong {
        padding: 10px 10px;
        font-size: 23px;
    }
    .section_contact {
        padding: 40px 0 0;
    }
    .txt-contact {
        padding: 50px 0;
    }
    .cont-contact, .cont-contact-requests {
        position: relative;
        padding: 70px 15px;
    }
    .thumb-reg {
        margin-bottom: 20px;
    }
    .thumb-reg img {
        max-width: 100%;
    }
    .hd-tabs {
        flex-direction: column;
    }
    .hd-tabs h5 {
        margin: 0 0 20px;
    }
    .change-pass {
        top: 20px;
    }
    .item-videos {
        width: 100%;
    }
    .tm-page {
        flex-direction: column;
    }
    .tm-page figure, .tm-page .txt-templates {
        width: 100%;
    }
    .cont-notice {
        flex-direction: column;
        width: 90%;
        margin: 30px auto;
    }
    .thumb-notice {
        width: 100%;
    }
    .txt-notice {
        padding: 25px;
        width: 100%;
    }
}


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

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