@media only screen /*and (min-width : 768px) */

and (min-width : 481px)

and (max-width : 1024px)

and (min-device-width : 481px) 

and (max-device-width : 1024px){

/* Styles */

	#main {width:100%;}

	#page-index #main {

  background: none repeat scroll 0 0 transparent;

  margin-top: 0;

  padding-top: 0;

  position: relative;

  padding: 0;

}

	#body{width:100%;}

	#header {

	  margin: 0 auto;

	  position: relative;

	  width: 100%;

	}



	#hdrleft {

	  background: none repeat scroll 0 0 #FFFFFF;

	  float: left;

        clear: none;

        padding-top: 0px;

        height: 100px;

	  width: 180px;

	}

	

	#links {

	  float: left;

        clear: none;



        height: 50px;

	  margin-top: 40px;

	  width: auto;

	}

    #slider-1.slider-item img
    {
    display: inline-block;
    float: left;
    margin-left: 0;
        margin-top:0;
    max-width: 100%;
    }

    .slider
    {
        top: 100px !important;
    }
	

	#page-about #main {

		margin-top: 30px;

		padding: 42px 0px 0;

		width: 100%;

	}

	

	.about-us-wrapper{margin:0 10px;}

	

	.page-section {

	  width: 31%;

	}

	

	.about-us-wrapper img{max-width:100%;}

	

	#page-terms #main, #page-register #main {

  padding: 0;

  width: 100%;

}

	

	.term-message {

  width: 180px;

}



.term-content {



  width: 490px;

}



.term-message-title {  

  font-size: 17px;  

}



#welcomediv h1 {

  font-size: 34px;

}



#parameters {



  margin-left: 20px;

}



#welcomediv {

  margin-top: 45px;  

}



	#col1 {	 

	  float: left;

	  max-width: 480px;

	  width: 100%;	  

	}



.result-item {

  clear: both;

  float: none;

  margin-bottom: 20px;

  overflow: hidden;

  /*width: 497px;*/

  width: 100%;  

}



.result-item .depart-info {

  background: url("../images/depart-header.png") no-repeat scroll -28px top #333;

  border-bottom: 1px solid #EEEEEE;

  display: table;

  float: left;

  height: 65px;

  padding-top: 20px; 

  width:80%;

}



.arriving .depart-info{

	background:none;

	padding-top:0;

	width:80%;	

	float:right;	

}



.arriving{	

	width:100%;

	

}



.depart-info .to, .depart-info .from,

.arriving .depart-info .to, .arriving .depart-info .from{

	width:30%;	

}





.left-detail {

  background: none repeat scroll 0 0 #FFFFFF;

  float: none;

  overflow: hidden;  

  width:100%;

}



.plane-image{ 

	width:20%;

	overflow:hidden;	

}



.arriving .plane-image{

	width:18%;	

	display:block;

	float:left;	

	clear:none;	

}



.plane-image img{width:100%; height:auto;}



.depart-info .trigger {

  color: #288BF3;

  cursor: pointer;

  display: block;

  font-size: 16px;

  font-weight: bold;

}



.depart-info .from,

.depart-info .to,

.depart-info .travel-time,

.arriving-info {

	background-color:#fff;

}



.depart-info .travel-time, .depart-info .out_departtime, .depart-info .out_arrivetime, .depart-info .in_departtime, .depart-info .in_arrivetime {

  color: #288BF3;

  font-size: 18px;

  font-weight: bold;

}

.right-detail {

  background: none repeat scroll 0 0 #EEEEEE;

  float: left;

  height: 155px;

  width: 40%;

}



.instruction {

  background: none repeat scroll 0 0 #365EAB;

  clear: none;

  color: #FFFFFF;

  float: left;

  font-size: 11px;

  margin-top: 0px;

  padding: 10px 0px;

  text-align: center;

  width: 60%;

  height: 135px;

  line-height: 1;

}

.instruction p {

  line-height: 17px;

  font-size: 14px;

  margin:0 10px;

}

