/* ================================================================================ */
/* Media Querys  */
/* ================================================================================ */

@media screen and (min-width: 1921px)  {
    .container {max-width: 1600px;}
    .hero_sec .hero_sec_content {max-width: 78%;}
    .hero_sec {padding: 300px 0px 300px 0px;}
    .hero_sec .hero_sec_img{height: 860px;}

}

/* ================ 1600 ================ */
@media only screen and (max-width:1700px) {
    * {font-size: 13px;}
    /*html[lang="ar"] * {font-size: 16px;}*/
    h1 *{font-size: 40px;}
    h2 *{font-size: 35px;}
    h3 *{font-size: 30px;}
    h4 *{font-size: 25px;}
    h5 *{font-size: 22px;}
    h6 *{font-size: 18px;}
    p *, .color_para * {font-size: 13px;}
    h1 > span *{font-size: 40px;}
    h2 > span *{ font-size: 35px;}
    .prefix_wrapper .prefiex_span{top:35px;}
    .custom_container {max-width: 1024px;}
    .btn_purple , .btn_white {  padding: 10px 20px;}
    .main_header .navbar .container-fluid .navbar-brand , .main_footer .footer_logo {width: 200px;height:60px;}
    .hero_sec {min-height: 650px; padding: 150px 0px 150px 0px;}
    .hero_sec .hero_sec_img {height: 600px;}
    .hero_sec::before {  width: 18%;   height: 200px;}
    .hero_sec .hero_sec_img:after {  height: 250px;}
    .hero_sec .hero_sec_content h1 {   max-width: 79%;}
    .form_sec .form-group .form-control {  height: 50px;}
    .form_sec .form-group {  margin-bottom: 20px;}
    .main_footer a, .main_footer p{font-size:13px;}
    .our_services_sec .services_card:hover h6 {    font-size: 18px;}
    .our_services_sec .services_card h6 {  font-size: 14px;}
    .blog_card .blog_card_img .blog_date p{font-size:13px;}
    .round_img_box {height: 550px;}
    .btn-block {height: 50px;}
    .form_sec .google_btn img {width: 20px;height: 20px;}
    .round_img_box{height: 550px;}
    .form_box_sec .form_box_img{height: 650px;}
    .inner_banner_sec .inner_banner_content {min-height: 350px;}
    .btn-block {height: 50px;}
    .form_sec .google_btn img {width: 20px;}
    .salon_card .salon_card_img {height: 200px;}
    .salon_card .salon_card_details {padding: 15px;}

    .liink-form #signUpForm label:not([for]) * { font-size: 14px; }
}

/* ================ 1440 ================ */
@media only screen and (max-width:1440px) {

}

/* ================ 1366 ================ */
@media only screen and (max-width:1366px) {
    .form_box_sec .form_box_content .form_box_content_box { max-width: 90%; }
    .form_box_sec .sec_heading p { max-width: 80%; }
    .form_box_sec .form_box_img {width: 70%;}
    .main_modal .modal-dialog {max-width: 90%;}
}
@media screen and (max-width: 1306px)  {
    .vat_certification_input_label_extra{height:40px}
}
/* ================ 1280 ================ */
@media only screen and (max-width:1280px) {
    .main_header .navbar .container-fluid {max-width: calc(100% - 20px);}
    .hero_sec .hero_sec_img{width: 40%;}
    .hero_sec .hero_sec_img img{height: 90%; padding: 0px;}
}

/* ================ 1199 ================ */
@media only screen and (max-width:1199px) {

}

/* ================ 1024 ================ */
@media only screen and (max-width:1024px) {
    .single_blog_sec .blog_card_img{height:500px;}
    .form_box_sec .form_box_img {margin: 30px auto 30px;width: 80%;}
    .test_swiper .tabs_slider_img {  height: 650px;  }
    .hero_sec .hero_sec_img img {object-position: center;}
    .salon_detail_main.custom_class_salon_setails {padding:40px 10px;}
    .category_swiper .swiper-button-prev {left: 0px;top: 50%}
    .category_swiper .swiper-button-next {right: 0px;top: 50%}
    .inner_banner_content h3{max-width:70%}
    .single_blog_sec {padding: 0px 0px;}
    .inner_banner_sec .inner_banner_content {max-width: 80%;}
    html[lang="ar"] .aboutus_content_sec.aboutus_content_sec_pg .aboutus_content_box p {font-size: 16px;}
    .main_header .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item .nav-link {margin: 0px 0px;}

}

