/* 
	Generic Styling, for Desktops/Laptops 
	*/
	
	table { 
		width: 100%; 
		border-collapse: collapse; 
	}
	
	.hotels_accommodations table { 
		width: 100%; 
		border-collapse: collapse; 
	}
	/* Zebra striping */
	.hotels_accommodations tr:nth-of-type(odd) { 
		background: #eee; 
	}
	.hotels_accommodations th { 
		background: #000; 
		color: white; 
		font-weight: bold; 
	}
	.hotels_accommodations td, th { 
		padding: 6px; 
		border: 1px solid #ccc; 
		text-align: left; 
	}
	
	
	
.exhibitor_list table {
		width: 100%; 
		border-collapse: collapse; 
	}
	/* Zebra striping */
	.exhibitor_list tr:nth-of-type(odd) { 
		background: #eee; 
	}
	/*.exhibitor_list th { 
		background: #000; 
		color: white; 
		font-weight: bold;
		padding:6px; 
	}*/
	
	.exhibitor_list th {
    background: #d4d4d4;
    color: #151515;
    font-weight: bold;
    padding: 12px;
    font-size: 14px;
	}

	.exhibitor_list th p { 
		margin:0;
	}
	
	.exhibitor_list td, th {
		padding: 6px;
		border: 1px solid #ccc;
		text-align: left;
		word-break: break-word;
	}
	
	.restart{  visibility: hidden;}
	
	
/*+++++++++++++++++++++++++++++++++++++++++++++++++++ mobile portrait +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* mobile portrait */
@media only screen and (min-width: 320px) and (max-width: 479px){
	
		/* Force table to not be like tables anymore */
		.hotels_accommodations table, thead, tbody, /*th, td,*/ tr { 
			display: block;
			width:100%; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		.hotels_accommodations thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.hotels_accommodations tr { border: 1px solid #ccc; }
		
		.hotels_accommodations td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #ccc; 
			position: relative;
			padding-left: 50%; 
		}
		
		.hotels_accommodations td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%;
			font-weight:bold; 
			padding-right: 10px; 
			/*white-space: nowrap;*/
		}
		
		.hotels_accommodations td .break:before{ content: '<br/>';}
		
		.restart{ display:block;}
		
		/*
		Label the data
		*/
		.hotels_accommodations td:nth-of-type(1):before { content: "Sr. No."; }
		.hotels_accommodations td:nth-of-type(2):before { content: "Hotel"; }
		.hotels_accommodations td:nth-of-type(3):before { content: "Grade"; }
		.hotels_accommodations td:nth-of-type(4):before { content: "Location & Distance from HGH India Venue"; }
		.hotels_accommodations td:nth-of-type(5):before { content: "Fantastic:Standard Room Single /Double Charges (Rs.)"; }
		.hotels_accommodations td:nth-of-type(6):before { content: "Included"; }
		.hotels_accommodations td:nth-of-type(7):before { content: "Excluded"; }
		
		
		
		
		
		
		/* Force table to not be like tables anymore */
		.exhibitor_list table, thead, tbody, /*th, td,*/ tr { 
			display: block;
			width:100%; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		.exhibitor_list thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.exhibitor_list tr { border: 1px solid #ccc; }
		
		.exhibitor_list td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #ccc; 
			position: relative;
			padding-left: 48%; 
		}
		
		.exhibitor_list td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%;
			font-weight:bold; 
			padding-right: 10px; 
			/*white-space: nowrap;*/
		}
		
		.z-auto-g {padding:0px !important;}
		
		.exhibitor_list td:nth-of-type(1):before { content: "Booth No."; }
		.exhibitor_list td:nth-of-type(2):before { content: "Name Of Exhibitor"; }
		.exhibitor_list td:nth-of-type(3):before { content: "Brands Displayed"; }
		.exhibitor_list td:nth-of-type(4):before { content: "Brand Origin"; }
		.exhibitor_list td:nth-of-type(5):before { content: "Products"; }
		
		
		.table.table-stripped.table-bordered.scroll-table tr td:first-child, .table.table-stripped.table-bordered.scroll-table tr th:first-child {
			min-width: 60px;
			text-align: center;
		}
		
		.table.table-stripped.table-bordered.scroll-table tr td:nth-child(2), .table.table-stripped.table-bordered.scroll-table tr th:nth-child(2) {
			min-width: 280px;
			max-width: 280px;
			word-wrap: normal;
			white-space: break-spaces;
		}
		
		.table.table-stripped.table-bordered.scroll-table tr td:nth-child(3), .table.table-stripped.table-bordered.scroll-table tr th:nth-child(3) {
			min-width: 250px;
			max-width: 250px;
			white-space: break-spaces;
		}
		
		.table.table-stripped.table-bordered.scroll-table tr td:nth-child(4), .table.table-stripped.table-bordered.scroll-table tr th:nth-child(4) {
			min-width: 200px;
			max-width: 200px;
			white-space: break-spaces;
		}
		
		.table.table-stripped.table-bordered.scroll-table tr td:nth-child(5), .table.table-stripped.table-bordered.scroll-table tr th:nth-child(5) {
			min-width: 100px;
			max-width: 100px;
			white-space: break-spaces;
		}
		
	}
	
	

	
	
