/*
Start
SP
03/10/2023
Added global variable for color code in white label.
*/
:root {
/*  --brown: #472c05;
  --red: #e24133; 
  --yellow: #fedd36;*/
  --font: 'metropolis-bold';
  --black: #292b33;
  --menutextcolor: #ffffff;
}

/* END 03/10/2023 */



 /*  Map 
==================================================*/
 .wrap {
     height: 150px;
     overflow-y: scroll;
     padding-bottom: 10px;
 }

 /* #map-section{margin-top: -1px; min-height: 697px; clear: both;} */
 .map-container .title {
     margin-top: 15px;
     padding: 0px;
     width: 98%;
 }

 .map-container .title .loc_name {
     font-size: 12px;
     color: #ffffff;
     border: 1px solid #ffffff;
     border-radius: 20px;
     padding: 5px 7px 6px;
     min-width: 100px;
     margin: 0 8px 17px;
     /* float: left; */
     display: inline-block;
     font-family: 'metropolis-bold';
     text-decoration: none;
 }

 .map-container .title .loc_name:hover {
     background: #fff;
     color: #0c6207; /* #25a9df; SP - 20240603 - Changed color theme. */
 }

 .map-container .title {
     position: absolute;
     z-index: 1;
     letter-spacing: 0;
 }

 /* .map-section li { display: inline; list-style: none; border: 1px solid; padding: 5px 21px; border-radius: 14px; margin: 7px 5px;  float: left;}*/
 .map-section #image-map-pro-148 div.imp-shape-text:hover,
 .map-section #image-map-pro-8834 div.imp-shape-text:hover,
 .map-section #image-map-pro-3911 div.imp-shape-text:hover,
 .hovered {
     color: #e24133 !important;
     cursor: pointer;
 }

 .map-section .imp-initialized div.imp-shape-text:hover,
 .map-section #image-map-pro-3911 div.imp-shape-text:hover,
 .hovered {
     color: #25a9df !important;
     cursor: pointer;
 }

 .imp-initialized {
     width: 100%;
     overflow-x: hidden;
 }

 /*scroll; Surekha - 26/09/2019 - changed as scrollbar is visible in edge browser. */
 div.imp-initialized::-webkit-scrollbar-thumb {
     border-radius: 0px;
     background: #e24133;
     box-shadow: 0 0 1px rgba(255, 255, 255, .5);
 }

 div.imp-initialized::-webkit-scrollbar {
     -webkit-appearance: none;
     width: 5px;
     height: 7px;
 }

 .hide-mobile {
     display: block;
 }
