/*////////////////////////////////////////////////////// Responsive CSS Structure //////////////////////////////////////////////////////*/



@media (min-width: 1500px) and (max-width: 1699px){    

    /* ----- Hero/Banner Home Page ----- */

    .hero-slick .slick-dots{left: 15px;}

    .hero-section .hero-banner-details{max-width: 1400px;}

    .hero-section .hero-banner-details .page-title{font-size: 68px;}

    .hero-right-block .hero-right-img img{    height: 124px; width: 154px;}

    .hero-slick-block .hero-banner-bottom{max-width: 1400px;}

    /* ----- Hero/Banner Home Page ----- */

}



@media(min-width:1500px){

    .container { max-width: 1450px; }



    .os-box {flex-wrap: wrap;}

}



@media(max-width:1399px){ 

    .os-box li {font-size: 16px;}

}



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

    .main-title {font-size: 58px;}

    .page-title {font-size: 68px;}

    .detail {font-size: 18px;}

    

    .header .navbar-brand  {width: 200px;}

    /* ----- Hero/Banner Home Page ----- */

    .hero-section .hero-banner-details .page-title{font-size: 68px;}

    .hero-banner-details .hero-banner-right-details{margin-left: 15px;}

    .hero-right-block .hero-right-img img { height: 123px; width: 154px; }

    .hero-slick-block .hero-banner-bottom{max-width: 1300px;}

    .hero-section .hero-banner-details{max-width: 1300px;}

    .hero-slick .slick-dots{left: 15px;}





    /* ----- case-video-home ----- */

    .case-home-bottom-imgbox {max-width: 220px;margin-right: 16px;}

    .case-home-bottom-imgbox:hover {max-width: 320px;}

    /* ----- case-video-home ----- */



    /* ----- category tabbing ----- */

    .category-main { padding: 70px 0 50px; } 

    .category-tabbing .slick-prev { left: 2px; } 

    .category-tabbing .slick-next { right: 0px; } 

    .category-tabbing ul { max-width: 878px; } 

    .category-main-wrap .nav-pills .nav-link .category-icn { margin: -53px 13px 0 0; }

    /* ----- category tabbing ----- */



    /* ----- Biomass Rotry ----- */

    .biomass-main { padding: 160px 0 130px 0; }  

    .biomass-left { padding-left: 15px; padding-right: 15px; }

    /* ----- Biomass Rotry ----- */



    /* ----- our service ----- */

    .our-service-main {gap: 80px;}



    /* ----- about-wrapper ----- */

    .about-wrapper {padding: 130px 0;}

    .about-main .about-left { max-width: 460px; }

    .about-main .about-center img {width: 350px;}

    .about-main .about-right { max-width: 393px; }

    

    /* ------ about - service ------ */

    .about-service-left {max-width: 605px;}

    .about-service { padding: 140px 0 100px 0;}



    /* ------ loaction ----- */

    .location-main { padding: 80px 15px; }

    

    /* ------  Message ----- */

    .message-main {padding: 140px 0 130px;} 

    .msg-icon img { width: 30px; } .msg-icon {  width: 66px; height: 66px; }

    

    /* ------ News - page ----- */

    .news-main { padding: 160px 0 0 0; } 

    .news-detail-main { padding: 160px 0 0 0; } 



    /* ----- Configuration ----- */

    .configuration-left { max-width: 669px; }

    /* ----- Configuration ----- */



    /* ----- Form Message Section - About Page ----- */

    .about-page.message-main {padding: 110px 0 110px 0;}



    /* ----- Intro - Tabs Section - About Page ----- */

    .tab-box .tab-item-left {max-width: 830px;}

    .tab-box .tab-item-right {max-width: 410px;}



    /* ----- Cases - Gallery Section - About Page ----- */

    .cases-gallery-wrap .grid{ max-width: 1025px; }



    .parameters-main {margin-bottom: 120px;}



    /* ------  Footer ----- */

    .f-block.links-blocks .left-block { margin-right: 27px; }

    .f-block.p-category-block .quick-links:first-child { margin-right: 20px; }

    ul.biomass-content li img { min-height: 75px; } 

    .category-tabbing .slick-arrow { width: 38px; height: 38px; } 

    .slider-nav .slide .slider-nav-arrows .slick-prev { left: 9px !important; }





    /*our categories*/

    .category-tabbing .slick-prev { left: 10px; } 

    .category-content { max-width: 337px; } 

    .category-tabbing .slick-next { right: 11px; } 

    .slider-for .slick-prev  { left: -28px !important; } 

    .slider-for  .slick-next { right: -18px; }

    /*our categories*/



    /*our products page*/

    .product-main { padding: 100px 0; }

    /*our products page*/



    .case-video-content-left { max-width: 840px; }



    /*case studies detail*/

    .case-videos-content-main { padding: 80px 0; } 

    .case-video-content iframe, .case-video-content video, .case-video-content img { min-height: 460px; } 

    /*case studies detail*/





    /* .related-cases-arrows .slick-prev { left: -49px; } .related-cases-arrows .slick-next { right: -52px; } */
.related-cases-arrows .slick-prev { position: relative; left: 50%; top: 50%; transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); } .related-cases-arrows .slick-next { position: relative; right: -50%; top: 50%; transform: translateY(-100%); margin: 0 0 0 10px; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); }

}



@media (min-width: 1300px) and (max-width: 1399px) {

    .category-tabbing ul { max-width: 858px; }

}



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

    .main-title {font-size: 48px;}

    .page-title {font-size: 62px;}

    .block-title {font-size: 18px;}

    .detail {font-size: 16px;}

    .header .navbar-brand  {width: 180px;}



    /* ----- Hero/Banner Home Page ----- */

    .hero-section .hero-banner-details .page-title{font-size: 60px;}

    .hero-banner-details .hero-banner-right-details{margin-left: 15px;}

    .hero-right-block .hero-right-img img {height: 100px; width: 148px; }

    .hero-slick-block .hero-banner-bottom{max-width: 1100px;}

    .hero-section .hero-banner-details{max-width: 1100px;}

    .hero-slick .slick-dots{left: 15px;}



    /* ----- case-video-home ----- */

    .case-home-bottom-imgbox { height: 150px; max-width: 190px;}

    .case-home-bottom-imgbox:hover {max-width: 260px;}

    /* ----- case-video-home ----- */



    /* ------ category tabbing ------ */

    .category-tabbing .slick-prev { left: 2px; } 

    .category-tabbing .slick-next { right: 0px; }

    .category-main { padding: 70px 0 50px; } 

    .category-tabbing .slick-prev { left: 2px; } 

    .category-tabbing .slick-next { right: 0px; } 

    .category-tabbing ul { max-width: 761px; }

    .category-main-wrap .nav-pills .nav-link .category-icn { margin: -53px 13px 0 0; }

    .category-tabbing .nav-slider .slick-list { padding: 0 80px 50px 0; margin: 0 -10px; } 

    .category-content { max-width: 400px; position: absolute; top: 0; }

    /* ------ category tabbing ------ */



    /* ----- Biomass Rotry ----- */

    .biomass-left { max-width: 540px; padding-left: 15px; padding-right: 15px; }

    ul.biomass-content { flex-wrap: wrap; row-gap: 15px; } 

    ul.biomass-content li img { max-width: 100%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } 

    ul.biomass-content li { width: 100%; max-width: 94px; margin-right: 8px; padding: 9px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } 

    .biomass-main { padding: 130px 0 100px 0; }  

    .biomass-left .nav-pills .nav-link {width: 100%;max-width: 100px; border-radius: 15px; background: rgba(26, 25, 23, 0.05); -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; padding: 10px; }

    /* ----- our service ----- */

    .our-service-main {gap: 52px;}



    /* ----- about-wrapper ----- */

    .about-wrapper {padding: 90px 0;}

    .product-page.about-wrapper {padding: 64px 0;background-color: var(--slate);}

    .about-main .about-left { max-width: 380px; }

    .about-main .about-right { max-width: 360px; }

    .about-main .about-center img {width: 300px;}

    .about-bottom {margin: 38px auto 0;max-width: 1080px;}

    .about-bottom ul li {margin-right: 68px; }

    .about-bottom ul li::before {margin-right: 7px;}



    /* ----- hero-wrapper - Other pages ----- */

    .inner-nav li { font-size: 18px;}

    .hero-main .machine-img {max-width: 1080px;height: 240px; bottom: -50px;}

    

    /* ------ about - service ------ */

    .about-service { padding: 130px 0 80px 0;}

    .about-service-left {max-width: 525px;}

    .about-service-left a {font-size: 18px;}



    /* ------ loaction ----- */

    .location-main { padding: 90px} 

    .firstHeading { font-size: 17px; line-height: 21px; margin-bottom: 0px; } 

    .location-main #map { height: 425px; }



    /* ------  Message ----- */

    .message-main {padding: 130px 0 110px;} 

    .message-content .main-title {margin-bottom: 30px;}

    .message-left { padding: 18px; } 

    .msg-detail { margin-left: 16px; } 

    .message-left > *:nth-child(even) { margin-left: 0px; } 

    .msg-icon { width: 59px; height: 59px; padding: 0px; }

    .msg-icon img { width: 30px; height: 30px; } 



    /* ----- Configuration -----*/

    .configuration-left { max-width: 669px; }

    .configuration-wrp { display: flex; justify-content: space-between; align-items: center; column-gap: 50px; }

    .configuration-main { padding: 100px 0; }

    /* -----  Configuration  ----- */



    /* ----- parametres table -----*/

    .parameters-main {margin-bottom: 100px;}

    .parameters-wrp table thead tr th { font-size: 14px; line-height: 21px; }

    /* ----- parametres table -----*/



    /* ----- Form Message Section - About Page ----- */

    .about-page.message-main {padding: 80px 0 80px 0;}



    /* ----- Intro - Tabs Section - About Page ----- */

    .tab-box .tab-item-left {max-width: 660px;}

    .tab-box .tab-item-right {max-width: 400px;}



    .cases-wrapper.product-page-cases {padding: 120px 0;}



    /* ----- Cases - Gallery Section - About Page ----- */

    .cases-gallery-wrap .grid{ max-width: 1025px; }



    /* ------ News - page ----- */

    .news-main { padding: 120px 0 0 0; } 

    .news-detail-main { padding: 120px 0 0 0; } 



    /* ------  Typograrphy ----- */

    .typography-section { padding: 80px 0 80px; }

    h1{font-size: 64px;}

    h2{font-size: 52px;}

    .typography-detail .b1{font-size: 38px;}

    .typography-detail .b2{font-size: 28px;}

    blockquote *{font-size: 16px;}



    /* ------  Footer ----- */

    .f-block.links-blocks .left-block { margin-right: 15px; }

    .footer .f-top .section-title{font-size: 20px;}

    .right-block .qr-block-wrap ul li{height: 97px; width: 97px;}

    .right-block .qr-block-wrap ul li img{height: 44px;}

    .footer .f-top .quick-links ul li{font-size: 18px;}

    .footer .f-top .f-top-wrap>*:first-child { max-width: 384px; }

    .footer .f-bottom ul li{font-size: 18px;}

    .footer .f-top .f-top-wrap>*:nth-child(2) { max-width: 347px; }

    .f-block.p-category-block .quick-links:first-child { margin-right: 10px; }

    /* .case-gallery-row { flex-wrap: unset; } */



    /*our categories*/

    .category-tabbing .slick-prev { left: 10px; } 

    .category-content { max-width: 337px; } 

    .category-tabbing .slick-next { right: 11px; } 

    .slider-for .slick-prev  { left: -28px !important; } 

    .slider-for  .slick-next { right: -18px !important; } 

    .category-content { max-width: 100%; position: relative; top: 0; text-align: center; } 

    .category-main .social-icon ul { justify-content: center; } 

    .category-tabbing .category-sliders { max-width: 1000px; margin: 0 auto; } 

    .slider-nav .slick-prev { left: 22px !important; } .slider-nav .slick-next { right: 21px !important; } 

    .slider-nav-section .slider-nav > .slick-list > .slick-track > .slick-slide { padding: 0 16px; } .slider-nav-section .slider-nav > .slick-list { margin: 0 -15px; }

    /*our categories*/



    /*our products page*/

    .product-main { padding: 100px 0; }

    /*our products page*/



    /*case studies detail*/

    .case-videos-content-main { padding: 80px 0; } 

    .case-video-content iframe, .case-video-content video, .case-video-content img { min-height: 460px; } 

    .case-video-content-left { max-width: 665px; }

    .customer-satisfaction-block ul { display: flex ; padding-left: 0; margin: 0; justify-content: center; } 

    .customer-satisfaction-block { margin-top: 30px; padding: 18px; } .scan-wrap .scan-code { margin: 0 auto; }

    /*case studies detail*/



    /*related cases*/

    .related-cases-arrows .slick-prev { position: relative; left: 50%; top: 50%; transform: translateX(-100%); } 

    .related-cases-arrows .slick-next { position: relative; right: -50%; top: 50%; transform: translateY(-100%); margin: 0 0 0 10px; } 

    .related-cases-slider .slick-list { padding: 10px 0 23px; }

    .related-cases-main { padding: 35px 0 0; margin: 0 0 80px 0; }

    /*related cases*/





    /*related product*/

    .related-product-detail { padding:0 0 0 20px; } 

    .related-product-detail .regular-detail { margin: 0 0 6px; } 

    .related-product-block { margin-bottom: 33px;  } 

    .related-product-detail .global-icn { margin-top: 14px; } 

    .related-products-main { padding: 0 0 50px 0; }

    /*related product*/

}



