@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;600;700&family=Lexend+Deca:wght@100;200;300;400;500;600;700&family=Montserrat:wght@400;700&family=Mulish:wght@300&family=Poppins:wght@300;400;600&family=Urbanist:wght@300;400;600;700;800;900&display=swap');


*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Urbanist", sans-serif;
}

:root{
    --bs-dark-color: #1a1d20;
    --bs-dark-primary:#331B16;
    --bs-main-color:#fff;
    --bs-primary-color:#c6c6c6;
    --secondary-color: #F3AE01;
    --bs-cardbox-color: #FBF9F9;
    --bs-iconbg-color:#FFFBE6;
    --bs-browntext-color: #6D3D06;
    --bs-success-color:#04AD48;
    --bs-danger-color:#BB2B0C;
    --bs-hover-color: #B98608;
}

h1, h2, h3, h4, h5{
    font-family: 'Lexend Deca', sans-serif;
    color: var( --bs-dark-color);
}

h1{
    font-size: 3.8rem;
}

h2{
    line-height: 3rem;
    font-weight: 600;
    font-size: 3.4rem;
}

p{
    margin: 0;
    font-weight: 400;
    font-size: 1rem;
    color: var( --bs-dark-color);
    letter-spacing: 0.07rem;
    line-height: 1.55rem;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
}

a{
    text-decoration: none;
}

a:hover{
    color: var(--secondary-color);
}
.navbar{
    background-color: var(--bs-dark-color);
}

.btn{ border-radius: 2rem; padding: 0.5rem 0.7rem; font-size: 0.6rem;}

/*----------------------------------------- No scrolling on body on responsive ------------------------------*/

.lock_body{overflow: hidden;}

/*-----------------------------------------Navigation and Submenu-----------------------------------------------------*/
a.nav-link{
    color: var(--bs-main-color)!important;
    font-weight: normal;
    letter-spacing:0;
}

.nav-link:hover{
    color: var(--secondary-color) !important;
}
.quote{ 
    border: 2px solid var(--secondary-color);
    color: var(--secondary-color); 
    font-size: 1rem;
    border-radius: 2rem;
}
.quote:hover
{color: var(--bs-main-color); 
             border: 2px solid var(--bs-main-color);
            }

.dropdown-menu{
    background-color: var(--bs-dark-color);
}

.dropdown-menu li a{
    color: var(--bs-main-color);
}

.dropdown-menu li a:hover{
    background-color: var(--bs-dark-primary); 
    color:var(--secondary-color);
}






   

.navbar-toggler{
    border-color: var( --bs-main-color);
}

.navbar-toggler-icon{
    background-color: var( --bs-main-color);
}
/*-------------------------------------------------------Hero section------------------------------------------*/

.hero-section-kg .carousel-indicators{
    bottom: 0%;
    margin-bottom:0;
}

.common-section{
    padding: 0 0 9rem 0;
}

