@media (max-width: 991px) {



    .main-navigation ul {
        position: absolute;
        top: -8px;
        width: calc(100% + 20px);
        padding-bottom: 1em;
        padding-top: 1em;
        left: -10px;
        padding-left: 12px;
        background: #202020;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
        padding-right: 12px;
        height: calc(100vh - 70px);
    }

    .main-navigation li {
        padding: 12px;
    }

    .main-navigation .container:before {
        content: '';
        display: block;
        background-image: url(../img/logo-new.svg);
        width: 180px;
        height: 40px;
        margin: 0 auto;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
    }


    .main-navigation .container {
        position: relative;
    }

    .menu-toggle {
        border: 0;
        background-image: url('../img/hamburger-menu.svg');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        position: absolute;
        z-index: 1;
        top: -42px;
        font-size: 0;
        height: 40px;
        width: 40px;
        background-color: transparent;
        right: 0px;
        border-radius: 10px;
        background-color: #FF5900;
        cursor: pointer;
    }

    .menu-toggle:hover {
        background-color: #EFF0F9;
        background-image: url('../img/hamburger-menu--hover.svg');
    }

    .toggled .menu-toggle{
        background-image: url('../img/hamburger-menu-cros.svg');
    }

    .toggled .menu-toggle:hover{
        background-image: url('../img/hamburger-menu-cros--hover.svg');
    }


    .site-header__phone {
        display: none;
    }

    .site-header__mail {
        display: none;
    }

    .site-header__bg {
        border-radius: 20px;
        padding: 10px 10px;
    }

    .main-navigation {
     margin-top: 0px;
    }

    .site-header__big-button{
    	font-size: 0;
    	height: 40px;
    	width: 40px;
    	min-width: 40px;
    	padding-left: 0px;
    	padding-right: 0px;
    	background-position: center center;
    }

    .site-header__top{
    	padding-right: 50px;
    	height: 45px;
    	gap: 20px;
    }



    .section-uslugi__list li{
        width: 45%;
    }

    .section-uslugi-bg-2{
            flex-wrap: wrap;
    }

    .section-uslugi-bg-2__text{
        width: 100%;
    }

    .section-uslugi-bg-2__button{
        white-space: nowrap;
        width: auto;
    }

    .section-dorabotka-title__span{
        left: 0px;
    }

    .section-dorabotka__col-first{
        width: 100%;
    }

    .bolshe-zayavok__text-and-button {
        flex-wrap: wrap;
    }

    .bolshe-zayavok__text{
        width: 100%;
        margin-bottom: 1em;
    }

    .bolshe-zayavok__button{
        margin-left: 0;
        width: 100%;
        min-width: auto;
        font-size: 1.1em;
    }

    .section-komanda-item__name{
        min-height: 65px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

   .first-section__text{
        padding-right: 0;
    }


    .section-prichiny-list .owl-stage-outer {
        width: calc(100% - 140px);
        margin: 0 auto;
    }



}