@media (min-width: 992px) and (max-width: 1399px) {





    /* ----- Header Section ----- */

    .header-top {padding: 10px 0;}

    .header .navbar-nav .nav-item .nav-link { font-size: 18px; } 

    .nav-item.dropdown .dropdown-menu .dropdown-item {font-size: 18px !important;}

    /* ----- Header Section ----- */



    /* ----- Cases - Tabs Section - Product / About Page ----- */

    .cases-main .cases-left .left-title-box .main-title {margin-bottom: 18px;}

    .cases-main .cases-left .left-title-box .detail {margin-bottom: 20px;}

    .cases-left .btn {margin-top: 20px;}

    /* ----- our service ----- */

    .os-box {gap: 16px;}

    .os-box li img {width: 46px;height: 46px;}

    .os-box li {padding: 15px 16px;}

   

   ul.biomass-content li img { min-height: 70px; }





   .slider-for-arrows { display: flex ; margin: 30px 0; justify-content: center; }







}



@media(max-width:1199px){

    .header-top {padding: 8px 0;}

    .header .navbar-brand {width: 180px;}



    .category-content .btn {margin:  0 auto;}



    /* ----- case-video-home ----- */

    .case-home-right {margin-bottom: 30px;}

    .case-home-left {padding-right: 0;max-width: 100%;text-align: center;}

    .case-video-contact-detail {justify-content: center;align-items: center;}

    .case-video-contact-detail ul li span {text-align: start;}

    .case-video-contact ul {flex-direction: column;align-items: center;justify-content: center;}

    .case-video-contact ul li {margin-right: 0;margin-bottom: 20px;}

    .case-video-contact ul li::after { width: 100%; height: 1px; bottom: -11px; top: unset; left: 50%; transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }

    .case-home-main {flex-direction: column-reverse;align-items: center;justify-content: center;}



    /* ----- our service ----- */

    .our-service-main { flex-direction: column;gap: 32px; }

    .our-service-main h3 br {display: none;}   

    /* ----- Form Message Section - About Page - Contact Page ----- */

    .about-page .message-right {max-width: 100%;}

    .about-page .message-left { margin-bottom: 38px;max-width: 100%; }

    .leavemsg-form .form-group label {font-style: 18px;}

    .leavemsg-form .form-group .form-control { padding: 15px 48px 11px 12px;}







}



