@media (min-width: 660px) and (max-width: 767px) { .banner_content { margin-left: 7%; width: 86%; } .banner_text { height: 45px; padding-top: 15px; } body.homepageonly footer{ margin-top: 93px; } .stack-fixed { max-width: 99%; } .button.button-green.book-hotel { font-family: 'latobold',Arial,sans-serif; font-size: 11px; line-height: 19px; margin-left: 5px; padding: 2px 4px; } } @media only screen and (max-width: 767px) { .banner_image { height: 0; padding-bottom: 41%; } .primary_header { height: 38px; } .personalised_itineraries { padding-top: 8px; } .secondary_navigation ul li a { font-size:12px; } .secondary_navigation ul li.after_login ul li { font-size: 12px; } /*.after_login img { width: 24px; }*/ .main-nav ul li a { font-size:16px; padding-left: 10px; } .company_description_outer { width: 100%; display: none; } .company_logo_footer{ float: left; width: 29%; } .company_logo_footer > img { width: 85%; } .company_description{ float:left; width: 70%; } .footer_menu_outer { margin-left: 2%; width: 22.5%; /* margin-top: 1em; */ } .social_media_icons a { margin-right: 15px; } .banner_text { font-size: 30px; } .btn_view_all_itineraries a.btn-blue { font-size: 22px; padding: 15px; /*width: 31%;*/ margin-left: 30px; } .btn_create_your_itinerary > a { font-size: 22px; padding: 15px; /*width: 35%;*/ } .popular_itinerary_text { width: 40%; } .itinerary_list_wraper { width: 75%; } .banner_wraper { max-width: 100%; } .itinerary_step_header_left { font-size: 14px; } .trip_title_input { font-size: 14px; width: 80%; } .trip_title_input > input { width: 67%; } .itinerary_heading_where_text { font-size: 44px; } .selected_room_container { font-size: 11px; } .hotel_btn_wrapper > .button.button-green { margin: 10px 0; } .city_name_bg { margin: 1px 3px 1px 1px; } .steps_submenu_bottom { font-size: 13px; } .journey_period_wrapper { font-size: 16px; } .day_planner_nav_left { font-size: 12px; } .day_planner_nav_right{ font-size: 12px; } #js_addraction_sec_cities { display: none; } #js_addraction_sec_date{ display:none; } .day_no li { padding: 1px; } .view_itinerary_step_header > .itinerary_step_header_left > .trip_title_wrapper { height: 25px; overflow: hidden; } .view_itinerary_step_header > .itinerary_step_header_left > .trip_title_wrapper > .trip_title { width:50%; margin-right: 5px; } .view_itinerary_step_header > .itinerary_step_header_left > .trip_title_wrapper > .starting_from { float:left; } .view_itinerary_step_header > .itinerary_step_header_right { margin-top: 5px; } .hotel_btn_wrapper button.button { margin: 0; } .hotel_btn_wrapper button.button span { padding: 3px !important; } .view_itinerary_step_header .itinerary_step_header_right { font-size: 12px; } .view_itinerary_step_header .starting_from { margin: 0 3px 0 0; } .view_itinerary_step_header .itinerary_step_header_left { font-size: 12px; } .itinerary_step_header_right { max-width: 75%; } .city_name { max-width: 97%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .trip_title_wrapper { max-width: 99%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .trip_title{ max-width: 60%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-right:5px; } #js_remove_day { color: #010101; margin-left: -19px; } .icon_day_planner_day_bg > span { padding: 5px 0 5px 2px; } .view_itinerary_main .itinerary_step_header_mid h2.trip_title { max-width: 99%; } /*continent on itinerary*/ .continent_list { width:100%; } .icon_continent { background-position: -316px -115px; font-size: 21px; height: 117px; width: 125px; margin:0; } .continent_wraper li a { height:113px; } .continent_active { height:115px; background-position: -316px 0; } .message-listing a, .notification-listing ul li div.uiContent a.uiThumb, .notification-listing ul li div.uiContent a { margin: 0 5px 0 0; } .message-small-col { margin: 0; } .message-big-col { margin: 0 5px 0 0; } .message-listing span.delete { margin: 5px 0 0; } .form-box { width: 94%; } .signup-form { width: 600px; } .signup-form .connect-with-email { margin: 0; width: 350px; } .signin-r01 { width: 250px; } .signup-r01 { width: 250px; } .operator_header ul li a { font-size: 13px; } .il_top_header_wrapper .button{ margin: 20px 0 0; } .il_top_header_wrapper { font-size: 25px; line-height: 25px; } .i_list_middle_right_container .button-blue{ margin-right:0px; padding: 2px; } .i_list_date_container { font-size: 9px; } /*.i_list_days_container { left: 1%; font-size: 9px; }*/ .step2detail_main_wrapper{ font-size: 14px; } .step2detail_main_wrapper .trip_title_input{ font-size: 14px; width: 55%; } .step2detail_main_wrapper .how_many_days{ width: 14%; } .step2detail_main_wrapper .trip_title_input > input { width: 95%; } .alphabets_list li { font-size: 14px; padding: 0.5%; } .country_list li a { font-size: 14px; } .city_list li { font-size: 14px; } .i_list_operator_yellow_bg{ background: url('../img/itinerary-listing-sprite01.png') no-repeat -1px -40px; width: 123px; height: 26px; } .i_list_operator_yellow_bg div { font-size: 14px; padding: 1px 2px 1px 10px; } .i_list_operator_itinerary .operator_price_wrapper { width: 77%; } .i_list_operator_itinerary .actual_price { font-size: 12px; } .i_list_operator_itinerary .operator_price_button_wrapper { width: 90%; } .i_list_operator_itinerary .operator_price_button_wrapper .button { font-size: 12px; width: 81%; padding: 4px 2px !important; } .i_list_operator_itinerary .operator_amenitiesouter { margin-right: 5px; width: 35px; } .i_list_operator_itinerary .i_list_date_container span { font-size: 16px; } .i_list_days_container span { font-size: 18px; padding: 0; } #country_carousel { width: 95%; } /*.carousel-places .mask { width: 425px !important; }*/ .carousel-places { margin-left: 3%; overflow: hidden; width: 97%; } input.hasDatepicker { font-size: 11px; width: 76px; } .date button.ui-datepicker-trigger { margin-left: -18px; } .il_search_wrapper { line-height: 18px; font-size: 12px; width: 15%; } .il_slider_wrapper { width: 24.5%; width: 24%\9; } .slider-rating.il_slider_wrapper { width: 14%; } .il_tour_wrapper { font-size: 11px; margin: 7px 3px 0; } .il_sub_header_outer .button { margin-left: 3px; } .steps_submenu.day_names li { padding: 2px 2px; } .steps_submenu.day_names li a { font-size: 9px; } .user_detail_wrapper { width: 77%; } /*.day_planner_nav_right_new { float: left; }*/ .stack-fixed { max-width: 99%; } .button.button-green.book-hotel { font-family: 'latobold',Arial,sans-serif; font-size: 11px; line-height: 19px; margin-left: 5px; padding: 2px 4px; } } @media only screen and (min-width: 768px) and (max-width: 980px) { .stack-fixed { max-width: 99%; } .banner_image { height: 0; padding-bottom: 41%; } body.homepageonly footer{ bottom: 0; margin-top: 3px; position:relative; } .secondary_navigation ul li a { font-size:12px; } .main-nav ul li a { font-size:16px; padding-left: 10px; } .social_media_icons a { margin-right: 10px; } .banner_text { font-size: 32px; } .btn_view_all_itineraries > a { padding: 15px; } .btn_create_your_itinerary > a { padding: 15px; } .popular_itinerary_text { width: 35%; } .itinerary_list_wraper { /*width: auto;*/ width:95%; } .trip_title_input > input { width: 68%; } .steps_submenu_bottom { font-size: 13px; } .day_planner_nav_left { font-size: 14px; } .day_planner_nav_right{ font-size: 12px; } #js_addraction_sec_date{ display: none; } #js_addraction_sec_cities{ display: none; } .view_itinerary_main .itinerary_step_header_mid h2.trip_title { max-width: 99%; } .view_itinerary_step_header > .itinerary_step_header_left > .trip_title_wrapper { height: 25px; overflow: hidden; } .view_itinerary_step_header > .itinerary_step_header_left > .trip_title_wrapper > .trip_title { width:50%; } .view_itinerary_step_header > .itinerary_step_header_right { margin-top: 5px; } #js_remove_day { color: #010101; margin-left: 0px; margin-top: 28px; } .icon_day_planner_day_bg > span { padding: 5px 0 5px 2px; } .itinerary_step_header_right { max-width: 75%; } .trip_title_wrapper { max-width: 99%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:500px; text-align:right; } .trip_title{ max-width: 66%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-right:10px; width: 300px; } /*continent on itinerary*/ .continent_list { width:100%; } .icon_continent { background-position: -316px -115px; font-size: 21px; height: 117px; width: 125px; margin:0; } .continent_wraper li a { height:113px; } .continent_active { height:115px; background-position: -316px 0; } .form-box { width: 82%; } .signup-form { width: 600px; } .signup-form .connect-with-email { margin: 0; width: 350px; } .signin-r01 { width: 250px; } .signup-r01 { width: 250px; } /* .il_top_header_wrapper { font-size: 33px; line-height:33px; }*/ .i_list_middle_right_container .button-blue{ margin-right:0px; } .i_list_date_container { font-size: 11px; } /* .i_list_days_container { left: 1%; }*/ .step2detail_main_wrapper{ font-size: 14px; } .step2detail_main_wrapper .trip_title_input{ font-size: 14px; width: 61%; } .step2detail_main_wrapper .trip_title_input > input { width: 95%; } .alphabets_list li { font-size: 16px; padding: 0.5% 0.6%; } .country_list li a { font-size: 16px; } .city_list li { font-size: 14px; } .i_list_operator_yellow_bg{ background: url('../img/itinerary-listing-sprite01.png') no-repeat -1px -40px; width: 123px; height: 26px; } .i_list_operator_yellow_bg div { font-size: 13px; padding: 1px 2px 1px 10px; } .i_list_operator_itinerary .operator_price_wrapper { width: 77%; } .i_list_operator_itinerary .actual_price { font-size: 14px; } .i_list_operator_itinerary .operator_price_button_wrapper { width: 90%; } .i_list_operator_itinerary .operator_price_button_wrapper .button { font-size: 14px; width: 81%; padding: 4px 2px !important; } .i_list_days_container span { font-size: 18px; padding: 0; } .i_list_operator_itinerary .i_list_date_container span { font-size: 16px; } #country_carousel { width: 95%; } .carousel-places .mask { width: 490px !important; /*border:1px dotted red;*/ } .carousel-places { margin-left: 3%; overflow: hidden; width: 97%; } input.hasDatepicker { font-size: 14px; width: 89px; } .date button.ui-datepicker-trigger { margin-left: -19px; } .journey_period_wrapper .proceed-btn.button.button-green { font-size: 18px; margin-left: 0; } .il_search_wrapper { line-height: 18px; font-size: 14px; } .il_slider_wrapper { width: 25.5%; width: 25%\9; } .il_tour_wrapper { font-size: 11px; margin: 7px 3px 0; } .il_sub_header_outer .button { margin-left: 3px; } .view_itinerary_middle_wrapper { margin: 0; width: auto; } .view_itinerary_right_wrapper .date_container label { font-size: 13px; } /*.itinerary_view_attraction_right { width: 90%; }*/ .view_attraction_know_wrapper { width: 33%; } .view_attraction_outer_wrapper { /*max-height: 123px;*/ font-size: 12px; } .view_attraction_address_left > div { margin-top: 3px; } .steps_submenu.day_names li { padding: 3px 2px; } .steps_submenu.day_names li a { font-size: 12px; } /*.user_detail_wrapper { width: 77%; }*/ .day_name_title { display: none; } .day_planner_nav_right_new button { font-size: 11px; margin-left: 5px; margin-right:0; } } @media only screen and (min-width: 768px) and (max-width: 979px) { /*.day_planner_nav_right_new { float: left; }*/ .day_planner_nav_new .butoons_wrapper { margin-right: 5px; } .day_planner_city_names_wrapper { padding:5px 0; } .day_planner_nav_new .butoons_wrapper span.button-blue.prev_day { width: 15px; } .day_planner_nav_new .butoons_wrapper span.button-blue.next_day { width: 12px; padding: 0 0 0 14px; } .day_planner_nav_right_new.view_itinerary{ float:right; } .banner_content { margin-left: 10%; width: 79%; } .banner_text { height: 50px; padding-top: 15px; } body.homepageonly footer { margin-top: 83px; } .stack-fixed { max-width: 99%; } .button.button-green.book-hotel { font-family: 'latobold',Arial,sans-serif; font-size: 11px; line-height: 19px; margin-left: 5px; padding: 2px 4px; } } @media only screen and (min-width: 769px) and (max-width: 900px) { .il_top_header_wrapper { font-size: 30px; line-height:30px; } } @media only screen and (min-width: 901px) and (max-width: 979px) { .il_top_header_wrapper { font-size: 33px; line-height:33px; } } @media only screen and (min-width: 981px) and (max-width: 1080px) { .banner_text { font-size: 34px; } body.homepageonly footer{ bottom: 0; margin-top: 3px; position:relative; } .main-nav ul li a { font-size:18px; padding-left: 25px; } .footer_menu_outer{ margin-left: 2%; } .btn_view_all_itineraries > a { padding: 15px; } .btn_create_your_itinerary > a { padding: 15px; } .popular_itinerary_text { width: 27%; } .itinerary_list_wraper { width: 80%; } /*.daywise_cities { display: none; }*/ /*continent on itinerary*/ .continent_list { width:88%; } .icon_continent { background-position: -171px -130px; height: 144px; width: 133px; font-size:22px; margin-right:0.5%; } .continent_wraper li a { height:130px; } .continent_active { height:130px; background-position: -171px 0; } .alphabets_list li { padding: 0.5% 0.7%; font-size: 18px; } /*span.attraction_stars + img + #js_place_name + .carousel_place_tooltip { right: 30px; }*/ .reduce_days_wrapper_outer { margin-right: 12px; } #country_carousel { width: 96%; } /*create itinerary*/ .trip_title { height: 30px; overflow: hidden; text-align: right; width: 450px; } .view_itinerary_middle_wrapper { margin: 0 0 0 10%; } .banner_content { margin-left: 16%; width: 68%; } .stack-fixed { max-width: 99%; } } @media only screen and (min-width: 1024px){ .daywise_cities { margin-right: 5px; max-width: 150px; } /*.carousel-places .mask { width: 842px !important; }*/ } @media only screen and (min-width: 1024px) and (max-width: 1080px) { .stack-fixed { max-width: 99%; } .carousel-places .mask { width: 734px !important; /*border:1px solid red;*/ } .carousel-places { margin-left:3%; overflow: hidden; width: 97%; } .ie-city-container a.prev { margin-right: 10px; } .ie-city-container a.prev.disable { margin-right: 10px; } .i_list_operator_itinerary .operator_price_wrapper, .i_list_get_your_guide .operator_price_wrapper { width: 93%; } .i_list_operator_itinerary .operator_price_button_wrapper, .i_list_get_your_guide .operator_price_button_wrapper { width: 110px; } .i_list_operator_itinerary .operator_price_button_wrapper .button, .i_list_get_your_guide .operator_price_button_wrapper .button { width: 110px; } .hotel_places { max-width: 800px; } .hotel_places .i_list_operator_yellow_bg{ background: url('../img/itinerary-listing-sprite01.png') no-repeat -1px -40px; width: 123px; height: 26px; position: absolute; top: 15px; left: -11px; } .hotel_places .i_list_operator_itinerary .operator_amenitiesouter { margin-right: 3px; } .il_main_header .sub-nav ul { width: 100%; padding:0; margin-left: -0.9%; } .adda_list_see .adda_header_right { width: 85%; } } @media only screen and (min-width: 1081px){ .il_main_header .sub-nav .centerwraper { width:1016px; } .footer_menu_outer{ margin-left: 2%; } .trip_title { width: 710px; } /* .btn_view_all_itineraries > a { padding: 15px; font-size:22px; } .btn_create_your_itinerary > a { padding: 15px; font-size:22px; } */ } @media only screen and (min-width: 1280px){ .itinerary_list_wraper { width: 85%; } } /* For Carousel Places */ @media only screen and (max-width: 715px){ .carousel-places .mask { width: 366px !important; /*border:1px dashed red;*/ } .day_planner_nav_new .add_day { margin: 0 5px 0 10px; padding-right: 5px; } .stack-fixed { max-width: 99%; } } @media only screen and (min-width: 716px) and (max-width: 767px) { .carousel-places .mask { width: 488px !important; /*border:1px dashed green;*/ } .day_planner_nav_new .add_day { margin: 0 5px 0 10px; padding-right: 5px; } .stack-fixed { max-width: 99%; } } @media only screen and (min-width: 850px) and (max-width: 960px) { .carousel-places .mask { width: 610px !important; /*border:1px dotted green;*/ } body.homepageonly footer { margin-top: 93px; } .banner_content { margin-left: 15%; width: 70%; } .stack-fixed { max-width: 99%; } } @media only screen and (min-width: 961px) and (max-width: 980px) { .carousel-places .mask { width: 735px !important; /*border:1px dotted blue;*/ } .banner_text { height: 52px; padding-top: 15px; } body.homepageonly footer { margin-top: 102px; } .banner_content { margin-left: 15%; width: 70%; } .stack-fixed { max-width: 99%; } } @media only screen and (min-width: 981px) and (max-width: 1023px) { .carousel-places .mask { width: 734px !important; /*border:1px dotted pink;*/ } .carousel-places { margin-left: 3%; overflow: hidden; width: 97%; } .stack-fixed { max-width: 99%; } } @media only screen and (min-width: 1081px) and (max-width: 1190px) { .carousel-places .mask { width: 855px !important; /*border:1px solid yellow;*/ } .banner_content { width: 75%; margin-left: 12.5%; } /*.carousel-places { margin-left: 1%; overflow: hidden; width: 97%; } .ie-city-container a.next { margin-left: 0px; } .ie-city-container a.next.disable { margin-left: 0px; }*/ .stack-fixed { max-width: 99%; } } @media only screen and (min-width: 1191px) and (max-width: 1250px) { .carousel-places .mask { width: 973px !important; /*border:1px solid black;*/ } .banner_content { width: 68%; margin-left: 16%; } }