.more-info-section{
    background-image: linear-gradient(rgba(39, 37, 37, 0.8), rgba(26, 18, 18, 0.7)), url("../images/industries-bg.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding: 6rem 0;
    overflow: hidden;
    
}

.icon-section{
    padding: 0!important;
    background-color: var(--bs-iconbg-color);
}
.icon-section h5, .icon-section p{ color: var(--bs-browntext-color);}

.services-section{
    padding: 6rem 0 3rem 0!important;
}

.business-section{
    padding-top: 3rem;
}

.btn-primary{
    background: #F3AE01!important;
    border: none;
    outline: none;
}
.btn-primary:hover{
    background: #B98608!important;
}

.card-title{
    font-weight: 500;
    letter-spacing: .05rem;
}

.common-heading{
    font-size: 2.8rem;
    font-weight: 500;
    letter-spacing: 0.01rem!important;
}

.common-title {
    margin-bottom: 4.2rem;
}

.services-section .card-box, .services-section .card-box1{
    padding: 0!important;
    border-radius: 0!important;
    border: 1px solid rgb(231, 230, 230);
    background-color: var(--bs-cardbox-color);
}
.product-card-box{ background-color: var(--bs-cardbox-color); border: 1px solid var(--bs-primary-color); }

.card-box:hover{
    box-shadow: rgba(149, 157, 165, 0.2) 0 8px 24px;
}

.browse{ border: 1px solid var(--bs-hover-color); font-size: 1rem; color: var(--bs-hover-color); padding: 0.8rem 1rem;}





button, a{   
    font-weight: 400;
    font-size: 1rem;   
    letter-spacing: 0.07rem;
    line-height: 1.55rem;    
}

.btn-dark{
    background-color: #1a1d20;
    color: var( --bs-main-color);
}
.breadcrumb1{ border-bottom: 2px solid #f9f9f9; font-size: 1.8rem; padding: 1rem 1rem 1rem 0; color: var(--bs-browntext-color);}


/*-----------------------------------------------------------Carousal section ----------------------------------------------*/
.carousel-inner .card{
    background-color: var(--bs-primary-color);
    color: var( --bs-main-color);
    transition: all .2s linear;
}

.carousel-inner .card p{
    color: var( --bs-main-color);
}

.carousel-inner .card:hover{
    background: var( --bs-main-color);
    color: var( --bs-dark-color);
}

.carousel-inner .card:hover p{
    color: var( --bs-dark-color);
}

.carousel-caption{
   padding-bottom: 0.2rem;
}

.carousel-caption h3{
    font-size: 0.6rem;
    color: var(--bs-main-color);
}

.carousel-caption p{
    font-size: 0.5rem;
    color: var(--bs-main-color);
    line-height: 0.7rem;
}
 
#carouselExamplebwp .carousel-control-prev-icon {
    background-image: url('../images/previous.svg');
    background-repeat: no-repeat;
  }

  #carouselExamplebwp .carousel-control-next-icon {
    background-image: url('../images/next.svg');
    background-repeat: no-repeat;
  }
  .card-body{ background-color: var(--bs-cardbox-color);}
  .card-body h5{
            color: var(--bs-dark-color);
  }
  .card-body p.card-text{
            color: var(--bs-dark-color);
  }
.card-box1 p{font-size: 0.9rem; line-height: 1rem;}
.card-box1 h5{font-weight: bold;}


/*-----------------------------------------------------------Contact section---------------------------------------------*/

.contact-section{
    position: relative;
}

.contact-section .common-title{
    padding-top: 6rem;
}

.contact-section .form-section{
    width: 100%;
}
.form-label{ color: var(--bs-main-color); font-weight: 800;}
.form-section-contactus .form-label{ color: var(--bs-dark-primary); font-weight: 800;}
#emailHelp{ color: var(--bs-success-color);}
.table > thead{ background-color: var(--secondary-color); font-size: 1.2rem;}
/*-----------------------------------------------------------Testimonial section--------------------------------------*/

.testimonials-section .carousel-indicators{margin-bottom: -3rem;}

.full_wrap {
    width: 100%;
    display: inline-block;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}

.half_wrap {
    width: 50%;
    display: inline-block;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.home_parent_slider_wrap{margin-top: 85px;}

.carousel-indicators [data-bs-target]{
    margin-top: 0.5rem;
    width: 1.7rem;
    height: 0.3rem;
    background-color: var(--secondary-color);
}

.fa-star{
    color: var( --bs-supporting-color);
}

.fa-solid{ 
    color: var(--secondary-color); 
    font-size: 1.5rem;}

.far{ 
    color: var(--secondary-color); 
    font-size: 0.7rem;
}

/*-----------------------------------------------------------Footer section------------------------------------*/
.main-footer-section{
    padding: 0 0 1rem 0;
    background-color: #ffffff;
    color: var( --bs-dark-color);
}

ul.text-footer-white a, 
.input-group a{
    color:var(--bs-dark-color);
}


ul.text-footer-white a:hover, 
.input-group a:hover{
    color:var(--secondary-color);
}


.footer-bg{ background-color:var(--bs-dark-primary); line-height: 3rem;}
.footer-bg p{ line-height: 3rem;}

.footer-links-bottom a{
    color:var(--bs-main-color);
}
.footer-links-bottom{ text-align: right;}

.footer-links-bottom a:hover{
    color:var(--secondary-color);
}


/*-----------------------------------------------------------Sticky icons------------------------------------*/
.stickyicons {
    display: block;
    width: 50px;
    position: fixed;
    bottom: 75px;
    z-index: +99999999999;
    margin-left: 10px;
    right: 19px;
    left: 0;
}
/*--------------------------------------------------------------
 Back to top button
--------------------------------------------------------------*/


.back-to-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 15px;
    bottom: 90px;
    z-index: 996;
    background:var(--secondary-color);
    width: 60px;
    height: 60px;
    border-radius: 0px;
    transition: all 0.4s;
   
}
.back-to-top i{
   font-size: 1.5rem;
    color: #fff;
}
.back-to-top:hover {
    background: var(--bs-hover-color);
    color: #fff;
}

