/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (max-width : 767px) {

body,
body.custom-font-enabled{
    font-weight: 400;
}

.entry-header,
#main.wrapper{
    width: 90%;
    margin: 0 5%;
}

.center_wrapper,
.booking_center_wrapper,
.header_center_wrapper{
    width: 100%;
    margin: 0;
    float: left;
}

.entry-title, 
.entry-header 
.entry-title {
    margin-top: 30px!important;
    margin-bottom: 20px!important;
    padding: 0;
}

/*========= HEADER ============*/
.site-header{
    height: 75px;
    line-height: 75px;
}
.logo {
        position: absolute;
        left: 20px;
        top: 10px;
        width: 70%;
    }


.logo a {
float: left;
width: 100%;
}

.logo img {
float: left;
}

.main-navigation ul.nav-menu, 
.main-navigation div.nav-menu > ul {
    display: none!important;
}

.main-navigation ul.nav-menu.toggled-on, .menu-toggle {
display: inline-block!important;
}

.menu-toggle {
    display: block;
    float: right;
    width: 55px;
    height: 55px;
    padding: 0!important;
    margin-right: 10px!important;
    margin-top: 17px!important;
    text-indent: -9999px;
    border:none!important;
    box-shadow: none!important;
    background: url('../icons/mobile_nav_icon.png') no-repeat!important;
    background-size: 100%!important;
    background-position: top!important;
}

.main-navigation {
    width: 100%;
    clear: both;
    float: left;
    margin-top: 0;
    text-align: left;
    background: black;
    }

    

.main-navigation li {
margin: 0;
margin-left: 0px;
margin-top: 15px;
text-align: center;
border-top: 1px solid rgb(92, 91, 91);
padding-top: 17px;
display: block;
}

.main-navigation li a {
font-size: 15px;
line-height: 15px;
padding-top: 0;
}

.main-navigation li a {
font-size: 15px;
line-height: 15px;
padding-top: 0;
text-transform: uppercase;
}

/*========= END OF HEADER ============*/

/*========= Home Page ============*/

/*HP Meta Slider*/
.metaslider {
    float: left;
}

.metaslider img {
    width: 240%!important;
	max-width: 240%!important;
	margin-left: -100%!important;
}

.metaslider .flex-active-slide {
z-index: 100;
}

#section1 .slide1 .logo_animate{display: none!important}

.metaslider .caption-wrap span {
font-size: 21px;
line-height: 15px;
}

.metaslider .description {
    width: 100%;
    margin-top: 5%;
    padding: 3%;
}

.metaslider .slide1 .description {
margin-right: 0;
width: auto;
margin-top: 9%;
padding: 0;
}

.metaslider .slide2 .description {
width: 90%;
margin-top: 17;
}

.metaslider .caption-wrap span {
line-height: 24px;
}

.metaslider .slide3 .description {
margin-top: 52%;
margin-right: -10%;
width: 52%;
}

.metaslider .slide3 .description p,
.metaslider .slide3 .description span {
color: black!important;
font-size: 14px;
line-height: 16px;
font-weight: 400;
}


.metaslider .caption-wrap p {
font-size: 14px;
}



.flex-direction-nav .flex-next {
right: 25px!important;
}

.flex-direction-nav .flex-prev {
left: 25px!important;
}


/*End of HP Meta Slider*/

h1.site-headline {
  font-size: 35px;
}

.page-wrapper{
    margin-top: -50px
}
.bootom_banner_arrow:hover,
.bootom_banner_arrow {
    width: 92px;
	margin-left: -46px;
	bottom: 24%;
}

.section_title {
    width: 90%;
    margin: 50px 5% 20px 5%;
    font-size: 30px;
    line-height: 30px;
}

#section2 .services li{
    width: 100%;
    clear: both;
}

#section2 .services li:nth-child(2n+1) {
clear: both;
}

#section2 .services li:nth-child(4n+1) {
clear: both;
}

#section2 .services .desc p {
font-size: 15px;
line-height: 24px;
}

#section2 .sub_title {
font-size: 14px;
line-height: 21px;
width: 90%;
margin-left: 5%!important;
}

#section2 .sub_title.last {
padding-bottom: 20px;
}


#section3{
    background: url('../images/booking_section_bg.jpg') no-repeat;
    background-size: 150%!important;
    background-position: bottom!important;
}

#section3 .sub_title {
width: 90%;
margin-left:0%!important;
}

.booking_info, .customer_info {
width: 94%;
margin-left: 3%;
margin-right: 3%;
}

/*booking form on home page*/

form{
    width: 94%;
    margin: 3%;
    padding: 0;
}

    ul#tabs {
        width: 100%;
        margin: 0;
    }

.nav-tabs > li {
width: 90%;    
margin-left: 5%!important;
margin-bottom: 20px!important;
padding-left: 35%;
background-position: left center!important;
background-size: 30%!important;
}

.edit-booking .nav-tabs .airport_icon,
.nav-tabs .airport_icon {
margin-left: 5%!important;
}

.nav-tabs > li:hover {
background-position: left center!important;
background-size: 30%!important;
}

.nav-tabs > li > a {
font-size: 16px;
line-height: 50px!important;
padding-top: 0px!important;
height: 50px;
text-align: left;
}


div#my-tab-content {
padding: 10%;
border: none;
border-top: 3px solid rgb(121, 121, 121);
}

.nav-tabs .select_service {
padding-left: 0;
background: none!important;
}

.date .input-group-addon {
width: 100%;
right: 0px;
z-index: 1000;
}
.glyphicon {
    font-size: 20px;
    float:right;
	margin-right: 4px;
}

/*tab navigation - using script*/

