/* DESTINATION - about-destination 
==================================================*/

/*.title h1{font-size: 30px;}*/

    /*.wrap{ height: 200px; overflow-y: scroll; padding-bottom: 10px; }*/
    #desinationLocation .call-section .row{ border-top: 1px solid #eee; padding-top: 48px; }
    #desinationLocation .footer-section{margin: 0;}
    #desinationLocation{overflow-x: hidden; width:100%;}/*Surekha - 04/11/2019 - added to remove horizontal scroll */

    .about-destination .title{ margin-bottom: 30px;}
    .about-destination .title h3{font-size: 30px; color: #f2983b;  font-family: 'metropolis-bold'; position: relative; text-transform: uppercase; margin-bottom: 7px;}
    .about-destination .title h3:after{content: ''; position: absolute; background: url(../../frontend/images/icons/title-border.png)no-repeat center; height:22px; top: 72px; right: 0; left: 0; bottom: 0; margin: 0 auto;}
    /*Start
      SP
      21/07/2021
      changed font-size: 30px; to make header bigger as changed position of it*/
    .about-destination .title h1{font-size: 42px; margin-bottom: 7px;}
    /*END 21/07/2021*/
    /*.about-destination .title h1:after{content: ''; position: absolute; background: url(../../frontend/images/icons/title-border.png)no-repeat center; height:22px; top: 72px; right: 0; left: 0; bottom: 0; margin: 0 auto;}*/

    .about-destination .title p{font-size: 15px; color: #636363; text-transform: uppercase;  }
    .about-destination .left-side .owl-theme .owl-dots .owl-dot span{ background: transparent !important; border: 1px solid #fff; height: 12px;width: 12px;}
    .about-destination .left-side .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #fff !important;}
    .about-destination .left-side .owl-carousel .item-video{ height: 375px;}
    /*Start
      SP
      20/07/2021
      Removed carousel from the description section.
    .about-destination .left-side .owl-carousel .owl-item img{height: auto;     border-radius: 6px;}
    */ 
    /*375px;*/ /*Surekha - 29/08/2019 changed to fix image stretch issue. *//*shafi - 29/11/2019 changed border-radius: 16px;. */

    /* Added styling to the image after removal of carousel*/
    .destination-video img.attachment-full.size-full{
        width: 100%;
        height: auto;
        border-radius: 6px;
    }
    /*END*/

    .about-destination .left-side .owl-carousel .owl-prev{ position: absolute; top: 41%; left: 0; background: transparent;}
    .about-destination .left-side .owl-carousel .owl-next{ position: absolute; top: 41%; right: 0; background: transparent;}
    .about-destination .left-side .owl-theme .owl-nav [class*=owl-]:hover{background: transparent !important;}
    .about-destination .left-side .owl-carousel .owl-dots{  position: absolute; right: 10px; bottom: 6px;}
    .about-destination .left-side .owl-carousel .owl-video-play-icon{background: url(../../frontend/images/icons/play.png)no-repeat !important;}
    .about-destination .right-side{padding-left: 45px;}
    /*Start
      SP
      20/07/2021
      Changed styling of paragraph as combined div
    .about-destination .right-side p{font-size: 16px; font-family: 'metropolis-regular'; margin-bottom: 40px; margin: 0px;}
    */
    /*Start
      SP
      21/07/2021
      as div combined classes are combined so changed name 

      .about-destination .right-side .row .PackDescription{
*/
    .about-destination .right-side .PackDescription{
        font-size: 16px;
        font-family: 'metropolis-regular';
        margin: 0px;
        text-align: justify; /*Surekha - 21/07/2021 - added to align text.*/
        margin-bottom: 20px; /*40px; */
    }
    /*END*/
    /*Surekha - 29/08/2019 - added margin: 0px; to remove space above paragraph. */
	/*added by sushma 15-05-2019*/
	.about-destination .right-side #description_btn_read_more {
		color: #ef6851;
    font-size: 16px;
    font-family: 'metropolis-bold';
    padding: 0;
    margin-top: 3px;
	padding-left: 15px;
	}
	.about-destination .right-side .more_description, .about-destination .right-side .less_description {
    font-size: 16px;
    font-family: 'metropolis-regular';
    margin-bottom: 10px;
	padding-left: 15px;
	}
    .about-destination .right-side ul.lft-btns{ padding-left: 18px;}
    .about-destination .right-side ul.rgt-btns{ padding-left: 10px;}
    .about-destination .right-side ul li{list-style: none; display: inline-block; margin: 0 20px 0 0;}
    .about-destination .right-side .btn-simple{ border: 1px solid #f6b4a6; color: #ef6851; padding: 7px; width: 165px; height: 50px; margin: 0 0 20px 0; line-height: 1; font-family: 'metropolis-bold'; font-size: 16px; white-space: normal; display: inline-flex; align-items: center; justify-content: center;}
    .about-destination .right-side .btn-simple:hover{background-color: #ef6851; color: #fff;}
    .about-destination {
      padding: 40px 0 20px 0; /*SP - 21/07/2021 - changed 40px 0 60px 0; to reduce blank space*/
      margin: 0px auto; /* SP - 26/07/2021 - added to align about destination section.*/
  }
    .about-destination .title , .facts .title{ text-transform: uppercase; font-size: 15px; color: #636363; letter-spacing: .2px;}

/* DESTINATION - specials 
==================================================*/
    .specials .btn-loadmore{ border: 1px solid #f0725c; color: #f0725c; padding: 10px 41px; font-size: 16px;text-transform: uppercase;}
    .specials .btn-loadmore:hover{background-color:#f0725c; color: #fff;}
    .specials{ background-color: #fff; background: url(../../frontend/images/specials-bg.jpg)repeat; padding: 35px 0 60px;}
    .specials .item{ box-shadow: 0px 0px 17px 0px #dddddd; float: left; background: #fff; margin-bottom: 30px; border-radius: 6px; overflow: hidden;width: 100%; position: relative; 
      height: 606px;} /*Surekha - 26/09/2019 - added height: 606px;*/
    .specials .gallery-filter{margin-bottom: 20px; text-align: center;} /*Surekha - 14/07/2021 - added text-align: center; as removed styling from php code*/
    .specials .package-details .packageinfo strong{ color: #1a1a1a; font-size: 18px; font-weight: 700;}
    /* Surekha - 24/04/2020 - h3 tag changed to p tag. 
    .specials .package-details h3 */
    .specials .package-details p.location_name a{ color: #1a1a1a; font-size: 16px; font-weight: 700;padding: 0 20px;margin-top: 0;min-height: 40px; text-align: center; line-height: 1.2; text-decoration: none;} /* SP - 02/08/2021 - added text-decoration: none;*/ /*Surekha - 24/04/2020 - Changed  font-size: 18px; and added text-align: center; line-height: 1.2;*/
	/*start
	added:shantanu
date:03-28-19
show 4 lines of paragraph in destination tile
*/    
.specials .package-details .packageinfo p{font-size: 14px; color:#636363; padding: 0 20px; line-height: 1.2; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} /* SP - 27/07/2021 - removed text-overflow: ellipsis;*/
    .specials .package-details .travel-info{border-top: 1px solid #e9e9e9;padding-top: 10px;}
    .specials .package-details .travel-info span.travel-date{display: block; margin: 2px; padding: 2px; font-size: 14px; /*border-bottom: 1px solid #eee;*/}
    .specials .package-details .travel-info p{ padding: 0 20px; font-size: 14px;}
    .specials .package-details .travel-info strong{color: #1a1a1a;font-size: 12px;}
    .specials .package-details{  background-color: #ffffff;padding: 15px 0 0 0;  position: relative;height: 300px; } /* SP - 02/08/2021 - changed height: 330px; to align tiles. */ /*min-height: 290px; Surekha - 18/11/2019 - removed min-height and added height:330px; to make all tiles same. */
    .specials .package-details .packageinfo ul{padding-left: 25px; float: left; width: 100%;}
    .specials .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*/ none; align-items: center; margin: 10px 0 0 0;}
    .specials .package-details ul.flightinfo li{ padding-left: 0; }
    .specials .package-details ul li{list-style: none;line-height: 1.2;}
    .specials .package-details .price{ background-color: #f2983b; position: absolute; top: -18px; right: 0; padding: 4px 10px;}
    .specials .package-details .tag{ background-color: #f1ba41; color: #fff; position: absolute; top: -44px; right: 0; padding: 3px 5px; font-size: 14px; font-weight: 700;}
    .specials .package-details .price strike{ color: #ffffff; font-size: 18px; font-weight: 700; padding-right: 5px;}
    .specials .package-details .price span{ color: #ffffff; font-size: 18px; font-weight:700; }
    .specials .package-details .price span span.aud{font-size: 14px;}

    /**
   Start
   24/04/2019
   Sushma B
   Commented display:none; because in new design we want ti display is by default, and also commented hover effect because it is no longer required
   **/
/*
Start
SP
09/11/2021
Changed as book now text is replaced with learn more image.
*/
.specials .btn-viewpackage{
    width: 100%;
    margin: 2% 0%;
}
.specials .btn-viewpackage svg#Layer_1{
    height: 24px;
    width: 100%;
}
    /*.specials .btn-viewpackage{*/
         
        /*text-transform: uppercase; 
        font-family: 'metropolis-bold'; 
        font-size: 20px;*/ /* 16px;  SP - 03/08/2021 */
          /*display: none; */
        /*  Start
            SP
            30/07/2021
            Changed  width: 100%; border-top-left-radius: 0;  border-top-right-radius: 0; and added styling to book now button to look like button*/
        /*width: 90%;
        margin: 2% 5%;*/
        /*  SP
            03/08/2021
            commented as styling changed.
        background-color: #ef6851; 
        color: #fff;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        box-shadow: 0px 0px 6px black;
        */
    /*    background-color: #ffffff; 
        color:  #ef6851;*/
        /* END 03/08/2021*/
        /*END 30/07/2021*/         
    /*}*/
    /*.specials .item:hover .btn-viewpackage{ display: block; -webkit-transition: 1s; -moz-transition:  1s; transition: 1s;}*/
    /** END **/
    /*.specials .item:hover{margin-top: -36px; -webkit-transition: 1s; -moz-transition:  1s; transition: 1s;}*/
   
    /*  Start
        SP
        26/07/2021
        Commented as styling not required due to div combined for DOM reduce.
    */
    /*
    .specials .gallery_product .item .btn-wrap{padding: 0; position: absolute;
      bottom: 0;}
    */
    /*END 26/07/2021*/

    /*  Start
        SP
        02/08/2021
        Added effect after hover on button
    */
   /*   Start
        SP
        03/08/2021
        commented as not required.
        .specials .btn-viewpackage:hover{
        background-color: #ff2020
    }
*/    /*END 02/08/2021*/


    .specials .btn-default.active, .specials .btn-default:active, .specials .open>.dropdown-toggle.btn-default{ background-color: #f2983b;color: #fff !important;outline: none;}
    .specials .item .icon{color: #f2983b;}
    .specials .gallery-title { font-size: 50px;color: #f2983b; margin-bottom: 30px; font-family: 'metropolis-bold'; text-transform: uppercase; margin-left: 25px; text-align: center;} /*Surekha - 06/11/2019 - changed font-size:65px; as text looks too big.*/ /*Surekha - 29/08/2019 added "text-align: center;" */
    .specials .filter-button.desktop-btns { font-size: 16px; border: 1px solid #f2983b; border-radius: 5px; text-align: center; color: #f2983b; font-family: 'metropolis-bold'; width: auto; min-width:160px; line-height: 2.2; height: 50px; margin: 0 5px 8px 0; outline: none;text-transform: capitalize;}/* SP - 03/08/2021 - added text-transform: capitalize;*/
    .specials .filter-button:hover, .specials .filter-button:focus{ font-size: 16px; border: 1px solid #f2983b; border-radius: 5px; text-align: center; color: #ffffff;  background-color: #f2983b; } 
    .specials .btn-default:active .filter-button:active{ background-color: #f2983b; color: white;}
    .specials .port-image{  width: 100%;}
    /* .specials .gallery_product{ height: 575px;} */
    .specials .gallery_product .item img{width: 100%; /*height: 240px;*/}
	.specials .gallery_product .item .item-wrapper img { height: 240px; }
   
    /*Surekha - 14/11/2019 -  commented and added styling to fix the height issue. */
    /*.specials .gallery_product .item .packageinfo{min-height: /*127px;auto;/*edited shantanu dated:02-23-19} */
    .specials .gallery_product .item .packageinfo{
        /*  Start
            SP
            02/08/2021
            aligned paragraph in tiles. displayed 5 lines.*/
        /*height: 75px;*/
        height: 88px;
        overflow: hidden;
        text-align: justify;
    /*END 02/08/2021*/
    }
    /*END*/

    /*Surekha - 24/04/2020 - commented as not required. */
    /*
    .specials .gallery_product .item .wrap {
        height: /*200px;  auto ; /*overflow-y: scroll; padding-bottom: 10px;/*edited shantanu dated:02-23-19
    }
    /*END*/

    .specials .item-wrapper{padding: 0;}
    /*commented by prajna because i have added hiiden-lg class to price class*/
    /*.specials .item-wrapper .tag{display: none;}*/
    /*.specials .item-wrapper .price{display: none;}*/

/* DESTINATION - FACTS 
==================================================*/

    .facts .heading { margin-bottom: 25px;}
    .facts .nav-tabs { border-bottom: 1px solid #ebebeb; }
    .facts .nav-tabs > li{ text-align: center; height: 63px; width: 190px;outline: none;}
    .facts .nav-tabs > li:first-child a{width: 100%;}
    .facts .nav-tabs > li:after { content: ''; border-right: 1px solid #ebebeb; position: absolute; top: 0; right: 0; height: 50px;}
    .facts .nav-tabs > li:last-child:after{border-right: 0;}
    .facts .nav-tabs > li > a{ padding: 10px 21px !important; height: 63px;}
    .facts .nav-tabs > li.active > a,.facts .nav-tabs > li.active > a:focus,.facts .nav-tabs > li.active > a:hover { border-width: 0; }
    .facts .nav-tabs > li > a { border: none; color: #ef6851; font-size: 16px; font-family: 'metropolis-bold'; white-space: normal; display: inline-flex; align-items: center; justify-content: center;outline: none;}
    .facts .nav-tabs > li.active > a, .facts .nav-tabs > li > a:hover,.facts .nav-tabs > li > a:focus { border: none; color: #f2983b !important; background: transparent;}
    .facts .nav-tabs > li > a::after { content: ""; background: #f2983b; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
    .facts .nav-tabs > li.active > a::after,.facts .nav-tabs > li:hover > a::after, .facts .nav-tabs > li:focus > a::after { transform: scale(1); }
    .facts .tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
    .facts .tab-pane { padding: 20px 0; display: block; } /* SP -  Changed padding: 40px 0;*/ /* SP - 29/07/2021 - added display: block; to display facts one by  one and changed padding: 15px 0;*/
    .facts .tab-content{ padding: 30px 0 0 0;margin: 0px 20px;} /* SP - 29/07/2021 - added margin: 0px 20px; to align section*/
    .facts .tab-content .left img{width: 100%; height: 400px; object-fit: cover;} /* SP - 02/08/2021 - added height: 400px; object-fit: cover;*/ /* SP - 29/07/2021 - removed image styling that is  border-radius: 16px; box-shadow: 0 0px 30px 0 rgba(0, 0, 0, 1);*/ /*Surekha - 31/08/2019 - added border-radius: 16px;  and box-shadow: 0 0px 30px 0 rgba(0, 0, 0, 1);*/
    /*  Start
        SP
        05/08/2021
        removed to align facts section text.
    .facts .tab-content .right{padding-left: 4%;}*//* 86px; Surekha - 31/08/2019 - reduced space left of the paragraph, */ /*min-height: 568px;*/   
    .facts .tab-content .right h3{font-size: 30px;font-family: 'metropolis-bold';color: #f2983b; margin-bottom: 14px;} /* SP - 02/08/2021 changed margin-bottom: 35px;*/ /* SP - 29/07/2021 - changed color: #432d2d*/
    /*Surekha - 22/02/2021 - change div tag to p tag for DOM.
    .facts .tab-content .right div*/
    .facts .tab-content .right p{font-size: 18px; line-height: 1.6;text-align: justify;
	/*height: 380px;
    overflow-x: scroll;
    overflow-y: scroll;
	padding-right: 20px;*/}
    .facts .tab-content .btn-tab{ border: 1px solid #ef6851; padding: 13px 35px; box-shadow: none; margin-right: 15px;}
    .facts .tab-content .btn-tab:hover{ box-shadow: inset 0px 0px 0px 1px #ef6851; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition:  0.5s; }  
    .facts .tab-content .tabpanel-btn{ text-align: center; /*margin-top: -63px;*/ margin-left: -11px; }






/*== New css by shantanu ========*/
.specials .package-details .travel-info{
  display: none;
}
.specials .gallery_product .item .wrap {
    
   /* Surekha - 24/04/2020 - added padding to all sides.
    padding-bottom: 10px; */
    padding: 0px 10px 10px 10px;
    width: 100%;
    line-height: 1.3;
    /*  Start
        SP
        02/08/2021
        removed scroll from the tiles paragraph
    overflow-y: auto;
    float: left;
    */
    /*END 02/08/2021*/
    
/*Surekha - 24/04/2020 - commented as given fixed height. */
   
/*  height: auto;
	  min-height: 84px; /*END*/
}
/*  Sart
    SP
    03/08/2021
    Commented  not required.
.specials .btn-viewpackage {
    background-color: #ef6851;
    height: 40px; /* SP - 27/07/2021 - added fixed height.
  }*/
/* END 03/08/2021*/

/*Surekha - 03/04/2020 -  changed h3 to p tag. and added .specials .package-details p.location_name a
.specials .package-details h3 a */
/*  Start
    SP
    26/07/2021
    as p tag is removed changed naming for it.*/
/*#fiji-booking .package-details p.location_name a, .specials .package-details p.location_name a*/
#fiji-booking .package-details a.location_name, .specials .package-details a.location_name {
  color: #000;
}
  .specials .package-details p {
	 /*Surekha - 24/04/2020 - made changes to align paragraph in tiles. 
   min-height: auto;*/
    padding: 0px 10px; /*0 15px; Surekha - 24/04/2020 */
}
.icon-product {

    float: left;
    width: 100%;
    margin: 0;
    padding: 7px 0;
   /* border-top: 1px solid #ccc; Surekha - 06/04/2020 - removed border from featured packages in destination page. */
    /*Surekha -  25/09/2019 - added todisplay all icons in given size. */
   /*Surekha - 26/03/2020 -  commented as tooltip text is not visible.
    overflow-x: hidden;
    overflow-y: auto; /* scroll; *//*Surekha - 26/09/2019 - removed scroll in mozilla.*/
    /*END*/
    height: 130px;/*Surekha - 10/10/2019 - added fix height.*/
    
}
/*Surekha - 24/04/2020 - added for tiles of sub-destination. */
.specials .package-details .icon-product{
    border-top: 1px solid #ccc;
    overflow-x: hidden;
    overflow-y: auto;
}
.specials .package-details ul li .display-table-cell.display-table-cell2{
    font-size: 11px;
}
/*Added for destination tiles parahraph. */

/*  Start
    SP
    26/07/2021
    removed p as p tag removed.
#fiji-booking .gallery_product .item .packageinfo p*/
#fiji-booking .gallery_product .item .packageinfo{
  padding: 0px;
}
/*END*/

.icon-product li {
    float: left;
    width: 33.33%;
    font-size: 13px;
    max-height: 37px;
}
.display-table{
    display: table; 
    width: 100%; 
    vertical-align: middle;
}
.display-table-cell{
    display: table-cell; 
    vertical-align: middle;
}
.icon-product li .display-table-cell1{
    width: 28px !important; /*38px;  Surekha - 24/04/2020 - changed as text getting cut off besides icons.*/
   /* display: inline-block; /* SP - 02/08/2021 - added to align text of icon products.*/
}
.icon-product li img {
    width: auto !important;
    height: auto !important;
    max-width: 28px !important; /*38px !important; Surekha - 24/04/2020 */ /*Surekha - 06/04/2020 - added !important. */
}
.specials .package-details .price {
    top: -30px;
}
.specials .package-details .tag {
    top: -54px;
}
.specials .package-details ul.flightinfo{
    display: none;
}
.taxonomystar.star-rating .star {
  /*Surekha - 24/04/2020 - changed to match with the other tiles stars. */
    font-size: 14px;/*17px; */
    height: 14px;/*17px; */
    width: 14px;/*17px; */
}


/*shafi 
02-11-2019
New design for fiji section */

.gm-style button.gm-ui-hover-effect img {
        margin: 0px !important;
    }
    #destination_heading{
        color: #f2983b;
        font-family: 'metropolis-bold';
        position: relative;
        text-transform: uppercase;
        letter-spacing: 0;
        /* SP 
           29/07/2021
           added to make font bigger after h2 tag removed*/
        font-size: 30px; 
        text-decoration: none;
        /*END 29/07/2021*/
    }


    img.taxonomy-location{
      width: 50%;
      float: left;
      height: 455PX;
      position: relative;
/*      background-image: url(https://www.hideawayholidays.com.au/wp-content/themes/hideawayholidays/images/taxo-banner_828px.jpg);*/ /* SP - 04/10/2021 - added to fix LCP*/
    }
    /*
    Start
    20230228
    Sushma B
    Added CSS for destination page map image
    */
    .destination-map .destination-map-image{
        height: 455PX;
        width: 100%;
    }
    .destination-map #map_wrapper{
            width: 50%;
    
    }
    /* END */
    #desinationLocation .taxonomy-terms {
      float: left;
      width: 100%;
      background: #ebebeb;
      padding: 30px 20px 20px 20px; /* 20px; */
      margin-bottom: 20px; /*Surekha - 12/03/2020 */
  }
  #desinationLocation .taxonomy-terms p {
    width: 90%; /*80%; Surekha - 12/03/2020*/
    margin: 0 auto;
    color: #000;
    font-size: 16px !important; /*14px; Surekha - 12/03/2020 */

/*Surekha - 12/03/2020 -  added styling to taxonomy terms text. */
    padding: 2% !important;
    text-align: justify;
    border: 2px solid;
    margin-bottom: 16px;
    border-radius: 10px;
    box-shadow: -4px -4px 3px;
    background: #d3d2d2;

}
p.terms_and_conditions{
    font-size: 14px !important;
}
/*END*/
#desinationLocation .taxonomy-terms p a {
  cursor: pointer;
  /*Surekha - 12/03/2020 - added to make links bold. */
  font-weight: bold; 
/*color: #000; */
  /*END*/
}

#desinationLocation .taxonomy-terms p a:hover {
  text-decoration: underline;
}
#fiji-search.taxonomy-search {
  position: absolute;
  width: 50%;
  top: 20%;
}
#fiji-search.taxonomy-search .fiji-search-sec {
  width: 400px;
margin: 0 auto;
}
#fiji-search .col-md-3.col-sm-3.col-xs-12.check_col {
  width: 100%;
  margin: 5px 0 0;
}
#fiji-search .col-md-3.col-sm-2.col-xs-12.destination_col {
  width: 100%;
}
#fiji-search .col-md-2.col-sm-2.col-xs-12.btn_search_col {
  width: 100%;
}
#fiji-search .col-md-4.col-sm-7.col-xs-12.search_auto_col {
  width: 100%;
}

#fiji-search .label_co {
  text-transform: inherit;
  color: #636363;
  font-family: metropolis-bold,Arial,sans-serif;
  font-size: 12px;
}
#fiji-search button.btn.btn_searchbar {
  background: #ef6851;
  background: #ef6851;
  width: 100%;
  height: 33px;
  font-size: 12px;
  font-weight: 500;
  margin: 0;
}
#fiji-search ul.ul_tab_one {
  padding: 0;
  margin: 0 0 -20px 0px;
  list-style: none;
  width: 100%;
}

#fiji-search ul.ul_tab_one li {
  float: left;
  width: 50%;
}
#fiji-search .search_auto_col .selectize-control .selectize-input.items {
  border-radius: 5px;
 /* height: auto;*/
 height: 30px;
  padding-right: 22px;
}
#fiji-search .selectize-input {
  padding: 2px 8px;
}

#fiji-search .panel_search_cstm .input_wrapper {
  width: 100%;
  height: 33px;
}
#fiji-search .destination_col .contentsam {
  background: #fff;
  min-height: 33px;
  padding: 8px 30px 8px 10px;
  text-align: left;
  position: relative;
  font-size: 12px;
}

/* #fiji-search .search_auto.col-md-6.col-sm-12.pad-right {
  padding-left: 10px;
}
#fiji-search .search_dropdown.chooseDestination.pad-right.col-md-6.col-sm-6 {
  padding-right: 10px;
} */

#fiji-search .form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 12px;
}
#fiji-search ul.ul_tab_one li .checkbox label {
  font-size: 12px;
  width: 100%;
}
#fiji-search .search-destination-panel {
  padding: 6px 0;
  margin-top: -20px;
}
/*Surekha - 03/04/2020 -  changed h1 to p tag. 
#fiji-search.taxonomy-search h1 */
#fiji-search.taxonomy-search p {
  margin-top: -65px;
  color: #fff;
  font-size: 24px; /*26px; */
  line-height: 26px; /*30px; */
  margin-bottom: 10px; /* 20px; SP - 20250122 - Changed to align search panel on banner image in small devices. */
  /*Added */
  padding: 0px 10px;
  text-shadow: 0px 0px 10px #000000; /*END*/
}

#fiji-deals .owl-item {
  /* width: 255px !important; */
  float: left;
}
.fiji-slider.left-side {
  width: 23%;
  float: left;
  margin: 1%;
}
#fiji-deals .owl-carousel.fijideals .owl-item:hover {
  margin-top: 0px;
  transition: all 0.5s ease;
}

#fiji-deals .owl-carousel {
  display: block;
}
/*shafi 
29-11-2019
New design for fiji section */

#fiji-deals .icon-product {
  height: auto;
  padding: 7px 12px;
  list-style: none;
  margin-top: 0;
  border: none;
  display: inline-flex;
}