.back-to-top.active {
    visibility: visible;
    opacity: 1;
}


/*-----------------------------------------------------------Modal------------------------------------*/

.modal-header{ background-color: var(--secondary-color); border-bottom: 1px solid var(--bs-primary-color);}
.modal-title{ color: var(--bs-main-color); margin-right: 40px; display: block;}
.btn-close{ color: var(--bs-dark-primary); font-size: 1.5rem;}

.modal-body label{ color: var(--bs-dark-primary);}

/*-----------------------------------------------------------About Us inner page------------------------------------*/
.about-innerpage-bg{ 
    background-image:url("../images/aboutus-innerpage-banner.jpg");
    height: 350px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 150px;
  
   }

.vision-innerpage-bg{ 
    background-image:url("../images/vision-innerpage-banners.jpg");
    height: 350px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 150px;
   }

.ourbrand-innerpage-bg{
    background-image: url("../images/ourbrand-innerpage-banners.jpg");
    height: 350px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 150px;
}
.contact-innerpage-bg{ 
    background-image:url("../images/contactus-innerpage-banners.jpg");
    height: 350px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 150px;
   }

.plywood-innerpage-bg{ 
    background-image:url("../images/plywood-innerpage-banners.jpg");
    height: 350px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 150px;
   }
.doors-innerpage-bg{ 
    background-image:url("../images/doors-innerpage-banners.jpg");
    height: 350px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 150px;
   }

.laminates-innerpage-bg{ 
    background-image:url("../images/laminates-innerpage-banners.jpg");
    height: 350px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 150px;
   } 
   
.shuttering-innerpage-bg{ 
    background-image:url("../images/shuttering-innerpage-banners.jpg");
    height: 350px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 150px;
   } 

.fire-ply-innerpage-bg{ 
    background-image:url("../images/fire-ply-innerpage-banners.jpg");
    height: 350px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 150px;
   } 

.fire-door-innerpage-bg{ 
    background-image:url("../images/fire-door-innerpage-banners.jpg");
    height: 350px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 150px;
   } 

.terms-innerpage-bg{ 
    background-image:url("../images/terms-innerpage-banners.jpg");
    height: 350px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 150px;
   }
.privacy-innerpage-bg{ 
    background-image:url("../images/privacy-innerpage-banners.jpg");
    height: 350px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 150px;
   }
.brand {
    border: 1px solid var(--secondary-color);
    background: var(--bs-iconbg-color);
    font-size: 2rem;
    padding: 2rem 1rem;
    text-align: center;
    font-weight: bold;
    color: var(--bs-browntext-color);
    margin-right: 1rem;
    margin-bottom: 1rem;
}


   
/*--------------------------------------------------Bootstrap Media Queries------------------------------------*/





@media screen and (min-width: 480px) 
{ 
    .carousel-caption {
        bottom: 2rem;
       
    }
    .carousel-caption h3{
        font-size: 1.2rem;
        
    }
    .carousel-caption p{
        font-size: 0.8rem;
        line-height: 1rem;
    }
    .carousel-indicators [data-bs-target]{
        margin-top: 0.5rem;
        width: 2.8rem;
        height: 0.5rem;
       
    }
    .btn{  padding: 0.7rem 0.8rem; font-size: 0.8rem;}

    .fa-solid, .far{ 
        
        font-size: 0.8rem;}

 }

@media screen and (min-width: 576px) 
{ 
    .carousel-caption {
        bottom: 2rem;
       
    }
    .carousel-caption h3{
        font-size: 1.5rem;
        
    }
    .carousel-caption p{
        font-size: 0.8rem;
        line-height: 1rem;
    }
    .carousel-indicators [data-bs-target]{
        margin-top: 0.5rem;
        width: 2.8rem;
        height: 0.5rem;
       
    }
    .btn{  padding: 0.7rem 0.8rem; font-size: 0.8rem;}
    .fa-solid, .far{ 
        
        font-size: 1.2rem;}

 }


