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



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



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

.topheader {background:#5a5a5a; padding:20px 0;}
.topheader .logo {}
.topheader .logo img {}
.topheader .phonediv {float: left; width: 100%;}
.topheader .phonediv a {color:#fff; background:#00aad5; padding:5px 20px; border-radius:5px; font-size:15px; float:right;}
.topheader .mainnav {margin:20px 0 0 0; float: left; width: 100%;}


.reservandlist {margin-top: 20px; margin-bottom: 20px;}
.reservandlist .homeservices {background:#515151; color: #fff; padding:30px 0 0 0; float: left; width: 100%;}
.reservandlist .homeservices img {width: 100%;}
.reservandlist .homeservices ul {}
.reservandlist .homeservices ul li {line-height:3; font-size:20px; list-style-image:url(../images/homearrow.png)}

.honmemainserv {background: #ededed;}
.honmemainserv .honmemainservhead {border-bottom: 1px solid #ccc; margin: 0 0 20px 0;}
.honmemainserv .honmemainservbody {}  
    .honmemainserv .honmemainservbody .homeserv {text-align: justify; height: 430px;}
	.honmemainserv .honmemainservbody .homeserv hr {margin-top: 10px; margin-bottom: 10px; border: 0; border-top: 1px solid #c7c7c7;}
    .honmemainserv .honmemainservbody .homeserv img {width: 100%;}
    .honmemainserv .honmemainservbody .homeserv h3 {}
    .honmemainserv .honmemainservbody .homeserv p {}		
	
.mainfleet {background:#000;}	
.payment-options {padding: 20px 0; text-align: center;}
.payment-options img {margin:0 auto; text-align:center; display:block;}

.contactus {background: #00aad5; color: #fff; text-align: center; padding: 30px 0; text-transform:uppercase;}
.contactus a {color: #fff;}


.footer {padding:20px 0; background-color: #363636; z-index: 1; -webkit-box-shadow: inset 0 0 10px 0 rgba(0,0,0,.4); box-shadow: inset 0 0 10px 0 rgba(0,0,0,.4);}
.mainfooter {background:#272727; padding: 10px 0; color:#9a9a9a;}
.mainfooter h3, .mainfooter a {color: #9a9a9a;}
.mainfooter ul {margin: 0; padding: 0 0 0 20px;}
.mainfooter hr {color: #757575; margin-top:10px; margin-bottom:10px;}
.lastfooter {background:#000; padding: 20px 0; color: #fff;}
.lastfooter p {text-align:center; margin:0;}


/* Online Reservation */
.onlinereservation {padding:0 10px; float: left; width: 100%; background:#515151; background-size: contain;}
.onlinereservation hr {}
.onlinereservation .formclass {width:100%; height:auto; display:block;}
.onlinereservation h1 {color:#08b028;}
.onlinereservation .col-sm-4 {padding-right:15px;} 
.onlinereservation h2 {margin: 0; color: #fff;}
.onlinereservation h3, .onlinereservation h4, .onlinereservation p {color: #fff;}
.onlinereservation a {font-size:20px; color:#fd6934; text-decoration:none; transition:color .5s ease-in-out;}
.onlinereservation a:hover {color:#ff875b; transition:color .5s ease-in-out;}
.onlinereservation input[type="date"], .onlinereservation input[type="time"] {display:block; /* Solution 1 */ -webkit-appearance: textfield; -moz-appearance: textfield; min-height: 1.2em; -webkit-min-logical-width: calc(100% - 16px); /* Solution 2 */ /* min-width: 96%; */}
.onlinereservation span {margin:15px 0 0 0; float:left; color: #fff;}
.onlinereservation input[type="text"], .onlinereservation input[type="email"], .onlinereservation select, .onlinereservation input[type="number"], .onlinereservation input[type="time"], .onlinereservation input[type="date"] {display: block; width: 100%; height: 40px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143;  color: #555; background-color: #fff; background-image: none; border: 1px solid #b6b6b6; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;} 
.onlinereservation input[type="submit"] {-webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3); box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3); background-image: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; text-shadow: none; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; color: #fff; background:#00aad5; color: #fff; font-weight: bold; transition: background .5s ease-in-out; margin: 20px 0 0 0; width: 100%; border: 0; padding: 10px 0; cursor: pointer;}


.maincontent {text-align: justify;}
 
.breadcrumb {}
.breadcrumb hr {}
.ratesdiv {margin-top:30px; margin-bottom:30px;}
.ratesdiv ul {}
.ratesdiv ul li {list-style-image:url(../images/arrow2.png); font-size: 15px;}

.centerdiv {}
.centerdiv p {text-align:center;}

.fleetdiv {margin: 20px 0; background: #ccc; padding: 0 0 20px 0; border-radius: 5px;}
.fleetdiv hr {margin-top: 10px; margin-bottom: 20px;  border-top: 1px solid #afafaf;}

 /* ===============                      ===============
                   Phones and Handhelds
   ===============                      =============== */
@media only screen and (max-width: 599px) {
.reservandlist .col-sm-6 {padding-right:0; padding-left:0;}
.topheader .logo img, .footer img {width:100%;}
.onlinereservation .oneres img {width:100%;}
.topheader .col-sm-12 {padding-right:0; padding-left:0;}
.topheader .phonediv a {float: inherit; margin: 10px auto auto auto; width:100%; text-align: center; display: block; font-size: 18px;}
.reservandlist .homeservices ul li {line-height:2;}
.honmemainserv .honmemainservbody .homeserv {height:auto;}
}

@media only screen and (max-width: 549px) and (min-width: 400px) {
.reservandlist .col-sm-6 {padding-right:0; padding-left:0;}
.topheader .logo img, .footer img {width:100%;}
.onlinereservation .oneres img {width:100%;}
.topheader .col-sm-12 {padding-right:0; padding-left:0;}
.topheader .phonediv a {float: inherit; margin: 10px auto auto auto; width:100%; text-align: center; display: block; font-size: 18px;}
.reservandlist .homeservices ul li {line-height:2;}
.honmemainserv .honmemainservbody .homeserv {height:auto;}
}

@media only screen and (max-width: 650px) and (min-width: 550px) {
.reservandlist .col-sm-6 {padding-right:0; padding-left:0;}
.topheader .logo img, .footer img {width:100%;}
.onlinereservation .oneres img {width:100%;}
.topheader .col-sm-12 {padding-right:0; padding-left:0;}
.topheader .phonediv a {float: inherit; margin: 10px auto auto auto; width:100%; text-align: center; display: block; font-size: 18px;}
.reservandlist .homeservices ul li {line-height:2;}
.honmemainserv .honmemainservbody .homeserv {height:auto;}
}


@media (min-width:650px) and (min-width: 600px) {
.topheader .logo img {display:block; margin:0 auto;}
.topheader .phonediv a {float: inherit; margin: 10px auto auto auto; width:100%; text-align: center; display: block; font-size: 17px;}

}

/* ===============                      ===============
                         Tablets
   ===============                      =============== */
@media only screen and (max-width: 990px) and (min-width: 600px) {
}

/* ===============                      ===============
                         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) {  

}