/*  .title h1:after{top: 47px;}*/
  /*  WEDDING */
  .wrap{ height: 200px; overflow-y: scroll; padding-bottom: 10px; }
  /*Surekha - 15/06/2021 - commented as carousel removed.  
    .owl-carousel.wedding-carousel .item img{max-height: 390px;height: 390px; width: 100%;} auto; Surekha - 25/10/2019 - added to display full on screen. /*Surekha - 07/11/2019 changed max-height: 714px; */
  /*-END-*/

   /*Start
   Surekha Biradar
   18/06/2019
   Added z-index: 0; 
   */
/*Surekha - 15/06/2021 - commented as carousel removed.
  .owl-carousel.wedding-carousel{z-index: 0;}
*/
/*-END-*/
    /*END*/
  
  /*Surekha - 12/04/2021 - commented as changes done for DOM elements and added new styling for it.
  .owl-carousel.wedding-carousel .item .overlay{ position: absolute; top: 29%;  right: 0 ; margin: 0 auto; left: 0; text-align: center;}
  .owl-carousel.wedding-carousel .item .overlay h3{ font-size: 48px; color: #fff; font-family: 'metropolis-bold'; text-transform: uppercase;margin-bottom: 20px;}
  */
/*Surekha - 14/04/2021 - removed div so added specific class.
  #weddings .wedding-banner h3.overlay{
*/    
  #weddings h3.BannerImgOverlay.overlay{
    font-size: 48px;
    color: #fff;
    font-family: 'metropolis-bold';
    text-transform: uppercase;
    margin-bottom: 20px;
    position: absolute;
    top: 400px;
    right: 0;
    margin: 0 auto;
    left: 0;
    text-align: center;
}
#weddings .wedding-banner img{
  width: 100%;
}
/*-END-*/
  
  /*Surekha - 15/06/2021 - commented as carousel removed.
  .owl-carousel.wedding-carousel .item .overlay h4{ font-size: 28px; color: #fff; font-family: 'metropolis-bold'; text-transform: capitalize;margin-bottom: 20px;}
  .owl-carousel.wedding-carousel .item .overlay p{ font-size: 22px; color: #fff; font-family: 'metropolis-bold'; border: 1px solid;  width: 385px; margin: auto;padding: 2px 0px;margin-bottom: 35px;}
  .owl-carousel.wedding-carousel .item .overlay .btn-viewPackage{ background: #fff; color: #ef6851;height: 50px;width: 185px;font-size: 16px;font-family: 'metropolis-bold';text-transform: uppercase;}
  .owl-carousel.wedding-carousel .item .overlay .btn-viewPackage:hover{background: #ef6851; color: #fff; transition:1s;}
  .owl-carousel.wedding-carousel .owl-nav .owl-prev{position: absolute;top: 43%;left: 0; background: transparent;}
  .owl-carousel.wedding-carousel .owl-nav .owl-prev:hover{background: transparent;}
  .owl-carousel.wedding-carousel .owl-nav .owl-next{position: absolute;top: 43%;right: 0; background: transparent;}
  .owl-carousel.wedding-carousel .owl-nav .owl-next:hover{background: transparent;}
  .owl-carousel.wedding-carousel .owl-dots { width: 25px; float: right; position: absolute;right: 40px; bottom: 20px;line-height: 0.5;}
  .owl-carousel.wedding-carousel.owl-theme .owl-dots .owl-dot span{background: transparent;border: 1px solid #fff;width: 12px; height: 12px;}
  .owl-carousel.wedding-carousel.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #fff !important;}
  .owl-carousel.wedding-carousel{max-height: 714px; min-height: 0px;}/*Surekha - 26/08/2019 -  added min-height: 0px; */
 /*-END-*/ 

 #weddings .wedding-search-destination{margin-top: -13px !important;}
   /* 22/09/2020 - Sushma B - Added for fixing CLS issue with banner image */
  #weddings .wedding-banner{/*min-height: 390px;*/ height: 441px;padding:0px; width:100%;}/*Surekha - 14/04/2021 - added width:100%; to display banner image full width. */

  /* END */

  /*Start
  Surekha Biradar
  18/06/2019
  changed for fixing z-index issue
  /*#weddings .destinatn-explore{z-index: 9;}*/
  #weddings .package-carousel{z-index: 0;}
  /*END*/

  #weddings .location-content .para{margin: 0; font-size: 16px; text-align: justify;}/*Surekha - 14/04/2021 - added text-align: justify; to make text more tidy.*/
  #weddings .wedding_description{ font-size: 14px; font-weight: 400;}
  /*Sushma Sutar 20210615 adding css for remove text decoration*/
  .topWeddingDestination a:-webkit-any-link {
	text-decoration: none;
  }
	/*Sushma Sutar 20210615 adding css for scrollbar*/
	#weddings .wedding_description::-webkit-scrollbar{
	  width: 5px;
	}
	/* #weddings .wedding_description::-webkit-scrollbar-track { */
	  /* box-shadow: inset 0 0 5px #bcbaba;  */
	/* } */
 
	#weddings .wedding_description::-webkit-scrollbar-thumb {
	  background: #706c6c; 
	}
	
	/*END*/
  #weddings .ourPackages .item{width: 100%;}
  #weddings .ourPackages .item .item-wrapper{width: 100%;}
  /*Surekha - 14/04/2021 - as div is removed for load more button for DOM element reduce styling is changed.
  #weddings .ourPackages .btn-loadmore{ border: 1px solid #f0725c; color: #f0725c; padding: 10px 41px; font-size: 16px; text-transform: uppercase;}
  #weddings .ourPackages .btn-loadmore:hover{background-color:#f0725c; color: #fff;}
  */
  #weddings .ourPackages .text-center .WeddingLoadMoreBtn{
    border: 1px solid #f0725c;
    color: #f0725c;
    padding: 10px 41px;
    font-size: 16px;
    text-transform: uppercase;
    width: 200px;
    border-radius: 4px;
    margin: 0 auto;
    text-decoration: none; /*Surekha - 21/04/2021 - added to remove underline once click on button.*/
  }
  #weddings .ourPackages .text-center .WeddingLoadMoreBtn:hover{background-color:#f0725c; color: #fff; text-decoration: none;} /*Surekha - 21/04/2021 - added text-decoration: none; to remove underline below the lable. */
  #weddings .ourPackages .text-center{
    width: 100%;
    margin: 0 auto;
    display: flex;
  }
  /*-END-*/
  #weddings .ourPackages{ background-color: #fff; background: url(../../frontend/images/specials-bg.jpg)repeat; padding: 35px 0 60px;}
  #weddings .ourPackages .item{ box-shadow: 0px 0px 17px 0px #dddddd; float: left; background: #fff; margin-bottom: 30px; border-radius: 6px; /*overflow: hidden;*/}
  #weddings .ourPackages .gallery-filter{margin-bottom: 50px; text-align: center;} /*Surekha - 27/04/2021 - added text-align: center; to align itmes center. */
  #weddings .ourPackages .package-details .packageinfo{height: 80px;}
  #weddings .ourPackages .package-details .packageinfo strong{ color: #1a1a1a; font-size: 18px; font-weight: 700;}
  /*Start
  Surekha Biradar
  18/06/2019
  Added height: 36px; for formatting list */
/* Surekha - 07/04/2021 - changed name as reduced DOM elements. 
   #weddings .ourPackages .package-details p.wedding-product-title{color: #1a1a1a;font-size: 16px;font-weight: 700;padding: 0 12px 0 12px; line-height: 1.2;text-align: left; height: 36px;} /*Surekha - 26/08/2019 - changed text-align: justify; to left; to look good in decktop view. *//*Surekha - 28/09/2019 - changed font-size: 18px; to 16px; */

  #weddings .ourPackages p.wedding-product-title{
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 700;
    padding: 8px 12px 0px 12px;
    line-height: 1.2;
    text-align: center; /*Sushma Sutar 20210615 made the title center*/
    height: 42px;
  }
  /*-END-*/
  /*END*/
