/* Extra small devices (phones, 600px and down) */
@media screen and (min-width:320px) and (max-width:812px) {
.logo-image {
    height: 60px!important;
}
  
  #offcanvas-toggler > .fa {
    position: relative;
    bottom: 3.5rem;
}
  
.sp-slider #sp-slider-item-1582109538433-num-0-key #sp-slider-inner-item-1582109538434-num-1-key,
  .sp-slider #sp-slider-item-1582109538433-num-1-key #sp-slider-inner-item-1582109538435-num-1-key,
  .sp-slider #sp-slider-item-1582109538433-num-2-key #sp-slider-inner-item-1582109538436-num-1-key{
        font-size: 35px!important;
  }
  
  #sppb-addon-wrapper-1614224572745 {
    width: 100%!important;
}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {...} 

/* Medium devices (landscape tablets, 768px and up) */
@media screen and (min-width: 768px) and (max-width:1024px) {#offcanvas-toggler > .fa {
    bottom: 9.5rem;
}
}

/* Large devices (laptops/desktops, 992px and up) */
 @media screen and (min-width: 900px) and (max-width:1440px) {...}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {...}

/* Codes for Bootstrap hidden elements on devices
hidden-xs
hidden-sm
hidden-md
hidden-lg
 */