@media only screen and (min-width:80px) and (max-width:576px)
{
    .container
    {
        max-width: 95% !important;
    }

    .advisoryboardright ul li
    {
        margin: 0;
    }

    .homeservices
    {
        width: 100%;
    }

    #mobilemenucontainer
    {
        display: none;
    }

    .homeabout
    {
        width: 100%;
    }

    .top-header-right p
    {
        float: left;
        display: none;
    }

    .socialmedia
    {
        width: 105px;
        float: left;
    }

    .socialmedia li
    {
        margin: 0 5px 0 0;
    }

    .homeservices ul
    {
        top: 25px;
        position: relative;
    }

    .homeservices ul li
    {
        width: 80%;
        margin: 0 10% 65px;
    }

    .homeabout ul li
    {
        width: 100%;
        margin: 5px 0 15px;
    }

    .homeamenitiesdiv
    {
        margin: 5px 0 0 0;
        height: auto;
    }

    .homeamenitiesdiv img
    {
        width: 112%;
    }

    .membershipinfo
    {
        width: 90%;
        float: left;
        margin: 25px 5%;
    }

    .homeourmembershipleft p
    {
        text-align: center;
    }

    .homeourmembershipleft p span
    {
        text-align: center;
    }

    .homeourmembershipleft a
    {
        text-align: center;
        width: 100%;
    }

    .homeourmembershipleft a:before
    {
        display: none;
    }

    .homeourmembershipleft h1
    {
        text-align: center;
    }


    .homeclubproximityleft h1
    {
        text-align: center;
    }

    .homeclubproximityleft p
    {
        text-align: center;
    }


    .homeclubproximityleft a
    {
        text-align: center;
        width: 100%;
    }

    .homeclubproximityleft a:before
    {
        display: none;
    }


    .homeclubproximityright
    {
        margin: 0 15% 35px;
        width: 70%;
    }
    .holidayfundiv p
    {
        width: 90%;
    }

    .footermain ul
    {
        float: left;
        margin: 40px 5% 0;
        padding: 0;
        width: 90%;
    }

    .footeraddress
    {
        float: left;
        margin: 25px auto;
        padding: 0;
    }

    .footerbottom p
    {
        color: #434343;
        width: 100%;
        float: left;
        text-align: center;
        line-height: 20px;
        margin: 5px 0 0 0;
        font-size: 13px;
    }

    #footeralignright
    {
        text-align: center;
    }

    .row
    {
        padding-right: 0;
        padding-left: 0;
        margin-right: 0;
        margin-left: 0;
        display: table;
    }
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto
    {
        padding-right: 0;
        padding-left: 0;
        float: left;
    }


    .scrollup
    {
        right: 10px;
        bottom: 50px;
    }

    /*.carousel-caption
                {
                    display: none;
                }*/

    .carousel-caption h3, .carousel-indicators
    {
        display: none;
    }

    .carousel-caption
    {
        left: 0;
        bottom: 0;
        width: 100%;
        background: rgba(0,0,0,0.6);
        padding: 5px 1%;
    }

    .carousel-caption p
    {
        text-align: center;
        width: 100%;
        font-size: 29px;
        line-height: 35px;
    }

    .homeourmembership
    {
        padding: 25px 0;
        background-size: cover;
    }
    .homeourmembershipleft
    {
        margin-top: 0px;
    }


    .homeservices ul li:hover
    {
        margin-top: 0px;
    }

    .insidebanner
    {
        border-bottom: 2px solid #dcdcdc;
    }

    h1
    {
        font-size: 21px;
        text-align: center;
        font-family: Droid Serif;
        font-weight: bold;
        color: #333;
        text-transform: capitalize;
        margin: 25px 0 25px;
    }

    .insidebannerdata
    {
        bottom: 5px;
    }

    .margintop
    {
        margin-top: 5px;
    }

    .homeclubproximity
    {
        padding: 20px 0;
    }

    .membershipinfo p
    {
        font-size: 20px;
    }

    .membershipam p
    {
        font-size: 39px;
    }


    .membershipinfo h1
    {
        font-size: 26px;
        line-height: 37px;
    }

    .insidebannerdata
    {
        display: none;
    }

    .advisoryboardright ul
    {
        width: 100%;
        padding: 0 0 0 7%;
    }

    .paddingbottom
    {
        padding-bottom: 15px;
    }

    .example-1
    {
        position: relative;
        overflow-y: scroll;
        height: 650px;
        margin: 25px 0;
    }

    .affiliationaddress
    {
        width: 90%;
        padding-left: 10%;
    }

    .affiliationphone
    {
        width: 90%;
        padding-left: 10%;
    }

    .affiliationweb
    {
        width: 90%;
        padding-left: 10%;
    }

    .affiliationlogo img
    {
        margin: 5px auto;
    }

    .card-body
    {
        padding: 0;
    }
    .notebg
    {
        text-align: center;
    }

    .proximityright
    {
        border-right: 3px solid #f1f1f1;
        border-left: 3px solid #f1f1f1;
        border-bottom: 3px solid #f1f1f1;
        border-top: 0px solid #f1f1f1;
        max-width: 100%;
        padding: 20px 5%;
    }


    .bordereffect:hover .proximityright
    {
        border-right: 3px solid #f8d404;
        border-left: 3px solid #f8d404;
        border-bottom: 3px solid #f8d404;
        border-top: 0px solid #f1f1f1;
    }


    .proximityimg img
    {
        border-right: 3px solid #f1f1f1;
        border-left: 3px solid #f1f1f1;
        border-top: 3px solid #f1f1f1;
        border-bottom: 0px solid #f1f1f1;
    }

    .bordereffect:hover .proximityimg img
    {
        border-right: 3px solid #f8d404;
        border-left: 3px solid #f8d404;
        border-top: 3px solid #f8d404;
        border-bottom: 0px solid #f8d404;
    }

    .bordereffect
    {
        margin-bottom: 15px;
    }

    .enquiryformdata table td
    {
        vertical-align: top;
        float: left;
        width: 100%;
    }

    .inspiredvision
    {
        width: 100%;
    }


    .inspiredvision img
    {
        width: 100%;
    }

    .sourceinspiration
    {
        width: 100%;
        margin: 0 auto;
        display: table;
    }

    .sourceinspiration img
    {
        width: 60%;
        margin: 0 20%;
    }

    .advisoryboardleft img
    {
        width: 100%;
        margin: 25px 10px;
    }


    .testimonialsborderbottom
    {
        margin: 15px 0 15px 0;
        padding-bottom: 10px;
    }

    .btn
    {
        float: left;
        padding: 2px 20px;
        line-height: 25px;
    }


    .border
    {
        border-right: 0px solid #dee2e6 !important;
    }

    .column
    {
        flex: 100%;
        max-width: 100%;
        padding: 0 4px;
    }



}



