@media (max-width: 767px)
{ 
		body
		{
			margin: 0 0 0 0!important;
		}  
		#vieworder .vieworder-cont
		{
			padding-left: 0;
			padding-right: 0;
			margin-left: auto !important;
			margin-right: auto !important;
		}
		#vieworder
		{ 
			margin-top: 0;
		} 
		.vieworder-nopd-l 
		{
			padding-left: 0;
			padding-right: 0;
		}	
		.vieworder-nopd-r
		{
			padding-left: 0;
			padding-right: 0;
		}
		#vieworder p
		{
			font-size:12px;
		}
		#vieworder .form-control
		{
			font-size:14px;
		} 
		#vieworder .heading-my-events 
		{
			font-size: 20px; 
			margin-bottom: 20px;
			margin-top: 20px;
		}
		#vieworder .heading-my-events span 
		{
			font-size: 20px; 
		}
		#vieworder .view-order-detail .view-order-inner .ticorder-tic-box table.tbl-ticorder , 
		#vieworder .view-order-detail .ticket-transfer-box table.tbl-transfer
		{
			table-layout: inherit;
		} 
		#vieworder .vieworder-block 
		{
			margin-bottom:0px;
			margin-top: 0;
		} 
		#vieworder ul.buttonsul-ul
		{
			padding-left: 0; 
			display: block;
			float: left;
		}
		#vieworder ul.buttonsul-ul li 
		{ 
			margin-right: 5px;
			display: block;
			margin-bottom:8px;
		} 
		#vieworder .view-order-detail .view-order-inner .order-event-img-detail 
		{ 
			width: 100%; 
		}  
		#vieworder .view-order-detail .view-order-inner .order-event-img-detail .vieworder-eventname a
		{ 
			font-size: 14px; 
			font-weight: bold;
		}

		#vieworder .view-order-detail .view-order-inner .order-event-img-detail p.vieworder-dt-time 
		{
			font-size: 12px; 
		}
		#vieworder .view-order-detail .view-order-inner .order-qty-box p.order-qty
		{
			font-size: 14px; 
		}
		#vieworder .view-order-detail .view-order-inner .ticorder-tic-box p.ticorder-tic-p, 
		#vieworder .view-order-detail .ticket-transfer-box p.ticorder-tic-p 
		{
			font-size: 14px; 
		}
		#vieworder .view-order-detail a.print-tickets 
		{ 
			font-size: 14px;
		}
		#vieworder .view-order-detail .view-order-inner .ticorder-tic-box table.tbl-ticorder>thead>tr>td, 
		#vieworder .view-order-detail .ticket-transfer-box table.tbl-transfer>thead>tr>td
		{
			font-size: 14px; 
		} 
		#vieworder .view-order-detail .view-order-inner .order-qty-box
		{ 
			border-left: none;
		}
		 #vieworder .common-order-model .modal-dialog
		 {
			margin: 80px 10px;
		}
		#vieworder .common-order-model .modal-header .modal-title
		{ 
			font-size: 16px; 
		}
		#vieworder .common-order-model .modal-header  .close
		{
			font-size: 26px;
			opacity: .5;
		}
		#vieworder .common-order-model .form-control
		{
			height: 36px !important;
			width:100%;
		}
		#vieworder .common-order-model .modal-body 
		{
			padding: 10px 0px;
		}
		#vieworder ul.vieworder-ul
		{ 
			float: left;
		}
		#vieworder ul.vieworder-ul .ticorder-tic-p
		{
			margin-bottom:0 !important;
		}
		.tbl-ticorder>tbody>tr>td,
		.tbl-transfer>tbody>tr>td
		{
			padding: 15px 8px; 
		}

		img.refundProtectImageclass {
			max-height: 75px;
			margin: 0 auto 20px;
		}
		 
} 
@media only screen and (min-device-width: 320px) and (max-device-width: 767px) and (orientation: landscape) 
{   
			 .vieworder-nopd-l 
			{
					padding-left: 0;
					padding-right: 0;
			}	
			.vieworder-nopd-r
			{
					padding-left: 0;
					padding-right: 0;
			}
			#vieworder p
			{
					font-size:12px;
			}
			#vieworder .form-control
			{
					font-size:14px;
			} 
			#vieworder .heading-my-events 
			{
				font-size: 20px; 
				margin-bottom: 20px;
				margin-top: 20px;
			}
			#vieworder ul.buttonsul-ul
			{
				padding-left: 0;
				display: inline-block;
				float: left;
			}
			#vieworder ul.buttonsul-ul li 
			{
				margin-right: 10px;
				display: inline-block;
			}	
			#vieworder .view-order-detail .view-order-inner .order-event-img-detail .vieworder-eventname a 
			{
				font-size: 16px;
				font-weight: normal;
			}
			#vieworder .view-order-detail .view-order-inner .order-event-img-detail p.vieworder-dt-time 
			{
				font-size: 14px;
			}
			#vieworder .view-order-detail .view-order-inner .order-qty-box
			{ 
				border-left: none;
			} 
			#vieworder .view-order-detail .view-order-inner .ticorder-tic-box p.ticorder-tic-p,
			#vieworder .view-order-detail .ticket-transfer-box p.ticorder-tic-p
			{
				font-size: 14px;
			}
			#vieworder .view-order-detail a.print-tickets 
			{ 
				font-size: 14px;
			}
			#vieworder .view-order-detail a.print-tickets 
			{ 
				font-size: 14px;
			} 
			.visible-xs-land
			{
				display:none!important
			}
}  
@media (max-width: 991px) and (min-width: 768px)
{
			#vieworder .heading-my-events
			{
				font-size: 20px;
			}	
			#vieworder ul.buttonsul-ul li
			{ 
				margin-right: 8px; 
			}
			#vieworder ul.buttonsul-ul li a,
			#vieworder ul.buttonsul-ul li a span i.fa
			{
				font-size: 14px; 
			}
			#vieworder .view-order-detail .view-order-inner .order-event-img-detail .vieworder-eventname a 
			{
				font-size: 16px; 
			}
			#vieworder .view-order-detail .view-order-inner .order-event-img-detail p.vieworder-dt-time 
			{
				font-size: 12px;
			}
			#vieworder .view-order-detail .view-order-inner .order-event-img-detail .vieworder-dt-time span img.manage-calc-ico
			{
				width: 14px;
			}
			#vieworder .view-order-detail .view-order-inner .order-qty-box p.order-qty
			{
				font-size: 12px; 
			}
			#vieworder .view-order-detail a.print-tickets 
			{ 
				font-size: 14px; 
			}
			#vieworder .view-order-detail .view-order-inner .ticorder-tic-box p.ticorder-tic-p, 
			#vieworder .view-order-detail .ticket-transfer-box p.ticorder-tic-p 
			{
				font-size: 14px; 
			}
			/*below css added for making table scrollable in ipad portrait view*/
			#vieworder .table-responsive-ipad
			{
				width: 100%;
				margin-bottom: 15px;
				overflow-y: hidden;
				-ms-overflow-style: -ms-autohiding-scrollbar;
				border: 1px solid #ddd;
			}
			#vieworder .view-order-detail .view-order-inner .ticorder-tic-box table.tbl-ticorder,
			#vieworder .view-order-detail .ticket-transfer-box table.tbl-transfer
			{
				table-layout: inherit;
			}
			#vieworder .table-responsive-ipad>.table 
			{
				margin-bottom: 0;
			}
			#vieworder .table-responsive-ipad>.table>tbody>tr>td,
			#vieworder .table-responsive-ipad>.table>tbody>tr>th, 
			#vieworder .table-responsive-ipad>.table>tfoot>tr>td, 
			#vieworder .table-responsive-ipad>.table>tfoot>tr>th,
			#vieworder .table-responsive-ipad>.table>thead>tr>td, 
			#vieworder .table-responsive-ipad>.table>thead>tr>th 
			{
				white-space: nowrap;
			}
			#vieworder .table-responsive-ipad>.table>thead>tr>th, 
			#vieworder .table-responsive-ipad>.table>tbody>tr>th,
			#vieworder .table-responsive-ipad>.table>tfoot>tr>th,
			#vieworder .table-responsive-ipad>.table>thead>tr>td, 
			#vieworder .table-responsive-ipad>.table>tbody>tr>td,
			#vieworder .table-responsive-ipad>.table>tfoot>tr>td 
			{
				word-wrap: break-word;
			}
			/*below css added for making table scrollable in ipad portrait view*/
			#vieworder ul.buttonsul-ul li a.write-review-a,
			#vieworder ul.buttonsul-ul li a.write-review-a span i.fa  
			{
				font-size:10px;
			}


} 
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
{
	
			#vieworder .heading-my-events 
			{
				font-size: 24px;
			}
			#vieworder .view-order-detail .view-order-inner .order-event-img-detail p.vieworder-dt-time,
			#vieworder .view-order-detail .view-order-inner .order-qty-box p.order-qty
			{
				font-size: 14px; 
			}
			#vieworder .view-order-detail .view-order-inner .ticorder-tic-box p.ticorder-tic-p,
			#vieworder .view-order-detail .ticket-transfer-box p.ticorder-tic-p,
			#vieworder .view-order-detail a.print-tickets
			{
				font-size: 14px; 
			}
	
	
			/*below css added for making table scrollable in ipad portrait view*/
			#vieworder .table-responsive-ipad
			{
				width: 100%;
				margin-bottom: 15px;
				overflow-y: hidden;
				-ms-overflow-style: -ms-autohiding-scrollbar;
				border: 1px solid #ddd;
			}
			#vieworder .view-order-detail .view-order-inner .ticorder-tic-box table.tbl-ticorder,
			#vieworder .view-order-detail .ticket-transfer-box table.tbl-transfer
			{
				table-layout: inherit;
			}
			#vieworder .table-responsive-ipad>.table 
			{
				margin-bottom: 0;
			}
			#vieworder .table-responsive-ipad>.table>tbody>tr>td,
			#vieworder .table-responsive-ipad>.table>tbody>tr>th, 
			#vieworder .table-responsive-ipad>.table>tfoot>tr>td, 
			#vieworder .table-responsive-ipad>.table>tfoot>tr>th,
			#vieworder .table-responsive-ipad>.table>thead>tr>td, 
			#vieworder .table-responsive-ipad>.table>thead>tr>th 
			{
				white-space: nowrap;
			}
			#vieworder .table-responsive-ipad>.table>thead>tr>th, 
			#vieworder .table-responsive-ipad>.table>tbody>tr>th,
			#vieworder .table-responsive-ipad>.table>tfoot>tr>th,
			#vieworder .table-responsive-ipad>.table>thead>tr>td, 
			#vieworder .table-responsive-ipad>.table>tbody>tr>td,
			#vieworder .table-responsive-ipad>.table>tfoot>tr>td 
			{
				word-wrap: break-word;
			}
			/*below css added for making table scrollable in ipad portrait view*/
			#vieworder ul.buttonsul-ul li a.write-review-a,
			#vieworder ul.buttonsul-ul li a.write-review-a span i.fa  
			{
				font-size:12px;
			}
}