﻿/* -- MEDIA -- */
@media only screen and (min-width: 2400px) {
    .section__layoutFW > .container__sectionFW > .wrapper__sectionFW {
        max-width: 90%;
        width: 90%;
    }

    .wrapper__sectionFW > .container__grid {
        top: 27%;
        width: 70%;
    }

    /* HERO BANNER */
    .wrapper__sectionFW > .hero__header1 {
        font-weight: 800;
        width: 95%;
        line-height: 1.0;
        top: 10%;
    }

        .wrapper__sectionFW > .hero__header1 > .hero__header1--style {
            font-size: 6vw;
        }

    .wrapper__sectionFW > .hero__header2 {
        top: 45%;
        width: 90%;
        line-height: 1.0;
    }

        .wrapper__sectionFW > .hero__header2 > .hero__header2--style {
            font-size: 3vw;
        }

    .wrapper__sectionFW > .hero__buttonS {
        top: 68%;
        left: 15%;
    }

        .wrapper__sectionFW > .hero__buttonS > a:link {
            padding: 15px 3px;
            height: 80px;
            min-height: 80px;
            width: 350px;
            font-size: 3.2rem;
            font-weight: 600;
        }

    #formrequest-lg {
        display: none;
    }

    .wrapper__sectionFW > .container__grid > .wrapper__grid > .wrapper__gridheader {
        padding: 3px;
        margin-bottom: 6px;
    }

    .wrapper__calendar > .hero__button > a:link {
        height: 60px;
        width: 320px;
    }

    /* .wrapper__sectionFW > .hero__header3 {
        top: 10%;
    }*/

    /* .wrapper__sectionFW > .hero__header3 > .hero__header3--style {
            font-size: 4.8rem;
        }*/

    .section__layoutSW > .container__sectionSW.section__spacing {
        margin-top: 20px;
    }
    /*.section__layoutSW > .container__sectionSW.section__spacing {
        margin-top: 20px;
    }

    .container__sectionSW > .wrapper__sectionSW > .sectionSW__headerL > .sectionSW__headerL--style {
        font-size: 4.5rem;
    }

    .section__layoutSW > .container__sectionSW > .wrapper__sectionSW > .containerSW__grid > .wrapper__grid100 {
        justify-content: space-evenly;
    }*/
}

@media (min-width: 1441px) and (max-width: 2399px) {


    .wrapper__sectionFW > .container__grid {
        top: 27%;
        width: 80%;
    }

    /* HERO BANNER */
    .wrapper__sectionFW > .hero__header1 {
        font-weight: 800;
        width: 95%;
        line-height: 1.0;
        top: 10%;
    }

        .wrapper__sectionFW > .hero__header1 > .hero__header1--style {
            font-size: 6vw;
        }

    .wrapper__sectionFW > .hero__header2 {
        top: 45%;
        width: 90%;
        line-height: 1.0;
    }

        .wrapper__sectionFW > .hero__header2 > .hero__header2--style {
            font-size: 3vw;
        }

    .wrapper__sectionFW > .hero__buttonS {
        top: 68%;
        left: 15%;
    }

        .wrapper__sectionFW > .hero__buttonS > a:link {
            padding: 15px 3px;
            height: 80px;
            min-height: 80px;
            width: 350px;
            font-size: 3.2rem;
            font-weight: 600;
        }

    #formrequest-lg {
        display: none;
    }

    .wrapper__sectionFW > .container__grid > .wrapper__grid > .wrapper__gridheader {
        padding: 3px;
        margin-bottom: 6px;
    }

    .wrapper__calendar > .hero__button > a:link {
        height: 60px;
        width: 320px;
    }

    /*.wrapper__sectionFW > .hero__header3 {
        top: 10%;
    }*/

    /*.wrapper__sectionFW > .hero__header3 > .hero__header3--style {
            font-size: 4.8rem;
        }*/

    .section__layoutSW > .container__sectionSW.section__spacing {
        margin-top: 20px;
    }
}

@media (min-width: 1440px) and (max-width: 1799px) {
    /*    .section__layoutFW > .container__sectionFW > .wrapper__sectionFW {
        max-width: 85%;
        width: 85%;
        border: 1px solid red;
    }

    .wrapper__sectionFW > .container__grid {
        top: 29%;
        width: 90%;
        border: 1px solid blue;
    }

    .wrapper__sectionFW > .hero__header1 {
        top: 5%;
    }

        .wrapper__sectionFW > .hero__header1 > .hero__header1--style {
            font-size: 4.6rem;
        }

    .wrapper__sectionFW > .hero__header2 {
        top: 14%;
    }

        .wrapper__sectionFW > .hero__header2 > .hero__header2--style {
            font-size: 2.5rem;
        }

    .wrapper__sectionFW > .container__grid > .wrapper__grid > .wrapper__gridheader {
        padding: 3px;
        margin-bottom: 3px;
    }

    .wrapper__calendar > .hero__button > a:link {
        height: 45px;
        width: 200px;
    }

    .wrapper__sectionFW > .hero__header3 {
        top: 10%;
    }

        .wrapper__sectionFW > .hero__header3 > .hero__header3--style {
            font-size: 4.0rem;
        }

    .section__layoutSW > .container__sectionSW.section__spacing {
        margin-top: 120px;
    }*/
}

