@charset "UTF-8";

.header.mobile-on .menu {margin-top: 10px;padding:  0;min-height: 0px;overflow: hidden;transition: all .350s;height: 0;}
header .menuBtn {position: relative;width: 30px;height: 16px;cursor: pointer;z-index: 1500;display: none;margin-left: 15px;}
header .menuBtn span {position: absolute;left: 0;width: 30px;height: 3px;background-color: #0051a2;-webkit-transition: .25s ease-in-out;transition: .25s ease-in-out;}
.header.mobile-on .menu.active {height: 240px;transition: all .350s;display: block;overflow-x: hidden;overflow-y: scroll;}
body.fixed {overflow: hidden;position: fixed;width: 100%;height: 100%;}
header .menuBtn span:nth-child(1) {top: 0}
header .menuBtn span:nth-child(2) {top: 50%}
header .menuBtn span:nth-child(3) {top: 100%}
header .menuBtn.active span:nth-child(1) {top: 50%;-webkit-transform: rotate(-45deg);transform: rotate(-45deg)}
header .menuBtn.active span:nth-child(2) {opacity: 0;left: 100%}
header .menuBtn.active span:nth-child(3) {top: 50%;-webkit-transform: rotate(45deg);transform: rotate(45deg)}
#header .header .col-md-2.mobile-off{display:block;}
#header .header .menubtn.mobile-on{display:none;}

@media only screen and (min-width: 2000px) {
    .index-content .image img{width:auto;height:100%;}
}
@media only screen and (max-width: 2000px) {
    .index-content .image img{width:100%;height:auto;}
}
@media only screen and (max-width: 1440px) {
   #slider{height:600px;}
   #slider .slider .slider-content .swiper-container .swiper-slide{height:600px;}
   .header .number p{font-size: 11px;}
   #header .header .menu ul li a{font-size:16px;padding: 30px 10px;}
   #header,#header .header,#header .header .logo,#header .header nav.menu,#header .header .menu ul,#header .header .menu ul li,.header .number{height: 80px;}
   #header .header .logo img{height:45px;}
   .index-content{height:600px;}
   .index-content .right-content .left{width:60%}
   .index-title{font-size:35px;line-height:40px;}
   .letter-o{font-size:38px;}
}
/* Middle Screen */
@media only screen and (max-width: 1200px) {
#header{height: 80px;}
#header .header{height: 80px;}
#header .header .logo{height: 80px;}
#header .header .logo img{height: 40px;}
#header .header .col-md-4{height:90px;}
#header .header nav.menu{height: 80px;}
#header .header .menu ul{height: 80px;}
#header .header .menu ul li{height: 80px;}
#header .header .menu ul li .sub-menu{top: 90px;}
#header .header .menu ul li:hover .sub-menu{top:45px;}
#header .header .menu ul li a{padding: 15px 15px;font-size: 12px;min-width: 70px;}
#header .header .menu ul li.menu-item-has-children:after{left: -5px;font-size: 12px;}
#header .header .col-md-2{height: 80px;}
#header .header .col-md-2 .lang{margin: 21px 0;}
#header .header .col-md-2 .social{height:90px;}
#slider .slider .slider-content .swiper-container .swiper-slide{background-position: center;height: 550px;}
#slider{height: 550px;}
#slider .slider .slider-content .swiper-container .swiper-slide img{height:100%;}
 .index-content .row1 .left-img{width: 350px;height: 555px;margin-top: -70px;}
 .index-content .row1 .left-img img{width: 100%;}
 .index-content .row1 .right-text{margin-top: 40px;}
 .index-content .row2 .catalog-gallery{width: 100%;}
 .index-content .row2 .catalog-gallery .one-two{height: 215px;}
 .index-content .row2 .catalog-gallery .two-two{height: 355px;}
 .index-content .row2 .catalog-gallery .three-three{height: 585px;}
 .index-content .row2 .catalog-gallery .download-button{height: 215px;}
#content .content-banner{}
#content .content .category-product .product-box .product-name:after{margin: 0;}
#content .content .category-product .product-box .product-name:before{bottom: 80px;}
#content .content .category-product .product-box{height: 300px;width: 99%;}
#content .content .category-product .product-box:hover:before{height: 70%;}
#content .content .category-product .product-box:hover .product-name:after{margin: 8px 55px 0px 15px;}
#content .content .category-product .product-box:hover > .product-name:before{height: 70%;bottom: 68px;}
.index-content .left .left--content p{font-size:14px;}
.index-content .left .left--content .index-title{width:100%;}
.index-content{height:500px;}
.index-content-2 .left .left--content .left-img img{width:70%;}
.index-content-2 .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom:30px;}
.index-content-2 .right .right-content .all--grid{height:500px;}
.index-content-2 .right .right-content .all--grid .grid{height: 245px;width:calc((100% / 6) - 10px);}
.footer p{font-size:14px;}
.index-content-3{margin:50px 0;}
.index-content-3{height:500px;}
.index-content-3 .left-img img{width:100%;height:auto;}
.index-content-2 .right .right-content .all--grid{height:300px;}
    .index-content-2 .right .right-content .all--grid .grid img{width:80%;}
}

