#TB_window { left: 0; position: fixed; top: 0 }

@media only screen and (min-width:280px) and (max-width:680px) {
	.trip-advisor-sec{ display:none;}
.video-holder { height: auto; }
.top_footer_logos ul { margin: 0 auto; width: 100%; }
.top_footer_logos ul li { width: 48%; }
.reg_montcalm_logos ul li:first-child { margin-left: 0 !important; }
.confirmation_left ul.booking_details li:nth-child(4) .booking_left, .confirmation_left ul.reservation_summary li:nth-child(7) .booking_left { border-right: 1px solid #d2d2d2 }
.confirmation_left ul.booking_details li:nth-child(4) .booking_right, .confirmation_left ul.reservation_summary li:nth-child(7) .booking_right { border: 0 }
.content.ehancement_room_list, .content.ehancement_room_list p { padding: 0; margin: 0 }
.blank_content { margin-top: 8px }
.map_content { width: 190px!important; font-size: 12px!important }
#breadcrumb { display: none!important }
#live-help { bottom: 0 }
.cont_row_one ul li h2 { width: 96.3%; padding: 2px 2%!important; }
body { -webkit-text-size-adjust: none }
form[name=frmResInfo] table { width: 100% }
.city textarea { width: 95% }
.footer_left_content { margin-bottom: 10%!important }
.error404 { float: none; margin-right: 20px; width: 100% }
.fancybox-mobile { width: 85%!important }
.fancybox-inner { height: auto!important; width: auto!important; max-height: 380px }
#uniqueAroma h2 { font-size: 14px }
.slide_content h4 strong { display: inline-block; width: 100% }
.error404p { padding-top: 8px!important; width: 100% }
#TB_window { width: 90%!important; max-height: 200px!important }
.wrapper_1054 { max-width: 100%; margin: 0 auto }
#TB_ajaxWindowTitle { font-size: 11px!important }
.thumb-scroll #a1, .thumb-scroll #a2 { margin-top: 0!important }
#galleryThumbnails { display: none!important }
.new_location { width: 100%!important }
.new_location>h3 { margin: 0 }
.contact_left, .contact_right { float: none; width: 100% }
.contact_right ul li { width: 100%; min-height: 100px }
.contact_right ul li:nth-child(1), .contact_right ul li:nth-child(2), .contact_right ul li:nth-child(3), .contact_right ul li:nth-child(4), .contact_right ul li:nth-child(5), .contact_right ul li:nth-child(6), .contact_right ul li:nth-child(9) { min-height: 100px }
.contact_right ul li h3 { height: 20px; padding-left: 12px!important; top: 162px; width: 96.5% }
.bottom3banners { float: none; width: 98%; margin: 0 auto }
.cancel_modifaction .btn_cancel_reservation { margin-left: 0!important }
.checkbox_cancel_reservation { float: none }
.btn_modidy_reservation { clear: both; margin: 2px 0 0; padding: 0 16px }
.room_information h4 span { clear: both; width: 50% }
.btn_cancel_reservation { width: auto }
.room_information h4 { padding: 6px 1% 40px }
#room_listing_slider_container .jcarousel ul li { height: auto!important }
.blog_left { float: none; margin: 0 auto; width: 92% }
.enhance_left .top_btn_continue, a.trip_advisor_logo { display: none }
a.btn_go_back { margin: 0 }
.page_heading h2 { margin-top: 3% }
.ms_col p span { display: block!important }
.hotOffers_bg .choose-a-plan-ul .choose-a-plan-li, .hotOffers_bg .jcarousel li { width: 245px!important }
.homep_banner { margin: 0 auto; width: 98% }
.footer_left { float: none; width: 90%; margin: 0 auto }
.footer_left_img { margin-bottom: 6% }
.footer_links { padding: 0 0 8% 5%!important; width: 48%!important }
.footer_links.footer_right_links { padding-left: 1%!important; width: 40%!important }
.footer_mob input[type=text] { width: 52%!important }
.discover_home_part .wrapper_1054 .homep_banner:last-child { margin-bottom: 20px; margin-top: 20px }
.blog_right { float: none; margin: 0 auto; width: 92% }
.main_blog .site-content .paging-navigation { float: none; margin: 0; position: static }
.hoteldetailbookingengine .formBox .check_in { background: 0 0 }
.hoteldetailbookingengine .formBox { float: none; margin: 0 auto; width: 92% }
#hot_id { width: 100% }
.slide .slide_content { border-left: 0 none!important; float: none!important; margin: 0!important; min-height: 137px; padding: 0 0 0 5px!important }
.slide .slide_content h4, .slide .slide_content p { text-align: left!important }
.slide .slide_img { display: none }
.loading_image_addons { left: 30%; margin-left: 0; margin-top: 0; top: 30% }
#hotel_detail_left h1 ul { clear: both; width: 100%; margin-left: 0 }
#hotel_detail_left p { padding: 4px 0; line-height: 18px }
#HD_2box .hdb1 { background: url(../images/hdb1.html) no-repeat scroll -175px 0 transparent }
#HD_2box .hdb2 { background: url(../images/hdb2.html) no-repeat scroll -175px 0 transparent }
.main_vedio_class { height: 140px }
.middle_experience .wrapper978 h3.experience_h3_width, .middle_experience .wrapper978 span.experience_h3_width { font-size: 28px; width: 80%; padding-bottom: 32px }
#montcalm_60sec { height: auto!important; width: 100%!important }
.tool_tip_content { display: none!important }
.pkg_infopage { width: 96%!important; margin: 0 auto; float: none }
.infopages h2, .spage_body h1 { width: 94%; height: auto }
.socialShare { clear: both; width: 94%!important; height: 60px; overflow: hidden }
#slide_thumb li { width: 100px!important }
.hd_gallery .thumb-scroll { top: 20px!important }
.thumb-scroll { top: 47px!important }
.copyright_part ul li:nth-child(18), .copyright_part ul li:nth-child(9) { border-right: 1px solid #999 }
.hd_gallery { width: 96%; margin: 0 auto }
#HD_new h3 { width: 98%; margin: 0 auto; float: none }
.ament_container .amentbox { margin-bottom: 4% }
.HD_map { margin-top: 15px }
.slider_dots { display: none }
.discover_home_heading img { width: auto }
.mont_banner { background: url(../images/new_the_montcalm_club.jpg) no-repeat scroll -387px center transparent }
.camera_pag { width: 100%!important }
.bullet ul li { clear: both }
.full_single_s h3 span { font-size: 16px; margin-top: 2%; width: 100% }
.full_pkg_c h3 { margin-bottom: 0 }
.ms_detail { width: 100% }
.ms_detail .ms_col { margin: 1% }
.full_pkg_c { width: 100% }
#map { margin: 0 auto; width: 100%!important }
.drp_fix { clear: both }
#forgot_pwd { width: 96%!important }
#forgot_pwd input[type=text] { width: 182px }
.labelinputs { padding-left: 0 }
.wrapper978 { max-width: 98%; margin: 0 auto }
#newmiddlebot2, .logo_part { width: 100%}
.logo_part.home-logo { margin-top:75px}
.mob_logo_bg { background: #000; width: 100% }
#TB_window object#mpl { height: 180px; width: 100% }
#TB_ajaxContent { height: 152px!important; width: auto!important }
.contentsform { margin-bottom: 5px; margin-left: 2%; width: 95% }
.labelinputs { width: 96% }
.buttonstyleddl { width: 268px!important }
.contentsform input[type=text] { width: 90% }
.logo { width: 280px; margin: 0 auto; float: none; text-align: center }
.btn_moreInfo { padding: 6px 12px }
.your_stay { float: none; margin: 0 auto }
.step_heading ul li { line-height: 8px; width: 18.1%; padding: 10px 2.4px 0 }
.step_heading ul li span { line-height: 14px }
.jpagging { width: 100% }
.room_listing_slider_01 { display: block; float: none!important; margin: 25px auto 0!important; width: 80%!important }
.confirm_margin { margin-top: 25px!important }
#room_listing_slider_container { width: 80%!important }
.btn_continue { float: left!important; clear: both }
.btn_unselect { float: left; clear: both }
.enhance_left_content .fragrance_box ul li .content_img { width: 100% }
.enhance_left_content .fragrance_box ul li .content_img img { height: 100px }
.enhance_left_content .fragrance_box ul li .content_text { min-height: 36px; padding: 0 0 2% 3%; width: 100% }
.enhance_left_content .fragrance_box ul li:nth-child(3n+3) { margin: 0 2% 2% 0 }
.enhance_left_content .fragrance_box ul li:nth-child(2n+2) { margin-right: 0 }
.personal_details h2 { margin: 8px 0 15px }
.allOffer_mid_bottom { padding: 25px 0 24px }
.your_stay h2 { padding: 15px 0 15px 3px }
.enhance_left_content .fragrance_box ul li .content_add { margin-top: 5%; width: 100% }
.row_1 label { width: 32% }
.row_1 input[type=text], input[type=password] { width: 175px }
.card_type_img { float: left; padding: 8px 0 5px 21px }
.hotel_information { width: 100% }
.hotel_information_content h5 { width: 34% }
.hotel_information_content p { width: 63% }
.marquee_main { margin: 25px 0 0!important }
.jcarousel li { height: auto }
.enhance_left { float: none; margin: 0 auto; width: 92% }
.enhance_left_content { width: 90% }
.enhance_left_content .stay_box .content_img img { height: 160px; width: 100% }
.enhance_left_content .stay_box .content_img { float: left; width: 100% }
.enhance_left_content .stay_box .content_text { width: 100% }
.enhance_left_content .stay_box .content_price { float: right; width: 98% }
.your_stay { width: 92% }
.confirmation_right .your_stay { width: 100% }
.left_checkout { float: none!important }
.your_stay_content { width: 92% }
#TB_iframeContent { width: 100%!important }
.enhance_left_content .fragrance_box ul li { margin: 0 2% 2% 0; width: 47% }
.enhance_left h2 { font-size: 24px; line-height: 20px; padding: 15px 0; width: 100% }
.enhance_add_popup h2 { font-size: 12px!important; padding: 5px }
.enhance_left_content .fragrance_box ul li .content_text h3 { font-size: 15px }
.checkout_right { float: none; margin: 0 auto; width: 92% }
a.sign-in-link-right { padding: 5px 15px 0 }
.personal_details h2 { padding: 0 0 8px 2px }
.personal_details_content .rewards_member { width: 95% }
.loing_slider { background: url(../images/inner_banner.jpg) no-repeat scroll 42% top transparent; height: 180px; margin: -52px auto 0 }
.room_listing_sort_by_part { width: 100%; margin-top: 10px; }
.room_list { width: 94%; padding: 20px 3% }
.room_list .price_part { width: 94%; float: left }
.social_mid_bottom p { width: 100% }
.social_mid_bottom img { padding: 0 5px; width: auto; float: none }
.social_mid_bottom { width: 100%; text-align: center }
.room_list .content_part { padding: 10px 0 0; width: 100% }
ul.list-facilities li { padding-right: 3px; width: 96% }
.navigation ul { display: none }
.spage_body { margin: 0 auto }
.navigation select { display: inline-block; width: 36px; height: 36px; margin: 0 6%; border: 0 solid #f1f0f1; background: #000 url(../images/grid_icon.png) no-repeat; border-radius: 0 }
.navigation select option { background: #f1f0f1; padding: 5px; border-bottom: solid 1px #CCC }
.navigation select option:first-child { display: none }
.pkg_frm { float: left!important; margin-top: 30px!important }
.package_left { padding: 0; width: 96% }
.contact_box { width: 100% }
.camera_caption { padding-right: 16px; bottom: 5%!important; font: 20px Calibri, Arial; right: -6%!important; width: 100%; display: none!important }
#bodytext, .hoteldetaildescription { width: 100% }
.right { float: none; margin-left: 0; width: 100% }
#gallery1 ul li { margin: 10px 6px }
#gallery, #gallery1 { width: 85%;}
.hoteldetailbookingengine { width: 98% }
.destination, .formbox-top, .info_mid { width: 100% }
.check_in { margin-left: 5%; width: 47% }
.margin_check_in { margin: 0!important }
.select_room_main { width: 47.8% }
.booknow_home_main { width: 100% }
.photo_gallery ul li { height: auto; margin: 2% 5% 3% 0; width: 100% }
.spa .img_part { width: 100%!important }
.spa .content_part { margin-top: 3%; width: 100%!important }
.reviewed-box { width: 100% }
.comments-box { margin: 0; height: auto; min-height: 50px; border: 0; padding: 0; width: 100% }
.ratings-box { width: 100% }
.infopages h3 { font-size: 18px; padding: 8px 0 10px!important; line-height: 22px; height: auto }
.property-form select.properties { margin-bottom: 2%; padding: 6px; width: 100%; height: 32px; border-radius: 0 }
ul.comments-data li { width: 92% }
.property-form input.button { margin: 0!important }
#pagination-flickr { margin: 0; padding: 0 }
.txtarea1 { width: 86% }
.btn_cont1 td input.button { margin: 8px 0 0 5px }
.hotel_detailpage, .pkg_left { width: 98%; margin: 0 auto; float: none }
.hotelgallery { width: 92%; margin-bottom: 5% }
.pkg_right { float: none; margin: 13% auto 0; width: 97% }
.logo a img { height: 80px; width: auto }
.infopages h2, .spage_body h1 { padding: 15px 0 10px!important; font-size: 20px!important }
.middle_experience_content_img { width: 46% }
.middle_experience_content_img img { height: 100px }
#social_media_camp { width: 100% }
.navigation_02 ul { display: none }
.navigation_02 select { display: inline-block; float: right; width: 36px; height: 36px; margin: 0 6%; border: 0 solid #f1f0f1; background: #000 url(../images/grid_icon.png) no-repeat; border-radius: 0 }
.navigation_02 select option { background: #f1f0f1; padding: 5px; border-bottom: solid 1px #CCC }
.navigation_02 select option:first-child { display: none }
.grand_ballroom_hr { width: 100%; height: 150px }
.navigation { width: 50%; margin: 14px 0 0; float: left }
.navigation_02 { width: 50%; margin: 12px 0 0; float: right }
.navigation_02 ul { float: left }
.navigation_02 ul li { padding: 0 14px }
.navigation_02 ul li:first-child { padding-left: 0 }
.fluid_container { margin: -50px auto 0!important; width: 100%!important; height: 160px!important }
#camera_wrap_1 { height: 160px!important }
.camera_wrap img { width: 100%!important; height: 160px!important; margin-left: 0!important }
.middlePart1_reservation { border: 0; background: 0 0 }
.reservation_heading, .reservation_heading_part { width: 100%; line-height: 33px }
.local_temperature, .local_time { display: none }
.reservation_left, .reservation_part { position: static; width: 98%; margin: 0 auto }
.pampering_banner { margin: 10px 0 }
.reservation_heading { display: block }
#upperSlider { width: 100%; border-radius: 7px }
.formContainer { float: none }
.formBox { width: 89%; padding: 3% 6%; margin: 0 auto; overflow: hidden; float: none }
.destination { height: 33px; padding: 6px 5px }
.check_in { padding-top: 9px }
.check_in input { width: 100%!important; background: url(../images/calc.png) no-repeat scroll 91% center #434343 }
.select_room { background: url(../images/select_room_bg.png) no-repeat scroll 90% 14px #434343!important; height: 32px; padding: 6px; width: 100% }
.sel_half1 { width: 44.5%!important }
.sel_3 { width: 17.4%!important }
.booknow_home { width: 100%; height: 36px; border-top: solid 2px #bb913f; border-bottom: solid 2px #bd9342; padding-top: 3px }
.reservation_right { width: 100% }
.reservation_right h1 div { padding: 4px 0 6px; font-size: 11px }
.reservation_right h1 { font-size: 25px!important; line-height: 25px; width: 270px }
.reservation_right h1 span { width: 31px; height: 14px; display: none }
.reservation_right h3 { font-size: 19px; line-height: 21px }
.reservation_right h4 { padding: 5px 0; font-size: 15px; line-height: 17px }
.reservation_right p { line-height: 20px; font-size: 13px }
.discover_home_heading { width: 98%; height: auto }
.discover_home_heading img { background: 100% }
.discover_home_heading h4 { font-size: 12px; line-height: 13px; padding: 0 }
.discover_home_heading h3 { font-size: 26px; line-height: 26px; padding: 10px 0 0 }
.discover_home_heading h2 { font-size: 18px!important; line-height: 36px!important }
.discover_home_content { width: 98% }
.discover_home_content ul li { width: 100%; margin: 0 0 15px; min-height: 185px }
.discover_home_content ul li:nth-child(2n), .discover_home_content ul li:nth-child(4n) { margin-right: 0 }
.discover_home_content ul li p { font-size: 15px; line-height: 18px; padding: 0 }
.middle_experience_content, .middle_experience_content ul li { width: 100% }
.middle_experience_content ul li { margin-bottom: 15px }
.h_box { width: 97% }
.h_box ul li { width: 100% }
.experience_h3_width { width: 210px }
.theMontcalm_h3_width { width: 260px }
.lifestyle_h3_width { width: 280px }
.middle_about .wrapper978 h2, .middle_experience .wrapper978 h2 { width: 95%; padding: 0 0 10px }
.middle_about .temprature .tempBX_01_left h2, .wrapper978 h2 { font-size: 28px!important; line-height: 28px!important }
.wrapper978 h3 { font-size: 23px; line-height: 26px; padding: 0 0 15px }
.middle_experience .wrapper978 span.experience_h3_width { font-size: 28px; width: 80%; line-height: 26px; padding-bottom: 15px }
.middle_about .wrapper978 h2 span.lifestyle_h3_width { font-size: 23px!important; line-height: 26px; padding: 0 0 15px; margin: 0 5px 8px }
.wrapper978 h3 span { float: left; width: 35px; height: 13px }
.wrapper978 h2 span { width: 35px!important; height: 13px; margin: 0 }
.wrapper978 h4 { font-size: 15px; line-height: 11px; padding: 14px 0 8px }
.middle_experience { padding: 15px 0 16px }
.middle_experience_content_text h3 { font-size: 13px; line-height: 20px; padding: 8px 0 3px }
.middle_experience_content_text span { line-height: 12px; padding: 1px 0 2px }
.middle_experience_content_text p { padding: 0; line-height: 15px }
.middle_about { padding: 0 }
.middle_about_content { width: 100%; padding: 0 }
.middle_about p { font-size: 13px; line-height: 20px; width: 100% }
.middle_about .temprature { margin: 7px 0 0; width: 100% }
.middle_about .location_map { height: 220px; margin-bottom: 1%; width: 93%; overflow: hidden }
#container { width: 100% }
.middle_about .location_map img { height: 220px }
.middle_lifestyle_banner { margin: 0 auto 20px; overflow: hidden; width: 100% }
.footer_link_part { width: 100% }
.footer_address_img { display: none }
.footer_address { width: 100%; padding: 0 0 8% }
.footer_address p { padding: 0 0 0 8% }
.footer_mob { float: left; border: none; padding: 0 0 11% 5%; width: 90%!important }
.footer_mob_img { padding: 0 6% 0 0 }
#footer { margin: 20px 0 0; padding: 30px 0 0 }
.footer_logos_part { width: 90% }
.copyright_part { width: 98% }
.copyright_part P { float: left; text-align: center; padding: 4% 0; clear: both }
.copyright_part ul { padding: 0 }
.copyright_part ul li:nth-child(2n+2) { border-right: 0; padding-left: 18px }
.copyright_part ul li { float: left; line-height: 18px; text-align: left; width: 42% }
.copyright_part ul li a { font-size: 12px }
.ui-datepicker { left: 20px !important; margin: 2% 8% !important; transform: scale(1.2); z-index:1111 !important; width:15em !important; top:10% !important;}
.masthead .btn, .masthead p { font-size: 13px!important; line-height: 25px!important }
.middle_about .temprature .tempBX_01 { padding: 4% 10%; width: 79.5% }
.middle_about .temprature .tempBX_02 { padding: 4% 0 4% 3%; width: 46%; margin-top: 3px }
.middle_about .temprature .tempBX_03 { margin-top: 3px; margin-right: 0; padding: 4% 0 4% 3%; width: 47% }
.middle_about .temprature .tempBX_04 { padding: 4% 0 4% 3%; width: 46%; margin-top: 3px }
.middle_about .temprature .tempBX_05 { padding: 4% 0 4% 3%; width: 47%; margin-top: 3px }
.middle_about h5 { padding: 20px 0 10px }
.middle_lifestyle { padding: 0 0 10px }
.footer_logos_part ul li { float: left; height: 75px; margin: 0 1.5% 5% 0; padding: 0; text-align: center; width: 47% }
.footer_logos_part ul li img { margin: 13px 0; width: 80% }
.montcalm_logo_sec ul li { float: left; height: 75px; margin: 0 1.5% 5% 0; padding: 0; text-align: center; width: 47% }
.montcalm_logo_sec ul li img { margin: 13px 0; width: 80% }
.montcalm_logo_sec { padding: 45px 0 36px }
.m_logo { left: 15%; position: absolute; top: -36px }
.m_logo img { width: 80% }
.m_logo1 { position: absolute; left: 14%; bottom: -22px; }
.m_logo1 img { width: 90% }
.footer_left .footer_left_content { margin-left: 0 }
.footer_left .footer_left_content img.tag { right: -19px }
.middle_experience_content_text { padding: 0 1% 2% 0; width: 50% }
.grand_ballroom_hr a { background: url(../images/grand_ballroom_at_montcalm.jpg) no-repeat scroll -455px 0 transparent }
.info_mid .img_part img { height: 80px }
.spa .img_part img { height: auto }
.step_heading ul li span { font-size: 7.5px }
#pagination-flickr li { font-size: 11px }
.marquee_main { margin-top: 25px!important; width: 100%!important }
.sort_by_room_listing { margin: 3% 0; width: 24%!important }
.room_listing_sort_by_part label { margin: 3% 0 }
.sort_by_hotel_listing { margin: 3% 1%; width: 45% }
.room_more_information { width: 100%; margin: 20px 0 0 }
.room_more_information_heading ul li { width: 49.2%;  background: #CCC; border: 1px solid #FFF; border: 0!important; margin: 1px; text-align: center }
.room_more_information_heading ul li a{ width:100%;}
.room_more_information_content ul li { width: 98%; background: url(../images/room_facility_bullet.png) 0 7px no-repeat; padding-left: 15px }

.near_by_heading_1 { width: 35% }
.near_by_heading_2 { width: 65% }
.near_by_1 { width: 35%; font-size: 12px; line-height: 15px }
.near_by_2 { text-align: left; width: 65% }
td.tvchannel-txtcolor { width: 50%; vertical-align: top }
.flexslider .slides>li { height: auto!important }
.flexslider .slides img { margin-top: 0!important }
.club_h3_width { width: auto }
.bottom3banners ul li { margin: 0 0 5%; width: 100% }
.box_4col ul li { margin-right: 0; width: 100%; margin-bottom: 6% }
.box_4col ul li h2, .box_4col ul li h3 { padding-left: 4%!important; width: 100%; height: auto }
.infopages .box_4col ul li h2 { width: 96.5%; padding-top: 5px!important; padding-bottom: 5px!important }
.info_mid img { height: 170px; width: 100% }
.info_mid p { padding: 2% 0 3%!important }
.banner_bg_mobile { display: none!important }
.footer_mob input[type=text] { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0 }
.fc_inner #camera_wrap_1 { height: inherit!important }
.infopages p { text-align: left; line-height: 17px }
.location_map1 img { width: 100%!important }
.change_hotel { font-size: 13px; padding-right: 10px }
.adult_section { margin: auto; clear: both }
.select_room_part { width: 100%; clear: both; padding: 25px 0 0; text-decoration: none; float: left }
.camera_pag_ul { display: none }
.infopages { padding: 0 1%; width: 96%; margin: 0 auto }
#hotel_detail_left, #hotel_detail_right { width: 94%; padding: 0 2%; float: none; border-right: 0 }
#hotel_detail_right { margin-top: 20px; min-height: 240px; border: 0 }
#hotel_detail_left h1 { font-size: 24px; padding: 0 }
#HD_2box .hdbox { width: 92%; float: none; clear: both }
.ament_container .amentbox { width: 96%; padding: 2% }
#caring_pampering { height: auto; margin: 0; width: 100% }
.navigation, .navigation_02 { margin-top: -50px }
.datetime_container { background: 0 0 }
.mobile_slider { display: none }
.company_info li { display: inline-block!important; float: left!important; padding: 4px 10px!important; width: 94%!important }
.company_info>ul>li:nth-child(2n+2) { padding-left: 0!important }
.discover_home_content ul li img { height: auto; }
.infoList li label { width: 30% }
.infoList li p { width: 65% }
.ament_container .amentbox ul { height: 156px }
.ament_container .amentbox ul li { line-height: 19.3px }
.pkg_left ul { margin-left: 2%!important }
.spage_body { width: 94% }
.frm01 input[type=email], .frm01 input[type=text], .frm01 select, .frm01 textarea { width: 180px; border-radius: 0 }
.site_map { margin: 0 2%; width: 96% }
.page_heading { margin: 0 auto; width: 96%; float: none }
.page_heading_1 h3 { padding-left: 10px!important; width: 95% }
.marquee_main h2 { padding: 0 0 0 10px!important }
.adult_select, .room_select { padding-left: 5px; border-radius: 0 }
a.btn_go_continue { margin: 3% 2% }
.top_btn_continue { margin-top: 2px!important }
.ehancement_room_list { margin-top: 0!important }
.btn_go_continue { margin: 0 0 2% 2%!important }
.enhance_popup_content p { float: right; width: 60%; line-height: 18px }
.property-search-area h3 { clear: both }
.hotel_sorting_list h2 { clear: both; margin: 0 auto; padding-top: 10px; width: 96% }
#cookieNotification span { margin: 6px 0; display: inline-block }
.ambestor_right { border-right: 0; border-left: 0; margin-bottom: 0; width: 98%; margin-top: 20px!important }
.mapcontainerleft { width: 280px!important }
.confirmation_content { margin: 20px auto 0; width: 94% }
.confirmation_left, .confirmation_right { width: 100% }
.confirmation_left ul li .booking_left, .confirmation_left ul li .booking_right { font-size: 12px }
.confirmation { width: 98%; margin: 0 auto }
.hotel_information_content p { margin: 0 }
.modify_reservation {  }
.modify_reservation label { width: 32% }
.modify_reservation input[type=number], .modify_reservation input[type=text] { width: 160px }
.cookieNotification { display: none!important }
#TB_ajaxContent video { width: 100%!important; height: 100%!important }
.footer_newsletter { padding-left: 0 }
.new_location img { width: 100% }
#cookieNotification { display: none!important }
.loing_slider { display: none }
.room_list .img_part { float: left; margin: 0 auto }
#addons_1_div .top_btn_continue, .fluid_container { display: none }
.inner_bookingengine { position: relative; top: 0; width: 96%!important; margin: 10px 2%!important }
#view_video_mobile img { display: none!important }
#view_video_mobile .video-holder img.video-poster { display: block !important; height: auto; margin-top: 0; }
.login .member_row input[type=text], input[type=number], input[type=password] { width: 161px }
.btn_enhance_remove { font-size: 14px }
.confirmation_left ul li .booking_right_room .adult { width: 28% }
#all_rate_rule_block li h2 { padding: 0!important }
.infopages ul li { text-align: left }
.slide .slide_content { width: 21%!important }
.location_table ul { margin: 0 0 0 10px !important; padding: 0; }
.location_table ul li { width: 96% !important; margin-bottom: 3%!important; min-height: auto; padding: 0 !important; text-align: left; }
.location_table ul li p { clear: both; }
.location_table ul li h4 { font-family: industrial736_btroman !important; font-size: 18px !important; }
.location_table ul li h2 { padding-bottom: 5px !important; padding-top: 5px !important; width: 96.5%; }
.location_table .heading { padding: 8px 0 10px !important; margin: 10px 0 10px 0 !important; }
.total-summary .hotel-name h1 { background: #e7e7e7; padding: 5px; border: 1px solid #aaa; margin-bottom: 20px; font-size: 18px; width:100%; }
.total-summary .hotel-name, .total-summary .total-summary-price, /*.room-listing-box .room-rate-list .room-images,*/
.room-listing-box .room-rate-list .room-offers, .room-listing-box .room-rate-list .room-offers li .offer-name-list ul li, .room-listing-box .room-rate-list .more-inforamtion a { width: 100% !important; }
.room-listing-box .room-rate-list .room-offers li .offer-name-list { padding: 10px 0; }
.room-listing-box .room-rate-list .room-offers li .offer-name-list ul li { display: block; float: left; width: 100% }
.room-listing-box .room-rate-list .room-offers li .offer-name-list ul li { margin-bottom: 10px; }
.room-listing-box .room-rate-list .room-offers li .offer-name-list ul li:nth-child(2) div { padding: 10px 0; }
.room-listing-box .room-rate-list .room-offers li .offer-name-list ul li:nth-child(2) div span { font-size: 17px; }
.room-listing-box .room-rate-list .room-images { width: 259px }
.room-listing-box .room-rate-list .room-offers li .select-room { padding: 0 0px; }
.room-listing-box .room-rate-list .room-offers li .offer-name-list { padding: 10px 0 0; }
.room-listing-box .room-rate-list .room-offers li .select-room .room-box-left { width: 100%; border-bottom: 1px solid #aaa; padding: 0 0 10px; }
.room-listing-box .room-rate-list .room-offers li .rooms-adults { width: 100%; border-left: none; padding: 0px; margin: 10px 0; }
.room-listing-box .room-rate-list .room-offers li .rooms-adults ul li { padding: 0 8px 0 0; }
.checkbox_process_note { margin: 0px; }
.birth-icon { width: 9% !important; }
.select_box_phone { width: 63px; }
.select_box { width: 189px }
.row_1 textarea { width: 174px; }
.input_box_phone { width: 106px !important; }
.calender-width { width: 100%; }
.responsive-calendar .day { font-size: 10px; }
.responsive-calendar .day .badge { font-size: 12px; }
.cal-price { }

/** App Banner **/

.app-banner { display:block; float:left; left:0; position:fixed; top:0; width:100%; z-index:1; background:#ccc linear-gradient(to bottom, #fdfdfd, #e9e7e3); height:75px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; transition:all 0.2s ease-in-out 0s; }
.app-banner:hover { background:#ccc linear-gradient(to bottom, #fdfdfd, #e9e7e3); box-shadow:0 0 0 rgba(0, 0, 0, 0.1) inset, 0 0 2px rgba(0, 0, 0, 0.2); }
.app-banner .cover-container { float:none; left:0; margin:7px 0 0 10px; position:absolute; top:0; }
.app-banner .cover-container .app-logo { width:60px; height:60px; background:url("../images/app-logo-100.png") no-repeat 0 0; border-radius:10px; background-size:100%; display:block; -moz-box-shadow:0 0 5px #ccc; -webkit-box-shadow:0 0 5px #ccc; box-shadow:0 0 5px #ccc; }
.app-banner .info-container { margin:0px 20px 15px 80px; padding:0; position:relative; }
.app-banner .viewbtn { background-color:#000; text-decoration:none; border-radius:3px; color:#fff; display:block; float:none; font:bold 11px Arial, Helvetica, sans-serif; margin:0 5px 0 0; padding:6px; position:absolute; right:0; text-align:center; top:42px; width:50px; }
.info-container .document-title { color:#000; font:bold 12px/16px Arial, Helvetica, sans-serif; margin:10px 0px 5px 0; white-space:normal; }
.info-container .sub-title { font:bold 11px/16px Arial, Helvetica, sans-serif; color:#222; }
.info-container .sub-title span { text-decoration:none; font-size:12px; color:#be9544; }
.app-banner a.close_btn { background-color:#000; color:#fff; float:right; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; height:18px; line-height:16px; position:absolute; right:4px; text-align:center; text-decoration:none; top:5px; width:18px; z-index:1; border-radius:15px; }


/** End App Banner **/

.col-3 {width:100%;margin-right:0;}
.col-3 img.banner { width:100%; height:auto;}

.gallery-infopage {
    float: none; clear:both; margin:0 auto; text-align:center;
    width: 90% !important;
}
}

@media only screen and (min-width:280px) and (max-width:680px) and (orientation :portrait) {
.room-listing-box .room-rate-list .room-offers li .rooms-adults ul li { padding: 0px; }
.room-listing-box .room-rate-list .room-offers li .rooms-adults ul li:nth-child(2n+2) { float: right; }
.room-listing-box .room-rate-list .room-offers li .rooms-adults ul li label { padding: 0; }
.responsive-calendar .day { height: 38px; }
.responsive-calendar .day a { margin-top: 3px; }
}

@media only screen and (min-width:280px) and (max-width:680px) and (orientation :landscape) {
.sort_by_hotel_listing { width: 40%; }
/*	.room-listing-box .room-rate-list .room-images{ width:30%}
	.room-listing-box .room-rate-list .room-offers{ width:69% !important;}*/
	
body { -webkit-text-size-adjust: none }
.cont_row_one ul li h2 { }
#montcalm_60sec { height: 210px!important; width: 100%!important }
.montcalm_logo_sec ul li img { width: 55% !important; margin: 0; }
.fancybox-inner { height: auto!important; max-height: 210px; overflow: auto }
.error404p { padding-top: 8px!important; width: 61% }
.error404 { float: none; margin-right: 20px; width: 32% }
.sort_by_room_listing { margin: 3% 0!important; width: auto!important }
#TB_window { max-height: 210px!important }
.slide .slide_content { width: 33%!important }
.room_listing_sort_by_part label { margin: 3% 0 3% 4%; padding-right: 0 }
.enhance_popup_content p { width: 76% }
#TB_ajaxContent { height: 162px!important }
.infopages p { font-size: 13px!important; line-height: 18px!important }
.contact_right ul li { width: 47%; float: left }
.contact_right ul li:nth-child(3), .contact_right ul li:nth-child(6) { margin: 0 26px 25px 0 }
.contact_right ul li:nth-child(10) { margin-left: 26px!important }
.contact_right ul li h3 { height: 20px; top: 130px; font-size: 15px }
.contact_right ul li:nth-child(1), .contact_right ul li:nth-child(2), .contact_right ul li:nth-child(3) { min-height: 100px }
.contact_right ul li:nth-child(2n+2) { margin-right: 0 }
.homep_banner { width: 100% }
.footer_left p { font-size: 12px; line-height: 18px }
.footer_left p strong { font-size: 16px; line-height: 20px }
.room_listing_slider_01 { width: 85%!important }
.bodytext .formContainer { width: 97% }
#frmForgetPass .body_text { width: 22% }
.info_mid img { height: 140px }
.loading_image_addons { left: 40%; top: 27% }
.discover_home_heading { width: 98% }
.middle_lifestyle .wrapper978 { width: 98%; max-width: 100% }
.middle_about .temprature { width: 98%; float: none; margin: 0 auto }
.discover_home_content { width: 98% }
.hoteldetailbookingengine { width: 100%!important }
.room_list .content_part h3 { font-size: 18px }
.middle_experience .wrapper978 h3.experience_h3_width, .middle_experience .wrapper978 span.experience_h3_width { width: 50% }
.infopages h2, .spage_body h1 { font-size: 24px!important; padding-top: 10px; padding-bottom: 10px }
.inner_bookingengine { width: 93%!important }
.room_information h4 span { font-size: 9px; line-height: 12px }
.hotel_information_content p { font-size: 11px }
#cookieNotification p { font-size: 8px!important }
#cookieNotification span a { font-size: 12px }
.pampering_banner { margin: 10px 0 20px }
.room_list { width: 94% }
.your_stay_content { width: 94%!important }
.enhance_left_content { width: 94% }
.enhance_left_content .stay_box .content_img img { height: 270px }
.enhance_left_content .fragrance_box ul li .content_img img { height: 160px }
.enhance_left_content .fragrance_box ul li .content_text h3 { font-size: 18px }
.enhance_left_content .fragrance_box ul li .content_text { min-height: 20px; padding: 0 }
.allOffer_mid_bottom { font-size: 10px; line-height: 12px }
#upperSlider { width: 99% }
.enhance_left_content .stay_box .content_text { padding: 0 }
.enhance_add_popup p { font-size: 12px!important }
.enhance_add_popup p span { font-size: 12px!important; margin: 0 }
.your_stay_content p { margin: 0 }
.your_stay_total span strong { display: block; float: left; font-size: 14px; width: 100% }
#hotel_detail_right p { font-size: 10px; line-height: 14px }
ul.comments-data li { width: 95% }
.comments-header p { font-size: 13px }
ul.comments-data h4 { font-size: 9px }
ul.comments-data p { font-size: 8px; line-height: 12px }
.ratings-box .comment-result { font-size: 9px }
#hotel_detail_left p strong { line-height: 18px; font-size: 15px }
.room_list .content_part p a { font-size: 12px!important }
.bullet_fix li { font-size: 8px; line-height: 12px }
.site_map { width: 46%; min-height: 290px }
.site_map h3 a { font-size: 16px; line-height: 20px }
.frm01 td p { font-size: 13px!important; line-height: 18px }
.contact_box { font-size: 9px!important }
.box_4col ul li h2, .box_4col ul li h3 { height: 18px }
.box_4col ul li { width: 49%; margin-right: 2%; min-height: 245px }
#HD_2box { overflow: hidden; width: 100% }
.info_mid { width: 49% }
.pkg_left ul li { list-style: disc inside }
.hd_gallery h3 { width: 100%!important }
.hd_gallery p { font-size: 12px; line-height: 14px }
#hotel_detail_left p { font-size: 8px; line-height: 11px }
.middle_experience_content_text h3 { font-size: 13px!important }
.reservation_left, .reservation_part { width: 100% }
#HD_2box .hdbox { clear: both; float: none; margin: 0 auto 3%; width: 100%!important }
#HD_2box .hdb1 { background: url(../images/hdb1.html) no-repeat scroll right 0 transparent }
#HD_2box .hdb2 { background: url(../images/hdb2.html) no-repeat scroll right 0 transparent }
.camera_pag { width: 100%!important }
.box_4col ul li:nth-child(2n+2) { margin-right: 0 }
.bottom3banners ul li { margin: 0 2% 5% 0; width: 49% }
.bottom3banners ul li:nth-child(2n+2) { margin-right: 0 }
.club_banner ul li h3 { font-size: 18px; line-height: 41px; padding: 0 7px!important }
.club_h3_width { width: 310px }
.fluid_container { height: 250px!important }
.labelcontent { width: 180px }
.labelinputs { width: 230px }
.buttonstyleddl { width: 219px!important }
#map { margin: 0 auto; width: 100%!important }
.middle_about .location_map { width: 96% }
.full_pkg_c { width: 77% }
.full_pkg_c h3 { margin-bottom: 0 }
.infopages h3 { font-size: 18px; padding: 0 0 20px; line-height: 20px }
.copyright_part ul li:nth-child(2n+2) { border-right: 0; padding: 0 8px }
.copyright_part P { margin-top: 4% }
.spage_body { margin: 0 auto; width: 98% }
#camera_wrap_1, .camera_wrap img { height: 250px!important }
.destination { background: url(../images/select_room_bg.png) no-repeat scroll 97% 13px #434343!important }
.select_room { background: url(../images/select_room_bg.png) no-repeat scroll 93% 13px #434343!important }
.check_in img { margin: 0 1% 0 0!important }
.check_in { padding: 9px 0 0 }
.margin_check_in { margin: 0!important }
.margin_select_room_main { margin: 0 0 0 3.5% }
#frmSearch p { font-size: 12px; line-height: 20px; padding: 5px 0 0 }
.view_modify_reservation { width: 100%; margin: 0 0 15px }
.view_modify_reservation a { font-size: 12px; line-height: 18px }
.info_mid p { line-height: 18px!important; font-size: 13px!important }
.copyright_part ul li a { font-size: 9px }
.bodytext1 { width: 97% }
#bodytext { width: 100% }
.middle_experience_content_img img { height: 140px }
.hoteldetaildescription { width: 100% }
.right { float: none; margin-left: 0; width: 100% }
#gallery, #gallery1 { width: 85% }
.hoteldetailbookingengine { margin: 4% auto 0 }
.main_blog .entry-content p { font-size: 9px; line-height: 13px; text-align: justify }
.main_blog .entry-header .byline a, .main_blog .entry-header .comments-link a, .main_blog .entry-header .entry-date a { font-size: 9px }
.main_blog .widget ul li { line-height: 14px }
.main_blog .widget ul li a { font-size: 8px }
.check_in { margin-left: 3%; width: 48% }
.select_room_main { width: 48% }
.ms_col p { font-size: 10px }
.ms_col p strong { padding-bottom: 6px; display: inline-block; font-size: 12px }
.ms_col p span { font-size: 11px; line-height: 16px }
.booknow_home_main { width: 100% }
.photo_gallery ul li { margin: 2% 2% 3% 0; width: 48%; height: 160px }
.photo_gallery ul li:nth-child(3n+3) { margin-right: 2% }
.photo_gallery ul li img { height: 130px }
.spa .img_part { width: 100%!important }
.spa .content_part { margin-top: 3%; width: 100%!important }
.reviewed-box { width: 100% }
.comments-box { border-left: 0 none; margin: 0; padding: 0; width: 100% }
.ratings-box { width: 100% }
.property-form select.properties { padding: 6px; width: 50% }
.property-form input.button { margin: 0 0 0 6px!important }
#pagination-flickr { margin: 0; padding: 0 }
.txtarea1 { width: 86% }
.btn_cont1 td input.button { margin: 8px 0 0 5px }
.pkg_left { width: 100% }
.pkg_right { width: 97%; margin-top: 10px }
.discover_home_content ul li { width: 49%; margin: 0 2% 0 0; min-height: auto }
.discover_home_content ul li:nth-child(2n), .discover_home_content ul li:nth-child(4n) { margin-right: 0 }
.discover_home_content ul li p { font-size: 13px; line-height: 18px }
.footer_logos_part h3 { padding: 7% 0!important }
.copyright_part P { float: right; padding: 0; clear: none }
.footer_address { width: 31% }
.footer_links { width: 28%; padding: 0 0 8% 6% }
.h_box ul li { width: 30% }
.h_box ul li span { font-size: 11.2px; width: 90% }
.info_mid .img_part img { height: 80px }
.spa .img_part img { height: auto }
.reservation_part { padding: 0!important }
.destination_wrapper { padding: 0 0 10px }
.formBox { padding: 4%; width: 96% }
.bottom3banners ul li h3 { bottom: 28px; font-size: 24px }
#hotel_detail_left h1 ul { clear: both; width: 100%; margin-left: 0 }
.m_logo { left: 28% }
.m_logo1 { left: 27% }

}

@media screen and (min-width:360px) and (max-width:640px) {
.infopages h2 { display: table; font-size: 17px!important; height: 52px }
.infopages h2 a, .infopages h2 span { display: table-cell; vertical-align: bottom }
.infopages .info_content h2 { height: auto }
.infopages h2.height_80 { height: 80px }
.infopages .photo_gallery_banner h2 { width: 100%; font-size: 24px!important }
#breadcrumb { display: none }
.pampering .info_mid h3 { display: table; height: 40px }
.pampering .info_mid h3 a { display: table-cell; vertical-align: bottom }
.infopages h3 { font-size: 16px }
.contact_right ul li { margin-bottom: 20px }
#breadcrumb { width: 96%; padding: 0 2% }
body { -webkit-text-size-adjust: none }
.hotel_detailpage, .wrapper978 { width: 98% }
.middle_about .wrapper978 { max-width: 100%; width: 100% }
.camera_pag { width: 100%!important }
.footer_address { width: 36% }
.footer_links { width: 25% }
.footer_mob { border-left: 0 none; margin-top: 25px; width: 96% }
#frmSearch p { font-size: 12px }
.logo { background: none repeat scroll 0 0 #000; float: none; margin: 0; text-align: center; width: auto }
.logo a img { height: 80px; width: auto }
.wrapper_1054 { margin: 0 auto }
#gallery1 { width: 96% }
.navigation_02 ul { display: none }
.navigation_02 select { display: inline-block; float: right; width: 36px; height: 36px; margin: 0 6%; border: 0 solid #f1f0f1; background: #000 url(../images/grid_icon.png) no-repeat; border-radius: 0 }
.navigation_02 select option { background: #f1f0f1; padding: 5px; border-bottom: solid 1px #CCC }
.navigation ul, .navigation_02 select option:first-child { display: none }
.navigation select { display: inline-block; width: 36px; height: 36px; margin: 0 6%; border: 0 solid #f1f0f1; background: #000 url(../images/grid_icon.png) no-repeat; border-radius: 0 }
.navigation select option { background: #f1f0f1; padding: 5px; border-bottom: solid 1px #CCC }
.navigation select option:first-child { display: none }
.navigation { float: left; margin: 14px 0 0; width: 50%; position: absolute; top: 5px }
.navigation_02 { height: auto; margin: 14px 0 0; width: 50%; right: 0; position: absolute; top: 5px }
.middlePart1_reservation { margin: 0 auto; width: 100% }
.reservation_part { width: 100% }
.local_temperature { padding: 0 8px 0 22px }
.wrapper_1054 { width: 100% }
.fluid_container { margin: -50px auto 0!important; width: 98%!important; height: 160px!important }
.bodytext { width: 98% }
#camera_wrap_1 { height: 160px!important }
.camera_wrap img { width: 100%!important; height: 160px!important; margin-left: 0!important }
.camera_caption { display: none!important }
.reservation_right { width: 100% }
.reservation_right h1 span { width: 80px }
.reservation_right h1 { font-size: 28px!important; width: 380px }
.reservation_right h5 { padding: 4px 0 6px }
.reservation_right .newheading { padding: 4px 0 6px; display: block!important; font-size: 11px }
.reservation_right h3 { font-size: 14px }
.reservation_right h4 { padding: 3px 0 }
.reservation_right p { font: 12px/16px Arial, Helvetica, sans-serif }
.h_box { width: 98% }
.h_box ul li { width: 100% }
.middle_experience_content_text h3 { font-size: 13px; padding: 8px 0 14px!important; line-height: 18px }
.grand_ballroom_hr a { background: url(../images/grand_ballroom_at_montcalm.jpg) no-repeat scroll -410px 0 transparent }
.copyright_part ul li a { font-size: 12px; line-height: 18px }
ul.company_info li { font-size: 12px!important; line-height: 18px!important }
#social_media_camp { width: 100% }
.info_mid .img_part img { height: 80px }
.spa .img_part img { height: auto }
#map { margin: 0 auto; width: 90%!important }
.room_more_information_content table td p { font-size: 12px }
.change_hotel { padding-right: 10px; width: auto }
}

@media screen and (min-width:360px) and (max-width:680px) and (orientation :landscape) {
#view_video_mobile .video-holder img.video-poster { margin: 0; }
body { -webkit-text-size-adjust: none }
.h_box ul li { width: 31% }
.grand_ballroom_hr a { background: url(../images/grand_ballroom_at_montcalm.jpg) no-repeat scroll -200px 0 transparent }
.reservation_right { width: 100%; margin-top: 3% }
#map { margin: 0 auto; width: 100%!important }
.montcalm_logo_sec ul li img { width: 55% !important; margin: 0; }
.formBox { padding: 4% }
.footer_mob { width: 84%; float: none; margin: 0 auto }
.discover_home_content ul li img { height: 125px }
.footer_mob h3 { font-size: 16px!important }
.footer_mob p { font-size: 11px }
.discover_home_content ul li { min-height: 155px }
.wrapper978 h4 { padding: 10px 0 }
.wrapper978 h3 { padding: 0 0 10px }
.middle_experience .wrapper978 h2 { padding: 10px 0 }
.info_mid .img_part img { height: 80px }
.spa .img_part img { height: auto }
#frmSearch p { font-size: 12px }
.col-3{margin-right:3%;width:46%;}
}

@media screen and (min-width:321px) and (max-width:480px) {
body { -webkit-text-size-adjust: none }
.reservation_right { margin-top: 3%; width: 100% }
.camera_pag { width: 100%!important }
.h_box ul li { width: 100% }
.fluid_container { width: 97% }
.ad-image { left: 0!important }
.step_heading ul li span { font-size: 8px }
.room_more_information_content p { font-size: 12px; line-height: 14px }
}

@media screen and (min-width:321px) and (max-width:480px) and (orientation :landscape) {
body { -webkit-text-size-adjust: none }
.ad-image { left: 0!important }
.camera_pag { width: 100%!important }
.pkg_left, .pkg_right { width: 99% }
.step_heading ul li span { font-size: 8px }
}