/*
Start
SP
20240520
Commented to display banner image on desktop.
 .show-mobile {
     display: none;
 }
*/
/* END  */

 /* background: url(/wp-content/themes/hideawayholidays/frontend/images/Map-Mobile-South-Pacific.jpg)no-repeat; */

 .info {
     margin: 30px 0px;
 }

 /*Surekha  - 22/10/2019 - changed margin: 80px 0;*/
 /*  Start
      SP
      17/11/2021
      Changed h5 to h3 to reduce the issues in lighthouse.
    .info h5
    */
 .info h2 {
     font-size: 17px;
     color: #3e3e3e;
     font-weight: 700;
     text-align: center;
 }

 /* Surekha - 22/10/2019 - added text-align: center; */
 .info .text-center:nth-child(2) {
     border-right: 1px solid #ddd;
     border-left: 1px solid #ddd;
     min-height: 360px;
 }

 /* shafi - 21/11/2019 - added min-height: 250px;*/
 .info .text-center:last-child {
     border-right: 0;
 }

 .info .text-center p {
     padding: 0 10px;
     text-align: justify;
 }

 /*Surekha - 22/10/2019 - added text-align: justify; changed padding: 0 20px;*/

 /*for mobile only*/
 .info-xs {
     margin: 0px 0px 20px 0px;
 }

 /*Surekha - 22/10/2019 - changed margin: 50px 0; }*/

 /*  Start
      SP
      17/11/2021
      Changed h5 to h3 to reduce the issues in lighthouse.
    .info-xs h5
    */
 .info-xs h2 {
     font-size: 17px;
     color: #3e3e3e;
     font-weight: 700;
     text-align: center;
 }

 /*Surekha - 22/10/2019 - added text-align: center; */
 .info-xs p {
     padding: 0px 10px;
     text-align: justify;
 }

 /*Surekha - 22/10/2019 - changed padding: 0px 20px; added text-align:justify; */

 .why-us-xs .title {
     /* PC 20240522
	 text-transform: uppercase; */
 }

 .why-us-xs .title h3 {
     margin-top: 100px;
 }

 .why-us-xs .title h1 {
     margin-top: 35px;
 }

 .section-title h2 {
     color: #0C6207;
     font-size: 56px;
     font-family: 'metropolis-bold';
     text-transform: capitalize;
     margin: 0 0 0 85px;
     text-align: center;
 }

 /*Surekha - 18/12/2019 - added text-align: center; and changed font-size: 60px; */
 .section-title h3 {
     color: #0C6207;
     font-size: 60px;
     font-family: 'metropolis-bold';
     text-transform: capitalize;
     margin: 0 0 0 85px;
 }

 #homePage .search-destination {
     padding: 22px 25px 6px 25px;
     background: #f2f2f2;
     margin-top: -55px;
 }

 #homePage {
     clear: both;
 }

 /*overflow: hidden; Surekha - 21/01/2020 -  commented as page is scrolling horizontaly. */

 .searchDestination-xs .selectboxit-options {
     margin-left: 15px;
     width: 90%;
 }

 .searchDestination-xs .selectboxit {
     color: #fff !important;
     background: transparent !important;
 }

 /* hot-deals 
==================================================*/
 .hot-deals-xs .row {
     width: 100%;
     margin: 0 !important;
 }

 .hot-deals .nav>li>a {
     padding: 0;
     border: 0;
 }

 .hot-deals .nav-tabs>li.active>a {
     border: 0;
 }

 .hot-deals .nav-tabs>li {
     width: 100%;
     height: 82px;
 }

 .hot-deals .nav-tabs>li:first-child {
     border-top: 1px solid #e9e9e9;
 }

 .hot-deals .left-section {
     padding: 5px;
     width: 100%;
 }

 .hot-deals .left-section {
     /*margin-top: 30px;*/
 }

 /*Surekha - 18/10/2019 - added space below the hot deals header in home page. */
 .hot-deals .left-section ul {
     padding-left: 0;
     border-bottom: 1px solid #e9e9e9;
 }

 .hot-deals .left-section ul>li {
     list-style: none;
     cursor: pointer;
     border: 1px solid rgb(0 0 0 / 20%);
     display: inline;
     width: 30%;
     margin: 12px;
     /*background-color: #fff;*/
 }

 /*.hot-deals .left-section ul > li:hover{left: 3%; overflow: visible; z-index: 1;
  -webkit-transition: 0.4s ease; -moz-transition:  0.4s ease; transition:  0.4s ease;
  }*/
 .hot-deals .left-section h4 {
     color: #636363;
     font-size: 30px;
     font-family: 'metropolis-bold';
     margin: 18px 0;
 }

 .hot-deals .left-section h4:hover {
     color: #e24133;
 }

 .hot-deals .left-section h2,
 .hot-deals .left-section h3 {
     color: #636363;
     font-size: 30px;
     font-family: 'metropolis-bold';
     margin: 0px 0;
     position: relative;
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
 }

 .hot-deals .left-section h2:hover {
     color: #e24133;
 }

 .hot-deals .left-section h3:hover {
     color: #e24133;
 }

 .hot-deals .left-section .img {
     padding-left: 0;
 }

 .hot-deals .left-section .img img {
     width: 100%;
     height: 82px;
 }

 .hot-deals .left-section .destination {
     /* border-bottom: 1px solid #e9e9e9; */
     padding-left: 20px;
     padding-left: 7px;
     height: 80px;
 }

 .hot-deals .left-section h2.active {
     color: #e24133;
 }

 .hot-deals .left-section ul>li.active h2 {
     color: #e24133;
 }

 .hot-deals .left-section h3.active {
     color: #e24133;
 }

 /*Surekha - 27/03/2020 - added .hot-deals .left-section ul > li.active p */
 .hot-deals .left-section ul>li.active h3,
 .hot-deals .left-section ul>li.active p {
     color: #e24133;
 }

 /*.hot-deals .left-section ul > li.active {
  left: 0px;
  z-index: 99;
  background: #fff;
  margin-top: 0px;
  -webkit-transition: left 1s;
  -moz-transition: left 1s;
  transition: left 1s;
  box-shadow: 0px 0px 20px 0px #000000;
}
*/
 .hot-deals .left-section .discount {
     /*border-bottom: 1px solid #e9e9e9;*/
     padding-right: 0;
     margin-top: 10px;
 }

 .hot-deals .left-section .discount:before {
     border-left: 1px solid #e3dede;
     content: '';
     position: absolute;
     left: 0;
     top: 6px;
     height: 50px;
 }

 /*shafi - 21/11/2019 - changed top: 10px; height */
 .hot-deals .left-section .discount span {
     font-size: 16px;
     font-family: 'metropolis-bold';
     color: #636363;
 }

 .hot-deals .left-section .discount p {
     font-size: 30px;
     font-family: 'metropolis-bold';
     margin-bottom: 5px;
     color: #ef6851;
 }

 .hot-deals .left-section .discount em {
     font-size: 16px;
     font-family: 'metropolis-bold';
     color: #636363;
     font-style: normal;
     text-transform: capitalize;
 }

 /*Surekha - 27/03/2020 - changed h3 to p tag.
  .hot-deals .left-section .discount h3 */
 .hot-deals .left-section .discount p {
     font-size: 30px;
     font-family: 'metropolis-bold';
     color: #ef6851;
     margin: 0 0 5px 0;
     padding-left: 0px;
 }

 /*Surekha - 17/03/2020 - added padding-left: 0px;*/
 .hot-deals .left-section .discount .wrapping {
     /*Surekha - 17/03/2020 - commented and changed to fix  hot deals price section text overlapping.
     padding: 15px 0 0;  */
     line-height: 18px;
     /*30px; Surekha - 27/03/2020 - changed */
     /*10px; */
     /*END*/
     margin-top: 14px;
     /*Surekha - 27/03/2020*/
 }

 .hot-deals .left-section li:hover img {
     width: 100%;
     /*160px; /*height: 81px;*/
     -webkit-transition: width 1s;
     -moz-transition: width 1s;
     transition: width 1s;
 }

 /* .hot-deals .left-section li:hover .destination{ padding-left: 15px; } */

 /*
  Start
  20220825
  Sushma B
  Commented to remove hover effect on tiles, according to new design
  */
 /*.hot-deals .left-section ul > li:hover { left: 0px;  z-index: 99; background: #fff; margin-top: 0px;  -webkit-transition: left 1s; -moz-transition: left 1s; transition: left 1s;/*Added box-shadow to pop up hover list */
 box-shadow: 0px 0px 20px 0px #000000;
 }

 /*Surekha - 31/08/2019 - changed left: 20px; to left: 0px; to stop disturbing list hover on right panel of hot deals on main page. /
  .hot-deals .left-section ul > li:first-child:hover{ margin-top: 0;}
  .hot-deals .left-section li:hover img{ left: -22px;} */
 /* .hot-deals .right-section{ width: 55%;background: url(../../frontend/images/hotdeals/hotdeals.jpg)no-repeat; background-size: cover !important; float: left; height:730px;}/*Surekha - 24/02/2020 -  changed height:890px; */
 /* min-height: 891px; padding: 20px 85px 40px 60px; Surekha - 18/10/2019 - added height and commented padding, min-height. */

 .hot-deals .desti-disc h2 {
     color: #ffffff;
     font-size: 60px;
     font-family: 'metropolis-bold';
     margin-bottom: 0;
 }

 /*  .hot-deals  .desti-disc span{ color: #ffffff; font-size: 36px; font-family: 'metropolis-bold'; }
  .hot-deals  .desti-disc p{ color: #ffffff; font-size: 60px; font-family: 'metropolis-bold'; margin: -25px 0 35px;}*/

 .hot-deals .desti-disc em,
 .hot-deals .desti-disc p {
     color: #ffffff;
     font-size: 30px;
     font-family: 'metropolis-bold';
     font-style: normal;
     line-height: 1;
     padding-bottom: 6px;
 }

 /*Surekha - 27/03/2020 - changed font-size: 36px; and added line-height: 1; padding-bottom: 6px*/
 /*Surekha - 27/03/2020 - added  .hot-deals  .desti-disc p */
 .hot-deals .desti-disc h3 {
     color: #ffffff;
     font-size: 60px;
     font-family: 'metropolis-bold';
     margin: -15px 0 35px;
 }

 .hot-deals .desti-disc h4 {
     color: #ffffff;
     font-size: 60px;
     font-family: 'metropolis-bold';
     margin: -15px 0 35px;
 }

 .hot-deals .hotel-details {
    /* padding-right: 2%; */
    position: relative;
    /* padding-left: 2%; */
    /*border: 2px solid #ec8523;
    border-radius: 16px;*/
    border: 4px solid #0c6207; /* SP - 20240521 - Changed color theme. 4px solid #472c05;*/
    border-radius: 20px;
    margin: 5px;
    padding: 0;
   
 }

 /*Surekha - 18/10/2019 - changed padding-right:0px; and added padding-left: 2%; */
 .hot-deals .hotel-details img {
     width: 100%;
 }

 .hot-deals .hotel-details .hotel-name p {
     color: #1a1a1a;
     font-size: 18px;
     font-family: 'metropolis-bold';
     width: 100%;
 }

 /*Surekha - 18/10/2019 - added width: 100%;*/
 .hot-deals .hotel-details .hotel-name {
     background-color: #ffffff;
     text-align: center;
     border-bottom-left-radius: 16px;
     border-bottom-right-radius: 16px;
     margin-top: 0;
     /*height: 90px;
     padding: 20px 15px 10px 15px;*/
     height: 76px;
    padding: 16px 2px 0px 2px;
     display: flex;
     align-items: center;
     /* padding: 14px 0 1px; */
 }

 .hot-deals .hotel-details .price {
     background-color: #e24133;
     position: absolute;
     top: 122px;
     right: 0;
     padding: 4px 10px;
 }

 .hot-deals .hotel-details .tag {
     background-color: #f1ba41;
     color: #fff;
     position: absolute;
     top: 99px;
     right: 0;
     padding: 3px 5px;
     font-size: 14px;
     font-family: 'metropolis-bold';
 }

 .hot-deals .hotel-details .price strike {
     color: #ffffff;
     font-size: 18px;
     font-family: 'metropolis-bold';
     padding-right: 5px;
 }

 .hot-deals .hotel-details .price span {
     color: #ffffff;
     font-size: 18px;
     font-family: 'metropolis-bold';
 }

 .hot-deals .hotel-details .price span span.aud {
     font-size: 14px;
 }

 .hot-deals .btn-view-deals {
     background-color: #ffffff;
     color: #e24133;
     font-size: 20px;
     font-family: 'metropolis-bold';
     text-transform: uppercase;
     margin-top: 20px;
     padding: 14px 24px;
 }

 .hot-deals a.btn-view-deals:hover {
     background: #f1ba41;
     color: #fff;
 }

 .hot-deals-xs .accordion-group:first-child .accordion-body {
     background: url(../../frontend/images/hotdeals/hotdeals.jpg)no-repeat;
 }

 .hot-deals-xs .accordion-group {
     border-top: 1px solid #ebebeb;
 }

 .hot-deals-xs .accordion-heading h4 {
     color: #636363;
     font-size: 30px;
     font-family: 'metropolis-bold';
     margin: 18px 0 0;
 }

 .hot-deals-xs .accordion-heading h4:hover {
     color: #e24133;
 }

 /*Surekha - 24/03/2020 - h2 changed to h3
  .hot-deals-xs .accordion-heading h2 */
 .hot-deals-xs .accordion-heading h3 {
     color: #636363;
     font-size: 20px;
     font-family: 'metropolis-bold';
     margin: 18px 0 0;
 }

 /*.hot-deals-xs .accordion-heading h2 */
 .hot-deals-xs .accordion-heading h3:hover {
     color: #e24133;
 }

 /*END*/
 .hot-deals-xs .accordion-heading .img {
     padding-left: 0;
 }

 .hot-deals-xs .accordion-heading .destination {
     /*border-bottom: 1px solid #e9e9e9;*/
     padding-left: 20px;
 }

 .hot-deals-xs .accordion-heading .discount {
     /*border-bottom: 1px solid #e9e9e9;*/
     padding-right: 0;
 }

 .hot-deals-xs .accordion-heading .discount:before {
     border-left: 1px solid #e3dede;
     content: '';
     position: absolute;
     left: 0;
     top: 0px;
     height: 50px;
 }

 .hot-deals-xs .accordion-heading .discount em {
     font-size: 16px;
     font-family: 'metropolis-bold';
     color: #636363;
     font-style: normal;
     text-transform: capitalize;
 }

 /*Surekha - 20/12/2019 - added text-transform: capitalize; */

 /*Surekha - 27/03/2020 -  changed h3 to p tag.
  .hot-deals-xs .accordion-heading .discount h3 */
 .hot-deals-xs .accordion-heading .discount p {
     font-size: 30px;
     font-family: 'metropolis-bold';
     margin-bottom: 5px;
     color: #ef6851;
     font-style: normal;
 }

 /**/
 .hot-deals-xs .accordion-heading .discount h4 {
     font-size: 30px;
     font-family: 'metropolis-bold';
     margin-bottom: 5px;
     color: #ef6851;
 }

 .hot-deals-xs .accordion-body {
     background: url(../../frontend/images/hotdeals/hotdeals.jpg)no-repeat;
     background-size: 100% 100% !important;
     float: left;
     width: 100%;
     padding: 14px 25px 10px 25px;
 }

 .hot-deals-xs .accordion-body .desti-disc h2 {
     color: #ffffff;
     font-size: 36px;
     font-family: 'metropolis-bold';
     margin-bottom: 0;
 }

 .hot-deals-xs .accordion-body .desti-disc span {
     color: #ffffff;
     font-size: 30px;
     font-family: 'metropolis-bold';
 }

 .hot-deals-xs .accordion-body .desti-disc p {
     color: #ffffff;
     font-size: 42px;
     font-family: 'metropolis-bold';
     margin: -16px 0 35px;
 }

 .hot-deals-xs .accordion-body .hotel-details {
     margin-bottom: 20px;
     position: relative;
 }

 .hot-deals-xs .accordion-body .hotel-details img {
     width: 100%;
     border-top-left-radius: 16px;
     border-top-right-radius: 16px;
     height: 192px;
 }

 /*Surekha - 27/02/2020 - added height: 192px; to align hot delas tiles. */
 /* Surekha - 24/02/2020 - added border-top-left-radius: 16px; border-top-right-radius: 16px; to curve the image. */
 .hot-deals-xs .accordion-body .hotel-details .hotel-name p {
     color: #1a1a1a;
     font-size: 18px;
     font-family: 'metropolis-bold';
 }

 /*Surekha - 24/03/2020 - changed  color: #fff; to color: #1a1a1a; */
 .hot-deals-xs .accordion-body .hotel-details .hotel-name {
     background-color: #ffffff;
     text-align: center;
     border-bottom-left-radius: 14px;
     border-bottom-right-radius: 14px;
     padding: 14px 0 1px;
     margin-top: -1px;
     min-height: 63px;
     height: 130px;
 }

 /*Surekha - 27/02/2020 - Changed border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;  and added height: 130px;*/
 .hot-deals-xs .accordion-body .hotel-details .price {
     background-color: #e24133;
     position: absolute;
     top: 147px;
     right: 0;
     padding: 4px 10px;
 }

 .hot-deals-xs .accordion-body .hotel-details .tag {
     background-color: #f1ba41;
     color: #fff;
     position: absolute;
     top: 121px;
     right: 0;
     padding: 3px 5px;
     font-size: 14px;
     font-family: 'metropolis-bold';
 }

 .hot-deals-xs .accordion-body .hotel-details .price strike {
     color: #ffffff;
     font-size: 18px;
     font-family: 'metropolis-bold';
     padding-right: 5px;
 }

 .hot-deals-xs .accordion-body .hotel-details .price span {
     color: #ffffff;
     font-size: 18px;
     font-family: 'metropolis-bold';
 }

 .hot-deals-xs .accordion-body .hotel-details .price span span.aud {
     font-size: 14px;
 }

 .hot-deals-xs .accordion-body .btn-view-deals {
     background-color: #ffffff;
     color: #e24133;
     font-size: 20px;
     font-family: 'metropolis-bold';
     text-transform: uppercase;
     margin-top: 20px;
     padding: 2%;
     display: block;
     width: 52%;
     margin: 0 auto;
 }

 /*padding: 14px 24px;*/
 /* Surekha - 01/11/2019 - changed padding and added display: block; width:52%; margin: 0 auto; */
 .hot-deals-xs .accordion-body a.btn-view-deals:hover {
     background: #f1ba41;
     color: #fff;
 }

 /* featured-packages 
==================================================*/
 .featured-packages {
     background-color: #fff;
     padding: 20px 0 50px;
     /*background-size: cover;*/
 }

 /*padding: 70px 0 50px; Surekha - 12/03/2020 */
 /* updated shantanu on 03-11-19 for fix the background*/
 .featured-packages .homepagetiles .item {
     box-shadow: 0px 0px 17px 0px #dddddd;
     float: left;
     background: #fff;
     margin-bottom: 30px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     overflow: hidden;
 }

 .featured-packages .item {
     box-shadow: 0px 0px 17px 0px #dddddd;
     float: left;
     background: #fff;
     margin-bottom: 30px;
 }

 /*
  Start
  Sushma B
  27/09/2019
  Commented because no longer required
  **/
 /*.featured-packages .package-details p{ color: #1a1a1a; font-size: 18px; font-weight: 700; padding: 0 23px 0 20px;/*padding-left: 25px;} x`*/
 /** END **/
 .featured-packages .package-details {
     background-color: #ffffff;
     border-bottom-left-radius: 5px;
     border-bottom-right-radius: 5px;
     padding: 0;
     position: relative;
     /*min-height: 284px; height: 310px;*/
     min-height: 350px;
     height: 350px;
     /*SS 20210722 changed the height*/
 }

 /*Surekha - 30/09/2019 - added height: 310px; */
 .featured-packages .package-details .packageinfo {
     height: 130px;
 }

 .featured-packages .package-details .packageinfo ul {
     padding-left: 25px;
     float: left;
     width: 100%;
 }

 .featured-packages .package-details .packageinfo p {
     font-size: 16px;
     text-align: justify;
 }

 .featured-packages .package-details .travel-info {
     padding: 10px 0 0 25px;
     border-top: 1px solid #e9e9e9;
 }

 .featured-packages .package-details .travel-info>p {
     padding: 0 12px 0 0;
     font-size: 12px;
     font-weight: 400;
 }

 .featured-packages .package-details strong {
     color: #1a1a1a;
 }

 .featured-packages .package-details ul.flightinfo {
     height: auto;
     min-height: 43px;
     font-size: 13px;
     float: left;
     width: 100%;
     border-top: 1px solid #e9e9e9;
     padding: 0 0 0 25px;
     display: flex;
     align-items: center;
     margin: 10px 0 0 0;
 }

 .featured-packages .package-details ul.flightinfo li {
     padding-left: 0;
 }

 .featured-packages .package-details ul li {
     list-style: none;
     line-height: 1.2;
 }

 .featured-packages .package-details .price {
     background-color: #e24133;
     position: absolute;
     top: -18px;
     right: 0;
     padding: 4px 10px;
 }

 .featured-packages .package-details .tag {
     background-color: #f1ba41;
     color: #fff;
     position: absolute;
     top: -44px;
     right: 0;
     padding: 3px 5px;
     font-size: 14px;
     font-weight: 700;
 }

 .featured-packages .package-details .price strike {
     color: #ffffff;
     font-size: 18px;
     font-weight: 700;
     padding-right: 5px;
 }

 .featured-packages .package-details .price span {
     color: #ffffff;
     font-size: 18px;
     font-weight: 700;
 }

 .featured-packages .package-details .price span span.aud {
     font-size: 14px;
 }

 /* border: 1px solid #ce5c43;*/
 /*f19480*/
 .featured-packages .owl-theme .owl-nav [class*=owl-] {
     background: transparent;
     color: #f0725c;
     border: 1px solid;
     padding: 14px 34px;
 }

 .featured-packages .owl-theme .owl-nav [class*=owl-]:hover {
     background: none !important;
     box-shadow: inset 0 0 0 1px #ef6851;
     border: 1px solid #ef6851;
     -webkit-transition: 1s;
     -moz-transition: 1s;
     transition: 1s;
 }

 .featured-packages .owl-theme .owl-nav {
     position: relative;
 }

 /* 
    Start
    24/10/2019 
    Altexsoft changes for Mac device
    */
 /*
  .featured-packages .owl-theme .owl-nav .owl-prev{/*position: absolute;left: 35.8%;* margin-left: 5px; margin-right: 5px;}
  .featured-packages .owl-theme .owl-nav .owl-next{/*position: absolute;right: 35.7%; *margin-left: 11px;}
  */
 /* END */
 .featured-packages .btn-packageView:hover {
     background: none;
     box-shadow: inset 0 0 0 1px #ef6851;
     border: 1px solid #ef6851;
     font-weight: 700;
     cursor: pointer;
     -webkit-transition: 1s;
     -moz-transition: 1s;
     transition: 1s;
 }

 .featured-packages .btn-packageView {
     border: 1px solid #f0725c;
     color: #f0725c;
     padding: 13px 50px;
     font-size: 16px;
 }

 .featured-packages .packageBtnWrap {
     position: relative;
 }

 .featured-packages .packageBtnWrap .btn-packageView {
     position: absolute;
     margin: 0 auto;
     left: 0;
     right: 0;
     top: -55px;
     width: 180px;
 }

 .featured-packages .owl-theme .owl-item {
     /*padding-bottom: 17px;*/
     padding-top: 40px;
     /*height: 622px;*/
     height: 668px;
     /*SS 20210722 Changed the height*/
 }

 /*Surekha - 30/09/2019 - added height: 622px; */
 .featured-packages .homepagetiles .owl-item img {
     /*width: 325px;*/
     height: 240px;
 }

 .featured-packages .btn-viewpackage {
     width: 100%;
     background-color: #0c6207; /* SP - 20240521 - cha ged theme color #472c05; */ 
     color: #fff;
     text-transform: uppercase;
     font-family: 'metropolis-bold';
     font-size: 16px;
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     /*display: none;*/
     /* Commented by Sushma B to remove bounce effect*/
 }

 /*Surekha - 30/09/2019 - changed background-color: #ef6851; to #ed8622; */
 .featured-packages .owl-theme .owl-item .item:hover {
     margin-top: -36px;
     -webkit-transition: 1s;
     -moz-transition: 1s;
     transition: margin-top 1s;
 }

 /* Commented by Sushma B to remove bounce effect */
 /*.featured-packages .owl-theme .owl-item .item:hover .btn-viewpackage{ display: block;   -webkit-transition: 1s; -moz-transition:  1s; transition: 1s;}*/
 /* .featured-packages .owl-carousel .owl-stage-outer{height: 500px;} */
 .featured-packages .owl-theme .owl-item .item .icon {
     color: #e24133;
     margin-right: 2%;
 }

 /*Surekha - 30/09/2019 - added  margin-right: 2%;*/
 .featured-packages .homepagetiles .owl-nav.disabled {
     display: block !important;
 }


 /************************************************************************
// 14. Team Slider - Customer Stories 
*************************************************************************/
 .customer-stories .title {
     margin-bottom: 30px;
 }

 /*50px; Surekha - 24/09/2019 */
 .customer-stories {
     padding-top: 30px;
     padding-bottom: 114px;
     margin: auto;
     /* max-width: 1870px; */
     width: 100%;
     overflow: hidden;
     margin: 0 auto;
 }

 /*Surekha - 03/04/2020 -  changed h3 to h2. 
.customer-stories h3  */
 .customer-stories h2 {
     font-size: 38px;
     text-transform: uppercase;
     font-family: 'metropolis-bold';
     color: #e24133;
 }

 /*Surekha - 03/04/2020 - added color: #e24133; */

 /*Surekha - 03/04/2020 - Added image below the heading of customer stories. */
 .title h2:after {
     content: '';
     background: url(../../frontend/images/icons/Tourism_Solomon_Islands_Strips_35px.png)no-repeat center;
     height: 22px;
     width: 85px;
     display: block;
     margin: 10px auto;
     background-color: #0C6207;
 }