/*Surekha - 07/04/2021 - changed styling for DOM element.  
  #weddings .ourPackages .package-details .packageinfo p{font-size: 14px; color:#636363; padding: 0 12px 0 12px; line-height: 1.2;text-align: justify;}
*/  
#weddings .ourPackages .gallery_product p.package-details.wrap.packageinfo{
    height: 125px;
    overflow-y: scroll !important;
    padding: 0px 10px;
    text-align: justify;
}
/*-END-*/
/*Sushma Sutar 20210615 added css for the scrollbar*/
#weddings .ourPackages .gallery_product p.package-details.wrap.packageinfo::-webkit-scrollbar{
	  width: 5px;
}
/* #weddings .ourPackages .gallery_product p.package-details.wrap.packageinfo::-webkit-scrollbar-track { */
  /* box-shadow: inset 0 0 5px #bcbaba;  */
/* } */
#weddings .ourPackages .gallery_product p.package-details.wrap.packageinfo::-webkit-scrollbar-thumb {
  background: #706c6c; 
}
/*Sushma Sutar 20210616 added css for image responsive*/
#weddings .ourPackages .gallery_product .img-responsive {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    width: 100%;
}
/*END*/
 
   #weddings .ourPackages .package-details .packageinfo h3{ color: #1a1a1a; font-size: 18px !important; font-weight: 700;font-size: 14px; padding: 0 12px 0 25px; line-height: 1.2;margin: 0 0 10px 0;}
  #weddings .ourPackages .package-details .travel-info{border-top: 1px solid #e9e9e9;padding-top: 10px;}
  #weddings .ourPackages .package-details .travel-info span.travel-date{display: block; margin: 2px; padding: 2px; font-size: 14px; /*border-bottom: 1px solid #eee;*/}
  #weddings .ourPackages .package-details .travel-info p{ padding: 0 12px 0 25px; font-size: 14px;}
  #weddings .ourPackages .package-details .travel-info strong{color: #1a1a1a;font-size: 12px;}
  #weddings .ourPackages .package-details{  background-color: #ffffff; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; /*padding: 15px 0 0 0;*/  position: relative;} /*Surekha - 07/04/2021 - commented padding: 15px 0 0 0; as styling is changed because of DOM element reduce. */  
  #weddings .ourPackages .package-details .packageinfo ul{padding-left: 25px; float: left; width: 100%;}
  #weddings .ourPackages .btn-viewpackage{ width: 100%; background-color: #ef6851; color: #fff; text-transform: uppercase; font-family: 'metropolis-bold'; font-size: 16px; border-top-left-radius: 0; border-top-right-radius: 0;  /*display: none;*/}/* remove bounce */
  #weddings .ourPackages .btn-default.active, .specials .btn-default:active, .specials .open>.dropdown-toggle.btn-default{ background-color: #f2983b;color: #fff !important;outline: none;}
    /*  Surekha - 21/04/2021 - commented to remove bounce effect on tiles.  
  #weddings .ourPackages .item:hover{margin-top: -36px; -webkit-transition: 1s; -moz-transition:  1s; transition: margin-top 1s;} 
  #weddings .ourPackages .item:hover .btn-viewpackage{ display: block;   -webkit-transition: 1s; -moz-transition:  1s; transition: 1s;} 
*/  
  /*END*/
  #weddings .ourPackages .item .icon{color: #f2983b;}
  #weddings .ourPackages .gallery-title { font-size: 65px;color: #f2983b; margin-bottom: 30px; font-family: 'metropolis-bold'; text-transform: uppercase; margin-left: 25px;}
  #weddings .ourPackages .filter-button { font-size: 16px; border: 1px solid #f2983b; border-radius: 5px; text-align: center; color: #f2983b;  font-family: 'metropolis-bold';  width: 180px; /*min-width:160px;*/ height: 50px; margin: 0 5px 8px 0; outline: none;}/*Surekha - 21/04/2021 - changed width: auto; and commented min-width:160px; to align button in all devices.*/
  #weddings .ourPackages .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;}
  #weddings .ourPackages .btn-default:active .filter-button:active{ background-color: #f2983b; color: white;}
  #weddings .ourPackages .port-image{  width: 100%;}
  #weddings .ourPackages .gallery_product{ height: auto;  
    width: 21%; 
    margin: 2%; /*Surekha - 14/04/2021 - added as removed DOM elements.width: 21%;margin: 2%;*/ 
    /*460px; */} /*Surekha - 26/08/2019 - added for desktop view.*/
  #weddings .ourPackages .gallery_product .item img{width: 100%; height: 190px;} /* height:160px; Changed height for fix the image stretch issue in wedding page. Surekha - 24/08/2019 */
  #weddings .ourPackages .item-wrapper{padding: 0;}
  #weddings .ourPackages .item-wrapper .tag{display: none;}
  #weddings .ourPackages .item-wrapper .price{display: none;}
	/*Sushma sutar 20210615 added the border radius to the wedding page landing tiles*/
	#weddings .ourPackages .gallery_product .img-responsive {
		border-top-right-radius: 4px;
		border-top-left-radius: 4px;
		width: 100%;
	}
	/*END*/
  .topWeddingDestination-packages{ background-color: #fff; background: url(../../frontend/images/featured-bg.png)no-repeat; padding: 70px 0 77px;background-size: cover;}    
/*Surekha - 15/06/2021 - commented as carousel removed. 
 .topWeddingDestination .owl-carousel .item{ box-shadow: 0px 0px 17px 0px #dddddd; float: left; background: #fff;  margin-bottom: 30px; width: 100%; border-top-left-radius: 5px; border-top-right-radius: 5px;border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;overflow: hidden;}
*/  
/*-END-*/
.topWeddingDestination .item{ box-shadow: 0px 0px 17px 0px #dddddd; float: left; background: #fff;  margin-bottom: 30px; margin: 2% 1%; width: 23%; padding: 0px;
/*Sushma Sutar 20210615 added for border to the tile box*/ 
 border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
	/*END*/
} /*Surekha - 20/04/2021 - added margin: 2% 1%; width: 23%; padding: 0px; to align tiles. */
/*Surekha - 20/04/2021 - chnaged top destination para styling.  
  .topWeddingDestination .package-details p{ color: #1a1a1a; font-size: 18px; font-weight: 700; padding: 0 23px 0 20px;/*padding-left: 25px;} */
.topWeddingDestination p.wedding_description{
    color: #1a1a1a;
    font-size: 14px;
    font-weight: 400;
    /* padding: 0 12px 0 12px; */ /*0 23px 0 20px; Surekha - 04/06/2021 - changed as p and div tag combined. */
	/*Sushma Sutar 20210615 changes the padding and height of the description box*/
	padding: 0 12px 0 12px;
	/*height: 300px;/*240px; Sureka - 21/06/2021 - increased height of tile to display full text. */
	/*END*/
    overflow-y: auto;
    text-align: justify;
    /* height: 150px; */ /*100px; Surekha - 04/06/2021 - changed as p and div is combined. */
    /* cursor: pointer; */ /*Sushma Sutar 20210615 removed css not need it*/
  }
/*-END-*/
  .topWeddingDestination .package-details h3{ color: #1a1a1a; font-size: 18px; font-weight: 700; padding: 0 23px 0 20px;margin: 0 0 10px 0;}
  .topWeddingDestination .package-details{  background-color: #ffffff; /*Sushma Sutar 20210615 commented this code *//* border-bottom-left-radius: 5px;border-bottom-right-radius: 5px; */ padding: 0; /*remove the extra space from the above title */ position: relative;   /*  height: 160px; *//*Sushma Sutar 20210615 added hidded to div and new height to the div*/
    height: 380px;/*Surekha - 21/06/2021 - changed height: 300px; to make all text visible in tiles. */ /*Sushma Sutar 20210616 increase the height*/ overflow: hidden;
  border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }
 /*Surekha - 15/06/2021 - commented as carousel removed.
  .topWeddingDestination .owl-theme .owl-nav [class*=owl-]{background: transparent; color: #f0725c; border: 1px solid; padding: 14px 34px;}
  .topWeddingDestination .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;}
  .topWeddingDestination .owl-theme .owl-nav{position: relative;}*/
  /*-END-*/
  .topWeddingDestination .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;}
  .topWeddingDestination .btn-packageView{ border: 1px solid #f0725c; color: #f0725c; padding: 13px 50px; font-size: 16px;}  
  .topWeddingDestination .packageBtnWrap{ position: relative; }
  .topWeddingDestination .packageBtnWrap .btn-packageView{position: absolute; margin: 0 auto; left: 0; right: 0; top: -55px; width:180px;}
  /*Surekha - 15/06/2021 - commented as carousel removed.
  .topWeddingDestination .owl-theme .owl-item{ padding-top: 40px;}
  .topWeddingDestination .owl-carousel .owl-item img{height: 240px; }
  .topWeddingDestination .btn-viewpackage{ width: 100%; background-color: #ef6851; color: #fff; text-transform: uppercase; font-family: 'metropolis-bold'; font-size: 16px; border-top-left-radius: 0; border-top-right-radius: 0; display: none;}
  .topWeddingDestination .owl-theme .owl-item .item:hover .btn-viewpackage{ display: block;   -webkit-transition: 1s; -moz-transition:  1s; transition: 1s;}
  .topWeddingDestination .owl-carousel .owl-nav.disabled { display: block !important;}
*/
/*END*/
  .call-section .col-md-push-1:first-child{margin-bottom: 0;}
  .wrap{ height: 100px; overflow-y: scroll; padding-bottom: 10px;}
  .wrap::-webkit-scrollbar-thumb { border-radius: 0px;background: #ddd; box-shadow: 0 0 1px rgba(255,255,255,.5);}
  .wrap::-webkit-scrollbar { -webkit-appearance: none; -moz-appearance: none; appearance: none;; width: 5px; height: 7px;}
  .col-md-push-1 { left: 4.333333%;}

/* Wedding page Gravity form POP UP for enquiry button*/
/*
updated by: shantanu
date:08-30-18
*/
#wedding-enquiry-form.gravityFormPopup {
  background: rgba(0,0,0,0.4);
  /* z-index: 9999999; */
  z-index: 9991; /*Sushma Sutar 20210616 added to display the date picker calendar*/
}
  #wedding-enquiry-form .modal-dialog {
    margin: 13px auto;
/*Surekha - 24/06/2020 - added styling to align enquiry form center and reduce the width. */
    width: 812px !important; /*812px; */
    left: 0px;
    right: 0px;
    top: 84px;
    bottom: 0;
    position: fixed; 
    overflow: auto !important;
    /*END*/
    
}
  #wedding-enquiry-form .modal-content{ border-radius: 0;}
  /*#wedding-enquiry-form .modal-content{ border-radius: 11px; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; border-top-left-radius: 12px; border-top-right-radius: 12px; overflow: hidden; }*/
  #wedding-enquiry-form .modal-header{ position: relative; padding: 0 0 15px 0; border: 0; height: 300px; overflow: hidden;}
  
  /*Surekha - 28/11/2019 - changed styling. */
  /*#wedding-enquiry-form .modal-header button .la-close{color: #f2983b;font-size: 30px; }*/

  #wedding-enquiry-form .modal-header button .la-close {
    color: #ffffff;
    font-size: 16px; /*26px; Surekha - 17/04/2020 */
    font-weight: bold;
    background: rgba(0, 0, 0, 0); /*rgba(0, 0, 0, 0.4); Surekha - 24/06/2020 - changed to make transperant.*/
    padding: 6px; /*10px; Surekha - 17/04/2020 */
    border-radius: 50%;/*Surekha - 17/04/2020 - Added. */
}
 /*END*/ 
