/* Responsive Css */
@media only screen and (max-width: 1599px) {

  .main-header .menu-right-content .btn-box {
    width: 180px;
  }

  .main-menu .navigation>li {
    margin: 0px 10px;
  }


}

@media only screen and (max-width: 1399px) {
  .header-style-two .header-lower .menu-right-content .other-links {
    display: none;
  }
}


@media only screen and (max-width: 1200px) {

  .main-menu,
  .sticky-header,
  .top-bar,
  .main-header.style-one .outer-container:before {
    display: none !important;
  }

  .menu-area .mobile-nav-toggler {
    display: block;
    padding: 10px;
  }

  .header-style-two .menu-area .mobile-nav-toggler {
    margin-top: 43px;
    margin-right: 43px;
  }

  .header-style-two .menu-area .mobile-nav-toggler .icon-bar {
    background: #fff;
  }


  .about-style-three .content_block_three .content-box {
    margin-left: 0px;
  }

  .header-style-two .header-lower .logo-box {
    padding: 3px 0px 0px 0px;
    margin-left: 43px;
    margin-right: 0px;
  }

}



@media only screen and (min-width: 768px) {

  .main-menu .navigation>li>ul,
  .main-menu .navigation>li>ul>li>ul {
    display: block !important;
    visibility: hidden;
    opacity: 0;
  }
}



@media only screen and (max-width: 991px) {

  .main-header .menu-right-content .btn-box {
    display: none;
  }

  .banner-section .owl-theme .owl-nav {
    display: none;
  }

  .footer-widget {
    margin: 0px 0px 30px 0px !important;
  }

  .footer-top {
    padding-bottom: 80px;
  }



  .header-style-two .header-lower .logo-box {
    margin-right: 40px;
  }

  .header-style-two .header-lower .menu-right-content {
    margin-top: 44px;
    margin-right: 30px;
  }


  .animals-section .single-item {
    margin-bottom: 30px;
  }

  .animals-section .tabs-content .inner-box .image-box {
    margin-left: 0px;
  }


  .about-style-three .image-box {
    margin-right: 0px;
    margin-bottom: 30px;
  }

  .feature-item {
    height: 380px;
  }
}


@media only screen and (max-width: 767px) {

  .main-header .menu-right-content .support-box {
    display: none;
  }

  .banner-carousel .content-box h2 {
    font-size: 50px;
    line-height: 60px;
  }

  .banner-carousel .slide-item {
    padding: 110px 0px 120px 0px;
  }

  .sec-title h2 {
    font-size: 36px;
    line-height: 46px;
  }

  .footer-top {
    padding: 70px 0px 30px 0px;
  }



  .sec-pad {
    padding: 70px 0px;
  }

  .animals-section {
    padding-top: 0px;
  }

  .animals-section .tab-btn-box {
    margin-bottom: 30px;
  }

  .animals-section .tabs-content .inner-box .text h2 {
    font-size: 36px;
    line-height: 46px;
  }

  .animals-section .tabs-content .inner-box .text {
    margin-bottom: 30px;
  }



  .page-title {
    padding: 80px 0px;
  }

  .page-title h1 {
    font-size: 40px;
    line-height: 50px;
  }


  .gallery-page-section,
  .animals-page-section {
    padding: 70px 0px 40px 0px;
  }


  .animals-section {
    padding-bottom: 40px;
  }

  .contact-section {
    padding-bottom: 70px;
  }

  .feature-section {
    height: fit-content;
  }

  .feature-item {
    height: 280px;
    width: 295px;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;

  }

  .footer-column {
    text-align: center;
  }

  .footer-social {
    margin-left: 165px;
  }

  .widget-content ul li i {
    display: none;
  }

  .footer-top .contact-widget .info li {
    padding-left: 0px;
  }

  .footer-top .widget-title {
    margin-bottom: 0px;
  }
   .sec-pad {
        padding: 0px 0px;
    }
}

@media only screen and (max-width: 599px) {

  .sec-title h2 br {
    display: none;
  }

  .footer-social {
    margin-left: 165px;
  }
  .carousel-item img{
    height: 275px;
  }
   .carousel-control-prev,
  .carousel-control-next {
    display: none;
  }
       .sec-title h2 {
        font-size: 30px;
        line-height: 40px;
    }
}


@media only screen and (max-width: 499px) {

  .mobile-menu {
    width: 100%;
  }

  .news-block-one .inner-box .lower-content h3 {
    font-size: 20px;
    line-height: 28px;
  }

  .news-block-one .inner-box .lower-content {
    padding-left: 30px;
    padding-right: 30px;
  }

  .header-style-two .header-lower .logo-box {
    margin-left: 43px;
  }

  .header-style-two .header-lower .menu-right-content {
    margin-right: 0px;
  }

  .banner-carousel .content-box h2 {
    font-size: 40px;
    line-height: 50px;
  }

  .footer-social {
    margin-left: 105px;
  }
      .sec-title h2 {
        font-size: 20px;
        line-height: 40px;
    }
    .header-style-two .header-lower .outer-box {
            background-color: transparent;
    }
       
}
@media only screen and (max-width: 424px) {
  .footer-social {
    margin-left: 100px;
  }
      .sec-title h2 {
        font-size: 20px;
        line-height: 30px;
    }
}
@media only screen and (max-width: 400px) {
  .header-style-two .header-lower .logo-box {
    margin-left: 0px;
  }

  .header-style-two .menu-area .mobile-nav-toggler {
    margin-right: 0px;
  }

  .footer-social {
    margin-left: 85px;
  }
}
@media only screen and (max-width: 320px) {
  .footer-social {
    margin-left: 55px;
  }

}