.hidden-xs {display:inline-block !important;}
.visible-xs {display:none !important;}
#footersocials {display:none;}
#toggleMenu {display:none;}
#mobileCarousel {display:none;}
#backTopBtn {display:none;}

@media (max-width:767px)
{
    .hidden-xs {display:none !important;}
    .visible-xs {display:inline-block !important;}
    .btn-primary {background:#d0ebef;color:#686a6c;display:block;padding:7px 10px;text-decoration:none;font-size:1.1em;}
    .btn-primary:hover {text-decoration:none;}

    #wrapper {width:100%;margin-top:35px;}
    #header {margin:0 15px;height:auto;}
    #logo {float:none;margin-bottom:20px;}
    #logo a {background-size:130px 48px;height:48px;width:130px;}
    #toggleMenu {display:block;float:right;background:url(../images/icon-menu.png) no-repeat center;width:34px;height:34px;text-indent:-99999px;}
    #toggleMenu.open {background-image:url(../images/icon-close.png);}
    #socials {display:none;}
    #nav {position:static;float:none;font-size:21px;display:none;}
    #nav li {float:none;display:block;border-top:1px solid #8b8d8e;height:auto;}
    #nav li ul {background:none;position:static;top:0;width:auto;padding:0;display:1block;}
    #nav li a {font-size:1em;height:auto;padding:10px 25px;}
    #nav > li.over > a, #nav > li > a.active {background:none;}
    #nav > li.over > a.toggle,
    #nav > li > a.toggle,
    #nav li a.toggle {background:url(../images/icon-down.png) no-repeat right center;}
    #nav li span.arrow {position:absolute;top:0px;right:0px;height:41px;width:45px;}
    #nav li ul li a {font-size:1em;line-height:1.3em;padding:10px 25px 10px 45px;opacity:0.8;}
    
    #main {width:100%;overflow:hidden;}
    #main .watchvideo {display:none;}
    .anythingSlider .anythingWindow {margin-bottom:15px;}
    .anythingSlider-default {padding-bottom:45px;}
    .anythingSlider-default .anythingControls ul {float:none;text-align:center;margin:0;}
    .anythingSlider-default .anythingControls ul a {display:inline-block;float:none;margin:0 8px 0}
    #pageheading {margin:0 15px;text-align:center;border-bottom:1px solid #b5aea8;font-size:22px;}
    #sidebar, #content {margin:0 15px;width:auto;float:none !important;}
    #content {padding:15px 0;}
    .format {padding:0;}
    .package {margin-bottom:30px;}
    .package h2 {background:#d0ebef;padding:10px;font-size:16px;}
    .package table th,
    .package table td {font-size:14px;}
    
    .gallery #gallery_carousel,
    .gallery .anythingSlider {display:none !important;}
    .galphoto .fancybox-close {background:url(../images/icon-close.png) no-repeat center;top:-25px;height:20px;width:20px;right:0;}
    .galphoto .fancybox-nav span {visibility:visible;background:url(../images/slider-nav.png) no-repeat left top rgba(0,0,0,0);
        width:25px;height:49px;margin-top:-25px}
    .galphoto .fancybox-next span {background-position:right top;}
    #mobileCarousel {display:block;margin:0 15px 20px;padding:20px 0 0;}
    #imageCarousel .slides li a {float:left;width:48%;margin-bottom:15px;}
    #imageCarousel .slides li a.alt {float:right;}
    #imageCarousel .slides li a img {max-width:100%;height:auto !important;}
    .flex-direction-nav {}
    .flex-direction-nav a.flex-next,
    .flex-direction-nav a {position:static;display:block;margin:0;height:auto;width:auto;text-align:center;
        padding:10px;font-size:16px;text-shadow:none;}
    .flex-direction-nav a.flex-next::before,
    .flex-direction-nav a::before {content:'';}
    .flex-direction-nav .flex-nav-prev {float:left;width:48%;}
    .flex-direction-nav .flex-nav-prev a {background:url(../images/gal-prev.png) no-repeat left center;}
    .flex-direction-nav .flex-nav-next {float:right;width:48%;}
    .flex-direction-nav .flex-nav-next a {background:url(../images/gal-next.png) no-repeat right center;}
    .fancybox-opened .fancybox-skin {-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none;}

    #sidebar .menu {width:auto;}
    #sidebar .menu h3 {background:none;color:#a1d8e0;text-align:center;font:22px/1em "DagnyWeb-Light";border-top:1px solid #a49c94;padding-top:14px;}
    #sidebar .quote {border-top:1px solid #a49c94;padding-top:14px;}
    #sidebar .menu ul li a {display:block;padding:10px;background:#d0ebef;}
    #sidebar .menu ul li a:hover {text-decoration:none;}
    #sidebar .faqs {padding-top:14px;}
    #sidebar .faqs h3 {display:none}
    
    #hero {width:auto;margin:0 15px;padding-bottom:25px;}
    #hero img {max-width:100%;height:auto !important;}
    #homeslider {width:100%;}
    #sliderWrapper {padding:0 15px;}
    
    #TA_cdsscrollingravewide119, #TA_certificateOfExcellence702 {display:none1;}
    
    #footer {margin:0 15px;text-align:center;font-size:1.2em;border-top:1px solid #b7b0aa;}
    .home #footer {border-top:1px solid #b7b0aa;padding-top:15px;}
    #footer .left, #footer .right {float:none !important;}
    #footer .left {margin-bottom:5px;}
    #footersocials {display:block;margin:0 15px;border-top:1px solid #b7b0aa;padding:15px 0;}
    #footersocials .inner {margin:0 auto;width:150px;height:17px;}
    #footersocials a {float:left;line-height:17px;}
    #footersocials a:hover {color:#000;text-decoration:none;}
    #footersocials a.blog {background:url(../images/logo-tiny.png) no-repeat right center;height:17px;padding-right:25px;}
    #footersocials a.blog:hover {background:url(../images/logo-tiny-over.png) no-repeat right center;}
    #footersocials a.sn {background:url(../images/social-icons.png) no-repeat;width:17px;height:17px;text-indent:-99999px;margin-left:15px;}
    #footersocials a.fb {background-position:0 0;}
    #footersocials a.fb:hover {background-position:0 -17px;}
    #footersocials a.tt {background-position:-17px 0;}
    #footersocials a.tt:hover {background-position:-17px -17px;}
    #footersocials a.vm {background-position:-34px 0;}
    #footersocials a.vm:hover {background-position:-34px -17px;}
    
    #joinform {width:auto;}
    #joinform .inner {padding:15px;clear:none !important;}
    #joinform ul li .btn,
    #joinform ul li .txt {width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
    #joinform ul li input[type="checkbox"] {float:left;margin:5px;}
    #backTopBtn {display:block;background:#f6f5f4;color:#686a6c;margin:15px 15px 0;text-align:center;padding:10px 15px;font-size:14px;}
    #backTopBtn:hover {text-decoration:none;}
    #giftvoucher #sidebar {display:none;}
    
    .rtblWrapper {margin:16px 0;}
    .package table.rtbl {border:1px solid #a0d7df;width:100%;margin:-1px 0 0;font-size:18px;}
    .package table.rtbl td {padding:10px;background:#E6F5F5;}
    .package table.rtbl td.label {width:40%;font-weight:bold;border-right:1px solid #a0d7df}
    .package table.rtblalt td {background:#FFF;border-bottom:1px solid #E6F5F5;}
}

@media (max-width:959px)
{
    #birthdayOfferForm ul.form li,
    #exclusiveOfferForm ul.form li {height:auto;}
    #birthdayOfferForm ul.form label,
    #exclusiveOfferForm ul.form label {float:none;background:none;padding:0;display:block;height:auto;line-height:1.4em;}
    #birthdayOfferForm ul.form .inputs,
    #exclusiveOfferForm ul.form .inputs {float:none;width:auto;}
    #birthdayOfferForm ul.form #submitbtn,
    #exclusiveOfferForm ul.form #submitbtn,
    #birthdayOfferForm ul.form .txt,
    #exclusiveOfferForm ul.form .txt {width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
    
    #birthdayOfferForm div.checker,
    #exclusiveOfferForm div.checker {float:left;margin:5px 10px 5px 0}
    #birthdayOfferForm .nofloat strong,
    #exclusiveOfferForm .nofloat strong {display:block;overflow:hidden;}
    #birthdayOfferForm .radio-li,
    #exclusiveOfferForm .radio-li {background:none;}
    #birthdayOfferForm .radio-li span,
    #exclusiveOfferForm .radio-li span {display:block;overflow:hidden;padding-left:0 !important;height:auto;line-height:1.4em;}
    #birthdayOfferForm div.radio,
    #exclusiveOfferForm div.radio {margin:0;}
    
    #alertmsg {width:auto !important;}
}
@media (min-width:768px) and (max-width:959px)
{
    #hero img {max-width:100%;height:auto !important;}
    #wrapper {width:auto;margin:50px 15px 20px;}
    #header {height:120px;}
    #nav li {height:40px;}
    #nav li a {height:40px;}
    #nav {float:none;left:0;right:0;}
    #nav > li > a {padding-right:45px;}
    #content {width:65%;}
    #sidebar {width:33%;}
    .gallery #slider {width:100%;}
    .gallery #slider li {width:auto;height:auto;background-size:100%;}
}