@media only screen and (min-width: 320px) and (max-width: 480px) {
    #more-20-y, #home-products, #where-buy{
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #more-20-y .subtitle, #mag-how{
        margin-bottom: 20px;
    }
    .product-content-box{
        margin-top: 0px;
    }
    .m-homepage .bg-right {
        background-color: #008BD3;
    }
    .section{
        margin: 20px 0;
    }
    .section-header{
        font-size: 20px;
        line-height: 26px;
    }
    .subtitle{
        font-size: 13px;
        line-height: 13px;
    }
    .page-hero .h-text-box .h-tile{
        font-size: 24px;
    line-height: 34px;
    }
    .page-hero .h-text-box .h-subtile{
        font-size: 14px;
    }
    .page-hero{
        min-height: 708px;
    }
    .foot-copyright .container-copyright{
        padding: 20px 0px 10px;
    }
    .foot-copyright .container-copyright a{
        margin: 10px 0px;
    }
    .foot-copyright .container-copyright .foot-copyright-text{
        margin-top: 20px;
    }
    .card-third .t-b .card-t-title{
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 10px;
    }
    .card-third .t-b p{
        font-size: 14px;
        margin-bottom: 0px;
    }
    .page-hero .bg-left{
        display: block;
        width: 135%;
        background-size: 62% 100% !important;
        transform: rotate(90deg);
        /*top: -315px !Important;*/
    }


	.page-hero .bg-left.homeblue {
    display: block;
    width: 135%;
    background-size: 82% 100% !important;
    transform: rotate(90deg);
}

    .page-hero .h-text-box .h-product-tag{
        padding-top: 10px;
        font-size: 16px;
    }
    .page-hero .h-text-box{
        padding: 80px 0px 32px 20px;
    }
    .page-hero .h-text-box .h-tile span{
        font-size: 33px;
    }
    .center-flower{
        left: auto;
        top: auto;
        bottom: 88px;
        left: 50%;
        transform: translatex(-18%);
        display: none;
    }
    .center-flower img{
        width: 35%;
    }
    .page-hero--home .bg-right{
        display: block;
        width: 100%;
        background-size: 110% 60%;
        background-position: top 120px right;
        position: unset;
        margin-top: -130px;
    }
    .ft-pages .page-hero--home .bg-right{
        margin-top: -70px;
    }
    .bg-banner{
        box-shadow: none;
        padding: 72px 68px 80px 20px;
        background-size: 210% 100%;
        background-position: center right 47%;
    }
    .article-heading{
        font-size: 20px;
        line-height: 24px;
    }
    .small-banner h3{
        font-size: 18px;
        line-height: 22px;
    }
    .small-banner p{
        font-size: 14px;
        line-height: 17px;
    }
    .small-banner a{
        font-size: 14px;
        line-height: 17px;
        padding: 4px 20px;
    }
    h2{
        font-size: 20px;
        line-height: 26px;
    }
    h3{
        font-size: 18px;
    }
    .small-text{
        font-size: 14px;
    }
    #mag-how a{
        font-size: 14px;
        padding: 8px 20px;
    }
    #mag-how h3 a{
        padding: 0px;
    }
    #home-products h2{
        font-size: 18px;
    }
    .card-third a.read-more{
        font-size: 16px;
    }
    a.btn-primary{
        font-size: 14px;
        padding: 8px 20px;
    }
    .foot-sanofi .container-foot-sanofi{
        padding: 8px 15px;
    }
    .m-p-0{
        padding-left: 0px;
        padding-right: 0px;
    }
    #where-buy{
        padding-bottom: 0px;
    }
    #where-buy .m-p-0{
        padding-left: 0px;
        padding-right: 0px;
    }
    .foot-text-small span{
        font-size: 16px;
    }
    .foot-sanofi .container-foot-sanofi .foot-text-small{
        font-size: 14px;
    }
    .foot-sanofi::after{
        top: auto;
        bottom: 0px;
    }
    #where-buy .card-full::after{
        width: 28px;
        height: 28px;
    }
    #where-buy .card-full::before{
        background-size: 100px 100px;
        background-repeat: no-repeat;
        width: 100px;
        height: 100px;
    }
    #where-buy h2{
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 8px;
    }
    #where-buy h3{
        font-size: 18px;
        line-height: 22px;
    }
    #where-buy a{
        font-size: 12px;
        line-height: 14px;
    }
     #where-buy p{
        margin-bottom: 0;
        font-size: 12px;
        line-height: 13px;
    }
    /* #where-buy a{
        font-size: 18px;
        line-height: 24px;
    } */
    /* #where-buy p{
        margin-bottom: 16;
        font-size: 15px;
        line-height: 20px;
    } */
    .doctor-geste{
        left: -30px;
        bottom: -8px;
	/* display:none !Important; */
        position: absolute;
        width: 50%;
    }
    a.read-more:after{
        width: 11px;
        height: 9px;
        margin-left: 4px;
    }
    .card-third .t-b{
        padding: 15px 12px;
    }
    .footnote .container-footnote{
        padding-left: 0px;
        padding-right: 0px;
    }
    .search-box{
        padding: 0px;
    }
    .search-box form{
        padding: 0px 15px;
    }
    .search-box select{
        background-position: center right 10px;
        background-size: 22px 22px;
        padding: 19px 32px 19px 10px;
    }
    a.btn-clinic{
        margin-top: 0px;
        margin-bottom: 10px;
    }
    .search-box h2{
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 30px;
    }
    .search-box p{
        font-size: 13px;
    }
    .search-box p a{
        font-size: 13px;
    }

    .searchpage .h-text-box{
        width: 100%;
        max-width: 100%;
    }
    .searchpage .page-hero{
        min-height: 450px;
    }
    .searchpage .page-hero .h-text-box{
        padding-top: 50px;
    }
    .searchpage .page-hero--home .bg-right{
        margin-top: -145px;
        background-size: 147% 76%;
    }
    .searchform{
        margin-top: 30px;
    }

    /* revision */
    .m-homepage{
        min-height: 500px !important;
        max-height: initial !important;
    }
    .m-homepage .h-text-box{
        padding: 10px 0px 32px 20px;
    }
    .m-homepage .h-text-box .h-tile{
        font-size: 23px;
    }
    .m-homepage .bg-left.homeblue{
        width: 141%;
        background-size: 65% 100% !important;
    }
    .m-homepage .bg-right{
        background-size: 127% 69%;
        background-position: top 140px center;
    }
    .m-homepage .banner-side{
        width: 85%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        left: -10px;
    }
    .m-bg-banner{
        background-size: 220% 100%;
        background-position: center right 40%;
        padding: 30px 50px 52px 20px;
    }

    .m-inner-page.page-hero{
        min-height: 400px !important
    }
    .m-inner-page .bg-left{
        width: 120%;
    }

    /* products page */
    .page-hero--products.m-inner-page .bg-left{

    }
    .page-hero--products.m-inner-page .bg-right{
        margin-top: -10px;
    }
    .m-inner-page.page-hero--products .h-text-box{
        padding-top: 20px;
    }
    #product-slide .card-third a.read-more{
        font-size: 14px;
    }

    .m-inner-page.page-hero--search .bg-left{
        background-size: 73% 100% !important;
    }

    .__bevont-tabletta .page-hero--products-product{
        min-height: 700px !important;
    }
    .__extra-filmtabletta .page-hero--products-product{
        min-height: 615px !important;
    }
    .__stree-control .page-hero--products-product{
        min-height: 680px !important;
    }
    .page-hero--products-product > .overlay{
        border-radius: 0px;
    }
    .page-hero--products-product .h-text-box{
        padding-top: 20px;
        padding-right: 20px;
    }
    .jogi-page .h-text-box{
        padding-top: 40px;
        padding-bottom: 0px;
        max-width: 80%;
    }

    #filters-container a{
        margin-left: 0px !important;
    }
    .pl-0, .pr-0{
        padding-left: 0px;
        padding-right: 0px;
    }
    .m-img-gradient.--productspage::before{
        display: none;
    }
    .page-hero .m-img-gradient::before{
        display: none;
    }
    #library .card-third .t-b .card-t-title, #library .card-third .t-b p{
        min-height: auto;
    }

}

@media only screen and (max-width: 480px) {
    .m-inner-page.page-hero--library .bg-left{
        background-size: 50% 100% !important;
    }
}