:root{

    --font-light:300;
    --font-regular:400;
    --font-medium:500;
    --font-semi-bold:600;
    --font-bold:700;
    --font-extra-bold:800;
}
*{padding: 0;margin: 0;}
body{font-family: 'Plus Jakarta Sans',sans-serif;}
/* ::before,
::after{content: '';position: absolute;} */
.scroll::-webkit-scrollbar-track{border-radius: 0px;background-color: transparent;}
.scroll::-webkit-scrollbar{width: 6px;background-color: transparent;transition:all ease .5s}
.scroll::-webkit-scrollbar-thumb{border-radius: 6px;background-color: #8bc041;}
.mt-70{margin-top: 70px!important;}
.mb-125{margin-bottom: 125px!important;}
img,figure, p, ul, a{margin: 0;padding: 0;list-style-type: none;transition: all ease .5s;text-decoration: none;}
header{background: #fff;height: 105px;position: relative;z-index: 9;}
.container-fluid{width: 1445px;}
.navbar-expand-lg{padding: 0;}
.navbar-brand{padding-top: 16px;}
.navbar-collapse{justify-content: flex-end;margin-top: -65px;}
.navbar-expand-lg .navbar-nav .nav-link{font-weight: var(--font-medium);color:#58595b;font-size: 19px;margin-right: 10px;justify-content: center;padding-top: 0;padding-bottom: 0;}
.navbar-expand-lg .navbar-nav .nav-link:hover{color:#66cc33;text-shadow: #00000036 0 0 10px;}
.navbar-expand-lg .navbar-nav .nav-item{line-height: 50px;}
.navbar-expand-lg .navbar-nav .nav-last-item{position: relative;}
.navbar-expand-lg .navbar-nav .nav-last-item .nav-link{margin-right:5px;height:50px;width: 55px;text-align:center;display: flex;align-items: center;}
.navbar-expand-lg .navbar-nav .nav-last-item:nth-last-child(2) .nav-link{border-top-left-radius: 26px;border-bottom-left-radius: 26px; background: #e6e7e8;}
.navbar-expand-lg .navbar-nav .nav-last-item:last-child .nav-link{border-top-right-radius: 26px;border-bottom-right-radius: 26px; background: #e6e7e8;}
.navbar-expand-lg .navbar-nav .nav-last-item ul{position: absolute;top: 0;left:0;width: 0;overflow: hidden;z-index: 9;opacity: 0;transition: all ease .5s;}
.navbar-expand-lg .navbar-nav .nav-last-item ul li a{border-top-left-radius: 0!important;border-bottom-left-radius: 0!important;border-top-right-radius: 26px;border-bottom-right-radius: 26px;}
.navbar-expand-lg .navbar-nav .nav-last-item:hover ul{left:55px;opacity: 1;width: 100%;}
.navbar-expand-lg .navbar-nav .nav-last-item .search-form{position: absolute;top: 0;width:0;right: 55px;transition: all ease .5s;overflow: hidden;}
.navbar-expand-lg .navbar-nav .nav-last-item .search-form input{height: 50px;width: 100%;border-top-left-radius: 26px;border-bottom-left-radius: 26px;background-color: #e6e7e8;padding-left: 20px;border: none;}
.navbar-expand-lg .navbar-nav .nav-last-item .search-form input:focus{outline: none;box-shadow: none;}
.navbar-expand-lg .navbar-nav .nav-last-item:hover .search-form{width:300px;}

.slider{height: 775px;position: relative;}
.slide-banner{width: 385px;height: 320px;background: #8bc041;position: absolute;bottom: -70px;right: 190px;}
.slide-banner-box{width: 100%;height: 250px;position: relative;}
.slide-banner-box-link a{display:block;height: 70px;background: #50b848;color:#fff;line-height: 70px;padding-left: 20px;}
.slide-banner-box-link a:hover{background: #003333;color:#fff;}
.slide-banner-box div{width:100%;height:100%;border:none;}

.home-about-content{height: 580px;position: relative;display: flex;justify-content: center; align-items: center;}
.about-center-text{width: 840px;}
.about-center-text h1{font-weight: var(--font-medium);font-size: 55px;color:#339999;margin-bottom: 80px;}
.about-center-text h1 span{font-weight: var(--font-bold);}
.about-center-text p{color:#58595b;font-size: 19px;margin-bottom: 40px;}
.about-center-text p:last-child{margin-bottom: 0;}
.about-left-image{position: absolute;left: 0;}
.about-right-image{position: absolute;right: 0;}

.product-slide{position: relative;padding-left: 237px;height: 670px;display: flex;align-items: flex-end;}
.product-slide::after{background: url(../images/slide-bg.jpg) no-repeat top left/cover;content: '';position: absolute;height: 500px;width: 100%;left: 0;top: 0;z-index: -1;}
.product-slide .product-content{width:630px;margin-bottom: 0;}
.product-content{background: #f7f7f7;width: 100%;margin-bottom: 55px;}
.product-slide-title{width: 390px;}
.slide-title-box h2{font-weight: var(--font-semi-bold);font-size: 45px;color:#fff;margin-bottom: 130px;}
.slide-title-box a.button{margin-bottom: 140px;}
.product-content{position: relative;}
.product-content .product-title{height: 100px;background: rgb(13,177,75);background: linear-gradient(90deg, rgba(13,177,75,1) 0%, rgba(141,198,63,1) 100%);line-height: 90px;color:#fff;display: flex;align-items: center;justify-content: center;}
.product-content .product-image{height: 570px;position: relative;overflow: hidden;}
.product-content:hover .product-image img{transform: scale(1.1);}
.product-content .product-action{display: flex;justify-content: space-between;padding: 0 30px 30px;align-items: center;position: absolute;width: 100%;bottom:0}
a.button{background: #66cc33;color:#fff;font-weight: var(--font-regular);font-size: 18px;width: 142px;height: 52px;line-height: 52px;text-align: center;display: inline-block;transition: all ease .5s;}
a.button:hover{background: #607d8b;color:#f7f7f7}
.product-content .product-action span{position: relative;font-weight: var(--font-semi-bold);font-size: 18px;color:#003333;padding-right: 46px;height: 30px;}
.product-content .product-action span::after{content: '';position: absolute;right: 0;width: 30px;height: 30px;background: #66cc33;}
.product-slide-wrapper{display: flex;align-items: center;justify-content: space-between;width: calc(100% - 390px);flex-wrap:wrap;}

.text-banner{width: 100%;height: 770px;background: url(../images/text-banner.png) no-repeat center center/cover;position: relative;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.text-banner::after{content:'';position:absolute;width:1445px;height: 145px;z-index: 1;backdrop-filter:blur(2px);}
.text-banner h3{font-weight: var(--font-medium);font-size: 55px;color:#003333;position: relative;z-index: 2;}
.text-banner h4{font-weight: var(--font-bold);font-size: 55px;color:#66cc33;position: relative;z-index: 2;}

.home-blog{position: relative;padding-top: 42px;}
.home-blog-title{margin-top:99px}
.home-blog::after{content:'';position: absolute;background: #f7f7f7;width: 100%;height: 400px;z-index: -1;top:0}
.home-blog-title h4{color:#66cc33;font-size: 50px;font-weight: var(--font-bold);margin-bottom: 125px;}
.home-blog-title a{color:#47484a;font-size: 18px;margin-bottom: 70px;display: inline-block;}
.home-blog-content{width: 480px;position: relative;transition: all ease .5s;}
.home-blog-text p{text-overflow: ellipsis;height: 80px;line-height: 80px;padding:0 20px;font-weight: var(--font-light);font-size: 22px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color:#003333}
.home-blog-text p a{color:#003333}
home-blog-text{background:#fff}
.blog-slide{display: flex;justify-content: center;column-gap: 30px;}
.home-blog-content:hover{box-shadow: rgba(0, 0, 0, 0.116) 4px 8px 16px;}

.document-row{display: flex;justify-content: space-between;flex-direction: row;align-items: center;}
.catalog-content{background: url('../images/catalog-bg.jpg') no-repeat center center/cover;height: 720px;width: 710px;display: flex;flex-direction: column;padding-left:80px;justify-content: flex-end;padding-bottom: 52px;transition: all ease .5s;}
.document-card{display: flex;row-gap: 33px;flex-direction: column;position: relative;}
.catalog-text{width: 310px;}
.catalog-text h3{font-weight: var(--font-semi-bold);font-size: 52px;color:#fff;margin-bottom: 105px;}
.catalog-action{margin-bottom: 50px;}
.catalog-action p,
.catalog-action a{font-family: var(--font-regular);font-size: 22px;color:#fff}
.document-card-row{position: relative;}
.document-card-banner{overflow: hidden;}
.document-card-row{transition: all ease .5s;}
.document-card-row:hover img{transform: scale(1.1);}
.document-card-row:hover  .document-card-banner,
.document-card:hover .catalog-content{box-shadow: rgba(0, 0, 0, 0.151) 4px 8px 16px;}
.document-card-text{width: 400px;position:absolute;top: 0;display: flex;flex-direction: column;justify-content: center;height: 100%;padding-left: 45px;row-gap: 90px;}
.document-card-text h3{font-weight: var(--font-bold);font-size: 50px;color: #fff;}
.document-card-text a{color:#fff;font-weight: var(--font-regular);font-size: 22px;}
.text-black{color: #033 !important;}




footer{background: #003333;position: relative;padding-top: 30px;}
.footer-row{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.footer-row .col{display: flex;justify-content: flex-end;flex: 1 0 0;}
.footer-row .col:first-child{justify-content: flex-start;}
.footer-row .col:nth-child(2) {justify-content: center;}
.widget h6{color: #66cc33;font-size: 15px;font-weight: var(--font-medium);margin-bottom: 15px;}
.widget a,
.widget p{color:#fff;font-weight: var(--font-light);font-size: 18px;}
.widget ul li{display: inline-block;border-left: solid 1px #fff;}
.widget ul li a{padding: 0 17px;}

.foot-menu{border-top: solid 1px rgba(255, 255, 255, 0.116);margin-top: 16px;padding: 15px 0 40px;}
.foot-menu ul{display: flex;width: 100%;justify-content: space-around;align-items: center;text-align: center;flex-wrap: wrap;}
.foot-menu ul li a{color:#fff;}
.widget a:hover,
.widget ul li a:hover,
.foot-menu ul li a:hover{color:#66cc33;}

.copyright{background: #fff;}
.copyright .row{height: 50px;}
.copyright p{font-size: 14px;font-weight: var(--font-regular);color:#6d6e71;padding-left: 60px;}
.copyright .up{position: absolute;background: #73cc20;color:#fff;width: 50px;height: 50px;border-radius:50%;display: flex;justify-content: center;align-items: center;border: solid 3px #fff;top: -25px;}
.copyright .up a{color:#fff;text-align: center;}

.swiper-blog,
.swiper-product{width:100%;overflow:hidden}
.product-arrow{position:relative;width:160px;display:flex;justify-content:space-between;height:57px}
.product-arrow .swiper-button-prev,
.product-arrow .swiper-button-next,
.product-arrow .swiper-rtl .swiper-button-prev,
.product-arrow .swiper-rtl .swiper-button-next{width:57px;height:57px;position:relative}
.product-arrow
.swiper-button-prev:after, 
.product-arrow .swiper-rtl .swiper-button-next:after{content:'';background:url('/content/images/left-slide-arrow.png') no-repeat center center;width:57px;height:57px}
.product-arrow
.swiper-button-next:after,
.product-arrow .swiper-rtl .swiper-button-prev:after{content:'';background:url('/content/images/right-slide-arrow.png') no-repeat center center;width:57px;height:57px}

.page-green{background:#66cc33;width: 100%;height:50px;margin-top:20px;}
.page-top{background: #003333;}
.page-img-top .page-title,
.page-top .page-title{color:#fff;font-weight: var(--font-bold); font-size: 25px;}
.page-top .page-row{display: flex;align-items: center;justify-content: space-between;padding: 9px 0;}
.page-img-top .page-top-link ul li,
.page-top .page-top-link ul li{display: inline-block;position: relative;font-weight: var(--font-regular);font-size: 16px;color:#fff;padding-left: 5px;}
.page-img-top .page-top-link ul li:not(:first-child)::before,
.page-top .page-top-link ul li:not(:first-child)::before{content: '';position: absolute;top:2px;bottom: 2px;width: 1px;background: #fff;left:0}
.page-img-top .page-top-link ul li,
.page-img-top .page-top-link ul li a,
.page-top .page-top-link ul li a{font-weight: var(--font-regular);font-size: 16px;color:#fff;position: relative;padding-left: 5px;}

.corporate-row{display: flex;align-items: center;justify-content: space-between;}
.corporate-text{padding-right: 80px;}
.corporate-text p{color:#838f9a;font-weight:var(--font-regular) ;font-size: 20px;text-indent: 20px;}
.corporate-text h2{font-weight: var(--font-semi-bold);font-size: 50px;color:#003399;margin-bottom: 52px;}
.corporate-row:nth-child(even){flex-direction: row-reverse;}
.corporate-row:nth-child(even) .corporate-text{padding-left: 80px;padding-right: 0;}
.corporate-text,
.corporate-image{width:50%}

.quality-content{position: relative;}
.quality-content::before{content: '';position: absolute;top: 0;width: 100%;background: #66cc33;height: 490px;z-index: -1;}
.quality-content h3{color:#fff;font-weight: var(--font-semi-bold);font-size: 40px;text-align: center;margin: 50px 0 30px;}
.quality-card{background: #fff;width: 1320px;margin: 0 auto;position: relative;padding:40px 85px;display: flex;justify-content: space-between;align-items: center;height: 379px;flex-wrap: wrap;}
.quality-card .quality-title{width: 310px;}
.quality-card .quality-text{width: 600px;}
.quality-card .quality-text p{color:#838f9a;font-weight:var(--font-regular) ;font-size: 20px;text-indent: 20px;margin-bottom: 50px;}
.quality-card .quality-text p:last-child{margin-bottom: 0;}
.quality-card .quality-title h4{font-size: 40px;font-weight: var(--font-medium);}
.quality-card .quality-title h4 span{font-size: 40px;font-weight: var(--font-bold);}

.files-content{position: relative;}
.files-content::before{content: '';position: absolute;height: 330px;width: 100%;top: calc(50% - 165px);background: #f1f2f2;z-index: -1;}
.file-image{width: 450px;height:545px;background: #fff;box-shadow: rgba(0, 0, 0, 0.082) 4px 8px 16px;transition: all ease .5s;}
.file-image:hover{box-shadow: none;}

.olive-row{position: relative;margin-bottom: 200px;height: 810px;}
.olive-row .olive-text{width: 620px;height: 700px;padding: 100px 50px 50px;position: absolute;top: 110px;left: 100px;background: #fff;box-shadow: rgba(0, 0, 0, 0.082) 4px 8px 16px;}
.olive-row .olive-text h2{font-weight: var(--font-medium);font-size: 40px;color:#66cc33;margin-bottom: 52px;}
.olive-row .olive-text h2 span{font-weight: var(--font-bold);}
.olive-row .olive-text p{color:#838f9a;font-weight:var(--font-regular) ;font-size: 20px;text-indent: 20px;margin-bottom: 50px;line-height: 38px;}
.olive-row:nth-child(even) .olive-text{left: initial;right: 100px;}

.blog-list{margin-top: 52px;margin-bottom: 125px;}
.blog-list-content{display: flex;column-gap: 25px;padding-bottom: 20px;margin-bottom: 20px;border-bottom: solid 1px #c3c3c3;}
.blog-list-content .blog-image{width: 432px;height: 252px;overflow: hidden;}
.blog-list-text{display: flex;flex-direction: column;justify-content:space-between;padding-top: 40px;width: 100%;}
.blog-list-text p{font-family: var(--font-regular);font-size: 20px;color:#878787}
.blog-list-text h3{font-size: 30px;font-weight: var(--font-semi-bold);color: black;margin-bottom: 20px;}
.blog-list-content:last-child{margin-bottom: 125px;}

.blog-actions{display: flex;flex-direction: row;justify-content: space-between;height: 50px;align-items: center;}
.blog-actions > a:first-child{color:#66cc33;font-size: 20px;font-family: var(--font-medium);}

.blog-actions a.button {width: 201px;height: 66px;font-family: var(--font-medium);font-size: 18px;border-radius: 33px;line-height: 66px;padding: 0 10px;display: flex;align-items: center;column-gap: 10px;transition: all ease .5s;}
.blog-actions a.button div {height: 42px;width: 42px;display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: all ease .5s;}
.blog-actions .button-orange-reflect div {background: #fff;width: 32px;height: 32px;}

.blog-page-navigator{position: relative;margin-top: 120px;}
.blog-page-navigator::after{content: '';position: absolute;width: 100%;height: 2px;background: #c3c3c3;top: calc(50% - 1px);z-index: -1;}
.navigator{width: 350px;margin: 0 auto;position: relative;background: #fff;display: flex;align-items: center;justify-content: space-evenly;}
.navigator input{width: 75px;height: 52px;border-radius: 7px;border:solid 1px #878787;text-align: center;font-size: 30px;font-family: var(--font-semi-bold);color:#575756}
.navigator label{font-family: var(--font-medium);color:#575756;font-size: 20px;}
.navigator ul{border-radius: 7px;border:solid 1px #878787;display: flex;align-items: center;width: 105px;height: 52px;text-align: center;justify-content: center;}
.navigator ul li a{font-size: 28px;color:#737373;}
.navigator ul li:first-child a{margin-right: 22px;}

#form form .line {width: 100%; float: left; margin-bottom: 25px;}
#form form .line label {width: 100%; float: left; font-size: 17.25px; color:#6d6e71; text-align: center; }
#form form .linekisa {width:48%; float: right; margin-bottom: 25px;  margin-right: 0px;}
#form form .linekisa:nth-child(2n+2) {float: left; margin-right: 4%;}
#form form .line input[type="number"] {width: 97%; float: left; border:1px solid #8a8a8b; height: 64px; padding-left: 3%; display: table; border-radius: 10px;}
#form form .line input[type="submit"] {float:right; padding: 15px 55px 12px 55px; background: #94d60a; color:#FFF; font-size: 18px; border:none; border-radius: 10px;}
#form form .linekisa input[type="text"] {width: 97%; float: left; border:1px solid #8a8a8b; height: 64px; padding-left: 3%; display: table; border-radius: 10px;}
#form form .line input[type="text"] {width: 97%; float: left; border:1px solid #8a8a8b; height: 64px; padding-left: 3%; display: table; border-radius: 10px;}
#form form .line textarea {width: 98%; float: left; border:1px solid #8a8a8b; height: 150px; padding-top:10px; margin-top:15px; padding-left: 2%; display: table; border-radius: 10px;}

.inputs {display: table; width: auto; padding-top:15px; }
.inputs .baslik {float: left; color:#6d6e71; font-size: 17.25px; margin-top:7px; width:100px; }
.inputs .input {float:left;margin-bottom: 10px; width:auto; margin-right: 37px;}
.inputs .input:last-child {margin-right: 0px;}
.contact-form .input-label{position:absolute;top:17px;font-weight:var(--font-regular);font-size:16px;color:#adadad;font-weight:400;left:12px}
.inputs .input input[type=radio].css-radio { display:none; width: 100%; }
.inputs .input input[type=radio].css-radio + label.css-label {cursor: pointer;  text-align: left!important; float:left; padding-left: 40px; font-size:15px; color:#282826; padding-top: 6px; padding-bottom: 6px; font-size: 15px; color:#606063; }
.inputs .input input[type=radio].css-radio:checked + label.css-label {text-align: left; background:url("/content/images/radioselectbg.png") no-repeat left top; }
.inputs .input label.css-label { background:url("/content/images/radiobg.png") no-repeat left top; font-weight: 300; }
.inputs .input label.css-label a { color:#ee3523; font-weight: 600; } 
.contact-form textarea,
.contact-form input{border-radius:8px;border:solid 2px #ececec;padding-top:14px;padding-bottom:14px;transition:all ease .5s;position:relative;z-index:2;background:transparent;cursor:auto}
.contact-form input:focus,
.contact-form textarea:focus{border:solid 2px #8dc63fd9;box-shadow:none;}
.contact-form .form-content{padding-left:0;position:relative;margin-bottom:10px}
.contact-form .input-label{position:absolute;top:17px;font-weight:var(--font-regular);font-size:16px;color:#adadad;font-weight:400;left:12px}
.contact-form .btn-send{width:200px;background:#8dc63f;color:#fff;border:none;height:45px;transition:all ease .5s;cursor:pointer;float:right;margin-top:25px;font-weight:var(--font-regular);}
.contact-form .btn-send:hover{background:#063579;}
.contact-form textarea{height:160px}


.banner-blog{ overflow: hidden;}
.banner-blog{box-shadow:#00000036 0 0 10px;transition:all ease .6s;margin-bottom:50px}
.blog-media{width:100%;transition:all ease .5S;overflow:hidden}
.blog-media img{width:100%;transition:all ease .5S}
.blog-text{padding: 10px 20px 20px 20px;}
.blog-text h5{text-align:left;color:#414042;font-size:20px;transition:all ease .6s;font-family:'Kumbh Sans';font-weight:600;height:45px;margin:0}
.blog-text a{text-decoration:none;text-align:left;text-decoration:none}
.blog-text p{font-size:14px;color:#a7a9ac;margin:0;font-family:'Kumbh Sans';font-weight:400;margin-top:20px}
 .blog-desc{    column-count: 2;font-family: 'Kumbh Sans';font-weight: 500;color: #414042;line-height: 38px;padding: 0 80px;}
.banner-blog:hover img{transform:scale(1.3)}
.banner-blog:hover h5{color:#8dc63f}

/* contact */
.maps-content iframe{margin: 55px 0 110px 0;height: 600px;width: 100%;border: none;}
.contact-section .item-box h5{color: #66cc33;}
.contact-section .item-box p{color:#58595b;font-size:20px; font-family:var(--font-medium);text-align: left;margin-bottom: 20px;}
.contact-section .item-box p a{color:#58595b;font-size:25px; font-family:var(--font-medium);}
.contact-section .icons-item{margin-bottom: 34px;border: solid 1px #ebebea;height: 347px;display: flex;align-items: center;padding: 0 30px 0 50px;}
.contact-section .icons-box-title a{color:#66cc33;font-size:20px; font-family:var(--font-regular)}
.contact-section .item-phone{display:flex;column-gap:40px;align-items:center;position:relative}
.contact-section ul.social-icons{list-style-type:none;margin:20px 0 0 0;padding:0;text-align:center}
.contact-section ul.social-icons li{display:inline-block;}
.contact-section ul.social-icons li a{color:#858385;padding:0 16px;border-left:solid 1px #858385;font-size:24px}
.contact-section ul.social-icons li:last-child a{border-right:solid 1px #858385}
.contact-section .m-t-20{margin-top:20px}
.contact-section .m-b-20{margin-bottom:20px}

.contact-section h3{text-align: center;font-weight: var(--font-regular);color:#66cc33;margin-bottom: 50px;font-size: 35px;}

.contact-section h2 {font-weight: var(--font-regular);color: #66cc33;text-align: center;font-size: 50px;}
.contact-section p {font-weight: var(--font-regular);color: #c7c8ca;font-size: 34px;text-align: center;}

.contact-input{width: 100%;border: none;border-bottom: solid 1px #cccccc;height: 50px;font-weight: var(--font-regular);font-size: 20px;margin-bottom: 20px;transition: all ease .5s;}
.contact-input:focus{outline:none;}
textarea.contact-input{height: 145px;margin:25px 0 35px;}

#contactForm{margin-top: 80px;}
#contactForm .button,
.contact-form .button{width: 190px;height: 66px;font-weight: var(--font-medium);font-size: 18px;border-radius: 33px;line-height: 66px;padding:0 10px;display: flex;align-items: center;column-gap: 10px;transition: all ease .5s;border:solid 1px #66cc33;color: #fff;background: #66cc33;}
#contactForm .button div,
.contact-form .button div{height: 42px;width: 42px;display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: all ease .5s;background: #fff;}
#contactForm .button-orange div,
.contact-form .button-orange div{border:solid 1px var(--color-orange);}
#contactForm  .button-orange:hover,
.contact-form .button-orange:hover{background:var(--color-orange);color: #fff;}
#contactForm .button-orange:hover div,
.contact-form .button-orange:hover div{background: #fff;}
#contactForm .button-white,
.contact-form .button-white{border:solid 1px #fff;color: #fff;}
#contactForm .button-white div,
.contact-form .button-white div{background: #fff;}
#contactForm .button-white:hover,
.contact-form .button-white:hover{background:var(--color-orange);border-color: var(--color-orange);color:#fff}

.page-img-top{background: url(../images/product-page.jpg) no-repeat center center/cover;height: 278px;}
.page-img-top .page-row{height: 278px;display: flex;justify-content: space-between;align-items: flex-end;padding-bottom:30px;}

.blog-detail-row{display: flex;justify-content: space-between;position: relative;}
.blog-detail-row::before{background: #f1f2f2;width: 100%;content: '';position: absolute;height: 494px;z-index: -1;}
.blog-detail-row::after{background: #66cc33;width: 370px;content: '';position: absolute;height: 494px;z-index: -1;right: 0;height: 27px;top: 494px;}
.blog-detail-image{margin-bottom: 50px;}
.blog-detail{width: 1015px;}
.blog-description{width: 100%;display: block;padding-right: 50px;}
.blog-description p{color:#878787;margin-bottom: 100px;font-weight: var(--font-regular);font-size: 20px;}
.blog-description p:last-child{margin-bottom: 0;}
.blog-aside{width: 370px;}
.blog-detail-text{width:100%;height: 494px;display: flex;align-items: flex-end;padding-bottom: 67px;}
.blog-detail-text h1{font-size: 45px;font-weight: var(--font-bold);color:#003333;}
.blog-sidebar{margin-top: 170px;border-top: #66cc33 10px solid;border-bottom: #66cc33 3px solid;padding: 25px 0;}
.blog-sidebar h3{margin-bottom: 45px;font-size: 32px;font-weight: var(--font-medium);color: #66cc33;}
.blog-sidebar ul li{margin-bottom: 40px;}
.blog-sidebar ul li a{display: flex;column-gap: 20px;align-items: center;font-size: var(--font-semi-bold);font-size: 21px;color: #66cc33;}
.blog-sidebar ul li a span{width: 220px;}

.product-detail-row{display: flex;column-gap: 28px;}
.product-detail-image{width: 660px;height: 735px;position: relative;text-align: center;overflow: hidden;background: #f7f7f7;}
.product-detail-title{height: 100px;background: rgb(13,177,75);background: linear-gradient(90deg, rgba(13,177,75,1) 0%, rgba(141,198,63,1) 100%);line-height: 90px;color: #fff;display: flex;align-items: center;width: 757px;padding:0 45px;margin-bottom: 30px;justify-content:space-between}
.page-sale{color: #fff;padding: 10px 20px;display: inline-block;margin: 0;font-size: 18px;background: #0a3333;line-height: 1;cursor: pointer;transition:all ease .5s}
.page-sale:hover{background:#66cc33;color:#fff;box-shadow:#0a33332e 0 0 10px}
.product-detail-col{margin-bottom: 30px;border:solid 1px #0033331e;padding: 22px 45px;}
.product-detail-col table tr td:first-child{width: 180px;font-weight: var(--font-medium);font-size: 16px;}
.product-detail-col table tr td:last-child{font-weight: var(--font-regular);font-size: 16px;}
.product-detail-col table tr{display: table;margin-bottom: 10px;color: #706f6f;}
.product-detail-col p{font-weight: var(--font-regular);font-size: 16px;color:#706f6f;line-height: 30px;}
.product-detail-text{width: 757px;}
.product-detail .product-slide::after{background:#003333!important;}
.product-detail .slide-title-box h2{color: #66cc33;}

.navbar-brand{z-index:9}
.navbar-toggler{margin-top:-40px}
.navbar-toggler:focus,
.navbar-toggler:hover{outline:none;box-shadow:none;border:none}

.container-box {display: flex;justify-content: start;column-gap:20px;align-items:end;}

.container-box .box {background-color: #f1f2f2;display: flex;flex-direction: column;justify-content: space-around;border-radius: 5px;padding: 20px;}

.container-box .captcha {font-family: var(--font-semi-bold);font-size: 18px;text-decoration: line-through;color:#939598;background-color:#f0f0f0;width:110px;height:43px;text-align:center;line-height:43px;margin-bottom:3px}

.container-box .restart a { text-decoration: none;}

.container-box .errmsg { color: black; padding: 5px; transition: 0.5s ease;}

.container-box input { width: 100%; margin-bottom: 3px;}

.required{border-color:#be0202;background:#be020246}
.home-blog-text{background:#fff}
.text-banner{overflow:hidden}

/* -------- b2b ----- */

.page-section{padding:80px 0}
.page-section h3{color:#003399;font-size:34px;font-weight:400;text-align:center}

/* orders */
.orders-form-content{margin-bottom:50px}
.order-form-search .form-control,
.order-check{width:100%;border:solid 2px #6d6e7129;text-align:center;color:#6d6e7151;font-weight:var(--font-medium);font-size:14px;border-radius:20px;height:41px;line-height:41px;padding:0;transition:all ease .5s;position:relative}
.btn-check:checked ~ .order-check,
.btn-check:checked ~ .order-check:focus,
.order-check:hover{background:#73cc20;color:#fff;border:none;box-shadow:none}
.order-form-search input:focus{border-color:#73cc20;box-shadow:none}
.order-form-search{position:relative}
.order-form-search .order-search-button{width:32px;height:32px;border-radius:15px;color:#fff;background:#00ccff;border:none;position:absolute;top:5px;right:20px;transition:all ease .5s}
.order-form-search .order-search-button:hover{background:#73cc20}
.orders-container{position:relative;width:100%;border:solid 2px #6d6e712b;padding:15px 30px;border-radius:23px;margin-bottom:30px;transition:all ease .5s}
.orders-container strong{font-weight:var(--font-semi-bold);;color:#0a3333;font-size:16px;width:100%;text-align:center;display:block}
.orders-container span{font-weight:var(--font-medium);color:#0000008b;font-size:16px;width:100%;text-align:center;display:block;margin-top:5px}
.orders-table,
.order-content-detail{display:flex;align-items:center;justify-content:space-between;transition:all ease .5s}
.orders-content .orders{margin-bottom:30px}
.orders-content .orders:first-child{margin-top:60px}
.orders-table{border:solid 2px #6d6e712b;border-radius:19px;overflow:hidden;padding:15px}
.order-content-detail .orders-detail-button{color:#fff;background:#73cc20;border-radius:22px;text-align:center;height: 45px;width: 123px;display: block;line-height: 45px;margin:0 0 0 auto;}
.order-image-text{display:flex;align-items:center;column-gap:30px}
.order-image-text .order-product-text span,
.order-image-text .order-product-text strong{text-align:left!important}
.order-product-image{overflow:hidden;text-align:center;display:flex;justify-content:center}

/* cart */
.orders-container{position:relative;width:100%;border:solid 2px #6d6e712b;padding:15px 30px;border-radius:23px;margin-bottom:30px;transition:all ease .5s}
.orders-container strong{font-weight:var(--font-semi-bold);color:#0a3333;font-size:16px;width:100%;text-align:center;display:block}
.orders-container span{font-weight:var(--font-medium);color:#0000008b;font-size:16px;width:100%;text-align:center;display:block;margin-top:5px}
.cart-container{padding:0!important;border:none!important}
.orders-table,
.order-content-detail{display:flex;align-items:center;justify-content:space-between;transition:all ease .5s}
.cart-container .orders{margin-bottom:30px}
.cart-container .orders:first-child{margin-top:60px}
.orders-table{border:solid 2px #6d6e712b;border-radius:19px;overflow:hidden;padding:15px}
.order-content-detail .orders-detail-button{color:#fff;background:#73cc20;border-radius:22px;text-align:center;height: 45px;width: 123px;display: block;line-height: 45px;margin:0 0 0 auto;}
.order-image-text{display:flex;align-items:center;column-gap:30px}
.order-image-text .order-product-text span,
.order-image-text .order-product-text strong{text-align:left!important}
.orders-container .offer-cart-piece{height:46px;line-height:46px;border-radius:4px;display:flex;text-align:center;align-items:center;justify-content:center}
.orders-container .offer-cart-piece a{text-decoration:none;color:#fff;width:19px;background:#0a3333;height:16px;text-align:center;line-height:16px}
.orders-container .offer-cart-piece a:first-child{margin-right:5px}
.orders-container .offer-cart-piece a:last-child{margin-left:5px}
.orders-container .offer-cart-piece input{width:35px;height:calc(46px - 5px);text-align:center;border:solid 1px #6d6e712b;margin-top:1px;border-radius:9px}
.orders-container .offer-cart-piece input:focus{border:none;outline:none}
.cart-actions{width:100%;margin-top:55px}
.cart-buttons a{border:solid 1px #0a3333;border-radius:8px;text-align:center;border:none;float:left;font-size:18px;font-weight:var(--font-bold);padding:10px 20px;color:#fff}
.cart-buttons a:first-child{background:#0a3333;}
.cart-buttons a:last-child{background:#73cc20;margin-left:20px}
.cart-total {text-align:right}
.cart-total .label{border:solid 1px #0a3333;border-radius:8px;text-align:center;padding:10px 20px;color:#fff;background:#0a3333;font-size:18px;font-weight:var(--font-bold);position:relative;}
.cart-total .label:first-child{margin-right:-15px;z-index:1}
.cart-total .label.price{color:#73cc20;background:#fff;z-index:2;padding:10px 25px}

/* login */
.login-form{font-weight:var(--font-regular);}
.login-title{text-align:left;font-weight:var(--font-regular);font-size:18px;color:#000000c7;margin-bottom:60px;margin-left:50px;width:500px;margin-top:20px}
.login-form .form-group {position:relative}
.login-form .form-group .show-pass{top: 21px!important;}
.login-form .form-group .form-select,
.login-form .form-group .form-control{transition:all ease .5s;height:61px;background:#80828519;font-size:18px;border-radius:40px;border:solid 1px transparent;padding-left:50px;margin-bottom:25px;}
.login-form .form-group .form-select:focus,
.login-form .form-group .form-control:focus{outline:none;box-shadow:none;border:solid 1px #8dc63fd9  }
.login-form .form-group .form-control::placeholder{color:#00000078;}
.login-button,
.sign-button{background:#73cc20;color:#fff;border-radius:27px;font-weight:var(--font-bold);font-size:20px;border:none;height:55px;transition:all ease .5s;}
.login-button{min-width:126px;float:right;margin-right:33px;text-align:center;}
.sign-button{min-width:152px;text-decoration:none;display:inline-block;line-height:55px;text-align:center;margin-top:50px}
.sign-button:hover,
.login-button:hover{background:#0a3333;color:#fff}
.login-forgot-password{font-weight:var(--font-medium);;font-size:16px;color:#706f6f6e;margin-left:50px;text-decoration:none;position:absolute;}
.login-forgot-password::after{content:'';border-bottom:1px solid #00000021;bottom:-10px;left:-50px;width:300px;position:absolute;}
.login-card{width:470px;border-radius:21px;background:#f6f6f6;padding:50px 50px;font-weight:var(--font-regular);font-size:18px;color:#000000c9;}
.login-card h3{color:#0a3333;font-weight:var(--font-semi-bold);font-size:40px;margin:0}
.login-card p{margin:27px 0 40px 0}
.login-card ul{list-style-type:none;padding:0;margin:0}
.form-check-input:checked{    background-color: #e94411;border-color: #e94411;}
.form-check-label{font-weight:var(--font-regular);font-size: 18px;}
/* sign */

/* Support */
.support-new-button {color: #73cc20;font-size: 17px;font-weight:var(--font-semi-bold);position: absolute;right: 0;top: 8px;transition: all ease .5s}
.support-new-button:hover {color: #0a3333}
.supports-table{display:flex;width:100%;flex-direction:row;border:solid 2px #80808035;border-radius:14px;padding:15px 0;justify-content: space-around;margin-bottom:30px;transition:all ease .5s;position:relative}
.support-detail table{width:100%;font-weight:var(--font-bold);;color:#0a3333;}
.support-detail table tr{width: 100%;display: flex;justify-content: space-between;}
.support-detail span{font-weight:var(--font-medium);;}
.support-text p{margin:0;color:#6d6e71}
.support-image{overflow:hidden;width:100px;display:flex;height:100%;justify-content:center;}
.support-container{margin-top:60px}
.orange{color:#73cc20}
.bg-orange{background:#73cc20;color:#fff}
.supports:hover .supports-table{box-shadow:#00000017  0 0 10px}
.supports-table a.overlay{position:absolute;z-index:2;opacity:1;inset:0}

/* account */
.support-new-button {color: #73cc20;font-size: 17px;font-weight:var(--font-semi-bold);position: absolute;right: 0;top: 8px;transition: all ease .5s}
.support-new-button:hover {color: #0a3333}
.supports-table{display:flex;width:100%;flex-direction:row;border:solid 2px #80808035;border-radius:14px;padding:15px 0;justify-content: space-around;margin-bottom:30px}
.support-detail table{width:100%;font-weight:var(--font-bold);;color:#0a3333;}
.support-detail table tr{width: 100%;display: flex;justify-content: space-between;}
.support-detail span{font-weight:var(--font-medium);;}
.support-text{border:solid 2px #80808035;display:flex;align-items:center;text-align:left;padding-left:20px;min-height:100px;border-radius:14px;margin-top:10px}
.support-text p{margin:0;color:#6d6e71}
.support-image{overflow:hidden;width:100px;display:flex;height:100%;justify-content:center;}
.support-container{margin-top:60px}
.orange{color:#73cc20}
.account-container{margin-top:30px}
.account-nav{width:100%;border-bottom:solid 2px #706f6f20;}
.account-nav .nav-item .nav-link, 
.account-nav .nav-link{color: #6d6e71;border: none;padding:10px 0;margin:0 35px;margin-bottom:-3px;font-weight:var(--font-semi-bold);;font-size:16px}
.account-nav .nav-item.show .nav-link, 
.account-nav .nav-link.active{ border-bottom: solid 5px #73cc20;}
.account-form{margin:70px 0 0 214px;width:610px;}
.account-form form{margin-top:60px}
.account-form strong{color:#0a3333;font-weight:var(--font-semi-bold);;font-size:18px;margin-left:25px}
.account-form p{font-weight:var(--font-regular);;font-size:16px;color:#6d6e71;margin:0}
#supportForm .form-select,
#supportForm .form-control,
.addres-form .form-select,
.account-form .form-select,
.addres-form .form-control,
.account-form .form-control{border:solid 2px #6d6e7120;border-radius:23px;margin-bottom:25px;padding:10px 20px;font-weight:var(--font-regular);}
#supportForm .form-control::placeholder,
.addres-form .form-control::placeholder,
.account-form .form-control::placeholder{color:#0000007f}
#supportForm .form-control:focus,
.addres-form .form-control:focus,
.account-form .form-control:focus{outline:none;box-shadow:none;border-color:#73cc20}
#supportForm .col-form-label,
#supportForm small {padding-left:30px;color:#0a3333;font-weight:var(--font-bold);}
#supportForm .form-control{margin-bottom: 5px;}
.address ul{position:absolute;right:0;right: 20px;top: 10px;}
.address ul li{display:block}
.address ul li a{color:#6d6e71;transition:all ease .5s;position:relative;font-weight:var(--font-bold);}
.address ul li a i{position:relative;z-index:1}
.address > ul > li > a::after{content: '';background: #6d6e71;position: absolute;width: 25px;height: 25px;border-radius: 50%;right: -9px;z-index: 0;top: -3px;opacity:0;transition:all ease .5s}
.address ul li a:hover::after{opacity:1}
.address ul li a:hover{color:#6d6e71}
.address ul li ul{background:#fff;color:#0a3333;border-radius:8px;padding: 20px;box-shadow:#6d6e7120 0 0 10px;}
.address ul li ul li a{color:#0a3333;display:block;font-size:18px;padding:3px 0}
.address ul li ul li a:hover{color:#73cc20}
#popover-password{position: absolute;right: -285px;background: #fff;padding: 30px;border-radius: 10px;top: -30px;border: solid 2px #6d6e7120;}
.control-label {text-align: left !important;padding-bottom: 4px;}
.progress {height: 3px !important;margin-bottom:10px}
.show-pass{position: absolute;top: 12px;right: 25px;}
.progress-bar-danger {background-color: #e90f10;}
.progress-bar-warning{background-color: #ffad00;}
.progress-bar-success{background-color: #02b502;}
.fa-eye{color: #022255;cursor: pointer;}
.ex-account p a{color: #f6086e;text-decoration: underline;}
.fa-circle{font-size: 6px;  }
.fa-check{color: #02b502;}

.quik-view-modal{border-radius: 0!important;background: rgb(255 255 255 / 80%);padding:20px;position:relative}
 .modal-dialog{max-width:960px}
 .quik-view-modal .btn-close{right: 25px;position: absolute;z-index:3}
 .quik-view-content{display:flex;align-items:center;}
 .quik-view-slide{border-radius:18px;background:#ededee;width:350px;padding:15px 50px}
 .quik-view-slide figure img{height:330px!important;width:auto!important}
 .quik-view-detail{padding-left:30px}
 .quik-view-detail .quik-view-title h2{font-size:28px;font-weight:300;color:#003399;}
 .quik-view-detail .quik-view-title h2 span{font-weight:500;}
 .quik-view-detail .quik-view-title h3{color:#808285;font-size:24px;}
 .quik-view-detail .quik-view-desc{margin:50px 0;border-top:solid 2px #dddddd;border-bottom:solid 2px #dddddd}
 .quik-view-detail .quik-view-desc table{padding:20px 0;display:block;color:#003399;font-weight:300}
 .quik-view-detail .quik-view-desc table tr td span{font-weight:500}
 .quik-view-detail .quik-view-form{display:flex;column-gap:27px;align-items:center}
 .quik-view-detail .quik-view-form input{width:88px;height:65px;border:solid 1px #33ccff;border-radius:23px;text-align:center;font-size:24px;font-weight:500;color:#808285}
 .quik-view-detail .quik-view-form input:is(:hover,:focus){outline:none;box-shadow:none}
 .quik-view-detail .quik-view-form .quik-view-piece {background: #8BC34A;height: 45px;line-height: 45px;border-radius: 4px;width:144px;display: flex;text-align: center;align-items: center;justify-content: space-evenly;border-radius:16px}
.quik-view-detail .quik-view-form .quik-view-piece button {text-decoration: none;color: #fff;width: 50%;font-size:24px;font-weight:500;border:none;background:none;margin-top: -5px;}
.quik-view-detail .quik-view-form a.cart-add ,
.quik-view-detail .quik-view-form a.alert-cart {min-width:250px;height:65px;text-align:center;display:block;line-height:65px;font-weight:500;font-size:24px;background:#66cc33;border-radius:23px;color:#fff;}
.quik-view-detail .quik-view-form a.cart-add:hover,
.quik-view-detail .quik-view-form a.alert-cart:hover{background:rgb(13,177,75)}
 #detailProduct .owl-nav{display:block!important}
 #detailProduct .owl-prev{margin-right:20px}
 #detailProduct .owl-nav{position: absolute;right: 0;top: -44px;}

.user-profile-content{display: flex;justify-content: flex-start;flex-direction: row;width: 100%;color: #003286;font-size: 18px;column-gap: 20px;align-items: center;flex-wrap: nowrap;}
.user-sidebar ul{margin-top:100px}
.user-sidebar ul li{display:block;margin-bottom:20px;}
.user-sidebar ul li a{color:#6d6e71;font-weight:var(--font-medium);font-size:15px;display:flex;column-gap:10px;transition:all ease .5s}
.user-sidebar ul li a.active,
.user-sidebar ul li a:hover{color:#ee4b25;}

.user-sidebar .menu-image{width:22px;height:22px;background-repeat:no-repeat;background-size:contain;background-position:center center;transition:all ease .5s}
.user-sidebar .menu-image.order{background-image:url("/content/images/orders-icon.png")}
.user-sidebar .menu-image.cart{background-image:url("/content/images/cart-icon.png")}
.user-sidebar .menu-image.support{background-image:url("/content/images/support-icon.png")}
.user-sidebar .menu-image.user{background-image:url("/content/images/user-icon.png")}
.user-sidebar .menu-image.exit{background-image:url("/content/images/exit-icon.png")}

.user-sidebar ul li a.active .exit,
.user-sidebar ul li a:hover .exit{background-image:url("/content/images/exit-hover-icon.png")}
.user-sidebar ul li a.active .cart,
.user-sidebar ul li a:hover .cart{background-image:url("/content/images/cart-hover-icon.png")}
.user-sidebar ul li a.active .user,
.user-sidebar ul li a:hover .user{background-image:url("/content/images/user-hover-icon.png")}
.user-sidebar ul li a.active .support,
.user-sidebar ul li a:hover .support{background-image:url("/content/images/support-hover-icon.png")}
.user-sidebar ul li a.active .order,
.user-sidebar ul li a:hover .order{background-image:url("/content/images/orders-hover-icon.png")}

.dealer-title{position:relative;}
.dealer-title h3{font-size:30px}

.account-button{color: #fff;background: #ee4b25;border-radius: 22px;text-align: center;height: 45px;min-width: 293px;display: block;line-height: 45px;margin: 0 0 0 auto;border:none;transition:all ease .5s}

.account-button[disabled]{background:#e9e9e9;color:#ee4b25}

.alert-input{border:red solid 1px!important}
.loading{background:#003286 url(/content/images/loading.gif) no-repeat center center!important;color:#fff!important;background-size:contain!important}
.product-category-content{column-gap:55px;}
.product-category-content .col-lg-6{width: 48%; padding: 0}
.no-cart h4{text-align:center;font-size: 2.8rem;margin:0;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: 0.033rem;color:#000;font-family:'gilroy-bold'}
.no-cart p{margin: 0.8rem 0 0;font-style: normal;line-height: 1.5;letter-spacing: -0.032rem;text-align: center;color: #000;font-family:'gilroy-medium'}
.preloader{position:fixed;inset:0;background:#fff;z-index:9999;display:flex;justify-content:center;align-items:center;transition:all ease .5s}
.preloader img{animation:fadeSlow 1s ease infinite;transition:all ease 1s}
@keyframes fadeSlow{
    0%{transform:scale(0.5)}
    50%{transform:scale(1)}
    100%{transform:scale(0.5)}
}
.preanimation{opacity:0}        

/* for small devices */
@media (max-width:480px) {
    body{overflow-x: hidden;}
    .container-fluid{width: 100%;}
     header{height:auto;padding:0 25px}
    .navbar-brand img{height:85px}
    .navbar-toggler{margin-top: -20px;background: #233926;color:#fff}
    .navbar-collapse{margin-top:0}
    .navbar-expand-lg .navbar-nav .nav-item:last-child{display:none}
    .slide-banner{display: none;}
    .home-about-content,
    .product-slide,
    .slider{height: auto;}
    .home-about-content{flex-direction: column;}
    .about-right-image,
    .about-left-image{position: relative;width: 100%;}
    .about-left-image img{width: 185px;}
    .about-right-image img{width: 285px;}
    .about-right-image{text-align: right;}
    .about-center-text{width: 100%;padding: 20px;}
    .about-center-text h1{font-size: 32px;text-align:center}
    .about-center-text p{text-align:center}
    .product-slide{flex-direction: column;padding-left: 0;}
    .product-slide-title{padding-top:25px;}
    .product-slide .product-content,
    .product-slide-title,
    .product-slide-wrapper{width: 100%;}
    .slide-title-box a.button,
    .slide-title-box h2{margin-bottom: 20px;}
    .slide-title-box{text-align: center;}
    .product-content .product-image{height: auto;}
    .product-content{margin-bottom: 20px!important;}
    .text-banner h4,
    .text-banner h3{font-size: 32px;padding: 0 20px;}
    .text-banner{height: 320px;text-align:center}
    .text-banner.mb-125{margin-bottom:25px!important}
    .home-blog-title{text-align: center;margin-top:10px}
    .home-blog-content{width: 100%;margin-bottom: 20px;}
    .blog-slide{flex-direction: column;}
    .document-card-text,
    .document-card-banner img,
    .corporate-image img,
    .blog-list-content .blog-image,
    .blog-slide img{width: 100%;}
    .product-detail-title{padding:0 20px!important}
    .catalog-content{width: 100%;padding:0 20px 50px;margin-bottom: 20px;}
    .footer-row,
    .foot-menu ul,
    .document-row{column-gap:33px;flex-direction:column;row-gap:33px}
    .document-card{width:100%;}
    .catalog-content{width:100%;height:auto;padding-top:55px;padding-left:30px}
    .catalog-text h3{margin-bottom:32px}
    .catalog-icon img{width:80px}
    .document-card-text h3,
    .catalog-text h3{font-size:20px}
    .document-card-text a,
    .catalog-action p, .catalog-action a{font-size:18px}
    .document-card-text,
    .document-card-banner img{width:100%}
    .document-card-text{row-gap:45px;padding-left:25px}
    .foot-menu ul,
    .footer-row{row-gap: 20px;justify-content: center;align-items: center;text-align: center;}
    .foot-menu{display:none}
    .copyright{padding: 20px 0 30px;text-align: center;margin-top:25px}
    .copyright .text-end{text-align: center!important;margin: 10px 0;padding-bottom: 20px;}
    .copyright p{padding: 10px 20px;margin-top: 50px;}
    .copyright .up{left: calc(50% - 25px);}


    .corporate-row:nth-child(even) .corporate-text,
    .corporate-text{text-align: center;padding:  0 20px;width:100%}
    .corporate-row{flex-direction: column;margin-bottom: 10px;}
    .corporate-row:nth-child(even){flex-direction: column;}
    .quality-card .quality-title,
    .quality-card{width: 100%;height: 100%;padding: 20px;}
    .quality-card{flex-direction: column;}
    .quality-card .quality-text{width: 100%;text-align: center;}
    .files-content .file-image,
    .files-content img{width:calc(100% - 25px);height:auto;margin:0 auto 25px}
    .files-content::before{width:calc(100% + 170px);left:-85px;height:280px;top:20px}
    .blog-list-content{flex-direction: column;}
    .blog-actions{margin-top: 50px;}
    .blog-detail-row{flex-direction: column-reverse;}
    .product-detail-image img,
    .product-detail-image,
    .product-detail-title,
    .product-detail-text,
    .blog-detail,
    .blog-aside{width: 100%!important;}
    .blog-detail-text{height: auto;}
    .blog-detail-row::after{display: none;}
    .blog-sidebar{margin-top: 20px;}
    .blog-description{padding-right: 0;}
    .blog-description p{text-align: center;}
    .product-detail-row{flex-direction: column;column-gap: 0;row-gap: 28px;}
    .product-detail-image{height: auto!important;}
    .product-detail-col table tr,
    .product-detail-col table tr td:first-child,
    .product-detail-col table tr td{width: 100%;display:block;text-align:center;margin:10px 0}
    .product-detail-col table{width:100%}
    .product-detail-col{padding: 20px;}
    .page-top .page-row{flex-direction: column;}
    .page-top-link{display:none}
    .olive-row{margin-bottom: 100px;height:auto}
    .olive-row .olive-text{width: 100%;height: auto;padding: 20px;left: 0;position: relative;top: 0;right: 0;}
    .olive-row:nth-child(even) .olive-text{left: 0;right: 0;}
    .copyright .row{height: auto;}
    .text-banner::after{width: 100%;}
    .product-arrow{margin:20px auto}
    .page-img-top .page-row,
    .page-img-top{height:auto;padding:10px 0;text-align:center}
    .page-img-top .page-row{padding-bottom:inherit}
    .product-arrow,
    .home-blog-title a,
    .home-blog-title h4{margin-bottom:15px}
    .navbar-expand-lg .navbar-nav .nav-item:nth-last-child(3) .nav-link,
    .navbar-expand-lg .navbar-nav .nav-link{margin:0;text-align:center}
    .navbar-collapse{background:#fff;padding:15px 0}
    .navbar-expand-lg .navbar-nav .nav-last-item .nav-link{margin:0 auto}
    .document-card {width: calc(100% - 40px);}
    .page-img-top .page-row {justify-content: center;align-items: center;flex-direction: column;}
    .product-content .product-title{padding:0 25px;text-align:center}
    .product-content .product-title h4{font-size:20px}
    .product-content .product-action a.button{width:100px;height:35px;line-height:35px;font-size:12px}
    .product-content .product-action span{    font-size: 12px;padding-right: 25px; height: 35px; line-height: 35px;}
    .product-content .product-action span::after{width:20px;height:20px;top:7.5px}
    .quality-card .quality-title h4,
    .page-img-top .page-title, .page-top .page-title{text-align:center}
     .olive-row .olive-text p{font-size:14px;margin-bottom:30px;line-height:25px}
    .olive-row .olive-text h2{font-size:32px;margin-bottom:40px}
    .olive-row .olive-text{padding: 50px; height: auto; width: 100%; position: relative; left: 0; top: 0;}
    .olive-row{height:auto;margin-bottom:25px}
    .olive-row:nth-child(2n) .olive-text{right:0}
    .blog-list-text h3{font-size:20px}
    .blog-list-text p{font-size:16px}
    .blog-actions > a:first-child{font-size:18px}
    .blog-actions a.button div{width:30px;height:30px}
    .blog-actions a.button{width:170px;height:45px;font-size:15px}
    .contact-section,
    .blog-list{padding:0 25px}
    .contact-section h2,
    .contact-section h3{font-size:28px}
    .contact-section p{font-size:24px}
    .contact-section ul.social-icons li a,
    .contact-section .icons-box-title a,
    .contact-section .item-box p a{font-size:14px}
    .contact-section .item-box h5{font-size:16px}
    .contact-section .icons-item{height:250px}
    .contact-section .item-box{margin:0 auto}
    #contactForm .button, .contact-form .button{margin:25px auto}
     .blog-detail-row::after{top:200px}
    .blog-detail-text,
    .blog-detail-row::before{height:auto}
    .blog-detail,
    .blog-aside{width:100%;text-align:center}
    .blog-detail-text{padding-bottom:0}
    .blog-detail-text h1{font-size:26px}
    .blog-detail-row{column-gap:20px;flex-direction:column-reverse}
    .blog-sidebar{margin-top:120px;display:none}
    .blog-sidebar h3{font-size:24px}
    .blog-sidebar ul li a{font-size:14px}
    .blog-sidebar ul li a img{width:32px}
    .blog-sidebar ul li{margin-bottom:20px}
    .blog-description p{font-size:14px;margin-bottom:25px}
     .corporate-content{padding:0 25px}
    .corporate-text{padding-right:25px}
    .corporate-row:nth-child(2n) .corporate-text{padding-left:25px}
    .corporate-row:nth-child(2n),
    .corporate-row{flex-direction:column;row-gap:25px;margin-top:25px}
    .corporate-text, .corporate-image{width:100%}
    .corporate-text h2{margin-bottom:20px;text-align:center;font-size:25px}
    .corporate-text p{font-size:16px}
}
@media (min-width:481px) and (max-width:992px) {
    .container-fluid{width:100%}
     header{height:auto;padding:0 25px}
    .navbar-brand img{height:85px}
    .navbar-expand-lg .navbar-nav .nav-link{margin-right:0;text-align:center}
    .navbar-expand-lg .navbar-nav .nav-item:nth-last-child(3) .nav-link{margin-right:0}
    .navbar-expand-lg .navbar-nav .nav-last-item{margin:0 auto}
    .slider{height:auto}
    .slide-banner{width:180px;height:140px;bottom:-40px;right:25px}
    .slide-banner-box{height:100px}
    .slide-banner-box-link a{height:40px;font-size:14px;line-height:40px}
    .about-left-image,
    .about-right-image{display:none}
    .about-right-image img{width:360px}
    .about-center-text h1{font-size:36px;margin-bottom:40px}
    .about-center-text p{font-size:16px;margin-bottom:20px}
    .home-about-content{height:auto;padding-top:50px}
    .about-center-text{width: calc(100% - 200px);text-align: center;}
    .product-slide{padding:50px 25px 0;align-items: center;height:auto;flex-direction:column}
    .product-slide .product-content{width:100%;height:auto}
    .product-content .product-image{height:auto}
    .product-slide::after {height:320px    }
    .product-slide-title{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;row-gap:20px}
    .slide-title-box{display:flex;column-gap:50px}
    .slide-title-box h2,
    .slide-title-box a.button{margin-bottom:0}
    .slide-title-box h2{font-size:24px}
    .product-content .product-title{padding:0 25px;text-align:center}
    .product-content .product-title h4{font-size:20px}
    .product-content .product-action a.button{width:80px;height:25px;line-height:25px;font-size:12px}
    .product-content .product-action span{font-size:12px;padding-right:25px;height:20px}
    .product-content .product-action span::after{width:20px;height:20px}
    .product-arrow .swiper-button-next::after, .product-arrow .swiper-rtl .swiper-button-prev::after ,
    .product-arrow .swiper-button-prev::after, .product-arrow .swiper-rtl .swiper-button-next::after,
    .product-arrow .swiper-button-prev, .product-arrow .swiper-button-next, .product-arrow .swiper-rtl .swiper-button-prev, .product-arrow .swiper-rtl .swiper-button-next{height:30px;width:30px}
    .product-arrow .swiper-button-next::after, .product-arrow .swiper-rtl .swiper-button-prev::after,    
    .product-arrow .swiper-button-prev::after, .product-arrow .swiper-rtl .swiper-button-next::after{background-size:contain}
    .product-arrow{width:90px;height:40px}
    .slide-title-box a.button{font-size: 14px; width: 90px; height:30px; line-height:30px;}
    .product-slide-wrapper{width:100%}
    .text-banner{height:189px}
    .text-banner h3{font-size:18px}
    .text-banner h4{font-size:16px}
    .text-banner.mb-125{margin-bottom:35px!important}
    .blog-row{padding:0 25px}
    .blog-row .col-lg-4{display:flex;justify-content:space-between;align-items:center}
    .home-blog-title{display:flex;column-gap:50px;align-items:center}
    .home-blog-content{width:100%}
    .home-blog-title{margin-top:0}
    .home-blog-title h4{margin-bottom:0;font-size:24px}
    .home-blog-title a{margin-bottom:0;font-size:12px}
    .home-blog-text p{font-size:14px}
    .home-blog::after {height:250px}
    .document-row{padding:0 25px;column-gap:33px;flex-direction:column;row-gap:33px}
    .document-card{width:100%;}
    .catalog-content{width:100%;height:auto;padding-top:55px;padding-left:30px}
    .catalog-text h3{margin-bottom:32px}
    .catalog-icon img{width:80px}
    .document-card-text h3,
    .catalog-text h3{font-size:30px}
    .document-card-text a,
    .catalog-action p, .catalog-action a{font-size:18px}
    .document-card-text,
    .document-card-banner img{width:100%}
    .document-card-text{row-gap:45px;padding-left:25px}
    .copyright,
    .footer-row{padding:0 25px;flex-direction:column;row-gap:5px}
    .footer-row .col{margin:5px auto;text-align:center}
    .foot-menu{padding:15px 25px 40px;display:none}
    .footer-row .col img{width:100px}
    .foot-menu ul li a,
    .copyright p,
    .widget a, .widget p{font-size:8px}
    .widget h6{font-size:14px;margin-bottom:5px}
    .copyright .text-end{text-align:center!important}
    .copyright .text-end img{width:60px}
    .copyright .up{width:30px;height:30px;top:-15px;border-width:1px}
    .copyright p{padding-left:10px;text-align:center;font-size:12px}
    .page-top .page-row{padding:9px 25px}
    .page-green{height:14px}
    .page-img-top .page-title, .page-top .page-title{font-size:8px}
    .page-img-top .page-top-link ul li, .page-top .page-top-link ul li,
    .page-img-top .page-top-link ul li, .page-img-top .page-top-link ul li a, .page-top .page-top-link ul li a{font-size:8px;text-align:right}
    .page-top .page-top-link ul{text-align:right}
    .about-center-text h1{font-size:36px;margin-bottom:40px}
    .about-center-text p{font-size:16px;margin-bottom:20px}
    .home-about-content{height:auto;padding-top:50px}
    .corporate-text h2{font-size:32px}
    .corporate-text p{font-size:12px;text-align:center}
    .files-content,
    .corporate-content{padding:0 25px;overflow:hidden}
    .corporate-text{padding-right:25px}
    .corporate-row:nth-child(2n) .corporate-text{padding-left:25px}
    .corporate-row:nth-child(2n),
    .corporate-row{flex-direction:column;row-gap:25px;margin-top:25px}
    .corporate-text, .corporate-image{width:100%}
    .corporate-text h2{margin-bottom:20px;text-align:center;font-size:18px}
     .quality-content h3{font-size:32px}
    .quality-card{width: calc(100% - 170px);padding: 40px 60px 20px;height:auto}
    .quality-card .quality-title h4 span,
    .quality-card .quality-title h4{font-size:24px}
    .quality-card .quality-title,
    .quality-card .quality-text{text-align:center;width:100%}
    .quality-content::before {height:300px}
    .quality-card .quality-text p{font-size:14px;margin-bottom:10px}
    .files-content .file-image,
    .files-content img{width:calc(100% - 25px);height:auto;margin:0 auto 25px}
    .files-content::before{width:calc(100% + 170px);left:-85px;height:280px;top:20px}
    .page-img-top .page-row{padding:0 25px 30px;height:75px}
    .page-img-top{height:75px}
    .product-content .product-title{height:70px;}
    .product-content .product-title h4{font-size:18px}
    .product-detail-image,
    .product-detail-text{width:100%;height:auto}
    .product-detail-text .product-detail-title{width:100%;height:130px;flex-direction:column;justify-content:center;padding:40px 20px}
    .product-detail-text .product-detail-title h4{padding-left:15px;font-size:18px;margin:0}
    .product-detail-col p{font-size:12px}
    .product-detail-row{flex-direction:column}
    .olive-row .olive-text p{font-size:14px;margin-bottom:30px;line-height:25px}
    .olive-row .olive-text h2{font-size:32px;margin-bottom:40px}
    .olive-row .olive-text{padding: 50px; height: auto; width: 100%; position: relative; left: 0; top: 0;}
    .olive-row{height:auto;margin-bottom:25px}
    .olive-row:nth-child(2n) .olive-text{right:0}
    .blog-list-text h3{font-size:20px}
    .blog-list-text p{font-size:16px}
    .blog-actions > a:first-child{font-size:18px}
    .blog-actions a.button div{width:30px;height:30px}
    .blog-actions a.button{width:170px;height:45px;font-size:15px}
    .contact-section,
    .blog-list{padding:0 25px}
    .blog-list-content .blog-image{width:380px;margin:0 auto}
    .blog-list-content{flex-direction:column;justify-content:center;text-align:center}
    .contact-section h2,
    .contact-section h3{font-size:28px}
    .contact-section p{font-size:24px}
    .contact-section ul.social-icons li a,
    .contact-section .icons-box-title a,
    .contact-section .item-box p a{font-size:14px}
    .contact-section .item-box h5{font-size:16px}
    .contact-section .icons-item{height:250px}
    .contact-section .item-box{margin:0 auto}
    #contactForm .button, .contact-form .button{margin:25px auto}
    .blog-detail-row::after{top:200px}
    .blog-detail-text,
    .blog-detail-row::before{height:auto}
    .blog-detail,
    .blog-aside{width:100%;text-align:center}
    .blog-detail-text{padding-bottom:0}
    .blog-detail-text h1{font-size:26px}
    .blog-detail-row{column-gap:20px;flex-direction:column-reverse}
    .blog-sidebar{margin-top:120px;display:none}
    .blog-sidebar h3{font-size:24px}
    .blog-sidebar ul li a{font-size:14px}
    .blog-sidebar ul li a img{width:32px}
    .blog-sidebar ul li{margin-bottom:20px}
    .blog-description p{font-size:14px;margin-bottom:25px}
    .page-img-top .page-top-link ul, .page-top .page-top-link ul{text-align:right}
}
@media (min-width:993px) and (max-width:1099px) {
    .container-fluid{width:100%}
    header{height:68px;padding:0 75px}
    .navbar-brand img{height:85px}
    .navbar-expand-lg .navbar-nav .nav-link{margin-right:10px;font-size:14px}
    .navbar-expand-lg .navbar-nav .nav-last-item .nav-link{width:30px;height:30px}
    .navbar-expand-lg .navbar-nav .nav-last-item .nav-link img{width:20px}
    .navbar-expand-lg .navbar-nav .nav-item{line-height:30px}
    .navbar-expand-lg .navbar-nav .nav-last-item:hover ul{left:35px;}
    .navbar-expand-lg .navbar-nav .nav-last-item .search-form{right:35px;}
    .navbar-expand-lg .navbar-nav .nav-last-item:hover .search-form{width:300px;}
    .navbar-expand-lg .navbar-nav .nav-last-item .search-form input{height:30px}
    .navbar-collapse{margin-top:-10px}
    .slider{height:auto}
    .slide-banner{width:180px;height:140px;bottom:-40px;right:75px}
    .slide-banner-box{height:100px}
    .slide-banner-box-link a{height:40px;font-size:14px;line-height:40px}
    .about-left-image img{width:140px}
    .about-left-image,
    .about-right-image{z-index:-1}
    .about-right-image img{width:360px}
    .about-center-text h1{font-size:36px;margin-bottom:40px}
    .about-center-text p{font-size:16px;margin-bottom:20px}
    .home-about-content{height:auto;padding-top:50px}
    .about-center-text{width: calc(100% - 200px);text-align: center;}
    .product-slide{padding-left:75px;align-items: start;height:auto}
    .product-slide .product-content{width:100%;height:auto}
    .product-content .product-image{height:auto}
    .product-slide::after {height:320px    }
    .product-slide-title{width:340px}
    .slide-title-box h2,
    .slide-title-box a.button{margin-bottom:50px}
    .slide-title-box h2{margin-top:25px;font-size:36px}
    .product-content .product-title{padding:0 25px;text-align:center}
    .product-content .product-title h4{font-size:20px}
    .product-content .product-action a.button{width:90px;height:35px;line-height:35px;font-size:12px}
    .product-content .product-action span{font-size:12px;padding-right:25px;height:20px}
    .product-content .product-action span::after{width:20px;height:20px}
    .product-arrow .swiper-button-next::after, .product-arrow .swiper-rtl .swiper-button-prev::after ,
    .product-arrow .swiper-button-prev::after, .product-arrow .swiper-rtl .swiper-button-next::after,
    .product-arrow .swiper-button-prev, .product-arrow .swiper-button-next, .product-arrow .swiper-rtl .swiper-button-prev, .product-arrow .swiper-rtl .swiper-button-next{height:30px;width:30px}
    .product-arrow .swiper-button-next::after, .product-arrow .swiper-rtl .swiper-button-prev::after,    
    .product-arrow .swiper-button-prev::after, .product-arrow .swiper-rtl .swiper-button-next::after{background-size:contain}
    .product-arrow{width:90px}
    .slide-title-box a.button{font-size: 14px; width: 120px; height: 42px; line-height: 42px;}
    .text-banner{height:389px}
    .text-banner h3{font-size:32px}
    .text-banner h4{font-size:28px}
    .text-banner.mb-125{margin-bottom:35px!important}
    .blog-row{padding-left: 75px}
    .home-blog-content{width:100%}
    .home-blog-title{margin-top:0}
    .home-blog-title h4{margin-bottom:50px;font-size:36px}
    .home-blog-title a{margin-bottom:30px;font-size:16px}
    .home-blog::after {height:250px}
    .document-row{padding:0 75px;column-gap:33px}
    .document-card{width:50%;}
    .catalog-content{width:100%;height:auto;padding-top:38px}
    .catalog-text h3{margin-bottom:32px}
    .catalog-icon img{width:120px}
    .document-card-text h3,
    .catalog-text h3{font-size:30px}
    .document-card-text a,
    .catalog-action p, .catalog-action a{font-size:18px}
    .document-card-text,
    .document-card-banner img{width:100%}
    .document-card-text{row-gap:45px}
    .copyright,
    .footer-row{padding:0 75px}
    .foot-menu{padding:15px 75px 40px}
    .footer-row .col img{width:100px}
    .foot-menu ul li a,
    .copyright p,
    .widget a, .widget p{font-size:12px}
    .widget h6{font-size:14px}
    .copyright .text-end img{width:60px}
    .copyright .up{width:30px;height:30px;top:-15px;border-width:1px}
    .copyright p{padding-left:10px}
    .page-top .page-row{padding:9px 75px}
    .page-green{height:14px}
    .page-img-top .page-title, .page-top .page-title{font-size:18px}
    .page-img-top .page-top-link ul li, .page-top .page-top-link ul li,
    .page-img-top .page-top-link ul li, .page-img-top .page-top-link ul li a, .page-top .page-top-link ul li a{font-size:14px}
    .about-center-text h1{font-size:36px;margin-bottom:40px}
    .about-center-text p{font-size:16px;margin-bottom:20px}
    .home-about-content{height:auto;padding-top:50px}
    .corporate-text h2{font-size:32px}
    .corporate-text p{font-size:14px}
    .files-content,
    .corporate-content{padding:0 75px}
    .corporate-text{padding-right:40px}
    .corporate-row:nth-child(2n) .corporate-text{padding-left:40px}
    .corporate-text h2{margin-bottom:20px}
    .quality-content h3{font-size:32px}
    .quality-card{width: calc(100% - 170px);padding: 40px 60px 20px;height:auto}
    .quality-card .quality-title h4 span,
    .quality-card .quality-title h4{font-size:24px}
    .quality-card .quality-title,
    .quality-card .quality-text{text-align:center;width:100%}
    .quality-content::before {height:300px}
    .quality-card .quality-text p{font-size:14px;margin-bottom:10px}
    .files-content .file-image,
    .files-content img{width:100%;height:auto}
    .files-content::before{width:calc(100% + 170px);left:-85px;height:280px;top:20px}
    .page-img-top .page-row{padding:0 75px 30px;height:150px}
    .page-img-top{height:150px}
    .product-content .product-title{height:70px;}
    .product-content .product-title h4{font-size:18px}
    .product-detail-image,
    .product-detail-text{width:50%;height:auto}
    .product-detail-text .product-detail-title{width:100%;height:50px}
    .product-detail-text .product-detail-title h4{padding-left:15px;font-size:18px;margin:0}
    .product-detail-col p{font-size:12px}
    .olive-row .olive-text p{font-size:14px;margin-bottom:30px;line-height:25px}
    .olive-row .olive-text h2{font-size:32px;margin-bottom:40px}
    .olive-row .olive-text{padding:50px;height:auto}
    .olive-row{height:auto}
    .blog-list-text h3{font-size:20px}
    .blog-list-text p{font-size:16px}
    .blog-actions > a:first-child{font-size:18px}
    .blog-actions a.button div{width:30px;height:30px}
    .blog-actions a.button{width:170px;height:45px;font-size:15px}
    .contact-section,
    .blog-list{padding:0 75px}
    .contact-section h2,
    .contact-section h3{font-size:28px}
    .contact-section p{font-size:24px}
    .contact-section ul.social-icons li a,
    .contact-section .icons-box-title a,
    .contact-section .item-box p a{font-size:14px}
    .contact-section .item-box h5{font-size:16px}
    .contact-section .icons-item{height:250px}
    .blog-detail-row::after{top:250px}
    .blog-detail-text,
    .blog-detail-row::before{height:250px}
    .blog-detail-text{padding-bottom:0}
    .blog-detail-text h1{font-size:32px}
    .blog-detail-row{column-gap:20px}
    .blog-sidebar{margin-top:120px}
    .blog-sidebar h3{font-size:24px}
    .blog-sidebar ul li a{font-size:14px}
    .blog-sidebar ul li a img{width:32px}
    .blog-sidebar ul li{margin-bottom:20px}
    .blog-description p{font-size:14px}
    .page-img-top .page-top-link ul, .page-top .page-top-link ul{text-align:right}
}
@media (min-width:1100px) and (max-width:1280px) {
    .container-fluid{width:100%}
    .navbar-expand-lg{padding:0 85px}
    .navbar-brand img{height:100px}
    .navbar-expand-lg .navbar-nav .nav-link{margin-right:10px;font-size:14px}
    .navbar-expand-lg .navbar-nav .nav-last-item .nav-link{width:30px;height:30px}
    .navbar-expand-lg .navbar-nav .nav-last-item .nav-link img{width:20px}
    .navbar-expand-lg .navbar-nav .nav-item{line-height:30px}
    .slide-banner{bottom:-40px;right:80px;width:200px;height:140px}
    .slide-banner-box{height:100px}
    .slide-banner-box-link a{height:40px;line-height:40px}
    .slider{height:auto}
    .about-left-image img{width:140px}
    .about-right-image{z-index:-1}
    .about-right-image img{width:360px}
    .product-slide{padding-left:85px;align-items: start;height:auto}
    .product-slide .product-content{width:100%;height:auto}
    .product-content .product-image{height:auto}
    .product-slide::after {height:340px    }
    .slide-title-box h2,
    .slide-title-box a.button{margin-bottom:50px}
    .slide-title-box h2{margin-top:25px;font-size:36px}
    .product-content .product-title{padding:0 25px;text-align:center}
    .product-content .product-action a.button{width:90px;height:35px;line-height:35px;font-size:12px}
    .product-content .product-action span{font-size:12px;padding-right:25px;height:20px}
    .product-content .product-action span::after{width:20px;height:20px}
    .text-banner{height:380px}
    .text-banner h3{font-size:34px}
    .text-banner h4{font-size:32px}
    .blog-row{padding-left: 85px}
    .home-blog-content{width:100%}
    .home-blog-title{margin-top:0}
    .home-blog-title h4{margin-bottom:50px;font-size:36px}
    .home-blog-title a{margin-bottom:100px}
    .home-blog::after {height:270px}
    .document-row{padding:0 85px;column-gap:33px}
    .document-card{width:50%;}
    .catalog-content{width:100%;height:auto;padding-top:75px}
    .catalog-text h3{margin-bottom:32px}
    .catalog-icon img{width:120px}
    .document-card-text h3,
    .catalog-text h3{font-size:32px}
    .document-card-text a,
    .catalog-action p, .catalog-action a{font-size:18px}
    .document-card-text,
    .document-card-banner img{width:100%}
    .document-card-text{row-gap:45px}
    .copyright,
    .footer-row{padding:0 85px}
    .foot-menu{padding:15px 85px 40px}
    .footer-row .col img{width:100px}
    .foot-menu ul li a,
    .copyright p,
    .widget a, .widget p{font-size:12px}
    .widget h6{font-size:14px}
    .copyright .text-end img{width:60px}
    .copyright .up{width:30px;height:30px;top:-15px;border-width:1px}
    .copyright p{padding-left:10px}
    .about-center-text h1{font-size:36px;margin-bottom:40px}
    .about-center-text p{font-size:16px;margin-bottom:20px}
    .home-about-content{height:auto;padding-top:50px}
    .corporate-text h2{font-size:32px}
    .corporate-text p{font-size:14px}
    .files-content,
    .corporate-content{padding:0 85px;overflow:hidden}
    .navbar-collapse{margin-top:-25px}
    header{height:80px}
    .page-top .page-row{padding:9px 85px}
    .page-green{height:14px}
    .page-img-top .page-title, .page-top .page-title{font-size:18px}
    .page-img-top .page-top-link ul li, .page-top .page-top-link ul li,
    .page-img-top .page-top-link ul li, .page-img-top .page-top-link ul li a, .page-top .page-top-link ul li a{font-size:14px}
    .quality-content h3{font-size:32px}
    .quality-card{width: calc(100% - 170px);padding: 40px 60px 20px;height:auto}
    .quality-card .quality-title h4 span,
    .quality-card .quality-title h4{font-size:24px}
    .quality-card .quality-title,
    .quality-card .quality-text{text-align:center;width:100%}
    .quality-content::before {height:300px}
    .quality-card .quality-text p{font-size:14px;margin-bottom:10px}
    .files-content .file-image,
    .files-content img{width:100%;height:auto}
    .files-content::before{width:calc(100% + 170px);left:-85px}
    .page-img-top .page-row{padding:0 85px 30px;height:150px}
    .page-img-top{height:150px}
    .product-content .product-title{height:70px;}
    .product-content .product-title h4{font-size:18px}
    .product-detail-image,
    .product-detail-text{width:50%;height:auto}
    .product-detail-text .product-detail-title{width:100%;height:70px}
    .product-detail-text .product-detail-title h4{padding-left:15px;font-size:18px}
    .product-detail-col p{font-size:12px}
    .olive-row .olive-text p{font-size:14px;margin-bottom:30px;line-height:25px}
    .olive-row .olive-text h2{font-size:32px;margin-bottom:40px}
    .olive-row .olive-text{padding:50px;height:auto}
    .olive-row{height:auto}
    .blog-list-text h3{font-size:20px}
    .blog-list-text p{font-size:16px}
    .blog-actions > a:first-child{font-size:18px}
    .blog-actions a.button div{width:30px;height:30px}
    .blog-actions a.button{width:170px;height:45px;font-size:15px}
    .contact-section,
    .blog-list{padding:0 85px}
    .contact-section h2,
    .contact-section h3{font-size:28px}
    .contact-section p{font-size:24px}
    .contact-section ul.social-icons li a,
    .contact-section .icons-box-title a,
    .contact-section .item-box p a{font-size:14px}
    .contact-section .item-box h5{font-size:16px}
    .contact-section .icons-item{height:250px}
    .blog-detail-row::after{top:300px}
    .blog-detail-text,
    .blog-detail-row::before{height:300px}
    .blog-detail-text{padding-bottom:0}
    .blog-detail-text h1{font-size:32px}
    .blog-detail-row{column-gap:20px}
    .blog-sidebar{margin-top:120px}
    .blog-sidebar h3{font-size:24px}
    .blog-sidebar ul li a{font-size:14px}
    .blog-sidebar ul li a img{width:32px}
    .blog-sidebar ul li{margin-bottom:20px}
    .page-img-top .page-top-link ul, .page-top .page-top-link ul{text-align:right}
}
@media (min-width:1281px) and (max-width:1680px) {
    .container-fluid{width:100%}
    .about-left-image img{width:240px}
    .about-right-image{z-index:-1}
    .about-right-image img{width:460px}
    .product-slide .product-content{width:100%}
    .product-content .product-image{height:auto}
    .product-arrow{margin-bottom:50px}
    .product-slide{padding-left:85px}
    .product-content .product-title{padding:0 20px}
    .product-arrow{margin-left:85px}
    .home-blog-title{padding-left:85px}
    .home-blog-content{width:100%}
    .document-row{padding:0 85px;column-gap:33px}
    .document-card{width:50%}
    .catalog-content{width:100%}
    .slider{height:auto}
    .slide-banner{bottom:-70px;right:80px}
    .navbar-expand-lg{padding:0 85px}
    .navbar-brand img{height:130px}
    .navbar-expand-lg .navbar-nav .nav-link{margin-right:30px;font-size:16px}
    .copyright,
    .page-top .page-row,
    .files-content,
    .corporate-content,
    .blog-list,
    .contact-section,
    .footer-row{padding:0 85px}
    .foot-menu{padding:15px 85px 40px}
    .page-green{height:20px}
    .files-content .file-image{width:100%;height:auto}
    .files-content .file-image img{width:100%}
    .page-img-top .page-row{padding-left: 85px;padding-right:85px;height:150px}
    .page-img-top{height:150px}
    .product-detail-image,
    .product-detail-text{width:100%;height:auto}
    .product-slide .product-arrow{margin-left:0}
    .blog-detail-row{column-gap:20px}
    .sifa .home-blog-title,
    .sifa .blog-slide{margin-top:0px}
    .blog-slide{margin-top:45px}
}


@media  (min-width:2048px) {
    body{
        zoom:1.3;
    }
}

@media  (min-width:3840px) {
    body{
        zoom:1.7;
    }
}