.top-menu {
    background-color: #22b7e3;
    width: 100%;
    top: 0;
    z-index: 9999;
    height: 44px;
}

.mainMenu {
    width: 100%;
    z-index: 9999;
    top: 44px;
}

.menu{
 display: block;
 margin: 10px auto;
 }

.main-menu{
    display: inline;
    padding-left: 0;
}

.mainMenu .menu-section{
    width: 82%;
    padding-left: 0px; /* SP - 19/07/2023 - Added to align menu left */
}

.main-menu-list{
    display: inline-block;
    font-family: metropolis-regular;
    font-weight: bold;
    color: #636363;
    width: auto;
    height: auto;
    max-height: 600px;
    padding-right: 14px;
    margin-right: 2px;
    padding: 12px 5px !important;
    font-size: 14px !important;
} 

.main-menu-list li{
    font-size: 14px !important;
}
.main-menu-list a{
    font-weight: 400;
    cursor: pointer;
    text-decoration: none;
    color: #636363 !important; /* SP - 20250122 - added important for trave tips page menu. */
    vertical-align: middle;
}

/*.main-menu-list a:hover{
    color: #393939;
}
*/

.active-menu {
    border-bottom: 2px solid #22b7e3;
}

.main-menu-list a:after{
    float: right;
    content: "\f0d7";
    font-family: "FontAwesome";
    color: #13b6d5;
    padding-left: 4px;
    font-size: 14px;
    /*padding-top: 4px;*/
}

.nochild-top a:after{
    content: none !important;
}

.hot-deals-menu-list li, .destination-packages li, .special-featured-packages li, .wedding-menu li, .travel-blog-menu li, .guides-menu li, .destinations-menu li, .featured-packages-menu-list li{
    list-style: none;
}

.packages-by-destinations, .special-packages {
    display: inline-block;
    font-family: metropolis-regular;
    font-weight: bold;
    font-size: 14px;
}

/*
Start
20230701
Sushma B
CODE ADDED BY SUSHMA
*/
.page-content{
    clear: both;
}

.main-menu-list ul{
    margin-top: 8px;
    top: auto;
    position: absolute;
    z-index: 9999;
    max-height: 600px;
    min-width: 50%;
    background-color: #ffffff;
    display: none;
    padding: 8px;
}
/*
.main-menu-list::active{
    text-decoration: underline;
}
*/
.main-menu-list .parent-menu .submenu-left, .main-menu-list .parent-menu .submenu-right{
    width: 50%;
    display: inline-block;
    position: relative;
    padding: 0px;
    list-style: none;
}

ul.parent-menu.special-packages-list ul.submenu-right{
    padding-left: 20px;
}

.parent-menu .submenu-left{
    float: left;
}

.parent-menu .submenu-right{
    float: right;
}

.parent-menu .submenu-left li, .parent-menu .submenu-right li{
    padding: 2px 6px !important;
    margin-bottom: 4px;
}

.parent-menu li{
    padding: 0px !important;
}

.main-menu-list .parent-menu .submenu-left a, .main-menu-list .parent-menu .submenu-right a{
    height: 56px;   
}

.main-menu-list .parent-menu .submenu-left a:hover, .main-menu-list .parent-menu .submenu-right a:hover{
    color: #f2983b;
}

ul.destinations-menu{
    margin-top: 22px;
    left: -18%;
    width: 122%
}

.destinations-menu li{
    width: 13%; /* 16%; SP - 20250102 - changed to align as added Bali and Norfolk. */
    height: auto;
    display: inline-block;
    padding: 0px !important;
    margin-bottom: 0px;
    margin-right: 3px;
}
.destinations-menu a{
    width: 102%;
    display: block;
}
.destinations-menu span{
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    position: absolute;
    background-color: rgba(0,0,0,.5);
    width: 13%; /* 16%; SP - 20250102 - Changed for alignment as adde Bali and Norfolk in it. */
    height: 50px;
    font-size: 16px; /* 18px; SP - 20250102 - Changed for alignment as adde Bali and Norfolk in it. */
    padding: 0px 8px;
    margin: 0% 0%;
    border-radius: 8px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.1;
    text-align: center;
    font-weight: 700;
}

.destinations-menu img{
    position: relative;
    margin-bottom: -2px!important;
    z-index: -1;
    border-radius: 8px;
    display: block;
    max-width: 100%;
    transition: opacity 1s ease;
    opacity: 1;
    width: 100%;
    height: auto;
    margin-top: 0px;
}

.destinations-menu ul{
    margin-top: 18px;
}

/*.menu a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}
*/
/*.menu a:hover {
  color: #f2983b;
}
*/
/*.menu li:hover {
    background-color: #13b6d5;
}*/

.menu .icon {
  display: none;
}

.destinations-menu a:after, .parent-menu a:after{
    display: none;
}

ul.parent-menu.special-packages-list{
    list-style: none;
}

ul.destination-packages.packages-by-destinations{
    width: 100%;
}
ul.parent-menu.featured-packages-menu-list{
    left: 160px;
}
ul.parent-menu.hot-deals-menu-list{
    left: 0px;
}


ul.destination-packages.packages-by-destinations{
    left: 0px;
}

/*
Start
SP
19/07/2023
Added to highlight menu.
*/
ul.parent-menu, ul.destination-packages.packages-by-destinations, ul.destinations-menu{
    box-shadow: 0px 8px 8px 0px #5f5f5f;
}

/*END*/