#fiji-deals .hot-rs {
  position: absolute;
  margin: 0;
  right: 0px;
  top: 18px;
}
#fiji-deals .hot-rs span{
  background: #ecad38;
  padding: 5px 10px;
  color: #fff;
  text-transform: uppercase;
}
#fiji-deals .fiji-amut {
  width: 100%;
  float: left;
  display: inline-flex;
}
#fiji-deals .fiji-amut-left {
  float: left;
  width: 70%;
}
#fiji-deals .fiji-amut-right {
  float: right;
  width: 36%;
}
#fiji-deals .pack-text {
  text-align: left;
  padding: 0 10px 0;
  float: left;
  width: 100%;
}
#fiji-deals .pack-text h3 {
  font-size: 16px;
  font-weight: 600;
  color: #000;
  margin: 10px 0 10px;
}

#fiji-deals .pack-text .fiji-amut h3 {
  font-size: 22px;
  margin: 0;
  float: left;
  width: 100%;
  margin: 5px 0;
}
#fiji-deals .pack-text .fiji-amut span {
  font-size: 10px;
  font-weight: 600;
  margin: 0;
  width: 103%;
  float: left;
}
#fiji-deals .pack-text .fiji-amut h4{
  font-size: 14px;
    font-weight: 600;
    margin: 0 0 5px;
}
#fiji-deals .pack-text p
{
  font-size: 10px;
  float: left;
    width: 100%;
    margin: 0px 0 2px 0;
    color: #000;
}
#fiji-deals .icon-product li .display-table-cell1 {
  width: 20px;
  margin: 3px 3px 0 0px;
  float: left;
}
#fiji-deals .icon-product li:first-child{
  margin-left: 0;
}
#fiji-deals .icon-product li:last-child{
  margin-right: 0;
}
#fiji-deals.specials .item {
  height: auto;
  border-radius: 0px;
  box-shadow: 0px 0px 6px 0px #828282;
}
#fiji-booking .package-details .booking-time p b{
  margin-right: 3px;
}
#fiji-deals .icon-product li {
  font-size: 12px;
  max-height: 37px;
  font-weight: 700;
  color: #323232;
  width: auto;
  margin: 0 2%;
}
/*Surekha - 06/04/2020 -  added to align the text verticaly middle. */
/*
.display-table-cell.display-table-cell2 {
  margin-top: 2px;
  float: left;
  color: #000;
    line-height: 0.9;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
/*END*/

