* {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
}

/* AcuminPro Bold is missing */
/* ProximaNova Bold is missing */
/* ProximaNova Light is missing */
/* ProximaNova Regular is missin */
/* One undefined font is missing */

/* These are CSS variables with predefined colors form the XD File */
:root {
    --color-red: hsl(2, 63%, 46%);
    --color-blue: hsl(202, 63%, 30%);
    --color-grey: hsl(198, 6%, 66%);
}

html, body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}

.container {
    max-width: 1460px;
}

h1, h1 * {
    font-size: 40px;
    color: black;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 700;
}

h2, h2 * {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    color: var(--color-red);
}

h3, h3 * {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 24px;
    color: #205B7C;
}

h4, h4 * {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    color: black;
}

.btn {
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 700;
}

.btn.btn-primary {
    background-color: var(--color-red);
    color: white;
    border: none;
    font-size: 16px;
    padding: 10px 40px;
}

    .btn.btn-primary:hover {
        background-color: hsl(2, 63%, 37%);
        color: white;
        border: none;
    }

    .btn.btn-primary.disabled {
        background-color: hsl(198, 6%, 66%);
        color: var(--color-red);
        border: none;
    }

.btn.btn-secondary {
    background-color: var(--color-blue);
    color: white;
    border: none;
    font-size: 16px !important;
    padding: 10px 40px;
}

    .btn.btn-secondary:hover {
        background-color: hsl(202, 64%, 21%);
        color: white;
        border: none;
    }

    .btn.btn-secondary.disabled {
        background-color: hsl(198, 6%, 66%);
        color: var(--color-blue);
        border: none;
    }

.btn.btn-tertiary {
    background-color: black;
    color: white;
    border: none;
    font-size: 16px !important;
    padding: 10px 40px;
}

    .btn.btn-tertiary:hover {
        background-color: black;
        color: rgb(163, 170, 173);
        border: none;
    }

    .btn.btn-tertiary.disabled {
        background-color: hsl(198, 6%, 66%);
        color: rgb(163, 170, 173);
        border: 1px solid black;
    }


.btn.btn-fourth {
    background-color: var(--color-red);
    color: white;
    font-size: 16px !important;
    padding: 10px 40px;
    border: 2px solid #ffffff !important;
}

    .btn.btn-fourth:hover {
        color: rgb(255, 255, 255, 0.8) !important;
        border-color: rgb(255, 255, 255, 0.8) !important;
    }

    .btn.btn-fourth.disabled {
        background-color: var(--color-red);
        color: #E5C8C7 !important;
        border-color: black !important;
    }


body {
    background-color: white;
    font-family: futura-pt, sans-serif;
    font-style: normal;
    font-weight: 400;
}

p {
    font-size: 20px;
    font-family: roboto, sans-serif;
    font-style: normal;
    font-weight: 400;
}

a {
    color: #be302b;
    font-family: roboto, sans-serif;
    font-style: normal;
    font-weight: 400;
}

    a:hover {
        color: #992723;
    }

ul li {
    font-family: roboto, sans-serif;
    font-style: normal;
    font-weight: 400;
}

