/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {

     p {font-size: 13px !important; }
    .margin-left-0-Mxs{margin-left: 0px !important;}
    .margin-left-10-Mxs{margin-left: 10px !important; }
    .margin-right-10-Mxs{margin-right: 10px !important; }
    .margin-top-15-Mxs{margin-top: 15px !important;}
    .margin-top-10-Mxs{margin-top: 10px !important;}
    .margin-top-5-Mxs{margin-top: 5px !important;}
    .margin-right-50-Small{margin-right: 50px!important;}
    .margin-top-0-Mxs{margin-top: 0px !important;}
    .margin-bottom-30-Mxs{margin-bottom: 30px !important;}
    .margin-bottom-15-Mxs{margin-bottom: 15px !important;}
    .padd-lr-15-Mxs{padding: 0px 15px 0px 15px !important;}
    .padd-lr-10-Mxs{ padding: 0px 10px 0px 10px !important;}
    .padd-lr-5-Mxs{ padding: 0px 5px 0px 5px !important;}
    .padd-left-0-Mxs{padding-left: 0px !important;    }
    .padd-right-0-Mxs{padding-left: 0px !important; }
    .form-wrapper input{width: 198px !important;}
    .recentTravellers h1{font-size: 12px !important;}
    .walletBox .walletWrap{border-right: none !important;border-bottom: 1px solid #bce1f1;}
    .walletBox .walletWrap .walletWrapLast{border-bottom: none !important;}
    .walletBox-promo {padding: 5px 10px !important; font-size: 12px !important;line-height: 18px!important; }
    .slider_container, .app_bg {background: url(../images/app-slide-bg02.jpg) no-repeat top center; height: 220px !important;background-size: cover;}
    .slider_content_holder {margin: 50px 0px 0 60px !important;}
    .slider_decoration .image-slider-holder{margin: 55px 0px 0px 0px !important;}
    .slider_content_holder{margin: 50px 0px 0 0px!important;}
    .slider_content_holder h1{font-size: 22px !important; line-height: 30px !important; font-weight: normal;}
    .pad-lr-10-Mxs{padding:0px 10px 0px 10px !important;}
    .pad-l-10-Mxs{ padding-left: 10px;}
    .slider_content_holder .app_download_btn {margin-top: 20px !important;}
    .slider_content_holder .app_download_btn a {margin-right: 0px !important; float: left; width: 49%;}
    .slider_content_holder .app_download_btn a img { width: 93%; }
    .float_none{float: none !important;}
    .sec_features_app {padding: 15px 0px !important;}
    .features_content h1{font-size: 24px !important;}
    .features_content .features { margin-top: 20px !important;}
    .hide_mobile{display: none;}
    .text-center-xs{text-align: center !important;}
    .width_100Mxs{width: 100% !important;}
    .app_download_container .app_download_descriptions h1{font-size: 13px !important;line-height: 20px !important;}
    .app_download_container{padding: 20px 0px !important;}
    .list-cards ul, .list-cards-right ul {margin-top: 0px !important;}
    .orange_text_mob{color: #ff7300;}
    .blue_text_mob{color: #0082d5;}
    .green_text_mob{color: #00b338;}
    .yash_text_mob{color: #9da3ad !important;}
    .modelWidth300px_Imp{width:300px!important;}
    .email_mobile_icon img{ width: 50px; display: inline;}
    .sec_mobileLink_app, .bg_appDownload{ height: 200px !important;}
    .subscribe-input {padding: 0 16px;height: 36px !important;font-size: 14px !important;}
    .subscribe-submit {top: 33px !important; padding-left: 10px !important; height: 36px !important; width: 100px !important; font-size: 12px !important; line-height: 36px !important;}
    .custom-container{width: 100% !important;}
    .sec_screens_app h1{font-size: 24px !important;}
    .sec_screens_app{padding: 20px 0px !important;}
    .carousel-decoration-mobile {position: absolute; top: 0; left: 50%; width: 252px; height: 540px; margin-left: -123.5px !important; background-repeat: no-repeat; background-position: center; background-size: cover;}
    .screenshot-carousel .image-holder {width: 227px !important; height: 396px !important; background-color: #fff;  margin: 64px 0px 0px 50px !important;}
    .screenshot-carousel .owl-stage-outer{height: 530px !important;}
    .screenshot-carousel{height: 570px !important;}
    .travellerTab .traveller-edit-wrapper{padding: 10px !important;}
    .mobile_price_bg{background-color: #f1f5f8; padding: 10px; line-height: 22px;}
    .mob_Totalprice{background-color: #49a300; padding: 5px 15px; color: #fff; font-weight:bold; }
    .coupon_box_wrapper{border-right: none !important; padding-right: 0px !important;}
    .coupon_box_wrapper{width: 100% !important; border-left: none !important; text-align: center; padding-left: 0px !important;}
    .modelWidth600px{width: 100% !important;}
	.tabs_width{ padding-left:10px !important; padding-right:10px !important;}
    .text_center_xs{text-align: center;}
    .addon_form{margin-top: 0px !important;}
    .add_info{margin-bottom: 10px !important;}
    .traveller_signup p{line-height: 18px; margin-top: 5px !important;}
    .traveller_contact_info{display:inline !important;}
    .traveller_details_info{display:inline !important; margin-top: 0px !important;}
    .txtRight{text-align: right !important;}
    .txtLeft{text-align: left !important;}
    .width_30Per_Mxs{width: 30%;}
    .label-gray, .label-red, .label-orange, .label-darkGray{width: 90px !important;}

      .mar-top-15-Mxs {
        margin-top: 15px;
    }

    .modelWidth900px{width:320px !important}

            .vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}

    .modelWidth300px{width:300px !important}

    .editButton_flight{position: absolute; top:0px; left: 10px;}

    .walletSignup_popup .modal-dialog {width: 300px !important;}
    .appdownLoadbg .app_content_info{padding: 10px !important;}
    .appdownLoadbg .app_content_info .appHeading{font-size: 14px !important; margin-bottom: 10px!important;}

    /* MY WALLET CSS HERE*/
    .tabs_width{ width: 100% !important; padding-right: 15px !important;}
    .ros-tab-content {padding: 10px !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important;}
    .mobileRow {margin-right: -15px; margin-left: -15px;}
    .myTrip_tab .myTrip-info .flightPnr .fDate {font-size: 20px !important;}
    .walletBox .walletWrap {padding: 10px 0px !important;}
    .walletBox .walletWrap .wBalance, .walletBox .walletWrap .wCurrency {font-size: 22px !important; }
    .walletBox .walletWrap .wBalanceblack, .walletBox .walletWrap .wCurrencyblack { font-size: 22px !important;}
    .mobScrollmenu .scrollmenu {overflow: auto; white-space: nowrap; }
    .mobScrollmenu.scrollmenu a { display: inline-block; color: white; text-align: center; padding: 14px; text-decoration: none; }
    .card ul li a {font-size: 9px !important; padding: 0px 0px 5px 0px  !important;}
    .myTrip_tab .myTrip-info .fly-icon-mob img{ /*width: 32px !important; height: 32px !important;*/ float: left; margin-top: 11px}
    .scrollmenu .ros-tab-menu .list-group-item{ padding: 10px;display: inline-block; min-width: 84px; }
    .scrollmenu .ros-tab-menu .list-group{ margin-bottom: 15px;}
    .mobScrollmenu .scrollmenu .ros-tab-menu div.list-group>a.active:after{display: none;}
    .traveller_icon { height: 32px !important;}
    .fDate_mob { color: #3d4d65; font-size: 30px;font-weight: 500; margin: 7px 0px 0px 0px; float: right;}
    .fDate-info {margin: 10px 0px 0px 10px; display: block; float: left; color: #3d4d65; font-size: 13px;}
    .label-gray-xs{width:100px; background-color: #bcc2c6; font-size: 10px; font-weight:lighter; text-transform: uppercase; font-family: Arial; border-radius: 1px !important; padding: 4px 0px; text-align: center;display: inline-block;}
    .labelTray-xs{position: absolute; top:3px; left: 0px; }
    .fActions-xs { position: absolute;top:21px;right: 0px;}
    .label-red-xs{width:100px; background-color: #d85358; font-size: 10px; font-weight: lighter; text-align: center; text-transform: uppercase;font-family: arial;padding: 4px 0px;border-radius: 1px !important;display: inline-block;}

    .mobScrollmenu .scrollmenu .list-group-item:first-child, .list-group-item:last-child {border-radius: 0px !important;}
    /*Refer & Earn*/
    .referEarnwrapper .topEarnHeader{font-size: 14px !important;}
    .table-user-information > tbody > tr > td {display:block;}
   
    .coupon-submit{left: 12px !important;}
    .referEarnwrapper .topEarnContent h1{font-size: 14px !important; line-height: 22px !important;}
    .ros-btn-mob{
        height: 46px;
        width: 100% !important;
        margin: 0px 10px 0px 0px;
        padding: 13px 17px;
        font-size: 14px;
        margin-bottom: 10px !important;
        font-weight: 300;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
    }
    .pax_Personal_fullDetails {
        float: none !important;
        /*margin-right: 0px !important;*/
    }

    /* BOOKING FORM CSS START HERE*/
    /* FLIGHTS RESULTS HERE*/
    .airlineLogo_section_mob img { width: 24px; height: 24px;}
    .airLine_text .flght_name{font-size: 11px !important;}
    .airLine_text .fligh_number{font-size: 10px !important;}
    .flightDepart_info .depart_time, .flightDepart_info .depart_date, .flightArrive_info .depart_city, .flightArrive_info .depart_time, .flightDepart_info .depart_city, .flightArrive_info .depart_date{
        font-size: 12px !important;
    }
    .flightDepart_info .depart_airport, .flightArrive_info .depart_airport{font-size: 9px !important;}
    .total_duration_info{padding-top: 0px !important; margin-bottom: 10px;}
    .total_duration_info .total_time{float: left; padding: 0px 10px 0px 10px !important;}
    .flight_addon_info{text-align: right !important; padding:5px 10px 5px 0px; font-size: 12px !important;}
    .stop_textinfo_multi{padding:5px 10px !important; font-size: 9px !important; font-family: "Arial", Helvetica, Arial, sans-serif;}
    .layover_info{margin-top: 10px !important; margin-bottom: 10px !important;}
    .continue_booking_block{padding: 10px 0px 0px 0px !important; margin:0px 0px 0px 0px !important;}
    .flight_details_link a{font-size: 12px !important;}
    .process-step p{font-size: 11px !important;}
    .btn-medium-xs{padding: 2px 8px !important;}
    .pricing-details-wrapper .pricing_details_body{padding: 10px !important; float:left; width: 100%;}
    .pricing-details-wrapper .price_details_header{padding: 8px 10px !important;}
    .pricing-details-wrapper .price_details_header .price_price .price_blck{font-size: 12px !important; font-weight: normal !important;}
    .pricing-details-wrapper .price_details_header .price_price .price_green{font-size: 14px !important;}
    .pricing-details-wrapper .price_details_header .price_price .p_title{font-size: 10px !important; }
    .pricing-details-wrapper .price_details_header .price_title{padding-top: 8px !important;}
    .traveller_signup{padding: 10px !important;}
    .traveller_signup p{font-size: 11px; font-weight: normal !important;}
    .fullWidth_Mxs{width: 100% !important;}
    .col_xs_4_mob{width: 33.33333333% !important; float: left;}
    .traveller_signup{display: inline-block !important;}
    .pullLeft_Mxs{float: left;}
    .pullRight_Mxs{float: right;}
    .pullLeft_Mxs_Imp{float: left !important;}
    .pullRight_Mxs__Imp{float: right !important;}

}


/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 481px)
and (max-device-width : 767px) {
    p {font-size: 13px !important; }
    .margin-left-0-Mxs{margin-left: 0px !important;}
    .margin-left-10-Mxs{margin-left: 10px !important; }
    .margin-top-15-Mxs{margin-top: 15px !important;}
    .margin-top-10-Mxs{margin-top: 10px !important;}
    .margin-top-5-Mxs{margin-top: 5px !important;}
    .margin-top-0-Mxs{margin-top: 0px !important;}
    .margin-bottom-30-Mxs{margin-bottom: 30px !important;}
    .margin-bottom-15-Mxs{margin-bottom: 15px !important;}
    .padd-lr-15-Mxs{padding: 0px 15px 0px 15px !important;}
    .padd-lr-15-Sms{padding: 0px 15px 0px 15px !important;}
    .padd-lr-0-Mds{padding: 0px 0px 0px 0px !important;}
    .padd-lr-10-Mxs{ padding: 0px 10px 0px 10px !important;}
    .padd-lr-5-Mxs{ padding: 0px 5px 0px 5px !important;}
    .padd-left-0-Mxs{padding-left: 0px !important;    }
    .padd-left-0-Mds{padding-left: 0px !important;    }
    /*.padd-right-0-Mxs{padding-right: 0px !important; }*/
    .padd-10-Mxs{padding: 10px !important;}
    .form-wrapper input{width: 198px !important;}
    .recentTravellers h1{font-size: 12px !important;}
    .walletBox .walletWrap{border-right: none !important;border-bottom: 1px solid #bce1f1;}
    .walletBox .walletWrap .walletWrapLast{border-bottom: none !important;}
    .walletBox-promo {padding: 5px 10px !important; font-size: 12px !important;line-height: 18px!important; }
    .slider_container, .app_bg {background: url(../images/app-slide-bg02.jpg) no-repeat top center; height: 220px !important;background-size: cover;}
    .slider_content_holder {margin: 50px 0px 0 60px !important;}
    .slider_decoration .image-slider-holder{margin: 55px 0px 0px 0px !important;}
    .slider_content_holder{margin: 50px 0px 0 0px!important;}
    .slider_content_holder h1{font-size: 22px !important; line-height: 30px !important; font-weight: normal;}
    .pad-lr-10-Mxs{padding:0px 10px 0px 10px !important;}
    .pad-l-10-Mxs{ padding-left: 10px;}
    .slider_content_holder .app_download_btn {margin-top: 20px !important;}
    .slider_content_holder .app_download_btn a {margin-right: 0px !important; float: left; width: 49%;}
    .slider_content_holder .app_download_btn a img { width: 93%; }
    .float_none{float: none !important;}
    .sec_features_app {padding: 15px 0px !important;}
    .features_content h1{font-size: 24px !important;}
    .features_content .features { margin-top: 20px !important;}
    .hide_mobile{display: none;}
    .text-center-xs{text-align: center !important;}
    .width_100Mxs{width: 100% !important;}
    .app_download_container .app_download_descriptions h1{font-size: 13px !important;line-height: 20px !important;}
    .app_download_container{padding: 20px 0px !important;}
    .list-cards ul, .list-cards-right ul {margin-top: 0px !important;}
    .orange_text_mob{color: #ff7300;}
    .blue_text_mob{color: #0082d5;}
    .green_text_mob{color: #00b338;}
    .yash_text_mob{color: #9da3ad;}
    .email_mobile_icon img{ width: 50px; display: inline;}
    .sec_mobileLink_app, .bg_appDownload{ height: 200px !important;}
    .subscribe-input {padding: 0 16px;height: 36px !important;font-size: 14px !important;}
    .subscribe-submit {top: 33px !important; padding-left: 10px !important; height: 36px !important; width: 100px !important; font-size: 12px !important; line-height: 36px !important;}
    .custom-container{width: 100% !important;}
    .sec_screens_app h1{font-size: 24px !important;}
    .sec_screens_app{padding: 20px 0px !important;}
    .carousel-decoration-mobile {position: absolute; top: 0; left: 50%; width: 252px; height: 540px; margin-left: -123.5px !important; background-repeat: no-repeat; background-position: center; background-size: cover;}
    .screenshot-carousel .image-holder {width: 227px !important; height: 396px !important; background-color: #fff;  margin: 64px 0px 0px 50px !important;}
    .screenshot-carousel .owl-stage-outer{height: 530px !important;}
    .screenshot-carousel{height: 570px !important;}
    .travellerTab .traveller-edit-wrapper{padding: 10px !important;}

    .mobile_price_bg{background-color: #f1f5f8; padding: 10px; line-height: 22px;}
    .mob_Totalprice{background-color: #49a300; padding: 5px 15px; color: #fff; font-weight:bold; }
    .coupon_box_wrapper{border-right: none !important; padding-right: 0px !important;}
    .coupon_box_wrapper{width: auto !important;}

    .width_11Mds{width:11.666667% !important;}

    .pullRight_Mds{float: right !important;}

    .modal-body{padding: 10px !important;}
    .rosmymodal h1{font-size: 12px !important;}

    .modelWidth600px{width: 100% !important;}

    .text_center_xs{text-align: center;}
    .addon_form{margin-top: 0px !important;}
    .add_info{margin-bottom: 10px !important;}

    .modelWidth900px{width: 320px !important;}

    .traveller_signup p{line-height: 18px; margin-top: 5px !important;}
    .traveller_contact_info{display:inline !important;}

    .traveller_details_info{display:inline !important; margin-top: 0px !important;}

    .txtRight{text-align: right !important;}
    .txtLeft{text-align: left !important;}

    .vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}



    /* MY WALLET CSS HERE*/
    .tabs_width{ width: 100% !important;}
    .ros-tab-content {padding: 10px !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; border-radius: 5px !important;}
    /*.mobileRow {margin-right: -15px; margin-left: -15px;}*/
    .myTrip_tab .myTrip-info .flightPnr .fDate {font-size: 20px !important;}
    .walletBox .walletWrap {padding: 10px 0px !important;}
    .walletBox .walletWrap .wBalance, .walletBox .walletWrap .wCurrency {font-size: 22px !important; }
    .walletBox .walletWrap .wBalanceblack, .walletBox .walletWrap .wCurrencyblack { font-size: 22px !important;}
    .mobScrollmenu .scrollmenu {overflow: auto; white-space: nowrap; }
    .mobScrollmenu.scrollmenu a { display: inline-block; color: white; text-align: center; padding: 14px; text-decoration: none; }
    .card ul li a {font-size: 9px !important; padding: 0px 0px 5px 0px  !important;}
    .myTrip_tab .myTrip-info .fly-icon-mob img{ width: 32px !important; height: 32px !important; float: left; margin-top: 11px}
    .scrollmenu .ros-tab-menu .list-group-item{ padding: 10px;display: inline-block; }
    .scrollmenu .ros-tab-menu .list-group{ margin-bottom: 15px;}
    .mobScrollmenu .scrollmenu .ros-tab-menu div.list-group>a.active:after{display: none;}
    .traveller_icon { height: 32px !important;}
    .fDate_mob { color: #3d4d65; font-size: 30px;font-weight: 500; margin: 7px 0px 0px 0px; float: left;}
    .fDate-info {margin: 10px 0px 0px 10px; display: block; float: left; color: #3d4d65; font-size: 13px;}
    .label-gray-xs{width:100px; background-color: #bcc2c6; font-size: 10px; font-weight:lighter; text-transform: uppercase; font-family: Arial; border-radius: 1px !important; padding: 4px 0px; text-align: center;display: inline-block;}
    .labelTray-xs{position: absolute; top:3px; right: 0px; }
    .fActions-xs { position: absolute;top:21px;right: 0px;}
    .label-red-xs{width:100px; background-color: #d85358; font-size: 10px; font-weight: lighter; text-align: center; text-transform: uppercase;font-family: arial;padding: 4px 0px;border-radius: 1px !important;display: inline-block;}

    .mobScrollmenu .scrollmenu .list-group-item:first-child, .list-group-item:last-child {border-radius: 0px !important;}
    /*Refer & Earn*/
    .referEarnwrapper .topEarnHeader{font-size: 14px !important;}
    .coupon-submit{right: 12px !important;}
    .referEarnwrapper .topEarnContent h1{font-size: 14px !important; line-height: 22px !important;}
    .ros-btn-mob{
        height: 46px;
        width: 100% !important;
        margin: 0px 10px 0px 0px;
        padding: 13px 17px;
        font-size: 14px;
        margin-bottom: 10px !important;
        font-weight: 300;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
    }
    .pax_Personal_fullDetails {
        float: none !important;
        margin-left: 0px !important;
    }
    /* BOOKING FORM CSS START HERE*/
    /* FLIGHTS RESULTS HERE*/
    .airlineLogo_section_mob img { width: 38px; height: 38px;}
    .airLine_text .flght_name{font-size: 11px !important;}
    .airLine_text .fligh_number{font-size: 10px !important;}
    .flightDepart_info .depart_time, .flightDepart_info .depart_date, .flightArrive_info .depart_city, .flightArrive_info .depart_time, .flightDepart_info .depart_city, .flightArrive_info .depart_date{
        font-size: 13px !important;
    }
    .flightDepart_info .depart_airport, .flightArrive_info .depart_airport{font-size: 11px !important;}
    .total_duration_info{padding-top: 0px !important; margin-bottom: 10px;}
    .total_duration_info .total_time{float: right; padding: 0px 10px 0px 10px !important;}
    .flight_addon_info{text-align: right !important; padding:5px 0px 5px 35px;}
    .stop_textinfo_multi{padding:5px 10px !important; font-size: 9px !important; font-family: "Arial", Helvetica, Arial, sans-serif;}
    .layover_info{margin-top: 10px !important; margin-bottom: 10px !important;}
    .continue_booking_block{padding: 10px 0px 0px 0px !important; margin:0px 0px 0px 0px !important;}
    .flight_details_link a{font-size: 12px !important;}
    .process-step p{font-size: 11px !important;}
    .btn-medium-xs{padding: 2px 8px !important;}
    .pricing-details-wrapper .pricing_details_body{padding: 10px !important; float:left; width: 100%;}
    .pricing-details-wrapper .price_details_header{padding: 8px 10px !important;}
    .pricing-details-wrapper .price_details_header .price_price .price_blck{font-size: 12px !important; font-weight: normal !important;}
    .pricing-details-wrapper .price_details_header .price_price .price_green{font-size: 14px !important;}
    .pricing-details-wrapper .price_details_header .price_price .p_title{font-size: 10px !important; }
    .pricing-details-wrapper .price_details_header .price_title{padding-top: 8px !important;}

    .traveller_signup{padding: 10px !important;}
    .traveller_signup p{font-size: 11px; font-weight: normal !important;}

    .fullWidth_Mxs{width: 100% !important;}
    .col_xs_4_mob{width: 33.33333333% !important; float: left;}

    .traveller_signup{display: inline-block !important;}

    .pullLeft_Mxs{float: left;}

}



/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {

}

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

}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 997px) {

    .margin-left-0-Mxs{margin-left: 0px !important;}

    .margin-top-10-Mxs{margin-top: 10px !important;}

    .slider_container, .app_bg { background: url(../images/app-slide-bg02.jpg) no-repeat top center; height: 379px !important; background-size: cover;}
    .image-slider-holder img{width: 84% !important;}
    .pad-lr-10-Smd{ padding:0px 10px 0px 10px !important;}
    .feature_heading {font-size: 12px !important}
    .details_text{font-size: 12px !important;}
    .slider_content_holder { margin: 100px 0px 0 0px !important; }
    .slider_content_holder h1{ font-size: 30px !important;line-height: 35px !important;font-weight: lighter;}
    .slider_content_holder .app_download_btn a img { width: 93%; }
    .slider_content_holder .app_download_btn a { margin-right: 0px !important;float: left; width: 49%;}
    .slider_content_holder .app_download_btn { float: left; }
    .list-cards ul {margin-top: 50px !important;}
    .list-cards-right ul {margin-top: 50px !important;}
    .margin-bottom-30-Smd{margin-bottom: 30px !important;}
    .features_mobile_tray {background: url(../images/features-mobile-bg.jpg) no-repeat top center; height: 453px !important; position: relative; background-size: 100% 100% !important; -webkit-background-size: cover;-moz-background-size: cover; -o-background-size: cover; background-size: cover;}
    .mobile_screen { width: 200px !important;  height: 342px !important; background: #0a2b4a; margin: 50px 0px 0px 0px;  position: absolute;  top: 5px !important; left: 14px !important;}

    .flight_addon_info {
        text-align: right !important;
    }

    /*Icons and Elements*/
    .offer_icon {
        background: url("https://images.rehlat.com/images/offers-icon.png") no-repeat top center;
        width: 52px !important;
        height: 52px !important;
    }
    .mytrip_icon{
        background: url("https://images.rehlat.com/images/my-trip-icon.png") no-repeat top center;
        width: 52px !important;
        height: 52px !important;
    }
    .myWallet_icon{
        background: url("https://images.rehlat.com/images/my-wallet-icon.png") no-repeat top center;
        width: 52px !important;
        height: 52px !important;
    }
    .easy_booking_icon{
        background: url("https://images.rehlat.com/images/easy-booking-icon.png") no-repeat top center;
        width: 52px !important;
        height: 52px !important;
    }
    .support_icon{
        background: url("https://images.rehlat.com/images/support_icon.png") no-repeat top center;
        width: 52px !important;
        height: 52px !important;
    }
    .safe_booking_icon{
        background: url("https://images.rehlat.com/images/safebooking-icon.png") no-repeat top center;
        width: 52px !important;
        height: 52px !important;
    }

    .scrollmenu .ros-tab-menu .list-group-item {
        padding: 10px;
        display: inline-block;
        min-width: 84px;
    }

    .tabs_width{width: 100% !important; padding-left: 0px;}
    .rh_add_banner img{padding-left: 0px !important; margin-top: 10px;}
    .profile_info{padding-top: 18px !important;}
    .rh_header .rh_profile_name h1{font-size: 14px !important;}
    .rh_header .rh_profile_name p{font-size: 12px !important;}

    .modelWidth600px{width: 100% !important;}

    .margin-left-0-Sm{ margin-left: 0px !important; }
    .margin-left-10-Sm{ margin-left: 0px !important; }
    .margin-left-30-Sm{ margin-left: 30px !important; }
    .margin-right-30-Sm{ margin-right: 30px !important; }
    .margin-right-40-Sm{ margin-right: 40px !important; }
    .margin-top-15-Sm{ margin-top: 15px !important; }

    .label-gray, .label-red, .label-orange, .label-darkGray{width: 100px !important;}



    .width_19Per_Smd{width: 19.667% !important;}


    .app_download_container .app_download_descriptions h1 { font-size: 21px !important; line-height: 25px !important; }
    .email_mobile_icon img { width: 100px; display: inline; }
    .offer_icon, .mytrip_icon, .myWallet_icon, .easy_booking_icon, .support_icon, .safe_booking_icon{ background-size: 100% 100% !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
    .subscribe-input { padding: 0 16px;height: 36px !important;font-size: 14px !important;}
    .subscribe-submit {top: 43px !important; padding-left: 10px !important;  height: 36px !important; width: 100px !important; font-size: 12px !important; line-height: 36px !important;}
    .custom-container {width: 100% !important;}

    .walletBox .walletWrap .wBalance, .walletBox .walletWrap .wCurrency, .walletBox .walletWrap .wBalanceblack, .walletBox .walletWrap .wCurrencyblack{font-size: 20px !important;}
    .walletBox .walletWrap .wHeading{font-size: 11px !important;}
    .ros-btn{ width: 130px !important;}
    .referEarnwrapper .topEarnContent h1{font-size: 14px !important; line-height: 24px !important; }

    .mobScrollmenu .scrollmenu {overflow: auto; white-space: nowrap; }
    .scrollmenu .ros-tab-menu .list-group { margin-bottom: 15px; }
    .mobScrollmenu .scrollmenu .list-group-item:first-child, .list-group-item:last-child {border-radius: 0px !important;}
    .scrollmenu .ros-tab-menu .list-group-item { padding: 10px 20px; display: inline-block; }
    .mobScrollmenu .scrollmenu .ros-tab-menu div.list-group>a.active:after{display: none;}
    .traveller_icon { height: 32px !important; }
    .label-gray-xs{width:100px; background-color: #bcc2c6; font-size: 10px; font-weight:lighter; text-transform: uppercase; font-family: Arial; border-radius: 1px !important; padding: 4px 0px; text-align: center;display: inline-block;}

    .myTrip_tab .myTrip-info .flightPnr {
        border: 1px solid #e1e8ed;
        padding: 15px !important;
    }
    .fDate_mob {
        color: #3d4d65;
        font-size: 30px;
        font-weight: 500;
        margin: 0px 0px 0px 0px !important;
        float: left;
    }
    .myTrip_tab .myTrip-info .fly-icon-mob img {
        width: 32px !important;
        height: 32px !important;
        float: left;
        margin-top: 0px !important;
    }
    .padd-lr-10-Sm{ padding: 0px 10px 0px 10px !important;}
    .padd-left-10-Sm{ padding-left:10px !important;}
    .padd-right-10-Sm{ padding-right:10px !important;}
    .padd-l-0-Sm{ padding-left: 0px !important;}
    .padd-r-0-Sm{ padding-right: 0px !important;}
    .myTrip_tab .myTrip-info .flightPnr{padding: 10px !important;}
    .routeTripWrapper{margin-top: 0px !important;}
    .pnrDetails{margin-top: 0px !important;}
    .fActions{margin: 0px 0px 0px 10px !important;}

    .myTrip_tab .myTrip-info .flightPnr .fDate-info{margin: 0px 10px 0px 0px !important; font-size: 11px !important;}

    .myTrip_tab .myTrip-info .flightPnr .fDate{font-size: 22px !important;}

    .label-gray-sm{width:70px !important; background-color: #bcc2c6; font-size: 9px !important; font-weight:lighter; text-transform: uppercase; font-family: Arial; border-radius: 1px !important; padding: 4px 0px; text-align: center;display: inline-block;}
    .label-red-sm{width:80px !important; background-color: #d85358; font-size: 9px !important; font-weight:lighter; text-transform: uppercase; font-family: Arial; border-radius: 1px !important; padding: 4px 0px; text-align: center;display: inline-block;}
    .labelTray-xs{position: absolute; top:3px; right: 0px; }
    .labelTray{line-height: 0px !important;}
    .myTrip_tab .myTrip-info .fly-icon img{width: 34px !important; height: 34px !important;}
    .myTrip_tab .myTrip-info .flightPnr .fcityName{font-size: 12px !important;}

    .pnrDetails .pnrNum{font-size: 10px !important;}
    .pnrDetails .pnrInfo{font-size: 9px !important;}
    .recentTravellers h1{font-size: 12px !important; line-height: 18px !important; }
    .form-wrapper input{width: 210px !important;}

    .total_duration_info .total_time{float: left; padding: 0px 10px 0px 10px !important;}
    .airlineLogo_section_mob img {
        width: 40px;
        height: 40px;
    }

    .price_details_table_wrapper > table> thead > tr > th{font-size: 11px !important;}




}

@media only screen and (min-device-width : 1000px) and (max-device-width : 1199px){
    .padd-lr-15-Mxs{padding: 0px 15px 0px 15px !important;}
    .padd-lr-10-Mxs{padding: 0px 10px 0px 10px !important;}
    .padd-lr-5-Mxs{ padding: 0px 5px 0px 5px !important;}
    .margin-left-10-Mxs{margin-left: 10px !important; }
    .margin-left-15-Mxs{margin-left: 15px !important; }
    .margin-left-20-Mxs{margin-left: 20px !important; }
    .label-gray, .label-red, .label-orange, .label-darkGray{width: 110px !important;}
    .padd-left-0-Mxs{padding-left: 0px !important;}
    .labelTray{line-height: 50px !important;}
    .margin-left-50-Mxs{margin-left: 50px !important;}
    .form-wrapper input{width: 175px !important;}
    .form-wrapper button{width: 67px !important;}
    .recentTravellers h1{font-size: 12px!important;}
    .ros-btn{width: 184px !important;}
    .ros-tab-menu .list-group-item{font-size: 11px !important; font-family: "Arial", Helvetica, Arial, sans-serif;}
    .myTrip_tab .myTrip-info .flightPnr .fDate{font-size: 32px !important;}
    .myTrip_tab .myTrip-info .flightPnr .fDate-info{ margin: 4px 6px 0px 0px !important;}
    .routeTripWrapper, .pnrDetails {margin-top: 5px !important;}
    .pnrDetails .pnrInfo{ font-size: 11px !important;}
    .width_19Per_Smd{width: 17.667% !important;}
    .slider_content_holder h1 {
        font-size: 36px !important;
        line-height: 50px !important;
    }
    .features_mobile_tray {
        background: url(../images/features-mobile-bg.jpg) no-repeat top center;
        height: 580px !important;
        position: relative;
        background-size: 100% 100% !important;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .mobile_screen {
        width: 258px !important;
        height: 439px !important;
        background: #0a2b4a;
        margin: 34px 0px 0px -11px !important;
        position: absolute;
        top: 36px;
        left: 30px;
    }
    /*Icons and Elements*/
    .offer_icon {
        background: url("https://images.rehlat.com/images/offers-icon.png") no-repeat top center;
        width: 70px !important;
        height: 70px !important;
    }
    .mytrip_icon{
        background: url("https://images.rehlat.com/images/my-trip-icon.png") no-repeat top center;
        width: 70px !important;
        height: 70px !important;
    }
    .myWallet_icon{
        background: url("https://images.rehlat.com/images/my-wallet-icon.png") no-repeat top center;
        width: 70px !important;
        height: 70px !important;
    }
    .easy_booking_icon{
        background: url("https://images.rehlat.com/images/easy-booking-icon.png") no-repeat top center;
        width: 70px !important;
        height: 70px !important;
    }
    .support_icon{
        background: url("https://images.rehlat.com/images/support_icon.png") no-repeat top center;
        width: 70px !important;
        height: 70px !important;
    }
    .safe_booking_icon{
        background: url("https://images.rehlat.com/images/safebooking-icon.png") no-repeat top center;
        width: 70px !important;
        height: 70px !important;
    }

    .offer_icon, .mytrip_icon, .myWallet_icon, .easy_booking_icon, .support_icon, .safe_booking_icon{
        background-size: 100% 100% !important;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;

    }

    .feature_heading {
        font-size: 16px !important;
    }

    .app_download_container .app_download_descriptions h1 {
        font-weight: lighter;
        font-size: 30px !important;
        line-height: 44px;
    }
    .custom-container {
        width: 100% !important;
    }

    .list-cards ul {
        margin-top: 60px !important;
    }
    .list-cards-right ul {
        margin-top: 60px !important;
    }

}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {

}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {

}

/* iPhone 5 (portrait & landscape)----------- */
@media only screen
and (min-device-width : 375px)
and (max-device-width : 424px) {

    p {
        font-size: 13px !important;
    }

    .margin-top-10-Mxs{margin-top: 10px !important;}
    .margin-top-15-Mxs{margin-top: 15px !important;}
    .margin-bottom-30-Mxs{margin-bottom: 30px !important;}

    .padd-lr-15-Mxs{padding: 0px 15px 0px 15px !important;}

    .screenshot-carousel .image-holder {
        width: 227px !important;
        height: 396px !important;
        background-color: #fff;
        margin: 64px 0px 0px 76px !important;
    }
    .card ul li a {font-size: 10px !important; padding: 5px 3px 5px 3px  !important;}
    .padd-lr-15-Mxs{
        padding: 0px 15px 0px 15px !important;
    }

    .mar-btm-10-Mxs{margin-bottom: 10px;}
    .mar-top-10-Mxs{margin-top: 10px;}
    .mar-top-15-Mxs{margin-top: 15px;}

    .padd-lr-10-Mxs{
        padding: 0px 10px 0px 10px !important;
    }

    .padd-left-0-Mxs{
        padding-left: 0px !important;
    }
    .padd-right-0-Mxs{
        padding-left: 0px !important;
    }



}

@media only screen
and (min-device-width : 425px)
and (max-device-width : 567px) {
    p {
        font-size: 13px !important;
    }

    .margin-top-10-Mxs{margin-top: 10px !important;}
    .margin-top-15-Mxs{margin-top: 15px !important;}
    .margin-bottom-30-Mxs{margin-bottom: 30px !important;}

    .padd-lr-15-Mxs{padding: 0px 15px 0px 15px !important;}

    .screenshot-carousel .image-holder {
        width: 227px !important;
        height: 396px !important;
        background-color: #fff;
        margin: 64px 0px 0px 103px !important;
    }
}

/* iPhone 5 (landscape)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
    /* STYLES GO HERE */
}

/* iPhone 5 (portrait)----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : portrait) {
    /* STYLES GO HERE */
}

@media
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 968px)  {


}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    /* Force table to not be like tables anymore */

    /*table, thead, tbody, th, td, tr {
        display: block;
    }*/


    /* Hide table headers (but not display: none;, for accessibility)
    .table-add-family-details > table> thead > tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
        display:block;
    } */
	
	.table-add-family-details > table> thead > tr {
       display:none;
    }

    .table-add-family-details > table> tbody > tr { border: 1px solid #a2adbd; display:block;}

        .table-add-family-details > table > tbody > tr > td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #a2adbd;
            position: relative;
            padding-right: 50% !important;
            display: block;
            width: 100%;
            min-height: 30px;
        }
    .table-add-family-details .bgYash > td  {
        padding: 0px !important;
    }


    .table-add-family-details > table> tbody > tr > td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        right: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    .table-add-family-details .table > thead > tr:first-child > td, .table-add-family-details .table > tbody > tr:first-child > td{border-bottom: 1px solid #a2adbd !important;}
    .table-add-family-details > table{border: none !important;}

    /*
    Label the data
    */
    .table-add-family-details .bgYash td:nth-of-type(1):before { content: ""; }
    .table-add-family-details > table> tbody > tr > td:nth-of-type(1):before { content: "الاسم الكامل"; }
    .table-add-family-details > table> tbody > tr > td:nth-of-type(2):before { content: "تاريخ الولادة"; }
    .table-add-family-details > table> tbody > tr > td:nth-of-type(3):before { content: "الجنس"; }
    .table-add-family-details > table> tbody > tr > td:nth-of-type(4):before { content: "رقم الهاتف المحمول"; }
    .table-add-family-details > table> tbody > tr > td:nth-of-type(5):before { content: "الجنسية"; }
    .table-add-family-details > table> tbody > tr > td:nth-of-type(6):before { content: "الأنشطة"; }


    /*My Wallet Tables Responsive

    .walletTableContainer > table> thead > tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
         }*/
		 
		 .walletTableContainer > table> thead > tr {
      display:none;
         }

    .walletTableContainer > table> tbody > tr { border: 1px solid #a2adbd; display:block; }

    .walletTableContainer > table> tbody > tr > td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #a2adbd;
        position: relative;
        padding-right: 50% !important;
        width: 100%;
    display: block;
    }
    .walletTableContainer .bgYash > td  {
        padding: 0px !important;
    }

   
    .walletTableContainer > table> tbody > tr > td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        right: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }
    .walletTableContainer .table > thead > tr:first-child > td, .walletTableContainer .table > tbody > tr:first-child > td{border-bottom: 1px solid #a2adbd !important;}
    .walletTableContainer > table{border: none !important;}

    /*
    Label the data
    */
    .walletTableContainer > table> tbody > tr > td:nth-of-type(1):before { content: "التاريخ والوقت"; }
    .walletTableContainer > table> tbody > tr > td:nth-of-type(2):before { content: "بيان الحركة"; }
    .walletTableContainer > table> tbody > tr > td:nth-of-type(3):before { content: "وارد"; }
    .walletTableContainer > table> tbody > tr > td:nth-of-type(4):before { content: "منصرف"; }
    .walletTableContainer > table> tbody > tr > td:nth-of-type(5):before { content: "رصيد"; }

    /* BOOKING FORM PRICING TABLE
    .price_details_table_wrapper > table> thead > tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }*/
	
	.price_details_table_wrapper > table> thead > tr {
       display:none;
    }

    .price_details_table_wrapper > table> tbody > tr { border: 1px solid #a2adbd; }

    .price_details_table_wrapper > table> tbody > tr > td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #a2adbd;
        position: relative;
        padding-left: 55% !important;
    }
    .price_details_table_wrapper .bgYash > td  {
        padding: 0px !important;
    }


    .price_details_table_wrapper > table> tbody > tr > td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    .price_details_table_wrapper .table > thead > tr:first-child > td, .price_details_table_wrapper .table > tbody > tr:first-child > td{border-bottom: 1px solid #a2adbd !important;}
    .price_details_table_wrapper > table{border: none !important;}

    /*
    Label the data
    */
    .price_details_table_wrapper .bgYash td:nth-of-type(1):before { content: ""; }
    .price_details_table_wrapper > table> tbody > tr > td:nth-of-type(1):before { content: "PASSENGER(S)"; }
    .price_details_table_wrapper > table> tbody > tr > td:nth-of-type(2):before { content: "BASE FARE"; }
    .price_details_table_wrapper > table> tbody > tr > td:nth-of-type(3):before { content: "TAXES & SERVICES FEE"; }
    .price_details_table_wrapper > table> tbody > tr > td:nth-of-type(4):before { content: "DISCOUNTS"; }
    .price_details_table_wrapper > table> tbody > tr > td:nth-of-type(5):before { content: "EXTRAS"; }
    .price_details_table_wrapper > table> tbody > tr > td:nth-of-type(6):before { content: "TOTAL PRICE"; }





}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

}