@media only screen and (max-width: 1000px) {
    /**********************SOCIAL FLOATING BAR************************/
    .multiSocial-modal .modalContent {
        text-align: center;
    }
    .multiSocial-modal .modalContent .modalbody .modal-button-group .button-group {
        flex-direction: column;
        align-items: center;
    }
    .multiSocial-modal .modalContent .modalbody .modal-button-group .button-group .social-button .sf-button-holder:hover {
        margin-top: 0;
        margin-left: 5px;
    }
    /**********************SOCIAL FLOATING BAR************************/

    /*********************DISCOUNT FLOATING BAR***********************/
    .multiDiscount-modal .modalContent .modalbody .discount-dualModal {
        gap: 25px;
        flex-direction: column;
        align-items: center;
    }
    .multiDiscount-modal .modalContent .modalbody .discount-dualModal .modal-text-content {
        text-align: center;
    }
    .multiDiscount-modal .modalContent .modalbody .discount-dualModal .modal-text-content .title-content, 
    .multiDiscount-modal .modalContent .modalbody .mini-modal .miniModal-content .mini-title {
        font-size: 22px;
    }
    .multiDiscount-modal .modalContent .modalbody .mini-modal .miniModal-content {
        width: 500px;
        margin: auto;
    }
    /*********************DISCOUNT FLOATING BAR***********************/

    /********************SOCIAL FULL SCREEN BAR**********************/
    .social-fullScreen-modal .modalContent .close {
        top: -10px;
    }
    .social-fullScreen-modal .modalContent .modalbody-wrapper .modalbody-inWrapper {
        width: 500px;
    }
    /********************SOCIAL FULL SCREEN BAR**********************/

    /*******************DISCOUNT FULL SCREEN BAR*********************/
    .discountFullScreen-modal .modalContent {
        width: 750px;
    }
    .discountFullScreen-modal .modalContent .modalbody .discount-dualModal {
        flex-direction: initial;
    }
    .discountFullScreen-modal .modalContent .modalbody .discount-dualModal .modal-text-content {
        text-align: left;
    }
    .discountFullScreen-modal .modalContent .modalbody .discount-dualModal .modal-text-content .title-content {
        margin-bottom: 10px;
    }
    .discountFullScreen-modal .modalContent .modalbody .discount-dualModal .modal-text-content .para-content {
        font-size: 18px;
        margin-bottom: 25px;
    }
    /*******************DISCOUNT FULL SCREEN BAR*********************/

    /***********************SOCIAL POPUP BAR*************************/
    .social-popped-modal .modalContent {
        text-align: left;
    }
    .social-popped-modal .modalContent .modalbody .modal-button-group .button-group {
        align-items: baseline;
    }
    /***********************SOCIAL POPUP BAR*************************/

    /***********************BOOKED POPUP BAR*************************/
    .book-popped-modal .modalContent .modalbody-wrapper .modalbody-inWrapper {
        width: 80%;
    }
    /***********************BOOKED POPUP BAR*************************/

    /***********************SPLIT COUNTDOWN*************************/
    .splitCountDown-modal .split-content-holder {
        gap: 30px;
        width: 80%;
    }
    /***********************SPLIT COUNTDOWN*************************/

    /***********************SUBSCRIPTION***************************/
    .subcription-float-modal .modalContent .modalbody-inWrapper {
        width: 80%;
    }
    /***********************SUBSCRIPTION***************************/
}

@media only screen and (max-width: 800px) {
    /***********************BOOKED POPUP BAR*************************/
    .book-popped-modal .modalContent .outer-modal-wrapper {
        display: block;
    }
    .book-popped-modal .modalContent .modalbody .outer-modal-wrapper .leftImageContent figure {
        width: 100%;
        height: 200px;
    }
    .book-popped-modal .modalContent .modalbody .outer-modal-wrapper .leftImageContent figure img {
        height: 100%;
    }
    .book-popped-modal .modalContent .modalbody .outer-modal-wrapper .rightTextContent {
        padding: 20px 30px;
    }
    /***********************BOOKED POPUP BAR*************************/
}

