@media only screen and (max-width:320px)
{
	
}

@media only screen and (max-width:480px)
{	
	/* sell medicine */
	.ai_cms_sell_block
	{
		margin-left:0;
		padding:10px 0 20px 0;
	}
	
	.ai_cms_sell_med_title h3 
	{
		padding-bottom:20px;
	}
	
	/* appointment page classes */
	.ai_cms_appoint_btn, .ai_cms_sell_med_btn
	{
		text-align:left !important;
	}
	
	/*checkout classes */
	.ai_cms_checkout_inner aside
	{
		padding:0 10px;
		border-right:0;
	}
	/* quick view form */
	.ai_cms_appoint_quick_form
	{
		padding:0;
	}
	
	/*settings */
	.ai_cms_settings_gender div label 
	{
		width:100%;
	}
	
	.ai_clinic_settings_form_block h4 
	{
		font-size:16px;
	}
	
	.ai_clinic_settings_form_block
	{
		padding:0;
	}
	
	/* view appointment */
	html .ai_clinic_appoint_desc h5 span
	{
		display:block;
		float:none;
		margin-top:10px;
	}
	
	/* sell medicine module */
	html .ai_fe_select_exist_med_btn
	{
		margin-top:0px;
	}
	.ai_fe_add_med_desktop_view
	{
		display:none;
	}
	html .ai_fe_add_med_mobile_view
	{
		display:block;
	}
	.ai_clinic_add_existing_medicine
	{
		margin-top:10px;
	}
}

@media only screen and (min-width:576px)
{
	/* add doctor popup classes */
	body .modal-dialog
	{
		max-width:638px;
	}
}

@media only screen and (max-width:568px)
{
	/* sales overview classes */
	.ai_cms_overview_tabs_option
	{
		margin-bottom:20px;
		margin-top:10px;
	}
	
	.ai_cms_overview_tabs .nav-tabs
	{
		padding-right:0;
	}
	
	.ai_cms_overview_tabs .nav-tabs .nav-link, .ai_cms_overview_tabs .ai_cms_overview_tabs_option, .ai_cms_invoices_tabs .nav-tabs .nav-link, .ai_cms_invoices_tabs .ai_cms_overview_tabs_option
	{
		text-align:center !important;
	}
	
	.ai_cms_overview_tabs .nav-tabs .nav-item, .ai_cms_invoices_tabs .nav-tabs .nav-item
	{
		width:100%;
	}
	
	/* add doctor popup classes */
	.ai_cms_doctor_fee 
	{
		width:85%;
	}
	
	.ai_cms_doctor_fee_close 
	{
		width:15%;
	}
	
	/*package classes */
	.ai_cms_package_inner > ul > li
	{
		padding:20px 0;
	}
	/* quick form */
	.ai_cms_appoint_quick_form_l, .ai_cms_appoint_quick_form .ai_cms_quick_id h6, .ai_cms_quick_calendar
	{
		text-align:center!important;
	}
	html .ai_fe_select_exist_med_btn
	{
		margin-top:0px;
	}
	
}

@media only screen and (max-width:768px)
{
	html #full-clndr .event-listing
	{
		width:100%;
		margin-top:50px;
		background-color:#fff;
	}
	/* sell medicine module */
	
}

@media only screen and (max-width:736px)
{
	/* sell medicine */
	.ai_cms_clinic
	{
		max-width:100%;
	}
	
	.ai_cms_sell_step_three
	{
		margin-top:30px;
	}
	
	/* appointment page classes */
	.ai_cms_search_block 
	{
		border-right:none;
	}
	
	.ai_cms_appoint aside, .ai_cms_search_l>aside
	{
		padding:0;
	}
	
	/* thankyou classes */
	.ai_cms_thankyou_details 
	{
		padding:0;
	}
}

@media only screen and (min-width:568px) and (max-width:730px)
{
	.head_print figure
	{
		width:40%;
	}
	
	/* settings */
	.ai_clinic_settings_form_block
	{
		padding:0;
	}
	html .ai_fe_select_exist_med_btn
	{
		margin-top:0px;
	}
}

@media only screen and (min-width:570px) and (max-width:736px)
{
	/* patient page classes */
	.ai_cms_patient .ai_cms_sell_field a , .ai_cms_doctors .ai_cms_sell_field a 
	{
		margin-top:52px;
		margin-bottom:0;
	}
	
	.ai_cms_patient .ai_cms_search_block, .ai_cms_doctors .ai_cms_sell_field
	{
		padding-bottom:30px;
	}
	
	.ai_cms_patient h4 
	{
		margin-top:30px;
	}
	
	/*sales overview classes*/
	.ai_cms_overview_tabs .nav-tabs .nav-link
	{
		font-size:14px;
	}
}

@media only screen and (max-width:1020px)
{
	.ai_cms_pass_alert
	{
		position:relative;
		top:0;
	}
}

@media only screen and (min-width:768px) and (max-width:1020px)
{
	/* sell medicine */
	.ai_cms_clinic
	{
		max-width:100%;
	}
	
	/* appointment page classes */
	.ai_cms_search_block 
	{
		border-right:none;
	}
	
	/* patient page classes */
	.ai_cms_patient .ai_cms_sell_field a , .ai_cms_doctors .ai_cms_sell_field a
	{
		margin-top:52px;
		margin-bottom:0;
	}
	
	.ai_cms_patient .ai_cms_search_block, .ai_cms_doctors .ai_cms_sell_field
	{
		padding-bottom:30px;
	}
	
	.ai_cms_patient h4 
	{
		margin-top:30px;
	}
	/* quick view classes */
	.ai_cms_appoint_quick_form
	{
		padding:0;
	}
	
	.ai_cms_appoint_quick_head h1
	{
		font-size:14px;
	}
	
	.ai_cms_appoint_quick_head
	{
		padding:20px 10px;
	}
	
	.ai_cms_appoint_quick_form .ai_cms_quick_id h6
	{
		text-align:left!important;
		padding-top:0;
	}
	
	.left-sidebar 
	{
		overflow-x:scroll;
	}
}

@media only screen and (min-width:800px) and (max-width:900px)
{
	html #full-clndr .event-listing .event-listing-title
	{
		padding:15.5px;
		font-size:14px;
	}
}

@media only screen and (min-width:1024px) and (max-width:1300px)
{
	/* package classes */
	.ai_cms_package .ai_cms_package_inner > ul > li  
	{
		max-width:40%;
	}
	
	/* checkout classes */
	.ai_cms_checkout_inner
	{
		max-width:100%;
	}
	/* quick view classes */
	.ai_cms_appoint_quick_head h1
	{
		font-size:18px;
	}
	
	.ai_cms_appoint_quick_form .ai_cms_quick_id h6
	{
		text-align:left!important;
		padding-top:0;
	}
	
	/*settings */
	html .ai_cms_settings_gender div label 
	{
		width:100%;
	}
	
	/* view appointment */
	.ai_clinic_appoint_desc a
	{
		font-size:13px;
	}
	
	.container-fluid.r-aside
	{
		padding-right:15px;
	}
}

@media only screen and (min-width:1024px) and (max-width:1500px)
{
	/* sell medicine */
	.ai_cms_clinic
	{
		max-width:100%;
	}
	
	.ai_cms_sell_block
	{
		margin-left:0;
		padding:10px 10px;
	}
	
	/* settings */
	.ai_clinic_settings_form_block
	{
		padding:0 10px;
	}
}