/*Surekha - 24/06/2020 -  commented as styling is changed.
  #wedding-enquiry-form .modal-dialog .modalOverlay{ position: absolute; bottom: 26px; color: #fff; width: 90% !important; margin:0 5%; top:auto; left: 0px !important;} /*Surekha - 28/11/2019 - removed left: 32px; width: 700px; and added width: 90% !important; margin:0 5%; top:auto; left: 0px !important; to display overlay proper on enquiry page*/

 #wedding-enquiry-form .modal-dialog .modalOverlay{
   color: #fff;
    text-shadow: 4px 2px black;
    background: #000000ad;
    padding: 0% 2%;
    width: 100% !important;
    margin: 0%;
    top: 0px;
    left: 0px !important;
    position: absolute;
    bottom: auto !important;
 } 
/*END*/

  /*Start
  Surekha Biradar
  19/06/2019
  Added styling for text and to make text more readable
  */
  /*#wedding-enquiry-form .modal-dialog .modalOverlay{background: rgba(0, 0, 0, 0.4); padding: 0px 2px 0px 8px;} Surekha - 24/06/2020 - changed as styling is changed. */
  /* Added margin-top: 10px;*/
  #wedding-enquiry-form .modal-dialog .modalOverlay h3{ font-size: 34px; font-family: 'metropolis-bold'; margin-top: 14px; padding-right: 30px;} /*Surekha - 16/06/2021 - changed margin-top: 10px; to 14px and added padding-right: 30px; as close button is overlapping on text.*/
  /*END*/
  #wedding-enquiry-form .modal-dialog .modalOverlay p{ font-size: 16px; text-shadow: 0 0 black;}
  #wedding-enquiry-form .modal-dialog .modalOverlay p span{font-family: 'metropolis-bold';}
  #wedding-enquiry-form .modal-dialog .modalOverlay p span a{color: #fff; text-decoration: none;}

  #wedding-enquiry-form .modal-body form ul.description_below{padding-left: 15px;}
  #wedding-enquiry-form .modal-body form ul.description_below > li{list-style: none;    margin: 20px 0;}
  #wedding-enquiry-form .modal-body form li.title_form_enq h2{font-size: 24px; color: #432d2d;font-family: 'metropolis-bold';}
  #wedding-enquiry-form .modal-body .gform_wrapper img.ui-datepicker-trigger{width: 13px !important; height: 13px !important;}
  #wedding-enquiry-form .modal-body form label{font-size: 14px;color: #333333; font-weight: 400; margin-bottom: 5px;}
  #wedding-enquiry-form .modal-dialog .gform_wrapper .gsection{border: 0;}

  #wedding-enquiry-form .modal-body form .destination-text .ginput_container_text input{ border-width: 0 0 1px 0; border-color: #efefef; border-style: solid; outline: none; width: 50%; height: 40px;}

  #wedding-enquiry-form .modal-body form .destination-text .ginput_container_text input::-webkit-input-placeholder{color:#b7b7b7;font-size:14px;opacity:1;}
  #wedding-enquiry-form .modal-body form .destination-text .ginput_container_text input:-moz-placeholder{color:#b7b7b7 !important;font-size:14px;opacity:1;}
  #wedding-enquiry-form .modal-body form .destination-text .ginput_container_text input::-moz-placeholder{color:#b7b7b7 !important;font-size:14px;opacity:1;}
  #wedding-enquiry-form .modal-body form .destination-text .ginput_container_text input:-ms-input-placeholder{color:#b7b7b7 !important;font-size:14px;opacity:1;}

  #wedding-enquiry-form .modal-body form .label-first-last-name{margin-top: 0;}
  #wedding-enquiry-form .modal-body form .label-first-last-name input{ border-width: 0 0 1px 0; border-color: #efefef; border-style: solid;outline: none;}

  #wedding-enquiry-form .modal-body form .label-first-last-name .name_first{padding-right: 15px;}
  #wedding-enquiry-form .modal-body form .label-first-last-name .name_last{padding-left: 15px;}

  /* #wedding-enquiry-form .modal-body form .label-first-last-name span{ display: inline-block; width: 50%;float: left; } */
  #wedding-enquiry-form .modal-body form .label-first-last-name span label{display: inline-block;}
  #wedding-enquiry-form .modal-body form .label-first-last-name span input{width: 100%;height: 40px;}

  #wedding-enquiry-form .modal-body form .label-first-last-name span input::-webkit-input-placeholder{color:#636363;font-size:14px;opacity:1;}
  #wedding-enquiry-form .modal-body form .label-first-last-name span input:-moz-placeholder{color:#636363 !important;font-size:14px;opacity:1;}
  #wedding-enquiry-form .modal-body form .label-first-last-name span input::-moz-placeholder{color:#636363 !important;font-size:14px;opacity:1;}
  #wedding-enquiry-form .modal-body form .label-first-last-name span input:-ms-input-placeholder{color:#636363 !important;font-size:14px;opacity:1;}

  #wedding-enquiry-form .modal-body form .about-title{margin-bottom: 0;padding-bottom: 0;}
  #wedding-enquiry-form .modal-body form .holidayNeeds{margin-bottom: 12px;}

  #wedding-enquiry-form .modal-body form .emailAddress{ width: 50%;display: inline-block; padding-right: 15px;}
  #wedding-enquiry-form .modal-body form .emailAddress input{border-width: 0 0 1px 0; border-color: #efefef; border-style: solid;outline: none; width: 100%; height: 40px;}
  #wedding-enquiry-form .modal-body form .contactNumber{ width: 50%;display: inline-block;padding-left: 15px; }
  #wedding-enquiry-form .modal-body form .contactNumber input{border-width: 0 0 1px 0; border-color: #efefef; border-style: solid;outline: none; width: 100%; height: 40px;}
  #wedding-enquiry-form .modal-body form .departureCity{ width: 50%;display: inline-block; padding-right: 15px;}
  #wedding-enquiry-form .modal-body form .departureCity input{border-width: 0 0 1px 0; border-color: #efefef; border-style: solid;outline: none; width: 100%; height: 40px;}

  #wedding-enquiry-form .modal-body form .emailAddress input::-webkit-input-placeholder{color:#b7b7b7;font-size:14px;opacity:1;}
  #wedding-enquiry-form .modal-body form .emailAddress input:-moz-placeholder{color:#b7b7b7 !important;font-size:14px;opacity:1;}
  #wedding-enquiry-form .modal-body form .emailAddress input::-moz-placeholder{color:#b7b7b7 !important;font-size:14px;opacity:1;}
  #wedding-enquiry-form .modal-body form .emailAddress input:-ms-input-placeholder{color:#b7b7b7 !important;font-size:14px;opacity:1;}

  #wedding-enquiry-form .modal-body form .contactNumber input::-webkit-input-placeholder{color:#b7b7b7;font-size:14px;opacity:1;}
  #wedding-enquiry-form .modal-body form .contactNumber input:-moz-placeholder{color:#b7b7b7 !important;font-size:14px;opacity:1;}
  #wedding-enquiry-form .modal-body form .contactNumber input::-moz-placeholder{color:#b7b7b7 !important;font-size:14px;opacity:1;}
  #wedding-enquiry-form .modal-body form .contactNumber input:-ms-input-placeholder{color:#b7b7b7 !important;font-size:14px;opacity:1;}

  #wedding-enquiry-form .modal-body form .departureCity input::-webkit-input-placeholder{color:#b7b7b7;font-size:14px;opacity:1;}
  #wedding-enquiry-form .modal-body form .departureCity input:-moz-placeholder{color:#b7b7b7 !important;font-size:14px;opacity:1;}
  #wedding-enquiry-form .modal-body form .departureCity input::-moz-placeholder{color:#b7b7b7 !important;font-size:14px;opacity:1;}
  #wedding-enquiry-form .modal-body form .departureCity input:-ms-input-placeholder{color:#b7b7b7 !important;font-size:14px;opacity:1;}  

  #wedding-enquiry-form .modal-body form .numAdults{ width: 25%; display: inline-block; }
  #wedding-enquiry-form .modal-body form .numAdults .selectboxit-container{width: 100%}
  #wedding-enquiry-form .modal-body form .numAdults .selectboxit-btn{width: 100% !important; border-radius: 0; border: 1px solid #ddd;background: #fff;height: 45px;}
  #wedding-enquiry-form .modal-body form .numAdults .selectboxit-text{height: 45px; line-height: 45px;}
  #wedding-enquiry-form .modal-body form .numAdults .selectboxit-arrow-container{height: 45px; line-height: 45px;}
  #wedding-enquiry-form .modal-body form .numAdults .selectboxit-arrow-container i{border-top: 4px solid #f2983b; top: 45%;}
  
  #wedding-enquiry-form .modal-body form .numAdults{padding: 0 15px;}
  #wedding-enquiry-form .modal-body form .numAdults select{border-width: 1px; border-color: #ddd; border-style: solid; outline: none; border-radius: 0; width: 100%; height: 45px; text-indent: 10px;}
  #wedding-enquiry-form .modal-body form .numChild{padding: 0 0 0 15px;}
  #wedding-enquiry-form .modal-body form .numChild select{border-width: 1px; border-color: #ddd; border-style: solid; outline: none; border-radius: 0; width: 100%; height: 45px; text-indent: 10px;}

  #wedding-enquiry-form .modal-body form .numChild{ width: 25%; display: inline-block; }
  #wedding-enquiry-form .modal-body form .numChild .selectboxit-container{width: 100%}
  #wedding-enquiry-form .modal-body form .numChild .selectboxit-btn{width: 100% !important; border-radius: 0; border: 1px solid #ddd;background: #fff;height: 45px;}
  #wedding-enquiry-form .modal-body form .numChild .selectboxit-text{height: 45px; line-height: 45px;}
  #wedding-enquiry-form .modal-body form .numChild .selectboxit-arrow-container{height: 45px; line-height: 45px;}
  #wedding-enquiry-form .modal-body form .numChild .selectboxit-arrow-container i{border-top: 4px solid #f2983b; top: 45%;}

  #wedding-enquiry-form .modal-body form .departureDate{ width: 50%;display: inline-block; padding-right: 15px;}
  #wedding-enquiry-form .modal-body form .departureDate .ginput_container_date{ position: relative; }
  #wedding-enquiry-form .modal-body form .departureDate .ginput_container_date img{ position: absolute; top: 16px;left: 10px; }
  #wedding-enquiry-form .modal-body form .departureDate input{border-width: 1px; border-color: #ddd; border-style: solid; outline: none; border-radius: 0;width: 100%;height: 45px;text-indent:27px;}

  #wedding-enquiry-form .modal-body form .returnDate{ width: 50%; display: inline-block; padding-left: 15px;}
  #wedding-enquiry-form .modal-body form .returnDate .ginput_container_date{ position: relative; }
  #wedding-enquiry-form .modal-body form .returnDate .ginput_container_date img{ position: absolute; top: 16px;left: 10px; }
  #wedding-enquiry-form .modal-body form .returnDate input{border-width: 1px; border-color: #ddd; border-style: solid; outline: none; border-radius: 0;width: 100%;height: 45px;text-indent:27px;}

  #wedding-enquiry-form .modal-body form .flexibleDates{ margin: 30px 0;}

  #wedding-enquiry-form .modal-body form .flexibleDates label.gfield_label{display: inline-block;font-size: 18px; color: #636363;font-family: 'metropolis-bold';width: 50%;}
  #wedding-enquiry-form .modal-body form .mailingList label.gfield_label{display: inline-block;font-size: 18px; color: #636363;font-family: 'metropolis-bold';width: 50%;}
  #wedding-enquiry-form .modal-body form .followupCall label.gfield_label{display: inline-block;font-size: 18px; color: #636363;font-family: 'metropolis-bold';width: 50%;}
  #wedding-enquiry-form .modal-body form .dicussionTime label.gfield_label{display: inline-block;font-size: 18px; color: #636363;font-family: 'metropolis-bold';width: 50%;}
  #wedding-enquiry-form .modal-body form .bestTimetoCall label.gfield_label{display: inline-block;font-size: 18px; color: #636363;font-family: 'metropolis-bold';width: 50%; }
  #wedding-enquiry-form .modal-body form .numAdults .selectboxit-container .selectboxit-options{width: 100%;}
  #wedding-enquiry-form .modal-body form .numChild .selectboxit-container .selectboxit-options{width: 100%;}

  #wedding-enquiry-form .modal-body form .bestTimetoCall select{border-width: 1px; border-color: #ddd; border-style: solid; outline: none; border-radius: 0; width: 50%; height: 45px; text-indent: 10px;}
    
  #wedding-enquiry-form .modal-body form .ginput_container_radio{display: inline-block;}
  #wedding-enquiry-form .modal-body form .ginput_container_radio ul li{display: inline-block;position: relative;}
 
  #wedding-enquiry-form .modal-body form .ginput_container_radio ul li:first-child input{position: absolute;right: 9999px;}
  #wedding-enquiry-form .modal-body form .ginput_container_radio ul li:last-child input{position: absolute;right: 9999px;}

  #wedding-enquiry-form .modal-body form .ginput_container_radio ul li:first-child input:checked + label{background: #f2983b; color: #fff; border: 1px solid #f2983b;}
  #wedding-enquiry-form .modal-body form .ginput_container_radio ul li:last-child input:checked + label{background: #f2983b; color: #fff; border: 1px solid #f2983b;}
  #wedding-enquiry-form .modal-body form .ginput_container_radio ul li:first-child{text-align: right;margin-bottom: 0;}
  #wedding-enquiry-form .modal-body form .ginput_container_radio ul li:last-child{text-align: left;margin-left: -1px !important;margin-bottom: 0;}
  #wedding-enquiry-form .modal-body form .ginput_container_radio ul li:first-child label{background: #fff; height: 40px;width: 82px;
    border-bottom-left-radius: 25px;border-top-left-radius: 25px;border: 1px solid #ccc;line-height: 38px;text-align: center;margin-bottom: 0;font-size: 16px; color: #636363;font-family: 'metropolis-bold';}
  #wedding-enquiry-form .modal-body form .ginput_container_radio ul li:first-child label:hover{background: #f2983b; color: #fff; border: 1px solid #f2983b;}
  #wedding-enquiry-form .modal-body form .ginput_container_radio ul li:last-child label{background: #fff; height: 40px;width: 82px;margin-left: 0;
    border-bottom-right-radius: 25px;border-top-right-radius: 25px;border: 1px solid #ccc;line-height: 38px;text-align: center;margin-bottom: 0;font-size: 16px; color: #636363;font-family: 'metropolis-bold';}
  #wedding-enquiry-form .modal-body form .ginput_container_radio ul li:last-child label:hover{background: #f2983b; color: #fff; border: 1px solid #f2983b;}

  #wedding-enquiry-form .modal-body form .bestTimetoCall label.gfield_label{display: inline-block;font-size: 18px; color: #636363;font-family: 'metropolis-bold';width: 50%;}
  #wedding-enquiry-form .modal-body form .bestTimetoCall .ginput_container_select{display: inline-block;width: 50%; padding-left: 15px;}
  #wedding-enquiry-form .modal-body form .bestTimetoCall .ginput_container_select .selectboxit-options{width: 100%;}
  #wedding-enquiry-form .modal-body form .bestTimetoCall .selectboxit-container{width: 50%}
  #wedding-enquiry-form .modal-body form .bestTimetoCall .selectboxit-btn{width: 100% !important; border-radius: 0; border: 1px solid #ddd;background: #fff;height: 45px;}
  #wedding-enquiry-form .modal-body form .bestTimetoCall .selectboxit-text{height: 45px; line-height: 45px;max-width: 80% !important;}
  #wedding-enquiry-form .modal-body form .bestTimetoCall .selectboxit-arrow-container{height: 45px; line-height: 45px;}
  #wedding-enquiry-form .modal-body form .bestTimetoCall .selectboxit-arrow-container i{border-top: 4px solid #f2983b; top: 45%;}

  #wedding-enquiry-form .modal-body form .comment-title{margin-bottom: 0;padding-bottom: 0;}
  #wedding-enquiry-form .modal-body form .comment-text textarea{outline: none; border: 1px solid #ddd;width: 100%;}
  #wedding-enquiry-form .modal-body form .note textarea{border: 0;outline: none;margin-top: -40px;cursor: none;font-size: 16px; width: 100%; height: 48px;}
  #wedding-enquiry-form .modal-header button.close { position: absolute; opacity: 1; outline: none;  margin-top: 0px;  right: 0px; top:0px; padding: 0%; z-index: 1500;}/*Surekha - 16/06/2021 - changed right: 5px;top:3px;padding: 1%; to align the close button to the top right on enquiry form.*/ /*Surekha - 24/06/2020 - added z-index: 1500; *//*Surekha - 28/11/2019 - added background: rgba(0, 0, 0, 0.4); padding: 1%; */
  #wedding-enquiry-form .modal-header button.close span{position: absolute;top: 12px; right: 12px;text-shadow: 0 1px 0 #f2983b;color: #f2983b;opacity: 1;}

  #wedding-enquiry-form .modal-body form .comment-text textarea::-webkit-input-placeholder{color:#b7b7b7;font-size:14px;opacity:1;}
  #wedding-enquiry-form .modal-body form .comment-text textarea::-moz-placeholder{color:#b7b7b7 !important;font-size:14px;opacity:1;}
  #wedding-enquiry-form .modal-body form .comment-text textarea:-moz-placeholder{color:#b7b7b7 !important;font-size:14px;opacity:1;}
  #wedding-enquiry-form .modal-body form .comment-text textarea:-ms-input-placeholder{color:#b7b7b7 !important;font-size:14px;opacity:1;}

  .gform_footer #gform_submit_button_4{ background: #f2983b; border-width: 0; width: 360px; height: auto; border-radius: 7px; color: #fff; font-size: 18px; text-transform: uppercase; font-family: 'metropolis-bold'; padding: 15px;}
  .gform_footer{text-align: center;}