.top-bar {
    display: flex;
    align-items: center;
    height: 51px;
    background: url("/images/header-wood.png");
    background-position: center;
    line-height: 20px;
}

    .top-bar .top-bar-left {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .top-bar .top-bar-left > p {
            all: unset;
            font-weight: 500;
            font-size: 22px;
            font-weight: bold;
            font-family: futura-pt, sans-serif;
            font-style: normal;
            text-transform: uppercase;
        }

            .top-bar .top-bar-left > p > a {
                color: black;
                font-weight: 500;
                text-decoration: underline;
                font-size: 22px;
                font-weight: bold;
                font-family: futura-pt, sans-serif;
                font-style: normal;
            }

            .top-bar .top-bar-right {
                display: flex;
                justify-content: center;
            }

                .top-bar .top-bar-right .top-bar-icons {
                    font-size: 28px;
                    margin: 0px 15px;
                }

            .menu-bar {
                position: relative;
                background: var(--color-red);
                border-top: 4px solid white;
                border-bottom: 4px solid white;
                height: 215px;
            }

                .menu-bar .menu-bar-left .dropdown-menu h5,
                .menu-bar .menu-bar-left .dropdown-menu li {
                    font-size: 24px;
                    text-transform: uppercase;
                    font-weight: 700;
                }

                .menu-bar .menu-bar-left .dropdown-menu ul {
                    list-style: none;
                    padding: 0px;
                }

                    .menu-bar .menu-bar-left .dropdown-menu ul li {
                        margin-bottom: 10px;
                    }

                

                .menu-bar .menu-bar-left hr,
                .menu-bar .menu-bar-right hr {
                    display: block;
                    background-color: white;
                    height: 3px;
                    width: 70%;
                    margin-bottom: 0px;
                    margin-top: 0;
                }

                .menu-bar .menu-bar-left .form-inline .form-control {
                    min-height: 40px;
                    min-width: 200px;
                    border: none;
                    border-radius: 4px;
                    color: black;
                }

                .menu-bar .menu-bar-left .menu-bar-nav .nav-item {
                    position: relative;
                }

                .menu-bar .menu-bar-right .menu-bar-nav .nav-item {
                    position: relative;
                }

                    .menu-bar .menu-bar-left .menu-bar-nav .nav-item .nav-link,
                    .menu-bar .menu-bar-right .menu-bar-nav .nav-item .nav-link {
                        color: white;
                        text-transform: uppercase;
                        font-size: 30px;
                        font-weight: 700;
                        transition: background-color 0.1s linear;
                        font-family: futura-pt, sans-serif;
                        font-style: normal;
                        font-weight: 700;
                    }

                .menu-bar .menu-bar-center {
                    position: relative;
                    display: flex;
                    justify-content: center;
                    align-items: top;
                }

                    .menu-bar .menu-bar-center .menu-bar-logo {
                        position: relative;
                        top: -30px;
                        height: 225px;
                    }

            .menu-bar .top-icons {
                display: flex;
            }

                .menu-bar .top-icons .top-icons-item {
                    display: flex;
                    margin: 0 20px;
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                }

                    .menu-bar .top-icons .top-icons-item .top-icons-icon {
                        height: 31px;
                        width: 50px;
                        object-fit: contain;
                        color: white;
                        font-size: 24px;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }

                    .menu-bar .top-icons .top-icons-item .top-icons-title {
                        color: white;
                        font-family: futura-pt, sans-serif;
                        font-style: normal;
                        font-weight: 700;
                        font-size: 14px;
                        margin-top: 12px;
                        margin-bottom: 5px;
                    }
            /* Animated logo */
            .menu-bar-center .menu-bar-logo-static, .menu-bar-center:hover .menu-bar-logo-animated {
                display: inline;
            }

            .menu-bar-center .menu-bar-logo-animated, .menu-bar-center:hover .menu-bar-logo-static {
                display: none;
            }
            /* end of Animated logo */

            .multi-column-dropdown {
                width: 60vw;
            }

            .single-column-dropdown {
                width: 15vw;
            }

            #mobile-menu-title {
                font-family: futura-pt, sans-serif;
                font-style: normal;
                font-weight: 700;
            }

            .hero-banner {
                position: relative;
            }

                .hero-banner .carousel-inner .carousel-item > img {
                    object-fit: cover;
                }

            .hero-banner-cta {
                position: absolute;
                width: 100vw;
                display: flex;
                justify-content: center;
                align-items: center;
                color: white;
                min-height: 100px;
                background: hsla(0, 0%, 0%, 0.7);
                bottom: 0px;
                left: 0;
                margin: 0;
            }

                .hero-banner-cta .hero-banner-cta-content {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    font-size: 26px;
                    font-family: futura-pt, sans-serif;
                    font-style: normal;
                    font-weight: 700;
                    line-height: 1.2;
                }

                .hero-banner-cta .hero-banner-cta-button {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }

            .catalog-img > img {
                height: 332px;
                width: 100%;
                object-fit: cover;
            }

            .carousel-inner .carousel-item img {
                object-fit: cover;
            }

            .carousel-inner .carousel-item .carousel-caption {
                background-color: var(--color-red);
                width: 500px;
                position: absolute;
                left: 0px;
                bottom: 0px;
            }

            .carousel .carousel-indicators {
                bottom: 0px;
                right: 40px;
                left: unset;
                margin-left: 0px;
                margin-right: 0px;
                margin-bottom: 5px;
            }

            .carousel-indicators .active {
                background-color: #BE302B;
            }

            .carousel .carousel-indicators li {
                width: 8px;
                height: 8px;
                border-radius: 100%;
            }

            .carousel .carousel-control-next .carousel-control-next-icon {
    width: 30px;
    background-size: contain;
}

.carousel
.carousel-control-prev
.carousel-control-prev-icon {
    display: none;
}

.carousel-item
.carousel-caption
h5.carousel-caption-title {
    font-size: 48px;
    font-weight: 700;
}

.slick-prev {
    left: 0px;
}

.slick-next {
    right: 0px;
}


#carouselExampleControls {
    height: 150px;
    display: flex;
    align-items: center;
}

.carousel-control-next,
.carousel-control-next {
    opacity: 1;
    width: 5%;
}

.carousel-control-prev,
.carousel-control-prev {
    left: -35px;
    opacity: 1;
    width: 5%;
}

    .carousel-control-prev img,
    .carousel-control-next img {
        height: 30px;
    }

#carouselExampleControls .carousel-inner {
    height: 250px;
    padding: 10px 9%;
    display: flex;
    align-items: center;
}


.footer-desktop .form-control {
    margin-right: 15px;
    width: 390px !important;
}

.form-group button {
    text-transform: uppercase;
}

footer {
    background: var(--color-red);
    padding: 50px 50px 0px;
}

    footer h5 {
        color: white;
        text-transform: uppercase;
        font-family: futura-pt, sans-serif;
        font-style: normal;
        font-weight: 700;
    }

    footer .list-group {
    }

        footer .list-group .list-group-item {
            background: none;
            border: none;
            padding: 10px 0px;
            color: white;
        }

    footer .newsletter {
        margin-bottom: 40px;
    }

        footer .newsletter .form-control::placeholder {
            text-transform: uppercase;
        }

    footer .social-connect {
    }

.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: transparent;
    outline: 0;
    box-shadow: none !important;
}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: none !important;
}

footer .social-connect .social-icons {
    display: flex;
    align-items: center;
}

    footer .social-connect .social-icons .social-icons-item {
        margin-right: 60px;
    }

        footer .social-connect .social-icons .social-icons-item .fab {
            color: white;
            font-size: 50px;
        }


footer .credits p {
    color: white;
    text-align: center;
    padding: 20px 0px;
}

footer .mobile-app a {
    color: white;
    text-align: center;
    text-decoration: underline;
}

footer .privacy-choices {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: #ffffff;
}

    footer .privacy-choices img {
        height: 16px;
        margin-left: 8px; /* Space between the icon and text */
        vertical-align: middle;
    }

    footer .privacy-choices a {
        color: white;
    }