@media only screen and (max-width: 1440px) {
    /* HERO BANNER */
    .wrapper__sectionFW > .hero__header1 {
        font-weight: 800;
        width: 95%;
        line-height: 1.0;
        top: 10%;
    }

        .wrapper__sectionFW > .hero__header1 > .hero__header1--style {
            font-size: 6vw;
        }

    .wrapper__sectionFW > .hero__header2 {
        top: 45%;
        width: 90%;
        line-height: 1.0;
    }

        .wrapper__sectionFW > .hero__header2 > .hero__header2--style {
            font-size: 3vw;
        }

    .wrapper__sectionFW > .hero__buttonS {
        top: 68%;
        left: 15%;
    }

        .wrapper__sectionFW > .hero__buttonS > a:link {
            padding: 10px 3px;
            height: 55px;
            min-height: 55px;
            width: 250px;
            font-size: 2.0rem;
            font-weight: 600;
        }

    #formrequest-lg {
        display: none;
    }
    /*.wrapper__sectionFW > .hero__header3 > .hero__header3--style {
        font-size: 4vw;
    }*/

    /*.wrapper__sectionFW > .hero__header3 > .hero__header3--style.hero__header3--style--color {
            color: #FFF;
        }*/
    /*.section__layoutFW > .container__sectionFW > .wrapper__sectionFW {*/
    /*max-width: 75%;
        width: 75%;*/
    /*}
    .wrapper__sectionFW > .container__grid {
        top: 24%;
        width: 60%;
    }
    .wrapper__sectionFW > .hero__header1 {
        top: 5%;
    }

        .wrapper__sectionFW > .hero__header1 > .hero__header1--style {
            font-size: 4.0rem;
        }

    .wrapper__sectionFW > .hero__header2 {
        top: 13%;
    }

        .wrapper__sectionFW > .hero__header2 > .hero__header2--style {
            font-size: 2.3rem;
        }
    .wrapper__sectionFW > .hero__header3 {
        top: 8%;
        width: 90%;
    }

        .wrapper__sectionFW > .hero__header3 > .hero__header3--style {
            font-size: 3.8rem;
            
        }
    .section__layoutSW > .container__sectionSW.section__spacing {
        margin-top: 80px;
    }
    .wrapper__input > .wrapper__name > .contactform__name {
        width: 180px;
    }
    .wrapper__input > .wrapper__phone {
        width: 180px;
    }
    .help__dropdown--style > option {
        font-size: 9px;*/
    /* Adjust the size as needed */
    /*}*/
}

@media only screen and (max-width: 1024px) {
    /* NAVBAR BRAND AND TRIGGER LAYOUT START */
    .wrapper__brand {
        flex: 0 0 18%;
    }
    /* NAVBAR BRAND AND TRIGGER LAYOUT END */

    /* MENU ITEMS START */

    /* HERO BANNER */
    .wrapper__sectionFW > .hero__header1 {
        font-weight: 800;
        width: 90%;
        line-height: 1.0;
        top: 18%;
    }

        .wrapper__sectionFW > .hero__header1 > .hero__header1--style {
            font-size: 6vw;
        }

    .wrapper__sectionFW > .hero__header2 {
        top: 45%;
        width: 90%;
        line-height: 1.0;
    }

        .wrapper__sectionFW > .hero__header2 > .hero__header2--style {
            font-size: 3vw;
        }

    .wrapper__sectionFW > .hero__buttonS {
        top: 68%;
        left: 15%;
    }

        .wrapper__sectionFW > .hero__buttonS > a:link {
            padding: 10px 3px;
            height: 55px;
            min-height: 55px;
            width: 250px;
            font-size: 2.0rem;
            font-weight: 600;
        }

    /* MENU ITEMS END */
    /* NAVBAR CAROUSEL START */
    .carousel {
        width: 80%;
    }

    .carousel__megamenu__slider__items__container > .slider__items__productname__container {
        height: 38px;
    }

        .carousel__megamenu__slider__items__container > .slider__items__productname__container > .slider__items__productname__style {
            font-size: 0.8em;
        }
    /* NAVBAR CAROUSEL END */
    /* ICONS START */
    /*.wrapper__quickAccess {
        flex: 0 0 25%;
    }*/
    /* ICONS END */
    .section__layoutFW > .container__sectionFW > .wrapper__sectionFW {
        max-width: 90%;
        width: 90%;
    }


    .containerFW__grid {
        top: 31%;
        width: 100%;
    }


    .wrapperFW__grid100 > .grid100__row > .wrapper__content > .wrapper__boxWho {
        width: 180px;
        height: 58px;
    }

    .wrapper__boxWho > .wrapper__boxcontent > .boxcontent > .boxcontent__header {
        font-size: 1.1rem;
    }

    .wrapper__boxWho > .wrapper__boxcontent > .boxcontent > .boxcontent__subheader {
        font-size: 0.9rem;
        font-weight: 400;
        color: #112d44
    }

    .section__layoutSW > .container__sectionSW {
        width: 85%;
    }
    /*.section__layoutSW > .container__sectionSW.section__spacingL {
        margin-top: 220px;
    }*/
    .containerSW__grid100 > .sectionSW__grid100 > .grid100__rowSW > .wrapper__boxServices {
        height: 360px;
        width: 210px;
    }

    .wrapper__boxHow > .wrapper__boxheader > .boxheader > .boxheader--style {
        font-size: 1.9rem;
    }

    .wrapper__boxHow > .wrapper__boxicons > .boxicons {
        width: 7rem;
        height: 7rem;
    }

    .wrapper__boxHow > .wrapper__boxcontent > .boxcontent {
        width: 100px;
    }

        .wrapper__boxHow > .wrapper__boxcontent > .boxcontent > .boxcontent--style {
            font-size: 1.1rem;
        }

    .wrapper__boxPeace > .wrapper__header > .header {
        margin-bottom: 8px;
        margin-top: 10px;
    }

        .wrapper__boxPeace > .wrapper__header > .header > .header--style {
            font-size: 1.6rem;
        }

    .wrapper__boxPeace > .wrapper__list {
        margin-bottom: 7px;
    }

        .wrapper__boxPeace > .wrapper__list > .list__img {
            margin: 7px;
            padding: 1px;
            width: 2.8rem;
            height: 2.8rem;
        }

    .wrapperFW__grid100 > .grid100__row > .wrapper__calendar > .hero__button {
        left: 60%;
    }

        .wrapperFW__grid100 > .grid100__row > .wrapper__calendar > .hero__button > a:link {
            padding: 5px 3px;
            width: 200px;
            font-size: 1.6rem;
        }
}

