@import 'cars/cars-mobile.css';
@import 'hotels/hotels-mobile.css';
@import "flights/flights-mobile.css";
@import "cruises/cruises-mobile.css";
@import "golf/golf-mobile.css";
@import "yachts/yachts-mobile.css";
@import "tickets/tickets-mobile.css";
@import "joint-venture/joint-venture-mobile.css";
@import "myaccount/myaccount-desktop.css";
@import "transfers/transfers-mobile.css";
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 19, 2015, 2:28:38 PM
    Author     : pablo_rovelo
*/




                /*======== MQ by Kozmo ======= */

/* ***** FLIGHTS INDEX     ***/

@media only screen and (max-width: 40em) {


    
li.orbit-item-1 {
    height: 150px; 
}

        
.orbit-item-1 h4{
    font-size: 4rem;
    margin-top: 3rem;
}        
    
    
        
.ow-promos-double {
		width : 100%;
		height: 100%;
   
        
	}     
        
.ow-promos-single{
		width : 100%;
		height: 100%;
	
	}        

.ow-promos-item{
    	width : 100%;
		height: 100%;
	
    
}        
        
 h2.ow-promo-title-highlight {
    padding :90px 0 10px;
    font-size: 50px;
    color : #FFFFFF;

}       

#searchbar_small{
    background-color: #243547 !important;
}

#searchbar_small h6{
    padding: 0.2rem;
    color: #fff;
    font-size: 0.8rem;
}


#pass_menu_infant h6, #pass_menu_child h6, #search_button h6{
    color: #243547;
}   
 

.flight_type{
    margin-top: 0.3rem;
}    
    
#top_menu a{
    font-size: 0.9rem;
}    
    

}


/* ***** FLIGHTS SEARCH RESULTS B     ***/

@media only screen and (max-width: 40em) {

    .flight_time{
        font-size: 0.8rem !important;
        font-weight: 600 !important;
    }
    
    .col5_line2{
        font-size: 0.9rem !important;
    }

    .f2_col5_line2{
        font-size: 0.9rem !important;
    }

    #col1_details p{
    font-size: 0.7rem;
    float: left;
    text-align: center;
    margin-left: 15px;
    line-height: 0.6rem;
    margin-top: -15px;
    
}

#col1_details i{
    font-size: 2rem;
    margin-left: 2.5rem;
    margin-top: 1rem;
}
    
}




/* === Mi Cuenta > Information === /*


    /* Mobile */

@media only screen and (max-width: 40em) {
    
    .reg_txt{
        font-size: 0.8rem;
        margin-bottom: 0.3rem;
    }

    
    .info_title{
        font-size: 0.8rem;
        margin-bottom: 0.3rem;
    }
    
    #footer{
    padding-bottom: 1rem;
    }
    
    .my_info_title{
        margin-bottom: 0.3rem;
    }

}    
    
    
/* ===== MI CUENTA > Reservations ==== */

    /* Mobile */

@media only screen and (max-width: 40em) { 
    
    .reserv{
        font-size: 0.8rem;
        float: right;
    }
    
    .reservnumber{
        font-size: 1.2rem;
        float: right;
    }
    
    #namedata p{
    float: left;
    font-size: 0.7rem;
    line-height: 10px;
    }
    
    #staydata p{
    float: right;
    font-size: 0.7rem;
    line-height: 12px;
    
    }
    
    #rooms li{
        text-align: left;
        float: left;
    }
    
    #rooms_column1 p{
        line-height: 12px;
    }
    
    #rooms_column2 p{
        line-height: 10px;
    }
    
    #footer{
        padding-bottom: 1rem;
    }
}

