@media (max-width:1200px){
    .catalog-section-list .item{
        width: 25%;
    }
    .catalog-section-list .item:nth-child(5n+1){
        clear: initial;
    }
    .catalog-section-list .item:nth-child(4n+1){
        clear: both;
    }
}
@media (min-width:768px) and (max-width:1100px){
    header nav ul.nav li a {
        padding: 14px 5px;
    }
}
@media (max-width:1100px){
    .maxwidth-theme{
        padding-left: 15px;
        padding-right: 15px;
    }
    header .top-header .phone-col .top-tel {
        font-size: 16px;
        float: right;
        min-width: 165px;
        text-align: right;
    }
    header .top-header .contacts-col > div {
        margin-left: 50px;
    }
    section#index-slider .index-top-carousel .item > div,
    section#index-slider .index-top-carousel .item > a > div,
    .owl-theme .item > div {
        top: 20%;
    }
    header nav ul.nav li {
        vertical-align: middle;
    }
}
@media (max-width:992px){
    .catalog-sections-manufacturer .item:nth-child(3n+1) {
        clear: initial;
    }
    .catalog-sections-manufacturer .item:nth-child(2n+1) {
        clear: both;
    }
}
@media (min-width: 768px) and (max-width:960px){
        header nav ul.nav li {
        /*width: 15%;*/
        width: 8%;
    }
    header nav ul.nav li:not(:last-child){
        padding-right: 9px;
    }
    header nav ul.nav li a {
        text-transform: uppercase;
        padding: 10px 5px;
        font-size: 12px;
    }
    header nav ul.nav>li>ul,
    header nav ul.nav>li>ul>li>ul{
        display: none!important;
    }

}
@media (max-width:960px){
    header .top-header .phone-col .top-tel {
        font-size: 12px;
        min-width: 120px;
    }
    header .top-header .logo-col img {
        max-width: 100%;
    }
    header .top-header .contacts-col > div {
        margin-left: 20px;
        font-size: 11px;
    }

    section#index-slider .index-top-carousel .item > div .title,
    section#index-slider .index-top-carousel .item > a > div .title,
    .owl-theme .item > div .title {
        font-size: 22px;
    }
    section#index-slider .index-top-carousel .item > div p,
    section#index-slider .index-top-carousel .item > a > div p,
    .owl-theme .item > div p {
        line-height: 14px;
    }
    section#index-slider .index-top-carousel .item > div,
    section#index-slider .index-top-carousel .item > a > div,
    .owl-theme .item > div {
        top: 10%;
        padding: 8px 14px;
    }
    section#index-slider .index-top-carousel .item > div a.btn,
    section#index-slider .index-top-carousel .item > a > div a.btn,
    .owl-theme .item > div a.btn {
        bottom: -32px;
        line-height: 20px;
    }
    ul.horizontal-catalog-rubricator li {
        width: 25%;
        margin-bottom: 20px;
        padding: 0px 10px;
    }
    ul.horizontal-catalog-rubricator li:nth-child(4n+1) {
        clear: both;
    }
    .owl-theme-2 .owl-nav .owl-prev {
        left: 0px;
    }
    .owl-theme-2 .owl-nav .owl-next {
        right: 0px;
    }
    header .top-header .phone-col img{
        display: none;
    }
    .catalog-section-list .item{
        width: 33.33333%;
    }
    .catalog-section-list .item:nth-child(4n+1){
        clear: initial;
    }
    .catalog-section-list .item:nth-child(3n+1){
        clear: both;
    }

}
@media (max-width:768px){
    .m-menu-logo{
        margin-top: 16px;
        max-width: 160px;
        display: block;
    }
    section#index-slider .index-top-carousel .item > div .title,
    section#index-slider .index-top-carousel .item > a > div .title,
    .owl-theme .item > div .title {
        font-size: 20px;
    }
    section#index-slider .index-top-carousel .item > div,
    section#index-slider .index-top-carousel .item > a > div,
    .owl-theme .item > div {
        width: 90%;
        right: 5%;
        left: 5%;
    }
    footer {
        padding-top: 20px;
    }
    footer .logo-col {
        margin: 10px 0px 20px;
    }
    footer .sep {
        margin-top: 18px;
    }
    footer .copy-wrap .social {
        margin-top: 10px;
    }
    .breadcrumbs {
        padding: 8px 0px;
    }
	.block-files_downs ul li a.flaticon-download:before {
		border: none;
	}
}
@media (max-width:600px){
    .mobile-opener .mobile-top-tel-wrap {
        font-size: 15px;
    }
    header .top-header .logo-col {
        width: 40%;
    }
    section#index-slider .index-top-carousel .item > div,
    section#index-slider .index-top-carousel .item > a > div,
    .owl-theme .item > div {
        top: 5%;
        padding: 5px;
        width: 98%;
        right: 1%;
        left: 1%;
        font-size: 10px;
    }
    section#index-slider .index-top-carousel .item > div a.btn,
    section#index-slider .index-top-carousel .item > a > div a.btn,
    .owl-theme .item > div a.btn {
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        width: initial;
        opacity: 0;
    }
    section#index-slider .index-top-carousel .item > div .title,
    section#index-slider .index-top-carousel .item > a > div .title,
    .owl-theme .item > div .title {
        font-size: 14px;
        font-weight: bold;
    }
    section#index-slider .index-top-carousel .item > div p,
    section#index-slider .index-top-carousel .item > a > div p,
    .owl-theme .item > div p {
        line-height: 10px;
        font-size: 10px;
        margin: 0px;
    }
    h1.centered span, .h1.centered span, h2.centered span, .h2.centered span, h3.centered span, .h3.centered span, h4.centered span, .h4.centered span, h5.centered span, .h5.centered span, h6.centered span, .h6.centered span {
        padding: 0px 14px;
    }
    ul.horizontal-catalog-rubricator li {
        width: 50%;
    }
    ul.horizontal-catalog-rubricator li:nth-child(2n+1) {
        clear: both;
    }
    .index-news-carousel.owl-theme-2 .item > img,
    .index-news-carousel.owl-theme-2 .item a > img {
        width: 60px;
        height: 60px;
    }
    .owl-theme-2 .item .article-info {
        margin-left: 70px;
    }
    .catalog-section-list .item{
        width: 50%;
    }
    .catalog-section-list .item:nth-child(3n+1){
        clear: initial;
    }
    .catalog-section-list .item:nth-child(2n+1){
        clear: both;
    }
    .m-menu{
        width: 90%;
    }
}
@media (max-width:400px){
    .m-menu {
        font-size: 12px;
    }
    .mobile-opener .mobile-top-tel-wrap {
        font-size: 12px;
        right: 45px;
    }
    .mobile-opener {
        top: 15px;
    }
    .mobile-opener a.m-toggle {
        font-size: 25px;
    }
    .m-menu ul li a {
        font-size: 12px;
    }
    .m-menu i {
        top: 15px;
        right: 5px;
        font-size: 25px;
    }
    .m-menu ul {
        padding: 15px 0px 20px 0px;
    }
    .m-menu .phone-col a {
        width: 100%;
    }
    section#index-slider .index-top-carousel .item > div .title,
    section#index-slider .index-top-carousel .item > a > div .title,
    .owl-theme .item > div .title {
        font-size: 12px;
        padding: 0px;
    }
    #callback-form, 
    #order-form{
        max-width: 300px;
    }
    .g-recaptcha{
        display: block!important;
        width: 100%;
        overflow: hidden;
    }
    .g-recaptcha > div{
        margin: 0 auto;
        width: 100%;
        overflow: hidden;
        -moz-transform: scale(0.7); /* Для Firefox */
        -ms-transform: scale(0.7); /* Для IE */
        -webkit-transform: scale(0.7); /* Для Safari, Chrome, iOS */
        -o-transform: scale(0.7); /* Для Opera */
        transform: scale(0.7);
        -webkit-transform-origin: 0px 0px;
        -ms-transform-origin: 0px 0px;
        transform-origin: 0px 0px;
    }
    .afbf_pole_captcha{
        margin-bottom: -30px!important;
        position: relative;
    }
    .afbf_pole_captcha > span{
        position: absolute;
        right: 0px;
        top: 18px;
    }
    .owl-theme-2 .item .article-info p{
        display: none;
    }
    .owl-theme-2 .item .article-info .title {
        font-size: 12px;
        line-height: 15px;
        display: block;
        margin-bottom: 5px;
    }
    section#index-slider .index-top-carousel .item > div,
    section#index-slider .index-top-carousel .item > a > div,
    .owl-theme .item > div {
        font-size: 8px;
    }
}
@media (max-width:320px){
    .m-menu ul li a {
        font-size: 10px;
    }
    .m-menu>ul>li li a {
        font-size: 11px;
    }
    .catalog-section-list .item{
        width: 100%;
        clear: both;
    }
    header .top-header .logo-col{
        z-index: 100;
    }
}

/* === Мобильный поиск: по центру, меньше размером (до 425px) === */
@media (max-width: 425px) {
  .search-col form {
    width: 100%;
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
  }

   input.search-suggest {
    flex: 1;
    padding: 8px;
    font-size: 12px;
    border: 1px solid #ccc;
    min-width: 100px;
    max-width: 240px;
  }
}

@media (max-width: 320px) {
   input.search-suggest {
    max-width: 200px;
  }
}

@media (max-width: 768px) {
    .row {
        margin-right: -12px;
        margin-left: -12px;
    }
}