:root{
  --font-poppins:'Poppins', sans-serif;
}
:root{
  --color-white:#ffffff;
  --color-black:#111111;
  --color-offwhite:#dddddd;
}
/*-------------- media section ---------------*/
@media screen and (min-width: 0px) and (max-width: 767px) {
  #topbar-sec {
      display: block;
      text-align: center;
  }
  .call_icon, .mail_icon{
    float: unset;
  }
  .mail_div{
    margin-top:0;
  }
  #topbar-sec .mail_detail, #topbar-sec .call_detail{
    padding: 0;
  }
  a.custom-logo-link img {
      padding: 10px 0 0 0;
  }
  .navbar_menu {
      top: 0;
  }
  #open_nav,#topbar-sec .social_icon {
    text-align: center;
  }
  #search-form{
    bottom: auto;
    right: auto;
  }
  #search-form input{
    width: 250px;
  }
  .home #header{
    position: unset !important;
  }
  .stickynavbar{
    position: static;
  }
  #slider p,#slider .carousel-indicators,.slider_btn{
    display: none;
  }
  #slider h2{
    font-size: 12px;
    text-align: center;
  }
  #slider .carousel-caption {
    left: 0 !important;
    right: 0 !important;
    text-align: center !important;
    width: 100%;
  }
  .carousel_next, .carousel_prev{
    right: -6px;
  }
  .nav-tabs a.nav-link{
    margin-right: 12px;
  }
  .nav-tabs .nav-item{
    float: unset;
    margin: 0 auto;
  }
  #Pet_supplies .tab-list,#our_services .ser_content,div#testimonialIndicators{
    margin: 0;
  }
  #our_services,#footer h3,#footer ul li {
      text-align: center;
  }
  #footer ul.product_list_widget li{
    text-align: left;
  }
  .image_left,.image_right{
      top: 0;
      left: 0;
      right: 0;
  }
  .inherit_space{
    padding: 20px;
  }
  .service-mainbox{
    padding: 0;
  }
  .servicefirst,.why-choose-column{
    padding: 10px 20px;
  }
  #team{
    margin-bottom: 80px;
  }
  #why_choose_us,#testimonial {
      background-size: cover;
      background-repeat: no-repeat;
      text-align: center;
  }
  .woocommerce #coupon_code,.woocommerce-page table.cart td.actions .coupon .button {
    width: 100%;
    margin-bottom: 10px;
  }
  #header .side-navigation ul ul{
    box-shadow: none !important;
    opacity: 1 !important;
  }
  #header .side-navigation ul ul a{
    letter-spacing: 1px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  #slider p,#slider .carousel-indicators{
    display: none;
  }
  #Pet_supplies .tab-list {
      margin-left: 15px;
  }
  .nav-tabs a.nav-link{
    margin-right: 12px;
  }
  #our_services .ser_content{
    margin:0;
  }
  .contact-info i,.contact-location i{
    width: 14%;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1300px) {
  .navbar_icon i.fa{
    padding: 20px 5px;
  }
}
@media screen and (max-width: 1024px) {
  #our_services{
    background-size: cover;
    background-repeat: no-repeat;
    margin:0;
    overflow: hidden;
  }
  time.icon strong{
    background-color: unset !important;
  }
  .headerbar {
      display: block;
      margin: 0;
  }
  .hamburger {
      padding: 10px;
  }
  .main-header .side-navigation {
      display: none
  }
  .side-navigation,.side-navigation li {
      padding: 0;
      display: block
  }
  .side-navigation ul li a {
      padding: 10px;
      display: block;
      color: var(--color-white);
      border-bottom: 1px solid var(--color-offwhite);
      background: 0 0!important;
      text-align: left;
      line-height:20px;
  }
  amp-sidebar#sidebar1 {
      background: var(--color-black);

  }
  #sidebar1 {
      height: 100%;
      width: 0;
      position: fixed;
      z-index: 9999999;
      top: 0;
      left: 0;
      overflow-x: hidden;
      transition: .5s
  }
  .side-navigation ul li ul, .side-navigation ul li ul ul {
      display: block !important;
      opacity: 1;
      position: unset !important;
      height: auto;
      background-color:var(--color-black); 
  }
  .side-navigation ul ul li{
      display: block;
      padding-left: 25px;
  }
  .side-navigation ul.sub-menu li a:before{
    content: none;
  }
}