/*!
Theme Name: lowcarbcrew
Theme URI: https://ctcooltreatspetsnatural.com
Author: CT Cool Treats
Author URI: https://ctcooltreatspetsnatural.com
Description: CT Cool Treats Pets Natural are specialising in Jerky, Jerky Superfoods for dogs & cats, & GF Biscuits, Natural Peanut Butter etc.
Version: 5.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: lowcarbcrew
Tags: CT Cool Treats, Blackfig Online, CT Cool Treats Pets Natural, Custom Website
*/

@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap');

body {
     color: #484848;
     font: 17px/27px "Mulish", serif;
     font-style: normal;
     font-weight: 400;
     overflow-x: hidden;
}
 .hides {
     opacity: 0;
}
 .views {
     opacity: 1;
}
 a {
     text-decoration: none;
     transition: all 200ms ease-in-out;
     -o-transition: all 200ms ease-in-out;
     -ms-transition: all 200ms ease-in-out;
     -moz-transition: all 200ms ease-in-out;
     -webkit-transition: all 200ms ease-in-out;
}
 a img {
     border: none;
}
 img {
     max-width: 100%;
     height: auto;
}
 h1, h2, h3, h4, h5, h6 {
     color: #e7423c;
     font-weight: 800;
}
 h1 {
     font-size: 40px;
     line-height: 48px;
}
 h2 {
     font-size: 36px;
     line-height: 44px;
}
 h3 {
     font-size: 32px;
     line-height: 38px;
}
 h4 {
     font-size: 28px;
     line-height: 36px;
}
 h5 {
     font-size: 24px;
     line-height: 32px;
}
 h6 {
     font-size: 20px;
     line-height: 28px;
     font-weight: 700;
}
 .topinfo, .xcp-btn, .copyright{
     font-weight: 600 !important;
}
header{
    background: #000000;
} 
header, .copyright, .benefitqualitysection{
     padding: 20px 0px;
}
 .topinfo, nav, .product-cat .productcat-title, .sellallcategories, .title, .bannerlink {
     letter-spacing: 0.2px;
}
 .topinfo, footer{
     background: #e7423c;
}
 .logo, .footer-logo{
     width: 165px;
}
 .headerrt {
     padding-right: 40px;
}
 .myaccountbox, .wishlistbox, .shoppingcartbox {
     margin: 5px 
}
 .myaccountbox, .wishlistbox, .shoppingcartbox {
     display: inline-block;
     float: left;
}
 .myaccountbox a {
     display: block;
}
 .myaccountbox a, .wishlistbox a, .shoppingcartbox a, .bannerlink a, .learnmore a, .product-cat .productcat-title a, .sellallcategories a, .blog-wrapper .blog-col .blog-content h3 a {
     text-decoration: none;
}
 .myaccountbox {
     text-indent: -9999px;
     background: url(images/myaccount.png) no-repeat 0% 0%;
     background-size: contain;
     width: 30px;
     height: 30px;
}
 .shoppingcartbox .cart-contents:before {
     width: 30px;
     height: 30px;
     display: inline-block;
     background: url(images/shoppingcart.png) no-repeat 0% 0%;
     background-size: contain;
     content: '';
     padding-right:0px;
}
 .shoppingcartbox .cart-contents .count {
     color: #ffffff;
     background-color: #e7423c;
     font-weight: 700;
     border-radius: 100%;
     width:28px;
     height:28px;
     line-height: 28px;
     text-align:center;
     vertical-align: top;
     margin-top: -5px;
     margin-left: -12px;
     display:inline-block;
     font-size: 13px;
     overflow: hidden;
}
 .shoppingcartbox .cart-contents .amount {
     display: none;
}
 .wishlist-contents:before {
     width: 30px;
     height: 30px;
     display: inline-block;
     background: url(images/wishlist.png) no-repeat 0% 0%;
     background-size: contain;
     content: '';
     padding-right:0px;
}
 .wishlist-contents-count {
     color: #e7423c;
     background-color: #d2f0f2;
     font-weight: 800;
     border-radius: 100%;
     width:28px;
     height:28px;
     line-height: 28px;
     text-align:center;
     vertical-align: top;
     margin-top: -5px;
     margin-left: -12px;
     display:inline-block;
     font-size:13px;
}
 .wishlist-contents-count h1 {
     display: none;
}
/*.headerrt, .instafeedsection{
     margin-top: 50px;
}
*/
 .product-col, .product-cat, .footer-logo, .blog-wrapper .blog-col, nav.post-navigation, .custom-pagination{
     margin-top: 25px;
}
 .product-cat, .widget-area section, .blog-wrapper .blog-col, .contact-form {
     margin-bottom: 25px;
}
 footer {
     padding: 30px 0px;
}
 nav, .product-col {
     text-align: center;
}
 .banner, .welcome-wrapper, .shopwrapper, .latestproductwrapper, .shopcategorieswrapper, .product-col, .product-cat, .headerrt, .learnmore, .pageheader-section, .blog-wrapper .blog-col .blog-img {
     position: relative;
}
/*.bannerlink, .learnmore, .product-cat .productcat-title, #testimonial .name, .footer-col h5, .contactinfo h6 {
     text-transform: uppercase;
}
*/
 .topinfo, .contactinfo h6, .latestproductwrapper, .pageheader-section .title h1, .footer-col, .footer-col a, .latestproductwrapper .title h2, .footer-col h5, .newsletterform{
     color: #ffffff 
}
 .bannerlink a, .learnmore a {
     font-weight: 800;
}
 .bannerlink a, .sellallcategories a h5, .shopcategorieswrapper .title h2{
     color: #181818;
}
 .bannerlink a, .learnmore a{
     float: left;
     margin-top: 0px;
     padding: 10px 20px;
     font-size: 18px;
     line-height: 28px;
     text-transform: uppercase;
}
 .bannerlink a{
     background: #ffffff;
}
 .learnmore a{
     background: #181818;
     color: #ffffff;
}
 .bannerlink a:hover, .learnmore a:hover {
     background: #e7423c;
     color: #ffffff 
}
.welcome-wrapper, .content-wrapper, .main-wrapper{
     padding: 70px 0px;
}
/* 
 .title span{
     color: #e7423c;
}
.welcome-wrapper .welcome-content {
     padding: 25px 15px 25px 0px;
     background: #ffffff;
     z-index: 999;
     position: absolute;
     width: 45%;
     top: 50px;
}
 .welcome-wrapper .welcome-image{
     box-shadow: -10px 10px 0px #d2f0f2;
}
 .learnmore a {
     padding-left: 45px;
     height: 60px;
     line-height: 60px;
     font-size: 18px;
     font-size: 900;
}
 .learnmore a::before {
     font-family: "Font Awesome 6 Free";
     content: '\f061';
     font-size: 20px;
     font-weight: 900;
     background: #d2f0f2;
     position: absolute;
     left: 0px;
     border-radius: 100%;
     width: 60px;
     height: 60px;
     line-height: 60px;
     text-align: center;
     z-index: -2 
}
 */
 .latestproductwrapper, .shopcategorieswrapper {
     background-size: cover !important;
     background-position: 50% 50% !important;
     background-attachment: fixed !important;
}
 .latestproductwrapper {
     background: url(images/bg1.jpg);
}
.shopwrapper .container, .latestproductwrapper .container, .welcome-wrapper .container{
     z-index: 99 
}
/*
 .shopcategorieswrapper {
     background: url(images/bg2.jpg);
}
.latestproductwrapper:before {
     content:'';
     position: absolute;
     top: -25%;
     left: 0px;
     z-index: 1;
     background: url(images/before-bg.png) no-repeat;
     width: 675px;
     height: 150%;
     background-position: 0% 0%;
     background-size: contain;
}
 .shopwrapper:after {
     content:'';
     position: absolute;
     top: -25%;
     right: 0px;
     z-index: 1;
     background: url(images/after-bg.png) no-repeat;
     width: 675px;
     height: 125%;
     background-position: 100% 100%;
     background-size: contain;
}
*/
 .overlay {
     background: #282828;
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0px;
     left: 0px;
     opacity: 0.85;
}
 .banner .overlay{
     opacity: 0.55;
}
 #productslider .item {
     padding: 0px 15px;
}
 .product-col h6, .product-col .product-btn, .contactinfo h6, .pageheader-section .title h1, .blog-wrapper .blog-col .blog-content h3 {
     margin: 10px 0px;
}
 .sellallcategories a h5 {
     margin-top: 30px;
}
 .sellallcategories a h5 {
     display: inline-block;
     font-weight: 700;
     font-size: 18px;
     border-bottom: 2px solid #181818;
}
 .sellallcategories a:hover h5{
     color: #e7423c;
     border-color: #e7423c;
}
 .testimonials-wrapper .title h1::before {
     color: #e7423c;
     font-family: "Font Awesome 6 Free";
     content: '\f10d';
     font-size: 48px;
     font-weight: 900;
     line-height: 60px;
     display: block;
     margin-top: -15px;
     margin-bottom: 15px;
}
 #testimonial {
     width: 70%;
     margin: 0px auto;
}
 #testimonial .name h5 {
     color: #484848 
}
 .newsletterform input {
     padding: 12px 15px;
     font-weight: 600;
     background: #ffffff;
     width: 100%;
     text-align: center;
}
 .newsletterform input[type='submit'] {
     font-size: 18px;
     font-weight: 800;
     float: right;
     text-transform: uppercase;   
     background: #181818;
     color: #ffffff;
     margin-top: 5px;
}
 .newsletterform input[type='submit']:hover {
     color: #181818 !important;
     background: #f1f1f1 !important;
}
.footer-col .learnmore a::before, .footer-menu ul li ul {
     display: none !important;
}
 .footer-col .learnmore a {
     padding-left: 0px;
     height: auto !important;
     line-height: 30px;
     text-transform: none;
}
 .footer-col .learnmore a{
     text-decoration: underline;
}
 .footer-menu ul, .contactinfo ul, .sociallinks ul, .shopbybrandslist ul, .widget-area ul, .leftsidebar .widget ul {
     list-style: none;
     padding: 0px;
     margin: 0px;
}
 .footer-menu ul li, .contactinfo ul li, .sociallinks ul li, .shopbybrandslist ul li {
     padding: 3px 0px;
     font-weight: 500 
}
 .contactinfo ul li i{
     margin-right: 5px;
}
 .sociallinks ul li i {
     font-size: 22px;
     margin-right: 10px;
     margin-top: 0px;
     float: left;
     line-height: 26px;
}
 .pageheader-section {
     background: url(images/banner2.jpg) no-repeat 50% 50% #121212;
     background-size: cover;
     padding: 40px 0px;
}
 .pageheader-section .title h1{
    /*text-shadow: 0 0 10px #e7423c;
    */
     font-size: 30px;
     line-height: 36px;
}
 .contact-form label span {
     color: red 
}
 .contact-form textarea, #respond textarea {
     height: 165px;
}
 .map {
     height: 400px;
     padding: 5px;
     border: 1px solid #d8d8d8;
}
 .map iframe {
     width: 100% !important;
     height: 100% !important;
}
 .wp-block-embed-youtube .wp-block-embed__wrapper, .wp-video {
     width: 100% !important;
     padding-bottom: 56.25%;
    /* 16:9 */
     height: 0px !important;
     position: relative 
}
 .wp-block-embed-youtube .wp-block-embed__wrapper iframe, .wp-video video {
     position: absolute;
     top: 0px;
     left: 0px;
     width: 100% !important;
     height: 100% !important;
}
 .benefitqualitysection{
     background: #f6f6f6;
}
 .bqscol .bqscolicon{
     width: 100px;
     height: 100px;
     line-height: 95px;
     font-size: 44px;
     border: 3px solid #181818;
     color: #181818;
     display: inline-block;
     border-radius: 100%;
}
 .bqscol h6{
     font-size: 17px;
     line-height: 28px;
     color: #181818;
     font-weight: 700;
}
/* custom-pagination ----------------------------- */
 .custom-pagination {
     width: 100%;
     float: left;
     text-align: center;
     font-weight: 600 
}
 .custom-pagination span, .custom-pagination a {
     display: inline-block;
     padding: 3px 10px;
     text-decoration:none 
}
 .custom-pagination a {
     background-color: #e7423c;
     color: #ffffff;
     border: 1px solid #e7423c;
}
 .custom-pagination a:hover {
     background-color: #e7423c;
     color: #ffffff;
}
 .custom-pagination span.page-num {
     margin-right: 10px;
     padding: 0;
}
 .custom-pagination span.dots {
     padding: 0;
     color: gainsboro;
}
 .custom-pagination span.current {
     background-color: #e7423c;
     color: #ffffff;
}
/* Search ======================================= */
 .headerrt .search {
     position: absolute;
     top: 0px;
     right: 0px;
}
 .sb-search {
     position: relative;
     width: 0%;
     min-width: 45px;
     height: 40px;
     right: 0px;
     top: 0px;
     float: right;
     margin-left: 0px;
     overflow: hidden;
     -webkit-transition: width 0.3s;
     -moz-transition: width 0.3s;
     transition: width 0.3s;
     -webkit-backface-visibility: hidden;
}
 .sb-search-input {
     position: absolute;
     top: 0;
     right: 0;
     border: none;
     outline: none;
     width: 100%;
     color: #484848;
     height: 40px;
     margin: 0;
     z-index: 10;
     padding: 5px 30px 5px 15px;
     font-family: inherit;
     background: none;
     font-size: 16px;
     letter-spacing: 0.3px;
}
 .sb-search-input::-webkit-input-placeholder {
     color: #484848;
}
 .sb-search-input:-moz-placeholder {
     color: #484848;
}
 .sb-search-input::-moz-placeholder {
     color: #484848;
}
 .sb-search-input:-ms-input-placeholder {
     color: #484848;
}
 .sb-icon-search, .sb-search-submit {
     width: 45px;
     height: 40px;
     display: block;
     position: absolute;
     right: 0;
     top: 0;
     padding: 0;
     margin: 0;
     line-height: 40px;
     text-align: center;
     cursor: pointer;
     text-align: center;
}
 .sb-search-submit {
     background: none;
    /* IE needs this */
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 8 */
     filter: alpha(opacity=0);
    /* IE 5-7 */
     opacity: 0;
     color: transparent;
     border: none;
     outline: none;
     z-index: -1;
}
 .sb-icon-search {
     color: #ffffff;
     z-index: 90;
     font-size: 17px;
     line-height: 40px;
     speak: none;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     -webkit-font-smoothing: antialiased;
}
 .sb-icon-search:before {
     content: "\f002";
     font-family: 'Font Awesome 6 Free';
     font-weight: 700;
     font-size: 24px;
     line-height: 40px;
     text-align: center;
}
/* Open state */
 .sb-search.sb-search-open, .no-js .sb-search {
     width: 250px;
    /*position:relative;*/
     position:absolute;
     z-index:99999999 
}
 .sb-search-open .sb-search-input {
     background: #f1f1f1;
}
 .sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {
     background: #e7423c;
     color: #ffffff;
     z-index: 11;
}
 .sb-search .sb-icon-search:hover:before {
     color: #e7423c 
}
 .sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit {
     z-index: 90;
}
 .blog-wrapper .blog-col .blog-img {
     min-height: 75px;
}
 .blog-wrapper .blog-col .blog-content {
     padding: 15px 15px 20px 15px;
     border: 1px solid #d8d8d8;
}
 .blog-wrapper .blog-col .blog-date {
     position: absolute;
     left: 0px;
     bottom: 10px;
     background: #e7423c;
     padding: 8px 15px;
     color: #ffffff;
     text-transform: uppercase;
     font-weight: 700;
}
 .blog-wrapper .blog-col .blog-content h3, #reply-title{
     font-size: 24px;
     line-height: 32px;
}


