@charset "utf-8";
/* CSS Document */

@media (max-width: 1200px) {
	.home-1 #home-form{
		width: 70%;
	}
	#page_wapper .home-section{
		height: auto;
		/* min-height: calc(100vh - 5rem); */
	}
	.slider .appointment_box{
		height: 12rem;
	}
	.slider .appointment_box .appointment_img{
		height: 5rem;
	}
	.slider .appointment_box .appointment_content{
		height: 4rem;
	}
}
/* I-pad Landscape */
@media (max-width: 1024px) {
	a.login-register {width: 90px; padding: 10px 10px !important;}
	.profile_name {display: none !important;}

	a.menu-icon { display:block; margin:0 auto; float: right;}
	a.menu-text { display:block;}

	#header .main-nav {margin-top: 16px;	max-width: 43px;}

	#nav { float:none; margin:0 auto; text-align:center; position: relative;}
	#nav ul {display: none;	overflow: hidden;	margin: 0 0 0 0;	width: 100vw;	position: absolute;	top: 40px;	right: -15px;	z-index: 11; background-color: #172d44d1}
	#nav ul li { width:100%; margin:0; padding: 8px; padding-left: 30px; border:none; border-bottom:1px solid #9090903d !important;text-align: start;}
	#nav ul li a { display: block; padding: 0; color:#fff;}
	#nav ul li:last-child {border-bottom: none !important;}
	#nav ul li .svg-inline--fa {margin: 10px 0px; font-size: 18px;}
	
	/* Drop Down */
	#nav ul li ul { position:relative; top:0; width:100%; background:#ccc;  }
	/* Drop Down */

	#nav ul li.active a {color: #fff;}
	#nav ul li a:hover {color: #fff;}
	#nav ul .dropdown-li{display: inline-block !important;}
	#nav ul .hide-md{display: none !important;}
	#nav ul li:first-child{margin-right: 0px; padding-left: 30px;}
	#nav ul li:last-child {margin-right: 0px; padding-right: 30px;}
	a.menu-icon {padding: 0; background: transparent;}
	.slider .appointment_box{
		/* height: 20rem; */
	}
	.slider .appointment_box .appointment_img{
		/* height: 10rem; */
	}
	.slider .appointment_box .appointment_content{
		/* height: 7rem; */
	}
	.slider .appointment_box .button_box a{
		/* height: 3rem; */
	}
	.home-1 .images img{
		width: 6rem;
	}
}
/* Google Nexus 7 Landscape */
@media (max-width: 992px) {
	#page_wapper .home-section{
		min-height: max-content;
	}
	.swiper .swiper-wrapper .swiper-slide {
		width: calc(100% / 2);
	}
	.slider .appointment_box{
		height: 20rem;
	}
	.slider .appointment_box .appointment_img{
		height: 10rem;
	}
	.slider .appointment_box .appointment_content{
		height: 7rem;
	}
	.slider .appointment_box .button_box a{
		height: 3rem;
	}
	#grid .row .col-md-3{
		max-width: 33% !important;
		min-width: 33% !important;
	}
	.h1, h1{font-size: 1.6rem;}
	.h2, h2{font-size: 1.5rem;}
	.h3, h3{font-size: 1.4rem;}
	.h4, h4{font-size: 1.3rem;}
	.h5, h5{font-size: 1.2rem;}
	.h6, h6{font-size: 1.1rem;}
}
/* I-pad Portrait */
@media (max-width: 768px) {
    
	.filter-btn.h-100.d-flex.align-items-center.btn.btn-yellow {
		align-items: center !important;
		justify-content: center !important;
		display: flex !important;
	}
	
	.authmodel label {
		margin-bottom: 0.1rem;
	}
	.authmodel .modal-dialog .form-control {
		padding: 5px 10px;
	}
	.authmodel .form-group {
		margin-bottom: 10px
	}
	.authmodel #pssfild .pass_icons {
		top: 22px;
	}

	/* .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 
	{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	} */

	.order-md-1, .order-md-2 {-ms-flex-order: inherit !important; order: inherit !important;}
	
	#footer .footer-box>div {
		gap: 1rem;
	}
	#grid .row .col-md-3{
		max-width: 50% !important;
		min-width: 50% !important;
	}
	.filterstabs_box > ul{
		display: none !important;
	}
	.filters-box .filter-rows{
		display: none;
	}
	.filters-box .filter-btn{
		display: block !important;
	}
	.filters-box .row .col-3{
		flex: 0 0 50%;
    	max-width: 50%;
		padding: 0px 5px;
	}
	.filters-box .row .col-8{
		flex: 0 0 50%;
    	max-width: 50%;
		padding: 0px 5px;
	}
	#filters .search-box{width: 100%;}
 
	.whychoose-block {
		padding: 60px 0;
		background: #050744;
		text-align: center;
	}
	#pagebanner h1 {
		font-size: 22px;
	}
	.filters_boxs ul {
		display: block;
		align-items: center;
		margin: 0;
		justify-content: center;
	}
	.filters_boxs ul li {
		padding: 8px 0;
		flex: 0 0 250px;
		max-width: 100%;
	}
	.filters_boxs ul li:last-child {
		max-width: 100%;
		text-align: center;
	}
	.filters_boxs {
		padding: 30px 0;
	}
	.icons_list ul li {
		padding: 0 5px;
	}
	.icons_list ul {
		margin: 0px -5px;
	}
	.pagebanner-block {
		padding: 50px 0;
	}
 
	.h1, h1{font-size: 1.5rem;}
	.h2, h2{font-size: 1.4rem;}
	.h3, h3{font-size: 1.3rem;}
	.h4, h4{font-size: 1.2rem;}
	.h5, h5{font-size: 1.1rem;}
	.h6, h6{font-size: 1rem;}
	#appointment_list_datatable *{font-size: min(3vw, 14px);}
	#appointment_list_datatable .pl-4{padding-left: 1rem !important;}
	#contactus .contactus-block {padding: 60px 0;}
	#contactus .contactus-map iframe {
		position: relative;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 280px !important;
		margin-top: 30px;
	}
	#contactus .contactus-box > div > div:first-child {-ms-flex-order: 2; order: 2; margin-top: 2rem;}
	#aboutus .contactus-box .row .col-md-6:first-child{-ms-flex-order: 2; order: 2;}
	#shop_detail .shop_detail_block{padding: 20px 0px;}
}
/* HTC One Landscape */
@media (max-width: 640px) {
	/* .row {
		margin-left: 0px !important;
	} */
	.swiper .swiper-wrapper .swiper-slide {
		width: 100%;
	}
	#grid .row .col-md-3{
		max-width: 100% !important;
		min-width: 100% !important;
	}
	.h1, h1{font-size: 1.4rem;}
	.h2, h2{font-size: 1.3rem !important;}
	.h3, h3{font-size: 1.2rem;}
	.h4, h4{font-size: 1.1rem;}
	.h5, h5{font-size: 1.0rem;}
	.h6, h6{font-size: 0.9rem;}
	#calendar .fc-toolbar{display: flex;align-items: center;}
	#calendar .fc-toolbar .fc-right{display: none;}
	#calendar .fc-toolbar .fc-center h2{font-size: 18px !important;}
	#calendar .fc-toolbar .fc-center{margin-left: auto;}
	#calendar .fc-toolbar .fc-more .dropdown-toggle::before{display: none;}
	#calendar-page{padding: 8px;}
	.fc-unthemed .fc-content, .fc-unthemed .fc-divider,
	.fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view,
	.fc-unthemed .fc-popover, .fc-unthemed .fc-row,
	.fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
		font-size: min(3vw, 14px);
	}
	/* a.menu-icon span {
		display: block;
		margin: 5px 0;
		background: #fff;
		height: 3px;
	} */
	.section-title h1 {
		font-size: 25px;
	}
	.section-title h5 {
		font-size: 18px;
	}
	#awaits .appointment_content h4 {
		font-size: 18px;
	}
	#awaits .appointment_content {
		height: auto;
	}
	#awaits .awaits-block {
		padding: 50px 0;
	}
	.contents h1 {
		font-size: 25px;
	}
	#contactus .contactus-block {
		padding: 60px 0;
	}
	#contactus .contactus-map iframe {
		position: relative;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 280px !important;
		margin-top: 30px;
	}
	/* #contactus .col-md-6:first-child {
		order: 2;
	} */
	.authmodel .modal-dialog .modal-content {
		padding: 0;
	}
	.authmodel .modal-dialog .modal-content {
		border-radius: 10px;
	}
	.authmodel .close-model {
		position: absolute;
		top: -2px;
		right: -2px;
		width: 35px;
		height: 35px;
		line-height: 41px;
		font-size: 16px;
	}
	.authmodel .modal-dialog {	width: calc(100% - 30px) !important;}
}

@media (max-width: 480px) {
	.w-100 {
		margin: 0 auto;
	}
	#page_wapper .home-section{
		min-height: max-content;
	}
	.home-1 #home-form{
		width: 100%;
	}
	.home-1 .images{
		gap: 1rem;
	}
	.home-1 .images img{
		width: 3rem;
	}
	.slider > .btn{
		font-size: 18px;
	}
	.p-4{
		padding-top: 10px !important;
		padding-right: 10px !important;
		padding-bottom: 10px !important;
		padding-left: 10px !important;
	}
	.my-5{
		margin-top: 1rem !important;
		margin-bottom: 1rem !important;
	}
	.mt-4{
		margin-top: 0.8rem;
	}
	#footer .footer-block{
		padding-top: 10px;
	}
	.home-section .swiper-wrapper *{
		font-size: small;
	}
}
/* Nokia Lumia Portrait */
@media (max-width: 460px) {
}
/* HTC One Portrait */
@media (max-width: 360px) {
}
/* I-phone Portrait */
@media (max-width: 320px) {
	#login_model .link {
		text-align: center;
	}
}
/* Small mobile */
@media (max-width: 240px) {
}

@media (max-width: 394px) {
	.chat-h3{
		margin: 100px 15px !important;
	}
}
