@media screen and (min-width: 1200px) {

	

	a:not(.btn):not(.logo):hover {

		opacity: 0.8;

	}

	.header-lang:hover .lang-sub {

		opacity: 0.95;

		transition: 0.3s;

	}



	.submenu li:hover {

	  border: 3px solid white !important;

	   border-bottom: 3px solid white !important;

	  border-radius: 10px !important;

		transition: 0.3s;

	}



	.header-nav .menu-item:hover .submenu {

		z-index: 100;

		transition: 0.3s;

		max-height: 500px;

		padding: 17px 22px;

	}



	.header-nav .menu-item:hover {

		border-bottom: 5px solid #0066b3;

		border-radius: 2px;

		transition: 0.3s;

	}



	.hero__main-button:hover {

		color: white;

		background-color: #5ab8ff;

		transition: 0.3s;

	}



	.hero-button:hover {

		color: #e31e23;

		background-color: transparent;

		border: 4px solid #e31e23;

		transition: 0.3s;

	}



	.products-item:hover .products-item__hover {

		opacity: 1;

		transition: all 0.9s;

		transform: translateY(0px);

	}



	.services-item:hover .services-item__hover {

		opacity: 1;

		transition: all 0.9s;

		transform: translateY(0px);

	}



	.gallery-item:hover,

	.category-slider a:hover {

		background-color: rgba(0, 102, 179, 1);

		transform: translateY(-5px);

	}



	.gallery-item:hover .gallery-item__link {

		padding-right: 0px;

		transition: 0.3s;

	}



	.about-button:hover {

		opacity: 0.5;

	}



	.news-item:hover {

		-webkit-transform: translateY(-5px);

		-ms-transform: translateY(-5px);

		transform: translateY(-5px);

	}



	.news-item:hover {

		color: #0066b3;

	}



	.news-item:hover .news-item__link h3 {

		color: #0a51a0;

	}



	.news-button:hover {

		background-color: transparent;

		transition: 0.3s;

		border: 4px solid #0066b3;

	}



	.owl-theme .owl-nav [class*=owl-]:hover {

		background-color: transparent;

	}



	.footer-button:hover {

		color: #e31e23;

		background-color: transparent;

		border: 4px solid #e31e23;

		transition: 0.3s;

	}



	.btn-nav-pages:hover {

		background: #fff;

	}



	.btn-nav-pages:hover svg #arr {

		stroke: #0066b3;

	}



	.pagination li a:hover {

		background: #0066b3;

		color: #fff;

		transition: all 0.3s;

	}



	.contacts-grid .hero-button:hover {

		color: #0066b3;

		background-color: #fff;

	}



	.fancybox-content form .hero-button:hover {

		color: #0066b3;

		background-color: #fff;

	}



	.category-slider.owl-carousel .owl-nav button:hover,

	.advantage-carousel.owl-carousel .owl-nav button:hover,

	.services-list.owl-carousel .owl-nav button:hover {

		background: #fff;

	}



	.category-slider.owl-carousel .owl-nav button:hover svg #cat-slider-img,

	.advantage-carousel.owl-carousel .owl-nav button:hover svg #cat-slider-img,

	.services-list.owl-carousel .owl-nav button:hover svg #cat-slider-img {

		stroke: #0066b3;

	}



	.prod-item:hover .prod-item-box {

		background: rgb(0 102 179 / 85%);

	}



	.prod-item:hover .prod-item-description .title,

	.prod-item:hover .prod-item-description p {

		color: #fff;

	}



	.prod-item:hover .prod-item-more {

		max-width: 220px;

	}



	.center-btns a:hover {

		background: #fff;

		color: #0066b3;

	}



	.card-two-half .btn:hover {

		background: #fff;

		color: #0066b3;

	}



	.banner-content .btn:hover {

		background: #fff;

		color: #0066b3;

	}



	.category-slider-item-box:hover,

	.category-slider .owl-item:hover {

		background-color: rgba(0, 102, 179, 1) !important;

		transform: translateY(-5px) !important;

		transition: 0.3s !important;

	}



	.card-downloading .card-two-half .btn:hover {

		opacity: 0.5;

	}



	.right-descr .btn:hover {

		background: #fff;

		color: #0066b3;

	}



	.main-advantage-p .btn:hover {

		background: #fff;

		color: #0066b3;

	}



	.tabs .tab:hover {

		opacity: 1;

		color:#0066b3;

	}



	.tabs-img .coltab .tab:hover::before {

		opacity: 0.71;

	}



	.category-slider-item-box a:hover {

		transform: none;

	}



	.category-slider .owl-item:hover a img {

		opacity: 0.8;

		transition: 0.3s;

	}



}