/* Blog =================================================== */
 .widget-area section {
     padding: 10px 15px;
     border: 1px solid #d8d8d8;
}
 .widget-area section select {
     padding: 10px 15px;
     border: 1px solid #d8d8d8;
     width: 100%;
     margin-bottom: 10px;
}
 #comments ol {
     list-style: none 
}
 #comments {
     padding-top: 15px;
     width: 100%;
     float: left;
}
 #comments h2 {
     font-size: 32px;
}
 ol.comment-list li .comment-body {
     background: none repeat scroll 0 0 #ffffff;
     padding: 15px;
     border: 1px solid #d8d8d8;
}
 #comments footer.comment-meta {
     padding: 0px;
}
 .comment-metadata a, .entry-meta a:hover, .entry-footer a:hover, ol.comment-list li .comment-body .reply a:hover, nav.navigation .nav-links a:hover, ol.comment-list li .comment-body .reply a, .widget-area aside ul li a:hover, nav.navigation .nav-links a:hover, .entry-meta a:hover, .blog-col h3 a:hover, .says a {
     color: #e7423c;
}
 .reply {
     text-align: right !important;
     text-transform: uppercase 
}
 .comment-content {
     margin: 10px 0px 
}
 #respond {
     margin-top: 10px;
     float: left;
     width: 100% 
}
 #respond input, #respond textarea {
     width: 100%;
     padding: 6px 0px;
     text-indent: 10px;
     border: 1px solid #d8d8d8;
}
 #respond input[type='checkbox'] {
     margin-right: 5px;
}
 #respond input[type='checkbox'], #respond .comment-form-cookies-consent label {
     display: inline-block;
     width: auto !important;
}
 #respond .comment-form-cookies-consent {
     margin-top: 15px;
}
 #respond input[type='submit'] {
     background: #e7423c;
     width: auto;
     padding: 12px 20px;
     color: #ffffff;
     font-weight: 800;
     text-indent: 0px;
     border: none;
     margin: 10px 0px;
     font-size: 20px;
     text-transform: uppercase;
}
 #respond input[type='submit']:hover {
     background: #e7423c;
     color: #fff 
}
 .comment-author .avatar {
     float: left;
     height: 24px;
     margin-right: 0.8em;
     width: 24px;
}
 .widget h2.widget-title {
     font-size: 22px;
     line-height: 28px;
     margin: 10px 0px;
}
 .leftsidebar .widget-area section ul li {
     padding: 8px 0px;
     list-style: none;
     border-bottom: 1px solid #d2f0f2;
     line-height: 25px;
}
 .widget-area section ul li:last-child {
     border: none;
}
 .widget-area section#search-2 {
     padding: 0px;
     border: none;
}
 .entry-content input {
     padding: 3px 10px;
     border: 1px solid #d8d8d8;
}
 .entry-content input[type='submit'] {
     background: #f7b926;
     line-height: 25px;
     border: none;
     color: #fff;
}
 #content h3.screen-reader-text {
     line-height: 35px;
     padding: 8px 0px;
}
 .tagcloud a {
     background-color: #e7423c;
     border-radius: 0 2px 2px 0;
     display: inline-block;
     margin: 5px 4px 5px 10px;
     padding: 2px 10px;
     position: relative;
     text-transform: uppercase;
     color: #484848;
     font-weight: 700;
     letter-spacing: 0.3px;
     transition-duration: 0s 
}
 .tagcloud a:hover {
     background-color: #e7423c;
     color: #fff;
     transition-duration: 0s;
     text-decoration: none;
}
 .tagcloud a:before {
     border-bottom: 15px solid transparent;
     border-right: 10px solid #e7423c;
     border-top: 15px solid transparent;
     content: "";
     height: 0;
     left: -10px;
     position: absolute;
     top: 0;
     width: 0;
}
 .tagcloud a:hover:before {
     border-right-color: #e7423c;
     transition-duration: 0s;
}
 .tagcloud a:after {
     background-color: #484848;
     border-radius: 50%;
     content: "";
     height: 6px;
     left: -2px;
     position: absolute;
     top: 12px;
     width: 6px;
}
 .tagcloud a:hover:after {
     background-color: #fff 
}
 nav.post-navigation {
     text-align: left;
     letter-spacing: 0px;
}
 nav.post-navigation h2.screen-reader-text {
     position: relative !important;
     overflow: visible !important;
     float: left !important;
     width: 100% !important;
     font-size: 25px;
     line-height: 30px;
     height: auto !important;
     margin-bottom: 10px;
}
 nav.navigation .nav-links a {
     display: inline-block;
     border: 1px solid #d8d8d8;
     padding: 10px 15px;
     font-weight: 600;
}
 nav.navigation .nav-links .nav-previous {
     float: left;
}
 nav.navigation .nav-links .nav-next {
     float: right;
}
 nav.navigation .nav-links .nav-previous a::before {
     content: "\f060";
     font-family: "Font Awesome 6 Free";
     margin-right: 8px;
     font-size: 15px;
}
 nav.navigation .nav-links .nav-next a::after {
     content: "\f061";
     font-family: "Font Awesome 6 Free";
     margin-left: 8px;
     font-size: 15px;
}
 .entry-meta {
     clear: both;
     margin-bottom: 15px;
}
 .entry-meta a, .entry-footer a {
     color: #181818;
     font-weight: 600 
}
 .entry-meta > span, .entry-footer span {
     margin-right: 15px;
     line-height: 30px;
     display: inline-block;
}
 .entry-meta > span:last-child {
     margin-right: 0;
}
 .featured-post:before {
     content: "\f408";
     margin-right: 2px;
     font-family: "Font Awesome 6 Free";
}
 .entry-meta .posted-on a:before, .entry-footer .posted-on a:before {
     content: "\f073";
     font-family: "Font Awesome 6 Free";
     margin-right: 6px 
}
 .comments-link a:before {
     content: "\f086";
     font-family: "Font Awesome 6 Free";
     margin-right: 6px;
     position: relative;
     top: -1px;
}
 .entry-meta .author a:before {
     content: "\f007";
     position: relative;
     font-family: "Font Awesome 6 Free";
     top: -1px;
     margin-right: 4px 
}
 .categories-links a:first-child:before, .entry-footer .cat-links a:first-child:before {
     content: "\f07c";
     font-family: "Font Awesome 6 Free";
     margin-right: 6px 
}
 .tags-links a:first-child:before, .entry-footer .tags-links a:first-child:before {
     content: "\f02e";
     position: relative;
     font-family: "Font Awesome 6 Free";
     top: 0px;
     margin-right: 6px 
}
 .edit-link a:before, .blog-meta .edit-link a:before {
     content: "\f044 ";
     font-family: "Font Awesome 6 Free";
     position: relative;
     top: -1px;
     margin-right: 6px 
}
 .says {
     margin-left: 3px 
}
 span.edit-link {
     margin-left: 5px 
}
 .reply a {
     background: #e7423c;
     padding: 6px 12px;
     font-weight: 700;
     color: #484848 !important;
}
 .reply a:hover {
     background: #e7423c;
     text-decoration: none;
     color: #fff !important 
}
 .widget-area #search-2 {
     padding: 0px;
     border: none;
}
 .search-box {
     padding: 8px 15px;
     border: 1px solid #d8d8d8;
     width:100%;
     color: #484848;
}
 .search-box input, .search-box button {
     border: none;
     float: left;
     padding: 8px 0px;
     background: none;
     width: 80%;
}
 .search-box input[type='submit'], .search-box button[type='submit'] {
     width: 25px;
     float: right;
     background: url(images/search-icon.png) no-repeat 0% 50%;
     text-indent: -9999px 
}





 @media all and (max-width:1200px) {
     header {
         text-align: center;
         padding: 20px 0px;
    }
     .logo, .headerrt {
         display: inline-block;
         float: none !important;
    }
    .headerrt{
         margin-top: 10px;
    }
    #cssmenu .menu-header-menu-container{
    	margin-top: 25px;
    }
    .banner-descp .banner-descp-wrapper {
         max-width: 960px;
    }
    .banner-descp .banner-descp-wrapper .banner-descp-detail {
         width: 58%;
    }
    .banner-descp .banner-descp-detail h2 {
	    letter-spacing: 0.2px;
	    font-size: 30px;
	    line-height: 36px;
	}
     .welcome-wrapper .welcome-content {
         top: 0px;
         padding: 15px;
    }
     .welcome-wrapper .welcome-content h1{
         font-size: 32px;
         line-height: 38px;
    }
     .product-cat .productcat-title a h2 {
         font-size: 18px;
    }
     #testimonial {
         width: 85%;
    }
     .footer-col {
         margin: 20px 0px;
    }
     .footer-logo{
         margin: 0px;
         width: 150px;
    }
     .footer-col .contactinfo{
         margin-top: 15px;
    }
     .blog-wrapper .blog-col .blog-content h3 {
         font-size: 20px;
         line-height: 28px;
    }
}

 @media all and (max-width:991px) {
     .welcome-wrapper, .content-wrapper, .main-wrapper {
         padding: 50px 0px;
    }
    #cssmenu .menu-header-menu-container{
    	margin-top: 10px;
    }
     .banner-descp {
         bottom: 12%;
    }
     .banner-descp .banner-descp-wrapper {
         max-width: 720px;
    }
     .banner-descp .banner-descp-wrapper .banner-descp-detail {
         width: 70%;
         font-size: 16px;
         line-height: 26px;
    }
     .banner-descp .banner-descp-detail h2{
         letter-spacing: 0px;
         margin-bottom: 5px;
         margin-top: 0px;
         font-size: 26px;
         line-height: 32px;
    }
    .banner-descp .banner-descp-detail .bannerlink a{
	    padding: 7px 15px;
	    font-size: 16px;
	    line-height: 25px;
	}
     .welcome-wrapper .welcome-content {
         position: relative;
         padding: 0px;
         margin-bottom: 30px;
    }
     .welcome-wrapper .welcome-content, .welcome-wrapper .welcome-image img, #testimonial {
         width: 100%;
    }
     .welcome-wrapper .welcome-image {
         box-shadow: none;
         border: 8px solid #d2f0f2;
    }
     .newsletterform {
         margin-top: 15px 
    }
    .title h1 {
         font-size: 32px;
         line-height: 40px;
    }
     .title h2{
         font-size: 28px;
         line-height: 36px;
    }
     .bqscol h6{
         font-size: 18px;
         line-height: 28px;
    }
}

 @media all and (max-width:768px) {
 	.banner-descp {
         bottom: 10%;
    }
     .banner-descp .banner-descp-wrapper {
         max-width: 540px;
    }
    .banner-descp .banner-descp-wrapper .banner-descp-detail {
         width: 85%;
         font-size: 15px;
         line-height: 23px;
    }
     .banner-descp .banner-descp-detail h2{
         letter-spacing: 0px;
         margin-bottom: 5px;
         font-size: 22px;
         line-height: 26px;
    }
    .banner-descp .banner-descp-detail .bannerlink a{
	    padding: 6px 15px;
	    font-size: 14px;
	    line-height: 24px;
	    margin-top: 0px;
	}
     .shopwrapper:before {
         top: -5% 
    }
     .latestproductwrapper:before, .shopwrapper:before, .shopwrapper:after, .product-cat .productcat-image img {
         width: 100%;
    }
     .shopwrapper:after {
         bottom: -5%;
    }
     .product-col {
         padding: 0px;
    }
     .product-col .product-detail {
         padding: 10px;
    }
     .product-col .product-detail h6 {
         font-size: 18px;
         line-height: 28px;
    }
     .product-cat .productcat-title a h2 {
         font-size: 20px;
         line-height: 28px;
    }
     .copyright {
         text-align: center;
    }
     .copyright span {
         float: none !important;
    }
     .blog-wrapper .blog-col .blog-content h3 {
         font-size: 24px;
         line-height: 30px;
    }
     .map {
         height: 320px;
    }
     .bqscol h6{
         font-size: 17px;
         line-height: 28px;
    }
    .woocommerce .cart-collaterals .cross-sells{
    	margin-bottom: 30px !important;
    }
}

 @media all and (max-width:575px) {
     .banner-descp {
         bottom: 8%;
    }
     .banner-descp .banner-descp-wrapper {
         width: 100%;
         padding-right: 15px;
         padding-left: 15px;
         margin-right: auto;
         margin-left: auto;
    }
     .banner-descp .banner-descp-wrapper .banner-descp-detail {
         width: 90%;
         line-height: 20px;
         font-size: 14px;
    }
     .banner-descp .banner-descp-detail h2 {
         margin-top: 0px;
         font-size: 20px;
         line-height: 26px 
    }
    .banner-descp .banner-descp-detail p {
         margin-bottom: 10px;
    }
    .banner-descp .banner-descp-detail .bannerlink a{
	    padding: 5px 10px;
	    font-size: 13px;
	    line-height: 22px;
	    margin-top: 0px;
	}
    .product-col .product-image{
		margin-bottom: 1rem;
	}
     .product-cat .productcat-image img {
         width: 100%;
    }
     .breadcrumb ul li.breadcrumb-item {
         display: inline-block;
         float: left;
    }
     .benefitqualitysection .col-sm-4{
         width: 33.33333333%;
    }
     .bqscol .bqscolicon{
         width: 85px;
         height: 85px;
         line-height: 80px;
         font-size: 36px;
         border: 3px solid #181818;
    }
}

 @media all and (max-width:480px) {
     .topinfo {
         font-size: 14px;
         line-height: 24px;
    }
     .banner-descp, .banner .overlay{
         display: none !important;
    }
     .product-col {
         padding: 15px;
    }
     .product-col .product-detail {
         padding: 0px;
    }
     .map {
         height: 250px;
    }
     .newsletterform{
         padding: 0px;
    }
     .newsletterform input {
         width: 100%;
         float: none !important;
         text-align: center;
    }
     .newsletterform input[type='submit'] {
         background: #d2f0f2;
         color: #484848;
    }
     .benefitqualitysection .col-sm-4{
         width: 50%;
    }
}
 @media all and (max-width:360px) {
    /*.logo {
         width: 85%;
    }
    */
     .sb-search.sb-search-open, .no-js .sb-search {
         width: 230px;
        /*position:relative;
        */
         position:absolute;
         z-index:99999999 
    }
    .product-col {
	    padding: 12px !important;
	}
}
 @media all and (max-width:330px) {
     .benefitqualitysection .col-sm-4{
         width: 100%;
    }
}