/************************************************ [Responsive Stylesheet] *************************************************/ @media (max-width: 1399px) { .home1-slider .col-12.text-left { padding-left: 100px; } .welcome-carousel-wrapper #carousel-text { left: 30px; } }/*--end media query 1200-1399px--*/ /* ================Large Display==============*/ @media (max-width: 1199px) { .welcome-section .single-feature { width: 46.6%; } .welcome-carousel-wrapper #carousel-text { left: 0px; top: 0; padding: 13px 12px!important; background: rgba(111, 0, 129, 0.6); } .welcome-carousel-wrapper #carousel-text p { font-weight: 300; } .welcome-carousel-wrapper #carousel-text .read-more { margin-top: 6px; line-height: 24px; } /*---------*/ #fbuilder { padding: 20px; } #fbuilder .ui-datepicker-inline { max-width: 287px!important; } #fbuilder .ui-widget.ui-widget-content { min-width: 287px; } #fbuilder .fields .slotsCalendar { width: calc(100% - 287px); } #fbuilder .slotsCalendar .slots div a { padding: 4px 4px; font-size: 13px; } /*--------*/ .service-section .img-over-content { padding: 25px 15px 20px; } .service-section .single-service .divider { display: none; } /*---------*/ .single-blog .brand li.gallery a { width: 44px; font-size: 20px; } .single-blog .brand li { font-size: 15px; padding: 0 7px; } /*-----------------------home page-2-----------------*/ .welcome-section.v2 .single-feature { width: 29%; } .video-content { height: 500px; } /*---------------product gallery with sidebar style--------------*/ .with-sidebar .filtering-area .search-product input.form-control { width: 223px; } .with-sidebar .single-product { width: 29.1%; } .with-sidebar .filtering-area .search-product { width: 64%; } .product-gallery .product-hover ul { padding: 5px 20px; } .product-gallery aside .categorie .card-header button { letter-spacing: normal; } .product-gallery aside .categorie .card button span { margin-left: 3px; } /*---------------product gallery with sidebar style--------------*/ .product-gallery.with-sidebar .list-view .single-product .product-img { width: 40%; } .product-gallery .list-view .single-product p.short-discription { margin-bottom: 25px; } .product-gallery .list-view .product-price { padding: 15px 20px; justify-content: center; width: 60%; } .product-gallery .list-view .product-price a.readmore { bottom: 17px; } /*---------404 page---------*/ .error-section .body-img { width: 30%; } }/*--end media query 992-1199px--*/ /* ====================Tab Screen==============*/ @media (max-width: 991px) { .home1-slider .Modern-Slider .item .img-fill { height: 550px; } .home1-slider .Modern-Slider .item h4 { font-size: 26px; } .home1-slider .Modern-Slider .item h3 { font-size: 50px; line-height: 56px; } .home1-slider .Modern-Slider .item h5 { width: 70%; } .home1-slider .Modern-Slider .PrevArrow, .home1-slider .Modern-Slider .NextArrow { border-width: 1px; font-size: 20px; height: 46px; margin-top: -22px; width: 46px; } /*---------*/ .welcome-section { padding-top: 73px; padding-bottom: 170px; } .welcome-section .welcome-carousel-wrapper { max-width: 430px; width: 100%; margin: 40px auto 0; } .welcome-carousel-wrapper #carousel-text { left: 100px; top: 90px; padding: 25px 25px!important; } /*---------*/ #fbuilder .slotsCalendar .slots { padding: 5px 4px; } .service-section { padding-top: 70px; padding-bottom: 50px; } /*-------*/ .product-carousel { padding-top: 25px; padding-bottom: 80px; } .product-carousel-wrapper .single-carousel .product-hover { padding: 15px; } .product-carousel-wrapper .owl-nav i { font-size: 20px; font-weight: 400; font-family: 'FontAwesome'; } .product-carousel-wrapper .owl-nav { box-shadow: none; position: relative; right: inherit; top: inherit; text-align: center; margin-top: 30px; display: block; } .product-carousel-wrapper .owl-prev, .product-carousel-wrapper .owl-next { padding: 8px 11px 7px; width: 40px; height: 40px; text-align: center; display: inline-block; box-shadow: 0 0 6px rgba(0, 0, 0, 0.09); } .product-carousel-wrapper .owl-prev:after{ display: none; } /*-----------*/ .price-list-tab .tab-menu li a { font-size: 15px; padding: 8px 18px; } .pricing-section a.booking-now, .cta-content a { width: 200px; } /*---------*/ .testimonial-section { padding: 70px 0; } .testimonial-section .single-testimonial { width: 100%; } /*---------*/ .blog-section { padding: 40px 0 30px; } .single-blog { max-width: 450px; width: 100%; margin: 0 auto; margin-bottom: 50px; } .single-blog .img-area img { width: 100%; } .mapHome1 { height: 400px; } /*--------*/ .footer-widget { padding: 70px 0 40px; } .footer-widget .single-widget h5 { margin-bottom: 20px; } .footer-widget .single-widget { margin-bottom: 40px; } /*-----------------------home page-2-----------------*/ .transparent .menuzord .showhide em { background: #fff; } .transparent .menuzord-responsive .menuzord-menu.scrollable { background: #fff; } .transparent .menuzord-menu > li a { color: #3b3b3b; } .sticked #search-button { top: 9px; } /*-------*/ .welcome-section.v2 { padding-top: 73px; padding-bottom: 73px; } .welcome-section.v2 .single-feature { width: 44.5%; } .welcome-section.v2 .single-feature:nth-child(3) { padding-top: 35px; } .welcome-section.v2 .single-feature:nth-child(3)::before, .welcome-section.v2 .single-feature:nth-child(3)::after { display: block; } .welcome-section.v2 .single-feature:nth-child(even):after { display: none; } /*----*/ .video-content { height: 400px; } /*----------------home page-3-----------------*/ .home3-hero .content-wrapper .single-content h1 { max-width: 690px; width: 100%; font-size: 50px; line-height: 70px; } /*---------------service section-----------*/ .banner-section { background-attachment: scroll; overflow: hidden; } .banner-content { height: 270px; } .banner-content p { width: 45%; } /*----*/ .quick-support-section { padding: 80px 0 50px; } .quick-support-section .single-support { width: 47.8%; margin-bottom: 30px; } .quick-support-section .single-support:nth-child(2) { margin-right: 0; } .quick-support-section .single-support.social-link { width: 100%; } /*------*/ .pricing-section .price-header { padding: 20px 15px; } .pricing-section .price-header h3 { font-size: 26px; } .pricing-section .price-divider { margin: 15px auto 20px; } .pricing-section .price-header p { font-size: 16px; } .pricing-section .price-body { padding: 10px 15px; } .pricing-section .price-footer { padding: 30px 15px; } .pricing-section .price-footer .get-start { height: 46px; width: 180px; line-height: 47px; font-size: 14px; } .pricing-section .price-content { padding: 20px 0; } .pricing-section .premium::before { left: -59px; top: 19px; } /*----------service page----------*/ .specialize-section .tooltipbar.bar2 .tooltip-content-wrapper { left: calc(50% + 80px); } .specialize-section .tooltipbar.bar3 .tooltip-content-wrapper { left: calc(50% - 80px); } .specialize-section .tooltipbar.bar2 .tooltip-content:before { left: 59px; } .specialize-section .tooltipbar.bar3 .tooltip-content:before { right: 49px; left: initial; } /*----------service details page----------*/ .treatment-info-section { padding-top: 70px; padding-bottom: 60px; } .treatment-info-section .info-content { margin-bottom: 40px; } .treatment-details-section { padding-bottom: 70px; } .treatment-details-section .wp-block-media-text { display: block; } .treatment-details-section .wp-block-media-text .wp-block-media-text__content { padding: 0; margin-top: 20px; } .related-service-section { padding-bottom: 70px; } .related-service-section .single-service { margin-bottom: 30px; } /*--------------about page style--------------*/ .facts-section .single-fact { padding: 21px 17px; } .facts-section .single-fact h1 { font-size: 44px; line-height: 48px; } .feature-section .feature-wrapper { margin-top: 60px; } .feature-section .single-feature { margin: 0 auto 30px; max-width: 450px; width: 100%; } .experts-section .expert-hover { display: flex; flex-flow: column; align-items: center; justify-content: center; } /*-------------------shop page style-----------------*/ .beauty-product .section-title { margin-bottom: 40px; } .pagination { justify-content: center; } /*----------------blog page style------------*/ .blog-section.blog-page { padding: 70px 0; } .blog-page .single-blog { max-width: 100%; } aside.blog-sidebar { max-width: 530px; margin: 60px auto 0; } /*-----------blog details page----------*/ .comment-form-section form button { margin: 0 auto; max-width: 250px; display: block; } /*-----------contact page----------*/ .wpcf7-form label { margin-bottom: 20px; } /*----------404 page----------*/ .error-section .body-img { bottom: -41px; width: 38%; } /*----------cart page----------*/ .woocommerce-cart .entry-content > .woocommerce { padding: 55px 0 50px; } .woocommerce table.shop_table td .coupon label { display: none; } /*----------checkout page----------*/ .woocommerce-checkout .entry-content > .woocommerce { padding: 55px 0 80px; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { float: none; width: 100%; flex: 100%; max-width: 100%; } .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { float: none; width: 100%; flex: 100%; max-width: 100%; } .woocommerce-shipping-fields { margin-top: 30px; } h3#order_review_heading { margin-top: 20px; } /*----------thankyou page----------*/ .woocommerce ul.order_details { padding: 10px 20px; } .woocommerce-column--shipping-address { margin-top: 30px; } /*----------my account page----------*/ .woocommerce-account .entry-content .woocommerce { padding: 55px 0 80px; } .woocommerce-MyAccount-navigation ul li a { padding: 10px 14px; } }/*--end media query 768-991px--*/ @media (max-width: 767px) { .header-top .opening-time { text-align: center!important; } .header-top .contact-mail { text-align: center!important; } .beauty-header .menuzord-menu .megamenu .col3>ul { width: 100%; float: none; margin-bottom: 20px; padding-right: 15px; } .home1-slider .Modern-Slider .item .img-fill { height: 430px; } .home1-slider .col-12.text-left { padding-left: 0; text-align: center!important; } .home1-slider .Modern-Slider .item .info > div { align-items: center; } .home1-slider .Modern-Slider .item h4 { font-size: 23px; line-height: 30px; text-align: center; } .home1-slider .Modern-Slider .item h3 { font-size: 40px; line-height: 43px; text-align: center; } .home1-slider .Modern-Slider .item h5 { width: 100%; text-align: center!important; font-size: 16px; } .home1-slider .Modern-Slider .PrevArrow, .home1-slider .Modern-Slider .NextArrow { display: none!important; } .home1-slider .Modern-Slider .explore-btn { height: 46px; letter-spacing: 1px; line-height: 46px; width: 170px; } /*---------*/ .welcome-section { padding-top: 43px; } .welcome-section .single-feature { width: 100%; max-width: 390px; margin: 0 auto; padding-top: 0; float: none!important; } .welcome-section .single-feature:nth-child(2n), .welcome-section-v2 .single-feature { margin-left: auto; } .welcome-section .single-feature:before, .welcome-section .single-feature:nth-child(2n+1):after, .welcome-section-v2 .single-feature::after { display: none; } .welcome-section .certified .circle { top: 18px; } .welcome-section .appointment .circle { top: 24px; left: 13px; } .welcome-carousel-wrapper #carousel-text { left: 50px; top: 70px; } /*-----------*/ #fbuilder .fields .dfield.fapp { display: block; } #fbuilder .ui-datepicker-inline { max-width: 100%!important; } #fbuilder .fields .slotsCalendar { width: 100%; padding: 0; margin-top: 15px; } /*-----------*/ .service-section .single-service img { width: 100%; } .service-section .single-service .divider { display: block; } /*---------*/ .pricing-section .single-price-list { margin-bottom: 30px; margin-left: 0; width: 100%; } .testimonial-section .owl-nav { display: none; } /*------------*/ .cta-section .cta-content { display: block; text-align: center; } .cta-content a { width: 190px; margin: 30px auto 0; font-size: 16px; padding: 8px 18px } /*------------------------home page-2 style------------*/ .welcome-section.v2 .welcome-feature-wrapper { margin-left: 0px; } .welcome-section.v2 .single-feature { width: 100%; float: none!important; padding: 0!important; margin-left: auto; margin-right: auto; margin-bottom: 30px; } .welcome-section.v2 .single-feature::after, .welcome-section.v2 .single-feature::before { display: none!important; } .welcome-section.v2 .single-feature.appointment i { font-size: 45px; } .welcome-section.v2 .feature-content { padding-left: 35px; } .service-section.v2 .single-service { max-width: 300px; width: 100%; margin: 0 auto 40px; } /*-------------home page-3----------------*/ .home3-hero .content-wrapper .single-content h1 { font-size: 40px; line-height: 55px; } /*-------------service page----------------*/ .banner-content p { width: 60%; } .quick-support-section .single-support { width: 100%; float: none!important; text-align: center; margin-right: 0; } .specialize-section .tooltipbar.bar3 { bottom: 163px; } .specialize-section .tooltipbar.bar2 { bottom: 132px; left: 50px; } .specialize-section .tooltipbar.bar1 { left: 176px; top: 48px; } /*-----*/ .pricing-section .pricing-wrapper { display: block; } .pricing-section .single-price-plan { width: 100%; margin: 0 auto 30px; max-width: 450px; background: #fff; } .pricing-section .tbl-col-1 .single-price-plan, .pricing-section .tbl-col-2 .single-price-plan { width: 100%; } .pricing-section .single-price-plan:last-child { margin-bottom: 0; } .pricing-section .premium { box-shadow: none; } .pricing-section .premium::before { left: -50px; top: 25px; } /*-------------service details page-------------*/ .related-service-section .single-service > img { width: 100%; } /*--------------about page style------------*/ .facts-section { padding: 40px 0; } .facts-section .single-fact { padding: 21px 7px; text-align: center; } .facts-section .single-fact h1 { font-size: 30px; line-height: 30px; } .facts-section .single-fact > p { font-size: 14px; } /*-----------------shop page style---------------*/ .beauty-product { padding: 70px 0 80px; } /*-----------blog details page----------*/ .blog-details-wrapper .admin-description { width: calc(100% - 107px); } .blog-details-wrapper .admin-details { padding: 20px 20px; } .comment-section ul li ul { padding-left: 40px; } .comment-form-section form input { width: 100%; float: none; margin-right: 0; } /*---------------404 page--------------*/ .error-section .body-img { display: none; } .error-section .error-content { padding: 70px 0 } .error-section .error-txt h1 { font-size: 100px; line-height: 75px; } .error-section .error-txt h1::before { font-size: 15px; left: 12px; letter-spacing: 5px; line-height: 16px; padding: 6px 9.6px; top: 18px; width: 150px; } .error-section .error-txt h1::after { border-bottom-width: 23px; border-left-width: 16px; left: 2px; top: 23px; } .error-section .error-txt h5 { letter-spacing: 3.3px; margin-left: 0; margin-top: -6px; } .error-section .error-txt p { margin: 10px auto; width: 90%; } .error-section .error-txt .backto { font-weight: 500; padding: 9px 20px; } /*---------------cart page--------------*/ .woocommerce table.shop_table_responsive thead { display: table-header-group; } .woocommerce table.shop_table_responsive tr td { display: table-cell; text-align: left; } .woocommerce table.shop_table_responsive tr td::before { display: none; } .woocommerce table.shop_table th.product-thumbnail, .woocommerce table.shop_table td.product-thumbnail { width: 90px; } .woocommerce table.shop_table td.product-remove a.remove { width: 22px; height: 22px; font-size: 18px; padding: 1px 6px; } .woocommerce-order-details, .woocommerce-checkout-review-order, .woocommerce-cart-form { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .woocommerce table.shop_table td .quantity input.qty { width: 70px; } .woocommerce table.shop_table td.product-thumbnail img { width: 60px; } .woocommerce table.shop_table td .coupon { width: 100%; max-width: 100%; } .woocommerce table.shop_table td .coupon .input-text { max-width: 100%; width: calc(100% - 156px); } .woocommerce table.shop_table td .coupon { margin-bottom: 12px; } .woocommerce table.shop_table td .coupon .input-text { width: calc(100% - 148px); } .woocommerce .cart-collaterals .cart_totals { max-width: 100%; } .woocommerce .cart-collaterals .cross-sells { width: 100%; padding-right: 0; } /*---------------checkout page--------------*/ .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last { width: 100%; } .woocommerce form.checkout_coupon button.button { margin-left: 0; margin-top: 10px; } /*---------------MyAccount page--------------*/ .woocommerce-MyAccount-content { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper { display: block; } .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row, .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row { width: 100%!important; } .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row:nth-child(odd) { padding-right: 0; } .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper .form-row:nth-child(even) { padding-left: 0; } .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #shipping_address_2_field, .woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper #billing_address_2_field { padding-top: 0; } }/*--end media query 576-767px--*/ @media (max-width: 575px) { #search-modal .modal-content { border-radius: 0; width: 304px; padding: 15px 15px; height: 350px; } #search-modal .form-inline input { width: 235px; } #search-modal .close { right: -5px; top: -5px; } .beauty-header .custom-logo { max-width: 180px; } .header-top .contact-mail a, .header-top .opening-time span { font-size: 12px; line-height: 24px; } .beauty-header .megamenu-row { display: block; } .beauty-header .menuzord-menu .megamenu .col3>ul:last-child { margin-bottom: 20px; } .home1-slider .Modern-Slider .item h4 { font-size: 17px; line-height: 28px; } .home1-slider .Modern-Slider .item h3 { font-size: 28px; line-height: 1.2; } .home1-slider .Modern-Slider .item h5 { font-size: 15px; line-height: 21px; } .home1-slider .Modern-Slider .explore-btn { font-size: 12px; height: 40px; line-height: 30px; padding: 6px 17px; width: 150px; } /*-----------*/ .section-title h3 { font-size: 25px; line-height: 30px; } /*---------*/ .welcome-section { padding-bottom: 80px; } .welcome-carousel-wrapper #carousel-text { left: 0px; top: 0px; padding: 8px 8px!important; } .welcome-carousel-wrapper #carousel-text p { line-height: 22px; } /*---------*/ #fbuilder .slotsCalendar .slots div { width: calc(100% / 2 - 6px); } #fbuilder .ui-widget.ui-widget-content { min-width: 260px; } #fbuilder .ui-widget.ui-widget-content { min-width: auto; } /*---------*/ .service-section .single-service .divider { display: none; } .service-section .img-over-content a { margin-bottom: 7px; } .service-section .img-over-content i { font-size: 50px; } .gallery-columns-3 { grid-template-columns: repeat(2, 1fr); } .gallery { margin-bottom: 1em; grid-gap: 1em; } .price-list-tab .tab-menu{ display: block; } .price-list-tab .tab-menu li { display: block; width: 200px; margin: 0 auto; } .price-list-tab .tab-menu li a { display: block; } /*-------------home page-2 style-------------*/ .home1-slider.v2 .Modern-Slider .item .img-fill { min-height: 580px; } .home1-slider.v2 .img-fill .slider-img1 { background-position: -170px center; } .welcome-section.v2 .feature-content { padding-left: 26px; } .video-content { height: 300px; } .video-content h3 { font-size: 24px; line-height: 33px; } /*--------------home page-3 style-----------*/ .home3-hero .content-wrapper .single-content h1 { font-size: 25px; line-height: 38px; } .home3-hero .single-content p { font-size: 16px; line-height: 28px; letter-spacing: 1.2px; } .home3-hero.particle { background-position: 70% center; } /*-----------------service page------------------*/ .banner-content { text-align: center; } .banner-content p { width: 100%; max-width: 330px; margin: 0 auto; } .banner-content h4 { font-size: 26px; line-height: 38px; width: 100%; } .banner-section .breadcrumb { left: 50%; justify-content: center; min-width: 230px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .banner-section .woocommerce-breadcrumb, .banner-section .beauty-lab-breadcrumb { justify-content: center; width: 100%; } .specialize-section .expart-wrapper { max-width: 260px; width: 100%; } .specialize-section .tooltipbar.bar2 { bottom: 69px; left: 25px; } .specialize-section .tooltipbar.bar1 { left: 86px; top: 18px; } .specialize-section .tooltipbar.bar3 { bottom: 76px; right: 20px; } .pricing-section.v2 { overflow: hidden; } /*---------service details page---------*/ .treatment-info-section .single-support { margin-right: 0; width: 100%; float: none!important; margin-bottom: 25px; } .related-service-section { padding-bottom: 50px; } .specialize-section .tooltipbar .tooltip-content-wrapper { width: 230px; padding: 5px 10px; } .specialize-section .tooltipbar.bar2 .tooltip-content:before { left: 33px; } .specialize-section .tooltipbar.bar3 .tooltip-content:before { right: 23px; left: initial; } /*--------------about page style-------------*/ .facts-section .single-fact { width: 50%; } .experts-section { padding: 70px 0 80px; } .feature-section { padding: 70px 0; } /*---------------shop page style--------------*/ .beauty-product .search-sort { display: block; } .beauty-product .search-sort .product-sort { width: 100%; padding-right: 0; margin-bottom: 10px; } .beauty-product .search-sort .search { width: 100%; } /*--------------blog page style--------------*/ .blog-page.fullwidth .single-blog .brand { padding: 6px 0px 6px 5px; } .blog-page.fullwidth .single-blog .date h5 { font-size: 18px; line-height: 18px; } .blog-page.fullwidth .single-blog .date { padding: 4px 11px; } .blog-page.fullwidth .single-blog .brand li.gallery { font-size: 18px; line-height: 43px; } .blog-sidebar .single-latest-post { padding: 15px; } .blog-page .single-latest-post>a img { width: 90px; } .blog-sidebar .single-latest-post>ul { padding-left: 12px; } .blog-sidebar .instagram-gallery a { width: 30%; } /*-----------blog details page---------*/ .blog-details-wrapper .title { font-size: 22px; line-height: 30px; margin-top: 30px; } .blog-details-wrapper .tags li { margin-right: 18px; } .blog-details-wrapper .admin-description { width: 100%; padding-left: 0; margin-top: 12px; } .comment-section ul li img { display: block; } .comment-section ul li .comment div { padding-left: 0; width: 100%; margin-top: 15px; } .comment-section ul li ul { padding-left: 0; } .comment-form-section form button { padding: 10px 27px; } /*---------------checkout page--------------*/ .woocommerce form .form-row-first { float: none; width: 100%; } .woocommerce form .form-row-last { float: none; width: 100%; } /*---------------thankyou page--------------*/ .woocommerce ul.order_details li { margin-right: 10px; padding-right: 10px; } }/*--end media query 0-575px--*/