@media (max-width: 767px)
{ 
			body
			{
					margin: 0px 0 0 0!important;
					overflow:auto;
			}	
			.user-res-sitting-pl
			{
					padding-left:0;
					padding-right:0px;
			}
			.user-res-sitting-pr
			{
					padding-left:0px;
					padding-right:0;
			} 
			.user-res-sitting .reserve-wrapper 
			{
					display: block;
					align-items: stretch;`
			}
			#reserve-left 
			{
					/* padding: 20px; */
					/* min-height: 100vh; */
					transition: all 0.3s;
					/* height: 100%; */
					/* width: calc(100% - 60px); */
					width: 100%;
					/* margin-right: 250px; */
					border: 1px solid #dbdae3;
			}
			#reserve-right 
			{
					transition: all 0.3s;
					width: 100%;
					border: none; 
					background: #f8f7fa; 
			}	
			.user-res-sitting .user-reserve-right .tic-detail-box,
			.user-res-sitting .user-reserve-right .order-summery-box
			{
					padding: 15px; 
			}	 
			
			.user-res-sitting .user-reserve-right .order-summery-box
			{
					padding-left: 0px; 
					padding-right: 0px; 
			}	 
			.user-res-sitting .user-reserve-right 
			{
					position: absolute;
					bottom: 0px;
					padding-bottom: 40px;
			}
			.user-res-sitting .user-reserve-right .ticket-box-height
			{
					max-height: 100%;
					overflow: auto;
					max-height: auto;
			} 
			.user-res-sitting .user-reserve-right .sliding-box-ht
			{
					height: 100vh;
					overflow:auto;
					padding-top: 50px;
			}
			.common-reserve-model .modal-title 
			{ 
				font-size: 14px; 
			}
			.common-reserve-model  .modal-body 
			{
				padding: 10px 0px;
			}
			.common-reserve-model   .modal-header .close 
			{
				font-size: 26px;
			}
			.common-reserve-model  .modal-header,
			.common-reserve-model  .modal-footer			
			{
				padding: 10px 15px;
			}
			#event-listing-view .user-res-sitting  .row_label a
			{ 
				font-size: 9px;
			}
			.user-res-sitting .btn-map-plus-minus
			{ 
				width: 25px;
				height: 25px;
				font-size: 14px;
				line-height: 14px;
			}
			.user-res-sitting .box-map-plus-minus
			{ 
				width: 25px;
				height: 50px;
				margin-left: 7px;
				margin-top: 2%;
			}
			
			#mb-photoshoot-msg .offer-bg
			{  
				background-color:#03A9F4;  
				padding: 5px 10px;
				z-index: 99;
			}
			#mb-photoshoot-msg  .offer-bg  p.offer-text
			{    
				color:#fff !important;
				font-size: 12px;
				font-style: normal;
				font-weight: normal;
				text-transform: inherit;
				margin-bottom: 0;
			}
			#mb-photoshoot-msg  .offer-bg  .offer-text   .offer-text-close			
			{
				position: absolute;
				right: 5px;
				top: 5px;
			}
			 
} 
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation: landscape) 
{   

}
@media (max-width: 991px) and (min-width: 768px)
{
			.user-res-sitting .reserve-wrapper 
			{
					display: block;
					align-items: stretch;
			}
			#reserve-left 
			{ 
					transition: all 0.3s; 
					width: 100%; 
					border: 1px solid #dbdae3;
			}
			#reserve-right 
			{
					transition: all 0.3s;
					width: 100%;
					border: none; 
					background: #f8f7fa; 
			}	
			.user-res-sitting .user-reserve-right .tic-detail-box,
			.user-res-sitting .user-reserve-right .order-summery-box
			{
					padding: 15px; 
			}	
			.user-res-sitting .user-reserve-right .order-summery-box
			{
					padding-left: 0px; 
					padding-right: 0px; 
			}				
			.user-res-sitting .user-reserve-right 
			{
					position: absolute;
					bottom: 0px; padding-bottom: 40px;
			}
			.user-res-sitting .user-reserve-right .ticket-box-height
			{
					max-height: 100%;
					overflow: auto;
					max-height: auto;
			} 
			.user-res-sitting .user-reserve-right .sliding-box-ht
			{
					height: 100vh;
					overflow:auto;
					padding-top: 50px;
			} 
			.user-res-sitting .reserve-footer ul.left-icons li i.fa
			{ 
				font-size: 16px; 
			}
			.user-res-sitting .reserve-footer .grand-tot
			{ 
				font-size: 16px; 
			}
} 
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
{
		#reserve-left 
		{ 
			width: 70%; 
		}	
		#reserve-right 
		{ 
			width: 30%; 
		}		
		.user-res-sitting .user-reserve-right .tic-detail-box,
		.user-res-sitting .user-reserve-right .order-summery-box 
		{
			padding: 20px 10px;
		}	 
		.user-res-sitting .user-reserve-left .desk-checkout 
		{ 
			width:70%; 
		}
		/*.user-res-sitting .user-reserve-right .user-event-img
		{ 
			height: 170px;
		}*/
		.user-res-sitting .user-reserve-right .eventimgbox
		{ 
			height: 180px; 
		}
}