@media only screen and (min-width: 1367px) and (max-width: 1920px)  {
   .officetime_div_salon{
       min-height:350px;
   }
    .business-hours {
        line-height: 26px;
    }
    .owl-carousel .owl-item img{
        max-height:350px;
    }
}
@media screen and (max-width: 1200px) {
    .slider_div_salon,.officetime_div_salon{width:100%}
    .owl-carousel .owl-item img{max-height:384px;}
    .gallery-fp img{height: 120px;}
}

@media screen and (min-width: 1000px) {
    .user_dashboard .sidemenu .whitebg{display:block !important}
}
@media screen and (max-width: 1000px) {
   .curve{
        display:none;
    }
    .listing_2col li .image {
        width:115px;
    }
    .listing_2col li .cnt h3{
        font-size:17px;
    }
    .gallery-fp img{height: 145px;}
    .left_html .salonresult_address h4, #Div_SalonInfo h3{
        display:none;
    }
    .doc_basic .left h1{font-size:16px;}
    .mob_res h1,.mob_res h3{
        display:block !important;
    }
    .left_emp,.right_cnt .Language_Spoken{
    display:block;
}
    .left_salon_data .deal_button{
        line-height:31px;
    }
   .right_salon_data ul {
    float: left;
}
    .left_salon_data #btndeal:before,.left_salon_data #btnpackage:before{
      top: 6px;
    }
    .mob_location {
        display: block;
        float:right;
    }
     .mob_location:before{
    position: absolute;
    top: 5px;
    display: block;
    width: 25px;
    margin-top: 0px;
    content: " ";
    right: 10px !important;
    height: 20px !important;
    border-left: 1px solid rgb(229, 229, 229);
    background: url(/images/Icons_result/address.svg) no-repeat right !important;
    background-repeat: no-repeat !important;
}
  .doctor_cnt .right_cnt .each_details{
      padding-bottom:0px;
  }
    .right_emp{display:block !important;text-align:center ;float: none !important;   }
    .right_emp button{    float: none !important;
    display: inline-block;
    width: auto; margin-top: 10px !important;line-height: 30px !important;}
    .mob_res 
    {text-align:center}
    .mob_res h1{font-size:16px !important;padding-bottom:0px !important;}
        .mob_res h3 {
            line-height:15px;font-size:14px !important;padding-bottom:0px !important;
        }
        .Language_Spoken h3{
            font-weight: 600;
    font-size: 13px !important;
    margin-top: 17px;
        }
        .doc_basic .left .stars i.checked{color:var(--main-color)}
        .doctor_cnt .right_cnt .each_details h2{ font-size: 13px !important;}
        .rating_right button{ font-size: 11px !important;}
    .Language_Spoken .slots li {
        text-align: center;
        float: left;
        width: auto;
        display: inline-block;
        border-radius: 3px;
        margin-bottom: 10px;
        margin-right: 5px;
        font-size: 10px;
        line-height: 20px;
        padding: 0 10px;
        border: #e3e3e3 1px solid;
    }
    .salonresult_address h4{padding-top:0px !important}
    .Salon_directions{display:none}
     .left_html .doc_cont li.email {
    background: url(/images/Icons_result/mail.svg) no-repeat right top;
    line-height: 12px;
    height: 25px;
    }
     .left_html .sticky_cnt{width:100% !important}
     .left_html .doc_cont li.website {
    background: url(/images/Icons_result/travel.svg) no-repeat right top;
   line-height: 15px;
    height: 30px;
}
     .ridclass{padding-left:0px!important;padding-bottom:5px !important;}
        .ridclass button {
            height: 30px;
            font-size: 10px;
            width: 140px;
        }
        .btn_redirection:before{
            top:3px;
        }
      
    .left_html .button_book{width: 70%;
    min-height: 70px;
    margin-top: 15px;
    float: right;padding:10px;}
    .service_salon_data{display:block}
    .button_book .button_one {width: 48%;
    text-align: left;
    max-width: 150px;
    padding: 7px 10px;
    min-height: 42px;
    line-height: 14px;
    font-size: 9px;
    float: right;
    border-radius: 5px;
    margin-left: 2%;}
    .left_html .cnt{display:inline-block;width:100%;}
    .left_html{display:block;}
    .left_dtls{display:none}
    .doc_basic .left .stars i{font-size:11px;}
    #SalonImage1{position:relative;text-align: center;max-width: 100px;float: left;width: 30%;}
    #SalonImage2 {
        display: inline-block;
        text-align: center;
        position: relative;
        width: 100%;
    }
    
    .doctor_cnt #SalonImage2 img{max-width:150px;width:40% !important; display: inline-block;border-radius: 50%;border: 4px solid #ff8dbe;}

    .doctor_cnt #SalonImage1 img{display: inline-block;border-radius: 50%;border: 4px solid #ff8dbe;}
    .salonresult_address h4{font-size:16px;}
    #SalonImage1 .makeasfavouritesalon{top: auto !important;
    right: 0px !important;
    left: 0px !important;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    bottom: -10px;
    padding-top: 4px;
    font-size: 16px;
    width: 31px;}
    #SalonImage2 .makeasfavourite{top: auto !important;
    right: 0px !important;
    left: 0px !important;
    margin: 0px;
    margin-left: auto;
    margin-right: auto;
    bottom: -10px;
    padding:5px;
    padding-top: 3px;
    font-size: 16px;
    height:31.5px;
    width: 31px;}

  .owl-carousel .owl-item img{max-height:476px;}
    .bkng .PopupBg h1.spl{padding-right: 40px;}
        .bkng .PopupBg .full_row .left{overflow:auto !important;padding-bottom:20px;}
    .user_dashboard { float: left; width: 100%;padding: 90px 0 50px 0;}
    .right_salon_data ul li{margin-left:0px;margin-right:10px;}
    .slider_div_salon,.right_salon_data{width:100%}
    .left_salon_data {float: left; width: 100%; margin-bottom: 15px;}
    .review_full .each .details{text-align:center;padding-left:0px;}
    #salon_employee li:first-child{margin-left:2% !important;}
    #salon_employee li:nth-child(7n){margin-left:2% !important;}
    .officetime_div_salon{width:100%}
    .res_search,.content_div .filter_div{padding-bottom:0px;margin-bottom:0px;}
    .content_div .filter_div .cnt{padding-top:0px;margin-top:0px;}
	/*search page*/
	.content_div .filter_div{  display: block; width: 100%; margin-bottom: 30px;}
	.content_div .filter_div h2{ cursor: pointer;line-height:20px; border-radius: 6px; background: #e93383; border:#e3e3e3 1px solid; color: #ffffff; font-size: 14px; }
	.content_div .filter_div h2 span{margin-top:0px;}
      .listing_2col li .right .new_rating,.listing_2col li .right .salontype_div, .listing_2col li .right button.button_two,.listing_2col li .right button.button_hide,.listing_2col li .right .salontype_div span{float:right}
      .salontype_div img {
    float: right;
    padding-right: 5px;
    padding-top: 8px;
}
      .listing_2col li .right button.button_hide{
          right:0px;
          left:unset;
      }
    .content_div .filter_div .cnt{ display: block; max-height: 0; overflow:hidden;  }
    .content_div .filter_div .cnt.active{ max-height: 10000px; }
	.content_div .main_right{ width: 100%; padding-left: 0;padding-right:0px; }
	.res_filter{ display: block; }
	.res_search{  display: block;}
	.content_div .main_right .search_div{ display: block; }
    #beauty_saloon_div .search_box ul.search_ul li.search_li .search_input{width:100%}
    .search_box ul.search_ul li.search_li .search_input{width:90%}
	/*Hospital Detail Page*/
	.microsite_cnt .sidemenu{ display: none !important; }
	.microsite_cnt .right_div{ width: 100%; }

	/*Doctor Detail Page*/
    .doctor_cnt .right_cnt{padding:10px;}
    #salon_employee li{min-height:200px;}
    .expandable_div .spl li{width:100%}
	.doctor_cnt .side_sticky{ width: 100%; text-align: left; background:#FFF; padding: 0px;}
	.doctor_cnt .side_sticky .image{ float: left; width: 200px; }
	.each_details.doc_basic{ display: block; }
	.sticky_cnt{ float: right; width: calc(100% - 200px); padding-left: 30px; }
	.doctor_cnt .right_cnt{ width: 100%; padding-top: 20px; margin-top:30px; }
	.res_doc_basic{ display: block; }
	.res_doc_basic .left, .res_doc_basic .right{ float: left; width: 100%; }
	.res_doc_basic .right button{ float: left; margin-right: 10px; }
	.res_doc_basic .right button.chat{ margin-right: 0; }

	/*booking slot popup*/
	.popup_content .calander_div{ width: 100%; }
	.popup_content .slots{ width: 100%; padding-left: 0; padding-top: 20px; }
	.popup_content .slots .full_row{ height: auto; }
	/*booking page*/
	.booking_step_3 .calander_div{ width: 100%; }
	.booking_step_3 .slots{ width: 100%; padding-left: 0; padding-top: 20px; }
	.booking_step_3 .slots .full_row{ height: auto; }

	/*add company page*/
	.add_company_full ul.colm-3 li{ float: left !important;width:48% !important; margin-right: 2% !important; }
	.add_company_full ul.colm-3 li:nth-child(even){ float: right !important; margin-right: 0;}
	.add_company_full ul.colm-3 li.full_width{ width: 100% !important; }

	/*User Dashboard*/
	.user_dashboard .right_cnt{ width: 100%; }
	.user_dashboard .sidemenu{ width: 100%;margin-bottom: 20px; }
	.user_dashboard .sidemenu .profile_div{padding: 15px;}
	.user_dashboard .sidemenu .profile_div .cnt{ padding-right: 30px; position: relative;  }
	.user_dashboard .sidemenu .profile_div .menu{ display: block; cursor: pointer; }
	.user_dashboard .sidemenu .whitebg{ display: none; margin-bottom: 20px; }
	.user_dashboard .right_cnt{ padding: 20px; }
	.user_dashboard .right_cnt h1{ font-size: 23px; }


	.listing_2col li .cnt{ width: 100%; }
	.listing_2col li .right{ width: 100%; padding-top: 0;}
	.listing_2col li .right div{ text-align: left; }
	.listing_2col li .right button.btn{ margin-left: 0; margin-left: 15px;  }
	.listing_2col li .cnt p.location{ height: auto; padding-bottom: 10px; }
	
    .doctor_cnt .right_cnt1{width:100%;padding-top:10px;}
    .doctor_cnt .right_cnt2{width:100%;}
    .AvalworkinghoursContainer,.salonresult_address{width:100%;text-align:right;}
    .right_cnt1 ul li{margin-bottom:10px;}
    .doctor_cnt .right_cnt .each_details p{text-align:justify}
     .doc_basic .left,.doc_basic .right{width:100%;}
    .doc_basic .right button,.left_salon_data .deal_button{font-size:13px;}
    #calendar_time li{margin-right: 4px;}
    .bkng .popup_content.review .button_row1{position:relative;display:inline-block;margin-top:10px;right:5px;bottom: 0px;}
        .bkng .popup_content.review .button_row .step1_btn{margin-top:10px;}
    .bkng .popup_content.review .button_row .step5_btn{margin-top:30px;}
    .bkng .PopupBg .step_5 .full_row .leftpay{max-height:500px !important;}
}

@media screen and (max-width: 800px) {
      .bkng .PopupBg .full_row .bk_employee ul li{width:47% !important}
      .bkng .PopupBg .full_row .bk_date .calendar-grid .calendar-date-holder {width: 90%;margin-left:0%;}
      .bkng .popup_content.review .button_row {
        float: right;
        position: relative;
        padding-top: 0px;
        width: 100%;
        /* right: 0px; */
        display: inline-block;
    }
      .gallery-fp img{height: 120px;}
      .bkng .PopupBg .step_5 .full_row .leftpay .fieldwrap .radioselect_div{margin-left:0px !important;}
      .bkng .PopupBg .step_5 .full_row .leftpay {padding-top: 5px;float: left;width: 100%; max-height: 350px;text-align: left;}
      .bkng .PopupBg .full_row .right .summary{margin:0px !important}
	/*Hospital Detail*/
  .bkng .PopupBg .full_row .right{padding-right:0px;}
    .bkng .popup_content.review .button_row {padding-left:0px; margin-top:40px; float: right; position: relative; padding-top: 0px; width: 100%;display: inline-block;}
       .bkng .PopupBg .full_row .right .summary{margin:0px !important}
    .bkng .PopupBg .full_row .bk_employee ul li{width:47%}
    .bkng .PopupBg .step_5 .full_row .leftpay {padding-top: 5px;float: left;width: 100%; max-height: 350px;text-align: left;}
       .bkng .PopupBg .step_5 .full_row .leftpay .fieldwrap .radioselect_div{margin-left:0px !important;}
     .bkng .PopupBg .full_row .bk_date .calendar-grid .calendar-date-holder {width: 90%;margin-left:0%;}
	#basic_details ul li{ width: 50%; }
	.acc_full .each .cnt ul li{ width: 100%; }
	.acc_full .each .cnt ul li .details button{ float: right; }

	/*Booking Page*/
	.summary_full .doc_detail li{ width: 100%; margin-right: 0; margin-bottom: 20px; }
	.summary_full .doc_detail li:last-child{ margin-bottom: 0; }
	.summary_full .doc_detail li p span, .summary_full .pat_detail li p span{ font-size: 12px; }
	.booking_banner .process_lines ul li p{ font-weight: 400; }

	.bkng .PopupBg .full_row .left{ width: 100%; padding-right:0; margin-bottom: 30px;  }
	.bkng .PopupBg .full_row .right{ float: left; width: 100%; padding-left: 0; }

	.doctor_cnt .right_cnt1{width:100%;padding-top:10px;}
    #salon_employee li{max-width:125px;}
    .tooltiptext{width:100%;}
      #Deal_Details .PopupBg{min-height:790px;max-height:900px;}
        .footer_li .sm li{float:none}
      .footer_ul{text-align:center}
        .footer_li{width:100% !important}
}

@media screen and (max-width: 700px) {
    .search_box ul.search_ul li.search_li:last-child button i {float: none;}
    .gallery-fp img{height: 100px;}
    .side_sticky .cnt{padding:10px;}
    .wrapper{width:95%;}
    .listing_2col{padding:15px;}
    .content_div .filter_div{  display: block; width: 100%; margin-bottom: 10px;}
    .doctor_advance_search {background: white;padding: 7px;margin-bottom: 10px;}
    .total_result_salon,.near_by,.advance_appointmentdate {font-size: 10px;background: #f5f5f5 !important; border: 1px solid #eaeaea !important;border-radius: 20px;}
    .listing_2col .Salon_Employee ul li{text-align:right;}
    .tooltiptext{left:0px !important;}
    .right_cnt2 .dealbutton,.right_cnt1 ul li{border-radius:20px;}
    .right_cnt1 ul li,.right_cnt2 button{padding:5px !important;font-size:11px;}
    .right_cnt1{margin-bottom:0px;}
    .doctor_cnt .right_cnt{margin-top:10px;}

    .doctor_cnt .right_cnt1{width:100%;padding-top:10px;}
        #salon_employee li{max-width:125px;}
	.search_box ul.search_ul li.search_li{ width: 100%; }
	.search_box ul.search_ul li.search_li:first-child{ border-right: #e3e3e3 0px solid; border-bottom: #e3e3e3 0px solid; width: 100%;}
	.search_box ul.search_ul li.search_li:last-child{ max-width: 100%; width: 100%; }
	.search_box ul.search_ul li.search_li:last-child button{ float: left; width: 100%; text-align: center !important; line-height: 45px; margin:0; }
	.listing_2col li{width: 100% !important; margin:0; margin-bottom: 30px;}
    .Salon_Employee li{width:auto !important;}

	.pagination_row .left{ width: 100%; text-align: center; margin-bottom: 15px; }
	.pagination_row .right{ width: 100%; text-align: center; }
	.pagination_row .right ul{ display: inline-block; float: none; }
	.sticky_cnt{ float: left; width: 100%; padding-left: 0; }
	.doctor_cnt .side_sticky{ text-align: center; }
	.doctor_cnt .side_sticky .image{  display: inline-block; overflow: hidden; float: none; }
	.res_doc_basic .right{ text-align: center; }
	.res_doc_basic .right button{ float: none; display: inline-block; }
	.side_sticky .doc_cont{ text-align: left; padding-top: 20px; }
	.side_sticky h3{ text-align: left; }
	.res_doc_basic .left h3{ text-align: center; }
	.popup_content .slots .full_row ul.slot_ul li{ width: 18%; margin-right: 2%; line-height: 20px; text-align: center; font-size: 11px; padding:5px;  }
	.popup_content h1{ font-size: 18px; }
	.popup_content h2{ font-size: 14px; text-align: center; }

	#insurance ul li{ width: 31%; float: left !important; margin-right: 3.333% !important;}
	#insurance ul li:nth-child(3n){ float: right !important; margin-right: 0 !important;}

	.signup_detail_ul li{ width: 100%; margin-right: 0; }

	/*add company page*/
	.add_company_banner, .sections{ padding: 30px 0; }
	h2.sec_heading{ font-size: 18px; }
	.border_line{ margin-bottom: 30px; padding:30px 20px; }
	.border_line .heading{ font-size: 16px; }
	.add_company_full .dept_header h3{ width: 100%; font-size: 16px; }
	.add_company_full .dept_header .button_row{ width: 100%; padding-top: 10px; padding-left: 0; }
	.add_company_full .dept_header .button_row .btn{ float: left; }
	.add_company_full .dept_header .button_row .btn.blue{ margin-left: 0; margin-right: 15px; }
	.add_company_full ul.colm-3 li, .add_company_full ul.colm-3 li:nth-child(even){ float: left !important;width:100% !important; margin-right: 0% !important; }

	/*Booking Page*/
	.booking_step_4 .patient_detail li{ float: left; width: 100% !important; margin-right: 0 !important }
	.booking_banner .process_lines ul li p{ display: none;}
	.booking_banner.fixed .process_lines ul li .numbers{ width: 40px; height: 40px; line-height: 40px; }
	.booking_banner .process_lines ul li::before{ top: 20px; }

	/*User Dashboard*/
	.each_booking .cnt .doc_detail{ padding: 20px 0; }
	.each_booking .cnt .doc_detail li:first-child{ width: 100% !important; }
	.each_booking .cnt .doc_detail li{ float: left !important; width: 50% !important; margin-right: 0; padding-right: 20px; height: 70px; overflow: hidden; }
	.each_booking .cnt .pat_detail li:first-child{ width: 100% !important; }
	.each_booking .cnt .pat_detail li{ width: 50%; margin-right: 0; padding-right: 20px; }
    .image_gallery a{width:100%;float:left;padding-bottom:20px;}
    .right_tooltip button{font-size:11px;}
    .tooltiptext #StylistImage { width: 90px;float: left;}
    .tooltiptext .right_tooltip {width: calc(100% - 100px);}
}

@media screen and (max-width: 600px) { 
        .wallet_credit{min-width:100px}
        .refund_History{float:none}
    .wallet_refund{margin-left:0px;margin-right:0px;}
    .gallery-fp img{height: 90px;}
		.doc_listing li{ width: 100%; margin-right: 0; }
            #salon_employee li{max-width:47%;}
		.summary_full .pat_detail li{ width: 50%; margin-right: 0; }
		.summary_full .pat_detail li:first-child{ width: 100%;}

		/*UserDashboard*/
		.each-order{ position: relative; }
		.each-order .title, .each-order .cnt{ padding: 15px; }
		.each-order .title .invoice-btn{ clear: both; font-weight: 700; }
		.each-order .cnt .icon{ width: 100%; text-align: center; }
		.each-order .cnt .icon img{ display: inline-block; }
		.each-order .cnt .right{ width: 100%; }
		.each-order .ftr .date{ width: 100%; }
		.each-order .ftr .total{ width: 100%; }
		/*.trackbtn{ position: absolute; top: 75px; right: 15px; }
		.returnbtn{ position: absolute; top: 120px; right: 15px; margin-left: 0 !important; }*/

		.trackbtn{ float: left !important; clear: both; margin-left: 0 !important; margin-top: 10px; }
		.returnbtn{ float: right !important; margin-left: 0 !important; margin-top: 10px;}
	}
	



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

    .gallery-fp img{height: 80px;}
		#basic_details ul li{ width: 100%; }
		.acc_full .each .cnt ul li .details button{ float: left; }	
		.acc_full .each h4{ font-weight: 600; font-size: 12px; }
		.rating_left{ width: 100%; }
		.rating_right{ width: 100%; text-align: center; }
		.rating_right button{ float: none; }
		.review_full .each{ border-bottom: #e3e3e3 1px solid; padding-bottom: 15px; }
	
		.review_full .each .image{ width: 100%; border-radius: 0px; text-align: center; height: 70px; }
		.review_full .each .image img{ display: inline-block; border-radius: 50%; }
		.review_full .each .details{ width: 100%; padding-bottom: 30px; }
		.review_full .each .details .title { text-align: center; margin-top:10px; border-bottom: none; }
		.review_full .each .details .title span{ float: left; width: 100%; text-align: center; margin-top:5px; }
		.review_full .each .details .time{ left: 0; bottom:0; right: auto; width: 100%; text-align: center; top: auto; }
		.review_full .each .details p{ text-align: center; font-size: 11px; }
		.microsite_banner .banner .absolute h1{ font-size: 20px; }
		.microsite_banner .banner .absolute p.tagline{ font-size: 12px; }
		.microsite_banner .banner .absolute div.stars{ font-size: 12px; }
		.microsite_banner .banner .absolute .status{ font-size: 10px; }
		.popup_content .slots .full_row ul.slot_ul li{ width: 30%; margin-right: 3.333%;}
		.popup_content{ padding: 15px; }

		/*User Dashboard*/
		.each_booking .cnt .doc_detail li, .each_booking .cnt .pat_detail li{ width: 100% !important; height: auto; margin-bottom: 20px; }
		.each_booking .title .bkgDate{ float: left; width: 100%; margin-top: 10px; }
		.user_dashboard .right_cnt .review_full .each .details .edit,.user_dashboard .right_cnt .review_full .each .details .delete{ top: -70px; }
        .homeservice {margin-right: 5px;padding: 4px 7px;font-size: 10px;margin-top: 0px; }


}


@media screen and (max-width: 450px) {
	.main_logo{ width: 120px; margin:5px 0; }
	.s1 {padding: 35px 0 !important;}
	.sections{ padding: 35px 0; }
	.s1 h1{ font-size: 18px; line-height: 30px; }
	.s1 h1 span.line{ font-size: 14px; }
	.s1 .search_div{ padding: 0; }
	.popularSearch_ul li a p{ font-size: 12px; }
	.popularSearch_ul li{ padding: 7px; }
	.s3 .left p{ padding: 0; padding-bottom: 20px; }
	.s4 .right p{ padding: 0; }
	.s4 .right .btn_row a{ margin-right: 5px; }
	.s4 .right .btn_row a:last-child{ margin-right: 0; }
	.footer_li{ width: 100% !important; }
	.footer_li:nth-child(2){ padding-left: 0; margin-bottom: 20px; }
	.s2 .Featured_listing li{ margin-bottom: 20px; }
	/*.footer_li:nth-child(2){ display: none; }*/
	footer{ padding-top: 35px; padding-bottom: 15px; }

	.content_div{ padding: 35px 0; padding-top: 100px; }
	.pageHeader{ padding: 100px 0 35px 0; }
	.PopupClosebtn{ top: 10px; left: 10px; width: 24px; height: 24px; font-size: 11px; line-height: 24px; }
	.popup_content.review h1{ font-size: 16px; }

	#insurance ul li:nth-child(odd){ width: 48% !important; float: left !important; margin-right: 4% !important;}
	#insurance ul li:nth-child(even){width: 48% !important; float: right !important; margin-right: 0 !important}
}


@media screen and (max-width: 400px) {
                .selected-hospital .icon{ display: none; }
                .selected-hospital .cnt{ width: 100%; }
                        .homeservice {margin-right: 0px;padding: 4px 7px;font-size: 10px;margin-top: 5px; }
}