/*
Start 29-12-2020
Sushma Sutar
Added code for wedding page popup half checkbox button alignment
*/
#wedding-enquiry-form .modal-body form ul.description_below li.half-checkbox, #wedding-enquiry-form .modal-body form ul.description_below li.bestTimetoCall {
    display: inline-block;
    width: 100%;
}
#wedding-enquiry-form .modal-body form ul.description_below li.half-checkbox label.gfield_label, #wedding-enquiry-form .modal-body form ul.description_below li.half-checkbox div.ginput_container_radio {
    float: left;
}
#wedding-enquiry-form .modal-body form ul.description_below li.half-checkbox label.gfield_label {
    padding-top: 15px;
}
#wedding-enquiry-form .modal-body form ul.description_below li.half-checkbox div.ginput_container_radio {
    margin-top: 0;
}
#wedding-enquiry-form .modal-body form ul.description_below li.bestTimetoCall label.gfield_label {
    float: left;
    padding-top: 10px;
}
#wedding-enquiry-form .modal-body form ul.description_below li.bestTimetoCall .ginput_container_select {
    float: left;
    margin-top: 0;
}

/*END*/
/*Surekha - 08/04/2021 - added stylin to the header top wdding destination.*/
section.topWeddingDestination .container-fluid h3.title{
    font-size: 38px;
    color: #f2983b;
    font-family: 'metropolis-bold';
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0;
}
section.topWeddingDestination .container-fluid h3.title:after {
    content: '';
    background: url(../../frontend/images/icons/title-border.png)no-repeat center;
    height: 22px;
    width: 85px;
    display: block;
    margin: 10px auto;
}
/*END*/

