/* =========================================================
           SSR PRODUCT MENU
        ========================================================= */

        .ssr-product-menu {

            position: fixed;

            top: -100px;

            left: 0;

            width: 100%;

            height: 82px;

            background: #ffffff;

            z-index: 99999;

            box-shadow:
                0 3px 15px rgba(0, 0, 0, .15);

            opacity: 0;

            visibility: hidden;

            transform: translateY(-100%);

            transition:
                transform .30s ease,
                opacity .30s ease,
                visibility .30s ease;
        }


        /* =========================================================
           SHOW MENU ON SCROLL
        ========================================================= */

        .ssr-product-menu.ssr-menu-fixed {

            top: 0;

            opacity: 1;

            visibility: visible;

            transform: translateY(0);
        }


        /* =========================================================
           CONTAINER
        ========================================================= */

        .ssr-product-menu .container-fluid {

            width: 100%;

            padding-left: 20px;

            padding-right: 20px;
        }


        /* =========================================================
           MENU LIST
        ========================================================= */

        .ssr-menu-list {

            display: flex;

            align-items: stretch;

            justify-content: center;

            height: 82px;

            margin: 0;

            padding: 0;

            list-style: none;

            overflow-x: auto;

            overflow-y: hidden;

            scrollbar-width: none;
        }


        .ssr-menu-list::-webkit-scrollbar {
            display: none;
        }


        /* =========================================================
           LOGO
        ========================================================= */

        .ssr-scroll-logo {

            display: flex;

            align-items: center;

            justify-content: center;

            width: 150px;

            min-width: 150px;

            height: 82px;

            margin-right: 10px;

            padding: 8px 10px;

            flex-shrink: 0;
        }


        .ssr-scroll-logo img {

            display: block;

            width: 135px;

            max-width: 100%;

            height: auto;

            object-fit: contain;
        }


        /* =========================================================
           MENU ITEM
        ========================================================= */

        .ssr-menu-item {

            position: relative;

            flex: 0 0 auto;

            height: 82px;
        }


        /* =========================================================
           MENU LINK
        ========================================================= */

        .ssr-menu-link {

            position: relative;

            min-width: 82px;

            height: 82px;

            padding:
                8px 10px 7px;

            display: flex;

            flex-direction: column;

            align-items: center;

            justify-content: center;

            color: #444;

            background: #fff;

            border-bottom:
                3px solid transparent;

            transition:
                color .2s ease,
                background .2s ease,
                border-color .2s ease;

            text-decoration: none;
        }


        .ssr-menu-link:hover {

            color: #008cff;

            background: #f7fbff;
        }


        /* =========================================================
           ACTIVE LINK
        ========================================================= */

        .ssr-menu-link.active {

            color: #008cff;

            background: #f8fcff;

            border-bottom-color: #008cff;
        }


        /* =========================================================
           ICON WRAPPER
        ========================================================= */

        .ssr-icon-wrap {

            width: 36px;

            height: 32px;

            display: flex;

            align-items: center;

            justify-content: center;

            overflow: hidden;

            margin-bottom: 4px;

            flex-shrink: 0;
        }


        /* =========================================================
           SPRITE
           
           Your sprite:
           B2CHeaderSprite_2.png
        ========================================================= */

        .ssr-sprite {

            display: inline-block;

            width: 31px;

            height: 27px;

            background-image:
                url("https://www.ssranatour.com/public/uploads/B2CHeaderSprite_2.png");

            background-repeat: no-repeat;

            background-size:
                155px 269px;

            flex-shrink: 0;
        }


        /* =========================================================
           FLIGHTS
        ========================================================= */

        .ssr-flight-icon {
            background-position: 0 0;
        }

        .ssr-flight-icon.active {
            background-position: 0 -27px;
        }


        /* =========================================================
           HOTELS
        ========================================================= */

        .ssr-hotel-icon {
            background-position: -31px 0;
        }

        .ssr-hotel-icon.active {
            background-position: -31px -27px;
        }


        /* =========================================================
           HOMESTAYS
        ========================================================= */

        .ssr-homestay-icon {
            background-position: -62px 0;
        }

        .ssr-homestay-icon.active {
            background-position: -62px -27px;
        }


        /* =========================================================
           TRAINS
        ========================================================= */

        .ssr-train-icon {
            background-position: -93px 0;
        }

        .ssr-train-icon.active {
            background-position: -93px -27px;
        }


        /* =========================================================
           BUSES
        ========================================================= */

        .ssr-bus-icon {
            background-position: -124px 0;
        }

        .ssr-bus-icon.active {
            background-position: -124px -27px;
        }


        /* =========================================================
           CABS
        ========================================================= */

        .ssr-cab-icon {
         background-position: 3px -44px;
        }

        .ssr-cab-icon.active {
                background-position: 3px -70px;
        }


        /* =========================================================
           HOLIDAYS
        ========================================================= */

        .ssr-holiday-icon {
            /*
            background-position: -31px -54px;
            */
            background-position: -62px 0;
        }

        .ssr-holiday-icon.active {
            /*
            background-position: -31px -81px;
            */
                background-position: -62px -22px;
        }


        /* =========================================================
           TOURS
        ========================================================= */

        .ssr-tour-icon {
            background-position: -62px -108px;
        }

        .ssr-tour-icon.active {
            background-position: -62px -135px;
        }


        /* =========================================================
           VISA
        ========================================================= */

        .ssr-visa-icon {
               background-position: -62px 0;
        }

        .ssr-visa-icon.active {
               background-position: -62px -22px;
        }


        /* =========================================================
           CRUISE
        ========================================================= */

     .ssr-cruise-icon {
    background-position: 0px -236px;
}

        .ssr-cruise-icon.active {
           background-position: -34px -240px;
        }


        /* =========================================================
           FOREX
        ========================================================= */

      .ssr-forex-icon {
    background-position: 3px -44px;
}

