/* ============================================================================= RESPONSIVE - MEDIA QUERIES 1280px MAX ============================================================================= */ @media only screen and (min-width: 1280px) and (max-width: 1780px){ #intro-wrapper {width:100%;min-height:560px;background: url('../img/intro-back-resp.jpg') no-repeat bottom right;} .block-lefttitle {position: absolute;z-index:999;color:#fff;font-size:40px;line-height:48px;left:200px;top:110px;text-transform:uppercase;font-weight:500;} .block-righttitle {position: absolute;z-index:999;color:#fff;font-size:40px;line-height:48px;right:230px;top:110px;text-transform:uppercase;font-weight:500;} .portview {padding:80px 0 0 80px;} .porttxt {padding:10px 0 0 80px;} .plcbook1 {padding:80px 0 0 80px;} .plcbook2 {padding:0 0 0 80px;} .plcbook3 {padding:0 0 0 80px;} } @media only screen and (min-width: 1180px) and (max-width: 1280px){ /* width: 1180px; */ .beam-container {width:850px;margin:0px auto;text-align:none;text-transform:uppercase;} .top-container {width:1180px;margin:0px auto;} .top-left {width:560px;float:left;} .logot {width:455px;float:right;margin:0 0 0 0;} .logot1 {font-size:26px;line-height:26px;margin:-3px 0 0 0;} /* slider */ #slider-wrapper {width:100%;min-height:420px;} .slide1txt {color:#fff;font-size:128px;line-height:128px;} .slide2txt {width:100%;color:#fff;font-size:28px;line-height:36px;margin:0 0 0 0;} .slmar {padding:0 0 0 50px;} #ibook-wrapper {width:100%;background:#000000;padding:20px 0 20px 0;} .ibook-container {width:100%;min-height:98px;margin:0px auto;background:#ffd54f;} .ibook-inside {width:940px;margin:0px auto;} .messages-container {width:1120px;} #intro-wrapper {width:100%;min-height:560px;background: url('../img/intro-back-resp.jpg') no-repeat bottom right;} .intro-content {width:1120px;margin:0px auto;} .layer2-content {width:1120px;margin:0px auto;text-align:center;} .lay2-boxes {padding:68px 0 0 0;} .lay2-box1 {width:260px;float:left;margin:0 20px 0 0;} .lay2-box2 {width:260px;float:left;margin:0 20px 0 0;} .lay2-box3 {width:260px;float:left;margin:0 20px 0 0;} .lay2-box4 {width:260px;float:left;} .lay2-icodesc {font-size:14px;line-height:22px;} .block-content{padding: 45px 0 0 0;} .iservice-text-right {width:520px;padding:0 0 0 50px;} .iservice-text-left {width:520px;float:right;padding:0 50px 0 0;} .intro-title h1 {font-size:32px;line-height:38px;} .block-lefttitle {position: absolute;z-index:999;color:#fff;font-size:40px;line-height:48px;left:200px;top:110px;text-transform:uppercase;font-weight:500;} .block-righttitle {position: absolute;z-index:999;color:#fff;font-size:40px;line-height:48px;right:230px;top:110px;text-transform:uppercase;font-weight:500;} /*services */ .services-container {width:1120px;margin:0px auto;} .services-left {width:740px;float:left;} .services-right {width:270px;float:right;} .srv-title h2 {font-size:32px;line-height:36px;} /* contact */ .contact-container {width:1120px;} .contact-left {width:510px;float:left;} .contact-right {width:440px;float:right;margin:0 50px 0 0;} /* faq */ .faq-container {width:1120px;} .faq-left {width:740px;float:left;} .faq-right {width:270px;float:right;} /* visit */ .placescontainer {max-width: 100%;margin:0 0 0 0;padding:0;} .plccontents-def {width: 25%;display: inline-block;} .plccontents-last {width: 25%;display: inline-block;height:260px;} .placescontainer img {max-width:100%;height:260px;} .placescontainer-last img {max-width:100%;height:260px;} .portview {font-size:26px;line-height:28px;padding:80px 0 0 50px;} .porttxt {font-size:26px;line-height:28px;padding:10px 0 0 50px;} .plcbook1 {font-size:26px;line-height:28px;padding:80px 0 0 50px;} .plcbook2 {font-size:26px;line-height:28px;padding:0 0 0 50px;} .plcbook3 {font-size:26px;line-height:28px;padding:0 0 0 50px;} .entry-container {width:1120px;margin:0px auto;padding:60px 0 30px 0;} .entry-left {width:740px;float:left;} .entry-right {width:270px;float:right;} .info-container {width:1120px;} /* terms */ .terms-container {width:1120px;margin:0px auto;padding:60px 0 30px 0;} /* booking index */ .book1 {width:300px;} .book2 {width:300px;} /* booking page */ .booking-header-container {width:950px;margin:0px auto;} img{max-width: 100%;height: auto;} /* FOOTER ------------------------------------------------------------------------- */ .footer-main {width:1120px;margin:0px auto;} .footer-left {width:320px;float:left;} .footer-middle {width:400px;float:left;} .footer-right {width:550px;float:left;text-align:left;padding:10px 0 20px 0;} } @media only screen and (min-width: 959px) and (max-width: 1180px){ /* width: 950px; */ .beam-container {width:850px;margin:0px auto;text-align:none;text-transform:uppercase;} .top-container {width:950px;margin:0px auto;} .top-left {width:370px;float:left;} .top-right {width:580px;float:right;position:relative;} .logoh {width:94px;float:left;} .logot {width:260px;float:right;margin:0 0 0 0;} .logot1 {font-size:20px;line-height:22px;margin:-3px 0 0 0;} /* slider */ #slider-wrapper {width:100%;min-height:344px;} .slide1txt {color:#fff;font-size:128px;line-height:128px;} .slide2txt {width:100%;color:#fff;font-size:28px;line-height:36px;margin:0 0 0 0;} .slmar {padding:0 0 0 50px;} #ibook-wrapper {width:100%;background:#000000;padding:20px 0 20px 0;} .ibook-container {width:100%;min-height:98px;margin:0px auto;background:#ffd54f;} .ibook-inside {width:940px;margin:0px auto;} .messages-container {width:950px;} #intro-wrapper {background: none;min-height:520px;} .intro-content {width:920px;margin:0px auto;} .buttintro {padding:55px 0 0 0;} /*#layer2-wrapper {width:100%;min-height:644px;background:none;background-color:#000;}*/ .layer2-content {width:940px;margin:0px auto;text-align:center;} .layer2-title {font-size:36px;line-height:42px;color:#fff;font-weight:500;text-transform:uppercase;padding:30px 0 0 0;} .lay2-boxes {width:670px;padding:38px 0 0 0;margin:0px auto;} .lay2-box1 {width:310px;float:left;margin:0 35px 0 0;} .lay2-box2 {width:310px;float:left;margin:0 0 0 0;} .lay2-box3 {width:310px;float:left;margin:40px 35px 0 0;} .lay2-box4 {width:310px;float:left;margin:40px 0 0 0;} .lay2-icodesc {font-size:14px;line-height:22px;} .buttlayer2 {padding:30px 0 20px 0;} .iservice-text-right {width:440px;padding:0 0 0 30px;} .iservice-text-left {width:440px;float:right;padding:0 30px 0 0;} .iservice-title h2 {font-size:26px;line-height:32px;} .block-content{padding: 35px 0 0 0;} .block-lefttitle {position: absolute;z-index:999;color:#fff;font-size:40px;line-height:48px;left:100px;top:110px;text-transform:uppercase;font-weight:500;} .block-righttitle {position: absolute;z-index:999;color:#fff;font-size:40px;line-height:48px;right:130px;top:110px;text-transform:uppercase;font-weight:500;} /*services */ .services-container {width:940px;margin:0px auto;} .services-left {width:600px;float:left;} .services-right {width:270px;float:right;} .srv-title h2 {font-size:32px;line-height:36px;} /* contact */ .contact-container {width:940px;} .contact-left {width:450px;float:left;} .contact-right {width:440px;float:right;margin:0 0 0 0;} /* faq */ .faq-container {width:940px;} .faq-left {width:600px;float:left;} .faq-right {width:270px;float:right;} /* visit */ .placescontainer {max-width: 100%;margin:0 0 0 0;padding:0;} .plccontents-def {width: 33.3%;display: inline-block;} .plccontents-last {width: 33.3%;display: inline-block;height:340px;} .placescontainer img {max-width:100%;height:340px;} .placescontainer-last img {max-width:100%;height:340px;} .portview {padding:80px 0 0 50px;} .porttxt {padding:10px 0 0 50px;} .plcbook1 {padding:80px 0 0 50px;} .plcbook2 {padding:0 0 0 50px;} .plcbook3 {padding:0 0 0 50px;} .entry-container {width:950px;margin:0px auto;padding:60px 0 30px 0;} .entry-left {width:600px;float:left;} .entry-right {width:270px;float:right;} .info-container {width:950px;} /* terms */ .terms-container {width:940px;margin:0px auto;padding:60px 0 30px 0;} /* 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;} img{max-width: 100%;height: auto;} /* FOOTER ------------------------------------------------------------------------- */ .footer-main {width:930px;margin:0px auto;} .footer-left {width:420px;float:left;} .footer-middle {width:400px;float:left;} .footer-right {width:550px;float:left;text-align:left;padding:10px 0 20px 0;} .footlogoh {width:76px;float:left;} .footlogot {width:310px;float:left;margin:0 0 0 10px;} } @media only screen and (min-width: 768px) and (max-width: 959px){ /* width: 728px; */ .sticky {position:relative;} .beam-container {width:728px;margin:0px auto;text-align:none;text-transform:uppercase;} .b-arrivals {display:inline-block;padding:0 10px 0 10px;background:#ffd54f;font-family: 'Work Sans', sans-serif;font-size:10px;line-height:30px;color:#000;font-weight:500;} .b-airport {display:inline-block;padding:0 10px 0 10px;background:#000;font-family: 'Work Sans', sans-serif;font-size:10px;line-height:30px;color:#fff;font-weight:500;text-align:center;border-right:1px solid #666666;} .top-container {width:728px;margin:0px auto;padding:0 0 20px 0;} .top-left {width:600px;float:none;margin:0px auto;} .top-right {width:600px;float:none;position:relative;margin:0px auto;} /* slider */ #slider-wrapper {width:100%;min-height:270px;} .slide1txt {color:#fff;font-size:128px;line-height:128px;} .slide2txt {width:100%;color:#fff;font-size:28px;line-height:36px;margin:0 0 0 0;} .slmar {padding:0 0 0 50px;} .ibook-container {width:100%;} .ibook-inside {width:440px;} .ibook-title h1 {font-size:26px;line-height:32px;} .sbook-wrapper {padding:0 0 0 0;} .sbook-container {width:100%;} .sbook-inside {width:440px;} .messages-container {width:728px;} #intro-wrapper {background: none;min-height:520px;} .intro-content {width:728px;margin:0px auto;} #layer2-wrapper {width:100%;min-height:644px;background:none;background-color:#000;} .layer2-content {width:728px;margin:0px auto;text-align:center;} .lay2-boxes {width:670px;padding:68px 0 0 0;margin:0px auto;} .lay2-box1 {width:310px;float:left;margin:0 35px 0 0;} .lay2-box2 {width:310px;float:left;margin:0 0 0 0;} .lay2-box3 {width:310px;float:left;margin:40px 35px 0 0;} .lay2-box4 {width:310px;float:left;margin:40px 0 0 0;} .buttlayer2 {padding:40px 0 40px 0;} /*services */ .services-container {width:728px;margin:0px auto;} .services-left {width:728px;float:none;margin:0px auto;} .services-right {width:728px;float:none;margin:0px auto;} .srv-title h2 {font-size:30px;line-height:36px;} .srv-r-title {padding:30px 0 0 0;} /* contact */ #contact-main-wrapper {min-height:650px;background:none;background-color:#ffd650;} .contact-container {width:728px;margin:0px auto;} .contact-left {width:680px;float:none;} .contact-right {width:440px;float:none;margin:0 auto 0 auto;} .contactform-title h2 {color:#000;padding:40px 0 21px 0;} .contact-title {font-size:32px;line-height:34px;} input.wpcf7inpt {width:404px;height:59px;color:#000;border-left:1px solid #000;border-right:1px solid #000;border-bottom:0;border-top:1px solid #000;;} .wpcf7-textarea{width:100%;background-color:transparent;border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000;border-top:1px solid #000;color:#000;} .wpcf7-submit{margin:20px 0 30px 0;color:#ffd54f;background: #3e3e3e;border:1px solid #ffd54f;} .wpcf7-submit:hover{color:#3e3e3e;background: #ffd54f;border:1px solid #3e3e3e;} /* faq */ .faq-container {width:728px;margin:0px auto;} .faq-left {width:728px;float:none;margin:0px auto;} .faq-right {width:728px;float:none;margin:0px auto;} .faq-header h1 {font-size:26px;line-height:165px;} /* visit */ .visit-header h1 {font-size:26px;line-height:165px;} .placescontainer {max-width: 100%;margin:0 0 0 0;padding:0;} .plccontents-def {width: 50%;display: inline-block;} .plccontents-last {width: 50%;display: inline-block;height:360px;} .placescontainer img {max-width:100%;height:360px;} .placescontainer-last img {max-width:100%;height:360px;} .portview {padding:80px 0 0 80px;} .porttxt {padding:10px 0 0 80px;} .plcbook1 {padding:80px 0 0 80px;} .plcbook2 {padding:0 0 0 80px;} .plcbook3 {padding:0 0 0 80px;} #video-wrapper {width:100%;min-height:330px;background: #000;position:relative;} .entry-container {width:728px;margin:0px auto;} .entry-left {width:728px;float:none;margin:0px auto;} .entry-right {width:728px;float:none;margin:0px auto;} .info-container {width:728px;} .entry-title h1 {font-size:26px;line-height:32px;} /* terms */ .terms-container {width:728px;margin:0px auto;padding:60px 0 30px 0;} /* 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:#ffd650;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:#ffd650;} .thankyou-container {width:728px;margin:0px auto;padding:55px 0 0 0;} img{max-width: 100%;height: auto;} /* FOOTER ------------------------------------------------------------------------- */ .footer-main {width:728px;margin:0px auto;} .footer-left {width:280px;float:left;} .footer-middle {width:400px;float:left;} .footer-right {width:550px;float:left;text-align:left;padding:10px 0 20px 0;} .footlogoh {width:76px;float:left;} .footlogot {width:190px;float:left;margin:0 0 0 10px;} .footogot1 {font-size:14px;line-height:16px;} } @media only screen and (min-width: 480px) and (max-width: 767px){ .footm-ins1 { width:180px; } .fico1 { width:35px; } .footm-ins2 { width:180px; } /* width: 440px; */ .slickModal .window {width: 90% !important;} .nav-responsive {display:block;padding:10px 0 10px 0;position:absolute;z-index:9999;width:280px;} .nav-default {display:none;} .sticky {position:relative;} #beam-wrapper {display:none;} .top-container {width:390px;margin:0px auto;} .top-left {width:390px;float:none;margin:0px auto;} .top-right {width:280px;min-height:80px;float:none;margin:0px auto;} .logoh {width:94px;float:none;margin:0px auto;} .logot {width:325px;float:none;margin:10px auto 0 auto;text-align:center;} .logot1 {font-size:24px;line-height:26px;margin:-3px 0 0 0;} /* slider */ #slider-wrapper {width:100%;min-height:75px;} .slide1txt {color:#fff;font-size:128px;line-height:128px;} .slide2txt {width:100%;color:#fff;font-size:28px;line-height:36px;margin:0 0 0 0;} .slmar {padding:0 0 0 50px;} .ibook-container {width:100%;} .ibook-inside {width:440px;} .ibook-title h1 {font-size:26px;line-height:32px;} .sbook-wrapper {padding:0 0 0 0;} .sbook-container {width:100%;} .sbook-inside {width:440px;} .messages-container {width:440px;} #intro-wrapper {background: none;} .intro-content {width:440px;margin:0px auto;} .intro-title {padding:30px 0 0 0;} .intro-title h1 {font-size:26px;line-height:32px;} .intro-desc1 {width:440px;} .buttintro {padding:30px 0 30px 0;} .iservice-title h2 {font-size:28px;line-height:34px;} #layer2-wrapper {width:100%;min-height:644px;background:none;background-color:#000;} .layer2-content {width:280px;} .layer2-title {padding:50px 0 0 0;} .lay2-boxes {padding:28px 0 0 0;} .lay2-box1 {width:280px;float:none;margin:20px auto 0 auto;} .lay2-box2 {width:280px;float:none;margin:20px auto 0 auto;} .lay2-box3 {width:280px;float:none;margin:20px auto 0 auto;} .lay2-box4 {width:280px;float:none;margin:20px auto 0 auto;} .lay2-icodesc {font-size:14px;line-height:18px;} .buttlayer2 {padding:40px 0 30px 0;} /*services */ .services-container {width:440px;margin:0px auto;} .services-left {width:440px;float:none;margin:0px auto;} .services-right {width:440px;float:none;margin:0px auto;} .srv-title h2 {font-size:26px;line-height:32px;} .srv-r-title {padding:30px 0 0 0;} /* contact */ #contact-main-wrapper {min-height:650px;background:none;background-color:#ffd650;} .contact-container {width:440px;margin:0px auto;} .contact-left {width:440px;float:none;} .contact-right {width:440px;float:none;margin:0 auto 0 auto;} .contactform-title h2 {color:#000;padding:40px 0 21px 0;} .contact-title {font-size:32px;line-height:34px;} input.wpcf7inpt {width:404px;height:59px;color:#000;border-left:1px solid #000;border-right:1px solid #000;border-bottom:0;border-top:1px solid #000;;} .wpcf7-textarea{width:100%;background-color:transparent;border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000;border-top:1px solid #000;color:#000;} .wpcf7-submit{margin:20px 0 30px 0;color:#ffd54f;background: #3e3e3e;border:1px solid #ffd54f;} .wpcf7-submit:hover{color:#3e3e3e;background: #ffd54f;border:1px solid #3e3e3e;} /* faq */ .faq-container {width:440px;margin:0px auto;} .faq-left {width:440px;float:none;margin:0px auto;} .faq-right {width:440px;float:none;margin:0px auto;} .faq-header h1 {font-size:26px;line-height:165px;} /* visit */ .visit-header h1 {font-size:26px;line-height:36px;font-weight:500;text-transform:uppercase;color:#fff;padding:40px 0 0 0;} .placescontainer {max-width: 100%;margin:0 0 0 0;padding:0;} .plccontents-def {width: 440px;display: block;vertical-align: middle;margin:0 auto 0 auto;position:relative;} .plccontents-last {width: 440px;display: block;vertical-align: middle;margin:0 auto 0 auto;position:relative;height:360px;} .placescontainer img {max-width:100%;height:360px;} .placescontainer-last img {max-width:100%;height:360px;} .portview {padding:80px 0 0 40px;} .porttxt {padding:10px 0 0 40px;} .plcbook1 {padding:80px 0 0 40px;} .plcbook2 {padding:0 0 0 40px;} .plcbook3 {padding:0 0 0 40px;} #video-wrapper {width:100%;min-height:330px;background: #000;position:relative;} .entry-container {width:440px;margin:0px auto;} .entry-left {width:440px;float:none;margin:0px auto;} .entry-right {width:440px;float:none;margin:0px auto;} .info-container {width:440px;} .entry-title h1 {font-size:26px;line-height:32px;} /* terms */ .terms-container {width:440px;margin:0px auto;padding:60px 0 30px 0;} /* 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:#ffd650;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:#ffd650;} .thankyou-container {width:440px;margin:0px auto;padding:55px 0 0 0;} img{max-width: 100%;height: auto;} /* FOOTER ------------------------------------------------------------------------- */ .footer-main {width:440px;margin:0px auto;} .footer-left {width:380px;float:none;margin:0px auto;} .footer-middle {width:440px;float:none;margin:0px auto;} .footer-right {width:440px;float:none;text-align:right;margin:0px auto;} .foot-logo {width:380px;margin:0px auto;} .footlogoh {width:76px;float:none;margin:0px auto;} .footlogot {width:360px;float:none;margin:5px auto 0 auto;text-align:center;} .fboxes {padding:5px 0 0 0;} .fbox1 {box-sizing: content-box;width:184px;height:50px;border-left:0;border-right:0;float:none;margin:0px auto;padding:15px 0 0 0;} .fbox2 { box-sizing: content-box;width:199px;height:50px;border-right:0;float:none;margin:0px auto;} .foot-menu {padding:15px 0 0 0;text-align:center;line-height:24px;} .foot-copy {padding:25px 0 10px 0;text-align:center;} } @media only screen and (min-width: 320px) and (max-width: 479px){ .footm-ins1 { width:180px; } .fico1 { width:35px; } .footm-ins2 { width:180px; } /* width: 280px; */ .slickModal .window {width: 90% !important;} .nav-responsive {display:block;padding:10px 0 10px 0;position:absolute;z-index:9999;width:280px;} .nav-default {display:none;} .sticky {position:relative;} #beam-wrapper {display:none;} .top-container {width:280px;margin:0px auto;} .top-left {width:275px;float:none;margin:0px auto;} .top-right {width:280px;min-height:80px;float:none;margin:0px auto;} .logoh {width:94px;float:none;margin:0px auto;} .logot {width:275px;float:none;margin:10px auto 0 auto;text-align:center;} .logot1 {font-size:20px;line-height:20px;margin:-3px 0 0 0;} /* slider */ #slider-wrapper {width:100%;min-height:75px;} .slide1txt {color:#fff;font-size:128px;line-height:128px;} .slide2txt {width:100%;color:#fff;font-size:28px;line-height:36px;margin:0 0 0 0;} .slmar {padding:0 0 0 50px;} .ibook-container {width:100%;} .ibook-inside {width:260px;} .ibook-title h1 {font-size:26px;line-height:32px;} .sbook-wrapper {padding:0 0 0 0;} .sbook-container {width:100%;} .sbook-inside {width:280px;} .messages-container {width:280px;} .intro-content {width:280px;margin:0px auto;} .intro-title {padding:30px 0 0 0;} .intro-title h1 {font-size:26px;line-height:32px;} .intro-desc1 {width:280px;} .buttintro {padding:30px 0 30px 0;} .iservice-title h2 {font-size:26px;line-height:32px;} #layer2-wrapper {width:100%;min-height:644px;background:none;background-color:#000;} .layer2-content {width:280px;} .layer2-title {padding:50px 0 0 0;} .lay2-boxes {padding:28px 0 0 0;} .lay2-box1 {width:280px;float:none;margin:20px auto 0 auto;} .lay2-box2 {width:280px;float:none;margin:20px auto 0 auto;} .lay2-box3 {width:280px;float:none;margin:20px auto 0 auto;} .lay2-box4 {width:280px;float:none;margin:20px auto 0 auto;} .lay2-icodesc {font-size:14px;line-height:18px;} .buttlayer2 {padding:40px 0 30px 0;} /*services */ .services-container {width:280px;margin:0px auto;} .services-left {width:280px;float:none;margin:0px auto;} .services-right {width:280px;float:none;margin:0px auto;} .srv-title h2 {font-size:26px;line-height:32px;} .srv-r-title {padding:30px 0 0 0;} /* contact */ #contact-main-wrapper {min-height:650px;background:none;background-color:#ffd650;} .contact-container {width:280px;margin:0px auto;} .contact-left {width:280px;float:none;} .contact-right {width:280px;float:none;margin:0 auto 0 auto;} .contactform-title h2 {color:#000;padding:40px 0 21px 0;} .contact-title {font-size:32px;line-height:34px;} input.wpcf7inpt {width:244px;height:59px;color:#000;border-left:1px solid #000;border-right:1px solid #000;border-bottom:0;border-top:1px solid #000;;} .wpcf7-textarea{width:100%;background-color:transparent;border-left:1px solid #000;border-right:1px solid #000;border-bottom:1px solid #000;border-top:1px solid #000;color:#000;} .wpcf7-submit{margin:20px 0 30px 0;color:#ffd54f;background: #3e3e3e;border:1px solid #ffd54f;} .wpcf7-submit:hover{color:#3e3e3e;background: #ffd54f;border:1px solid #3e3e3e;} /* faq */ .faq-container {width:280px;margin:0px auto;} .faq-left {width:280px;float:none;margin:0px auto;} .faq-right {width:280px;float:none;margin:0px auto;} .faq-header h1 {font-size:26px;line-height:36px;font-weight:500;text-transform:uppercase;color:#fff;padding:40px 0 0 0;} /* visit */ .visit-header h1 {font-size:26px;line-height:36px;font-weight:500;text-transform:uppercase;color:#fff;padding:40px 0 0 0;} .placescontainer {max-width: 100%;margin:0 0 0 0;padding:0;} .plccontents-def {width: 100%;display: block;vertical-align: middle;margin:0 0 0 0;position:relative;} .plccontents-last {width: 100%;display: block;vertical-align: middle;margin:0 0 0 0;position:relative;height:320px;} .placescontainer img {max-width:100%;height:320px;} .placescontainer-last img {max-width:100%;height:320px;} .portview {padding:80px 0 0 40px;} .porttxt {padding:10px 0 0 40px;} .plcbook1 {padding:80px 0 0 40px;} .plcbook2 {padding:0 0 0 40px;} .plcbook3 {padding:0 0 0 40px;} #video-wrapper {width:100%;min-height:230px;background: #000;position:relative;} .entry-container {width:280px;margin:0px auto;} .entry-left {width:280px;float:none;margin:0px auto;} .entry-right {width:280px;float:none;margin:0px auto;} .info-container {width:280px;} .entry-title h1 {font-size:26px;line-height:32px;} /* terms */ .terms-container {width:280px;margin:0px auto;padding:60px 0 30px 0;} /* booking index */ .iselects {float:none;} .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:#ffd650;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;border:1px solid #ffd54f;color:#ffd54f;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:#ffd650;} .thankyou-container {width:280px;margin:0px auto;padding:55px 0 0 0;} img{max-width: 100%;height: auto;} /* FOOTER ------------------------------------------------------------------------- */ .footer-main {width:280px;margin:0px auto;} .footer-left {width:280px;float:none;margin:0px auto;} .footer-middle {width:280px;float:none;margin:0px auto;} .footer-right {width:280px;float:none;text-align:right;margin:0px auto;} .foot-logo {width:280px;margin:0px auto;} .footlogoh {width:76px;float:none;margin:0px auto;} .footlogot {width:260px;float:none;margin:5px auto 0 auto;text-align:center;} .fboxes {padding:5px 0 0 0;} .fbox1 {box-sizing: content-box;width:184px;height:50px;border-left:0;border-right:0;float:none;margin:0px auto;padding:15px 0 0 0;} .fbox2 {box-sizing: content-box;width:199px;height:50px;border-right:0;float:none;margin:0px auto;} .foot-menu {padding:15px 0 0 0;text-align:center;line-height:24px;} .foot-copy {padding:25px 0 10px 0;text-align:center;} } @media (max-width: 950px) and (min-width: 200px) { /*services */ .block-image, .block-content{position: static;width:100%;margin:0;padding: 0;float: none;} .block-image{padding-right: 0 !important;padding-left: 0 !important;} .block-main .block-image .block-image-content {position: static;height:250px;width:100%;} .iservice-text-right {width:90%;padding:20px 0 20px 10px;margin:0px auto;} .iservice-text-left {width:90%;float:none;padding:20px 0 20px 10px;margin:0px auto;} .block-lefttitle {position: absolute;z-index:999;color:#fff;font-size:20px;line-height:24px;left:40px;top:30px;text-transform:uppercase;font-weight:500;} .block-righttitle {position: absolute;z-index:999;color:#fff;font-size:20px;line-height:24px;right:0;left:40px;top:30px;text-transform:uppercase;font-weight:500;} }