#select_service{
position: relative;
left:auto;
top:auto;
float: left;
width:80%;
margin: 0 10%;
font-size: 16px;
text-align: left;
color: #fff;
background: url('../images/select_service.png') no-repeat;
padding-left: 30%;
background-position: left center!important;
background-size: 25%!important;
cursor: pointer;
}

#active_service{
    position: relative;
    display: block;
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 105px;
    text-align: left;
}

.nav-tabs .select_service{display: none;}

ul#tabs {
display: none;
width: 100%;
float: left;
border-top: 1px solid rgb(135, 135, 135);
padding-top: 20px;

}

/*hide services slide down to show them on click */

.tab_title{
    font-size: 24px;
    margin-bottom: 30px;
}

span#span_button_to {
clear: both;
}



#button_from, #button_to{
    line-height: 23px;
}

.booking_info .entry-title,
.date_wrapper{
width: 100%;
margin: 0;
padding: 0;
}

.flight_info,
.pickup_address_info, 
.destination_info, 
.form-group {
float: left;
width: 100%;
margin-right: 0;
margin-left: 0;
padding: 0;
}



.left-form-column .form-group{
    margin-bottom: 20px!important;
}

.add_return span {
margin-top: -20px;
display: block;
font-size: 14px;
}
.booking_submit {
    font-size: 17px!important;
    line-height: 17px!important;      
	clear:both;
}
.return {
bottom: 60px;
width: auto!important;
}

.home .submit_form{
    margin-top: 100px;
}

.view_invoice .booking_submit {
float: left;
clear: both;
}

#frm_edit_invoice .submit_form{
    margin-top: 0;
}

.form-control {
font-size: 16px;
}

.date_wrapper .form-group {
width: 48%;
margin-right: 0;
margin-left: 4%;
}

.date_wrapper .form-group:first-child {
margin-left: 0;
}

/* ========== section 4 ========= */
#section4 .section_logo{
margin-top: 0px;
margin-bottom: 30px;
}
#section4 .sub_title {
width: 90%;
font-size: 14px;
line-height: 22px;
margin-left: 5%!important;
}
/*============ edit booking ============== */

.edit-booking h1 {
font-size: 26px;
line-height: 26px;
}

.edit-booking form {
margin: 0;
width: 100%;
padding: 0;
}

.edit-booking #select_service {
top: auto;
left: auto;
position: relative;
float: left;
margin-right: 0;
margin-left: 0;
width: 80%;
}

#select_invoice {
width: 20%;
background: url('../images/invoice_button.png') no-repeat;
background-position: right center;
background-size: 100%;
height: 97px;
position: absolute;
right: 0;
top: auto;
}

.edit-booking ul#tabs {
width: 100%;
}

/*invoice*/
.left-form-column, .right-form-column {
float: left;
width: 100%;
margin: 0;
}

span#service_type_name{
    border: none;
    margin: 20px 0;
}

.bootstrap-datetimepicker-widget.dropdown-menu.picker-open.bottom.pull-right {
float: none!important;
right: auto!important;
/* margin: 0 auto!important; */
text-align: center;
left: 50%!important;
margin-left: -125px!important;
}

.bootstrap-datetimepicker-widget.pull-right:after{ }

/* ============= booking-admin =================== */

.booking-admin #main.wrapper {
width: 100%;
margin:0;
}

form[name="booking_filter"] {
margin-top: 0;
padding: 0%;
margin: 0;
width: 100%;
}

.status_filter .form-group {
width: 40%;
margin-right: 2%;
}

.select_filter .form-group, 
.other_filter .form-group {
width: 46%;
}

.other_filter .form-group form[name="booking_filter"] label{
    line-height: 12px;
} 

.booking-admin .date_filter .form-group {
float: left;
width: 63%;
margin-right: 5%;
}

.filter-submit {
margin: 20px 0!important;
width: auto;
float: right;
padding: 20px;
}

.pagination_limit {
float: left;
display: block;
margin-left: 0;
margin-top: 10px;
}

.pagination_limit label {
border-left: none;
padding-left: 0;
font-style: normal;
float: left;
}






/* ============= contact form =================== */

.contact .section_title{
    margin: 30px 5% 10px 5%;
    font-size: 24px;
    line-height: 24px;
}
.contact #page {
background: #000 url('../images/contact_page_bg.jpg') no-repeat!important;
background-size: 216%!important;
background-position-x: 41%!important;
}

.contact .right {
float: left;
width: 100%;
}

div#mapp0_layout{display: none;}

.contact .left{
    float: left;
    width: 100%;
    margin-top: 20px;
}


.wpcf7 p {
    width: 100%;
}

.wpcf7 input, 
.wpcf7 textarea{
    width: 95%;
    float: left;
    display: block;
}

.wpcf7-checkbox input{
    width: auto;
}

.wpcf7 .details{
    margin-top: 0;
}


.wpcf7 .wpcf7-submit{
    float: left;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 50px;
    margin-bottom: 20px;
}

.wpcf7-response-output{
    width: 90%;
    left: 5%;
    bottom: 105px;
}

.contact_wrapper .wpcf7-submit {
width: 70px;
margin: auto;
}

.contact .contact_wrapper {
border: 0px solid #818181;
}


/*========= footer =========*/
footer .section_logo{display: none}

#footer-nav1-widget {
width: 30%;
margin-left: 18%;
}

#footer-nav2-widget {
margin-left: 10%;
width: 30%;
}

.social-links {
    width: 100%;
    margin: 30px auto;
}

.social-links a{
    margin-right: 0;
    margin-left: 25%;
    font-size: 30px;
}      

footer .phone {
float: left;
width: 100%;
text-align: center;
margin-bottom: 10px;
}

.copyright {
	font-size:12px;
}


}

@media only screen 
and (max-width : 320px) {
    

}