#fiji-deals.specials .fiji-btn.btn-wrap {
  background-color: #ef6851;
  font-size: 14px;
  float: left;
  width: 100%;
}
#fiji-deals.specials a.btn.btn-viewpackage{
  font-size: 14px;
}


#fiji-booking .hot-rs {
  float: right;
  position: absolute;
  z-index: 99;
  right: 0;
  bottom:3px;
  text-align: right;
}
#fiji-booking .hot-rs span{
  background: #ecad38;
    padding: 5px 10px;
    color: #fff;
    text-transform: uppercase;
}
#fiji-booking .hot-rs p{
  background: #f2983b;
    color: #fff;
    padding: 5px 10px;
    margin-top: 3px;
    margin-bottom: 0;
    font-size: 16px;
}
/*Surekha - 03/04/2020 - changed h3 to p tag. 
#fiji-booking .package-details h3*/
/*  Strat
    SP
    26/07/2021
    changed name as dOM reduced.*/
/*#fiji-booking .package-details p.location_name*/
/*
Start
20221226
Sushma B
Fixed resort names cutting off in destination tiles
*/
/*
#fiji-booking .package-details a.location_name {
  color: #1a1a1a;
  font-size: 16px;
  font-weight: 700;
  padding: 0 20px;
  margin-top: 0;
  min-height: auto;
  margin-bottom: 15px;
  line-height: 1.2;
  /* text-align: justify; */
/*  overflow: hidden;
  /*    Start 
        SP
        27/07/2021
        commented to remove ellipses.
  text-overflow: ellipsis; 
  -webkit-line-clamp: 1;
  */
  /*END 27/07/2021*/
  /*display: -webkit-box;
  -webkit-box-orient: vertical;
  /*Surekha - 03/04/2020 - align name center. */
  /*text-align: center; 
  width: 100%;
  /*END*/
  /*height: 22px; /*  SP - 27/07/2021 - added fixed height.*/
/* }
*/
#fiji-booking .package-details a.location_name {
  color: #1a1a1a;
  font-size: 16px;
  font-weight: 700;
 /* padding: 0 20px;*/ /* 20221226 - SB - removed padding because name of the resort was getting cut  */
  margin-top: 0;
  min-height: auto;
  /* margin-bottom: 15px; *//* 20221226 - SB - removed margin because name of the resort was getting cut  */
  line-height: 1.2;
  /* text-align: justify; */
  overflow: hidden;
  /*    Start 
        SP
        27/07/2021
        commented to remove ellipses.
  text-overflow: ellipsis; 
  -webkit-line-clamp: 1;
  */
  /*END 27/07/2021*/
  display: -webkit-box;
  -webkit-box-orient: vertical;
  /*Surekha - 03/04/2020 - align name center. */
  text-align: center; 
  width: 100%;
  /*END*/
  height: 38px; /*22px; /*  SP - 27/07/2021 - added fixed height.*/
}

/*
SS
20210811
added CSS for the subdestination link
*/
#fiji-booking .package-details a.sub_location_link {
    color: #636363;
    text-decoration: none;
}
/*END*/
#fiji-booking .icon-product {
  margin: 0;
  padding: 5px; /*7px 20px; Surekha - 06/04/2020 - changed to align icon products. */
  border-top: 1px solid #ccc;
  height: 122px;
  display: block;
  padding-left: 0px; /*Surekha - 24/04/2020 - added to adjust the icon product from right side. */
}
#fiji-booking .package-details p {
  min-height: auto;
  padding: 0 20px;
  font-size: 14px;
  float: left;
  margin: auto;
  text-align: left;
}
.booking-time {
  float: left;
  width: 100%;
  border-top: 1px solid #ccc;
  padding: 10px 0;
}

#fiji-booking .package-details .booking-time p{
  font-size: 10px;
  color: #000;
  line-height: 18px;
}
#fiji-booking .package-details .booking-time p:last-child{
  margin-left: 0px;
}
#fiji-booking .gallery_product .item .packageinfo {
  height: auto;
}
#fiji-booking .gallery_product .item .wrap {
 /*Surekha - 24/04/2020 - commented min- height and given fix height as icon product list is getting hidden.
  min-height: auto; */
  height: 92px !important; /*94px; SP - 02/08/2021 */ /*75px;  SP - 27/07/2021 - changed height to display 5 lines in description. */
  margin-top: 10px;
  overflow: hidden; /*END*/
  /*    Start
        SP
        26/07/2021
        added styling to align teh text after DOM reduce.
 */
  text-align: justify;
  padding: 0px 10px;
  /*    Start
        SP
        03/08/2021
        Removed line above paragraph
  border-top: 1px solid #ccc;
  */
    /*END 26/07/2021*/
}
#fiji-booking.specials .item{
  height: 600px; /*580px; SP - 30/07/2021 - changed to align book now button. */ /*560px; SP - 27/07/2021 -  given fix height to paragraph. */ /*546px; SP - 26/07/2021 - changed ad button is getting hidden after DOM reduce.*/
}
#fiji-booking .package-details p {
  min-height: auto;
  padding: 0 15px;
}
#fiji-booking.specials .package-details {
  background-color: #ffffff;
  padding: 15px 0 10px 0;
  position: relative;
  height: 300px; /*auto; SP - 27/07/2021 - given fix height. */
  border-bottom: 1px solid #ccc; /* SP - 03/08/2021 - added line above the button*/
}

