@charset "utf-8";
/* CSS Document */
body {
    margin: 0 auto;
    padding: 0;
    font-family: 'Montserrat', sans-serif;
}

a, a:hover, a:focus {
    outline: none;
}

/*added on 30 july*/
.required-field {
    border-color: #f00 !important;
}

::-moz-selection {
    background: #ffc82a;
    color: #000;
}

::-webkit-selection {
    background: #ffc82a;
    color: #000;
}

a, a:hover {
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    -ms-transition: all 0.35s ease-in-out;
    -o-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
    text-decoration: none;
}

    a, a:visited {
        color: #0087cc;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

.grida {
    background: white !important;
    color: black !important;
    padding: 0px 0px !important;
}

a:hover, a:focus {
    color: #ff7b29;
}

.grid_wrap {
    background-color: #f7f8f8;
}
/*.grid_wrap .header{ border-style:solid; border-width:1px 1px 3px 1px; border-color:#d9d6d6 #d9d6d6 #82ac60 #d9d6d6}*/
.manage_grid {
    border-collapse: collapse;
    background-color: #fff;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
}

    .manage_grid th {
        border: 1px solid #ccc;
        padding: 12px 10px;
        background: #e8eaea;
        text-align: left;
        font-weight: 800;
        text-align: center;
        /*width on 17 july 2019*/
        width: 22%;
        /*width: 100px;*/
    }

    .manage_grid td {
        border: 1px solid #ccc;
        padding: 5px 5px 5px 5px;
        font-size: 14px;
    }

h1, h2, h3, h4, h5 {
    font-family: 'Montserrat', sans-serif;
}

.responsive_table {
    display: block;
    margin: 0 0 30px 0;
    box-sizing: border-box;
    position: relative;
    width: 100%;
}

    .responsive_table table {
        width: 100%;
        border-right: 2px #ddd solid;
        border-top: 2px #ddd solid;
    }

        .responsive_table table thead tr {
            background: #165f91;
        }

            .responsive_table table thead tr th, .responsive_table table tbody tr td {
                padding: 10px;
                color: #fff;
                box-sizing: border-box;
                text-align: left;
                height: 45px;
            }

        .responsive_table table tbody tr td {
            color: #000;
            vertical-align: top;
            border-left: 2px #ddd solid;
            border-bottom: 2px #ddd solid;
        }

.inner_wrapper.pdf {
    text-align: center;
}

    .inner_wrapper.pdf .post {
        display: inline-block;
        border: 2px #ddd solid;
        box-sizing: border-box;
        padding: 100px 10px 10px 10px;
        width: 180px;
        position: relative;
        margin: 10px;
        vertical-align: top;
    }

.navbar {
    position: fixed;
    margin: 0;
    padding: 0;
    z-index: 999;
    width: 100%;
}

.main-nav {
    background: #000 !important;
}

    .main-nav a {
        color: #CCC;
    }

.navbar ul li {
    padding: 0 3px !important;
}

    .navbar ul li a {
        color: #fff !important;
        padding: 19px 0;
        text-transform: none;
        font-size: 18px;
        letter-spacing: 0.2px;
        font-weight: 600;
    }

        .navbar ul li a:hover {
            color: #cca351 !important;
        }

.navbar-nav {
    padding: 0 0 0 110px !important;
}

.logo {
    color: #FC0 !important;
    margin-left: 35px;
}

    .logo img {
        width: 10%;
        margin: -25px 0 0 0;
        padding: 0;
        z-index: 99;
        position: absolute;
    }

.navbar-toggler {
    color: #CCC !important;
}

.call {
    margin: -6px 0 0 0;
    padding: 0;
    font-weight: 200;
    font-size: 18px;
    color: #fff;
    letter-spacing: 0.8px;
}

.fa-mobile-alt {
    font-size: 18px;
    color: #ee713a;
}

a.fb {
    color: #2779C7;
    font-size: 28px;
    margin-right: 12px;
}

    a.fb:hover {
        color: #fff;
        font-size: 28px;
        margin-right: 12px;
    }

a.tweeter {
    color: #27B3E5;
    font-size: 28px;
    margin-right: 12px;
}

    a.tweeter:hover {
        color: #fff;
        font-size: 28px;
    }

a.blog {
    color: #E0792A;
    font-size: 20px;
}

    a.blog:hover {
        color: #fff;
        font-size: 20px;
    }

.banner-section {
    margin: 0;
    padding: 0;
}

.ht-navbar {
    height: 55px;
}

.social {
    font-size: 16px;
    color: #C00;
    margin-right: 50px;
}

.banner-btm-img {
    margin: -190px 0 0 0;
    position: relative;
    z-index: 99;
}

.welcome-section {
    margin: 0 auto;
    padding: 100px 0;
    height: auto;
    background-image: linear-gradient(#fff, #ccffff);
    /*background:url(../images/watermark.png) center no-repeat;*/
}

    .welcome-section p {
        font-size: 22px;
        line-height: 30px;
        color: #000;
        margin: 0;
        padding: 0 0 50px 0;
        text-align: justify;
        letter-spacing: 0;
    }

    .welcome-section a {
        font-size: 22px;
        line-height: 30px;
        color: #fff;
        border-radius: 50px;
        margin: 0 auto;
        padding: 20px 40px;
        background-image: linear-gradient(#001761, #003399);
        letter-spacing: 0;
        font-weight: 600;
    }

        .welcome-section a:hover {
            background: #0A9BC0;
        }

.login-section {
    margin: 0 auto;
    padding: 100px 0;
    background: url(../images/bg-login.jpg) fixed;
    background-size: cover;
    height: auto;
}

    .login-section h1 {
        font-size: 50px;
        text-align: center;
        color: #fff;
        margin: 0 auto;
        padding: 0;
        font-weight: 700;
    }

.login-section-main {
    width: 60%;
    margin: 20px auto;
    padding: 30px 50px;
    height: auto;
    border: 1px solid #fff;
    border-radius: 20px;
    color: #fff;
}

.form-control {
    padding: 15px;
}

.btn-login {
    width: 50%;
    margin: 15px auto;
    padding: 13px 10px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    background: #C50000;
    border: none;
    clear: both;
    border-radius: 25px;
}

    .btn-login:hover {
        background: #03215C;
        -webkit-transition: all 0.35s ease-in-out;
        -moz-transition: all 0.35s ease-in-out;
        -ms-transition: all 0.35s ease-in-out;
        -o-transition: all 0.35s ease-in-out;
        transition: all 0.35s ease-in-out;
    }

.calender-section {
    margin: 0 auto;
    padding: 100px 0;
    background: url(../images/bg-calender.jpg) fixed;
    background-size: cover;
    height: auto;
}

    .calender-section h1 {
        font-size: 50px;
        text-align: center;
        color: #000;
        margin: 0 auto;
        padding: 0;
        font-weight: 700;
    }

.calender-section-col {
    margin: 25px 0 0 0;
    border-right: 1px solid #999;
}

    .calender-section-col h2 {
        font-size: 24px;
        text-align: center;
        color: #0C4398;
        text-transform: uppercase;
        margin: 0 auto;
        padding: 0 0;
        font-weight: 700;
    }

.video-section {
    margin: 0 auto;
    padding: 100px 0;
    background: url(../images/bg-video.jpg) fixed;
    background-size: cover;
    height: auto;
}

    .video-section h1 {
        font-size: 50px;
        text-align: center;
        color: #fff;
        margin: 0 auto;
        padding: 0 0 30px 0;
        font-weight: 700;
    }

    .video-section h2 {
        font-size: 30px;
        color: #fff;
        text-align: left;
        margin: 0 auto;
        padding: 25px 0 28px 0;
        text-transform: none;
        line-height: 40px;
    }

        .video-section h2 span {
            color: #fff;
            text-transform: uppercase;
            font-size: 26px;
        }

.video-section-col {
    margin: 0;
    padding: 0 0 0 30px;
}

.video {
    width: 500px;
    height: 280px;
}

.footer-section {
    margin: 0 auto;
    padding: 100px 0;
    background: #333;
}

.footer-section-01 {
    margin: 0;
    padding: 0;
}

    .footer-section-01 p {
        font-size: 18px;
        line-height: 24px;
        margin: 0;
        padding: 20px 0 0 0;
        color: #ccc;
    }

        .footer-section-01 p span {
            color: #c4a751;
        }

    .footer-section-01 a {
        color: #c4a751;
    }

        .footer-section-01 a:hover {
            color: #fff;
        }

.footer-section-02 {
    margin: 0;
    padding: 0;
}

.footer-section-03 {
    margin: 0;
    padding: 0;
}

    .footer-section-03 ul {
        margin: 0 0 0 150px;
        padding: 0;
    }

        .footer-section-03 ul li {
            margin: 0;
            padding: 5px 0;
            list-style: none;
        }

            .footer-section-03 ul li a {
                font-size: 20px;
                color: #fff;
                text-align: left;
                display: block;
            }

                .footer-section-03 ul li a:hover {
                    color: #caa54f;
                }

.copy-section {
    margin: 0 auto;
    padding: 25px 0;
    background: #000;
    text-align: center;
    font-size: 16px;
    color: #C5C5C5;
}

.carousel-caption {
    margin: 0 auto;
}

    .carousel-caption h5 {
        margin: 0 auto;
        font-size: 80px;
        text-transform: uppercase;
        color: #fff;
        font-weight: 700;
    }

    .carousel-caption p {
        margin: 0 auto;
        padding: 0 100px;
        font-size: 46px;
        text-transform: none;
        color: #fff;
        font-weight: 500;
    }

.news-section {
    margin: 0 auto;
    padding: 80px 0;
    background: #fff;
}

    .news-section h1 {
        font-size: 50px;
        text-align: center;
        color: #000;
        margin: 0 auto;
        padding: 0 0 0 0;
        font-weight: 700;
    }

.news-section-main {
    margin: 0 auto;
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
}

    .news-section-main h2 {
        font-size: 24px;
        text-align: left;
        color: #0A3B7E;
        margin: 0 auto;
        padding: 0 0 15px 0;
        font-weight: 700;
        text-decoration: underline;
    }

    .news-section-main h3 {
        font-size: 18px;
        text-align: left;
        color: #666;
        margin: 0 auto;
        padding: 0 0 15px 0;
        font-weight: 800;
    }

    .news-section-main p {
        font-size: 16px;
        text-align: left;
        color: #333;
        margin: 0 auto;
        padding: 0 0 10px 0;
    }

    .news-section-main a {
        font-size: 16px;
        line-height: 30px;
        color: #000;
        border-radius: 50px;
        margin: 0;
        padding: 20px 0;
        text-decoration: underline;
    }

        .news-section-main a:hover {
            color: #C30609;
        }

.news-section a.all {
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    border-radius: 50px;
    margin: 0 auto;
    padding: 20px 40px;
    background-image: linear-gradient(#001761, #003399);
    letter-spacing: 0;
    font-weight: 600;
}

    .news-section a.all:hover {
        background: #0A9BC0;
    }

.banner-section-inner {
    margin: 0 auto;
    padding: 200px 0;
    text-align: center;
    height: 500px;
}

    .banner-section-inner h1 {
        font-size: 70px;
        text-align: center;
        color: #fff;
        text-transform: uppercase;
        margin: 0 auto;
        padding: 0 0 0 0;
        font-weight: 700;
    }

.bg-member {
    background: url(../images/banner-1.jpg) center no-repeat;
    background-size: cover;
}

.bg-banquet {
    background: url(../images/banner-4.jpg) center no-repeat;
    background-size: cover;
}

.bg-contact {
    background: url(../images/banner-5.jpg) center no-repeat;
    background-size: cover;
}


.breadcrumb-section {
    border-bottom: 1px solid #e8e8e8;
    margin: 0;
    padding: 0 0 0 60px !important;
    background: #c9a451;
}

.breadcrumb {
    background: none;
    width: 100%;
    margin: 0;
    padding: 10px 0 10px 0;
}

    .breadcrumb li {
        font-size: 22px;
        color: #000 !important;
        margin: 0;
        font-weight: 600;
    }

        .breadcrumb li a {
            font-size: 20px;
            color: #000;
            font-weight: 600;
            margin: 0;
            padding: 0;
        }

            .breadcrumb li a:hover {
                color: #C00;
                text-decoration: underline;
            }

.body-section-inner {
    margin: 0 auto;
    padding: 75px 0;
    height: auto;
}

.members-inner {
    margin: 0 auto;
    padding: 0;
    height: auto;
    text-align: center;
}

.body-section-inner h1 {
    font-size: 46px;
    color: #000;
    margin: 0;
    padding: 0 0 0 0;
    line-height: 36px;
}

.members-inner p {
    font-size: 22px;
    color: #000;
    margin: 0;
    padding: 0 0 50px 0;
    line-height: 36px;
}

.members-inner a {
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    border-radius: 50px;
    margin: 0 10px;
    padding: 20px 40px;
    background-image: linear-gradient(#001761, #003399);
    letter-spacing: 0;
    font-weight: 600;
}

    .members-inner a:hover {
        background: #0A9BC0;
    }

.members-inner-left {
    text-align: right;
}

.members-inner-right {
    text-align: left;
}


.banquet-section {
    margin: 0 auto;
    padding: 50px 0;
    border-top: 2px solid #c9a451;
}

    .banquet-section h3 {
        font-size: 22px;
        text-align: center;
        color: #000;
        margin: 0 auto;
        padding: 0 0 0 0;
        font-weight: 600;
    }

    .banquet-section h1 {
        font-size: 30px;
        text-align: left;
        color: #000;
        margin: 0;
        padding: 35px 0 0 0;
        font-weight: 700;
    }

    .banquet-section ul {
        margin: 20px 0 0 0;
        padding: 0;
    }

        .banquet-section ul li {
            margin: 0;
            padding: 0;
            list-style: none;
            font-size: 20px;
            color: #000;
            line-height: 36px;
        }

            .banquet-section ul li ul {
                margin: 10px 0 10px 50px;
                padding: 0;
            }

                .banquet-section ul li ul li {
                    margin: 0;
                    padding: 0;
                    list-style: none;
                    font-size: 20px;
                    color: #000;
                }

.fa-dot-circle {
    color: #c9a451;
}

.banquet-section p {
    font-size: 20px;
    text-align: left;
    color: #000;
    margin: 0;
    padding: 10px 0 0 0;
    text-decoration: underline;
}

.location-section {
    margin: 0 auto;
    padding: 50px;
    height: auto;
    background: #c9a451;
}

    .location-section h1 {
        font-size: 24px;
        text-align: left;
        color: #000;
        margin: 0;
        padding: 0 0 0 0;
        font-weight: 700;
    }

    .location-section p {
        font-size: 20px;
        text-align: left;
        color: #000;
        margin: 0;
        padding: 10px 0 0 0;
    }

.fa-map-marker-alt {
    font-size: 200px;
}

.event-form-section {
    margin: 0 auto;
    padding: 100px 0;
    height: auto;
}

    .event-form-section h1 {
        font-size: 36px;
        text-align: center;
        color: #000;
        margin: 0;
        padding: 0 0 0 0;
        font-weight: 700;
    }

    .event-form-section h2 {
        font-size: 24px;
        text-align: center;
        color: #000;
        margin: 0;
        padding: 10px 0;
        font-weight: 700;
    }

        .event-form-section h2 span {
            color: #DF0307;
        }

.event-form-section-main {
    width: 90%;
    margin: 30px auto 0 auto;
    padding: 0;
}

.w100 {
    width: 100%;
    margin: 10px auto;
    padding: 20px;
    border: 2px solid #aeaeae !important;
    color: #333;
    font-size: 18px;
    font-weight: 400;
}

.w50 {
    float: left;
    width: 48%;
    margin: 10px 20px 20px 0;
    padding: 20px;
    border: 2px solid #aeaeae !important;
    color: #333;
    font-size: 18px;
    font-weight: 400;
}

    .w50:last-child {
        margin-right: 0;
    }

.mr-r-0 {
    margin-right: 0;
}

.btn-warning {
    background-image: linear-gradient(#001761, #003399);
    border: none;
    color: #FFF !important;
    border-radius: 50px;
    padding: 20px 40px;
    font-size: 22px;
}

    .btn-warning:hover {
        background: #0A9BC0;
        color: #FFF;
    }


.btn-data {
    width: 23%;
    /*padding: 10px 10px 10px 10px;*/
    background-image: linear-gradient(#001761, #003399);
    border: none;
    color: #FFF !important;
    border-radius: 50px;
    padding: 20px 5px;
    font-size: 15px;
}


    .btn-data:hover {
        background: #0A9BC0;
        color: #FFF;
    }



.event-menu-section {
    margin: 25px auto;
    padding: 30px 50px;
    height: auto;
    background: #c1f6ff;
}

    .event-menu-section h1 {
        font-size: 26px;
        text-align: left;
        color: #000;
        margin: 0;
        padding: 0 0 10px 0;
        font-weight: 700;
    }

.banquet-section .p1 {
    font-size: 20px;
    text-align: left;
    color: #000;
    margin: 0;
    padding: 10px 0 25px 0;
    text-decoration: none;
}

.event-menu-section ul {
    margin: 0;
    padding: 0;
}

    .event-menu-section ul li {
        margin: 0;
        padding: 0;
        font-size: 20px;
        line-height: 40px;
        color: #000;
        list-style: none;
    }

.fa-utensils {
    color: #91b8bf;
}

.fa-concierge-bell {
    font-size: 250px;
    color: #91b8bf;
}

.address-section {
    margin: 0 auto;
    padding: 0 0 45px 0;
    text-align: center;
}

    .address-section h1 {
        font-size: 36px;
        text-align: center;
        color: #000;
        margin: 0 auto;
        padding: 0 0 10px 0;
        font-weight: 600;
    }

    .address-section h2 {
        font-size: 24px;
        text-align: center;
        color: #000;
        line-height: 36px;
        margin: 0 auto;
        padding: 0 0 10px 0;
        font-weight: 600;
    }

.contact-section {
    margin: 0 auto;
    padding: 0;
    height: auto;
}

.contact-section-left {
    margin: 0;
    padding: 0;
    height: auto;
}

    .contact-section-left h1 {
        font-size: 36px;
        text-align: left;
        color: #000;
        line-height: 46px;
        margin: 0;
        padding: 0 50px 20px 0;
        font-weight: 600;
    }

    .contact-section-left h2 {
        font-size: 30px;
        text-align: left;
        color: #000;
        line-height: 36px;
        margin: 0;
        padding: 0 0 0 0;
        font-weight: 600;
    }

    .contact-section-left p {
        font-size: 20px;
        text-align: left;
        color: #000;
        line-height: 36px;
        margin: 0;
        padding: 10px 0 10px 0;
        font-weight: 400;
    }

.contact-section-right {
    margin: 0;
    padding: 0;
    height: auto;
}

    .contact-section-right ul {
        margin: 0;
        padding: 0;
    }

        .contact-section-right ul li {
            margin: 0;
            padding: 0;
            font-size: 20px;
            line-height: 40px;
            color: #000;
            list-style: none;
        }

.logout-section {
    margin: 25px auto 0 auto;
    padding: 30px;
    border: 1px solid #ccc;
    width: 40%;
    height: auto;
    border-radius: 10px;
    text-align: center;
}

    .logout-section h3 {
        font-size: 18px;
        color: #fff;
        margin: 0 auto 15px auto;
        padding: 0;
        font-weight: 300;
        text-decoration: underline;
        display: table;
    }

    .logout-section a {
        font-size: 16px;
        color: #fff;
        margin: 0 auto;
        padding: 0;
        font-weight: 300;
    }

        .logout-section a:hover {
            color: #CD9C0C;
            text-decoration: underline;
        }

.members-login-section {
    margin: 0 auto;
    padding: 30px 0;
}

.members-login-section-col {
    float: left;
    width: 12%;
    height: auto;
    margin: 0 20px 20px 0;
    padding: 0;
}

.members-login-section-colcms {
    float: left;
    width: 16%;
    height: auto;
    margin: 0 20px 20px 0;
    padding: 0;
}

.members-login-section-col a {
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    font-weight: 600;
    margin: 0;
    padding: 35px 15px;
    text-align: center;
    display: block;
    background-image: linear-gradient(to bottom right, #0201fc, #010085);
    border-radius: 20px;
    height: 130px;
}

.members-login-section-colcms a {
    font-size: 16px !important;
    color: #fff !important;
    line-height: 20px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    padding: 35px 15px !important;
    text-align: center !important;
    display: block !important;
    background-image: linear-gradient(to bottom right, #0201fc, #010085) !important;
    border-radius: 20px !important;
    height: 130px !important;
}

.members-login-section-col a:hover {
    background-image: linear-gradient(to bottom right, #010085, #0201fc);
    color: #F7C20B;
}

.members-login-section-colcms a:hover {
    background-image: linear-gradient(to bottom right, #010085, #0201fc) !important;
    color: #F7C20B !important;
}

.dynamic-section {
    margin: 0 auto;
    padding: 0;
}

.dynamic-section-1 {
    margin: 0;
    padding: 0;
}

.dynamic-section-2 {
    margin: 0;
    /*padding: 0 50px;*/
}

.dynamic-section-3 {
    margin: 0;
    padding: 0;
}

    .dynamic-section-3 ul {
        margin: 0;
        padding: 0;
    }

        .dynamic-section-3 ul li {
            margin: 0;
            padding: 0 0 3px 0;
            list-style: none;
            display: block;
        }

            .dynamic-section-3 ul li a {
                margin: 0;
                padding: 10px 20px;
                font-size: 16px;
                color: #000;
                text-align: left;
                background: #eeeeee;
                display: block;
            }

                .dynamic-section-3 ul li a:hover {
                    background: #b63b4d;
                    color: #fff;
                }

.profile-box {
    margin: 0 0 3px 0;
    padding: 25px;
    border: 1px solid #ccc;
    text-align: center;
    font-size: 18px;
    color: #000;
    display: block;
}

    .profile-box a {
        font-size: 16px;
        color: #E10007;
    }

        .profile-box a:hover {
            color: #057BE8;
            text-decoration: underline;
        }

.account-section {
    margin: 0 auto;
}

    .account-section h1 {
        font-size: 20px;
        color: #000;
        text-decoration: underlinei;
        display: block;
        padding: 0 0 5px 0;
        text-align: left;
    }

.calender-section-inner {
    margin: 0;
    padding: 0 50px;
}

    .calender-section-inner h1 {
        font-size: 30px;
        color: #000;
        text-align: left;
        margin: 0;
        padding: 0;
    }

.news-section-inner {
    margin: 0 auto;
    padding: 0 0 0 50px;
}

.mr-top-25 {
    margin-top: 50px;
}

.library-section {
    margin: 0 auto;
    padding: 30px 0;
}

.library-section-col {
    float: left;
    width: 16%;
    height: auto;
    margin: 0 20px 20px 0;
    padding: 0;
}

    .library-section-col a {
        font-size: 16px;
        color: #fff;
        line-height: 20px;
        font-weight: 600;
        margin: 0;
        padding: 35px 15px;
        text-align: center;
        display: block;
        background-image: linear-gradient(to bottom right, #0201fc, #010085);
        border-radius: 20px;
        height: 130px;
    }

        .library-section-col a:hover {
            background-image: linear-gradient(to bottom right, #010085, #0201fc);
            color: #F7C20B;
        }

.transfers-section {
    margin: 0 auto;
    padding: 0 30px;
}

.transfers-section-col {
    width: 24%;
    height: auto;
    margin: 0 30px 30px 0;
    padding: 15px;
    float: left;
    border: 1px solid #999;
    text-align: center;
}

    .transfers-section-col h1 {
        font-size: 18px;
        line-height: 24px;
        color: #000;
        margin: 0 auto;
        padding: 15px;
        text-align: center;
        font-weight: 600;
    }

    .transfers-section-col a {
        color: #E3060A;
        font-weight: 400;
    }

        .transfers-section-col a:hover {
            text-decoration: underline;
            color: #000;
        }

.fa-file-alt {
    font-size: 36px;
    color: #E80509;
}

.dynamic-section-2 h2 {
    font-size: 30px;
    margin: 0;
    padding: 0;
    font-weight: 600;
    color: #000;
    text-align: left;
}

.dynamic-section-2 p {
    font-size: 20px;
    margin: 0;
    padding: 20px 0 50px 0;
    font-weight: 400;
    color: #000;
    text-align: left;
}
/*comment content 06-Sep-2019*/
/*.dynamic-section-2 a {
    font-size: 22px;
    line-height: 30px;
    color: #fff;
    border-radius: 50px;
    margin: 0;
    padding: 20px 40px;
    background-image: linear-gradient(#001761, #003399);
    letter-spacing: 0;
    font-weight: 600;
}*/

dynamic-section-2-anchor a {
    background: white;
    color: black;
}

.dynamic-section-2 a:hover {
    background: #0A9BC0;
}

.memberoffers {
    margin: 0 auto;
    padding: 0 0 0 45px;
}

    .memberoffers p {
        font-size: 16px;
        margin: 0;
        line-height: 24px;
        padding: 0 0 50px 0;
        font-weight: 500;
        color: #000;
        text-align: left;
    }

.memberoffers-section {
    margin: 0 auto;
    padding: 45px 0 60px 0;
    border-bottom: 1px solid #CDAE3F;
}

.memberoffers-section-left {
    margin: 0;
    padding: 0;
}

    .memberoffers-section-left h2 {
        font-size: 24px;
        margin: 0;
        padding: 0;
        font-weight: 600;
        color: #000;
        text-align: left;
    }

    .memberoffers-section-left p {
        font-size: 16px;
        margin: 0;
        line-height: 24px;
        padding: 10px 20px 30px 0;
        font-weight: 500;
        color: #000;
        text-align: left;
    }

    .memberoffers-section-left a.linkp {
        background: none;
        color: #0676DD;
        font-size: 16px;
        font-weight: 600;
        padding: 0;
    }

        .memberoffers-section-left a.linkp:hover {
            color: #DB0C0F;
            background: none;
            text-decoration: underline;
        }

    .memberoffers-section-left a {
        font-size: 18px;
        line-height: 30px;
        color: #fff;
        border-radius: 50px;
        margin: 0;
        padding: 15px 30px;
        background-image: linear-gradient(#001761, #003399);
        letter-spacing: 0;
        font-weight: 600;
    }

        .memberoffers-section-left a:hover {
            background: #0A9BC0;
        }

.memberoffers-section-right {
    margin: 0;
    padding: 35px 0 0 0;
}

.executive-board-section {
    margin: 0 auto;
    padding: 75px 0 20px 0;
    border-bottom: 1px solid #DBAB32;
    text-align: center;
}

    .executive-board-section h1 {
        font-size: 30px;
        margin: 0 0 25px 0;
        padding: 0;
        font-weight: 600;
        color: #000;
        text-align: center;
    }

.board-col {
    margin: 0 18px 38px 20px;
    width: 30%;
    padding: 30px;
    border: 1px solid #ccc;
    height: auto;
    float: left;
}

    .board-col img {
        margin-bottom: 25px;
    }

    .board-col p {
        font-weight: 600;
        font-size: 18px;
        margin-bottom: 5px;
    }

    .board-col a {
        font-weight: 600;
        font-size: 18px;
    }

    .board-col h2 {
        font-size: 22px;
        margin: 0 0 10px 0;
        padding: 0;
        font-weight: 600;
        color: #DB090D;
        text-align: center;
    }

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .navbar {
        position: fixed;
        margin: 0;
        padding: 10px 10px;
        z-index: 999;
        width: 100%;
    }

    .navbar-nav {
        padding: 0 0 0 10px !important;
    }

    .navbar-brand {
        width: 70%;
    }

    .main-nav {
        background: #000 !important;
    }

        .main-nav a {
            color: #CCC;
        }

    .navbar ul {
        padding-top: 45px !important;
    }

        .navbar ul li {
            padding: 0 0 !important;
            border-bottom: 1px solid #333;
        }

            .navbar ul li a {
                color: #fff !important;
                padding: 5px 0;
                text-transform: uppercase;
                font-size: 12px;
                letter-spacing: 0.6px;
                font-weight: 400;
            }

                .navbar ul li a:hover {
                    color: #000 !important;
                    background: #FC0;
                    padding: 5px 10px;
                }

    .navbar-toggler {
        color: #CCC !important;
    }

    .logo {
        color: #FC0 !important;
        margin-left: 0;
    }

        .logo img {
            width: 20%;
            margin: -20px 0 0 0;
            padding: 0;
            z-index: 99;
            position: absolute;
        }

    .social {
        font-size: 16px;
        color: #C00;
        margin: 0 0 20px 30px;
    }

    a.fb {
        color: #095EB8;
        font-size: 18px;
        margin-right: 0;
    }

        a.fb:hover {
            color: #fff;
            font-size: 18px;
            margin: 0 0 0 10px;
        }

    a.tweeter {
        color: #0AA0CD;
        font-size: 18px;
        margin: 0;
    }

        a.tweeter:hover {
            color: #fff;
            font-size: 18px;
        }

    .ht-navbar {
        height: 80px;
    }

    .banner-section {
        margin: 0;
        padding: 0;
    }

    .ht-navbar {
        height: 55px;
    }

    .social {
        font-size: 16px;
        color: #C00;
        margin-right: 50px;
    }

    .banner-btm-img {
        margin: 0 0 0 0;
        position: relative;
        z-index: 999;
        display: none;
    }

    .welcome-section {
        margin: 0 auto;
        padding: 30px 0;
        height: auto;
        background-image: linear-gradient(#fff, #ccffff);
    }

        .welcome-section p {
            font-size: 13px;
            line-height: 20px;
            color: #000;
            margin: 0;
            padding: 0 0 30px 0;
            text-align: justify;
            letter-spacing: 0;
            font-weight: 400;
        }

        .welcome-section a {
            font-size: 13px;
            line-height: 30px;
            color: #fff;
            border-radius: 50px;
            margin: 0 auto;
            padding: 15px 30px;
            background-image: linear-gradient(#001761, #003399);
            letter-spacing: 0;
            font-weight: 600;
        }

            .welcome-section a:hover {
                background: #0A9BC0;
            }

    .login-section {
        margin: 0 auto;
        padding: 30px 0;
        background: url(../images/bg-login.jpg) fixed;
        background-size: cover;
        height: auto;
        font-size: 16px;
    }

        .login-section h1 {
            font-size: 22px;
            text-align: center;
            color: #fff;
            margin: 0 auto;
            padding: 0;
            font-weight: 700;
        }

    .login-section-main {
        width: 96%;
        margin: 20px auto;
        padding: 10px;
        height: auto;
        border: 1px solid #fff;
        border-radius: 20px;
        color: #fff;
        font-size: 14px;
    }

    .form-control {
        padding: 15px;
    }

    .btn-login {
        width: 100%;
        margin: 15px auto;
        padding: 10px 10px;
        color: #fff;
        text-align: center;
        font-size: 14px;
        background: #C50000;
        border: none;
        clear: both;
        border-radius: 25px;
    }

        .btn-login:hover {
            background: #03215C;
            -webkit-transition: all 0.35s ease-in-out;
            -moz-transition: all 0.35s ease-in-out;
            -ms-transition: all 0.35s ease-in-out;
            -o-transition: all 0.35s ease-in-out;
            transition: all 0.35s ease-in-out;
        }

    .calender-section {
        margin: 0 auto;
        padding: 30px 0;
        background: url(../images/bg-calender.jpg) fixed;
        background-size: cover;
        height: auto;
    }

        .calender-section h1 {
            font-size: 30px;
            text-align: center;
            color: #000;
            margin: 0 auto;
            padding: 0;
            font-weight: 700;
        }

    .calender-section-col {
        margin: 25px 0 0 0;
        border-right: 1px solid #999;
    }

        .calender-section-col h2 {
            font-size: 24px;
            text-align: center;
            color: #0C4398;
            text-transform: uppercase;
            margin: 0 auto;
            padding: 0 0;
            font-weight: 700;
        }

    .video-section {
        margin: 0 auto;
        padding: 30px 0;
        background: url(../images/bg-video.jpg) fixed;
        background-size: cover;
        height: auto;
    }

        .video-section h1 {
            font-size: 30px;
            text-align: center;
            color: #fff;
            margin: 0 auto;
            padding: 0 0 20px 0;
            font-weight: 700;
        }

        .video-section h2 {
            font-size: 18px;
            color: #fff;
            text-align: center;
            margin: 0 auto;
            padding: 25px 0 28px 0;
            text-transform: none;
            line-height: 24px;
        }

            .video-section h2 span {
                color: #fff;
                text-transform: uppercase;
                font-size: 16px;
            }

    .video-section-col {
        margin: 0;
        padding: 0 15px;
    }

    .video {
        width: 100%;
        height: 180px;
    }

    .footer-section {
        margin: 0 auto;
        padding: 30px 0 0 0;
        background: #333;
        text-align: center;
    }

    .footer-section-01 {
        margin: 0;
        padding: 0 15px 25px 15px;
    }

        .footer-section-01 p {
            font-size: 16px;
            line-height: 26px;
            margin: 0;
            padding: 20px 0 0 0;
            color: #ccc;
        }

            .footer-section-01 p span {
                color: #c4a751;
            }

        .footer-section-01 a {
            color: #c4a751;
        }

            .footer-section-01 a:hover {
                color: #fff;
            }

    .footer-section-02 {
        margin: 0;
        padding: 0;
    }

    .footer-section-03 {
        margin: 0 auto;
        padding: 0 15px 25px 15px;
        text-align: center;
    }

        .footer-section-03 ul {
            margin: 0 auto;
            padding: 0;
            text-align: center;
        }

            .footer-section-03 ul li {
                margin: 0;
                padding: 5px 0;
                list-style: none;
                text-align: center;
            }

                .footer-section-03 ul li a {
                    font-size: 16px;
                    color: #fff;
                    text-align: center;
                    display: block;
                }

                    .footer-section-03 ul li a:hover {
                        color: #caa54f;
                    }

    .copy-section {
        margin: 0 auto;
        padding: 25px 0;
        background: #000;
        text-align: center;
        font-size: 12px;
        color: #C5C5C5;
    }

    .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 25px;
        left: 15%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
        display: inherit !important;
    }

    .carousel-caption {
        margin: 0 auto;
    }

        .carousel-caption h5 {
            margin: 0 auto;
            font-size: 20px;
            text-transform: uppercase;
            color: #fff;
            font-weight: 700;
        }

        .carousel-caption p {
            margin: 0 auto;
            padding: 0 10px;
            font-size: 14px;
            text-transform: none;
            color: #fff;
            font-weight: 500;
        }

    .news-section {
        margin: 0 auto;
        padding: 40px 15px 25px 15px;
        background: #fff;
    }

        .news-section h1 {
            font-size: 24px;
            text-align: center;
            color: #000;
            margin: 0 auto;
            padding: 0 0 0 0;
            font-weight: 700;
        }

    .news-section-main {
        margin: 0 auto;
        padding: 20px 0;
        border-bottom: 1px solid #ccc;
    }

        .news-section-main h2 {
            font-size: 18px;
            text-align: left;
            color: #0A3B7E;
            margin: 0 auto;
            padding: 0 0 10px 0;
            font-weight: 700;
            text-decoration: underline;
        }

        .news-section-main h3 {
            font-size: 14px;
            text-align: left;
            color: #666;
            margin: 0 auto;
            padding: 0 0 10px 0;
            font-weight: 600;
        }

        .news-section-main p {
            font-size: 13px;
            text-align: left;
            color: #333;
            margin: 0 auto;
            padding: 0 0 5px 0;
        }

        .news-section-main a {
            font-size: 13px;
            line-height: 30px;
            color: #000;
            border-radius: 50px;
            margin: 0;
            padding: 20px 0;
            text-decoration: underline;
        }

            .news-section-main a:hover {
                color: #C30609;
            }

    .news-section a.all {
        font-size: 14px;
        line-height: 30px;
        color: #fff;
        border-radius: 50px;
        margin: 0 auto;
        padding: 10px 30px;
        background-image: linear-gradient(#001761, #003399);
        letter-spacing: 0;
        font-weight: 500;
    }

        .news-section a.all:hover {
            background: #0A9BC0;
        }

    .banner-section-inner {
        margin: 0 auto;
        padding: 70px 0;
        text-align: center;
        height: auto;
    }

        .banner-section-inner h1 {
            font-size: 24px;
            text-align: center;
            color: #fff;
            text-transform: uppercase;
            margin: 0 auto;
            padding: 0 0 0 0;
            font-weight: 700;
        }

    .bg-member {
        background: url(../images/banner-1.jpg) center no-repeat;
        background-size: cover;
    }

    .bg-banquet {
        background: url(../images/banner-4.jpg) center no-repeat;
        background-size: cover;
    }

    .bg-contact {
        background: url(../images/banner-5.jpg) center no-repeat;
        background-size: cover;
    }

    .breadcrumb-section {
        border-bottom: 1px solid #e8e8e8;
        margin: 0;
        padding: 0 0 0 60px !important;
        background: #c9a451;
    }

    .breadcrumb {
        background: none;
        width: 100%;
        margin: 0;
        padding: 10px 0 10px 0;
    }

        .breadcrumb li {
            font-size: 14px;
            color: #000 !important;
            margin: 0;
            font-weight: 600;
        }

            .breadcrumb li a {
                font-size: 14px;
                color: #000;
                font-weight: 600;
                margin: 0;
                padding: 10px 0 0 0;
            }

                .breadcrumb li a:hover {
                    color: #C00;
                    text-decoration: underline;
                }

    .fa-home {
        font-size: 16px;
    }

    .body-section-inner {
        margin: 0 auto;
        padding: 30px 0;
        height: auto;
    }

    .members-inner {
        margin: 0 auto;
        padding: 0;
        height: auto;
        text-align: center;
    }

    .body-section-inner h1 {
        font-size: 24px;
        color: #000;
        margin: 0;
        padding: 0 0 0 0;
        line-height: 36px;
    }

    .members-inner p {
        font-size: 14px;
        color: #000;
        margin: 0;
        padding: 0 0 20px 0;
        line-height: 24px;
    }

    .members-inner a {
        font-size: 13px;
        line-height: 30px;
        color: #fff;
        border-radius: 50px;
        margin: 0 0 10px 0;
        padding: 10px 10px;
        background-image: linear-gradient(#001761, #003399);
        letter-spacing: 0;
        font-weight: 500;
        display: block;
        text-align: center;
    }

        .members-inner a:hover {
            background: #0A9BC0;
        }

    .members-inner-left {
        text-align: right;
    }

    .members-inner-right {
        text-align: left;
    }


    .banquet-section {
        margin: 0 auto;
        padding: 30px 0;
        border-top: 2px solid #c9a451;
    }

        .banquet-section h3 {
            font-size: 18px;
            text-align: center;
            color: #000;
            margin: 0 auto;
            padding: 0 0 0 0;
            font-weight: 600;
        }

        .banquet-section h1 {
            font-size: 18px;
            text-align: left;
            color: #000;
            margin: 0;
            padding: 25px 0 0 0;
            font-weight: 700;
        }

        .banquet-section ul {
            margin: 20px 0 0 0;
            padding: 0;
        }

            .banquet-section ul li {
                margin: 0;
                padding: 0;
                list-style: none;
                font-size: 14px;
                color: #000;
                line-height: 24px;
            }

                .banquet-section ul li ul {
                    margin: 10px 0 10px 30px;
                    padding: 0;
                }

                    .banquet-section ul li ul li {
                        margin: 0;
                        padding: 0;
                        list-style: none;
                        font-size: 14px;
                        color: #000;
                        line-height: 24px;
                    }

    .fa-dot-circle {
        color: #c9a451;
    }

    .banquet-section p {
        font-size: 14px;
        text-align: left;
        line-height: 24px;
        color: #000;
        margin: 0;
        padding: 10px 0 0 0;
        text-decoration: underline;
    }

    .location-section {
        margin: 0 auto;
        padding: 10px;
        height: auto;
        background: #c9a451;
    }

        .location-section h1 {
            font-size: 20px;
            text-align: left;
            color: #000;
            margin: 0;
            padding: 0 0 0 0;
            font-weight: 700;
        }

        .location-section p {
            font-size: 16px;
            text-align: left;
            color: #000;
            margin: 0;
            padding: 10px 0 0 0;
        }

    .fa-map-marker-alt {
        font-size: 100px;
        display: none;
    }

    .event-form-section {
        margin: 0 auto;
        padding: 30px 0;
        height: auto;
    }

        .event-form-section h1 {
            font-size: 20px;
            text-align: center;
            color: #000;
            margin: 0;
            padding: 0 0 0 0;
            font-weight: 700;
        }

        .event-form-section h2 {
            font-size: 16px;
            text-align: center;
            color: #000;
            margin: 0;
            padding: 10px 0 0 0;
            font-weight: 700;
        }

            .event-form-section h2 span {
                color: #DF0307;
            }

    .event-form-section-main {
        width: 100%;
        margin: 30px auto 0 auto;
        padding: 0;
    }

    .w100 {
        width: 100%;
        margin: 10px auto 0 auto;
        padding: 10px;
        border: 2px solid #aeaeae !important;
        color: #333;
        font-size: 14px;
        font-weight: 400;
    }

    .w50 {
        float: left;
        width: 100%;
        margin: 10px 20px 0 0;
        padding: 10px;
        border: 2px solid #aeaeae !important;
        color: #333;
        font-size: 14px;
        font-weight: 400;
    }

        .w50:last-child {
            margin-right: 0;
        }

    .mr-r-0 {
        margin-right: 0;
    }

    .btn-warning {
        background-image: linear-gradient(#001761, #003399);
        border: none;
        color: #FFF !important;
        border-radius: 10px;
        padding: 10px 30px;
        font-size: 14px;
        display: block;
    }

        .btn-warning:hover {
            background: #0A9BC0;
            color: #FFF;
        }

    .event-menu-section {
        margin: 15px auto;
        padding: 30px 10px;
        height: auto;
        background: #c1f6ff;
    }

        .event-menu-section h1 {
            font-size: 16px;
            text-align: left;
            color: #000;
            margin: 0;
            padding: 0 0 10px 0;
            font-weight: 700;
        }

    .banquet-section .p1 {
        font-size: 14px;
        text-align: left;
        color: #000;
        margin: 0;
        padding: 10px 0 15px 0;
        text-decoration: none;
    }

    .event-menu-section ul {
        margin: 0;
        padding: 0;
    }

        .event-menu-section ul li {
            margin: 0;
            padding: 0;
            font-size: 14px;
            line-height: 24px;
            color: #000;
            list-style: none;
        }

    .fa-utensils {
        color: #91b8bf;
    }

    .fa-concierge-bell {
        font-size: 100px;
        color: #91b8bf;
    }

    .address-section {
        margin: 0 auto;
        padding: 0 0 45px 0;
        text-align: center;
    }

        .address-section h1 {
            font-size: 20px;
            text-align: center;
            color: #000;
            margin: 0 auto;
            padding: 0 20px 10px 20px;
            font-weight: 600;
        }

        .address-section h2 {
            font-size: 14px;
            text-align: center;
            color: #000;
            line-height: 24px;
            margin: 0 auto;
            padding: 0 20px;
            font-weight: 500;
        }

    .contact-section {
        margin: 0 auto;
        padding: 0;
        height: auto;
    }

    .contact-section-left {
        margin: 0;
        padding: 0;
        height: auto;
    }

        .contact-section-left h1 {
            font-size: 24px;
            text-align: left;
            color: #000;
            line-height: 32px;
            margin: 0;
            padding: 0 10px 20px 0;
            font-weight: 600;
        }

        .contact-section-left h2 {
            font-size: 22px;
            text-align: left;
            color: #000;
            line-height: 24px;
            margin: 0;
            padding: 0 0 0 0;
            font-weight: 600;
        }

        .contact-section-left p {
            font-size: 16px;
            text-align: left;
            color: #000;
            line-height: 24px;
            margin: 0;
            padding: 10px 50px 30px 0;
            font-weight: 400;
        }

    .contact-section-right {
        margin: 0;
        padding: 0;
        height: auto;
    }

        .contact-section-right ul {
            margin: 0;
            padding: 0;
        }

            .contact-section-right ul li {
                margin: 0;
                padding: 0;
                font-size: 14px;
                line-height: 30px;
                color: #000;
                list-style: none;
            }

    .logout-section {
        margin: 25px auto 0 auto;
        padding: 15px;
        border: 1px solid #ccc;
        width: 90%;
        height: auto;
        border-radius: 10px;
        text-align: center;
    }

        .logout-section h3 {
            font-size: 18px;
            color: #fff;
            margin: 0 auto 15px auto;
            padding: 0;
            font-weight: 300;
            text-decoration: underline;
            display: table;
        }

        .logout-section a {
            font-size: 16px;
            color: #fff;
            margin: 0 auto;
            padding: 0;
            font-weight: 300;
        }

            .logout-section a:hover {
                color: #CD9C0C;
                text-decoration: underline;
            }

    .members-login-section {
        margin: 0 auto;
        padding: 10px 0;
    }

    .members-login-section-col {
        float: left;
        width: 45%;
        height: auto;
        margin: 0 10px 10px 0;
        padding: 0;
    }

    .members-login-section-colcms {
        float: left !important;
        width: 45% !important;
        height: auto !important;
        margin: 0 10px 10px 0 !important;
        padding: 0 !important;
    }

    .members-login-section-col a {
        font-size: 16px;
        color: #fff;
        line-height: 20px;
        font-weight: 600;
        margin: 0;
        padding: 35px 15px;
        text-align: center;
        display: block;
        background-image: linear-gradient(to bottom right, #0201fc, #010085);
        border-radius: 20px;
        height: 130px;
    }

    /*added on 19 august 2019*/
    .btn-data {
        font-size: 16px;
        color: #fff;
        line-height: 20px;
        padding:20px 15px;
        border-radius: 50px;
        width: 50%;
        background-image: linear-gradient(#001761, #003399);
        color: #FFF !important;
        border: none;
        display:block;
        margin:5px;
    }

    .members-login-section-colcms a {
        font-size: 16px !important;
        color: #fff !important;
        line-height: 20px !important;
        font-weight: 600 !important;
        margin: 0 !important;
        padding: 35px 15px !important;
        text-align: center !important;
        display: block !important;
        background-image: linear-gradient(to bottom right, #0201fc, #010085) !important;
        border-radius: 20px !important;
        height: 130px !important;
    }

    .members-login-section-col a:hover {
        background-image: linear-gradient(to bottom right, #010085, #0201fc);
        color: #F7C20B;
    }

    .members-login-section-colcms a:hover {
        background-image: linear-gradient(to bottom right, #010085, #0201fc) !important;
        color: #F7C20B !important;
    }

    .dynamic-section {
        margin: 0 auto;
        padding: 0;
    }

    .dynamic-section-1 {
        margin: 0;
        padding: 0;
    }

    .dynamic-section-2 {
        margin: 0;
        padding: 25px 20px;
    }

    .dynamic-section-3 {
        margin: 0;
        padding: 0;
    }

        .dynamic-section-3 ul {
            margin: 0;
            padding: 0;
        }

            .dynamic-section-3 ul li {
                margin: 0;
                padding: 0 0 3px 0;
                list-style: none;
                display: block;
            }

                .dynamic-section-3 ul li a {
                    margin: 0;
                    padding: 10px 20px;
                    font-size: 16px;
                    color: #000;
                    text-align: left;
                    background: #eeeeee;
                    display: block;
                }

                    .dynamic-section-3 ul li a:hover {
                        background: #b63b4d;
                        color: #fff;
                    }

    .profile-box {
        margin: 0 0 20px 0;
        padding: 25px;
        border: 1px solid #ccc;
        text-align: center;
        font-size: 18px;
        color: #000;
        display: block;
    }

        .profile-box a {
            font-size: 16px;
            color: #E10007;
        }

            .profile-box a:hover {
                color: #057BE8;
                text-decoration: underline;
            }

    .account-section {
        margin: 0 auto;
    }

        .account-section h1 {
            font-size: 20px;
            color: #000;
            text-decoration: underlinei;
            display: block;
            padding: 0 0 5px 0;
            text-align: left;
        }

    .calender-section-inner {
        margin: 0;
        padding: 0 50px;
    }

        .calender-section-inner h1 {
            font-size: 30px;
            color: #000;
            text-align: left;
            margin: 0;
            padding: 0;
        }

    .news-section-inner {
        margin: 0 auto;
        padding: 0 0 0 25px;
    }

    .mr-top-25 {
        margin-top: 20px;
    }

    .library-section {
        margin: 0 auto;
        padding: 30px 0;
    }

    .library-section-col {
        float: left;
        width: 30%;
        height: auto;
        margin: 0 8px 10px 2px;
        padding: 0;
    }

        .library-section-col a {
            font-size: 14px;
            color: #fff;
            line-height: 20px;
            font-weight: 600;
            margin: 0;
            padding: 25px 15px;
            text-align: center;
            display: block;
            background-image: linear-gradient(to bottom right, #0201fc, #010085);
            border-radius: 20px;
            height: 100px;
        }

            .library-section-col a:hover {
                background-image: linear-gradient(to bottom right, #010085, #0201fc);
                color: #F7C20B;
            }

    .transfers-section {
        margin: 0 auto;
        padding: 0 30px;
    }

    .transfers-section-col {
        width: 24%;
        height: auto;
        margin: 0 30px 30px 0;
        padding: 15px;
        float: left;
        border: 1px solid #999;
        text-align: center;
    }

        .transfers-section-col h1 {
            font-size: 18px;
            line-height: 24px;
            color: #000;
            margin: 0 auto;
            padding: 15px;
            text-align: center;
            font-weight: 600;
        }

        .transfers-section-col a {
            color: #E3060A;
            font-weight: 400;
        }

            .transfers-section-col a:hover {
                text-decoration: underline;
                color: #000;
            }

    .fa-file-alt {
        font-size: 36px;
        color: #E80509;
    }

    .dynamic-section-2 h2 {
        font-size: 18px;
        margin: 0;
        padding: 0;
        font-weight: 600;
        color: #000;
        text-align: left;
    }

    .dynamic-section-2 p {
        font-size: 14px;
        margin: 0;
        padding: 20px 0 20px 0;
        font-weight: 400;
        color: #000;
        text-align: left;
    }

    .dynamic-section-2 a {
        font-size: 16px;
        line-height: 30px;
        color: #fff;
        border-radius: 50px;
        margin: 0;
        padding: 10px 20px;
        background-image: linear-gradient(#001761, #003399);
        letter-spacing: 0;
        font-weight: 600;
    }

        .dynamic-section-2 a:hover {
            background: #0A9BC0;
        }

    .memberoffers {
        margin: 0 auto;
        padding: 30px 0 0 25px;
    }

        .memberoffers p {
            font-size: 14px;
            margin: 0;
            line-height: 22px;
            padding: 0 0 0 0;
            font-weight: 500;
            color: #000;
            text-align: left;
        }

    .memberoffers-section {
        margin: 0 auto;
        padding: 25px 0 30px 0;
        border-bottom: 1px solid #CDAE3F;
    }

    .memberoffers-section-left {
        margin: 0;
        padding: 0;
    }

        .memberoffers-section-left h2 {
            font-size: 18px;
            margin: 0;
            padding: 0;
            font-weight: 600;
            color: #000;
            text-align: left;
        }

        .memberoffers-section-left p {
            font-size: 13px;
            margin: 0;
            line-height: 20px;
            padding: 10px 20px 30px 0;
            font-weight: 400;
            color: #000;
            text-align: left;
        }

        .memberoffers-section-left a.linkp {
            background: none;
            color: #0676DD;
            font-size: 16px;
            font-weight: 600;
            padding: 0;
        }

            .memberoffers-section-left a.linkp:hover {
                color: #DB0C0F;
                background: none;
                text-decoration: underline;
            }

        .memberoffers-section-left a {
            font-size: 12px;
            line-height: 30px;
            color: #fff;
            border-radius: 50px;
            margin: 0;
            padding: 10px 15px;
            background-image: linear-gradient(#001761, #003399);
            letter-spacing: 0;
            font-weight: 600;
        }

            .memberoffers-section-left a:hover {
                background: #0A9BC0;
            }

    .memberoffers-section-right {
        margin: 0;
        padding: 35px 0 0 0;
    }

    .executive-board-section {
        margin: 0 auto;
        padding: 30px 0;
        border-bottom: 1px solid #DBAB32;
        text-align: center;
    }

        .executive-board-section h1 {
            font-size: 20px;
            margin: 0 0 25px 0;
            padding: 0;
            font-weight: 600;
            color: #000;
            text-align: center;
        }

    .board-col {
        margin: 0 15px 10px 15px;
        width: 100%;
        padding: 20px;
        border: 1px solid #ccc;
        height: auto;
        float: left;
    }

        .board-col img {
            margin-bottom: 15px;
        }

        .board-col p {
            font-weight: 600;
            font-size: 16px;
            margin-bottom: 5px;
        }

        .board-col a {
            font-weight: 600;
            font-size: 16px;
        }

        .board-col h2 {
            font-size: 16px;
            margin: 0 0 10px 0;
            padding: 0;
            font-weight: 600;
            color: #DB090D;
            text-align: center;
        }

    .executive-board-section {
        margin: 0 auto;
        padding: 30px 0;
        border-bottom: 1px solid #DBAB32;
        text-align: center;
    }

        .executive-board-section h1 {
            font-size: 20px;
            margin: 0 0 25px 0;
            padding: 0;
            font-weight: 600;
            color: #000;
            text-align: center;
        }

    .board-col {
        margin: 0 15px 10px 15px;
        width: 100%;
        padding: 20px;
        border: 1px solid #ccc;
        height: auto;
        float: left;
    }

        .board-col img {
            margin-bottom: 15px;
        }

        .board-col p {
            font-weight: 600;
            font-size: 16px;
            margin-bottom: 5px;
        }

        .board-col a {
            font-weight: 600;
            font-size: 16px;
        }

        .board-col h2 {
            font-size: 16px;
            margin: 0 0 10px 0;
            padding: 0;
            font-weight: 600;
            color: #DB090D;
            text-align: center;
        }
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {

    .navbar {
        position: fixed;
        margin: 0;
        padding: 10px 10px;
        z-index: 999;
        width: 100%;
    }

    .navbar-nav {
        padding: 0 0 0 10px !important;
    }

    .navbar-brand {
        width: 70%;
    }

    .main-nav {
        background: #000 !important;
    }

        .main-nav a {
            color: #CCC;
        }

    .navbar ul {
        padding-top: 30px !important;
    }

        .navbar ul li {
            padding: 0 0 !important;
            border-bottom: 1px solid #333;
        }

            .navbar ul li a {
                color: #fff !important;
                padding: 5px 0;
                text-transform: uppercase;
                font-size: 12px;
                letter-spacing: 0.6px;
                font-weight: 400;
            }

                .navbar ul li a:hover {
                    color: #000 !important;
                    background: #FC0;
                    padding: 5px 10px;
                }

    .navbar-toggler {
        color: #CCC !important;
    }

    .logo {
        color: #FC0 !important;
        margin-left: 0;
    }

        .logo img {
            width: 9%;
            margin: -20px 0 0 0;
            padding: 0;
            z-index: 99;
            position: absolute;
        }

    .social {
        font-size: 16px;
        color: #C00;
        margin: 0 0 20px 30px;
    }

    a.fb {
        color: #095EB8;
        font-size: 18px;
        margin-right: 0;
    }

        a.fb:hover {
            color: #fff;
            font-size: 18px;
            margin: 0 0 0 10px;
        }

    a.tweeter {
        color: #0AA0CD;
        font-size: 18px;
        margin: 0;
    }

        a.tweeter:hover {
            color: #fff;
            font-size: 18px;
        }

    .ht-navbar {
        height: 80px;
    }

    .banner-section {
        margin: 0;
        padding: 0;
    }

    .ht-navbar {
        height: 55px;
    }

    .social {
        font-size: 16px;
        color: #C00;
        margin-right: 50px;
    }

    .banner-btm-img {
        margin: 0 0 0 0;
        position: relative;
        z-index: 999;
        display: none;
    }

    .welcome-section {
        margin: 0 auto;
        padding: 30px 0;
        height: auto;
        background-image: linear-gradient(#fff, #ccffff);
    }

        .welcome-section p {
            font-size: 13px;
            line-height: 20px;
            color: #000;
            margin: 0;
            padding: 0 0 30px 0;
            text-align: justify;
            letter-spacing: 0;
            font-weight: 400;
        }

        .welcome-section a {
            font-size: 13px;
            line-height: 30px;
            color: #fff;
            border-radius: 50px;
            margin: 0 auto;
            padding: 15px 30px;
            background-image: linear-gradient(#001761, #003399);
            letter-spacing: 0;
            font-weight: 600;
        }

            .welcome-section a:hover {
                background: #0A9BC0;
            }

    .login-section {
        margin: 0 auto;
        padding: 30px 0;
        background: url(../images/bg-login.jpg) fixed;
        background-size: cover;
        height: auto;
        font-size: 16px;
    }

        .login-section h1 {
            font-size: 22px;
            text-align: center;
            color: #fff;
            margin: 0 auto;
            padding: 0;
            font-weight: 700;
        }

    .login-section-main {
        width: 96%;
        margin: 20px auto;
        padding: 10px;
        height: auto;
        border: 1px solid #fff;
        border-radius: 20px;
        color: #fff;
        font-size: 14px;
    }

    .form-control {
        padding: 15px;
    }

    .btn-login {
        width: 100%;
        margin: 15px auto;
        padding: 10px 10px;
        color: #fff;
        text-align: center;
        font-size: 14px;
        background: #C50000;
        border: none;
        clear: both;
        border-radius: 25px;
    }

        .btn-login:hover {
            background: #03215C;
            -webkit-transition: all 0.35s ease-in-out;
            -moz-transition: all 0.35s ease-in-out;
            -ms-transition: all 0.35s ease-in-out;
            -o-transition: all 0.35s ease-in-out;
            transition: all 0.35s ease-in-out;
        }

    .calender-section {
        margin: 0 auto;
        padding: 30px 0;
        background: url(../images/bg-calender.jpg) fixed;
        background-size: cover;
        height: 700px;
    }

        .calender-section h1 {
            font-size: 30px;
            text-align: center;
            color: #000;
            margin: 0 auto;
            padding: 0;
            font-weight: 700;
        }

    .calender-section-col {
        margin: 25px 0 0 0;
        border-right: 1px solid #999;
    }

        .calender-section-col h2 {
            font-size: 24px;
            text-align: center;
            color: #0C4398;
            text-transform: uppercase;
            margin: 0 auto;
            padding: 0 0;
            font-weight: 700;
        }

    .video-section {
        margin: 0 auto;
        padding: 30px 0;
        background: url(../images/bg-video.jpg) fixed;
        background-size: cover;
        height: auto;
    }

        .video-section h1 {
            font-size: 30px;
            text-align: center;
            color: #fff;
            margin: 0 auto;
            padding: 0 0 20px 0;
            font-weight: 700;
        }

        .video-section h2 {
            font-size: 18px;
            color: #fff;
            text-align: center;
            margin: 0 auto;
            padding: 25px 0 28px 0;
            text-transform: none;
            line-height: 24px;
        }

            .video-section h2 span {
                color: #fff;
                text-transform: uppercase;
                font-size: 16px;
            }

    .video-section-col {
        margin: 0;
        padding: 0 15px;
    }

    .video {
        width: 100%;
        height: 170px;
    }

    .footer-section {
        margin: 0 auto;
        padding: 30px 0 0 0;
        background: #333;
        text-align: center;
    }

    .footer-section-01 {
        margin: 0;
        padding: 0 15px 25px 15px;
    }

        .footer-section-01 p {
            font-size: 14px;
            line-height: 26px;
            margin: 0;
            padding: 20px 0 0 0;
            color: #ccc;
        }

            .footer-section-01 p span {
                color: #c4a751;
            }

        .footer-section-01 a {
            color: #c4a751;
        }

            .footer-section-01 a:hover {
                color: #fff;
            }

    .footer-section-02 {
        margin: 0;
        padding: 0;
    }

    .footer-section-03 {
        margin: 0 auto;
        padding: 0 15px 25px 15px;
        text-align: center;
    }

        .footer-section-03 ul {
            margin: 0 auto;
            padding: 0;
            text-align: center;
        }

            .footer-section-03 ul li {
                margin: 0;
                padding: 5px 0;
                list-style: none;
                text-align: center;
            }

                .footer-section-03 ul li a {
                    font-size: 14px;
                    color: #fff;
                    text-align: center;
                    display: block;
                }

                    .footer-section-03 ul li a:hover {
                        color: #caa54f;
                    }

    .copy-section {
        margin: 0 auto;
        padding: 25px 0;
        background: #000;
        text-align: center;
        font-size: 12px;
        color: #C5C5C5;
    }

    .news-section {
        margin: 0 auto;
        padding: 40px 15px 25px 15px;
        background: #fff;
    }

        .news-section h1 {
            font-size: 24px;
            text-align: center;
            color: #000;
            margin: 0 auto;
            padding: 0 0 0 0;
            font-weight: 700;
        }

    .news-section-main {
        margin: 0 auto;
        padding: 20px 0;
        border-bottom: 1px solid #ccc;
    }

        .news-section-main h2 {
            font-size: 18px;
            text-align: left;
            color: #0A3B7E;
            margin: 0 auto;
            padding: 0 0 10px 0;
            font-weight: 700;
            text-decoration: underline;
        }

        .news-section-main h3 {
            font-size: 14px;
            text-align: left;
            color: #666;
            margin: 0 auto;
            padding: 0 0 10px 0;
            font-weight: 600;
        }

        .news-section-main p {
            font-size: 13px;
            text-align: left;
            color: #333;
            margin: 0 auto;
            padding: 0 0 5px 0;
        }

        .news-section-main a {
            font-size: 13px;
            line-height: 30px;
            color: #000;
            border-radius: 50px;
            margin: 0;
            padding: 20px 0;
            text-decoration: underline;
        }

            .news-section-main a:hover {
                color: #C30609;
            }

    .news-section a.all {
        font-size: 14px;
        line-height: 30px;
        color: #fff;
        border-radius: 50px;
        margin: 0 auto;
        padding: 10px 30px;
        background-image: linear-gradient(#001761, #003399);
        letter-spacing: 0;
        font-weight: 500;
    }

        .news-section a.all:hover {
            background: #0A9BC0;
        }

    .banner-section-inner {
        margin: 0 auto;
        padding: 70px 0;
        text-align: center;
        height: auto;
    }

        .banner-section-inner h1 {
            font-size: 24px;
            text-align: center;
            color: #fff;
            text-transform: uppercase;
            margin: 0 auto;
            padding: 0 0 0 0;
            font-weight: 700;
        }

    .bg-member {
        background: url(../images/banner-1.jpg) center no-repeat;
        background-size: cover;
    }

    .bg-banquet {
        background: url(../images/banner-4.jpg) center no-repeat;
        background-size: cover;
    }

    .bg-contact {
        background: url(../images/banner-5.jpg) center no-repeat;
        background-size: cover;
    }

    .breadcrumb-section {
        border-bottom: 1px solid #e8e8e8;
        margin: 0;
        padding: 0 0 0 60px !important;
        background: #c9a451;
    }

    .breadcrumb {
        background: none;
        width: 100%;
        margin: 0;
        padding: 10px 0 10px 0;
    }

        .breadcrumb li {
            font-size: 14px;
            color: #000 !important;
            margin: 0;
            font-weight: 600;
        }

            .breadcrumb li a {
                font-size: 16px;
                color: #000;
                font-weight: 300;
                margin: 0;
                padding: 10px 0 0 0;
            }

                .breadcrumb li a:hover {
                    color: #C00;
                    text-decoration: underline;
                }

    .fa-home {
        font-size: 16px;
    }

    .body-section-inner {
        margin: 0 auto;
        padding: 30px 0;
        height: auto;
    }

    .members-inner {
        margin: 0 auto;
        padding: 0;
        height: auto;
        text-align: center;
    }

    .body-section-inner h1 {
        font-size: 24px;
        color: #000;
        margin: 0;
        padding: 0 0 0 0;
        line-height: 36px;
    }

    .members-inner p {
        font-size: 14px;
        color: #000;
        margin: 0;
        padding: 0 0 20px 0;
        line-height: 24px;
    }

    .members-inner a {
        font-size: 13px;
        line-height: 30px;
        color: #fff;
        border-radius: 50px;
        margin: 0 0 10px 0;
        padding: 10px 10px;
        background-image: linear-gradient(#001761, #003399);
        letter-spacing: 0;
        font-weight: 500;
        display: block;
        text-align: center;
    }

        .members-inner a:hover {
            background: #0A9BC0;
        }

    .members-inner-left {
        text-align: right;
    }

    .members-inner-right {
        text-align: left;
    }


    .banquet-section {
        margin: 0 auto;
        padding: 30px 0;
        border-top: 2px solid #c9a451;
    }

        .banquet-section h3 {
            font-size: 18px;
            text-align: center;
            color: #000;
            margin: 0 auto;
            padding: 0 0 0 0;
            font-weight: 600;
        }

        .banquet-section h1 {
            font-size: 18px;
            text-align: left;
            color: #000;
            margin: 0;
            padding: 25px 0 0 0;
            font-weight: 700;
        }

        .banquet-section ul {
            margin: 20px 0 0 0;
            padding: 0;
        }

            .banquet-section ul li {
                margin: 0;
                padding: 0;
                list-style: none;
                font-size: 14px;
                color: #000;
                line-height: 24px;
            }

                .banquet-section ul li ul {
                    margin: 10px 0 10px 30px;
                    padding: 0;
                }

                    .banquet-section ul li ul li {
                        margin: 0;
                        padding: 0;
                        list-style: none;
                        font-size: 14px;
                        color: #000;
                        line-height: 24px;
                    }

    .fa-dot-circle {
        color: #c9a451;
    }

    .banquet-section p {
        font-size: 14px;
        text-align: left;
        line-height: 24px;
        color: #000;
        margin: 0;
        padding: 10px 0 0 0;
        text-decoration: underline;
    }

    .location-section {
        margin: 0 auto;
        padding: 10px;
        height: auto;
        background: #c9a451;
    }

        .location-section h1 {
            font-size: 20px;
            text-align: left;
            color: #000;
            margin: 0;
            padding: 0 0 0 0;
            font-weight: 700;
        }

        .location-section p {
            font-size: 16px;
            text-align: left;
            color: #000;
            margin: 0;
            padding: 10px 0 0 0;
        }

    .fa-map-marker-alt {
        font-size: 100px;
        display: none;
    }

    .event-form-section {
        margin: 0 auto;
        padding: 30px 0;
        height: auto;
    }

        .event-form-section h1 {
            font-size: 20px;
            text-align: center;
            color: #000;
            margin: 0;
            padding: 0 0 0 0;
            font-weight: 700;
        }

        .event-form-section h2 {
            font-size: 16px;
            text-align: center;
            color: #000;
            margin: 0;
            padding: 10px 0 0 0;
            font-weight: 700;
        }

            .event-form-section h2 span {
                color: #DF0307;
            }

    .event-form-section-main {
        width: 100%;
        margin: 30px auto 0 auto;
        padding: 0;
    }

    .w100 {
        width: 100%;
        margin: 10px auto 0 auto;
        padding: 10px;
        border: 2px solid #aeaeae !important;
        color: #333;
        font-size: 14px;
        font-weight: 400;
    }

    .w50 {
        float: left;
        width: 100%;
        margin: 10px 20px 0 0;
        padding: 10px;
        border: 2px solid #aeaeae !important;
        color: #333;
        font-size: 14px;
        font-weight: 400;
    }

        .w50:last-child {
            margin-right: 0;
        }

    .mr-r-0 {
        margin-right: 0;
    }

    .btn-warning {
        background-image: linear-gradient(#001761, #003399);
        border: none;
        color: #FFF !important;
        border-radius: 10px;
        padding: 10px 30px;
        font-size: 14px;
        display: block;
    }

        .btn-warning:hover {
            background: #0A9BC0;
            color: #FFF;
        }

    .event-menu-section {
        margin: 15px auto;
        padding: 30px 10px;
        height: auto;
        background: #c1f6ff;
    }

        .event-menu-section h1 {
            font-size: 16px;
            text-align: left;
            color: #000;
            margin: 0;
            padding: 0 0 10px 0;
            font-weight: 700;
        }

    .banquet-section .p1 {
        font-size: 14px;
        text-align: left;
        color: #000;
        margin: 0;
        padding: 10px 0 15px 0;
        text-decoration: none;
    }

    .event-menu-section ul {
        margin: 0;
        padding: 0;
    }

        .event-menu-section ul li {
            margin: 0;
            padding: 0;
            font-size: 14px;
            line-height: 24px;
            color: #000;
            list-style: none;
        }

    .fa-utensils {
        color: #91b8bf;
    }

    .fa-concierge-bell {
        font-size: 100px;
        color: #91b8bf;
    }

    .address-section {
        margin: 0 auto;
        padding: 0 0 45px 0;
        text-align: center;
    }

        .address-section h1 {
            font-size: 20px;
            text-align: center;
            color: #000;
            margin: 0 auto;
            padding: 0 20px 10px 20px;
            font-weight: 600;
        }

        .address-section h2 {
            font-size: 14px;
            text-align: center;
            color: #000;
            line-height: 24px;
            margin: 0 auto;
            padding: 0 20px;
            font-weight: 500;
        }

    .contact-section {
        margin: 0 auto;
        padding: 0;
        height: auto;
    }

    .contact-section-left {
        margin: 0;
        padding: 0;
        height: auto;
    }

        .contact-section-left h1 {
            font-size: 24px;
            text-align: left;
            color: #000;
            line-height: 32px;
            margin: 0;
            padding: 0 10px 20px 0;
            font-weight: 600;
        }

        .contact-section-left h2 {
            font-size: 22px;
            text-align: left;
            color: #000;
            line-height: 24px;
            margin: 0;
            padding: 0 0 0 0;
            font-weight: 600;
        }

        .contact-section-left p {
            font-size: 16px;
            text-align: left;
            color: #000;
            line-height: 24px;
            margin: 0;
            padding: 10px 50px 30px 0;
            font-weight: 400;
        }

    .contact-section-right {
        margin: 0;
        padding: 0;
        height: auto;
    }

        .contact-section-right ul {
            margin: 0;
            padding: 0;
        }

            .contact-section-right ul li {
                margin: 0;
                padding: 0;
                font-size: 14px;
                line-height: 30px;
                color: #000;
                list-style: none;
            }

    .logout-section {
        margin: 25px auto 0 auto;
        padding: 15px;
        border: 1px solid #ccc;
        width: 90%;
        height: auto;
        border-radius: 10px;
        text-align: center;
    }

        .logout-section h3 {
            font-size: 18px;
            color: #fff;
            margin: 0 auto 15px auto;
            padding: 0;
            font-weight: 300;
            text-decoration: underline;
            display: table;
        }

        .logout-section a {
            font-size: 16px;
            color: #fff;
            margin: 0 auto;
            padding: 0;
            font-weight: 300;
        }

            .logout-section a:hover {
                color: #CD9C0C;
                text-decoration: underline;
            }

    .members-login-section {
        margin: 0 auto;
        padding: 10px 0;
    }

    .members-login-section-col {
        float: left;
        width: 25%;
        height: auto;
        margin: 0 10px 10px 0;
        padding: 0;
    }

    .members-login-section-colcms {
        float: left !important;
        width: 25% !important;
        height: auto !important;
        margin: 0 10px 10px 0 !important;
        padding: 0 !important;
    }

    .members-login-section-col a {
        font-size: 16px;
        color: #fff;
        line-height: 20px;
        font-weight: 600;
        margin: 0;
        padding: 35px 15px;
        text-align: center;
        display: block;
        background-image: linear-gradient(to bottom right, #0201fc, #010085);
        border-radius: 20px;
        height: 130px;
    }

    .members-login-section-colcms a {
        font-size: 16px;
        color: #fff;
        line-height: 20px;
        font-weight: 600;
        margin: 0;
        padding: 35px 15px;
        text-align: center;
        display: block;
        background-image: linear-gradient(to bottom right, #0201fc, #010085);
        border-radius: 20px;
        height: 130px;
    }

    .members-login-section-col a:hover {
        background-image: linear-gradient(to bottom right, #010085, #0201fc);
        color: #F7C20B;
    }

    .members-login-section-colcms a:hover {
        background-image: linear-gradient(to bottom right, #010085, #0201fc);
        color: #F7C20B;
    }

    .dynamic-section {
        margin: 0 auto;
        padding: 0;
    }

    .dynamic-section-1 {
        margin: 0;
        padding: 0;
    }

    .dynamic-section-2 {
        margin: 0;
        padding: 25px 10px 0 30px;
    }

    .dynamic-section-3 {
        margin: 0;
        padding: 0;
    }

        .dynamic-section-3 ul {
            margin: 0;
            padding: 0;
        }

            .dynamic-section-3 ul li {
                margin: 0;
                padding: 0 0 3px 0;
                list-style: none;
                display: block;
            }

                .dynamic-section-3 ul li a {
                    margin: 0;
                    padding: 10px 20px;
                    font-size: 14px;
                    color: #000;
                    text-align: left;
                    background: #eeeeee;
                    display: block;
                }

                    .dynamic-section-3 ul li a:hover {
                        background: #b63b4d;
                        color: #fff;
                    }

    .profile-box {
        margin: 0 0 20px 0;
        padding: 25px;
        border: 1px solid #ccc;
        text-align: center;
        font-size: 14px;
        color: #000;
        display: block;
    }

        .profile-box a {
            font-size: 13px;
            color: #E10007;
        }

            .profile-box a:hover {
                color: #057BE8;
                text-decoration: underline;
            }

    .account-section {
        margin: 0 auto;
    }

        .account-section h1 {
            font-size: 20px;
            color: #000;
            text-decoration: underlinei;
            display: block;
            padding: 0 0 5px 0;
            text-align: left;
        }

    .calender-section-inner {
        margin: 0;
        padding: 0 50px;
    }

        .calender-section-inner h1 {
            font-size: 30px;
            color: #000;
            text-align: left;
            margin: 0;
            padding: 0;
        }

    .news-section-inner {
        margin: 0 auto;
        padding: 0 0 0 25px;
    }

    .mr-top-25 {
        margin-top: 20px;
    }

    .library-section {
        margin: 0 auto;
        padding: 30px 0;
    }

    .library-section-col {
        float: left;
        width: 30%;
        height: auto;
        margin: 0 8px 10px 2px;
        padding: 0;
    }

        .library-section-col a {
            font-size: 14px;
            color: #fff;
            line-height: 20px;
            font-weight: 600;
            margin: 0;
            padding: 25px 15px;
            text-align: center;
            display: block;
            background-image: linear-gradient(to bottom right, #0201fc, #010085);
            border-radius: 20px;
            height: 100px;
        }

            .library-section-col a:hover {
                background-image: linear-gradient(to bottom right, #010085, #0201fc);
                color: #F7C20B;
            }

    .transfers-section {
        margin: 0 auto;
        padding: 0 30px;
    }

    .transfers-section-col {
        width: 24%;
        height: auto;
        margin: 0 30px 30px 0;
        padding: 15px;
        float: left;
        border: 1px solid #999;
        text-align: center;
    }

        .transfers-section-col h1 {
            font-size: 18px;
            line-height: 24px;
            color: #000;
            margin: 0 auto;
            padding: 15px;
            text-align: center;
            font-weight: 600;
        }

        .transfers-section-col a {
            color: #E3060A;
            font-weight: 400;
        }

            .transfers-section-col a:hover {
                text-decoration: underline;
                color: #000;
            }

    .fa-file-alt {
        font-size: 36px;
        color: #E80509;
    }

    .dynamic-section-2 h2 {
        font-size: 18px;
        margin: 0;
        padding: 0;
        font-weight: 600;
        color: #000;
        text-align: left;
    }

    .dynamic-section-2 p {
        font-size: 14px;
        margin: 0;
        padding: 20px 0 20px 0;
        font-weight: 400;
        color: #000;
        text-align: left;
    }

    .dynamic-section-2 a {
        font-size: 16px;
        line-height: 30px;
        color: #fff;
        border-radius: 50px;
        margin: 0;
        padding: 10px 20px;
        background-image: linear-gradient(#001761, #003399);
        letter-spacing: 0;
        font-weight: 600;
    }

        .dynamic-section-2 a:hover {
            background: #0A9BC0;
        }

    .memberoffers {
        margin: 0 auto;
        padding: 30px 0 0 25px;
    }

        .memberoffers p {
            font-size: 12px;
            margin: 0;
            line-height: 22px;
            padding: 0 0 0 0;
            font-weight: 500;
            color: #000;
            text-align: left;
        }

    .memberoffers-section {
        margin: 0 auto;
        padding: 25px 0 30px 0;
        border-bottom: 1px solid #CDAE3F;
    }

    .memberoffers-section-left {
        margin: 0;
        padding: 0;
    }

        .memberoffers-section-left h2 {
            font-size: 18px;
            margin: 0;
            padding: 0;
            font-weight: 600;
            color: #000;
            text-align: left;
        }

        .memberoffers-section-left p {
            font-size: 13px;
            margin: 0;
            line-height: 20px;
            padding: 10px 20px 30px 0;
            font-weight: 400;
            color: #000;
            text-align: left;
        }

        .memberoffers-section-left a.linkp {
            background: none;
            color: #0676DD;
            font-size: 16px;
            font-weight: 600;
            padding: 0;
        }

            .memberoffers-section-left a.linkp:hover {
                color: #DB0C0F;
                background: none;
                text-decoration: underline;
            }

        .memberoffers-section-left a {
            font-size: 12px;
            line-height: 30px;
            color: #fff;
            border-radius: 50px;
            margin: 0;
            padding: 10px 15px;
            background-image: linear-gradient(#001761, #003399);
            letter-spacing: 0;
            font-weight: 600;
        }

            .memberoffers-section-left a:hover {
                background: #0A9BC0;
            }

    .memberoffers-section-right {
        margin: 0;
        padding: 35px 0 0 0;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .navbar {
        position: fixed;
        margin: 0;
        padding: 10px 10px;
        z-index: 999;
        width: 100%;
    }

    .navbar-nav {
        padding: 0 0 0 10px !important;
    }

    .navbar-brand {
        width: 70%;
    }

    .main-nav {
        background: #000 !important;
    }

        .main-nav a {
            color: #CCC;
        }

    .navbar ul {
        padding-top: 45px !important;
    }

        .navbar ul li {
            padding: 0 0 !important;
            border-bottom: 1px solid #333;
        }

            .navbar ul li a {
                color: #fff !important;
                padding: 5px 0;
                text-transform: uppercase;
                font-size: 12px;
                letter-spacing: 0.6px;
                font-weight: 400;
            }

                .navbar ul li a:hover {
                    color: #000 !important;
                    background: #FC0;
                    padding: 5px 10px;
                }

    .navbar-toggler {
        color: #CCC !important;
    }

    .logo {
        color: #FC0 !important;
        margin-left: 0;
    }

        .logo img {
            width: 10%;
            margin: -20px 0 0 0;
            padding: 0;
            z-index: 99;
            position: absolute;
        }

    .social {
        font-size: 16px;
        color: #C00;
        margin: 0 0 20px 30px;
    }

    a.fb {
        color: #095EB8;
        font-size: 18px;
        margin-right: 0;
    }

        a.fb:hover {
            color: #fff;
            font-size: 18px;
            margin: 0 0 0 10px;
        }

    a.tweeter {
        color: #0AA0CD;
        font-size: 18px;
        margin: 0;
    }

        a.tweeter:hover {
            color: #fff;
            font-size: 18px;
        }

    .ht-navbar {
        height: 80px;
    }

    .banner-section {
        margin: 0;
        padding: 0;
    }

    .ht-navbar {
        height: 55px;
    }

    .social {
        font-size: 16px;
        color: #C00;
        margin-right: 50px;
    }

    .banner-btm-img {
        margin: 0 0 0 0;
        position: relative;
        z-index: 999;
        display: none;
    }

    .welcome-section {
        margin: 0 auto;
        padding: 30px 0;
        height: auto;
        background-image: linear-gradient(#fff, #ccffff);
    }

        .welcome-section p {
            font-size: 13px;
            line-height: 20px;
            color: #000;
            margin: 0;
            padding: 0 0 30px 0;
            text-align: justify;
            letter-spacing: 0;
            font-weight: 400;
        }

        .welcome-section a {
            font-size: 13px;
            line-height: 30px;
            color: #fff;
            border-radius: 50px;
            margin: 0 auto;
            padding: 15px 30px;
            background-image: linear-gradient(#001761, #003399);
            letter-spacing: 0;
            font-weight: 600;
        }

            .welcome-section a:hover {
                background: #0A9BC0;
            }

    .login-section {
        margin: 0 auto;
        padding: 30px 0;
        background: url(../images/bg-login.jpg) fixed;
        background-size: cover;
        height: auto;
        font-size: 16px;
    }

        .login-section h1 {
            font-size: 22px;
            text-align: center;
            color: #fff;
            margin: 0 auto;
            padding: 0;
            font-weight: 700;
        }

    .login-section-main {
        width: 96%;
        margin: 20px auto;
        padding: 10px;
        height: auto;
        border: 1px solid #fff;
        border-radius: 20px;
        color: #fff;
        font-size: 14px;
    }

    .form-control {
        padding: 15px;
    }

    .btn-login {
        width: 100%;
        margin: 15px auto;
        padding: 10px 10px;
        color: #fff;
        text-align: center;
        font-size: 14px;
        background: #C50000;
        border: none;
        clear: both;
        border-radius: 25px;
    }

        .btn-login:hover {
            background: #03215C;
            -webkit-transition: all 0.35s ease-in-out;
            -moz-transition: all 0.35s ease-in-out;
            -ms-transition: all 0.35s ease-in-out;
            -o-transition: all 0.35s ease-in-out;
            transition: all 0.35s ease-in-out;
        }

    .calender-section {
        margin: 0 auto;
        padding: 50px 0;
        background: url(../images/bg-calender.jpg) fixed;
        background-size: cover;
        height: auto;
    }

        .calender-section h1 {
            font-size: 30px;
            text-align: center;
            color: #000;
            margin: 0 auto;
            padding: 0;
            font-weight: 700;
        }

    .calender-section-col {
        margin: 25px 0 0 0;
        border-right: 1px solid #999;
    }

        .calender-section-col h2 {
            font-size: 24px;
            text-align: center;
            color: #0C4398;
            text-transform: uppercase;
            margin: 0 auto;
            padding: 0 0;
            font-weight: 700;
        }

    .video-section {
        margin: 0 auto;
        padding: 30px 0;
        background: url(../images/bg-video.jpg) fixed;
        background-size: cover;
        height: auto;
    }

        .video-section h1 {
            font-size: 30px;
            text-align: center;
            color: #fff;
            margin: 0 auto;
            padding: 0 0 20px 0;
            font-weight: 700;
        }

        .video-section h2 {
            font-size: 18px;
            color: #fff;
            text-align: center;
            margin: 0 auto;
            padding: 25px 0 28px 0;
            text-transform: none;
            line-height: 24px;
        }

            .video-section h2 span {
                color: #fff;
                text-transform: uppercase;
                font-size: 16px;
            }

    .video-section-col {
        margin: 0;
        padding: 0 15px;
    }

    .video {
        width: 290px;
        height: 180px;
    }

    .footer-section {
        margin: 0 auto;
        padding: 30px 0 0 0;
        background: #333;
        text-align: left;
    }

    .footer-section-01 {
        margin: 0;
        padding: 0 15px 25px 15px;
    }

        .footer-section-01 p {
            font-size: 14px;
            line-height: 26px;
            margin: 0;
            padding: 20px 0 0 0;
            color: #ccc;
        }

            .footer-section-01 p span {
                color: #c4a751;
            }

        .footer-section-01 a {
            color: #c4a751;
        }

            .footer-section-01 a:hover {
                color: #fff;
            }

    .footer-section-02 {
        margin: 0;
        padding: 0;
    }

    .footer-section-03 {
        margin: 0 auto;
        padding: 0 15px 25px 15px;
        text-align: center;
    }

        .footer-section-03 ul {
            margin: 0 auto;
            padding: 0 0 0 20px;
            text-align: left;
        }

            .footer-section-03 ul li {
                margin: 0;
                padding: 5px 0;
                list-style: none;
                text-align: center;
            }

                .footer-section-03 ul li a {
                    font-size: 14px;
                    color: #fff;
                    text-align: left;
                    display: block;
                }

                    .footer-section-03 ul li a:hover {
                        color: #caa54f;
                    }

    .copy-section {
        margin: 0 auto;
        padding: 25px 0;
        background: #000;
        text-align: center;
        font-size: 12px;
        color: #C5C5C5;
    }

    .news-section {
        margin: 0 auto;
        padding: 30px 15px 30px 15px;
        background: #fff;
    }

        .news-section h1 {
            font-size: 24px;
            text-align: center;
            color: #000;
            margin: 0 auto;
            padding: 0 0 0 0;
            font-weight: 700;
        }

    .news-section-main {
        margin: 0 auto;
        padding: 20px 0;
        border-bottom: 1px solid #ccc;
    }

        .news-section-main h2 {
            font-size: 18px;
            text-align: left;
            color: #0A3B7E;
            margin: 0 auto;
            padding: 0 0 10px 0;
            font-weight: 700;
            text-decoration: underline;
        }

        .news-section-main h3 {
            font-size: 14px;
            text-align: left;
            color: #666;
            margin: 0 auto;
            padding: 0 0 10px 0;
            font-weight: 600;
        }

        .news-section-main p {
            font-size: 13px;
            text-align: left;
            color: #333;
            margin: 0 auto;
            padding: 0 0 5px 0;
        }

        .news-section-main a {
            font-size: 13px;
            line-height: 30px;
            color: #000;
            border-radius: 50px;
            margin: 0;
            padding: 20px 0;
            text-decoration: underline;
        }

            .news-section-main a:hover {
                color: #C30609;
            }

    .news-section a.all {
        font-size: 14px;
        line-height: 30px;
        color: #fff;
        border-radius: 50px;
        margin: 0 auto;
        padding: 10px 30px;
        background-image: linear-gradient(#001761, #003399);
        letter-spacing: 0;
        font-weight: 500;
    }

        .news-section a.all:hover {
            background: #0A9BC0;
        }

    .banner-section-inner {
        margin: 0 auto;
        padding: 70px 0;
        text-align: center;
        height: auto;
    }

        .banner-section-inner h1 {
            font-size: 24px;
            text-align: center;
            color: #fff;
            text-transform: uppercase;
            margin: 0 auto;
            padding: 0 0 0 0;
            font-weight: 700;
        }

    .bg-member {
        background: url(../images/banner-1.jpg) center no-repeat;
        background-size: cover;
    }

    .bg-banquet {
        background: url(../images/banner-4.jpg) center no-repeat;
        background-size: cover;
    }

    .bg-contact {
        background: url(../images/banner-5.jpg) center no-repeat;
        background-size: cover;
    }

    .breadcrumb-section {
        border-bottom: 1px solid #e8e8e8;
        margin: 0;
        padding: 0 0 0 60px !important;
        background: #c9a451;
    }

    .breadcrumb {
        background: none;
        width: 100%;
        margin: 0;
        padding: 10px 0 10px 0;
    }

        .breadcrumb li {
            font-size: 14px;
            color: #000 !important;
            margin: 0;
            font-weight: 600;
        }

            .breadcrumb li a {
                font-size: 14px;
                color: #000;
                font-weight: 600;
                margin: 0;
                padding: 10px 0 0 0;
            }

                .breadcrumb li a:hover {
                    color: #C00;
                    text-decoration: underline;
                }

    .fa-home {
        font-size: 16px;
    }

    .body-section-inner {
        margin: 0 auto;
        padding: 30px 0;
        height: auto;
    }

    .members-inner {
        margin: 0 auto;
        padding: 0;
        height: auto;
        text-align: center;
    }

    .body-section-inner h1 {
        font-size: 24px;
        color: #000;
        margin: 0;
        padding: 0 0 0 0;
        line-height: 36px;
    }

    .members-inner p {
        font-size: 14px;
        color: #000;
        margin: 0;
        padding: 0 0 20px 0;
        line-height: 24px;
    }

    .members-inner a {
        font-size: 13px;
        line-height: 30px;
        color: #fff;
        border-radius: 50px;
        margin: 0 0 10px 0;
        padding: 10px 10px;
        background-image: linear-gradient(#001761, #003399);
        letter-spacing: 0;
        font-weight: 500;
        display: block;
        text-align: center;
    }

        .members-inner a:hover {
            background: #0A9BC0;
        }

    .members-inner-left {
        text-align: right;
    }

    .members-inner-right {
        text-align: left;
    }


    .banquet-section {
        margin: 0 auto;
        padding: 30px 0;
        border-top: 2px solid #c9a451;
    }

        .banquet-section h3 {
            font-size: 18px;
            text-align: center;
            color: #000;
            margin: 0 auto;
            padding: 0 0 0 0;
            font-weight: 600;
        }

        .banquet-section h1 {
            font-size: 18px;
            text-align: left;
            color: #000;
            margin: 0;
            padding: 25px 0 0 0;
            font-weight: 700;
        }

        .banquet-section ul {
            margin: 20px 0 0 0;
            padding: 0;
        }

            .banquet-section ul li {
                margin: 0;
                padding: 0;
                list-style: none;
                font-size: 14px;
                color: #000;
                line-height: 24px;
            }

                .banquet-section ul li ul {
                    margin: 10px 0 10px 30px;
                    padding: 0;
                }

                    .banquet-section ul li ul li {
                        margin: 0;
                        padding: 0;
                        list-style: none;
                        font-size: 14px;
                        color: #000;
                        line-height: 24px;
                    }

    .fa-dot-circle {
        color: #c9a451;
    }

    .banquet-section p {
        font-size: 14px;
        text-align: left;
        line-height: 24px;
        color: #000;
        margin: 0;
        padding: 10px 0 0 0;
        text-decoration: underline;
    }

    .location-section {
        margin: 0 auto;
        padding: 20px 10px;
        height: auto;
        background: #c9a451;
    }

        .location-section h1 {
            font-size: 20px;
            text-align: left;
            color: #000;
            margin: 0;
            padding: 0 0 0 0;
            font-weight: 700;
        }

        .location-section p {
            font-size: 16px;
            text-align: left;
            color: #000;
            margin: 0;
            padding: 10px 0 0 0;
        }

    .fa-map-marker-alt {
        font-size: 100px;
    }

    .event-form-section {
        margin: 0 auto;
        padding: 30px 0;
        height: auto;
    }

        .event-form-section h1 {
            font-size: 20px;
            text-align: center;
            color: #000;
            margin: 0;
            padding: 0 0 0 0;
            font-weight: 700;
        }

        .event-form-section h2 {
            font-size: 16px;
            text-align: center;
            color: #000;
            margin: 0;
            padding: 10px 0 0 0;
            font-weight: 700;
        }

            .event-form-section h2 span {
                color: #DF0307;
            }

    .event-form-section-main {
        width: 100%;
        margin: 30px auto 0 auto;
        padding: 0;
    }

    .w100 {
        width: 100%;
        margin: 10px auto 0 auto;
        padding: 10px;
        border: 2px solid #aeaeae !important;
        color: #333;
        font-size: 14px;
        font-weight: 400;
    }

    .w50 {
        float: left;
        width: 100%;
        margin: 10px 20px 0 0;
        padding: 10px;
        border: 2px solid #aeaeae !important;
        color: #333;
        font-size: 14px;
        font-weight: 400;
    }

        .w50:last-child {
            margin-right: 0;
        }

    .mr-r-0 {
        margin-right: 0;
    }

    .btn-warning {
        background-image: linear-gradient(#001761, #003399);
        border: none;
        color: #FFF !important;
        border-radius: 10px;
        padding: 10px 30px;
        font-size: 14px;
        display: block;
    }

        .btn-warning:hover {
            background: #0A9BC0;
            color: #FFF;
        }

    .event-menu-section {
        margin: 15px auto;
        padding: 30px 10px;
        height: auto;
        background: #c1f6ff;
    }

        .event-menu-section h1 {
            font-size: 16px;
            text-align: left;
            color: #000;
            margin: 0;
            padding: 0 0 10px 0;
            font-weight: 700;
        }

    .banquet-section .p1 {
        font-size: 14px;
        text-align: left;
        color: #000;
        margin: 0;
        padding: 10px 0 15px 0;
        text-decoration: none;
    }

    .event-menu-section ul {
        margin: 0;
        padding: 0;
    }

        .event-menu-section ul li {
            margin: 0;
            padding: 0;
            font-size: 14px;
            line-height: 24px;
            color: #000;
            list-style: none;
        }

    .fa-utensils {
        color: #91b8bf;
    }

    .fa-concierge-bell {
        font-size: 100px;
        color: #91b8bf;
    }

    .address-section {
        margin: 0 auto;
        padding: 0 0 45px 0;
        text-align: center;
    }

        .address-section h1 {
            font-size: 20px;
            text-align: center;
            color: #000;
            margin: 0 auto;
            padding: 0 20px 10px 20px;
            font-weight: 600;
        }

        .address-section h2 {
            font-size: 14px;
            text-align: center;
            color: #000;
            line-height: 24px;
            margin: 0 auto;
            padding: 0 20px;
            font-weight: 500;
        }

    .contact-section {
        margin: 0 auto;
        padding: 0;
        height: auto;
    }

    .contact-section-left {
        margin: 0;
        padding: 0;
        height: auto;
    }

        .contact-section-left h1 {
            font-size: 24px;
            text-align: left;
            color: #000;
            line-height: 32px;
            margin: 0;
            padding: 0 10px 20px 0;
            font-weight: 600;
        }

        .contact-section-left h2 {
            font-size: 22px;
            text-align: left;
            color: #000;
            line-height: 24px;
            margin: 0;
            padding: 0 0 0 0;
            font-weight: 600;
        }

        .contact-section-left p {
            font-size: 16px;
            text-align: left;
            color: #000;
            line-height: 24px;
            margin: 0;
            padding: 10px 50px 30px 0;
            font-weight: 400;
        }

    .contact-section-right {
        margin: 0;
        padding: 0;
        height: auto;
    }

        .contact-section-right ul {
            margin: 0;
            padding: 0;
        }

            .contact-section-right ul li {
                margin: 0;
                padding: 0;
                font-size: 14px;
                line-height: 30px;
                color: #000;
                list-style: none;
            }

    .members-login-section {
        margin: 0 auto;
        padding: 10px 0;
    }

    .members-login-section-col {
        float: left;
        width: 20%;
        height: auto;
        margin: 0 20px 20px 0;
        padding: 0;
    }

    .members-login-section-colcms {
        float: left !important;
        width: 20% !important;
        height: auto !important;
        margin: 0 20px 20px 0 !important;
        padding: 0 !important;
    }

    .members-login-section-col a {
        font-size: 16px;
        color: #fff;
        line-height: 20px;
        font-weight: 600;
        margin: 0;
        padding: 35px 15px;
        text-align: center;
        display: block;
        background-image: linear-gradient(to bottom right, #0201fc, #010085);
        border-radius: 20px;
        height: 130px;
    }

    .members-login-section-colcms a {
        font-size: 16px !important;
        color: #fff !important;
        line-height: 20px !important;
        font-weight: 600 !important;
        margin: 0 !important;
        padding: 35px 15px !important;
        text-align: center !important;
        display: block !important;
        background-image: linear-gradient(to bottom right, #0201fc, #010085) !important;
        border-radius: 20px !important;
        height: 130px !important;
    }

    .members-login-section-col a:hover {
        background-image: linear-gradient(to bottom right, #010085, #0201fc);
        color: #F7C20B;
    }

    .members-login-section-colcms a:hover {
        background-image: linear-gradient(to bottom right, #010085, #0201fc) !important;
        color: #F7C20B !important;
    }

    .dynamic-section {
        margin: 0 auto;
        padding: 0;
    }

    .dynamic-section-1 {
        margin: 0;
        padding: 0;
    }

    .dynamic-section-2 {
        margin: 0;
        padding: 0 20px 0 40px;
    }

    .dynamic-section-3 {
        margin: 0;
        padding: 0;
    }

        .dynamic-section-3 ul {
            margin: 0;
            padding: 0;
        }

            .dynamic-section-3 ul li {
                margin: 0;
                padding: 0 0 3px 0;
                list-style: none;
                display: block;
            }

                .dynamic-section-3 ul li a {
                    margin: 0;
                    padding: 10px 20px;
                    font-size: 14px;
                    color: #000;
                    text-align: left;
                    background: #eeeeee;
                    display: block;
                }

                    .dynamic-section-3 ul li a:hover {
                        background: #b63b4d;
                        color: #fff;
                    }

    .profile-box {
        margin: 0 0 20px 0;
        padding: 25px;
        border: 1px solid #ccc;
        text-align: center;
        font-size: 14px;
        color: #000;
        display: block;
    }

        .profile-box a {
            font-size: 13px;
            color: #E10007;
        }

            .profile-box a:hover {
                color: #057BE8;
                text-decoration: underline;
            }

    .account-section {
        margin: 0 auto;
    }

        .account-section h1 {
            font-size: 20px;
            color: #000;
            text-decoration: underlinei;
            display: block;
            padding: 0 0 5px 0;
            text-align: left;
        }

    .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 25px;
        left: 15%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 120px;
        color: #fff;
        text-align: center;
        display: inherit !important;
    }

    .carousel-caption {
        margin: 0 auto;
    }

        .carousel-caption h5 {
            margin: 0 auto;
            font-size: 40px;
            text-transform: uppercase;
            color: #fff;
            font-weight: 700;
        }

        .carousel-caption p {
            margin: 0 auto;
            padding: 0 10px;
            font-size: 24px;
            text-transform: none;
            color: #fff;
            font-weight: 500;
        }

    .calender-section-inner {
        margin: 0;
        padding: 0 50px;
    }

        .calender-section-inner h1 {
            font-size: 30px;
            color: #000;
            text-align: left;
            margin: 0;
            padding: 0;
        }

    .news-section-inner {
        margin: 0 auto;
        padding: 0 0 0 25px;
    }

    .mr-top-25 {
        margin-top: 20px;
    }

    .library-section {
        margin: 0 auto;
        padding: 0 30px;
    }

    .library-section-col {
        float: left;
        width: 30%;
        height: auto;
        margin: 0 8px 10px 2px;
        padding: 0;
    }

        .library-section-col a {
            font-size: 14px;
            color: #fff;
            line-height: 20px;
            font-weight: 600;
            margin: 0;
            padding: 35px 15px;
            text-align: center;
            display: block;
            background-image: linear-gradient(to bottom right, #0201fc, #010085);
            border-radius: 20px;
            height: 120px;
        }

            .library-section-col a:hover {
                background-image: linear-gradient(to bottom right, #010085, #0201fc);
                color: #F7C20B;
            }

    .transfers-section {
        margin: 0 auto;
        padding: 0 30px;
    }

    .transfers-section-col {
        width: 40%;
        height: auto;
        margin: 0 30px 30px 0;
        padding: 15px 5px;
        float: left;
        border: 1px solid #999;
        text-align: center;
    }

        .transfers-section-col h1 {
            font-size: 18px;
            line-height: 24px;
            color: #000;
            margin: 0 auto;
            padding: 15px;
            text-align: center;
            font-weight: 600;
        }

        .transfers-section-col a {
            color: #E3060A;
            font-weight: 400;
        }

            .transfers-section-col a:hover {
                text-decoration: underline;
                color: #000;
            }

    .fa-file-alt {
        font-size: 24px;
        color: #E80509;
    }

    .dynamic-section-2 h2 {
        font-size: 18px;
        margin: 0;
        padding: 0;
        font-weight: 600;
        color: #000;
        text-align: left;
    }

    .dynamic-section-2 p {
        font-size: 14px;
        margin: 0;
        padding: 20px 0 20px 0;
        font-weight: 400;
        color: #000;
        text-align: left;
    }

    .dynamic-section-2 a {
        font-size: 16px;
        line-height: 30px;
        color: #fff;
        border-radius: 50px;
        margin: 0;
        padding: 10px 20px;
        background-image: linear-gradient(#001761, #003399);
        letter-spacing: 0;
        font-weight: 600;
    }

        .dynamic-section-2 a:hover {
            background: #0A9BC0;
        }

    .memberoffers {
        margin: 0 auto;
        padding: 0 25px 0 45px;
    }

        .memberoffers p {
            font-size: 14px;
            margin: 0;
            line-height: 22px;
            padding: 0 0 0 0;
            font-weight: 500;
            color: #000;
            text-align: left;
        }

    .memberoffers-section {
        margin: 0 auto;
        padding: 25px 0 30px 0;
        border-bottom: 1px solid #CDAE3F;
    }

    .memberoffers-section-left {
        margin: 0;
        padding: 0;
    }

        .memberoffers-section-left h2 {
            font-size: 18px;
            margin: 0;
            padding: 0;
            font-weight: 600;
            color: #000;
            text-align: left;
        }

        .memberoffers-section-left p {
            font-size: 13px;
            margin: 0;
            line-height: 20px;
            padding: 10px 20px 30px 0;
            font-weight: 400;
            color: #000;
            text-align: left;
        }

        .memberoffers-section-left a.linkp {
            background: none;
            color: #0676DD;
            font-size: 16px;
            font-weight: 600;
            padding: 0;
        }

            .memberoffers-section-left a.linkp:hover {
                color: #DB0C0F;
                background: none;
                text-decoration: underline;
            }

        .memberoffers-section-left a {
            font-size: 12px;
            line-height: 30px;
            color: #fff;
            border-radius: 50px;
            margin: 0;
            padding: 10px 15px;
            background-image: linear-gradient(#001761, #003399);
            letter-spacing: 0;
            font-weight: 600;
        }

            .memberoffers-section-left a:hover {
                background: #0A9BC0;
            }

    .memberoffers-section-right {
        margin: 0;
        padding: 35px 0 0 0;
    }

    .executive-board-section {
        margin: 0 auto;
        padding: 30px 0;
        border-bottom: 1px solid #DBAB32;
        text-align: center;
    }

        .executive-board-section h1 {
            font-size: 30px;
            margin: 0 0 25px 0;
            padding: 0;
            font-weight: 600;
            color: #000;
            text-align: center;
        }

    .board-col {
        margin: 0 18px 18px 18px;
        width: 45%;
        padding: 20px;
        border: 1px solid #ccc;
        height: auto;
        float: left;
    }

        .board-col img {
            margin-bottom: 15px;
        }

        .board-col p {
            font-weight: 600;
            font-size: 18px;
            margin-bottom: 5px;
        }

        .board-col a {
            font-weight: 600;
            font-size: 18px;
        }

        .board-col h2 {
            font-size: 20px;
            margin: 0 0 10px 0;
            padding: 0;
            font-weight: 600;
            color: #DB090D;
            text-align: center;
        }
}



/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {

    h1, h2, h3, h4, h5 {
        font-family: 'Montserrat', sans-serif;
    }

    .navbar {
        position: fixed;
        margin: 0;
        padding: 0;
        z-index: 999;
        width: 100%;
    }

    .main-nav {
        background: #000 !important;
    }

        .main-nav a {
            color: #CCC;
        }

    .navbar ul {
        padding-top: 0 !important;
    }

        .navbar ul li {
            padding: 0 2px !important;
        }

            .navbar ul li a {
                color: #fff !important;
                padding: 19px 0;
                text-transform: none;
                font-size: 12px;
                letter-spacing: 0.2px;
                font-weight: 600;
            }

                .navbar ul li a:hover {
                    color: #cca351 !important;
                }

    .navbar-nav {
        padding: 0 0 0 100px !important;
    }

    .logo {
        color: #FC0 !important;
        margin-left: 35px;
    }

        .logo img {
            width: 10%;
            margin: -15px 0 0 0;
            padding: 0;
            z-index: 99;
            position: absolute;
        }

    .navbar-toggler {
        color: #CCC !important;
    }

    .call {
        margin: -6px 0 0 0;
        padding: 0;
        font-weight: 200;
        font-size: 18px;
        color: #fff;
        letter-spacing: 0.8px;
    }

    .fa-mobile-alt {
        font-size: 18px;
        color: #ee713a;
    }

    a.fb {
        color: #2779C7;
        font-size: 16px;
        margin-right: 12px;
    }

        a.fb:hover {
            color: #fff;
            font-size: 16px;
            margin-right: 12px;
        }

    a.tweeter {
        color: #27B3E5;
        font-size: 16px;
        margin-right: 12px;
    }

        a.tweeter:hover {
            color: #fff;
            font-size: 16px;
        }

    a.blog {
        color: #E0792A;
        font-size: 16px;
    }

        a.blog:hover {
            color: #fff;
            font-size: 16px;
        }

    .banner-section {
        margin: 0;
        padding: 0;
    }

    .carousel-caption {
        position: absolute;
        right: 15%;
        bottom: 25px;
        left: 15%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 150px;
        color: #fff;
        text-align: center;
        display: inherit !important;
    }

    .carousel-caption {
        margin: 0 auto;
    }

        .carousel-caption h5 {
            margin: 0 auto;
            font-size: 60px;
            text-transform: uppercase;
            color: #fff;
            font-weight: 700;
        }

        .carousel-caption p {
            margin: 0 auto;
            padding: 0 110px;
            font-size: 34px;
            text-transform: none;
            color: #fff;
            font-weight: 500;
        }

    .ht-navbar {
        height: 55px;
    }

    .social {
        font-size: 16px;
        color: #C00;
        margin-right: 50px;
    }

    .banner-btm-img {
        margin: -190px 0 0 0;
        position: relative;
        z-index: 999;
    }

    .welcome-section {
        margin: 0 auto;
        padding: 80px 0;
        height: auto;
        background-image: linear-gradient(#fff, #ccffff);
    }

        .welcome-section p {
            font-size: 18px;
            line-height: 30px;
            color: #000;
            margin: 0;
            padding: 0 0 50px 0;
            text-align: justify;
            letter-spacing: 0;
        }

        .welcome-section a {
            font-size: 18px;
            line-height: 30px;
            color: #fff;
            border-radius: 50px;
            margin: 0 auto;
            padding: 20px 40px;
            background-image: linear-gradient(#001761, #003399);
            letter-spacing: 0;
            font-weight: 600;
        }

            .welcome-section a:hover {
                background: #0A9BC0;
            }

    .login-section {
        margin: 0 auto;
        padding: 80px 0;
        background: url(../images/bg-login.jpg) fixed;
        background-size: cover;
        height: auto;
    }

        .login-section h1 {
            font-size: 50px;
            text-align: center;
            color: #fff;
            margin: 0 auto;
            padding: 0;
            font-weight: 700;
        }

    .login-section-main {
        width: 60%;
        margin: 20px auto;
        padding: 30px 50px;
        height: auto;
        border: 1px solid #fff;
        border-radius: 20px;
        color: #fff;
    }

    .form-control {
        padding: 15px;
    }

    .btn-login {
        width: 50%;
        margin: 15px auto;
        padding: 13px 10px;
        color: #fff;
        text-align: center;
        font-size: 16px;
        background: #C50000;
        border: none;
        clear: both;
        border-radius: 25px;
    }

        .btn-login:hover {
            background: #03215C;
            -webkit-transition: all 0.35s ease-in-out;
            -moz-transition: all 0.35s ease-in-out;
            -ms-transition: all 0.35s ease-in-out;
            -o-transition: all 0.35s ease-in-out;
            transition: all 0.35s ease-in-out;
        }

    .calender-section {
        margin: 0 auto;
        padding: 50px 0;
        background: url(../images/bg-calender.jpg) fixed;
        background-size: cover;
        height: auto;
    }

        .calender-section h1 {
            font-size: 50px;
            text-align: center;
            color: #000;
            margin: 0 auto;
            padding: 0;
            font-weight: 700;
        }

    .calender-section-col {
        margin: 25px 0 0 0;
        border-right: 1px solid #999;
    }

        .calender-section-col h2 {
            font-size: 24px;
            text-align: center;
            color: #0C4398;
            text-transform: uppercase;
            margin: 0 auto;
            padding: 0 0;
            font-weight: 700;
        }

    .video-section {
        margin: 0 auto;
        padding: 80px 0;
        background: url(../images/bg-video.jpg) fixed;
        background-size: cover;
        height: auto;
    }

        .video-section h1 {
            font-size: 50px;
            text-align: center;
            color: #fff;
            margin: 0 auto;
            padding: 0 0 30px 0;
            font-weight: 700;
        }

        .video-section h2 {
            font-size: 30px;
            color: #fff;
            text-align: left;
            margin: 0 auto;
            padding: 25px 0 28px 0;
            text-transform: none;
            line-height: 40px;
        }

            .video-section h2 span {
                color: #fff;
                text-transform: uppercase;
                font-size: 26px;
            }

    .video-section-col {
        margin: 0;
        padding: 0 0 0 30px;
    }

    .video {
        width: 450px;
        height: 260px;
    }

    .footer-section {
        margin: 0 auto;
        padding: 80px 0;
        background: #333;
    }

    .footer-section-01 {
        margin: 0;
        padding: 0;
    }

        .footer-section-01 p {
            font-size: 18px;
            line-height: 24px;
            margin: 0;
            padding: 20px 0 0 0;
            color: #ccc;
        }

            .footer-section-01 p span {
                color: #c4a751;
            }

        .footer-section-01 a {
            color: #c4a751;
        }

            .footer-section-01 a:hover {
                color: #fff;
            }

    .footer-section-02 {
        margin: 0;
        padding: 0;
    }

    .footer-section-03 {
        margin: 0;
        padding: 0;
    }

        .footer-section-03 ul {
            margin: 0 0 0 150px;
            padding: 0;
        }

            .footer-section-03 ul li {
                margin: 0;
                padding: 5px 0;
                list-style: none;
            }

                .footer-section-03 ul li a {
                    font-size: 20px;
                    color: #fff;
                    text-align: left;
                    display: block;
                }

                    .footer-section-03 ul li a:hover {
                        color: #caa54f;
                    }

    .copy-section {
        margin: 0 auto;
        padding: 25px 0;
        background: #000;
        text-align: center;
        font-size: 16px;
        color: #C5C5C5;
    }

    .news-section {
        margin: 0 auto;
        padding: 50px 0;
        background: #fff;
    }

        .news-section h1 {
            font-size: 40px;
            text-align: center;
            color: #000;
            margin: 0 auto;
            padding: 0 0 20px 0;
            font-weight: 700;
        }

    .news-section-main {
        margin: 0 auto;
        padding: 20px 0;
        border-bottom: 1px solid #ccc;
    }

        .news-section-main h2 {
            font-size: 20px;
            text-align: left;
            color: #0A3B7E;
            margin: 0 auto;
            padding: 0 0 15px 0;
            font-weight: 700;
            text-decoration: underline;
        }

        .news-section-main h3 {
            font-size: 16px;
            text-align: left;
            color: #666;
            margin: 0 auto;
            padding: 0 0 15px 0;
            font-weight: 800;
        }

        .news-section-main p {
            font-size: 16px;
            text-align: left;
            color: #333;
            margin: 0 auto;
            padding: 0 0 10px 0;
        }

        .news-section-main a {
            font-size: 16px;
            line-height: 30px;
            color: #000;
            border-radius: 50px;
            margin: 0;
            padding: 20px 0;
            text-decoration: underline;
        }

            .news-section-main a:hover {
                color: #C30609;
            }

    .news-section a.all {
        font-size: 22px;
        line-height: 30px;
        color: #fff;
        border-radius: 50px;
        margin: 0 auto;
        padding: 20px 40px;
        background-image: linear-gradient(#001761, #003399);
        letter-spacing: 0;
        font-weight: 600;
    }

        .news-section a.all:hover {
            background: #0A9BC0;
        }

    .banner-section-inner {
        margin: 0 auto;
        padding: 150px 0;
        text-align: center;
        height: auto;
    }

        .banner-section-inner h1 {
            font-size: 50px;
            text-align: center;
            color: #fff;
            text-transform: uppercase;
            margin: 0 auto;
            padding: 0 0 0 0;
            font-weight: 700;
        }

    .bg-member {
        background: url(../images/banner-1.jpg) center no-repeat;
        background-size: cover;
    }

    .bg-banquet {
        background: url(../images/banner-4.jpg) center no-repeat;
        background-size: cover;
    }

    .bg-contact {
        background: url(../images/banner-5.jpg) center no-repeat;
        background-size: cover;
    }


    .breadcrumb-section {
        border-bottom: 1px solid #e8e8e8;
        margin: 0;
        padding: 0 0 0 60px !important;
        background: #c9a451;
    }

    .breadcrumb {
        background: none;
        width: 100%;
        margin: 0;
        padding: 10px 0 10px 0;
    }

        .breadcrumb li {
            font-size: 16px;
            color: #000 !important;
            margin: 0;
            font-weight: 600;
        }

            .breadcrumb li a {
                font-size: 16px;
                color: #000;
                font-weight: 600;
                margin: 0;
                padding: 0;
            }

                .breadcrumb li a:hover {
                    color: #C00;
                    text-decoration: underline;
                }

    .body-section-inner {
        margin: 0 auto;
        padding: 50px 0;
        height: auto;
    }

    .members-inner {
        margin: 0 auto;
        padding: 0;
        height: auto;
        text-align: center;
    }

    .body-section-inner h1 {
        font-size: 36px;
        color: #000;
        margin: 0;
        padding: 0 0 0 0;
        line-height: 36px;
    }

    .members-inner p {
        font-size: 20px;
        color: #000;
        margin: 0;
        padding: 0 0 50px 0;
        line-height: 30px;
    }

    .members-inner a {
        font-size: 20px;
        line-height: 30px;
        color: #fff;
        border-radius: 50px;
        margin: 0 10px;
        padding: 20px 40px;
        background-image: linear-gradient(#001761, #003399);
        letter-spacing: 0;
        font-weight: 600;
    }

        .members-inner a:hover {
            background: #0A9BC0;
        }

    .members-inner-left {
        text-align: right;
    }

    .members-inner-right {
        text-align: left;
    }


    .banquet-section {
        margin: 0 auto;
        padding: 50px 0;
        border-top: 2px solid #c9a451;
    }

        .banquet-section h3 {
            font-size: 20px;
            text-align: center;
            color: #000;
            margin: 0 auto;
            padding: 0 0 0 0;
            font-weight: 600;
        }

        .banquet-section h1 {
            font-size: 24px;
            text-align: left;
            color: #000;
            margin: 0;
            padding: 35px 0 0 0;
            font-weight: 700;
        }

        .banquet-section ul {
            margin: 20px 0 0 0;
            padding: 0;
        }

            .banquet-section ul li {
                margin: 0;
                padding: 0;
                list-style: none;
                font-size: 18px;
                color: #000;
                line-height: 32px;
            }

                .banquet-section ul li ul {
                    margin: 10px 0 10px 50px;
                    padding: 0;
                }

                    .banquet-section ul li ul li {
                        margin: 0;
                        padding: 0;
                        list-style: none;
                        font-size: 20px;
                        color: #000;
                    }

    .fa-dot-circle {
        color: #c9a451;
    }

    .banquet-section p {
        font-size: 20px;
        text-align: left;
        color: #000;
        margin: 0;
        padding: 10px 0 0 0;
        text-decoration: underline;
    }

    .location-section {
        margin: 0 auto;
        padding: 50px;
        height: auto;
        background: #c9a451;
    }

        .location-section h1 {
            font-size: 24px;
            text-align: left;
            color: #000;
            margin: 0;
            padding: 0 0 0 0;
            font-weight: 700;
        }

        .location-section p {
            font-size: 20px;
            text-align: left;
            color: #000;
            margin: 0;
            padding: 10px 0 0 0;
        }

    .fa-map-marker-alt {
        font-size: 200px;
    }

    .event-form-section {
        margin: 0 auto;
        padding: 100px 0;
        height: auto;
    }

        .event-form-section h1 {
            font-size: 30px;
            text-align: center;
            color: #000;
            margin: 0;
            padding: 0 0 0 0;
            font-weight: 700;
        }

        .event-form-section h2 {
            font-size: 24px;
            text-align: center;
            color: #000;
            margin: 0;
            padding: 10px 0;
            font-weight: 700;
        }

            .event-form-section h2 span {
                color: #DF0307;
            }

    .event-form-section-main {
        width: 90%;
        margin: 30px auto 0 auto;
        padding: 0;
    }

    .w100 {
        width: 98%;
        margin: 10px auto;
        padding: 20px;
        border: 2px solid #aeaeae !important;
        color: #333;
        font-size: 18px;
        font-weight: 400;
    }

    .w50 {
        float: left;
        width: 48%;
        margin: 10px 20px 20px 0;
        padding: 20px;
        border: 2px solid #aeaeae !important;
        color: #333;
        font-size: 18px;
        font-weight: 400;
    }

        .w50:last-child {
            margin-right: 0;
        }

    .mr-r-0 {
        margin-right: 0;
    }

    .btn-warning {
        background-image: linear-gradient(#001761, #003399);
        border: none;
        color: #FFF !important;
        border-radius: 50px;
        padding: 20px 40px;
        font-size: 22px;
    }

        .btn-warning:hover {
            background: #0A9BC0;
            color: #FFF;
        }

    .event-menu-section {
        margin: 25px auto;
        padding: 30px 50px;
        height: auto;
        background: #c1f6ff;
    }

        .event-menu-section h1 {
            font-size: 26px;
            text-align: left;
            color: #000;
            margin: 0;
            padding: 0 0 10px 0;
            font-weight: 700;
        }

    .banquet-section .p1 {
        font-size: 20px;
        text-align: left;
        color: #000;
        margin: 0;
        padding: 10px 0 25px 0;
        text-decoration: none;
    }

    .event-menu-section ul {
        margin: 0;
        padding: 0;
    }

        .event-menu-section ul li {
            margin: 0;
            padding: 0;
            font-size: 20px;
            line-height: 40px;
            color: #000;
            list-style: none;
        }

    .fa-utensils {
        color: #91b8bf;
    }

    .fa-concierge-bell {
        font-size: 250px;
        color: #91b8bf;
    }

    .address-section {
        margin: 0 auto;
        padding: 0 0 45px 0;
        text-align: center;
    }

        .address-section h1 {
            font-size: 36px;
            text-align: center;
            color: #000;
            margin: 0 auto;
            padding: 0 0 10px 0;
            font-weight: 600;
        }

        .address-section h2 {
            font-size: 24px;
            text-align: center;
            color: #000;
            line-height: 36px;
            margin: 0 auto;
            padding: 0 0 10px 0;
            font-weight: 600;
        }

    .contact-section {
        margin: 0 auto;
        padding: 0;
        height: auto;
    }

    .contact-section-left {
        margin: 0;
        padding: 0;
        height: auto;
    }

        .contact-section-left h1 {
            font-size: 30px;
            text-align: left;
            color: #000;
            line-height: 40px;
            margin: 0;
            padding: 0 50px 20px 0;
            font-weight: 600;
        }

        .contact-section-left h2 {
            font-size: 24px;
            text-align: left;
            color: #000;
            line-height: 36px;
            margin: 0;
            padding: 0 0 0 0;
            font-weight: 600;
        }

        .contact-section-left p {
            font-size: 20px;
            text-align: left;
            color: #000;
            line-height: 36px;
            margin: 0;
            padding: 10px 150px 10px 0;
            font-weight: 400;
        }

    .contact-section-right {
        margin: 0;
        padding: 0;
        height: auto;
    }

        .contact-section-right ul {
            margin: 0;
            padding: 0;
        }

            .contact-section-right ul li {
                margin: 0;
                padding: 0;
                font-size: 20px;
                line-height: 40px;
                color: #000;
                list-style: none;
            }

    .members-login-section {
        margin: 0 auto;
        padding: 30px 0;
    }

    .members-login-section-col {
        float: left;
        width: 14%;
        height: auto;
        margin: 0 20px 20px 0;
        padding: 0;
    }

        .members-login-section-col a {
            font-size: 16px;
            color: #fff;
            line-height: 20px;
            font-weight: 600;
            margin: 0;
            padding: 35px 15px;
            text-align: center;
            display: block;
            background-image: linear-gradient(to bottom right, #0201fc, #010085);
            border-radius: 20px;
            height: 130px;
        }

            .members-login-section-col a:hover {
                background-image: linear-gradient(to bottom right, #010085, #0201fc);
                color: #F7C20B;
            }

    .dynamic-section {
        margin: 0 auto;
        padding: 0;
    }

    .dynamic-section-1 {
        margin: 0;
        padding: 0;
    }

    .dynamic-section-2 {
        margin: 0;
        padding: 0 50px;
    }

    .dynamic-section-3 {
        margin: 0;
        padding: 0;
    }

        .dynamic-section-3 ul {
            margin: 0;
            padding: 0;
        }

            .dynamic-section-3 ul li {
                margin: 0;
                padding: 0 0 3px 0;
                list-style: none;
                display: block;
            }

                .dynamic-section-3 ul li a {
                    margin: 0;
                    padding: 10px 20px;
                    font-size: 16px;
                    color: #000;
                    text-align: left;
                    background: #eeeeee;
                    display: block;
                }

                    .dynamic-section-3 ul li a:hover {
                        background: #b63b4d;
                        color: #fff;
                    }

    .profile-box {
        margin: 0 0 3px 0;
        padding: 25px;
        border: 1px solid #ccc;
        text-align: center;
        font-size: 18px;
        color: #000;
        display: block;
    }

        .profile-box a {
            font-size: 16px;
            color: #E10007;
        }

            .profile-box a:hover {
                color: #057BE8;
                text-decoration: underline;
            }

    .account-section {
        margin: 0 auto;
    }

        .account-section h1 {
            font-size: 20px;
            color: #000;
            text-decoration: underlinei;
            display: block;
            padding: 0 0 5px 0;
            text-align: left;
        }

    .calender-section-inner {
        margin: 0;
        padding: 0 50px;
    }

        .calender-section-inner h1 {
            font-size: 30px;
            color: #000;
            text-align: left;
            margin: 0;
            padding: 0;
        }

    .news-section-inner {
        margin: 0 auto;
        padding: 0 0 0 55px;
    }

    .mr-top-25 {
        margin-top: 20px;
    }

    .library-section {
        margin: 0 auto;
        padding: 0 30px;
    }

    .library-section-col {
        float: left;
        width: 30%;
        height: auto;
        margin: 0 8px 10px 2px;
        padding: 0;
    }

        .library-section-col a {
            font-size: 20px;
            color: #fff;
            line-height: 20px;
            font-weight: 600;
            margin: 0;
            padding: 45px 15px;
            text-align: center;
            display: block;
            background-image: linear-gradient(to bottom right, #0201fc, #010085);
            border-radius: 20px;
            height: 140px;
        }

            .library-section-col a:hover {
                background-image: linear-gradient(to bottom right, #010085, #0201fc);
                color: #F7C20B;
            }

    .transfers-section {
        margin: 0 auto;
        padding: 0 30px;
    }

    .transfers-section-col {
        width: 30%;
        height: auto;
        margin: 0 30px 30px 0;
        padding: 15px 5px;
        float: left;
        border: 1px solid #999;
        text-align: center;
    }

        .transfers-section-col h1 {
            font-size: 18px;
            line-height: 24px;
            color: #000;
            margin: 0 auto;
            padding: 15px;
            text-align: center;
            font-weight: 600;
        }

        .transfers-section-col a {
            color: #E3060A;
            font-weight: 400;
        }

            .transfers-section-col a:hover {
                text-decoration: underline;
                color: #000;
            }

    .fa-file-alt {
        font-size: 24px;
        color: #E80509;
    }

    .executive-board-section {
        margin: 0 auto;
        padding: 30px 0;
        border-bottom: 1px solid #DBAB32;
        text-align: center;
    }

        .executive-board-section h1 {
            font-size: 30px;
            margin: 0 0 25px 0;
            padding: 0;
            font-weight: 600;
            color: #000;
            text-align: center;
        }

    .board-col {
        margin: 0 15px 18px 15px;
        width: 30%;
        padding: 20px;
        border: 1px solid #ccc;
        height: auto;
        float: left;
    }

        .board-col img {
            margin-bottom: 15px;
        }

        .board-col p {
            font-weight: 600;
            font-size: 16px;
            margin-bottom: 5px;
        }

        .board-col a {
            font-weight: 600;
            font-size: 16px;
        }



        .board-col h2 {
            font-size: 18px;
            margin: 0 0 10px 0;
            padding: 0;
            font-weight: 600;
            color: #DB090D;
            text-align: center;
        }
}


/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    ...
}