File: /home/dermova/www/superfood/Turmeric-Superfood/css/responsive.css
@media screen and (max-width:768px)
{
.main {width: 100%; margin: 0px 0%; padding: 30px 0 0px 0;}
header.sticky {position: fixed; height: 74px;width: 100%; top: 0px;background: #fff; margin: 0 0%; left: 0;box-shadow: 1px 2px 5px #fbfbfb;}
.navigation ul li a{color: #666; text-decoration: none;font-size: 13px;}
.navigation ul li {margin: 0px;padding: 0px 4px; letter-spacing: 0px;}
.dermoviva .termiric {display: none;}
.dermoviva .fruit {display: none;}
.dermoviva .leaf {display: none;}
.dermoviva .pomegranate {display: none;}
.line_heading .ling_bg h1 {font-size: 36px;padding: 34px 28px 0px 30px;margin: 0px;}
.line_heading .ling_bg h3 {width:100%; padding: 0px 5%;}
.dermoviva h3 {width: 100%;margin: 0px;padding: 0px;font-size: 28px;}
.dermoviva h1 {font-size: 34px;padding: 14px 0px 0px 0px;}
.dermoviva p {margin: 15px 0px 20px 0px; padding: 0px 0%; line-height: 22px;}
.super_selection h1 {font-size: 35px;}
.super_selection .images .txt {top: 25px;}
.super_selection .images .txt h2 {font-size: 27px;}
.super_selection .txt h4 {font-size: 13px; padding: 0px 0% 0px 0%; display: none;}
.super_selection .images .txt .button {width: auto; height: 44px; margin: 10px auto 0 auto;line-height: 38px; text-align: center;}
.natural_diet h2 {width: 100%; margin: 0px; padding: 0px;font-size: 28px;}
.natural_diet h1{font-size: 34px;padding: 14px 0px 0px 0px;}
.natural_diet .inner .middle {width: 100%;}
.natural_diet .inner .left {width: 100%;}
.natural_diet .inner .right {width: 100%;}
.sign_up h2{width: 100%; margin: 0px; padding: 0px;font-size: 28px;}
.sign_up h1{font-size: 34px;padding: 14px 0px 0px 0px;}
.sign_up .frm .left {width:90%;}
.sign_up .frm .right {width: 100%;float: right;height: auto; margin-top: -16px;}
.contact h2 {width: 100%; margin: 0px; padding: 0px;font-size: 26px;}
.contact .address_lft {width: 100%;}
.contact .address_rgt {width: 100%;}
.natural_diet .inner {margin: 0px 0% 0px 0%;}
.contact h2 {width: 100%; margin: 0px; padding: 0px;font-size: 26px;}
.contact .address_lft {width: 100%;}
.contact .address_rgt {width: 100%;}
.natural_diet .inner {margin: 0px 0% 0px 0%;}
.face ul li { list-style: none; width: 100%; margin-top: 20px;}
.face .inface{left:0; right:0; margin:0 auto;}
.hyo { text-align: center;}
.hyo img { max-width: 90%;}
.avogada p{max-width: 95%;}
.img-sec { width: 100%; height: 379px; margin-bottom: 14px; }
.product-list h3{padding: 7px 46px; font-size: 18px;}
.product-list ul li{margin-bottom: 24px; width: 100%;}
.product-list ul.formet{flex-wrap: wrap;}
.avogada p, .hyo p{font-size: 15px; line-height: 26px;}
.natural_diet .inner .left ul li img , .natural_diet .inner .right ul li img{ width: 70px; height: 70px;}
.natural_diet .inner .left ul li .inner_dtl { width: 70%; float: right; line-height: 21px; padding-top: 12px; font-size: 17px; }
.natural_diet .inner .right ul li .inner_dtl { width: 70%; float: left; line-height: 21px; padding-top: 21px !important; font-size: 17px; }
.product-list p { font-size: 15px; }
.social_space h1{font-size: 25px; padding: 0px;}
}
@media screen and (max-width:475px)
{
.natural_diet .inner{display:block;}
.natural_diet .inner .right{margin-bottom:20px;}
.product-list .img-sec{padding:0;}
}
@media screen and (max-width:414px)
{
.main {width: 100%; margin: 0px 0%; padding: 30px 0 0px 0;}
header.sticky {position: fixed; height: 74px;width: 100%; top: 0px;background: #fff; margin: 0 0%; left: 0;box-shadow: 1px 2px 5px #fbfbfb;}
.navigation ul li a{color: #666; text-decoration: none;font-size: 13px;}
.navigation ul li {margin: 0px;padding: 0px 4px; letter-spacing: 0px;}
.dermoviva .termiric {display: none;}
.dermoviva .fruit {display: none;}
.dermoviva .leaf {display: none;}
.dermoviva .pomegranate {display: none;}
.line_heading .ling_bg h1 {font-size: 36px;padding: 34px 28px 0px 30px;margin: 0px;}
.line_heading .ling_bg h3 {width:100%; padding: 0px 5%;}
.dermoviva h3 {width: 100%;margin: 0px;padding: 0px;font-size: 28px;}
.dermoviva h1 {font-size: 34px;padding: 14px 0px 0px 0px;}
.dermoviva p {margin: 15px 0px 20px 0px; padding: 0px 0%; line-height: 22px;}
.super_selection h1 {font-size: 35px;}
.super_selection .images .txt {top: 25px;}
.super_selection .images .txt h2 {font-size: 27px;}
.super_selection .txt h4 {font-size: 13px; padding: 0px 0% 0px 0%; display: none;}
.super_selection .images .txt .button {width: auto; height: 44px; margin: 10px auto 0 auto;line-height: 38px; text-align: center;}
.natural_diet h2 {width: 100%; margin: 0px; padding: 0px;font-size: 28px;}
.natural_diet h1{font-size: 34px;padding: 14px 0px 0px 0px;}
.natural_diet .inner .middle {width: 100%;}
.natural_diet .inner .left {width: 100%;}
.natural_diet .inner .right {width: 100%;}
.sign_up h2{width: 100%; margin: 0px; padding: 0px;font-size: 28px;}
.sign_up h1{font-size: 34px;padding: 14px 0px 0px 0px;}
.sign_up .frm .left {width:90%;}
.sign_up .frm .right {width: 100%;float: right;height: auto; margin-top: -16px;}
.contact h2 {width: 100%; margin: 0px; padding: 0px;font-size: 26px;}
.contact .address_lft {width: 100%;}
.contact .address_rgt {width: 100%;}
.natural_diet .inner {margin: 0px 0% 0px 0%;}
.contact h2 {width: 100%; margin: 0px; padding: 0px;font-size: 26px;}
.contact .address_lft {width: 100%;}
.contact .address_rgt {width: 100%;}
.natural_diet .inner {margin: 0px 0% 0px 0%;}
.face ul li { list-style: none; width: 100%; margin-top: 20px;}
.face .inface{left:0; right:0; margin:0 auto;}
.hyo { text-align: center;}
.hyo img { max-width: 90%;}
.avogada p{max-width: 95%;}
.img-sec { width: 100%; height: auto; margin-bottom: 14px; }
.product-list h3{padding: 7px 46px; font-size: 18px;}
.product-list ul li{margin-bottom: 24px; width: 100%;}
.product-list ul.formet{flex-wrap: wrap;}
.avogada p, .hyo p{font-size: 15px; line-height: 26px;}
.natural_diet .inner .left ul li img , .natural_diet .inner .right ul li img{ width: 70px; height: 70px;}
.natural_diet .inner .left ul li .inner_dtl { width: 70%; float: right; line-height: 21px; padding-top: 12px; font-size: 17px; }
.natural_diet .inner .right ul li .inner_dtl { width: 70%; float: left; line-height: 21px; padding-top: 21px !important; font-size: 17px; }
.product-list p { font-size: 15px; }
.social_space h1{font-size: 25px; padding: 0px;}
}
@media screen and (max-width: 375px)
{
.main {width: 100%; margin: 0px 0%; padding: 30px 0 0px 0;}
header.sticky {position: fixed; height: 74px;width: 100%; top: 0px;background: #fff; margin: 0 0%; left: 0;box-shadow: 1px 2px 5px #fbfbfb;}
.navigation ul li a{color: #666; text-decoration: none;font-size: 13px;}
.navigation ul li {margin: 0px;padding: 0px 4px; letter-spacing: 0px;}
.dermoviva .termiric {display: none;}
.dermoviva .fruit {display: none;}
.dermoviva .leaf {display: none;}
.dermoviva .pomegranate {display: none;}
.line_heading .ling_bg h1 {font-size: 36px;padding: 34px 28px 0px 30px;margin: 0px;}
.line_heading .ling_bg h3 {width:100%; padding: 0px 5%;}
.dermoviva h3 {width: 100%;margin: 0px;padding: 0px;font-size: 28px;}
.dermoviva h1 {font-size: 34px;padding: 14px 0px 0px 0px;}
.dermoviva p {margin: 15px 0px 20px 0px; padding: 0px 0%; line-height: 22px;}
.super_selection h1 {font-size: 35px;}
.super_selection .images .txt {top: 25px;}
.super_selection .images .txt h2 {font-size: 27px;}
.super_selection .txt h4 {font-size: 13px; padding: 0px 0% 0px 0%; display: none;}
.super_selection .images .txt .button {width: auto; height: 44px; margin: 10px auto 0 auto;line-height: 38px; text-align: center;}
.natural_diet h2 {width: 100%; margin: 0px; padding: 0px;font-size: 28px;}
.natural_diet h1{font-size: 34px;padding: 14px 0px 0px 0px;}
.natural_diet .inner .middle {width: 100%;}
.natural_diet .inner .left {width: 100%;}
.natural_diet .inner .right {width: 100%;}
.sign_up h2{width: 100%; margin: 0px; padding: 0px;font-size: 28px;}
.sign_up h1{font-size: 34px;padding: 14px 0px 0px 0px;}
.sign_up .frm .left {width:90%;}
.sign_up .frm .right {width: 100%;float: right;height: auto; margin-top: -16px;}
.contact h2 {width: 100%; margin: 0px; padding: 0px;font-size: 26px;}
.contact .address_lft {width: 100%;}
.contact .address_rgt {width: 100%;}
.natural_diet .inner {margin: 0px 0% 0px 0%;}
.contact h2 {width: 100%; margin: 0px; padding: 0px;font-size: 26px;}
.contact .address_lft {width: 100%;}
.contact .address_rgt {width: 100%;}
.natural_diet .inner {margin: 0px 0% 0px 0%;}
.face ul li { list-style: none; width: 100%; margin-top: 20px;}
.face .inface{left:0; right:0; margin:0 auto;}
.hyo { text-align: center;}
.hyo img { max-width: 90%;}
.avogada p{max-width: 95%;}
.img-sec { width: 100%; height: auto;margin-bottom: 14px; }
.product-list h3{padding: 7px 46px; font-size: 18px;}
.product-list ul li{margin-bottom: 24px; width: 100%;}
.product-list ul.formet{flex-wrap: wrap;}
.avogada p, .hyo p{font-size: 15px; line-height: 26px;}
.natural_diet .inner .left ul li img , .natural_diet .inner .right ul li img{ width: 70px; height: 70px;}
.natural_diet .inner .left ul li .inner_dtl { width: 70%; float: right; line-height: 21px; padding-top: 12px; font-size: 17px; }
.natural_diet .inner .right ul li .inner_dtl { width: 70%; float: left; line-height: 21px; padding-top: 21px !important; font-size: 17px; padding-bottom: 21px; }
.product-list p { font-size: 15px; }
.social_space h1{font-size: 25px; padding: 0px;}
}
@media screen and (max-width: 360px)
{
.main {width: 100%; margin: 0px 0%; padding: 30px 0 0px 0;}
header.sticky {position: fixed; height: 74px;width: 100%; top: 0px;background: #fff; margin: 0 0%; left: 0;box-shadow: 1px 2px 5px #fbfbfb;}
.navigation ul li a{color: #666; text-decoration: none;font-size: 13px;}
.navigation ul li {margin: 0px;padding: 0px 4px; letter-spacing: 0px;}
.dermoviva .termiric {display: none;}
.dermoviva .fruit {display: none;}
.dermoviva .leaf {display: none;}
.dermoviva .pomegranate {display: none;}
.line_heading .ling_bg h1 {font-size: 27px;padding: 34px 28px 0px 30px;margin: 0px;}
.line_heading .ling_bg h3 {width:100%; padding: 0px 5%;}
.dermoviva h3 {width: 100%;margin: 0px;padding: 0px;font-size: 28px;}
.dermoviva h1 {font-size: 34px;padding: 14px 0px 0px 0px;}
.dermoviva p {margin: 15px 0px 20px 0px; padding: 0px 0%; line-height: 22px;}
.super_selection h1 {font-size: 35px;}
.super_selection .images .txt {top: 25px;}
.super_selection .images .txt h2 {font-size: 27px;}
.super_selection .txt h4 {font-size: 13px; padding: 0px 0% 0px 0%; display: none;}
.super_selection .images .txt .button {width: auto; height: 44px; margin: 10px auto 0 auto;line-height: 38px; text-align: center;}
.natural_diet h2 {width: 100%; margin: 0px; padding: 0px;font-size: 28px;}
.natural_diet h1{font-size: 34px;padding: 14px 0px 0px 0px;}
.natural_diet .inner .middle {width: 100%;}
.natural_diet .inner .left {width: 100%;}
.natural_diet .inner .right {width: 100%;}
.sign_up h2{width: 100%; margin: 0px; padding: 0px;font-size: 28px;}
.sign_up h1{font-size: 34px;padding: 14px 0px 0px 0px;}
.sign_up .frm .left {width:90%;}
.sign_up .frm .right {width: 100%;float: right;height: auto; margin-top: -16px;}
.contact h2 {width: 100%; margin: 0px; padding: 0px;font-size: 26px;}
.contact .address_lft {width: 100%;}
.contact .address_rgt {width: 100%;}
.natural_diet .inner {margin: 0px 0% 0px 0%;}
.face ul li { list-style: none; width: 100%; margin-top: 20px;}
.face .inface{left:0; right:0; margin:0 auto;}
.hyo { text-align: center;}
.hyo img { max-width: 90%;}
.avogada p{max-width: 95%;}
.img-sec { width: 100%; height: auto;margin-bottom: 14px; }
.product-list h3{padding: 7px 46px; font-size: 18px;}
.product-list ul li{margin-bottom: 24px; width: 100%;}
.product-list ul.formet{flex-wrap: wrap;}
.avogada p, .hyo p{font-size: 15px; line-height: 26px;}
.natural_diet .inner .left ul li img , .natural_diet .inner .right ul li img{ width: 70px; height: 70px;}
.natural_diet .inner .left ul li .inner_dtl { width: 70%; float: right; line-height: 21px; padding-top: 12px; font-size: 17px; }
.natural_diet .inner .right ul li .inner_dtl { width: 70%; float: left; line-height: 21px; padding-top: 21px !important; font-size: 17px; }
.product-list p { font-size: 15px; }
.social_space h1{font-size: 25px; padding: 0px;}
}