.ssr-forex-icon.active {
    background-position: 3px -70px;
}


        /* =========================================================
           INSURANCE
        ========================================================= */

        .ssr-insurance-icon {
            background-position: -93px -108px;
        }

        .ssr-insurance-icon.active {
            background-position: -93px -135px;
        }


        /* =========================================================
           MENU TEXT
        ========================================================= */

        .ssr-menu-text {

            display: block;

            font-size: 10px;

            font-weight: 700;

            line-height: 14px;

            text-align: center;

            white-space: nowrap;
        }


        /* =========================================================
           NEW BADGE
        ========================================================= */

        .ssr-cruise-item .ssr-new-badge {

            position: absolute;

            top: 3px;

            right: 3px;

            z-index: 5;

            padding:
                2px 5px;

            border-radius: 4px;

            background: #ff5a36;

            color: #fff;

            font-size: 7px;

            font-weight: 800;

            line-height: 10px;
        }


        /* =========================================================
           DESKTOP ONLY
           
           Entire menu is hidden on mobile/tablet.
        ========================================================= */

        @media (max-width: 767px) {

            .ssr-product-menu {

                display: none !important;
            }

        }


        /* =========================================================
           LAPTOP / DESKTOP
        ========================================================= */

        @media (min-width: 768px) {

            .ssr-product-menu {

                display: block;
            }

        }


        /* =========================================================
           MEDIUM DESKTOP
        ========================================================= */

        @media (min-width: 768px) and (max-width: 1100px) {

            .ssr-scroll-logo {

                width: 120px;

                min-width: 120px;
            }


            .ssr-scroll-logo img {

                width: 110px;
            }


            .ssr-menu-link {

                min-width: 72px;

                padding-left: 7px;

                padding-right: 7px;
            }


            .ssr-menu-text {

                font-size: 9px;
            }

        }


        /* =========================================================
           LARGE DESKTOP
        ========================================================= */

        @media (min-width: 1400px) {

            .ssr-menu-link {

                min-width: 90px;
            }


            .ssr-scroll-logo {

                width: 165px;

                min-width: 165px;
            }


            .ssr-scroll-logo img {

                width: 145px;
            }

        }