#fiji-deals.specials a.btn.btn-viewpackage {
  font-size: 14px;
  display: block !important;
}
#fiji-deals.specials .owl-item.cloned:hover .btn-wrap {
  padding: 0 0;
  display: block;
  transition: all 0.5s ease;
}
#fiji-deals.specials:hover a.btn.btn-viewpackage {
  font-size: 14px;
  display: block !important;
}
#map_wrapper.sub-map-page {
  width: 70% !important;
  float: right;
  height: 600px !important;
}
#fiji-deals .owl-item {

  height: 100%;
}
.owl-carousel.owl-theme.destination-video.owl-loaded.owl-drag .owl-item.cloned{
   height: 100%;
}
.specials .item:hover {
  box-shadow: 0px 0px 17px 0px #565656;
}


#fiji-search.taxonomy-search .fiji-search-sec.search-pop {
  position: fixed;
  top: 0;
  z-index: 99999;
  background: #000000a6;
  left: 0;
  right: 0;
  bottom: 0;
  display: block !important;
  width: 100% !important;
}
#fiji-search .fiji-search-sec.search-pop ul.ul_tab_one {
  padding: 0;
  margin: 0 0 -26px 10px;
  list-style: none;
  width: 400px;
  text-align: center;
}
#fiji-search .fiji-search-sec.search-pop .col-md-4.col-sm-7.col-xs-12.search_auto_col {
  width: 40%;
}
#fiji-search .fiji-search-sec.search-pop .col-md-3.col-sm-3.col-xs-12.check_col {
  width: 25%;
  margin: 0px 0 0;
}
#fiji-search .fiji-search-sec.search-pop .col-md-3.col-sm-2.col-xs-12.destination_col {
  width: 21%;
  margin-top: 0px;
  margin-bottom: 0;
}
#fiji-search .fiji-search-sec.search-pop .col-md-2.col-sm-2.col-xs-12.btn_search_col {
  width: 14%;
}
#fiji-search .spn_check_in:after, #fiji-search .spn_check_out:after{
  top: 30px;
}
.fiji-search-sec.search-pop h1{
  display: none;
}

/*Surekha - 26/03/2020 - added to remove search box is visible on destination page at bottom. */
/* 08/01/2021 - Sushma B - Commented for displaying search in panel */
/*
.destinatn-explore .search-destination-panel{
      display: none;
}
*/
/*END*/


/*
Start
25/11/2020
Sushma B
Added for fixing CLS issue with check marker
*/
.selected-marker{
    height: 27px;
}

/* END */

/*Surekha - 22/02/2021 - added to make text on sibdestination page about, things to do tabs looks bigger and good. */
.facts .tab-content .right p{
    font-size: 18px;
    line-height: 1.6;
    text-align: justify;
}
/*END*/


/*Surekha - 15/07/2021 - added image after header as div combined for DOM elements.*/
/*  Start
    SP
    26/07/2021
    commented as structure changed for DOM.
.specials .container-fluid .text-center h2.title:after {
    content: '';
    background: url(../../frontend/images/icons/title-border.png)no-repeat center;
    height: 22px;
    width: 85px;
    display: block;
    margin: 10px auto;
}*/
/*END 26/07/2021*/
/*END*/

/*Start
  SP
  21/07/2021
  Added styling to the featured packages heading as div combined.
*/
#desinationLocation .featured-packages .container-fluid .section-title{
    font-size: 42px; /* 50px;  SP - 03/08/2021 - changed as font looks too big. */
    color: #f2983b;
    margin-bottom: 0px;
    font-family: 'metropolis-bold';
    text-transform: uppercase;
/*  Start
    SP
    23/07/2021
    Aligned text moddle.  
    margin-left: 25px;*/
    /*END*/
    text-align: center;
}

/*  Strat
    SP
    03/08/2021
    Swaped button and link styling and added button in sub-destination page*/
/*.featured-packages a.ViewMoreDestinationPackages*/
.about-destination .right-side .scrollToFactsSection, .about-destination .scrollToFactsSubDestinationSection{
    width: auto;
    color: #fff;
    text-transform: capitalize; /*uppercase; */
    font-family: 'metropolis-bold';
    font-size: 20px; /*16px; */
    border-radius: 6px;
    /*margin: 10px 33%;*/
    background-color: #ed8622;
    padding: 10px 20px;
    text-decoration: none; 
    /*
    SS
    20211213
    added one more button in to See the FAQs section
    */
    float: left;
    margin-top: 20px;
    margin-right: 40px;
    /*END*/
}

/*
SS
20211213
commented this code not need to give margin from left
*/
/*.about-destination .scrollToFactsSubDestinationSection{
    margin-left: 40px;
}*/
.about-destination .row .left-side{
    margin-bottom: 20px;
}
/*END 03/08/2021*/

/*
SS 
20210722
added the css for the back to top button
*/
#scrollToTopBtn {
    display: inline-block;
    background-color: #FFB300;
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 50px;
    position: fixed;
    bottom: 80px;
    right: 10px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}
#scrollToTopBtn::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}

#scrollToTopBtn:focus, #scrollToTopBtn:hover, #scrollToTopBtn:active {
    color: transparent;
    text-decoration: none;
    cursor: pointer;
}
#scrollToTopBtn.show {
  opacity: 1;
  visibility: visible;
}
/*END*/

/*  Start
    SP
    22/07/2021
    Added styling to facts section after removing tabs and dropdown.
*/
.facts .card .FactsTab {
    height: auto;
    width: 100%;
    margin: 10px 0px;
    /*border: 1px solid black;
    border-radius: 16px;
    box-shadow: 0 0px 14px 0 rgb(0 0 0);*/
}
.facts .card .FactsTab .FactsImg {
     /* 26/07/2021 
    width: 22%;
    padding: 0px;
    display: inline-block;
    margin-left: 0px; */
    width: 48%;
    margin: 8px 18px 10px 0px;
    object-fit: cover;
    float: left;
    height: 400px;
    /*border: 0px solid black;
    border-radius: 16px;
    box-shadow: -8px 8px 11px black;*/
    /*END*/
}
/*  Start
    SP
    02/08/2021
    Added .facts .tab-pane h3.FactsHeader for sub-destination page facts header.
*/
.facts .card .FactsTab .FactsHeader, .facts .tab-pane .FactsHeader{
    font-size: 30px;
    font-family: 'metropolis-bold';
    color: #f2983b; /*#432d2d; 26/07/2021*/
    margin-bottom: 20px; /*30px; 26/07/2021*/
    margin-top: 20px;
    width: 100%;
    /*margin-left: 3%;
    float: right; */
    text-align: center;
}
.facts .card .FactsTab .FactsDescription{
    font-size: 18px;
    line-height: 1.6;
    text-align: justify;
    /* 27/07/2021
    width: 76%;
    margin-left: 2%;
    float: right;*/
    /*END*/
    height: auto;
/*    overflow: auto;*/
}
/*END 22/07/2021*/

/*  Start
    SP
    23/07/2021
    Added div to facts details sectionand added styling to it.*/
.facts .card .FactsTab .FactsDetails{
    /*display: flex;*//* 26/07/2021*/
    align-items: center;
    margin: 0px 15px;
}
/*END 23/07/2021*/


/*  Start
    SP
    26/07/2021
    placed images in facts right side.
*/
.facts .card .FactsTab.reverse-xs .FactsDetails .FactsImg{
    float: right;
    margin: 8px 0px 10px 18px;
}
#desinationLocation .facts {
    margin: 0px 20px;
}
/*END*/



/*
SS
20211210
added css for the FAQ section on destination and subdestination page
*/
section#resort_faq {
    margin: 0px 20px;
}
.destination-faq-section p.tab-title {
    font-size: 38px;
    color: #f2983b;
    font-family: 'metropolis-bold';
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0;
    margin-top: 50px;
    text-align: center;
}
.destination-faq-section .head-center {
    border: 1px solid #b9b5b5;
    padding: 15px;
    font-size: 16px;
}
.destination-faq-section .head-center .FaqProductsAccordion {
    font-size: 16px;
}
.destination-faq-section .head-center .FaqProductsPanel {
    padding: 10px 20px;
    font-size: 16px;
}

/*END*/
/*
SS
20210723
added css for destionation featured package section
*/
.featured-packages .featured.destination-featured {
    display: inline-block;
    width: 100%;
    margin-top: 40px;
    padding: 0;
    list-style: none;
}
.featured-packages .featured.destination-featured .item {
    /*width: 22.7%;*/
    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;
    /*margin: 0 15px;*/
    position: relative;
}
.featured-packages .featured.destination-featured .item .btn-wrap {
    padding: 0;
}
.featured-packages .featured.destination-featured .item .item-wrapper {
    padding: 0;
}
.featured-packages .featured.destination-featured .item .packageinfo {
    height: auto;
}
.featured-packages .featured.destination-featured .item .flight-transfers-room-icon {
    position: absolute;
    top: 11px;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
}
.featured-packages .featured.destination-featured .item .flight-transfers-room-icon img {
    height: 25px;
    width: 115px;
}
/*
Start 20211124
SS
to display bula bubble package icon on packages tile 
*/
.flight-transfers-room-icon.bula-bubble-packages {
    top: 0px !important;
}
.flight-transfers-room-icon.bula-bubble-packages img {
    height: 66px !important;
    width: 110px !important;
}

/*END*/
.featured-packages .featured.destination-featured .item .packageinfo p {
    padding: 6px 0px 0px 10px;
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 4px;
    height: 44px;
    overflow: hidden;
    text-align: center;
    font-weight: bold;
}
.featured-packages .featured.destination-featured .item .package-details {
    min-height: 360px;
    height: 360px;
}
.featured-packages .featured.destination-featured .item .packageinfo p a{
    color:  #000;
}
.featured-packages .featured.destination-featured .item img{
    width: 100%;
    height: 240px;
}
.featured-packages .featured.destination-featured .item .bottom-left-right-price span {
    margin-top: 6px;
}
/*END*/

/*  Start
    SP
    23/07/2021
    aligned button of view more featured packages center.
*/
#desinationLocation .featured-packages{
    text-align: center;
}
.featured-packages .package-details ul li, .bottom-left-right-price{
    text-align: left;
}

/*END 23/07/2021*/

/*  Start
    SP
    26/07/2021
    Added styling to the header of tiles.
*/
#desinationLocation .specials .container-fluid .title{
    text-align: center;
}
#desinationLocation .specials .container-fluid .title:after{
    content: '';
    background: url(../../frontend/images/icons/title-border.png)no-repeat center;
    height: 22px;
    width: 85px;
    display: block;
    margin: 10px auto;
}
/*END 23/07/2021*/

/*  Start
    SP
    29/07/2021
    Added styling to the latest holiday packages section after DOM reduce.
*/
.about-destination .right-side{
    padding-left: 40px;
    font-size: 16px;
    font-family: 'metropolis-regular';
    margin-bottom: 40px;
    margin: 0px;
    text-align: justify;
    margin-bottom: 20px; /* SP - 03/08/2021 - added to align button.*/
}
.about-destination .row{
    padding: 0% 4%;
    clear: both; /* SP - 11/08/2021 - added as view T&C is not clickable.*/
}