.top-bar-right a {
    color: #212529;
}

a:hover {
    text-decoration: none;
}

.dropdown-menu {
    padding: 10px 0px;
    border-radius: 0px !important;
    border: 0px;
}

.hero-banner {
    overflow: hidden;
}




/*---------- Ganahl Page Style Start ---------*/
.framing-thumb {
    padding-top: 20px;
}

.page-banner-area {
    height: 370px;
    background-color: #eee;
    background-image: url(../images/page-banner.jpg);
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: relative;
    z-index: 1;
}

    .page-banner-area:after {
        position: absolute;
        left: 0;
        top: 0;
        background: #000;
        content: '';
        width: 100%;
        height: 100%;
        z-index: -1;
        opacity: .5;
    }

.page-banner-text h4 {
    font-size: 36px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}

.page-banner-text h2 {
    font-size: 80px;
    color: #fff;
    font-weight: bold;
    margin: 0;
}


.row .homepage-animated-section-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: left 0.2s linear;
}

    .row .homepage-animated-section-item .icon-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        transition: all 0.2s;
        position: relative;
        height: 180px;
    }

    .row .homepage-animated-section-item .icon-background {
        height: 98px;
        width: 100%;
        background-image: url(/ganahl-website-prod/6e55b24f-f6aa-4a3c-9978-983783b031c1-animated-icons-bg.png);
        z-index: -1;
        position: absolute;
        bottom: 0;
    }

    .row .homepage-animated-section-item .icon-container .first-item-img {
        position: relative;
        top: 10px;
        bottom: 0px;
    }

    .row .homepage-animated-section-item .icon-container .second-item-img {
        position: relative;
        top: 10px;
        bottom: 0px;
    }

    .row .homepage-animated-section-item h5 {
        font-size: 24px;
        text-transform: uppercase;
        margin: 30px 0;
        font-family: futura-pt, sans-serif;
        font-style: normal;
        font-weight: 700;
    }

    .row .homepage-animated-section-item p {
        font-size: 20px;
    }

.homepage-animated-section-item .icon-container .first-item-img {
    left: 50px;
    width: 210px;
    transition: all 0.2s linear;
}

.homepage-animated-section-item .icon-container:hover .first-item-img {
    right: unset;
    left: -45px;
}

.store-locator-item-card a, .store-locator-item-card div {
    font-family: roboto, sans-serif;
    font-style: normal;
    font-weight: 400;
}

.animated-icons-text {
    display: flex;
    flex-direction: column;
}

.rectangle-red {
    background: #BE302B;
    width: 80%;
    height: 30px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.row .homepage-animated-section-item img.second-item-img {
    margin: 0;
    overflow: hidden;
    transition-duration: 0.5s;
    transition-property: transform;
    width: 140px;
}

img.second-item-img:hover {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
}

.person-images {
    position: relative;
    top: 0px;
    width: 310px;
    margin-bottom: 50px;
}

    .person-images img {
        width: 100px;
        position: absolute;
    }

        .person-images img:first-child {
            left: 40px;
            transition: all 0.2s linear;
        }

        .person-images img:nth-child(2) {
            top: 10px;
            z-index: 999;
            left: 105px;
        }

        .person-images img:last-child {
            right: 40px;
            transition: all 0.2s linear;
        }

    .person-images:hover img:last-child {
        right: 20px;
    }

    .person-images:hover img:first-child {
        left: 20px;
    }

.section-3:nth-child(3) {
    margin-top: 30px;
}

.google-maps {
    min-height: 420px;
}

.map-images {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 170px;
    width: 100%;
    position: relative;
    flex-direction: column;
    top: 40px;
}

    .map-images img:first-child {
        width: 60px;
        height: auto;
        top: -15px !important;
        transition: all 0.3s;
        position: absolute;
    }

    .map-images img:last-child {
        width: 130px;
        height: auto;
        position: static !important;
        margin-bottom: 0 !important;
    }

    .map-images:hover img:first-child {
        top: 0px !important;
    }


.cta-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: url(/ganahl-website-prod/ce52eecb-a7b4-4603-8daf-3d7f267dd4fd-cutting-blade.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 400px;
    text-align: center;
    cursor: pointer;
}

.cta {
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

    .cta h5 {
        color: white;
        font-size: 40px;
        /*transition: font-size 0.5s ease-in-out;*/
        margin-bottom: 0px;
        text-transform: uppercase;
        font-family: futura-pt, sans-serif;
        font-style: normal;
        font-weight: 700;
    }

    .cta p {
        color: white;
        font-size: 15px;
    }

        .cta p:before {
            content: "";
            shape-outside: circle(100%);
            shape-margin: 60%;
        }

.cta-button {
    padding: 3px 7px !important;
}


.cta .fas {
    color: white;
    font-size: 70px;
}


.cta .section-6-hover {
    display: none;
}

#search-results-container a {
    font-size: 20px;
}

#search-results-container p {
    font-size: 18px;
}


/*---------- Ganahl Page Style End ---------*/
/*---------- Framing Style Start ---------*/
.framing-area {
    padding: 70px 0;
}

.framing-text h4 {
    color: #BE302B;
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 25px;
}

.framing-area .container {
    padding: 0 50px;
}

.framing-text p {
    color: #000000;
    font-size: 20px;
    letter-spacing: .3px;
}

.framing-thumb img {
    width: 100%;
    margin-top: 15px;
}

.framing-thumb h4 {
    color: #BE302B;
}