@media screen and (max-width: 1680px) {

    .header-nav .menu-list .menu-item a {

        font-size: 18px;

    }

}



@media screen and (max-width: 1420px) {

    .header-nav .menu-list .menu-item a {

        padding: 20px 14px;

    }

    .container {

        padding: 14px 24px;
    
    } 

    .has-children:after {

        top: 23%;

    }

}



@media screen and (max-width: 1400px) {

    .products-item, .services-item {

        font-size: 14px;

        line-height: 16px;

    }



    .advantages-advantage__zone {

        padding: 40px;

    }



    .header-nav .menu-list .menu-item a {

        font-size: 16px;

    }



    .header-tel,

    .header-email,

    .header-lang,

    .lang-sub span {

        font-size: 14px;

    }



    .footer-tel a {

        font-size: 20px;

    }



    .pagination li a, .pagination li span {

        font-size: 18px;

        line-height: 22px;

    }

}



@media screen and (max-width: 1200px) {



    .header-nav .menu-list .menu-item {

        padding: 5px;

    }



    .footer-wrapper {

        flex-wrap: wrap;

    }



    .footer-nav,

    .footer-contacts {

        width: 100%;

    }



    

    .news-item {

        width: calc(50% - 3px);

    }
    .gallery-item {
        width: calc((100% - 6px) / 2);
    }

    .gallery-item:not(:nth-child(4n)) {
        margin-right: 0px;
    }
    

    .gallery-item:not(:nth-child(2n)) {
        margin-right: 6px;
    }
    


    .gallery-list,

    .news-list {

        row-gap: 6px;

    }



 

    h1, .h1 {

        font-size: 32px;

        line-height: 42px;

    }



    .tabs-img .tabs {

        padding-right: 20px;

    }



    .tabs-img .tabs-items .item .name {

        font-size: 22px;

        line-height: 26px;

    }



    .footer-contacts {

display: flex;

    }



    .contacts-top {

        margin-right: 50px;

    }



    .banner-bg-content {

        background-size: cover;

    }



    .has-children:after {

        top: 10%;

    }



  

}



@media screen and (max-width: 1100px) {

    .btn-nav-pages {

        display: none;

    }



    .header-wrapper {

        padding: 10px 20px;

    }



    .header-wrapper {

        padding: 10px 35px 10px 70px;

    }



    .header-block .header-nav {

        display: none;

    }



    .mob-menu {

        display: block;

    }



    .mm-menu .submenu li a {

        color: #000;

    }



     .services-item {

        width: calc(100% / 3 - 1%);

        row-gap: 15px;

        margin-bottom: 15px;

    }

    .products-item {

        width: calc(100% / 2 - 1%);

        row-gap: 15px;

        margin-bottom: 15px;

    }



    .products-list, .services-list {

        flex-wrap: wrap;

    }



    .second-screen-bg {

        background-size: auto;

    }



    .header {

        padding-top: 0;

        height: auto;

    }



    .header-contacts {

        margin-right: 40px;

        margin-left: 0;

    }



    .header-block {

        margin: 0 25px 0 auto;

    }



    .hero-block {

        padding: 0;

    }



    h1, .h1 {

        font-size: 28px;

        line-height: 36px;

    }



    .header.banner-header,

    .first-screen.inside-pages {

        height: 80px;

    }



    .page-content p {

        font-size: 16px;

        line-height: 20px;

    }



    .w-50 {

        width: 100%;

    }



    .contacts-grid .w-50 + .w-50 {

        margin-top: 20px;

    }



    .prod-item-box {

        padding: 30px 40px;

    }



    .sidebar {

        width: 100%;

        margin-left: 24px;

    }



    .box-with-sidebar .content-box {

        width: 100%;

    }



    .box-with-sidebar .content-box .text-box {

        margin-right: 24px;

        margin-left: 24px;

        padding-left: 0;

    }



    .box-with-sidebar .content-box .card-to-border {

        padding: 30px 24px;

        column-gap: 30px;

        margin-left: 24px;

        flex-wrap: wrap;

    }



    .card-box .img-bg {

        min-height: 320px;

    }



    .card-box .w-50:first-child {

        order: 2;

        margin-top: 20px;

    }



    .card-box .w-50:last-child {

        order: 1;

    }



    .grid-steps ul li {

        width: 33%;

    }



    .grid-steps ul li:nth-child(4n + 1)::before {

        content: none;

    }



    .grid-steps ul li:nth-child(3n + 1):not(:first-child)::before {

        content: '';

        left: 0;

    }



    .prod-card-info .left-gallery {

        padding-right: 0;

    }



    .prod-card-info {

        flex-wrap: wrap;

    }



    .grid-steps ul li:nth-child(4n)::after {

        right: -10px;

    }



    .tabs-img .tabs-items .item .name {

        font-size: 20px;

        line-height: 24px;

    }



    .advantage-content p {

        width: 90%;

        margin: auto;

    }

}