@media screen and (min-width: 768px) 
{
        .carousel-caption {
            bottom: 5rem;
           
        }
        .carousel-caption h3{
            font-size: 2.1rem;
            
        }
        .carousel-caption p{
            font-size: 1rem;
            line-height: 1rem;
        }
        .btn{  padding: 0.7rem 1.5rem; font-size: 0.9rem;}
        .hero-section-kg .carousel-indicators{
            bottom: 6%;
          
        }
        .carousel-indicators [data-bs-target]{
            margin-top: 0.5rem;
            width: 2.8rem;
            height: 0.6rem;
           
        }
        .card-box1 p{font-size: 1rem; line-height: 1rem;}
        .fa-solid, .far{ 
        
            font-size: 1.5rem;}
  }


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

    .carousel-caption {
        bottom: 8rem;
    }
    
    .carousel-caption h3{
        font-size: 2.8rem;
        
    }
    
    .carousel-caption p{
        font-size: 1.2rem;
        line-height: 1.2rem;
    }
    .carousel-indicators [data-bs-target]{
        margin-top: 0.5rem;
        width: 2.8rem;
        height: 0.6rem;
       
    }
    .hero-section-kg .carousel-indicators{
        bottom: 6%;
      
    }

    .card-box1 p{font-size: 0.9rem; line-height: 1rem;}

 }




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

    .carousel-caption {
        bottom: 8rem;
    }
    
    .carousel-caption h3{
        font-size: 3.2rem;
        
    }
    
    .carousel-caption p{
        font-size: 1.5rem;
        line-height: 1.8rem;
    }

 }





@media (min-width: 1400px) { 
    
    .carousel-caption {
        bottom: 12rem;
    }
    
    .carousel-caption h3{
        font-size: 3.5rem;
        
    }
    
    .carousel-caption p{
        font-size: 1.6rem;
        line-height: 1.8rem;
    }

 }

/*----------------------------------------------Mega menus Kiran-------------------------------------*/
.menu_wrap {
   
    background: rgba(0,0,0,.8)
  }

 .menu_wrap ul li a {
    display: inline-block;
    padding: 7px;
    font-size: 1rem;
    letter-spacing: 1px;
    color: var(--bs-main-color);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
   
}
.menu_wrap ul li a:hover {
    color: var(--secondary-color);
    text-decoration: none
}


