/*******************************************************************



     DESIGN AND DEVELOP BY : Imam ul Tahir
     CONTACT : +92 033 437 65516



*********************************************************************/
.fixdiv {width:300px; background:url(../images/airportlimokingstonfixbg.jpg) no-repeat; height:100%; position:fixed; background-size:contain; z-index: 999;}
.ficdiviiner {float:left; display:block; margin:100px 0;}
.ficdiviiner ul {}
.ficdiviiner ul li {line-height:30px; list-style-image:url(../images/right.png);}
.ficdiviiner ul li a {color:#fff;}

.fixcaldiv {float:left; display:block; width:100%; margin:20px 0; font-size:20px;}
.fixcaldiv a {color:#fff;}
.fixcaldiv a:hover {color:#fff; text-decoration:none;}

.reservationclass {padding:10px 40px; border:2px solid #fff; color:#fff; font-size:20px; transition:all .5s ease-in-out;}
a.reservationclass:hover  {transition:all .5s ease-in-out; background:#765a3d; color:#fff; text-decoration:none;}

.ourratesclass {padding:10px 40px; background:#765a3d; border:2px solid #fff; color:#fff; font-size:20px; transition:all .5s ease-in-out;}
a.ourratesclass:hover  {transition:all .5s ease-in-out; border:2px solid #fff; background:#000; color:#fff; text-decoration:none;}
 
.maincontent {z-index:999; position:absolute; width:80%; left:272px; overflow:hidden; clear:both;}
.maincontent .maincontent1 {background:url(../images/maincontent1bg.jpg) no-repeat #000; color:#fff; width:100%; padding:40px 5% 50px 5%; background-size:contain; text-shadow:4px 4px 10px #000; height:550px;}
.maincontent .maincontent1 a, .maincontent .maincontent3 a {color:#fff;}
.maincontent .maincontent2 {background:#000;}
.maincontent .maincontent3 {background:#000; padding:40px 5% 50px 5%; color:#fff;}
.maincontent .maincontent4 {background:url(../images/maincontent4bg.jpg) no-repeat #000; padding:40px 5% 50px 5%; color:#fff; height:440px;} 
    .maincontent .maincontent4 .maincontent4box {text-align:center; background:url(../images/maincontent4boxbg.png); margin:0 0 0 5px; padding:20px 0; height:340px;}
	.maincontent .maincontent4 .maincontent4box ul {list-style:none; margin:0; padding:0;}
	.maincontent .maincontent4 .maincontent4box ul li {}
.maincontent .maincontent5 {background:#000; padding:20px 0;} 
.maincontent .maincontent5 img {margin:0 auto; display:block; width:100%;}
.maincontent .maincontent6 {background:#000; overflow:hidden; color:#fff; padding:40px 5% 30px 5%;}
.maincontent .maincontent7 {background:#000; overflow:hidden; padding: 10px 0; text-align:center;}
.maincontent .maincontent8 {background:#765a3d; padding:40px 0; color:#fff; overflow: hidden;}
.maincontent .maincontent8 a {color:#fff;}
.maincontent .maincontent8 a:hover {color:#fff; text-decoration:none;}
.maincontent .maincontent8 ul {padding:0; margin:0;}
.maincontent .maincontent8 ul li {display:inline-block; padding:0 5px;} 
.maincontent .maincontent9 {background:#000; padding:40px 0; color:#fff;}
.maincontent .maincontent9 ul {padding:0; margin:0;}
.maincontent .maincontent9 ul li {display:inline-block; border: 1px solid #fff; padding: 5px 10px; margin: 3px;}
.maincontent .maincontent9 .maincontent9 {text-align:right;}

.mobilenav {display:none;}
.mainlogo {display:block;} 

.reservebutton {background:#755a3d; padding: 20px 0; text-align: center; border-bottom: 4px solid #c40022;}
.reservebutton a {background:#755a3d; padding:10px 20px; color:#fff; border-radius:5px; box-shadow:0 8px 6px -6px black;}
.reservebutton a:hover {color:#fff;}

div.flip {margin:0px; cursor:pointer; padding:5px; text-align:center; background:#755a3d; transition:all .5s ease-in-out; border-radius:8px; box-shadow:5px  5px  5px #b7b7b7; border:2px solid #fff; float: left; width: 100%;}
.paneltwo input[type="submit"], .newreserveheight input[type="submit"] {margin:0 0 20px 0; cursor:pointer; padding:10px 30px 10px 30px; text-align:center; background:#6d0510; transition:all .5s ease-in-out; border-radius:8px; box-shadow:5px  5px  5px #b7b7b7; border:2px solid #fff;}
div.flip:hover {background:#755a3d; transition:all .5s ease-in-out;}
div.flip h4 {margin:0 !important; color:#fff !important; font-weight: normal;}
div.flip p {margin:0 !important; color: #fff;}
div.panel {widht:50%; height:auto; display:none;}

.newclass input[type="submit"] {background:#755a3d; padding:15px 50px; border:0; color:#fff; font-weight:bold; font-size:16px;}

/**********************************

      RESPONSIVE TABLE FORM
      
**********************************/

.mainheading {width:100%; float:left; background:#e1f1fd; border:1px solid #77c7ff; margin:10px 0 0 0; color:#000;}
.heading, .heading3 {width:23%; float:left; padding:10px; margin:10px 0 0 2%;}
.heading p, .heading3 p {margin:0; padding:0;}

 /* ===============                      ===============
                   Phones and Handhelds
   ===============                      =============== */
@media only screen and (max-width: 599px) {
.mobilenav {display:block; background:url(../images/mobilenav-bg.jpg) no-repeat #000;}
.mobilenav .mobilenavcall {margin:10px 0; text-align:center; font-size:25px;}
.mobilenav .mobilenavcall a {color:#fff;}
.fixdiv, .mainlogo {display:none;}
.maincontent {position:inherit; width:100%; left:inherit; z-index:inherit;}
.maincontent .maincontent4 {background:url(../images/maincontent4mobilebg.jpg) no-repeat #000; height:auto; background-size:contain;}
.maincontent .maincontent9 .maincontent9 {text-align: center;}
.maincontent .maincontent1 {padding:130px 5% 50px 5%; height:auto;}
.maincontent .maincontent4 .maincontent4box {height:auto;}
.heading {width:100%; padding:10px; clear:both; margin:0 !important;}
.heading3 {width:50%; padding:10px; clear:none; margin:0 !important; float:left;}
.reservebutton a {display:block; margin:10px auto 0 auto; width:90%;} 
}

@media only screen and (max-width: 549px) and (min-width: 400px) {
.mobilenav {display:block; background:url(../images/mobilenav-bg.jpg) no-repeat #000;}
.mobilenav .mobilenavcall {margin:10px 0; text-align:center; font-size:25px;}
.mobilenav .mobilenavcall a {color:#fff;}
.fixdiv, .mainlogo {display:none;}
.maincontent {position:inherit; width:100%; left:inherit; z-index:inherit;}
.maincontent .maincontent4 {background:url(../images/maincontent4mobilebg.jpg) no-repeat #000; height:auto; background-size:contain;}
.maincontent .maincontent9 .maincontent9 {text-align: center;} 
.maincontent .maincontent1 {padding:130px 5% 50px 5%; height:auto;}
.maincontent .maincontent4 .maincontent4box {height:auto;}
.heading {width:100%; padding:10px; clear:both; margin:0 !important;}
.heading3 {width:50%; padding:10px; clear:none; margin:0 !important; float:left;}
.reservebutton a {display:block; margin:10px auto 0 auto; width:90%;} 
}

@media only screen and (max-width: 650px) and (min-width: 550px) {
.mobilenav {display:block; background:url(../images/mobilenav-bg.jpg) no-repeat #000;}
.mobilenav .mobilenavcall {margin:10px 0; text-align:center; font-size:25px;}
.mobilenav .mobilenavcall a {color:#fff;}
.fixdiv, .mainlogo {display:none;}
.maincontent {position:inherit; width:100%; left:inherit; z-index:inherit;}
.maincontent .maincontent4 {background:url(../images/maincontent4mobilebg.jpg) no-repeat #000; height:auto; background-size:contain;}
.maincontent .maincontent9 .maincontent9 {text-align: center;}
.maincontent .maincontent1 {padding:130px 5% 50px 5%; height:auto;}
.maincontent .maincontent4 .maincontent4box {height:auto;}
.heading {width:100%; padding:10px; clear:both; margin:0 !important;}
.heading3 {width:50%; padding:10px; clear:none; margin:0 !important; float:left;}
.reservebutton a {display:block; margin:10px auto 0 auto; width:90%;} 
}


@media (min-width:750px) and (min-width: 700px) {

/* ===============                      ===============
                         Tablets
   ===============                      =============== */
@media only screen and (max-width: 990px) and (min-width: 600px) {
.mobilenav {display:block; background:url(../images/mobilenav-bg.jpg) no-repeat #000;}
.mobilenav .mobilenavcall {margin:10px 0; text-align:center; font-size:25px;}
.mobilenav .mobilenavcall a {color:#fff;}
.fixdiv, .mainlogo {display:none;}
.maincontent {position:inherit; width:100%; left:inherit; z-index:inherit;}
.maincontent .maincontent4 {background:url(../images/maincontent4mobilebg.jpg) no-repeat #000; height:auto; background-size:contain;}
.maincontent .maincontent9 .maincontent9 {text-align: center;}
.maincontent .maincontent1 {padding:130px 5% 50px 5%; height:auto;}
.maincontent .maincontent4 .maincontent4box {height:auto;}
.heading {width:100%; padding:10px; clear:both; margin:0 !important;}
.heading3 {width:50%; padding:10px; clear:none; margin:0 !important; float:left;}
.reservebutton a {display:block; margin:10px auto 0 auto; width:90%;} 
}

/* ===============                      ===============
                         Laptops
   ===============                      =============== */
@media only screen and (max-width: 1125px) and (min-width: 1000px) { 

}

/* ===============                      ===============
                         Big Screen
   ===============                      =============== */
@media only screen and (max-width: 1200px) and (min-width: 1050px) {  

}