@media screen and (min-width: 320px) and (max-width: 720px){
  .text-content p, .text-content h3{
    display: none;
  }
  #slider-cat{
    height: 700px !important;
  }
  .inner-header.row .col-box-6{
    text-align: center;
  }
  .inner-header span, .inner-header a{
    display: inline-block;
    margin-bottom: 15px;
  }
  .inner-header.row .col-box-6 a{
    display: block;
  }
  .page-template-template-home-page .sliderbox img{
    min-height: 300px !important;
    }
  .page-template-template-home-page .header, .page-template-template-home-page .header-box{
    background-color: var(--first-theme-color) !important;
  }
  .text-content{
    position: absolute !important;
  }
  section#product_cat_slider, .sliderbox, #slider-cat, .imagebox{
    height: auto !important;
  }
  .sliderbox img{
    background-size: 100% 100%;
    height: 200px;
  }
  .top-header{
    border-bottom: none !important;
  }
  .page-template-template-home-page .header, #slider-cat{
    position: static !important;
  }
  .page-template-template-home-page .main-nav a, 
  .page-template-template-home-page .logo a, 
  .page-template-template-home-page .logo h1 a, 
  .page-template-template-home-page .site-branding-text span{
    color: #000 !important;
  }
  .top-header span{
    margin-bottom: 10px;
  } 
   .toggle-nav button{
    border:solid 2px #000 !important;
    color: #000 !important;
  }
  .admin-bar #mySidenav{
    margin-top: 32px;
  }
  .header .col-box-7, .header .col-box-6{
    width: 100%;
  }
  .slider-img-color, .imagebox img{
    height: 400px;
  }
  .imagebox{
    display: block !important;
  }
  .slider-img-color, .imagebox img{
    height: 400px !important;
    object-fit: cover;
  }
  #slider-cat .owl-nav {
    top: 35em !important;
    left: 80% !important;
  }
  #slider-cat{
    height: 700px;
  }
  .page-template-template-home-page .header{
    position: static !important;
  }
  .slider-img-color, .imagebox img, .sliderbox img{
    height: 400px !important;
  }
  .top-header, .page-template-template-home-page .header .top-header{
    background-color: var(--first-theme-color) !important;
  }
  .main-nav ul ul.sub-menu a{
    color: #fff !important;
  }
  #slider-cat .owl-nav{
    top: 40em !important;
    left: 60% !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1169px){
  #slider-cat .owl-nav{
    top: 32em !important;
    left: 80% !important;
  }
}
@media screen and (min-width: 520px) and (max-width: 999px){
 .page4box{
  margin-right: 12px !important;
 }
 .product-image span.price{
  font-size: 12px;
 }
 .page-template-template-home-page #slider-cat{
  height: 670px !important;
 }
 .page-template-template-home-page .top-header {
    display: flow-root;
    padding: 10px 0 !important;
  }
  .page-template-template-home-page .header-box{
    background-color: #fff !important;
    display: flow-root;
    margin: 0 !important;
  }
  .page-template-template-home-page .main-nav a, .page-template-template-home-page .logo a, .page-template-template-home-page .logo h1 a, .page-template-template-home-page .site-branding-text span{
    color: #fff !important;
  }
  .page-template-template-home-page .site-branding-text span, .page-template-template-home-page .logo h1 a {
    color: #000 !important;
  }
  .admin-bar #mySidenav{
    margin-top: 42px;
  }
  .page-template-template-home-page .toggle-nav button{
    border:solid 2px #000 !important;
    color: #000 !important;
  }
  .toggle-nav button{
    border:solid 2px #fff !important;
    color: #fff !important;
  }
  .logo{
    text-align: left !important;
  }
  .page-template-template-home-page .sliderbox .text-content{
    top: 50% !important;
  }
  .page-template-template-home-page #slider-cat .owl-stage-outer{
    top: 0 !important;
  }
  .page-template-template-home-page .header-box{
    background-color: #fff !important;
  }
  .admin-bar #mySidenav{
    margin-top: 10px;
  }
  a.close-button.media-menu{
    margin-bottom: 10px;
  }
  .main-nav ul ul.sub-menu a{
    color: #fff !important;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1024px){
  #slider-cat{
    height: 700px !important;
  }
  .page-template-template-home-page .site-branding-text span, .page-template-template-home-page .logo h1 a {
    color: #000 !important;
  }
  .page-template-template-home-page .toggle-nav button{
    border:solid 2px #000 !important;
    color: #000 !important;
  }
  .page-template-template-home-page .header .top-header{
    background-color: transparent !important;
  }
  .toggle-nav button{
    border:solid 2px #fff !important;
    color: #fff !important;
  }
  #slider-cat .owl-stage-outer{
    top: 0 !important;
  }
}
@media screen and (min-width:521px){
  .page-template-template-home-page .header{
    position: absolute !important;
  }
}
@media screen and (max-width: 1000px){
  .page-template-template-home-page .top-header{
    padding: 0;
  }
  a.close-button.media-menu{
    font-size: 38px !important;
  }
  .sidenav #site-navigation, ul.mobile_nav{
    overflow-y: scroll;
    height: 100%;
  }
  #mySidenav{
    width: 100% !important;
  }
  .sidenav{
    background-color: var(--first-theme-color) !important;
  }
  .main-nav a, .main-nav ul ul.sub-menu a{
    color: #fff !important;
  }
  .main-nav li{
    border-bottom: 1px solid #000;
  }
  .page-template-template-home-page .main-nav a{
    color: #fff !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;
  }
  #slider-cat .owl-nav{
    top: 38em !important;
  }
}