



.wtformjson.simp-custom-bristol-form-popup {
    display: none;
}

.simp-custom-bristol-form-popup-image {
    display: none;
}

.pop-up-form-container-parent {
    display: none;
}
.pop-up-form-container-parent .viewPortOut{
    opacity:1;
}
.pop-up-form-container-parent.active .simp-custom-bristol-form-popup-image {
    display: block;
}

.pop-up-form-container-parent.active .simp-custom-bristol-form-popup {
    display: block;
}
.pop-up-form-container-parent.hidden {
    display: none;
}
.pop-up-form-container-parent.active {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 10000;
    justify-content: center;
    align-items: center;
    padding: 0 10.75vw;
    animation: popin 1s ease-in-out;
}

.pop-up-form-container-parent {
    animation: popout 1s ease-in-out;
}

@keyframes popin {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes popout {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.pop-up-form-container-parent.active .pop-up-body {
    display: flex;
    flex-wrap: nowrap;
    background: #fff;
    padding: 20px;
    align-items: center;
    gap: 20px;
    justify-content: center;
    position: relative;
}

.pop-up-form-container-parent.active .heading-section {
    width: 100%;
}

.pop-up-body-container {
    position: relative;
}

.pop-up-form-container-parent.active .col-md-12.text-danger {
    text-align: center
}

.pop-up-form-container-parent.active .image-container {
    width: calc(50% - 20px);
    /* max-width: calc(50% - 20px); */
    height: 100% !important;
}

.pop-up-form-container-parent.active .form-container {
    width: calc(50% - 20px);
    /* max-width: calc(50% - 20px); */
}

.pop-up-form-container-parent.active .simp-custom-bristol-form-popup-image>.one-col {
    padding: 0;
}

.pop-up-form-container-parent.active .heading-section {
    display: flex;
    flex-direction: column;
    position: relative;
}

.pop-up-form-container-parent.active .heading-section h2 {
    margin-bottom: 12px;
    font-weight: 600;
    font-size: clamp(18px, 1.303vw, 25px);
}

.pop-up-form-container-parent.active .heading-section h3 {
    font-weight: 300;
    margin-bottom: 5px;
    font-size: clamp(18px, 1.094vw, 21px);
}

.pop-up-form-container-parent.active .form-close-button {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    font-size: 20px;
    font-weight: 600;
    background: #6f2021;
    color: #fff;
    cursor: pointer;
    z-index: 9;
}

.pop-up-form-container-parent.active .form-group label {
    /* display:none; */
}

.pop-up-form-container-parent.active .form-group>.col-sm-12.col-md-6 {
    padding: 0;
    width: 100%;
    margin-left: 0;
}

.pop-up-form-container-parent.active .wtformjson .fullWidthWidgetWrapper>.col-sm-12 {
    padding: 0;
}

.pop-up-form-container-parent.active .wtformjson .formSubmitButton {
    border-radius: 5px;
    /* height:34px; */
}

.pop-up-form-container-parent.active .form-group {
    margin: 0 0 10px 0;
    padding: 0;
}

.pop-up-form-container-parent.active .form-group:last-child {
    margin: 0;
}

.pop-up-form-container-parent.active .form-group input::placeholder,
.pop-up-form-container-parent.active .form-group textarea::placeholder {
    color: #4b5761;
}

.pop-up-form-container-parent.active .form-group input,
.pop-up-form-container-parent.active .form-group textarea {
    border-color: rgba(75, 87, 97, 0.6);
}

.pop-up-form-container-parent.active .pop-up-body,
.pop-up-form-container-parent.active .pop-up-body-container {
    max-height: calc(100vh - 40px);
}
.mobile .pop-up-form-container-parent.active .pop-up-body,
.mobile .pop-up-form-container-parent.active .pop-up-body-container {
    max-height: calc(100dvh - 40px);
}

@media (max-width:1500px) {
    .pop-up-form-container-parent.active {
        padding: 0 12vw;
    }
}

@media (max-width:1300px) {
    .pop-up-form-container-parent.active {
        padding: 0 8vw;
    }
}

@media (max-width:990px) {

    .pop-up-form-container-parent.active .pop-up-body,
    .pop-up-form-container-parent.active .pop-up-body-container {
        flex-wrap: wrap;
        padding: 0;
        position: relative;
        overflow: scroll;
        height: max-content;
        /* flex-direction: column; */
    }

    .mobile .pop-up-form-container-parent.active .pop-up-body,
    .mobile .pop-up-form-container-parent.active .pop-up-body-container {
        height: max-content;
    }

    .pop-up-form-container-parent.active .image-container {
        width: 100%;
        height: auto !important;
    }

    .pop-up-form-container-parent.active .form-container {
        width: 100%;
        padding: 0 20px 20px 20px;
    }

    .pop-up-form-container-parent.active {
        padding: 0 25vw;
    }

    .pop-up-form-container-parent.active .heading-section {
        position: static;
    }

    .pop-up-form-container-parent.active .form-close-button {
        top: 0;
        right: 0;
        z-index: 9;
    }

    .pop-up-form-container-parent.active .pop-up-body::-webkit-scrollbar {
        display: none;
    }
}


.mobile .pop-up-form-container-parent.active .simp-custom-bristol-form-popup-image>.col-xs-12 {
    padding: 0;
}

.mobile .pop-up-form-container-parent.active .form-container {
    padding: 0 20px 20px;
}

.mobile .pop-up-form-container-parent.active {
    padding: 6vw 5vw;
}

.mobile .pop-up-form-container-parent.active .heading-section h3 {
    margin: 0;
    font-size: 16px;
}

.mobile .pop-up-form-container-parent.active .heading-section h2 {
    margin-bottom: 5px;
    font-size: 18px;
}

.mobile .pop-up-form-container-parent.active .heading-section p {
    margin: 0 0 10px 0;
    font-size: 13px;
    width: 70%;
}

.mobile .pop-up-form-container-parent.active .pop-up-body {
    gap: 20px;
    overflow: scroll;
    height: 80vh;
    /*padding-top: 15px;*/
    align-items: normal;
}

.mobile .pop-up-form-container-parent.active .image-container {
    height: auto !important;
}

.mobile .pop-up-form-container-parent.active .pop-up-body .widget-wrapper.wtformjson {
    padding: 0 !important;
}

.mobile .pop-up-form-container-parent.active .widget-wrapper.wtformjson>.col-xs-12 {
    padding: 0;
}

.mobile .pop-up-form-container-parent.active .widget-wrapper.wtformjson .form-group>.col-xs-12 {
    padding: 0;
}

.mobile .pop-up-form-container-parent.active .wtformjson .formSubmitButton {
    border-radius: unset;
}

.mobile .pop-up-form-container-parent.active .widget-wrapper.wtformjson .form-group:has(button) {
    margin: 0;
}

.mobile .pop-up-form-container-parent.active .pop-up-body .widget-wrapper.wtformjson,
.mobile .pop-up-form-container-parent.active .simp-custom-bristol-form-popup-image,
.mobile .pop-up-form-container-parent.active .simp-custom-bristol-form-popup-image>.col-xs-12 {
    margin: 0;
}

.mobile .pop-up-form-container-parent.active .pop-up-body {
    height: 100%;
}

@media (orientation:landscape) {
    .mobile .pop-up-form-container-parent.active {
        padding: 4vw;
    }

    .mobile .pop-up-form-container-parent.active .image-container {
        /* width: 47%; */
        /*height: inherit !important;*/
    }

    .mobile .pop-up-form-container-parent.active .simp-custom-bristol-form-popup-image,
    .mobile .pop-up-form-container-parent.active .simp-custom-bristol-form-popup-image>.col-xs-12 {
        height: 100%;
    }

    .mobile .pop-up-form-container-parent.active .image-container img {
        object-fit: cover;
        height: 100%;
    }

    .mobile .pop-up-form-container-parent.active .form-container {
        padding: 0 20px 20px;
    }

    .mobile .pop-up-form-container-parent.active .pop-up-body {
        /* padding: 20px; */
        height: 100%;
        flex-direction: row;
    }

    .mobile .pop-up-form-container-parent.active .heading-section h2 {
        margin: 0;
    }

    .mobile .pop-up-form-container-parent.active .heading-section p {
        margin: 0;
    }
}

.mobile .pop-up-form-container-parent.active .pop-up-body::-webkit-scrollbar {
    display: none;
}

















html{
    scroll-behavior:smooth;
}
.mobile .page > .main > .name-of-hotel ,
.mobile .page > .main > .panel-group{
    display:none;
}
.mobile.for-gallerypage .gallery-content .ratio-16-9 img{
    width:100% !important;
    object-fit:cover;
}
.mobile.for-gallerypage .cycle-next,.mobile.for-gallerypage .cycle-prev {
    top: 35%;
}
.mobile.for-gallerypage .div-16-9 {
    padding-top: 55px;
}
/*OPS-15747 start*/
.mobile.for-homepage .navbar-logo{
    background:rgba(255,255,255,.7);
}
.mobile.for-homepage .fullImage{
    padding-top:66px;
}
/*OPS-15747 end*/

body:not(.mobile) .simp-custom-Hide-Desktop-Cnct-btn .txt-wdgt-btn-wrapper{
    display:none;
}
body:not(.mobile)  .simp-custom-Desktop-Hide{
     display:none;
}
body:not(.mobile) .content_wrapper .no-gutter .simp-custom-desktop-hide {
    display: none;
}



#whatsAppHeader{
    z-index: 1000;
    position: fixed;
    bottom: 140px;
    right: 5px;
    width: 60px;
    height: 60px;
}
@media screen and (max-width: 1536px) {
    #whatsAppHeader{
        width:50px;
        height:50px;
        right: 10px;
    }
}
.mobile #whatsAppHeader{
    z-index: 1000;
    position: fixed;
    bottom: 80px;
    right:17px;
    width:50px;
    height:50px;
}

