li.menu-item:last-child ul.sub-menu {
    right: 0%;
    left: auto!important;
	}
	
/* @media screen and (max-width: 1250px) { */
@media screen and (max-width: 1040px) {
	
	
	
	  #nav {z-index:99999;
        right: 10px;
        top: 0px;
        padding: 0px;
        position: absolute;
        width: 220px;
    }
    #nav ul.sub-menu a:hover, #nav ul.sub-menu li:first-child a:hover, #nav ul.sub-menu li.current-menu-item > a {
    background: none!important;}
    #nav ul li {
        margin-left: 28px; 
              width: 100%;
        padding: 0px;
        margin: 0px;
    }
    #nav li ul.sub-menu {
		display:none!important;
        padding-top: 20px; 
          width: 100%!important;
        padding: 0;
        margin: 0px;
        border: none;
    }
   #nav ul.sub-menu a,
    #nav ul.sub-menu li:first-child a {
             text-align: right;
        width: 100%;
        padding: 10px;
        color: #303942;
    }
    #nav ul.sub-menu li,
    #nav ul.sub-menu li:first-child {
        line-height: 20px; 
        background: none;
    }
 #nav ul {
        padding: 0px 10px 0 0;
        margin-top: 3px;
        display: none;
        display: none;
        background: #fff;
    }
    #nav ul ul {
        padding-top: 0px;
        border: none;
        height: auto;
    }

    #nav ul li a {
        border: none;
        padding: 10px;
        text-align: right;
         color: #303942;
        font-size: 16px;
        line-height: 20px;
        white-space: normal!important;
    }

    #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;
    }
  
    .rmm-toggled-controls {
        width: 110px;
        color: #303942;
        background: #fff
    }
    .rmm-toggled {
        display: block;
    }
    .rmm-toggled-controls,
    .rmm.minimal .rmm-toggled-controls {
        display: block!important;
        float: right;
    }

.scroll-menu{
 overflow: auto; 
 width: 100%;
 float: left;
    overflow-y: auto; 
    overflow-x: hidden; height:350px;
     }
.rmm-closed .scroll-menu{display:none;}

    #nav ul li.current-menu-item > a,
    #nav li a:hover,
    #nav ul li li.current_page_item a {
        color: #303942!important;
    }
    #nav ul li a:hover, #nav ul.sub-menu a:hover,
#nav ul.sub-menu li:first-child a:hover,
#nav ul.sub-menu li.current-menu-item > a {
        color: #0098D9!important;
    }
}
	@media screen and (max-width: 1223px) {
                      .main-img img, .metaslider .slides img {
        width: 140%!important;
        left: -20%;
        position: relative;
    }
  .wrapper {
        width: 100%;
        margin: 0;
        float: left;
        padding: 0 10px;
    } 
.home-slider .metaslider .caption-wrap {
    bottom: 20px;}
    .home-slider .metaslider .caption-wrap .caption {
    padding-left: 20px;
}
  
    #header .logo {
    height: 60px;}
    .header-space {height: 125px;
    }
    .carousel-wrap .prev, .carousel-wrap .next {
    display: none!important;}
    .col, .single-col {
    padding:  0 10px;}
    .sidebar, .shop-sidebar {
    padding-right:  20px;}
}
@media screen and (max-width: 1023px) {
	.banner-row .single-col{width: 60%;}
	.banner-row{padding: 80px 20px!important;}
    .home-slider .metaslider .caption-wrap {
    max-width: 80%;}

    .home-row .twin {
    padding-right: 20px;}
    .secondary-img {
    display: none;}
    .secondary-text {
    width: 50%!important;}
    .device {
    display: block;}
    .secondary-text .device {
    margin: 20px 0 0;}
    .home-row .twin.talk-col {width: 75%;
    }
.empty-col{display: none;}
	    .menu-top-menu {
    display: none;}
}
@media screen and (max-width: 850px) {
    .woocommerce div.product .woocommerce-tabs ul.tabs li {
    margin:  0 30px 0 0!important;}
}
@media screen and (max-width: 767px) {
.home-row .single-col{padding: 0 20px;}
.banner-row .single-col{width: 100%;}

	
.woocommerce .product-index div.product:nth-child(3n+1){clear:none;}
.woocommerce .product-index div.product:nth-child(2n+1){clear:both;}
    .woocommerce #content table.cart td.actions .button, .woocommerce table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page table.cart td.actions .button {float: none!important;
    }
    .contact-block .col {width: 100%!important;
    }

    aside ul a, .woocommerce-MyAccount-navigation ul a {
    padding: 10px 0;}
    .content-block {width: 100%!important; padding: 0px!important; border:none!important; padding:  0px!important;
    }
    .sidebar {width: 100%!important;
    }
    .woocommerce-tabs .panel {
    display: block!important;}
    .woocommerce-tabs .panel {
    padding:  0 0 10px!important; margin:  0 0 20px!important; border-bottom: 1px solid #303942;}
    .woocommerce-tabs .panel:last-child {border: none; padding: 0px; margin: 0px;
    }
    .woocommerce div.product .woocommerce-tabs ul.tabs {
    display: none!important;}
    .content-holder.single-product {padding: 0px!important;
    
    }
    .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width: 40%!important; float: left!important; padding:  0 10px!important;}
    .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    width: 60%!important; float: left!important; padding:  0 10px!important;}
    .cat-img {display: none!important;
    }
    .cat-description .col {width: 100%;
    }
    .product-index .col.triple.three-col{ width: 100%; border: none;
    }
    /* .shop-sidebar {display: none;
    } */
    .business-row .four-col .col.title-col {width: 100%; text-align: center;
    }
    .business-row .four-col .col {width: 33.333%;
    }
        .home-row .twin.talk-col, .home-row .social-col {width: 100%!important;
    }
    .company-details {display: none;
    }
    .social {position: relative;
    }
    #footer .three-col .col {
    margin:  0 0 30px;}
    .footer-bar .col {
    padding:  0 10px;}
    .content-holder {
    padding: 20px 0;}
             .main-img img, .metaslider .slides img {
        width: 180%!important;
        left: -40%;
        position: relative;
    }
    .top-menu .four-col .col {
    width: 25%;margin: 0px;}
    .top-menu .four-col .col.triple {margin: 0px;
    width: 75%;}

