sliders container
    #owlCarousel, 
    .owl-stage-outer, 
    .owl-stage,
    .owl-item-bg,
    .owl-item { 
      height: 100%;
      min-height: 200px;
    }

    .owl-theme .owl-controls .owl-nav [class*=owl-] {
        color: #fff;
        font-size: 14px;
        margin: 5px;
        padding: 4px 7px;
        background: none;
        display: inline-block;
        cursor: pointer;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
       
    }

    .owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
        background:none;
        color: #fff;
        text-decoration: none;
    }
    
    #owlCarousel{
      width: 100%;
      height:87vh;
      overflow: hidden;
      position: relative;
      margin-top: 100px!important;
    }
    #owlCarousel:hover .owl-nav{
        opacity: 1;
    }
    /* slider container */
    .owl-item {
        display: inline-block;
        width: 100%;
        overflow: hidden;
        -webkit-backface-visibility: hidden;
    /*     -webkit-transform: translateZ(0) scale(1.0, 1.0); */
    }
    
    .owl-item .owl-item-bg{
        width: 100%;
        display: inline-block;
        position: absolute;
        background-size: 100% 100%;
        background-position: center center;
    }
    
    /* previus/next slider control container */
    .owl-nav{
      position: absolute;
      top:60%;
      transform: translateY(-80px);
      left:0;
      right:0;
      opacity:0;
      transition:all .3s;
    }
    
    /* previus/next slider control*/
    .owl-prev,
    .owl-next {
        
        line-height: 70px;
        position: absolute;
        top:50%;
       
    /*     border-radius: 4px; */
        overflow: hidden;
        transition: all 1s ease
    }
    
    /* previus slider control*/
    .owl-prev { 
        left: 10px;
        /*background:red;
        border-radius:8px;*/
    }
    /* next slider control*/
    .owl-next { 
        right: 10px; 
    }
    /* slider controls thump image and icon */
    .owl-prev-thump,
    .owl-prev-icon,
    .owl-next-thump,
    .owl-next-icon {
        height: 100%;
    }
    /* slider controls thump image */

    /* slider previous/next controls icon */
 
    /* slider previous/next fontawsome icon */
    .owl-prev-icon:before,
    .owl-next-icon:before {
        font-family: FontAwesome;
        color: rgba(255, 255, 255, 0.7);
        font-size: 30px;
        transition: all 1s ease
    }
    /* left arrow */
    .owl-prev-icon:before {
        content: '\f104';
    }
    /* right arrow */
    .owl-next-icon:before {
        content: '\f105';
    }
    
    .owl-prev-icon {left: 0;}
    .owl-next-icon {right: 0}
    
    /*-----------
      nav hover
    ------------*/
    /* prevent animation when disabling loop mode 
    .owl-next:not(.disabled):hover
    */


    
    @keyframes navShadow {
        0%, 100% {box-shadow: 0px 0px 1px 0 #f1f1f1;}
        50% {box-shadow: 0px 0px 5px 0 #f1f1f1}
    }
    
    .owl-prev.disabled:hover , 
    .owl-next.disabled:hover {
      animation: none;
    }
    .owl-prev.disabled:hover .owl-prev-icon, 
    .owl-next.disabled:hover .owl-next-icon {
      width: 50%;
    }
    /*-----------------------------------
             Owl content styling
    -----------------------------------*/
    .slide-content {
    
    }
    .slide-content, 
    .slide-content h3,
    .slide-content h2,
    .slide-content p,
    .slide-content h3:before,
    .slide-content h3:after {
      transition: all 2s ease;
    }


    .slide-content h3:before {
      left: -90px;
    /*   transform: translate3d(-700%, 0, 1px) */
    }
    .slide-content h3:after {
      right: -90px;
    /*   transform: translate3d(700%, 0, 1px) */
    }
    .slide-content h2 {
      color: #f9f9f9;
    /*   font-size: 1.3em; */
      margin-top: 15px;
      margin-bottom: 20px;
      text-transform: uppercase;
    /*   transform: translate3d(100%, 0,1px); */
    }
    .slide-content p {
    /*   font-size: .6em; */
    /*   padding: 0 190px; */
      line-height: 1.4em;
      letter-spacing: 1px;
      text-transform: capitalize;
      color: rgba(255,255,255,.8);
    /*   transform: translate3d(0, 400%,1px); */
    }
    /* animate content */
    .owl-item.active .slide-content {
      transform: translate(-20%, 0%) rotate3d(1, 0, 0, 0);
      transition-delay: .7s
    }
    .owl-item.active h3,
    .owl-item.active h2,
    .owl-item.active p,
    .owl-item.active h3:before,
    .owl-item.active h3:after {
      transform: translate3d(0, 0,1px);
      transition-delay: 1s
    }


    @media screen and (max-width:576px) {
        #owlCarousel{
            width: 100%;
            height:40vh;
            overflow: hidden;
            position: relative;
            margin-top: 100px!important;
          }

          .owl-nav {
            display: none;
          }
    }   




    .thumbnails.events.vertical .caption {
        padding-top: 40px!important;
    }

    .thumbnails .thumbnail{
        border: 1px solid #e9e8e8ee!important;
        padding: 5px;
        margin-bottom: 15px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.19);
    }
     .thumbnails .thumbnail .caption h3{
        line-height: 22px!important;
     }
 
    .thumbnails .media img{
        height: 200px;
        object-fit: cover;
        object-position: center;
    }
     .event-img{
       height:280px !important;
     }



    #gallery {
        padding-bottom: 50px!important;
      }
      @media screen and (min-width: 991px) {
        #gallery {
          padding: 0px 30px 0 30px;
        }
      }
      
      .img-wrapper {
        position: relative;
        margin-top: 15px;
        border: 1px solid #dc143cbd;
        padding: 5px;
      }
      .img-wrapper img {
        width: 100%;
        height: 180px;
      }

      #media{
        position: relative;
        margin-top: 15px;
        border: 1px solid #dc143cbd;
        padding: 5px;
      }
     #media img{
        width: 100%;
        height: 280px!important;
      }
      
      .img-overlay {
        background: rgba(0, 0, 0, 0.7);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
      }
      .img-overlay i {
        color: #fff;
        font-size: 3em;
      }
      
      #overlay {
        background: rgba(0, 0, 0, 0.7);
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 999999;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }
      #overlay img {
        margin: 0;
        width: 80%;
        height: auto;
        -o-object-fit: contain;
           object-fit: contain;
        padding: 5%;
      }
      @media screen and (min-width: 768px) {
        #overlay img {
          width: 60%;
        }
      }
      @media screen and (min-width: 1200px) {
        #overlay img {
          width: 50%;
        }
      }
      
      #nextButton {
        color: #fff;
        font-size: 2em;
        transition: opacity 0.8s;
      }
      #nextButton:hover {
        opacity: 0.7;
      }
      @media screen and (min-width: 768px) {
        #nextButton {
          font-size: 3em;
        }
      }
      
      #prevButton {
        color: #fff;
        font-size: 2em;
        transition: opacity 0.8s;
      }
      #prevButton:hover {
        opacity: 0.7;
      }
      @media screen and (min-width: 768px) {
        #prevButton {
          font-size: 3em;
        }
      }
      
      #exitButton {
        color: #ffffff;
        font-size: 2em;
        transition: opacity 0.8s;
        position: absolute;
        top: 15px;
        right: 15px;
        z-index: 999999;
      }
      #exitButton:hover {
        opacity: 0.7;
      }
      @media screen and (min-width: 768px) {
        #exitButton {
          font-size: 3em;
        }
      }



      /* contact page */

      .contact-div{
        background-image: url('../../images/contact/cont-bg.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
      }

      .contact-div .form-sec{
        /* background: brown; */
        
      }

      .mx-auto{
        margin-left:auto !important;
        margin-right:auto !important;
      }
      .text-end{
        text-align: end !important;
      }
      .on-gmap{
        float: inline-end;
      }
      .text-justify{
        text-align: justify;
      }
      .me-1{
        margin-right:3px;
      }
      .py-2{
        padding-top:5px;
        padding-bottom:5px;
      }
      @media screen and (min-width:1420px){
        .cnt-wdt{
          width:1350px;
        }
      }
      @media screen and (max-width: 768px) {
        .isotope-card {
          width:100%;
        }
        .contact-div .form-sec{
          padding:25px 15px;
        }
      }
      @media screen and (max-width: 620px) {
        .on-gmap {
          margin-left:auto;
          margin-right:auto;
          float: none;
          padding: 20px 20px 15px 20px !important;
          margin-top:80px;
        }
       .breed-title{
          font-size:4rem !important;    
         }
      }
      @media screen and (max-width:520px){
        .top-line .user-menu li a {color: #96a0aa; font-size:15px; padding: 0 10px;}
      }
      @media screen and (max-width: 400px) {
        .on-gmap{
          margin-top:auto;
        }
      }


      @media screen and (max-width:1200px){
        .d-lg{
          display:none;
        }
       .filtrable li{
          margin-right:15px; 
        }
      }
      @media screen and (max-width:992px){
        .d-md{
          display:none;
        }
      }
  /*  @media screen and (max-width:744px){
         .filtrable a{
          font-size:15px;
              }
      }*/

      @media screen and (max-width:597px){
        .d-sm{
          display:none;
        }
        ._2p3a{
         width:100% !important;
         }
      }

  @media screen and (max-width:523px){
         .filtrable a{
          font-size:18px;
              }
        .filtrable li{
          margin-right:10px; 
        }
        .img-wrapper{
          height:auto;
          }
      }
  @media screen and (max-width:403px){
         .filtrable a{
          font-size:15px;
              }
        .filtrable li{
          margin-right:8px; 
        }
      }