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

    .text-center-xs {

        text-align: center;

        -webkit-text-align: center;

        -moz-text-align: center

    }

    .buy-online,

    .hide-mobile {

        display: none

    }

    .bs-demo-showcase,

    .float-none-xs {

        float: none!important

    }

    ul.nav.nav-pills li {

        transition: .5s all linear;

        margin-bottom: 10px;

        width: 100%;

        text-align: center

    }

    .prd-pdf-15 {

        width: 51%

    }

    footer p {

        font-size: 12px

    }

    .details {

        margin: 0

    }

    .header-lg,

    .header-md {

        padding-top: 60px;

        padding-bottom: 60px

    }

    .list-group.gallery div.col-md-3 {

        width: auto!important

    }

    ul.social-network {

        display: none!important

    }

    .banner-bg {

        background-image: none;

        margin-bottom: 19em

    }

    figure.Acne {

        position: absolute;

        top: 3em;

        left: 0

    }

    .off-width {

        width: auto

    }

    figure.LIQUID {

        position: absolute;

        top: 2em

    }

    ul.social-network.social-circle {

        display: none

    }

    img {

        border: 0;

        max-width: 100%

    }

    nav.navbar.navbar-material-blue {

        position: relative;

        top: 0;

        border: 1px solid #ddd

    }

    .navbar-nav {

        margin: 0

    }

    .navbar-nav .open .dropdown-menu {

        background-color: #e96fb9!important

    }

    .navbar-nav>li>.dropdown-menu {

        margin-bottom: 0;

        color: #000

    }

    figure.Personal {

        position: absolute;

        top: 0;

        left: 1em

    }

    .contactbg {

        height: 1080px

    }

    .logo {

        margin-bottom: 20px;

        text-align: center

    }

    .Address,

    .online-shopping {

        margin: 0

    }

    iframe.form {

        width: 100%

    }

    .sub-footer p {

        text-align: center!important

    }

    .footer-logo-USV {

        text-align: left;

        -webkit-text-align: left;

        -moz-text-align: left

    }

    .skin-care-img img {

        width: 70%!important;

        width: 49%!important;

        padding-bottom: 9px

    }

    .skin-care-img {

        text-align: center;

        border: none;

        padding: 0

    }

    .list-group.gallery {

        position: relative;

        left: 4em;

        right: 4em

    }

    .online-shopping img {

        margin-bottom: 8px!important

    }

}

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

    .footer-logo-USV,

    .logo,

    .sub-footer p,

    .text-center-xs {

        text-align: center

    }

    .footer-logo-USV,

    .text-center-xs {

        -webkit-text-align: center;

        -moz-text-align: center

    }

    .buy-online,

    .scrol-product-define {

        display: none

    }

    .main-nav .inner-nav>ul>li>a {

        padding: 0 10px

    }

    .navbar-nav {

        margin: 0

    }

    .online-shopping img {

        margin-bottom: 8px!important

    }

    .list-group.gallery {

        position: relative;

        left: 4em;

        right: 4em

    }

    .online-shopping {

        margin: 0

    }

    .logo {

        margin-bottom: 20px

    }

    ul.nav.nav-pills li {

        transition: .5s all linear;

        margin-bottom: 10px;

        width: 100%;

        text-align: center

    }

    .details {

        margin: 0

    }

    .Address {

        margin: 30px

    }

    iframe.form {

        width: 100%

    }

    .contactbg {

        background-image: none!important

    }

    .navbar-nav .open .dropdown-menu {

        background-color: #e96fb9!important

    }

    .navbar-nav>li>.dropdown-menu {

        margin-bottom: 0;

        color: #000

    }

    figcaption {

        text-align: -webkit-center;

        font-size: 12px

    }

    figure.Personal {

        position: relative;

        top: 0;

        left: 1em

    }

    nav.navbar.navbar-material-blue {

        position: relative;

        top: -1em;

        border: 1px solid #ddd

    }

    .banner-bg {

        background-image: none;

        margin-bottom: 19em

    }

    figure.LIQUID {

        position: absolute;

        top: 2em

    }

    figure.Acne {

        position: absolute;

        top: 3em;

        left: 0

    }

    .skin-care-img img {

        width: 70%!important;

        width: 49%!important;

        padding-bottom: 9px

    }

    .skin-care-img {

        text-align: center;

        border: none;

        padding: 0

    }

    .list-group.gallery div.col-md-3 {

        width: auto!important

    }

    ul.social-network {

        display: none!important

    }

    .off-width {

        width: auto

    }

    ul.social-network.social-circle {

        display: none

    }

    img {

        border: 0;

        max-width: 100%

    }

    .prd-pdf-15 {

        width: 51%

    }

    figure.baby {

        position: relative;

        top: 20px

    }

}

@media (min-width: 1200px) {

    .btn {

        display: inline-block;

        padding: 2px 3px

    }

}

@media (min-width: 992px) and (max-width: 1199px) {

    .off-width,

    .prd-pdf-15 {

        width: auto

    }

    ul.social-network.social-circle {

        display: none

    }

    img {

        border: 0;

        max-width: 100%

    }

    figcaption {

        text-align: initial;

        font-size: 12px

    }

}

@media (min-width: 768px) and (max-width: 991px) {

    .off-width,

    .prd-pdf-15 {

        width: auto

    }

    .scrol-product-define,

    ul.social-network.social-circle {

        display: none

    }

    img {

        border: 0;

        max-width: 100%

    }

    figure.LIQUID {

        position: absolute;

        top: -10em

    }

    figcaption {

        text-align: center;

        font-size: 12px

    }

    figure.baby {

        position: relative;

        top: 20px

    }

}



@media (min-width: 1300px) and (max-width: 1360px) {

       .ph h5 {



    font-size: 14px !important;



}



}



@media (min-width: 1200px) and (max-width: 1280px) {

    .ph h5 {



    font-size: 14px !important;



}

    

    ul.social-network {

        position: fixed;

        left: 10px

            display: none;

    }

    .social-circle li a {

        width: 30px;

        height: 30px;

        font-size: 17px

    }

    .social-circle li i {

        line-height: 30px

    }

}

@media (min-width: 768px) and (max-width: 991px) {

    .logo img {

        width: 20%

    }

    .online-shopping img {

        margin-bottom: 8px!important

    }

    .skin-care-img img {

        width: 19.5%;

        border-right: 1px solid #ddd

    }

    .nav>li>a {

        padding: 10px 14px!important

    }

}