@media (max-width: 1280px) {
.img-bg .img-bg-inner { padding-left:50px}
.img-bg {height:600px; padding:80px 0}
.img-bg-inner .display-1 {font-size:5rem; line-height:5rem;}
.img-bg-inner .display-2 {font-size:3rem;}
.about-css img { max-width:100%;} 
.about--img {margin-left:0;}
.about-css {padding:30px 0; background: linear-gradient(to right, #f2f2f2 30%, #f2f2f2 30%, #f2f2f2 30%);}
.herbal-cream {padding:60px 0 0 0}
.herbal-cream h2 {font-size:3.3rem}
.herbal-cream p {font-size: 2rem;line-height: 2.5rem;}
.subscribe { padding:50px 0}
.box-img2 img {height:210px;}
.inner-banner {padding:70px 0;}
 
}


@media (max-width:1440px){
.img-bg .img-bg-inner {padding-left: 10px;}
.img-bg {height:500px; padding:20px 0}
.img-bg-inner .display-1 {font-size:4rem;line-height: 4rem;}
.img-bg-inner .display-3 {font-size:1.5rem} 
.btn-banner {font-size:14px;}
.about-css img {max-width: 100%;}
.about--img {margin-left:0;}
.product-name-2 h5 {font-size:1rem}
.product-name-2 h6 {font-size:1rem;}
.box-img {padding:20px}
.caption-style-4 img {height:240px;}
.product-name h4 { height:30px}
}

@media (max-width: 1279px) {
.ps-lg-0 {padding: 10px 20px!important;}
.logo-mobile {display:none}
.icon-none { display:none!important;}
.mobile-logo {display:block!important;}
.product-name h4 {font-size:15px;}
.product-name h5 {font-size:15px;}
}

@media (max-width: 1024px) {
.caption-style-4 img {height: 200px;}
.add-to-cart {font-size:14px; padding:12px 0!important;}
.herbal-cream p {font-size: 1.7rem;line-height: 2.2rem;}
.herbal-cream h2 {font-size:3rem;}

.img-h {height:400px}
#thumbs .item img {height:90px;}

}


@media (max-width:991px){
.header img { width:60px;}
#main {margin-top:136px;}
.img-bg .img-bg-inner {padding-left:0;}
.img-bg-inner .display-1 {font-size:3.5rem; line-height:3rem} 
.img-bg-inner .display-2 {font-size:2.8rem;}
.img-bg-inner .display-3 { font-size:1.3rem}
.img-bg {height:460px} 
.subscribe input {margin-right:10px}
.top-bg {font-size:14px;}
.inner-banner {padding:45px 0}
.nav-pills a {padding: 10px 10px 10px 10px;vertical-align: middle;line-height: 20px;font-size:14px;}
.footer-content { padding-top:30px}
.footer .footer-heading {margin-bottom:0;}
.caption-style-4 img { height:250px}
.box-img {height:355px; min-height:inherit; padding:20px;}
.blog-box img { height:228px;}
#thumbs .item img { height:92px;}
.img-h {height:400px;}
}

@media (max-width:768px){ 
.img-h { height:450px;} 
#thumbs .item img {height:92px;}
}


@media (max-width:580px){
.img-bg-inner .display-2 {font-size:2rem;}
.img-bg-inner .display-3 { font-size:1.1rem} 
.img-bg .img-bg-inner {padding-right:0; margin-bottom: 0;}
.box-img {padding:20px}
.about-css { padding:15px 0;}
.page-title {margin-bottom:20px;}
.herbal-cream {padding:30px 0 0 0}
.herbal-cream h2 {font-size:2.5rem; line-height:2rem}
.top-bg { display:none} 
#main {margin-top:105px;}
.page-title, .page-title2 {font-size:1.5rem;}
.subscribe h4 {font-size:1.4rem}
.blockquote {border-left: 2px solid #2d7039;padding-left: 15px;margin-left:10px;}
.inner-banner h2 {font-size:2rem;}
}


@media (max-width:480px){
.img-bg-inner .display-1 {font-size:2.5rem;}
.img-bg-inner .display-3 { font-size:1.1rem} 
.img-bg {height:340px;}
section  {padding:30px 0;}
.page-title, .page-title2 {font-size:1.5rem;}
.swiper {padding:0 0 60px 0}
.header img {width:50px;}
.herbal-cream h2 {font-size: 2rem;line-height:2rem;}
.herbal-cream p {font-size: 1.2rem;line-height: 1.4rem;}
.herbal-cream a {font-size:15px; padding:10px 15px!important;}
.subscribe input {padding:15px;}
.subscribe .btn-success {font-size: 20px; padding:0 15px; font-size:15px;}
.footer .footer-heading {margin-bottom:0;}
.footer .footer-links li {font-size:14px}
.box-img {height:360px}
#main {margin-top:90px;}
.bg-text h3 {font-size:1.1rem;}
.bg-text { padding:20px}
.bg-text .date { font-size:15px}
.breadcrumb-item+.breadcrumb-item::before { font-size:13px;}
.blog-box img {height:309px;}
.product-name-2 h5 { height:auto}
.img-h {height:450px}
#thumbs .item img { height:92px;}
#thumbs .item { margin:15px 5px 0 5px}
}


@media (max-width:414px) {
.img-h {height:340px}
#thumbs .item img {height:80px;}
.blog-box img {height:228px;}
}

@media (max-width:380px) {
.img-bg-inner .display-2 { font-size:1.2rem}
.subscribe h4 {font-size: 1.2rem;}
.img-bg-inner .display-3 {font-size: 1rem;}
.blog-box img {height:210px;}
.date-css h2 {font-size:27px;}
.date-css h3 {font-size:13px;}
}

@media (max-width:376px) {
.img-h {height:350px}
#thumbs .item img {height:70px;}
}


@media (max-width:360px) {
.img-h {height:310px}
#thumbs .item img {height:70px;}
}



@media (max-width:320px) {
.img-h {height:270px}
#thumbs .item img {height:56px;}
}