/*----- Медиазапросы -------*/ /* big screens - with keyboard or TV */ @media screen and (max-width:1680px){ .container {width: 1400px; margin: 0 auto;} a.main-menu-link {padding-right: 20px;} #how-is-it-going .single-slide.prev img {width: 60%; height:60%;} #how-is-it-going .navigation {left:55%;} #footer .single-column {margin-right: 80px;} .main-content .main-block {width: 95%;} .article-content img {max-width: 100%;} .popup-box p {margin: 10px 0;} .popup-box form {padding-top: 10px;} } @media screen and (max-width:1536px){ .container {width: 1300px; margin: 0 auto;} a.main-menu-link {font-size: 17px;} #how-much .lady-men-wrapper > .single-select {padding-left: 15px;} #how-is-it-going .single-slide.current {width: 75%; margin: 50px 0 50px auto;} #how-is-it-going .navigation {left:65%;} #when-need img.bg-left, #when-need img.bg-right {width: 30%;} #footer .single-column {margin-right: 55px;} .main-img-wrapper img {width: auto;} #online-popup .popup-box p {margin: 10px auto;} } @media screen and (max-width:1440px){ .container {width: 1250px;} #header .logo-wrapper {margin-right: 20px;} .phone-instagram-wrapper {flex-direction: column;} .phone-instagram-wrapper a.phone {margin-right: 0px; margin-bottom: 10px;} .phone-instagram-wrapper a.instagram {width: 100%; display: block; padding: 10px 0; text-align: center;} .phone-instagram-wrapper a.instagram span {margin-left: 10px;} .main-swither .single-btn {padding: 9px 15px;} a.main-menu-link {padding-right: 35px;} #main-screen .left-block, #main-screen .right-block {height: calc(100vh - 114px);} #desc-prowax .txt-block {width: 95%; padding: 50px 80px 80px 80px;} .blog-wrapper .single-blog img {height: 400px;} #fotogallery .gallery-wrapper .single-foto-gallery {margin-right: 29px;} #footer .single-column {margin-right: 40px;} #btn-online-wrapper {top:calc(50% + 57px)}; } /* normal screens - with keyboard */ @media screen and (max-width:1366px){ .container {width: 1150px;} .main-desc {width: 75%;} #slider-before-after {width: 80%;} .logo-footer {width: 150px;} .logo-footer img {width: 100%;} #footer .single-column .column-title {line-height: 1;} #our-reviews .rewievs-total img.bg.right-img {width: 15%;;} #our-reviews .rewievs-total img.bg.right-btm-img {bottom: -150px;} #our-reviews {padding-top: 0px;} .contact-line {flex-wrap: wrap; justify-content: space-around; margin-bottom: 40px;} .contact-line .single-contact {width: 40%;} .contact-line .single-contact {margin-right: 0px; margin-bottom: 40px;} .contact-line .single-contact:last-of-type {margin-right: 0px;} #fotogallery .gallery-wrapper .single-foto-gallery {margin-right: 26px;} #fotogallery .gallery-wrapper .single-foto-gallery img {height:420px;} } @media screen and (max-width:1280px){ .container {width: 1040px;} a.main-menu-link {padding-right: 20px;} #header .logo-wrapper img{width: 100%;} #header .logo-wrapper {margin-right: 20px;width: 100px;} .phone-instagram-wrapper a.phone,.phone-instagram-wrapper a.instagram {font-size: 16px;} #pluses .pluses-wrapper {justify-content: space-around;} #how-much .how-much-wrapper {width: 100%;} #how-is-it-going .single-slide.prev img {width: 50%; height: 50%;} #how-is-it-going .single-slide.prev {top:27%;} #how-is-it-going .navigation {left:69%;} .questions-wrapper .single-question .title {padding: 20px;} .footer-wrapper .footer-menu-wrapper {flex-wrap: wrap; margin-left: 20px; justify-content: space-around;} #footer .single-column {width: 40%; margin-right: 0; margin-bottom: 40px;} #footer .footer-instagram-block .title {line-height: 1;} #footer .main-swither-wrapper {display: flex; flex-direction: column;} #footer .main-swither-wrapper a {margin-bottom: 10px;} #our-reviews .reviews-wrapper .single-review .review-body {} #top-block .top-block-txt .desc {width: 55%;} .blog-wrapper a.single-blog {width: 31%;} } @media screen and (max-width:1152px){ .container {width: 980px;} .main-swither .single-btn {padding: 9px;} a.main-menu-link {font-size: 16px;} .phone-instagram-wrapper a.phone, .phone-instagram-wrapper a.instagram {font-size: 14px;} #pluses .pluses-wrapper .single-pluse {width: 20%;} #how-is-it-going .single-slide.prev {display: none !important;} #how-is-it-going .single-slide.current {width: 100%;} #how-is-it-going .navigation {left:455px;} #our-reviews .rewievs-total img.bg.right-btm-img {width: 15%; bottom: -110px;} .questions-wrapper .single-question .title {padding-right: 40px; padding-right: 66px;} #footer .single-column {width: 34%;} #about-company {margin-bottom: 80px;} #our-reviews .reviews-wrapper {padding: 40px 0;} #our-reviews .reviews-wrapper .slick-current + .slick-slide .single-review {padding-top: 80px;} .questions-wrapper .single-question .title .v {width: 15px; height: 15px;} #our-reviews .reviews-wrapper .single-review {padding: 30px 20px;} #our-reviews .reviews-wrapper .single-review .review-cosmetolog {left:20px;} .cosmetologists-wrapper a.single-cosmetologist {height: 400px;} h6 {font-size: 16px; padding: 13px;} .cosmetologists-wrapper .single-cosmetologist .name-wrapper {bottom: 10px;} #mini-fotogallery .owl-nav {width: calc(100% + 90px); margin-left: -45px;} #fotogallery .gallery-wrapper .single-foto-gallery {margin-right: 22px;} p.after-top-block {width: 60%;} #main-screen .left-block, #main-screen .right-block { height: calc(100vh - 80px); } } @media screen and (max-width:1080px){ .container {width: 900px;} #header .logo-wrapper {width: 80px;} .phone-instagram-wrapper a.instagram {padding: 5px 0; background-position: 20px center;} .phone-instagram-wrapper a.phone {padding-left: 19px;} #header .logo-wrapper {margin-right: 15px;} a.main-menu-link {padding-right: 16px;} #when-need .when-need-wrapper .left-block .why.second {right: 270px;} #footer .footer-instagram-block .instagram-foto-wrapper a {width: 45%; height: auto;} #footer .single-column {margin-bottom: 20px;} .main-content .main-block .factors {flex-wrap: wrap;} .main-content .main-block .factors .single-factor {width: 40%; padding: 0 30px; margin-bottom: 40px;} #mini-fotogallery .owl-nav {width: calc(100% + 70px); margin-left: -35px;} #fotogallery .sort-line .gallery-button {padding: 10px 20px; margin-bottom: 20px;} #fotogallery .gallery-wrapper .single-foto-gallery {width: 30%;} #fotogallery .gallery-wrapper .single-foto-gallery .type-wrapper .title {padding: 13px 30px;} .main-content .top-bg {height: 240px;} #our-reviews .rewievs-total img.bg.left-img {width: 115px;} #our-reviews .rewievs-total img.bg.right-img {width: 160px; right: 30px;} #our-reviews .rewievs-total img.bg.right-btm-img {width: 105px; right: 0;} #desc-prowax .img-block img {width: 35%;} .questions-wrapper {flex-direction: column;} .questions-wrapper .left-block, .questions-wrapper .right-block {width: 100%;} #fotogallery .gallery-wrapper .single-foto-gallery img {height: 350px;} #btn-online-wrapper {top:calc(50% + 54px)}; } @media screen and (max-width:980px){ #header .header-wrapper{display: none;} #wrapper-burger {display: block;} .container {width: 90%;} #top-block {height:400px;} .popup {width: 90%;} #when-need #girl-why {width: 450px;} #when-need .when-need-wrapper .left-block .why.first {top: 80px;right: 200px;} #when-need .when-need-wrapper .left-block .why.second {right: 210px; top:180px;} #when-need .when-need-wrapper .left-block .why.third {right:200px; top:300px;} #when-need .when-need-wrapper .right-block .why.first {top: 70px;left: 200px;} #when-need .when-need-wrapper .right-block .why.second {top: 190px;left: 225px;} #when-need .when-need-wrapper .right-block .why.third {top: 320px;left: 200px;} #how-much .how-much-wrapper .lady-men-wrapper {width: 36%;} .cost-select-wrapper {width: 60%;} #how-is-it-going .single-slide img {height: 300px; width: 300px;} #how-is-it-going .navigation {left:330px;} #footer .single-column {width: 40%;} #desc-prowax .img-block img {width: 40%;} #mini-fotogallery .owl-nav {width: calc(100% + 80px);margin-left: -40px;} .blog-wrapper a.single-blog {width: 48%;} #fotogallery .sort-line .gallery-button {padding: 10px;} #about-company {padding: 40px;} .main-content .main-block {width: 100%;} #btn-online-wrapper {top:calc(50% + 40px)}; } /* tablet screens - touch pad */ @media screen and (max-width:854px){ #pluses {padding: 45px 0;} #pluses .pluses-wrapper .single-pluse {margin-right: 0; width: 40%; margin-bottom: 40px; padding: 0 50px;} #when-need #girl-why {width: 350px;} #when-need .when-need-wrapper .left-block, #when-need .when-need-wrapper .right-block {line-height: 1.1;} #when-need .when-need-wrapper .left-block .why.first {top: 67px;right: 150px;} #when-need .when-need-wrapper .left-block .why.second {right: 180px;top: 161px;} #when-need .when-need-wrapper .left-block .why.third {right: 151px;top: 255px;} #when-need .when-need-wrapper .right-block .why.first {top: 68px;left: 160px;} #when-need .when-need-wrapper .right-block .why.second {top: 162px;left: 190px;} #when-need .when-need-wrapper .right-block .why.third {top: 255px;left: 160px;} #how-much .how-much-wrapper {flex-direction: column;} #how-much .how-much-wrapper .lady-men-wrapper {margin-left: 0; width: 100%;} #how-much .lady-men-wrapper > .single-select:first-child{margin-right: 55px;} #how-much .lady-men-wrapper > .single-select {display: inline-block;} .cost-select-wrapper {width: 100%;} #how-much {padding: 70px 0;} #how-is-it-going .single-slide.current {flex-direction: column; text-align: center; padding: 0 50px;} #how-is-it-going .single-slide img {width: 442px; height:442px; margin: 0 auto;} #how-is-it-going .single-slide .slide-content {padding-bottom: 60px;} #how-is-it-going .single-slide .slide-title, #how-is-it-going .single-slide p.time{margin-bottom: 19px;} #how-is-it-going .navigation {left: 0;right: 0;} #slider-before-after {width: 100%;} #slider-before-after .owl-nav {display: none;} #slider-before-after .arrow-wrapper {display: none;} #our-reviews .reviews-wrapper .slick-current + .slick-slide .single-review {padding-top: 30px; } #our-reviews .reviews-wrapper .slick-current + .slick-slide .single-review .quotes {display: none;} #our-reviews .reviews-wrapper .slick-slide {padding-top: 20px;} #our-reviews .rewievs-total img.bg.left-img {top:-20px;} #our-reviews .rewievs-total img.bg.right-img {width: 100px;} #our-reviews .rewievs-total img.bg.right-btm-img {width: 80px; bottom: -40px;} #desc-prowax {padding: 0;} .main-content {padding-bottom: 50px;} .blog-wrapper .single-blog img {height: 300px;} #btn-online-wrapper {right: 10px;} .privacy-policy-wrapper .privacy-policy-menu {display: none;} .privacy-policy-wrapper .privacy-policy-content {width: 100%;} #fotogallery .gallery-wrapper .single-foto-gallery img { height: 250px; } } @media screen and (max-width:800px){ #when-need .when-need-wrapper .why {width: 170px;} #when-need .when-need-wrapper {margin-top: 50px;} #when-need .when-need-wrapper .left-block .why.first {top:67px;} #when-need .when-need-wrapper .left-block .why.second {right: 176px;} #when-need .when-need-wrapper .right-block .why.first {left:152px;} #when-need .when-need-wrapper .right-block .why.second {left:180px;} #when-need .when-need-wrapper .right-block .why.third {left: 152px;} #fotogallery .sort-line .gallery-button {margin-right: 2px;} #fotogallery .gallery-wrapper {justify-content: space-between;} #fotogallery .gallery-wrapper .single-foto-gallery {width: 48%; margin-right: 0;} .cosmetologists-wrapper a.single-cosmetologist {width: 49%;} #mini-fotogallery .owl-nav {display: none;} .cosmetologist-wrapper {flex-wrap: wrap;} .cosmetologist-wrapper .cosmetologist-foto,.cosmetologist-wrapper .cosmetologist-desc {width: 100%; margin-right: 0; margin-left: 0;} .cosmetologist-wrapper .cosmetologist-foto {margin-bottom: 40px;} .cosmetologist-wrapper .cosmetologist-foto h2{display: block;} .cosmetologist-wrapper .cosmetologist-desc h2{display: none;} .cosmetologist-wrapper .cosmetologist-foto h1{display: block;} .cosmetologist-wrapper .cosmetologist-desc h1{display: none;} } @media screen and (max-width:720px){ #main-screen {flex-direction: column;} #main-screen .left-block, #main-screen .right-block {height: 420px; width: 100%;} /*#btn-online-wrapper.on-main {top:500px;}*/ #pluses {padding-top: 80px;} #pluses .pluses-wrapper .single-pluse img {width: 50%;} #when-need #girl-why {width: 300px;} #when-need .when-need-wrapper .why {font-size: 15px; width: 160px;} #when-need .when-need-wrapper .left-block .why.first {top:57px; right:130px;} #when-need .when-need-wrapper .left-block .why.second {top:135px; right:145px;} #when-need .when-need-wrapper .left-block .why.third {top:220px; right:125px;} #when-need .when-need-wrapper .right-block .why.first {top:57px; left:132px;} #when-need .when-need-wrapper .right-block .why.second {left:155px; top:134px;} #when-need .when-need-wrapper .right-block .why.third {top:218px; left:132px;} #how-is-it-going {padding-bottom: 0;} #when-need .when-need-wrapper {margin-bottom: 50px;} #our-reviews .rewievs-total img.bg.left-img {top:80px; left:-8%;} #our-reviews .rewievs-total img.bg.right-img {top:70px;} #our-reviews .rewievs-total img.bg.right-btm-img {bottom:-110px;} #desc-prowax .txt-block {width: 100%; padding: 50px;} .contact-line {margin-bottom: 0;} .contact-line .single-contact {width: 100%;} #fotogallery .sort-line .gallery-button {margin-right: 15px; } /*--- Big-Btn----*/ #btn-online-wrapper {height: 130px; width: 130px;} #booking-online {} #booking-online .inner-disc {font-size: 13px;} } @media screen and (max-width:640px){ .menu-whith_out-burger .burger-contacts a:first-child {margin-right: 10px;} .menu-whith_out-burger .main-switch-burger a {padding: 7px 16px;} #pluses .pluses-wrapper .single-pluse {width: 50%; padding: 25px;} .main-desc {width: 98%;} #pluses .pluses-wrapper .single-pluse img {width: 40%;} #when-need #girl-why {display: none;} #when-need .when-need-wrapper {flex-wrap: wrap; flex-direction: column;} #when-need .when-need-wrapper .left-block, #when-need .when-need-wrapper .right-block {position: relative; height: auto; width: 100%;} #when-need .when-need-wrapper .why {width: 100%; position: relative; text-align: center;} #when-need .when-need-wrapper .left-block .why.first, #when-need .when-need-wrapper .left-block .why.second, #when-need .when-need-wrapper .left-block .why.third, #when-need .when-need-wrapper .right-block .why.first, #when-need .when-need-wrapper .right-block .why.second, #when-need .when-need-wrapper .right-block .why.third {top:auto; right: auto; left:auto; margin-bottom: 32px; line-height: 1.5; } h3 {font-size: 34px;} #slider-before-after .desc-wrapper div {font-size: 15px;} #when-need img.bg-left, #when-need img.bg-right {width: 40%;} .cosmetologists-wrapper a.single-cosmetologist {width: 100%; height: 500px;} .blog-wrapper a.single-blog {width: 100%;} .map-foto-wrapper .adres-fotos {flex-wrap: wrap; margin-top: 40px;} .map-foto-wrapper .adres-fotos .single-foto {width: 100%; margin-bottom: 20px;} p.after-top-block {width: 90%;} #fotogallery .gallery-wrapper .single-foto-gallery {width: 100%;} .more-questions p.title {width: 90%;} .popup-box form#online-block {padding-top: 0;} #online-popup .popup-box p {margin: 0px auto;} #fotogallery .gallery-wrapper .single-foto-gallery img { height: 350px; } } /* mobile screen - touch pad */ @media screen and (max-width:540px){ .main-switch-burger {display: none;} /*.menu-whith_out-burger {margin-left: calc(50% - 60px);}*/ .footer-wrapper {flex-direction: column; width: 90%; margin: 0 auto;} .logo-footer {width: 50%; text-align: center; margin: 0 auto 40px;} .footer-wrapper .footer-menu-wrapper {margin-left: 0;} #footer .single-column {width: 100%; margin-bottom: 0;} #footer .single-column .title {color:#ffffff; font-size: 16px; cursor: pointer; border-top: 1px solid #94ADC1; padding: 20px 0; margin-bottom: 0;} #footer .single-column .title .v {display: block; transition: transform .3s ease-in-out; top:25px;} #footer .single-column .title .v.rotate {transform: rotate(180deg);} #footer .single-column ul.footer-list {max-height: 0; overflow: hidden; transition: max-height .3s ease-in-out; margin-bottom: 0;} #footer .single-column ul.footer-list.full-height {max-height: 1000px;} #footer .single-column ul.footer-list li:last-child {margin-bottom: 28px;} #footer .single-column a {color:#A9AEAF;} #footer .main-swither-wrapper {max-height: 0; overflow: hidden; transition: max-height .3s ease-in-out; margin-bottom: 0;} #footer .main-swither-wrapper.full-height {max-height: 400px;} #footer .single-column .main-swither-wrapper a:last-child {margin-bottom: 28px;} #footer .single-column:last-child ul.footer-list {border-bottom: 1px solid #94ADC1;} #footer .footer-instagram-block {margin-top: 44px; width: 100%;} #footer .footer-instagram-block .instagram-foto-wrapper a {width: 49%;} #how-is-it-going .single-slide.current {padding: 0;} #how-is-it-going .single-slide img {width: 100%; object-fit: cover; margin-bottom: 40px;} h3 {font-size: 30px;} #slider-before-after .desc-wrapper div {font-size: 14px; width: auto;} #slider-before-after .desc-wrapper {top:7px; left:10px; right: 10px;} .sub-title {margin-bottom: 0;} #mini-fotogallery {margin-top: 40px;} .main-img-wrapper {height: 200px; margin-bottom: 40px;} .main-img-wrapper img {width: 100%; height: 100%; object-fit: cover;} .popup {padding-bottom: 20px;} .popup-box p.title {font-size: 22px; line-height: 1.1; margin-bottom: 10px;} .popup-box p {width: 90%; margin: 0 auto;} .popup-box input {width: 90%;} .popup-box p.error {margin: 0 auto 10px; line-height: 1;font-size: 15px;} .back-to-site {padding: 15px;} .popup-box p.agree-politic {width: 90%;} } @media screen and (max-width:480px){ #main-screen .left-block, #main-screen .right-block {height: 320px; } /*#btn-online-wrapper.on-main {top:47%;}*/ .navigation-block-bottom a.nxt-page {display: none;} #top-block .top-block-txt .desc {font-size: 14px; } .more-questions #have-question {margin-bottom: 100px;} #our-reviews .rewievs-total .arrow-wrapper .slick-prev {margin-right: 80px;} #our-reviews .rewievs-total .arrow-wrapper .slick-next {margin-left: 80px;} #top-block.prowax {background-image: url(../img/top-2-1.jpg);} #top-block.face { background-image: url(../img/top-1-2.jpg); } #desc-prowax .txt-block {padding: 20px;} h2 {font-size: 36px;} h1 {font-size: 36px;} #about-company,.padding-50 {padding: 20px;} #before-after {padding-bottom: 0;} .main-content .main-block .factors .single-factor {width: 100%;} .container.error-wrapper {height: 400px;} .container.error-wrapper .error-block {width: 80%;} } @media screen and (max-width:415px){ #pluses {padding: 50px 0;} #pluses .pluses-wrapper .single-pluse {width: 100%; margin-bottom: 10px;} #pluses .pluses-wrapper .single-pluse img {width: 25%;} #when-need {padding-bottom: 50px;} #how-much .lady-men-wrapper > .single-select:first-child {margin-right: 25px;} } @media screen and (max-width:360px){ #btn-online-wrapper {width: 80px; height: 80px;} #booking-online .inner-disc {font-size: 11px;} } @media screen and (max-width:320px){ #footer .footer-instagram-block .instagram-foto-wrapper a {width: 100%; margin-bottom: 20px;} .contact-line .single-contact {margin-bottom: 30px;} .menu-whith_out-burger .logo {width: 80px;} .menu-whith_out-burger .logo img {width: 100%;} .menu-whith_out-burger {padding-top: 30px;} .cost-select-wrapper .single-select .select-title {padding: 25px 0 25px 25px;} #our-reviews .rewievs-total .arrow-wrapper .slick-prev {margin-right: 40px;} #our-reviews .rewievs-total .arrow-wrapper .slick-next {margin-left: 40px;} } @media screen and (max-width:240px){ }