@media(min-width:2100px) {
    .rammadan {
        margin-top: -15%!important
    }
}

@media(min-width:768px) {

    .nav-menu > nav > ul,
    .ful-width {
        width: 90%
    }
    .header-mobile {
        display: none
    }
    .scroll-wrapper-top {
        position: fixed
    }
    .about-section-banner {
        height: 400px
    }
    .menu-section-banner {
        height: 270px
    }
}

@media(min-width:992px) {
    .nav-menu>nav>ul,
    .ful-width {
        width: 80%
    }
    .about-section-banner {
        height: 500px
    }
    .menu-section-banner {
        height: 370px
    }
}

@media(min-width:1200px) {
    .nav-menu>nav>ul,
    .ful-width {
        width: 80%
    }
    .about-section-banner {
        height: 600px
    }
    .menu-section-banner {
        height: 500px
    }
}


@media(max-width:1800px) {
    .menu-parent{
            margin: 0 auto 400px;
    }
}
@media(max-width:1600px) {
    .menu-parent{
            width: 82%;
                margin: 0 auto 200px;
    }
}
@media(max-width:1400px) {
    .menu-parent{
            width: 94%;
                margin: 0 auto 100px;

    }
}
@media(max-width:1199px) {
    .bottom-txt{
        width:80%;
    }
    ul.courses > li {
        width: 50%;
    }
    footer iframe {
        width: 100%;
        margin-top: 40px
    }
    footer {
        padding: 80px 0
    }
}

@media(max-width:991px) {
 .menu-parent{
         width: 100%;
 }

 ul.courses .mix-wrapper{
         width: 94%;
 }
    .gallery-section {
        width: 88%
    }
    .menu-wrapper {
        padding: 20px 0 30px;
    }
}

@media(max-width:767px) {
    .paddDiv {
        height: 100px !important;
    }
    .rammadan {
        top: -50px!important;
        max-height: 100%;
        left: 40%!important;
        width: 25%!important
    }
    .header-section {
        height: auto
    }
    .header-wrapper {
        padding-top: 190px
    }
    .blurp--top {
        display: none
    }
    .scroll-wrapper > a {
        display: none
    }
    .bottom-txt {
        width: 100%;
        padding: 0 30px;
        margin-bottom: 80px
    }
    .scroll-wrapper .text-logo {
        margin-bottom: 20px
    }
    .gallery-section {
        width: 80%
    }
    .text-logo {
        font-size: 18px
    }
    .section-description,
    .top-txt,
    .bottom-txt,
    .reserv-description h2,
    .footer-contacts h2,
    .footer-contacts a {
        font-size: 16px
    }
    .section-title {
        font-size: 52px;
        margin-bottom: 20px
    }
    section {
        margin-bottom: 40px
    }
    .about-section-banner {
        height: 300px
    }
    .menu-section-banner {
        height: 200px
    }
    .img-wrapper {
        width: 70%;
        display: block;
        margin-left: auto;
        margin-right: auto
    }
    footer {
        padding: 50px 0
    }

}


@media(max-width:400px) {
    .gallery-section {
        width: 70%
    }
    ul.courses > li {
        width: 100%;
    }
}