/*************************Mobile Device View CSS****************************/

@media only screen and (min-width:0px) and (max-width:400px){

#planner_details .trip_planner_by_category .trip_planner_image_box{
	width: 21%;
    margin-right: 2%;
}

#planner_details .trip_planner_by_category .trip_planner_title_and_text_box{
	width: 61%;
}

#planner_details .trip_planner_by_category .trip_planner_remove_button{
	width: 16%;
}

#planner_details #planner_user_edit_inner{
	width: 300px;
}

}


@media only screen and (min-width:401px) and (max-width:767px){

#planner_details .trip_planner_by_category .trip_planner_image_box{
	width: 17%;
    margin-right: 2%;
}

#planner_details .trip_planner_by_category .trip_planner_title_and_text_box{
	width: 65%;
}

#planner_details .trip_planner_by_category .trip_planner_remove_button{
	width: 16%;
}


}



@media only screen and (min-width:0px) and (max-width:767px){

#mobile_header {
    z-index: 99 !important;
    overflow: visible !important;
    min-height: 53px;
}

#book_details .book_details_inner .choose_expedia_type .form-radio {
  margin: 7px 10px 5px 0px !important;
}

.trip_planner_active .widget,
.widget_area #block-block-8 ul.widget,
.widget_area #block-block-42 ul.widget{
	width: auto;
    float: right;
}

#block-block-8 #planner_details, 
#block-block-42 #planner_details,
body.not-logged-in #block-block-8 #planner_details,
body.not-logged-in #block-block-42 #planner_details {
	width: 100%;
    padding-top: 20px !important;
}

#planner_details {
	z-index: 999 !important;
    top: 108px !important;
}

#mobile_header .widget_area .ui-effects-wrapper {
	top: 0px !important;
    bottom: 0px !important;
}

#book_details {
  padding-top: 15px !important;
  width: 100% !important;
  z-index: 999 !important;
  top: 108px !important;
}

body.mobile_stick_menu #book_details,
body.mobile_stick_menu #planner_details {
	top: 53px !important;
}

#block-block-8 .book_details_inner,
#block-block-42 .book_details_inner {
   height: 425px;
}

.planner_details_inner,
.book_details_inner {
	width: 90% !important;
    margin: auto;
    padding: 0px !important;
}

.book_details_inner .check_in_out,
.book_details_inner .rooms_travelers {
	overflow: hidden;
}

#book_details .book_details_inner .adult_child .form-item-travelers-adult,
.book_details_inner .rooms_travelers .form-item-rooms,
.book_details_inner .check_in_out .container-inline-date {
  float: left;
  width: 48% !important;
}

#book_details .book_details_inner .adult_child .form-item-travelers-kids,
.book_details_inner .rooms_travelers .form-item-travelers,
.book_details_inner .check_in_out .container-inline-date:last-child {
  float: left;
  margin-left: 4% !important;
  width: 48% !important;
}

#book_details .book_details_inner .adult_child .form-item-travelers-kids {
    margin-top: 21px !important;
}

.book_details_inner .form-item-return-date,
.book_details_inner .form-item-depart-date {
  display: block !important;
  overflow: hidden;
  width: 100% !important;
}

.book_details_inner .container-inline-date .date-padding,
.book_details_inner .container-inline-date .form-item .form-item,
#block-block-8 #book_details .form-item,
#block-block-42 #book_details .form-item {
    width: 100%;
}

#block-block-8 #book_details .form-submit,
#block-block-42 #book_details .form-submit,
#block-block-8 #book_details .form-item-depart-date-date .form-text,
#block-block-42 #book_details .form-item-depart-date-date .form-text,
#block-block-8 #book_details .form-item-return-date-date .form-text,
#block-block-42 #book_details .form-item-return-date-date .form-text,
#book_details .book_details_inner .adult_child .form-item-travelers-kids .form-select,
.book_details_inner .depart_date,
.flight_only.expedia_form .adult_child,
.hotel_only.expedia_form .check_in_out,
.hotel_only.expedia_form .rooms_travelers,
.packages.expedia_form .check_in_out,
.packages.expedia_form .rooms_travelers {
	width: 100% !important;
}

#planner_details .trip_planner_by_category .trip_planner_image_box img{
	width: 100%;
    height: auto;
}

body.stick_menu #block-block-8 #planner_details, 
body.stick_menu #block-block-42 #planner_details{
	top: 53px;
}

#planner_details #planner_user_detail_form div.email_text{
	width: 100%;
    overflow: hidden;
}

#block-block-8 #planner_details h3,
#block-block-42 #planner_details h3 {
  padding-top: 0px;
}
#anonymous_planner_details ul{
padding-bottom:10px !important;
}
.planner_sign_in .sign_in,
.planner_sign_up .sign_up{
margin-top:10px;
}
.planner_sign_up .form-group{
margin-bottom:7px !important;
}
#block-block-42 #user-register-form-2{
  margin-top:7px;
}
.planner_sign_up .form-actions.form-group{
margin-top:-6px !important;
}
#anonymous_planner_details .other_text{
  margin-top:-3px;
}


.book_details_inner  .adult_child  .form-item:last-child,
.book_details_inner  .rooms_travelers .form-item:last-child,
.book_details_inner .check_in_out .container-inline-date:last-child {
  float:left !important;
}

