:root{
  --blue: #6FB7F5;
  --red: rgba(155,1,1,1);
  --white: #fff;
  --black: #000;
}
ul{padding: 0; margin: 0;}

/*--offcanvas-css--*/
#sidebar{opacity: 0;}
#sidebar.sidebar-wrapperd-box{opacity: 1;}
.sidebar-offcanvas-menu .outer {height: 100%; background: #ffffff; overflow: auto; padding: 0 0 20px;}
.sidebar-offcanvas-menu .inner {padding: 0px;}
.sidebar-offcanvas-menu #sidebar {position: fixed; top: 0px; bottom: 0px; width: 300px; left: -300px;}
.sidebar-offcanvas-menu .sidebar-top-header {padding: 15px; border-bottom: rgba(177, 177, 177, 0.29) 1px solid;}
.sidebar-offcanvas-menu .sidebar-top-header:after{content: ''; display: table; width: 100%;}
.sidebar-offcanvas-menu .sidebar-close-btn {text-align: right; float: right; padding:0;}
.sidebar-offcanvas-menu .sidebar-logo {float: left;}
.sidebar-offcanvas-menu .sidebar-logo img {max-width: 152px; margin: 0 auto;}
.sidebar-offcanvas-menu .sidebar-close-btn a {color: #343434; font-size: 30px; text-align: right; padding: 10px 0 0; cursor: pointer;}
.sidebar-offcanvas-menu ul.sidebar-menu, 
.sidebar-offcanvas-menu ul.sidebar-menu ul#menu-sidebar-menu-desktop {padding: 0; margin: 0;}
.sidebar-offcanvas-menu ul.sidebar-menu li {display: block; transition: all .3s ease-in; -webkit-transition: all .3s ease-in;}
.sidebar-offcanvas-menu ul.sidebar-menu li a {color: var(--black);display: inline-block;text-transform: capitalize; padding: 10px 15px; font-size: 14px;}
ul.sidebar-menu > li {border-bottom: #0000004f 1px dashed;}
ul.sidebar-menu > li a {position: relative;}
ul.sidebar-menu > li > ul {padding: 0; margin: 0; display: none;}
ul.sidebar-menu > li > ul > li a {text-transform: capitalize !important; padding-left: 35px !important; font-size: 14px !important;}
ul.sidebar-menu li.active > a, 
ul.sidebar-menu li:hover > a {color: var(--red);}
.sidebar-offcanvas-menu .sidebar-wrapper {position: relative; height: 100%; overflow: auto;}
.sidebar-offcanvas-menu ul.sidebar-menu li.menu-item-has-children {position: relative; }
.sidebar-offcanvas-menu ul.sidebar-menu li.menu-item-has-children img {position: absolute; right: 0; top: 0;}
/*--offcanvas-css-end--*/

/*--header-css--*/
.mobile-menubtn {display: none; }
.btnmmenu span {width: 30px; height: 2px; background-color: var(--white); display: block; margin: 6px 0; }
.btnmmenu {max-width: 30px; margin: 0 0 0 auto; }

    .ls-slide{position: relative;width: 100%;}
    .ls-slide img{width: 100%;}
    .ls-slide .container{position: absolute; z-index: 1; background: rgba(13, 13, 13, 0.43); left: 50%; top: 50%;text-align: center; max-width: 500px; transform: translate(-50%, -50%); padding: 30px; border-radius: 20px;}
    .ls-slide .container h1{font-size: 42px;text-transform: capitalize; color: #ffffff; border-radius: 10px; white-space: nowrap;}
    .ls-slide .container p{font-size: 30px; text-transform: capitalize; color: #ffffff; border-radius: 10px; white-space: nowrap; line-height: 1.3}
/*--end--*/


@media (max-width: 991px){
  /*--header-css--*/
  .main-navbarbox{position: relative;}
  .desktop-menubox {display: none;}
  /*--end--*/

  .header_bottom .container_inner{width: 100%;}

}  

@media (max-width: 767px){
  .header-btn-in a{font-size: 12px; padding: 5px 10px;}
  .mobile-menubtn {display: block; padding: 25px 5px;}
  nav.main_menu.right{display: none;}
}