#slider-cat .owl-stage-outer {
  position: unset !important;
}
@media screen and (min-width: 320px) and (max-width: 720px){
  .text-content p{
    display: none;
  }
  #slider-cat{
    background-size: 100% 100% !important;
  }
  .imagebox{
    margin-top: 2em;
  }
  .page-template-template-home-page .header{
    background-color: var(--fourth-theme-color) !important;
  }
  .logo h1 span, .logo a, .site-branding-text span, .logo h1 a, .site-branding-text span, .toggle-nav button{
    color: #00240b !important;
  }
  .page-template-template-home-page .toggle-nav button, .toggle-nav button{
    border:solid 2px #00240b !important;
    color: #00240b !important;
  }
  .inner-header span{
    margin-bottom: 10px;
    display: block;
    text-align: center;
  }
  .col-box-6{
    width: 100%;
  }
  .top-header .col-box-7{
    width: 100%;
    float: none;
  }
}

@media screen and (min-width: 520px) and (max-width: 999px){
  #slider-cat .text-content p{
    display: block;
  }
  body.admin-bar #mySidenav{
    margin-top: 40px;
  }
  #slider-cat .owl-carousel{
    position: static;
  }
}
@media screen and (max-width: 782px){
  .admin-bar .sticky-head {
    padding-top: 20px;
  }
  .toggle-nav{
    float: unset !important;
    margin:10px auto !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px){
  .header{
    background-color: var(--fourth-theme-color) !important;
  }
  .logo h1 a, .site-branding-text span, .page-template-template-home-page .logo h1 a, .site-branding-text span, .page-template-template-home-page .toggle-nav button{
    color: #00240b;
  }
  .page-template-template-home-page .toggle-nav button, .toggle-nav button{
    border:solid 2px #00240b !important;
    color: #00240b !important;
  }
  .page-template-template-home-page .header {
    background: transparent !important;
  }
  .page4box .pagemore:hover{
    color: #000;
  }
  #slider-cat .owl-stage-outer, .text-content{
    top: 6em !important; 
  }
  .page-template-template-home-page .logo h1 a{
    color: #fff;
  }
}
@media screen and (max-width: 1000px){
  .toggle-nav button{
    border:solid 2px #00240b !important;
    color: #00240b !important;
  }
  .main-nav .current-menu-item a, .main-nav ul li a, .main-nav a, .sidenav .close-button, .main-nav .sub-menu a{
    color: #fff !important;
  }
  .page-template-template-home-page .main-nav a, .page-template-template-home-page .logo a, .page-template-template-home-page .logo h1 a, .site-branding-text span{
    color: #000 !important;
  }
  #mySidenav{
    width: 100% !important;
  }
  .sidenav{
    background-color: var(--third-theme-color) !important;
  }
  a.close-button.media-menu, .main-nav .current-menu-item a, .sidenav .close-button, .main-nav .sub-menu a, .page-template-template-home-page .main-nav ul li a{
    color: #fff !important;
  }
  .page-template-template-home-page .header-box {
    margin:auto !important;
  }
}
@media only screen and (min-width: 575px) and (max-width: 767px) {
  #slider-cat .owl-nav{
    top: 26em !important;
  }
  #slider-cat{
    height: 400px;
  } 
}   
@media only screen and (min-width: 320px) and (max-width: 574px) {
  .text-content {
    position: relative;
    top: 1em !important;
  }
  #slider-cat{
    height: 550px;
    top: 33em !important;
    right: 30px !important;
  }
  #slider-cat .owl-nav{
    top: 34em !important;
  }
} 
@media screen and (max-width: 1169px) and (min-width: 768px) {
  #slider-cat .owl-stage-outer, .text-content {
      top: 0em !important;
  }
  .imagebox {
    margin-top: 0em !important;
    img{
      max-height: 248px !important;
    }
 }
}
@media only screen and (min-width: 575px) and (max-width: 767px) {
  .text-content {
      top: 0em !important;
  }
  #slider-cat .owl-nav {
    top: 23em !important;
  }
}