.hot-deals  .hot-deals-flex{
/*
Start
SP
03/10/2023
Removed bg TAPA image from background of hot deal tiles on home page.
*/
/*
  background: url(../../frontend/images/design-bg.png);
*/  
    padding-bottom: 20px;
}
.hot-deals .col-md-12.col-sm-12.col-xs-12.section-title{
  padding-bottom: 5px;
}
 /*END*/


 /*.customer-stories .customer-review{overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4;-webkit-box-orient: vertical; } Surekha - 10/12/2019 - commented as added read more link*/
 /* Surekha - 09/12/2019 - removed text-overflow: ellipsis; as given link for that. */

 .customer-stories .container {
     position: relative;
     padding-left: 15px;
     /*30px;*/
     padding-right: 30px;
 }

 /*.customer-stories .star-review .icon-star{color: #ffca25;}*/
 .team-left,
 .team-right {
     width: 41px;
     height: 41px;
     background-color: white;
     border-radius: 50%;
     border: 1px solid #eaeaea;
     cursor: pointer;
     color: #c09551;
     -webkit-transition: border .2s;
     transition: border .2s;
     display: block;
     z-index: 9;
     margin-top: -20px;
 }

 .team-left {
     position: absolute;
     left: 0;
     top: 50%;
 }

 .team-right {
     position: absolute;
     right: 0;
     top: 50%;
 }

 .team-left .fa {
     margin-left: 13px;
     margin-top: 12px;
 }

 .team-right .fa {
     margin-left: 16px;
     margin-top: 13px;
 }

 .team-name {
     display: inline-block;
     padding-left: 0;
     margin-bottom: 10px;
     font-size: 30px;
     margin-top: 40px;
 }

 .team-social {
     display: inline;
 }

 .team-social ul {
     float: right;
     margin-top: 45px;
 }

 .team-social ul li {
     float: left;
     margin-left: 45px;
 }

 .team-social a {
     color: #44403f;
 }

 .team-social a:hover {
     color: #c09551;
 }

 .teamslider-wrap {
     max-width: 100%;
     /*max-width: 1290px;*/
     width: 100%;
     height: 400px;
     position: relative;
     margin-top: 20px;
 }

 .team-img-inner {
     width: 5000px;
     position: absolute;
     bottom: 0;
     /*margin-left: -80px; */
     /*margin-left: -575px;*/
     margin-left: -215px;
 }

 .team-img-inner .img-inner-wrap {
     bottom: 0;
     z-index: 9;
     top: auto !important;
 }

 .team-img-inner .img-inner-wrap {
     float: left;
     border: 1px solid #e8e8e8;
     /*margin-right: 15px;*/
     margin-left: 30px;
     box-shadow: 0 0 10px #e8e8e8;
 }

 .team-img-inner .img-inner-wrap:first-child {
     margin-left: 0;
 }

 .team-img-inner .img-inner-wrap div {
     overflow: hidden;
 }

 .team-img-inner .img-inner-wrap img {
     max-width: 100%;
     /*height: auto;*/
     height: 100%;
     width: 100%;
 }

 .section-team .team-shadow {
     box-shadow: 0 10px 41px 0 rgba(9, 26, 44, 0.2);
 }

 /*  .team-text-inner { margin-top: 83px; margin-left: 27px; font-size: 16px;}*/
 .team-text-inner {
     font-size: 16px;
 }

 /* margin-left: -35px; Surekha - 09/12/2019 -  commented as not required. */
 .team-img-inner .text-inner-wrap .customer-review p {
     font-size: 16px;
 }

 .team-img-inner .text-inner-wrap p.customer-name {
     margin: 20px 0 10px;
 }

 .team-img-inner .text-inner-wrap p.customer-name strong {
     color: #202020;
 }

 .team-img-inner .text-inner-wrap p.customer-name i {
     color: #87959c;
 }

 .team-text-inner .text-inner-wrap {
     display: none;
 }

 .team-text-inner .text-inner-wrap .customer-review p {
     text-align: justify;
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     line-height: 1.2;
     -webkit-line-clamp: 4;
     -webkit-box-orient: vertical;
     height: auto !important;
 }

 .teamslider-wrap .custTestimonial {
     float: none;
     margin: 0 auto;
     position: absolute;
     left: 23.5%;
     width: 70%;
     height: 160px;
 }

 /*Surekha - 09/12/2019 - added width:70%; height:160px; and changed left: 35.5%; */
 .team-wrap {
     position: absolute;
     bottom: -97px;
     z-index: 19;
     right: 0;
     left: 0;
     margin: 0 auto;
     text-align: center;
 }

 .team-wrap .arrow-left {
     margin-right: 6px;
     text-align: center;
 }

 .team-wrap .arrow-right {
     margin-left: 5px;
     text-align: center;
 }

 .team-wrap .arrow-left img {
     padding: 17px 0 0;
     outline: none;
     margin: 0px auto;
 }

 /* Start - SP - 02/08/2021 - added margin: 0px auto; to align arrrow in customer stories.*/
 .team-wrap .arrow-right img {
     padding: 17px 0 0;
     outline: none;
     margin: 0px auto;
 }

 /* Start - SP - 02/08/2021 - added margin: 0px auto; to align arrrow in customer stories.*/
 .team-wrap span {
     width: 100px;
     height: 52px;
     background-color: white;
     border-radius: 4px;
     border: 1px solid #f0725c;
     cursor: pointer;
     color: #f0725c;
     display: inline-block;
     -webkit-transition: border .2s;
     transition: border .2s;
 }

 .team-wrap span:hover {
     box-shadow: inset 0 0 0 1px #ef6851;
     -webkit-transition: 0.4s ease;
     -moz-transition: 0.4s ease;
     transition: 0.4s ease;
 }

 .team-wrap span .fa-chevron-left {
     margin-left: 12px;
     margin-top: 12px;
 }

 .team-wrap span .fa-chevron-right {
     margin-left: 15px;
     margin-top: 12px;
 }

 /*.team-wrap span:hover { border-color: #f0725c; background-color: #f0725c; color: white;}*/
 .team-wrap .arrow-left.disabled {
     opacity: 0.5;
     border-width: 1px !important;
 }

 .customer-stories .btn-packageView {
     border: 1px solid #f0725c;
     color: #f0725c;
     padding: 14px 50px;
     font-size: 16px;
     margin-top: 0px;
     vertical-align: top;
 }

 /*Surekha - 03/04/2020 - changed margin-top: 19px; and added vertical-align: top;*/
 .customer-stories .btn-packageView:hover {
     box-shadow: inset 0 0 0 1px #ef6851;
     font-weight: 700;
     -webkit-transition: 0.4s ease;
     -moz-transition: 0.4s ease;
     transition: 0.4s ease;
 }

 .customer-stories p.customer-name {
     margin: 20px 0;
 }

 /*.................Customer Stories for mobile.......................*/

 .customer-stories-xs {
     padding-top: 0px;
     /*30px; */
     padding-bottom: 114px;
     margin: auto;
     /* max-width: 1290px;*/
     width: 100%;
     overflow: hidden;
     display: block !important;
 }

 /*Surekha - 04/09/2019 - added display: block !important; for customer stories as they are not displaying in some devices. */
 /*Surekha - 03/04/2020 -  h3 changed to h2. and added     color: #e24133; 
  .customer-stories-xs h3 */
 .customer-stories-xs h2 {
     font-size: 38px;
     text-transform: uppercase;
     font-family: 'metropolis-bold';
     color: #e24133;
 }

 /*Added image after heder */
 .title h3:after {
     content: '';
     background: url(../../frontend/images/icons/Tourism_Solomon_Islands_Strips_35px.png)no-repeat center;
     height: 22px;
     width: 85px;
     display: block;
     margin: 10px auto;
     background-color: #0C6207;
 }

 /*END*/
 .customer-stories-xs .owl-theme .owl-nav [class*=owl-] {
     background: transparent;
     color: #f0725c;
     border: 1px solid;
     padding: 14px 34px;
 }

 .customer-stories-xs .owl-theme .owl-nav [class*=owl-]:hover {
     background: #dfdfdf !important;
     border: 1px solid #f19480;
 }

 /* 
    Start
    24/10/2019 
    Altexsoft changes for Mac device
    */
 /*.customer-stories-xs .owl-theme .owl-nav{position: relative;}
  .customer-stories-xs .owl-theme .owl-nav .owl-prev{ position: absolute; left: 0;}
  .customer-stories-xs .owl-theme .owl-nav .owl-next{ position: absolute; right: 0;}
  .customer-stories-xs .btn-packageView{ border: 1px solid #f0725c; color: #f0725c; padding: 13px 20px; fontnt-size: 16px;} */
 /*Surekha - 06/10/2019  changed padding: 13px 50px; to padding: 13px 20px;*/
 .customer-stories-xs .owl-theme .owl-nav {
     position: absolute;
     width: 100%;
 }

 .customer-stories-xs .owl-theme .owl-nav .owl-prev {
     transform: translateX(-45px);
 }

 .customer-stories-xs .owl-theme .owl-nav .owl-next {
     transform: translateX(45px);
 }

 /* END */

 .customer-stories-xs .packageBtnWrap {
     position: relative;
 }

 /* 
    Start
    24/10/2019 
    Altexsoft changes for Mac device
    */
 /* .customer-stories-xs .packageBtnWrap .btn-packageView{position: inherit; /*absolute; * margin: 0 auto; left: 44%; top: 5px; } */
 /*Surekha - 04/09/2019 - changed position: absolute; to position: inherit; */
 .customer-stories-xs .packageBtnWrap .btn-packageView {
     padding: 14px;
 }

 /*width: 123px; margin: 0 auto; height: 50px; left: 0;right: 0; Surekha - 06/10/2019 - */
 .customer-stories-xs .packageBtnWrap .btn-packageView {
     position: inherit;
     /*absolute; */
     margin: 0 auto;
     left: 50%;
     /* 
    Start
    24/10/2019 
    Altexsoft changes for Mac device
    */
     /* top: 5px; */
     top: 15px;
     /* END */
     transform: translateX(-50%);
     z-index: 99
         /* 03/11/2019 Sushma B for fixing the issue with button overlapping in mobile view */
 }

 .featured-packages .owl-theme .owl-nav .owl-prev {
     margin-right: 10px;
 }

 .featured-packages .owl-theme .owl-nav .owl-next {
     margin-left: 10px;
 }

 .customer-stories-xs .btn-packageView {
     border: 1px solid #f0725c;
     color: #f0725c;
     padding: 13px 20px;
     fontnt-size: 16px;
 }

 /*Surekha - 06/10/2019  changed padding: 13px 50px; to padding: 13px 20px;*/


 /* END */
 .customer-stories-xs .owl-theme .owl-item {
     padding-bottom: 17px;
 }

 /*Surekha - 04/09/2019 - added styling for customer stories. */
 .owl-carousel.cust-stories-xs.owl-theme.owl-loaded.owl-drag {
     margin-top: 20px;
     /*50px; surekha - 01/11/2019 */
 }

 .owl-carousel .owl-item img {
     /*  height: 200px; */
     /*Surekha  - 22/10/2019 - added to fix image strech issue.*/
     height: auto;
     width: 100%;
     margin: 0% auto;

 }

 /*END*/

 /*Surekha - 21/09/2019 - added styling to logos in slider of featured packages. */
 .owl-carousel.client-logo.owl-theme.owl-loaded.owl-drag .owl-stage-outer .owl-stage .owl-item .item .logo-img img.img-responsive {
     height: 100px;
 }

 /*END*/
 /* email section 
==================================================*/
 .emailus {
/*
    Start
    SP
    20240619
    Changed background image.
     background: url(/wp-content/themes/hideawayholidays/images_norfolk/Norfolk_Islands_White_Label_Footer_1600px.jpg)no-repeat center;
*/  
     background: url(/wp-content/themes/hideawayholidays/images_norfolk/Norfolk_Islands_White_Label_Footer_1600px_02.jpg)no-repeat center;
     background-size: cover;
     text-align: center;
     margin: 30px 0;
 }

 .emailus h3 {
     color: #fff;
     font-size: 38px;
     font-weight: 700;
     position: relative;
     text-transform: uppercase;
 }



 /*  .emailus h3:after{content: ''; position: absolute; background: url(../../frontend/images/icons/title-border-white.png)no-repeat center; height: 22px; top: 60px; right: 0; left: 0; bottom: 0; margin: 0 auto;}*/
 /*  .emailus p{color: #fff; font-size: 18px; width: 845px;text-align: center; margin: 60px auto 40px; }*/
 .emailus .col-md-push-3 {
     left: 29%;
 }

 .emailus .email-content {
     margin: 40px 0 70px;
     background-color: #472c0587;
 }

 .emailus .email-content form input:focus,
 .emailus .email-content form input:hover {
     background: rgba(0, 0, 0, 0.3);
     color: #ffffff;
 }

 .emailus .email-content form .btn-join:hover {
     background: #f1ba41 url(../../frontend/images/icons/right-arrow-long.png) no-repeat 71257% 50%;
     color: #ffffff;
 }

 .emailus .email-content form .btn-join {
     background-color: transparent;
     border-width: 0 0 0 1px;
     border-color: #fff;
     border-style: solid;
     color: #fff;
     padding: 6px 30px 6px 0px;
     background-size: 10px;
     background: url(../../frontend/images/icons/right-arrow-long.png) no-repeat 71% 50%;
     font-size: 16px;
     width: 136px;
     font-family: 'metropolis-bold';
 }

 .emailus .email-content form input::-webkit-input-placeholder {
     color: #fff;
     font-size: 16px;
     opacity: 1;
 }

 .emailus .email-content form input:-moz-placeholder {
     color: #fff !important;
     font-size: 16px;
     opacity: 1;
 }

 .emailus .email-content form input::-moz-placeholder {
     color: #fff !important;
     font-size: 16px;
     opacity: 1;
 }

 .emailus .email-content form input:-ms-input-placeholder {
     color: #fff !important;
     font-size: 16px;
     opacity: 1;
 }

 .emailus .email-content form .input-group {
     border-radius: 5px;
     border: 1px solid #fff;
     overflow: hidden;
 }

 /* Client logo section 
==================================================*/
 .client-logo {
     margin-bottom: 20px;
 }

 .col-md-20,
 .col-lg-20 {
     position: relative;
     min-height: 1px;
     padding-right: 15px;
     padding-left: 15px;
 }

 .col-lg-20,
 .col-md-20 {
     width: 20%;
     float: left;
 }

 .client-logo .logo-img.col-md-4 {
     width: 20%;
 }

 .owl-carousel.client-logo .owl-item img {
     width: auto;
 }

 .call-section {
     margin: 40px 0;
 }

 .hot-deals .hotel-details .hotel-name a {
     text-decoration: none;
     color: #1a1a1a;
 }


 /*Surekha - 30/09/2019 - added styling for featured packages slider on home page. */
 .package-details .packageinfo .col-md-6.col-sm-8.col-xs-7 {
     width: 60%;
     display: inline-block;
     height: 24px;
 }

 .package-details .packageinfo .col-md-6 {
     width: 40%;
 }

 .featured-packages .package-details .book_by {
     font-size: 86%;
 }

 /*END*/
 /*shafi - 19/11/2019 -  added for hot deals hover effect. */
 .hot-deals .left-section ul>li:hover h2 {
     color: #e24133;
 }

 img.only_mobile {
     display: none;
 }

 .imp-tooltip.imp-tooltip-visible {
     background: #fff !important;
     padding: 10px !important;
 }

 .hs-arrow.hs-arrow-top {
     border-bottom-color: rgb(255, 255, 255) !important;
 }

 .owl-carousel.hotel-details-theme.owl-theme.owl-loaded.owl-drag .hot-rs {
     /*display: none;*/
     display: block;
 }

 /*END*/


 /*Surekha - 09/12/2019 - added styling to read more button in customer stories. */
 a.btn.btn-cust_stories {
     color: #ef6851;
     font-size: 15px;
     font-family: 'metropolis-bold';
     padding: 0px 6px;
     margin-top: 0px;
     line-height: 1;
     box-shadow: none;
     /*Surekha - 13/12/2019 - added to remove shadow while click on read more. */
 }

 .owl-carousel.cust-stories-xs.owl-theme.owl-loaded.owl-drag .item .text-center.left-side img {
     width: 150px;
     height: 150px;
     padding-bottom: 10px;
 }


 .hot-deals-flex .hot-rs {
     float: right;
     text-align: right;
     position: absolute;
     right: 0;/*6%*/
     bottom: 110px;
 }

 .hotel-details-theme .hotel-name h2 {
     color: #1a1a1a;
     font-size: 16px;
     font-family: 'metropolis-bold';
     width: 100%;
     line-height: 18px;
 }

 .hotel-details-theme .owl-carousel .owl-item {
     padding: 0px 21px;
 }

 .hot-deals-xs .accordion-body .hotel-details .hotel-name {
     /* min-height: 140px; */
 }

 .hot-deals-xs .accordion-body .desti-disc h3 {
     color: #ffffff;
     font-size: 60px;
     font-family: 'metropolis-bold';
 }

 .hot-deals-xs .accordion-body .desti-disc em {
     color: #ffffff;
     font-size: 36px;
     font-family: 'metropolis-bold';
     font-style: normal;
 }

 .hotel-details-theme .hot-rs {
     float: right;
     text-align: right;
     position: absolute;
     right: 0%;
     top: 41%;
     /*52%; Surekha - 27/02/2020 - changed for large screen display. */
 }

 .hot-deals-flex .hot-rs span {
     font-size: 14px;
     float: right;
     background: #8BEF1D; /* SP - 20240521 - Changed color theme. var(--blue); */
     padding: 5px 10px;
     color: #fff; /* #000; */
     font-weight: 600;
 }

 .hot-deals-flex .hot-rs p {
     width: auto;
     float: right;
     background: #0c6207; /* SP - 20240521 - Changed theme color. #e24133;*/
     padding: 5px 10px;
     color: #fff;
     font-size: 14px;
     /*16px; Surekha - 24/02/2020 - changed as textis out of box. */
 }

     .hot-deals .hotel-details .hotel-name a {
          color: #1a1a1a;
          font-size: 16px;
          font-family: metropolis-bold;
          width: 100%;
          line-height: 18px;
      }

     .hot-deals .hotel-details a:hover {
          text-decoration: none;
     }
 /*END*/

 /*Surekha - 18/12/2019 - added styling to the main header. */
 h1.main_title {
     color: #0C6207;
     font-size: 60px;
     font-family: metropolis-bold;
     text-transform: capitalize;
     margin: 20px 0px;
     text-align: center;
 }

 .call-section .col-md-push-1 {
     left: 2.33333%;
     /*8.33333%; Surekha - 11/03/2020 - changed to align center. */
 }

 /*END*/
 .col-md-6.col-sm-6.col-xs-12.col-md-push-1.call-req {
     width: 47%;
 }

 .hot-deals-xs .accordion-heading {
     border-bottom: 1px solid #ddd;
 }

 .hot-deals-xs .accordion-heading .destination {
     padding-left: 10px;
 }

 .hot-deals-xs .accordion-heading .discount {
     margin-top: 10px;
 }

 .hot-deals-xs .accordion-heading .discount em {
     font-size: 13px;
     font-style: normal;
 }

 /*Surekha - 27/03/2020 - changed h3 to p tag.
.hot-deals-xs .accordion-heading .discount h3 */
 .hot-deals-xs .accordion-heading .discount p {
     margin-top: 0;
     font-size: 22px;
 }


 .hot-deals .hotel-details .hotel-name h2 {
     color: #1a1a1a;
     font-size: 16px;
     font-family: 'metropolis-bold';
     width: 100%;
     line-height: 18px;
     margin: 0px;
     /* Surekha - 24/02/2020 - added to align text of hot deals details. */
 }

 .team-img-inner .img-inner-wrap.team-shadow {
     bottom: 100px;
 }

 /*Surekha - 24/03/2020 - added styling to why book with ....heading as changed it to h2 from h1. */
 .why-us-xs .title h2 {
     font-size: 38px;
     color: #0C6207;
     font-family: 'metropolis-bold';
     position: relative;
     text-transform: capitalize;
     letter-spacing: 0;
 }

 /*END*/

 /*Surekha - 03/04/2020 - added styling to hot deals tab images. */
 .hot-deals-xs .accordion-heading img.img-responsive.lazyloaded {
     margin: 0px;
     height: 100%;
     /*Surekha - 15/04/2020 - addded to fix the image in the box. */
 }

 /*END*/


 /*
Start
Sushma B
28/09/2020
Added for fixing featured packages height issue (CLS)
*/
 .featured-packages-parent {
     min-height: 500px; /* 750px; SP - 20230303 - Changed as bg image of tapa is removed. */
 }

 /* END */

 /*
Start
Sushma B
12/10/2020
Added for fixing map height issue (CLS)
*/