/*END 29/07/2021*/

/*  Start
    SP
    30/07/2021
    Added styling to the see facts link
*/
/*  Start
    SP
    03/08/2021
    swaped button and link styling.*/
/*.about-destination .right-side .scrollToFactsSection*/
.featured-packages a.ViewMoreDestinationPackages{
    text-transform: capitalize;
    color: #ef6851;
    font-weight: bold;
    font-size: 20px; /*18px; */
    text-decoration: underline;
}
/*END*/

/*  Start
    SP
    02/08/2021
    added styling to the facts reverse tiles.
*/
.facts .reverse-xs .left{
    float: right;
}
.specials .package-details p.location_name{
    text-align: center;
}
/*END*/

/*  Start
    SP
    03/08/2021
    Aligned text in latest holiday packages section.
*/
.about-destination .row .LocationDetails{
    text-align: justify;
}
/*END 03/08/2021*/

/*  Start
    SP
    05/08/2021
    Added styling to the star rating after span tag reduced.
*/
.featured-packages .featured.destination-featured .item .package-details .taxonomystar.star-rating{
    width: 36%;
}

/*END 05/08/2021*/

/*  Start
    SP
    06/08/2021
    Added styling to the header after changed it for SEO*/
.facts .heading h2{
    font-size: 38px;
    color: #f2983b;
    font-family: 'metropolis-bold';
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0;
    margin-top: 50px;
}

/*END 05/08/2021*/



/*END 06/08/2021*/

/*
Start
SP
18/10/2021
Added to make text in facts section bigger.
*/
.facts .card .FactsTab .FactsDetails p{
    font-size: 16px;
    text-align: justify;
}
/*END 18/10/2021*/


/*
Start
20220616
Sushma B
Added min-height to map to fix the CLS issue in mobile
*/

/*.destination-map div#map_wrapper {
    max-height: 455px;
}
*/


.destination_map_wrapper {
    max-height: 455px;
}

/*
Start
20220724
Sushma B
Code for transparent images
*/
.specials .gallery_product .item img, .featured-packages .featured.destination-featured .item img{
                    background-color: #ed8622;
            }

/* END */


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


@media only screen and (min-width:1200px) and (max-width: 1366px) {
  ul.flightinfo li{padding-right: 0;}

  /*Surekha - 26/11/2019 - added as icons and text are overlapping. */
  .icon-product li{
    font-size: 11px;
  }
  /*END*/

  /*
  Start
  25/11/2020
  Sushma B
  Added for CLS issue fix
  */
  .destination-video{
        min-height: 300px;
    }


    .facts .tab-content .btn-tab img{
        height: 14px;
    }


    .facts .tab-content .left img{
        min-height: 368px;
    }
    /* END */
}

@media only screen and (min-width:1025px) and (max-width: 1199px) {
  .facts .nav-tabs > li{width: 156px;}
  .about-destination .right-side .btn-simple{width: 150px !important;}
  .specials .gallery_product .item img{height: 160px;}
  .call-section .call-wrapper:after{right: 21px;}

  /*shafi 
02-11-2019
New design for mobile  */
  #fiji-search.taxonomy-search {
    top: 20%;
}
#fiji-deals .col-md-3.col-sm-3.col-xs-3.fiji-slider.left-side {
  width: 286px;
}
#fiji-deals .icon-product li {
  width: auto;
  margin: 0 0%;
  display: inline-flex;
}
#fiji-deals .icon-product {
  padding: 7px 0px;
  display: inline-flex;
}
#fiji-deals .pack-text .fiji-amut h3 {
  font-size: 22px;
  margin: 5px 0;
  float: left;
  width: 100%;
}
#fiji-deals .icon-product li .display-table-cell1 {
  width: 16px;
  margin: 4px;
  float: left;
}
/*END*/

/*
SS
20210723
hide the featured tiles on the destination page
*/
.featured-packages .featured.destination-featured .featured-tile4{
    display: none;
}
/*END*/
}

@media only screen and (min-width:992px) and (max-width:1024px){
 .call-section .call-wrapper:after{right: 19px;}
 .facts .nav-tabs > li{width: 155px;}
 .about-destination .right-side .btn-simple{ width: 120px; height: 39px; font-size: 11px;}
 .specials .gallery_product .item img{height: 160px;}
 .ubermenu-submenu.ubermenu-submenu-id-5831{ width: 930px !important;}
 /* .specials .gallery_product { height: 485px; } */
 .specials .package-details ul.flightinfo li{padding-right: 7px;}
 
 /* .specials .gallery_product { */
    /* height: 510px !important; */
/* } */

 /*shafi 
02-11-2019
New design for mobile  */
.icon-product li {
    width: 48%;
}
#fiji-search.taxonomy-search {
  top: 20%;
}
/*END*/

/*
SS
20210723
hide the featured tiles on the destination page
*/
.featured-packages .featured.destination-featured .featured-tile4{
    display: none;
}
/*END*/

}

/*Surekha - 29/08/2019 - added styling for ipad view. */
@media only screen and (min-width:768px) and (max-width:1024px){
 /*Start
   SP
   20/07/2021
   removed carousel from the discription section
  .about-destination .left-side .owl-carousel .owl-item img{
    height: auto;
  }
*/
/* Changed styling of paragraph as combined divs
 .about-destination .right-side p{
    margin: 0px;
  }*/

/*END*/
 
  .facts .tab-content .right h3{
    margin-top: 0px;
    margin-bottom: 20px;
  }

  /*shafi - 21/11/2019 - NEw added */
  .call-section .call-wrapper em {
    font-size: 30px;
    
}

}
/*END*/

@media only screen and (min-width:768px) and (max-width:991px){
  .about-destination .right-side { padding-left: 10px;}
  .about-destination .right-side .btn-simple{ width: 120px; height: 39px; font-size: 11px;}
  .specials .gallery-title{font-size: 40px; /*60px;*/ } /*Surekha - 29/08/2019 - changed font size 60px; to 44px; *//*Surekha - 06/11/2019 - changed font-size:44px; */
  .specials{padding: 20px 0px 25px; /*35px 0 25px;*/}/*Surekha - 29/08/2019 - added to reduce space above title. */
  .facts .nav-tabs>li>a { padding: 10px 10px;}
  .facts .nav-tabs > li:first-child a { padding: 21px 30px;}
  .facts .nav-tabs > li{width: 120px;}
  .facts .nav-tabs > li > a{font-size: 13px;}
  .facts .tab-content .right {padding-left: 15px;}
  /* .facts .tab-content .tabpanel-btn{ margin-top: -6px;} */
  #single-page .call-section .pad-xs .call-wrapper:after{ right: 10px; top: -22px;}
  .map-listing-wrapper .map-listing { width: 90%;}
  #map_wrapper .content-wraper{padding-left: 0;}
  .icon-product li {
    width: 33.33%;
}
/*Surekha - 24/04/2020 -  added height to remove blank space below it. */
#fiji-booking .icon-product{
    height: 200px; /*178px; SP - 27/07/2021 removed scroll. */
}
/*END*/

/*
SS
20210723
hide the featured tiles on the destination page
*/
.featured-packages .featured.destination-featured .featured-tile3, 
.featured-packages .featured.destination-featured .featured-tile4{
    display: none;
}
/*END*/

/*  Start
    SP
    27/07/2021
    Aligned tiles after given fix height*/
#fiji-booking.specials .package-details {
    height: 370px; /* 360px; SP - 03/08/2021 */
}

/*END 27/07/2021*/

/*
SS
20211213
added media for FAQs button
*/
.about-destination .right-side .scrollToFactsSection, .about-destination .scrollToFactsSubDestinationSection{
  font-size: 18px;
  padding: 10px 10px;
}
/*END*/
}

@media only screen and (min-width:786px) and (max-width: 992px){
  .hotel-packages .left-wrapper{margin-top: 40%;}
  .hotel-packages .left-section .right-wrapper{margin-top: 70%;}
  .left-section{padding-left: 0;}
}


 /*shafi 
02-11-2019
New design for mobile  */
@media only screen and (max-width:1024px){
.fiji-slider.left-side {
  width: 100%;
  float: left;
  margin: 1%;
}
#fiji-deals .owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #d6d6d600;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
  border: 1px solid #ef6851;
  padding: 13px 35px;
  box-shadow: none;
  margin-right: 15px;
}
#fiji-deals .pack-text .fiji-amut span {
 
  width: 100%;
  float: left;
}
#fiji-deals .icon-product li {
  margin: 0 auto;
}

/*Start
  SP
  21/07/2021
  Aligned view more packages button in medium device.
  */
/*.featured-packages a.ViewMoreDestinationPackages{
    width: 36%;
    margin: 10px 32%;
}*/
/*END 21/07/2021*/

}

@media only screen and (max-width:992px){
  #fiji-search.taxonomy-search {
    top: 10%;
}

  img.taxonomy-location {
    width: 100%;
    float: left;
/*  Start
    SP
    09/08/2021
    removed as given same height in desktop
    height: 550px;
*/    position: relative;
}

div#map_wrapper {
  width: 100% !important;
}
#fiji-deals .owl-theme .owl-nav [class*=owl-] {
  color: #FFF;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #d6d6d600;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
  border: 1px solid #ef6851;
  padding: 13px 35px;
  box-shadow: none;
  margin-right: 15px;
}
#fiji-search.taxonomy-search {
  width: 100%;
}
#fiji-deals .hot-rs {
  right: 0;
  top: 40px;
}
}
/*END*/


@media (max-width:991px){
/*
SS
20210723
added the tiles responsive css
*/
.featured-packages .featured.destination-featured .item .package-details {
    min-height: 430px;
    height: 430px;
}
/*END*/

/*  Start
    SP
    26/07/2021
    changed styling as DOM reduced.

    .taxonomystar.star-rating {
        margin: 0px 0 10px 15px;
        float: right;
    }
*/   

/*  Start
    SP
    04/08/2021
    changed name
.taxonomystar.star-rating
*/
.specials .taxonomystar.star-rating {
    margin: 0px 0 0px 15px !important;
    float: right !important;
    width: 28% !important; 
}
/*END 26/07/2021*/

    
    .specials .btn-viewpackage {
        display: block;
    }
    .specials .item:hover {
        margin-top: 0;
    }
     .specials .package-details p {
         min-height: 0px;
}
/*Surekha - 03/04/2020 - Added styling to icon products in tiles of small and medium devices. */
#fiji-booking .icon-product{
        padding: 0px 5px;
}
.display-table-cell.display-table-cell2{
        float: none;
        line-height: 1;
}
/*END*/

/*Surekha - 06/04/2020 -  added fix height to icon product. */
#fiji-booking.specials .item{
        height: 670px; /*660px; SP - 09/11/2021 - changed to align learn more image. */ /*638px; SP - 30/07/2021 - changed as book now button styling is changed.*/ /*618px; SP - 27/07/2021 - aligned after adding fixed height to paragraph. *//*608px; SP - 26/07/2021 - changed as button is getting hidden after DOM reduce. */
}
/*END*/

/*Start
  Surekha
  01/12/2020
  added to display text below image on map marker. */
#map_wrapper .gm-style-iw.gm-style-iw-c {
  height: 400px;
  max-height: 480px !important;
}
.gm-style-iw-d{
    max-height: 400px !important;
  /*END*/
}

