/* CSS Document */











@media(max-width:1366px) {











#myCarousel .item img {











	height: 750px;











}











.firstRight img {











	height: 375px











}











.sliderTxt h3 {











	font-size: 76px;











	line-height: 63px;











}











.bookATableSec {











	top: 840px;











}











.mainmenu {











	padding-top: 10px;











	padding-bottom: 10px;











}











.mainmenu ul li a {











	font-size: 14px;











}











.mainmenu ul li {











	padding: 0px;











}











.mainmenu ul li:last-child {











	padding: 0px 0 0px;











}











.reserveTable a {











	font-size: 13px;











	padding: 8px 15px;











	margin-top: 0px;











}











.down-text {





    width: 100%;





}











}











@media(max-width:1200px) {











.logo img {











	width: 100%;











}











.similarClass, footer {











	width: 78%;











}











.menuWrapper {











	width: 22%;











}











.menuAddress ul li {











	padding: 0px 0 4px 20px;











	margin-bottom: 8px;











}











.bookATableSec {











	padding-left: 15px;











}











.grouper .grouperSel1, .grouper .grouperSel2, .grouper .grouperSel3, .grouper .grouperSel4 {











	background-image: none;











	background-image: url(../img/icons.png) !important;











	background-position: 115% -349px;











}











.grouper select {











	padding-left: 15px;











	height: 40px;











	font-size: 12px;











}











.grouper .subBtn {











	height: 40px;











	font-size: 12px;











}











.similarClass h2 span {











	font-size: 45px;











}











.thirdInner h2 {











	line-height: 45px;











}











.similarClass h2 {











	font-size: 35px;









}











.thirdInner {











}











.thirdSecCol {











	float: left;











	margin-left: 20px;











}











.imgCircle {











	width: 100px;











	height: 100px;











}











.imgCircle1 {











	background: #FFF url(../img/circleIcons.png) center 9px no-repeat;











}











.imgCircle2 {











	background: #FFF url(../img/circleIcons.png) center -127px no-repeat;











}











.imgCircle3 {











	background: #FFF url(../img/circleIcons.png) center -127px no-repeat;











}











.thirdColTxt h3 {











	font-size: 25px;











}











.thirdColTxt p {











	font-size: 14px;











	line-height: 18px;











}











.reservaAtable a {











	font-size: 14px;











	padding: 8px 30px 8px;











}











.thirdSection {











	height: auto;











	padding-bottom: 60px;











}











.similarClass p {











	font-size: 15px;











}











.fourthColImg {











	width: 100%;











}











.fourthColImg img {











	height: auto;











}











.fourthSecCol {











	margin-left: 15px;











}











.m-l0 {











	margin-left: 0px !important;











}











.fourthColTxt {











	padding: 10px 10px 10px 15px;











}











.fourthColTxt h3 {











	font-size: 16px;











	color: #c98747;











	min-height: 26px;











}











.fourthColImg:before {











	width: 85px;











	height: 85px;











}











.fourthInner .fourthSecCol:nth-child(3) .fourthColImg:before {











	background-position: center -554px;











}











.fourthInner .fourthSecCol:nth-child(2) .fourthColImg:before {











	background-position: center -452px;











}











.fourthInner .fourthSecCol:nth-child(4) .fourthColImg:before {











	background-position: center -659px;











}











.fifthRightInner {











	width: 100%;











	display: inline-block;











	height: auto;











	padding: 50px 0;











}











.fifthInner p {











	line-height: 18px;











}











.fifthRight1 a {











	padding-left: 20px;











	margin-top: 120px;











	outline: none;











	width: 80%;











}











.fifthRight2 a {











	width: 80%;











	margin-top: 0;











}











.fifthRight1 a img, .fifthRight2 a img {











	width: 100%;











}











.fifthRight {











	height: auto;











}











.sixthSection {











	height: auto;











}











.sixthLeft, .sixthRight {











	width: 50%;











	margin-top: 0px;











}











.sixthLeft img {











	width: 100%;











}











.sixthInner {











	padding: 50px 0 50px 50px;











	width: 100%;











	float: left;











}











.sixthRightIn {











	max-width: 440px;











	padding-top: 70px;











	padding-left: 20px;











}











.sevenColImg {











	height: auto;











}











.sevenColTxt h5 {











	font-size: 14px;











}











.sevenColTxt p {











	font-size: 13px;











}











.footerInfo .pull-left, .footerInfo .pull-right {











	width: 100%;











	text-align: center;











}











.down-text h3 {





	font-size:43px;	





}











}











@media(max-width:992px) {











.similarClass, footer {











	width: 100% !important;











}











.menuWrapper {











	left: -100%;











	transition: 0.5s ease all;











	width: 100%;











	text-align: center;











	/*overflow: auto;*/











}











.menuWrapper.active {











	z-index: 99;











	left: 0%;











}











#menuTrigger {











	left: 10px;











	top: 10px;











	z-index: 999;











	display: inline-block;











	width: 51px;











	height: 51px;











	background: url(../img/menu_btn.png) no-repeat center center rgba(24, 23, 19, 0.7);











	position: fixed;











	cursor: pointer;











	transition: 0.5s ease all;











}