/*
Start
SP
14/02/2023
Commented as added min- height according to screen size using media query.
*/ 
/*
#map-section {
     min-height: 610px;
 }*/
/*END 14/02/2023 */

 /*Surekha - 15/03/2021 - added as name is getting overlapping. */
 .featured-packages .package-details .PackageInfoName {
     float: none;
 }

 /*END*/


 /*
Start
20220824
Sushma B
Styling for hot deals section on home page
*/
 .hot-deals-flex .icon-product li {
     float: none;
     width: 100%;
     /*70px;*/
     font-size: 12px;
     min-height: 46px;
     /*36px; Surekha - 27/03/2020 */
     /*40px;*/
     color: #332222;
     margin: 0 auto;
     list-style: none;
     background-color: #ed8622;
     border-radius: 0px 0px 14px 14px;
 }

 .hot-deals-flex .display-table-cell {
     color: #fff;
     font-weight: bold;
     /*Surekha - 27/03/2020 - added as text is not visible. */
     text-align: center;
         display: table;
    width: 100%;
    vertical-align: middle;
    width: 100%;
    /* font-size: 12px; */
    min-height: 46px;
    /* color: #332222; */
    margin: 0 auto;
    list-style: none;
    background-color: #0c6207; /* SP - 20240521 - Changed color theme. #472c05;*/
    border-radius: 0px 0px 14px 14px;
    padding: 8px 6px;
 }

 .hot-deals-flex .display-table {
     /* Surekha - 24/02/2020 - aligned bottom text in hot delas packages.
    padding-top: 8px; */
     padding: 8px 6px;
     /*END*/
 }

 .hot-deals-flex .icon-product {
     float: left;
     width: 100%;
     margin: 0;
     padding: 0px;
     /*padding: 2px 5px; */
     margin-top: -36px;
     /* padding-left: 14px;*/
     text-align: center;
     height: auto;
 }

 .icon-product {

     float: left;
     width: 100%;
     margin: 0;
     padding: 5px 5px;
     /*7px 5px; Surekha - 27/02/2020 */
 }

 .icon-product li {
     float: left;
     width: 33.33%;
     font-size: 12px;
     /*Surekha - 02/03/2020 - commented min-height and added fixed height. 
    min-height: 40px; */
     height: 36px; /*40px; SP - 20240605 - Aligned icon product in small devices. */
     /*END*/
 }

 .display-table {
     display: table;
     width: 100%;
     vertical-align: middle;
 }

 .display-table-cell {
     display: table-cell;
     vertical-align: middle;
 }

 .icon-product li .display-table-cell1 {
     /*Surekha - 21/10/2019 -  added for responsive view. */
     /*  width:38px; */
     width: 30%;
     padding-right: 2%;
 }

 .icon-product li img {
     /*  width: auto !important; */
     /*Surekha - 21/10/2019 - changed size according to devices. */
     height: auto !important;
     max-width: 42px;
     /* Sushma B changed 38px to 50px */
     /*Surekha - 25/09/2019 - changed from 50px to 42px as text is out of box. */
 }

 .bottom-left-right-price {
     display: inline-block;
     width: 100%;
     padding: 6px 0px 0px 0px;
     /*13px 14px 8px; Surekha - 24/09/2019 - changed bottom padding to reduce the blank space below price. */
     border-top: 1px solid #e9e9e9;
     margin-top: 6px;
     height: 60px;
     /*Surekha - 26/03/2020 -  added to give fix height to price section in tiles. */
 }

 .bottom-left-right-price p {
     font-size: 12px;
     /*13px; */
     margin: 0;
     line-height: 14px;
     /*15px; */
     /*height: 32px;/*Surekha - 24/09/2019 */
     /*Surekha - 26/09/2019 - added styling to price section*/
     text-transform: capitalize;
     height: 12px;
 }

 /*   
.ourPackages .package-details{
    height: 296px;
}*/
 /*END*/
 .bottom-left-right-price span {
     font-size: 22px;
     /*margin: 3px 0 0 0px; */
     /*Surekha - 26/09/2019 */
     color: #ed8622;
     font-weight: bolder;
     display: block;
 }


 /*
Start
20220825
Sushma B
Styling for home page new hot deaks section
*/
 /*.homepage-hotdeal {
     display: inline-block;
     width: 19%;
     margin: 5px 0;
     border: 2px solid black;
 }

 .homepage-hotdeal {
     display: inline-block;
     width: 19%;
     margin: 5px 0;
     border: 2px solid black;
 }*/

 .homepage-hotdeal a {
    /*background-color: #ed8622;
    color: white;*/
    color:black;
    padding: 8px 8px;
    text-decoration: none;
}
 .homepage-hotdeal p {
    display: inline-block;
}

 .homepage-hotdeal{
     display: inline-block;
     margin: 4px;
     width: 18%;
     border: solid 2px #0c6207; /* SP - 20240521 - changed theme color. solid 2px #472c05;*/
    text-align: center;
    border-radius: 6px;
        line-height: 30px;
 }
 .homepage-hotdeal:hover {
    background-color: #0c6207; /* SP - 20240521 - changed theme color. #472c05; */
    color: #ffffff;
}

.homepage-hotdeal a:hover{
     color: #ffffff;
     font-weight: bold;
}

 .hot-deals .left-section .destination {
     border-bottom: 1px solid #e9e9e9;
     padding-left: 20px;
     padding-left: 7px;
     height: auto;
     display: inline-block;
     width: 75%;
 }

 .hot-deals .left-section h3 {
     font-size: 16px;
     padding-left: 10px;
 }

 .wrapping {
     display: inline-block;
     height: 30px;
     color: black;
 }
 .hotdeal-main{
     padding: 0px;
 }

.hot-deals .container-fluid{
     text-align: center;
         padding-bottom: 16px;

}
 /* END */

/*#homePage .imp-zoom-wrap>img {
  height: 730px !important;
}*/

 /* END */


 img.HomePageMainImg{
    width: 100%;
 }

/*
Start
SP
22/03/2023 
Added as images chnaged for white label.*/
 .info img{
    background-color: #0C6207; /* SP - 20240520 - Changed theme color #472c05; */
    max-width: 100px !important; /* SP - 03/10/2023 - Added to make images little bigger. */
 }
 /*END 22/03/2023 */

/*
Start
SP
05/10/2023
Added to align banner image on home page.
*/
img.HomePageBannerImg {
   /* margin-top: 110px; SP - 20241230 - commented to aligne random banner image. */
    min-height: 600px;
}
/*END 05/10/2023*/

/*
Start
SP
20240522
Added styling to blog section on home page.
*/
.col-lg-3.col-md-3.col-sm-6.col-xs-12.latest-travel-blog{
    height: 85px;
    border: 1px solid #0c6207;
    margin: 4px;
    border-radius: 8px;
    width: 30%; /* SP - 20240522 - Changed to align text in box. 24%; */
}

.col-lg-3.col-md-3.col-sm-6.col-xs-12.latest-travel-blog h4{
    text-align: justify;
    font-weight: 700;
    font-size: 16px;
    height: 40px;
}

.col-lg-3.col-md-3.col-sm-6.col-xs-12.latest-travel-blog h4 a{
    color: #0c6207;
}

.col-lg-3.col-md-3.col-sm-6.col-xs-12.latest-travel-blog img{
    height: 20px;
    width: 20px;
}
span.vertical_partition{
    border-right: 1px solid;
    padding-right: 5px;
    color: #000;
    font-style: unset
}

/* END */



 /*################################################## RESPONSIVE CSS ( MEDIA QUERY ) ##############################################################*/

     /* Start
        SP
        14/02/2023
        Added to fix CLs in large devices.
    */
@media only screen and (min-width:1920px){
    #map-section {
        min-height: 938px !important;
    }
}

@media only screen and (min-width:1800px) and (max-width:1920px){
    #map-section {
        min-height: 880px !important;
    }
}

    /*END 14/02/2023 */

 @media only screen and (min-width:1200px) and (max-width:1920px) {
     .featured-packages .package-details .tag {
         top: -43px;
     }
 }

 /*Surekha - 07/10/2019 - added to remove space below price in featured block for large screens. */
 @media only screen and (min-width:1600px) {
     .featured-packages .homepagetiles .item .package-details .bottom-left-right-price p {
         height: 12px !important;
     }

     .featured-packages .package-details {
         height: 296px;
     }

     /* Start
        SP
        14/02/2023
        Added to fix CLs in large devices.
    */
    #map-section {
        min-height: 780px;
    }
    /*END 14/02/2023 */
 }

 @media only screen and (min-width:1025px) and (max-width:1767px) {

     /*Surekha - 27/03/2020 - changed h3 to p tag,
  .hot-deals .left-section .discount h3 */
     .hot-deals .left-section .discount p {
         font-size: 21px;
     }
 }