@media only screen and (max-width: 768px) {
    /**********************SOCIAL FLOATING BAR************************/
    .multiSocial-modal .modalContent .modalbody .modal-text-content .title-content {
        font-size: 20px;
    }
    .multiSocial-modal .modalContent .modalbody .modal-text-content .para-content {
        font-size: 14px;
    }
    .multiSocial-modal .modalContent .modalbody .modal-button-group .button-group {
        gap: 10px;
    }
    /**********************SOCIAL FLOATING BAR************************/

    /*********************DISCOUNT FLOATING BAR***********************/
    .multiDiscount-modal .modalContent .modalbody .discount-dualModal {
        gap: 15px;
    }
    /*********************DISCOUNT FLOATING BAR***********************/

    /*******************DISCOUNT FULL SCREEN BAR*********************/
    .discountFullScreen-modal .modalContent {
        width: 300px;
        padding: 45px 0 20px;
    }
    .discountFullScreen-modal .modalContent .modalbody .discount-dualModal .leftImageContent {
        display: none;
    }
    .discountFullScreen-modal .modalContent .modalbody .discount-dualModal .modal-text-content {
        text-align: center;
    }   
    
    .discountFullScreen-modal .modalContent .modalbody .discount-dualModal .modal-text-content .title-content {
        margin-bottom: 15px;
    }
    /*******************DISCOUNT FULL SCREEN BAR*********************/

    /***********************SOCIAL POPUP BAR*************************/
    .social-popped-modal .modalContent .modalbody-wrapper .modalbody-inWrapper {
        width: 70%;
    }
    /***********************SOCIAL POPUP BAR*************************/

    /***********************THEME COUNTDOWN*************************/
    .plainCountDown-modal .modalContent .modalbody-wrapper .modalbody-inWrapper {
        width: 80%;
    }
    /***********************THEME COUNTDOWN*************************/

    /***********************SPLIT COUNTDOWN*************************/
    .splitCountDown-modal .split-content-holder {
        display: block;
    }
    .splitCountDown-modal .split-content-holder .leftImageContent figure {
        max-height: 200px;
    }
    .splitCountDown-modal .split-content-holder .rightTextContent {
        margin-top: 20px;
        text-align: center;
    }
    .splitCountDown-modal .split-content-holder .rightTextContent .modal-text-content {
        max-width: 300px;
        margin: auto;
    }
    .splitCountDown-modal .split-content-holder .rightTextContent .title-content {
        font-size: 22px;
    }
    .splitCountDown-modal .split-content-holder .rightTextContent .para-content {
        font-size: 16px;
    }
    .splitCountDown-modal .split-content-holder .rightTextContent .countDown-container {
        margin: 25px auto;
        font-size: 26px;
        gap: 15px;
    }
    .splitCountDown-modal .split-content-holder .rightTextContent .countDown-container .theTimeContainer .theTime::before {
        top: 11px
    }
    .splitCountDown-modal .split-content-holder .rightTextContent .countDown-container .theTimeContainer .theTime::after {
        bottom: 11px
    }
    .splitCountDown-modal .split-content-holder .rightTextContent button {
        margin: 15px auto 0;
    }
    /***********************SPLIT COUNTDOWN*************************/

    /***********************SUBSCRIPTION***************************/
    .subscription-modal .modalContent .modalbody-inWrapper {
        width: 80%;
    }
    .subcription-float-modal .modalContent .modalbody-inWrapper {
        text-align: center;
    }
    .subcription-float-modal .modalContent .modalbody-inWrapper .dualContentHolder {
        display: block;
        margin-top: 0;
    }
    .subscription-modal .modalContent .modalbody .modal-text-content .title-content {
        margin-bottom: 10px;
    }
    .subcription-float-modal .modalContent .modalbody-inWrapper .dualContentHolder .button-holder,
    .subcription-float-modal .modalContent .modalbody-inWrapper .dualContentHolder .subscribe-form-container {
        margin-top: 30px;
    }
    .subcription-float-modal .subscribe-form-container {
        width: auto;
    }
    /***********************SUBSCRIPTION***************************/
}

