/*IE10 & 11 hack*/@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.home-grid .fade a::after {border:none;}
}

@media screen and (max-width: 1140px) {
    .cell h2.caption-block {
    padding: 0px;}
	
.quote-section .slick-prev, .quote-section .slick-next{display:none!important;}
    .home-panel {padding-bottom: 20px;
    }
    #header .single-col {padding: 0 20px;
    }
    #nav {
    font-size:  15px;}
    #nav ul li {
        margin: 0 0 0 15px;
        padding: 0 0 0 15px;
    }
    .wrapper {
        width: 100%;
        margin: 0;
        float: left;
        padding: 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
}
@media screen and (max-width: 1023px) {
	.top-icons ul li{font-size:16px;}
.main-img img{position:relative; left:-25%; width:150%; height:auto;}
.home-header.scroll #nav{width: 220px;}

.home-grid .fade p{display:none!important;}
.cell h2.caption-block span{font-size: 30px; line-height: 44px;}
    #footer .social li{margin: 0 5px 5px 0;}
#nav{ z-index:99999; text-transform: capitalize;
}
    .header-space {
    height: 80px;}
 #nav ul {
        padding: 0px 10px 0 0;
        margin-top: 0px;
        display: none;
    }
    #nav ul ul {
        padding-top: 0px;
        border: none;
        height: auto;
    }
    #nav ul li {
        width: 100%;
        padding: 0px;
        margin: 0px;   border: none!important;
    }
    #nav ul li a {
        border: none;
        padding: 10px!important;
        text-align: right;
        color: #00627d!important;
        opacity: 0.7;  
    }
    #nav li ul.sub-menu {
        width: 100%!important;
        padding: 0;
        margin: 0px;
        border: none;
    }
    #nav ul.sub-menu li,
    #nav ul.sub-menu li:first-child {
        background: none;
    }
    #nav ul.sub-menu a,
    #nav ul.sub-menu li:first-child a {
        text-align: right;
        width: 100%;
        padding: 10px;
        color: #00627d;
    }
    #nav ul.sub-menu li:last-child {
    padding: 0px;}
   #nav li ul.sub-menu, #nav li:hover ul.sub-menu {
        left: auto;
        position: relative!important;
        top: 0px;
    }
    #nav a,
    #main-nav .last-child a {
        padding: 2px 0 5px;
    }
    #nav li:hover a,
    #main-nav li a.active {
        background: none;
    }
    .nav-bg {
        width: 60px;
        border: none;
        right: 0;
        position: absolute;
        width: 200px;
        top: 30px;
    }
    #nav {
        right: 10px;
        top: 3px;
        padding: 0px;
        margin: 20px 0 0;
        position: absolute;
        width: 220px;
    }
    .rmm-toggled-controls {
        width: 120px;
        color: #00627d;
        background: #fff
    }
    .rmm-toggled {
        display: block;
    }
    .rmm-toggled-controls,
    .rmm.minimal .rmm-toggled-controls {
        display: block!important;
        float: right;
    }
    #nav ul {
        display: none;
        background: #fff;
    }
.scroll-menu{
 overflow: auto; 
    overflow-y: auto; 
    overflow-x: hidden; height:300px;
     }
.rmm-closed .scroll-menu{display:none;}
 #nav ul li a {
        color: #00627d;
        font-size: 16px;
        line-height: 20px;
        white-space: normal!important;
    }
    #nav ul li.current-menu-item > a,
    #nav li a:hover,
    #nav ul li li.current_page_item a,
#nav ul.sub-menu a:hover, #nav ul.sub-menu li:first-child a:hover, #header #nav ul.sub-menu a:hover, #header #nav ul.sub-menu li:first-child a:hover, #nav ul.sub-menu a, #nav ul.sub-menu li:first-child a, #header #nav ul.sub-menu a, #header #nav ul.sub-menu li:first-child a {
        opacity: 1;
        color: #00627d!important;
        background: none!important;
    }
 
    #header{padding:10px;}
#searchform-box{padding:0px; margin:10px 0 0; width:100%; clear:both; position:relative;}


    .top-icons {
        margin: 20px 139px 0 0;
    }
    .main-logo img {
    max-width: 50%;}