.planner_sign_up #user-register-form-1 .form-submit,
.planner_sign_in #user-login-1 .form-submit,
.planner_sign_up #user-register-form-2 .form-submit,
.planner_sign_in #user-login-2 .form-submit{
  margin-top:0px !important;
}
.planner_sign_in #user-login-1 .form-submit{
  margin-top:0px !important;
}

}


/************************Tablet Device View CSS**************************/



@media only screen and (min-width:768px) and (max-width:979px){

#block-block-8 #planner_details, 
#block-block-42 #planner_details,
#block-block-8 #book_details,
#block-block-42 #book_details {
	width:45%;
    top: 100px;
}

#block-block-8 .book_details_inner,
#block-block-42 .book_details_inner {
  padding-left: 0px;
  width: 88%;
  margin: auto;
}

#block-block-8 #book_details .form-submit,
#block-block-42 #book_details .form-submit,
.book_details_inner .depart_date,
#block-block-8 #edit-choose-expedia,
#block-block-42 #edit-choose-expedia {
  width: 100%;
}

.packages.expedia_form .rooms_travelers .form-select,
.hotel_only.expedia_form .rooms_travelers .form-select,
#block-block-8 #book_details .adult_child .form-select,
#block-block-42 #book_details .adult_child .form-select{
width:146px;
}
.book_details_inner .packages .check_in_out .form-text,
.book_details_inner .hotel_only .check_in_out .form-text{
width:146px !important;
}

.book_details_inner .flight_only  .adult_child  .form-item:last-child,
.book_details_inner .flight_only  .rooms_travelers .form-item:last-child,
.book_details_inner .flight_only .check_in_out .container-inline-date:last-child {
  margin-top: 21px !important;
  float:left !important;
  margin-left:-5px !important;
}
.book_details_inner .packages  .adult_child  .form-item:last-child,
.book_details_inner .packages  .rooms_travelers .form-item:last-child,
.book_details_inner .packages .check_in_out .container-inline-date:last-child,
.book_details_inner .hotel_only  .adult_child  .form-item:last-child,
.book_details_inner .hotel_only  .rooms_travelers .form-item:last-child,
.book_details_inner .hotel_only .check_in_out .container-inline-date:last-child {
  float:left !important;
  margin-left:-5px !important;
}

#planner_details {
	z-index: 9999 !important;
    top: 108px !important;
    padding-top: 15px !important;
}

#mobile_header .widget_area .ui-effects-wrapper {
	top: 0px !important;
    bottom: 0px !important;
}

#book_details {
  padding-top: 15px !important;
  z-index: 9999 !important;
  top: 108px !important;
}

body.mobile_stick_menu #book_details,
body.mobile_stick_menu #planner_details {
  top: 53px !important;
}

}



@media only screen and (min-width:980px) and (max-width:1279px){


#block-block-8 #planner_details, 
#block-block-42 #planner_details,
#block-block-8 #book_details,
#block-block-42 #book_details {
	width: 34%;
    top: 100px;
}

#block-block-8 .book_details_inner,
#block-block-42 .book_details_inner {
  padding-left: 0px;
  width: 88%;
  margin: auto;
}

#block-block-8 #book_details .form-submit,
#block-block-42 #book_details .form-submit,
.book_details_inner .depart_date,
#block-block-8 #edit-choose-expedia,
#block-block-42 #edit-choose-expedia {
  width: 100%;
}

.book_details_inner .form-item-travelers-adult {
   width: 48% !important;
}

.book_details_inner .form-item-travelers-kids {
   float: right;
   width: 48% !important;
}

.packages.expedia_form .rooms_travelers .form-select,
.hotel_only.expedia_form .rooms_travelers .form-select,
#block-block-8 #book_details .adult_child .form-select,
#block-block-42 #book_details .adult_child .form-select{
width:146px;
}
.book_details_inner .packages .check_in_out .form-text,
.book_details_inner .hotel_only .check_in_out .form-text{
width:146px !important;
}

.book_details_inner .flight_only  .adult_child  .form-item:last-child,
.book_details_inner .flight_only  .rooms_travelers .form-item:last-child,
.book_details_inner .flight_only .check_in_out .container-inline-date:last-child {
  margin-top: 21px !important;
  float:left !important;
  margin-left:-5px !important;
}
.book_details_inner .flight_only  .adult_child  .form-item:last-child{
  margin-top:0px !important;
}
.book_details_inner .packages  .adult_child  .form-item:last-child,
.book_details_inner .packages  .rooms_travelers .form-item:last-child,
.book_details_inner .packages .check_in_out .container-inline-date:last-child,
.book_details_inner .hotel_only  .adult_child  .form-item:last-child,
.book_details_inner .hotel_only  .rooms_travelers .form-item:last-child,
.book_details_inner .hotel_only .check_in_out .container-inline-date:last-child {
  float:left !important;
  margin-left:-5px !important;
}

}


@media only screen and (min-width:768px) and (max-width:1279px){

.trip_planner_active .widget,
.widget_area #block-block-8 ul.widget,
.widget_area #block-block-42 ul.widget{
	width: auto;
    float: right;
}

.planner_sign_up.tripplaner_error_message {
    height: auto;
    overflow: inherit;
}

}