@media screen and (width:1366px) {
    .login-container {
        margin-top: 7%;
    }
}

@media screen and (width:1280px) {
    .login-container {
        margin-top: 3%!important;
    }
}

@media screen and (width:1024px) {
    .login-container {
        margin-top: 3%!important;
    }
    .modal {
        z-index: 12000!important;
    }
}

@media screen and (min-width: 991px) and (max-width: 1200px) {
    .form-group label {
        text-indent: 0px;
    }
    #contact-us {
        min-height: 520px;
    }
    .login-container {
        margin-top: 3%!important;
    }
    .login-slogan span {
        font-family: 'Montserrat', sans-serif, Arial, Helvetica, sans-serif;
        font-size: 16pt;
        font-weight: 600;
        color: #fff;
        margin-top: 15%;
        line-height: 30px;
        text-shadow: -1px 1px 0px rgba(0, 0, 0, 0.5);
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .tee-time-row-head .hd {
        font-size: 10.5pt!important;
        color: #333!important;
        float: left;
        font-weight: 400;
        text-align: center;
        margin-top: 10px;
    }
    .tee-time-row-head .hd img {
        width: 25px;
        height: 25px;
    }
    ul.navbar-nav li a {
        font-size: 14px;
        font-weight: normal;
        color: #313131!important;
        padding: 8px 12px!important;
        font-family: 'Montserrat', sans-serif, Arial, Helvetica, sans-serif;
    }
    ul.navbar-nav li a:hover {
        background: #008286;
        color: #fff!important;
        font-weight: normal;
        padding: 8px 12px;
        font-family: 'Montserrat', sans-serif, Arial, Helvetica, sans-serif;
    }
    ul.navbar-nav li a.active {
        font-family: 'Montserrat', sans-serif, Arial, Helvetica, sans-serif;
        background: #008286;
        font-size: 14px;
        color: #ffffff!important;
        font-weight: normal;
    }
    .login #radioBtn .notActive {
        color: #b8b9b5;
        background-color: #fff;
        padding: 4px 12px;
        border-left: 1px solid #e6e8e9;
        font-family: 'BentonSans Bold', Arial, Helvetica, sans-serif;
        font-size: 16pt;
        font-weight: bold;
    }
    .login #radioBtn .notActive u {
        text-decoration: none;
        border-bottom: 0.5px solid #b8b9b5;
    }
    .login #radioBtn .active {
        color: #0270cf;
        background-color: transparent;
        padding: 4px 12px;
        border: 0px solid #0061c6;
        font-family: 'BentonSans Bold', Arial, Helvetica, sans-serif;
        font-size: 16pt;
        font-weight: 700;
    }
    .login-slogan {
        font-family: 'BentonSans-Regular', Arial, Helvetica, sans-serif;
        font-size: 19pt;
        font-weight: light;
        color: #fff;
        text-align: center;
        margin-top: 5%;
        line-height: 30px;
        text-shadow: 3px 0px 3px rgba(0, 0, 0, 0.20);
    }
    .login-slogan b {
        font-family: 'BentonSans Bold', Arial, Helvetica, sans-serif;
        font-size: 40pt;
        font-weight: bold;
        color: #fff;
        text-align: center;
        margin-top: 50px;
        line-height: 60px;
        text-shadow: 3px 0px 3px rgba(0, 0, 0, 0.20);
    }
    .inner-tab .nav-tabs .nav-item {
        width: 48%!important;
        border: 1px solid #e1e1e1;
        text-align: center;
        margin: 0px auto;
    }
    .nav-tabs .nav-item {
        width: 25%!important;
        border: 1px solid #e1e1e1;
    }
    #contact-us {
        min-height: 520px;
    }
    .login-container {
        margin-top: 2%!important;
    }
    .login-slogan span {
        font-family: 'Montserrat', sans-serif, Arial, Helvetica, sans-serif;
        font-size: 19pt;
        font-weight: 600;
        color: #fff;
        margin-top: 28%;
        text-align: center;
        line-height: 30px;
        text-shadow: -1px 1px 0px rgba(0, 0, 0, 0.5);
    }
}

@media screen and (width:768px) {}

@media (min-width: 577px) and (max-width: 767px) {
    .f-pass {
        float: left;
        text-align: right!important;
    }
    .n-user {
        float: left;
        text-align: center;
    }
    .image-box {
        max-width: 100%;
        width: 100%;
        height: 500px;
    }
    _:-ms-fullscreen,
     :root .image-box {
        height: 400px!important;
    }
}

@media (min-width:320px) and (max-width: 576px) {
    .f-pass {
        float: left;
        text-align: left;
    }
    .n-user {
        float: left;
        text-align: center;
    }
}

@media (min-width: 992px) {}

@media (min-width: 1200px) {
    .login-container {
        margin-top: 7%;
    }
}

