@media only screen and (min-width:768px) and (max-width:1024px) {
.reg_montcalm_logos ul li { margin: 0 1%; }
.reg_montcalm_logos ul li img { height: 75px; }
.top_footer_logos ul { margin: 0 auto; width: 600px; }
.top_footer_logos ul li { width: 130px; }
.company_info li a { font-size: 11px!important }
#gallery1 ul li:nth-child(5n+5) { margin-right: 38px; }
#gallery1 ul li { margin-bottom: 20px; margin-right: 29px }
#new_cust_form label { width: 20% }
.socialShare { float: left; width: 100%; height: 30px }
.formContainer .booknow_home { height: 32px; padding-top: 3px }
.contact_right ul li:nth-child(9) { margin-right: 13px; min-height: 200px }
.contact_right ul li h2 { top: 116px }
#main { width: 98%!important }
#container { width: 60%!important }
#respond input[type=text] { width: 96%!important }
.footer_newsletter #email { width: 45% }
.copyright_part ul li:nth-child(13), .copyright_part ul li:nth-child(7) { border: 0 }
.copyright_part ul li:nth-child(12), .copyright_part ul li:nth-child(18), .copyright_part ul li:nth-child(6) { border-right: 1px solid #999 }
#content { width: 100%!important }
.fancybox-opened .city textarea { width: 98% }
.copyright_part ul li:nth-child(10) { border-right: 1px solid #999 }
.footer_left .footer_left_content img.tag { right: -19px; top: 6px }
.fancybox-inner { height: auto!important; width: auto!important; max-height: 520px; margin-top: 35px!important }
.copyright_part li:nth-child(12), .copyright_part li:nth-child(18), .copyright_part li:nth-child(6) { border-right: 0 none }
.contact_right ul li:nth-child(1), .contact_right ul li:nth-child(2), .contact_right ul li:nth-child(3) { min-height: 230px }
#grand_ballroom_video { height: 380px!important; width: 100%!important }
#montcalm_60sec { height: 377px!important; width: 100%!important }
.wrapper978, .wrapper_1054 { max-width: 95%; margin: 0 auto }
.resp-form-box ul li .right .res_button { line-height: 30px!important }
.error404p { padding-top: 40px!important; width: 68% }
.thumb-scroll #a1, .thumb-scroll #a2 { margin-top: 5px!important }
.room_listing_sort_by_part label { margin-left: 3% }
.contact_right ul li:nth-child(3), .contact_right ul li:nth-child(6) { margin: 0 13px 10px 0 }
.contact_right ul li:nth-child(2n+2) { margin-right: 0 }
.contact_left { width: 30% }
.new_location { width: 100%!important }
.contact_right { float: right; width: 66% }
.contact_right ul li { margin: 0 13px 10px 0; width: 48% }
.contact_right ul li h3 { font-size: 16px; height: 28px; line-height: 13px; padding: 9px 0 0 12px; text-align: left; top: 109px }
.check_in input { height: auto!important }
.footer_mob input[type=submit], .footer_mob input[type=text] { border-radius: 0 }
#change_booking_dates input[type=text] { margin: 0 4px 0 0 }
.change_hotel { padding-right: 10px }
.sort_by_hotel_listing {/* width: auto*/ }
.modify_reservation label { width: 16% }
.footer_newsletter { padding-left: 10px; padding-top: 20px }
.footer_mob p { width: 58% }
.footer_newsletter p { width: 100%!important }
.view_modify_reservation { margin: 6px 0 2px }
#view_video_mobile img { display: none!important }
#view_video_mobile .video-holder img.video-poster { display: block !important; height: auto; margin-top: 14%; }
.btn_enhance_add, .btn_enhance_remove { font-size: 14px }
.slide .slide_img { display: none }
.formBox { padding: 8px 14px 12px }
.pagination_bullets { bottom: 60px!important }
.camera_caption { bottom: 0!important }
.camera_commands, .camera_next, .camera_prev { top: 40%!important }
.guestdrp { height: 35px }
.blog_left { width: 60% }
.blog_right { width: 37% }
.enhance_left h2 { font-size: 26px; font-weight: 400; letter-spacing: 0; line-height: 24px; padding: 30px 0 }
.btn_enhance_cancel { margin: 0 }
#aroma_block h3 { margin-bottom: 14px }
.enhance_left_content h2 a { font-size: 16px }
.enhance_left_content h2 { padding: 0 0 3% }
.enhance_add_popup h2 { font-size: 12px; padding: 4px }
.top_btn_continue { margin: 0 0 3%!important }
.flexslider .slides>li { height: 460px!important }
#slide_big li { height: 100%!important }
.ament_container .amentbox ul { height: 145px }
.info_mid h3 { font-size: 20px }
.explore_banner { width: 100%!important }
#galleryThumbnails .slides li { height: 85px!important }
.destination, .select_room { padding: 6px }
.banner_bg_mobile, .banner_bg_mobile img { height: 350px }
.taglinecontent4 { float: right!important; width: auto!important }
.banner_bg_mobile .camera_caption { right: 0 }
.btn_moreInfo { padding: 4px 9px }
.logo { width: 200px }
.navigation { width: 70% }
.loing_slider { margin: -63px auto 0 }
.navigation_02 { width: 70%; margin: 18px 0 0; float: right }
.navigation_02 ul { float: right }
.navigation_02 ul li { display: table-cell; float: none; padding: 0 6px; text-align: right; width: 150px }
.navigation_02 ul li:first-child { padding-left: 0 }
.fluid_container { margin: -61px auto 0!important; height: 275px!important }
.camera_caption div div.taglinecontent { float: left!important; margin-left: 30px; display: none }
.camera_wrap .camera_pag .camera_pag_ul { text-align: left!important; display: none }
#camera_wrap_1 { height: 480px!important }
#TB_window object#mpl { height: 250px; width: 100% }
#TB_ajaxContent { width: auto!important; height: 100%!important }
a.btn_go_back { margin: 0 }
.enhance_left_content .fragrance_box ul li { width: 47%; margin: 0 2% 2% 0!important }
.enhance_left_content .fragrance_box ul li:nth-child(2n+2) { margin-right: 0!important }
.room_list .price_part, a.btn_go_continue { margin: 0 }
.enhance_left_content .stay_box .content_img { width: 30.5% }
.enhance_left_content .stay_box .content_price { float: right; width: 16.5% }
.enhance_left_content { width: 94% }
.enhance_left_content .stay_box .content_text { padding: 0 0 0 1%; width: 48% }
.your_stay h2 { width: 100% }
.your_stay { width: 34% }
.your_stay_content { width: 88% }
.enhance_left { margin: 0; padding: 0; float: left; width: 64% }
.room_list { width: 96% }
.card_type_img { float: left; padding: 8px 0 5px 21px }
.hotel_information_content h5 { width: 29% }
.hotel_information_content p { width: 67% }
.payment_policy p { padding: 4px 0 8px }
.select_room_part { clear: none; margin-top: 3%; width: 27% }
.room_section { float: right; width: auto }
.adult_section { float: right; padding-right: 0; width: 200px }
.adult_section ul li { margin: 0 0 8px 10px; width: 90px }
.booknow_section { float: right; width: auto; margin: 0 }
#TB_iframeContent { width: 100%!important }
.room_select { padding: 1px 4px 0 10px }
.adult_select { padding-left: 10px }
.room_list .content_part { width: 35% }
.room_listing_sort_by_part {/* width: auto */}
.marquee_main { width: 100%!important }
.reservation_right h1 span { width: 80px }
.reservation_right .newheading { padding: 15px 0 3px; display: block!important; font-size: 14px }
.reservation_right h1 { width: 70% }
.info_mid .img_part img { height: 57px }
.navigation_02 ul li a { font-size: 12px }
.show-case-item { width: 100% }
.discover_home_content ul li { min-height: 185px!important }
.wrapper978 h3 { padding: 0 0 30px }
.middle_experience .wrapper978 span.experience_h3_width { padding: 0 3px!important; width: 470px }
.hotel_detailpage { width: 96% }
.hoteldetailbookingengine { width: 38% }
.hoteldetaildescription { width: 61% }
.hotelgallery { width: 37% }
.reviewed-box { width: 23% }
.comments-box { width: 24% }
.ratings-box { width: 41% }
.site_map { width: 30% }
#bodytext { width: 96% }
#gallery { width: 89% }
#gallery1, .pkg_left { width: 100% }
.pkg_right { width: 38% }
.grand_ballroom_hr a { background: url(../images/grand_ballroom_at_montcalm.jpg) no-repeat scroll -150px 0 transparent; width: 100% }
.reservation_heading { display: none }
.reservation_left { position: absolute; right: 0; top: -450px }
.inner-booking-engine { top: -440px }
.reservation_right { width: 100%; float: right }
.grand_ballroom_hr { width: 95% }
.reservation_right h1 div { padding: 15px 0 3px 10px }
.box_4col ul li h2, .box_4col ul li h3 { top: 120px }
.reservation_right h4 { padding: 5px 0 }
.reservation_right p { line-height: 18px; font-size: 13px }
.discover_home_content ul li { width: 49%; margin: 0 2% 20px 0 }
.discover_home_content ul li:nth-child(2), .discover_home_content ul li:nth-child(4), .discover_home_content ul li:nth-child(6), .discover_home_content ul li:nth-child(8) { margin-right: 0 }
.discover_home_content ul li p { font-size: 15px; line-height: 20px; margin: 5px 0 }
.h_box { width: 88.5% }
.h_box ul li { margin-right: .92% }
.middle_experience_content_text h3 { font-size: 14px; line-height: 15px; padding: 4px 0 3px }
.middle_experience_content ul li { height: 138px }
.middle_experience_content_text span { line-height: 12px }
.middle_experience_content_text p { padding: 2px 0; line-height: 15px }
.middle_about_content { width: 95% }
.middle_about p { font-size: 13px; line-height: 20px }
.middle_about .temprature { margin: 7px 0 0 }
#social_media_camp { width: 88% }
.footer_link_part, .middle_lifestyle_banner { width: 97% }
.footer_address_img { display: none }
.footer_address { width: 25% }
.footer_links { width: 21% }
.footer_mob { width: 30% }
.footer_mob_img { padding: 0 6%; width: 30% }
.copyright_part, .footer_logos_part { width: 95% }
.copyright_part ul li a { font-size: 13px; line-height: 14px }
.middle_experience_content_img img { height: 106px }
.select_room { width: 116px }
.sel_3 { width: 23.4%!important }
#newmiddlebot2, .spage_body { width: 95% }
.checkout_right { width: 65% }
.row label { width: 99% }
.h_box ul li:nth-child(4), .h_box ul li:nth-child(8) { margin-right: .92% }
.h_box ul li:nth-child(3), .h_box ul li:nth-child(6) { margin-right: 0 }
.box6 { width: 88%!important }
#TB_window { max-height: 378px!important; min-height: 300px; height: 378px; top: -45%!important; width: 80%!important }
.navigation ul li { padding: 8px 10px }
.local_time { padding: 0 9px }
.local_temperature span, .local_time span { font-size: 18px }
.info_mid .img_part { width: 21%!important }
.info_mid .content_part { width: 75%!important }
.infopages_left { width: 100% }
.contact_box { margin: 8px 20px 8px 0; width: 47% }
.contact_box h3 { font-size: 18px }
.infoList li label { width: 20% }
.infoList li p { width: 78% }
.footer_mob input[type=submit] { border-radius: 0 }
.camera_caption div { width: auto!important; margin-right: 5%!important }
.camera_pag { width: 88%!important }
.bottom3banners ul li { margin: 0 2% 4% 0; width: 32% }
.bottom3banners ul li h3 { bottom: 30px; padding-left: 15px; padding-right: 15px }
.explore_banner ul li h3 { font-size: 15px; padding: 5px 15px!important }
.pampering_banner { margin: 0 auto 40px; width: 95%; float: none }
.mont_banner { width: 95%; margin: 50px auto }
.bottom3banners { float: none; width: 95%; margin: 0 auto }
.discover_home_content ul li img { height: 161px }
.box_4col ul li { margin-right: 2%; min-height: 265px; width: 32% }
.box_4col ul li h3 { top: 119px }
.box_4col ul li:nth-child(4n+4) { margin-right: 2% }
.box_4col ul li:nth-child(3n+3) { margin-right: 0 }
.location_map1 img { width: 100%!important }
.info_mid img { width: 100%; height: 200px }
.photo_gallery ul li { height: 180px }
.photo_gallery ul li img { height: 120px }
#hotel_detail_left { width: 64%; padding-right: 0 }
.ambestor_right { padding-left: 3%; width: 29% }
.infop_73, .pkg_infopage { width: 60%!important; float: right }
#hotel_detail_left h1 { font-size: 26px }
#hotel_detail_left h1 ul { margin-left: 2px }
#HD_2box .hdbox { width: 45%; padding-left: 3% }
#HD_2box .hdb1 { background: url(../images/hdb1.html) right top no-repeat }
#HD_2box .hdb2 { background: url(../images/hdb2.html) right top no-repeat }
.ament_container .amentbox { padding: 3% 2% 2%; width: 44%; min-height: 245px }
#caring_pampering { height: auto }
.club_banner ul li h3 { line-height: 28px; padding: 5px 15px!important; font-size: 15px }
.room_listing_slider_01 { width: 93.6%!important }
#room_listing_slider_container { width: 95%!important }
.room_listing_slider_01 .jcarousel li { width: 665px!important }
.jcarousel li { height: auto!important }
.slide .slide_content { float: left!important; border-left: 0!important; height: auto; margin-left: 0!important; min-height: 140px!important; padding-left: 0!important; text-align: left!important; width: 100%!important }
.slide .slide_content h4, .slide .slide_content p { text-align: left!important }
.confirmation_left { width: 65%!important }
.confirmation_content { width: 100% }
.confirmation_right { width: 240px!important }
.confirmation_right .your_stay { width: 100% }
#cookieNotification { display: none!important }
a.btn_go_continue { margin-right: -3px }
.footer_left { margin-right: 1%; width: 25%; position: relative; left: -5px }
.footer_left p strong img { left: -15px; top: 6px; width: 18px }
.footer_left p strong { font-size: 14px; line-height: 22px }
.enhance_popup_content p { width: 86% }
.m_logo { left: 38% }
.location_table .heading { margin: 0 !important; padding: 30px 0 0 0px; }
.location_table ul { margin: 40px 0 0 35px; }
.location_table ul li { width: 28%; margin: 0 23px 30px 0 !important; padding: 0 0 0 10px !important; min-height: 117px; }
.room-listing-box .room-rate-list .room-offers { width: 76%; }
.room-listing-box .room-rate-list .room-offers li .offer-name-list ul li:nth-child(1) { width: 58%; }
.room-listing-box .room-rate-list .room-offers li .offer-name-list ul li:nth-child(2) { width: 42%; }
.jcarousel li { border: none; }

/** App Banner **/

.app-banner { display:block; float:left; left:30px; position:absolute; top:383px; width:310px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; z-index:1; background:#ccc linear-gradient(to bottom, #fdfdfd, #e9e7e3); height:75px; border: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 10px 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 {margin-right: 2.5%; width: 30.4%;}
.col-3 img.banner {border: 0 none; height: auto; width: 100%;}
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation :landscape) {
.reservation_left { top: -440px }
#gallery1 ul li:nth-child(7n+7) { margin-right: 27px; }
#gallery1 ul li:nth-child(5n+5) { margin-right: 27px }
#gallery1 ul li { margin-bottom: 20px; margin-right: 22px }
.captha-label { margin-right: 11px!important }
.box_4col ul li h2, .box_4col ul li h3 { top: 170px; width: 96.5% }
.contact_right ul li h2 { top: 167px; width: 97% }
.contact_right ul li:nth-child(1), .contact_right ul li:nth-child(2) { min-height: 380px }
.contact_right ul li:nth-child(7), .contact_right ul li:nth-child(8) { min-height: 350px }
.copyright_part ul li:nth-child(22) { border-right: 0 solid #999 }
.copyright_part ul li:nth-child(13), .copyright_part ul li:nth-child(18), .copyright_part ul li:nth-child(20), .copyright_part ul li:nth-child(7) { border-right: 1px solid #999 }
.discover_home_content ul li:nth-child(6) { margin: 0 1% 0 0 }
#grand_ballroom_video { height: 510px!important; width: 100%!important }
.inner_bookingengine { right: 38px }
.select_room_part { margin-top: 0 }
.copyright_part li:nth-child(12), .copyright_part li:nth-child(18), .copyright_part li:nth-child(6) { border-right: 1px solid #999 }
.copyright_part li:nth-child(16), .copyright_part li:nth-child(8) { border-right: 0 }
.box_4col ul li { min-height: 300px }
.error404p { width: 76% }
#montcalm_60sec { height: 510px!important; width: 100%!important }
.room_listing_sort_by_part {/* width: auto*/ }
.enhance_popup_content p { width: 90% }
#TB_ajaxContent { height: 272px!important }
.contact_right ul li h3 { font-size: 18px; padding: 12px 0 0 12px; top: 150px }
.contact_right ul li { min-height: 260px }
a.btn_go_back { margin: 0 }
a.btn_go_continue { margin-right: 6px }
.enhance_left_content h2 a { display: inline-block; width: 100% }
.confirmation_left { width: 74%!important }
.footer_mob p { width: 50% }
.room_listing_slider_01 { width: 95%!important }
.camera_commands, .camera_next, .camera_prev { top: 50%!important }
.pagination_bullets { bottom: 60px!important }
.camera_caption { bottom: 0!important }
#camera_wrap_1 { height: 480px!important }
.ehancement_room_list { padding-left: 8px!important }
.top_btn_continue { margin-bottom: 4%!important; margin-right: 7px!important; margin-top: 40px!important }
#hotel_detail_left { width: 72% }
.ambestor_left { width: 66%!important }
#hotel_detail_left h1 ul { margin-left: 12px }
.infop_73, .pkg_infopage { width: 70%!important }
.photo_gallery ul li { height: 205px }
.photo_gallery ul li img { height: 150px }
.info_mid img { height: 250px }
.box_4col ul li h3 { width: 97%; top: 170px }
.discover_home_content ul li img { height: 125px }
.bottom3banners ul li h3 { bottom: 39px }
.middle_experience_content_img img { height: 140px }
.pkg_right { width: 28% }
.infoList li label { width: 22% }
.navigation_02 ul li a { font-size: 14px }
.hoteldetailbookingengine { width: 29% }
#TB_window { display: block; max-height: 320px!important; width: 50%!important }
.enhance_left_content .stay_box .content_img { width: 23.5% }
.enhance_left_content .stay_box .content_text { width: 53%; overflow: hidden }
.room_list .content_part { width: 50% }
.jcarousel li { margin-right: 24px!important }
.reservation_right h1 span { width: 100px }
.reservation_right h1 { width: 55% }
.navigation ul li a { font: 400 10px Arial, Helvetica, sans-serif }
.navigation_02 ul li { padding: 0 10px }
.bodytext, .bodytext1, .reservation_right { width: 100% }
#HD_new { width: 95%; margin: 0 auto }
.info_mid .img_part img { height: 95px }
.hotel_detailpage { margin: 0 auto; width: 88% }
.hotelgallery { width: 30% }
.hoteldetaildescription { width: 68% }
.reviewed-box { width: 15% }
.comments-box { width: 35% }
.ratings-box { width: 33% }
#bodytext { width: 96% }
#gallery { width: 89% }
.show-case-item { width: 100% }
.discover_home_content ul li { width: 24.25%; min-height: 200px; margin: 0 1% 0 0 }
.discover_home_content ul li:nth-child(2), .discover_home_content ul li:nth-child(7) { margin: 0 1% 0 0 }
.discover_home_content ul li:nth-child(8) { margin: 0 }
.middle_experience_content ul li { height: 160px }
.copyright_part ul li { padding: 0 10px }
.discover_home_content ul li p { font-size: 12px; line-height: 16px }
.middle_experience_content_text h3 { font-size: 14px; line-height: 21px; padding: 10px 0 3px }
.middle_experience_content_text p { padding: 4px 0; font-size: 13px; line-height: 18px }
#gallery1, .pkg_left { width: 100%; }
.footer_mob { width: 30% }
.footer_mob_img { padding: 0 10%; width: 30% }
.location_table ul li { width: 27%; margin: 0 29px 30px 0 !important; }
}

@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
#view_video_mobile .video-holder img.video-poster { margin-top: 3%; }
.reg_montcalm_logos ul li { margin: 0 1.3% }
.reg_montcalm_logos ul li img { height: 98px; }

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	.room_more_information_heading ul li a{ padding:9px 6px;}
	#change_booking_dates{ margin-bottom:10px;}
.room-listing-box .room-rate-list .room-offers li .offer-name-list ul li:nth-child(1) { width: 46% }
.room-listing-box .room-rate-list .room-offers li .offer-name-list ul li:nth-child(2) { width: 53%; }
.room-listing-box .room-rate-list .room-offers li .select-room .room-box-left { width: 20%; }
.room-listing-box .room-rate-list .room-offers li .rooms-adults { width: 60%; }
.room-listing-box .room-rate-list .room-offers li .offer-name-list ul li:nth-child(2) div span { font-size: 19px; }
.total-summary .hotel-name h1 { font-size: 17px; }
.room-listing-box .room-rate-list .room-offers li .offer-name-list ul li h3 { font-size: 11px; }
.room-listing-box .room-rate-list .room-offers li .offer-name-list ul li .various { font-size: 13px !important; letter-spacing:1px; }
.jcarousel li { width: 165px; border: none; }
.img_part .jcarousel-control-next, .img_part .jcarousel-control-prev, .room-images .jcarousel-control-next, .room-images .jcarousel-control-prev { margin-top: -71px }
}