.logo{height:60px;float: left;}
    .content-section.blog-img {
        margin-top: 66px;
    }
    .nf-form-cont h3,
    h1 {
        font-size: 30px;
        line-height: 34px;
        margin: 0 0 10px;
    }
 
    .hide-phone > a {
        display: none!important;
    }
    .home-slider .metaslider .caption-wrap .caption {
        left: 10px;
        bottom: 10px;
    }


  
    .col.widget {
        padding-left: 0px;
        padding-right: 0px;
    }
    #header .single-col {
        padding: 0 10px;
    }
    .flex-direction-nav .flex-prev {
        left: 10px!important;
    }
    .flex-direction-nav .flex-next {
        right: 10px!important;
    }
    .content-section {
        margin: 20px 0 0;
    }
    .main-article .text-content {
        width: 100%;
        margin: 0px;
        padding: 0px;
    }
    .post-list .thumb-img {
        display: none;
    }
    .widget .text {
        width: 100%;
        padding: 0px;
    }
    .sidebar {
        width: 35%;
        padding: 0 20px;
    }
    .sidebar-layout .article-content {
        width: 65%;
    }
    .title-block {
        margin: 0 0 10px;
    }
    .nav-holder {
        margin: 10px 0 0;
    }

  
    .home-slider .metaslider .caption-wrap h2 {
        font-size: 34px;
        line-height: 34px;
        padding: 10px;
    }
    .home-slider .metaslider .caption-wrap span {
        padding: 5px 10px;
    }
    .content-section {margin:  10px 0 0;
    }
    .read-more {margin:  0px;
    }
    .quote-section .two-col .col {
    width:  100%;}
    .quote-section .two-col {
    padding:  30px 0;}
}

@media screen and (max-width: 930px) {
    #home-top .three-col {padding-top:  30px;
    }
    .home-grid, .location-section {margin-top:  30px;
    }
    .home-grid p {
        display: none;
    }
    .home-grid .fade h3, .home-grid .fade h4 {margin: 0px;
    }

.accred img {
    height: 60px;}
    .phone {display: none;
    }
    .three-col .twin {
    width: 100%;}

    .grid-holder.three-col .col.twin {
    width: 66.666%;}
    .grid-holder .excerpt {
    display: none;}

.quote-section .single-col{padding: 40px 10%;}
}
@media screen and (max-width: 767px) {
    .page-layout .sidebar {
    width:  100%;}
    .side-gallery li {padding:  5px 0px 5px 5px;
    width:  50%;}
    .side-gallery li:nth-child(2n+1) {
    padding:  5px 5px 5px 0px;
    }
    .end-footer {
    text-align: center;}
    .quote-section {
    margin-top: 30px;}
    #home-top {
    margin-bottom: 30px;}
    .grid-holder.three-col .col {width: 100%!important; max-height: 240px; margin-bottom: 0px;
    }
    .home-grid .col {
    height:  200px;}
blockquote{padding:10px;}

.blog-section .col:last-child .inside-col{border:none; padding:0px; margin:0px;}

    .top-icons {display: none;
    }
    
    .scroll .top-icons {
    display: none;}
    .booking-bar .nf-form-cont .book-max, .booking-bar .nf-form-cont .book-mid.med, .booking-bar .nf-form-cont .book-mid, .booking-bar .nf-form-cont #nf-field-14-container{
    width:  50%; padding:  0 2px;
}
    .home-slider .booking-bar {
    background: #0071bb;
position: relative;
}
    #footer .logo img {
    height: 100%; width: auto;}
    #footer .logo { height: 90px;
    }

    
    .main-img.single-col {margin: 0px;
    }
   
    .banner-section img {width: 160%; position: relative; left: -30%;
    }
    .accred img {
    height:  60px;}
    .simple-img {
    display: none;}
    .sales-section {
    margin-top: 30px;}
    .home-grid .col {
    width: 100%!important;}

    .two-col .col {
        width: 100%;
        margin-bottom: 20px;
    }
   

    #home-top .two-col {
    padding-top: 20px;}
    .home-grid {
    margin: 20px 0 0;}

