/* Min Width Media Queries */
@media (min-width: 1600px) {
 
}

@media only screen and (max-width: 2000px) {
    .how-does-profhilo-work .treatment-outer-wrap:last-child {min-height: 32vh;}

}

@media only screen and (max-width: 1700px) {
    /* .how-does-profhilo-work .treatment-outer-wrap {min-height: 90vh;} */
    .how-does-profhilo-work .treatment-outer-wrap:last-child {min-height: 45vh;}

}

@media only screen and (min-width: 1199px) {
    /* .dropdown:hover .dropdown-menu {display: flex;} */
    .dropdown-menu.show {display: flex;}
}

/* Max Width Media Queries */
@media only screen and (max-width: 1399px) {
    .container {max-width: 1320px;}
}

@media only screen and (max-width: 1350px) {
    .container {max-width: 100%;padding-left: 30px;padding-right: 30px;}
    .home-shop-list {margin-left: -40px;}
    .home-shop-list .img-wrap {width: 200px;}
    header .navbar li.nav-item {margin: 0 9px;}
    header .navbar li.nav-item.dropdown a.nav-link {padding-right: 16px;}
    .dropdown-toggle::before {width: 12px;height: 12px;top: 45%;}
    .how-does-profhilo-work .treatment-outer-wrap:last-child {margin-bottom: 0;}
}