@media screen and (max-width: 991px) {
    .banner-bg-product {
        background-size: cover;
        background-position-x: center;
    }
}



@media screen and (max-width: 768px) {





    .btn-nav-pages {

        display: none;

    }



    .header-contacts {

        display: none;

    }



    .easy-html-sitemap {

        padding: 0 24px;

    }





    .header-logo__img {

        margin-right: 0;

        max-width: 100%;

    }



    .products-item, .services-item {

        width: calc(100% / 2 - 3px);

        row-gap: 6px;

        margin-bottom: 6px;

    }



    h2,

    .products-wrapper h2,

    .services-wrapper h2,

    .gallery h2,

    .about h2,

    .news h2,

    .partners h2 {

        font-size: 24px;

    }



    .hero {

        align-items: start;

        padding-top: 50px;

    }



    .hero-title {

        font-size: 30px;

        line-height: 44px;

        text-align: center;

    }



    .hero-item {

        font-size: 14px;

    }



    .hero-item:before {

        display: none;

    }



    .hero-item {

        padding-left: 0;

        padding-bottom: 15px;

    }



    .hero-block {

        text-align: center;

    }



    .btn {

        font-size: 14px;

        padding: 10px 35px 13px 35px;

    }



    .hero-buttons {

        right: 0;

        bottom: 100px;

        width: 100%;

        align-items: center;

    }



    .products-item__name,

    .services-item__name,

    .gallery-item h3 {

        font-size: 14px;

        line-height: 12px;

    }



    .advantages-advantage__zone {

        padding: 30px 10px;

    }



    .products .advantages-advantage__zone {

        padding: 10px;

    }



    .gallery-item__link {

        padding: 0 20px;

    }



    .about {

        padding: 20px 0;

    }



    .about p {

        font-size: 16px;

        line-height: 26px;

    }



    .about-buttons {

        column-gap: 0;

        row-gap: 16px;

        flex-wrap: wrap;

        justify-content: center;

        flex-direction: column;

    }



    .about-button {

        font-size: 14px;

        padding: 15px 20px;

    }



    .news {

        padding: 50px 0;

    }



    .news-list {

        flex-wrap: wrap;

    }



    .news-item h3 {

        font-size: 14px;

    }



    .news-item p {

        font-size: 12px;

    }



    .footer-nav {

        display: none;

    }



    .footer-contacts,

    .copywrite {

        padding-left: calc((100vw - 260px) / 2);

        padding-right: calc((100vw - 260px) / 2);

    }



    .copywrite-wrapper {

        flex-direction: column;

        align-items: center;

        row-gap: 16px;

    }



    .copywrite a {

        flex-wrap: wrap;

        flex-direction: column;

        row-gap: 16px;

    }



    #nav-icon {

        top: 29px;

    }



    .footer-button {

        max-width: 100%;

    }





    .pagination li.active {

        margin: 0 10px;

    }



    .pagination li.active a, .pagination li.active span {

        padding: 4px 10px;

    }



    .pagination li {

		margin: 10px 10px 0;

	}



    .pagination li a, .pagination li span {

        padding: 10px 15px;

    }



    h1, .h1 {

        font-size: 26px;

        line-height: 30px;

        padding: 0;

    }



    .btn-nav-pages {

        top: 0;

        left: 0;

        padding: 0;

        width: 45px;

        height: 45px;

    }



    .page-content {

        max-width: 100%;

    }



    img[style*="float: left"],

    img[style*="float: right"] {

        margin: 0 0 18px 0;

        max-width: 100%;

        width: 100%;

        float: none !important;

    }



    .page-content p {

        font-size: 14px;

        line-height: 18px;

    }



    .sales-item {

        width: 100%;

    }



    .contact-sales-grid {

        width: 100%;

        row-gap: 25px;

    }



    .contacts-grid .subtitle {

        font-size: 16px;

        line-height: 22px;

        margin-bottom: 15px;

    }



    .contacts-grid p + .subtitle {

        margin-top: 30px;

    }



    .contacts-grid .w-50 + .w-50 {

        margin-top: 10px;

    }



    .contacts-grid .btn-link.phone {

        font-size: 18px;

        line-height: 20px;

    }



    .contact-maps a {

        font-size: 14px;

        max-width: 100%;

    }



    h3 {

        font-size: 20px;

        line-height: 20px;

    }



    .sales-item .item-content .name {

        font-size: 16px;

        line-height: 20px;

        margin-bottom: 5px;

    }



    .sales-item .item-content .name0 {

        font-size: 20px;

        line-height: 20px;

        margin-bottom: 15px;

    }



    .sales-item .item-content .name1 {

        font-size: 16px;

        line-height: 22px;

        margin-bottom: 15px;

    }



    .sales-item .item-content .state {

        font-size: 14px;

        line-height: 20px;

        margin-bottom: 5px;

    }



    .sales-item .item-content a {

        font-size: 14px;

        line-height: 20px;

    }



    .fancybox-content h3 {

        font-size: 20px;

        line-height: 24px;

    }



    .fancybox-content form input, .fancybox-content form textarea {

        height: 40px;

        font-size: 14px;

        line-height: 20px;

        padding: 5px 15px;

    }



    .prod-item {

        padding: 0;

    }



    .prod-item-box {

        padding: 30px 20px;

        flex-wrap: wrap;

    }



    .center-btns a {

        width: 100%;

    }



    .prod-item-img {

        width: 100px;

        margin: auto;

    }



    .prod-item-description .title {

        font-size: 20px;

        line-height: 24px;

    }



    .prod-content {

        padding-left: 0;

        row-gap: 10px;

        padding-top: 10px;

    }



    .prod-item-more {

        border: 4px solid #000;

        color: #000;

        max-width: 220px;

    }



    .prod-item:hover .prod-item-more {

        max-width: 100%;

        border: 4px solid #fff;

        color: #fff;

    }



    .advantage-carousel .owl-nav {

        left: 0;

        width: 100%;

    }



    .banner-content .title,

    .advantage-content .title,

    .card-two-half .title {

        font-size: 20px;

        line-height: 28px;

    }



    .banner-animated .banner-bg-content {

        padding: 50px 0;

        background-size: cover;

    }



    .banner-animated .banner-content {

        font-size: 100px;

        line-height: 100px;

    }



    .grid-steps ul li:nth-child(3n + 1):not(:first-child)::before {

        content: none;

    }



    .grid-steps ul li {

        width: 50%;

    }



    .grid-steps ul li:nth-child(2n + 1):not(:first-child)::before {

        content: '';

        left: 0;

    }



    .tabs-section .tabcontent table tr td,

    .tabs-section .tabcontent table tr td ul li {

        font-size: 14px;

        line-height: 20px;

    }



    .tabs-section .tabcontent table tr td {

        padding: 10px 20px;

    }



    .tabs-section .tabcontent table tr td ul li {

        padding: 0;

    }



    .tabs-section .tabcontent table td ul li, .tabs-section .tabcontent .box-grey ul li, .tabs-section .tabcontent ol li ul li {

        margin-bottom: 6px;

    }



    .tabs-section .tabcontent table td ul {

        margin: 0;

    }



    .tabs-section .tabcontent table td ul li::before, .tabs-section .tabcontent .box-grey ul li::before, .tabs-section .tabcontent ol li ul li::before {

        width: 6px;

        height: 6px;

        top: 14px;

        left: 0;

    }



    .tabs-section .tabcontent table td ul li::before {

        top: 7px;

        left: -11px;

    }



    .tabs-section .tabcontent .box-grey {

        padding: 20px;

        margin-bottom: 28px;

    }



    .tabs-section .tabcontent p {

        font-size: 16px;

        line-height: 18px;

    }



    .tabs-section .tabcontent .box-grey p {

        font-size: 16px;

        line-height: 20px;

        margin: 0;

    }



    .tabs-section .tabcontent .box-grey ul, .tabs-section .tabcontent ol li ul {

        margin: 0 0 0 20px;

    }



    .tabs-section .tabcontent .box-grey ul li::before, .tabs-section .tabcontent ol li ul li::before {

        top: 6px;

        left: -16px;

    }



    .tabs-section .tabcontent ol li {

        font-size: 16px;

        line-height: 20px;

    }



    .tabs-section .tabcontent table td ul li, .tabs-section .tabcontent .box-grey ul li, .tabs-section .tabcontent ol li ul li {

        font-size: 16px;

        line-height: 20px;

    }



    .tabs .tab {

        margin: 0 35px 15px 0;

        font-size: 16px;

    }



    .footer-contacts {

        flex-direction: column;

    }



    .tabs-img .tabs,

    .tabs-img .tabs-items {

        width: 100%;

    }



    .tabs-img .tab-wrap {

        flex-wrap: wrap;

    }



    .tabs-img .tab {

        margin: 0;

    }



    .tabs-img .tabs {

        padding-right: 0;

    }



    .tabs-img .tabs-items .item .name {

        font-size: 18px;

        line-height: 22px;

    }



    .tabs-img .tabs-items .item .items p {

        font-size: 16px;

        line-height: 22px;

    }



    .advantage-content p {

        width: 80%;

    }



    .services-item__img {

        width: 70px;

   }

   

   .services-item__name {

       min-height: 25px;

   }

   

   .block-cover-image {

	   background-position-y: top!important;

    background-attachment: scroll;

   }

   

   

   

   

   

   

   

   

   

   

   

}