/*
06/04/2021
Sushma B
Added height to images for fixing google console issue
*/
/*Surekha - 15/06/2021 - commented as carousel removed.
.topWeddingDestination .owl-next img, .topWeddingDestination .owl-prev img{
  height: 14px;
  width: 100%;
} */
/*-END-*/

/* END */

/*Surekha - 14/04/2021 - added styling to the header after removing DOM elements.*/
section.location-content .container .row h1.WeddingTitle{
    font-size: 38px;
    color: #f2983b;
    font-family: 'metropolis-bold';
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0;
}
section.location-content .container .row h1.WeddingTitle:after{
    content: '';
    background: url(../../frontend/images/icons/title-border.png)no-repeat center;
    height: 22px;
    width: 85px;
    display: block;
    margin: 10px auto;
}
#weddings .ourPackages .container-fluid.row{
  margin: 0px -15px 0px 15px;
}
/*END*/

/*Surekha - 15/04/2021 - added styling to the top wedding paragraph. */
.topWeddingDestination .package-details .packageinfo p.wedding_description{
    font-size: 14px;
    font-weight: 400;
}
/*END*/

/*Surekha - 20/04/2021 - added styling to the top destination wedding tiles as styling is changed due to DOM elements reduction. */
.topWeddingDestination .TopDestinationWeddingsTiles img {
    width: 600px; /*100%; Surekha - 04/06/2021 - added width as getting explicite width and height issue in page performance. */
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.topWeddingDestination strong.TopDestinationWeddingsTilesTitle{
    color: #1a1a1a;
    font-size: 18px;
    font-weight: 700;
    padding: 12px 12px 10px 20px; /*12px 23px 0 20px; Surekha - 21/06/2021 - changed to align the header middle. *//*Surekha - 04/06/2021 - changed 0 23px 0 20px; as div and p tag combined. */
    display: flex;/* block; Surekha - 21/06/2021 - changed to display title vertically middle. */ 
    text-align: center;
/* Surekha - 21/06/2021 - added to align header middle
    padding-bottom: 10px; */

    height: 60px;
    line-height: 1.1;
    align-items: center;
    justify-content: center;
    /*END*/
}

/*-END-*/

/*Surekha - 21/04/2021 - added to remove bounce effect on packges tiles.*/
#weddings .ourPackages .item:hover {
  margin-top: 2% !important;
  -webkit-transition: none;
   -moz-transition: none;
  transition: none;
}
.topWeddingDestination .item a:hover{
  text-decoration: none;
}
/*END*/
/*################################################## RESPONSIVE CSS ( MEDIA QUERY ) ##############################################################*/