.ganahl-table-area .container {
    padding: 0 50px;
}

.ganahl-tablist ul li {
    display: inline-block;
}

    .ganahl-tablist ul li a {
        display: inline-block;
        border-radius: 0 !important;
        font-size: 24px;
        height: 55px;
        line-height: 55px;
        padding: 0;
        width: 220px;
        text-align: center;
        background: #D7D8D6;
        color: #A3AAAD;
        transition: .3s;
        font-weight: bold;
    }

.ganahl-tablist .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #BE302B;
}

span.dot {
    background: #000000;
    width: 14px;
    height: 14px;
    display: inline-block;
    border-radius: 100%;
}

.ganahl-table-box .table thead tr {
    background: #A3AAAD;
    border: none !important;
    font-size: 24px;
    color: #fff;
}

.ganahl-table-box .table tbody tr {
    color: #000000;
    font-size: 20px;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 0px solid #dee2e6;
}

.table td, .table th {
    padding: 12px 15px;
    vertical-align: middle;
    border-top: 0px solid #A3AAAD;
    border-bottom: 1px solid #A3AAAD;
}

.ganahl-table-box .table thead tr th, .ganahl-table-box .table tbody tr td {
    text-align: center;
    min-width: 75px;
}

.ganahl-table-box .table tbody tr th:first-child {
    font-weight: 400;
}

.ganahl-table-box .table thead th:first-child {
    padding-left: 40px;
}

.ganahl-table-box .table tbody td:first-child {
    padding-left: 40px;
}

.ganahl-table-box .table thead th:last-child {
    padding-right: 40px;
}

.ganahl-table-box .table tbody td:last-child {
    padding-right: 40px;
}

.ganahl-bottom-text p {
    color: #000000;
    font-size: 20px;
    letter-spacing: .3px;
}

    .ganahl-bottom-text p a {
        color: #BE302B;
    }

.ganahl-bottom-wrapper {
    padding: 20px 0;
}

.ganahl-bx img {
    width: 100%;
}

.framing-thumb h4 {
    color: #BE302B;
    font-size: 36px;
    font-weight: 500;
}

.ganahl_table_tow {
    text-align: center;
}

.event-area .container {
    padding: 0 50px;
}

.event-area {
    padding: 40px 0;
}

#events-parent {
    min-height: 450px;
}

.event-city-menu-btn-active {
    background-color: #949494 !important;
    text-decoration: underline;
}

/*---------- Framing Style End ---------*/
/*---------- Event  Style Start ---------*/
.even-title h2 {
    color: #000000;
    font-size: 24px;
    font-weight: 600;
}

.even-title p {
    color: #000000;
    font-size: 20px;
    letter-spacing: .3px;
}

    .even-title p a {
        color: #000;
        display: inline-block;
        border-bottom: 1px solid #000;
        line-height: 1;
    }

.even-title {
    margin-bottom: 35px;
}

.event-taglist ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .event-taglist ul li {
        display: inline;
        margin-right: 5px;
    }

        .event-taglist ul li a {
            display: inline-block;
            padding: 10px 20px;
            background: #BE302B;
            color: #fff;
            text-transform: uppercase;
            font-size: 16px;
            border-radius: 4px;
            font-weight: 500;
            margin: 0 0 10px 0;
        }

.upcoming-event {
    padding: 0 0 40px 0;
}

    .upcoming-event h2 {
        color: #BE302B;
        font-weight: 600;
        letter-spacing: .5px;
    }

.event-content h4 {
    color: #205B7C;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.event-content p {
    color: #000000;
    font-size: 20px;
    letter-spacing: .3px;
    font-weight: 400;
}

.event-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .event-content ul li {
        display: block;
        color: #000000;
        font-size: 20px;
        letter-spacing: .3px;
        font-weight: 400;
        font-family: roboto, sans-serif;
        font-style: normal;
    }

.event-view {
    text-align: center;
}

.single-event-item {
    padding: 40px 0;
    border-top: 1px solid #A3AAAD;
    padding-bottom: 0;
}

form.form-inline i {
    cursor: pointer;
}

.menu-bar-nav {
    margin-bottom: 0px;
}

.menu-bar-right {
    margin-top: 3px;
}

.menu-bar .menu-bar-left .menu-bar-nav .nav-item .nav-link, .menu-bar .menu-bar-right .menu-bar-nav .nav-item .nav-link {
    font-size: 24px;
    font-weight: 600;
    padding-top: 18px;
    padding-bottom: 16px;
}

.event-view img {
    width: 100%;
}

.section.section-7 .brands_slider {
    height: 100%;
    margin-top: 0;
}

.owl-item {
    padding: 0 20px;
}
/*---------- Event  Style End ---------*/


.menu-bar-grid-row-1 {
    grid-row: 1/2;
    height: 80px;
    align-items: center !important;
}

.menu-bar-grid-row-2 {
    grid-row: 3;
}

.footer-mobile {
    display: none;
    padding: 20px 0 5px 10px;
}


/* XL Device :1400px. */
@media (min-width: 1200px) and (max-width: 1449px) {
    .event-taglist ul li a {
        padding: 10px 12px;
        font-size: 15px;
    }

    .event-taglist ul li {
        margin-right: 3px;
    }

    .event-view img {
        width: 80%;
    }

    .page-banner-text h2 {
        font-size: 60px;
    }

    span.dot {
        width: 10px;
        height: 10px;
    }

    .owl-item {
        padding: 0 15px;
    }
}



