@media only screen and (min-width:760px) and (max-width:1024px) {
img {max-width:100%; height:auto;}
.headersection .headersection-inner{ padding:12px 2%;}
.headersection .header-right{ width:70%; height:auto; padding:8px 0 0;}
.headersection .contacts {width: 82%;}
.navbar nav ul li{ font-size:1.2em;}
.navbar nav ul li a{ padding: 6px 15px;}
.banner-section img{ max-width:100%;}
.banner-section .pos-abs{ position:relative; top:auto; left:auto;}
.banner-section .banner-middle{ max-width:100%; height:auto; margin:0 auto; padding:14px 2%;}
.banner-section .text-section{ max-width:80%;}
.banner-section h2{ font-size:1.4em; line-height:1em;}
.banner-section a.more{ padding:4px 18px; font-size:1em;}
.container-section{ padding:0 2%;}
#footer-section .footer-inner{ padding:0 2%;}
#footer-section .footer-top, #footer-section .footer-bottom{ padding:10px 0;}
.contact-section{ width:100%; height:auto; margin:0 auto; padding:20px 2% 0;}
.contactformbox .lbl01{ float:none; width:100%; color:#000; font-size:16px; font-weight:400; line-height:22px;}
.contactformbox input[type="text"], .contactformbox input[type="email"], .contactformbox input[type="tel"], .contactformbox select{ float:none; width:100%;}
.contactformbox textarea{ float:none; width:100%;}
.contactformbox input[type="submit"]{ float:right; padding:10px 18px; display:table; background:#b4832c; color:#fff; font-family:'Open Sans', sans-serif; font-weight:400; font-size:14px; line-height:22px; text-transform:uppercase; border:1px solid #c7c6c6;}

.gallery-section .galler-box .prev{ left:0;}
.gallery-section .galler-box .next{ right:0;}
.banner-section p{ color:#000!important;}
.gallery-section .galler-box .zoomicon{ display:block; }
#footer-section p.address{ word-break:break-all;}
}
@media only screen and (min-width:480px) and (max-width:759px) {
img {max-width:100%; height:auto;}
.headersection{ min-height:auto;}
.headersection .headersection-inner{ padding:12px 2%;}
.headersection .header-right{ width:72%; height:auto; padding:8px 0 0;}
.headersection .socialmedia.pull-right{ float:none; width:100%; margin:0 auto;}
.headersection .socialmedia ul { float:none; text-align:center; width:100%;}
.headersection .contacts.pull-right{ float:none; width:100%; margin:0 auto;}
.headersection .header-right .righttop{ margin:0;}
.banner-section img{ max-width:100%;}
.banner-section .pos-abs{ position:relative; top:auto; left:auto;}
.banner-section .banner-middle{ max-width:100%; height:auto; margin:0 auto; padding:14px 2%;}
.banner-section .text-section{ max-width:100%;}
.banner-section h2{ font-size:1.4em; line-height:1em;}
.banner-section a.more{ padding:4px 18px; font-size:1em;}
.container-section{ padding:0 2%;}
#footer-section .footer-inner{ padding:0 2%;}
#footer-section .footer-top, #footer-section .footer-bottom{ padding:10px 0;}
#footer-section .footerboxes.pull-left{ float:none; width:100%; margin:0 auto 14px; text-align:center;}
#footer-section .socialmedia ul{ text-align:center;}
#footer-section .socialmedia ul li { float:none;}
#footer-section ul li{ margin:0 0 8px;}
.welcome-section.pull-left{ float:none; width:100%; margin:0 auto;}
.introduct-video.pull-right{ float:none; width:100%; margin:0 auto; text-align:center;}

.contact-section{ width:100%; height:auto; margin:0 auto; padding:20px 2% 0;}
.contact-section .contact-left.pull-left{ float:none; width:100%; margin:0 auto 14px;}
.contact-section .contactformbox.pull-right{ float:none; width:100%; margin:0 auto;}
.contactformbox .lbl01{ float:none; width:100%; color:#000; font-size:16px; font-weight:400; line-height:22px;}
.contactformbox input[type="text"], .contactformbox input[type="email"], .contactformbox input[type="tel"], .contactformbox select{ float:none; width:100%;}
.contactformbox textarea{ float:none; width:100%;}
.contactformbox input[type="submit"]{ float:none; margin:0 auto;}

.services-row{ margin:0 auto 20px;}
.services-row .servbox.pull-left{ float:none; width:100%; height:auto; margin:0 auto 14px; text-align:center;}
.services-row .servbox h3{ min-height:auto;}
.services-row .servbox .imgplaceholder{margin:0 auto 14px; text-align:center;}
.our-mission .imgplaceholder.pull-left{ float:none; width:100%; margin:0 auto 10px;}
.our-mission .text-section.pull-right{ float:none; width:100%; margin:0 auto 10px;}

.gallery-section .galler-box .prev{ left:0;}
.gallery-section .galler-box .next{ right:0;}
.banner-section p{ color:#000!important;}
.accomodation-section .accobox h3{ font-size:1em; line-height:1.2em;}
.gallery-section .galler-box .zoomicon{ display:block; }
}

@media only screen and (min-width:320px) and (max-width:479px){
img {max-width:100%; height:auto;}
.headersection{ min-height:auto;}
.headersection .headersection-inner{ padding:12px 2%;}
.headersection .header-right{ width:72%; height:auto; padding:8px 0 0;}
.headersection .socialmedia.pull-right{ float:none; width:100%; margin:0 auto;}
.headersection .socialmedia ul { float:none; text-align:center; width:100%;}
.headersection .contacts.pull-right{ float:none; width:100%; margin:0 auto;}
.headersection .header-right .righttop{ margin:0;}
.banner-section img{ max-width:100%;}
.banner-section .pos-abs{ position:relative; top:auto; left:auto;}
.banner-section .banner-middle{ max-width:100%; height:auto; margin:0 auto; padding:14px 2%;}
.banner-section .text-section{ max-width:100%;}
.banner-section h2{ font-size:1.4em; line-height:1em;}
.banner-section a.more{ padding:4px 18px; font-size:1em;}
.container-section{ padding:0 2%;}
#footer-section .footer-inner{ padding:0 2%;}
#footer-section .footer-top, #footer-section .footer-bottom{ padding:10px 0;}
#footer-section .footerboxes.pull-left{ width:100%; margin:0 auto 14px; text-align:center;}
#footer-section .socialmedia{ margin:0 auto 6px;}
#footer-section .socialmedia ul{ text-align:center;}
#footer-section .socialmedia ul li { float:none;}
#footer-section ul li{ margin:0 0 8px;}
#footer-section a.more{ margin:0 auto;}
.welcome-section.pull-left{ float:none; width:100%; margin:0 auto;}
.introduct-video.pull-right{ float:none; width:100%; margin:0 auto; text-align:center;}
#footer-section p.copyright{ float:none; text-align:center;}
#footer-section .morelink{ float:none; text-align:center;}
#footer-section .footerboxes h3{ margin:0 0 6px;}
#content-section { min-height:auto; padding:20px 0;}
.welcome-section h2{ margin: 0 0 10px; padding: 0 0 14px;}

.contact-section{ width:100%; height:auto; margin:0 auto; padding:20px 2% 0;}
.contact-section .contact-left.pull-left{ float:none; width:100%; margin:0 auto 14px;}
.contact-section .contactformbox.pull-right{ float:none; width:100%; margin:0 auto;}
.contactformbox .lbl01{ float:none; width:100%; color:#000; font-size:16px; font-weight:400; line-height:22px;}
.contactformbox input[type="text"], .contactformbox input[type="email"], .contactformbox input[type="tel"], .contactformbox select{ float:none; width:100%;}
.contactformbox textarea{ float:none; width:100%;}
.contactformbox input[type="submit"]{ float:none; margin:0 auto;}
.services-row{ margin:0 auto 20px;}
.services-row .servbox.pull-left{ float:none; width:100%; height:auto; margin:0 auto 14px; text-align:center;}
.services-row .servbox h3{ min-height:auto;}
.services-row .servbox .imgplaceholder{margin:0 auto 14px; text-align:center;}
.our-mission .imgplaceholder.pull-left{ float:none; width:100%; margin:0 auto 10px;}
.our-mission .text-section.pull-right{ float:none; width:100%; margin:0 auto 10px;}
.gallery-section .galler-box .prev{ left:0;}
.gallery-section .galler-box .next{ right:0;}
.banner-section p{ color:#000!important;}
.accomodation-section .accobox h3{ font-size:1em; line-height:1.2em;}
.accomodation-section .accobox.pull-left{ float:none; width:100%; height:auto; margin:0 auto 14px;}
.gallery-section .galler-box .zoomicon{ display:block; }

}