@font-face{font-family:'DroidKufiRegular';src:url(../fonts/DroidKufiRegular.eot);src:url(../fonts/DroidKufiRegular.eot) format("embedded-opentype"),url(../fonts/DroidKufiRegular.ttf) format("truetype"),url(../fonts/DroidKufiRegular.svg#DroidKufiRegular) format("svg")}
@font-face{font-family:'DroidKufiBold';src:url(../fonts/DroidKufiBold.eot);src:url(../fonts/DroidKufiBold.eot) format("embedded-opentype"),url(../fonts/DroidKufiBold.ttf) format("truetype"),url(../fonts/DroidKufiBold.svg#DroidKufiBold) format("svg")}
@font-face{font-family:'Lato';src:url(Lato-Regular.eot);src:url(../fonts/Lato-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/Lato-Regular.woff2) format("woff2"),url(../fonts/Lato-Regular.woff) format("woff"),url(../fonts/Lato-Regular.ttf) format("truetype"),url(../fonts/Lato-Regular.svg#Lato-Regular) format("svg");font-weight:400;font-style:normal}
.anim{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
body{margin:0;padding:0;font-family:'Lato',Arial,Helvetica,sans-serif;font-size:14px;line-height:21px}
a,img{border:none;outline:none}
:focus,a:focus{outline:none}
.themeColor{color:#2d3f8e!important}
.themeBg{background-color:#2d3f8e}
.themeBtn,.themeBtn:hover,.themeBtn:focus{background-color:#2d3f8e;color:#FFF;border:none;outline:none;border-radius:5px}
.title_main{font-size:26px}
.header{float:left;width:100%;border-top:solid 10px #5d5d5d;border-bottom:solid 1px #FFF;position:relative;min-height:77px;background:#fff}
.logo{float:left;padding:9px 0}
.main_nav{float:right;width:auto;color:#FFF}
.main_nav ul{float:right;list-style:none;margin:0;padding:0}
.main_nav ul li{float:left;font-size:15px;text-transform:uppercase;color:#333;text-align:center;height:87px}
.main_nav ul li a{float:left;padding:24px 10px;font-size:15px;text-transform:uppercase;color:#333;text-align:center;height:100px;line-height:30px}
.main_nav ul li a i,.main_nav ul li a span{display:inline-block;width:100%;text-align:center}
.menuMobBtn{float:right;width:35px;height:35px;border:solid 1px #4c4c4c;border-radius:5px;padding:3px 7px;background:none;margin-top:20px;display:none}
.menuMobBtn .barIcon{display:block;width:100%;height:2px;background:#4c4c4c;margin-bottom:4px;border-radius:1px}
.main_nav ul.dropdown-menu {right: 0; left:auto !important;}
.menuMobBtn .barIcon:last-child{margin-bottom:0}
.userName{ width: auto; color: #ffffff;  float: right;  margin-top: 3px;  border-radius: 20px;   padding: 1px 8px; font-size: 12px; display: block;  background: #7a7a7a; text-align: right; cursor:pointer}
.userName:hover{color:#fff}
.carousel{display:block;position:relative}
.banner_home{float:left;width:100%;background-repeat:repeat;background-position:50% top;background-size:cover;/*background-color:rgba(0,0,0,0.40)*/}
.carousel-inner > .item > a > img,.carousel-inner > .item > img{line-height:1;min-height:550px}
.searchBox{width:100%;z-index:9999}
.mainTabBtnArea{float:left;width:100%;margin:40px 0 15px}
.mainTabBtnArea a{float:left;margin-right:10px;text-align:center;color:#FFF;cursor:pointer;width:150px;}
.mainTabBtnArea a span{display:inline-block;width:100%;font-size:15px;text-transform:uppercase;color:#0e0850;text-align:center;margin-bottom:5px; position:relative;}
.mainTabBtnArea a figure{display:inline-block;width:110px;height:110px;border-radius:50%; }
.mainTabBtnArea a:hover figure{ }
    .mainTabBtnArea a.active figure {}
.mainTabBtnArea a span:after {
    content: '';
    width: 118px;
    height: 118px;
    /* background-color: #ff0000; */
    background-image: -moz-linear-gradient(to right, #100b52 0%, #4f89c0 50%, #100b52 100%);
    background-image: -o-linear-gradient(to right, #100b52 0%, #4f89c0 50%, #100b52 100%);
    background-image: -webkit-gradient(linear-gradient(to right, #100b52 0%, #4f89c0 50%, #100b52 100%), color-stop(50, #FFFF00), color-stop(100, #ff0000));
    background-image: -webkit-linear-gradient(to right, #100b52 0%, #4f89c0 50%, #100b52 100%);
    background-image: linear-gradient(to right, #100b52 0%, #4f89c0 50%, #100b52 100%);
    border-radius: 50%;
    position: absolute;
    top: 27px;
    left: 20px;
    z-index: 1;
}
.mainTabBtnArea a figure {
    display: inline-block;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    z-index: 2;
    position: relative;
    /* background-color: #2d3f8e; */
    /* box-shadow: 2px 2px 2px rgba(0,0,0,.6); */
}
.mainTabBtnArea a figure.flight_TabBtnIcon{background-image:url(../images/flightTabIcon.png);background-repeat:no-repeat;background-position:50% -34px}
.mainTabBtnArea a:hover figure.flight_TabBtnIcon{background-image:url(../images/flightTabIcon.png);background-repeat:no-repeat;background-position:50% 40px}
.mainTabBtnArea a.active figure.flight_TabBtnIcon{background-image:url(../images/flightTabIcon.png);background-repeat:no-repeat;background-position:50% 40px}
.mainTabBtnArea a figure.hotel_TabBtnIcon{background-image:url(../images/hotelTabIcon.png);background-repeat:no-repeat;background-position:49% 24px}
.mainTabBtnArea a:hover figure.hotel_TabBtnIcon{background-image:url(../images/hotelTabIcon.png);background-repeat:no-repeat;background-position:49% 24px}
.mainTabBtnArea a.active figure.hotel_TabBtnIcon{background-image:url(../images/hotelTabIcon.png);background-repeat:no-repeat;background-position:49% 24px}
.searchFieldBox{float:left;width:100%;padding:10px 10px 20px;background:rgba(0,0,0,.7);border-radius:5px;margin-bottom:15px;margin-top:38px;position:relative}
.flightSearchBox::after{content:"";position:absolute;top:-36px;left:40px;width:74px;height:36px;background:url(../images/searchTopArrow.png) no-repeat center bottom}
.hotelSearchBox::after{content:"";position:absolute;top:-36px;left:200px;width:74px;height:36px;background:url(../images/searchTopArrow.png) no-repeat center bottom}
.viewFlightHotelDiv::after{content:"";position:absolute;top:-36px;left:360px;width:74px;height:36px;background:url(../images/searchTopArrow.png) no-repeat center bottom}
.mainTabBtnArea a figure.flighthotel_TabBtnIcon{background-image:url(../images/flighthotel.png);background-repeat:no-repeat;background-position:40% 29px}
.tripsBox{float:left;width:100%}
.field_Row{margin-left:-10px;margin-right:-10px}
.field_Col_01{float:left;width:48%;padding:5px 10px;position:relative;}
.field_Col_02{float:left;width:26%;padding:5px 10px;position:relative;}
.field_Col_03{float:left;width:33.3333%;padding:0 10px;position:relative;}
.searchFieldBox .searchFieldMain{float:left;width:100%;height:39px;background-color:#FFF;border-radius:5px;border:none;outline:none;padding:0 53px 0 8px}
.paxSelBox.searchFieldMain{padding:0 8px}
.searchFieldBox .selectBox{appearance:none;-moz-appearance:none;-webkit-appearance:none;-o-appearance:none;background-image:url(../images/down_arrow.png);background-repeat:no-repeat;background-position:right 50%}
.searchFieldBox label{color:#FFF;font-weight:400}
.tripRadio{float:left;width:100%}
.icon_place{background-image:url(../images/place_icon.png);background-repeat:no-repeat;background-position:right 50%}
.icon_calendar{background-image:url(../images/calendar_icon.png);background-repeat:no-repeat;background-position:right 50%}
.icon_preAirline{background-image:url(../images/pre_airline.png);background-repeat:no-repeat;background-position:right 50%}
.formCheckBox input[type="radio"],.formCheckBox input[type="checkbox"]{display:none}
.formCheckBox label::before{background:rgba(0,0,0,0) url(../images/check-iconstrio.png) no-repeat scroll left top;bottom:1px;content:"";display:inline-block;height:26px;right:0;width:27px;position:absolute;top:-2px;left:0;cursor:pointer}
.checkCol{position:relative;text-align:left}
.checkCol span{color:#fff;display:inline-block;font-size:15px;font-weight:300;margin-left:35px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;float:left;cursor:pointer;white-space:nowrap}
.formCheckBox input[type="checkbox"]:checked + label::before{background:rgba(0,0,0,0) url(../images/check-iconstrio.png) no-repeat scroll right top;color:#f3f3f3;content:"";font-size:15px;height:26px;line-height:15px;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,0.2);width:27px;position:absolute;top:-2px}
.formCheckBox{float:left;width:auto}
.formRadioBox input[type="radio"]{display:none}
.formRadioBox label::before{background:rgba(0,0,0,0) url(../images/radio-iconstrio.png) no-repeat scroll left top;bottom:1px;content:"";display:inline-block;height:23px;width:24px;position:absolute;right:auto;top:0;left:0;cursor:pointer}
.radioCol{position:relative;text-align:left;float:left;margin-right:15px}
.radioCol span{color:#fff;display:inline-block;font-size:15px;font-weight:300;margin-left:30px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap;float:left;cursor:pointer}
input[type="radio"]:checked + label::before{background:rgba(0,0,0,0) url(../images/radio-iconstrio.png) no-repeat scroll right top;color:#f3f3f3;content:"";font-size:15px;height:23px;line-height:15px;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,0.2);width:24px;position:absolute;right:-32px;top:0}
.class_option_box input[type="radio"]:checked + label::before{background:rgba(0,0,0,0) url(../images/radio_icon_white.png) no-repeat scroll -1px 0;color:#f3f3f3;content:"";font-size:15px;height:19px;line-height:15px;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,0.2);width:17px;position:absolute;left:-2px;top:3px}
.class_option_box label::before{background:rgba(0,0,0,0) url(../images/radio_icon_white.png) no-repeat scroll -21px 0;color:#f3f3f3;content:"";font-size:15px;height:19px;line-height:15px;text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,0.2);width:17px;position:absolute;left:-2px;top:3px}
.formRadioBox{float:left;width:100%;padding:5px 10px;margin-top:10px}
.hotelfield_Col_01{float:left;padding:5px 10px;width:40%; position:relative;}
.hotelfield_Col_02{float:left;padding:5px 10px;width:15%;position:relative;}
.hotelfield_Col_03{float:left;padding:5px 10px;width:15%;position:relative;}
.room_indicator{background-color: #2D3F8E;background-image: -moz-linear-gradient(to right, #100b52 0%, #4f89c0 50%, #100b52 100%);
    background-image: -o-linear-gradient(to right, #100b52 0%, #4f89c0 50%, #100b52 100%);
    background-image: -webkit-gradient(linear-gradient(to right, #100b52 0%, #4f89c0 50%, #100b52 100%), color-stop(50, #FFFF00), color-stop(100, #ff0000));
    background-image: -webkit-linear-gradient(to right, #100b52 0%, #4f89c0 50%, #100b52 100%);
    background-image: linear-gradient(to right, #100b52 0%, #4f89c0 50%, #100b52 100%);border-radius:15px;color:#fff;float:left;margin:20px 0 0;padding:8px 15px}
.room_count_col{float:left;padding:6px}
.multifield_Col_01{float:left;padding:5px 10px;width:35%; position:relative;}
.multifield_Col_02{float:left;padding:5px 10px;width:20%; position:relative;}
.multi_row{float:left;width:100%}
.plusMinusBtn{background:#2d3f8e none repeat scroll 0 0;border:medium none;border-radius:50%;color:#fff;display:inline-block;height:26px;margin:32px 0 0 3px;outline:medium none;padding:3px 4px;text-align:center;width:26px;font-size:23px;line-height:7px;vertical-align:bottom;/*position:absolute;*/z-index:99;}

.plusMinusBtn:before {
    content: '';
    width:26px;
    height:26px;
    /* background-color: #ff0000; */
    background-image: -moz-linear-gradient(to right, #222f71 0%, #4f89c0 50%, #222f71 100%);
    background-image: -o-linear-gradient(to right, #222f71 0%, #4f89c0 50%, #222f71 100%);
    background-image: -webkit-gradient(linear-gradient(to right, #222f71 0%, #4f89c0 50%, #222f71 100%), color-stop(50, #FFFF00), color-stop(100, #ff0000));
    background-image: -webkit-linear-gradient(to right, #222f71 0%, #4f89c0 50%, #222f71 100%);
    background-image: linear-gradient(to right, #222f71 0%, #4f89c0 50%, #222f71 100%);
    border-radius: 50%;
    position: absolute;
    top:0px;
    right:0px;
    z-index:-1;
}
.modal{z-index:99999}
.modal-title{color:#2d3f8e;font-size:20px}
.general_modal label{font-weight:400}
.modal_submit_button{background-color:#2d3f8e;border:0 none;color:hsl(0,0%,100%);float:left;font-size:16px;margin-bottom:15px;margin-top:6px;padding:8px 22px;text-transform:uppercase;border-radius:5px}
.modal-body .form-group {position:relative;}
.modal-body .form-group span.alertmsgs{position: absolute;background-color: #fff;box-shadow: 0px 3px 4px #ccc;padding: 0 6px;z-index: 11;    width: 100%;}
.new_acc{margin-top:10px;text-align:left}
.theme_color.pointer{color:#2d3f8e;cursor:pointer;padding-left:2px}
.no_padding{padding:0}
.paxSelBox{position:relative;width:100%;float:left}
.paxSelBox .plusBtn{position:absolute;right:5px;top:17%;margin-top:0;width:26px;height:26px;border-radius:50%;background-color:transparent;background-image:url(../images/plus_icon.png);background-repeat:no-repeat;background-position:50% 50%;cursor:pointer;border:none; z-index:99;}
.paxSelBox .minusBtn{position:absolute;left:5px;top:17%;margin-top:0;width:26px;height:26px;border-radius:50%;background-color:transparent;background-image:url(../images/minus_icon.png);background-repeat:no-repeat;background-position:50% 50%;cursor:pointer;border:none;z-index:99;}
.paxSelBox span{display:block;width:100%;height:39px;text-align:center;line-height:39px;font-size:17px}
.paxSelBox{position:relative;}
.paxSelBox:before {
    content: '';
    width:26px;
    height:26px;
    /* background-color: #ff0000; */
    background-image: -moz-linear-gradient(to right, #100b52 0%, #4f89c0 50%, #100b52 100%);
    background-image: -o-linear-gradient(to right, #100b52 0%, #4f89c0 50%, #100b52 100%);
    background-image: -webkit-gradient(linear-gradient(to right, #100b52 0%, #4f89c0 50%, #100b52 100%), color-stop(50, #FFFF00), color-stop(100, #ff0000));
    background-image: -webkit-linear-gradient(to right, #100b52 0%, #4f89c0 50%, #100b52 100%);
    background-image: linear-gradient(to right, #100b52 0%, #4f89c0 50%, #100b52 100%);
    border-radius: 50%;
    position: absolute;
    top:6px;
    left:5px;
    z-index: 1;
}
.paxSelBox:after {
    content: '';
    width:26px;
    height:26px;
    /* background-color: #ff0000; */
    background-image: -moz-linear-gradient(to right, #100b52 0%, #4f89c0 50%, #100b52 100%);
    background-image: -o-linear-gradient(to right, #100b52 0%, #4f89c0 50%, #100b52 100%);
    background-image: -webkit-gradient(linear-gradient(to right, #100b52 0%, #4f89c0 50%, #100b52 100%), color-stop(50, #FFFF00), color-stop(100, #ff0000));
    background-image: -webkit-linear-gradient(to right, #100b52 0%, #4f89c0 50%, #100b52 100%);
    background-image: linear-gradient(to right, #100b52 0%, #4f89c0 50%, #100b52 100%);
    border-radius: 50%;
    position: absolute;
    top:6px;
    right:5px;
    z-index: 1;
}
.nonStop{margin-top:38px;margin-left: 10px;}
.modi_Col_05 .nonStop{margin-top:28px;margin-left: 10px;}
.searchBtn{padding:10px 40px;height:48px;font-size:24px;line-height: 26px;margin-top:20px; background-image: -moz-linear-gradient(to right, #100b52 0%, #4f89c0 50%, #100b52 100%);
    background-image: -o-linear-gradient(to right, #100b52 0%, #4f89c0 50%, #100b52 100%);
    background-image: -webkit-gradient(linear-gradient(to right, #100b52 0%, #4f89c0 50%, #100b52 100%), color-stop(50, #FFFF00), color-stop(100, #ff0000));
    background-image: -webkit-linear-gradient(to right, #100b52 0%, #4f89c0 50%, #100b52 100%);
    background-image: linear-gradient(to right, #100b52 0%, #4f89c0 50%, #100b52 100%);}
.center_area{float:left;width:100%;padding:20px 0;background:#fff}
.cont_row{float:left;width:100%;margin-bottom:20px}
.deal_corrousal{float:left;width:100%}
.deal_box{float:left;width:100%;position:relative}
.deal_box img{width:100%;height:250px}
.deal_text{position:absolute;width:100%;background:url(../images/deal_trans_bg.png) no-repeat center bottom;left:0;top:0;z-index:5;padding-bottom:43px;padding-left:15px;padding-right:15px;text-align:center}
.deal_text h4{font-size:14px;color:#2d3f8e;text-align:center;margin-top:15px}
.deal_date{display:block;text-align:center;width:100%;line-height:0}
.deal_date span{display:inline-block;margin:0 2px;font-size:12px;color:#666}
.deal_date .fromToSm_icon{background:url(../images/fromTo_icontrio.png) no-repeat 50% 50%;width:17px;height:13px}
.deal_text .startFrom{font-size:21px;color:#333;text-shadow:0 0 4px rgba(255,255,255,1);text-align:center;margin-top:10px}
.deal_text .deal_price{display:inline-block;background:#2d3f8e;color:#FFF;border:solid 1px #FFF;padding:4px 15px;cursor:pointer}
.footer{float:left;width:100%;background:#fff}
.footer .footer_top{float:left;width:100%;min-height:150px;background:url(../images/foot_top_bg.png) repeat center 50%;}
.footer .subScribeBox{float:left;width:100%;max-width:365px;background:url(../images/envelop_bg.png) no-repeat center top;background-size:100%;min-height:200px;margin-top:54px}
.footer .subscribeFieldBox{float:left;width:100%;padding:15px 35px}
.footer .subscribeFieldBox h4{font-size:14px;text-transform:uppercase}
.footer .subscribeFieldBox .subscribeField{float:left;width:75%;height:35px;background:none;border:none;outline:none;box-shadow:none;border-bottom:solid 1px #CCC}
.footer .subscribeFieldBox .btnOk{float:left;width:35px;height:35px;border:none;border-radius:50%;color:#FFF}
.havAqust{float:right;width:100%;max-width:390px;color:#FFF;background:#333;padding:15px;border-radius:15px 15px 0 0;margin-top:76px}
.havAqust .qst_img{float:left;margin:0 10px 10px 0}
.foot_bottom{float:left;width:100%;min-height:100px;background:#242424;color:#FFF}
.foot_leftArea{float:left;width:100%;margin-top:15px}
.foot_leftArea a{color:#FFF;margin-right:15px}
.foot_leftArea p{font-size:14px;color:#c8c6c6;margin:0;padding:0;margin-top:10px}
.follo_us{float:right;margin-top:15px}
.follo_us img,.follo_us .follow_icon{display:inline-block;margin-left:8px}
.follow_icon.facebook{width:32px;height:32px;background:url(../images/followUs_icon.png) no-repeat;background-position:0 0}
.follow_icon.twitter{width:32px;height:32px;background:url(../images/followUs_icon.png) no-repeat;background-position:-41px 0}
.follow_icon.linkdin{width:32px;height:32px;background:url(../images/followUs_icon.png) no-repeat;background-position:-82px 0}
.havAqust > h3{font-size:20px}
.flight_details_data,.baggage_details_data{background:#f4f4f4 none repeat scroll 0 0;border-top:1px solid #ccc;color:#fff;display:none;float:left;margin-top:10px;padding:10px;width:100%}
.fl_det_box_title{color:#2d3f8e!important;margin-bottom:10px}
.flight_details_data p,.baggage_details_data p{color:#666;display:inline-block;line-height:15px;width:100%}
p.flights_list { font-weight: 700; color: #525252; }
.progress-bar{background-color:#2d3f8e}
.page_loader_modal{margin-top:0}
.progress_popup_body{background-color:#E8E8E8;border:8px solid #fff}
.progress_note_popup{margin-top:0;text-align:center}
.progress_itenery{background-color:#fff}
.prg_palce,.prg_middle{width:33.33%;float:left;text-align:center}
.progress_itinerary{float:left;width:100%;float:left;width:100%;background-color:#fff;margin-top:10px;box-shadow:1px 1px 1px #ccc}
.prg_palce{background-color:#fff}
.prg_palce .palce_name{margin-bottom:0}
.place_code{margin-top:0}
.pro_travellers{float:left;width:100%;text-align:center;margin-bottom:10px;margin-top:10px;background-color:#F5F5F5;padding:5px 0;box-shadow:1px 1px 1px #ccc}
.prg_dir{margin-bottom:0}
.prog_logo{float:left;width:100%;margin-bottom:15px;text-align:center}
.prog_logo img{max-width:100%}
.modal-backdrop.in{opacity:.7;filter:alpha(opacity=50)}
.progress{-webkit-box-shadow:none;box-shadow:none}
.prg_palce_h{width:50%;float:left;text-align:center}
.search_location{float:left;width:100%;text-align:center}
.hotel_location_name{margin-top:0}
.htlfield_Col_01{float:left;width:100%;padding:5px 10px}
.htlfield_Col_03{float:left;width:20%;padding:0 10px}
.flthtl_room_indicator{background-image: -moz-linear-gradient(to right, #100b52 0%, #4f89c0 50%, #100b52 100%);
    background-image: -o-linear-gradient(to right, #100b52 0%, #4f89c0 50%, #100b52 100%);
    background-image: -webkit-gradient(linear-gradient(to right, #100b52 0%, #4f89c0 50%, #100b52 100%), color-stop(50, #FFFF00), color-stop(100, #ff0000));
    background-image: -webkit-linear-gradient(to right, #100b52 0%, #4f89c0 50%, #100b52 100%);
    background-image: linear-gradient(to right, #100b52 0%, #4f89c0 50%, #100b52 100%);border-radius:15px;color:#fff;float:left;margin:25px 0 0;padding:8px 15px}
.flthtl__field_Col_03{float:left;width:12%;padding:0 10px}
.searchFieldMain{float:left;width:100%;height:39px;background-color:#FFF;border-radius:5px;border:none;outline:none;padding:0 53px 0 8px;}
.modi_Col_02 .searchFieldMain{float:left;width:100%;height:39px;background-color:#FFF;border-radius:5px;border:none;outline:none;padding:0 53px 0 8px; line-height:35px;}
.icon_preAirline{line-height:20px !important;}
.flthtlfield_Col_01{float:left;width:80%;padding:5px 10px}
.flthtlfield_Col_03{float:left;width:22%;padding:0 10px}
.flthtl_feild_04{float:left;width:99%}
.rooms_col{width:70%;float:left}
.htl_feild_04{float:left;width:70%}
.search_col_2{float:right;width:15%}
.modifield_Col_01{float:left;padding:5px 10px;width:27%;position: relative;}
.modifield_Col_02{float:left;padding:5px 10px;width:15%}
.modifield_Col_01 span{color:#fff}
.modifield_Col_02 span{color:#fff}
.modifield_Col_02 .flightSelectBtn{margin-bottom:0;margin-top:20px}
.modi_Col_02{float:left;width:18%;padding:5px 10px;position: relative;}
.modi_Col_05{float:left;width:14%;padding:5px 10px}
.modi_Col_03{float:left;width:33.3333%;padding:0 10px}
.multifield_Col_01 span{color:#fff}
.multifield_Col_02 span{color:#fff}
.modi_Col_05 .checkCol span {color: #fff;display: inline-block;font-size: 15px;font-weight: 400;margin-left: 30px;overflow: hidden;text-overflow: ellipsis;vertical-align: bottom;float: left;cursor: pointer;white-space: nowrap;}
.pax-table{ border:1px solid #ccc; margin:0 9px;}
.pax-frm{ margin:4px 0 !important;}
.detailMdl h4 {color:#2d3f8e; margin:0 0 5px 0; text-transform:capitalize;}
.detailMdl p{margin-top:10px !important;}
@media only screen and (max-width:1280px) {
.searchBox{width:90%}
}
@media only screen and (max-width:1199px) {
.searchBox{width:92%}
}
@media only screen and (max-width:991px) {
.searchBox{width:75%}
}
@media only screen and (max-width:768px) {
.htlfield_Col_03{width:40%}
.menuMobBtn{display:block}
.main_nav{display:none;position:absolute;width:100%;top:82px;left:0;z-index:11;background-color:#fff}
.searchBox{width:94%}
.havAqust{max-width:350px;margin-top:10px}
.footer .subScribeBox{margin-top:5px;max-width:350px;min-height:190px}
.havAqust > h3{font-size:15px}
.modifield_Col_02 {padding: 5px 10px;width: 20%;}
}
@media only screen and (max-width:767px) {
    .modi_Col_05 {float: left;width: 50%;padding: 0;}
   .searchFieldBox {margin-top: 5px;background: rgba(0,0,0,.7);}
	.mainTabBtnArea a span { font-size: 13px; color:#fff;}
.flightSearchBox::after{ display:none;}
.viewFlightHotelDiv::after{ display:none;}
.hotelSearchBox::after{ display:none;}
.modi_Col_02{width:50%}
.modifield_Col_02{width:50%}
.modifield_Col_01{width:100%}
.checkCol span{font-size:11px}
.formCheckBox{width:auto;}
.noStop {width:50% !important;}
.flthtlfield_Col_01{width:70%}
.flthtl_feild_04{width:100%}
.htlfield_Col_03{width:33%;padding:0 5px}
.search_col_2{width:95%}
.rooms_col{float:left;width:100%}
.htl_feild_04{width:100%}
.hotelfield_Col_03{width:50%}
.plusMinusBtn{margin:10px 0 0 10px; position:relative;}
.multifield_Col_02{width:100%}
.multifield_Col_01{width:100%}
.mainTabBtnArea a{width:28%;margin-right:0}
.carousel-inner > .item > a > img,.carousel-inner > .item > img{line-height:1;min-height:100%}
.field_Col_01{width:100%;padding:5px 15px}
.carousel{display:none;position:relative}
.searchBox{background:rgba(0,0,0,0.7) none repeat scroll 0 0;position:inherit}
.field_Col_02{width:50%}
.field_Col_02.class_mob{ width:100%}
.searchFieldBox label{font-size:12px}
.searchFieldBox .searchFieldMain{padding:0 5px 0 3px;font-size: 12px;}
.field_Col_03 .searchFieldMain{padding:0 5px 0 3px}
.field_Col_03{padding:0 5px}
.searchBtn{font-size:20px;height:40px;margin-top:20px;padding:10px 30px}
.deal_text{padding-left:0;padding-right:0}
.searchBox{width:100%}
.mainTabBtnArea a figure{width:50px;height:50px}
.mainTabBtnArea a.active figure.flight_TabBtnIcon,.mainTabBtnArea a figure.hotel_TabBtnIcon{background-position:50% 16px;background-size:55% 119%}
.mainTabBtnArea a:hover figure.hotel_TabBtnIcon{background-image:url(../images/hotelTabIcon.png);background-repeat:no-repeat;background-position:50% 16px}
.mainTabBtnArea a figure.flighthotel_TabBtnIcon{background-image:url(../images/flighthotel.png);background-position:31% 14px;background-size:76% 43%}
.mainTabBtnArea{margin:5px 0}
.hotelfield_Col_01{width:100%}
.hotelfield_Col_02{width:50%}
.room_indicator{margin:25px 0 0;padding:8px 10px}
}
.bs-slider{overflow:hidden;max-height:700px;position:relative;background:#000}
.bs-slider:hover{cursor:-moz-grab;cursor:-webkit-grab}
.bs-slider:active{cursor:-moz-grabbing;cursor:-webkit-grabbing}
.bs-slider .bs-slider-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.40)}
.bs-slider > .carousel-inner > .item > img,.bs-slider > .carousel-inner > .item > a > img{margin:auto;width:100%!important}
.fade{opacity:1}
.fade .item{top:0;z-index:1;opacity:0;width:100%;position:absolute;left:0!important;display:block!important;-webkit-transition:opacity ease-in-out 1s;-moz-transition:opacity ease-in-out 1s;-ms-transition:opacity ease-in-out 1s;-o-transition:opacity ease-in-out 1s;transition:opacity ease-in-out 1s}
.fade .item:first-child{top:auto;position:relative}
.fade .item.active{opacity:1;z-index:2;-webkit-transition:opacity ease-in-out 1s;-moz-transition:opacity ease-in-out 1s;-ms-transition:opacity ease-in-out 1s;-o-transition:opacity ease-in-out 1s;transition:opacity ease-in-out 1s}
.control-round .carousel-control{top:47%;opacity:0;width:45px;height:45px;z-index:100;color:#fff;display:block;font-size:24px;cursor:pointer;overflow:hidden;line-height:43px;text-shadow:none;position:absolute;font-weight:400;background:transparent;-webkit-border-radius:100px;border-radius:100px}
.control-round:hover .carousel-control{opacity:1}
.control-round .carousel-control.left{left:1%}
.control-round .carousel-control.right{right:1%}
.control-round .carousel-control.left:hover,.control-round .carousel-control.right:hover{color:#fdfdfd;background:rgba(0,0,0,0.5);border:0 transparent}
.control-round .carousel-control.left>span:nth-child(1){left:45%}
.control-round .carousel-control.right>span:nth-child(1){right:45%}
.indicators-line > .carousel-indicators{right:45%;bottom:3%;left:auto;width:90%;height:20px;font-size:0;overflow-x:auto;text-align:right;overflow-y:hidden;padding-left:10px;padding-right:10px;padding-top:1px;white-space:nowrap}
.indicators-line > .carousel-indicators li{padding:0;width:15px;height:15px;border:1px solid #9e9e9e;text-indent:0;overflow:hidden;text-align:left;position:relative;letter-spacing:1px;background:#9e9e9e;-webkit-font-smoothing:antialiased;-webkit-border-radius:50%;border-radius:50%;margin-right:5px;-webkit-transition:all .5s cubic-bezier(0.22,0.81,0.01,0.99);transition:all .5s cubic-bezier(0.22,0.81,0.01,0.99);z-index:10;cursor:pointer}
.indicators-line > .carousel-indicators li:last-child{margin-right:0}
.indicators-line > .carousel-indicators .active{margin:1px 5px 1px 1px;box-shadow:0 0 0 2px #fff;background-color:transparent;position:relative;-webkit-transition:box-shadow .3s ease;-moz-transition:box-shadow .3s ease;-o-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-o-transition:background-color .3s ease;transition:background-color .3s ease}
.indicators-line > .carousel-indicators .active:before{transform:scale(0.5);background-color:#fff;content:"";position:absolute;left:-1px;top:-1px;width:15px;height:15px;border-radius:50%;-webkit-transition:background-color .3s ease;-moz-transition:background-color .3s ease;-o-transition:background-color .3s ease;transition:background-color .3s ease}
.slide_style_left{text-align:left!important}
.slide_style_right{text-align:right!important}
.slide_style_center{text-align:center!important}
.slide-text{left:0;top:25%;right:0;margin:auto;padding:10px;position:absolute;text-align:left;padding:10px 85px}
.slide-text > h1{padding:0;color:#fff;font-size:70px;font-style:normal;line-height:84px;margin-bottom:30px;letter-spacing:1px;display:inline-block;-webkit-animation-delay:.7s;animation-delay:.7s}
.slide-text > p{padding:0;color:#fff;font-size:20px;line-height:24px;font-weight:300;margin-bottom:40px;letter-spacing:1px;-webkit-animation-delay:1.1s;animation-delay:1.1s}
.slide-text > a.btn-default{color:#000;font-weight:400;font-size:13px;line-height:15px;margin-right:10px;text-align:center;padding:17px 30px;white-space:nowrap;letter-spacing:1px;display:inline-block;border:none;text-transform:uppercase;-webkit-animation-delay:2s;animation-delay:2s;-webkit-transition:background .3s ease-in-out,color .3s ease-in-out;transition:background .3s ease-in-out,color .3s ease-in-out}
.slide-text > a.btn-primary{color:#fff;cursor:pointer;font-weight:400;font-size:13px;line-height:15px;margin-left:10px;text-align:center;padding:17px 30px;white-space:nowrap;letter-spacing:1px;background:#00bfff;display:inline-block;text-decoration:none;text-transform:uppercase;border:none;-webkit-animation-delay:2s;animation-delay:2s;-webkit-transition:background .3s ease-in-out,color .3s ease-in-out;transition:background .3s ease-in-out,color .3s ease-in-out}
.slide-text > a:hover,.slide-text > a:active{color:#fff;background:#222;-webkit-transition:background .5s ease-in-out,color .5s ease-in-out;transition:background .5s ease-in-out,color .5s ease-in-out}
.modal-footer{padding:0;text-align:right;border-top:1px solid #e5e5e5}

@media only screen and (max-width: 1200px) {
    .searchFieldBox label{font-size:13px;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.padIpad{padding:0 35px 0 8px !important}
}
@media (max-width: 991px) {
.slide-text h1{font-size:40px;line-height:50px;margin-bottom:20px}
.slide-text > p{font-size:18px}
}
@media (max-width: 768px) {
.slide-text{padding:10px 50px}
.slide-text h1{font-size:30px;line-height:40px;margin-bottom:10px}
.slide-text > p{font-size:14px;line-height:20px;margin-bottom:20px}
.control-round .carousel-control{display:none}
}
@media (max-width: 480px) {
.slide-text{padding:10px 30px}
.slide-text h1{font-size:20px;line-height:25px;margin-bottom:5px}
.slide-text > p{font-size:12px;line-height:18px;margin-bottom:10px}
.slide-text > a.btn-default,.slide-text > a.btn-primary{font-size:10px;line-height:10px;margin-right:10px;text-align:center;padding:10px 15px}
.indicators-line > .carousel-indicators{display:none}
}
.cbp-bislideshow{list-style:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:-1;padding:0;margin:0}
.cbp-bislideshow li{position:absolute;width:101%;height:101%;top:-.5%;left:-.5%;opacity:0;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;transition:opacity 1s}
.backgroundsize .cbp-bislideshow li{-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;background-position:center center}
.backgroundsize .cbp-bislideshow li img{display:none}
.cbp-bislideshow li img{display:block;width:100%}
.lev_form{color:#fff}
.modifybtn{margin-top:25px}
.hotelModifySearch label{color:#fff}
.main_nav .dropdown-menu li{height:auto;width:100%;}
.main_nav .dropdown-menu li a{padding:5px 10px;height:auto;float:left;display:block;white-space:nowrap;clear:both;font-size:12px;width:100%;text-align:left}
.main_nav .dropdown-menu li a:hover{padding:5px 10px;height:auto;float:left;display:block;white-space:nowrap;clear:both;font-size:12px;width:100%;}
.main_nav .dropdown-menu li a span{width: 35px;}
.dropdown-menu{right:0;min-width:215px}
.country_flag img{width:31px;height:20px;margin:0 6px 0 0}
.alert_msg {
    color: red!important;
}
.code_align .select_input {padding: 6px 0px 6px 2px; line-height: 30px;}
@media only screen and (max-width : 768px) {
    .searchBtn {
        padding: 10px 30px;
    }
    .prfrAir {font-size:12px;}
}


/*   for app download popup */

.app_download {
    display: none;
    float: left;
    width: 100%;
    background-color: #fff;
    border-bottom: 1px solid #EBEBEB;
}
.proj_app_logo {
    margin: 4px 8px 0 5px;
    float: left;
}
.app_inst_note {
    float: left;
    width: 28%;
    font-size: .7em;
    padding: 9px 0;
    line-height:15px;
}
.app_inst_mobPics{float: left;width: 28%;}
.app_inst_note span {
    display: block;
}
.app_install_btn_hold {
    float: left;
    line-height: 45px;
}
.app_download_close {
    float: right;
    margin: 2px;
    padding: 0 8px;
    line-height: 38px;
    font-weight: bold;
    color: #4d5361;
}
a.app_install_btn {
   padding: 8px 10px;
    background-color: #2d3f8e;
    color: #fff;
    border-radius: 4px;
    text-transform: uppercase;
    font-size: .8em;
    margin-top: 8px;
    text-decoration: none;
}
/*appp download popup */

.clearing {
    color: #898989;
    background: #fff;
    font-family: "Glyphicons Halflings";
    font-size: 16px;
    font-style: normal;
    margin-top: 2px;
    position: absolute;
    right: 40px;
    top: 50%;
    text-decoration: none !important;
    font-weight: 600;
}
.clearing:after {
    content: "\e088";
}
.clearing:hover, .clearing:focus {cursor:pointer;color:#2d3f8e; text-decoration:none;}
.havAqust p{margin:0 0 0 0;}
.havAqust h3{margin:15px 0 5px 0; font-size:16px;}
.havAqust b{font-size:20px; clear:both; font-weight:normal;}
.searchFieldBox .psngrCountBox label span{margin-left:5px !important;}
span.lev_form {white-space:nowrap !important;}
span.lev_form span {margin-left: 5px;}
.yrsAdd label{font-size:12px;}
.yrsAdd label span{margin-left:5px !important;}

/*Payment*/

.foot_payArea{width:100%; float:left; margin-top:15px; }
.foot_payArea_second{width:100%;text-align:center; margin-bottom:10px; overflow:hidden;}
.foot_payArea_second img{width:150px; height:40px;}
.foot_payArea_second span{color:#c8c6c6; float:left; clear:both; width:100%; font-size:12px;}
ul.payIcns{margin:0 0 0 0; padding:0 0 0 0; width:100%; text-align:center;}
ul.payIcns li{margin:0 0 5px 10px; padding:0 0 0 0; list-style:none; display:inline-block;}
ul.payIcns li img {width: 60px !important;}
ul.payIcns li:first-child{margin-left:0px;}
ul.payIcns li:first-child img{width:54px !important;}
ul.payIcns li:nth-child(2){padding-top:3px;}
ul.payIcns li:nth-child(3){padding-top:3px;}

.posRel_head {position:relative;}
.supportPostn {float:none !important; position:absolute !important; right:0 !important; top:30px !important; margin-top:0 !important;}


.ico_hotel {
    background: url(../images/hotelIcon_black.png) no-repeat;
    background-position: 0 0;
    height: 17px;
    width: 26px;
    background-size: 17px 18px;
    position: absolute;
    right: 5px;
}
 .ico_city {
     background-position: 0 0;
    height: 17px;
    width: 26px;
    background-size: 20px 24px;
    position: absolute;
    right: 5px;
}
/*App Desktop Section*/
section.mobileBg{/*background-color: rgba(0,0,0,0.40);*/ color:#fff;}
.mobStext{margin-top:60px;}
.mobStext h2 {color: #fff;  font-size: 28px; }
.mobStext > p { color: #fff;  font-size: 14px;  margin-top:15px;}
.appIcons {  margin: 25px 0 0;}
.appIcons img:first-child { margin-right: 10px;}
.mobilPicSize{height:255px; margin-top:15px; float:right;}
/*App Desktop Section ends*/
.cont_row .owl-carousel .owl-controls .owl-nav .owl-prev{display:block !important;}
.cont_row .owl-nav{color:transparent;font-size:14px;margin:0;padding:0;display:inline-block;cursor:pointer;border-radius:3px;text-indent:100%;overflow:hidden;top:-50px;right:10px;position:absolute;}
.cont_row .owl-next{background-image:url(../images/hm_nexttrio.png);background-repeat:no-repeat;background-position:0px;width:35px !important;float:right;height:35px;}
.cont_row .owl-prev{background-image:url(../images/hm_prevtrio.png);background-repeat:no-repeat;background-position:2px;width:40px !important;float:left;height:35px;}

.starSearch {
    margin-top: 15px;
}
 .filterCol {
    position: relative;
    text-align: left;
    float: left;
    margin-right: 10px;
}
 .starSearch input[type="checkbox"] {
    display: none;
}
 .checkTitle {
    margin-bottom: 8px;
}
 .starSearch .checkTitle span {
    margin-left: 25px;
    margin-top: 0;
    vertical-align: top;
    font-size: 17px;
    display: inline-block;
    width: auto;
    color: #fff;
    font-family: OpenSansBold;
    margin-right: 0;
}
 .starSearch .str {
    background: url(../images/strtrio.png) no-repeat scroll center center;
    width: 20px;
    height: 20px;
    display: inline-block;
}
.starSearch input[type="checkbox"]:checked + label::before {
    background: rgba(0,0,0,0) url(../images/check-icons2trio.png) no-repeat scroll -27px 0 !important;
    color: #f3f3f3;
    content: "";
    font-size: 15px;
    height: 19px;
    line-height: 15px;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    width: 19px;
    position: absolute;
    right: -32px;
    top: 3px;
}
 .starSearch label::before {
    background: rgba(0,0,0,0) url(../images/check-icons2trio.png) no-repeat scroll 0px 0;
    bottom: 1px;
    content: "";
    display: inline-block;
    height: 20px !important;
    width: 20px !important;
    position: absolute;
    right: auto;
    top: 3px;
    left: 0;
}

 .mobile_ser {
    display: none;
}
 ul#pagination-demo .active a{ background-color:#2d3f8e; border-color:#2d3f8e !important; color:#fff}
 ul#pagination-demo a{ color: #2d3f8e}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .hotelfield_Col_02{width:30% !important;}
    .hotelfield_Col_03 {width:20%;}
    .hotelfield_Col_03 button{margin-top:25px;}
    .padField_Ipad{padding:0 5px 0 5px !important;}
    .searchFieldBox .psngrCountBox label{font-size:12px !important; white-space:nowrap!important;}
    
}
@media only screen and (max-width: 1024px)
{
     .mobStext{margin-top:15px;}
     .mobStext h2 {font-size: 24px; }
     .appIcons {margin:5px 0 0;}
     .appIcons img{width:135px; float:left;}
     .mobilPicSize {height: auto !important;}
}
@media only screen and (max-width : 767px) {
   
    .deskser {
    display: none;
}
         .mobile_ser {
    display: block;
}
    .padField{padding:0 53px 0 5px !important;}
    .main_select_btn_hotel.submit_form{float:none !important; margin-top:12px !important;}
    .searchFieldBox .psngrCountBox label{font-size:12px !important; white-space:nowrap!important;}
    .searchFieldBox .psngrCountBox label span{display:none !important;}
    span.lev_form span {display:none;}
    .yrsAdd label span{display:none;}
     .foot_bottom{min-height:initial !important; height:auto; overflow:hidden !important;}
     .foot_payArea_second{position:relative; margin-top:5px;}
     .follo_us{float:left;}
}
    .l_arrow {
        background: rgba(0, 0, 0, 0) url("../images/searchArrow.png") no-repeat scroll center center;
        float: left;
        height: 39px;
        margin: 30px 0 0;
        width: 4%;
        border-radius: 5px;
        cursor:pointer;
    }



@media only screen and (min-width: 320px) and (max-width: 767px) {
    .l_arrow{ width:39px; height:39px; overflow: hidden; margin:0 auto !important; float:none;     -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg);     position: relative; top:8px; }
    .field_Col_01 {padding: 5px 10px !important;}
    .mainTabBtnArea a span:after {
        width: 58px;
        height: 58px;
    }
    .mobilPicSize {
    height: auto !important;
    width: 100%;
}
    .radioCol {
    margin-right: 5px;
}
    .foot_leftArea a {
    font-size: 12px;
}
    .foot_leftArea p {
        font-size: 12px;
    }
    .radioCol span {
        font-size: 12px;
    }
    .main_nav ul li a {
    padding: 10px 0px;
    font-size: 15px;
    height: 75px;
}
    ul.payIcns li {margin: 0 0 5px 7px;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .multifield_Col_02{     width: 26%;}
    .l_arrow { background-size:100%; }
}

.hmpackagemodel .modal-content {
    -webkit-box-shadow:none;
    box-shadow: none;
    border: none;
}
.hmpackagemodel .modal-body {
    position: relative;
    padding: 10px;
}
.modal-title {
    font-size: 16px;
}
.hmpackagemodel .modal_submit_button {
    margin-bottom: 0px;
    margin-top: 20px;
}


.flghtDtsBold{ color: #666;  font-weight: 700;}

.aitaimg { text-align: center;}
.poweredBy {
    float: left;
    width: 100%;
    text-align: center;
    padding: 10px 0px;
    color: #a5a5a5;
}

    .poweredBy p {
        margin: 0;
    }

.topMenu {
    background: url(../images/topMenu.png) no-repeat;
    height: 41px;
    margin: 10px auto;
    width: 41px;
    display: block;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

    .topMenu:hover {
        opacity: 0.7;
    }

.hotelLeft{float:left;width:100%;overflow:hidden;position:relative;cursor:pointer;}
.left_Col{float:left;width:100%;margin-bottom:20px;}
#saveSection.owl-theme .owl-controls{margin-top:10px;text-align:right;position:absolute;background:#02020270;bottom:0;width:100%;padding:17px 6px 0px 0;border-radius:0 0 10px 10px;}
#saveSection.owl-theme .owl-controls .owl-dot{display:inline-block;zoom:1;}
#saveSection.owl-theme .owl-controls .owl-dots span{display:block;width:12px;height:12px;margin:5px 4px;filter:Alpha(Opacity=50);opacity:1;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#fff;}
#saveSection.owl-theme .owl-controls .owl-dot.active span,#saveSection.owl-theme .owl-controls.clickable .owl-dots:hover span{filter:Alpha(Opacity=100);
opacity:1;background:#527bbd;}
#ticketmyModal.fade .item {opacity: 1 !important;}
p.support-via-whatsapp {
    line-height: 18px;
    padding-left:40px;
    background:url(../images/whatsapp-icon.svg) no-repeat left;
    margin-top: 4px;
}
.popuplayover{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;background: rgb(0,0,0,0.5);position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1050;}
  .popupcontent{width: 590px;height: auto;position: relative;}
  .popupcontent .closeBtn{background: #fff;width: 40px;height: 50px;position: absolute;top: 0;left: -40px;display: flex;text-align: center;border-top-left-radius: 5px;border-bottom-left-radius: 5px;justify-content: center;align-items: center;padding: 0;color: #494949;cursor: pointer;}
  .PopupHeader{width: 100%;height: 310px;padding:20px;background: #fff;border-top-right-radius: 7px;}
  .PopupFooter{width: 100%;padding: 35px 20px;text-align: center;align-items: center;justify-content: center;background: #ebebeb;display: flex;border-bottom-left-radius: 7px;border-bottom-right-radius: 7px;}
  .PopupFooter p{font-size: 23px;color: #494949; width: 100%;margin-bottom: 30px;}
  .PopupFooter button{text-shadow: 0px 1px 0px #000;padding: 15px 38px;font-size: 20px;border: none;background-image: linear-gradient(to left, #fc9708, #ecb930, #fc9708);color: #fff!important;}
  .PopupFooter button a, .PopupFooter button a:hover{text-shadow: 0px 1px 0px #000;color: #fff!important;text-decoration: none;}
  @media only screen and (max-width: 680px) {
    .popuplayover{padding: 15px;}
    .popupcontent{max-width: 100%}
    .PopupHeader{height: auto;padding: 10px;}
    .PopupHeader img{max-width: 100%;width: 100%;}
    .PopupFooter{padding: 15px 10px;}
    .PopupFooter p{font-size: 15px;margin-bottom: 15px;}
    .PopupFooter button{padding: 8px 30px;font-size: 17px;}
    .popupcontent .closeBtn{width: 30px;height: 35px;top: -30px;left: 0px;border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom-left-radius: 0px;}