/*----------------------------------------------Mega Top Menus Responsive Classes------------------------------------*/



  
@media only screen and (max-width: 481px) {    
  
    .logo_abs_wrap {
        position: fixed;
        width: 100%;
        text-align: left;
        background: black;
        z-index: 999;
        padding: 10px;
        top: 0;
        left: 0;
    }
  
    .logo_abs_wrap .icon_wrap {
        position: absolute;
        width: auto;
        height: 100%;
        top: 0;
        width: 65px;
        text-align: center;
    }
  
    .logo_abs_wrap .icon_wrap.right {
        right: 0;
    }
  
    .logo_abs_wrap .icon_wrap.left {
        left: 0;
    }
  
    .logo_abs_wrap .icon_wrap img {
        width: 35px;
    }
  
    .logo_abs_wrap svg {
        width: 80px;
    }
  
    .logo_abs_wrap .icon_wrap:hover {
        background-color: #000;
    }
  
    .menu_wrap {
        position: fixed;
        width: 100%;
        right: 0;
        top: 102px;
        z-index: 999;
        display: none;
        bottom: 0;
        overflow: scroll;
        background: rgba(0,0,0,.8);
    }
  
    .menu_wrap ul {
        display: inline-block;
        position: relative;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: right;
        padding: 0;
        margin: 0;
        padding-right: 20px;
        width: 100%;
        padding: 10px;
    }
  
    .sub_menu_arrow {
        display: inline-block;
        position: absolute;
        top: 12px;
        right: 0;
        width: 10px;
        z-index: 1;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
  
    .sub_menu_arrow.active {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }
  
    .menu_wrap ul li .sub-menu {
        width: 100%;
        float: left;
        display: none;
        padding: 0;
        text-align: left;
        background:#000;
    }
  
    .menu_wrap ul li {
        display: inline-block;
        position: relative;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        float: left;
        padding: 0;
        margin: 0;
    }
  
    .menu_wrap ul li a {
        display: inline-block;
        padding: 10px;
        font-size: 14px;
        letter-spacing: 1px;
        color: var(--bs-main-color);
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }
  
    .menu_wrap ul li a:hover {
        background-color: #fff;
        color: var(--secondary-color);
        text-decoration: none;
    }
  
    .menu_wrap ul li .sub-menu ul {
        width: 100%;
        text-align: left;
        background: #000;
    }
  
    .menu_wrap ul li .sub-menu ul li {
        margin-bottom: 3px;
        width: 100%;
        text-align: left;
    }
  
    .menu_wrap ul li .sub-menu ul li.title {
        width: 100%;
        font-weight: 700;
        color: var(--bs-main-color);
        font-size: 13px;
        padding-bottom: 5px;
        margin-bottom: 5px;
        border-bottom: 1px solid var(--bs-hover-color);
    }
  
    .menu_wrap ul li .sub-menu ul li a {
        color:  var(--bs-main-color);
        padding: 0;
        font-size: 12px;
        background: transparent;
    }
  
    .menu_wrap ul li .sub-menu ul li a:hover {
        color: var(--secondary-color);
    }
    
  
    
  
    .table_wrap {
        display: table;
        width: 100%;
        height: 100%;
        vertical-align: middle;
    }
  
    .table_wrap .cell_wrap {
        display: table-cell;
        width: 100%;
        height: 100%;
        vertical-align: middle;
    }
    .navbar {
        position: fixed;
        width: 100%;
        text-align: left;
        background-color: var(--bs-dark-primary);
        z-index: 999;
        padding: 10px;
        top: 0;
        left: 0;
    }   
    
   
    
 }
 
 @media only screen and (min-width: 481px) and (max-width:786px) {
     
    .home_parent_slider_wrap {
        overflow: hidden;
        margin-top: 0px;
    }
 
     .table_wrap {
         display: table;
         width: 100%;
         height: 100%;
         vertical-align: middle;
     }
 
     .table_wrap .cell_wrap {
         display: table-cell;
         width: 100%;
         height: 100%;
         vertical-align: middle;
     }  

     
     .logo_abs_wrap .icon_wrap {
         position: absolute;
         width: auto;
         height: 100%;
         top: 0;
         width: 90px;
         text-align: center;
     }
 
     .logo_abs_wrap .icon_wrap.right {
         right: 0;
     }
 
     .logo_abs_wrap .icon_wrap.left {
         left: 0;
     }
 
     .logo_abs_wrap .icon_wrap img {
         width: 40px;
     }
 
     .logo_abs_wrap svg {
         width: 100px;
     }
 
     .menu_wrap {
         position: fixed;
         width: 100%;
         right: 0;
         top: 98px;
         z-index: 999;
         display: none;
         bottom: 0;
         overflow: scroll;
         background: rgba(0,0,0,.8);
            }
 
     .menu_wrap ul {
         display: inline-block;
         position: relative;
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         float: right;
         padding: 0;
         margin: 0;
         padding-right: 80px;
         width: 100%;
         padding: 20px;
     }
 
     .sub_menu_arrow {
         display: inline-block;
         position: absolute;
         top: 6px;
         right: 0;
         width: 10px;
         z-index: 1;
         -webkit-transition: all .3s ease-in-out;
         -moz-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
         -ms-transition: all .3s ease-in-out;
         transition: all .3s ease-in-out;
     }
 
     .sub_menu_arrow.active {
         -webkit-transform: rotate(90deg);
         -moz-transform: rotate(90deg);
         -ms-transform: rotate(90deg);
         -o-transform: rotate(90deg);
         transform: rotate(90deg);
     }
 
     .menu_wrap ul li .sub-menu {
         width: 100%;
         float: left;
         display: none;
         padding: 0;
         text-align: left;
         background: black;
     }
 
     .menu_wrap ul li {
         display: inline-block;
         position: relative;
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         width: 100%;
         float: left;
         padding: 0;
         margin: 0;
     }
 
     .menu_wrap ul li a {
         display: inline-block;
         padding: 7px;
         font-size: 1rem;
         letter-spacing: 1px;
         /*color: #fff;*/
         -webkit-transition: all .3s ease-in-out;
         -moz-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
         -ms-transition: all .3s ease-in-out;
         transition: all .3s ease-in-out;
     }
 
     .menu_wrap ul li a:hover {
        color: var(--secondary-color);
         text-decoration: none;
     }
 
     .menu_wrap ul li .sub-menu ul {
         width: 100%;
         text-align: left;
         background: transparent;
     }
 
     .menu_wrap ul li .sub-menu ul li {
         margin-bottom: 3px;
         width: 100%;
         text-align: left;
     }
 
     .menu_wrap ul li .sub-menu ul li.title {
         width: 100%;
         font-weight: 700;
         color: var(--secondary-color);
         font-size: 17px;
         padding-bottom: 5px;
         margin-bottom: 5px;
         border-bottom: 1px solid var(--bs-hover-color);
     }
 
     .menu_wrap ul li .sub-menu ul li a {
        color: var(--bs-main-color);
         padding: 0;
         font-size: 14px;
         background: transparent;
     }
 
     .menu_wrap ul li .sub-menu ul li a:hover {
        color: var(--secondary-color);
     } 
     .navbar {
        position: fixed;
        width: 100%;
        text-align: left;
        background-color: var(--bs-dark-primary);
        z-index: 999;
        padding: 10px;
        top: 0;
        left: 0;
    }   
 
     
 }

 @media only screen and (min-width: 786px) and (max-width:992px) {
    .home_parent_slider_wrap {
        overflow: hidden;
        margin-top: 0px;
    }
 

 
    .table_wrap {
        display: table;
        width: 100%;
        height: 100%;
        vertical-align: middle
    }

    .table_wrap .cell_wrap {
        display: table-cell;
        width: 100%;
        height: 100%;
        vertical-align: middle
    }  
    
    .logo_abs_wrap .icon_wrap {
        position: absolute;
        width: auto;
        height: 100%;
        top: 0;
        width: 90px;
        text-align: center
    }

    .logo_abs_wrap .icon_wrap.right {
        right: 0
    }

    .logo_abs_wrap .icon_wrap.left {
        left: 0
    }

    .logo_abs_wrap .icon_wrap img {
        width: 40px
    }

    .logo_abs_wrap svg {
        width: 100px
    }

    .menu_wrap {
        position: fixed;
        width: 100%;
        right: 0;
        top: 98px;
        z-index: 999;
        display: none;
        bottom: 0;
        overflow: scroll;
        background: rgba(0,0,0,.8);
           }

    .menu_wrap ul {
        display: inline-block;
        position: relative;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: right;
        padding: 0;
        margin: 0;
        padding-right: 80px;
        width: 100%;
        padding: 20px;
    }

    .sub_menu_arrow {
        display: inline-block;
        position: absolute;
        top: 6px;
        right: 0;
        width: 10px;
        z-index: 1;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .sub_menu_arrow.active {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .menu_wrap ul li .sub-menu {
        width: 100%;
        float: left;
        display: none;
        padding: 0;
        text-align: left;
        background: black;
    }

    .menu_wrap ul li {
        display: inline-block;
        position: relative;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        float: left;
        padding: 0;
        margin: 0
    }

    .menu_wrap ul li a {
        display: inline-block;
        padding: 7px;
        font-size: 1rem;
        letter-spacing: 1px;
        /*color: #fff;*/
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .menu_wrap ul li a:hover {
       color: var(--secondary-color);
        text-decoration: none;
    }

    .menu_wrap ul li .sub-menu ul {
        width: 100%;
        text-align: left;
        background: transparent;
    }

    .menu_wrap ul li .sub-menu ul li {
        margin-bottom: 3px;
        width: 100%;
        text-align: left;
    }

    .menu_wrap ul li .sub-menu ul li.title {
        width: 100%;
        font-weight: 700;
        color: var(--secondary-color);
        font-size: 17px;
        padding-bottom: 5px;
        margin-bottom: 5px;
        border-bottom: 1px solid var(--bs-hover-color);
    }

    .menu_wrap ul li .sub-menu ul li a {
       color: var(--bs-main-color);
        padding: 0;
        font-size: 14px;
        background: transparent;
    }

    .menu_wrap ul li .sub-menu ul li a:hover {
       color: var(--secondary-color);
    }  

    .navbar {
        position: fixed;
        width: 100%;
        text-align: left;
        background-color: var(--bs-dark-primary);
        z-index: 999;
        padding: 10px;
        top: 0;
        left: 0;
    }  

    
}
 
 @media only screen and (min-width: 993px) and (max-width:1100px) {
     
    .home_parent_slider_wrap {
        overflow: hidden;
        margin-top: 0px;
    }
 
    .zeroMargin_desktop {
        margin-left: 0;
    }

    .menu_wrap{
       z-index: 1001;
   }
   .logo_abs_wrap{
       z-index: 1002;
   }

    .hide_desktop {
        display: none;
    }

    .logo_abs_wrap .icon_wrap {
        display: none;
    }

  

    .logo_abs_wrap svg {
        width: 110px;
    }

    .menu_wrap {
        position: absolute;
        width: 100%;
        right: 0;
        top: 40px;
        z-index: 998;
       /* background: rgba(255,255,255,.9);*/
        top: 0;
        height: 100px;
    }

    .menu_wrap ul {
        display: inline-block;
        position: relative;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: right;
        padding: 0;
        margin: 0;
        padding-right: 20px;
    }

    .menu_wrap ul li {
        display: inline-block;
        position: relative;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        padding: 0;
        margin: 0;
        margin-left: 10px;
    }

    .menu_wrap .menu_ul>li {
        padding-top: 25px;
    }

    .menu_wrap ul li a {
        display: inline-block;
        padding: 7px;
        font-size: 1rem;
        letter-spacing: 1px;
        color: var(--bs-main-color);
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
       
    }

    .menu_wrap ul li a:hover {
       color: var(--secondary-color);
        text-decoration: none;
    }

    .home_parent_slider_wrap .image_wrap {
        height: 100%;
        background: url(../images/slider_1.jpg) center no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .table_wrap {
        display: table;
        width: 100%;
        height: 100%;
        vertical-align: middle;
    }

    .table_wrap .cell_wrap {
        display: table-cell;
        width: 100%;
        height: 100%;
        vertical-align: middle;
    }

    .home_parent_slider_wrap h2 {
        padding: 0;
        margin: 0;
        color: #fff;
        font-size: 50px;
        line-height: 1.1em;
        padding-bottom: 20px;
        padding-top: 80px
    }     

    .category_wrap.inner_wrap {
        margin-top: -120px;
    }

   

    .menu_wrap ul li {
        position: initial!important;
    }

    .menu_wrap ul li .sub-menu {
        position: absolute;
        top: 100%;
        left: 0;
        opacity: 0;
        visibility: hidden;
        webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        width: 100%;
        padding: 20px;
        text-align: left;
        background: black;
    }

    .menu_wrap ul li:hover .sub-menu {
        opacity: 1;
        visibility: visible;
    }

    .menu_wrap ul li .sub-menu ul {
        width: 100%;
        text-align: left;
        background: transparent;
    }

    .menu_wrap ul li .sub-menu ul li {
        margin-bottom: 3px;
        width: 100%;
        text-align: left;
    }

    .menu_wrap ul li .sub-menu ul li.title {
        width: 100%;
        font-weight: 700;
        color: var(--secondary-color);
        font-size: 17px;
        padding-bottom: 5px;
        margin-bottom: 5px;
        border-bottom: 1px solid var(--bs-hover-color);
    }

    .menu_wrap ul li .sub-menu ul li a {
       color: var(--bs-main-color);
        padding: 0;
        font-size: 14px;
        background: transparent;
    }

    .menu_wrap ul li .sub-menu ul li a:hover {
       color: var(--secondary-color);
    }
     
 }
 
 @media only screen and (min-width: 1100px) {
    .home_parent_slider_wrap {
        overflow: hidden;
        margin-top: 0px;
    }
 
     .zeroMargin_desktop {
         margin-left: 0
     }

     .menu_wrap{
        z-index: 1001;
    }
    .logo_abs_wrap{
        z-index: 1002;
    }
 
     .hide_desktop {
         display: none
     }
 
     .logo_abs_wrap .icon_wrap {
         display: none;
     }
   
 
     .logo_abs_wrap svg {
         width: 110px;
     }
 
     .menu_wrap {
         position: absolute;
         width: 100%;
         right: 0;
         top: 40px;
         z-index: 998;
         top: 0;
         height: 100px;
     }
 
     .menu_wrap ul {
         display: inline-block;
         position: relative;
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         float: right;
         padding: 0;
         margin: 0;
         padding-right: 20px;
     }
 
     .menu_wrap ul li {
         display: inline-block;
         position: relative;
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         float: left;
         padding: 0;
         margin: 0;
         margin-left: 10px;
     }
 
     .menu_wrap .menu_ul>li {
         padding-top: 25px;
     }
 
     .menu_wrap ul li a {
         display: inline-block;
         padding: 7px;
         font-size: 1rem;
         letter-spacing: 1px;
         color: var(--bs-main-color);
         -webkit-transition: all .3s ease-in-out;
         -moz-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
         -ms-transition: all .3s ease-in-out;
         transition: all .3s ease-in-out;
        
     }
 
     .menu_wrap ul li a:hover {
        color: var(--secondary-color);
         text-decoration: none;
     }
 
     .home_parent_slider_wrap .image_wrap {
         height: 100%;
         background: url(../images/slider_1.jpg) center no-repeat;
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -o-background-size: cover;
         background-size: cover;
     }
 
     .table_wrap {
         display: table;
         width: 100%;
         height: 100%;
         vertical-align: middle;
     }
 
     .table_wrap .cell_wrap {
         display: table-cell;
         width: 100%;
         height: 100%;
         vertical-align: middle;
     }
 
     .home_parent_slider_wrap h2 {
         padding: 0;
         margin: 0;
         color: #fff;
         font-size: 50px;
         line-height: 1.1em;
         padding-bottom: 20px;
         padding-top: 80px;
     }     
 
     .category_wrap.inner_wrap {
         margin-top: -120px;
     }
 
    
 
     .menu_wrap ul li {
         position: initial!important;
     }
 
     .menu_wrap ul li .sub-menu {
         position: absolute;
         top: 100%;
         left: 0;
         opacity: 0;
         visibility: hidden;
         webkit-transition: all .3s ease-in-out;
         -moz-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
         -ms-transition: all .3s ease-in-out;
         transition: all .3s ease-in-out;
         width: 100%;
         padding: 20px;
         text-align: left;
         background: black;
     }
 
     .menu_wrap ul li:hover .sub-menu {
         opacity: 1;
         visibility: visible;
     }
 
     .menu_wrap ul li .sub-menu ul {
         width: 100%;
         text-align: left;
         background: transparent;
     }
 
     .menu_wrap ul li .sub-menu ul li {
         margin-bottom: 3px;
         width: 100%;
         text-align: left;
     }
 
     .menu_wrap ul li .sub-menu ul li.title {
         width: 100%;
         font-weight: 700;
         color: var(--secondary-color);
         font-size: 17px;
         padding-bottom: 5px;
         margin-bottom: 5px;
         border-bottom: 1px solid var(--bs-hover-color);
     }
 
     .menu_wrap ul li .sub-menu ul li a {
        color: var(--bs-main-color);
         padding: 0;
         font-size: 14px;
         background: transparent;
     }
 
     .menu_wrap ul li .sub-menu ul li a:hover {
        color: var(--secondary-color);
     }
     
 }
 
 @media only screen and (min-width: 1600px) {
    .home_parent_slider_wrap {
        overflow: hidden;
        margin-top: 0px;
    }
 
     .logo_abs_wrap .icon_wrap {
         display: none;
     }     
 
     .logo_abs_wrap svg {
         width: 110px;
     }
 
     .menu_wrap {
         position: absolute;
         width: 100%;
         right: 0;
         top: 40px;
         z-index: 998;
         top: 0;
         height: 100px;
     }
 
     .menu_wrap ul {
         display: inline-block;
         position: relative;
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         float: right;
         padding: 0;
         margin: 0;
         padding-right: 80px;
     }
 
     .menu_wrap ul li {
         display: inline-block;
         position: relative;
         -moz-box-sizing: border-box;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         float: left;
         padding: 0;
         margin: 0;
         margin-left: 10px;
     }
 
     .menu_wrap .menu_ul>li {
         padding-top: 25px;
     }
 
     .menu_wrap ul li a {
         display: inline-block;
         padding: 7px;
         font-size: 1rem;
         letter-spacing: 1px;
         color: var(--bs-main-color);
         -webkit-transition: all .3s ease-in-out;
         -moz-transition: all .3s ease-in-out;
         -o-transition: all .3s ease-in-out;
         -ms-transition: all .3s ease-in-out;
         transition: all .3s ease-in-out;
        
         
     }
 
     .menu_wrap ul li a:hover {
        color: var(--secondary-color);
         text-decoration: none;
     }  
 
     
 }