.sidebar-layout .article-content{margin:0px;}
    .map-wrap {
    padding: 0 0px;}
    .map-wrap iframe {
    height:  250px;}
    .social-col h5 a{font-size: 16px;
}
    .feed-content {
    padding: 0px;}

    .col.blog-col .inside-col{ padding:  0 0px 30px; margin:  0 0 20px; border-bottom: 1px solid #00627d;
    }
    .blog-section .map-col .inside-col{
        margin: 0px; border: none;
    }
    .blog-section .col {
        width: 100%;
        margin: 0px 0 0px;
    }
    #footer h3 {
        padding-top: 0px;
    }
    #footer .citb {
        width: 100%;
    }
    .quick-links {
        display: none;
    }
    .widget.services-col .col:first-child i {
        top: 0px;
    }
    .main-img img {
        width: 200%;
        position: relative;
        left: -50%;
    }
    #footer .membership li {
        margin: 0 10px 10px 0;
    }
    .col.quick-links {
        margin-top: 20px;
    }
    .footer-container .two-col .col {
        width: 100%;
    }
    .home-slider .slick-prev,
    .home-slider .slick-next {
        display: none!important;
    }
    .top-icons ul li.phone-item {
        display: none;
    }
    .top-icons ul li {
        margin: 0 0 0 10px
    }
  
    #footer .logo {
        display: inline-block;
        float: none;
    }
    #footer .three-col .col {
        text-align: center;
    }
    .post .thumb-img {
        width: 28%;
    }
    .post .text {
        padding: 0 0 0 20px;
        width: 72%;
    }
    .sidebar-layout .article-content {
        width: 100%;
    }
    .sidebar {
        width: 100%;
    }
    .sidebar-layout.left-sidebar .sidebar,
    .sidebar-layout.right-sidebar .sidebar,
    .sidebar {
        margin: 30px 0 0;
        padding: 0 20px;
    }
    .sidebar .col {
        padding: 0px;
    }
    .two-col,
    .four-col {
        margin: 0;
    }
    .four-col .col {
        width: 50%;
        margin-bottom: 10px;
    }

    .slick-slider {margin-bottom: 10px!important;
    }
    #footer .three-col .col {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        width: 100%;
    }
    .home-slider .metaslider .caption-wrap h2 {
        font-size: 24px;
        line-height: 24px;
    }
    .home-slider .metaslider .caption-wrap span {
        font-size: 16px;
        line-height: 16px;
    }
    .listed-dogs.three-col .col {
    width: 50%;}
    .listed-dogs.three-col .col .thumb-img {margin-bottom:  20px;
    }
    .post-details {margin:  0px;
    }
#searchform-box{position:relative; padding:0px;}
.booking-bar h3{font-size: 28px; line-height: 32px;}
    .end-footer .oracle {
    float: none; display: block;}
    .slide-prev {
    left:  5px;}
    .slide-next {
    right:  5px;}
}
@media screen and (max-width: 567px) {

    .accred{text-align: center;
}

        .accred img {display: block; margin:  0  auto 10px; height:  50px;}


    .header-space {
    height: 60px;}
    

    .home-grid .thumb-img {
    top: 0%; }
    .home-grid .twin .thumb-img {top: 0%;
    }

    .home-grid .fade h3, .home-grid .fade h4 {
    font-size: 32px; line-height:  36px;}
    .team-member .thumb-img {
    width: 100%; margin:  0 0 10px; padding: 0 0 0;}
        .listed-dogs.three-col .col {
    width: 100%;}
    .team-member {
    padding:  10px 10px 5px;}
    .team-member .text-content {width: 100%; padding: 0px;
    }
      .logo {
        position: relative;
        height: 40px;
        padding: 0px;
    }
#header .logo{z-index:9999;}
    .top-icons {
        margin: 7px 140px 0 0;
        z-index: 10000;
        position: relative;
    }
    #nav {
    margin-top: 7px;}
 

    table.donate-table, table.donate-table.half, table.donate-table.half.right {
    width:  100%; padding: 0px; margin:  0 0 10px;}  
   
    .table-wrap td {
        width: 100%;
        display: block;
    }
    .home-slider .metaslider .caption-wrap h2 {
        display: none;
    }
    .home-slider .metaslider .caption-wrap .caption {
        left: 0px;
    }
    .metaslider .slides img {
        width: 160%!important;
        left: -30%;
        position: relative;
    }
    .post .thumb-img {
        width: 100%;
        margin: 0 0 10px;
    }
    .post .text {
        padding: 0px;
        width: 100%;
    }
    .three-col .col {
        width: 100%;
        margin: 0 0 10px;
    }
    .four-col .col,
    .two-col .col {
        width: 100%;
        margin-bottom: 10px;
    }
    .index-grid .col {
        margin: 0px;
    }
.quote .text-content{margin: 30px 0; font-size: 24px; line-height: 28px;}
}

@media screen and (max-width: 479px) {
    .image-row .thumb-col, .image-row .text-col {
    width:  100%;}
 .image-row .thumb-col{margin: 0 0 10px; padding: 0px;}

    .top-icons{width:100%; margin:15px 0 0 0px;}
.book-btn, .book-btn a, .top-icons ul, .top-icons ul li{width:100%; margin:0px; text-align:center;}
    .side-gallery li {
    width:  100%; padding: 0px!important; margin:  0 0 10px;}
}

@media screen and (max-width: 320px) {
    
    
}


@media screen and (max-height: 700px) {
    
    .main-logo img {

    max-width: 260px;

}
}

@media screen and (max-height: 500px) {
    
    .main-logo img {

    max-width: 180px;

}
}