/*Start
  SP
  21/07/2021
  Aligned view more packages button in small device.
  */
/*.featured-packages a.ViewMoreDestinationPackages{
    width: 46%;
    margin: 10px 27%;
}*/
/*END 21/07/2021*/

/*  Start
    SP
    02/08/2021
    made header little bit smaller as look like too big
*/
.about-destination .title h1 {
    font-size: 36px;
}
/*END 02/08/2021*/

/*  Start
    SP
    04/08/2021
    aligned star rating on packages tiles.
*/
#desinationLocation .featured-packages span.taxonomystar.star-rating{
    width: 100% !important;
}

/*END */

/*  Start
    SP
    14/02/2023
    added height to fix the group CLS.
*/
.destination_map_wrapper, .destination_map_wrapper #map_canvas {
    height: 455px;

}
/*END 14/02/2023 */

}
/*
Sushma sutar
stared 14-05-2019
for tiles responsive issues
*/
@media (min-width:577px) and (max-width:767px){
/* .specials .gallery_product { */
    /* height: 320px !important; */
/* } */
.icon-product li {
    width: 50%;
}

/*Surekha - 06/04/2020 -  added fix height to icon product. */
#fiji-booking.specials .item{
        height: 670px; /*650px; SP - 30/07/2021 - changed for book now button styling changed. */ /*632px; SP - 27/07/2021 */ /*622px; SP - 26/07/2021 - changed as button is getting hidden after DOM reduce.*/
}
/*END*/
/*
SS
20210723
added the responsive for the featured tiles
*/

.featured-packages .featured.destination-featured li.col-lg-3.col-md-4.col-sm-6.col-xs-12 {
    width: 50%;
}

/*END*/
}

@media only screen and (max-width: 767px){
/*
SS
20210723
hide the featured tiles on the destination page
*/
.featured-packages .featured.destination-featured .featured-tile3,
.featured-packages .featured.destination-featured .featured-tile4{
    display: none;
}

.featured-packages .featured.destination-featured .item .package-details {
    min-height: 440px;
    height: 440px;
}
/*END*/

/* Surekha - 24/04/2020 - h3 tag changed to p tag. 
    .specials .package-details h3 */
.specials .package-details p.location_name {
    padding: 0 12px;
}
/* Surekha - 24/04/2020 - h3 tag changed to p tag. 
    .specials .package-details h3 */
.specials .package-details p.location_name{
    min-height: 0;
}
.icon-product {
    height: auto;
}
/* .specials .package-details { */
     /* min-height: 250px; */
/* } */
.specials .gallery_product .item .wrap{
    min-height: 0;
}

/*  Start
    SP
    26/07/2021
    Added styling to the star rating in small devices as div removed.
*/
#fiji-booking.specials .package-details .taxonomystar.star-rating {
    width: 35% !important; 
}
/*END 26/07/2021*/
/*END 26/07/2021*/

/*  Start
    SP
    27/07/2021
    Added fixed height to the tiles.*/
#fiji-booking.specials .package-details{
    height: 374px; /*360px; SP - 03/08/2021 */ /*370px; SP - 02/08/2021 */
}
/*END 27/07/2021*/

/*  Start
    SP
    02/08/2021
    made header little bit smaller as look like too big
*/
.about-destination .title h1 {
    font-size: 34px;
}
.facts .tab-pane{
    padding-top: 0px;
}
.facts .card .FactsTab .FactsHeader, .facts .tab-pane .FactsHeader{
    margin-top: 0px;
}
.facts .tab-content .left img{
    padding-bottom: 10px;
}
.facts .tab-content .right{
    padding-left: 15px;
}
/*END 02/08/2021*/

/*  Start
    SP
    03/08/2021
    made header small in small devices.
*/
#desinationLocation .featured-packages .container-fluid .section-title{
    font-size: 36px;
}
/*  Start
    SP 
    03/08/2021
    added to align button center in small devices.*/
.about-destination .row{
    text-align: center; 
}
/*END 03/08/2021*/

/*  Start
    SP
    06/08/2021
    Added styling to the header after changed it for SEO*/
.facts .heading h2{
    font-size: 36px;
    margin-top: 30px;
}

/*END 06/08/2021*/


}