@media only screen and (max-width: 576px) {
    /**********************SOCIAL FLOATING BAR************************/
    .multiSocial-modal .modalContent .close {
        font-size: 13px;
    }
    .social-fullScreen-modal .modalContent .modalbody-wrapper .modalbody-inWrapper {
        width: 290px;
        margin: auto;
        padding: 15px 0;
    }
    .multiSocial-modal .modalContent .modalbody .modal-text-content {
        padding: 0px 0 15px;
    }
    .multiSocial-modal .modalContent .modalbody .modal-text-content .title-content {
        font-size: 16px;
    }
    .multiSocial-modal .modalContent .modalbody .modal-text-content .para-content {
        font-size: 12px;
    }
    /**********************SOCIAL FLOATING BAR************************/

    /*********************DISCOUNT FLOATING BAR***********************/
    .multiDiscount-modal .modalContent .modalbody-wrapper .modalbody-inWrapper {
        max-width: 300px;
    }
    .multiDiscount-modal .modalContent .modalbody .mini-modal .miniModal-content {
        width: auto;
    }
    .multiDiscount-modal  .modalContent .modalbody .discount-dualModal .modal-text-content .title-content,
    .multiDiscount-modal  .modalContent .modalbody .mini-modal .miniModal-content .mini-title {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 5px;
    }
    .multiDiscount-modal  .modalContent .modalbody .discount-dualModal .modal-text-content .para-content,
    .multiDiscount-modal  .modalContent .modalbody .mini-modal .miniModal-content .mini-para {
        font-size: 14px;
        font-weight: 500;
    }
    /*********************DISCOUNT FLOATING BAR***********************/

    /********************SOCIAL FULL SCREEN BAR**********************/
    .social-fullScreen-modal .modalContent .modalbody {
        padding: 40px 0;
    }
    .social-fullScreen-modal .modalContent .close {
        width: 40px;
        height: 40px;
    }
    /********************SOCIAL FULL SCREEN BAR**********************/

    /*******************DISCOUNT FULL SCREEN BAR*********************/
    .discountFullScreen-modal .modalContent .modalbody .discount-dualModal .modal-text-content .title-content {
        margin-bottom: 15px;
        font-size: 24px;
    }
    .discountFullScreen-modal .modalContent .modalbody .discount-dualModal .modal-text-content .para-content {
        font-size: 18px;
    }
    /*******************DISCOUNT FULL SCREEN BAR*********************/

    /***********************SOCIAL POPUP BAR*************************/
    .social-popped-modal .modalContent .modalbody {
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .social-popped-modal .modalContent .modalbody .modal-button-group .button-group {
        align-items: center;
    }
    /***********************SOCIAL POPUP BAR*************************/

    /**********************SHIPPING POPUP BAR************************/
    .shipping-popped-modal .modalContent .modalbody-wrapper .modalbody-inWrapper {
        width: 80%;
    }
    .shipping-popped-modal .modalContent .modalbody .bottomTextContent .modal-text-content {
        width: 290px;
    }
    .shipping-popped-modal .modalContent .modalbody .bottomTextContent .modal-text-content .title-content {
        font-size: 22px;
        line-height: 1.7em;
    }
    .shipping-popped-modal .modalContent .modalbody .bottomTextContent .modal-text-content .para-content {
        font-size: 16px;
    }
    .shipping-popped-modal .modalContent .modalbody .bottomTextContent .modal-button-group .button-group .shopping-button .shopper {
        margin: auto;
        font-size: 16px;
    }
    /**********************SHIPPING POPUP BAR************************/

    /***********************BOOKED POPUP BAR*************************/
    .book-popped-modal .modalContent .modalbody .outer-modal .leftImageContent figure {
        height: 180px;
    }
    .book-popped-modal .modalContent .modalbody .outer-modal .rightTextContent .modal-text-content .title-content {
        font-size: 22px;
    }
    .book-popped-modal .modalContent .modalbody .outer-modal .rightTextContent .modal-button-group .button-group .booking-button .demoBtns {
        width: 240px;
    }
    .book-popped-modal .modalContent .modalbody .outer-modal .rightTextContent .modal-button-group .button-group .booking-button .demoBooker {
        font-size: 16px;
    }

    .book-popped-modal.mini-modal .modalContent .modalbody .modal-text-content .title-content {        
        font-size: 22px;
        margin-bottom: 10px;
    }
    .book-popped-modal.mini-modal .modalContent .modalbody .modal-text-content .para-content {        
        font-size: 14px;
        margin-bottom: 5px;
    }
    .book-popped-modal .modalContent .modalbody .mini-modal-wrapper .freeDemo-form-container .freeDemo-form .dual-width-input {
        display: block;
    }
    /***********************BOOKED POPUP BAR*************************/

    /***********************THEME COUNTDOWN*************************/
    .plainCountDown-modal .modalContent .modalbody-wrapper .modalbody-inWrapper .modalbody .modal-text-content .title-content {
        font-size: 32px;
    }
    .plainCountDown-modal .modalContent .modalbody-wrapper .modalbody-inWrapper .modalbody .modal-text-content .para-content {
        font-size: 20px;
    }
    /***********************THEME COUNTDOWN*************************/

    /***********************SUBSCRIPTION***************************/
    .subscription-modal .modalContent .modalbody .modal-text-content .title-content {
        font-size: 16px;
    }
    .subscription-modal .modalContent .modalbody .modal-text-content .para-content {
        font-size: 14px;
    }
    .subscription-modal .subscribe-form-container .subscribe-form .dual-width-input {
        display: block;
    }
    .subscription-modal .subscribe-form-container .subscribe-form .dual-width-input .form-group input[type=submit] {
        width: 100%;
    }
    /***********************SUBSCRIPTION***************************/
}

@media only screen and (max-width: 425px) {
    /**********************SOCIAL FLOATING BAR************************/
    .multiSocial-modal, .multiSocial-modal .modalContent .close {
        box-shadow: 0px -15px 25px -5px rgba(158,158,158,0.1);
        -webkit-box-shadow: 0px -15px 25px -5px rgba(158,158,158,0.1);
        -moz-box-shadow: 0px -15px 25px -5px rgba(158,158,158,0.1);
    }
    .socialFloat-modal .modalContent .close {
        background-color: #fff;
        top: -34px;
        right: 0;
        padding: 7px 12px;
        border-radius: 6px 0 0 0;
    }
    .multiSocial-modal .modalContent .modalbody .modal-button-group .button-group .social-button .sf-button-holder {
        width: 280px;
    }
    .multiSocial-modal .modalContent .modalbody .modal-button-group .button-group .social-button .sf-button-holder .text-holder {
        font-size: 16px;
    }
    /**********************SOCIAL FLOATING BAR************************/

    /********************SOCIAL FULL SCREEN BAR**********************/
    .social-fullScreen-modal .modalContent .close {
        top: -10px;
        right: 0;
        padding: 10px;
        box-shadow: none;
        border-radius: 100%;
    }
    .social-popped-modal .modalContent .modalbody .modal-button-group .button-group .social-button .text-closure {
        width: auto;
    }
    /********************SOCIAL FULL SCREEN BAR**********************/

    /***********************SOCIAL POPUP BAR*************************/
    .social-popped-modal .modalContent .modalbody .modal-button-group .button-group .social-button .sf-button-holder {
        width: 260px;
    }
    /***********************SOCIAL POPUP BAR*************************/

    /**********************SHIPPING POPUP BAR************************/
    .shipping-popped-modal .modalContent .modalbody .bottomTextContent {
        padding: 10px 15px 20px;
    }
    .shipping-popped-modal .modalContent .topImageContent .imageHolder {
        overflow: hidden;
        height: 180px;
    }
    .shipping-popped-modal .modalContent .modalbody .bottomTextContent .modal-text-content {
        width: 100%;
    }
    .shipping-popped-modal .modalContent .modalbody .bottomTextContent .modal-text-content .title-content {
        font-size: 18px;
    }
    .shipping-popped-modal .modalContent .modalbody .bottomTextContent .modal-text-content .para-content {
        font-size: 14px;
    }
    /**********************SHIPPING POPUP BAR************************/

    /***********************BOOKED POPUP BAR*************************/
    .book-popped-modal .modalContent .close {
        background-color: white;
        height: 25px;
        width: 25px;
        padding: 0;
        right: 1px;
        top: 1px;
    }
    .book-popped-modal .modalContent .modalbody .outer-modal-wrapper .rightTextContent {
        padding: 20px;
    }
    .book-popped-modal .modalContent .modalbody .modal-text-content .title-content {
        font-size: 18px;
        line-height: 1.3em;
    }
    .book-popped-modal .modalContent .modalbody .outer-modal-wrapper .rightTextContent .modal-button-group .button-group .booking-button .demoBtns {
        width: 100%;
    }
    .book-popped-modal .modalContent .modalbody .outer-modal-wrapper .rightTextContent .modal-button-group .button-group .booking-button .demoBooker {
        font-size: 14px;
    }

    .book-popped-modal .modalContent .modalbody .mini-modal-wrapper {
        padding: 15px 15px 5px;
    }
    .book-popped-modal.mini-modal .modalContent .modalbody .modal-text-content .title-content {
        font-size: 18px;
    }
    .book-popped-modal.mini-modal .modalContent .modalbody .modal-text-content .para-content {
        font-size: 12px;
        margin-bottom: 5px;
    }
    .book-popped-modal .modalContent .modalbody .mini-modal-wrapper .freeDemo-form-container .freeDemo-form input[type=submit] {
        font-size: 16px;
    }
    /***********************BOOKED POPUP BAR*************************/

    /***********************THEME COUNTDOWN*************************/
    .plainCountDown-modal .modalContent .modalbody-wrapper .modalbody-inWrapper::before {
        height: 30%;
        top: 20%;
        left: 48%;
    }
    .plainCountDown-modal .modalContent .modalbody-wrapper .modalbody-inWrapper .brand-holder figure {
        width: 100px;
    }
    .plainCountDown-modal .countDown-container {
        margin: 30px 0;
    }
    .plainCountDown-modal .modalContent .modalbody-wrapper .modalbody-inWrapper .modalbody .modal-text-content .title-content {
        font-size: 22px;
    }
    .plainCountDown-modal .countDown-container .theTimeContainer .theTime {
        font-size: 26px;
    }
    .plainCountDown-modal .modalContent .modalbody-wrapper .modalbody-inWrapper .modalbody .modal-text-content .para-content {
        font-size: 16px;
    }
    .splitCountDown-modal .split-content-holder .rightTextContent .scdt-modal-form-container .dual-width-input {
        gap: 0px;
    }
    .splitCountDown-modal .split-content-holder .rightTextContent .scdt-modal-form-container input[type=email] {
        padding: 10px;
    }
    .splitCountDown-modal .split-content-holder .rightTextContent .scdt-modal-form-container input[type=submit] {
        min-width: 90px;
    }
    /***********************THEME COUNTDOWN*************************/
    
    /***********************SUBSCRIPTION***************************/
    .subscription-modal .modalContent .modalbody .button-holder button {
        width: 100%;
    }

    .subcription-popped-modal .modalContent .modalbody-inWrapper {
        padding: 20px;
    }

    .subcription-float-modal .modalContent .modalbody-inWrapper .dualContentHolder .button-holder, 
    .subcription-float-modal .modalContent .modalbody-inWrapper .dualContentHolder .subscribe-form-container {
        margin-top: 20px;
    }
    /***********************SUBSCRIPTION***************************/
}

@media only screen and (max-width: 320px){
    /*********************DISCOUNT FLOATING BAR***********************/
    .multiDiscount-modal .modalContent {
        padding: 40px 0 30px;
    }
    /*********************DISCOUNT FLOATING BAR***********************/

    /***********************SPLIT COUNTDOWN*************************/
    .splitCountDown-modal .split-content-holder .rightTextContent .countDown-container {
        gap: 5px;
    }
    /***********************SPLIT COUNTDOWN*************************/
}

@media only screen and (max-width: 299px) {
    /**********************SOCIAL FLOATING BAR************************/
    .social-fullScreen-modal .modalContent .modalbody-wrapper .modalbody-inWrapper {
        width: 250px;
    }
    .multiSocial-modal .modalContent .modalbody .modal-button-group .button-group .social-button .sf-button-holder {
        width: 250px;
    }
    .multiSocial-modal .modalContent .modalbody .modal-button-group .button-group .social-button .sf-button-holder .icon-holder i {
        font-size: 20px;
    }
    .multiSocial-modal .modalContent .modalbody .modal-button-group .button-group .social-button .sf-button-holder .text-holder {
        font-size: 16px;
    }
    /**********************SOCIAL FLOATING BAR************************/

    /*********************DISCOUNT FLOATING BAR***********************/
    .multiDiscount-modal .modalContent .modalbody-wrapper .modalbody-inWrapper {
        max-width: 220px;
    }
    .multiDiscount-modal .modalContent .modalbody .discount-dualModal .modal-button-group .discount-button-group .discount-button button {
        max-width: 220px;
    }
    /*********************DISCOUNT FLOATING BAR***********************/

    /***********************SOCIAL POPUP BAR*************************/
    .social-popped-modal .modalContent .modalbody {
        width: 100%;
    }
    /***********************SOCIAL POPUP BAR*************************/
    /**********************SHIPPING POPUP BAR************************/
    .shipping-popped-modal .modalContent .modalbody .bottomTextContent .modal-text-content .title-content {
        font-size: 16px;
    }
    /**********************SHIPPING POPUP BAR************************/
}