/****************************************
	MEDIA QUERIES
****************************************/

/***** for 1366px or less ===========*/
@media All and (max-width:1366px) {
	
}


/***** for 1280px or less ===========*/
@media All and (max-width:1280px) {
	.MainWrapper { margin:0px 25px;}
}

@media All and (max-width:1199px) {
	.BoxxWrapp.Image { background-position:center bottom -70px;}
	.InfoLinks {
		margin-bottom:30px;
	}
}


/***** for 1024px or less ===========*/
@media All and (max-width:1024px) {
	
}


/***** for 1000px or less ===========*/
@media All and (max-width:991px) {
	header#TopHead {
		top: 30px;
		height: 52px;
		background: rgba(0,0,0,.75);
	}
	header .Logo {
		top: -50px;
		left: -20px;
	}
	
	header#TopHead.th_active { top:0;}
	header.th_active .Logo { top: -20px;}
	
	.CallButton { display:none;}
	
	.CallBtnForMbl strong,
	.CallBtnForMbl b {
		font-size:20px;
		color:#ffe400;
		font-weight:400;
	}
	
	#MainBottom.WhiteWrapper { margin-top:0;}
	#MainBottom .MainWrapper { padding: 50px 0 0 0;}
	
	.Title h2, .Title p { width:80%;}
	
	#OurPackages.GreyWrapper { padding-bottom:0;}
	
	.Package { margin-bottom:50px;}
	
	.HomeSchedule { margin-bottom:50px;}
	
	#Footer .ContactForm { margin-top:50px;}
	
	.VideoWrapp iframe {
		margin-bottom:40px;
		height:400px;
	}
}


/***** for 768px or less ===========*/
@media All and (max-width:768px) {
	.BoxxWrapp.Image { background-position:center bottom;}
	
	.WhiteWrapper, .GreyWrapper,
	.SubpageWrapper { padding: 50px 0;}
	
	.ScheduleTable > table > thead { display:none;}
	
	.ScheduleTable > table > tbody > tr { border-bottom:30px solid #fff;}
	.ScheduleTable > table > tbody > tr > td {
		float:left;
		padding-bottom: 13px;
	}
	
	.ScheduleTable > table > tbody > tr > td:nth-child(01),
	.ScheduleTable > table > tbody > tr > td:nth-child(02),
	.ScheduleTable > table > tbody > tr > td:nth-child(03),
	.ScheduleTable > table > tbody > tr > td:nth-child(04) { width:50%;}
	.ScheduleTable > table > tbody > tr > td:nth-child(05) { width:100%;}
	
	.ScheduleTable > table > tbody > tr > td:nth-child(02),
	.ScheduleTable > table > tbody > tr > td:nth-child(04) { border-right:1px solid #d5d5d5;}
	
	.ScheduleTable > table > tbody > tr > td:nth-child(01),
	.ScheduleTable > table > tbody > tr > td:nth-child(02) { border-top:1px solid #d5d5d5;}
	
	.ScheduleTable > table > tbody > tr > td:nth-child(05) br { display:none;}
	
	.ScheduleTable .MblTitle { display: block;}
}

@media All and (max-width:760px) {
	.CallButton {
		position: absolute;
		top: 100px;
	}
	
	
	.BoxxWrapp h2 {
		font-size: 40px;
		line-height: 42px;
	}
	.BoxxWrapp h3 {
		font-size: 16px;
		line-height: 20px;
		font-weight: 600;
	}
	.BoxxWrapp h4 {
		font-size: 17px;
		line-height: 22px;
	}
}

@media All and (max-width:650px) {
	body {
		font-size: 16px;
		line-height: 24px;
	}
	
	.Title i { display:none;}
	
	.Title img {
		position:relative;
		height:auto;
		margin:15px auto 0 auto;
		display:block;
	}
	
	.Title h2, .Title p { width: 100%;}
	.Title h2, .PageTitle .Title h2 {
		font-size: 30px;
		line-height: 34px;
		font-weight: 400;
	}
	.Title h3 {
		font-size: 14px;
		line-height: 18px;
	}
	
	.FourBlocks.row > .col-xs-4 { width:100%;}
	.BoxxWrapp {height:auto;}
	.BoxxWrapp table tr td {
		height:auto;
		padding:40px 10px;
	}
	.BoxxWrapp.Image { height:300px;}
	
	.Package h2 {
		font-size:22px;
		line-height:26px;
	}

	.Heading1 {
		font-size: 22px;
		line-height: 27px;
	}
}

@media All and (max-width:600px) {
	#Footer .ContactForm .col-xs-4 { width:100%;}
	
	.VideoWrapp iframe { height:300px;}
	
	.RamdanTable .table > tbody > tr > td {
		float:left;
		width:100%;
		border-right:1px solid #d5d5d5;
	}
}

@media All and (max-width:550px) {
	#OurPackages .col-xs-6 { width:100%;}
}

@media All and (max-width:500px) {
	.BookingForm .col-xs-6 { width:100%;}
}


/***** for 480px or less ===========*/
@media All and (max-width:480px) {
	.PriceWrapp .col-xs-6 {
		width:100%;
		text-align:left;
	}
	.PriceWrapp .btn { margin-top:15px;}
	
	.Price,
	.table .Price {
		font-size:25px;
		line-height:26px;
	}
	
}

@media All and (max-width:400px) {
	.Package img { width:100%;}
	
	.PhotoGallery.row > .col-xs-6 { width:100%;}
	
	.BookingForm .col-xs-4 { width:100%;}
	
	.ScheduleTable > table > tbody > tr > td {
		width:100% !important;
		border-right:1px solid #d5d5d5;
	}
	.ScheduleTable > table > tbody > tr > td:nth-child(05) br { display:block;}
	.ScheduleTable > table > tbody > tr > td:nth-child(02) { border-top: none;}
}


/***** for 320px or less ===========*/
@media All and (max-width:320px) {
	
}