.header-slider::after {
   content: '';
   background-color: rgba(0, 0, 0, 0.3);
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 9;
}

.header-image .overlay {
   
   content: '';
   background-color: rgba(0, 0, 0, 0.3);
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 9;
}



.text-slider-section {
   z-index: 11;
}

.header-slider {
    width: 100% !important;
    height: 530px !important;
  	

 
  }


@media only screen and (max-width:768px){

  .header-wrap .container{
    text-align: left;
  }

  .header-wrap .btn-menu{
    float: right;
    margin-right: 15px;
    margin-top: -50px;
  }  
  .site-logo {
    max-height: 80px;
    max-width: 120px;
}




        
}