/*
    Start
    SP
    14/02/2023
    Added to fix CLS in desktop.
*/
@media only screen and (min-width:1200px) and (max-width:1600px){
    #map-section {
        min-height: 580px !important;
    }
}
/*END 14/02/2023 */

 @media only screen and (min-width:1025px) and (max-width:1366px) {

     /* shafi 06dec19 no use so hide .map-container .title .loc_name { padding: 1px 22px 1px; margin: 5px 10px 6px; } */
     .hot-deals-xs .accordion-body .desti-disc em {
         color: #ffffff;
         font-size: 26px;
         font-family: 'metropolis-bold';
         font-style: normal;
     }

     .hot-deals-xs .accordion-body .desti-disc h3 {
         color: #ffffff;
         font-size: 34px;
         font-family: 'metropolis-bold';
         margin: 5px 0 35px;
     }

     .hot-deals-xs .accordion-body .hotel-details .hotel-name h2 {
         color: #1a1a1a;
         font-size: 14px;
         font-family: 'metropolis-bold';
     }

     /*Surekha - 27/02/2020 - changedd font-size: 18px; */
     /*Surekha - 27/03/2020 -  changed h3 to p tag.
  .hot-deals-xs .accordion-heading .discount h3 */
     .hot-deals-xs .accordion-heading .discount p {
         margin-top: 0;
     }

     .hot-deals .left-section h2 {
         font-size: 22px;
         padding-left: 15px;
     }

     /*.hot-deals .left-section h3 { font-size: 22px; padding-left: 15px; }*/
     /*Surekha - 27/03/2020 - changed h3 to p tag.
  .hot-deals .left-section .discount h3 */
     .hot-deals .left-section .discount p {
         font-size: 16px !important;
     }

     .hot-deals .left-section .discount em {
         font-size: 13px;
         font-style: normal;
     }

     .hot-deals-xs .accordion-heading {
         border-bottom: 1px solid #ddd;
     }

     .hot-deals .hotel-details .price span {
         font-size: 12px !important;
     }

     .hot-deals .hotel-details .price strike {
         font-size: 12px;
     }

     .hot-deals .hotel-details .tag {
         top: 99px;
         font-size: 12px;
     }

     .featured-packages .package-details .packageinfo {
         height: 150px;
     }

     /* .featured-packages .owl-carousel .owl-stage-outer { height: 530px;} */
 }

 @media only screen and (min-width:1280px) and (max-width:1366px) {
     #homePage .search-destination {
         margin-top: -70px;
     }

     .call-section .call-wrapper:after {
         right: 55px;
     }
 }

 @media only screen and (min-width:1200px) and (max-width:1280px) {
     #homePage .search-destination {
         margin-top: -115px;
     }

     .hot-deals .hotel-details .price span {
         font-size: 16px;
     }

     .hot-deals .hotel-details .price strike {
         font-size: 16px;
     }

     .hot-deals .hotel-details .tag {
         top: 99px;
         font-size: 16px;
     }
 }

 @media(max-width:1200px) {
     .teamslider-wrap .custTestimonial {
         right: 0;
         width: 66%;
     }

 }


 /** START
Sushma Sutar
Date - 22/05/2019
Mobile pacipic map in responsive
**/
 @media (min-width: 1025px) and (max-width: 1199px) {
     .hidden-md-1 {
         display: none !important;
     }

     .teamslider-wrap .team-text-inner .text-inner-wrap {
         margin-left: 0px !important;
         /* Surekha - 31/10/2019 - changed  50px !important; */
     }

 }

 @media only screen and (max-width: 1024px) {
     .hot-deals-xs .accordion-heading .discount:before {
         top: 11px;
     }

     .show-mobile {
         display: block;
         width: 100%;
         margin: 0;
     }

     /* background: url(/wp-content/themes/hideawayholidays/frontend/images/Map-Mobile-South-Pacific.jpg)no-repeat; */
     .hide-mobile {
         display: none;
     }

     img.img-responsive.show-mobile {
         display: block;
     }

     /*Surekha - added as images are getting stretched. */
     .hot-deals .hotel-details img {
         height: 100% !important;
         /* 110px !important; Surekha - 24/02/2020 */
     }

     .teamslider-wrap {
         height: 250px !important;
     }


     /*END*/
 }

 /*Surekha - 28/04/2020 - added as hot deals section in large screen not displaying properly. */
 @media (min-width: 991px) {
     .hot-deals-xs .accordion-body .desti-disc p {
         margin: 0px 0px 0px;
     }
 }

 /*END*/
 @media (min-width: 787px) and (max-width: 1024px)  {
     .homepage-hotdeal {
    width: 30%;
    }
}

 @media  (min-width: 768px) and (max-width: 1024px) {
     .hot-deals .left-section .img img {
         height: 62px;
     }

     .hot-deals .nav-tabs>li {
         height: 63px;
     }

     .hot-deals .left-section h2 {
         margin: 0;
     }

     .hot-deals .left-section h3 {
         margin: 0;
     }

     .hot-deals .left-section .destination {
         height: 62px;
     }

     .hot-deals .left-section li:hover img {
         width: 100%;
         /*130px;*/
     }

     .hot-deals .right-section {
         height: 560px;
     }

     /*Surekha - 24/02/2020 - changed height: 683px; as displaying only nine deals. */
     /*min-height: 683px; Surekha - 18/10/2019 - commented min-height and added height: 559px;*/
     /*shafi 05-12-2019 i have added height */

     /*Surekha - 09/12/2019 - added as logo is overlapping on text. */
     .team-img-inner {
         height: 360px !important;
     }

     /*END*/
    
 }


 /*Surekha -  01/11/2019 - added for customer stories in ipad view.*/
 @media only screen and (min-device-width: 768px) and (max-device-width: 1023px) {
     .teamslider-wrap .custTestimonial {
         /* left: 330px !important; */
     }

     .team-text-inner .text-inner-wrap .customer-review {
         -webkit-line-clamp: 3 !important;
     }

     .customer-stories .container .teamslider-wrap .team-text-inner .text-inner-wrap {
         margin-left: 24px !important;
         /*10px !important; Surekha - 04/03/2020*/
     }

     /*.teamslider-wrap, .team-img-inner{
    height: 230px !important;
}*/
     /*END*/
 }

 /* mohan -16/12/19 css start */
 @media only screen and (max-width:1024px) {

     .teamslider-wrap,
     .team-img-inner {
         height: 400px !important;
     }

     /* .mainMenu img {
    margin: 23px 0px!important;
} */
     .owl-carousel.cust-stories-xs.owl-theme.owl-loaded.owl-drag .item .text-center.left-side img {
         height: auto;
     }

     .hot-deals-flex .hot-rs span {
         font-size: 12px;
     }

     /*.hot-deals .hotel-details .hotel-name {
         height: 110px;
         // 100px; Surekha - 24/02/2020 - 
     }*/

     .hot-deals .hotel-details {
         padding-right: 0%;
         position: relative;
        /* padding-left: 3%;
          padding-bottom: 5%;*/
     }

     .hot-deals-flex .hot-rs {
         right: 0%;
         top: 24%;
        /* top: 46%;*/
         /* 99px; Surekha - 27/02/2020 - changed */
         bottom: initial;
     }

     .hot-deals-flex .hot-rs p {
         font-size: 11px;
         /*12px; Surekha - 24/02/2020 */
     }

     /*Surekha - 27/03/2020 -  changed h3 to p tag.
.hot-deals-xs .accordion-heading .discount h3 */
     .hot-deals-xs .accordion-heading .discount p {
         font-size: 22px;
     }

     /*Surekha - 09/12/2019 - added to display text in full size. */
     .teamslider-wrap .custTestimonial {
         width: 70% !important;
     }

     /*END*/

 }

 @media only screen and (max-width:768px) {

     .teamslider-wrap,
     .team-img-inner {
         height: 230px !important;
     }

     h1.main_title {
         line-height: 50px;
         font-size: 48px;
     }

     .owl-carousel.cust-stories-xs.owl-theme.owl-loaded.owl-drag .item .text-center.left-side img {
         height: auto;
     }

     .owl-carousel.client-logo.owl-theme.owl-loaded.owl-drag .owl-stage-outer .owl-stage .owl-item .item .logo-img img.img-responsive {
         height: auto;
     }

     /*Surekha - 14/12/2020 - commented to align christmas logo. 
.mainMenu .logo-section img{
  margin: 14px 0px!important;
}
*/

     /*
Start
01/10/2020
Sushma B
Added for fixing CLS issue with homepage map image
*/
     #map-section {
         min-height: 300px;
         ;
     }

     #hot-deal-accordion {
         min-height: 670px;
     }

     /* END */


 }

 /* css end */

 /*END*/
 /* ****************** IPAD Landscape ****************** */
 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
     .hot-deals-xs .accordion-body .desti-disc em {
         color: #ffffff;
         font-size: 26px;
         font-family: 'metropolis-bold';
         font-style: normal;
     }

     .hot-deals-xs .accordion-body .desti-disc h3 {
         color: #ffffff;
         font-size: 34px;
         font-family: 'metropolis-bold';
         margin: 5px 0 35px;
     }

     .hot-deals-xs .accordion-body {
         background-size: cover !important
     }

     .hot-deals-xs .accordion-body .hotel-details .hotel-name h2 {
         color: #1a1a1a;
         font-size: 18px;
         font-family: 'metropolis-bold';
     }

     .featured-packages .package-details .packageinfo p {
         line-height: 1.2;
     }

     .hot-deals-flex .hot-rs {
         right: 0%;
         /* top: 102px; Surekha - 27/02/2020 - commented as not required. */
         bottom: initial;
     }

     .ubermenu-custom-content.search-header {
         display: none;
     }

     /* #homePage .search-destination {margin-top: -51px;} */
     .team-text-inner {
         margin-left: 15px;
     }

     .hot-deals-xs .section-title h3 {
         margin: 0px 0 15px 85px;
     }

     /* .ubermenu-nav > li > a{ padding: 34px 4px !important; font-size: 12px;} */
     /* 
    Start
    24/10/2019 
    Altexsoft changes for Mac device
    */
     /*
  .featured-packages .owl-theme .owl-nav .owl-next { right: 17.7%;margin-left: 10px;}
  */
     /* END */
     /*.footer-section .footer-socialmedia ul > li{padding: 12px 8px;}
  .footer-section .footer-socialmedia > ul > li:first-child { padding: 12px 13px;}*/

     .search-destination .accomodation .checkbox {
         padding-left: 20px;
     }


 }


 /*
@media only screen and (min-width:960px) and (max-width:991px){
#map-section { min-height: 516px;}
}*/

 @media only screen and (min-width:992px) and (max-width:1024px) {

     /* .container {
    width: 100%;
} */
     .selectize-dropdown,
     .selectize-input,
     .selectize-input input,
     .panel_search_cstm .input_wrapper,
     .destination_col .contentsam {
         font-size: 12px !important;
     }

     .call-section .call-wrapper:after {
         right: 48px;
         top: -12px;
     }

     .hot-deals-xs .accordion-body .desti-disc em {
         color: #ffffff;
         font-size: 26px;
         font-family: 'metropolis-bold';
         font-style: normal;
     }

     .hot-deals-xs .accordion-body .desti-disc h3 {
         color: #ffffff;
         font-size: 34px;
         font-family: 'metropolis-bold';
         margin: 5px 0 35px;
     }

     .hot-deals-xs .accordion-body .hotel-details .hotel-name h2 {
         color: #1a1a1a;
         font-size: 14px;
         font-family: 'metropolis-bold';
         margin-top: 0px;
     }

     /*Surekha - 01/11/2019 - changed margin-top: 13px; */
     .hot-deals-xs .accordion-body .hotel-details .hotel-name {
         padding: 38px 10px 0;
         height: 117px;
     }

     .hot-deals-xs .accordion-body .hotel-details .hotel-name .tag {
         top: -45px;
     }

     /* .hot-deals-xs .accordion-body .hotel-details .price{bottom: 69px;} */
     /*Surekha - 27/03/2020 - changed h3 to p tag
  .hot-deals-xs .accordion-heading .discount h3 */
     .hot-deals-xs .accordion-heading .discount p {
         margin-top: 0;
     }

     /* .teamslider-wrap .custTestimonial{float: right; width: 46% !important}Surekha - 31/10/2019 -  added     width: 46% !important */
     .team-text-inner .text-inner-wrap .customer-review {
         overflow: hidden;
         text-overflow: ellipsis;
         display: -webkit-box;
         line-height: 1.2;
         -webkit-line-clamp: 5;
         -webkit-box-orient: vertical;
     }

     .team-text-inner .text-inner-wrap .customer-review p {
         display: -webkit-box;
         -webkit-line-clamp: 3;
         -webkit-box-orient: vertical;
         overflow: hidden;
     }

     /* .team-img-inner{margin-left: -254px;} */
     .map-container .title {
         margin-top: 10px;
         padding: 0;
     }

     .map-container .title .loc_name {
         padding: 1px 22px 1px;
         margin: 5px 10px 6px;
     }

     #homePage .search-destination {
         margin-top: -40px;
     }

     /* #map-section{min-height: 490px;} */
     .hot-deals .left-section .img {
         width: 24% !important;
     }

     .hot-deals .left-section h2 {
         font-size: 22px;
         padding-left: 15px;
     }

     .hot-deals .left-section h3 {
         font-size: 22px;
         padding-left: 15px;
     }

     .hot-deals .left-section .discount .wrapping {
         padding: 8px 0 0;
     }

     /*Surekha - 27/03/2020 - changed h3 to p tag. 
  .hot-deals .left-section .discount h3 */
     .hot-deals .left-section .discount p {
         font-size: 16px !important;
     }

     /*Surekha - 27/03/2020 - added  .hot-deals  .desti-disc p */
     .hot-deals .desti-disc h3,
     .hot-deals .desti-disc p {
         font-size: 46px;
     }

     .hot-deals .desti-disc h2 {
         font-size: 46px;
     }

     .ubermenu .ubermenu-search .ubermenu-searchform {
         width: 125px !important
     }

     /* .ubermenu .ubermenu-item.ubermenu-item-level-0{padding: 0 5px !important;} */

     /*Surekha - 08/11/2019 - added as per provab comment in excel. */
     .ubermenu-submenu.ubermenu-submenu-id-5831 {
         width: 1015px !important;
         left: -16% !important;
         /*-31% !important; Surekha - 11/06/2020 - changed as dropdown menu is getting hidden. */
         padding: 7px !important;
     }

     /*END*/

     /* .logo-section{width: 20%;} */
     /* .mainMenu img{margin-top: 19px;}      */
     .imp-initialized {
         background-color: #c9e7f1;
     }

     .why-us-xs .title h3 {
         margin-top: 30px;
     }

     .featured-packages .package-details .tag {
         top: -43px;
     }

     .featured-packages .homepagetiles .owl-item img {
         height: 155px;
     }

     .featured-packages .package-details ul.flightinfo li {
         font-size: 11px;
     }

     /* 
    Start
    24/10/2019 
    Altexsoft changes for Mac device
    */
     /*
  .featured-packages .owl-theme .owl-nav .owl-prev { left: 28.8%;}
  .featured-packages .owl-theme .owl-nav .owl-next { right: 17.7%;margin-left: 10px;}
  */
     /* .featured-packages .owl-carousel .owl-stage-outer {height: 425px;} */

     /*Surekha - 27/03/2020 - changed h3 to p tag.
  .hot-deals .left-section .discount h3 { font-size: 17px;}
  .hot-deals .left-section .discount h3{font-size: 18px;} */
     .hot-deals .left-section .discount p {
         font-size: 18px;
     }

     /*END*/

     .hot-deals .left-section .img {
         width: 33.33333333%;
     }

     .hot-deals .left-section h4 {
         font-size: 22px;
     }

     .hot-deals .left-section .destination {
         padding-left: 10px;
     }

     .hot-deals .left-section .discount {
         margin-top: 10px;
     }

     .hot-deals .left-section .discount:before {
         top: 6px;
         height: 38px;
     }

     .hot-deals .left-section .discount em {
         font-size: 13px;
         font-style: normal;
     }

     .hot-deals-xs .accordion-heading h4 {
         font-size: 22px;
     }

     .hot-deals-xs .accordion-heading .destination {
         padding-left: 10px;
     }

     .hot-deals-xs .accordion-heading .discount {
         margin-top: 10px;
     }

     .hot-deals-xs .accordion-heading .discount:before {
         top: 6px;
         height: 38px;
     }

     .hot-deals-xs .accordion-heading .discount em {
         font-size: 13px;
         font-style: normal;
     }

     .hot-deals-xs .accordion-heading {
         border-bottom: 1px solid #ddd;
     }

     /*
START
Sushma Sutar  
15 May 2019
CSS for home page issues
*/
     .hot-deals .hotel-details .price strike {
         font-size: 15px;
     }

     .featured-packages .package-details .packageinfo {
         height: 145px;
     }

     .hot-deals .hotel-details .price span {
         font-size: 15px;
     }

     .hot-deals .hotel-details .price {
         top: 121px;
     }

     .hot-deals .hotel-details .tag {
         top: 94px;
     }

     /*Surekha - 18/10/2019 - removed sapcing.*/
     /*
  .hot-deals .right-section{
    padding: 20px 30px 40px 20px;
  }*/
     /*Surekha - 27/03/2020 - added  .hot-deals  .desti-disc p */
     .hot-deals .desti-disc h3,
     .hot-deals .desti-disc p {
         margin-top: 0 !important;
     }

     /* Shafi 20200129 dded styling to customer stories for small devices. */
     .teamslider-wrap .custTestimonial {
         float: right;
         width: 70% !important;
         left: 16%;
     }

     .team-img-inner .img-inner-wrap {
         float: left;
         border: 1px solid #e8e8e8;
         margin-left: 30px;
     }

 }

 @media only screen (max-width:999px) {

     /* shafi 20200128 search filter */
     .search-destination-panel {
         margin-top: -40px !important;
     }

     .packageinfo .col-md-5 {
         text-align: left !important;
         padding-left: 20px !important;
     }

     /*Surekha - 04/09/2019 - added styling to customer stories for small devices. */
     .col-xs-12.left-side,
     .col-xs-12.right-side.pad-0 {
         width: 100%;
     }

     .owl-item .item {
         width: 100%;
         display: inline-flex;
     }

     .hot-deals-flex .hot-rs {
         right: 15%;
         bottom: 22px;
     }

     .hot-deals-xs .accordion-body .hotel-details .hotel-name p {
         width: auto;
         float: right;
         background: #e24133;
         padding: 5px 10px;
         color: #fff;
         font-size: 16px;
     }

     .hot-deals-xs .accordion-heading .discount {
         padding-right: 0;
         padding-top: 14px;
     }

     /*END*/
 }

 /* ****************** IPAD ****************** */
 @media only screen and (min-width:768px) and (max-width: 991px) {

     .hot-deals-xs .accordion-heading .discount {
         padding-right: 0;
         padding-top: 13px;
         margin-top: 0px;
         /*Surekha - 24/03/2020 - added to verticaly align middle. */
     }

     /*
  Start
  Sushma Sutar 
  2-04-2019
  for home page responsive issues
  */
     /*Surekha - 27/03/2020 -  changed h3 to p tag. 
  .hot-deals .left-section .discount h3 */
     .hot-deals .left-section .discount p {
         font-size: 15px;
         margin: 7px 0 5px 0;
     }

     .hot-deals .left-section h2 {
         font-size: 17px;
     }

     .hot-deals .left-section h3 {
         font-size: 17px;
     }

     .hot-deals .left-section li:hover img {
         width: 100%;
         /*95px; */
         /*height: 45px;*/
     }

     .hot-deals .desti-disc h2 {
         font-size: 30px;
     }

     .hot-deals .desti-disc em {
         font-size: 24px;
     }

     /*Surehka - 27/03/2020 -  added  .hot-deals  .desti-disc p */
     .hot-deals .desti-disc h3,
     .hot-deals .desti-disc p {
         font-size: 30px;
         margin-top: 0 !important;
     }

     /*Surekha - 18/10/2019 - commented. 
  .hot-deals  {
    padding: 0px 20px 40px 15px; /*Surekha - 21/08/2019 - changed padding to display hot deals right section offer at top. */
     /*padding: 20px 20px 40px 15px; 
  }*/
     .hot-deals .hotel-details .price span {
         font-size: 13px;
     }

     .hot-deals .hotel-details .price strike {
         font-size: 13px;
     }

     /*shafi - 19/11/2019 -  added for call section font size radius. */
     .hot-deals .hotel-details .hotel-name a {
         font-size: 12px;
         line-height: 16px;
         float: left;
     }

     /*END*/
     .hot-deals .btn-view-deals {

         font-size: 16px;
     }

     /*END*/

     .search-destination .accomodation .checkbox {
         padding-left: 20px;
     }

     .searchDestination-xs span.selectboxit.form-control.selectpicker.selectboxit-enabled.selectboxit-btn:before {
         content: "\63";
         color: #fff;
         position: absolute;
         left: 9px;
         font-family: "webfont";
         top: 8px;
         font-size: 17px;
         opacity: 0.7;
     }

     .section-title h3 {
         font-size: 50px;
         margin: 0px 0px 15px 0px;
         text-align: center;
     }

     /* margin-bottom: 15px; */
     /*Surekha - 30/10/2019 - added margin:0px 0px 15px 0px; text-align:center; */

     /*Shafi 05-12-2019 added min-width: 55%;*/
     .teamslider-wrap .custTestimonial {
         width: 65% !important;
     }

     .teamslider-wrap .custTestimonial {
         left: inherit;
         /* min-width: 57%;
    max-width: 50%; */
     }

     /*min-width: 44%; max-width:50%; 1/11/2019 */
     /* Surekha - 31/010/2019 - changed left:36%; and added width:50%; */
     /*47%; Surekha - 25/10/2019 - text is out of box. */
     .team-img-inner {
         margin-left: 0;
     }

     .teamslider-wrap {
         height: 280px !important;
     }

     /* 255px; Surekha - 04/09/2019 - changed height from 255px to 390px as image is overlapping on text. */
     .team-text-inner {
         margin-left: 0%;
         margin-right: 2%;
     }

     /* 0px;  Surekha - 01/11/2019 - added margin-right: 2%; to fix image overlap on text in customer stories. */
     /*Surekha - 01/11/2019  - added */
     .teamslider-wrap .team-text-inner .text-inner-wrap {
         margin-left: 50px !important;
     }

     /*END*/
     .team-text-inner .text-inner-wrap .customer-review {
         overflow: hidden;
         text-overflow: ellipsis;
         display: -webkit-box;
         line-height: 1.2;
         -webkit-line-clamp: 5;
         -webkit-box-orient: vertical;
     }

     /*Surekha - 31/10/2019 - chnaged -webkit-line-clamp: 3; */
     .team-text-inner .text-inner-wrap .customer-review p {
         overflow: hidden;
         display: -webkit-box;
         -webkit-line-clamp: 3;
         -webkit-box-orient: vertical;
     }

     .emai lus h3:after {
         top: 86px;
     }

     .hot-deals-xs {
         padding-bottom: 20px;
     }

     .hot-deals-xs .accordion-body .desti-disc em {
         color: #ffffff;
         font-size: 26px;
         font-family: 'metropolis-bold';
         font-style: normal;
     }

     .hot-deals-xs .accordion-body .desti-disc h3 {
         color: #ffffff;
         font-size: 34px;
         font-family: 'metropolis-bold';
         margin: 5px 0 15px;
     }

     /*Surekha - 24/03/2020 -  changed  margin: 5px 0 35px; */
     .hot-deals-xs .accordion-body .hotel-details .hotel-name h2 {
         color: #1a1a1a;
         font-size: 14px;
         font-family: 'metropolis-bold';
         margin-top: 0px;
     }

     /*margin-top: 13px; Surekha - 01/11/2019 */
     .hot-deals-xs .accordion-body .hotel-details .hotel-name {
         padding: 15px 10px;
         height: 83px;
     }

     /* .hot-deals-xs .accordion-body .hotel-details .price{bottom: 68px;} */
     .hot-deals-xs .accordion-body {
         padding: 14px 25px;
     }

     .customer-stories p.customer-name {
         margin: 5px 0;
     }

     .hot-deals-flex .hot-rs {
         right: 0%;
         /*top: 51%;*/
         top:40%;
         bottom: initial;
     }

     /*Surekha - 24/02/2020 -  added for hotel name in hot deals packages details. */
     .hot-deals .hotel-details .hotel-name h2 {
         font-size: 12px;
         line-height: 14px;
         margin-bottom: 6px;
     }

     /*END*/

     .map-container .title {
         padding: 0px 4px;
     }

     .map-container .title .loc_name {
         padding: 1px 17px 1px;
         margin: 5px 10px 6px;
     }

     .ubermenu-responsive-toggle,
     .ubermenu-sticky-toggle-wrapper {
         display: block;
     }

     /*Surekha - 27/03/2020 - changed h3 to p tag.
  .hot-deals-xs .accordion-heading .discount h3 */
     .hot-deals-xs .accordion-heading .discount p {
         margin-top: 0;
         font-size: 18px;
     }

     /*font-size: 27px; - Surekha - 30/10/2019 */
     #hot-deal-accordion .accordion-heading {
         border-bottom: 1px solid #ddd;
     }

     /*shafi - 21/11/2019 - added right: 4px; .*/
     .call-section .call-wrapper:after {
         right: 4px;
         top: -10px;
     }

     /* top: -29px; right: -12px; Surekha - 11/03/2020 - changed for medium devices. */

     /*Surekha - 04/09/2019 - added styling for customer stories.*/
     .customer-stories .container {
         width: 100%;
         padding-left: 2%;
         padding-right: 2%
     }

     /*END*/

     /* Start
        SP
        14/02/2023
        Added to fix CLs in large devices.
    */
    #map-section {
        min-height: 490px !important;
    }
    /*END 14/02/2023 */

 }

 @media only screen and (max-width:770px) {

     /*Shafi -  05/12/2019 - added for margin top:10px;.*/
     .hot-deals .left-section .discount {
         margin-top: 0;
     }

     .col-md-6.col-sm-6.col-xs-12.col-md-push-1.call-req {
         width: 100%;
         /*91%; Surekha - 11/03/2020 */
     }

     .call-section .textwidget hr {
         height: 94px;
         margin: 0px 0 0;
         margin-right: 4%;
     }
 }

 /* ****************** FOR MOBILE ****************** */
 @media only screen and (max-width:767px) {


     /*Shafi -  05/12/2019 - added for margin top:10px;.*/
     .hot-deals .left-section .discount {
         margin-top: 0;

     }

     .call-section .textwidget hr {
         height: 1px;
         margin: 0px 0 0;
         margin-right: 0;
         width: 100%;
     }

     .searchDestination-xs span.selectboxit.form-control.selectpicker.selectboxit-enabled.selectboxit-btn:before {
         content: "\63";
         color: #fff;
         position: absolute;
         left: 9px;
         font-family: "webfont";
         top: 8px;
         font-size: 17px;
         opacity: 0.7;
     }

     .featured-packages .package-details .packageinfo {
         height: 155px;
     }

     #map-section {
         margin-top: 0;
     }

     /* #map-section {min-height: 508px;} */
     .imp-initialized {
         background-color: #c8e6f0;
     }

     .why-us-xs .title h3 {
         font-size: 30px;
         margin-bottom: 40px;
         margin-top: 30px;
     }

     /*  .why-us-xs .title h3:after{top: 71px;}*/
     .why-us-xs .title h1 {
         font-size: 27px;
         margin-bottom: 24px;
         margin-top: 30px;
     }

     /*  .why-us-xs .title h1:after{top: 85px;}*/
     .info-xs.owl-carousel .owl-item img {
         margin: 0 auto;
         width: auto;
         max-width: 70px !important;
         background-color: #0c6207; /* SP - 20240521 - Added to dispaly images in small devices. */
     }

     /*Surekha - 15/04/2020 - added max-width: 70px !important; as image is hidden in small devices. */
     .info-xs.owl-carousel .owl-item {
         text-align: center;
     }

     .info-xs {
         margin: 10px 0 50px;
     }

     .search-destination .chooseDate input {
         border: 0;
     }

     .owl-carousel.client-logo .owl-item img {
         margin: 0 auto;
     }

     .customer-stories .pull-xs {
         float: right;
     }

     .customer-stories .img-inner-wrap.team-shadow {
         left: 0 !important;
         top: -140px !important;
     }

     .customer-stories .team-text-inner {
         font-size: 11px;
     }

     .cust-stories-xs .left-side {
         padding-left: 0;
         margin: 10px 0 0 0;
     }

     .section-title h2 {
         text-align: center;
         font-size: 33px;
         margin: 0;
     }

     .section-title h3 {
         text-align: center;
         font-size: 33px;
         margin: 0;
     }


     .hot-deals .left-section {
         width: 100%;
     }

     /*Surekha - 27/03/2020 - changed h3 to p tag.
  .hot-deals .left-section .discount h3 */
     .hot-deals .left-section .discount p {
         font-size: 18px;
     }

     .hot-deals .left-section .img {
         width: 33.33333333%;
     }

     .hot-deals .left-section h4 {
         font-size: 22px;
     }

     .hot-deals .left-section .destination {
         padding-left: 10px;
     }

     .hot-deals .left-section .discount {
         margin-top: 10px;
     }

     .hot-deals .left-section .discount:before {
         top: 6px;
         height: 38px;
     }

     .hot-deals .left-section .discount em {
         font-size: 13px;
         font-style: normal;
     }

     .hot-deals-xs .section-title h2 {
         margin-bottom: 20px;
     }

     .hot-deals-xs .accordion-body .hotel-details img {
         margin: 0 auto;
         width: 100%;
     }

     /*Surekha - 27/03/2020 - changed h3 to p tag.
  .hot-deals-xs .accordion-heading .discount h3 */
     .hot-deals-xs .accordion-heading .discount p {
         font-size: 16px;
         margin: 0 0 5px 0;
         height: auto;
     }

     /*Surekha - 24/03/2020 - added height: auto; to align text middle*/
     .hot-deals-xs .accordion-heading .discount h4 {
         font-size: 16px;
         margin: 0 0 5px 0;
     }

     .hot-deals-xs .accordion-heading .img {
         width: 33.33333333%;
     }

     .hot-deals-xs .accordion-heading h4 {
         font-size: 22px;
     }

     /*Surekha - 24/03/2020 - h2 changed to h3.
  .hot-deals-xs .accordion-heading h2 */
     .hot-deals-xs .accordion-heading h3 {
         font-size: 20px;
         /*Surekha - 12/11/2019 - added to align text verticaly middle. */
         height: 70px;
         display: inline-flex;
         align-items: center;
         margin: 0px;
         justify-content: center;
         /*END*/
     }

     .hot-deals-xs .accordion-heading .destination {
         padding-left: 16px;
     }

     .hot-deals-xs .accordion-heading .discount {
         margin-top: 10px;
     }

     /*14px; shafi - 21/11/2019 - changed to align discount text verticaly middle. */
     /*Surekha - 19/11/2019 - added to make text vertical align middle. */
     .hot-deals-xs .accordion-heading .discount .wrapper {
         margin-top: 5px;
     }

     /*END*/
     .hot-deals-xs .accordion-heading .discount:before {
         top: 6px;
         height: 38px;
     }

     .hot-deals-xs .accordion-heading .discount em {
         font-size: 13px;
         font-style: normal;
     }

     .hot-deals-xs .view-all-btn-xs {
         text-align: center;
     }

     .hot-deals-xs .accordion-body .btn-view-deals {
         border: 1px solid #e24133;
         margin-top: 0;
         padding: 13px 18px;
         font-size: 16px;
     }

     .hot-deals-xs .accordion-body {
         background-size: cover !important;
         background-repeat: no-repeat;
         border-top: 5px solid #e24133;
     }

     .hot-deals-xs .accordion-body .hotel-details .hotel-name .tag {
         top: 147px;
         /*position: relative;*/
     }

     .hot-deals-xs .accordion-body .hotel-details .price {
         /* position: relative; */
     }

     .hot-deals-xs .accordion-body .hotel-details .hotel-name .hot-rs p {
         width: auto;
         float: right;
         background: #e24133;
         padding: 5px 10px;
         color: #fff;
         font-size: 14px;
     }

     .hot-deals-xs .accordion-body .hotel-details .hotel-name .hot-rs {
         right: 0%;
         bottom: 70px;
     }

     .hot-deals .hotel-details .hotel-name a {
         color: #1a1a1a;
         font-size: 18px;
         font-family: 'metropolis-bold';
         width: 100%;
     }

     .hot-deals-xs .accordion-body .hotel-details .hotel-name h2 {
         min-height: 50px;
         color: #1a1a1a;
         padding: 0 10px;
         font-size: 16px;
         font-family: 'metropolis-bold';
         margin-top: 10px;
     }

     /* .hot-deals-xs .accordion-body .hotel-details .hotel-name{height: auto;} */
     .hot-deals-xs .accordion-heading {
         border-bottom: 1px solid #ddd;
     }

     #hot-deal-accordion .accordion-inner em {
         color: #fff;
         font-style: normal;
         font-size: 18px;
     }

     #hot-deal-accordion .accordion-inner h3 {
         color: #fff;
         margin-top: 0;
         font-family: "metropolis-bold";
     }

     .featured-packages .package-details .tag {
         top: -43px;
     }

     .featured-packages .owl-theme .owl-nav [class*=owl-] {
         padding: 14px 20px;
     }

     .featured-packages {
         padding: 50px 0 107px;
     }

     .customer-stories {
         padding-top: 0;
     }

     .customer-stories .title h3 {
         font-size: 32px;
     }

     .customer-stories .title p {
         font-size: 14px;
     }

     .customer-stories .team-wrap {
         right: 0;
     }

     .customer-stories .team-wrap span {
         width: 63px;
     }

     .customer-stories .title h3:after {
         top: 105px;
     }

     .customer-stories-xs {
         padding-top: 0;
         padding-bottom: 70px;
     }

     /*Surekha - 03/04/2020 -  h3 changed to h2.
  .customer-stories-xs .title h3 */
     .customer-stories-xs .title h2 {
         font-size: 32px;
     }

     .customer-stories-xs .title p {
         font-size: 14px;
     }

     .customer-stories-xs .team-wrap {
         right: 0;
     }

     .customer-stories-xs .team-wrap span {
         width: 63px;
     }

     /*Surekha - 03/04/2020 - changed h3 to h2.
  .customer-stories-xs .title h3:after */
     .customer-stories-xs .title h2:after {
         top: 74px;
     }

     .customer-stories-xs .cust-stories-xs {
         margin-top: 20px;
     }

     /*Surekha - 04/09/2019 - changed from 50px to 20px to reduce the white space above the imagge. */
     

     /* 
    Start
    24/10/2019 
    Altexsoft changes for Mac device
    */
     /*.customer-stories-xs .owl-theme .owl-nav .owl-prev{left: 0;}
  .customer-stories-xs .owl-theme .owl-nav .owl-next{right: 0;}
  */
     /* END */
     .customer-stories-xs .packageBtnWrap .btn-packageView {
         left: 34%;
         /*top: auto;*/
         bottom: -55px;
         right: 34%;
         width: 32%;
     }

     /* Surekha - 06/10/2019 - commented top: auto; and changed left:0;right: 0; width: 166px;*/
     .customer-stories-xs .owl-theme .owl-nav [class*=owl-] {
         padding: 14px 20px;
     }

     /*.customer-stories-xs .customer-review{margin-top: 5px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;} */
     /*Surekha - 10/12/2019 - commented as added link for large text. */
     .customer-stories-xs .owl-stage-outer {
         height: auto;
     }

     .customer-stories-xs .owl-stage-outer .item200px;

     img {
         /* Surekha - 04/09/2019 - changed for styling customer stories images and text. */
         width: 200px;
         /*50%;/*100%;} /* 80%; margin: 0 auto; */
         margin: 0% auto;
         /*Surekha - 06/10/2019 */
         height: 200px;
         /*180px; Surekha - 02/11/2019 */
     }

     .col-xs-12.right-side.pad-0 {
         width: 100%;
         display: inline-block;
     }

     /*END*/
     .emailus p {
         width: 100%;
     }

     .emailus .email-content form input {
         border: 1px solid #fff;
         border-radius: 5px;
     }

     /*  .emailus h3{ font-size: 24px;}
  .emailus h3:after{ top: 66px;}*/
     .emailus .email-content .input-group {
         display: block;
     }

     .emailus .col-md-push-3 {
         left: 0;
     }

     .emailus .email-content form .btn-join {
         margin: 5px 0 0 0;
         background: #fff;
         color: #FF5722;
         width: 100%;
         border-top-left-radius: 4px;
         border-bottom-left-radius: 4px;
     }

     .emailus .email-content form .input-group {
         border: 0;
         border-radius: 0;
     }

     /* 
    Start
    24/10/2019 
    Altexsoft changes for Mac device
    */
     /*
  .featured-packages .owl-theme .owl-nav .owl-prev{position: absolute;left: 90px;}
  .featured-packages .owl-theme .owl-nav .owl-next{ position: absolute;right: 90px;}
  */

     .search-destination {
         margin-top: 0 !important;
     }

     /* Surekha - 06/10/2019 - added as  logo image in customer stories is getting stretched. */
     .customer-stories-xs .owl-stage-outer .item img {
         width: 100%;
         /*200; shafi - 05/12/2019 */
         margin: 0% auto;
     }

     /*END*/

     /*Surekha - 19/10/2019 - added to make smaller in hot deals slide. */
     .accordion-inner .row .hot-deals-xs .accordion-body .hotel-details .owl-carousel.hotel-details-theme.owl-theme.owl-loaded.owl-drag .owl-stage-outer .owl-stage .owl-item .item {
         width: 50%;
         margin: 0% auto;
     }

     /*END*/

     /*Surekha - 02/11/2019 - added to make featured packages heading verticaly middle in small devices. */
     .featured-packages {
         padding-top: 40px;
         padding-bottom: 20px;
     }

     /*shafi - 23/01/2002 -  added for call section radius space in top. */
     .call-section {
         margin: 20px 0;
     }

     /* made margin 20 to align text vertically center. */
     /*END*/
     #featured-packages .container-fluid .row .section-title h3 {
         margin-bottom: 0px;
     }

     /*Surekha - 10/12/2019 - commented as added link for large text. */
     /*
p.customer-review.animated.fadeInRight.visible{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 1.2;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}/*END*/

     /*END*/

     /*Surekha - 19/02/2020 - added to give fix size to the image sin hot deals section in small devices. */

     .hot-deals .left-section .img img {
         width: 100%;
         height: 82px;
     }

     /*END*/