@media screen and (min-width: 992px) {
.mainMenu .container{
    width: 1000px;
}
ul.guides-menu.parent-menu, ul.travel-blog-menu.parent-menu, ul.wedding-menu.parent-menu {
    right: 76px;
}
ul.destination-packages.submenu-left.packages-by-destinations, ul.parent-menu.featured-packages-menu-list{
    padding-left: 20px;
}

ul.destination-packages.packages-by-destinations{
    width: 100%;
}

ul.parent-menu.special-packages-list{
    width: 60%;
    list-style: none;
    right: 20px;
}

ul.parent-menu{
    top: 60px;
}
}


@media screen and (min-width: 992px) and (max-width: 1027px) {
.col-md-9.col-sm-9.col-xs-12.menu-section .modal-blue-btn{
    right: 0px;
}
.col-md-2.col-sm-3.col-xs-3.logo-section {
    padding: 0px 10px;
    width: 13%;
}

ul.destinations-menu {
    left: -14%; /* -12%; SP - 19/07/2023 - Aligned destination menu. */
    width: 116%; /* 112%; SP - 19/07/2023 - Aligned destination menu. */
}



}


@media screen and (max-width: 991px) {
.main-menu-list{
    display: none;
    list-style: none;
    font-size: 16px !important;
    width: 46%;
    float: left;
    margin-right: 0px;
    padding: 10px 10px !important;
}

.menu a.icon {
    float: right;
    display: block;
}

.menu.responsive {
    position: relative;
}

.menu.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
}

.menu.responsive a {
    float: none;
    display: block;
    text-align: left;
}

.menu i.fa.fa-bars{
    font-size: 30px;
    color: #25a9df;
}

.main-menu{
    display: inline-block;
    width: 100%;
    height: auto;
    margin-top: 64px;
    float: right;
    position: absolute;
    z-index: 9999;
    right: 0px;
    background-color: #f1f1f1 !important;

}

.menu a.icon{
    display: inline-block;
    padding: 14px;
    position: absolute;
    right: 8px;
    top: 10px;
}

.main-menu-list img {
    width: 100%;
    height: auto;
}

.destinations-menu span{
    font-size: 14px;
   	width: 23%;
}

ul.destinations-menu{
    max-height: 256px;
    overflow: scroll;
    right: 0px;
    width: 100%;
    left: 0px;
    margin-top: 0px;
}
.main-menu-list li{
    font-size: 14px !important;
}

.destinations-menu li{
    width: 23%;
    margin-right: 1%;
}

.destinations-menu a {
    width: 101%;
}

ul.featured-packages-menu-list{
    padding: 0px;
    margin-top: 0px;
}

.col-md-2.col-sm-3.col-xs-3.logo-section{
    width: 18%;
}

.col-md-9.col-sm-9.col-xs-12.menu-section{
    right: 10px;
}

.main-menu-list ul{
    width: 100%;
    right: 0;
}

ul.parent-menu.featured-packages-menu-list{
    left: 0px;
}

}

@media screen and (min-width: 767px) and (max-width: 991px) {
ul.travel-blog-menu.parent-menu, ul.parent-menu.special-packages-list{
        min-width: 44%;
}

}

@media screen and (max-width: 767px) {
.menu i.fa.fa-bars {
    font-size: 34px;
}

.menu a.icon{
    padding-left: 0px !important;
}

ul.destinations-menu{
    padding-bottom: 0px;
}

.menu a.icon{
    top: 8px;
}

.main-menu{
    right: 20px;
}

.destinations-menu span{
    width: 23%;
}

}

@media screen and (max-width: 560px){
.main-menu{
    width: 80%;
    padding-left: 10px;
}    

.main-menu-list{
    width: 96%;
    padding: 8px 40px !important;
}

.main-menu-list a:after {
	font-size: 18px;
    padding-top: 0px;
}

.destinations-menu li{
	    width: 31%;
	    font-size: 24px;
}

.destinations-menu span{
	height: 50px;
    font-size: 13px;
    width: 29%;
}

ul.parent-menu{
    width: 100%;
}

.main-menu-list ul {
    overflow: scroll;
    position: absolute;
    max-height: 220px;
    padding-left: 20px;
    margin-top: 6px;
}

::-webkit-scrollbar {
  width: 2px;
}

.main-menu-list .parent-menu .submenu-left, .main-menu-list .parent-menu .submenu-right{
    width: 100%;
    display: block;
    overflow: auto;
}

.col-md-9.col-sm-9.col-xs-12.menu-section{
    right: 28px;
    width: 100%;
}

ul.parent-menu.featured-packages-menu-list{
    min-height: 220px;
    overflow: inherit;
}

ul.parent-menu.special-packages-list ul.submenu-right{
    padding-left: 0px;
}

ul.parent-menu.special-packages-list .submenu-left::-webkit-scrollbar, ul.parent-menu.special-packages-list .submenu-right::-webkit-scrollbar{
    display: none; 
}

ul.destination-packages.packages-by-destinations{
    left: 0px;
}

}


@media screen and (max-width: 480px){
.destinations-menu li{
    width: 48%;
}

.destinations-menu span{
    font-size: 12px !important;
    padding: 2%;
    width: 44%;
}

ul.destinations-menu{
    max-height: 200px;
}

.parent-menu li{
    width: 100% !important;
}

button#search-home{
    top: 10px;
}

}


@media screen and (max-width: 360px){
.destinations-menu li{
    width: 47%;
}

.destinations-menu span{
    width: 42%;
}

}