@media only screen and (max-width:991px) {
    h1 {font-size: 30px;}
    h2 {font-size: 28px;}
    h3 {font-size: 25px;}
    h4 {font-size: 22px;}
    h5 {font-size: 18px;}
    h6 {font-size: 15px;}
    h1 > span {font-size: 30px;}
    h2 > span { font-size: 28px;}
    .vat_certification_input_label_extra{height:unset}
    html[lang="ar"] .hero_sec .hero_sec_img {right: 0;}
    .language_select_box.language_select_box_website .custom-select-display{padding: 10px 20px 10px 10px;}
    .language_select_box.language_select_box_website .custom-select-display::after{right: 2px;}
    .main_header .navbar .container-fluid .account_btns {display: none;}
    .main_header .navbar .container-fluid  .navbar-toggler {width: 40px;height: 40px;border-radius: 10px;background: #FBEBEC;}
    .main_header .navbar .container-fluid {max-width: 100%;padding: 20px;}
    .main_header .navbar .container-fluid .navbar-collapse {background-color: #401B1B;position: absolute;left: 0;width: 100%;top: 100px;padding: 50px 0px;z-index: 10;}
    .main_header .navbar .container-fluid .navbar-collapse .navbar-nav .nav-item .nav-link { /*color: #7C486C;*/ font-size: 20px; }
    .main_header .navbar .container-fluid .navbar-toggler i {font-size: 20px;line-height: inherit;}
    .main_header .navbar .container-fluid .navbar-toggler:not(.collapsed) i::before {content: "\f00d";}
    .main_header .navbar .container-fluid .navbar-collapse .navbar-nav {row-gap: 20px;margin-bottom: 20px;}
    .main_header .navbar .container-fluid .navbar-collapse .account_btns {display: flex;flex-direction: column;row-gap: 20px;}
    .inner_banner_sec {padding:0px 0px 0px 0px;}
    .inner_banner_sec .inner_banner_content {display: flex;align-items: center;justify-content: center;flex-direction: column;}
    .filters_box { max-width: 100%; }
    .salon_listing .container-fluid { max-width: calc(100% - 10px); }
    .salon_card .salon_card_top { flex-direction: column; margin-bottom: 10px; }
    .salon_card .salon_card_img { height: 150px; }
    .salon_detail_header { background-color: var(--purple); padding: 20px 10px; }
    .salon_detail_header .inner_section_name_number_wrapper { margin: 0px; }
    .salon_detail_header .inner_section_name_number_wrapper .salon_logo_name_wrapper .salon_logo { width: 90px; height: 120px; flex-shrink: 0; }
    .salon_detail_header .inner_section_name_number_wrapper .salon_logo_name_wrapper .salon_name h3 { color: white; }
    /*.salon_detail_header .inner_section_name_number_wrapper .number_enquire_wrapper .salon_tel a { color: white; }*/
    .form_box_sec .form_box_img { width: 100%; border-radius: 0px; margin: 0px; height: 550px; }
    .form_box_sec .col-lg-6 { padding: 0px; }
    .form_box_sec .form_box_content .form_box_content_box { max-width: 70%; }
    .form_box_sec .form_box_content { padding: 60px 0px; }
    body {text-align: center;}
    .newsletter_sec { padding: 60px 0px; }
    .newsletter_sec .newsletter_sec_content {margin-bottom: 40px;margin: 0 auto 40px;max-width: 50%;}
    .newsletter_sec .newsletter_sec_form {max-width: 50%;margin: 0 auto;}
    .categories_bar_sec .categories_bar_list {justify-content: center;margin-top: 40px;}
    .testimonials_sec .testimonials_swiper .testimonials_card:before { width: 30px; height: 30px; }
    .testimonials_sec .testimonials_swiper .testimonials_card .testimonials_card_top .testimonials_card_img { width:60px; height:80px; }
    .testimonials_sec .testimonials_swiper .testimonials_card .testimonials_card_top { padding-right: 30px; column-gap: 10px; }
    .testimonials_sec .testimonials_swiper .testimonials_card .testimonials_card_top .reviews_icons i { font-size:12px; }
    .testimonials_sec .testimonials_swiper .testimonials_card{ padding:20px; }
    .salon_detail_main .content_col {justify-content: center;order: 1;z-index: 2;bottom: 0;margin-top: 50px;}
    .salon_detail_main .round_img_box {margin: 0 auto;/*max-width: calc(100% - 50px);*//*position: absolute;*/left: 0;right: 0;/*height: 100%;*/top: 0; max-width: 350px; height: 550px;}
    .hero_sec .row { flex-direction: column-reverse; }
    .hero_sec .hero_sec_img {position: relative;width: 63%;margin: 0 auto 40px;height: 650px;overflow: hidden;right: 0;width: 300px;height: 400px;flex-shrink: 0;border-radius: 350px;background: #FBEBEC;}
    .hero_sec .hero_sec_img img {width: 100%;padding: 0px;object-position: bottom center; border-radius: 0px;}
    .hero_sec .hero_sec_content { width: 50%; margin: 0 auto; }
    .hero_sec .hero_sec_content p, .hero_sec .hero_sec_content h1 {max-width: 100%;margin: 0 auto 15px;}
    .hero_sec .hero_sec_content h1 span { display: block; }
    .hero_sec .hero_sec_content .hero_sec_btns {margin-top: 30px;justify-content: center;}
    .hero_sec .hero_sec_img:after {display: none;}
    .color_para { margin: 10px auto 10px; }
    .aboutus_sec .aboutus_sec_content .our-location-box { justify-content: center; align-items: center; margin: 40px  auto 0px; }
    .video_sec { padding: 100px 0px; }
    .video_sec .video_sec_content p   { max-width: 100%; }
    .hero_sec , .categories_bar_sec , .team_sec , .salon_listing , .newsletter_sec , .form_box_sec .form_box_content  , .salon_detail_main , .guide-sec , .aboutus_sec , .our_services_sec , .testimonials_sec , .our_blog_sec , .contact_us_sec{ padding: 60px 0px; }
    .salon_detail_main .salon_detail_row {position: relative;}
    .inner_banner_sec .inner_banner_content {position: relative;max-width: 100%;margin: 0 auto;padding: 0px 0px;}
    /*.inner_banner_sec .inner_banner_content:before {content: '';background: url("../assets/images/banner-content-tablet.png");position: absolute;border: 0;width: 100%;height: 100%;left: 0px;bottom: 0;background-size: cover;z-index: 0;background-position: top right;}*/
    .inner_banner_sec .inner_banner_content * { z-index: 1; }
    .packages_sec .packages_tab .btn {padding: 12px 30px;}
    .register_sec>.container-fluid>.row {flex-direction: column-reverse;}
    .stepup_form .step_2>.col-md-6:first-child {border: none;}
    .register_sec  .stepup_form .step .package_details_box {text-align: center;}
    .register_sec .stepup_form .step .package_list {text-align: left;}
    .register_sec .stepup_form .form-body {margin: 0px;}
    .main_modal .modal-dialog {max-width: calc(100%  - 30px);}
    .salon_detail_main .inner_section_salon_detail_content {max-width: 100%;}
    .btn_purple, .btn_white {padding: 10px 15px; border: 1px solid #fff;}
    .btn_purple:active, .btn_purple:focus {color: #fff; background: var(--purple);}
    .team_sec .team_card { border-radius: 155px; width: 300px; height: 500px; margin:0 auto; max-width:100%; padding:110px 15px 110px 15px; }
    /*.steper_section_1 .msform .form-container { padding: 0px; box-shadow: unset; border: none; }*/
    .steper_section_1 .msform .step-form .progressbar li h5 {font-size: 15px;}
    .steper_section_1 h4{text-align: center;}
    .steper_section_1 .msform .step-form .progressbar li {width: 100px;}
    .steper_section_1 .msform fieldset .appointment_date_section .date_picker .ui-datepicker{margin: 0 auto;}
    .steper_section_1 .msform .form-container {padding: 40px 30px;}
    .steper_section_1 .msform .subtotal_box {margin-bottom: 50px;}
    .steper_section_1 .msform .step-form .progressbar li:not(:last-child):before {left: calc(100%  - 10px)}
    /*.steper_section_1 .custom_container {max-width: 70%;}*/
    .steper_section_1 .msform fieldset .appointment_date_section .date_picker .ui-datepicker .ui-datepicker-header {max-width: 100%;}
    .main_modal .modal-dialog { max-width: 100%; }
    .main_modal .modal-content .round_img_box {display: none;}

    .hero_sec .hero_sec_content .hero_sec_main_heading span.span_color_black {margin-bottom: 10px;}

    html[lang="ar"] .main_header .container-fluid {flex-direction: row;}
    html[lang="ar"] .main_header .navbar .container-fluid .account_btns {flex-direction: column;}
    .main_header .navbar .container-fluid .account_btns .language_select_box .form-select {width: 70px; height: 40px; background-position-x: 50px;}
    .steper_section_1 .msform .step-form .progressbar {  margin: 45px auto 30px;}
    html[lang="ar"] .steper_section_1 .msform .step-form .progressbar li:not(:last-child):before {  left: calc(100% - 10px);  }
    /*.salon_detail_header .salon_tel a{color:#fff;}*/
    html[lang="ar"] .main_header .website-navbar {direction: ltr;}
    html[lang="ar"] .salon_detail_main .round_img_box{  max-width: 350px;  margin: 0 auto;  }
}

/* ================ 800 ================ */
@media only screen and (max-width:800px) {
    .main_footer a, .main_footer p{font-size: 10px;}
}

/* ================ 768 ================ */
@media only screen and (max-width:768px) {
    .steper_section_1 .msform fieldset .second_tab_employee .available_employee_ajax .image-container img.card-img-top{object-fit:contain;}
    .steper_section_1 .msform fieldset .second_tab_employee .available_employee_ajax .card-text{justify-content:center;}
    .steper_section_1 .card-row.first_tab {margin-top: 30px;row-gap: 30px;}
}

/* ================ 767 ================ */
@media only screen and (max-width:767px) {
    .main_header .navbar .container-fluid .navbar-collapse {overflow-y: auto;max-height: 85vh;}
    .single_blog_sec .blog_card_img{height:300px;}
    .g_recaptcha_container{max-width: 100%; overflow-x: auto;overflow-y: auto;display: flex;justify-content: center;align-items: center;scrollbar-width: none;-ms-overflow-style: none;}
    .g-recaptcha {transform: scale(0.88);}
    .main_header .navbar .container-fluid .navbar-collapse {padding: 20px 0px;}
    .main_header .navbar .container-fluid .navbar-collapse .navbar-nav {row-gap: 10px;margin-bottom: 10px;}
    html[lang="ar"] .hero_sec .hero_sec_content h1 {max-width: 100%;}

    .hero_sec, .categories_bar_sec, .team_sec, .salon_listing, .newsletter_sec, .form_box_sec .form_box_content, .salon_detail_main, .guide-sec, .aboutus_sec, .our_services_sec, .testimonials_sec, .our_blog_sec, .contact_us_sec {padding: 30px 0px;}
    .product_card{margin-bottom: 20px;}
    .aboutus_sec .aboutus_sec_img:before{left: 0%;}
    .newsletter_sec .newsletter_sec_content {max-width: 60%;}
    /*.inner_banner_sec .inner_banner_content {max-width: 90%;}*/
    .steper_section_1 .custom_container {max-width: 100%;}
    /*html[lang="ar"] .steper_section_1 .msform .step-form .progressbar li:not(:last-child):before {  left: calc(100% - 190px);  }*/
    .main_footer .custom_row_class_saloon_details p{text-align:center;}
    .main_footer .custom_row_class_saloon_details .social_links{justify-content:center;}
    .footer_logo_wrapper_saloon_details{justify-content:center}
    .main_footer .custom_row_class_saloon_details{row-gap:15px}
    .footer_logo_wrapper_saloon_details .footer_logo_salon_details {height: 40px;}
    .team_sec_our_team .sec_heading p{word-break:break-word;}
    .salon_detail_header .inner_section_name_number_wrapper .number_enquire_wrapper { gap: 2px;}
    .salon_detail_header .btn_purple,.salon_detail_header .btn_white {padding: 10px 10px;}
    .category_swiper .swiper-button-next {right: 0px;top: 50%;}
    .category_swiper .swiper-button-prev {left: 0px;top: 50%;}
    html[lang="ar"] .category_swiper .swiper-button-next{left:0px;top: 50%;}
    html[lang="ar"] .category_swiper .swiper-button-prev {left: 0px;top: 50%;}
    .steper_section_1 .category_card .inner_section_service_card {margin-bottom: 0px;}
    html[lang="ar"] .steper_section_1 .category_card .inner_section_service_card {margin-bottom: 30px;}

}

/* ================ 600 ================ */
@media only screen and (max-width:600px) {
    .salon_detail_navbar .language_select_box.salon_setting_conver_lang .custom-select-display{padding:10px;width:36px;height:36px}
    .salon_detail_navbar .language_select_box.salon_setting_conver_lang .custom-select-display i{font-size: 14px;}
    .language_select_box.salon_setting_conver_lang span{display:none;}
    .language_select_box.salon_setting_conver_lang .custom-select-display{padding: 10px 10px;}
    .language_select_box.salon_setting_conver_lang .custom-select-display i{font-size:14px;display: block;}
    .language_select_box.salon_setting_conver_lang .custom-select-display::after{display:none;}
    html[lang="ar"] .inner_banner_sec .inner_banner_content:before {background-position: left;}
    .inner_banner_sec .inner_banner_content{margin-right: 0px;}
    .salon_detail_header .inner_section_name_number_wrapper .salon_logo_name_wrapper .salon_name h3 {font-size: 20px;}
    .salon_detail_header .inner_section_name_number_wrapper .number_enquire_wrapper .btn i {display: block;font-size: 12px;}
    .salon_detail_header .inner_section_name_number_wrapper .number_enquire_wrapper .btn  {font-size:0;}
    .salon_detail_header .inner_section_name_number_wrapper .number_enquire_wrapper .dashboard_btn_salondetails i{font-size:14px}
    .salon_detail_header .inner_section_name_number_wrapper .salon_logo_name_wrapper { column-gap: 8px; }
    .salon_detail_header .inner_section_name_number_wrapper .salon_logo_name_wrapper .salon_logo { width: 60px; height: 80px; }
    .salon_detail_header .number_enquire_wrapper .language_select_box select { font-size: 12px; padding: 8px 18px 8px 8px; background-position: 90% center; background-size: 10px; }
}

/* ================ 575 ================ */
@media only screen and (max-width:575px) {
    /*h1 {font-size: 30px;}*/
    /*h2 {font-size: 28px;}*/
    /*h3 {font-size: 25px;}*/
    /*h4 {font-size: 22px;}*/
    /*h5 {font-size: 18px;}*/
    /*h6 {font-size: 15px;}*/
    /*h1 > span {font-size: 30px;}*/
    /*h2 > span { font-size: 28px;}*/
    .g_recaptcha_container{max-width: 100%; overflow-x: auto;overflow-y: auto;display: flex;justify-content: center;align-items: center;scrollbar-width: none;-ms-overflow-style: none;}
    .main_header .navbar .container-fluid .navbar-collapse{overflow-y: auto;max-height: 79vh;}
    .g-recaptcha {transform: scale(0.7);}
    .main_footer .main_footer_top .contact_boxs .contact_box a{text-align:center;}
    .main_footer .main_footer_top .contact_boxs{align-items:center;row-gap:0px;}
    .main_footer .main_footer_top .social_links{align-items:center;flex-direction:row;justify-content:center;padding-top:30px}
    .main_footer ul.footer_links {margin: 40px 0px;}
    .main_footer ul{column-gap: 20px;}
    .salon_detail_main .round_img_box{height: 450px;max-width: 300px;}
    .m_none{display: none;}
    .d_none{display: block;}
    .sec_heading p {max-width: 1000%;}
    .salon_detail_header .inner_section_name_number_wrapper {   row-gap: 15px;}
    .salon_detail_main .inner_section_name_number_wrapper .number_enquire_wrapper { flex-direction: column; }
    /*.salon_detail_header .inner_section_name_number_wrapper .salon_logo_name_wrapper .salon_logo { width: 70px; height: 100px;  }*/
    .salon_detail_header .inner_section_name_number_wrapper .number_enquire_wrapper {flex-direction: row;  gap: 2px;}
    .salon_detail_header {padding: 20px 0px;}
    .salon_detail_header .btn_purple,.salon_detail_header .btn_white {padding: 8px;}
    .form_box_sec .form_box_content .form_box_content_box {max-width: 100%;padding: 0px 10px;}
    .form_box_sec .sec_heading p { max-width: 100%; }
    .form_box_sec .form_box_img {height: 400px;}
    .form_sec form p {margin: 15px auto 15px;}
    .main_footer { text-align: center; }
    .main_footer_top {padding: 0px 20px 30px 20px;}
    .main_footer .contact_boxs {flex-direction: column;justify-content: start;row-gap: 20px;text-align: left; margin: 0px;}
    .main_footer .social_links { flex-direction: column; row-gap: 20px; }
    .main_footer .social_links a { width: 24px; height: 24px; }
    .main_footer .social_links a i { font-size: 13px; }
    .main_header .navbar .container-fluid .navbar-brand {flex: 1;}
    .newsletter_sec .newsletter_sec_content ,  .newsletter_sec .newsletter_sec_form {max-width: 100%;}
    .hero_sec .hero_sec_content { width: 90%; }
    /*.hero_sec .hero_sec_img {width: 90%;height: 500px;width: 390px;width: 75%;height: 400px;flex-shrink: 0;border-radius: 350px;background: #FBEBEC;max-width: 390px;height: 554px;flex-shrink: 0;width: 100%;}*/
    .hero_sec:before { display: none; }
    .product_card { padding: 30px 20px; }
    .product_card .product_card_img { width: 100px; height: 140px; }
    .categories_bar_sec .categories_bar_list {overflow-y: scroll;justify-content: space-around;column-gap: 10px;}
    .categories_bar_sec .categories_bar_list .categories_bar_item .btn {white-space: nowrap;font-size: 13px;}
    .categories_bar_sec .categories_bar_list::-webkit-scrollbar {width: 8px;height:8px;background-color: transparent;}
    .categories_bar_sec .categories_bar_list::-webkit-scrollbar-thumb {border-radius: 10px;background-color: transparent}
    .hero_sec , .categories_bar_sec , .team_sec , .salon_listing , .newsletter_sec , .form_box_sec .form_box_content , .salon_detail_main , .guide-sec , .aboutus_sec , .our_services_sec , .testimonials_sec , .our_blog_sec , .contact_us_sec{ padding: 40px 0px; }
    .services_we_offer_sec .salon_card .shap_card_details { padding: 20px; }
    .services_we_offer_sec .salon_card .shap_card_img { height: 200px; }
    .salon_detail_main .inner_section_salon_detail_content {padding: 40px 15px;max-width: 100%;}
    .inner_banner_sec { padding: 0px 0px 0px 0px; }
    .inner_banner_sec .inner_banner_content {background: transparent;position: relative;/* max-width: 90%; */margin-left: auto;min-height: 300px;}
    .inner_banner_sec .inner_banner_content:before{background-position:left; }
    /*.inner_banner_sec .inner_banner_content:before {content: '';background: url("../assets/images/banner-content-mobile.png");position: absolute;border: 0;width: 100%;height: 100%;left: 0px;bottom: 0;background-size: cover;z-index: 0;background-position: right top;}*/
    .inner_banner_sec .col-md-12 { padding: 0px; }
    .packages_sec .packages_tab .btn {padding: 12px;font-size: 13px;}
    .team_sec .team_card {padding:90px 20px 90px 20px; height: 450px;width: 250px;}
    .aboutus_sec .aboutus_sec_img {height: 500px;max-width: 390px;border-radius: 220px;}
    .register_sec .stepup_form .step_1, .register_sec .stepup_form .form-footer {max-width: 100%;}
    .video_sec .video_sec_content{ max-width: 100%; }
    .salon_detail_main .inner_section_salon_desc_tabs ul li .nav-link {font-size: 13px;}
    .salon_detail_main .inner_section_salon_desc_tabs ul {gap: 15px;}
    .stepup_form .step .package_list li { font-size: 13px; }
    .stepup_form .step .package_list li i { font-size: 13px; width: auto;  margin-right: 5px; }
    .salon_detail_main .content_col {/*margin-top: 300px;*/}
    .salon_detail_main .inner_section_salon_detail_content p {font-size: 13px;}
    .steper_section_1 .msform .step-form .progressbar { gap: 10px; justify-content: space-between; }
    .steper_section_1 .msform .step-form .progressbar li { width: 90px; }
    .steper_section_1 .msform .step-form .progressbar li h5 { font-size: 13px; }
    .steper_section_1 .msform .form-container {padding: 30px 20px;}
    .steper_section_1 .msform .subtotal_box {margin-bottom: 30px;padding: 90px 20px;max-width: 100%;}
    .steper_section_1 .msform .action-button-previous {    margin-right: 0px;}
    .steper_section_1 .msform .form-container .form-control{padding: 15px 20px;}
    .steper_section_1 .personal_information_fieldset .txt_field {  margin-bottom: 15px;  }
    .steper_section_1 .msform fieldset .appointment_date_section .date_picker .ui-datepicker {width: 100%;margin-bottom: 50px;}
    .steper_section_1 .msform fieldset .appointment_date_section .date_picker .ui-datepicker td .ui-state-default {font-size: 13px;}
    .steper_section_1 .msform .step-form .progressbar li:not(:last-child):before {width: calc(100% - 60px);}
    .main_modal .login_content_box {max-width: 100%;}
    .main_modal .modal-content {padding: 0px 15px 10px 15px;}
    .steper_section_1 .card-row.first_tab {row-gap: 25px;margin-top: 25px;}
    html[lang="ar"] .main_footer .contact_box a{  text-align: right;}
    html[lang="ar"] .steper_section_1 .msform .step-form .progressbar li:not(:last-child):before {  left: calc(100% - 10px);  }
    /*.main_modal .modal-content { padding: 0px; overflow: hidden; }*/

    /*.main_modal .form_sec { padding: 0px; }*/
    .product_offering_swiper.team_swiper_product_offering .swiper-slide{height:auto;}
    .product_card.product_card_offering {  padding: 10px 0px 10px 0px;}
    .team_sec .team_swiper_product_offering {  padding: 5px 0px 45px 0px;  }
    .team_swiper.team_swiper_salon_details {padding-bottom: 45px;}
    .main_modal .modal-header button[aria-label="Close"] {z-index: 2;right: 15px;top: 15px;width: 25px;height: 25px;}
    .whatsapp_box .whatsapp_logo {width: 80px;}
    .loader video {  width: 100%;  }
    .team_sec.team_sec_our_team .sec_heading {margin-bottom: 0px;}
    #booknow_btn_modal .category_card .inner_section_service_card{padding: 10px 0px;}
    #booknow_btn_modal .service_image_wrapper {width: 60px;}
    .steper_section_1 .category_card .inner_section_service_card {padding:20px 0px}
    .steper_section_1 .first_tab .service_image_wrapper {width: 60px;}
    .steper_section_1 .card_boxes .card-container .image-container {  height: 200px;}
    .main_footer:has(.main_footer_bottom_saloon_details){padding: 0px;}
    .main_footer .main_footer_bottom.main_footer_bottom_saloon_details{padding-top:20px;}
    .steper_section_1 .appointment_time_box {padding: 57px 0px;height: 550px;}
    .test_swiper .tabs_slider_img {  height: 250px;  }
    .test_swiper .swiper-slide:has(.tabs_slider_img){height:auto;}
    .image_wrapper_salon_details {  height: 100px;}
    .main_footer .custom_row_class_saloon_details {  row-gap: 0px;  }
    .team_sec .team_card .testimonials_card_img {  height: 120px;}
    .arabic_text_terms_condi ul {padding-right: 20px;}
    .inner_banner_sec.inner_banner_secabout_us_pg.terms_condition_banner .inner_banner_content h3{max-width: 50%;}
}

/* ================ 360 ================ */
@media only screen and (max-width:360px) {
    .hero_sec .hero_sec_img {width: 90%;}

}

/* ================ 320 ================ */
@media only screen and (max-width:320px) {

}