/* TABLE Device */
/*
1600 - desktop = 100%
1280 - tablets = 80%
480 - mobile = 30%
320 - mobile = 20%
*/


/*Surekha - 26/08/2019 - added for large screen display. */
@media screen and (min-width: 1900px) {
/* Surekha - 20/04/2021 - commented as it is breaking tiles styling.
 #weddings .ourPackages .gallery_product{ height: 600px;}
*/
/*Surekha - 12/04/2021- added styling as removed carousel for DOM elements.*/
/*Surekha - 14/04/2021 - removed div so added specific class.
  #weddings .wedding-banner h3.overlay{
*/    
  #weddings h3.BannerImgOverlay.overlay{
  top: 310px;
  font-size: 48px;
}
/*-END-*/
/*Surekha - 26/04/2021 - added to fix CLS issue. */
#weddings .wedding-banner{
  height: 600px;
}
/*END*/
}
/*END*/

/*Surekha - 26/04/2021 - added to fix stretched image. */
@media screen and (max-width: 1500px) {
#weddings .wedding-banner{
  height: 400px;
}
}
/*END*/

/*Surekha - 21/03/2021 - added fixed height to the text in tiles to remove scrollbar.*/
@media screen and (max-width: 1400px){
  .topWeddingDestination .package-details {
    height: 430px;
  }
}
/*END*/

/*Surekha - 08/11/2019 - added for large screen display. */
@media screen and (max-width: 1200px) {
/*Surekha - 15/06/2021 - commented as carousel removed.
.owl-carousel.wedding-carousel .item img{
      max-height: 352px;
      height: 352px
  }*/
  /*-END-*/
  #weddings .wedding-banner{
    /*min-height: 352px;*/
    height: 311px;
  }
  /*Surekha - 12/04/2021- added styling as removed carousel for DOM elements.*/
/*Surekha - 14/04/2021 - removed div so added specific class.
  #weddings .wedding-banner h3.overlay{
*/    
  #weddings h3.BannerImgOverlay.overlay{  
    top: 250px;
  font-size: 42px;
}

/*-END-*/
/*Surekha - 21/06/2021 - added to display full text without scroll on top destination tiles.*/
  .topWeddingDestination .package-details {
    height: 470px;
  }
/*END*/
}

@media screen and (max-width: 1100px) {
/*Surekha - 15/06/2021 - commented as carousel removed.
.owl-carousel.wedding-carousel .item img{
      max-height: 328px;
      height: 328px;
  }*/
/*-END-*/
   #weddings .wedding-banner{
    /*min-height: 328px;*/
    height: 311px;
  }

   /*Surekha - 21/04/2021 - commented as given height: auto;
      #weddings .wedding-banner{
      min-height: 328px;
  }*/

  .container.search-box {
    width: 100%;
}

/*Surekha - 21/06/2021 - added to display full text without scroll on top destination tiles.*/
  .topWeddingDestination .package-details {
    height: 526px;
  }
/*END*/

}

/*END*/

@media only screen and (min-width:992px) and (max-width:1024px) and (orientation: portrait) {
  .call-section .call-wrapper:after{right: 30px;}
  #weddings .ourPackages .gallery_product .item img{height: auto;} /*160px; Changed height for fix the image stretch issue in wedding page. Surekha - 24/08/2019 */
 /*Surekha - 07/04/2021 - commented as styling is changed due to DOM elements reduce. 
  #weddings .ourPackages .gallery_product {height: 395px;}
  #weddings .ourPackages .package-details{height: 170px;}*/
  /*-END-*/

}



  /*Surekha - 16/06/2021 - added to display full discreption text.*/
@media only screen and (min-width:768px) and (max-width:1024px){
 /*Surekha - 21/06/2021 - commented as added same styling for all devices.
  .topWeddingDestination strong.TopDestinationWeddingsTilesTitle{
    line-height: 1.1;
    height: 50px;
  }*/
  .topWeddingDestination p.wedding_description{
    padding-bottom: 10px;
  }
}
/*END*/

@media only screen and (min-width:768px) and (max-width:991px) and (orientation: portrait){
  .topWeddingDestination .package-details{ height: 170px;}
  .wedding-search-destination .accomodation{text-align: right; padding-right: 0;}
  .wedding-search-destination .tour{text-align: right;}
 /*Surekha - 15/06/2021 - commented as carousel removed.
  .owl-carousel.wedding-carousel .item .overlay h4{font-size: 22px;} */ 
  /*-END-*/

/*  .owl-carousel.wedding-carousel .item{height: 500px;} */

/*Surekha - 15/06/2021 - commented as carousel removed.
  .owl-carousel.wedding-carousel .item img{height:auto; width:100%; } height: 100%; width: auto; Surekha - 07/11/2019 - changed to fix trhe image stretch issue. 
*/  /*-END-*/

  .col-md-push-1 {left: 0.333333%;}
/*Surekha - 12/04/2021 - commented as removed carousel for DOM elements.
  .owl-carousel.wedding-carousel .item .overlay h3{font-size: 35px;}
  .owl-carousel.wedding-carousel .item .overlay{top: 18%;}
*/  
  
/*-END-*/

  .call-section .call-wrapper em{font-size: 30px;}

/*Surekha - 26/08/2019 - added styling to reduce the blank space below the first image in wedding page. */
  /*Surekha - 15/06/2021 - commented as carousel removed.
  .owl-carousel.wedding-carousel.owl-theme.owl-loaded.owl-drag{
      min-height: 100px;
    }*/
    /*-END-*/
/*END*/
 /* 22/09/2020 - Sushma B - Added for fixing CLS issue with banner image */
    #weddings .wedding-banner{ /*min-height: 244px;*/ height: 231px;}
    /* END */
}
/*Surekha - 21/06/2021 - added to remove button in large screen*/
@media only screen and (min-width:991px){
.topWeddingDestination .package-details button.TopDestinationWeddingsTilesTitle.hidden-lg.hidden-md{
    display: none;
}
}
/*END*/
@media only screen and (max-width:991px){
/*Surekha - 08/11/2019 - added to align panel below image. */
/*Surekha - 15/06/2021 - commented as carousel removed.
.owl-carousel.wedding-carousel .item img{
      max-height: 244px;
      height: 244px;
  /*END
}*/
/*-END-*/
 #weddings .wedding-banner{
   /* min-height: 244px;*/
       height: 231px;
  }

.call-section .call-wrapper em {
  font-size: 24px;
}
/*Surekha - 24/06/2020 - added to align enquiry form in medium devices. */
#wedding-enquiry-form .modal-dialog{
      width: 85% !important;
}
/*END*/

/*Surekha - 01/12/2020 - removed blank space below the banner image. */
/*Commented by sushma Sutar to removed extra space below the wedding destination tabs*/
/* #weddings .container-fluid{
      min-height: 230px;
} */