/*+++++++++++++++++++++++++++++++++++++++++++ mobile landscape and small tablet portrait +++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* mobile landscape and small tablet portrait */
@media only screen and (min-width: 600px) and (max-width: 767px){
	
		/* Force table to not be like tables anymore */
		.hotels_accommodations table, thead, tbody, th, td, tr { 
			display: block;
			width:100%; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		.hotels_accommodations thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.hotels_accommodations tr { border: 1px solid #ccc; }
		
		.hotels_accommodations td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #ccc; 
			position: relative;
			padding-left: 50%; 
		}
		
		.hotels_accommodations td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 50%;
			font-weight:bold; 
			padding-right: 10px; 
			/*white-space: nowrap;*/
		}
		
		.hotels_accommodations td .break:before{ content: '<br/>';}
		
		.restart{ display:block;}
		
		/*
		Label the data
		*/
		.hotels_accommodations td:nth-of-type(1):before { content: "Sr. No."; }
		.hotels_accommodations td:nth-of-type(2):before { content: "Hotel"; }
		.hotels_accommodations td:nth-of-type(3):before { content: "Grade"; }
		.hotels_accommodations td:nth-of-type(4):before { content: "Location & Distance from HGH India Venue"; }
		.hotels_accommodations td:nth-of-type(5):before { content: "Fantastic:Standard Room Single /Double Charges (Rs.)"; }
		.hotels_accommodations td:nth-of-type(6):before { content: "Included"; }
		.hotels_accommodations td:nth-of-type(7):before { content: "Excluded"; }
		
		
		
		
		/* Force table to not be like tables anymore */
		.exhibitor_list table, thead, tbody, /*th, td,*/ tr { 
			display: block;
			width:100%; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		.exhibitor_list thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.exhibitor_list tr { border: 1px solid #ccc; }
		
		.exhibitor_list td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #ccc; 
			position: relative;
			padding-left: 48%; 
		}
		
		.exhibitor_list td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px;
			left: 6px;
			width: 45%;
			font-weight:bold; 
			padding-right: 10px; 
			/*white-space: nowrap;*/
		}
		
		.z-auto-g {padding:0px !important;}
		
		.exhibitor_list td:nth-of-type(1):before { content: "Booth No."; }
		.exhibitor_list td:nth-of-type(2):before { content: "Name Of Exhibitor"; }
		.exhibitor_list td:nth-of-type(3):before { content: "Brands Displayed"; }
		.exhibitor_list td:nth-of-type(4):before { content: "Brand Origin"; }
		.exhibitor_list td:nth-of-type(5):before { content: "Products"; }
	}
	
/*++++++++++++++++++++++++++++++++++++++++++++++++++++ tablet landscape ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* tablet landscape */
@media only screen and (min-width: 768px) and (max-width: 991px){

.hotels_accommodations td, th { 
		padding: 6px !important; 
		border: 1px solid #ccc; 
		text-align: left; 
	}
	
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ IPAD landscape/ 1024 desktop +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* IPAD landscape */

@media only screen and (min-width: 992px) and (max-width: 1199px) {

.hotels_accommodations td, th { 
		padding: 6px !important; 
		border: 1px solid #ccc; 
		text-align: left; 
	}
	
}



/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ desktop/mac book +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* desktop */
@media (min-width: 1200px) and (max-width: 1340px) {

.hotels_accommodations td, th { 
		padding: 6px !important; 
		border: 1px solid #ccc; 
		text-align: left; 
	}
	
}