@media (min-width: 1200px) and (max-width: 1367px) {
    .framing-area .container {
        padding: 0 25px;
    }

    .event-area .container {
        padding: 0 25px;
    }

    .framing-text p {
        font-size: 18px;
    }

    .ganahl-tablist ul li a {
        font-size: 20px;
        height: 52px;
        line-height: 52px;
        width: 210px;
    }

    .ganahl-table-box .table tbody tr {
        color: #000000;
        font-size: 18px;
    }

    span.dot {
        width: 10px;
        height: 10px;
    }

    .ganahl-table-box .table thead tr {
        font-size: 20px;
    }

    .owl-item {
        padding: 0 15px;
    }
}

@media (min-width: 1024px) {
    .menu-bar .menu-bar-left,
    .menu-bar .menu-bar-right {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        justify-items: center;
        align-items: center;
        align-content: center;
        grid-auto-rows: minmax(45px, auto);
    }

    .menu-bar .top-icons .top-icons-item .top-icons-title {
        color: white;
        font-family: futura-pt, sans-serif;
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        margin-top: 12px;
        margin-bottom: 5px;
        white-space: nowrap;
    }

    .menu-bar .menu-bar-left .menu-bar-nav .nav-item .nav-link, .menu-bar .menu-bar-right .menu-bar-nav .nav-item .nav-link {
        font-size: 18px;
    }

    .menu-bar hr {
        margin-top: 0;
    }

    .menu-bar-right {
        margin-top: 0px;
    }

    .cta:hover .fas {
        display: none;
    }

    .cta:hover .section-6-hover {
        display: block;
        animation: fadeIn; /* referring directly to the animation's @keyframe declaration */
        animation-duration: 1.5s;
    }

    .cta:hover h5 {
        animation: slideInUp; /* referring directly to the animation's @keyframe declaration */
        animation-duration: 0.5s;
        font-size: 30px;
        transition: font-size 0.5s ease-in-out;
        margin-bottom: -10px;
    }
}

@media (max-width: 991px) {
    .menu-bar .menu-bar-right {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        justify-items: end;
        align-items: center;
        align-content: center;
        grid-auto-rows: minmax(45px, auto);
    }

    .menu-bar-grid-row-1 {
        grid-row: 1;
        height: 113px;
    }

    .menu-bar-grid-row-2 {
        grid-row: 2;
        align-content: end;
    }

    #search-results-container a {
        font-size: 18px;
    }

    #search-results-container p {
        font-size: 14px;
    }

    #search-results-header h3 {
        font-size: 18px;
    }

    #search-form input {
        font-size: 16px;
    }
}

@media (min-width: 992px) {
    #search-form i.fa-search {
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
        color: var(--color-red);
        font-size: 24px;
    }
}

/* XL Device :992px. */
@media (min-width: 992px) and (max-width: 1199px) {
    .menu-bar .menu-bar-left .menu-bar-nav .nav-item .nav-link, .menu-bar .menu-bar-right .menu-bar-nav .nav-item .nav-link {
        font-size: 14px;
    }

    .section-3 .row .section-3-item .icon-container img {
        height: 75px;
    }

    .hero-banner-cta .hero-banner-cta-button {
        justify-content: flex-end;
    }

    .hero-banner-cta .hero-banner-cta-content {
        font-size: 22px;
    }

    footer .social-connect .social-icons .social-icons-item .fab {
        font-size: 30px;
    }

    .social-connect h5 {
        margin-bottom: 20px;
    }

    footer {
        padding: 50px 0px 0px;
    }

    .event-area .container {
        padding: 0 15px;
    }

    .event-taglist ul li a {
        padding: 10px 18px;
        font-size: 14px;
        margin-bottom: 8px;
    }

    .framing-area .container {
        padding: 0 15px;
    }

    .event-area .container {
        padding: 0 25px;
    }

    .framing-text p {
        font-size: 18px;
    }

    .ganahl-tablist ul li a {
        font-size: 20px;
        height: 52px;
        line-height: 52px;
        width: 210px;
    }

    .ganahl-table-box .table thead tr {
        font-size: 16px;
    }

    .ganahl-table-box .table tbody tr {
        font-size: 16px;
    }

    .ganahl-table-box .table thead th:first-child {
        padding-left: 12px;
    }

    .ganahl-table-box .table tbody th:first-child {
        padding-left: 12px;
    }

    .ganahl-table-box .table tbody td:first-child, .ganahl-table-box .table thead th:first-child {
        padding-left: 10px;
    }

    .ganahl-table-box .table tbody td:last-child, .ganahl-table-box .table thead th:last-child {
        padding-right: 10px;
    }

    .ganahl-table-box .table thead tr th, .ganahl-table-box .table tbody tr td {
        min-width: 14px;
    }

    span.dot {
        width: 10px;
        height: 10px;
    }

    .ganahl-table-box .table thead tr {
        font-size: 20px;
    }

    .framing-text h4 {
        font-size: 20px;
    }

    .owl-item {
        padding: 0 10px;
    }

    .menu-bar .menu-bar-left .form-inline .form-control {
        min-height: 35px;
        border: none;
        border-radius: 4px;
        color: black;
    }

    .menu-bar .menu-bar-left,
    .menu-bar .menu-bar-right {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        justify-items: center;
        align-items: center;
        align-content: center;
        grid-auto-rows: minmax(50px, auto);
    }

    .carousel-item .carousel-caption h5.carousel-caption-title {
        font-size: 30px;
    }

    .carousel-inner .carousel-item .carousel-caption {
        width: 400px;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .top-bar .top-bar-left p, .top-bar .top-bar-left p a {
        font-size: 20px;
        font-weight: bold;
        font-family: futura-pt, sans-serif;
        font-style: normal;
        line-height: 20px;
    }
    
}

@media (max-width: 991px){
    .menu-bar .menu-bar-left
     {
        display: none;
    }


    .menu-bar .menu-bar-center .menu-bar-logo {
        height: 160px;
        top: 0;
    }

    .menu-bar {
        height: 180px;
    }

    .navbar-expand-sm .navbar-toggler {
        display: inline-block;
        border: 0;
        color: #fff;
    }

    .navbar-toggler:focus {
        outline: none;
    }

    .navbar-dark .navbar-toggler-icon {
        background-image: url('../images/burger-menu-icon.png');
        height: 20px;
    }

    .navbar-collapse {
        z-index: 9999;
    }

    #collapsibleNavId {
        z-index: 9999;
    }


    .mobile-dropdown {
        background-color: white;
    }

        .mobile-dropdown .input-group {
            padding: 0 20px 0 10px;
            border-bottom: 1px solid red;
        }

        .mobile-dropdown .form-control {
            border: none;
        }

            .mobile-dropdown .form-control::placeholder {
                text-transform: uppercase;
                font-size: 1.3em;
            }

        .mobile-dropdown .input-group-text {
            background-color: white;
            border: none;
        }

        .mobile-dropdown .navbar-nav {
            padding: 0 25px;
        }

        .mobile-dropdown .nav-link {
            color: black;
            text-transform: uppercase;
            font-weight: 700;
            font-size: 18px;
        }

        .mobile-dropdown .level-two {
            list-style: none;
            padding: 0px;
        }

            .mobile-dropdown .level-two .nav-link {
                display: inline-block;
                margin: 0px;
                text-transform: none;
                font-weight: 500;
            }

    .dropdown-item {
        font-family: roboto, sans-serif;
        font-style: normal;
        font-weight: 400;
    }
}