@media only screen and (max-width:767px){
  .specials .gallery_product .item .item-wrapper img { height: 272px; }
    
  #contactModal .modal-dialog{ margin-top: 30px;}
  .item-wrapper.col-xs-6{width: 45%;}
  .package-details.col-xs-6{width: 55%;}
  .about-destination .title { margin-bottom: 30px;}
  .specials .package-details .travel-info{height: 47px !important;}
  .map-detail-popup h1, .location-inflow h1{ padding: 20px 10px 10px 0;}

  .about-destination .left-side .owl-carousel .item-video { height: 270px;}
  .about-destination .left-side{padding: 0;}
  .about-destination .right-side{margin-top: 25px; padding: 0px; text-align: center;} /* SP - 03/08/2021 - added text-align: center; to align button center in small devices.*/ /* SP - 29/07/2021 - removed padding-left: 15px; and added padding: 0px*/
  .about-destination .right-side .btn-simple{width: 153px;}
  .about-destination .right-side .row-btn{text-align: center;}
  .about-destination .right-side ul li{margin: 0 6px 0 3px;}
  .about-destination .right-side ul.lft-btns{text-align: center;}

  .destination-video.owl-carousel .owl-item img{height: auto; /*215px !important; */} /*Surekha - 31/08/2019 - changed height to auto to fix image stretch issue. */

  .specials{padding: 5px 0 5px;}
  .specials .selectboxit-container{width: 100%;}
  .specials .selectboxit-container .selectboxit{width: 100% !important;height: 42px; background: #f2983b; color: #fff;}
  .specials .selectboxit-container .selectboxit-text{ line-height: 40px;font-family: "metropolis-bold";font-size: 16px;}
  .specials .selectboxit-container .selectboxit-arrow{top: 55% !important; border-top: 4px solid #fff;}
  
  .specials .gallery-title{ font-size: 34px; text-align: center; margin-left: 0; margin-bottom: 0px; position: relative; min-height:40px;} /* added height: 40px; Surekha - 05/11/2019 display: -webkit-inline-box;} /* Surekha - 02/11/2019 - added display: -webkit-inline-box */

  .specials h1:after{content: ''; position: absolute; background: url(../images/icons/title-border.png)no-repeat center; height:22px; top: 64px; right: 0; left: 0; bottom: 0; margin: 0 auto;}
  .specials .select-xs{margin-bottom: 20px;    text-align: center;}
  .specials .select-xs select{ background: #f1982d; border-color: #f1982d;color: #fff; font-size: 18px; font-family: 'metropolis-bold'; height: 48px;}

  .specials .package-details .tag{ left: -64px;  bottom: 32px; right: auto; top: auto; display: none;}
  .specials .package-details .price{left: -110px; bottom: 0;top: auto; right: auto;width: 110px;text-align: right;display: none;}
/*  .specials .package-details .packageinfo p{text-align: left;}*/
  .specials .wrap { height: auto; overflow-y: hidden; padding-bottom: 0;}
/*  .specials .package-details .packageinfo p{padding: 0 12px; font-size: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 1.2; -webkit-line-clamp: 3; -webkit-box-orient: vertical;margin: 0;}
  .specials .package-details .travel-info p{padding: 0 12px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 1.2; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}*/
  .specials .package-details ul.flightinfo{ height: 55px; padding: 0 0 0 12px; height: auto;display: block; margin-bottom: 10px;}
  .specials .package-details{padding: 10px 0 0 0; min-height: 0; width: 100%;} /*Surekha - 30/08/2019 - added width: 100%; */
/* Surekha - 24/04/2020 - h3 tag changed to p tag. 
    .specials .package-details h3 */
    .specials .package-details p.location_name {padding: 0 12px;}
  .specials .package-details .packageinfo{text-align: left;overflow-y: hidden !important; height: 90px !important; display: block; padding: 0; min-height: auto !important; margin-bottom: 10px;} /* SP - 02/08/2021 - changed overflow-y: scroll !important;*/ /* SP - 27/07/2021 - changed height: 65px !important; to display 5 lines*/ /* SP - 26/07/2021 - changed height: 57px !important; to align text*/
  .specials .package-details .packageinfo p{padding: 0 12px;}

  .specials .package-details .travel-info p.travel-info-para {padding: 0 12px; text-align: left; overflow-y: scroll; height: 36px;}

  .specials .item-wrapper { position: relative; height: auto; width: 100%;/*height: 245px;*/}/*Surekha - 30/08/2019 - added width: 100%;*/
  .specials .item-wrapper .price{ position: absolute; right: 0; bottom: 0; background: #f2983b; color: #fff; padding: 4px 8px; font-size: 15px;font-family: 'metropolis-bold';}
  .specials .item-wrapper span.tag{position: absolute; right: 0; bottom: 29px; background: #f1ba41; color: #fff; padding: 3px 5px; font-size: 15px;font-family: 'metropolis-bold';}
  .specials .package-details .packageinfo h3{padding: 0 15px;}
  
  .specials .gallery_product .item .item-wrapper img{width: 100%; height: 240px;/*height: 225px;*/}/*Surekha -  30/08/2019 - added  height: auto; */ /*Surekha - 06/11/2019  changed height: auto;*/
  /* .specials .gallery_product { height:auto; height: 330px;padding: 0;} */
  /* .specials .gallery_product .item{ margin-bottom: 45px;} */

  .destination-map #map_wrapper{width: 100% !important;}
  .destination-map .map-listing-main-wrapper{display: none;}
/*Surekha - 16/07/2021 - commented styling as we are not displaying  select-destination
  #desinationLocation{position: relative;}
  #desinationLocation .select-destination{ margin: auto;padding: 15px 0; background-color: #aadaff; text-align: center;}
  #desinationLocation .mapicon-wrap{position: relative;}
  #desinationLocation .select-destination i{ position: absolute; z-index: 1; top: 12px; left:80px; color: #fff; opacity: 0.7; }
  #desinationLocation .select-destination select{ -webkit-box-shadow: none; box-shadow: none;    width: 100% !important;left: 0 !important; right: 0; margin: auto !important;}
  #desinationLocation .select-destination .selectboxit-text{text-indent: 33px;font-family: 'metropolis-bold'; font-size: 16px;line-height: 39px; color: #fff; width:90%; text-align: left;} Surekha - 22/11/2019 - added width:90%; text-align: left; to fix text hidden issue on map in dropdown. 
  #desinationLocation .select-destination .selectboxit-container{text-indent: 5px;width: 65%;}
  #desinationLocation .select-destination .selectboxit{height: 42px; background: transparent; border: 1px solid #fff; width: 100% !important; box-shadow: none; margin: auto !important;}
  #desinationLocation .select-destination .selectboxit-arrow{top: 55% !important;border-top: 4px solid #fff; left:0px;} /*Surekha - 22/11/2019 - added left:0px; as dropdown arrow is not visible in small devices. 
  #desinationLocation .select-destination .selectboxit-options{width: 100%;}
*/
/*END - 16/07/2021*/
 /*Surekha - 22/11/2019 - added to align dropdown arrow. */
  #desinationLocation span.selectboxit-arrow-container{ width: 8%; }
 /*END*/
  #desinationLocation .specials .selectboxit-container{text-indent: 5px;width: 80%;background-color: #f2983b;border-radius: 7px;}
  .specials .gallery .selectboxit-options{width: 100%;}

  .destination-map{position: relative;}
  .destination-map .select-destination{ position: absolute; z-index: 1; top: 58px; left: 0; right: 0; margin: auto; text-align: center; }
  .destination-map .mapicon-wrap{position: relative;}
  .destination-map .select-destination i{ position: absolute; z-index: 1; top: 12px; left:80px; color: #fff; opacity: 0.7; }
  .destination-map .select-destination select{ -webkit-box-shadow: none; box-shadow: none;    width: 100% !important;left: 0 !important; right: 0; margin: auto !important;}
  .destination-map .selectboxit-text{text-indent: 25px;font-family: 'metropolis-bold'; font-size: 16px;line-height: 39px; color: #fff; }
  .destination-map .selectboxit-container{text-indent: 5px;width: 65%;}
  .destination-map .selectboxit{height: 42px; background: transparent; border: 1px solid #fff; width: 100% !important; box-shadow: none; margin: auto !important;}
  .destination-map .selectboxit-arrow{top: 55% !important;border-top: 4px solid #fff;}
  .destination-map .selectboxit{background-color: transparent !important;}
  .destination-map .selectboxit-options{width: 100%;}

  .fact-xs .panel-default>.panel-heading { background-color: #fff; border-color: #ebebeb; border-radius: 0; border-top: 1px solid #ebebeb; padding: 15px 5px;}
  .fact-xs .panel-default>.panel-heading .panel-title{color: #f1982d;font-size: 21px; font-family: 'metropolis-bold';}
  .fact-xs a:focus, a:hover{text-decoration: none!important;outline: none;}
  .fact-xs .panel-default{border: 0; box-shadow: none;}
  .fact-xs .panel-group .panel-body {  padding: 0;}
  .fact-xs .panel-group .panel-body .top{padding: 0;}
  .fact-xs .panel-group .panel-body .bottom h3{color: #432d2d; text-transform: uppercase; font-family: 'metropolis-bold';font-size: 20px;}
  .fact-xs .panel-group .panel-body .bottom p{ font-size: 16px; line-height: 1.2;}
  .fact-xs .panel-group .panel-title:after{font-family: 'FontAwesome'; content: "\f078"; float: right; color: #f1982d; font-size: 16px;}
  .fact-xs .panel-group .panel-title{cursor: pointer;}
  /*.fact-xs .panel-group a.active .panel-title:after{content: "\f077";} */ /*Surekha - 22/11/2019 - commented as arrow pointing wrong direction after closed dropdown. */
  .fact-xs .panel-group .button_wrapper{text-align: center;margin: 25px 0 20px;}
  .fact-xs .panel-group #btn_read_less{ width: 60px; border: 1px solid #f06850; color: #f06850;}
  .fact-xs .panel-group #btn_read_less:hover{box-shadow: inset 0 0 0px 1px #f06850;}
  .fact-xs .panel-group #btn_read_more{ width: 60px; border: 1px solid #f06850; color: #f06850;}
  .fact-xs .panel-group #btn_read_more:hover{box-shadow: inset 0 0 0px 1px #f06850;}

/*Surekha - 31/08/2019 - changed as images are getting stretched. and added styling */
/* {width: 100%; height: 250px;} */ 
  .fact-xs .top img {width: auto; height: auto; margin: 2% auto; border-radius: 16px; box-shadow: 0 0px 15px 0 rgba(0, 0, 0, 1);}
/*END*/
  .gallery_product .item ul.flightinfo li{margin: 10px 0 0 0;padding: 0;}

  .owl-carousel.top-carousel {z-index: 1 !important;}
  .hotel-packages .left-wrapper { margin-top: 0;}/*c*/
  .hotel-packages .header-section h1 { font-size: 32px;color: #636363;}
  .hotel-packages .header-section p.title-info{color: #636363; font-size: 14px;}
  .hotel-packages .footer-socialmedia ul > li { display: inline; border: 1px solid #e9e9e9; padding: 12px 10px; margin: 0px 2px 0 0;}
  .hotel-packages .footer-socialmedia > ul > li:first-child { padding: 12px 14px;}
  .hotel-packages .header-section p.total-review{color: #636363;}
  .hotel-packages {background: #fff;}
  .hotel-packages .right-wrapper-xs h4{margin-bottom: 22px;}
  .hotel-packages .header-section .location-review span{float: right;}

  .pack-xs .panel-default>.panel-heading { background-color: #fff; border-color: #ebebeb; border-radius: 0; border-top: 1px solid #ebebeb; padding: 15px 5px;}
  .pack-xs .panel-default>.panel-heading .panel-title{color: #f1982d;font-size: 21px; font-family: 'metropolis-bold';}
  .pack-xs a:focus, a:hover{text-decoration: none!important;}
  .pack-xs .panel-default{border: 0; box-shadow: none;}
  .pack-xs .panel-group .panel-body {  padding: 0;}
  .pack-xs .panel-group .panel-body .top{padding: 0;}
  .pack-xs .panel-group .panel-body .bottom h3{color: #432d2d; text-transform: capitalize; font-family: 'metropolis-bold';}
  .pack-xs .panel-group .panel-body .bottom p{ font-size: 16px; line-height: 1.2;}
  .pack-xs .panel-group .panel-title:after{font-family: 'FontAwesome'; content: "\f078"; float: right; color: #f1982d; font-size: 16px;}
  .pack-xs .panel-group .panel-title{cursor: pointer;}
  .pack-xs .intro-content{margin-top: 15px;}
  .pack-xs .package-options .package-wrap h4{font-size: 14px;font-family: 'metropolis-bold';}

  .emailus p{width: 100%;}
  .emailus .email-content form input{border: 1px solid #fff;}
  .emailus .email-content form .input-group{border: 0}
  .emailus h3{ font-size: 25px;}
  .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;}

  .select-destination span.map-detail-mob-hook:before {content: "\63"; color: #fff; position: absolute; left: 6px; font-family: "webfont"; top: 5px; font-size: 16px; opacity: 0.7;}
  .select-destination i.icon.icon-map{display: none;}
  .specials h3.gallery-title:after { content: ''; background: url(../../frontend/images/icons/title-border.png)no-repeat center; display: block; width: 85px; height: 14px; margin: 10px auto;}

/*Surekha - 30/08/2019 - added styling to all featured packages for mobile view. */
  .specials .item{
        width: 100%;
    }
  .gallery_product.col-lg-3.col-md-4.col-sm-6.col-xs-12.filter.all-featured{
        width: 50%;
  }
/*END*/
/*Surekha - 09/09/2019 - added to display packages two in one row of small devices. */
  .gallery_product.col-lg-3.col-md-4.col-sm-6.col-xs-12.filter{
        width: 50%;
  }
/*END*/
/*Surekha - 31/08/2019 - added to hide specials in Fiji list twice in small devices. */
/* Surekha - 15/07/2021 - commented as to display buttons in mobile view.
h2.btn.btn-default.filter-button.desktop-btns.destination-buttons{
        display: none;  
}*/  

/*Surekha - 06/10/2019 - added as blocks having white space at bottom .*/
.specials .item{
  height: auto; /* 540px; */
}
 /*shafi 
03-11-2019
New design for mobile  */
/*Surekha - 03/04/2020 - changed h1 to p tag.
#fiji-search.taxonomy-search h1 */
#fiji-search.taxonomy-search p {
  margin-top: 20px;
}
#fiji-search .search-destination-panel {
  padding: 6px 0;
  margin-top: 0 !important;
}
#fiji-search.taxonomy-search h3 {
  margin-top: 40px;
  color: #fff;
}
/*Surekha - 16/07/2021 - commented as we are not displaying it
#desinationLocation .select-destination {
display: none;
}*/
/*END - 16/07/2021*/
#fiji-search ul.ul_tab_one {
  padding: 0;
  margin: 0;
  list-style: none;
  width: 100%;
}

/* Start
   SP
   20/07/2021
   REmoved carousel from the description section
.about-destination .left-side .owl-carousel .owl-item img {
  height: auto;
  padding: 0% 0% !important; 
  width: 96%; /*100%; Surekha - 03/04/2020 - changed to display img within screen. 
}*/

#fiji-booking .icon-product li .display-table-cell1 {
  width: 20px;
}
/* #fiji-booking .gallery_product.col-lg-3.col-md-4.col-sm-6.col-xs-12.filter.all-featured.fiji-coral-coast {
  width: 100%;
} */
/* #fiji-booking.specials .package-details {
  padding: 15px 0 10px 0;
  width: 61%;
}
#fiji-booking.specials .item-wrapper {
  width: 38%;
} */

/*Surekha - 03/04/2020 - commented to align border to tiles on destination page in small devices.
#fiji-booking.specials .item {
  box-shadow: none;
} /*END*/


#fiji-booking.specials .hot-rs {
  margin-top: -25px;
}
#desinationLocation .taxonomy-terms p {
  width: 100%;
/*  font-size: 12px; Surekha - 12/03/2020 */
}
/*Surekha - 12/03/2020 */
p.terms_and_condition{
  font-size: 12px !important;
}
/*END*/
#fiji-booking .hot-rs {
  bottom: 3px;
  text-align: right;
}

#map_wrapper .gm-style-iw.gm-style-iw-c {
  height: 400px;
  max-height: 480px !important;
}
.gm-style .gm-style-iw-d {
  max-height: 470px !important;
}
/*Surekha - 24/04/2020 -  added height to remove blank space below it. */
#fiji-booking .icon-product{
    height: 192px;
}
/*END*/

/*Surekha - 05/01/2021 - added to remove text above search panel in srearch pop up in destination page in small devices.*/
#fiji-search.taxonomy-search .fiji-search-sec.search-pop p{
    display: none;
}

/*END*/


/*Start
  SP
  21/07/2021
  Aligned view more packages button in small device.
  */
/*.featured-packages a.ViewMoreDestinationPackages{
    width: 60% !important;
    margin: 10px 20% !important;
}*/
/*END 21/07/2021*/


/*  Start
    SP
    23/07/2021
    Added styling to the facts section in small devices.
*/
.facts .card .FactsTab .FactsDetails{
    display: grid;
    align-items: center;
    margin: 0px 15px;
}
.facts .card .FactsTab .FactsImg{
    width: 70%;
    padding: 0px;
    display: block;
    float: none;
    height: auto;
    box-shadow: none;
    margin: 0px auto;
    min-height: 350px; /* SP - 27/10/2021 - added to fix CLS and "Image elements do not have explicit width and height" issue in lighthouse.*/
}
.facts .card .FactsTab .FactsDescription{
    font-size: 18px;
    line-height: 1.6;
    text-align: justify;
    width: 100%;
    margin-left: 0%;
    float: none;
    height: auto;
    padding-top: 20px;
}
/*END 23/07/2021*/

/*  Start
    SP
    26/07/2021
    Added styling to the reverse images.
*/
.facts .card .FactsTab.reverse-xs .FactsDetails .FactsImg{
    float: none;
    margin: 0 auto;
}
.about-destination{
    margin: 0px 20px;
}

/*END*/

/*  Start
    SP
    03/08/2021
    Removed blank space below image.
*/
.about-destination .row .left-side, .about-destination .scrollToFactsSubDestinationSection {
    margin-left: 0px;
}
/*END 03/08/2021*/
/*
Start
SP
23/03/2023
Added to align map image in medium devices.
*/
.destination-map .destination-map-image{
    height: 347px;
}
/* END 23/03/2023 */

}/*end of 767*/

/*
Start
SP
24/03/2023
Added as explore button is getting hidden in mobile view.
*/
@media only screen and (max-width:600px){
    img.taxonomy-location{
        height: 520px;
    }
}

/* END 24/03/2023 */

@media (max-width:576px){
    .gallery_product .item-wrapper.col-xs-6 {
        width: 100%;
    }
    .gallery_product .package-details.col-xs-6 {
        width: 100%;
    }
    /* .specials .gallery_product .item { */
        /* margin-bottom: 28px; */
    /* } */
    /*Surekha - 24/04/2020 - commented to give fix height.
    .specials .package-details .packageinfo {
        height: auto !important;
    }
    /*END*/

    #fiji-booking .hot-rs p {
      font-size: 15px;
  }
  #fiji-booking .hot-rs span{
    font-size: 12px;
  }

  #fiji-booking .icon-product {
    margin: 0;
    padding: 5px; /*7px 0px 0 7px; Surekha - 06/04/2020 */
    height: 128px; /*105px; Surekha - 06/04/2020.  */
    overflow: hidden; /* SP - 02/08/2021 - added to remove scroll*/
  }
  #fiji-booking .package-details ul li {
    width: 29%;
    margin: 0 2%;
  }

/*Surekha - 06/04/2020 -  added fix height to icon product. */
  #fiji-booking.specials .item{
    height: 600px; /*612px; SP - 03/08/2021 */ /*670px; SP - 02/08/2021 */ /*650px; SP - 30/07/2021 - changed book now button styling. */ /*556px; SP - 27/07/2021*/ /*554px; SP - 26/07/2021 - changed as button is getting hidden after DOM reduce. */
  }
/*END*/
/*
SS 20210723 display hide the three tiles here
*/
.featured-packages .featured.destination-featured .featured-tile3,
.featured-packages .featured.destination-featured .featured-tile4,
.featured-packages .featured.destination-featured .featured-tile2{
    display: none;
}
.featured-packages .featured.destination-featured .item .package-details {
    min-height: 390px;
    height: 430px; /* 370px; SP - 02/08/2021 - chnaged as price on tile is getting hidden. */
}
/*END*/

/*  Start
    SP
    26/07/2021
    added fixed height for paragraph in small devices.
*/
.specials .package-details .packageinfo {
    height: 90px !important; /*64px !important; SP - 27/07/2021 */
}
/*END 26/07/2021*/

/*  Start
    SP
    02/08/2021
    Added to remove white space on tile.
*/
#fiji-booking.specials .package-details{
    height: 300px;
}
/*END 02/08/2021*/

/*  Start
    SP
    03/08/2021
    Aligned scroll to facts button in small devices.
*/
.about-destination .scrollToFactsSubDestinationSection{
    font-size: 16px;
}
/*END 03/08/2021*/

}


@media only screen and (max-width:576px){
  .taxonomystar.star-rating .star {
    font-size: 12px;
    height: 12px;
    width: 12px;
}


/*Surekha - 30/08/2019 - added styling to all featured packages for mobile view. */
.gallery_product.col-lg-3.col-md-4.col-sm-6.col-xs-12.filter.all-featured{
      width: 100%;
  } 
/*Surekha - 02/11/2019 - addded to display one packages in small devices */  
.gallery_product.col-lg-3.col-md-4.col-sm-6.col-xs-12.filter{
    width:100%;
}  
/*END*/

/*Surekha - 22/11/2019 - added to fix text hidden issue on map dropdown. */
/*Surekha - 16/07/2021 - commented as we are not displaying it
#desinationLocation .select-destination .selectboxit-container{
    width: 80%;
}*/
/*END*/


 /*shafi 
02-11-2019
New design for mobile  */

#fiji-search.taxonomy-search .fiji-search-sec {
  width: 92%;
  margin: 0 auto;
}
#fiji-booking .icon-product {
  margin: 0;
/*  Start
    SP
    08/10/2021
    Commented to align in mobile device.
    padding: 7px 10px;
*/
}
/* #fiji-booking.specials .package-details {
  padding: 15px 0 10px 0;
  width: 62%;
} */
#fiji-booking .package-details .booking-time p {
  padding: 0 10px;
}
#fiji-booking .package-details p {
  min-height: auto;
  padding: 0 10px;
}
/*Surekha - 03/04/2020 -  changed h3 to p tag.
#fiji-booking .package-details h3 */
/*  Start
    SP
    26/07/2021
    changed name as DOM reduced.*/
/*#fiji-booking .package-details p.location_name*/
#fiji-booking .package-details a.location_name{
  padding: 0 10px;
}

/*Start
  SP
  21/07/2021
  Aligned view more packages button in small device.
  */

/*  Strat
    SP
    03/08/2021
    Swaped button and link styling. removed in small devices.*/
/*.featured-packages a.ViewMoreDestinationPackages*/
/*.about-destination .right-side .scrollToFactsSection{
    font-size: 14px;
    /*  width: 96% !important;
    margin: 10px 2% !important;
}*/
/*END 21/07/2021*/

/* 
Start
SP
27/10/2021
Added to fix "Image elements do not have explicit width and height" issue in lighthouse.
*/
.facts .card .FactsTab .FactsImg{
    min-height: 300px;
}
/*END*/


}
/*END*/

/* Landscape */
/* Surekha - 16/07/2021 - commented as we are not displaying select-destination.
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) { 
  #desinationLocation .select-destination i{left: 19%;}
}*/
/*END 16/07/2021*/

/*Surekha - 22/11/2019 - added to fix text hidden issue on map dropdown. */
@media only screen and (max-width:420px){
/* Surekha - 16/07/2021 - commented as we are not displaying select-destination.
#desinationLocation .select-destination .selectboxit-container{
    width: 94%;
}
*/
/*END - 16/07/2021*/
.select-destination span.map-detail-mob-hook:before {
    left: 0px;
    font-size: 14px;
    text-indent: 10px;
    line-height: 40px;  
    top: 0px;  
}

 /*shafi 
02-11-2019
New design for mobile  */

/* Surekha - 16/07/2021 - commented as we are not displaying select-destination.
#desinationLocation .select-destination .selectboxit-text {
    text-indent: 28px;
    font-size: 14px;
}*/
/*END- 16/07/2021*/
/*Surekha - 15/07/2021 - Added styling to the destination buttons displayed in small devices. */
.specials .filter-button.desktop-btns{
    min-width: 46%;
    padding: 6px;
}
/*END*/
/*
SS
20210722
added css for back to top button
*/

/*  Start
    SP
    26/07/2021
    commented as back to top button is overriding on chatboat in mobile view.

#scrollToTopBtn {
    bottom: 30px;
}*/
/*END 26/07/2021*/

/*END*/

/*  Start
    SP
    02/08/2021
    made header little bit smaller as look like too big
*/
.about-destination .title h1 {
    font-size: 30px;
}
.facts .tab-content .left img{
    height: 274px;
}
/*END 02/08/2021*/

/*  Start
    SP
    03/08/2021
    made font small in small device.
*/
.featured-packages a.ViewMoreDestinationPackages {
    font-size: 18px;
}
/*END*/

/* 
Start
SP
27/10/2021
Added to fix "Image elements do not have explicit width and height" issue in lighthouse.
*/
.facts .card .FactsTab .FactsImg{
    min-height: 250px;
}
/*END*/


/*
SS
20211213
added media for FAQs button
*/
.about-destination .right-side .scrollToFactsSection, .about-destination .scrollToFactsSubDestinationSection{
  font-size: 18px;
  padding: 10px 10px;
  width: 100%;
}
/*END*/
}
/*END*/

@media only screen and (max-width:360px){
  .about-destination .right-side .btn-simple {width: 154px;}
  .specials .package-details .travel-info {height: 60px !important;}
  .call-section .call-wrapper em {font-size: 22px;}
  .call-section .call-wrapper h3 {
    font-size: 22px;
}

/*Surekha - 22/11/2019 - added to fix images overlapping on text. */
.icon-product li img {
        max-width: 30px !important;
    }
    .display-table-cell {
        font-size: 11px !important;
    }
/*END*/    


/* 
Start
SP
27/10/2021
Added to fix "Image elements do not have explicit width and height" issue in lighthouse.
*/
.facts .card .FactsTab .FactsImg{
    min-height: 200px;
}
/*END*/


}

@media only screen and (min-width:320px) and (max-width: 480px) and (orientation: landscape){
/* Surekha - 16/07/2021 - commented as we are not displaying select-destination.
  #desinationLocation .select-destination i{left: 96px;}
*/ 
/*END - 16/07/2021*/
 #fiji-booking .icon-product {
    margin: 0;
    padding: 7px 0px 0 7px;
    height: 85px;
}
/*
SS
20211210
added css for the FAQ section on destination and subdestination page
*/
.destination-faq-section .head-center .FaqProductsAccordion,.destination-faq-section .head-center .FaqProductsPanel {
     font-size: 16px !important;
}
/*END*/
}

