/* ==================================
   НОВАЯ ИЗОЛИРОВАННАЯ ШАПКА
================================== */


.new-header{

    width:100%;

    background:#ffffff;

    box-shadow:0 2px 8px rgba(0,0,0,.08);

}


.new-header__inner{

    max-width:1200px;

    margin:0 auto;

    padding:8px 15px;

    display:flex;

    align-items:center;

    gap:20px;

}


/* логотип */

.new-header__logo{

    font-size:15px;

    font-weight:700;

    color:#17417A;

    white-space:nowrap;

}



/* меню */

.new-header__menu{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:18px;

    flex:1;

}


.new-header__menu a{

    font-size:13px;

    color:#17417A;

    text-decoration:none;

    white-space:nowrap;

}


.new-header__menu a:hover{

    color:#0077cc;

}



/* телефон */

.new-header__phone{

    background:#00a8e8;

    color:#fff;

    padding:7px 14px;

    border-radius:25px;

    font-size:13px;

    font-weight:700;

    text-decoration:none;

    white-space:nowrap;

}


/* =========================
   МОБИЛЬНАЯ ВЕРСИЯ
========================= */


@media(max-width:768px){


.new-header__inner{

    padding:5px 10px;

    display:flex;

    flex-wrap:wrap;

    gap:5px;

}



/* первая строка */

.new-header__logo{

    font-size:12px;

    flex:1;

    text-align:left;

}


.new-header__phone{

    font-size:11px;

    padding:5px 9px;

}



/* меню второй строкой */


.new-header__menu{

    order:3;

    flex-basis:100%;

    width:100%;

    overflow-x:auto;

    justify-content:flex-start;

    gap:14px;

    padding-top:3px;

}


.new-header__menu a{

    font-size:11px;

}


}

/* Убираем старый мобильный отступ сверху */
@media(max-width:768px){

    html,
    body{
        margin:0 !important;
        padding-top:0 !important;
    }

}