/*END*/
  /*Surekha - 12/04/2021- added styling as removed carousel for DOM elements.*/ 
/*Surekha - 14/04/2021 - removed div so added specific class. 
  #weddings .wedding-banner h3.overlay{ 
*/      
  #weddings h3.BannerImgOverlay.overlay{  
    top: 240px; /*230px;  Surekha - 21/04/2021 - changed to align text middle. */
    font-size: 34px;  
} 
/*-END-*/

/*END*/
/*Surekha - 21/04/2021 - added to align tiles center in medium devices.*/
#weddings .ourPackages .gallery_product{
  width: 29.3%;
}
/*-END-*/
/*Sushma Sutar 20210616 added tiles responsive css here*/
.topWeddingDestination .item {
    width: 31.3%;
}
/*END*/

/*Surekha - 16/06/2021 - added styling to the view destination wedding button in medium and small devices. */
.topWeddingDestination .package-details button.TopDestinationWeddingsTilesTitle.hidden-lg.hidden-md{
    width: 100%;
    padding: 4px 4px; /*8px 4px; Surekha - 21/06/2021 - changed to reduce the space in header.*/
    font-size: 18px; /*16px; Surekha - 21/06/2021 - changed to make text more visible. */
    font-weight: 700;
    text-align: center;
    color: white;
    background-color: #f2983b;
    border-color: #f2983b;
    border: 1px solid #f2983b;
    border-radius: 2px;
    box-shadow: 1px 1px 6px grey;
    margin-bottom: 6px;
    line-height: 1.1;
    height: 50px; /*Surekha - 21/06/2021 - added to align title middle. */
}

/*END*/

/*Surekha - 21/06/2021 - added styling to the tiles to display full text without scroll*/
.topWeddingDestination .package-details {
    height: 424px;
}
/*END*/
}


/*Surekha - 21/06/2021 - added styling to the tiles to display full text without scroll*/
@media screen and (max-width: 900px){
.topWeddingDestination .package-details {
    height: 500px;
}
}

@media screen and (max-width: 768px){
.topWeddingDestination strong.TopDestinationWeddingsTilesTitle{
  display: none;
}
}
/*END*/

/*media added Sushma Sutar to remove the extra space in mobile view*/
@media screen and (max-width: 767px) {
  #wedding-enquiry-form .modal-body form ul.description_below > li {
    margin: 0;
  }
  .location-content .title {
    margin-bottom: 5px;
    margin-top: 10px;
  }
  #weddings .ourPackages {
    padding: 35px 0 30px;
  }
  .title h3 {
    margin-top: 10px;
  }
  .topWeddingDestination .owl-theme .owl-item {
    padding-top: 20px;
  }

    /*Surekha - 15/04/2021 - added to align in medium devices.*/  
#weddings .ourPackages .container-fluid.row{  
  margin: 0px;  
} 
/*END*/ 
/*Surekha - 20/04/2021 - added styling to the top destination wedding tiles. */ 
.topWeddingDestination .item{ 
  width: 48%; 
} 
/*-END-*/

/*Surekha - 21/04/2021 - added for CLS*/
#weddings .wedding-banner{
  min-height: 188px;
  height: 188px;
}
#weddings h3.BannerImgOverlay.overlay {
    top: 200px;
    font-size: 32px;
}
/*END*/

/*Surekha - 21/06/2021 - added styling to the tiles to display full text without scroll*/
.topWeddingDestination .package-details {
    height: 420px;
}


/*END*/

}


@media only screen and (max-width:767px) and (orientation: portrait){
  .ourPackages .gallery .selectboxit-arrow{top:45% !important;}

  .travel-info .left-side .right a{text-decoration: none; color:#636363;}
  #weddings .ourPackages .gallery_product .item img{height: auto;}
  #weddings .ourPackages .item{margin-bottom: 20px;}
  #weddings .wedding-search-destination{margin-top: -20px !important;}
  #weddings .ourPackages .gallery_product {height: auto;}
/*Surekha - 25/08/2019 - added styling for landscape mobile view. */
  #weddings .ourPackages .gallery_product{
        width: 46%; /*50%; Surekha - 21/04/2021 - changed to align in medium device. */
  }
 /*Surekha - 15/06/2021 - commented as carousel removed. 
 .owl-carousel.wedding-carousel.owl-theme.owl-loaded.owl-drag{
        min-height: 0px;
   
  }*/
  /*-END-*/
/*END*/
/*Surekha - 12/04/2021 - commented ad removed carousel for DOM elements.
  .owl-carousel.wedding-carousel .item .overlay h3{ font-size: 20px;margin-bottom: 35px;} 
*/
/*-END-*/

/*Surekha - 15/06/2021 - commented as carousel removed.  
  .owl-carousel.wedding-carousel .item .overlay h3{ font-size: 36px;margin-bottom: 35px;}*/
  /*.owl-carousel.wedding-carousel .item .overlay h4{ font-size: 22px; width: 285px; margin: auto; margin-bottom: 35px;}
  .owl-carousel.wedding-carousel .item .overlay p{ width: 235px;font-size: 15px;margin-bottom: 45px;}*/
  /*-END-*/
/*  .owl-carousel.wedding-carousel .item img{height: 500px;} */
  
  .search-destination .chooseDate input{border: 0;}
  
  .weddestination-xs{margin-bottom: 30px;}
  .weddestination-xs .selectboxit-container{width: 100%;}
  .weddestination-xs .selectboxit-btn{ width: 100% !important; background: #f2983b;  height: 45px; color: #fff;}
  .weddestination-xs .selectboxit-text{height: 45px; line-height: 42px;font-size: 17px;font-family: 'metropolis-medium';}
  .weddestination-xs .selectboxit-arrow-container{height: 45px; line-height: 42px;}
  .weddestination-xs .selectboxit-arrow{top: 45%; border-top: 4px solid #fff;}
  .weddestination-xs .selectboxit-btn.selectboxit-enabled:hover, .selectboxit-btn.selectboxit-enabled:focus, .selectboxit-btn.selectboxit-enabled:active { color: #fff; background-color: #f2983b;}
  .title h3 { font-size: 31px;}

  .call-section .col-md-push-1:first-child{margin-bottom: 20px !important;}
/*Surekha - 07/04/2021 - commented as styling is changed due to DOM elements.
  .wrap { height: auto !important;}
*/
/*-END-*/

/*Surekha - 24/06/2020 - added to align enquiry form in small devices. */
  #wedding-enquiry-form .modal-dialog{
      width: 95% !important;
}
/*END*/

}

  /*Surekha - 28/11/2019 - added to align submit button in small devices. */
  @media only screen and (max-width:650px) {
  .gform_footer #gform_submit_button_4 {
        padding: 10px;

  }
  .search-destination-panel {
    margin-top: 0 !important;
}
ul.ul_tab_one {
  margin: 0 0 0 0px !important;
}

}
  /*END*/

 /* 
    Start
    24/10/2019 
    Altexsoft changes for Mac device
    */
/*Surekha - 21/04/2021 - commented as aligned tiles in medium device.
@media only screen and (min-width:576px) and (max-width:767px) {
  #weddings .ourPackages .gallery_product {
        width: 46%; /*50%; Surekha - 15/04/2021 - changed to align tiles in medium devices. 
  }
}*/

/* END */

/*Surekha - 12/04/2021 - commented as removed carousel for DOM elemets. 
@media only screen and (min-width:600px) and (max-width:767px) and (orientation: portrait){ 
  .owl-carousel.wedding-carousel .item .overlay{width: 500px;}  
} 
*/

/* Landscape */
/*Surekha - 12/04/2021 - commented as carousel is removed and changes styling for DOM elements. 
@media only screen and (min-width: 375px) and (max-width: 667px) and (-webkit-min-device-pixel-ratio: 2){   
  .owl-carousel.wedding-carousel .item .overlay { width: 600px;}  
} 
*/  
/*-END-*/

/*Surekha - 08/11/2019 - added to align text below image. */
@media only screen and (max-width: 600px){
/*Surekha - 15/06/2021 - commented as carousel removed.
.owl-carousel.wedding-carousel .item img{
    max-height: 208px;
    height: 120px;
}*/
/*END*/
 #weddings .wedding-banner{
   /* min-height: 208px;*/
    height: 161px;
  }
  /*END*/
  /* 22/09/2020 - Sushma B - Added for fixing CLS issue with banner image */
  /* #weddings .wedding-banner{min-height: 117px;}*/  
  /* END */

  /*Surekha - 12/04/2021- added styling as removed carousel for DOM elements.*/ 
/*Surekha - 14/04/2021 - removed div so added specific class. 
  #weddings .wedding-banner h3.overlay{ 
*/      
  #weddings h3.BannerImgOverlay.overlay{  
  top: 210px; 
  font-size: 30px;  
} 
/*-END-*/ 
/*Surekha -20/04/2021 - added styling to the top destination wedding tiles. */  
.topWeddingDestination .item {  
    margin: 4% 0%;  
    width: 100% !important; 
} 
/*-END-*/