@media screen and (max-width: 740px)  and (max-height: 420px) {

	.hero-title {

		margin-bottom: 0;

		margin-top: 45px;

	}

	.hero-list, .hero__main-button {

		margin-right: 50%;

	}

	.hero-buttons {

		left: calc(50% - 280px/2);

	}

}

@media screen and (max-width: 600px) {



    .hero-wrapper {

        padding-top: 30px;

    }





    .hero-buttons {

        bottom: 80px;

    }

    .products-item__name {

        height: 20px;

    }



    .products-item__link img {

width: auto;

    height: 80px;	

    }

   

    .news-item {

        width: 100%;

        min-height: 100px;

    }



    .gallery-item {

       

        min-height: 100px;

    }



    .album-in .gallery-item {

        min-height: 200px;

    }



    .grid-steps ul li {

        width: 100%;

    }



    .grid-steps ul li:not(:first-child)::before {

        content: '' !important;

        left: 0;

    }



    .tabs-section .tabcontent table tr td, .tabs-section .tabcontent table tr td ul li {

        font-size: 10px;

        line-height: 14px;

    }

    .prod-item-box {

        display: flex;

        flex-direction: column;

    }



    .prod-content {

        flex-direction: column;

        justify-content: center;

    }



    .prod-item-description .title,

    .prod-item-description p {

        text-align: center;

    }



    .prod-item-more {

        margin: auto;

    }



    .news-grid .news-item a img {

        max-width: 150px;

    }



    .header-wrapper {

        padding: 10px 35px 10px 50px;

    }

    .header-logo .btn {

        padding-left: 0;

    }



    .header-search {

        padding-right: 0;

    }



    .header-block {

        margin-right: 0;

    }



    .hero-title {

        font-size: 26px;

    }



    .header-search a img {

        /*width: 80px;*/

    }



    .header-lang:after {

        bottom: -7px;

    }



    .gallery-item__link {

        padding: 0px 10px;

        

    }

 .gallery-item h3 {

        font-size: 11px;

    }

	.header-logo {

    max-height: 100%;

}

.header-logo .btn {

    max-height: 100%;

    padding: 0;

}





}



@media (max-width: 450px) {

    .banner-content .btn {

        font-size: 16px;

        padding: 5px 20px;

    }



    .advantage-carousel .owl-nav {

        top: 38%;

    }



    .advantage-content p {

        width: 75%;

    }



    .card-two-half .disc {

        padding-right: 0;

    }



    .card-two-half .btn {

        padding: 5px 25px;

        font-size: 18px;

    }



    .news-grid .news-item a {

        flex-direction: column;

    }



    .news-grid .news-item a img {

        width: 100%;

        margin-bottom: 20px;

        max-width: 100%;

    }

}