@media screen and (max-width: 740px) and (orientation:landscape)
{

    #site-header-logo  img {
        width: 36% ;
    }

    .margin-top-138px {
        margin-left: -8%;
        margin-top: 42px;
        z-index: 100;
    }



    .activity-slider > div:first-child {
        height: 400px;
    }

    #site-header {
        z-index: 100;
    }

    .header-facebook {
        margin-top: -55px !important;
        margin-left: 3% !important;
        position: absolute;
        width: 8%;
    }

    #horse {
        display: none;
    }

    .activity-item img {
        height: 370px !important;
    }

    .lm-section {
        background-size: cover;
        background-position: center;
        min-height: 650px
    }

    .bx-prev {
        left:1% !important;
    }

    .bx-next {
        left:90%;
    }

    .header-social {
        display: none;
    }

    #page-side-link-wrapper {
        position: absolute;
        top: 50vh;
        z-index: 10;
        margin-left: 19px;
    }

    .margin-left-86p {
            z-index: 10;
            float: right;
            margin-left: 59%;
            padding-left: 71px;
            margin-top: -8%;
            width: 41%;
            margin-right: 98px;
        }

    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
        display: none;
    }

    .custom-activity-slider {
        width:100%;
        height:200px;
    }

    .daycare-heading-image img {
        width: 50%;
        margin-left: 30%;
    }


    .enquiry-link-desktop {
        top: 100px;
    }

    .activity-detail-content {
        /*left: -30px;*/
        padding-top: 6px;
        top: 100%;
        padding-bottom: 123px;
    }

    .enquiry-menu {
        margin-top: -6px !important;
    }

    .lm-mobile-menu {
        margin-top: -58px;
        z-index: 10;
        width: 18%;
    }

    .daycare-sidelink {
        /*margin-left: 53%;*/
        margin-top: -103px;
        z-index: 10;
        width: 62%;
}

    .top-round-corners {
        border-top-left-radius: 0%;
        border-top-right-radius: 0%;
    }

    .child-menu-mobile {
        margin-top:-8px !important;
    }

    .mobile-activity-caption {
        text-align: center;
    }

    #enquiry-link {
        margin-left: -38px;
        margin-top: 35px;
    }


    #landing-view {
    background-position: 27% 40%, 80% 40%, 28% 60%, 78% 60%, -0% 100%, 100% 100%, 0, center;
    background-size: 33%, 33%, 33%, 33%, 49%, 32%, 150% 100%, 100% 100%;
    }

    .lm-section {
        min-height: 200vH
    }

    .activity-item img {
        height: 400px;
    }

    #landing-page-second-section {
        background-position: 9% 10%, 86% 10%, 17% 57% , 100% 100% , left;
        background-size: 44%, 44%, auto , 100% , cover;
        height: 100vH;
    }

    .daycare-sidelink {
        margin-top: -101px;
        z-index: 10;
        width: 30%;
        left: 32%;
    }

    .hidden-land {
        display: none;
    }

    .tie-ups-mobile img {
        width: 56%;
        padding: 0px;
        margin-left: -30px;
    }

    .bx-wrapper {
        margin-top: 120px;
    }

    #paper-kid {
        display: none;
    }

    .inline-block {
        top:-16px;
    }

    #site-header-menu-mobile > div {
        background:url('../images/menu-bg.jpg');
        text-align: left;
        padding: 10px;
        margin-top: 8px;
        z-index: 100;
        background-size: contain;
    }

    #facility-section-mobile {
        background-image: url("/static/images/slider-backgrounds/1.jpg");
    }

    #site-header-menu-mobile a {
        color: #000;
    }

}

@media only screen and (min-width : 1024px) and (max-width : 1279px) and (orientation : portrait) {
    #horse-dino figure:first-child {
        bottom: -74px;
    }

    .lm-section {
        min-height: 650px;
    }

    .margin-left-86p {
        margin: -54px 76%;
        padding-left: 67px;
    }

    #dino {
        margin-top: 41px;
    }

    .activity-item {
        width: 25%;
        margin-left: 8.33333333%;
    }
}


@media only screen and (min-width : 768px) and (max-width : 1030px) and (orientation : landscape) {
    #landing-view {
        background-position: 34% 40%, 57% 40%, 33% 50%, 57.5% 50%, 0 100%, 100% 100%, 0, center;
    }

    #landing-page-second-section {
        background-position: 33% 16%, 60% 16%, 7% 42% , bottom right , center;
    }

    .lm-section {
        min-height: 650px;
    }

    #dino {
        float: right;
        margin-top: 40px;
    }

    #horse-dino figure:first-child {
        bottom: -77px;
        left: 89px;
    }

    #horse-dino {
        bottom: -25px;
        left: -73px;
    }

    .activity-item {
        width: 25%;
        margin-left: 8.33333333%;
    }


    .activity-mobile-landscape {
        margin-top: 186px;
    }

    .margin-left-86p {
        padding-left: 100px;
        margin: -6% 74%;
    }

    .slider-page-content {
        width: 66.66666667%;
        margin-left: 33.33333333%;
    }
}


@media screen and (max-width: 320px) and (orientation:landscape)
{
    #site-header-logo  img {
        width: 50% ;
    }

    .margin-left-86p {
        margin-left: 76%;
        padding-left: 71px;
        margin-top: -13%;
    }

    #site-header {
        z-index: 100;
    }

    #landing-view {
        background-position: 27% 30%, 73% 30%, 30% 40%, 74% 40%, -20% 100%, 100% 100%, 0, center;
        background-size: 30%, 30%, 30%, 30%, 65%, 43%, 150% 100%, 100% 100%;
        height: 100vH;
    }


    #activities-section {
        min-height: inherit;
    }

    .daycare-sidelink {
        margin-left: 65%;
        margin-top: -114px;
        z-index: 10;
        width: 35%;
    }

    #page-side-link-wrapper {
        padding: 0px 0px 0px 5px;
        font-size: 11px;
        position: absolute;
    }

    .lm-section {
        min-height: 200vH
    }

    #landing-page-second-section {
        background-position: 9% 10%, 86% 10%, 52% 43% , 100% 95% , left;
        background-size: 44%, 44%, 25% , 100% , cover;
        height: 100vH;
    }

    .activity-slider > div:first-child {
        height: 400px;
    }

    .activity-item img {
        height: 400px;
    }

    .header-facebook {
        width: 11%;
    }

}
