@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%;
	}
	
}