/*Off-canvas CSS*/
.offcanvas-menu span.menu-separator.tsm-articles-btn {
    display: none !important;
}
 span.sp-menu-separator img {
    background: #0666eb;
    padding: 10px 20px;
    border-radius: 11px;
}

span.sp-menu-separator {
    position: relative;
    top: -3px;
}
span.image-title {
    display: none;
}
body.ltr .sp-megamenu-parent>li.sp-has-child>span:after {
   display: none; 
}
.cstm-abtn img {
    background: #0666eb;
    padding: 10px 20px;
    border-radius: 11px !important;
    width: 100%;
}
.offcanvas-menu .burger-icon {
      visibility: unset !important;
}
@media (min-width: 992px) and (max-width: 1200px){

.d-lg-inline-block {
    display: none !important;
}
.d-lg-none {
    display: inline-block !important;
}
#sp-header nav.sp-megamenu-wrapper #offcanvas-toggler {
    display: none !important;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    font-size: 14px !important;
}
.logo-image-phone {
    height: 46px !important;
}

}
@media (min-width: 992px) and (max-width: 6000px){
 .sp-module-content-top.clearfix {
    display: none !important;
} 
}
@media (min-width: 1200px) and (max-width: 2100px){
  header#sp-header .container {
        max-width: 1275px !important;
  }
  .logo-image {
    height: 50px !important;
  }
  .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    font-size: 15px !important;
  }
}

/*MENU - Smaller Screen*/
@media (min-width: 768px) and (max-width:  992px){
  .sp-module-content-top.clearfix {
    position: fixed;
    margin-top: 15px;
    z-index: 9999;
    top: -1%;
    left: 61%;
}
  a#offcanvas-toggler {
    background: #849000 url("/images/menuoff-toggle.png") no-repeat 50%;
    padding: 20px 43px;
    height: 41px;
    border-radius: 12px;
    margin-top: 6px;
        margin-left: unset;
  }
  .burger-icon {
     visibility: hidden;
  }
}
@media (min-width: 560px) and (max-width: 768px){
   .sp-module-content-top.clearfix {
    position: fixed;
    margin-top: 15px;
    z-index: 9999;
    top: -1%;
    left: 51%;
}
 a#offcanvas-toggler {
    background: #849000 url("/images/menuoff-toggle.png") no-repeat 50%;
    padding: 20px 43px;
    height: 41px;
    border-radius: 12px;
    margin-top: 6px;
        margin-left: unset;
  }
.burger-icon {
     visibility: hidden;
  }
#sp-header {
    height: 60px;
}
}
@media (min-width: 500px) and (max-width: 559px){
     .sp-module-content-top.clearfix {
    position: fixed;
    margin-top: 15px;
    z-index: 9999;
    top: -1%;
    left: 46%;
}
}
@media (min-width: 320px) and (max-width: 559px){

 a#offcanvas-toggler {
    background: #849000 url("/images/menuoff-toggle.png") no-repeat 50%;
    padding: 20px 43px;
    height: 41px;
    border-radius: 12px;
    margin-top: 6px;
        margin-left: unset;
  }
.burger-icon {
     visibility: hidden;
  }
#sp-header {
    height: 60px;
}
}
@media (min-width: 320px) and (max-width: 500px){

     .sp-module-content-top.clearfix {
    position: fixed;
    margin-top: 15px;
    z-index: 9999;
    top: -1%;
    left:14%;
}

}

/*Menu Section 2 - SMALL SCREEN ONLY
section#sp-section-2 div#sp-logo {
    
    max-width: 38%;
}

section#sp-section-2 div#sp-cstm-artbtn {
    max-width: 50%;
}

section#sp-section-2 div#sp-menu {
    max-width: 12%;
}

section#sp-section-2 .container-inner .row {
    align-items: center;
}
section#sp-section-2  a#offcanvas-toggler {
    background: #a01394 url("/images/menuoff-toggle.png") no-repeat 50%;
    padding: 20px 43px;
    height: 42px;
    border-radius: 12px;
        margin-left: unset;
}

section#sp-section-2  .burger-icon {
    visibility: hidden;
}
*/
/*
@media (min-width: 320px) and (max-width: 991px){

header#sp-header {
    display: none !important;
}

}
*/

/*EngageBox CSS*/
.eb-container ul li {
    list-style-type: none !important;
    font-size: 23px;
    line-height: 46px;
    font-family: 'DM Sans';

}
.eb-content ul.menu {
    padding: unset;
}
.eb-dialog {
    padding: 70px 30px;
}

/*Article Menu CSS*/

    .cstm-bg {
    background-image: linear-gradient(45deg, #f6f9fd 0%, #f9ffe1 67%);
    padding: 15px 20px;
    border-radius: 10px;
}