/* sm Device :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    .menu-bar .menu-bar-left .menu-bar-nav .nav-item .nav-link, .menu-bar .menu-bar-right .menu-bar-nav .nav-item .nav-link {
        font-size: 16px;
    }

    .menu-bar .top-icons .top-icons-item {
        margin: 0 12px;
    }

    .menu-bar .menu-bar-left hr, .menu-bar .menu-bar-right hr {
        height: 4px;
        width: 100%;
        margin-top: 0px;
    }

    .menu-bar .menu-bar-left .form-inline .form-control {
        min-width: 185px;
    }

    .hero-banner-cta .hero-banner-cta-button {
        justify-content: flex-end;
    }

    .hero-banner-cta .hero-banner-cta-content {
        font-size: 17px;
    }

    .btn.btn-primary {
        font-size: 14px !important;
        padding: 9px 22px;
    }


    footer {
        padding: 50px 0px 0px;
    }

        footer .social-connect .social-icons .social-icons-item .fab {
            font-size: 32px;
        }

        footer h5 {
            margin-bottom: 15px;
        }

    .menu-bar .menu-bar-left .form-inline .fa-search {
        font-size: 28px;
    }

    .top-bar .top-bar-right {
        justify-content: flex-end;
    }

    .top-bar .top-bar-left p, .top-bar .top-bar-left p a {
        font-size: 16px;
        font-weight: bold;
        font-family: futura-pt, sans-serif;
        font-style: normal;
    }

    .event-taglist ul li a {
        padding: 10px 18px;
        font-size: 14px;
        margin-bottom: 8px;
    }

    .event-area .container {
        padding: 0 15px;
    }

    .page-banner-text h2 {
        font-size: 50px;
    }

    .page-banner-area {
        height: 320px;
    }

    .event-content p, .event-content ul li {
        font-size: 18px;
    }

    .table td, .table th {
        padding: 10px 10px;
    }

    .framing-area .container {
        padding: 0 15px;
    }

    .ganahl-table-box .table thead tr {
        font-size: 16px;
    }

    .ganahl-table-box .table tbody tr {
        font-size: 16px;
    }




    .ganahl-table-box .table thead th:first-child {
        padding-left: 12px;
    }

    .ganahl-table-box .table tbody th:first-child {
        padding-left: 12px;
    }

    .ganahl-table-box .table tbody td:first-child, .ganahl-table-box .table thead th:first-child {
        padding-left: 4px;
    }

    .ganahl-table-box .table tbody td:last-child, .ganahl-table-box .table thead th:last-child {
        padding-right: 4px;
    }

    .ganahl-table-box .table thead tr th, .ganahl-table-box .table tbody tr td {
        min-width: 14px;
    }

    .table td, .table th {
        padding: 10px 2px;
    }




    span.dot {
        width: 8px;
        height: 8px;
    }

    .ganahl-tablist ul li a {
        font-size: 20px;
        height: 50px;
        line-height: 50px;
        width: 180px;
    }

    .framing-thumb h4 {
        color: #BE302B;
        font-size: 32px;
        font-weight: 500;
    }

    .owl-item {
        padding: 0 5px;
    }

    .carousel-inner .carousel-item .carousel-caption {
        font-size: 15px;
        width: 300px;
        display: block !important;
        right: unset;
        left: 0;
        padding: 10px 0 10px 20px;
        text-align: unset;
    }

    .carousel-item .carousel-caption h5.carousel-caption-title {
        font-size: 28px;
    }
}

.copyright-text {
    font-size: 14px;
    opacity: 0.8;
}


.nav-link:hover {
    background-color: #CFD4D6;
}


/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {

    .footer-desktop {
        display: none;
    }

    .footer-mobile {
        display: block;
    }

        .footer-mobile .btn.btn-tertiary {
            padding: 5px 10px;
        }

    .carousel-inner .carousel-item .carousel-caption {
        font-size: 15px;
        width: 200px;
        display: block !important;
        right: unset;
        left: 0;
        padding: 10px 0;
        text-align: unset;
    }

        .carousel-inner .carousel-item .carousel-caption h5.carousel-caption-title {
            font-size: 15px;
            margin-bottom: 0;
            margin-left: 10px;
        }

    .footer-mobile .col-sm-6 {
        width: 50%;
    }

    .footer-mobile .copyright-text {
        padding: 7px 0;
        margin: 0;
    }

    .footer-mobile .privacy-choices {
        text-decoration: none;
        color: #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .top-icons {
        align-self: end;
        margin-right: 8px;
    }

    .menu-bar .top-icons .top-icons-item .top-icons-icon {
        width: 33px;
        height: 33px;
        margin-bottom: 3px;
        margin-top: 10px;
    }

    .menu-bar .top-icons .top-icons-item .top-icons-title {
        font-size: 10px;
        margin-bottom: 5px;
        margin-top: 3px;
        font-family: futura-pt, sans-serif;
        font-style: normal;
        font-weight: 400;
        white-space: nowrap;
    }

    .navbar-dark .navbar-brand {
        font-size: 15px;
        text-transform: uppercase;
        margin-right: 0px;
    }

    .navbar-dark .navbar-toggler-icon {
        background-image: url('../images/burger-menu-icon.png');
        height: 20px;
    }

    .menu-bar .menu-bar-center .menu-bar-logo {
        height: 118px;
        width: auto;
        top: 0;
        justify-self: end;
    }

    .menu-bar .menu-bar-right {
        margin: 0;
        justify-content: flex-start;
    }

    .menu-bar-grid-row-1 {
        height: 80px;
    }

    .menu-bar {
        min-height: inherit;
        padding: 0 0 0 0;
        border-top: 0px;
        border-bottom: 0px;
    }

    .map-images img:first-child {
        width: 50px;
        top: -5px !important;
    }

    .map-images:hover img:first-child {
        top: 10px !important;
    }

    .map-images img:last-child {
        width: 100px;
    }


    .person-images {
        margin: auto;
        width: 240px;
    }

        .person-images img {
            width: 70px;
        }

        .person-images:hover img:last-child {
            right: 40px;
            transition: all 0.2s linear;
        }

        .person-images:hover img:first-child {
            left: 40px;
            transition: all 0.2s linear;
        }

        .person-images img:first-child {
            left: 40px;
            transition: all 0.2s linear;
        }

        .person-images img:nth-child(2) {
            top: 10px;
            z-index: 999;
            left: 95px;
        }

        .person-images img:last-child {
            right: 20px;
            transition: all 0.2s linear;
        }

        .person-images:hover img:last-child {
            right: 10px;
        }

        .person-images:hover img:first-child {
            left: 30px;
        }


    .first-item-img {
        width: 140px;
        right: 0;
    }

    
    .top-bar {
        display: none;
    }


        .top-bar .top-bar-left p, .top-bar .top-bar-left p a {
            font-size: 16px;
            font-family: futura-pt, sans-serif;
            font-style: normal;
            font-weight: 400;
            line-height: 20px;
        }


    .menu-bar {
        height: 124px;
    }

        .menu-bar .menu-bar-right hr {
            width: 100%;
            height: 2px;
            padding: 0px;
            margin: 0px 25px 0px 0px;
            align-self: end;
        }


    footer {
        background: var(--color-red);
        padding: 50px 0px 0px;
    }

    .navbar-expand-sm .navbar-toggler {
        display: inline-block;
        border: 0;
        color: #fff;
    }

    .navbar-toggler-icon {
        fill: #fff;
    }

    .hero-banner-cta {
        min-height: inherit;
        padding: 5px 0;
    }

    .btn.btn-primary {
        font-size: 15px;
        padding: 9px 25px;
        white-space: nowrap;
    }

    .hero-banner-cta-button .btn.btn-primary {
        padding: 9px 15px;
    }

    .hero-banner-cta .hero-banner-cta-content {
        font-size: 15px;
    }

    .hero-banner-cta .hero-banner-cta-button {
        justify-content: flex-end;
    }

    .hero-banner-cta-button .btn-primary {
        font-size: 12px;
    }

    .hero-banner .carousel-inner .carousel-item > img {
        height: 200px;
        object-fit: cover;
    }

    .section-2 .section-2-right .carousel-inner .carousel-item img {
        height: 320px;
        object-fit: cover;
    }

    div#carouselId {
        margin-top: 40px;
    }

    .list-group {
        margin-bottom: 25px;
    }

    .form-group {
        margin-bottom: 1rem;
        width: 100%;
    }

    .form-control {
        margin-right: 15px;
        margin-bottom: 15px;
    }

    footer .social-connect .social-icons .social-icons-item .fab {
        font-size: 32px;
    }

    footer .social-connect .social-icons .social-icons-item {
        margin-right: 35px;
    }

    footer h5 {
        margin-bottom: 15px;
    }

    footer h5 {
        font-size: 18px;
    }

    .event-area .container {
        padding: 0 15px;
    }

    .page-banner-text h2 {
        font-size: 50px;
    }

    .page-banner-area {
        height: 280px;
    }

    .even-title p {
        font-size: 18px;
    }

    .event-taglist ul li a {
        padding: 10px 13px;
        font-size: 14px;
        width: 100%;
        margin: 0;
        text-align: center;
    }

    .event-taglist ul li {
        display: inline-block;
        margin-right: 0;
        width: 50%;
        float: left;
        padding: 5px;
    }

    .event-view img {
        width: 80%;
    }

    .event-view {
        margin-bottom: 20px;
    }

    .upcoming-event {
        padding: 0 0;
    }

    .single-event-item {
        padding: 25px 0 5px 0;
    }

    .event-content p, .event-content ul li {
        font-size: 16px;
        letter-spacing: 0;
    }

    .ganahl-table-box .table thead th:first-child {
        padding-left: 12px;
    }

    .ganahl-table-box .table tbody th:first-child {
        padding-left: 12px;
    }


    .ganahl-table-box .table thead tr {
        font-size: 11px;
    }

    .ganahl-table-box .table tbody td:first-child, .ganahl-table-box .table thead th:first-child {
        padding-left: 4px;
    }

    .ganahl-table-box .table tbody td:last-child, .ganahl-table-box .table thead th:last-child {
        padding-right: 0px;
    }

    .ganahl-table-box .table thead tr th, .ganahl-table-box .table tbody tr td {
        min-width: 14px;
    }

    .ganahl-table-box .table tbody tr {
        color: #000000;
        font-size: 12px;
    }

    .table td, .table th {
        padding: 10px 0px;
    }

    span.dot {
        width: 6px;
        height: 6px;
    }

    .framing-area .container {
        padding: 0 15px;
    }

    .ganahl-tablist ul li a {
        font-size: 20px;
        height: 50px;
        line-height: 50px;
        padding: 0;
        width: 160px;
    }

    .ganahl-bx img {
        width: 100%;
    }

    .ganahl-bx {
        margin: 15px 0;
    }

    .table {
        width: 100%;
    }

    .page-banner-text h4 {
        font-size: 20px;
        font-weight: 600;
    }

    .page-banner-text h2 {
        font-size: 36px;
    }

    .framing-text h4 {
        font-size: 20px;
        line-height: 30px;
    }

    .framing-text p {
        font-size: 17px;
        letter-spacing: 0;
    }

    .framing-thumb h4 {
        font-size: 32px;
    }

    .ganahl-bottom-text p {
        font-size: 18px;
        letter-spacing: 0;
    }

    .ganahl_table_tow .table {
        width: 500px !important;
    }

    .owl-item {
        padding: 0 5px;
    }

    /* transition: font-size 0.5s ease-in-out; */
    .cta h5 {
        font-size: 36px;
        margin-bottom: 0px;
    }
}

