@media only screen and (min-width: 1280px) and (max-width: 1780px){ } @media only screen and (min-width: 1180px) and (max-width: 1280px){ /* width: 1180px; */ .ibook-container {width:100%;min-height:98px;margin:0px auto;} .ibook-inside {width:940px;margin:0px auto;} /* booking index */ .book1 {width:300px;} .book2 {width:300px;} /* booking page */ .booking-header-container {width:950px;margin:0px auto;} } @media only screen and (min-width: 959px) and (max-width: 1180px){ /* width: 950px; */ .ibook-container {width:100%;min-height:98px;margin:0px auto;} .ibook-inside {width:940px;margin:0px auto;} /* booking index */ .book1 {width:300px;} .book2 {width:300px;} /* booking page */ .booking-header-container {width:930px;margin:0px auto;} .booking-container {width:930px;margin:0px auto;padding:55px 0 0 0;} /* thank you */ .thankyou-container {width:930px;margin:0px auto;padding:55px 0 0 0;} .locations-box {width:930px;margin:0px auto;} .locat-l {width:280px;float:left;} .locat-m {width:280px;float:left;} .locat-r {width:280px;float:right;} } @media only screen and (min-width: 768px) and (max-width: 959px){ /* width: 728px; */ .ibook-container {width:100%;min-height:98px;margin:0px auto;padding:0 0 20px 0 ;} .ibook-inside {width:440px;margin:0px auto;} /* booking index */ .iselects {float:none;} .book1 {width:400px;height:67px;} .book2 {width:400px;height:67px;border-left:1px solid #000;margin:10px 0 0 0;} .ibuttlay {width:275px;margin:20px auto 30px auto;float:none;} /* booking page */ .booking-header-container {width:728px;margin:0px auto;} .booking-header h1 {font-size:26px;line-height:165px;} #booking-main-wrapper {min-height:650px;background: none;} .booking-container {width:100%;margin:0px auto;padding:0 0 0 0;} .booking-left {width:420px;float:none;margin:0px auto;} .booking-right {width:420px;float:none;margin:30px auto 0 auto;} .booking-bottom {width:100%;margin:40px 0 0 0;} .booking-left-container {width:100%;background-color:#fff;padding:50px 0 50px 0;} .booking-right-container {width:100%;background-color:#3e3e3e;padding:50px 0 50px 0;} /* thank you */ #thankyou-main-wrapper {min-height:300px;background: none;background-color:#fff;} .thankyou-container {width:728px;margin:0px auto;padding:55px 0 0 0;} img{max-width: 100%;height: auto;} .locations-box {width:728px;margin:0px auto;} .locat-l {width:240px;float:left;} .locat-m {width:240px;float:left;} .locat-r {width:240px;float:right;} } @media only screen and (min-width: 480px) and (max-width: 767px){ /* width: 440px; */ .slickModal .window {width: 90% !important;} .ibook-container {width:100%;min-height:98px;margin:0px auto;padding:0 0 20px 0 ;} .ibook-inside {width:440px;margin:0px auto;} /* booking index */ .iselects {float:none;} .book1 {width:400px;height:67px;} .book2 {width:400px;height:67px;border-left:1px solid #000;margin:10px 0 0 0;} .ibuttlay {width:275px;margin:20px auto 30px auto;float:none;} /* booking page */ #booking-wrapper {display:none;} .booking-header-container {width:440px;margin:0px auto;} .booking-header h1 {font-size:26px;line-height:165px;text-align:center;} #booking-main-wrapper {background:none;} .booking-container {width:100%;margin:0px auto;padding:0 0 0 0;} .booking-left {width:420px;float:none;margin:0px auto;} .booking-right {width:420px;float:none;margin:30px auto 0 auto;} .booking-bottom {width:100%;margin:40px 0 0 0;} .booking-left-container {width:100%;background-color:#fff;padding:50px 0 50px 0;} .booking-right-container {width:100%;background-color:#3e3e3e;padding:50px 0 50px 0;} /* thank you */ #thankyou-main-wrapper {min-height:300px;background: none;background-color:#fff;} .thankyou-container {width:440px;margin:0px auto;padding:55px 0 0 0;} img{max-width: 100%;height: auto;} .locations-box {width:440px;margin:0px auto;} .locat-l {width:200px;float:left;} .locat-m {width:200px;float:left;} .locat-r {width:200px;float:left;} } @media only screen and (min-width: 320px) and (max-width: 479px){ /* width: 280px; */ .slickModal .window {width: 90% !important;} .ibook-container {width:100%;padding:0 0 20px 0 ;} .ibook-inside {width:260px;} /* booking index */ .iselects {float:none;} .ibook-title h3 {font-size:20px;line-height:22px;} .book1 {width:240px;height:67px;margin:0 auto 0 auto;padding: 0 5px;} .book2 {width:240px;height:67px;border-left:1px solid #000;margin:10px auto 0 auto;padding: 0 5px;} .ibuttlay {width:275px;margin:20px 0 30px 0;float:none;} /* booking page */ #booking-wrapper {display:none;} .booking-header-container {width:280px;margin:0px auto;} .booking-header h1 {font-size:26px;line-height:165px;text-align:center;} #booking-main-wrapper {background:none;} .booking-container {width:100%;margin:0px auto;padding:0 0 0 0;} .booking-left {width:280px;float:none;margin:0px auto;} .booking-right {width:280px;float:none;margin:30px auto 0 auto;} .booking-bottom {width:100%;margin:40px 0 0 0;} .booking-left-container {width:100%;background-color:#fff;padding:50px 0 50px 0;} .booking-right-container {width:100%;background-color:#3e3e3e;padding:50px 0 50px 0;} .book-textarea{width:260px;} .bbot-container {width:280px;margin:0px auto;} .bbot-left {width:230px;min-height:60px;line-height:60px;float:none;font-size:16px;font-weight:500;text-transform:uppercase;text-align:center;display:block;margin:0 auto 0 auto;} .bbot-right {width:230px;float:none;margin:20px auto 0 auto;text-align:center;} .bbot-desc {padding:20px 0 0 0;} .bookinpt1 {width:260px;position:relative;} .bookinpt2 {width:260px;position:relative;} input.book3 {width:260px;} input.book3short {width:260px;} input.book4 {width:260px;} .bookvia-left {width:210px;} .bookvia-right {width:50px;} /* thank you */ #thankyou-main-wrapper {min-height:300px;background: none;background-color:#fff;} .thankyou-container {width:280px;margin:0px auto;padding:55px 0 0 0;} img{max-width: 100%;height: auto;} .locations-box {width:260px;margin:0px auto;} .locat-l {width:260px;float:none;margin:0px auto;} .locat-m {width:260px;float:none;margin:0px auto;} .locat-r {width:260px;float:none;margin:0px auto;} } /* Site */ @media only screen and (min-width: 768px) and (max-width: 959px){ .wrapper { width: 90%; } .column { width: 40%; padding: 0 15px 25px; float: left; margin: 0 auto; } } @media only screen and (min-width: 480px) and (max-width: 767px){ .wrapper { width: 90%; } .column { width: 40%; padding: 0 15px 25px; float: left; margin: 0 auto; } } @media only screen and (max-width: 479px) { .wrapper { width: 90%; } header, #content-main { position: static; } header .wrapper { padding-top: 25px; } header h1 { float: none; padding-bottom: 20px; } header h1 a img { margin: 0 auto; } header ul { float: none; } header ul li { padding: 0 2%; width: 45%; } header hr { margin: 20px 0; } header h2 { font-size: 22px; text-align: center; text-shadow: 0 1px 5px #000; line-height: 1.4em; } header h2.huge { font-size: 48px; line-height: 2em; } .features ul { top: -40px; } .features ul li { padding: 0 10px 30px; } .features ul li img, .features ul li h3 { animation: none; -moz-animation: none; -webkit-animation: none; -o-animation: none; } .column { width: 90%; padding: 0 15px 25px; float: none; clear: both; margin: 0 auto; } #content-main .pagebody h2 { font-size: 30px; } #content-main form .column { padding-bottom: 0; } #content-main .column input.text, #content-main .column textarea { width: 90%; } .pagebody form input.radio, .pagebody form input.checkbox { top: 0; } .pagebody blockquote { font-size: 14px; padding: 15px 25px 0; } .bigbold { font-size: 18px; padding-bottom: 0; } .wide_gray { padding: 30px 0 0; margin: 30px 0; } .message p { width: 90%; } #content-main ul.gallery li { display: block; float: none; clear: both; margin: 0 auto; width: 100%; padding: 15px 0; } #content-main ul.gallery li strong { width: 83%; } #content-main ul.gallery li img { width: 95%; } ul.iconlist p { padding-left: 0; } .blog_post { padding: 0 10px 20px; border-bottom: 1px solid #ddd; margin-bottom: 50px; } .blog_post h2 { font-size: 30px; padding-bottom: 1em; } .blog_post h4 { font-size: 14px; color: #999; } .blog_comments ul { padding: 0 10px 20px; margin-bottom: 30px; } .blog_comments ul li { padding-bottom: 0; } .blog_comments ul li .avatar { width: 48px; border-radius: 48px; } .blog_comments ul li .author, .blog_comments ul li p { padding-left: 64px; } .blog_comments ul li .author { font-size: 12px; } .blog_comments ul li .author a { font-size: 14px; margin-right: 6px; } .blog_comments ul li ul { padding-left: 64px; padding-bottom: 0; } .blog_comments ul li ul li .avatar { width: 32px; border-radius: 32px; } .blog_comments ul li ul li .author, .blog_comments ul li ul li p { padding-left: 48px; } aside .wrapper h4 { display: block; } footer { text-align: center; } .social_links strong { display: block; padding-bottom: 15px; } .social_links a img { margin: 0 5px; } } /* iPad fix */ /*@media only screen and (min-width: 479px) and (max-width: 1024px) { #content { width: 980px; } } */