/*

/!*=?=?=?=?=?=?=?=?=?=?=?=?=?=?=?=?=?=?=?=?=?=?=?=?=?=?=?=?=?=?=?=?=?=?=?=?=?=
:							:												:
							:	     MQ 4 TC CARS > MOBILE SIZES			:
							:	           MADE WITH <3 BY					:
							:												:
							:   || ||   __    ==||===                __		:
							:   ||//  //  \\  || //   ||        || //  \\	:
							:	||    ||  ||    //    ||\\    //|| ||  ||   :
							:   ||\\  ||  ||   //     || \\  // || ||  ||   :
							:   || || ||  ||  //   || ||  \\//  || ||  ||   :
							*************************************************
							*************************************************
							:     		 FOR (R)Owners-Link					:
							:	    	   (C)August 2015                   :
							:												:
							*************************************************
*!/


/!* ============== TC CARS  ===============*!/

/!* ----------- iPhone 6 ----------- *!/


/!* Portrait and Landscape *!/

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {



    /!*======CARS CARDS====*!/

    .cars-col-half {
        background-size: 100% 100%!important;
        background-position: center center !important;
    }

}
/!* Portrait *!/

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #cover{
        width: 50%!important;
        background-attachment: scroll!important;



    }
    #cover h2 {
        margin-top: 50px!important;
        font-size: 3em!important;
    }
    #cover h4 {
        font-size: 2em!important;
    }

    .search-bar-btn i {
        right: 50%!important;
    }
    
    .car-info-bg h3{
        font-size: 0.8em !important;
    }


    section.cars-search-bar-section{
        top: 90px!important;
    }

    #main-content{
        margin-top: 140px!important;
    }


    /!*===TC CARS PAYMENT RESPONSE===*!/

    .cars-response-schedule td{
        text-align: left;
        margin-bottom: 20px;
        margin-top: 5px;
    }
    .cars-response-schedule-l p{
        font-size: 0.8em!important;
    }

    .cars-response-schedule-r p{
        font-size: 1em!important;
        margin-bottom: 0px!important;
    }


    /!* CARS DETAILS*!/

    .card-block1{
        width: 30%!important;
        background-size: 80% 50%!important;
    }

    .car-specs li{
        font-size: 1em;
        padding: 5px !important;
    }


    .card-specs-1{
        font-size: 1.3em !important;
    }

    .card-specs-4{
        font-size: 1em !important;
    }

    .card-specs-5{
        font-size: 1em !important;
    }

    .card-block2{
        width: 70%!important;
        display: block !important;
    }

    .card-block3{
        width: 100%!important;
        height: 60px!important;
        border-top: 1px solid rgba(51, 51, 51, 0.2);
    }

    .card-block3 ul{
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        padding: 5px;
        height: 50px!important;
        margin-top: 5px;
        font-size: 0.9em;
        text-align: left!important;
    }

    .card-block3 h3{
        font-size: 1.5em!important;
    }

    .card-block3 p{
        display: none;
    }


    .car-price1 button{
        position: relative;
        bottom: 4px;
    }






}

/!* Landscape *!/

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    #cover h2 {
        margin-top: 50px!important;
        font-size: 3em!important;
    }
    #cover h4 {
        font-size: 2em!important;
    }

    .car-info-bg h3{
        font-size: 0.8em !important;
    }



    /!*==CARS DETAILS===*!/

    .ad1 h3 {
        font-size: 0.9em!important;
    }
    .ad1 h4 {
        font-size: 0.7em!important;
    }
    .ad1 h2 {
        font-size: 1em!important;
    }
    .car-specs li {
        line-height: 13.5px!important;
    }
    .card-specs-1 {
        font-size: 0.8em!important;
    }
    .card-specs-1 span {
        font-size: 0.6em!important;
    }
    .card-specs-2 {
        font-size: 0.7em!important;
    }
    .card-specs-3 {
        font-size: 0.6em!important;
    }
    .card-specs-4 {
        font-size: 0.7em!important;
    }
    .card-specs-5 {
        font-size: 0.7em!important;
    }
    .card-specs-6 {
        font-size: 0.7em!important;
    }
    .card-specs-7 {
        font-size: 0.7em!important;
    }
    .card-block3 h3 {
        font-size: 1em!important;
    }
    .card-block3 p {
        display: none;
    }
    .card-block4 h3 {
        font-size: 1em!important;
    }
    .card-block4 p {
        display: none;
    }






    /!*===CARS CONFIRMATION=====*!/

    .confirm-payment-row-info p{
        font-size: 0.8em!important;
    }

    /!*===CARS PAYMENT RESPONSE====*!/

    .tccars-response-col-l{
        width: 64%!important;
    }

    .cars-response-car-details-list p{
        font-size: 0.8em!important;
    }
}

/!* ----------- iPhone 6+ ----------- *!/


/!* Portrait and Landscape *!/

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {





}

/!* Portrait *!/

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: portrait) {


    .cars-col-half {
        background-size: 100% 100%!important;
        background-position: center center !important;
    }

    section.cars-search-bar-section{
        top: 90px!important;
    }

    #main-content{
        margin-top: 140px!important;
    }

}

/!* Landscape *!/

@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    #cover h2 {
        margin-top: 50px!important;
        font-size: 4em!important;
    }
    #cover h4 {
        font-size: 2.5em!important;
    }

    .cars-col-half {
        background-size: 100% 100%!important;
        background-position: center center !important;
    }


    /!*==CARS DETAILS===*!/

    .ad1 h3 {
        font-size: 0.9em!important;
    }
    .ad1 h4 {
        font-size: 0.7em!important;
    }
    .ad1 h2 {
        font-size: 1em!important;
    }
    .car-specs li {
        line-height: 13.5px!important;
    }
    .card-specs-1 {
        font-size: 0.8em!important;
    }
    .card-specs-1 span {
        font-size: 0.6em!important;
    }
    .card-specs-2 {
        font-size: 0.7em!important;
    }
    .card-specs-3 {
        font-size: 0.6em!important;
    }
    .card-specs-4 {
        font-size: 0.7em!important;
    }
    .card-specs-5 {
        font-size: 0.7em!important;
    }
    .card-specs-6 {
        font-size: 0.7em!important;
    }
    .card-specs-7 {
        font-size: 0.7em!important;
    }
    .card-block3 h3 {
        font-size: 1em!important;
    }
    .card-block3 p {
        display: none;
    }
    .card-block4 h3 {
        font-size: 1em!important;
    }
    .card-block4 p {
        display: none;
    }
    /!*----*!/

    /!*===CARS CONFIRMATION=====*!/

    .confirm-payment-row-info p{
        font-size: 0.9em!important;
    }


    /!*===CARS PAYMENT RESPONSE====*!/

    .tccars-response-col-l{
        width: 64%!important;
    }



}


/!* ----------- iPhone 5 and 5S ----------- *!/

/!* Portrait and Landscape *!/
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2) {

    /!* payment response *!/

    .tccars-response-col-l{
        width: 97% !important;
    }

    .tccars-response-col-r{
        width: 97% !important;
    }



}

/!* Portrait *!/
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
}

/!* Landscape *!/
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {


    #cover {
        background-position: top center!important;
        background-size: 100%!important;
        height: 500px!important;
    }
    #cover h2 {
        margin-top: 50px!important;
        font-size: 3em!important;
    }
    #cover h4 {
        font-size: 1.5em!important;
    }

    /!*.cars-search-bar input[type=text] {
        max-height: 34px!important;
        margin-left: 0px!important;
    }*!/



    .search-bar-btn i {
        right: 50%!important;
    }

    /!* CARS DETAILS*!/

    .card-block1{
        width: 30%!important;
        background-size: 80% 50%!important;
    }

    .car-specs li{
        font-size: 1em;
        padding: 5px !important;
    }


    .card-specs-1{
        font-size: 1.3em !important;
    }

    .card-specs-4{
        font-size: 1em !important;
    }

    .card-specs-5{
        font-size: 1em !important;
    }

    .card-block2{
        width: 70%!important;
        display: block !important;
    }

    .card-block3{
        width: 100%!important;
        height: 60px!important;
        border-top: 1px solid rgba(51, 51, 51, 0.2);
    }

    .card-block3 ul{
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        padding: 5px;
        height: 50px!important;
        margin-top: 5px;
        font-size: 0.9em;
        text-align: left!important;
    }

    .card-block3 h3{
        font-size: 1.5em!important;
    }

    .card-block3 p{
        display: none;
    }


    .car-price1 button{
        position: relative;
        bottom: 4px;
    }

    .confirm-payment-row-info p{
        font-size: 1em !important;
    }



}




/!* ----------- iPhone 4 and 4S ----------- *!/


/!* Portrait and Landscape *!/

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {

    section.cars-search-bar-section{
        position: inherit !important;
        top: -36px;
    }


}

/!* Portrait *!/

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
    #cover {
        background-position: top center!important;
        background-size: 100%!important;
        height: 450px!important;
    }
    #cover h2 {
        margin-top: 50px!important;
        font-size: 3em!important;
    }
    #cover h4 {
        font-size: 1.5em!important;
    }
    /!*.cars-search-bar input[type=text] {
        height: 34px!important;
        margin-left: 0px!important;
    }*!/
    .search-bar-btn i {
        right: 50%!important;
    }

    #main-content{
        margin-top: 260px;
    }



    /!*===TC CARS PAYMENT RESPONSE===*!/

    .cars-response-schedule td{
        text-align: left;
        margin-bottom: 20px;
        margin-top: 5px;
    }
    .cars-response-schedule-l p{
        font-size: 0.8em!important;
    }

    .cars-response-schedule-r p{
        font-size: 1em!important;
        margin-bottom: 8px;
    }

    .cars-response-addservices p{
        font-size: 0.8em!important;
    }

    /!* detail reserve car*!/

    .confirm-col-l{
        width: 97% !important;
    }

    .confirm-col-r{
        width: 97% !important;
    }

    .reserve-car{
        -webkit-background-size: 70% 70% !important;
        background-size: 70% 70% !important;
        width: 97% !important;
        height: 250px !important;
    }


}

/!* Landscape *!/
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
    #cover {
        background-position: top center!important;
        background-size: 100%!important;
        height: 450px!important;
    }
    #cover h2 {
        margin-top: 50px!important;
        font-size: 3em!important;
    }
    #cover h4 {
        font-size: 1.5em!important;
    }
  /!*  .cars-search-bar input[type=text] {
        height: 34px!important;
        margin-left: 0px!important;
    }*!/
    .search-bar-btn i {
        right: 50%!important;
    }


/!* CARS DETAILS*!/

    .card-block1{
        width: 30%!important;
        background-size: 80% 50%!important;
    }

    .car-specs{
        font-size: 0.9em;
    }

    .card-block2{
        width: 70%!important;
        display: block !important;
    }

    .card-block3{
        width: 100%!important;
        height: 60px!important;
        border-top: 1px solid rgba(51, 51, 51, 0.2);
    }

    .card-block3 ul{
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        padding: 5px;
        height: 50px!important;
        margin-top: 5px;
        font-size: 0.9em;
        text-align: left!important;
    }

    .card-block3 h3{
        font-size: 1.5em!important;
    }

    .card-block3 p{
        display: none;
    }


    .car-price1 button{
        position: relative;
        bottom: 4px;
    }

    /!* detail reserve car*!/

    .reserve-car{
        -webkit-background-size: 50% 80% !important;
        background-size: 50% 80% !important;
        width: 97% !important;
        height: 150px !important;
    }

    .confirm-payment-row-info p{
        font-size: 1em !important;
    }


}
*/