/* media */
@media (min-width: 1200px) {
    .col-xl-2-5 {
        position: relative;
        width: 20.8333333%;
        flex: 0 0 auto
    }
    .col-xl-3-5 {
        position: relative;
        width: 29.16666667%;
        flex: 0 0 auto
    }
    .col-xl-4-5 {
        position: relative;
        width: 37.5%;
        flex: 0 0 auto
    }
    body.main {
        padding-top: 237px;
    }
    body.menu-shown {
        overflow: auto;
    }
    body.menu-shown .phone-block {
        display: flex;
    }
    body.menu-shown nav.main {
        position: static;
    }
    .top-logo {
        width: 180px;
    }
    .navbar-reorder {
        display: block;
    }
    nav.main {
        height: 122px;
    }
    .navbar-reorder .top>div {
        background: #fff;
    }
    .navbar-reorder .bottom>div {
        background: none;
    }
    body.menu-shown .navbar-reorder {
        max-height: none;
        overflow-y: initial;
    }
    .navbar-nav.navbar-nav-more.show {
        display: block;
    }
    .drowpdown-menu-more>div {
        flex-wrap: wrap;
    }
    .drowpdown-menu-more li {
        width: 33%;
        flex: 0 0 auto;
        width: 33%;
        margin: 25px 0;
    }
    .drowpdown-menu-more li>a, .drowpdown-menu-more li>span {
        text-align: center;
        height: 150px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }
    .drowpdown-menu-more li>a>img, .drowpdown-menu-more li>span>img {
        max-width: 80%;
        max-height: 80%;
    }
    .left-top-menu, .left-top-menu .nav-link, .left-top-menu2, .left-top-menu2 .nav-link {
        color: #000;
    }
    .left-top-menu .nav-link:hover, .left-top-menu2 .nav-link:hover {
        color: #17509d;
    }
    .left-top-menu2 {
        padding-top: 0px;
        height: 40px;
        overflow-y: hidden;
    }
    .left-top-menu {
        padding-bottom: 0px;
    }
    .left-top-menu>ul, .left-top-menu2>ul {
        padding-left: 0;
        flex-wrap: wrap;
        row-gap: 10px;
    }

    .left-top-menu2>ul>li>.nav-link,  .left-top-menu>ul>li>.nav-link  {
        font-weight: normal;
    }
    .left-top-menu>ul>li.nav-item:nth-child(3)>.nav-link {
        font-weight: bold;
        color:red;
    }
    .nav-item.dropdown {
        position: static;
    }
    .nav-item.dropdown .nav-link:hover, .nav-item.dropdown .nav-link.dropdown-toggle.show {
        color: #17509d;
    }
    .left-top-menu .dropdown-menu, .left-top-menu2 .dropdown-menu {
        width: 100%;
        border: none;
        background: #e5e7ea;
        top: 100%;
        opacity: 1 !important;
        left: 0;
        border-radius: 0;
    }
    .left-top-menu .dropdown-menu>div, .left-top-menu2 .dropdown-menu>div {
        display: flex;
    }
    .left-top-menu a {
        font-size: 14.4px;
    }
    .menu-column {
        display: inline-block;
        width: auto;
        vertical-align: top;
        padding: 0px 5px;
    }
    .header-search .nav-link {
        display: flex;
    }
    .header-search .btn::before {
        right: 25px;
    }
    .phone-block {
        align-self: end;
        margin-bottom: 5px;
        margin-left: 15px;
        position: static;
        background: none;
    }
    .phone-block>div {
        display: block;
    }
    .btn.callme {
        margin-right: 0;
    }
    .phone-block .phone {
        margin-bottom: 5px;
        margin-left: 0;
    }
    .dropdown-toggle::after {
        display: none;
    }
    .menu-container {
        padding: 25px 0px;
        font-size: 1rem;
    }
    .menu-image {
        display: block;
        padding: 35px 35px 35px 15px;
    }
    .footer .agreement {
        margin-bottom: 0;
    }
    .slider-container::after, .catalog-container::after {
        height: 240px;
    }
    .image-container>img {
        right: 25px;
        bottom: 0;
        top: 0;
        margin: auto;
    }
    .slider-caption, .catalog-caption {
        padding: 50px;
    }
    .catalog-image {
        height: 230px;
        align-items: start;
        justify-content: start;
    }
    .catalog-image img {
        object-position: left center;
    }
    .no-catalog-image>span {
        font-size: 0.9rem;
    }
    .catalog-item>div {
        padding: 20px 20px 20px 0;
    }
    .catalog-description {
        padding: 0 10px 0 25px;
    }
    .catalog-description.col-12.col-lg-6.col-xl-5 {
        padding-left: 10px;
    }
    .catalog-link {
        padding-right: 0;
        margin-bottom: 10px;
    }
    #offer-box {
        grid-template-areas:
      "name  name    city  city    company company"
      "phone phone   prim  prim    prim    prim"
      "email email   prim  prim    prim    prim"
    ;
    }
    #form-offer .btn {
        margin-right: 10px;
    }
    .catalog-carousel-container .carousel-cell {
        height: 475px;
    }
    .catalog-buttons {
        justify-content: space-between;
    }
    .catalog-buttons>div>span {
        display: inline-block;
    }
    /*.catalog-description-container .catalog-description .catalog-params {*/
    /*  margin-right: 50px;*/
    /*}*/
    .catalog-description-container .catalog-description .catalog-price .price {
        font-size: 2rem;
    }
    .catalog-description-container .catalog-description .catalog-price .price>span.comment {
        font-size: 1.5rem;
    }
    .modal-dialog .catalog-price .price {
        font-size: 1.2rem;
    }
    .modal-dialog .catalog-price .price>span.comment {
        font-size: 0.9rem;
    }
    .image-text-gallery-list-container .gallery-list-item .gallery-list-image {
        height: 232px;
        padding: 25px;
    }
    .image-text-gallery-list-container .gallery-list-item .gallery-list-title {
        padding: 0 30px;
        font-size: 1rem;
    }
    .image-text-gallery-list-container .gallery-list-item.increase .gallery-list-image i {
        right: 35px;
        bottom: 35px;
    }
    .news-container .white-block {
        padding: 50px;
    }

    .carousel.contacts .slide {
        width: 33.33333%;
    }
    .suppliers {
        text-align: center;
        margin: 63px 0 36px;
    }
    .suppliers h1 {
        color: #212529;
        font-size: 40px;
        font-weight: 700;
        line-height: 22px;
        text-transform: uppercase;
        margin: 0 0 24px;
    }
    .suppliers p, .suppliers a {
        color: #212529;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        text-decoration: none;
        margin: 0 0 48px;
    }
    .suppliers h2 {
        color: #212529;
        font-size: 32px;
        font-style: normal;
        font-weight: 600;
        line-height: 22px;
        margin: 0;
    }
}