body{
    background-color: #E5E5E5;
}

@media (min-width: 1600px) {
    .container {
        max-width: 1400px !important;
    }
}
@media (min-width: 1770px) {
    .container {
        max-width: 1600px;
        padding: 0;
    }
}
@media screen and (max-width: 992px) {
    body.lock{
        overflow: hidden!important;
    }
    .blog-content{
        height: 246px;
    }
    .brand-icon{
        height: 65px;
    }
    .card-brand{
        height: 300px;
    }
    .img-404{
        width: 231px;
        height: 230px;
    }
    .img-mobile-height{
        height: 160px;
    }
    .icon-mobile-40{
        width: 40px;
        height: 40px;
    }
    .bd-home{
        background-image: none;
        background-repeat: no-repeat;
        height: 70vh;
        overflow: hidden;
        background-size: cover;
        background-position: center center;
    }
    .card-internship{
        position: absolute;
        padding: 40px;
        bottom: -170px;
    }
    .cover-image{
       height: 500px;
    }
    .circle-director{
        width: 40px;
        height: 40px;
    }
    .circle-director img{
        width: 20px;
        height: 13px;
    }
    .director-avatar{
        width: 102px;
        height: 102px;
    }
    .home-arrow{
        width: 25px;
        height: 28px;
    }
    .h-video{
        height: 200px!important;
    }
    .h-50.dark-gr-card-overlay{
        height: 75% !important;
    }
    .g-6{
        --bs-gutter-y: 2rem!important;
        --bs-gutter-x: 0!important;
    }
    .pb-6{
        padding-bottom: 40px!important;
    }
    .pt-6{
        padding-top: 40px!important;
    }
    .card-p-40{
        padding: 28px 24px 28px 24px!important;
    }
    .card-img-height{
        height: 250px;
    }
    .card-contacts{
        height: 276px;
    }
    .card-contacts img{
        height: 216px;
    }
    .title-home-100{
        font-size: 40px;
        line-height: 48px;
        font-weight: 500;
        top: 0;
        width: 100%;
        right: 0!important;
    }
    .tecedu-logo{
        width: 106px;
        height: 29px;
    }
    .title-service{
        margin-top: 25% ;
    }
    .text-service-card{
        color: #FFFFFF;
    }
    .bg-mb-black{
        background-color: black;
    }
    .bg-mb-white{
        background-color: white;
    }
    .btn.sf-r-16, .btn .sf-r-16{
        font-size: 16px!important;
    }
    .btn-offer{
        width: 100%;
        margin: 13px;
    }
    .btn-add{
        width: 40px;
        height: 40px;
    }
    .circle-about-white{
        width: 16px;
        height: 16px
    }
    .circle-about-blue{
        width: 6.67px;
        height: 6.67px;
    }
    *[data-bs-toggle].btn-add:not(.collapsed):before{
        top: 0!important;
        left: 0!important;
        right: 0!important;
        bottom: 0!important;
    }
    [data-bs-toggle].btn-add.collapsed:before {
        top: 0!important;
        left: 0;
        right: 0;
        bottom: 0;
    }
    .navbar .nav-item:not(.navbar-catalog){
        border-bottom: none !important;
    }
    @keyframes fadeOut {
        from { opacity: 0; }
        to { opacity: 1; }
    }
    .navbar-collapse {
        position: absolute !important;
        flex-direction: column;
        top: 0;
        left: 0;
        padding-top: 80px;
        padding-right: 0;
        padding-left: 0;
        animation: fadeOut .5s forwards;
        overflow: auto;
    }
    .navbar-collapse .blue-gradient-bg {
        background: #FFFFFF;
    }
    .m-top-internship{
        margin-top: 170px;
    }
    .m-bottom-internship{
        margin-bottom: 8em;
    }
    .menu.dropdown-menu{
        background: #E5E5E5;
        border-radius: 0!important;
    }
    .dropdown-menu .dropdown-item{
        padding: 1em !important;
        font-weight: 600;
        font-size: 14px;
    }
    .dropdown-toggle.nav-link{
        display: flex;
        justify-content: space-between;
    }
    .dropdown-toggle.nav-link.show::before {
        content: none!important;
    }
    .navbar li a{
        padding: 1em !important;
    }
    /*.py-40px{*/
    /*    padding-top: 2em;*/
    /*    padding-bottom: 2em;*/
    /*}*/
    .mt-110px{
        margin-top: 80px!important;
    }
    .sf-b-60{
        font-size: 28px!important;
        font-weight: 600!important;
    }
    .sf-b-48{
        font-size: 28px!important;
        font-weight: 600!important;
    }
    .sf-b-40{
        font-size: 24px!important;
    }
    .sf-b-36, .sf-sb-36{
        font-size: 24px!important;
    }
    .sf-sb-28{
        font-size: 20px!important;
    }
    .sf-r-40, .sf-sb-24{
        font-size: 20px!important;
    }
    .sf-sb-20{
        font-size: 16px!important;
    }
    .sf-sb-16{
        font-size: 16px!important;
    }
    .sf-l-20, .sf-r-20{
        font-size: 15px!important;
    }
    .card-p-40 .sf-r-24, .card-red .sf-r-24, .card-blue .sf-r-24, .card-purple .sf-r-24{
        font-size: 20px!important;
    }
    .sf-r-24{
        font-size: 15px!important;
    }
    .sf-l-18, .sf-l-16{
        font-size: 15px!important;
    }
    .sf-r-16{
        font-size: 13px!important;
    }
    .py-40px{
        padding-top: 12px;
        padding-bottom: 12px;
    }
    ol li::before {
        margin-right: 1em;
    }
    .vh-mobile-100{
        height: 100vh;
    }
    .offer-margin-top{
        margin-top: 80px;
    }
    .w-m-100{
        width: 100% !important;
    }

    .mobile-scroll-x {
        overflow-x: auto;
        /* …но вертикальный выход разрешаем */
        overflow-y: visible;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch;
    }

    .mobile-scroll-x > * {
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .mobile-scroll-x .dropdown {
        position: relative;
    }

    .mobile-scroll-x .dropdown-menu {
        position: fixed !important;
        z-index: 1050;
    }
}

@media(max-width:1250px) and (min-width: 991px){
     .collapse {
        display: none;
    }
    .profile-panel.open .panel-open-toggler {
        display: block !important;
    }
}