header{position:fixed;left:0;top:0;width:100%;z-index:990}
#fixed_height{height:140px;}
/**/
.nav-but-wrap { display:none;position: absolute; right: 25px; top: 31px;}
.menu-icon { height: 30px; width: 30px; position: relative; z-index: 2; cursor: pointer; display: block; }
.menu-icon__line { height:2px; width:16.5px; display: block; background-color:var(--logo-color); margin-bottom: 7px; cursor: pointer; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; float:right; }
.menu-icon__line-left { width:30px; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; }
.menu-icon__line-right { width:16.5px; float:right; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; }
.menu-icon:hover .menu-icon__line-left, .menu-icon:hover .menu-icon__line-right, .menu-icon:hover .menu-icon__line { width: 30px; }
.nav-active .menu-icon__line { width:30px; float:none }
/**/
body.nav-active .nav-but-wrap{z-index:9991}
body.nav-active .menu-icon__line { background-color:#fff; -webkit-transform: translate(0px, 0px) rotate(-45deg); transform: translate(0px, 0px) rotate(-45deg); }
body.nav-active .menu-icon__line-left { width: 15px; -webkit-transform: translate(2px, 4px) rotate(45deg); transform: translate(2px, 4px) rotate(45deg); }
body.nav-active .menu-icon__line-right { width: 15px; float: right; -webkit-transform: translate(-3px, -3.5px) rotate(45deg); transform: translate(-3px, -3.5px) rotate(45deg); }
body.nav-active .menu-icon:hover .menu-icon__line-left, body.nav-active .menu-icon:hover .menu-icon__line-right { width: 15px; }
/**/
@media(max-width:1600px){
    nav {
    --nav-li-margin-left:10px;
    --nav-line-height: 80px;
    --nav-a-size: 16px;
    }
    nav{padding-left:10px}
}
@media(max-width:1550px){
    nav {
        --nav-li-margin-left: 7px;
        --nav-line-height: 80px;
        --nav-a-size: 16px;
    }
}
@media(max-width:1500px){
    .topbar{padding:0 250px}
    .header{padding:0 250px}
    .logo{width:250px}
    .logo img{height: 20px;}
    .topbar a.address, .topbar a.email{margin-left:30px}
}

@media(max-width:1438px){
     .topbar{padding:0 220px}
    .header{padding:0 220px}
    .logo{width:220px} 
}

@media(max-width:1390px){
   nav {
    --nav-li-margin-left:6px;
    --nav-line-height: 80px;
    --nav-a-size: 16px;
    }
}
@media(max-width:1359px){
    .header{padding-right:90px}
    .online_tel{right:25px}
    .online_tel label{display:none}
    .online_tel a{background: url(../images/icon_konline.jpg) no-repeat center;background-size: cover;width: 45px;height: 45px;text-indent: 100em;display: block;overflow: hidden;color: transparent;border-radius: 50px;}
}
@media(max-width:1300px){
    .online_tel{right:15px}
}
@media(max-width:1190px){
    .topbar{display:none}
    .logo{top:0;height:80px;border:0;left:10px}
     nav{padding-left:10px}
    .header{}
    #fixed_height{height:80px}
     nav {
    --nav-li-margin-left:5px;
    --nav-line-height: 80px;
    --nav-a-size: 16px;
    }
}

@media(max-width:1179px){
    .online_tel{ right: 76px;top: 18px;transition-property: auto;}
    .online_tel label{ display: block;}
    .online_tel a{width: auto; height: auto; background: none;text-indent: 0;color: var(--logo-color);}
    .logo{ left: 25px; width: auto;}
    nav{display:none}
    .nav-but-wrap{display:block}
    .header{padding:0}
    /**/
    nav{z-index:9990;position:fixed;right:0;top:0;margin:0;padding: 0;height:100%;width:458px;background:var(--logo-color);padding-top:80px;padding-bottom:30px;-webkit-transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s, -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;-webkit-transform: translateX(100%) translateY(0%);transform: translateX(100%) translateY(0%);filter:alpha(opacity=0);-webkit-opacity:0;-moz-opacity:0;-khtml-opacity:0;-ms-opacity:0;-o-opacity:0;opacity:0}
    nav li>a i:before{background-image: url(../images/chevron_right_24dp_FFFFFF.png) !important; width: 35px !important;height: 35px !important;}
.menu{ height:100%; overflow:auto;}
.menu li{float:none;margin:0}
.menu li a{padding:15px 50px;color:rgba(255,255,255,0.9);font-size: 26px;line-height:normal;display: block;/* font-weight: normal; */}
.menu li .sub_menu{ position:static; padding:0; margin:0; display:none;}
.menu li .sub_menu{ background:rgba(0,0,0,0.1);width:100%;opacity: 1;visibility:visible;
-webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px); padding:15px 0px}
.menu li a:before,.menu li.selected a:before{ display:none}
.menu li a i{display:block;position:absolute;right: 21px;top: 15px;}	
.menu li .sub_menu li{ text-align:left;}
.menu li ul li a, #menu li.selected li a{ text-align:left; line-height:1.2; padding:15px 50px; font-size:25px; font-weight:normal; color:#fff}
.menu li ul li a:hover,.menu li a:hover{ color:#fff}
body.nav-active.white_topbar .menu li a{ color:#fff}
body.nav-active.white_topbar .menu li .sub_menu{}
.menu li ul li a:hover, #menu li.selected li a:hover { color:var(--logo-color); background:none }
.menu li.selected a.first{background:none; color:var(--logo-color)}
body.nav-active nav {display: block; -webkit-transform: translateX(0%) translateY(0%); transform: translateX(0%) translateY(0%);filter: alpha(opacity=100);-webkit-opacity: 1;-moz-opacity: 1;-khtml-opacity: 1; -ms-opacity: 1;-o-opacity: 1; opacity: 1;}
body.nav-active .online_tel{z-index: 9991;right: 182px;}
body.nav-active .online_tel label{color: #fff;}
body.nav-active .online_tel label:before{ border: 1px solid #fff;}
body.nav-active .online_tel a{color: #fff;}
}
@media(max-width:640px){
    .online_tel{opacity:0;visibility: hidden;}
    body.nav-active .online_tel{opacity:1;visibility: visible;}
}
@media(max-width:550px){
     body.nav-active nav{width:100%}
    .menu li a{padding: 15px 35px; font-size: 25px;}
    .menu li ul li a, #menu li.selected li a{padding:12px 35px;font-size: 22px;}
     body.nav-active .online_tel{right: auto;left: 35px;display: none;}
     body .logo{transition-property: none;transition-delay: 0s;}
    body.nav-active .logo{
    z-index: 9991;background: url(../images/logo_white.png);background-position: center;background-size: auto 20px; background-repeat: no-repeat;left: 35px;}
    body.nav-active  .logo img{opacity: 0;}
}
@media(max-width:400px){
    .menu li a{padding: 15px 35px;font-size: 22px;}
    .menu li a i{top:13px}
}
/**************************************/
@media(max-width:1800px){
    .container{margin:0 9%}
    .swiper-next-products,.swiper-prev-products{right:9%}
    .index-cats-box .container{margin-right:0}
    .banner-postion-left-center{padding-left:9%}
    /**/
    .index-app-box .container{padding-left:15%}
    /**/
    .odm-ul li{height: auto;padding-bottom: 120px;}
    /**/
    footer .container{justify-content: space-between;margin: 0 7%;}
    .f-menu p{font-size: 17px;}
    .f-menu b{font-size: 20px;}
    copyright{font-size: 17px;}
    .f-logo p{font-size: 17px;}
    .f-contact{font-size: 17px;width: 457px;}
    .f-menu{padding-left: 0;width: auto;}
    .f-logo{width: 325px;}
}
@media(max-width:1700px){
    .container{margin:0 8%}
    .swiper-next-products,.swiper-prev-products{right:8%}
    .banner-postion-left-center{padding-left:8%}
     /**/
    .index-app-box .container{padding-left:13%}
}
@media(max-width:1600px){
    .container{margin:0 7%}
    .swiper-next-products,.swiper-prev-products{right:7%}
    .banner-postion-container h3{font-size:40px}
    .banner-postion-left-center{padding-left:7%}
    /**/
    #swiper-slide-products .swiper-slide{width:350px;height:600px;}
    #swiper-slide-products {
    --slide-products-padding-top:30px;
    --slide-products-padding-bottom: 30px;
    --slide-products-h3: 22px;
    --slide-products-p: 18px;
    --slide-products-p-margin-top: 20px;
    --slide-products-button-bottom: 70px;
    --slide-products-button-width: 50px;
   }
   /**/
   .index-h2 h2, .index-h2 h1{font-size:30px}
   .index-h2 p{font-size:18px;margin-top:10px}
   .index-h2{margin-bottom:35px}
   .index-app-box label{ top: 4px;}
        /**/
   .index-app-box .container{padding-left:11%}
       .cert-p{ padding: 70px 0;}
    .cert-p img{ height: 90px;}
    footer .container{margin:0 35px}
    /**/
    .odm-three-ul li{padding:25px}
}
@media(max-width:1500px){
    .container{margin:0 6%}
    .banner-postion-left-center{padding-left:6%}
    .swiper-next-products,.swiper-prev-products{right:6%}
     /**/
    #swiper-slide-products .swiper-slide{width:330px;height:550px;}
    #swiper-slide-products {
    --slide-products-padding-top:30px;
    --slide-products-padding-bottom: 30px;
    --slide-products-h3: 22px;
    --slide-products-p: 17px;
    --slide-products-p-margin-top: 15px;
    --slide-products-button-bottom: 70px;
    --slide-products-button-width: 50px;
   }
        /**/
    .index-app-box .container{padding-left:10%}
    /**/
    .odm-ul{margin-top: -30px;}
    .odm-ul li{}
    .cert-p{padding: 60px 0;}
    .cert-p img{height: 80px;}
    .f-contact{ width: 400px;}
    /**/
    .page-needs{height:auto;padding:50px 0}
    .page-needs .container{height:auto}
    .page-needs-title h2{font-size: 30px;margin-bottom: 25px;}
    .page-needs-title a{ font-size: 14px;padding: 10px 15px;}
    .page-needs-title a.catalogue{}
    .page-needs-title{ width: 500px;}
    .odm-three-ul{width: calc(100% - 500px - 50px);margin-left: 50px;}
}
@media(max-width:1400px){
    .banner-postion-container h3{font-size:36px}
    /**/
    #swiper-slide-products .swiper-slide{width:300px;height:500px;}
    #swiper-slide-products {
    --slide-products-padding-top:30px;
    --slide-products-padding-bottom: 30px;
    --slide-products-h3: 22px;
    --slide-products-p: 17px;
    --slide-products-p-margin-top: 15px;
    --slide-products-button-bottom: 70px;
    --slide-products-button-width: 50px;
   }
   /**/
   .index-app-ul li{height: 400px;padding: 20px 30px;margin-right:25px}
   .index-app-ul li em{width: 90px; height: 90px;}
   .index-app-ul h3{}
   .index-app-ul p.view{ bottom: 40px;left: 30px;right: 30px;}
   /**/
   .odm-ul li{margin-right: 20px;width: calc(33.333333333% - 13.33333333333px);padding: 25px;padding-bottom: 110px;margin-top: 50px;}
   .odm-ul{margin-top: -20px;}
   /**/
   .index-cert-box{height:auto}
   #swiper-slide-cert .swiper-slide{padding:30px}
   #swiper-slide-cert .swiper-pagination-cert{margin-top:30px}
    .cert-p{padding: 40px 0;}
    .cert-p img{height: 80px;}
    /**/
    .why_desc{width: 40%;}
    .why_ul{width: 60%;}
    /**/
    .f-logo{ width: 300px;}
    .fsubscribe .tnp-field-button{width:100px}
    .fsubscribe .tnp-field-email{width:calc(100% - 100px)}
    .f-contact{ width: 360px;}
    /**/
    .odm-three-ul em{width: 65px; height: 65px;}
    .odm-three-ul li{width: calc(33.3333% - 10px); margin-right: 15px;}
    .odm-three-ul{width: calc(100% - 400px - 50px);}
    .page-needs-title{width: 400px;}
    .page-needs-title h2{font-size: 25px;}
}
@media(max-width:1300px){
    .container{margin:0 80px}
    .swiper-next-products,.swiper-prev-products{right:80px}
    .banner-postion-left-center{padding-left:80px}
    .banner-postion-container h3{font-size:30px}
    /**/
   .index-h2 h2, .index-h2 h1{font-size:25px}
   .index-h2 p{font-size:16px;margin-top:10px}
   .index-h2{margin-bottom:30px}
   .index-app-box label{top: 0;}
    /**/
    .index-app-box .container{padding-left: 0;}
    .index-app-box{height: auto;}
    .cert-p{padding-top: 25px;}
    .cert-p img{ height: 70px;}
    /**/
    .why_desc{width:45%;padding-left:50px}
    .why_ul{width:55%;padding-right:0}
    .why_ems label{font-size:30px}
    .why_ems{margin:25px 0}
    .why_li label{font-size:20px}
    .why_ems p{font-size:16px}
    /**/
    .index-needs{padding-top:0}
    .index-needs .container{height:auto;padding:50px 0;background-size:auto 100%}
    .index-needs h2{font-size:30px;margin-bottom:20px}
    .index-needs p{font-size:18px;margin-bottom: 20px;}
    .index-needs a{padding:12px 20px;}
    /**/
    footer{padding-top: 40px;padding-bottom: 20px;}
    footer .container{margin:0 25px}
    .f-menu li{margin-right:25px}
    .flogo img{height: 18px;}
    .f-menu p{font-size: 16px;margin-bottom: 12px;}
    .f-menu b{font-size: 18px;}
    copyright{font-size: 16px;margin-top: 25px;padding-top: 25px;}
    .f-logo p{font-size: 16px;}
    .f-contact{font-size: 16px;width: 340px;}
    .f-menu{padding-left: 0;width: auto;}
    .f-logo{width: 280px;}
    copyright span{top: 23px;}
}
@media(max-width:1200px){
    .container{margin:0 70px}
    .banner-postion-left-center{padding-left:70px}
    .swiper-next-products,.swiper-prev-products{right:70px}
    /**/
    #swiper-slide-products .swiper-slide{width:280px;height:450px;}
    #swiper-slide-products {
    --slide-products-padding-top:25px;
    --slide-products-padding-bottom: 25px;
    --slide-products-h3: 20px;
    --slide-products-p: 16px;
    --slide-products-p-margin-top: 10px;
    --slide-products-button-bottom: 70px;
    --slide-products-button-width: 50px;
   }
   /**/
   .index-cert-box{height:auto}
   #swiper-slide-cert .swiper-slide{padding:20px}
   #swiper-slide-cert .swiper-pagination-cert{margin-top:20px}
    .cert-p{}
    .cert-p img{}
    /**/
    .f-logo{width: 420px;}
    .f-contact{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
    .f-menu li{margin-right:50px}
    .f-contact b{width: 100%;}
    .f-contact p{}
    /**/
    .odm-three-ul p{font-size:14px;margin-top: 10px;}
    .odm-three-ul li{padding:15px}
}
@media(max-width:1100px){
   .container{margin:0 60px}
   .banner-postion-left-center{padding-left:60px}
   .swiper-next-products,.swiper-prev-products{right:60px}
   .banner-postion-container p{font-size:18px;margin-top:15px}
   /**/
   :root {
    --margin-space-top:70px;
    --margin-space-bottom:70px;
    --padding-space-top:70px;
    --padding-space-bottom:70px;
   }
    /**/
   .index-app-ul li{height: auto;padding:20px 20px;margin-right:20px;width: calc(33.333333% - 13.33333333px);padding-bottom: 140px;}
   .index-app-ul li em{width: 90px; height: 90px;}
   .index-app-ul h3{}
   .index-app-ul p.view{ bottom: 40px;left: 20px;right: 20px;}
   .index-app-ul a{}
   .index-app-ul a i{}
    /**/
    .why_desc{width:42%;padding-left:35px}
    .why_ul{width:58%;padding-right:0}
    .why_ems label{font-size:30px}
    .why_ems{margin:25px 0}
    .why_li label{font-size:20px}
    .why_ems p{font-size:15px}
    /***/
    .f-logo{width: 38%;}
    .f-menu li{margin-right:40px}
    /**/
    .odm-three-ul{width: calc(100% - 400px - 30px);margin-left: 30px;}
}
@media(max-width:1000px){
    .container{margin:0 50px}
    .banner-postion-left-center{padding-left:50px}
    .swiper-next-products,.swiper-prev-products{right:50px}
       /**/
   :root {
    --margin-space-top:60px;
    --margin-space-bottom:60px;
    --padding-space-top:60px;
    --padding-space-bottom:60px;
   }
    .why_desc{width:100%;padding-left:0px;padding-bottom: 0;}
    .why_ul{width:100%;padding-right:0;height: 350px;}
    /**/
    .f-logo{width: 36%;}
    .f-menu li{margin-right:35px}
    /**/
    copyright{text-align:center;line-height: 1.3;}
    copyright span{position:static;padding-top: 10px;width: 100%;display: block;}
    /**/
    .page-needs-title{ width:320px;}   
    .page-needs-title h2{font-size:20px;line-height:1.2}
    .odm-three-ul{width:calc(100% - 320px - 20px);margin-left:20px}
    .page-needs-title a{font-size:12px;padding:8px 10px}
    .page-needs-title a.catalogue{margin-left:15px}
}
@media(max-width:900px){
    .container{margin:0 40px}
    .swiper-next-products,.swiper-prev-products{right:40px}
    .banner-postion-left-center{padding-left:40px}
    .banner-postion-container h3{font-size:25px}
    .banner-postion-container p{font-size:16px;margin-top:15px}
    .click-req{font-size: 16px;padding:10px 15px;margin-right:15px}
    .click-view{font-size:16px;}
    .banner-postion-container em{margin:0 15px}
    /**/
    #swiper-slide-products .more{font-size:14px;}
    /**/
    #swiper-slide-products .swiper-slide{width:260px;height:400px;}
    #swiper-slide-products {
    --slide-products-padding-top:25px;
    --slide-products-padding-bottom: 25px;
    --slide-products-h3: 20px;
    --slide-products-p: 15px;
    --slide-products-p-margin-top: 10px;
    --slide-products-button-bottom: 70px;
    --slide-products-button-width: 50px;
   }
     /**/
   .index-h2 h2, .index-h2 h1{font-size:24px;font-weight:bold;line-height:1.2}
   .index-h2 p{font-size:14px;margin-top:10px}
   .index-h2{margin-bottom:30px}
   .index-app-box label{position: static;}
    /**/
     .index-app-ul{margin-top: -30px;}
    /**/
   .odm-ul li{margin-right: 20px;width: calc(50% - 10px);padding: 25px;padding-bottom: 110px;margin-top: 50px;}
   .odm-ul li:nth-child(3n){ margin-right: 20px;}
   .odm-ul li:nth-child(2n){margin-right: 0;}
   .odm-ul{margin-top: -20px;}
   .cert-p{padding-top: 0;}
   .cert-p img{height: 60px;}
    /**/
    .f-menu{display:none}
    .f-contact{width: 58%;display: block;}
}
@media(max-width:800px){
    .container{margin:0 30px}
    .banner-postion-left-center{padding-left:30px}
    .swiper-next-products,.swiper-prev-products{right:30px}
    #swiper-slide-products {
    --slide-products-button-bottom: 60px;
    --slide-products-button-width: 40px;
    }
    /**/
    .index-app-ul{ margin-top: 0;}
    .index-app-ul li{width: calc(50% - 10px);margin-right: 20px;padding-bottom: 100px;margin-top: 70px;}
    .index-app-ul li:nth-child(2){margin-right: 0;}
    .index-app-ul li:nth-child(3){width: 100%; margin-right: 0;}
    .index-app-ul p.view{max-width: 300px;}
    /**/
    #swiper-slide-cert .swiper-slide h3{margin-bottom:10px}
    #swiper-slide-cert .usericon{margin-top:15px;padding-top:15px}
    #swiper-slide-cert .usericon:before{right:auto;left:75px;top:58px}
    #swiper-slide-cert .usericon b{margin-top:0}
   .cert-p{}
   .cert-p img{height: 50px;}
    /**/
    .index-needs .container{height:auto;padding:35px 0;background-size:auto 90%;margin-right: 0;}
    .index-needs h2{font-size:25px;margin-bottom:15px}
    .index-needs p{font-size:16px;margin-bottom:15px;}
    .index-needs a{padding:10px 15px;}
    /**/
    .f-logo{width:100%;margin-bottom:25px}
    .f-contact{width:100%}
    /**/
    .page-needs-title{width:280px;}
    .odm-three-ul{width: calc(100% - 280px - 15px);margin-left:15px}
    .page-needs-title h2{font-size:18px;margin-bottom: 15px;}
    .page-needs-title a{padding:5px 10px}
    .page-needs-title a.catalogue{margin-left:0;margin-top:15px}
    .odm-three-ul li{padding:15px 10px}
    .odm-three-ul em{width:55px;height:55px}
    .page-needs{padding:35px 0}
}
@media(max-width:700px){
    .container{margin:0 25px}
    .swiper-next-products,.swiper-prev-products{right:25px}
    .banner-postion-left-center{padding-left:25px}
    .banner-postion-container p:last-child{display:none}
    .banner-postion-container h3{font-size:20px}
    .banner-postion-container p{font-size:15px;margin-top:10px}
    #banner-slider .swiper-pagination-click{bottom:10px}
    #banner-slider .swiper-pagination-b *{width:14px;height:14px;margin:0 2px}
    #banner-slider .swiper-pagination-b span:before{width:6px;height:6px}
   /**/
   :root {
    --margin-space-top:50px;
    --margin-space-bottom:50px;
    --padding-space-top:50px;
    --padding-space-bottom:50px;
   }
   /**/
    .index-app-ul h3{margin-top: 50px;}
    .index-app-ul li em{width: 80px; height: 80px;top: -40px;left: 30px;}
    .index-app-ul li{}
    .index-app-ul p.view{}
     .cert-p{}
    .cert-p img{}
    /**/
    .page-needs-title{width:100%}
    .odm-three-ul{width:100%;margin-left:0}
    .page-needs .container{}
    .odm-three-ul li{width: 100%;margin: 5px 0; margin-right: 0;display: flex;flex-wrap: wrap; align-items: center;}
    .odm-three-ul li em{}
    .odm-three-ul li p{width: calc(100% - 55px); text-align: left;padding-left: 15px;}
    .page-needs-title a{margin-right:25px}
    .page-needs-title a.catalogue{}
}
@media(max-width:600px){
       /**/
    .index-app-box .index-h2{text-align:center}
    .index-app-ul h3{margin-top: 40px;}
    .index-app-ul li em{width: 80px;height: 80px;top: -40px;left: 50%;margin-left: -40px;}
    .index-app-ul li{text-align: center; padding-bottom: 100px;}
    .index-app-ul p.view{max-width: 250px; margin: 0 auto;text-align: left;}
    /**/
    #swiper-slide-cert .usericon:before{right:0px;left:auto;top:15px}
    #swiper-slide-cert .usericon b{margin-top:0}
    /**/
    .why_li.on{width:calc(60% - 30px)}
    .why_li+.why_li{margin-left: 15px;}
    .why_li label{top:25px}
    .why_li p{left:25px;bottom:25px}
     **/
    .index-needs .container{height:auto;padding:35px 0;background-size:auto 90%}
    .index-needs h2{font-size:20px;margin-bottom:15px}
    .index-needs p{font-size:14px;margin-bottom:15px;max-width: 98%;}
    .index-needs a{padding: 8px 10px;font-size: 13px;}
    .index-needs a i:before{width: 16px;height: 16px;transform: translateY(1px);}
}
@media(max-width:500px){
     .banner-postion-container h3{font-size:18px}
     .banner-postion-container p{display:none}
     #banner-slider .swiper-pagination-click{bottom:5px}
     /**/
     .index-app-ul li{width: 100%;margin-right: 0;margin-top: 60px;padding: 15px;padding-bottom: 100px;}
     .index-app-ul li:nth-child(2){}
     /**/
     .odm-ul li{width: 100%;margin-right: 0;padding: 20px;padding-bottom: 100px;}
     .odm-ul li:nth-child(3n){margin-right:0}
     .odm-ul li a{left: 20px;}
     .cert-p{padding-top: 0; padding-bottom: 30px;}
    .cert-p img{height: 50px;}
     /**/
    .why_ul{height:300px}
    .why_li.on{width: calc(64% - 30px);}
    .why_li+.why_li{margin-left: 15px;width: 18%;}
    .why_li label{top: 15px;font-size: 18px;}
    .why_li p{left: 20px;bottom: 20px;font-size: 20px;}
    .why_ems label{font-size:25px}
    .why_ems{margin:25px 0;display: flex;justify-content: space-between;}
    .why_li label{font-size:20px}
    .why_ems p{font-size:15px}
    .why_ems li{text-align: left;width: auto;}
    /**/
    .page-needs-title{width:100%}
    .odm-three-ul{width:100%;margin-left:0;margin-top: 20px;display: none;}
    .page-needs .container{flex-wrap:wrap}
    .odm-three-ul li{width: 33.3333%;margin-right: 0;text-align:center;justify-content: space-between;padding: 0;background: none;}
    .odm-three-ul li em{
    margin: 0 auto;
}
    .odm-three-ul li p{width:100%; text-align: center;padding-left: 0;}
    .page-needs-title a{margin-right: 0;}
    .page-needs-title a.catalogue{
    margin-top: 0;
    margin-left: 10px;
}
}
@media(max-width:400px){
    .why_ems li{width: 100px;line-height: 1.2;}
}
@media(max-width:359px){
    
}