.bar-graph .bar-wrapper {

  float: left;

  height: 15px;

  margin: 10px 5px;

  width: 240px;

}

.timetext {

  font-size: 11px;

}

.popupwrapper {

  background: none repeat scroll 0 0 white;

  border: 1px solid black;

  height: 307px;

  padding: 10px;

  position: absolute;

  width: 200px;

  z-index: 10000;

}



.popupwrapper .details {

  float: none;

  font-size: 12px;

  margin-right: 10px;

  text-align: right;

  top: 17px;

  width: 100%;

  padding-top: 220px;

}



.optionsdiv {

  float: left;

  padding: 4px;

  width: 100%;

  margin-top: 0px;

  margin-bottom:10px;

}



.formcontainer .formrowwrapper {

  margin: 0 10px 13px;

  width: 210px;

  height:60px;

}



.formcontainer input, .formcontainer select {

  width: 180px;

}



#NotificationsEmaillabel #sendtocell {

  color: #288BF3;

  font-size: 9px;

  margin-left: 3px;

  position:relative;

}



#submitbutton {

 margin:0;

}



.account-nav {

  color: #888888;

  float: right;

  margin-top: 10px;

  text-align: right;

  width: 167px;

  position: absolute;

  right: 21px;

}



#page-account #main {

  width: 100%;

}



#accounttabs {

  width: 100%;

}



.ui-tabs .ui-tabs-panel {

  width: 90%;

}



.formcontainer {

  background: none repeat scroll 0 0 #FFFFFF;

  overflow: hidden;

  padding: 10px 0;

}



#registerform .formcontainer .formrowwrapper{margin:0px 0px 13px 10px}

#page-mybookings #main {

  background: none repeat scroll 0 0 transparent;

  margin-top: 30px;

  overflow: hidden;

  padding: 0;

  width: 100%;

}



.booking-plane{

	width:20%;

}



.booking-info {

  background-position: 0px 0;  

  width: 80%;

}

.booking-info-id {

  width: 29%;

}

.booking-info-estimated-cost {

  font-weight: bold;

  width: 29%;

}



.booking-info-status {

  width: 40%;

}



#page-mybookings .booking-info.estimated {

  background: url("../images/booking-item-header-estimated.png") no-repeat scroll -220px -1px #FFFFFF;

}

#page-mybookings .booking-info{

	background: url("../images/booking-item-header.png") no-repeat scroll -220px -1px #FFFFFF;

}



.booking-outbound {

  width: 44%;

}







/*

} end of tablet media query 

@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) {*/



/* Styles */



	.slider-item img{						

		display:inline-block;						

		left:0;

		max-width: 1024px;

		max-height:768px;  

	}

	.slider-background{

		text-align:center;

		position:relative;

	}



}

/* iPads (portait) ----------- */

@media only screen

and (min-device-width : 768px)

and (max-device-width : 1024px)

and (orientation : portrait) {

    .slider{
        display:none;
    }
    #main {
        padding-left:5px;
        padding-right: 5px;
        width: 100%;
    }
    #parameters
    {

        width: 85%;
        margin-left: 7.5%;
        margin-right: 7.5%;
    }

    #col1
    {
        float: none;
        width: 94%;
        clear: both;
        margin: 3.2em 2.5%;
        position: relative;
        max-width: 94%;
    }

    #welcomediv
    {
        width: 90%;
        padding: 25px 5%;
    }

    .bar-graph
    {
        width: 100%;
    }

    .optionsdiv {
        margin-top: 42px;
    }

}


/* iPads (landscape) ----------- */

@media only screen 

and (min-device-width : 768px) 

and (max-device-width : 1024px) 

and (orientation : landscape) {

/* Styles */



	#col1 {	  

	  float: left;

	  max-width: 620px;

	  width: 100%;

	}


	

	.booking-info.estimated {

	  background: url("../images/booking-item-header-estimated.png") no-repeat scroll -190px -1px #FFFFFF;

	}

	.booking-info{

		background: url("../images/booking-item-header.png") no-repeat scroll -190px -1px #FFFFFF;

	}



}