#menuTrigger.active {











	background-image: url(../img/close.png);











}











.logo {











	display: inline-block;











}











.mainmenu ul li a {











	font-size: 18px;











	width: 100%;











	text-align: center;











	padding: 0 0 10px;











	display: inline-block;











}











.mainmenu ul li {











	padding: 0px 0 0px;











}











.menuAddress ul li {











	padding: 0px;











	margin-bottom: 10px;











	text-align: center;











	background-image: none !important;











	padding-left: 0;











	font-size: 14px;











}











.socialStuff ul {











	margin-bottom: 15px;











}











}











@media(max-width:768px) {











.thirdSecWrap {











	display: inline-block;











	text-align: center;











	width: 100%;











}











.thirdColTxt p {











	font-size: 14px;











	line-height: 16px;











}











.imgCircle {











	width: 90px;











	height: 90px;











	border-radius: 0;











	bottom: 0;











	left: 0;











}











.imgCircle1 {











	background: #FFF url(../img/circleIcons.png) center 2px no-repeat;











}











.imgCircle2 {











	background: #FFF url(../img/circleIcons.png) center -133px no-repeat;











}











.imgCircle3 {











	background: #FFF url(../img/circleIcons.png) center -133px no-repeat;











}











#video-wrap {











	background: url(../img/video_poster.jpg) no-repeat 0 0 / 100% 100%;











}











#video-wrap video {











	display: none;











}











.bookATableSec {











	padding: 15px;











}











.grouper {











	width: 100%;











	text-align: center;











	margin-left: 0;











	margin-bottom: 10px;











}











.grouper select {











	width: 80%;











}











.bookATableSec .grouper:last-child {











	margin-bottom: 0;











}











.grouper .grouperSel1, .grouper .grouperSel2, .grouper .grouperSel3, .grouper .grouperSel4 {











	background-position: 100% -349px;











}











.thirdInner h2 {











	line-height: 36px;











	text-align: center;











	font-size: 30px;











}











.similarClass h2 span {











	font-size: 35px;











}











.thirdInner {











	position: relative;











	padding: 30px 15px;











}











.thirdSecCol {











	width: 367px;











	float: none;











	margin-left: 0px;











	margin-top: 0;











	margin-bottom: 20px;











	padding-bottom: 20px;











	border-bottom: 1px solid #c98747;











}











.thirdColTxt {











	margin-top: 25px;











}











.thirdSection:before {











	height: 100%;











}











.secSection {











	height: auto;











	padding: 0px;











}











.secInner {











	width: 100%;











	background: rgba(255, 255, 255, 0.8);











	text-align: center;











}











.secInner img {











	margin-top: 30px;











	width: 50%;











	padding: 0;











	display: inline-block;











}











.fourthInner {











	padding: 30px 15px;











	text-align: center;











}











.similarClass h2 {











	font-size: 35px;











	text-align: center;











}











.fourthSecCol {











	display: inline-block;











	float: none;











	width: 280px;











}











.fourthSection:before {











	height: 100%;











}











.fourthSection {











	height: auto;











}











.fifthSection {











	height: auto;











}











.fifthSection:before {











	height: 100%;











}











.fifthInner {











	padding: 30px 15px;











	display: inline-block;











	width: 100%;











}











.fifthLeft {











	width: 100%;











	margin-bottom: 30px;











	text-align: center;











}











.fifthRight {











	width: 100%;











	margin-right: 0;











}











.sixthInner {











	padding: 30px 15px;











}











.sixthSection:before {











	height: 100%;











}











.sixthLeft, .sixthRight {











	width: 100%;











}

















.sixthRightIn {











	max-width: 440px;











	padding-top: 0;











	padding-left: 0;











}











.reservaAtable {











	text-align: center;











}











.sevenSec {











	text-align: center;











}











.sevenSecCol {











	display: inline-block;











	width: 280px;











	border: 1px solid #d0d0d0;











	border-bottom: 7px solid #d6d6d6;











	margin: 15px 0 15px 0;











}











.footerInfo {











    padding: 0 25px;











}





footer span {
	padding-left:0;	
}





footer p, footer a {











    font: 12px/14px 'GBook';











}





.footerInfo p {
	margin-top:16px;
	margin-right:10px;	
}





footer ul {











    text-align: center;











}











.footerInfo ul li a{











	margin-left: 0;











}











.dowload-sec {





	text-align:center;	





}





.hajj-package {





	float:none;





	display:inline-block;	





}





.down-buttons {





	display:inline-block;





	vertical-align:top;





}





.down-text h2, .down-text h3, .down-text .down-p, .hajj-package ul {





	padding-left:0;	





}





.secfive_content span {





    font: 32px 'GBlack';





}

















}











@media(max-width:480px) {











.similarClass h2, .thirdColTxt h3 {











    font-size: 24px;











    text-align: center;











}





.thirdSecCol {





	width:85%;	





}





.down-text h3 {





    font-size: 38px;





}


.secfive_content span {
    font: 24px 'GBlack';
}

.footerInfo {
    padding: 0 20px;
}

}