@media only screen and (max-width: 1024px) {
    .header .number p{font-size:11px;}
    .header .number p a{margin-left:5px;}
#header .header .col-md-2{display:none;}
#header .header .logo{height: 90px;width: 90%;padding: 0px 10px;align-items: center;}
#header .header .logo img{width: 80%;margin-bottom: 0;height: auto;}
#header .header.active .logo img{height: 70%;width: auto;}
#header .header nav.menu{position: fixed;left: -200%;width: 200px;height: calc(100vh - 0px);background: white;width: 60%;z-index: 999999;top: 0px;padding-top: 50px;}
#header .header .menu ul li{float:none;text-align: left;padding-left: 20px;height: auto;border-bottom: 1px solid #b2b2b2;display: block;}
#header .header nav.menu.active{left:0;}
body.fixed {overflow: hidden;position: fixed;width: 100%;height: 100%;}
#header .header .menu ul li .sub-menu{visibility: visible;opacity: 1;position: relative;width: 100%;top: auto;left: auto;}
#header .header .menu ul li a{width: 100%;display: block;}
#header .header .menu ul li.menu-item-has-children:after {content: "";}
#header .header .menu ul li .sub-menu li{padding-left: 0;height: auto;}
#header .header .col-md-2 .social a{font-size: 17px;margin-right: 3px;}
#header .header .col-md-2 .lang{font-size: 13px;margin: 25px 0;}
#header .header.active{height:60px;}
#header .header.active .logo{height: 60px;padding: 0 20px;}
#header .header.active nav.menu{height: calc(100vh - 130px);top: 59px;}
#header .header.active nav.menu ul{height: auto;}
#header .header.active nav.menu ul li{height: auto;}
#header .header.active nav.menu ul li .sub-menu{margin-left: -20px;}
#header .header.active .menu ul li .sub-menu li{padding-left: 30px;}
#header .header .menu ul li .sub-menu li a{font-size:11px;}
#header .header.active .col-md-2{height:60px;}
#header .header.active .col-md-2 .lang{margin: 10px 0;}
#header .header.active .col-md-2 .social{height:60px;}
#slider{height: 450px;}
#slider .slider .slider-content .swiper-container .swiper-slide{height: 430px;}
#index-category .index-category .category-slide{padding: 0 60px;height: 350px;}
#index-category .index-category .category-slide .prev-slide{left: -5px;}
#index-category .index-category .category-slide .next-slide{right: -5px;}
 .index-content .row1 .left-img{width: 90%;height: 520px;margin-top: -70px;}
 .index-content .row1 .left-img:before{top: 15px;left: 15px;}
 .index-content .row1 .left-img img{top: 30px;left: 30px;}
.index-content .col-md-6.offset-md-1{margin-left: 0;flex: 0 0 58.33333%;max-width: 58.33333%;-ms-flex: 0 0 58.3333%;}
 .index-content .row1 .right-text{margin-top: 0px;}
 .index-content .row1 .right-text h2 small{display: initial;font-weight: 500;margin-right: 8px;}
 .index-content .row1 .right-text h2{font-weight:500;font-size: 45px;margin-bottom: 15px;}
 .index-content .row1 .right-text p{font-size: 17px;margin-bottom: 25px;}
 .index-content .row1 .right-text img{width: 70%;}
 .index-content .row1{height: 530px;}
#index-category .index-category .category-slide .swiper-container .swiper-wrapper .swiper-slide .container p{padding:0 20px;font-size:36px}
 .index-content .row2 .catalog-gallery{width: 100%;}
 .index-content .row2 .catalog-gallery .one-two{height: 215px;}
 .index-content .row2 .catalog-gallery .two-two{height: 310px;}
 .index-content .row2 .catalog-gallery .three-three{height: 540px;}
 .index-content .row2 .catalog-gallery .download-button{height: 215px;}
 .index-content .row2 .catalog-gallery .download-button a{font-size:20px;}
#footer .footer-copyright .col-md-2 a{font-size:19px;}
#footer .footer .footer-col li ul li a{font-size:13px;}
#header .header .col-md-2.mobile-off{display:none;}
#header .header .menubtn.mobile-on{display:block;}
#header .header.active .menubtn.mobile-on{margin: 21px 0px;}
#index-category{height:650px;}
#content .content-banner{height: 65vh;}
#content .content .category-content .right-text h2{font-size: 50px;}
#content .content-banner h1{font-size: 5em;letter-spacing: 40px;}
#content .content .category-product .product-box{height: 270px;}
#content .content .category-product .product-box:hover:before{height: 77%;}
#content .content .category-product .product-box:hover > .product-name:before{bottom: 62px;}
#content .content-banner .product-name{font-size: 7em;}
#content .content .product-info.video .product-content .left-text{width: 45%;margin-left: 4%;}
#content .content .product-info.video .product-content .left-text .text h2{font-size:45px;}
#content .content .product-info .product-content.right .img{width: 50%;}
#content .content .product-info .product-content.right .img img{width:100%;height:100%;}
#content .content .product-info .product-content.right .img:before{width: 105%;}
#content .content .product-info .product-content.left{min-height: 400px;}
#content .content .other-product .swiper-slide.product{height:200px;}
#header .header .menu ul li:hover .sub-menu{top: 0;background: white;color: #24912b;}
#header .header .menu ul li:hover .sub-menu li a{color:#24912b;}
#header .header .menu ul li .sub-menu li a{color:#24912b;font-size: 13px;}
#header .header .menu ul li:hover .sub-menu li a:hover{color:#24912b;}
#header .header .menu ul li{padding-left:0;}
#header .header .menu ul li a{font-size:13px;}
}
@media only screen and (max-width: 1024px) and (orientation:portrait) {
    #content .content-banner{
    height: 40vh;
}
}