/*@media only screen and (max-width: 1024px) {*/
/* TOP BAR START */
/*.topbar {
        width: 90%;
    }*/
/* TOP BAR END */
/* NAVBAR BRAND AND TRIGGER LAYOUT START */
/*.wrapper__brand {
        flex: 0 0 18%;
    }*/
/* NAVBAR BRAND AND TRIGGER LAYOUT END */
/* NAVBAR MAIN LAYOUT START */
/*.wrapper__navbarMain > .navbarMain > .wrapper__navbarContent {
        width: 90%;
    }*/
/* NAVBAR MAIN LAYOUT END */
/* MAIN MENU START*/
/*.wrapper__mainMenu .mainMenu > ul > li > .wrapper__subMenuItemsList.navbar__columns-4 {
        max-width: 1100px;
        width: 90%;
    }*/
/* MAIN MENU END*/
/* NAVBAR CAROUSEL START */
/*.carousel__megamenu__slider__items__container > .slider__items__productname__container {
        height: 35px;
    }

        .carousel__megamenu__slider__items__container > .slider__items__productname__container > .slider__items__productname__style {
            font-size: 0.8em;
        }*/
/* NAVBAR CAROUSEL END */
/* ICONS START */
/*.navbar__icon__container {
        flex: 0 0 15%;
    }*/
/* ICONS END */
/*}*/


@media(min-width: 992px) {
    /* NAV BAR HEADERS START */
    .wrapper__mainMenu .mainMenu > ul > li.menuItems:hover > .wrapper__subMenuItemsList {
        margin-top: 0;
        visibility: visible;
        opacity: 1;
        margin-left: 0;
        padding-left: 0;
        text-align: left;
    }
    /*.wrapper__megaMenuItemsBlock > .wrapper__megaMenuItemsList {
        display: block;
    }

        .wrapper__megaMenuItemsBlock > .wrapper__megaMenuItemsList.active {
            display: block;
        }*/
    /* NAV BAR HEADERS END */
}

