@media only screen and (min-width: 480px){
    #megamenu-menu .navbar-nav li.dropdown.middle:hover > .dropdown-menu{
        opacity: 1;
        visibility: visible;
    }
}

@media only screen and (max-width: 991px){
    .procedure-registration_item {
        flex-direction: column;
    }

    .procedure-registration_img img {
        display: block;
        margin: 0 auto;
    }

    .procedure-registration_img {
        margin-bottom: 25px;
    }

    .procedure-registration_information {
        padding-left: 0;
    }
}

@media only screen and (max-width: 770px){
    .marine-energizing-cleanser, .eye-revive-mask{
        order: 0 !important;
    }
    .img-prod{
        min-height: 55vh;
        width: 100%;
    }
    .text{
        width: 100%;
        padding: 0 15px;
        text-align: center;
    }
    .text > p > a.btn-landing-section{
        margin: 15px auto 0;
    }
    .complexes-of-seaweed{
        text-align: center;
    }
    .header-complexes-of-seaweed{
        font-size: 28px;
    }
    .text-complexes-of-seaweed{
        font-size: 16px;
    }
    .header-inform-bottom{
        font-size: 38px;
    }
}

@media only screen and (max-width: 768px){
    #popupregister_wrapper.show-popup-container{
        flex-direction: column;
    }
    .popup-image{
        background-image: url(/image/design/popup-register-mob.webp);
        min-height: 200px;
        margin-top: 50px;
        background-size: contain;
    }
    html[lang="uk"] .popup-image{
        background-image: url(/image/design/popup-register-mob.webp);
    }
    html[lang="pl"] .popup-image{
        background-image: url(/image/design/popup-register-mob.webp);
    }
    #popupregister_wrapper{
        height: auto !important;
    }
    .mob__banner,.pc__banner{
        display: none;
    }
    .tablet__banner{
        display: block;
        width: 100%;
        margin: 0 auto;
    }

    #form-language .btn-group.open ul.dropdown-menu{
        display: block !important;
        float: left;
    }

    #megamenu-menu .top-right-block{
        justify-content: flex-start;
    }

    .nav-categories__header > h4{
        padding: 10px 15px;
    }

    .nav-categories__item{
        width: 100%;
        margin: 0 0 25px;
    }

    .information-information-18 .banner.banner-root,
    .information-information-19 .banner.banner-root {
        min-height: 100vh;
    }

    .information-information-18 .banner > .banner-wrapper,
    .information-information-19 .banner > .banner-wrapper {
        min-height: calc(100vh - 60px);
        background-size: 200%;
        background-position-x: 70%;
        padding-top: 113.4%;
    }

    .information-information-18 .banner > .banner-wrapper > .banner-collage,
    .information-information-19 .banner > .banner-wrapper > .banner-collage {
        margin-right: auto;
        max-width: 540px;
    }

    .information-information-18 .banner > .banner-wrapper > .banner-collage > .banner-content,
    .information-information-19 .banner > .banner-wrapper > .banner-collage > .banner-content {
        padding-top: 6px;
        padding-left: 1px;
    }
    
    .information-information-18 .banner > .banner-wrapper > .banner-collage > .banner-content > h1,
    .information-information-19 .banner > .banner-wrapper > .banner-collage > .banner-content > h1 {
        letter-spacing: 0;
        padding-bottom: 7px;
        font-size: 44px;
        line-height: 52px;
        color: #000;
    }
    
    .information-information-18 .banner > .banner-wrapper > .banner-collage > .banner-content > p,
    .information-information-19 .banner > .banner-wrapper > .banner-collage > .banner-content > p {
        line-height: 26px;
        padding-bottom: 10px;
        font-size: 16px;
        color: #000;
    }

    .featured-products>.video-container {
        padding: 0;
    }

    .featured-products>.video-container iframe {
        min-height: 450px;
        height: auto;
    }

    .featured-products>h2 {
        font-size: 28px;
        line-height: 36px;
        padding-bottom: 13px;
    }

    .column-group-elem,
    .column-group-elem.revert {
        flex-direction: column-reverse;
    }

    .column-group-elem div {
        width: 100%;
    }

    .column-group-elem>div.elem-text {
        /* margin-bottom: 41px; */
        padding: 0 30px;
    }

    .column-group-elem > div.elem-text h2 {
        font-size: 28px;
    }

    .column-group-elem > div.elem-text p {
        font-size: 16px;
        line-height: 26px;
    }

    .elem-img-block {
        margin-bottom: 40px;
    }

    .featured-products {
        padding-top: 20px;
    }

    .experts-background {
        padding: 35px 10px 10px;
    }

    .experts-background .ethos-container > h2 {
        font-size: 28px;
    }

    .experts-background .ethos-container > p {
        padding: 0 10px 10px;
    }

    .information-information-18 > .container > #megamenu-menu {
        margin: 0;
    }

    .hardware-cosmetology {
        padding: 50px 0;
    }

    .procedure-registration_img img {
        width: 100%;
        max-width: 100%;
    }

    .information-information-10 .menu-form-builder.show-form {
        top: 6%;
        left: 0;
        transform: translateX(0%);
    }

    .tiles-with-service_item.reverse,
    .tiles-with-service_item {
        flex-direction: column;
    }

    .tiles-with-service_item-img,
    .tiles-with-service_item-text {
        width: 100%;
    }

    .tiles-with-service_item-img {
        margin-bottom: 30px;
    }

    .tiles-with-service_item.reverse .tiles-with-service_item-text,
    .tiles-with-service_item .tiles-with-service_item-text {
        text-align: left;
        padding: 0;
    }

    .background-\#5bb1bc {
        padding: 30px 15px;
    }

    .map-content {
        flex-direction: column-reverse;
    }

    .map-content > div {
        width: 100%;
    }

    .map-content-text {
        padding-left: 0;
        margin-bottom: 40px;
    }

    .tiles-with-services, .elemis-spa-menu-description {
        padding: 0 15px;
    }
}

