@media screen and (min-width :1200px) and (max-width :1280px) {
.container{ width: 1200px; }

.form-contact{ margin: 0 3px 20px;}
.copyright-sc{ padding: 13px 0;}
.rate-details{padding: 30px 25px;}
}
 @media screen and (min-width :1100px) and (max-width :1199px) {
.container{ width: 1080px; }

h1{font-size: 65px;}
.activity-details{padding: 25px 20px;}
.form-contact{ margin: 0 3px 20px;}
.rate-details{padding: 30px 20px;}
}


@media screen and (min-width : 971px) and (max-width :1099px) {
.container{ width: 951px; max-width: 951px;}

h1{font-size: 42px;}
h2{font-size: 38px; padding: 0 0 15px;}
h3{padding: 0 0 10px;}
h4{font-size: 17px;}
p{line-height: 140%;}
.activity-details{padding: 15px 10px;}
.activity-details h3{margin: 0 auto 8px; width: auto; display: table;}
.activity-details img{float: left; margin: 0 10px 0 0; width: 35px;}
.activity-heading{display: table; margin: 0 auto; width: auto;}
.rate-details{padding: 15px 10px; width: 100%;}
.rate-details h3{ margin: 0 auto 9px; padding: 0 0 5px;}
.rate-details h4{margin: 0 auto; padding: 5px 18px;}
section#section3 h3{padding: 0 0 5px; font-size: 16px !important; padding: 0 5px; float: left;}
section#section3 h3 img{width: 13px;}
.contacts{width: auto; display: table; margin: 0 auto;;}
.form-contact{ margin: 0 3px 10px; height: 35px; line-height: 35px;}
textarea.form-contact{height: 35px; line-height: 35px;}
.copyright-sc{ padding: 13px 0;}
.submit-contact{margin: 10px auto 0; font-size: 16px; padding: 5px 25px;}
.form-sc{padding: 10px 0 0;}
.booking_form{margin: 0; padding: 0;}
.copyright-text{clear: both;}
}

   
@media screen and (min-width : 768px) and (max-width : 970px) {
.container{ width: 760px; }

h1{font-size: 42px;}
h2{font-size: 38px; padding: 0 0 15px;}
h3{padding: 0 0 10px;}
h4{font-size: 17px;}
p{line-height: 140%;}
.activity-details{padding: 15px 10px;}
.activity-details h3{margin: 0 auto 8px; width: auto; display: table;}
.activity-details img{float: left; margin: 0 10px 0 0; width: 30px;}
.activity-heading{display: table; margin: 0 auto; width: auto;}
h3{font-size: 17px;}
.rate-details{padding: 15px 10px; width: 100%;}
.rate-details h3{ margin: 0 auto 9px; padding: 0 0 5px;}
.rate-details h4{margin: 0 auto; padding: 5px 18px;}
section#section3 h2{ padding: 0 0 3px; font-size: 22px;}
section#section3 h3{padding: 0 0 5px; font-size: 16px !important; padding: 0 5px; float: left;}
section#section3 h3 img{width: 13px;}
.contacts{width: auto; display: table; margin: 0 auto;;}
.form-contact{ margin: 0 3px 10px; height: 35px; line-height: 35px;}
textarea.form-contact{height: 35px; line-height: 35px;}
.copyright-sc{ padding: 13px 0;}
.submit-contact{margin: 10px auto 0; font-size: 16px; padding: 5px 25px;}
.form-sc{padding: 10px 0 0;}
.booking_form{margin: 0; padding: 0;}
.copyright-text{clear: both;}
}

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

.container{ width: 630px; max-width: 630px;}

.banner-caption h1{font-size: 35px; line-height: 135%;}
h2{font-size: 27px; padding: 0 0 12px;}
h3{font-size: 18px;}
.activity-details{display: table; float: none; margin: 0 auto; padding: 10px; width: 100%;}
.activity-details h3{margin: 0 auto 8px;font-size: 19px;padding: 0 0 10px;}
.activity-heading{display: table; width: auto; margin: 0 auto; }
.rate-details{padding: 15px 10px; width: 100%;}
.rate-details h3{margin: 0 auto 5px; padding: 0 0 6px;}
.rate-details h4{margin: 0 auto; padding: 4px 26px;}
section#section3 h2{ padding: 0 0 3px; font-size: 22px;}
section#section3 h3{padding: 0 0 5px; font-size: 16px !important; padding: 0 5px; float: left;}
section#section3 h3 img{width: 13px;}
.activity-details img{float: left; width: 25px; margin: 0 10px 0 0;}
section#section3 a:hover{color: #12ce31;}
.form-contact{font-size: 14px; height: 30px; line-height: 30px; margin: 0 1% 5px; width: 48%; float: left; padding: 0 8px;}
textarea.form-contact{height: 30px; line-height: 30px;}
.button{font-size: 15px; margin: 0 auto -10px; padding: 6px 17px;}
.copyright-sc{padding: 15px 0;}
.copyright-text{font-size: 13px;}
.form-sc{padding: 5px 0 0;}
.booking_form{padding: 0; margin: 0;}
section#section3 p{font-size: 13px; line-height: 100%; padding: 0 0 5px; display: block; clear: both;}
.copyright-text{padding: 0;}
.contacts{margin: 0 auto; padding: 0; width: auto; display: table;}
.desktop-sc{display: none;}
.mobile-sc{display: table;}
.fp-controlArrow.fp-prev{ left: 2px;}
.fp-controlArrow.fp-next{ right: 2px;}
.copyright-text{clear: both;}
}