@media screen and (min-width: 320px) and (max-width: 370px) {
    .login-block.p-5 {
        padding: 1.5rem !important;
    }
    .inner-tab .nav-tabs .nav-item {
        width: 48%!important;
        border: 1px solid #e1e1e1;
        text-align: center;
        margin: 0px auto;
        height: 99px;
    }
    .inner-tab .nav-tabs .nav-link {
        border: 1px solid #e1e1e1!important;
        border-top-left-radius: 0rem;
        border-top-right-radius: 0rem;
        color: #333333;
        font-size: 11pt;
        font-weight: normal;
        padding: 16px 18px;
        text-align: center;
        height: 99px;
        font-family: 'BentonSans-Regular', sans-serif, Arial, Helvetica, sans-serif;
    }
    .inner-tab .nav-tabs .nav-item.show .nav-link,
    .inner-tab .nav-tabs .nav-link.active {
        height: 99px;
    }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    .image-box {
        max-width: 100%;
        width: 100%;
        height: 0px auto!important;
    }
    _:-ms-fullscreen,
     :root .image-box {
        height: 200px!important;
    }
    .xs-phone {
        margin-top: 15px;
        padding: 0px;
    }
    .xs-phone-lg {
        margin-top: 30px;
        padding: 0px;
    }
    .tee-time-row-head .hd {
        font-size: 11pt!important;
        color: #333!important;
        float: left;
        font-weight: 400;
        text-align: center;
        margin-top: 10px;
        border-bottom: 1px solid #dcdcdc;
        padding-bottom: 15px;
    }
    .tee-time-row-head .hd.last {
        font-size: 11pt!important;
        color: #333!important;
        float: left;
        font-weight: 400;
        text-align: center;
        margin-top: 10px;
        border-bottom: 0px solid #dcdcdc;
    }
    .tee-time-row-head .hd img {
        width: 30px;
        height: 30px;
    }
    .tee-time-row .hd,
    .tee-time-row .nt {
        border-bottom: 1px solid #dcdcdc;
        padding-bottom: 15px;
    }
    .tee-time-row .bn {
        padding-top: 15px;
    }
    .category-box .card-title {
        width: 90%;
        text-align: center;
    }
    .login #radioBtn .notActive {
        color: #b8b9b5;
        background-color: #fff;
        padding: 4px 12px;
        border-left: 1px solid #e6e8e9;
        font-family: 'BentonSans Bold', Arial, Helvetica, sans-serif;
        font-size: 16pt;
        font-weight: bold;
    }
    .login #radioBtn .notActive u {
        text-decoration: none;
        border-bottom: 0.5px solid #b8b9b5;
    }
    .login #radioBtn .active {
        color: #0270cf;
        background-color: transparent;
        padding: 4px 12px;
        border: 0px solid #0061c6;
        font-family: 'BentonSans Bold', Arial, Helvetica, sans-serif;
        font-size: 16pt;
        font-weight: 700;
    }
    .inner-tab .nav-tabs .nav-item {
        width: 48%!important;
        border: 1px solid #e1e1e1;
        text-align: center;
        margin: 0px auto;
        height: 70px;
    }
    .inner-tab .nav-tabs .nav-link {
        border: 1px solid #e1e1e1!important;
        border-top-left-radius: 0rem;
        border-top-right-radius: 0rem;
        color: #333333;
        font-size: 11pt;
        font-weight: normal;
        padding: 16px 18px;
        text-align: center;
        height: 70px;
        font-family: 'BentonSans-Regular', sans-serif, Arial, Helvetica, sans-serif;
    }
    .inner-tab .nav-tabs .nav-item.show .nav-link,
    .inner-tab .nav-tabs .nav-link.active {
        height: 70px;
    }
    .f-pass {
        float: left;
        text-align: left;
    }
    .n-user {
        float: left;
        text-align: center;
    }
    .nav-tabs .nav-item {
        width: 50%!important;
        border: 1px solid #e1e1e1;
    }
    .hi-icon {
        background: #a55339;
        display: inline-block;
        font-size: 0px;
        cursor: pointer;
        margin: 15px 20px;
        width: 140px;
        height: 140px;
        -webkit-border-radius: 90px;
        -moz-border-radius: 90px;
        border-radius: 90px;
        text-align: center;
        position: relative;
        z-index: 1;
        color: #fff;
    }
    .name-title {
        font-size: 11pt;
    }
    .media1 .img-box img {
        width: 100%;
    }
    .media1 .d-heading {
        margin-top: 10px;
    }
    #contact-us {
        min-height: 510px;
    }
    .login-slogan {
        display: none!important;
    }
    .nav-tabs {
        border-bottom: 0px!important;
    }
    a.btn-play-now {
        padding: 10px 40px;
        background: #a55339;
        color: #fff;
        text-align: center;
        font-size: 10pt;
        font-weight: 400;
        text-shadow: 1px 0px 0px rgba(255, 255, 255, 1);
        -webkit-border-radius: 90px;
        -moz-border-radius: 90px;
        border-radius: 90px;
        margin: 0px 20px 10px 0px!important;
    }
    a.btn-play-now:hover {
        padding: 10px 40px;
        background: #7d3d29;
        color: #fff;
        text-align: center;
        font-size: 10pt;
        font-weight: 400;
        text-shadow: 1px 0px 0px rgba(255, 255, 255, 1);
        -webkit-border-radius: 90px;
        -moz-border-radius: 90px;
        border-radius: 90px;
        margin: 0px 20px 10px 0px;
    }
    .display-1 {
        margin-top: 48%;
    }
}


  #loader {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.5);
        z-index: 9999999999
    }
    /* REVERSE SPINNER */
    
    .reverse-spinner {
        position: absolute;
        height: 100px;
        width: 100px;
        top: 40%;
        left: 50%;
        border: 4px solid transparent;
        border-top-color: #fff;
        border-left-color: #fff;
        border-radius: 50%;
        -webkit-animation: spin 1.5s linear infinite;
        animation: spin 1.5s linear infinite;
    }
    
    .reverse-spinner::before {
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        content: "";
        border: 4px solid transparent;
        border-top-color: #fff;
        border-left-color: #fff;
        border-radius: 50%;
        -webkit-animation: spinBack 1s linear infinite;
        animation: spinBack 1s linear infinite;
    }