/* Tablet Screen */
@media only screen and (max-width: 768px) {
    .header.active .number{display:none;}
    #slider .slider .slider-content .swiper-container .swiper-slide img {height: 100%;}
.index-content-2 .left .left--content .left-text p.bold {font-size: 15px;margin: 0;line-height: 18px;margin-bottom: 5px;font-weight: 400;margin-top: 15px;}
.index-content-2 {margin-top: 30px;}
    #header .header .col-md-2{display:none;}
    #slider{height:250px;}
    #slider .slider .slider-content .swiper-container .swiper-slide{height:250px;}
 .index-content .row1 .right-text p{font-size: 14px;}
#header .header .logo{width: 100%;float: left;}
#header .header .menubtn.mobile-on{position: absolute;right: 150px;left: auto;z-index: 9999999;}
.help-phone.mobile-on{display:block;}
#header .header .logo img{}
#slider .slider .slider-content{}
.container_{max-width: 100%!important;padding: 0!important;}
 .index-content .row1 .left-img{margin-top: 0;height: 385px;width: 90%;}
 .index-content .row1 .col-md-5{float:left;width:40%;}
 .index-content .col-md-6.offset-md-1 .right-text h2{font-size: 27px;margin-bottom: 17px;}
 .index-content .col-md-6.offset-md-1 .right-text h2 small{font-size: 27px;margin-right: 5px;}
 .index-content .row1 .left-img:before{top: 7px;left: 7px;}
 .index-content .row1 .left-img img{top: 15px;left: 15px;}
 .index-content .row1{height: 440px;}
 .index-content .row2 h2{font-size: 21px;}
 .index-content .row2 .catalog-gallery{width: 100%;}
 .index-content .row2 .catalog-gallery .one-two{height: 195px;width: 50%;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
 .index-content .row2 .catalog-gallery .two-two{height: 270px;width: 50%;max-width: 50%;flex: 0 0 50%;-ms-flex: 0 0 50%;}
 .index-content .row2 .catalog-gallery .three-three{height: 480px;width: 50%;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
 .index-content .row2 .catalog-gallery .download-button{height: 195px;width: 50%;max-width: 50%;flex: 0 0 50%;-ms-flex: 0 0 50%;}
 .index-content .row2 .catalog-gallery .download-button a{font-size: 17px;}
#index-category .index-category .category-slide{height: 220px;}
#index-category .index-category .category-slide .swiper-container .swiper-wrapper .swiper-slide .container p{font-size:22px;padding:0 10px;}
#index-category{height: 560px;}
#footer .footer{height: 100px;}
#footer .footer .footer-col{width:50%;}
#footer .footer-copyright p{font-size: 12px;letter-spacing: 0;}
#footer .footer-copyright .col-md-2{float:left;width: 20%;padding: 0 0px 0px 15px;}
#footer .footer-copyright .col-md-10{float:right;width: 78%;padding: 0;}
#footer .footer-copyright .col-md-2 a{font-size: 15px;}
#content .content-banner.product{height: 40vh;}
#content .content .category-content{height: 500px;}
#content .content .category-content .left-img{overflow: hidden;height: 100%;}
#content .content .category-content .left-img img{height: 100%;}
#content .content .category-content .right-text p.neden{font-size: 25px;}
#content .content .category-content .right-text h2{font-size:30px}
#content .content .category-content .right-text p{font-size:13px;}
#content .content .category-product .product-box .product-name{font-size:20px;margin-top: 7px;}
#content .content .category-product .product-box .product-name:before{bottom: 55px;}
#content .content .category-product .product-box:hover > .product-name:before{height: 70%;bottom: 50px;left: 20px;}
#content .content .category-product .product-box:hover > .product-name{font-size:25px;}
#content .content .category-product .product-box:hover:before{height: 70%;left: 20px;}
#content .content .category-product .product-box:hover:after{left: 42%;top: 22%;width: 50px;height: 50px;font-size: 25px;}
#content .content .category-product .product-box{height: 220px;}
#content .content .product-content{height: 350px;}
#content .content .product-content .right-text h2{font-size:40px;margin-bottom: 15px;}
#content .content .product-content .right-text{width:50%;}
#content .content .product-content .left-img{width:50%;}
#content .content .other-product .swiper-slide.product{height:150px;}
#content .content .product-info .product-content.left{width:100%;margin: 0;height: 356px;min-height: 370px;}
#content .content .product-info .product-content{width:100%;margin: 0;}
#content .content .product-info.video .product-content{margin: 0px 0;padding: 47px 0;}
#content .content .product-info.video .product-content .left-text .text h2{font-size: 35px;}
#content .content .product-info.video .product-content .left-text .text h2 small{font-size:20px}
#content .content .product-info .product-content .up-text .text p{font-size:14px;}
#content .content .other-product .swiper-slide.product:hover > .product-detail h3{margin-top: 10px;}
#content .content .other-product .swiper-slide.product:hover > .product-detail i{width: 40px;height: 40px;line-height: 40px;margin-left: -20px;margin-top: -20px;}
#content .content .other-product .swiper-slide.product .product-detail h3{margin-top: 32%;}
#content .content .other-category .col-md-6{height: 170px;}
#content .content .other-category .col-md-6 img{height:170px;}
#content .content .other-category .col-md-6 p{font-size: 1.8em;}
#content .content .product-content .right-text .text p{font-size:14px;}
.index-content-3 .right-text,.index-content-3 .form {padding-right: 0;}
.index-content-2 .right .right-content .all--grid .grid{height:200px;}
.index-content-2 .right .right-content .all--grid .grid img{width:60%;}
.index-content-2 .right .right-content .all--grid .grid p{font-size:14px;}
.index-content-2 .left .left--content .left-text { width: 100%; float: left; }
.index-content-2 .left .left--content .left-img{display:none;}

}
@media screen and (orientation: landscape) and (max-width : 768px) {
#header .header .logo img{width: auto;height: 90%;}
#header .header .logo{width: 50%;}
#header .header .menubtn.mobile-on{right: 50px;}
 .index-content .row1 .left-img{height: 265px;}
#content .content-banner{}

}

/* Small Screen */
@media only screen and (max-width: 768px) {
    .sub-title{font-size: 18px;}
     .index-title{font-size: 22px;line-height:25px;font-weight: 600;}
     .letter-o{font-size:26px;}
     .index-content .left .left--content p{font-size: 14px;margin-bottom:5px;}
     .index-content-2 .left .left--content .left-text ul li{font-size:14px;margin-bottom:0px;line-height: 20px;}
     .index-content .right-content .right{display:none;}
.index-content .row .col-xs-12.col-md-6:nth-child(1) {order: 2;-webkit-order: 2;-moz-order: 2;}
     .index-content .right-content .left{width:100%;}
    #slider{height: 250px;}
    #slider .slider .slider-content{height: 250px;}
    #slider .slider .slider-content .swiper-container .swiper-slide .container a{padding: 0px 10px;font-size: 12px;bottom: 20%;right: 15%;}
    #header .header.active .search-lang .lang{display:none;}
    #slider .slider .slider-content .swiper-container .swiper-slide{height: 250px;}
    .index-catalog .catalog .catalog_right{width:100%;float: none;text-align: center;}
    .index-catalog .catalog .catalog_left{width:100%;float: none;text-align: center;margin-top: 20px;margin-bottom: 20px;}
    .index-catalog .catalog{width:100%;display: block;height: auto;}
    .index-content .yag-row .yag-section{width:100%;margin: 20px;}
    .index-content .yag-row .yag-section img{width:50%;}
    .index-content .yag-row .yag-section .title{width:50%;left: 50%;}
    .index-content .yag-row{width:100%;}
    .index-content{display:block;height: auto;}
    #pagecontent .page-content img {width: 100%;}
    #pagecontent .product-slide .swiper-slide img {height: 65%;width: auto;}
#content .content .category-content .right-text h2{font-size: 25px;margin-bottom: 15px;}
#content .content .category-product .product-box{overflow: hidden;}
#content .content .category-product .product-box .product-name:before{bottom: 40px;}
#content .content .category-product .product-box:hover:before{height: 78%;}
#content .content .category-content .right-text p{font-size:12px;}
#content .content .category-content{height: 500px;}
#content .content .category-content .left-img{float: none;width: 100%;height: 160px;display: flex;align-items: center;justify-content: center;}
#content .content .category-content:before{width: 94%;}
#content .content .category-content .center-text{float: none;width: 100%;height: 40px;}
#content .content .category-content .center-text p{writing-mode: initial;transform: initial;font-size: 20px;}
#content .content .category-content .right-text{width: 100%;padding: 0 30px;display: inline-block;height: 300px;}
#content .content .category-product{padding: 50px 0;}
#content .content .other-category{height: 420px;padding: 40px 0;}
#content .content .other-category .col-md-6{height: 150px;overflow: hidden;margin-bottom: 20px;}
#content .content .other-category .col-md-6 p{font-size: 25px;}
#content .content .category-content .left-img img{height:auto;width:100%;}
#content .content-banner #step-content{bottom: 30px;font-size: 13px;font-weight: 400;}
#content .content-banner h1{font-size: 3em;letter-spacing: 15px;}
#content .content-banner.page h1{font-size: 2em!important;letter-spacing: 5px!important;}
#header .header .logo img {height: 40px;width: auto;}
#header .header.active .logo img{height: 25px;width:auto;}
#header .header .menubtn.mobile-on{right: 30px;}
#footer .footer-copyright p{font-size: 85%;text-align: center!important;}
#footer .footer-copyright .col-md-10{float:none;width:100%;}
#footer .footer-copyright{height: 61px;padding-top: 10px;}
#footer .footer-copyright .col-md-2{width:100%;text-align:center;padding: 0;}
#footer .footer-copyright .col-md-2 a{line-height: 35px;font-size: 21px;margin-top: 8px;}
#index-category .index-category .category-slide .prev-slide{left: 10px;background-size: 30px;}
#index-category .index-category .category-slide .next-slide{right: 13px;background-size: 30px;}
 .index-content .row2 .catalog-gallery{width: 93%;margin: 0 auto;}
 .index-content .row2 .catalog-gallery .one-two{height: 120px;width: 50%;}
 .index-content .row2 .catalog-gallery .two-two{height: 180px;width: 50%;}
 .index-content .row2 .catalog-gallery .three-three{height: 315px;width: 50%;}
 .index-content .row2 .catalog-gallery .download-button{height: 120px;width: 50%;}
 .index-content .row2 .catalog-gallery .download-button a{font-size: 15px;font-weight: 300;}
 .index-content .row2 h2{padding-left: 35px;}
#header .header.active .logo{height: 60px;}
#header .header .logo{width: 100%;text-align: left;height: 80px;}
#header .header .col-md-4{text-align: left;height: 90px;justify-content: end;}
#content .content-banner{height: 40vh;}
#content .content-banner .product-name{font-size: 4.5em;margin-bottom: -12px;}
#content .content-banner .product-name span{left:-30px;}
#content .content-banner.product{height:30vh}
#content .content .product-content .left-img{float:none;width: 100%;height: auto;}
#content .content .product-content .right-text{float:none;width: 100%;display: block;margin-top: 10px;}
#content .content .product-content:before{width: 93%;}
#content .content .product-content{height: 600px;}
#content .content .product-content .left-img img{width:100%;height: auto;}
#content .content .product-info.video .product-content .left-text{float:none;width: 100%;display: block;margin: 0;height: auto;}
#content .content .product-info.video .product-content .right-img{float:none;width: 100%;}
#content .content .product-info.video .product-content{height:auto;}
#content .content .product-info .product-content.right .img{height: auto;width: 100%;margin-bottom: 15px;}
#content .content .product-info .product-content.right .up-text{width: 100%;height: auto;padding: 0;}
#content .content .product-info .product-content.left .img{width: 100%;height: auto;}
#content .content .product-info .product-content.left .up-text{width: 100%;height: auto;}
#content .content .product-info .product-content.left .img:before{width: 90%;top: 5%;left: 5%;}
#content .content .product-info .product-content.left{padding: 15px 0 0 0;height: auto;}
#content .content .product-info .product-content.right .img:before{width:90%;left: 5%;}
#content .content .product-info .product-content{padding: 30px 0 0 0;height: auto;display: inline-block;}
#content .content .product-info{padding: 0 0px 20px 0;}
#content .content .product-info .product-content.right{border-bottom:1px solid black}
#header .header .menu ul li:hover .sub-menu{top: 0;background: white;color: #24912b;}
#header .header .menu ul li:hover .sub-menu li a{color:#24912b;}
#header .header .menu ul li .sub-menu li a{color:#24912b;font-size: 13px;}
#header .header .menu ul li:hover .sub-menu li a:hover{color:#24912b;}
#header .header .menu ul li{padding-left:0;}
#header .header .menu ul li a{font-size: 16px;}
#header .header nav.menu{width:100%;}
#footer .footer .footer-col .footer-page{padding: 0 5px;margin: 0;}
#footer .footer .footer-col .footer-page li{padding:0 10px;}
#footer .footer .footer-col .footer-app{text-align:center;}
}


@media screen and (max-width: 580px) and (orientation: landscape) {
#header .header .logo img{width: auto;height: 40px;}
#header .header .logo{width: 50%;}
#header .header .menubtn.mobile-on{right: 50px;}
 .index-content .row1 .left-img{height: 265px;}
#content .content-banner{}
.sub-title{font-size:13px;}
}

@media screen and (prefers-reduced-motion:reduce) {
header .menuBtn span {-webkit-transition: none;transition: none}
}
@media only screen and (max-width : 580px) {
.index-content-2 .right .right-content .all--grid .grid{height: 150px;width: calc((100% / 2) - 10px);}
.index-content-2 .right .right-content .all--grid .grid p{margin-top:0px;}
.footer p{text-align:center;margin-bottom:5px}
.index-content-3{height:600px;}
#header .header .menu ul{height:auto;}
.index-content-3 .left-img img {width: 60%!important;margin-bottom: 30px;}
}
/* Extra Small Screen */
@media only screen and (max-width : 420px) {
#content .content .category-product .product-box:hover:after{top: 25%;}
#content .content .category-product .product-box:hover > .product-name:before{bottom: 35px;height: 76%;}
#content .content .category-product .product-box:hover:before{height: 81%;}
 .index-content .row1 .col-md-5{width: 100%;}
#content .content .category-product .product-box{height: 210px;}
 .index-content .row1 .left-img{overflow: hidden;width: 100%;height: 170px;}
 .index-content .row1 .left-img:before{width: 93%;height: 93%;}
.index-content .col-md-6.offset-md-1{width: 100%;max-width: 100%;flex: 0 0 100%;margin-top: 15px;}
 .index-content .row1{height: 690px;}
 .index-content .row2 h2{font-size: 15px;}
 .index-content .row2 .catalog-gallery{width: 93%;margin: 0 auto;}
 .index-content .row2 .catalog-gallery .one-two{height: 150px;width: 100%;max-width: 100%;flex: 0 0 50%;-ms-flex: 0 0 50%;}
 .index-content .row2 .catalog-gallery .two-two{height: 140px;width: 50%;}
 .index-content .row2 .catalog-gallery .three-three{height: 315px;width: 50%;}
 .index-content .row2 .catalog-gallery .download-button{height: 100px;width: 100%;max-width: 100%;flex: 0 0 100%;-ms-flex: 0 0 100%;}
 .index-content .row2 .catalog-gallery .download-button a{font-size: 15px;font-weight: 300;}
#index-category .index-category .text h2{font-size: 1.3rem;}
#index-category{padding-top: 60px;height: 420px;}
#index-category .index-category .text p{font-size:15px;line-height: 18px;}
#index-category .index-category .category-slide{height: 130px;}
#footer .footer-copyright p{font-size: 80%;line-height: 16px;padding: 0 40px;}
#footer .footer-copyright .col-md-2{margin-bottom:10px;}
#footer .footer{height: 80px;}
#index-category .index-category .category-slide .swiper-container .swiper-wrapper .swiper-slide .container p{font-size:15px;padding:0 5px;}
#header .header.active{width:100vw}
 .index-content .row2 .catalog-gallery .catalog-gallery-title {border: 5px solid #265452;display: table-cell;height: 100%;position: relative;vertical-align: middle;width: 100%;padding: 0 20px 0 32px;}
 .index-content .row2 .catalog-gallery .catalog-gallery-title h2{font-size: 18px;font-family:Oswald;color:#265452;padding-left: 10px;margin-bottom: -2px;}
 .index-content .row2 .catalog-gallery .catalog-gallery-title p{font-size: 14px;font-family:Oswald;font-weight:300;color:#d19f68;padding-left: 10px;margin-bottom: 0;}
 .index-content .row2 .catalog-gallery .catalog-gallery-title:before{content:"";position: absolute;height: 70px;background-image: url(../img/g-logo.png);width: 43px;background-repeat: no-repeat;background-color: white;left: -11px;background-position: center;top: 25%;background-size: 30px;}
#content .content-banner{}
#content .content .category-product .product-box:hover .product-name:after{
    margin: 8px 56px 0px 15px;
}






}