@media only screen and (max-width: 599px){
    .common-home .text-banner{
        top: 50%;
        transform: translateY(-50%);
    }
    .common-home .header-banner-landing{
        font-size: 22px;
        color: #0f213a;
    }
    .text-banner{
        position: static;
        transform: translateX(0);
        width: auto;
        text-align: center;
        padding-top: 40px;
    }
    .block-banner-home > .banner-home1 a.button.scroll-to-link{
        margin: 15px auto 0;
        font-size: 16px;
        width: 65%;
    }
    .common-home .header-banner-landing,
    .common-home .text-banner-landing{
        text-align: center;
        padding: 0 20px;

    }
    .common-home .text-banner-landing span{
        display: block;
    }
    .common-home .text-banner-landing{
        margin-top: 220px;
    }
    .common-home .header-banner-landing br,
    .common-home .text-banner-landing br{
        display: none;
    }
    .header-banner-landing{
        font-size: 28px;
    }
    .text-banner-landing{
        font-size: 16px;
        padding: 0 10px;
    }
    .banner-landing{
        background-image: url(/image/design/pc-m.png);
        height: 600px;
        background-position: bottom;
    }
    .lend-video{
        min-height: 300px;
    }
    .pc__banner,.tablet__banner{
        display: none;
    }
    .mob__banner{
        display: block;
        width: 100%;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 580px){
    .procedure-registration_price {
        flex-direction: column;
        align-items: flex-start;
    }

    .procedure-registration_btn {
        margin-top: 25px;
        display: block;
        float: none;
    }
}

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

    .left-flow {
        justify-content: space-around;
    }
    .text-center > a >.img-thumbnail{
        width: 100px;
        display: block;
        max-width: fit-content;
    }
    .mobile-hidden{
        display: none;
    }
    
    .top-left-block{
        margin: 0 auto;
    }

    .logo-block{
        position: relative;
        left: -5%;
        order: 2;
    }

    #top-links{
        order: 3;
    }

    .header-block{
        justify-content: space-between;
        border-bottom:none;
    }

    .fa-search::before{
        top: 10px;
    }

    .header-block>.mobile-show{
        display: block;
        position: absolute;
        top: 100px;
        right: 0;
        left: 0;
        z-index: 1;
    }

    #cart > .btn{
        position: relative;
        right: -10px;
    }

    .container>#megamenu-menu .nav > li > a{
        font-size: 14px;
        line-height: 17px;
        text-shadow: none;
    }

    .footer-form{
        width: 289px;
        margin-bottom: 0px;
    }

    .footer-form input.subscribe-form-item__control{
        width: 289px;
    }

    .footer-form input.subscribe-form-item__btn{
        width: 99px;
    }

    .nav-categories{
        padding: 0;
    }

    .nav-categories>.categories>li{
        list-style: none;
        margin: 5px;
        padding: 0;
        width: 46%;
    }

    .nav-categories>.categories>li>a{
        text-decoration: none;
        font-size: 12px;
        line-height: 22px;
        color: #fff;
        background: rgb(91, 177, 188);
        border-radius: 5px;
        display: block;
        text-align: center;
        width: 100%;
        padding: 15px 0;
    }

    .nav-block-categories{
        padding: 10px 0 50px;
    }

    .heading-best-sellers,
    .hardware-cosmetology-header h3 {
        font-size: 20px;
        line-height: 24px;
    }

    .product-thumb .button-group{
        height: 76px;
    }

    .product-thumb .button-group button{
        font-size: 12px;
        line-height: 15px;
        color: #000000;
    }

    .product-layout .product-thumb .button-group button:nth-child(1)>span{
        height: 40px;
        padding: 12px 0;
    }

    .banner-button{
        padding: 9px 0;
    }

    .relevant-item{
        width: 50%;
    }

    .banner2{
        margin-top: 20px;
    }
    
    .slick-slide img{
        height: 260px;
    }

    .product-search .image .corner_t_l,
    .block-product-cart .image .corner_t_l{ 
        left: 20px;
    }

    .main-footer{
        flex-direction: column;
        align-items: flex-start;
        padding: 0 40px;
    }

    footer a, footer address{
        line-height: 30px;
    }

    .dropdownlink{
        position: relative;
    }

    .dropdownlink .open-list{
        width: 15px;
        height: 14px;
        position: absolute;
        top: 2px;
        right: 0;
        background-image: url(/image/design/plus.png);
        transition: .5s ease-in-out;
    }

    .payment-methods-img>img{
        margin-right: auto;
        width: 18%;
    }

    .transform-this{
        transform: rotate(45deg);
        transition: .5s ease-in-out;
    }
    footer h5{
        margin-bottom: 10px;
    }

    .payment-methods-img{
        justify-content: space-between;
    }

    .main-footer .contacts-block, .main-footer .service-block,
    .main-footer .mailing, .main-footer .payment-methods{
        padding: 4px 0px;
        border-bottom: 1px solid #fff;
    }

    .payment-methods-and-mailing{
        order: 1;
    }

    .service-block{
        order: 2;
    }

    .contacts-block{
        order: 3;
    }
    
    .bottom-social-network-block{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        width: 100%;
        order: 4;
        margin: 24px 0 15px;

    }

    .bottom-social-network-block>a{
        width: 20px;
        height: 20px;
        margin: 0 15px;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .bottom-social-network-block>.youtube {
        background-image: url(/image/design/youtube-mobile.svg);
    }

    .bottom-social-network-block>.facebook {
        background-image: url(/image/design/facebook-mobile.svg);
    }

    .bottom-social-network-block>.instagram {
        background-image: url(/image/design/instagram-mobile.svg);
    }

    .alert{
        display: block;
        font-size: 12px;
    }

    .close{
        right: 0;
        top: -5px;
        font-size: 30px;
    }

    #cart .dropdown-menu{
        min-width: 250px;
        width: auto;
    }

    .float-right .banner-button{
        float: none;
    }

    .banner-home2 .float-right{
        float: none;
    }

    .banner-home2{
        margin-top: 20px;
    }

    .product-search .product-layout{
        margin-bottom: 25px;
    }

    .product-search .product-thumb .button-group button:nth-child(2){
        margin-top: 15px;
    }

    .bf-layout-id-new{
        display: block;
    }

    #column-left{
        margin-top: 0;
    }

    .modal-footer>.btn-primary,
    .modal-footer>.btn-success{
        width: 260px;
        padding: 10px;
        margin-left: 0px !important;
        border-radius: 5px;
    }

    footer{
        padding: 26px 0 26px;
    }
    .block-instagram>p{
        margin-bottom:20px;
    }

    .modal-dialog .modal-content .modal-footer{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .modal-dialog .modal-content .modal-footer>button{
        margin-bottom: 15px;
    }

    .row>.text-right{
        display: none;
    }

    .dropdown-menu .btn-cart a:nth-child(1),
    .dropdown-menu .btn-cart a:nth-child(2){
        padding: 17px 0;
        width: 100%;
    }

    .modal-dialog .modal-body{
        width: 100%;
    }

    .user-authorization, .account-login .btn-primary{
        width: 100%;
    }

    #popup-purchase-wrapper .mfp-close{
        width: 30px !important;
        height: 30px !important;
        background-size: cover !important;
    }

    .button_registration{
        float: left;
    }

    .modal-dialog .modal-body, .modal-dialog .modal-body>img{
        float: left;
    }

    .error-not_found #content{
        flex-direction: column;
    }

    .error-not_found #content img{
        width: 100%;
        float: none;
    }

    .mfp-content #popup-purchase-wrapper .mfp-close{
        display: block;
    }

    .more-information{
        flex-direction: column;
        margin-top: 35px;
        margin-bottom: 0;
    }

    .more-information>li>a,
    .more-information>li>a:hover{
        padding: 15px 10px;
    }

    .more-information>li,
    .more-information>li.active>a{
        border-top:none !important;
        border-left: none !important;
    }

    .product-thumb .button-group > button{
        padding: 0;
    }

    .product-video>iframe{
        width: 100%;
        height: 235px;
    }

    .tab-content>.active{
        margin-top: 40px;
    }

    .more-information>li.active>a{
        border-top: 1px solid #252258 !important;
    }

    .related-products-block{
        flex-direction: column;
    }

    .related-products-block > .free-shipping > img{
        width: 100%;
        margin: 0;
    }

    .about-brend-page{
        display: flex;
        flex-direction: column;
    }

    .about-brend-page>div{
        margin-bottom: 15px;
    }

    .copywriting-info{
        top: 0;
    }

    .biotec-model-image{
        max-width: 260px;
        display: block;
        margin: 25px auto;
        float: none;
        padding: 0;
    }

    .savemoney{
        right: 30px;
    }

    .logo-signature{
        font-size: 12px;
        top: -15px;
    }
    .lend-video{
        min-height: 210px;
    }
    .checkout-fastorder-fastorder #checkout-cart .product-name-cart{
        min-width: 180px;
    }

    .top-left-block>span{
        font-size: 12px;
    }

    .megamenu-about-brend p, .megamenu-present p, .megamenu-body-care p, .megamenu-face-care p, .megamenu-new-items p{padding-right: 25px;}
}

@media only screen and (max-width: 430px){
    #popupregister_wrapper > #popupregister,
    .popup-image{
        max-width: 90% !important;
    }
}