*{margin: 0;padding: 0;}
:root{
    /* colors */
    --red-color:#ed1c24;
    --black-color:#000000;
    --title-color:#4c3231;
    --title-color-gray:#b6b6b6;
    --body-color:#fff;
    --gray-color:#f3f3f3;
    --gray-dark-color:#404040;
    --white-color:#fff;
    --text-color:#282828;
  
    /* fonts */
    --body-font:'Titillium Web', sans-serif;
    --font-bold:700;
    --font-regular:400;
    --font-light:300;
    --shadow: #ed1c237e 0 0 10px
}
a{text-decoration: none;transition: all ease .5s;}
figure,
p,
h1,h2,h3,h4,h5,h6{margin: 0;padding:0}
ul{list-style-type: none;margin: 0;padding: 0;}
.bg-gray{background: var(--gray-color);}
.bg-dark-gray{background: var(--gray-dark-color);}
.pt-80{padding-top: 80px;}
.overflow{overflow: hidden;}
/* .text-black{color: var(--black-color);} */
body{margin: 0;padding:0;position: relative;font-family: var(--body-font);overflow-x: hidden;}
header{width: 100%;position: absolute;z-index: 999;transition:all ease .5s}
.container-fluid{width: 1680px;}
header .navbar-expand-lg{padding: 0;overflow:hidden}
header .navbar-expand-lg .navbar-brand{padding:30px 0 0 0}
header .navbar-expand-lg .navbar-collapse{margin-top: -30px;}
header .navbar-expand-lg .navbar-collapse{justify-content: flex-end;align-items: center;column-gap: 70px;}
header .navbar-expand-lg .navbar-collapse ul.navbar-nav{font-size:16px;font-weight: 700;}
header .navbar-expand-lg .navbar-collapse ul.navbar-nav a.nav-link{padding-right: 20px;color: var(--white-color);}
header .navbar-expand-lg .navbar-collapse .other-options{display: flex;align-items: center;}
header .navbar-expand-lg .navbar-collapse .other-options > ul{min-width:184px;}
header .navbar-expand-lg .navbar-collapse .other-options > ul li a{background:var(--red-color);color: var(--white-color);max-width: 184px;height: 47px;display: block;text-align: center;line-height: 47px;}
header .navbar-expand-lg .navbar-collapse .other-options  .header-contact{padding-left: 65px;}
header .navbar-expand-lg .navbar-collapse .other-options  .header-contact ul li{display: inline-block;}
header .navbar-expand-lg .navbar-collapse .other-options  .header-contact ul li a{color:var(--black-color);margin-right: 20px;font-size: 14px;font-weight: var(--font-regular);}
header .navbar-expand-lg .navbar-collapse .other-options  .header-contact ul li:last-child a{margin-right:0px;}
header .navbar-expand-lg .navbar-collapse .other-options  .header-contact ul li a i{color:var(--red-color)}
header .navbar-expand-lg .navbar-collapse .other-options  .header-social{padding-left: 55px;}
header .navbar-expand-lg .navbar-collapse .other-options  .header-social ul li{display: inline-block;}
header .navbar-expand-lg .navbar-collapse .other-options  .header-social ul li a{color: var(--red-color);margin-right: 13px;font-size: 18px;}
header .navbar-expand-lg .navbar-collapse .other-options::before{background:var(--white-color);content: '';position: absolute;width:calc(100% - 86px);margin-left: 86px;height: calc(100% - 24px);z-index: -1;top:0;}
.sub-menu {position:relative;}
.sub-menu a{margin-right:20px}
.sub-menu::before{content:"\f107";position:absolute;right:24px;font-family: "Font Awesome 5 Free";font-weight: 900;color:var(--white-color);top:12px;font-size:12px;transition:all ease .5s}
.sub-menu ul {position: absolute;width: 250px;background: var(--red-color);color: var(--white-color);height:0;overflow:hidden;padding:0 20px;transition:all ease .8s}
.sub-menu ul li{display:block;}
.sub-menu ul li a{display:block;margin:14px 10px;color:var(--white-color);font-size:16px;font-weight:var(--font-regular)}
.sub-menu:hover ul{padding:20px;height:244px;box-shadow:var(--shadow)}
.sub-menu:hover::before{transform:rotate(90deg)}