@media(max-width: 991px) {
    /* NAVBAR BRAND AND TRIGGER LAYOUT START */
    .wrapper__brand {
        flex: 0 0 100%;
    }

        .wrapper__brand > .wrapper__trigger > .trigger {
            display: flex;
            position: absolute;
            height: 100%;
            width: 30px;
            margin-left: 7px;
            margin-right: 5px;
            padding: 0;
            cursor: pointer;
            align-items: center;
            justify-content: center;
        }

            .wrapper__brand > .wrapper__trigger > .trigger > .wrapper__hamburgerLines {
                display: block;
                height: 19px;
                width: 23px;
                position: absolute;
                z-index: 2;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
            }

                .wrapper__brand > .wrapper__trigger > .trigger > .wrapper__hamburgerLines > .hamburgerLines {
                    display: block;
                    height: 3px;
                    width: 100%;
                    border-radius: 10px;
                    background-color: #FFF;
                }
    /* NAVBAR BRAND AND TRIGGER LAYOUT END */

    /* NAVBAR HEADER CONTROLS START */
    .wrapper__mainMenu > .mainMenu > .wrapper__headerControls {
        display: flex;
        height: 47px;
        border: 1px solid #FFF;
        justify-content: space-between;
        align-items: center;
        text-align: center;
        position: relative;
        z-index: 999;
        position: sticky;
        background-color: #102c42;
        top: 0;
    }

        .wrapper__mainMenu > .mainMenu > .wrapper__headerControls > .headerControls__return {
            height: 47px;
            width: 50px;
            border-right: 1px solid #7D8284;
            cursor: pointer;
            line-height: 35px;
            text-align: center;
            color: #FFF;
            /*font-size: 16px;*/
            display: none;
        }

        .wrapper__mainMenu > .mainMenu > .wrapper__headerControls.active > .headerControls__return {
            display: block;
        }

        .wrapper__mainMenu > .mainMenu > .wrapper__headerControls > .headerControls__title {
            font-size: 1.2rem;
            font-weight: 500;
            color: #FFF;
            margin-left: 10px;
        }

    .wrapper__mainMenu > .mainMenu > .wrapper__menuItems > .menuItems > .wrapper__menuItemsHeader > .menuItemsHeader__title > a {
        color: #102c42;
        text-decoration: none;
        font-size: 0.9em;
        padding: 10px 5px 10px 10px;
        font-weight: 500;
        text-decoration: none;
    }

    .wrapper__mainMenu > .mainMenu > .wrapper__headerControls > .headerControls__close {
        height: 47px;
        width: 50px;
        border-left: 1px solid #7D8284;
        cursor: pointer;
        line-height: 35px;
        text-align: center;
        color: #FFF;
        font-size: 1.3em;
        font-weight: 500;
        padding-top: 3px;
        padding-bottom: 3px;
    }
    /* NAVBAR HEADER CONTROLS END */

    /* NAVBAR MAIN MENU LAYOUT START */

    /* OVERLAY*/
    .wrapper__mainMenu > .menu-overlay {
        position: fixed;
        background-color: rgba(0,0,0,0.5);
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 49;
        visibility: hidden;
        opacity: 0;
        transition: all 0.5s ease;
    }

        .wrapper__mainMenu > .menu-overlay.active {
            visibility: visible;
            opacity: 1;
            border: 0 solid #FFF;
        }

    /* MAIN MENU*/
    .wrapper__mainMenu {
        display: flex;
        flex-direction: column;
    }

        .wrapper__mainMenu > .mainMenu {
            position: fixed;
            width: 320px;
            background-color: #ffffff;
            left: 0;
            top: 35px;
            height: 100%;
            overflow: hidden;
            transform: translate(-100%);
            transition: all 0.5s ease;
            z-index: 50;
            border-style: none;
        }

            .wrapper__mainMenu > .mainMenu.active {
                transform: translate(0%);
            }

            .wrapper__mainMenu > .mainMenu > .wrapper__menuItems {
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                overflow-x: hidden;
                overflow-y: auto;
                align-items: flex-start;
                top: 70px;
            }

                /* MENU ITEMS */
                .wrapper__mainMenu > .mainMenu > .wrapper__menuItems > .menuItems {
                    /*line-height: 1;*/
                    margin: 0;
                    display: block;
                    height: 45px;
                    width: 100%;
                    border-bottom: 1px solid #EBEBEB;
                }

                    .wrapper__mainMenu > .mainMenu > .wrapper__menuItems > .menuItems > .wrapper__menuItemsHeader {
                        display: flex;
                        flex-direction: row;
                        justify-content: space-between;
                        height: 44px;
                        padding: 0;
                        align-items: center;
                        text-align: start;
                        width: 100%;
                        align-content: center;
                        padding: 0 10px 0 0;
                    }

                        .wrapper__mainMenu > .mainMenu > .wrapper__menuItems > .menuItems > .wrapper__menuItemsHeader:hover {
                            color: #1197EB;
                        }

                        .wrapper__mainMenu > .mainMenu > .wrapper__menuItems > .menuItems > .wrapper__menuItemsHeader > .menuItemsHeader__title {
                            align-items: center;
                            align-content: center;
                            padding: 10px;
                            border: 0px solid #EBEBEB;
                            font-weight: 500;
                            font-size: 0.9em;
                        }

                            .wrapper__mainMenu > .mainMenu > .wrapper__menuItems > .menuItems > .wrapper__menuItemsHeader > .menuItemsHeader__title:hover {
                                color: #1197EB;
                            }

                        .wrapper__mainMenu > .mainMenu > .wrapper__menuItems > .menuItems > .wrapper__menuItemsHeader > .menuItemsHeader__icon {
                            align-items: center;
                            align-content: center;
                            display: block;
                            border: 0px solid #EBEBEB;
                        }

                        .wrapper__mainMenu > .mainMenu > .wrapper__menuItems > .menuItems > .wrapper__menuItemsHeader > .menuItemsHeader__title > i {
                            margin-top: 6px;
                            /*align-items: center;*/
                            color: #273438;
                            font-size: 0.6em;
                            /* margin-bottom: 5px;*/
                            border: 0px solid #EBEBEB;
                        }

    .wrapper__menuItemsHeader .fa-caret-right {
        display: block;
    }

    .wrapper__menuItemsHeader .fa-caret-down {
        display: none;
    }
    /*.wrapper__mainMenu > .mainMenu > .wrapper__menuItems > .menuItems > .wrapper__menuItemsHeader > a {
                            align-items: center;
                        }

                            .wrapper__mainMenu > .mainMenu > .wrapper__menuItems > .menuItems > .wrapper__menuItemsHeader > a:hover {
                                color: #1197EB;
                            }

                            .wrapper__mainMenu > .mainMenu > .wrapper__menuItems > .menuItems > .wrapper__menuItemsHeader > a i {*/
    /*position: absolute;*/
    /*height: 50px;
                                width: 50px;
                                top: 0;
                                right: 0;
                                text-align: center;
                                line-height: 50px;
                                transform: rotate(-90deg);
                            }*/

    /* SUB MENU ITEMS */

    /*.wrapper__mainMenu .mainMenu > .wrapper__menuItems > .menuItems > .wrapper__subMenuItemsList {
            position: absolute;
            z-index: 50;
            background-color: #ffffff;
            box-shadow: -2px 2px 70px -25px rgba(0,0,0,0.3);
            padding: 20px 30px;
            opacity: 0;
            visibility: hidden;
        }*/
    .wrapper__mainMenu > .mainMenu > .wrapper__menuItems > .menuItems > .wrapper__subMenuItemsList {
        visibility: visible;
        opacity: 1;
        box-shadow: none;
        margin: 0;
        padding: 0;
        top: 35px;
        left: 0;
        width: 100%;
        height: 100%;
        max-width: none;
        min-width: auto;
        display: none;
        transform: translateX(0%);
        overflow-y: auto;
        border: 0px solid #EBEBEB;
    }

        .wrapper__mainMenu > .mainMenu > .wrapper__menuItems > .menuItems > .wrapper__subMenuItemsList.active {
            display: block;
        }

        .wrapper__mainMenu > .mainMenu > .wrapper__menuItems > .menuItems > .wrapper__subMenuItemsList > .subMenuItemsList {
            display: flex;
            flex-direction: column;
            text-align: start;
            margin: 0;
            padding: 0;
            width: 100%;
        }

            .wrapper__mainMenu > .mainMenu > .wrapper__menuItems > .menuItems > .wrapper__subMenuItemsList > .subMenuItemsList > .subMenuItemsList__content {
                /*margin: 0;
                                padding: 0;
                                width: 100%;
                                border-bottom: 1px solid #EBEBEB;
                                height: 40px;
                                align-content: center;
                                padding: 0 10px 0 0;*/
                height: 45px;
                padding: 0;
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                /*align-items: flex-start;*/
                /*text-align: start;*/
                width: 100%;
                align-content: center;
                padding: 0 10px 0 0;
                border: 0px solid #EBEBEB;
                border-bottom: 1px solid #EBEBEB;
            }

                .wrapper__mainMenu > .mainMenu > .wrapper__menuItems > .menuItems > .wrapper__subMenuItemsList > .subMenuItemsList > .subMenuItemsList__content > a {
                    font-size: 0.8em;
                    padding: 12px 10px 10px 10px;
                    /*padding: 0;*/
                    font-weight: 400;
                    /*padding-left: 10px;*/
                    /*height: 40px;*/
                    /*display: block;*/
                    text-align: left;
                    margin: 0;
                }

                    .wrapper__mainMenu > .mainMenu > .wrapper__menuItems > .menuItems > .wrapper__subMenuItemsList > .subMenuItemsList > .subMenuItemsList__content > a:hover {
                        color: #1197EB;
                    }

        .wrapper__mainMenu > .mainMenu > .wrapper__menuItems > .menuItems > .wrapper__subMenuItemsList.subMenuItems__singleColumn {
            max-width: 320px;
            width: 100%;
            border: 0px solid #C0C0C0;
            border-radius: 0px;
            /*top: 40px;
                            padding: 0;
                            border-radius: 2px;*/
        }

    #subMenuItems__spacer {
        display: none;
    }



    /* MEGAMENU ITEMS */

    .wrapper__mainMenu > .mainMenu > .wrapper__menuItems > .menuItems > .wrapper__megaMenuItems {
        box-shadow: none;
        width: 100%;
        border-style: none;
    }

        .wrapper__mainMenu > .mainMenu > .wrapper__menuItems > .menuItems > .wrapper__megaMenuItems > .wrapper__subMenuItemsList {
            visibility: visible;
            opacity: 1;
            box-shadow: none;
            margin: 0;
            padding: 0;
            top: 35px;
            left: 0;
            width: 100%;
            height: 100%;
            max-width: none;
            min-width: auto;
            display: none;
            transform: translateX(0%);
            overflow-y: auto;
            border-style: none;
        }

            .wrapper__mainMenu > .mainMenu > .wrapper__menuItems > .menuItems > .wrapper__megaMenuItems > .wrapper__subMenuItemsList.active {
                display: block;
            }


            .wrapper__mainMenu > .mainMenu > .wrapper__menuItems > .menuItems > .wrapper__megaMenuItems > .wrapper__subMenuItemsList.navbar__columns-4 {
                max-width: 320px;
                width: 100%;
            }

    .wrapper__megaMenuItems > .wrapper__subMenuItemsList.navbar__columns-4 > .megaMenuHolder {
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .wrapper__megaMenuItems > .wrapper__subMenuItemsList > .megaMenuHolder > .megaMenuItems {
    }


    .megaMenuItems > .wrapper__megaMenuItemsBlock {
        height: auto;
        padding: 0;
        text-align: start;
        margin: 0;
        border-style: none;
    }

    .wrapper__megaMenuItemsBlock .fa-caret-down {
        display: block;
    }

    .wrapper__megaMenuItemsHeader.active .fa-caret-up {
        display: block;
    }

    .wrapper__megaMenuItemsHeader.active .fa-caret-down {
        display: none;
    }

    .wrapper__megaMenuItemsBlock > .wrapper__megaMenuItemsHeader {
        height: 45px;
        padding-top: 0;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        /*align-items: flex-start;*/
        /*text-align: start;*/
        width: 100%;
        align-content: center;
        padding: 0 10px 0 0;
        border: 0px solid #EBEBEB;
        border-bottom: 1px solid #EBEBEB;
    }

        .wrapper__megaMenuItemsBlock > .wrapper__megaMenuItemsHeader:hover {
            color: #1197EB;
        }

        .wrapper__megaMenuItemsBlock > .wrapper__megaMenuItemsHeader > .megaMenuItemsHeader__title {
            align-items: center;
            align-content: center;
            padding: 10px;
            border: 0px solid #EBEBEB;
            font-weight: 500;
            font-size: 0.9em;
        }

            .wrapper__megaMenuItemsBlock > .wrapper__megaMenuItemsHeader > .megaMenuItemsHeader__title:hover {
                color: #1197EB;
            }

        .wrapper__megaMenuItemsBlock > .wrapper__megaMenuItemsHeader > .megaMenuItemsHeader__icon {
            align-items: center;
            align-content: center;
            display: block;
            border: 0px solid #EBEBEB;
        }

        .wrapper__megaMenuItemsBlock > .wrapper__megaMenuItemsHeader > .megaMenuItemsHeader__title > i {
            margin-top: 6px;
            /*align-items: center;*/
            color: #273438;
            font-size: 0.6em;
            /* margin-bottom: 5px;*/
            border: 0px solid #EBEBEB;
        }

    .wrapper__megaMenuItemsBlock > .wrapper__megaMenuItemsList {
        display: none;
        border: 0px solid #EBEBEB;
        border-bottom: 1px solid #EBEBEB;
    }

        .wrapper__megaMenuItemsBlock > .wrapper__megaMenuItemsList.active {
            display: block;
            border-bottom: 1px solid #EBEBEB;
        }

        .wrapper__megaMenuItemsBlock > .wrapper__megaMenuItemsList > .megaMenuItemsList {
        }

            .wrapper__megaMenuItemsBlock > .wrapper__megaMenuItemsList > .megaMenuItemsList > .megaMenuItemsList__content > a {
                padding: 0;
            }

                .wrapper__megaMenuItemsBlock > .wrapper__megaMenuItemsList > .megaMenuItemsList > .megaMenuItemsList__content > a:hover {
                }



    /*.wrapper__megaMenuItemsBlock .wrapper__megaMenuItemsList {
        display: none;*/
    /* margin-top: 20px;
        padding: 20px;
        border-radius: 10px;*/
    /*}*/
    /*.wrapper__megaMenuItemsBlock .wrapper__megaMenuItemsList {
        display: block;*/
    /* margin-top: 20px;
        padding: 20px;
        border-radius: 10px;*/
    /*}*/
    /*.wrapper__megaMenuItemsList .show {
        display: block;
    }

    .wrapper__megaMenuItemsList .hide {
        display: none;
    }*/
    /*.wrapper__megaMenuItemsBlock > .wrapper__megaMenuItemsHeader {
        padding-left: 5px;
        padding-top: 5px;
    }

    .wrapper__megaMenuItemsBlock > .wrapper__megaMenuItemsList > .megaMenuItemsList > .megaMenuItemsList__content > a {
        text-decoration: none;
        color: #273438;
        font-weight: 400;
        margin-left: 10px;
    }

        .wrapper__megaMenuItemsBlock > .wrapper__megaMenuItemsList > .megaMenuItemsList > .megaMenuItemsList__content > a:hover {
            color: #C0C0C0;
        }*/
    /* .wrapper__megaMenuItems > .wrapper__subMenuItemsList.navbar__columns-4 > .megaMenuItems {
            padding: 0;
            margin: 0;
            flex: 0 0 100%;
        }*/

    /* NAVBAR MAIN MENU LAYOUT END */
    @keyframes slideLeft {
        0% {
            opacity: 0;
            transform: translateX(100%);
        }

        100% {
            opacity: 1;
            transform: translateX(0%);
        }
    }

    @keyframes slideRight {
        0% {
            opacity: 1;
            transform: translateX(0%);
        }

        100% {
            opacity: 0;
            transform: translateX(100%);
        }
    }

    /* ICONS START */
    /* .wrapper__navBar__icons {
        flex: 0 0 35%;
    }*/
    /* ICONS END */




}
/* Tablet 768 */
@media only screen and (max-width: 768px) {
    /* TOP BAR START */
    .topbar {
        width: 100%;
        margin-left: 5px;
        margin-right: 5px;
    }
    /* TOP BAR END */
    /* NAVBAR MAIN LAYOUT START */
    /*.wrapper__navbarMain > .navbarMain > .wrapper__navbarContent {
        width: 100%;
    }*/
    /* NAVBAR MAIN LAYOUT END */
    /* NAVBAR CAROUSEL START */
    /*.carousel-container {
        width: 80%;
    }*/
    /* NAVBAR CAROUSEL END */
    /* ICONS START */
    .icon__wrapper {
        margin-right: 0;
    }
    /* ICONS END */

    /* SECTION GENERAL LAYOUT START */
    .section__layoutSW > .container__sectionSW {
        width: 100%;
        margin: 2px 5px;
    }
    /* SECTION GENERAL LAYOUT END */

    /* START HOW SECTION */
    #howimage--s {
        display: none;
    }

    /* START HOW SECTION */
    /* GRID50 WRAPPER BOXHOW START */
    .wrapper__boxHow > .wrapper__boxheader > .boxheader > .boxheader--style {
        font-size: 2.0rem;
    }
    /* GRID50 WRAPPER BOXHOW END */

    /* HERO BANNER */
    .wrapper__sectionFW > .hero__header1 {
        top: 18%;
    }

        .wrapper__sectionFW > .hero__header1 > .hero__header1--style {
            font-size: 6vw;
        }

    .wrapper__sectionFW > .hero__header2 > .hero__header2--style {
        font-size: 3vw;
    }

    .wrapper__sectionFW > .hero__buttonS {
        top: 68%;
        left: 15%;
    }

        .wrapper__sectionFW > .hero__buttonS > a:link {
            padding: 9px 3px;
            height: 45px;
            min-height: 45px;
            width: 200px;
            font-size: 1.6rem;
            font-weight: 600;
        }

    #formrequest-lg {
        display: none;
    }
}
@media only screen and (max-width: 650px) {
    /* BOOKING REQUEST */
    .section__layoutSW > .container__sectionSW > .wrapper__sectionSW.sectionSW__form--style {
        width: 100%;
    }

    .wrapperFW__grid100 > .grid100__row > .wrapper__content > .wrapper__input {
        width: 100%;
    }

    .wrapperFW__grid100 > .grid100__row > .wrapper__content > .wrapper__boxWho {
        width: 100%;
    }

    .wrapperFW__grid100 > .grid100__row > .wrapper__content > .wrapper__input {
        width: 100%;
    }

        .wrapperFW__grid100 > .grid100__row > .wrapper__content > .wrapper__input > .input__container > .hero__button {
            width: 100%;
        }

    .input__container {
        width: 100%;
    }

    .textbox {
        width: 100%;
    }

    .textboxL {
        width: 100%;
    }

    .wrapper__boxWho > .wrapper__boxdropdown {
        margin-right: 10px;
    }

}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

    .wrapper__tableHeader {
        display: none;
    }

    .wrapper__tableHeader--Small {
        display: block;
    }

    .wrapper__tableBody > .tableBody {
        display: flex;
        flex-direction: column;
        margin-top: 4px;
        margin-bottom: 4px;
        height: 50px;
    }

        .wrapper__tableBody > .tableBody > .tableBody__content--left {
            font-size: 13px;
            background-color: #F6F6F6;
            margin-left: 0;
        }

        .wrapper__tableBody > .tableBody > .tableBody__content--right {
            font-size: 13px;
            margin-left: 0;
        }
    
}
/* Extra small devices (phones, 480px and down) */
@media only screen and (max-width: 480px) {
    /* CUSTOMER SERVICE START */
    .wrapper__customerServiceContent {
        width: 380px;
    }

    .wrapper__customerCareInfo > .customerCareInfo__left {
        width: 160px;
    }

    .wrapper__customerCareInfo > .customerCareInfo__right {
        width: 160px;
    }

    /* CUSTOMER SERVICE END */

    /* SERVICES LAYOUT */
    .wrapper__boxServices > .wrapper__footercontent > .footercontent > .footercontent--style {
        font-size: 1.3rem;
    }

    .containerSW__grid100 > .sectionSW__grid100 > .grid100__rowSW > .wrapper__boxServices {
        height: 380px;
        width: 185px;
    }
    
    /* FOOTER */
    .container__footer > .wrapper__footer {
        width: 100%;
    }

    .content__footer > .footer__layout > .footer__grid {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: space-evenly;
        width: 100%;
        /*height: 100%;*/
    }

        .content__footer > .footer__layout > .footer__grid > .footer__company {
            width: 100%;
        }

        .content__footer > .footer__layout > .footer__grid > .footer__contact {
            width: 100%;
        }

        .content__footer > .footer__layout > .footer__grid > .footer__social {
            width: 100%;
        }
}
/* Mobile Large 425 */
@media only screen and (max-width: 426px) {

    #banner__story {
        background-image: url('../../Images/Banners/story__320.jpg'); /* Path to your image */
        background-size: cover; /* Ensures the image covers the entire element */
        background-position: center; /* Centers the image */
        background-repeat: no-repeat; /* Prevents image from repeating */
        /*background-size: contain;*/
        /*background-size: 100% auto;*/
        width: 100%;
        height: 130px;
        border-radius: 20px;
    }

    #banner__services {
        background-image: url('../../Images/Banners/ServicesA__320.jpg'); /* Path to your image */
        background-size: cover; /* Ensures the image covers the entire element */
        background-position: center; /* Centers the image */
        background-repeat: no-repeat; /* Prevents image from repeating */
        /*background-size: contain;*/
        /*background-size: 100% auto;*/
        width: 100%;
        height: 130px;
        border-radius: 20px;
    }

    /* CUSTOMER SERVICE START */
    .wrapper__customerServiceContent {
        width: 360px;
    }

    .wrapper__customerCareInfo > .customerCareInfo__left {
        width: 150px;
    }

    .wrapper__customerCareInfo .customerCareInfo__title {
        font-size: 12px;
        font-weight: 600;
    }

    .wrapper__customerCareInfo > .customerCareInfo__right {
        width: 150px;
    }

    .customerCareInfo__list > .customerCareInfo__list--item > .customerCareInfo__list--spacing {
        font-size: 10px;
    }


    /* HERO BANNER */
    .wrapper__sectionFW > .hero__buttonS > a:link {
        padding: 8px 3px;
        height: 40px;
        min-height: 40px;
        width: 170px;
        font-size: 1.4rem;
        font-weight: 600;
    }

    .containerSW__grid100 > .sectionSW__grid100 > .grid100__rowSW > .wrapper__boxServices {
        height: 340px;
        width: 175px;
        margin: 5px 3px;
        padding: 4px;
        margin-bottom: 30px;
    }

    /*.containerSW__grid100 > .sectionSW__grid100 > .grid100__rowSW > .wrapper__boxServices.boxservicesL {
            height: 430px;
        }*/

    .wrapper__boxServices > .wrapper__boxheader.boxheaderL {
        height: 65px;
    }

    .wrapper__boxServices > .wrapper__boxheader > .boxheader > .boxheader--style {
        font-size: 1.8rem;
    }

    .wrapper__boxServices > .wrapper__boxcontent > .boxcontent > .boxcontent--style {
        font-size: 1.4rem;
    }


    .containerSW__grid100 > .sectionSW__grid100 > .sectionSW__headerL {
        margin: auto;
        width: 95%;
    }

    .container__sectionSW > .wrapper__sectionSW > .sectionSW__headerL > .sectionSW__headerL--style {
        font-size: 1.8rem;
    }

    .containerSW__grid100 > .sectionSW__grid100 > .sectionSW__headerL > .sectionSW__headerL--style {
        font-size: 5vw;
    }

    /* LAYOUT SECTIONS*/
    .section__layoutSW > .container__sectionSW,
    .section__layoutSW > .container__sectionSW > .wrapper__sectionSW {
        width: 95%;
    }

        .section__layoutSW > .container__sectionSW > .wrapper__sectionSW.content__position {
            margin: auto;
        }

    /* HOW BANNER */

    #howimage--s {
        display: block;
        border-top-right-radius: 30px;
        border-top-left-radius: 30px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .wrapperSW__grid50 {
        width: 100%;
    }

        .wrapperSW__grid50 > .grid50__column > .grid50__columm-AlignCT {
            position: relative;
            top: 0;
            margin: 10px 3px;
            height: 280px;
        }

        .wrapperSW__grid50 > .grid50__column.grid50__column-style {
            background-color: #1a3958;
            border-top-right-radius: 0;
            border-top-left-radius: 0;
            border-bottom-right-radius: 30px;
            border-bottom-left-radius: 30px;
        }

        .wrapperSW__grid50.grid50--style {
            border-top-right-radius: 30px;
            border-top-left-radius: 30px;
            border-bottom-right-radius: 0;
            border-bottom-left-radius: 0;
        }

    /* BOOK */
    .wrapper__boxPeace > .wrapper__header {
        padding-left: 2px;
        padding-right: 2px;
    }

        .wrapper__boxPeace > .wrapper__header > .header {
            padding-left: 2px;
            padding-right: 2px;
            margin-bottom: 8px;
            margin-top: 17px;
            font-weight: 600;
        }

            .wrapper__boxPeace > .wrapper__header > .header > .header--style {
                font-size: 1.7rem;
            }

    .grid50__column > .wrapper__img > .grid50__imgPeace {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 30px;
    }
    /* CUSTOMER SERVICE END */
    

    /*.wrapper__navBar__icons {
        padding-right: 5px;
    }*/

    /* #icon-favourites {
        display: none;
    }

    .search__content {
        margin-right: 20px;
    }

    .search__input {
        width: 200px;
    }*/

    /*.ads__header {
        padding: 0 0 0 0;
    }

    .ads__wrapper {
        width: 100%;
    }

    .ads__header > carousel__banner {
        margin: 0 0 0 0;
    }*/

    /* FOOTER */
    .container__footer > .wrapper__footer {
        width: 100%;
    }

    .content__footer > .footer__layout > .footer__grid {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: space-evenly;
        width: 100%;
        /*height: 100%;*/
    }

        .content__footer > .footer__layout > .footer__grid > .footer__company {
            width: 100%;
        }

        .content__footer > .footer__layout > .footer__grid > .footer__contact {
            width: 100%;
        }

        .content__footer > .footer__layout > .footer__grid > .footer__social {
            width: 100%;
        }
}
/* Mobile Medium 375 */
@media only screen and (max-width: 376px) {

    /* CUSTOMER SERVICE START */
    .wrapper__customerServiceContent {
        width: 300px;
    }

    .wrapper__customerCareInfo > .customerCareInfo__left {
        width: 130px;
    }

    .wrapper__customerCareInfo > .customerCareInfo__right {
        width: 130px;
    }

    .customerCareInfo__list > .customerCareInfo__list--item > .customerCareInfo__list--spacing {
        font-size: 10px;
    }


    /* SERVICES LAYOUT */
    .wrapper__boxServices > .wrapper__footercontent > .footercontent > .footercontent--style {
        font-size: 1.3rem;
    }

    .containerSW__grid100 > .sectionSW__grid100 > .grid100__rowSW > .wrapper__boxServices {
        height: 380px;
        width: 160px;
    }
   
}
/* Mobile Small 320 */
@media only screen and (max-width: 320px) {
    /* Hero Banners */



    /*.section__layoutFW > .container__sectionFW > .wrapper__sectionFW {
        max-width: 100%;
        width: 100%;
    }

   
    .section__layoutSW > .container__sectionSW {
        width: 100%;
        margin: 2px 0;
    }


    .containerSW__grid100 > .sectionSW__grid100 {
        margin: 3px 0 10px 0;
        width: 95%;
    }*/


    /* SERVICES LAYOUT */
    .wrapper__boxServices > .wrapper__footercontent > .footercontent > .footercontent--style {
        font-size: 1.3rem;
    }

    .containerSW__grid100 > .sectionSW__grid100 > .grid100__rowSW > .wrapper__boxServices {
        height: 380px;
        width: 130px;
    }

    
    /* .container__sectionSW > .wrapper__Aboutbannerimg {
        width: 95%;
        margin: auto;
        padding: 2px;
    }

    .containerSW__grid100 > .sectionSW__grid100 > .sectionSW__headerM > .sectionSW__headerM--style {
        font-size: 1.5rem;
    }

    .wrapper__boxAbout > .wrapper__boxcontent > .boxcontent__header {
        width: 290px;
    }

    .wrapper__help > .help__dropdown > .help__dropdown--style {
        width: 274px;
    }*/

    .wrapper__input > .wrapper__message > .message--style {
        width: 275px;
    }

    .containerSW__grid100 > .wrapper__grid50 > .grid50__column > .wrapper__listServices {
        height: 165px;
    }

    .wrapper__listServices > .list__img {
        margin: 4px;
        padding: 2px;
        width: 6.4rem;
        height: 6.4rem;
        top: 0;
    }

    .containerSW__grid100 > .wrapperSW__grid50 > .grid50__column.grid50__HS {
        height: 540px;
    }

    .wrapperSW__grid50 > .grid50__column.grid50__spacingL {
        padding-left: 0;
    }

        .wrapperSW__grid50 > .grid50__column.grid50__spacingL.grid50__borderL {
            border-left: 0px solid #808080;
            margin-bottom: 0;
        }

    .grid50__column > .wrapper__input > .wrapper__name {
        flex-direction: column;
    }

    .wrapper__input > .wrapper__email {
        width: 280px;
    }
}