@media (min-width: 992px) and (max-width: 1199px) {

    .main-title {font-size: 42px;}

    .page-title {font-size: 58px;}

    .block-title {font-size: 18px;}

    .detail {font-size: 16px;}

    

    /* ----- Header Section ----- */

    .header .navbar-nav .nav-item { margin: 0 21px; } 

    .btn { font-size: 18px; } 

    .nav-item.dropdown .dropdown-menu .dropdown-item { color: #757575; font-family: "QuicksandMedium"; font-size: 18px; white-space: normal;} 

    .nav-item.dropdown .dropdown-menu .dropend .dropdown-menu { margin-left: 9px; max-width: 100%; padding: 10px 0; }

    /* ----- Header Section ----- */

    

    /* ----- Hero/Banner Home Page ----- */

    .hero-section .hero-banner-details .page-title{font-size: 54px;}

    .hero-banner-details .hero-banner-right-details{margin-left: auto; margin-right: auto; max-width: 480px;}

    .hero-right-block .hero-right-img img {        height: 65px; width: 110px;}

    .hero-section .hero-banner-details{padding: 51px 15px 114px 15px; flex-direction: column; justify-content: center; align-items: center;}

    .hero-section .hero-banner-details .hero-banner-left-details{text-align: center; margin-bottom: 30px;}

    .hero-slick-block .hero-banner-bottom { max-width: 900px; }

    .hero-section .hero-banner-details{max-width: 900px;}

    .hero-slick .slick-dots{left: 15px;}

    .hero-right-block .hero-right-img img { height: 92px; width: 140px; }



    /* ----- case-video-home ----- */

    .case-home-right {margin-bottom: 30px;}

    .case-home-left {padding-right: 0;max-width: 100%;text-align: center;}

    .case-video-contact-detail {justify-content: center;align-items: center;}

    .case-video-contact-detail ul li span {text-align: start;}

    .case-video-contact ul {flex-direction: column;align-items: center;justify-content: center;}

    .case-video-contact ul li {margin-right: 0;margin-bottom: 20px;}

    .case-video-contact ul li::after { width: 100%; height: 1px; bottom: -11px; top: unset; left: 50%; transform:translateX(-50%) ; -webkit-transform:translateX(-50%) ; -moz-transform:translateX(-50%) ; -ms-transform:translateX(-50%) ; -o-transform:translateX(-50%) ; }

    .case-home-main {flex-direction: column-reverse;align-items: center;justify-content: center;}

    .case-home-bottom-imgbox {height: 125px; max-width: 150px; }

    .case-home-bottom-imgbox:hover {max-width: 220px;}



    /* ------ category tabbing ------ */

    .category-tabbing .slick-prev { left: 2px; } 

    .category-tabbing .slick-next { right: 0px; }

    .category-main { padding: 70px 0 50px; } 

    .category-tabbing .slick-prev { left: 2px; } 

    .category-tabbing .slick-next { right: 0px; } 

    .category-tabbing ul { max-width: 100%; }

    .category-main-wrap .nav-pills .nav-link .category-icn { margin: -53px 13px 0 0; }

    .category-tabbing .nav-slider .slick-list { padding: 0 0 50px 0; margin: 0 -10px; } 

    .category-content { max-width: 100%; position: relative; text-align: center; } 

    .category-main .social-icon ul { display: flex; margin-bottom: 10px; list-style: none; justify-content: center; }

    /* ------ category tabbing ------ */



    /* ----- Biomass Rotry ----- */

    .biomass-left { max-width: 500px; padding-left: 15px; padding-right: 15px; }

    ul.biomass-content { flex-wrap: wrap; row-gap: 15px; } 

    ul.biomass-content li img { max-width: 100%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } ul.biomass-content li {width: 100%;max-width: 90px; margin-right: 12px; padding: 9px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } 

    .biomass-main { padding: 100px 0 90px 0; }  

    .biomass-left .nav-pills .nav-link {width: 100%;max-width: 90px; border-radius: 15px; background: rgba(26, 25, 23, 0.05); -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; padding: 10px; }

    .biomass-left .nav-pills { margin-bottom: 17px; } 

    .left-biomass-title .detail { margin: 15px 0; } 

    .biomass-detailed-content { margin-top: 20px; } 

    .biomass-detailed-content .detail { margin: 0 0 10px 0; } 

    .biomass-right { margin-top: 20px; }



    /* ----- configuaration ----- */

    .configuration-left { max-width: 669px; }

    .configuration-wrp { display: flex; justify-content: space-between; align-items: center; column-gap: 50px; }

    .configuration-slider { max-width: 395px; } 

    .configuration-right { max-width:412px; }

    .configuration-main { padding: 100px 0; }

    /* ----- configuaration ----- */



    /* ----- parametres table ----- */

    .parameters-main {margin-bottom: 80px;}

    .parameters-wrp table thead tr th { font-size: 15px; line-height: 21px; }

    /* ----- parametres table ----- */



    /* ----- News Section - Home Page ----- */

    .news-center-main-block .news-center-block { padding: 30px 30px 20px 30px;}



    /* ----- our service ----- */

    .our-service-main h3 br {display: none;}   

    

    /* ----- hero-wrapper - Other pages ----- */

    .hero-wrapper {padding: 70px 0 0 0;}

    .inner-nav li { font-size: 16px;}

    .hero-main .machine-img {max-width: 900px;height: 220px; bottom: -40px;}



    /* ----- about-wrapper ----- */

    .about-wrapper {padding: 68px 0;}

    .product-page.about-wrapper {padding: 56px 0;background-color: var(--slate);}

    .about-main {flex-wrap: wrap;}

    .about-main .about-left { max-width: 100%;}

    .about-main .about-right {max-width: 550px;}

    .about-main .about-center img { width: 290px; height: 100%;}

    .about-bottom {margin: 38px auto 0;max-width: 900px;}

    .about-bottom ul li {margin-right: 48px;padding-left: 26px; }

    .about-bottom ul li::before {right: -22px;}

    

    /* ------ about - service ------ */

    .about-service { padding: 120px 0 60px 0;}

    .about-service-left {max-width: 415px;}

    .about-service-left a {font-size: 16px;}



    /* ------ loaction ----- */

    .location-main { padding: 68px} 

    .firstHeading { font-size: 17px; line-height: 21px; margin-bottom: 0px; } 

    .location-main #map { height: 425px; }



    /* ------  Message ----- */

    .message-main {padding: 110px 0 100px;}

    .message-left { padding: 20px;  margin: 0 auto; } 

    .msg-detail { margin-left: 16px; } 

    .msg-icon { width: 66px; height: 66px; padding: 0px; } 

    .msg-icon img { width: 30px; height: 30px; } 

    .msg-content { padding: 19px 0; } 

    .message-right { max-width: 760px; margin: auto; margin-top: 40px; } 

    .message-right .message-content .main-title { text-align: center; }

    .leavemsg-form .form-group label {font-style: 18px;}



    /* ----- Form Message Section - About Page ----- */

    .about-page.message-main {padding: 72px 0 72px 0;}



    /* ----- Intro - Tabs Section - About Page ----- */

    .tab-box .tab-item-left {max-width: 520px;margin-right: 30px;}

    .tab-box .tab-item-right {max-width: 370px;}



    /* ----- Cases Section - About Page ----- */

    .cases-wrapper.product-page-cases {padding: 80px 0;}

    .cases-wrapper {padding: 68px 0;}

    .cases-wrapper .main-title {margin-bottom: 32px;}



    /* ----- Cases - Gallery Section - About Page ----- */

    .cases-gallery-wrap .grid{ max-width: 682px; } 

    .cases-gallery-main { padding: 95px 0; }



    /* ------  News Page ----- */

    .news-content .row { row-gap: 40px; } 

    .news-main { padding: 100px 0 0 0; } 

    .news-detail-main { padding: 100px 0 0 0; } 

    /* ------  News Detail - Page ----- */

    .news-detail-content .paragraph-large { font-size: 20px; } 

    .news-desc { margin-bottom: 25px; }

    .recent-block-post img { max-width: 145px; height: 107px; object-fit: cover; }





    /* ------  Typography ----- */

    .typography-section { padding: 80px 0 80px; }

    h1{font-size: 56px;}

    h2{font-size: 50px;}

    h3{font-size: 28px;}

    .typography-detail .b1{font-size: 38px;}

    .typography-detail .b2{font-size: 28px;}

    .typography-detail .b3{font-size: 22px;}

    blockquote *{font-size: 16px;}

    /* ------  Footer ----- */

    .f-block.links-blocks .left-block { margin-right: 15px; }

    .footer .f-top .section-title{font-size: 18px; margin-bottom: 12px;}

    .right-block .qr-block-wrap ul li { height: 98px; width: 98px; }

    .right-block .qr-block-wrap ul li{margin-right: 15px;}

    .right-block .qr-block-wrap ul li img{height: 44px;}

    .footer .f-top .quick-links ul li{font-size: 16px;}

    .footer .f-top .f-top-wrap>*:first-child { max-width: 284px; }

    .footer .f-bottom ul li{font-size: 16px;}

    .footer .f-top .f-top-wrap>*:nth-child(2) { max-width: 268px; }

    .footer .f-bottom{    padding: 20px 0 30px;}

    .f-block.p-category-block .quick-links:first-child { margin-right: 10px; }





           /* .case-gallery-row > *:nth-child(even) > *:first-child img{ width: 240px; } 

    .case-gallery-row > *:nth-child(even) > *:last-child img{ width: 240px; height: 340px; } 

    .case-gallery-row > *:nth-child(odd) > *:first-child img{ width: 240px; height: 340px; }

    .case-gallery-row > *:nth-child(odd) > *:last-child img{ width: 240px; } 

    .case-gallery-row .case-gallery-column { margin-right: 10px; }

    .case-gallery-column .cases-gallery-img { margin-bottom: 10px; } */





    .case-gallery-row > *:nth-child(even) > *:first-child img{ width: 323px; } 

    .case-gallery-row > *:nth-child(even) > *:last-child img{ width: 323px; height: 340px; } 

    .case-gallery-row > *:nth-child(odd) > *:first-child img{ width: 323px; height: 340px; }

    .case-gallery-row > *:nth-child(odd) > *:last-child img{ width: 323px; } 

    .case-gallery-row .case-gallery-column { margin-right: 15px; }

    .case-gallery-column .cases-gallery-img { margin-bottom: 30px; }    







    /*our categores*/

    .category-tabbing .category-sliders { max-width: 100%; margin-left: auto; } 

    .slider-nav-arrows .slick-prev  { left: 10px !important; } 

    .category-tabbing .slick-prev { left: 10px; } 

    .category-content { max-width: 337px; } 

    .category-tabbing .slick-next { right: 11px; } 

    .slider-for .slick-prev  { left: -28px !important; } 

    .slider-for  .slick-next { right: -18px !important; } 

    .category-content { max-width: 100%; position: relative; top: 0; text-align: center; } 

    .category-main .social-icon ul { justify-content: center; } 

    .category-tabbing .category-sliders { max-width: 922px; margin: 0 auto; } 

    .slider-nav .slick-prev { left: 22px !important; } 

    .slider-nav .slick-next { right: 21px !important; } 

    .slider-nav-section .slider-nav > .slick-list > .slick-track > .slick-slide { padding: 0 16px; } .slider-nav-section .slider-nav > .slick-list { margin: 0 -15px; }

    /*our categores*/





    /*our products page*/

    .product-main { padding: 100px 0; }

    /*our products page*/





    .slider-for-arrows { display: flex ; margin: 30px 0; justify-content: center; }



    /*case videos page*/

    .case-video-content-left { max-width: 100%; }

    .case-video-content-wrp { display: flex ; justify-content: space-between; margin-top: 20px; flex-direction: column; } .case-video-content-right { margin-top: 20px; } .case-video-content-wrp .case-video-content-right { max-width: 100%; } .case-video-content-socials { border-right: 1px solid rgba(26, 30, 32, 0.2); border-bottom: 0px; padding: 0 30px 0 0; margin: 0 30px 0 0; } 

    .case-video-content-right-block { display: flex; } 

    .scan-wrap { border-radius: 20px; border: 1px solid rgba(26, 25, 23, 0.2); padding: 15px 10px; max-width: 300px; margin: 35px auto 0 auto; } 

    .case-video-content-right-block > *:last-child { border-right: 0px; padding-right: 0px; margin-right: 0px; }

     .case-video-content-left .block-title { font-size: 20px; }

    /*case videos page*/





    /*case studies detail*/

    .case-videos-content-main { padding: 80px 0; } 

    .case-video-content iframe, .case-video-content video, .case-video-content img { min-height: 460px; } 

    .customer-satisfaction-block ul { display: flex ; padding-left: 0; margin: 0; justify-content: center; } 

    .customer-satisfaction-block { margin-top: 30px; padding: 18px; } .scan-wrap .scan-code { margin: 0 auto; }

    /*case studies detail*/

    /*related cases*/

    .related-cases-arrows .slick-prev { position: relative; left: 50%; top: 50%; transform: translateX(-100%); } 

    .related-cases-arrows .slick-next { position: relative; right: -50%; top: 50%; transform: translateY(-100%); margin: 0 0 0 10px; } 

    .related-cases-slider .slick-list { padding: 10px 0 23px; }

    .related-cases-main { padding: 35px 0 0; margin: 0 0 80px 0; }

    /*related cases*/



    /*related product*/

    .related-products-main .related-products-title { display: flex ; justify-content: space-between; margin-bottom: 40px;  align-items: center; } 

    .related-product-detail { padding:10px 0 0 0; } 

    .related-product-detail .regular-detail { margin: 0 0 6px; } 

    .related-product-block { margin-bottom: 33px;  flex-direction:column;} 

    .related-product-detail .global-icn { margin-top: 14px; } 

    .related-products-main { padding: 0 0 50px 0; }

    /*related product*/



}



@media (min-width: 992px){

    /* ----- Header Section -----*/

    .navbar-nav .dropdown > .dropdown-toggle:hover:after,

    .navbar-nav .dropdown:hover > .dropdown-toggle:after { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); }

    .navbar-nav .dropstart.show,

    .navbar-nav .dropend.show,

    .navbar-nav .dropdown-menu.show { display: none; }

    /* .navbar-nav li.dropstart .dropdown-toggle:before { position: absolute; left: 5px; border: none; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); } */





    /* .navbar-nav .dropdown-menu li:hover .dropdown-toggle:after { transform: unset; -webkit-transform: unset; -moz-transform: unset; -ms-transform: unset; -o-transform: unset; } */

    

    .navbar-nav .dropdown-menu li .dropdown-toggle:after {

    position: absolute;

    right: 5px;

    border: none;

    transform: rotate(-90deg) !important;

    -webkit-transform: rotate(-90deg) !important;

    -moz-transform: rotate(-90deg) !important;

    -ms-transform: rotate(-90deg) !important;

    -o-transform: rotate(-90deg) !important;

    transition: 0.4s;

    -webkit-transition: 0.4s;

    -moz-transition: 0.4s;

    -ms-transition: 0.4s;

    -o-transition: 0.4s;

}

    .navbar-nav .dropdown-menu { display: block; visibility: hidden; opacity: 0; left: 0; min-width: inherit;}



    .navbar-nav li.dropstart > .dropdown-menu { right: 100%; top: -5px; }





    .navbar-nav li.dropend > .dropdown-menu { left: 100%; top: -5px; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; }



    

    .navbar-nav li.dropstart:hover > .dropdown-menu,

    .navbar-nav li.dropend:hover > .dropdown-menu,

    .navbar-nav li.dropdown:hover > .dropdown-menu { display: block; visibility: visible; opacity: 1; }

    .navbar-nav li.dropstart .dropdown-menu { left: auto; right: 100%; top: 0; }

    .navbar-nav li.dropend .dropdown-menu { left: 100%; top: 0;margin: 0 0 0 0px;}

    .navbar-nav li.dropstart:hover .dropdown-toggle,

    .navbar-nav li.dropend:hover .dropdown-toggle { color: #000 !important; background: rgba(227, 4, 11,0.15) !important; }

    /* .nav-item.dropdown .dropdown-menu  .dropdown-item:hover,

     .nav-item.dropdown .dropdown-menu .dropdown-item:active, 

     .nav-item.dropdown .dropdown-menu .dropdown-item.active { color: #000 !important; background: rgba(227, 4, 11, 0.15) !important; border-color: #e3040b !important; }  */





    .navbar-nav .dropdown-menu .dropdown .dropdown-menu { left: 100%; top: 0; margin: 0; }



  

  }



@media(max-width:991px){

    /* ----- Header Section ----- */

    button.navbar-toggler { border: none; } 

    .navbar-toggler { right: 0; top: 0; } 

    .navbar-toggler { border: none; background-color: transparent; position: relative; z-index: 9999; right: 0; } 

    .navbar-collapse { position: fixed; top: 0; right: -100%; max-width: 100%; width: 100%; bottom: 0; height: 100%; overflow: auto; background-color: #fff; transition: 0.5s; z-index: 9; } 

    .navbar-collapse.show { right: 0; height: auto; } 

    .navbar-collapse.show::before { right: 0; } 

    .navbar-collapse::before { content: ""; position: fixed; width: 100%; height: 80px; top: 0; right: -100%; background-color: #fff; transition: 0.5s; z-index: 9; } 

    .navbar .navbar-nav { align-items: center; position: relative; top: 0; } 

    .header .navbar-nav .nav-item { width: 100% !important; border-bottom: 1px solid #000; padding: 0 10px !important; }

    .header .navbar-nav .nav-item:first-child { padding: 0 10px; } 

    .navbar-toggler .navbar-toggler-icon { background-color: #000000; width: 25px; height: 2px; display: block; margin-bottom: 5px; transition: 0.5s; position: relative; } 

    .navbar-toggler.open span:first-child { top: 5px; transform: rotate(45deg); } 

    .navbar-toggler.open span:nth-child(2) { display: none; } 

    .navbar-toggler.open span:last-child { top: -2px; transform: rotate(-45deg); } 

    .navbar-toggler:focus { box-shadow: none; } 

    .navbar { padding: 28px 0 24px 0; } 

    .header .navbar-nav .nav-item .nav-link { padding: 11px 0px; display: inline-flex; } 

    .header .navbar-nav { padding-left: 0;  margin: 160px 0 0; } 

    .header nav  .btn-contact { padding: 0 7px; } 

    .header .btn-contact .btn { padding: 4px 4px 4px 9px; font-size: 18px; width: fit-content;}

    .header .navbar { margin: 0; } 

    .nav-item.dropdown .dropdown-menu .dropend .dropdown-menu { margin-left: 0px; padding: 10px 0; background: #fff; } 

    

    .dropdown-menu  .dropend .dropdown-item { transition: unset; -webkit-transition: unset; -moz-transition: unset; -ms-transition: unset; -o-transition: unset; } 

    .nav-item.dropdown .dropdown-menu .dropdown-item { font-size: 17px; white-space: normal; } 

    .header .navbar-nav .nav-item .nav-link { width: 100%; justify-content: space-between; } 

    .dropend ul { border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; -ms-border-radius: 0px !important; -o-border-radius: 0px !important; } 

    .nav-item.dropdown .dropdown-menu { padding: 0; border: 0px; max-width: 100%; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; } 
    .nav-item.dropdown .dropdown-menu > *:last-child {
        border-bottom: 0px;
    }
        .nav-item.dropdown .dropdown-menu li{
            padding: 0 !important;
        }


    .nav-item.dropdown .dropdown-menu .dropend .dropdown-item:hover, .nav-item.dropdown .dropdown-menu .dropend .dropdown-item:active, .nav-item.dropdown .dropdown-menu .dropend .dropdown-item.active { color: #000 !important; background: rgba(227, 4, 11, 0.15) !important; } 

    .nav-item.dropdown .dropdown-menu li { border-left: 0px; }



    #menu-header-menu li ul li ul { width: 352px; }

    .menu-arrow i {
    transition: transform 0.3s ease-in-out;
    }

    .menu-arrow i.rotate {
    transform: rotate(-180deg);
    }


    /* ----- Header Section ----- */



    /* ----- our service ----- */

    .our-service-main h3 {text-align: center;}

    .os-box {flex-wrap: wrap;justify-content: center;}



    /* ----- Intro - Tabs Section - About Page ----- */

    .tab-box .tab-item-left {max-width: 350px;}

    .tab-box .tab-item-right {max-width: 310px;}

    .tab-item-right-inner ul li img {width: 24px;height: 24px;}

    

    /* ----- Biomas ----- */

    .biomass-left .left-biomass-title {text-align: center;}

    .biomass-left .main-title {margin:  0 auto;}

    .biomass-main .biomass-content {justify-content: center;}

    .biomass-detailed-content {max-width: 100%;justify-content: center;}

    .biomass-left .nav-pills.nav {justify-content: center;}

    .biomass-left .btn {margin: 0 auto;}

    /* ----- Biomas ----- */



    /* ----- Configration ----- */

    .configuration-right-inner {text-align: center;}

    .configuration-slider {margin: 15px auto 0;}

    /* ----- Configration ----- */



    /* ----- News ----- */

    .news-main { padding: 50px 0 0 0; }



    .biomass-left { display: flex ; flex-direction: column; }



    /*our categories*/

    .category-tabbing .category-sliders { max-width: 100%; margin-left: auto; }

    /*our categories*/



}



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

    .main-title {font-size: 40px;}

    .page-title {font-size: 52px;}

    .block-title {font-size: 18px;}

    .detail {font-size: 16px;}



    /* ----- hero-wrapper - Other pages ----- */

    .hero-wrapper {padding: 60px 0 0 0;}

    .hero-main .machine-img {max-width: 900px;height: 180px; bottom: -40px;}



    /* ----- Hero/Banner Home Page ----- */

    .hero-section .hero-banner-details .page-title{font-size: 54px;}

    .hero-banner-details .hero-banner-right-details{margin-left: auto; margin-right: auto; max-width: 480px;}

    .hero-right-block .hero-right-img img {        height: 65px; width: 110px;}

    .hero-section .hero-banner-details{padding: 51px 15px 114px 15px; flex-direction: column; justify-content: center; align-items: center;}

    .hero-section .hero-banner-details .hero-banner-left-details{text-align: center; margin-bottom: 30px;}

    .hero-slick-block .hero-banner-bottom { max-width: 900px; }

    .hero-section .hero-banner-details{max-width: 900px;}

    .hero-slick .slick-dots{left: 15px;}

    .hero-right-block .hero-right-img img { height: 92px; width: 140px; }



    /* ----- case-video-home ----- */

    .case-video-home-wrapper {padding: 50px 0 0 0;}

    .case-video-contact-detail ul li {font-size: 18px;}

    .case-home-bottom-imgbox { height: 118px; max-width: 115px;margin-right: 12px; }

    .case-home-bottom-imgbox:hover {max-width: 150px;}

    .case-home-left .paragraph-large {font-size: 20px;}

    .case-home-bottom-imgbox:hover div {bottom: 8px;left: 8px;}

    .case-home-bottom-imgbox div img {width: 22px;height: 22px;  }

    .case-home-bottom-imgbox div span {font-size: 14px;}



    /* ------ category tabbing ------ */

    .category-tabbing .slick-prev { left: 2px; } 

    .category-tabbing .slick-next { right: 0px; }

    .category-main { padding: 70px 0 50px; overflow: hidden;} 

    .category-tabbing .slick-prev { left: 2px; } 

    .category-tabbing .slick-next { right: 0px; } 

    .category-tabbing ul { max-width: 100%; }

    .category-main-wrap .nav-pills .nav-link .category-icn { margin: -53px 13px 0 0; }

    .category-tabbing .nav-slider .slick-list { padding: 0 0 50px 0; margin: 0 -10px; } 

    .category-content { max-width: 100%; position: relative; text-align: center; } 

    .category-main .social-icon ul { display: flex; margin-bottom: 10px; list-style: none; justify-content: center; }

    /* ------ category tabbing ------ */



    /* ----- Biomass Rotry ----- */

    .biomass-left { max-width: 100%; padding-left: 0; padding-right: 0; } 

    .biomass-wrp { display: flex ; justify-content: center; flex-direction: column; align-items: center; } 

    .biomass-detailed-content .detail { margin: 0 0 10px 0; } 

    .biomass-right { margin-top: 20px; } 

    .biomass-main { padding: 80px 0; }

    ul.biomass-content li { width: 100%; max-width: 100px;padding: 8px;}

    .biomass-left .nav-pills .nav-link {width: 100%;max-width: 100px;padding: 8px;}



    /* ----- Configuration ----- */

    .configuration-wrp { display: flex ; justify-content: space-between; flex-direction: column; } 

    .configuration-right{ margin-top: 30px; }

    .configuration-left { max-width: 100%; }

    .configuration-wrp { display: flex; justify-content: space-between; align-items: center; column-gap: 50px; }

    .configuration-slider { max-width: 536px; }

    .configuration-main { padding: 70px 0; }

    .configuration-right { max-width:100%; }

    /* ----- Configuration ----- */



    /* ----- parametres able -----*/

    .parameters-main {margin-bottom: 80px;}

    .parameters-wrp table thead tr th { font-size: 15px; line-height: 21px; }

    .table-parameters { overflow: auto; }

    .parameters-wrp table{ box-shadow: unset; }

    /* ----- parametres able -----*/





    /* ----- about-wrapper ----- */

    .about-wrapper {padding: 68px 0;}

    .product-page.about-wrapper {padding: 48px 0;background-color: var(--slate);}

    .about-main {flex-wrap: wrap;gap: 28px;}

    .about-main .about-right ul {gap: 16px;}

    .about-main .detail {font-size: 16px;}

    .about-main .about-left { max-width: 100%;}

    .about-main .about-right {max-width: 400px;}

    .about-main .about-center img { width: 240px; height: 100%;}

    .about-bottom ul {flex-wrap: wrap;row-gap: 16px;justify-content: unset;}

    .about-bottom ul li {margin-right: 60px;padding-left: 26px; }

    .about-bottom ul li::before {right: -32px;}

    

    /* ------ about - service ------ */

    .about-service { padding: 100px 0 50px 0;}

    .about-service-main {flex-direction: column-reverse;text-align: center;}

    .about-service-left {max-width: 100%;padding-top: 20px;padding-right: 0;}

    .about-service-left .detail {margin-bottom: 18px;}

    .about-service-left a {font-size: 16px;margin: 0 auto;}

    

    /* ------ loaction ----- */

    .location-main {padding: 60px;}

    .gm-style-iw.gm-style-iw-c { max-width: 244px !important; } 

    .firstHeading { font-size: 17px; line-height: 21px; margin-bottom: 0px; } 

    .location-main { padding: 50px 15px; } 

    .location-main #map { height: 425px; }



    /* ----- Cases Section - About Page ----- */

    .cases-wrapper.product-page-cases {padding: 60px 0;}

    .cases-wrapper {padding: 52px 0;}

    .cases-wrapper .main-title {margin-bottom: 28px;}

    .cases-main {flex-direction: column;}

    .cases-main .cases-right {max-width: 100%;}

    .cases-main .cases-left {max-width: 100%;margin-right: 0;margin-bottom: 17px;}

    .cases-main .cases-left .left-title-box .main-title {margin-bottom: 16px;}

    .cases-main .cases-left .left-title-box .detail {margin-bottom: 20px;}

    .cases-left .btn {margin-top: 20px;}



    /* ----- Cases - Gallery Section - About Page ----- */

    .cases-gallery-main { padding: 50px 0; }



    /* ----- News Section - Home Page ----- */

    .news-center-main-block .news-center-block { padding: 30px 30px 20px 30px;}



    /* ------  Message ----- */

    .message-main {padding: 90px 0 90px;}

    .message-left { padding: 20px; margin: 0 auto;} 

    .msg-detail { margin-left: 16px; } 

    .msg-icon { width: 66px; height: 66px; padding: 0px; } 

    .msg-icon img { width: 30px; height: 30px; } 

    .msg-content { padding: 19px 0; } 

    .message-right { max-width: 760px; margin: auto; margin-top: 40px; } 

    .about-page.message-main {padding: 68px 0;}

    .message-right .message-content .main-title { text-align: center; }



    /* ----- News Page ----- */

    .news-box { min-height: 428px; }

    .news-main { padding: 90px 0 0 0; } 

    .news-detail-main { padding: 90px 0 0 0; } 



    /* ----- News Detail - Page ----- */

    .news-detail-single-wrap { display: flex; flex-direction: column; } 

    .news-detail-left { width: 100%; max-width: 100%; } 

    .recent-posts { width: 100%; margin: 30px 0 0 0; max-width: 100%; }

    .recent-block-post .regular-detail{ width: 100%; max-width: 100%; }

    .news-detail-content .paragraph-large { font-size: 20px; } 

    .news-desc { margin-bottom: 25px; }

    .news-detail-content .regular-detail > * { margin-bottom: 14px; }



    .tab-box .tab-item-left {margin-right: 28px;}



    /* ------  Typography ----- */

    .typography-section { padding: 80px 0 80px; }

    .typography-section h1{font-size: 54px; margin-bottom: 18px;}

    .typography-section h2{font-size: 48px; margin-bottom: 18px;}

    .typography-section h3{font-size: 28px; margin-bottom: 18px;}

    .typography-section h4{margin-bottom: 18px;}

    .typography-section h5{margin-bottom: 18px;}

    .typography-section h6{margin-bottom: 18px;}



    .typography-detail .b1{font-size: 38px; margin-bottom: 16px;}

    .typography-detail .b2{font-size: 28px; margin-bottom: 16px;}

    .typography-detail .b3{font-size: 22px; margin-bottom: 16px;}

    .typography-detail .b4{margin-bottom: 16px;}

    .typography-detail .b5{margin-bottom: 16px;}

    .typography-section .typography-description .typography-content .btn{margin-top: 16px;}

    blockquote *{font-size: 16px;}

    /* ------  Footer ----- */

    .f-top .f-top-wrap{flex-wrap: wrap;}

    .f-top .f-block { margin-bottom: 50px; }

    .footer .f-top .quick-links ul li{font-size: 16px;}

    .footer .f-top .section-title{font-size: 18px;}

    .right-block .qr-block-wrap ul li {width: 98px; height: 98px; row-gap: 5px;}



    .footer .f-bottom{padding: 20px 0 30px;}

    .f-block.links-blocks .left-block { margin-right: 15px; }

    .footer .f-top .f-top-wrap>*:first-child{width: 72%; max-width: 100%;}

    .footer .f-top .f-top-wrap>*:nth-child(2) { max-width: 50%;}

    .footer .f-top .f-top-wrap>*:last-child { max-width: 50%;}





    .case-gallery-row > *:nth-child(even) > *:first-child img{ width: 240px; } 

    .case-gallery-row > *:nth-child(even) > *:last-child img{ width: 240px; height: 340px; } 

    .case-gallery-row > *:nth-child(odd) > *:first-child img{ width: 240px; height: 340px; }

    .case-gallery-row > *:nth-child(odd) > *:last-child img{ width: 240px; } 

    .case-gallery-row .case-gallery-column { margin-right: 10px; }

    .case-gallery-column .cases-gallery-img { margin-bottom: 10px; }



    ul.biomass-content li img { min-height: 70px; }

    

    /**Our Categories**/

    .category-imgs *{ width: 100%; } 

    .slider-nav .slick-prev { left: 22px !important; } 

    .slider-nav .slick-next { right: 21px !important; }

    .slider-for-arrows { display: flex ; margin: 30px 0; justify-content: center; }

    /**Our Categories**/



    /*our products page*/

    .product-wrap .row { row-gap: 23px; }

    .product-main { padding: 70px 0; }

    /*our products page*/



    /*case videos page*/

    .case-video-content-left { max-width: 100%; }

    .case-video-content-wrp { display: flex ; justify-content: space-between; margin-top: 20px; flex-direction: column; } 

    .case-video-content-right { margin-top: 20px; } .case-video-content-wrp .case-video-content-right { max-width: 100%; } 

    .case-video-content-socials { border-right: 0px solid rgba(26, 30, 32, 0.2); border-bottom: 0px; padding:  0 0; margin:  0 0; } 

    .case-video-content-right-block { display: flex ; flex-direction: column; row-gap: 15px; }

    .scan-wrap { border-radius: 20px; border: 1px solid rgba(26, 25, 23, 0.2); padding: 15px 10px; max-width: 300px; margin: 35px auto auto 0; } 

     .case-video-content-right-block > *:last-child { border-right: 0px; padding-right: 0px; margin-right: 0px; }

    /*case videos page*/



    /*case studies detail*/

    .case-videos-content-main { padding: 50px 0; } 

    .case-video-content iframe, .case-video-content video, .case-video-content img { min-height: 320px; } 

    .customer-satisfaction-block ul { display: flex ; padding-left: 0; margin: 0; justify-content: center; } 

    .customer-satisfaction-block { margin-top: 30px; padding: 18px; } .scan-wrap .scan-code { margin: 0 auto; }

    /*case studies detail*/



    /*related cases*/

    .related-cases-arrows .slick-prev { position: relative; left: 50%; top: 50%; transform: translateX(-100%); } 

    .related-cases-arrows .slick-next { position: relative; right: -50%; top: 50%; transform: translateY(-100%); margin: 0 0 0 10px; } 

    .related-cases-slider .slick-list { padding: 10px 0 23px; }

    .related-cases-main { padding: 35px 0 0; margin: 0 0 80px 0; }

    /*related cases*/



    /*related product*/

    .related-products-main .related-products-title { display: flex ; justify-content: space-between; margin-bottom: 40px;  align-items: center; } 

    .related-product-detail { padding-left: 23px; } 

    .related-product-detail .regular-detail { margin: 0 0 6px; } 

    .related-product-block { margin-bottom: 33px; align-items: center; } .related-product-detail .global-icn { margin-top: 14px; } 

    .related-products-main { padding: 0 0 50px 0; }

    /*related product*/

}



@media (max-width: 767px) {

    .detail {font-size: 14px;}

    .regular-detail {font-size: 14px;}

    

    /* ----- Header Section ----- */

    .header-top-wrp .connect-us .regular-detail {font-size: 0 !important;}

    .header .navbar-nav .nav-item .nav-link { font-size: 17px; } 

    .header .btn-contact .btn { font-size: 17px; }

    /* ----- Header Section ----- */



    /* ----- Hero/Banner Home Page ----- */

    .hero-section .hero-banner-details{flex-direction: column;}

    .hero-section .hero-banner-details .page-title{font-size: 36px;}

    .hero-section .hero-banner-details .hero-banner-left-details{text-align: center; margin-bottom: 35px;}

    .hero-section .hero-banner-details .detail{font-size: 16px; max-width: 480px; margin: 0 auto;}

    .hero-banner-details .hero-banner-right-details{max-width: 220px; margin: 0 auto; flex-wrap: wrap;}

    .hero-banner-right-details .hero-right-block{        width: 45%; margin: 0 10px 25px 0; }

    .hero-slick-block .hero-banner-bottom{max-width: 480px; margin-bottom: 0;}

    .hero-slick .slick-dots{left: 15px;}

    .hero-section .hero-banner-details{padding: 50px 20px 50px 20px;}



    /* ----- case-video-home ----- */

    .back-wrapper {height: 100%;}

    .case-video-home-wrapper {padding: 40px 0 20px 0;}

    .case-video-contact-detail {flex-wrap: wrap;}

    .case-video-contact-detail ul { margin-bottom: 10px; padding: 10px; border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; }

    

    .case-video-contact-detail ul li img {width: 16px;height: 15px;}

    .case-video-contact-detail ul li {font-size: 14px;line-height: 95%;margin-right: 20px;}

    .case-video-contact-detail ul li::after { right: -12px;}

    .case-video-contact-detail .qr-box {width: fit-content; height: 100%; padding: 10px; border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ;}

    .case-video-contact-detail .qr-box img {width: 30px;height: 30px;}

    .case-home-bottom {flex-direction: column;justify-content: center;align-items: center;}

    .case-home-bottom-imgbox { height: 150px; max-width: 50%;margin-right: 0;margin-bottom: 20px;}

    .case-home-bottom-imgbox:hover { max-width: 70%;}



    /*category tabbing*/

    .category-tabbing .slick-prev { left: 2px; } 

    .category-tabbing .slick-next { right: 0px; }

    .category-main { padding: 50px 0; } 

    .category-tabbing .slick-prev { left: 2px; } 

    .category-tabbing .slick-next { right: 0px; } 

    .category-tabbing ul { max-width: 100%; }

    .category-tabbing .nav-slider .slick-list { padding: 0 0 25px 0; margin: 0 -10px; } 

    .category-content { max-width: 100%; position: relative; text-align: center; } 

    .category-main .social-icon ul { display: flex; margin-bottom: 10px; list-style: none; justify-content: center; }

    .category-main-wrap .nav-pills .nav-link .category-icn { margin: -72px 13px 0 0; }

    .category-main .social-icon ul li a { height: 30px; }

    /*category tabbing*/



    /* ----- Biomass Rotry ----- */

    .biomass-left { max-width: 100%; padding-left: 0; padding-right: 0; } 

    .biomass-wrp { display: flex ; justify-content: center; flex-direction: column; align-items: center; } 

    .biomass-detailed-content .detail { margin: 0 0 10px 0; } 

    .biomass-right { margin-top: 20px; } .biomass-main { padding: 80px 0; }

    .left-biomass-title .detail { margin: 10px 0; }



    /* ----- hero-wrapper - Other pages ----- */

    .hero-wrapper {padding: 42px 0 0 0;}

    .inner-nav li { font-size: 16px;}

    

    /* ----- News Section - Home Page ----- */

    .news-center-main-block .news-center-block{padding: 20px; gap: 15px; flex-direction: column; align-items: start;}

    .news-center-block .block-title{font-size: 18px;}

    .news-center-block .news-center-left{width: 100%; max-width: 100%;}

    .news-center { padding: 50px 0px 50px; }

    .news-center .news-center-wrap .main-title * { margin-bottom: 27px; }

    .news-center-block .news-icon-wrap ul li{font-size: 14px;}

    .news-center-block .news-icon-wrap ul li{padding-left: 25px;}

    .news-center-main-block .news-center-block .news-center-img { height: 273px; }

    /* ----- News Section - Home Page ----- */

    

    /* ----- Configuration ----- */

    .configuration-left { max-width: 100%; }

    .configuration-wrp { display: flex; flex-direction: column; justify-content: space-between; align-items: center; column-gap: 50px; }

    .configuration-slider { max-width: 100%; margin: 0 0 auto 0; }

    .configuration-main { padding: 70px 0; }

    .configuration-right { max-width:100%; }

    .configuration-slider .slick-next { position: absolute; top: 100%; transform: translateX(100%); right: 50%; z-index: 99; } 

    .configuration-slider .slick-prev { position: absolute; left: 50%; z-index: 99; top: unset; bottom: 0; transform: translate(-100%, 100%); bottom: -20px; -moz-transform: translate(-100%, 100%); -ms-transform: translate(-100%, 100%); -o-transform: translate(-100%, 100%); -webkit-transform: translate(-100%, 100%); } 

    .configuration-right { margin-top: 30px; } 

    .configuration-slide .config-img { max-width: 100px; padding: 8px; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; } 

    .configuration-slide .config-img img { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; } 

    .configuration-slider .slick-arrow { margin: 10px -6px; width: 32px; height: 32px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: flex ; justify-content: center; align-items: center; background: #fff; border: 1px solid #1A1917; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }

    .configuration-slider { max-width: 100%; }

    /* ----- Configuration ----- */





    /* ----- parametres able ----- */

    .parameters-main {margin-bottom: 50px;}

    .parameters-wrp table thead tr th { font-size: 15px; line-height: 21px; }

    .table-parameters { overflow: auto; }

    .parameters-wrp table{ box-shadow: unset; }

    /* ----- parametres able ----- */

    

    /* ----- about-wrapper ----- */

    .product-page.about-wrapper {padding: 40px 0;background-color: var(--slate);}

    .about-email {justify-content: center;}

    .about-wrapper {padding: 40px 0;}

    .about-main {flex-wrap: wrap;gap: 28px; text-align: center;}

    .about-main .about-left { max-width: 100%;}

    .about-main .about-right {max-width: 100%;}

    .about-main .about-center { width: 100%; overflow: hidden;}

    .about-main .about-center img {width: 100%;height: 240px;}

    

    /* ------ about - service ------ */

    .about-service { padding: 60px 0 40px 0;}

    .about-service-main {flex-direction: column-reverse;text-align: center;}

    .about-service-left {max-width: 100%;}

    .about-service-left .detail {margin-bottom: 10px;}

    .about-service-left .main-title {margin-bottom: 10px;}

    .about-service-left a {font-size: 16px;margin: 0 auto;}



    /* ------ loaction ----- */

    .location-main {padding: 50px;}

    .gm-style-iw.gm-style-iw-c { max-width: 244px !important; } 

    .firstHeading { font-size: 17px; line-height: 21px; margin-bottom: 0px; } 

    .location-main { padding: 50px 15px; } 

    .location-main #map { height: 425px; }



    /* ----- Intro - Tabs Section - About Page ----- */

    .intro-tabs-wrapper {padding: 48px 0;}

    .intro-tab-main .nav-pills {margin-bottom: 28px;}

    .tab-box {flex-direction: column;}

    .tab-box .tab-item-left {max-width: 100%;margin-right: 0;margin-bottom: 30px;}

    .tab-box .tab-item-left img {max-width: 100%;height: 240px;}

    .tab-box .tab-item-right {max-width: 100%;}

    .tab-item-right-inner {margin-bottom: 38px;}

    .tab-item-right-inner::after {bottom: -21px;}



    /* ----- Cases Section - About Page ----- */

    .cases-wrapper.product-page-cases {padding: 50px 0;}

    .cases-wrapper {padding: 40px 0;}

    .cases-wrapper .main-title {margin-bottom: 24px;}

    .cases-main {flex-direction: column;}

    .cases-main .cases-right {max-width: 100%;}

    .cases-main .cases-left {max-width: 100%;margin-bottom: 17px;margin-right: 0;}

    .cases-left .nav-pills .nav-link .greater-arrow {width: 12px;}

    .cases-left .nav-pills .nav-link {padding: 14px 40px 14px 14px;}

    .cases-left .nav-pills .nav-link .greater-arrow { top: 21px; right: 14px;}

    .cases-left .nav-pills .nav-link ul {    padding-top: 12px; margin-top: 12px;}

    .cases-main .cases-left .left-title-box .main-title {margin-bottom: 14px;}

    .cases-main .cases-left .left-title-box .detail {margin-bottom: 18px;}

    .cases-left .btn {margin-top: 18px;}



    /* ----- Cases - Gallery Section - About Page ----- */

    .cases-gallery-main { padding: 60px 0; } 

    .cases-gallery-wrap .grid-item img { border-radius: 10px; } 

    .cases-gallery-main { padding: 50px 0; }

    .cases-gallery-main.product-page-style {padding: 50px 0;}



    /* ------  Message ----- */

    .message-main {padding: 80px 0 50px;}

    .message-left { padding: 20px; margin: 0 auto; } 

    .msg-detail { margin-left: 16px; } 

    .msg-icon img { width: 30px; height: 30px; } 

    .msg-content { padding: 15px 0; } 

    .message-right { max-width: 760px; margin: auto;  margin-top: 40px;} 

    .message-right .message-content .main-title { text-align: center; }

    .leavemsg-form .form-group label { font-size: 16px; }

    .about-page.message-main {padding: 48px 0;}







    /* ------ News - Detail ----- */

    .news-main { padding: 70px 0 0 0; } 

    .news-detail-main { padding: 70px 0 0 0; } 

    .news-detail-single-wrap { display: flex; flex-direction: column; } 

    .news-detail-left { width: 100%; max-width: 100%; } 

    .recent-posts { width: 100%; margin: 30px 0 0 0; max-width: 100%; padding: 16px;}

    .recent-block-post .regular-detail{ width: 100%; max-width: 100%; }

    .news-detail-content .paragraph-large { font-size: 17px; } 

    .news-desc { margin-bottom: 25px; }

    .news-detail-content .regular-detail > * { margin-bottom: 14px; }

    .news-detail-content {margin-top: 20px;}



    /* ------  Typography ----- */

    .typography-section { padding: 50px 0 50px; }

    h1{font-size: 36px; margin-bottom: 16px;}

    h2{font-size: 32px; margin-bottom: 16px;}

    h3{font-size: 28px; margin-bottom: 16px;}

    h4{font-size: 24px; margin-bottom: 16px;}

    h5{font-size: 22px; margin-bottom: 16px;}

    h6{font-size: 16px; margin-bottom: 16px;}

    .typography-detail .b1{font-size: 26px; margin-bottom: 16px;}

    .typography-detail .b2{font-size: 20px; margin-bottom: 16px;}

    .typography-detail .b3{font-size: 19px; margin-bottom: 16px;}

    .typography-detail .b4{font-size: 18px; margin-bottom: 16px;}

    .typography-detail .b5{font-size: 16px; margin-bottom: 16px;}

    blockquote *{font-size: 16px;}

    .typography-section .typography-description .typography-content .btn{margin-top: 16px;}



   ul.biomass-content li img { min-height: 55px; }

    .news-center-block .news-icon-wrap ul { gap: 14px; flex-wrap: wrap; }





    .news-center-main-block .news-center-block .news-center-right { max-width: 100%; }





        .slider-for-arrows {

    display: flex ;

    margin: 30px 0;

    justify-content: center;

}

.slider-for-arrows .slick-next {

    margin-left: 16px;

}

.slider-for-arrows .slick-arrow {

        width: 34px;

        height: 34px;

    }

    

    .product-wrap .row { row-gap: 15px; }





    /*related cases*/

    .related-cases-main { padding: 35px 0 0; margin: 0 0 80px 0; }

    /*related cases*/



}



/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/

@media (min-width: 576px) and (max-width: 767px) {

    .main-title {font-size: 36px;}

    .page-title {font-size: 44px;}

    .block-title {font-size: 18px;}



    /* ----- Hero/Banner Home Page ----- */

    .hero-right-block .hero-right-img img{ height: 85px; width: 102px;}



    /* ----- hero-wrapper - Other pages ----- */

    .hero-main .machine-img {max-width: 100%;height:unset; bottom: -20px;}

    

    /* ----- Biomass Rotry ----- */

    .biomass-left { max-width: 100%; padding-left: 0; padding-right: 0; } 

    .biomass-wrp { display: flex ; justify-content: center; flex-direction: column; align-items: center; } 

    .biomass-detailed-content .detail { margin: 0 0 10px 0; } 

    .biomass-right { margin-top: 20px; } .biomass-main { padding: 80px 0; }

    ul.biomass-content li { width: 100%; max-width: 70px; padding: 8px; border-radius:14px ; -webkit-border-radius:14px ; -moz-border-radius:14px ; -ms-border-radius:14px ; -o-border-radius:14px ;     margin-right: 15px;}

    .biomass-left .nav-pills .nav-link { width: 100%; max-width: 80px; padding: 8px; border-radius:14px ; -webkit-border-radius:14px ; -moz-border-radius:14px ; -ms-border-radius:14px ; -o-border-radius:14px ; }



    /* ----- about-wrapper ----- */

    .about-bottom ul {flex-wrap: wrap;row-gap: 16px;justify-content: unset;}

    .about-bottom ul li {margin-right: 60px;padding-left: 26px; }

    .about-bottom ul li::before {right: -32px;}

    

    /* ------  Message ----- */

    .msg-icon { width: 52px; height: 52px; padding: 0px; flex-basis: unset;} 

    .msg-detail {  flex-basis: unset;} 

    

    /* ----- Cases - Gallery Section - About Page ----- */

    .cases-gallery-wrap .grid-item { max-width: calc(240px - 10px); } 

    .cases-gallery-wrap .grid{ max-width:1000px; }





    /* ------  Footer ----- */

    .f-top .f-top-wrap{flex-wrap: wrap;}

    .f-top .f-block { margin-bottom: 40px; }

    .right-block .qr-block-wrap ul li img { height: 44px; }

    .f-bottom .f-bottom-left{margin-bottom: 15px;}

    .footer .f-top .quick-links ul li{font-size: 16px;}

    .footer .f-top .section-title{font-size: 18px;}

    .right-block .qr-block-wrap ul li {width: 98px; height: 98px;}

 

    .footer .f-bottom{padding: 20px 0 30px;}

    .f-block.links-blocks .left-block { margin-right: 15px; }

    .footer .f-top .f-top-wrap>*:first-child{width: 72%; max-width: 100%;}

    .footer .f-top .f-top-wrap>*:nth-child(2) { max-width: 100%; width: 100%;}

    .footer .f-top .f-top-wrap>*:last-child { max-width: 100%; width: 100%;}

    .footer .f-bottom{flex-direction: column;}

    .footer .f-bottom ul li{font-size: 16px;}





    .case-gallery-row > *:nth-child(even) > *:first-child img{ width: 240px; } 

    .case-gallery-row > *:nth-child(even) > *:last-child img{ width: 240px; height: 340px; } 

    .case-gallery-row > *:nth-child(odd) > *:first-child img{ width: 240px; height: 340px; }

    .case-gallery-row > *:nth-child(odd) > *:last-child img{ width: 240px; } 

    .case-gallery-column .cases-gallery-img {         margin-bottom: 19px; }





    /**Our Categories**/

    .category-imgs *{ width: 100%; } .slider-nav .slick-prev { left: 22px !important; } 

    .slider-nav .slick-next { right: 21px !important; } 

    .category-tabbing .slick-arrow { width: 36px; height: 36px; } 

    .slider-nav-section .slider-nav > .slick-list > .slick-track > .slick-slide { padding: 0 16px; } 

    .slider-nav-section .slider-nav > .slick-list { margin: 0 -15px; }

    /**Our Categories**/





       

   /*our products page*/

    .product-wrap .row { row-gap: 23px; }

    .product-main { padding: 70px 0; }

    .product-blocks .category-details .category-detail-title { margin: 20px 0 0px; } 

    .product-blocks .product-link { margin-top: 10px; }

    /*our products page*/





    /*case videos page*/

    .case-video-content-left { max-width: 100%; }

    .case-video-content-wrp { display: flex ; justify-content: space-between; margin-top: 20px; flex-direction: column; } 

    .case-video-content-right { margin-top: 20px; } .case-video-content-wrp .case-video-content-right { max-width: 100%; } 

    .case-video-content-socials { border-right: 0px solid rgba(26, 30, 32, 0.2); border-bottom: 0px; padding:  0 0; margin:  0 0; } 

    .case-video-content-right-block { display: flex ; flex-direction: column; row-gap: 15px; }

    .scan-wrap { border-radius: 20px; border: 1px solid rgba(26, 25, 23, 0.2); padding: 15px 10px; max-width: 300px; margin: 35px auto auto 0; } 

    .case-video-content-right-block > *:last-child { border-right: 0px; padding-right: 0px; margin-right: 0px; }

    .case-video-content-left .block-title { font-size: 20px; }

    /*case videos page*/





    /*case studies detail*/

    .case-videos-content-main { padding: 50px 0; } 

    .case-video-content iframe, .case-video-content video, .case-video-content img { min-height: 320px; } 

    /* .customer-satisfaction-title { flex-direction: column; align-items: center; }  */

    .customer-satisfaction-block ul { display: flex ; padding-left: 0; margin: 0; justify-content: center; } 

    .customer-satisfaction-block { margin-top: 30px; padding: 18px; } .scan-wrap .scan-code { margin: 0 auto; }

    .customer-satisfaction-block .block-title * { margin: 0; }

    /*case studies detail*/



    /*related cases*/

    .related-cases-arrows .slick-prev { position: relative; left: 50%; top: 50%; transform: translateX(-100%); } 

    .related-cases-arrows .slick-next { position: relative; right: -50%; top: 50%; transform: translateY(-100%); margin: 0 0 0 10px; } 

    .related-cases-slider .slick-list { padding: 10px 0 23px; }

    /*related cases*/



    /*related product*/

    .related-products-main .related-products-title { display: flex ; justify-content: space-between; margin-bottom: 40px; flex-direction: column; align-items: center; } 

    .related-product-detail { padding-left: 23px; } 

    .related-product-detail .regular-detail { margin: 0 0 6px; } 

    .related-product-block { margin-bottom: 33px; align-items: center; } .related-product-detail .global-icn { margin-top: 14px; } 

    .related-products-main { padding: 0 0 50px 0; }

    /*related product*/

}



@media (max-width: 530px) {



    /* ----- Cases - Gallery Section - About Page ----- */

    .grid-item { max-width: 100%; } 

    .cases-gallery-wrap .grid{ max-width: 383px; }

    .cases-gallery-wrap .grid-item { max-width: calc(180px - 10px); } 



}



@media (min-width: 240px) and (max-width: 575px) {

    .main-title {font-size: 32px;}

    .page-title {font-size: 40px;}

    .block-title {font-size: 16px;}



    /* ----- Header service ----- */

    .header-top { padding:6px; }

    .header-top .header-top-wrp { gap: 7px; }

    .header-top .header-top-wrp .connect-us { display: flex ; gap: 5px;  }

    .connect-us a { font-size: 16px; }

    .header-top-wrp .lang img { max-width: 16px; }

    .header-top-wrp .connect-us img { max-width: 16px; }

    .header-top-wrp .lang select { font-size: 14px; }

    .header.nav-new .navbar-brand img { max-width: 120px; }

    .header.nav-new .navbar-brand  { max-width: 150px; }

    .news-center-main-block .news-center-block .news-center-img { height: 140px; }

    /* ----- Header service ----- */



    .case-video-contact-detail {flex-direction: column;}

    .case-video-contact-detail ul {margin-right: 0;}

    .case-video-contact-detail .qr-box {margin-right: 0; margin-bottom: 10px;}

    .case-home-main {margin-bottom: 18px;}



    /* ----- Hero/Banner Home Page ----- */

    .hero-right-block .hero-right-img img{height: 84px; width: 124px;}

    .hero-right-block .detail{font-size: 14px !important; margin-top: 5px !important; }



    .category-main-wrap .nav-pills .nav-link .category-icn { margin: -46px 13px 0 0; }



    /* ----- Biomass Rotry ----- */

    .biomass-detailed-content .detail { margin: 10px 0;}

    .biomass-main { padding: 30px 0; } 

    ul.biomass-content { display: flex ; flex-wrap: wrap; row-gap: 15px; } 

    ul.biomass-content li { width: 100%; max-width: 70px; padding: 5px; margin-right: 12px; padding: 9px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; } 

    ul.biomass-content li img { max-width: 54px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }

    .biomass-detailed-content .detail { margin: 0 0 10px 0; } 

    .biomass-left .nav-pills .nav-link { width: 100%; max-width: 70px; padding: 6px; border-radius:14px ; -webkit-border-radius:14px ; -moz-border-radius:14px ; -ms-border-radius:14px ; -o-border-radius:14px ; }



    /* ----- Configuration ----- */

    .configuration-slider .slick-next { position: absolute; top: 100%; transform: translateX(100%); right: 50%; z-index: 99; } 

    .configuration-slider .slick-prev { position: absolute; left: 50%; z-index: 99; top: unset; bottom: 0; transform: translate(-100%, 100%); bottom: -20px; -moz-transform: translate(-100%, 100%); -ms-transform: translate(-100%, 100%); -o-transform: translate(-100%, 100%); -webkit-transform: translate(-100%, 100%); } 

    .configuration-right { margin-top: 30px; } 

    .configuration-slide .config-img { max-width: 100px; padding: 8px; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; } 

    .configuration-slide .config-img img { border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; -o-border-radius: 7px; } 

    .configuration-slider .slick-arrow { margin: 10px -6px; width: 32px; height: 32px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; display: flex ; justify-content: center; align-items: center; background: #fff; border: 1px solid #1A1917; transition: 0.4s; -webkit-transition: 0.4s; -moz-transition: 0.4s; -ms-transition: 0.4s; -o-transition: 0.4s; }

    /* ----- Configuration ----- */



    /* ----- parametres table ----- */

    .parameters-wrp table thead tr th {     padding: 6px 12px; } 

    .table-parameters { overflow: auto; } 

    .parameters-wrp table{ box-shadow: unset; } 

    .table-parameters > *{ font-size: 14px; } 

    .parameters-wrp table tbody tr td { padding: 6px 16px; }

    /* ----- parametres table ----- */



    /* ----- our service ----- */

    .os-box {gap: 12px;}

    .our-service.introduction .os-box {gap: 12px;}

    .os-box li img {height: 40px;width: 40px;}

    .os-box li { font-size: 14px; padding: 12px; max-width: 128px; min-width: 128px; height: auto; min-height: unset; border-radius:12px ; -webkit-border-radius:12px ; -moz-border-radius:12px ; -ms-border-radius:12px ; -o-border-radius:12px ; }



    /* ----- hero-wrapper - Other pages ----- */

    .hero-main .machine-img {max-width: 100%;height:unset; bottom: -20px;}



    /* ----- about-wrapper ----- */

    .about-main .about-right ul {flex-direction: column;padding-bottom: 20px;}

    .about-main .about-right ul li {width: 100%;}

    .about-main .about-right ul::after { bottom: -18px; transform: rotate(180deg); top: 100%; left: 0; width: 100%; height: 1px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }

    .about-bottom ul {flex-direction: column;margin-bottom: 20px;gap: 8px;}

    .about-bottom ul li::before {display: none;}



    /* ----- about-wrapper ----- */

    .gm-style-iw.gm-style-iw-c { max-width: 244px !important; } 

    .firstHeading { font-size: 17px; line-height: 21px; margin-bottom: 0px; } 

    .location-main { padding: 30px 15px; }



    /* ----- Cases - Gallery Section - About Page ----- */

    .cases-gallery-wrap .grid-item { max-width: calc(240px - 10px); } 

    .cases-gallery-wrap .grid{ max-width:500px; }



    /* ------  Message ----- */

    .message-left { padding: 10px; } 

    .msg-detail { margin-left: 16px; flex-basis: unset;} 

    .msg-icon {   width: 40px; height: 40px; padding: 0px;flex-basis: unset; } 

    .msg-icon img { width: 24px; height: 24px; }

    .message-main { padding: 50px 0; }

    .message-right .message-content .main-title { text-align: center; }

    .message-left > *:nth-child(even) { margin-left: 0; }

    .leavemsg-form .form-group .form-control { padding: 13px 48px 9px 12px; font-size: 16px; } 

    .leavemsg-form .form-group label { font-size: 17px; }

    .message-left > *:nth-child(even) {padding-left:24px ;}

    .message-right { max-width: 760px; margin: auto; margin-top: 40px; } 



    /* ------  News Deatil - page ----- */

    .news-main { padding: 50px 0 0 0; } 

    .news-detail-main { padding: 50px 0 0 0; } 

    .news-detail-single-wrap { display: flex; flex-direction: column; } 

    .news-detail-left { width: 100%; max-width: 100%; } 

    .recent-posts { width: 100%; margin: 30px 0 0 0; max-width: 100%; }

    .recent-block-post .regular-detail{ width: 100%; max-width: 100%; font-size: 12px;}

    .recent-post-content .detail { font-size: 13px; }

    .news-detail-content .paragraph-large { font-size: 14px; line-height: normal; } 

    .news-detail-content .paragraph-large { padding-right: 15px; margin-right: 15px; }

    .news-desc { margin-bottom: 25px; }

    .news-detail-content .regular-detail > * { margin-bottom: 14px; }

    .news-desc { display: flex ; align-items: center; margin-bottom: 35px; flex-wrap: wrap; justify-content: flex-start; }

    .news-detail-content  .regular-detail { font-size: 14px; }

    .news-desc { margin-bottom: 18px; }

    .recent-block-post img { max-width: 100px; height: 80px; object-fit: cover; }



    /* ----- Footer ----- */

    .f-top .f-top-wrap{flex-wrap: wrap;}

    .f-top .f-block { margin-bottom: 40px; }

    .right-block .qr-block-wrap ul li img { height: 44px; }

    .f-bottom .f-bottom-left{margin-bottom: 15px;}

    .footer .f-top .quick-links ul li{font-size: 16px;}

    .footer .f-top .section-title{font-size: 18px;}

    .right-block .qr-block-wrap ul li{width: 98px; height: 98px;}

    .footer .f-bottom{padding: 20px 0 20px;}

    .f-block.links-blocks .left-block { margin-right: 15px; }

    .footer .f-top .f-top-wrap>*:first-child{width: 100%; max-width: 100%;}

    .footer .f-bottom ul a{flex-direction: column; text-align: center;}

    .footer .f-bottom .f-bottom-left ul li img{margin: 0 0 15px 0;}

    .footer .f-top { padding: 35px 0 0; }

    .footer .f-top .f-top-wrap>*:nth-child(2) { max-width: 100%; width: 100%;}

    .footer .f-top .f-top-wrap>*:last-child { max-width: 100%; width: 100%;}

    .footer .f-bottom{flex-direction: column;}

    .footer .f-bottom ul li{font-size: 16px;}

    .f-block.links-blocks{flex-direction: column;}

    .f-block.links-blocks .social-icon ul{justify-content: start;}

    .f-top .right-block{margin-top: 40px;}





    .case-gallery-row > *:nth-child(even) > *:first-child img{ width: 290px; } 

    .case-gallery-row > *:nth-child(even) > *:last-child img{ width: 290px; height: 340px; } 

    .case-gallery-row > *:nth-child(odd) > *:first-child img{ width: 290px; height: 340px; } .case-gallery-row > *:nth-child(odd) > *:last-child img{ width: 290px; } 

    .case-gallery-row .case-gallery-column { margin-right: 0; }

    .case-gallery-column .cases-gallery-img { max-width: 292px; margin: 0 auto 10px auto; } 

    .case-gallery-row.row { max-width: 306px; margin: 0 auto; }





    

    /**Our Categories**/

    .category-imgs *{ width: 100%; } 

    .slider-nav .slick-prev { left: 22px !important; } 

    slider-nav .slick-next { right: 21px !important; } .category-tabbing .slick-arrow { width: 34px; height: 34px; } 

    .slider-nav-section .slider-nav > .slick-list > .slick-track > .slick-slide { padding: 0 16px; } 

    .slider-nav-section .slider-nav > .slick-list { margin: 0 -15px; }

    /**Our Categories**/



    

    /*Our products*/

    .product-blocks .category-details .category-detail-title { margin: 19px 0 0; } 

    .product-blocks { min-height: 400px; } 

    .product-main { padding: 50px 0; } 

    .product-wrap .row{ row-gap:10px; }

    /*Our products*/





     /*case videos page*/

    .case-video-content-left { max-width: 100%; }

    .case-video-content-wrp { display: flex ; justify-content: space-between; margin-top: 20px; flex-direction: column; } 

    .case-video-content-right { margin-top: 20px; } .case-video-content-wrp .case-video-content-right { max-width: 100%; } 

    .case-video-content-socials { border-right: 0px solid rgba(26, 30, 32, 0.2); border-bottom: 0px; padding:  0 0; margin:  0 0; } 

    .case-video-content-right-block { display: flex ; flex-direction: column; row-gap: 15px; }

     .scan-wrap { border-radius: 20px; border: 1px solid rgba(26, 25, 23, 0.2); padding: 15px 10px; max-width: 300px; margin: 35px auto auto 0; } 

     .case-video-content-right-block > *:last-child { border-right: 0px; padding-right: 0px; margin-right: 0px; }

     .case-video-content-left .block-title { font-size: 19px; line-height: normal; } 

     .case-video-content-left a { font-size: 16px !important; }

    /*case videos page*/



    /*case studies detail*/

    .case-videos-content-main { padding: 50px 0 0; } 

    .case-video-content iframe, .case-video-content video, .case-video-content img { min-height: 320px; } 

    .customer-satisfaction-title { flex-direction: column; align-items: flex-start; } 

    .customer-satisfaction-block ul { display: flex ; padding-left: 0; margin: 0; justify-content: center; } 

    .customer-satisfaction-block { margin-top: 30px; padding: 18px; } .scan-wrap .scan-code { margin: 0 auto; }

    /*case studies detail*/





    /*related cases*/

    .related-cases-arrows .slick-prev { position: relative; left: 50%; top: 50%; transform: translateX(-100%); } 

    .related-cases-arrows .slick-next { position: relative; right: -50%; top: 50%; transform: translateY(-100%); margin: 0 0 0 10px; } 

    .related-cases-slider .slick-list { padding: 10px 0 23px; }

    /*related cases*/





    /*related product*/

    .related-product-block { display: flex ; justify-content: center; flex-wrap: wrap; margin-bottom: 30px; } 

    .related-product-detail { padding: 10px 0 0 0; text-align: center; } 

    .related-products-main .related-products-title { display: flex ; justify-content: space-between; margin-bottom: 40px; flex-direction: column; align-items: center; } 

    .related-product-detail .global-icn { justify-content: center; }

    /*related product*/



}



@media (max-width: 380px) {

    .header .navbar-brand img { max-width: 155px; }



    /* ------  Message ----- */

    .msg-icon {   width: 40px; height: 40px; padding: 0px;}

    .main-title { font-size: 30px; }



    /* ----- Cases - Gallery Section - About Page ----- */

    .grid-item { max-width: 100%; } 

    .cases-gallery-wrap .grid{ max-width: 260px; }

    .cases-gallery-wrap .grid-item { max-width: calc(250px - 10px); } 





    /* ----- News ----- */

    .news-box { min-height: 370px; }

    /* ----- News ----- */



    .case-gallery-column .cases-gallery-img { max-width: 280px; margin: 0 auto 10px auto; }





    /*Cases gallery*/

    .case-gallery-row > *:nth-child(even) > *:first-child img{ width: 290px; } 

    .case-gallery-row > *:nth-child(even) > *:last-child img{ width: 290px; height: 340px; } 

    .case-gallery-row > *:nth-child(odd) > *:first-child img{ width: 290px; height: 340px; } 

    .case-gallery-row > *:nth-child(odd) > *:last-child img{ width: 290px; } .case-gallery-row .case-gallery-column { margin-right: 0; }

    /*Cases gallery*/



    }