/*
Start
SP
05/10/2023
Added to align banner image on home page.
*/
img.HomePageBannerImg {
    min-height: 400px;
}
/*END 05/10/2023*/

/*
Start
SP
20240522
Added to align blogs section display in small devices.
*/
.col-lg-3.col-md-3.col-sm-6.col-xs-12.latest-travel-blog{
    margin: 1% 3%;
    width: 94%;
}
/* END */ 

}



 @media only screen and (min-width:514px) and (max-width: 767px) {
     .why-us-xs .title h1 {
         margin-bottom: 10px;
     }

     .why-us-xs {
         margin-bottom: 40px;
     }
 }

 /* Landscape */
 @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
     .searchDestination-xs .icon-map {
         left: 57px;
     }

     /* .customer-stories-xs .owl-theme .owl-nav .owl-prev { right: 50px; } */
     /* .customer-stories-xs .owl-theme .owl-nav .owl-next { right: 149px; } */
 }
 
 @media only screen and (max-width:425px) {
     .featured-packages .packageBtnWrap .btn-packageView {
         width: 160px;
         top: 5px;
     }

     /*Surekha - 01/11/2019 -  added for small view all deals button in small devices. */
     .hot-deals-xs .accordion-body .btn-view-deals {
         width: 66% !important;
     }

     /*END*/
     /*shafi - 21/11/2019 -  added for small devices. */
     .hot-deals-xs .accordion-heading .discount .wrapper {
         margin-top: 4px;
     }

     .customer-stories-xs .owl-stage-outer .item img {
         width: 100%;
         /*200; shafi - 05/12/2019 */
         margin: 0% auto;
     }

     .hot-deals-xs .accordion-body .hotel-details .hotel-name .hot-rs {
         right: 0%;
         bottom: 70px;
     }


     /*Surekha - 11/03/2020 - added to align contact text. */
     .call-section .call-wrapper em {
         font-size: 20px;
     }

     /*END*/

/*
Start
SP
05/10/2023
Added to align banner image on home page.
*/
img.HomePageBannerImg {
    min-height: 300px;
}
/*END 05/10/2023*/    
 
 }

 @media only screen and (max-width: 599px) {

     .hot-deals-flex .hot-rs {
         right: 15%;
         top: 33%;
         bottom: initial;
     }

     .hot-deals-xs .accordion-body .hotel-details .hotel-name {
         min-height: 0;
     }

     /*Start
19/11/2019 
Shafi ahmed padding changes for Iphone device
*/
     .hot-deals-xs .accordion-body .hotel-details .hotel-name .hot-rs {
         right: 15%;
         bottom: 70px;
     }

     .ubermenu .ubermenu-autocolumn {
         padding: 0 !important;
     }

     .ubermenu .ubermenu-item-type-column>.ubermenu-submenu-type-stack>.ubermenu-item-normal:first-child {
         margin-top: 0 !important;
     }

     .ubermenu .ubermenu-target {
         padding: 15px 20px 0;
     }

     /*END*/

     /* .hot-deals-xs .accordion-body .hotel-details .price{ */
     /* bottom: 31px; */
     /* } */
     /* /.customer-stories-xs .owl-stage-outer{height: 470px;} */

     /*Surekha - 14/12/2020 - commented to align christmas logo.
.mainMenu img{
  margin: 16px 0px 0 !important;
} */
     /*END*/


     .search-destination-panel {
         margin-top: 10px !important;
     }

     /*Surekha - 24/03/2020 - added styling for why book with..... as h1 changed to h2 for small devices. */
     .why-us-xs .title h2 {
         font-size: 22px;
     }

     /*END*/

     .homepage-hotdeal{
      width: 70%;/*49%;*/
     }
 }

 @media only screen and (max-width: 400px) {
     footer .travel-info .right-side .left img {
         width: 50%;
         /*100%;*/
     }

     .hot-deals-xs .accordion-body .hotel-details .hotel-name .hot-rs {
         right: 0%;
         bottom: 70px;
     }

     .hot-deals-flex .col-md-12.col-sm-12.col-xs-12 {
         padding: 0;
     }
 }

 @media only screen and (max-width: 360px) {

     /*shafi - 21/11/2019 - new added*/
     .hot-deals-xs .accordion-heading .discount .wrapper {
         margin-top: 4px;
     }

     /* 
    Start
    24/10/2019 
    Altexsoft changes for Mac device
    */
     /*
  .featured-packages .owl-theme .owl-nav .owl-prev{position: absolute;left: 83px;}
  .featured-packages .owl-theme .owl-nav .owl-next{ position: absolute;right: 83px;}
  */
     /* END */
     /*.customer-stories-xs .packageBtnWrap .btn-packageView { left: 0; top: auto;bottom: -55px; right: 0;margin: 0 auto;width: 165px;}*/
     .section-title h3 {
         font-size: 31px;
     }

     /*.hot-deals .hotel-details .hotel-name {
         height: 240px;
     }*/

     /*Surekha - 24/03/2020 -  h2 changed to h3
.hot-deals-xs .accordion-heading h2 */
     .hot-deals-xs .accordion-heading h3 {
         font-size: 18px;
     }

     /*Surekha - 30/10/2019 - added to make discount text small. */
     /*Surekha - 27/03/2020 - changed h3 to p tag.
.hot-deals-xs .accordion-heading .discount h3 */
     .hot-deals-xs .accordion-heading .discount p {
         font-size: 14px;
     }

     /*END*/


     /*Surekha - 01/11/2019 -  added for small view all deals button in small devices. */
     .hot-deals-xs .accordion-body .btn-view-deals {
         width: 84% !important;
     }

     /*END*/
 /*
 Start
 SP
 20240625
*/

.hot-deals .hotel-details .hotel-name p{
    font-size: 12px;
    margin-bottom: 0px;
}

/* END */

}

 @media only screen and (min-device-width: 360px) and (max-device-width: 640px) and (orientation: landscape) {
     .hot-deals-flex .icon-product li {
         float: none;
         width: 44%;
     }

     /* 
    Start
    24/10/2019 
    Altexsoft changes for Mac device
    */
     /*
  .featured-packages .owl-theme .owl-nav .owl-next{right: 36%;}
  .featured-packages .owl-theme .owl-nav .owl-prev{left: 36%;}
  .customer-stories-xs .owl-theme .owl-nav .owl-prev {left: 0;right: auto;}
  .customer-stories-xs .owl-theme .owl-nav .owl-next{right: 0;}
  */
     /* END */
     .details-aside-section-wrap button#search-map-view {
         width: 90px;
     }

     .details-aside-section-wrap button#search-list-view {
         width: 90px;
     }

     /*Surekha - 01/11/2019 */
     /*Surekha - 10/12/2019 - commented as added link for large text.   
  .customer-stories-xs .customer-review{margin-top: 4px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
/*END*/

 }

 @media only screen and (max-width:320px) {

     /* 
    Start
    24/10/2019 
    Altexsoft changes for Mac device
    */
     /*
  .featured-packages .owl-theme .owl-nav .owl-prev{position: absolute;left: 64px;}
  .featured-packages .owl-theme .owl-nav .owl-next{ position: absolute;right: 64px;}
  */
     /* END */
     .featured-packages .packageBtnWrap .btn-packageView {
         text-align: center;
         font-size: 13px;
         padding: 15px;
         width: 110px;
     }

     /*  .emailus h3{font-size: 21px;}*/
     .emailus {
         margin: 30px 0 25px;
     }

     .hot-deals-xs .accordion-heading h4 {
         font-size: 17px;
         padding-left: 10px;
     }

     /*Surekha - 27/03/2020 -  changed h3 to p tag
  .hot-deals-xs .accordion-heading .discount h3 */
     .hot-deals-xs .accordion-heading .discount p {
         font-size: 16px;
     }

     /* 
    Start
    19/11/2019 
    Shafi ahmed padding changes for Iphone device
    */
     .hot-deals-xs .accordion-heading .discount {
         padding: 5px;
     }

     /* END */
     .hot-deals-xs .accordion-heading .destination {
         padding-left: 22px;
     }

     .call-section .call-wrapper em {
         font-size: 20px;
         font-style: normal;
     }

     /* font-size: 22px; Surekha - 11/03/2020 */
     /* font-size: 23px; Surekha - 02/11/2019 */
     /*Surekha - 02/11/2019 - added for small devices. */
     .call-section .call-wrapper h3 {
         font-size: 18px;
     }

     /*END*/

     .section-title h3 {
         font-size: 27px;
     }

     /* 
    Start
    24/10/2019 
    Altexsoft changes for Mac device
    */
     /*.customer-stories-xs .packageBtnWrap .btn-packageView{padding: 15px;} */
     /*width: 123px; margin: 0 auto; height: 50px; left: 0;right: 0; Surekha - 06/10/2019 - */
     /* END */
     /*Surekha - 03/04/2020 - changed h3 to h2.
  .customer-stories-xs .title h3  */
     .customer-stories-xs .title h2 {
         font-size: 28px;
     }

     /*.customer-stories-xs .customer-review{margin-top: 4px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;} */
     /*Surekha - 10/12/2019 - commented as added link for large text. */

 }

 @media only screen and (max-width: 767px) {

     .hot-deals-xs .accordion-body .desti-disc em {
         color: #ffffff;

     }

     .hot-deals-xs .accordion-body .desti-disc h3 {
         color: #ffffff;
     }

     /*Surekha - 01/11/2019 -  added for small view all deals button in small devices. */
     .hot-deals-xs .accordion-body .btn-view-deals {
         width: 46%;
     }

     /*END*/

     /*Surekha - 03/11/2019 - added to align logo */
     footer .travel-info .right-side .left img {
         width: auto;
         /*100%;*/
     }

     /*END*/
     .hot-deals-flex .hot-rs {
         right: 0%;
         top: 33%;
         bottom: initial;
     }

     .hot-deals-xs .accordion-body .hotel-details .hotel-name {
         padding: 13px 0 13px;
         min-height: 63px;
     }

     /*
Start
Sushma B
12/10/2020
Added for fixing map height issue (CLS)
*/
     #map-section {
         min-height: 200px;
         /* 290px; SP - 29/07/2021 - changed to align new map image added with new zealand. */
     }

 }


 /** START
Sushma Sutar
Date - 01/01/2019
Responsive issues
**/

 /*added background opacity on hot deals right sction text*/
 .hot-deals .desti-disc,
 .hot-deals-xs .desti-disc {
     background-color: rgba(0, 0, 0, .7);
     margin-bottom: 20px;
 }

 /** START
shafi
Date - 19/11/2019
Responsive issues
**/
 /*Surekha - 27/03/2020 - added  .hot-deals  .desti-disc p*/
 .hot-deals .desti-disc h3,
 .hot-deals .desti-disc p {
     margin: 0px;
     /*-15px 0 0px; Surekha - 17/03/2020 */
 }

 /*END*/
 .hot-deals .desti-disc h2 {
     margin-top: 0;
 }

 /*make hot deals section image eages curv*/
 .hot-deals .hotel-details img {
     border-top-left-radius: 16px;
     border-top-right-radius: 16px;
     height: 120px; /*150px;*/
 }

 /*.hot-deals .hotel-details .hotel-name {
     border-bottom-left-radius: 16px;
     border-bottom-right-radius: 16px;
 }*/

 /*added css for featured package section*/
 .featured-packages .homepagetiles .item .item-wrapper {
     padding: 0;
 }

 /*
  Start
  Sushma B
  27/09/2019
  Commented because no longer required
  **/
 /*.featured-packages .owl-carousel .item .package-details .middle-content-1 {
    padding: 15px 0 3px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #636363;
}
*/
 /** END **/
 .featured-packages .homepagetiles .item .package-details .packageinfo {
     height: auto;
 }

 /*Surekha - 24/03/2020 - */
 .col-md-6.col-sm-8.col-xs-7.packageinfo {
     text-align: left;
     width: 58%;
 }

 .col-md-6.col-sm-4.col-xs-5.packageinfo {
     width: 36%;
     /* 40%; SP - 16/11/2021 - changed to align star ratinf as price section getting hidden on featured packages. */
     float: right;
 }

 /*END*/

 /*Surekha - 23/09/2019 - added to align text left. */
 .package-details .packageinfo .col-md-6.col-sm-8.col-xs-7 {
     text-align: left;
 }

 /*END*/

 /*Surekha - 31/03/2020 - changed .featured-packages .owl-carousel .item .package-details .packageinfo h3 to .featured-packages .owl-carousel .item .package-details .packageinfo p*/

 /*.featured-packages .homepagetiles .item .package-details .packageinfo h4,
.featured-packages .homepagetiles .item .package-details .packageinfo p {
  /*Surekha - 30/09/2019 - commented and added new styling to match with packages page blocks. */
 /*   padding: 0px 0px 0 10px; 
    font-size: 16px;
    margin-top: 0;
    color: #1a1a1a;
    font-family: 'metropolis-bold';
    margin-bottom: 10px;
*
    padding: 6px 0px 0px 10px;
    font-size: 14px;/* 16px - Surekha - 23/10/2019 *
    margin-top: 0px;
    margin-bottom: 4px;
    height: 44px; /*38px; Surekha - 31/03/2020 increased height as name is cut off.*
    overflow: hidden;
    text-align: center;
    font-weight: bold;
/*END*
}
*/

 /*Surekha - 31/03/2020 - changed .featured-packages .owl-carousel .item .package-details .packageinfo h3 a to .featured-packages .owl-carousel .item .package-details .packageinfo p a */

 .featured-packages .homepagetiles .item .package-details .packageinfo h4,
 .featured-packages .homepagetiles .item .package-details .packageinfo p a {
     color: #1a1a1a;
 }

 /*Surekha - 31/03/2020 - changed .featured-packages .owl-carousel .item .package-details .packageinfo h3 span to .featured-packages .owl-carousel .item .package-details .packageinfo p span */
 .featured-packages .homepagetiles .item .package-details .packageinfo h4,
 .featured-packages .homepagetiles .item .package-details .packageinfo p span {
     display: inline-block;
     margin-left: 3px;
     font-size: 14px;
     font-weight: 400;
     font-style: italic;
 }

 .featured-packages .homepagetiles .item .package-details .packageinfo span.taxonomystar.star-rating .star {
     font-size: 14px;
     height: 12px;
     /*14px; Surekha - 09/10/2019 */
     width: 12px;
     /*14px;*/
 }

 .featured-packages .item .package-details .icon-product {
     float: left;
     width: 100%;
     margin: 0;
     padding: 7px 5px;
     height: 126px;
     /*Surekha - 30/09/2019 - added for styling product icons of featured packages in home page.*/
 }

 .featured-packages .item .package-details .icon-product li {
     float: left;
     width: 33.33%;
     font-size: 12px;
     /*13px; Surekha - 30/09/2019 - changed to match the styling of packages to the packages blocks in featured packages page. */
     word-wrap: inherit;
     min-height: 40px;
     text-align: left;
 }

 .featured-packages .item .package-details .icon-product .display-table {
     display: table;
     width: 100%;
     vertical-align: middle;
 }

 .featured-packages .item .package-details .icon-product .display-table .display-table-cell {
     display: table-cell;
     vertical-align: middle;
     /*font-size: 80%;/*Surekha - 23/09/2019 -added as text is out of box. */
 }

 .featured-packages .item .package-details .icon-product .display-table .display-table-cell img {
     /*Surekha - 30/09/2019 - commented as changed styling. */
     /*width: auto !important;
    height: auto !important; */
     max-width: 34px;
     /*40px; Surekha - 30/09/2019 */
     /* Sushma B, changed from 24px to 50px */
     /*Surekha - 23/09/2019 - added as images are overlapping on text. */
     background-color: #0c6207; /* #472c05; SP - 20240605 - Changed color theme. */
 }

 .featured-packages .item .package-details .icon-product .display-table .display-table-cell1 {
     width: 34px;
     /*38px; Surekha - 30/09/2019 */
 }

 .featured-packages .item .package-details .bottom-left-right-price {
     display: inline-block;
     width: 100%;
     padding: 4px 6px;
     /*13px 14px 8px; Surekha - 30/09/2019 - changed to reduce the space. */
     border-top: 1px solid #e9e9e9;
     margin-top: 6px;
 }

 .featured-packages .homepagetiles .item .package-details .bottom-left-right-price .bottom-left-right-price1 {
     padding-left: 0px;
     padding-right: 5px;
     text-align: left;
     /*Surekha - 30/09/2019 - added for price section.*/
 }

 .featured-packages .homepagetiles .item .package-details .bottom-left-right-price .bottom-left-right-price2 {
     padding-left: 5px;
     padding-right: 0px;
     text-align: left;
     /*Surekha - 30/09/2019 - added for price section.*/
 }

 .featured-packages .homepagetiles .item .package-details .bottom-left-right-price p {
     font-size: 12px;
     /*13px; Surekha - 23/10/2019. */
     margin: 0;
     line-height: 13px;
     /*15px; Surekha  - 23/10/2019 */
     font-weight: normal;
     padding: 0;
     height: 24px;
     /*Surekha - 24/09/2019 */
 }

 .featured-packages .homepagetiles .item .bottom-left-right-price span {
     font-size: 18px;
     /* 22px; Surekha - 23/10/2019. */
     margin: 3px 0 0 0px;
     color: #ed8622;
     font-weight: bolder;
     display: block;
     margin-top: 8px;
     /*Surekha - 24/03/2020 - added to align price verticaly. */
 }

 .featured-packages .homepagetiles .item .flight-transfers-room-icon {
     position: absolute;
     top: 50px;
     right: 0;
     background: rgba(0, 0, 0, 0.5);
 }

 .featured-packages .homepagetiles .item .flight-transfers-room-icon img {
     height: 25px;
     width: 115px;
 }

 /*
Start 20211124
SS
to display bula bubble package icon on packages tile 
*/
 #homePage .flight-transfers-room-icon.bula-bubble-packages {
     top: 40px !important;
 }

 .flight-transfers-room-icon.bula-bubble-packages img {
     height: 66px !important;
     width: 110px !important;
 }

 /*END*/
 .featured-packages .owl-theme .owl-item .item:hover {
     margin-top: -36px;
     -webkit-transition: 1s;
     -moz-transition: 1s;
     transition: margin-top 1s;
 }

 .featured-packages .homepagetiles .owl-stage-outer {
     min-height: 630px;
 }

 .featured-packages .homepagetiles .item .btn-wrap {
     padding: 0 0;
 }

 @media only screen and (max-width: 1200px) {

     .featured-packages .package-details {
         min-height: 309px;
     }

     .featured-packages .homepagetiles .owl-stage-outer {
         min-height: 660px;
     }

 }

 /*END*/


 /*Start
Date- 26-05-2019
Sushma Sutar
Home page responsive issues
*/

 @media only screen and (max-width: 1280px) {

     .featured-packages .homepagetiles .owl-stage-outer {
         min-height: 660px;
     }

     .featured-packages .package-details {
         min-height: 310px;
     }
 }

 @media only screen and (min-width: 992px) and (max-width: 1024px) {

     .searchDestination-xs .selectboxit-options {
         margin-left: 50px;
     }

     .featured-packages .homepagetiles .owl-stage-outer {
         min-height: 572px;
     }
 }

 /*Surekha - 02/11/2019 - added styling to customer stories in small devices. */
 @media only screen and (max-width: 991px) {
     .owl-carousel.cust-stories-xs.owl-theme.owl-loaded.owl-drag {
         margin-top: 0px;
     }

     /* Surekha - 06/10/2019 - added as  logo image in customer stories is getting stretched. */
     .customer-stories-xs .owl-stage-outer .item img {
         width: 100%;
         margin: 0% auto;
     }

     /*Surekha -  24/03/2020 - added to align hot deals details . */
     .hot-deals-xs .accordion-body .desti-disc p {
         margin: 0px;
         /*Surekha - 27/03/2020 - added to align text in medium devices. */
         line-height: 1;
         font-size: 28px;
         /*END*/
     }

     /*Surekha - 27/03/2020 - added to align text in hot deals tabs details section. */
     .hot-deals-xs .desti-disc {
         padding: 10px;
     }

     /*END*/

     /*Surekha - 03/04/2020 - added space below hot deals header in mobile view. */
     .hot-deals-xs .hot-deals-flex .col-md-12.col-sm-12.col-xs-12 {
         margin-top: 20px;
     }

     /*END*/


 }

 /*END*/

 @media only screen and (min-width: 768px) and (max-width: 991px) {

     .searchDestination-xs .selectboxit-options {
         margin-left: 40px;
     }


 }

 @media only screen and (min-width: 768px) and (max-width: 799px) {

     .searchDestination-xs .selectboxit-options {
         margin-left: 35px;
     }
 }

 /* END */


 @media only screen and (max-width: 767px) {

     /*for home page hot deals section*/
     .hot-deals-xs #hot-deal-accordion .accordion-inner .desti-disc h2,
     .hot-deals-xs #hot-deal-accordion .accordion-inner .desti-disc em,
     .hot-deals-xs #hot-deal-accordion .accordion-inner .desti-disc h3 {
         float: left;
         margin: 0;
         margin-right: 10px;
     }

     .hot-deals-xs #hot-deal-accordion .accordion-inner .desti-disc em {
         margin-top: 4px;
         /*Surekha - 27/03/2020 -  added to view price on seprate line in small devices. */
         width: 100%;
         /*END*/
     }

     .hot-deals-xs #hot-deal-accordion .accordion-inner .desti-disc h3 {
         margin-top: 5px;
     }

     .hot-deals .desti-disc,
     .hot-deals-xs .desti-disc {
         padding: 10px !important;
     }


     /*hot deals border radius*/
     .hot-deals-xs .accordion-body .hotel-details .hotel-name {
         border-bottom-left-radius: 15px;
         border-bottom-right-radius: 15px;
     }

     .hot-deals-xs .accordion-body .hotel-details img {
         border-top-left-radius: 15px;
         border-top-right-radius: 15px;
         height: 130px;
         /*180px; Surekha - 19/10/2019 - chnaged as images not looking good in small devices. */
     }

     /*hot deals view all button*/
     /* .hot-deals-xs .view-all-btn-xs {margin-top: -20px;} */

     /*hot deal accordian text*/
     .hot-deals-xs .accordion-body .desti-disc h2 {
         font-size: 24px;
     }

     #hot-deal-accordion .accordion-inner em {

         font-size: 14px;
     }

     #hot-deal-accordion .accordion-inner h3 {
         font-size: 18px;
     }

     .hot-deals-xs .accordion-body .hotel-details .price span {
         font-size: 14px;
     }

     .search-destination-panel {
         margin-top: -10px !important;
     }



 }


 /*Surekha - 01/11/2019 - added styling for images in hot deals in mobile view. */
 @media only screen and (max-width: 600px) {

     .hot-deals-xs .accordion-body .hotel-details img,
     .hot-deals-xs .accordion-body .hotel-details .hotel-name {
         width: 100%;
         /* 70%; Surekha - 24/02/2020 - changed to display full width. */
         margin: 0 auto;
     }

     .hot-deals-flex .icon-product li {
         float: none;
         /* width: 86px !important; */
         /* Sushma B 23/02/2020 Commented for new design */
     }

     .hot-deals-flex .hot-rs {
         /*right: 15%; Surekha - 24/02/2020 -  commented as not required. */
         top: 28%;
         /* 33%; Sushma B 23/02/2020 changed according to new design */
         bottom: initial;
     }

     /* .hot-deals-xs .accordion-body .hotel-details img{
    height: 190px !important;
} */
     img.only_mobile {
         display: block;
         width: 100%;
     }

     img.img-responsive.show-mobile {
         display: block;
     }

     /*
Start
05/04/2021 
Sushma B 
Added for CLS fix
*/
     #map-section img.img-responsive.show-mobile {
         height: 240px;
         /* 05/04/2021 - Sushma B - Added for CLS fix */
     }

     /* END */
     .search-destination-panel {
         padding: 0;
         margin-top: -16px;
     }

 }

 @media only screen and (max-width: 400px) {

     .hot-deals-xs .accordion-body .hotel-details img,
     .hot-deals-xs .accordion-body .hotel-details .hotel-name {
         width: 100%;
         margin: 0 auto;
     }

     /* .hot-deals-xs .accordion-body .hotel-details img{
    height: 190px !important;
} */

.homepage-hotdeal{
  width: 75%;
  line-height: 30px;
}

     .hot-deals-flex .hot-rs {
         right: 0%;
         top: 23%;
         /*top: 35%;
*/         /*33%; Surekha - 24/02/2020 */
         bottom: initial;
     }

     .search-destination-panel {
         margin-top: 10px !important;
     }


 }

 /*END*/


 /* mohan css start 27/12/19 */
 @media only screen and (max-width:599px) {
     .imp-shape-container {
         z-index: inherit !important;
     }

     .search-destination-panel {
         margin-top: 10px !important;
     }
 }

 /* css end */