.fixed-nav{width: 84px;background: var(--red-color);color: var(--white-color);position: fixed;right: 0;top: 123px;z-index: 999;text-align: center;}
.fixed-nav ul li{display: block;padding: 10px 0;border-top: solid 1px #cf030b;transition:all ease .5s;position: relative;}
.fixed-nav ul li::after{content: '';position: absolute;background: var(--title-color);right: 0;width: 0;height: 100%;z-index: -1;transition: all ease .5s;top:0}
.fixed-nav ul li:hover::after{width: 100%;}
.fixed-nav ul li:first-child{display: flex;align-items: center;padding: 20px 0;border: none;}
.fixed-nav ul li:first-child div{width: 100%;border-right: solid 1px #fff;}
.fixed-nav ul li:first-child div:last-child{border-right: none}
.fixed-nav ul li:first-child a{color: var(--white-color);font-size: 16px;text-align: center;font-weight: var(--font-regular);}
.fixed-nav ul li > a{color: var(--white-color);font-size: 14px;font-weight: var(--font-bold);text-align: center;width: 60px;display: block;margin: 0 auto;}
.fixed-nav ul li > a i{font-size: 24px;margin-bottom:0;}


.slide{position: relative;height: 100vh;width: 100%;overflow: hidden;}
.slide .caption{position: absolute;bottom: 150px;width: 100%;}
.slide .caption .caption-title{transition:all ease .5s}
.slide .caption .caption-title h1{width: 603px;font-weight: var(--font-bold);font-size: 70px;color: var(--white-color);}
.slide .caption .caption-title p{width: 530px;font-weight: var(--font-regular);font-size:18px;color: var(--white-color);}

.home-about{margin-top: 120px;position: relative;}
.home-about-content{display: flex;flex-direction: row;}
.home-about .image-list{width: 700px;height: 770px;margin-top: 40px; display: flex;align-items: flex-end;justify-content: flex-end;flex-direction: column-reverse;row-gap:23px;}
.home-about .image-list > img:first-child{left:0;position: absolute;z-index: -1;}
.home-about .image-list .about-image{text-align: right;row-gap: 15px;display: flex;flex-direction: column;}
.home-about .image-list .about-image img{width: 454px;height: 240px;border: solid 14px var(--white-color);}
.home-about .image-list .about-catalog{padding-top: 23px;padding-right:40px;}
.home-about .image-list .about-catalog p{font-size: 16px;color: var(--title-color);font-weight: var(--font-bold);width: 90px;text-align: center;}
.home-about .about-content{width: 665px;height: 100%;position: relative;margin-left: 100px;}
.home-about .about-content::before{content: '';border: solid 2px var(--title-color);position:absolute;inset: 0;left: -100%;z-index: -2;bottom: 90px;top: -28px;}
.home-about .about-text h1{font-size: 72px;font-weight: var(--font-bold);color: var(--title-color);width: 433px;position: relative;z-index: 2;margin-top: 147px;}
.home-about .about-text .title-overlay{font-size:262px;font-weight: var(--font-bold);color: var(--gray-color);position: absolute;top: -80px;z-index: 1;}
.home-about .about-text p{font-size:30px;font-weight: var(--font-regular);color: var(--title-color);width: 600px;margin-bottom: 84px;}
.home-about .creative-list{width: 745px;position: absolute;right: 0;top:0;z-index: 2;height: 100%;}
.home-about .creative-list img:nth-child(1){position: absolute;right:150px;z-index: 2;top: 120px;}
.home-about .creative-list img:nth-child(2){top:-250px;position: absolute;right: -50px;z-index: 1;}
.home-about .creative-list img:nth-child(3){top:-80px;position: absolute;right: 200px;z-index: 3;}
.home-about .creative-list img:nth-child(4){top:-80px;position: absolute;right: 40px;z-index: 3;}
.home-about .creative-list img:nth-child(5){bottom: 185px;position: absolute;right: 290px;z-index: 3;}
.home-about .creative-list img:nth-child(6){bottom: 185px;position: absolute;right: 160px;z-index:-1;}
.home-about .creative-list img:nth-child(7){bottom: 185px;position: absolute;right: -20px;z-index:-1;}
.home-about .creative-list img:nth-child(8){bottom:0px;position: absolute;right: 160px;z-index:-1;}

.red-button{min-width: 165px;height: 47px;color:var(--white-color);text-align: center;line-height: 47px;background: var(--red-color);display: inline-block;position: relative;z-index: 3;position: relative;overflow: hidden;padding: 0 25px;}
.red-button:hover{color:var(--white-color);box-shadow:var(--shadow); }
.red-button span {position: absolute;width: 50px;height: 50px;background-color: var(--title-color);transform: translateY(150%);border-radius: 50%;left: calc((var(--n) - 1) * 25%);transition: 0.5s;transition-delay: calc((var(--n) - 1) * 0.1s);z-index: -1;}
.red-button:hover span {transform: translateY(0) scale(2);}
.red-button span:nth-child(1) {--n: 1;}
.red-button span:nth-child(2) {--n: 1;}
.red-button span:nth-child(3) {--n:2;}
.red-button span:nth-child(4) {--n: 3;}
.red-button span:nth-child(5) {--n: 4;}

.category-section{background: var(--gray-color);margin: 80px 0 0 0;text-align: center;padding:60px 0;}
h1.title{position: relative;color: var(--title-color);font-weight: var(--font-bold);font-size: 48px;margin-bottom: 60px;display: inline-block;}
h1.title::after,
h1.title::before{content:'';position: absolute; width:39px;height: 2px;background: var(--title-color);top:28px;}
h1.title::after{left: -55px;}
h1.title::before{right: -55px;}
.category-content{position: relative;transition: all ease .5s;overflow: hidden;margin-bottom: 25px;}
.category-content .category-info{position: absolute;bottom: 45px;left: 50px;width: 165px;z-index: 2;}
.category-content .category-icon{margin-bottom: 15px;transition: all ease .5s;}
.category-content .category-text p{color: var(--white-color);font-weight: var(--font-bold);font-size: 30px;text-align: left;}
.category-content .category-text p span{font-weight: var(--font-regular)}
.category-content .category-overlay{position: absolute;inset: 0;overflow: hidden;}
.category-content .category-overlay a{display: block;width: 100%;height: 100%;}
.category-content .category-overlay span{width: 25%;height:0;display: block;background: var(--title-color);position: absolute;left: calc((var(--n) - 1) * 25%);transition: ease all calc((var(--h) - 1) * 0.2s);border-bottom-left-radius: 0%;border-bottom-right-radius: 0%;top:0}
.category-content .category-overlay span::after{width: 100%;;height:25%;content: '';position: absolute;background: var(--title-color);bottom:-10%;left: 0;border-radius:50%;}
.category-content .category-overlay span:nth-child(1) {--n: 1;--h:6}
.category-content .category-overlay span:nth-child(2) {--n: 2;--h:4}
.category-content .category-overlay span:nth-child(3) {--n: 3;--h:10}
.category-content .category-overlay span:nth-child(4) {--n: 4;--h:8}
.category-content:hover .category-overlay span{border-bottom-left-radius: 0%;border-bottom-right-radius:0%;}
.category-content:hover .category-overlay span:nth-child(1){height:calc(52% + 20%);}
.category-content:hover .category-overlay span:nth-child(2){height:calc(65% + 20%);}
.category-content:hover .category-overlay span:nth-child(3){height:calc(57% + 20%);}
.category-content:hover .category-overlay span:nth-child(4){height:calc(78% + 20%);}
.category-content:hover{box-shadow: var(--shadow);}
.category-content:hover .category-icon{transform: rotate(20deg);}
.category-section-bg{background: url('../images/bg-category-section.png') no-repeat center center/cover;width:100% ;height:196px;margin-bottom: 80px;}

.blog-section{margin-bottom:160px;text-align: center;}
.blog-section h1.title{margin-bottom: 0;}
.blog-section p{font-weight: var(--font-regular);color: var(--title-color-gray);margin-bottom: 36px;font-size: 16px;} 
.blog-content{position: relative;height: 232px;overflow: hidden;text-align: left;margin-bottom: 30px;}
.blog-content .blog-info{position: absolute;inset: 0;padding:28px;color:var(--white-color);}
.blog-content .blog-info .date{font-weight: var(--font-regular);font-size: 14px;}
.blog-content .blog-info .blog-title{bottom: 28px;position: absolute;transition: all ease .5s;}
.blog-content .blog-info .blog-action{bottom: -20px;position: absolute;transition: all ease .5s;}
.blog-content .blog-info .blog-action a{color: var(--red-color);font-size: 16px;font-weight: var(--font-bold);display: block}
.blog-content .blog-info .blog-action a i{margin-left: 25px;}
.blog-content .blog-info .blog-title h4{font-weight: var(--font-bold);font-size: 24px;width: 368px;}
.blog-content .blog-info:hover .blog-title{bottom: 55px;}
.blog-content .blog-info:hover .blog-action{bottom: 20px;}

.blog-details{font-weight: var(--font-regular);color: var(--title-color);font-size: 16px;padding:80px 0}



.catalog-section{margin: 80px 0;position: relative;}
.catalog-content{position: relative;align-items: center;}
.catalog-content::before{content: '';position: absolute;width: 100%;height: 334px;top:50px;background:var(--gray-color) ;z-index: -1;}
.catalog-item{padding-left: 70px;position: relative;}
.catalog-item h5{font-size: 72px;font-weight: bold;color: var(--red-color);line-height: 69px;}
.catalog-item h5 span{color: var(--title-color);}
.catalog-item p{color: var(--title-color);font-weight: var(--font-regular);font-size: 18px;margin-top: 20px;}
.catalog-item a{position: absolute;bottom: -75px;}

.sticky{position:fixed;background: rgb(0,0,0);
  background: linear-gradient(150deg, rgba(0,0,0,1) 45%, rgba(173,20,26,1) 100%);width:100%;transition:all ease .5s}
.sticky .other-options::before{display:none}
header .navbar-expand-lg .navbar-collapse{margin-top:0}
header .navbar-expand-lg.sticky .navbar-brand{padding:10px 0;transition:all ease .5s}
header .navbar-expand-lg.sticky .navbar-brand img{width:160px;transition:all ease .5s}
header .navbar-expand-lg.sticky .navbar-collapse .other-options .header-contact,
header .navbar-expand-lg.sticky .navbar-collapse .other-options .header-social{display:none}
header .navbar-expand-lg.sticky .navbar-collapse .other-options > ul li a{background:var(--white-color);color:var(--red-color);transition:all ease .5s}

footer{position: relative;background: rgb(0,0,0);
  background: linear-gradient(150deg, rgba(0,0,0,1) 45%, rgba(173,20,26,1) 100%);padding-top: 115px;margin-top: 150px;}
.footer-row{justify-content: space-between;}
.footer-content{text-align: center;}
.footer-menu h6{font-weight: var(--font-bold);color: var(--red-color);font-size: 16px;}
.footer-menu{display: flex;flex-direction: column; align-items: center;row-gap: 8px;}
.footer-menu ul li a{text-align: left;display: block;font-size: 16px;color: var(--white-color);margin-bottom: 8px;}

.footer-contact{text-align: left;color: var(--white-color);font-weight: var(--font-regular);}
.footer-contact ul li{display:flex;align-items: center;column-gap:16px;margin-bottom: 8px;font-size:14px;}
.footer-contact ul li a{color:var(--white-color);font-size:14px;}
.footer-social{text-align: left;margin-top: 20px;}
.footer-social ul li{display: inline-block;}
.footer-social ul li a{color:#fff;font-size:27px;padding-right: 15px;}
.footer-row img{width:100%}
.copyright{border-top: #4c3231 1px solid;margin-top: 50px;height: 44px;line-height: 43px;color: var(--white-color);font-size: 12px;}
.footer-newsletter{position: absolute;width: 100%;left: 0;top: -65px;}
.newsletter-content{background: var(--black-color);display: flex;flex-direction: row; align-items: center;padding: 35px 30px;}
.newsletter-content h5{color: var(--white-color);font-size: 30px;font-weight: var(--font-bold);margin-right: 80px;width: 59%;}
.newsletter-content form{width: 100%;position: relative;display: flex;}
.newsletter-content form input{height: 57px;color: var(--black-color);font-weight: var(--font-regular);font-size: 16px;width:calc(100% - 131px);padding-left:40px;transition: all ease-in .5s;}
.newsletter-content form input:is(:focus,:hover){outline:none;box-shadow:none}
.newsletter-content form button{background: var(--red-color);color: var(--white-color);font-size:16px;font-weight: bold;border: none;width: 131px;height: 57px;}
.up a span{color:var(--white-color);transform: rotate(-90deg);display: block;    margin-left: -11px;font-weight: var(--font-regular);font-size: 12px;}
.up {position:absolute;top:40px;right: 30px;  }
.scroll-downs{  width :34px;height: 55px;margin-top: 34px;}
.mousey {width: 3px;padding: 5px 10px;height: 24px;border: 2px solid var(--white-color);border-radius: 25px;opacity: 0.75;box-sizing: content-box;}
.scroller {width: 3px;height: 5px;border-radius: 25%;background-color: var(--white-color);animation-name: scroll;animation-duration: 2.2s;animation-timing-function: cubic-bezier(.15,.41,.69,.94);animation-iteration-count: infinite;}
@keyframes scroll {0% { opacity: 0; }10% { transform: translateY(0); opacity: 1; }100% { transform: translateY(15px); opacity: 0;}}



.page-breadcrumb-content{position: relative;width: 100%;height: 312px;display: flex;align-items: center;justify-content: flex-end;flex-direction: column;}
.page-breadcrumb-content .page-text h1{color: var(--white-color);font-weight: var(--font-bold); font-size: 72px;}
.page-breadcrumb-content .page-breadcrumb{margin: 10px 0 10px;}
.page-breadcrumb-content .page-breadcrumb a{color: var(--white-color);font-weight: var(--font-light); font-size: 16px;}
.page-breadcrumb-content .page-breadcrumb li.active{color: var(--red-color);font-weight: var(--font-bold); font-size: 16px;}
.page-breadcrumb-content .page-breadcrumb .breadcrumb-item+.breadcrumb-item::before{content:"\f105";font-family:"Font Awesome 5 Free";font-weight: 900;color: var(--white-color);padding-right:0.8rem}
.page-breadcrumb-content .page-breadcrumb .breadcrumb-item+.breadcrumb-item {padding-left: 0.8rem;}
.page-breadcrumb-content .page-product-menu li{display: inline-block;}
.page-breadcrumb-content .page-product-menu li:not(:last-child){margin-right: 10px;}
.page-breadcrumb-content .page-product-menu li a{font-weight: var(--font-bold);color: var(--white-color);border:  solid 1px var(--white-color);height: 47px;display: block;line-height: 47px;padding:0 23px;margin-bottom: 130px;}
.page-breadcrumb-content.product-breadcrumb{height: 540px;}
.page-breadcrumb-actions{position: absolute;bottom:-35px;height: 70px;}
.page-breadcrumb-actions ul{position: relative;display: inline-block;}
/* .page-breadcrumb-actions ul::after{content: '';position: absolute;background: var(--title-color);top:0;bottom: 0;right: 0;height: 70px;width:0;z-index:1 ;transition: all ease 1.5s;} */
.page-breadcrumb-actions ul::before{content: '';position: absolute;background: var(--red-color);top:0;bottom: 0;left: calc(-100% - 560px);height: 70px;width: calc(100% + 815px);z-index:1 ;transition: all ease 1.5s;}
/* .page-breadcrumb-actions ul:hover::after{right: calc(100% - 210px);width: calc(100% + 815px);}
.page-breadcrumb-actions ul:hover::before{width: 0;} */
.page-breadcrumb-actions ul li{display: inline-block;margin-right: 30px;position: relative;z-index: 2;}
.page-breadcrumb-actions ul li a{display: flex;align-items: center;column-gap: 10px;color: var(--white-color);font-weight: var(--font-bold);height: 70px;}

.page-breadcrumb-content .next-product{position: absolute;bottom: -35px;height: 70px;right: 0;background: var(--red-color);display: flex;align-items: center;color:var(--white-color);padding-right: 20px;font-size: 45px;}
.page-breadcrumb-content .next-product a{font-weight: var(--font-bold);color: var(--white-color);display: flex;flex-direction: column;align-items: flex-start;height:70px;padding: 0 0 0 30px;width: 200px;font-size: 18px;line-height:20px;justify-content: center;}
.page-breadcrumb-content .next-product a span{font-weight: var(--font-regular);font-size: 12px;}

.product-degree-view{text-align: center;}
.degree-view-buttons{display: flex;justify-content: center;column-gap: 10px;align-items:flex-start;margin-top: 20px;}
.degree-view-buttons img:first-child,
.degree-view-buttons img:last-child{margin-top: 10px;}
.reflect{transform: rotate(-180deg);}
.product-degree-view-action p{color: var(--red-color);font-weight:var(--font-bold);font-size: 16px;}

.product-description{padding:40px 0;margin-top: 30px;}
.product-description h2{color: var(--white-color);font-weight: var(--font-bold);font-size: 36px;margin-bottom: 20px;}
.product-description .desc-content{position: relative;margin-bottom:20px}
.product-description .desc-text{margin: 10px 0;}
.product-description .desc-text h3{font-weight: var(--font-bold);font-size: 18px;color: var(--red-color);}
.product-description .desc-text p{font-weight: var(--font-regular);font-size: 16px;color: var(--white-color);margin-top: 5px;}

.product-equipment {margin-top: 90px;}
.product-equipment h2{color:var(--black-color);font-weight: var(--font-bold);font-size: 36px;margin-bottom:30px;}
ul.equipment-list{column-count: 3;width: 100%;}
ul.equipment-list li{display: flex; align-items: center; column-gap: 10px;margin-bottom: 10px;}

.technical-table{margin: 50px 0;}
.technical-table table{width:100%;margin-bottom:50px}
.technical-table img{width:100%!important}
.technical-table table thead{font-weight: var(--font-bold);font-size: 17px;color: var(--title-color);}
.technical-table table > tr,
.technical-table table>:not(caption)>*>*,
.technical-table table > :not(:first-child){border: none;}
.technical-table table tbody tr:nth-child(odd){background: var(--gray-color);}
.technical-table table tbody tr{font-weight: var(--font-regular);color: var(--title-color);font-size: 17px;height:60px;line-height: 60px;}
.technical-table table tr td{padding-left: 20px;}

.product-similar{margin-top: 120px;text-align: center;}
.product-similar h2{font-weight: var(--font-bold);color: var(--black-color);font-size: 36px;margin-bottom: 30px;}
.product-similar .product-image img{width: 100%;}
.product-similar .product-text h5{font-weight: var(--font-bold);color: var(--red-color);font-size:18px;text-align: center;margin: 20px 0;}
.product-similar .product-text h5 span{color: var(--title-color);}
.similar-button{border: solid 1px var(--black-color);color: black;text-align: center;height: 47px;min-width: 208px;display: inline-block;line-height: 47px;font-weight: bold;margin: 0 auto;width: auto;font-size: 16px;margin-top: 50px;cursor: pointer;position: relative;overflow: hidden;}
.similar-button:hover{color:#fff;border-color: var(--red-color);box-shadow: var(--shadow);}
.similar-button::after,
.similar-button::before{position: absolute;content: ''; transform: translate(50%, -50%);width: 20px;height: 20px;background: var(--red-color);border-radius: 50%;top:calc(50%);z-index: -1;}
.similar-button::after{right: -50px;}
.similar-button::before{left:-50px;}
.similar-button:hover:before {
  -webkit-animation: criss-cross-left 0.8s both;
          animation: criss-cross-left 0.8s both;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}
.similar-button:hover:after {
  -webkit-animation: criss-cross-right 0.8s both;
          animation: criss-cross-right 0.8s both;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}
@-webkit-keyframes criss-cross-left {
  0% {
    left: -50px;
  }
  50% {
    left: calc(50% - 10px);
    width: 20px;
    height: 20px;
  }
  100% {
    left: 50%;
    width: 375px;
    height: 375px;
  }
}

@keyframes criss-cross-left {
  0% {
    left: -50px;
  }
  50% {
    left: calc(50% - 10px);
    width: 20px;
    height: 20px;
  }
  100% {
    left: 50%;
    width: 375px;
    height: 375px;
  }
}
@-webkit-keyframes criss-cross-right {
  0% {
    right: -50px;
  }
  50% {
    right: calc(50% - 10px);
    width: 20px;
    height: 20px;
  }
  100% {
    right: 50%;
    width: 375px;
    height: 375px;
  }
}
@keyframes criss-cross-right {
  0% {
    right: -50px;
  }
  50% {
    right: calc(50% - 10px);
    width: 20px;
    height: 20px;
  }
  100% {
    right: 50%;
    width: 375px;
    height: 375px;
  }
}
.mission-content{margin: 110px 0;position: relative;}
.mission-content .misson-content-sub-title{display: flex;flex-direction: row; align-items: center;column-gap: 30px;}
.mission-content p{text-align: justify;color: var(--text-color);font-weight: var(--font-regular);font-size: 17px;margin-top: 30px;}
.mission-content .mission-content-text h2{color: var(--black-color);font-weight: var(--font-bold);font-size: 36px;text-align: left ;}
.mission-content .mission-content-text h2+p{margin-top: 15px;}
.mission-left-image {position: relative;height:594px;}
.mission-left-image img{position: absolute;left: -150px;height:594px;width: calc(100% + 120px);}

.gallery-content{position: relative;}
.gallery-section h3{color:var(--black-color);font-size: 36px;font-weight: var(--font-bold);}
.history{position: relative;margin-top: 110px;padding-top: 30px;}
.history::before{content: '';background: url(../images/sam-black.png) no-repeat center center;width: 84px;height: 29px;top: -30px;left: 50%;    position: absolute;margin-left: -42px;}
.history::after{content: '';height: 100%;width: 1px;border-left:1px solid var(--red-color);transform: translateX(-50%);position: absolute;left: 50%;top: 0;z-index:-1}
.history-row .history-date{font-weight: var(--font-bold);color: var(--red-color);font-size: 48px;margin-top: -17px;}
.history-row:nth-child(odd) .history-date{text-align: right;}
.history-row:nth-child(even) .history-date{text-align: left;padding-left:20px;}
.history .history-row:nth-child(even){flex-direction: row-reverse;text-align: right;}

.history-row .history-title{font-weight: var(--font-bold);font-size: 36px;color: var(--black-color);margin-bottom: 25px;position: relative;}
.history-row .history-title::before{content:'';position: absolute;width:18px;height: 18px;background-color: var(--black-color);border-radius: 50%;top:12px}
.history-row:nth-child(even) .history-title::before{right: -50px;}
.history-row:nth-child(odd) .history-title::before{left: -44px;}
.history-row .history-text{margin-bottom: 17px;}
.history-row .history-text p{margin-bottom: 40px;color: var(--text-color);font-size: 17px;font-weight: var(--font-regular);position: relative;}
.history-row .history-text p::before{content:'';position: absolute;width: 7px;height: 7px;border-radius: 50%;background: var(--red-color);top:7px;}
.history-row:nth-child(even) .history-text p::before{right:-15px;}
.history-row:nth-child(odd) .history-text p::before{left:-15px;}
.history-row:nth-child(even) .history-content{padding-right:18px;}
.history-row:nth-child(odd) .history-content{padding-left:35px;}


.documan-section{margin: 60px 0;}
.documan-section .documan-content{position: relative;margin-bottom: 65px;}
.documan-section .documan-content .documan-actions p{color: var(--black-color);font-size: 16px;font-weight: var(--font-bold);text-align: center;padding: 10px 20px;}
.documan-section .documan-content .documan-actions .documan-buttons{border: solid 1px var(--red-color);display: flex;align-items: center;justify-content: center;height: 47px;}
.documan-section .documan-content .documan-actions .documan-buttons a{display: block;color: var(--red-color);font-size: 16px;font-weight: var(--font-bold);height: 100%;line-height: 47px;width: 100%;text-align: center;position: relative;}
.documan-section .documan-content .documan-actions .documan-buttons a:nth-child(2){border-left: var(--red-color) solid 1px;}
.documan-section .documan-content .documan-actions .documan-buttons a i{margin-left: 15px;}
.documan-section .documan-content .documan-actions .documan-buttons a::after{content: '';position: absolute;bottom: 0;width:0%;background: var(--red-color);left:0;transition:all ease .5s;height:100%;z-index:-1 ;}
.documan-section .documan-content .documan-actions .documan-buttons a:hover::after{width:100%}
.documan-section .documan-content .documan-actions .documan-buttons a:hover{color: var(--white-color);}
.documan-section .documan-content .documan-actions .documan-buttons a::before{content: '';position: absolute;bottom: 0;width:0%;background: var(--red-color);right:0;transition:all ease .5s;height:100%;z-index:-1 ;}
.documan-section .documan-content .documan-actions .documan-buttons a:hover::before{width:100%}

.documan-form{margin-bottom:40px ;}
.documan-form input,
.documan-form select{height:55px;background: var(--gray-color); border: none;padding-left: 30px;font-weight: var(--font-regular);font-size: 14px;color: var(--black-color);transition: all ease .5s;}
.documan-form input:is(:focus),
.documan-form select:is(:focus){outline: none;box-shadow: none;background: var(--gray-color);}
.documan-form button{height: 55px;}


.categories-section{position: relative;}
.categories-actions{position:absolute;inset: 0;}
.categories-actions a{position: absolute;z-index: 2;}
.categories-actions a{background: var(--red-color);color: #fff;width: 31px;height: 31px;border-radius: 50%;text-align: center;line-height:31px;font-weight: var(--font-bold);font-size: 18px;position:absolute;cursor: pointer;}
/*.categories-actions a::after{width: 42px;height:42px;background:#ed1c2373 ;content: '';position: absolute;border-radius: 50%;left:-5px;top:-5px;z-index: -1;}*/

.product-list-content{margin: 110px 0;position: relative;}
.product-list-content .product-content-sub-title{display: flex;flex-direction: row; align-items: center;column-gap: 30px;}
.product-list-content p{text-align:left;color: var(--text-color);font-weight: var(--font-regular);font-size: 17px;margin-top: 30px;position: relative;}
.product-list-content .product-content-text h2{color: var(--red-color);font-weight: var(--font-bold);font-size: 50px;text-align: left ;}
.product-list-content .product-content-text h2 span{color: var(--title-color);}
.product-list-content .product-content-text h2+p{margin-top: 15px;}
.product-list-content .product-content-text > span{font-size: 233px;color:var(--gray-color);font-weight: var(--font-bold);position: absolute;left:-82px;top:-140px;z-index: -1;}
.product-list-content .product-content-text{position: relative;}
.product-list-content .product-content-text a{position: relative;margin-right: -75px;float: right;margin-top: 20px;}
.product-left-image {position: relative;height:594px;}
.product-left-image img{position: absolute;left: -150px;height:594px;width: calc(100% + 120px);}
.product-list-content .product-content-description{display: flex;align-items: center;column-gap: 10px;margin-top:20px;}
.product-list-content .product-content-description a{width: 250px;}

.hat-row{position: relative;margin-bottom: 110px;}
.hat-row:nth-child(even) .product-content-sub-title{flex-direction: row-reverse;}
.hat-row:nth-child(even) .product-content-text h2,
.hat-row:nth-child(even) .product-content-text p{text-align: right;}
.hat-row:nth-child(even) .product-content-text a{margin-right: 0;margin-left:-75px;float: left;}
.hat-row:nth-child(even) .product-content-text > span{right: -82px;left: initial;}

.quick-view-content{position: fixed;z-index: 99999;display: flex;align-items: center;justify-content: center;background: rgba(255, 255, 255, 0.466);transform: scale(0);transition: all ease .5s;overflow: hidden;backdrop-filter: blur(3px);}
.quick-view-content .hat-row,
.quick-view-content .product-list-content{margin: 0;}
.quick-view-content .hat-row{background: #fff;padding: 52px;box-shadow: var(--shadow);}
.quick-view-content .product-list-content .product-content-text h2{padding-left:70px;z-index: 2;position: relative;}
.quick-view-content .product-list-content .product-content-text > span{left: -12px;z-index: 1;}
.quick-view-content .quick-close{position: absolute;top: 0;left: 0;padding: 0;text-align: right;height: 38px;padding-top:7px ;}
.quick-view-content .quick-close a{background:var(--red-color);padding: 7px 15px;color:#fff}
.quick-view-content.show{inset: 0;transform: scale(1);transition: all ease .5s;}

.contact-map{width: 100%;position: relative;}
.contact-map .map{width: 100%;position: relative;height: 650px;overflow: hidden;}
.contact-map iframe{position: relative;height: 650px;border: none;width: 100%;}
.contact-map hr{border-color:#f1f1f1;margin: 30px 0;}

.contact-form{background: url('../images/contact-bg.jpg') no-repeat center center/cover;height: 657px;padding: 125px 60px;display: flex;margin-top: calc(-100% + 40px);}
.contact-form h4{font-weight: var(--font-bold);color: var(--white-color);font-size: 24px;margin-bottom: 27px;}
.contact-form .form-control{font-weight: var(--font-regular);color: var(--black-color);font-size:18px;border-radius: 0;height: 54px;padding-left: 40px;margin-bottom: 15px;}
.contact-form textarea.form-control{min-height: 160px;padding-top: 16px;}
.contact-form button.red-button{border: none;height: 54px;background:var(--black-color);transition: all ease .5s;}
.contact-form button.red-button:hover{background:var(--red-color);}

.contact-social-list ul{margin: 20px 0;display: flex;column-gap: 10px;justify-content: space-between;text-align: center;}
.contact-social-list ul li{background: #f1f1f1;width: 100%;height: 112px;display: flex; flex-direction: column;justify-content: center;row-gap: 10px;}
.contact-social-list ul li div{font-weight: var(--font-bold);font-size: 28px;}
.contact-social-list ul li a{font-size:16px;color:#7b7b7b;display: flex;align-items: center;column-gap:5px;justify-content: center;}
.contact-social-list ul li a i{font-size: 24px;}
.contact-social-list ul li:first-child div,
.contact-social-list ul li:first-child a i{color:#295a92}
.contact-social-list ul li:nth-child(2) div,
.contact-social-list ul li:nth-child(2) a i{color:#0a66c2}
.contact-social-list ul li:last-child,
.contact-social-list ul li:last-child a i{color:#e41a5c}

.contact-text{padding-top: 53px;}
.contact-map h2,
.contact-text h1{font-weight: var(--font-bold);color: var(--title-color);font-size: 36px;}
.contact-text ul{margin-top: 50px;width: 275px;}
.contact-text ul li{display: flex;align-items: flex-start;column-gap: 13px;margin-bottom:15px;}
.contact-text ul li i{padding-top: 5px;color: var(--red-color);}
.contact-text ul li,
.contact-text ul li a{font-weight: var(--font-regular);color: var(--black-color);font-size: 16px;}


.offer-form{display: flex;}
.offer-form h4{font-weight: var(--font-bold);color: var(--white-color);font-size: 24px;margin-bottom: 27px;}
.offer-form .form-control{font-weight: var(--font-regular);color: var(--black-color);font-size:18px;border-radius: 0;height: 54px;padding-left: 20px;margin-bottom: 15px;}
.offer-form textarea.form-control{min-height: 160px;padding-top: 16px;}
.offer-form button.red-button{border: none;height: 54px;background:var(--black-color);transition: all ease .5s;}
.offer-form button.red-button:hover{background:var(--red-color);}


.departman-content{width: 100%;position: relative;margin-top: 40px;display: flex;flex-wrap: wrap;flex-direction: row;column-gap: 30px;align-items:center;justify-content: space-between;padding: 0}
.departman-item{background: #f1f1f1;display: block;margin-bottom: 30px;padding:25px 30px;position: relative;overflow: hidden;width: 350px;}
.departman-item > span{position: absolute;right:15px;bottom: -40px;color: var(--white-color);font-weight: var(--font-bold);font-size: 100px;}
.departman-item li{display: flex;font-size: 18px;color: var(--black-color);}
.departman-item li b{width: 75px;color: var(--red-color);font-weight: var(--font-bold);}
.departman-item li span{font-weight: var(--font-regular);}


.mega-menu{position: relative;background: var(--black-color);z-index: 9999;padding-top: 70px;height: 0;transition: all ease .5s;left:0;right:0;height: 100%;top:0;transition: all ease .5s;overflow-x: hidden;overflow-y: scroll;width:100%}
.mega-content{transition: all ease .5s;overflow: hidden;}
.mega-content .mega-info{position: absolute;bottom: 45px;left: 50px;width: 165px;z-index: 2;}
.mega-content .mega-icon{margin-bottom: 15px;transition: all ease .5s;}
.mega-content .mega-icon img{height: 50px;}
.mega-content .mega-text p{color: var(--white-color);font-weight: var(--font-bold);font-size: 30px;text-align: left;width: 100px;}
.mega-content .mega-text p span{font-weight: var(--font-regular)}
.mega-content .mega-overlay{position: absolute;inset: 0;overf overflow: hidden;}
.mega-group-list{margin-top: 35px;position: relative;}
.mega-group-list::after{content: '';position: absolute;top: -25px;width: 305px;background:#9e9e9e73;height:2px;}
.mega-group-list li{display: block;margin-bottom: 25px;}
.mega-group-list li a{display: flex;column-gap: 10px;color:var(--white-color);align-items: center;}
.mega-group-list li a img{width: 75px;}

.mega-content .col-lg-3:nth-child(4){padding-left: 50px;}
.mega-content .col-lg-3:last-child{padding-left: 100px;}
.menu-close,
.mega-content .mega-close{position: absolute;right: 0;top: 0;}
.menu-close a,
.mega-content .mega-close a{background: var(--red-color);color: var(--white-color);right: 0;top: 0;height: 84px;width: 84px;line-height: 84px;text-align: center;display: block;font-size: 26px;}

.back-image{position: absolute;left: 0;top:-70px;z-index: -2;width:100%;display: flex;height: 100%;align-items: flex-start;padding:0;overflow: hidden;}
.back-image img{width: calc(calc(100% / 4) + 10px);position: relative;margin: 0;padding:0}
/* .back-image img::before{background: #9e9e9e73;content: '';position: absolute;right: 0; height: 476px;width: 1px;} */
.back-image::after{position: absolute;inset: 0;background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 50%, rgba(255,255,255,0) 100%);content: '';}


.red-scroll::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9);
	border-radius: 0px;
	background-color: #CCCCCC;
}

.red-scroll::-webkit-scrollbar
{width: 7px;background-color: #F5F5F5;}

.red-scroll::-webkit-scrollbar-thumb
{
	border-radius: 8px;
	background-color: #D62929;
	background-image: -webkit-linear-gradient(90deg,
											  transparent,
											  rgba(0, 0, 0, 0.4) 50%,
											  transparent,
											  transparent)
}

.mega-disc{width: 100%;display: flex;align-items: center;justify-content: space-around;z-index: 9;}
.mega-disc span{width: 150px;height:150px;background: var(--title-color);border-radius: 50%;z-index: 9;position: absolute;top:-150px;}
.mega-disc span:first-child{transition: all ease .5s;left:10%}
.mega-disc span:nth-child(2){transition: all ease .8s;left:30%}
.mega-disc span:nth-child(3){transition: all ease 1.2s;right:30%}
.mega-disc span:nth-child(4){transition: all ease 1.6s;right:50%}
.mega-disc span.show{top: calc(100vh - 10px);animation: span-gradiant 1s;}
.link-name{position: absolute;top: -40px;left: -250px;width: 200px;color: var(--red-color);text-align: right;line-height:22px;display:none;font-size:24px;font-weight:var(--font-bold)}
            .link span.link-text::before{content: '';position: absolute;bottom: 0;left: -5px;width: 2px;height: 60px;background: var(--red-color);transform: rotate(-45deg);z-index: -1;display:none}
            .link span.link-text::after{content: '';position: absolute;width: 9px;height: 9px;border-radius: 50%;background: var(--red-color);left: -30px;top: -26px;display:none}
            .link  .ripple{position: absolute;width: 80px;height:80px; z-index: -1;left: 50%;top: 50%;opacity: 0;margin: -40px 0 0 -40px;border-radius: 100px;-webkit-animation: ripple 1.8s infinite;animation: ripple 1.8s infinite;background: #ed1c2373}
            .ripple.paused{ animation-play-state: paused!important;}
            .link:hover .link-name{display:block}
            .link:hover span.link-text::after,
            .link:hover span.link-text::before{display:block}
@-webkit-keyframes ripple {
    0% {opacity: 1;-webkit-transform: scale(0);transform: scale(0)}
    100% {opacity: 0;-webkit-transform: scale(1);transform: scale(1)}
}

@keyframes ripple {
    0% { opacity: 1; -webkit-transform: scale(0);transform: scale(0) }
    100% {opacity: 0; -webkit-transform: scale(1);transform: scale(1) }
}

.link .ripple:nth-child(2) {animation-delay: .3s;-webkit-animation-delay: .3s}
.link .ripple:nth-child(3) {animation-delay: .6s;-webkit-animation-delay: .6s}

@keyframes ripple2 {
    0% { -webkit-transform: rotate(5deg); transform: rotate(5deg)}
    50% {-webkit-transform: rotate(15deg); transform: rotate(15deg)}
    75% {-webkit-transform: rotate(5deg);transform: rotate(5deg)}
    100% {-webkit-transform: rotate(15deg);transform: rotate(15deg)}
}

@keyframes ripple3 {
    0% {-webkit-transform: scale(0.6);transform: scale(0.6)}
    50% {-webkit-transform: scale(0.7);transform: scale(0.7)}
    100% {-webkit-transform: scale(0.6);transform: scale(0.6)}
}
@keyframes span-gradiant {
  0% {
    background: var(--title-color);
  }
  100% {
    
    background: var(--red-color);
  }
}

@media (max-width:992px){
    .container-fluid{width:100%}
    header{position:relative;background: linear-gradient(150deg, rgba(0,0,0,1) 45%, rgba(173,20,26,1) 100%);rgba(173,20,26,1) 100%);padding-bottom: 20px;}
    .navbar-toggler{color:#fff}
    .navbar-toggler:is(:hover,:focus){border:none;outline:none;box-shadow:none;}
    .navbar-toggler.collapsed .fa-bars:before{content:"\f0c9"!important;transition:all ease .5s;animation:closenav .4s}
    .navbar-toggler .fa-bars:before{content:"\f00d"!important;animation:opennav .4s;transition:all ease .5s;}
    .navbar-toggler.collapsed i{animation:closenav .4s}
    .navbar-toggler:focus i{animation:opennav .4s}
    @keyframes opennav{
        0%{transform:scale(0.1);}
        100%{transform:scale(1) rotate(360deg)}
    } 
    @keyframes closenav{
        0%{transform:scale(0.1)}
        100%{transform:scale(1) rotate(360deg)}
    }
    .other-options:before{display:none}
    header .navbar-expand-lg .navbar-collapse .other-options{flex-direction:column;margin-top:20px}
    header .navbar-expand-lg .navbar-collapse .other-options .header-contact{display:none}
    header .navbar-expand-lg .navbar-collapse .other-options .header-social{padding-left:0;margin-top:10px}
    header .navbar-expand-lg .navbar-collapse .other-options .header-social ul li a{color:var(--white-color)}
    header .navbar-expand-lg .navbar-collapse{margin-top:30px}
    header .navbar-expand-lg .navbar-collapse ul.navbar-nav{text-align:center}
    header .navbar-expand-lg .navbar-collapse ul.navbar-nav a.nav-link{padding-right:0}
    .mega-content .col-lg-3:nth-child(5),
    .mega-content .col-lg-3:nth-child(4){padding-left: calc(var(--bs-gutter-x) * .5);}
    .sub-menu a{margin:0}
    .slide{height:auto}
    .slide .caption .caption-title h1{width:100%;font-size:18px;text-align:center}
    .slide .caption .caption-title p{display:none}
    .home-about .image-list{width:100%;height:610px}
    .about-catalog{display:none}
    .home-about .about-text p,
    .home-about .about-content{width:100%;margin:0;overflow:hidden}
    .home-about .about-content::before{display:none}
    .home-about .about-text{margin-bottom:35px}
    .home-about .creative-list{z-index:-1;    opacity: 0.1;width:100%;    overflow-x: clip;}
    .home-about .image-list > img:first-child{left:-300px}
    .misson-content-sub-title img{width:100%}
    .mission-left-image img{left:0}
    .mission-left-image{margin-bottom:20px;overflow:hidden}
    .mission-content .justify-content-end{justify-content:center!important}
    .home-about .about-text p{font-size:18px}
    h1.title::after, h1.title::before{display:none}
    .category-section .col-lg-3{justify-content: center;display: flex;}
    .category-content{width:395px;}
    .catalog-item{padding:0 50px;text-align:center}
    .catalog-item a{position:relative;bottom:0;margin-top:15px}
    .category-section-bg{width:100%}
    .newsletter-content{flex-direction:column}
    .newsletter-content h5{width:100%;margin-right:0;margin-bottom:15px;text-align:center}
    .footer-contact ul li{justify-content:center}
    .footer-social{text-align:center;margin-top:30px}
    .footer-menu{display:none}
    .footer-row{flex-direction:column-reverse}
    .footer-row figure{text-align:center;margin:25px 0 35px}
    .footer-row img{width:auto}
    .footer-newsletter .row{margin:0}
    .up{top:50%}
    .copyright{text-align:center;height:100%}
    .copyright .text-end{text-align:center!important;}
    .page-breadcrumb-content {min-height: 157px;height: auto;text-align:center}
    .mission-content .misson-content-sub-title{flex-direction:column}
    .categories-actions a:hover .link-name,
    .categories-actions a:hover span.link-text::after,
    .categories-actions a:hover span.link-text::before{display:none}
    .product-list-content .product-content-sub-title{row-gap:30px;flex-direction:column}
    .product-list-content .product-content-sub-title img{width:100%}
    .product-list-content .product-content-text a{margin:25px auto;float:none;display:inline-block}
    .page-breadcrumb-content .page-product-menu li a{margin-bottom:10px}
    .page-breadcrumb-content.product-breadcrumb{height:auto}
    .breadcrumb{justify-content:center}
    .page-breadcrumb-content .next-product,
    .page-breadcrumb-actions{position:relative;bottom:0;width:100%;text-align:center;justify-content: center;}
    .page-breadcrumb-actions{margin-bottom:15px}
    .page-breadcrumb-actions ul::before{display:none}
    .product-degree-view iframe{width:100%;height:300px}
    .contact-form{height:auto;padding:30px;margin-top:-150px;z-index:9;position:relative}
    .contact-social-list ul{flex-direction:column}
    .contact-social-list ul li{margin-bottom:10px}
    .departman-content{justify-content:center}
    .contact-map h2, .contact-text h1{text-align:center}
    .mobil-row{flex-direction:column-reverse}
    .contact-text ul{width:100%;border-bottom:solid 1px var(--gray-color);margin-bottom:20px}
    .contact-text ul li{justify-content:center}
    .history-row{margin:15px 0;background:#fff}
    .history-row:nth-child(even) .history-date,
    .history-row:nth-child(odd) .history-date{text-align:center}
    .history .history-row:nth-child(even){flex-direction:row;text-align:center}
    .history-row:nth-child(even) .history-date,
    .history-row:nth-child(even) .history-content{padding:0;}
    .history-row .history-text,
    .history-row .history-title{text-align:center}
    .history-row .history-title{text-align:center}
    .history-row .history-content{background:#fff;}
    .history-row:nth-child(odd) .history-title::before,
    .history-row:nth-child(even) .history-title::before{display:none;}
    .documan-form button {height: 55px;margin: 20px auto;width: 250px!important;display: block;}
    .documan-image figure{text-align:center}
    .gallery{column-count:2!important;text-align:center}
    .gallery div{margin:0 auto!important}
    .gallery-section h3{text-align:center}
    .blog-content .blog-info .blog-title h4{width:100%}
    .quick-view-content .product-list-content .product-content-text > span{left: 0;    top: -40px;}
    .quick-view-content .hat-row{padding:25px}
    .product-list-content .product-content-description{flex-direction:column;}
}

@media (min-width:1441px) and (max-width:1680px) {
    .container-fluid{width:1440px}
    .slide{height:auto}
    .home-about .image-list{width:510px}
    .home-about .image-list .about-catalog p{color:#fff}
    .about-catalog img{filter:invert(1)}
    .home-about .about-content{margin-left:50px}
    .blog-content .blog-info .blog-title h4{width:100%}
     header .navbar-expand-lg .navbar-collapse .other-options .header-contact{display:none}
     .col-lg-8,
     .hat-row{width:75%}
     .category-section-bg{width:100%}
}
@media (min-width:1281px) and (max-width:1440px) {
    .container-fluid{width:1160px}
    .slide{height:auto}
    .home-about .image-list > img:first-child{left:-300px}
    .home-about .image-list .about-image img,
    .home-about .image-list{width:272px}
    .home-about .image-list .about-image img{height:auto}
    .home-about .image-list .about-catalog p{color:#fff}
    .about-catalog img{filter:invert(1)}
    .home-about .about-content{margin-left:20px}
    .blog-content .blog-info .blog-title h4{width:100%}
    header .navbar-expand-lg .navbar-collapse .other-options .header-contact{display:none}
    .catalog-content::before{width:calc(100% + 150px);left:-75px;height:264px}
    .catalog-item{padding-left:0}
    .newsletter-content{width:80%}
    .col-lg-8,
     .hat-row{width:90%}
    .category-section-bg{width:100%}
}
@media (min-width:993px) and (max-width:1280px) {
    .container-fluid{width:100%}
    .slide{height:auto}
    .slide .caption{bottom:25px}
    .slide .caption .caption-title h1{width:100%;font-size:38px}
    .home-about .image-list .about-image img, .home-about .image-list{display:none}
    .home-about .about-content{margin-left:20px;width:100%}
    .blog-content .blog-info .blog-title h4{width:100%}
    header .navbar-expand-lg .navbar-collapse .other-options .header-contact{display:none}
    .catalog-content::before{width:calc(100% + 150px);left:-75px}
    .catalog-item{padding-left:0}
    .newsletter-content{width:80%}
    .col-lg-8,
    .hat-row{width:90%}
    .category-section-bg{width:100%}
}
@media (min-width:993px) and (max-width:1280px){
    header .navbar-expand-lg .navbar-collapse .other-options .header-social{display:none}
}