@media only screen and (min-width:577px) and (max-width:768px)
{
    .container
    {
        max-width: 95% !important;
    }


    .homeservices
    {
        width: 100%;
    }

    .homeabout
    {
        width: 100%;
    }

    .top-header-right p
    {
        float: left;
        line-height: 30px;
        margin-left: 15px;
        margin-top: 8px;
    }

    .top-header-right p i
    {
        line-height: 30px;
    }

    .socialmedia
    {
        width: 105px;
        margin: 10px 0 0 0;
        float: left;
    }

    .socialmedia li
    {
        margin: 0 5px 0 0;
    }

    .homeservices ul
    {
        top: 5px;
        position: relative;
    }

    .homeabout ul
    {
        width: 100%;
    }

    .homeservices ul li
    {
        width: 48%;
        margin: 0 1% 65px;
    }

    .homeservices ul li p
    {
        font-size: 15px;
    }

    .homeabout ul li
    {
        width: 50%;
        margin: 5px 0 15px;
    }

    .homeamenitiesdiv
    {
        margin: 5px 1.5%;
        width: 97%;
        height: auto;
    }

    .homeamenitiesdiv img
    {
        width: 120%;
    }

    .membershipinfo
    {
        width: 46%;
        float: left;
        margin: 25px 2%;
    }

    .homeourmembershipleft p
    {
        text-align: center;
    }

    .homeourmembershipleft p span
    {
        text-align: center;
    }

    .homeourmembershipleft a
    {
        text-align: center;
        width: 100%;
    }

    .homeourmembershipleft a:before
    {
        display: none;
    }

    .homeourmembershipleft h1
    {
        text-align: center;
    }


    .homeclubproximityleft h1
    {
        text-align: center;
    }

    .homeclubproximityleft p
    {
        text-align: center;
    }


    .homeclubproximityleft a
    {
        text-align: center;
        width: 100%;
    }

    .homeclubproximityleft a:before
    {
        display: none;
    }


    .homeclubproximityright
    {
        margin: 0 0 35px;
        width: 96%;
        border: 2px solid #f8d404;
    }
    .holidayfundiv p
    {
        width: 90%;
    }

    .footermain ul
    {
        float: left;
        margin: 40px 5% 0;
        padding: 0;
        width: 90%;
    }

    .footeraddress
    {
        float: left;
        margin: 25px auto;
        padding: 0;
    }

    .footerbottom p
    {
        color: #434343;
        float: left;
        text-align: center;
        line-height: 22px;
        margin: 5px 0 0 0;
        font-size: 13px;
    }


    .row
    {
        padding-right: 0;
        padding-left: 0;
        margin-right: 0;
        margin-left: 0;
        display: table;
    }
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto
    {
        padding-right: 0;
        padding-left: 0;
        float: left;
    }


    .scrollup
    {
        right: 10px;
        bottom: 50px;
    }

    .carousel-caption
    {
        left: 30px;
        width: 310px;
        background: rgba(0,0,0,0.6);
        bottom: 25px;
        padding: 5px 1%;
    }
    .carousel-caption h3
    {
        font-family: droidserif;
        font-size: 14px;
        float: left;
        line-height: 25px;
        color: #fff;
        padding: 0;
        margin: 0 0 5px 0;
        text-align: left;
        line-height: 24px;
        width: 100%;
    }

    .carousel-caption p
    {
        font-family: droidserif;
        font-weight: normal;
        font-size: 35px;
        float: left;
        line-height: 40px;
        text-align: left;
        color: #fff;
        padding: 0;
        margin: 0;
    }

    .carousel-caption h3::after
    {
        display: none;
    }

    .homeourmembership
    {
        padding: 25px 0;
    }
    .homeourmembershipleft
    {
        margin-top: 0px;
    }


    .homeservices ul li:hover
    {
        margin-top: 0px;
    }

    .insidebanner
    {
        border-bottom: 2px solid #dcdcdc;
    }

    h1
    {
        font-size: 29px;
        text-align: center;
        font-family: Droid Serif;
        font-weight: bold;
        color: #333;
        text-transform: capitalize;
        margin: 25px 0 25px;
    }

    .insidebannerdata
    {
        bottom: 5px;
    }

    .margintop
    {
        margin-top: 5px;
    }

    .homeclubproximity
    {
        padding: 20px 0;
    }

    .membershipinfo p
    {
        font-size: 20px;
    }

    .membershipam p
    {
        font-size: 39px;
    }


    .membershipinfo h1
    {
        font-size: 26px;
        line-height: 37px;
    }

    .insidebannerdata
    {
        display: table;
    }

    .advisoryboardright ul
    {
        width: 100%;
        padding: 0;
    }

    .paddingbottom
    {
        padding-bottom: 15px;
    }

    .example-1
    {
        position: relative;
        overflow-y: scroll;
        height: 650px;
        margin: 25px 0;
    }

    .affiliationaddress
    {
        width: 90%;
        padding-left: 10%;
    }

    .affiliationphone
    {
        width: 90%;
        padding-left: 10%;
    }

    .affiliationweb
    {
        width: 90%;
        padding-left: 10%;
    }

    .affiliationlogo img
    {
        margin: 5px auto;
    }

    .card-body
    {
        padding: 0;
    }
    .notebg
    {
        text-align: center;
    }

    .proximityright
    {
        border-right: 3px solid #f1f1f1;
        border-left: 3px solid #f1f1f1;
        border-bottom: 3px solid #f1f1f1;
        border-top: 0px solid #f1f1f1;
        max-width: 100%;
        padding: 20px 5%;
    }


    .bordereffect:hover .proximityright
    {
        border-right: 3px solid #f8d404;
        border-left: 3px solid #f8d404;
        border-bottom: 3px solid #f8d404;
        border-top: 0px solid #f1f1f1;
    }


    .proximityimg img
    {
        border-right: 3px solid #f1f1f1;
        border-left: 3px solid #f1f1f1;
        border-top: 3px solid #f1f1f1;
        border-bottom: 0px solid #f1f1f1;
    }

    .bordereffect:hover .proximityimg img
    {
        border-right: 3px solid #f8d404;
        border-left: 3px solid #f8d404;
        border-top: 3px solid #f8d404;
        border-bottom: 0px solid #f8d404;
    }

    .bordereffect
    {
        margin-bottom: 15px;
        padding: 0 2%;
        width: 100%;
    }

    .enquiryformdata table td
    {
        vertical-align: top;
        float: left;
        width: 100%;
    }

    .sourceinspiration img
    {
        width: 40%;
        margin: 0 30%;
    }

    .advisoryboardleft img
    {
        width: 90%;
        margin: 15px 5px;
    }

    .btn
    {
        padding: 2px 30px;
        float: right;
        margin-right: 10px;
    }

    .border
    {
        border-right: 0px solid #dee2e6 !important;
    }

    .column
    {
        flex: 50%;
        max-width: 50%;
        padding: 0 4px;
        float: left;
    }


}