@media screen and (min-width : 480px) and (max-width: 639px) {
	
.container{ width: 450px; }

.banner-caption h1{font-size: 35px; line-height: 135%;}
h2{font-size: 27px; padding: 0 0 12px;}
h3{font-size: 18px;}
.activity-details{display: table; float: none; margin: 0 auto; padding: 10px; width: 100%;}
.activity-details h3{margin: 0 auto 8px;font-size: 19px;padding: 0 0 10px;}
.activity-heading{display: table; width: auto; margin: 0 auto; }
.rate-details{padding: 15px 10px; width: 100%;}
.rate-details h3{margin: 0 auto 5px; padding: 0 0 6px;}
.rate-details h4{margin: 0 auto; padding: 4px 26px;}
section#section3 h2{ padding: 0 0 3px; font-size: 22px;}
section#section3 h3{padding: 0 0 5px; font-size: 16px !important; padding: 0 5px; float: left;}
section#section3 h3 img{width: 13px;}
.activity-details img{float: left; width: 25px; margin: 0 10px 0 0;}
section#section3 a:hover{color: #12ce31;}
.form-contact{font-size: 14px; height: 30px; line-height: 30px; margin: 0 1% 5px; width: 48%; float: left; padding: 0 8px;}
textarea.form-contact{height: 30px; line-height: 30px;}
.button{font-size: 15px; margin: 0 auto -10px; padding: 6px 17px;}
.copyright-sc{padding: 15px 0;}
.copyright-text{font-size: 13px;}
.form-sc{padding: 5px 0 0;}
.scroll-section{overflow: scroll; height: 400px;}
.booking_form{padding: 0; margin: 0;}
section#section3 p{font-size: 13px; line-height: 100%; padding: 0 0 5px; display: block;}
.copyright-text{padding: 0;}
.desktop-sc{display: none;}
.mobile-sc{display: table;}
.copyright-text{clear: both;}
}


@media screen and (min-width : 360px) and (max-width: 479px) {  

.container{ width: 340px; }

.banner-caption h1{font-size: 35px; line-height: 135%;}
.button{font-size: 16px; margin: 20px auto 0; padding: 8px 20px;}
h2{font-size: 35px; padding: 0 0 15px;}
.activity-details{display: table; float: none; margin: 0 auto; padding: 15px 10px; width: 96%;}
.rate-details{ width: 96%; padding: 30px 15px;}
textarea.form-contact{height: 40px;}
section#section3 h2{padding: 0 0 10px;}
section#section3 h3{padding: 0 0 5px; font-size: 17px !important;}
section#section3 h3 img{width: 16px;}
section#section3 a:hover{color: #12ce31;}
.form-contact{padding: 0 8px;}
.form-contact{width: 100%;}
.form-contact{font-size: 14px; height: 35px; line-height: 35px; margin: 0 0 5px;}
.copyright-sc{padding: 15px 0;}
.copyright-text{font-size: 13px;}
.form-sc{padding: 5px 0 0;}
.scroll-section{overflow: scroll; height: 400px;}
.booking_form{padding: 0; margin: 0;}
section#section3 p{font-size: 14px; line-height: 135%; padding: 0 0 5px;}
.desktop-sc{display: none;}
.mobile-sc{display: table;}
.copyright-text{clear: both;}
}


@media screen and (min-width : 320px) and (max-width: 359px) {
	
.container{ width: 300px; }

.banner-caption h1{font-size: 30px; line-height: 135%;}
.button{font-size: 16px; margin: 20px auto 0; padding: 8px 20px;}
h2{font-size: 30px; padding: 0 0 15px;}
.activity-details{display: table; float: none; margin: 0 auto; padding: 15px 10px; width: 96%;}
/*.disabled-onepage-scroll .onepage-wrapper .section{ display: table;}
.activity-details img{margin: 0 15px 0 0; float: left; width: 22px;}
.activity-details h3{margin: 0 0 5px;}
.activity-details p{padding: 0;}
.activity-heading{display: table; margin: 0 auto;}
.rate-details h3{margin: 0 auto 12px; padding: 0 0 6px;}
.rate-details h4{margin: 6px auto 0; padding: 4px 8px;}
.rate-details p{padding: 0;}
div#footer-top-sc h3, div#footer-top-sc h3.sml-txt{font-size: 15px;}
h3.white-text img{width: 15px;}
h4{font-size: 15px;}
.rate-details h4{ padding: 5px 12px;}*/
.rate-details{ width: 96%; padding: 30px 15px;}
textarea.form-contact{height: 40px;}
section#section3 h2{padding: 0 0 10px;}
section#section3 h3{padding: 0 0 5px; font-size: 17px !important;}
section#section3 h3 img{width: 16px;}
section#section3 a:hover{color: #12ce31;}
.form-contact{padding: 0 8px;}
.form-contact{width: 100%;}
.form-contact{font-size: 14px; height: 35px; line-height: 35px; margin: 0 0 5px;}
.copyright-sc{padding: 15px 0;}
.copyright-text{font-size: 13px;}
.form-sc{padding: 5px 0 0;}
.scroll-section{overflow: scroll; height: 400px;}
.booking_form{padding: 0; margin: 0;}
section#section3 p{font-size: 13px; line-height: 135%; padding: 0 0 5px;}
.desktop-sc{display: none;}
.mobile-sc{display: table;}
.copyright-text{clear: both;}
}