@media screen and (max-width: 1140px) {
    .wrapper {
        width: 100%;
        margin: 0;
        float: left;
        padding: 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
	#nav ul li{margin: 0 0 0 20px;}
}
@media screen and (max-width: 1023px) {
	.top-icons ul li.phone-item{display:none;}
	.top-icons ul li{margin-top:4px;}
	.top-icons ul li.wl-cart{border:none;}
	#nav ul.sub-menu li:hover a{
    color: #023F85!important;
}
	.scroll-menu{width: 200px; float:none; right:0px; position:absolute; width: 50%; min-width: 300px; top:36px;}
	
	.read-more, .book-btn a, input[type="submit"], input[type="button"], button, .button{padding: 8px 15px;}
	.phone-item{padding-top:4px;}
	
	.booking-bar h3{font-size: 24px;}
    
#nav{ z-index:99999; text-transform: capitalize;

}
	.scroll .logo{height:50px;}

    .header-space {
    height: 100px;}
    
  
 #nav ul {
        padding: 0px 10px 0 0;
        margin: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.current-menu-item > a, #nav ul li.current-page-ancestor > a, #nav li:hover a{border:none!Important;}
    #nav ul li a, #nav ul.sub-menu a, #nav ul.sub-menu li:first-child a {
        border: none;
        padding: 5px!important;
        text-align: right;
        color: #006098!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: #023F85;
    }
    #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: 0px;
        padding: 0px;
        margin: 23px 0 0;
        position: absolute;
        width: 220px;
    }
    .rmm-toggled-controls {
        width: 120px;
        color: #006098;
        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: #023F85;
        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 {
        opacity: 1;
    }
 
    
#searchform-box{padding:0px; margin:10px 0 0; width:100%; clear:both; position:relative;}
	.scroll #nav{margin-top: 28px;}

    .top-icons {
        margin: 13px 139px 0 0;
    }
	.scroll .top-icons{margin-top:8px;}
    .main-logo img {
    max-width: 50%;}
.logo{height:60px;float: left; margin: 0px!important;}
    .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;
    }


    .gallery-holder-out, .slider-nav {padding:  0 0px;
    }
    .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 10px;
    }
    .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;
    }
	#nav ul.sub-menu li:hover, #nav ul.sub-menu li.current-menu-item > a, #nav ul.sub-menu li,
#nav ul.sub-menu li:first-child {background:none!important; color:#163b51!important;}
}

@media screen and (max-width: 930px) {
    .home-grid p {
        display: none;
    }
    .home-grid .fade h3, .home-grid .fade h4 {margin: 0px;
    }
	.booking-bar .read-more{margin: 0 0 0 10px;}
}
@media screen and (max-width: 767px) {
	.ays-pb-modal h2 {font-size:  24px!important; line-height: 28px!important;  
font-family: Verdana, sans-serif!important; font-weight:600!important;}
	.top-icons ul li.wl-account{display:none;}
	.main-img img, .metaslider .slides img{position:relative; left:-25%; width: 150%!important; height: auto; display:block;}
	.booking-bar{padding-top: 10px;}
	
	.grid-holder{padding: 40px 0;}
	.booking-bar .read-more{margin: 10px 10px 0; width: 50%; display:inline-block;}

	#header{padding: 10px 0;}
	#nav{margin-top: 23px;}
	.scroll #nav{margin-top:18px;}
	.header-space{height:80px;}
	.accred .small-logo img{height:76px;}

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

    .two-col .col {
        width: 100%;
        margin-bottom: 20px;
    }
    .home-grid .col {
    height: 200px;}
    .home-grid .col .inside-col {
    overflow: hidden;}
    .home-grid .thumb-img {
    position: absolute; top: -50%; left: 0px;}
    .home-grid .twin .thumb-img {top: -25%;
    }
    #home-top .two-col {
    padding-top: 30px;}
    .home-grid {
    margin: 30px 0 0;}
    #home-top .col:first-child {
    display: none;}
.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 #023F85;
    }
    .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: 150%;
        position: relative;
        left: -25%;
    }
    #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 15px;
    }
    .sidebar .col {
        padding: 0px;
    }
    .two-col,
    .four-col {
        margin: 0;
    }
    .four-col .col {
        width: 50%;
        margin-bottom: 10px;
    }
    #footer .logo {margin:  0 0 0px;
    }
    .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;}
}
@media screen and (max-width: 667px) {
	.top-icons ul li.wl-cart{display:none;}
	
}
@media screen and (max-width: 567px) {
	.sales-section .col{padding-bottom: 30px;}
	.sales-section{padding-bottom: 0px;}
	.btn-holder{position:relative; bottom: 0px;  margin: 20px 0 0;}
	.sales-section .inside-col{padding: 20px;}
	.row-col .img-block{width:100%; padding: 0px; margin: 0 0 10px;}
	.row-col .text-block{width:100%; padding:0px;}
        .accred img {
    height:  34px;}

    .header-space {
    height: 60px;}
    
    .home-grid .col {
    height: 150px;}
    .home-grid .thumb-img {
    top: 0%; }
    .home-grid .twin .thumb-img {top: 0%;
    }

    .home-grid .fade h3, .home-grid .fade h4 {
    font-size: 24px; line-height:  26px;}
    .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, .scroll .logo {
        position: relative;
        height: 40px;
        padding: 0px;
    }
#header .logo{z-index:9999;}
    .top-icons, .scroll .top-icons {
        margin: 2px 140px 0 0;
        z-index: 10000;
        position: relative;
    }
  
	#nav, .scroll #nav{margin-top:12px;}

    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;}
		.full-logo{ width: 100%; float:left; text-align:center; margin: 0 0 20px;}
.full-logo img{ width: 100%; height: auto; display:inline-block; max-width: 100px;}
	.accred .small-logo img{height:50px;}
	.fund-strap{font-size:12px;}
}

@media screen and (max-width: 479px) {
	.wp-block-image .alignright{float:none!important; margin-left:0px!important;}
	.top-icons, .scroll .top-icons{display:none!Important;}
.booking-bar input[type="submit"]{width:100%}
.booking-bar .col{width:100%; padding: 10px 0 0;}

    .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;}
    
}

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