.content-section.main-article{margin-top:30px;}

.sidebar-layout .article-content{margin:0px;}
    .map-wrap {
    padding: 0 10px;}
    .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 #303942;
    }
    .blog-section .col:last-child {
        margin: 0px;
    }
    .blog-section .col {
        width: 100%;
        margin: 0px 0 20px;
    }
    #footer h3 {
        padding-top: 0px;
    }
    #footer .citb {
        width: 100%;
    }

    .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 {
        margin: 0 0 0 10px
    }
    #footer .social {
        margin: 20px 0;
    }
    #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: 0px 0 0;
        padding: 0 10px;
    }
    .sidebar .col {
        padding: 0px;
    }
    .two-col,
    .four-col {
        margin: 0;
    }
    .four-col .col, .columns-4 .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;}
    .top-icons ul li.phone-item {
        display: none;
    }
	
	.woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr{float:left; width:100%;}

}
@media screen and (max-width: 650px) {
        .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width: 100%!important;}
    .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    width: 100%!important;}
     .top-menu .four-col .col {
   /* display: none; */
   width: 100%;
   padding-top: 8px;

    }
    .top-menu .four-col .col.triple {margin: 0px;
    width: 100%; display: block;}
.woocommerce-tabs {padding:  0 10px;
}

}

@media screen and (max-width: 567px) {
	.footer-bar .col{min-height:10px!important;}
    .woocommerce div.product {
    margin-bottom: 20px!important;}
    .col.triple.three-col{padding: 0 10px;}
        .business-row .four-col .col {width: 100%;
}
    .wrapper {padding: 0px;
    }
    .four-col .col.twin, .two-col .col {width: 50%;
    }
    .secondary-text, .home-row .twin {
    width: 100%!important;}
    .secondary-text .device {
    display: none;}
    .home-row .twin {
    padding-right: 10px;}

    .end-footer {margin: 0px;
    }
    .footer-bar .col {border: none; padding:  0 0 20px; margin:  0 0 20px!important;
                      border-bottom:  1px solid #303942;
    }
    .footer-bar .col:last-child {margin-bottom: 0px!important; padding-bottom: 0px; border: none;
    }
                  .main-img img, .metaslider .slides img {
        width: 200%!important;
        left: -50%;
        position: relative;
    }
    .home-slider .metaslider .caption-wrap .caption {
    font-size: 20px; line-height:  24px;}

    .nf-form-cont .one-half{
    width: 100%!important; margin: 0px!important;}

      .logo {
        position: relative;
        height: 40px;
        padding: 0px;
    }
#header .logo{z-index:9999;}

    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;
    }
  
    .three-col .col {
        width: 100%;
        margin: 0 0 10px;
    }
    .four-col .col,
    .two-col .col {
        width: 100%;
        margin-bottom: 10px;
    }
    .columns-4 .col {
    width: 50%;}
	.home-slider .metaslider img{width:140%!important; left:-20%!important; height:auto!important;}
	.supplier-carousel .slide span{height:30px;}
}


@media screen and (max-width: 479px) {
	.category-list ul li{margin:0 2px 4px;}
	.category-list ul li a{padding: 4px; background:#0098D9; color:#fff; font-size:16px; border:none!important;}
	.top-menu .social{display:none;}
        .columns-4 .col {
    width: 100%;}
    .product-index .woocommerce-ordering {
    width: 100%;}



.book-btn, .book-btn a, .top-icons ul, .top-icons ul li{display: none;}
    
}

@media screen and (max-width: 380px) {
    
    .top-icons ul li.book-btn{display:none;}
}