/*Surekha - 21/04/2021 - added to align tiles in medium devices.*/
#weddings .ourPackages .container-fluid.row{
  margin: 15px;
}

/*Surekha -20/04/2021 - added styling to the top destination wedding tiles. */
.topWeddingDestination .item {
    /* margin: 4% 0%;
    width: 100% !important; */
	/*Sushma sutar 20210616 fixed the responsive spacing issue*/
	margin: 4% 2%;
    width: 96% !important;
	/*END*/
}

/*Surekha - 15/06/2021 - added space to the destination packages left and right side.*/
#weddings .ourPackages{
  padding: 35px 15px 30px !important;
}
/*END*/


/*Surekha - 16/06/2021 - made header text smaller in mobile view.*/
section.location-content .container .row h1.WeddingTitle{
    font-size: 34px;
}
section.topWeddingDestination .container-fluid h3.title{
  font-size: 30px;
}
/*END*/

/*Surekha - 21/06/2021 - added styling to the tiles to display full text without scroll*/
.topWeddingDestination .package-details {
    height: 280px;
}
/*.topWeddingDestination p.wedding_description{
    height: 220px;
}*/
/*END*/

}

/*Surekha - 28/11/2019 - added styling to small devices. */
@media only screen and (max-width: 480px){
#wedding-enquiry-form .modal-dialog .modalOverlay{
  /*  bottom: 15px !important; Surekha - 24/06/2020 - commented as not required. */
    width: 100% !important;
    margin: 0 0%;
    left: 0px !important;
}
#wedding-enquiry-form img#single-product-modal-image{
    height: 100%;
}

/*Surekha - 12/04/2021- added styling as removed carousel for DOM elements.*/  
/*Surekha - 14/04/2021 - removed div so added specific class. 
  #weddings .wedding-banner h3.overlay{ 
*/      
  #weddings h3.BannerImgOverlay.overlay{  
    top: 170px; 
  font-size: 20px;  
} 
/*-END-*/
/*Surekha - 21/04/2021 - added styling to top destination weddings in small devices.*/
#weddings .ourPackages .filter-button{
      font-size: 14px;
      width: 136px;
      margin: 4px 2px;
      padding: 4px;
}


/*Surekha - 21/04/2021 - added for CLS*/
#weddings .wedding-banner{
  min-height: 100px;
  height: 100px;
}
/*END*/
/*END*/
/*Surekha - 21/06/2021 - added styling to the tiles to display full text without scroll*/
.topWeddingDestination .package-details {
    height: 360px;
}
/*END*/

}
/*END*/

@media only screen and (min-width:320px) and (max-width:600px) and (orientation: portrait){  
    /*Surekha - 12/04/2021 - commented as carousel is removed for DOM elements.   
.owl-carousel.wedding-carousel .item .overlay{width: 280px;}  
*/  
/*-END-*/

/*Start - Surekha - 25/08/2019 - Added stling for mobile view. */
  /*Surekha - 21/04/2021 - commented to align in medium devices. *
  #weddings .ourPackages .gallery_product{
    width: 100%;
    margin: 20px 0px;/*Surekha - 15/04/2021 - added to align tiles in small devices. 
}*/
  #weddings .ourPackages .gallery_product .item img {
    height: auto;
    width: 100%;
    margin: 0 auto;
}
/*END*/
/*Surekha - 26/08/2019 - added to remove blank space below image.*/
  .container-fluid{
      height: auto;

}
/*END*/ 

/*Surekha - 15/04/2021 - added to align tiles in small devices. */  
  #weddings .ourPackages .gallery_product img{  
    width: 100%;  
  }

/*END*/

}

@media only screen 
  and (min-width: 320px) 
  and (max-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {


}

/* @media only screen 
and (min-device-width : 320px)
and (max-device-width : 568px) and (orientation: portrait){
 */
 /*Sushma Sutar 20210616 change the rule*/
@media only screen and (max-width : 568px) and (orientation: portrait){
#weddings .ourPackages .gallery_product{
      width: 100%;

/*Surekha - 21/04/2021 - changed to align tiles in small devices.   
#weddings .ourPackages .gallery_product{
    width: 100%;
}
/*Surekha - 15/06/2021 - commented as carousel removed.
.owl-carousel.wedding-carousel.owl-theme.owl-loaded.owl-drag{
      max-height: 120px; /*182px;
      min-height: 0px;
}*/
/*-END-*/

}
}
/*Sushma Sutar 20210616 added responsive css*/
@media (max-width : 568px){
#weddings .ourPackages .gallery_product{
      width: 100%;

}
}
/*END*/
/*Surekha - 26/08/2019 - added styling for landscape orientation. */
@media only screen and (min-width: 320px) and (max-width: 768px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
  span.selectboxit.form-control.filter-opt-mob.selectboxit-enabled.selectboxit-btn{
    width: 100% !important;
    background: #f2983b;
    height: 40px;
    color: #fff;

  }
  span.selectboxit-container.selectboxit-container{
    width: 100%;
  }
  .selectboxit-container span, .selectboxit-container .selectboxit-options a{
    height: 40px;
    line-height: 40px;
  }
  .selectboxit-default-arrow{
        border-top: 4px solid #f5f5f5;
  }
  /*Sushma Sutar 20210615 added comment because not used css*/
  /* #weddings .ourPackages .gallery_product{
        width: 50%;
  } */
  /*END*/
}

 /* 
    Start
    24/10/2019 
    Altexsoft changes for Mac device
    */
/* @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { */
/*Yevhen - 10/023/2019 - commented this section because is break two-column markup on iPhone in landscape orientation*/
/*@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {*/

  /* #weddings .ourPackages .gallery_product{
        width: 100%;
  }
}*/
/* END */
/*END*/
/*Surekha - 15/06/2021 -  commented as blank space is displaying side of one tile.*/
/*Sushma Sutar 20210615 added css for responsive tiles*/
/*@media only screen and (min-width:576px) and (max-width:767px) {
  #weddings .ourPackages .gallery_product {
        width: 46%; 
  }
}*/
/*-END-*/
/*END*/

@media only screen and (max-width:320px) and (orientation: portrait){
  .title h3 { font-size: 31px;}
  .container-fluid {
    height: auto;
  }
#weddings .ourPackages .gallery_product{
    width: 100%;
  }

  .topWeddingDestination .package-details {
    height: 420px;
}
}

/*media added Sushma Sutar to remove the extra space in mobile view*/
@media screen and (max-width: 767px) {
	#wedding-enquiry-form .modal-body form ul.description_below > li {
		margin: 0;
	}
	.location-content .title {
		margin-bottom: 5px;
		margin-top: 10px;
	}
	#weddings .ourPackages {
		padding: 35px 0 30px;
	}
	.title h3 {
		margin-top: 10px;
	}
	/*Surekha - 15/06/2021 - commented as carousel removed.
  .topWeddingDestination .owl-theme .owl-item {
		padding-top: 20px;
	}*/
  /*-END-*/

/*Surekha - 15/04/2021 - added to align in medium devices.*/
#weddings .ourPackages .container-fluid.row{
  margin: 0px;
}
/*END*/

/*Surekha - 20/04/2021 - added styling to the top destination wedding tiles. */
.topWeddingDestination .item{
  width: 48%;
}
/* END */
}