@media only screen and (max-width: 1199px) {
    .navbar-toggler {float: right;border: none;padding-right: 0;}
    .navbar-toggler:focus {box-shadow: none;}
    .navbar-toggler-icon {width: 24px;height: 17px;background-image: none !important;position: relative;border-bottom: 1px solid #000;transition: all 300ms linear;margin-top: 0;}
    .navbar-toggler-icon:after, .navbar-toggler-icon:before{width: 24px;position: absolute;height: 1px;background-color: #000;top: 0;left: 0;content: '';z-index: 2;transition: all 300ms linear;}
    .navbar-toggler-icon:after{top: 8px;}
    .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {transform: rotate(45deg);}
    .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {transform: translateY(8px) rotate(-45deg);}
    .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {border-color: transparent;}
    .navbar-collapse.show {-webkit-transform: translateX(0%);transform: translateX(0%);}
    header .navbar {padding-top: 20px;padding-bottom: 20px;}
    .home-hero-section {min-height: 450px;}
    h1 {font-size: 48px;}
    h2 {font-size: 40px;line-height: 50px;}
    .section-heading p {font-size: 18px;line-height: 28px;}
    .btn span {font-size: 16px;margin-right: 10px;}
    .btn {padding: 10px 18px;}
    .section {padding: 70px 0;}
    .home-shop-list {margin: 50px 0 0 0;width: 100%;}
    .home-shop-list .product-box {width: 25%;}
    p {font-size: 15px;line-height: 23px;}
    header .navbar li.nav-item .nav-link {padding: 8px 0;}
    header .navbar li.nav-item .nav-link:after {bottom: 4px;}
    .navbar-nav {justify-content: start;align-items: start !important;padding: 22px 0;/*box-shadow: 0 2px 5px rgba(0,0,0,0.1);*/border-radius: 8px;padding: 20px 0;}
    /* header {position: absolute;top: 0;width: 100%;z-index: 1;} */
    header .navbar li.nav-item {margin: 5px 9px;width: 100%;}
    main {/*padding-top: 135px;*/margin-top: 135px;}
    header .navbar.is-sticky {padding-top: 20px;padding-bottom: 20px;}
    .dropdown-toggle::before {right: 10px;}
    .dropdown-item {font-size: 14px;}
    .footer-links-wrap {padding-left: 0;padding-top: 50px;}
    .news-box .img-box {height: 230px;}
    .news-box .news-info {height: calc(100% - 230px);}
    .treatmentSwiper, .testimonialSwiper {padding: 0 30px 70px;}
    .navbar-collapse {position: absolute;left: 10px;top: -34px;right: 10px;width: calc(100% - 20px);height: auto !important;transform: translate(0, 0) !important;overflow: inherit !important;transition: none !important;}
    ul.navbar-nav {background: #fff;box-shadow: 0 50px 100px rgba(50, 50, 93, 0.1), 0 15px 35px rgba(50, 50, 93, 0.15), 0 5px 15px rgba(0, 0, 0, 0.1);overflow: hidden;position: relative;white-space: nowrap;flex-grow: 1;border-radius: 14px;overflow-y: auto;height: calc(100vh - 20px);min-height: calc(100vh - 20px);padding: 100px 20px 30px !important;}
    body.menu-open {overflow: hidden;}
    .dropdown-menu {animation: none !important;}
    button.navbar-toggler {position: relative;top: 0;}
    body.menu-open button.navbar-toggler {top: -25px;right: 10px;}
    body a.navbar-brand {position: relative;z-index: 1;transition: 0.3s all;}
    body.menu-open a.navbar-brand {top: -25px;left: 10px;}
    .navbar-nav .dropdown-menu {box-shadow: none;border: 1px solid #f7f7f7;border-radius: 8px;}
    ul.navbar-nav:before {content: "";position: fixed;width: 100%;height: 100px;background: #fff;left: 0;top: -4px;z-index: 1;border-radius: 14px 14px 0 0;}
    .dropdown:hover .dropdown-menu {display: none;}
    .dropdown-menu.show {display: flex !important;}
    .navbar-nav .dropdown-menu ul {margin: 0 5px;}
    .navbar-nav .dropdown-menu {padding: 5px 0;}
    .team-list {padding: 50px 0;}
    .team-list:first-child {padding-top: 70px;}
    blockquote {padding: 30px 50px;}
    blockquote p {font-size: 16px;}
    .how-does-profhilo-work {padding: 70px 0;}
    .team-list:last-child {padding-bottom: 40px;}
    .how-does-profhilo-work .treatment-outer-wrap:first-child .treatment-info-wrap {margin-top: 15px;}
    .treatment-info-wrap p, .how-does-profhilo-work ul li {font-size: 16px;line-height: 26px;}
    .how-does-profhilo-work .treatment-info-wrap {margin-top: 70px;}
    header .navbar.is-sticky li.nav-item .nav-link {padding: 8px 0;}
    header .navbar.is-sticky li.nav-item .nav-link::after {bottom: 4px;}
    header .navbar.is-sticky .navbar-collapse {top: 15px;}
    body.menu-open header .navbar.is-sticky  a.navbar-brand, body.menu-open header .navbar.is-sticky button.navbar-toggler {top: 22px;}
    header .navbar li.nav-item.dropdown .dropdown-toggle-icon {display: block;position: absolute;right: 0;top: -5px;background: #fff;border-color: #fff;}
    /* .how-does-profhilo-work .treatment-outer-wrap:last-child {
        min-height: 20vh;
    } */
    .how-does-profhilo-work .treatment-outer-wrap {min-height: 60vh;}
    .how-does-profhilo-work .treatment-outer-wrap:last-child {min-height: 23vh;}
    .treatment-info-wrap .left-line-quote {padding-left: 100px;}
    .treatment-info-wrap .left-line-quote:before {left: 70px;}
    .treatment-info-wrap .left-line-quote h3 {font-size: 22px;margin-bottom: 20px;}
    .treatment-info-wrap .left-line-quote p:last-child {margin-bottom: 0;}
    .video-img .icon-youtube img {width: 65px;}
    .treatment-right-box {padding: 30px;margin-bottom: 35px;}
    .treatment-right-box h4 {font-size: 22px;line-height: 28px;}
    .lashdoctor-purchase-logo {max-width: 500px;}
    .derma-a-to-z-section .all-top-list {margin-bottom: 20px;}
    .all-top-list li span {font-size: 18px;}
    .all-box-wrap h3.all-box-heading {font-size: 20px;}
    .derma-a-to-z-section {padding: 70px 0 20px;}
    .tretment-wrap-h2-box p {font-size: 18px;line-height: 28px;}
    .annual-box {padding: 40px 20px;}
    .annual-box .btn {min-width: auto;}
    .price-box-wrapper .table-mrow .item-name {width: 360px;}
    .price-box-wrapper .table-mrow .item-price {width: 180px;}
    .price-box-wrapper .table-mrow .item-info {width: calc(100% - 540px);}
    .price-box-wrapper {padding: 30px 20px;}
    .price-box-wrapper .table-mdiv {margin: 30px 0;}
    .contact-form-wrapper {padding: 45px;}
    .blog-list-wrap:nth-child(4n+1) .blog-box-wrap .img-wrap {
        width: 50%;
    }
    .blog-list-wrap:nth-child(4n+1) .blog-box-wrap .blog-content {
        width: 48%;
    }
    .blog-list-wrap:nth-child(4n+1) .blog-box-wrap .img-wrap img {
        height: 360px;
    }
    .blog-list-wrap .blog-box-wrap .img-wrap img {
        height: 250px;
    }
    ul.blog-category li a.btn, .blog-box-wrap .blog-content ul.cat-list li {
        font-size: 14px;
        line-height: 20px;
    }
    .blog-box-wrap .blog-content h3 {
        font-size: 22px;
        line-height: 28px;
    }
    ul.blog-category {
        gap: 8px;
    }
    .blog-list-wrap:nth-child(4n+1) .blog-box-wrap {
        margin: 60px 0;
    }
    .blog-listing-wrapper.blog-detail .blog-box-wrap {
        margin-top: 45px;
    }
    .blog-listing-wrapper.blog-detail .blog-box-wrap .blog-content h2 {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 30px;
    }
    .blog-listing-wrapper.blog-detail .blog-detail-inner-content {
        max-width: 100%;
    }
    .blog-listing-wrapper.blog-detail .blog-detail-inner-content:before {
        left: -18px;
    }
    .blog-listing-wrapper.blog-detail .blog-box-wrap .img-wrap img {
        margin-bottom: 30px;
    }

}

@media only screen and (max-width: 991px) {
    .home-shop-list .product-box {width: calc(50% - 60px);margin-top: 50px;margin: 40px 30px 0 !important;}
    .home-shop-list {flex-wrap: wrap;margin-left: 0;margin-right: 0;margin-top: 10px;}
    .home-shop-list .img-wrap {width: 100%;height: 410px;}
    .home-shop-list .product-box:nth-child(2n) {margin-right: 0 !important;}
    ul.top-contact-list {margin: 0;}
    .footer-links-wrap {flex-wrap: wrap;padding-top: 0;}
    .footer-links-wrap .footer-links {width: 33.33%;margin-top: 40px;}
    .footer-links-wrap .footer-links:nth-child(3) {margin-left: 0;}
    .footer-links-wrap .footer-links:nth-child(2) {margin-left: 0;}
    h1 {font-size: 44px;}
    .hero-content h1 {max-width: 460px;}
    h2, .blog-listing-wrapper.blog-detail .blog-box-wrap .blog-content h2 {font-size: 34px;line-height: 42px;}
    .section-heading p {font-size: 16px;line-height: 26px;}
    .testimonial-box {padding: 25px 20px;}
    .testimonial-box p {font-size: 16px;}
    .testimonial-box h5 {font-size: 22px;}
    .news-box {margin-top: 30px;height: calc(100% - 30px);}
    .news-section .section-heading p {margin-bottom: 5px;}
    .top-main-footer {padding-bottom: 45px;}
    .after-before .section-heading {padding-left: 10px;}
    .drag-navigation {padding-left: 5px;width: 100px;}
    .home-hero-section {min-height: 400px;}
    .team-list .team-img {max-width: 350px;margin: 0 auto 40px;}
    .team-list .team-info {text-align: center;max-width: 600px;margin: 0 auto;}
    .team-list {padding: 40px 0;}
    .inner-hero-section p {font-size: 18px;line-height: 28px;}
    .treatment-box-info .price-tag {order: 1;margin-bottom: 20px;min-width: auto;margin-left: 0;}
    .treatment-box-info .treatment-heading {flex-wrap: wrap;padding-right: 0;}
    .treatment-box-info .treatment-heading h3 {order: 2;width: 100%;}
    .treatment-list-box .img-box {height: 200px;}
    .treatment-box-info {height: calc(100% - 200px);}
    .how-does-profhilo-work .treatment-info-wrap {padding-left: 5px;}
    .how-does-profhilo-work .treatment-outer-wrap, .how-does-profhilo-work .treatment-outer-wrap:last-child {min-height: auto;}
    .image-with-shadow {max-width: 310px;}
    .treatment-info-para p br {display: none;}
    ul.tag-list li {padding: 10px 15px;margin: 4px;font-size: 14px;}
    .treatment-info-wrap .left-line-quote {padding-left: 25px;}
    .treatment-info-wrap .left-line-quote:before {left: 0;}
    .treatment-sticky-sidebar p, .image-with-shadow ~ p {font-size: 16px;}
    .purchase-items-list {margin-top: 30px;}
    .app-procedure-content .treatment-info-wrap h3 span {width: 30px;height: 30px;font-size: 16px;top: 0;}
    .app-procedure-content .treatment-info-wrap h3, .app-procedure-content .treatment-info-wrap ul.check-list {padding-left: 40px;}
    .derma-a-to-z-section .all-top-list {margin-bottom: 0;}
    .all-box-wrap {margin-top: 50px;}
    .annual-box {margin-bottom: 20px;margin-top: 0;}
    .box-with-content {margin-top: -40px;margin-bottom: -20px;}
    .box-with-content .tretment-wrap-h2-box {margin-bottom: 30px;}
    .price-box-wrapper .table-mrow {padding: 10px;}
    .price-box-wrapper .table-mrow .item-name {width: 300px;}
    .price-box-wrapper .table-mrow .item-price {width: 100px;}
    .price-box-wrapper .table-mrow .item-info {width: calc(100% - 400px);}
    .price-box-wrapper {margin-top: 50px;}
    .location-wrap-box .map-location-info {
        padding: 20px;
    }
    .map-location-info p, .map-location-info a, .map-location-info h6 {
        font-size: 16px;
        line-height: 26px;
    }
    .map-location-info h4 {
        font-size: 21px;
        margin-bottom: 10px;
    }
    .map-location-info ul.timimng-list {
        flex-wrap: wrap;
        gap: 18px;
    }
    .map-location-info h6 {
        margin-top: 18px;
        margin-bottom: 8px;
    }
    .contact-form-wrapper {padding: 30px;}
    .blog-list-wrap:nth-child(4n+1) .blog-box-wrap {
        flex-wrap: wrap;
    }
    .blog-list-wrap:nth-child(4n+1) .blog-box-wrap .blog-content, .blog-list-wrap:nth-child(4n+1) .blog-box-wrap .img-wrap {
        width: 100%;
    }
    .blog-list-wrap:nth-child(4n+1) .blog-box-wrap .img-wrap img {
        height: 250px;
    }
    .blog-list-wrap:nth-child(8n+5) .blog-box-wrap .img-wrap {order: 1;}
    .blog-list-wrap:nth-child(4n+1) .blog-box-wrap {
        margin: 30px 0 0;
    }
    .blog-box-wrap {
        padding-bottom: 0;
    }
    .blog-box-wrap .blog-content a.btn {
        position: relative;
    }
    nav.pagination-nav {
        margin-top: 50px;
    }
    nav.pagination-nav .page-link {
        width: 35px;
        height: 35px;
        font-size: 14px;
    }
    nav.pagination-nav .page-item:last-child .page-link {
        margin-left: 0px;
    }
    nav.pagination-nav .page-item:first-child .page-link {
        margin-right: 0;
    }
    nav.pagination-nav ul.pagination {
        gap: 10px;
    }
    nav.pagination-nav .page-item:last-child .page-link img, nav.pagination-nav .page-item:first-child .page-link img {
        width: 17px;
    }
    .blog-listing-section {
        padding: 70px 0 70px;
    }
    .blog-listing-wrapper {
        margin-top: 30px;
    }

}

@media only screen and (max-width: 767px) {
    ul.top-contact-list li p {font-size: 12px;line-height: 15px;}
    ul.top-contact-list li span {font-size: 14px;}
    ul.top-contact-list li p a {display: block;}
    .navbar-brand {width: 210px;}
    .home-hero-section {padding: 60px 0;}
    h1 {font-size: 38px;}
    h2, .blog-listing-wrapper.blog-detail .blog-box-wrap .blog-content h2 {font-size: 28px;line-height: 36px;}
    .home-shop-list .img-wrap {height: 300px;}
    .home-shop-list .product-box h6, .home-shop-list .product-box p b {font-size: 20px;line-height: 30px;}
    .dermaskin-clinic .center-icon-img {width: 60px;}
    .footer-links-wrap .footer-links:nth-child(2) {width: 60%;}
    .after-before .section-heading {padding-left: 0;margin-top: 30px;margin-left: auto;margin-right: auto;}
    .drag-navigation {padding-left: 0;width: 70px;margin-top: 30px;margin-left: auto;margin-right: auto;}
    .drag-navigation .swiper-button-next, .drag-navigation .swiper-button-prev {left: auto;right: auto;}
    .navbar-nav .dropdown-menu ul {width: 100%;margin: 0;}
    .dropdown .dropdown-menu {flex-wrap: wrap;}
    .navbar-nav .dropdown-menu {box-shadow: none;}
    .home-shop-section h2, .after-before .section-heading, .hero-content h1 {text-align: center;}
    ul.navbar-nav {padding: 100px 22px 30px 12px !important;top: -3px;height: calc(100vh - 22px);min-height: calc(100vh - 22px);}
    .after-before .section-heading h2 {margin-left: auto;margin-right: auto;}
    .treatment-info-wrap h3 {margin-bottom: 20px;}
    .how-does-profhilo-work .treatment-info-wrap {margin-top: 50px;}
    ul.check-list li::before {width: 20px;height: 20px;} 
    .how-does-profhilo-work .treatment-outer-wrap:first-child .treatment-info-wrap {margin-top: 35px;}
    .treatment-information-section, .contact-info-section {padding: 55px 0;}
    .treatment-info-box {margin-bottom: 50px;}
    .treatment-info-wrap.treatment-tag-list {margin-top: 50px;}
    .image-with-shadow {max-width: calc(100% - 25px);}
    .do-sweat-lot p {font-size: 16px;line-height: 25px;}
    .do-sweat-lot h3 br {display: none;}
    .table-row p:last-child {min-width: 100px;padding-left: 25px;}
    .do-sweat-lot h3 {font-size: 20px;}
    .how-does-profhilo-work .treatment-outer-wrap {display: block;}
    .application-procedure-section {padding-top: 60px;}
    .application-procedure-section h2 {margin-bottom: 40px;}
    .app-procedure-list {margin-top: 40px;}
    .app-procedure-content .treatment-info-wrap {margin-top: 35px;}
    .app-procedure-content .treatment-info-wrap ul.check-list {padding-left: 0;}
    .treatment-info-wrap.tretment-wrap-h2-box .img-wrap {margin-top: 40px;}
    .price-box-wrapper .table-mrow {flex-wrap: wrap;gap: 3px;}
    .price-box-wrapper .table-mrow .item-price, .price-box-wrapper .table-mrow .item-name, .price-box-wrapper .table-mrow .item-info {width: 100%;}
    .price-box-note {flex-wrap: wrap;text-align: center;}
    .price-box-note p:first-child {margin: 0 auto 10px;}


}

@media only screen and (max-width: 639px) {
    ul.top-contact-list li:last-child {display: none;}
    .section, .how-does-profhilo-work {padding: 60px 0;}
    .home-shop-list .product-box {margin: 30px 15px 0 !important;width: calc(50% - 30px);}
    .home-shop-list .img-wrap {height: 220px;border-radius: 0 90px 0 0;}
    .home-shop-list .product-box h6, .home-shop-list .product-box p b {font-size: 18px;line-height: 28px;}
    .footer-links-wrap .footer-links {margin: 40px 0 0;width: 50%;}
    .footer-links-wrap .footer-links:nth-child(2) {width: 100%;}
    .bottom-footer ul {flex-wrap: wrap;}
    .bottom-footer ul li:first-child {width: 100%;padding-right: 0;}
    .bottom-footer ul li:first-child:after {display: none;}
    .bottom-footer ul li:nth-child(2) {padding-left: 0;}
    .bottom-footer ul li {padding: 0 8px;}
    .bottom-footer ul li:after {height: 12px;top: 8px;}
    .container {padding-left: 20px;padding-right: 20px;}
    .news-box .news-info {text-align: center;}
    .news-box .news-info .btn {left: 0;right: 0;}
    blockquote {padding: 30px 30px;}
    .inner-hero-section {padding: 50px 0;}
    .treatments-list-section {padding: 60px 0 20px;}
    .derma-a-to-z-section {padding: 60px 0 20px;}
    .pricelist-top-content-box p:nth-child(2) {margin: 30px 0 45px;}
    
    .contact-form-wrapper {padding: 20px;}
    .blog-listing-wrapper.blog-detail .blog-detail-inner-content:before {
        left: -12px;
    }
}

@media only screen and (max-width: 575px) {
    .contact-info a {font-size: 14px;}
    .news-box .news-info h5 {font-size: 22px;line-height: 28px;}
    .testimonial-box .stars-wrap img {width: 22px;}
    h1 {font-size: 36px;line-height: 42px;}
    h2, .blog-listing-wrapper.blog-detail .blog-box-wrap .blog-content h2 {line-height: 33px;}
    h3 {font-size: 22px;line-height: 29px;}
    .inner-hero-section p {font-size: 17px;line-height: 27px;}
    .price-box-wrapper {padding: 25px 12px;}
    .price-box-wrapper .table-mdiv {margin: 20px 0;}
    nav.pagination-nav .page-item:nth-child(4) .page-link, nav.pagination-nav .page-item:nth-child(6) .page-link {
        display: none;
    }
    nav.pagination-nav .page-item:nth-child(5) {
        margin-left: -10px;
        margin-right: -10px;
    }
    
}

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

@media only screen and (max-width: 360px) {
    .bottom-footer ul li:last-child {padding-left: 0;}
    .footer-links ul li a {font-size: 13px;}
    .home-shop-list .img-wrap {height: 180px;}
}   

@media only screen and (max-width: 340px) {
    .bottom-footer ul li p, .bottom-footer ul li a {font-size: 11px;}
    nav.pagination-nav ul.pagination {
        gap: 8px;
    }
}

/* Max Height Media Queries */
@media screen and ( max-height: 1080px) {
    
}
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 823px) 
  and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { 
   
}