/*
SS
20211210
added css for the FAQ section on destination and subdestination page
*/
@media only screen and (max-width: 480px){
.destination-faq-section .head-center .FaqProductsAccordion,.destination-faq-section .head-center .FaqProductsPanel {
     font-size: 16px !important;
}

/*
Start
SP
23/03/2023
Added to align map image in medium devices.
*/
.destination-map .destination-map-image{
    height: 220px;
}
/* END 23/03/2023 */

} 

@media only screen and (max-width:320px){
  .about-destination .right-side ul.lft-btns{text-align: center;}
  .about-destination .right-side ul li { margin: 0 3px;}
  .about-destination .right-side .btn-simple {width: 129px; font-size: 14px;}
  .specials h1:after{top: 93px;}
  .specials .filter-button{ font-size: 14px; min-width: 140px;}
  .emailus h3:after { top: 56px;}
/* Surekha - 16/07/2021 - commented as we are not displaying select-destination.
  #desinationLocation .select-destination .selectboxit-text{text-indent: 20px; font-size: 13px;} text-indent: 23px; Changed to align text. and added font-size: 13px;
  #desinationLocation .select-destination i{left: 0px !important; } /*left: 62px !important; Surekha - 22/11/2019 - changed as dropdown arrow is not visible. 
*/
/*END- 16/07/2021*/
/*Surekha - 22/11/2019 - added to fix text hidden issue of dropdown in small devices. */
   .select-destination span.map-detail-mob-hook:before {
        text-indent: 6px;
    }
    /*END*/
    
}




/* 27/12/19 mohan css start */
/* Hover Shadow */
@-webkit-keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@keyframes hover {
  50% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }

  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@-webkit-keyframes hover-shadow {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }

  50% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }
}

@keyframes hover-shadow {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }

  50% {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    opacity: .4;
  }
}

.hover-shadow {
  display: inline-block;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hover-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hover-shadow:hover, .hover-shadow:focus, .hover-shadow:active {
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
  -webkit-animation-name: hover;
  animation-name: hover;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
.hover-shadow:hover:before, .hover-shadow:focus:before, .hover-shadow:active:before {
  opacity: .4;
  -webkit-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-animation-name: hover-shadow;
  animation-name: hover-shadow;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
/* css end */