@media (min-width: 568px) and (max-width: 767px) {
    .event-taglist ul li a {
        padding: 10px 13px;
        font-size: 14px;
        width: 100%;
        margin: 0;
        text-align: center;
    }

    .event-taglist ul li {
        display: inline-block;
        margin-right: 0;
        width: 33.33%;
        float: left;
        padding: 5px;
    }

    .page-banner-text h4 {
        font-size: 24px;
        font-weight: 600;
    }
}

@media (max-width: 375px) {
    .cta h5 {
        font-size: 28px;
        margin-bottom: 0px;
    }
}

.flexbox-column {
    display: flex;
    flex-direction: column;
}

.footer-mobile .social-connect .mb-2 {
    text-align: center;
    line-height: 1.3;
    font-size: 14px;
}

.footer-mobile .social-connect .social-icons .social-icons-item {
    margin-right: 0;
    text-align: center;
}

.footer-mobile .social-connect .social-icons {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

    .footer-mobile .social-connect .social-icons .social-icons-item .fab {
        font-size: 20px;
    }

.footer-mobile .flexbox-column {
    font-size: 12px;
}

    .footer-mobile .flexbox-column a {
        color: #fff;
    }

.footer-mobile .btn-tertiary {
    white-space: nowrap;
    font-size: 12px;
}

.newsletter-title {
    color: #fff;
    font-size: 13px;
}

.footer-newsletter-form {
    display: flex;
    align-items: center;
    flex-direction: row;
}

    .footer-newsletter-form form {
        display: flex;
        align-items: center;
        flex-direction: row;
        width: 100%;
    }

    .footer-newsletter-form svg {
        height: 30px;
        width: auto;
        fill: #fff;
        margin-right: 20px;
    }

.footer-mobile .form-control {
    margin: 0;
    margin-right: 15px;
    height: 100%;
}


@media (max-width: 577px) {
    #carouselExampleControlsMobile .col-sm-4 {
        width: 33%;
    }

    #carouselExampleControlsMobile .carousel-inner {
        padding: 0;
    }

    .carousel-control-prev img,
    .carousel-control-next img {
        height: 30px;
    }

    .menu-bar .menu-bar-right hr {
        width: 94%;
    }
}

@media (min-width: 1440px) {

    .cta:hover h5 {
        animation: slideInUp; /* referring directly to the animation's @keyframe declaration */
        animation-duration: 0.5s;
        font-size: 36px;
        transition: font-size 0.5s ease-in-out;
        margin-bottom: -10px;
    }

    .menu-bar .menu-bar-left .form-inline .form-control {
        min-height: 40px;
        min-width: 200px;
    }

    .menu-bar .top-icons .top-icons-item .top-icons-title {
        font-size: 14px;
    }

    .menu-bar .menu-bar-left .menu-bar-nav .nav-item .nav-link, .menu-bar .menu-bar-right .menu-bar-nav .nav-item .nav-link {
        font-size: 23px;
    }

    .menu-bar-grid-row-1 {
        height: 71px;
    }

    .nav-link {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}