@charset "utf-8";

.holiday-wrapper{color: #333;}
.main-container{margin: auto; max-width: 1280px; width: 100%; position: relative; }
.banner-wrapper{background: #eee; min-height: 612px;}

/*    Input Placeholder settings goes here    */
.holiday-wrapper ::-webkit-input-placeholder {
    color: #9c9c9c;
    font-size: 22px;
}
.holiday-wrapper ::-moz-placeholder {
    color: #3c3c3c;
    font-size: 22px;
}
.holiday-wrapper :-ms-input-placeholder {
    color: #9c9c9c;
    font-size: 22px;
}
.holiday-wrapper input:-moz-placeholder {
    color: #9c9c9c;
    font-size: 22px;
}

/*.BE-container{ height: 10px; margin-top: -10px;}*/

a.explore-more{width: 200px; height: 45px; text-transform: uppercase; text-align: center; color: #333333; font-size: 12px; line-height: 14px; position: absolute; top: -45px; left: 50%; margin-left: -102px; background-position: -302px -172px;}
a.explore-more span{padding: 20px 0 0 0; display: block; }
a.explore-more i.sprite{width: 20px; height: 12px; display: block; margin: 10px auto 0; background-position: -331px -4px;}
a.explore-more:hover{text-decoration: none; color: #444;}
a.explore-more:hover i.sprite{opacity: 0.9; -webkit-animation: bounce 1.5s infinite; animation: bounce 1.5s infinite;}

.quick-links-container{position: relative; 
                       min-height: 120px;
                       /*padding: 32px 0 45px 0 ;*/
}
.quick-links-wrapper{overflow: hidden; 
                     max-width: 1200px; margin:0 auto;
                     /*display: inline-block; margin: 0 0 0 -85px;*/ 
}
.quick-links-section{padding: 18px 0 25px 0;  text-align: center; 
                     transition: all 0.3s ease 0s; 
                     /*background: rgba(255,255,255,0.95);*/ 
                     background: #fff;
}
.quick-links-section h3{float: left; padding: 20px 0 0 0; width: 10%; }

/*   when .quick-links-section becomes sticky menu   */
.sticky{position: fixed; width: 100%; left: 0; top: 0; z-index: 10001; box-shadow: 0 2px 3px #dfe0e0;
        /*padding: 8px 0 5px 0;*/  
}

ul.quick-links{list-style:none;overflow:hidden;float:left;width:100%;}
ul.quick-links li{float:left;width:9%;margin: 0 0.5%;text-align:center;transition:all 0.3s ease 0s;background:url('../images/separator.png') no-repeat 93px 20px;}
ul.quick-links li.first{background:none;}
ul.quick-links li.last{background:none;}
ul.quick-links li a{color: #333333; font-size: 16px;line-height:20px;}
ul.quick-links li a i{width: 58px; height: 58px; display: block; margin: auto; border-radius: 50%; background: url('../images/quick-links-tg.png') no-repeat 0px 0px;}

ul.quick-links li a i.family{background-position: 0px 0px;}
ul.quick-links li a i.wildlife{background-position: -170px 0px;}
ul.quick-links li a i.romantic{background-position: -341px 0px;}
ul.quick-links li a i.leisure{background-position: -512px 0px;}
ul.quick-links li a i.hills{background-position: -682px 0px;}
ul.quick-links li a i.heritage{background-position: -854px 0px;}
ul.quick-links li a i.beaches{background-position: -1024px 0px;}
ul.quick-links li a i.adventure{background-position: -1198px 0px;}
ul.quick-links li a i.pilgrimage{background-position: -1365px 0px;}

ul.quick-links li a:hover i.family{background-position: 0px -81px;}
ul.quick-links li a:hover i.wildlife{background-position: -170px -81px;}
ul.quick-links li a:hover i.romantic{background-position: -341px -81px;}
ul.quick-links li a:hover i.leisure{background-position: -512px -81px;}
ul.quick-links li a:hover i.hills{background-position: -682px -81px;}
ul.quick-links li a:hover i.heritage{background-position: -854px -81px;}
ul.quick-links li a:hover i.beaches{background-position: -1024px -81px;}
ul.quick-links li a:hover i.adventure{background-position: -1198px -81px;}
ul.quick-links li a:hover i.pilgrimage{background-position: -1365px -81px;}

ul.quick-links li a.active i.family{background-position: 0px -81px;}
ul.quick-links li a.active i.wildlife{background-position: -170px -81px;}
ul.quick-links li a.active i.romantic{background-position: -341px -81px;}
ul.quick-links li a.active i.leisure{background-position: -512px -81px;}
ul.quick-links li a.active i.hills{background-position: -682px -81px;}
ul.quick-links li a.active i.heritage{background-position: -854px -81px;}
ul.quick-links li a.active i.beaches{background-position: -1024px -81px;}
ul.quick-links li a.active i.adventure{background-position: -1198px -81px;}
ul.quick-links li a.active i.pilgrimage{background-position: -1365px -81px;}

ul.quick-links li a.active{color: #f37931;}
ul.quick-links li a:hover{text-decoration: none; opacity: 0.9; color: #f37931;}
/*.sticky ul.quick-links li{margin: 0}
.sticky ul.quick-links li a{font-size: 11px; }*/

.holiday-BE{background: rgba(0,0,0,0.6); background: url("../images/opaqueBg.png") 0 0 repeat\9; padding: 20px; border-radius: 8px;  }
.heading-BE{text-transform: uppercase; font-size: 52px; color: #fff; margin-bottom: 15px; text-shadow: 0px 1px 1px #000; text-align: center; font-weight: normal;}
.holiday-BE-wrapper{position: absolute; top: 350px; left: 0px; right: 0px; z-index: 99;}

.holiday-input{float: left; background: #e7eaea; border-right: 1px solid #bfc1c1; }
.holiday-input.holiday-submit{border: 0; position: relative; }

.holiday-input.holiday-submit input[type=submit]{line-height: 70px; width: 375px; text-align: center; font-size: 36px; border: 0; padding: 0; border: 0 !important; color: #fff; background: url('../images/search-btn.png') no-repeat 26% center #057ce7;  }
.holiday-input.holiday-submit input[type=submit]:hover{background-color: #0077e2;}
.holiday-input input[type=text]{color: #333; background: #fff; padding: 0 5px 0 10px; border: 0; height: 70px; font-size: 20px; width: 270px; -webkit-appearance: none; line-height: 25px;}
.holiday-input input[type=text]:focus{border: 0 !important;}

.holiday-going-to{width: 215px;}

.holiday-input.travel-month{  width: 290px ; height: 70px; }

.only-leaving .holiday-input input[type=text]{width: 485px;}
.only-leaving .holiday-input.travel-month{  width: 360px; }

.holiday-input.travel-month .ddTitleText .ddlabel{color: #333;}
.holiday-input.travel-month .ddcommon{height: 70px; width: 100% !important; font-size: 20px; background: #fff; border: 0;}
.holiday-input.travel-month .ddTitle{margin-top: 15px;}
.holiday-input.travel-month .pointDwnPax{top: 16px; right: 12px;}

.banner-destinations-wrapper{color: #fff; position: relative;}
.full-row{ min-height: 612px;}

.banner-destinations-wrapper .next, .banner-destinations-wrapper .prev{width: 35px; height: 60px; display: none; background-position: -332px -94px; margin-top: -30px; left: 30px;}
.banner-destinations-wrapper .next{background-position: -375px -94px; right: 30px; left: auto;}

/* this was for holiday boxes in banner */
/*.destination-box{overflow: hidden; padding: 85px 160px 0 0; }
.destination-box .place{font-size: 36px; overflow: hidden; line-height: 0.9; float: right;}
.destination-box .place h4{float: left; padding: 0 20px 5px 0; border-right: 2px solid #fff; margin: 0 20px 0 0; text-transform: uppercase; }
.destination-box .place span{float: left;}

.destination-box .price{float: right; font-size: 30px; clear: both; margin: 5px 0 0 0; padding: 0 0 15px 25px; border-bottom: 1px solid #ccc; }
.destination-box .price small{font-size: 20px;}
.destination-box .price span{margin: 0 0 0 10px;}

.destination-box .weather{float: right; clear: both; overflow: hidden; padding: 15px 0 0 0;}

.sprite.weather-cloud{width: 42px; height: 45px; display: block; background-position: -332px -23px; float: left; margin: 0 7px 0 0;}

.sprite.food{width: 58px; height: 40px; display: block; background-position: -382px -3px; margin: auto;}
.sprite.food.sight{background-position: -382px -50px;}

ul.speciality{list-style: none; overflow: hidden; float: left;}
ul.speciality li{float: left; margin: 0 0 0 12px; padding: 0 0 0 12px; position: relative; text-align: center; text-transform: uppercase; font-size: 9px; }

.sprite.seperator{width: 2px; height: 35px; position: absolute; display: block; left: 0px; top: 3px; background-position: -445px -5px;}

.weather-now{float: left; font-size: 12px; text-transform: uppercase; margin: 0 10px 0 0; }
.weather-now .temperature{font-size: 28px; display: block; }
.weather-now small{font-size: 14px; position: relative; top: -10px; left: 3px;}*/
/*********************/

.banner-box{float: right; line-height: 1.25; color: #fff; padding: 60px 0 0 0;}

/*    For displaying banner text on mouse over   */
.banner-box, .banner-destinations-wrapper .next, .banner-destinations-wrapper .prev{
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.3s ease-in 0s;
}
.banner-wrapper:hover .banner-box, .banner-wrapper:hover .banner-destinations-wrapper .next, .banner-wrapper:hover .banner-destinations-wrapper .prev{
    opacity: 1;
    filter: alpha(opacity=100);
}

.banner-box p{font-size: 35px; text-shadow: 0px 0px 2px #000;}
.banner-box p span{display: block; margin-top: -6px; text-align: right;}
.banner-box p span.RupeeSign{display: inline;}

a.explore-more-btn{font-size: 22px; line-height: 2; color: #fff; border: 1px solid #fff; border-radius: 4px; padding: 0 25px;}
a.explore-more-btn:hover{color: #555; background: #fff; transition: all 0.2s ease-in 0s; text-decoration: none;}
.banner-box .explore-more-btn{float: right; margin: 20px 0 0 0;}

.holiday-categories-wrapper{}
.holiday-category{position: relative;}
.holiday-category > h3{border-top: 1px solid #d6d6d6; text-align: center; margin: 0 20px 50px;   }

.holiday-category > h3 >  span{color: #333333; padding: 0 32px; position: relative; top: -18px; font-size: 25px; line-height: 1.2; text-transform: uppercase; background: #fff; display: inline-block;}
.holiday-category > h3 > span > a{color: #333; border-bottom: 2px dashed #bfbfbf; font-style: normal; font-weight: normal; padding: 0 2px 4px; font-family:'LatoRegular'}
.holiday-category > h3 > span > a:hover{color: #1d9bb8; border-bottom: 2px dashed #1d9bb8; text-decoration: none;}

.holiday-category > h3 > span > em{border-bottom: 2px dashed #bfbfbf; font-style: normal; font-weight: normal; padding: 0 2px 4px; font-family:'LatoRegular'}
.holiday-category > h3 > span > em a{color: #333; }
.holiday-category > h3 > span > em a:hover{color: #1d9bb8; text-decoration: none;}

.holiday-category > h3.heading-wg > span > em a{ padding-bottom: 6px;}
.holiday-category > h3.heading-wg > span > em:hover{border-bottom: 2px dashed #1d9bb8; color: #1d9bb8;}
h3.heading-wg > span > em:hover a, h3.heading-wg > span > em:hover .ddTitleText{ color: #1d9bb8;}
/*h3 em:hover {}*/

ul.holiday-types{ list-style: none; margin: 0 0 100px 0;}
ul.holiday-types li.holiday-box{ border: 1px solid #b9b9b9; width: 367px; margin: auto;}
ul.holiday-types li.holiday-box:hover{ border: 1px solid #54b9f3; box-shadow: 0 0 2px #54b9f3;}
/*ul.holiday-types li.holiday-box:last-child{margin-right: 0;}*/
ul.holiday-types li.holiday-box figure{border-bottom: 1px solid #b9b9b9; overflow: hidden; height: 147px; background: url('http://css.yatra.com/content/fresco/default/images/AjaxLoader.gif') no-repeat center center; position: relative;}
ul.holiday-types li.holiday-box img{display: block; transition: all 0.3s ease 0s; }
ul.holiday-types li.holiday-box a{color: #333;}
ul.holiday-types li.holiday-box a:hover{text-decoration: none; opacity: 0.95;}
ul.holiday-types li.holiday-box:hover img{transform: scale(1.02);}
ul.holiday-types li.holiday-box:hover img.logo-on-img{transform: scale(1) !important;}
ul.holiday-types li.holiday-box h3{color: #333333; font-size: 25px; padding: 12px 20px 12px 20px; font-family:'LatoRegular'; font-weight: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
ul.holiday-types li.holiday-box h3 i{float: left; width: 35px; height: 35px; background: grey; border-radius: 50%; display: block; margin: -2px 8px 0 -2px;}

ul.destination-packages{padding: 0 0 12px 20px; list-style: none; overflow: hidden; font-size: 17px;}
ul.destination-packages li{float: left;}
ul.destination-packages li:first-child{border-right: 1px solid #333333; width: 75px; margin-right: 22px;}
ul.destination-packages li small{display: block; font-size: 14px; line-height: 18px;}
/*ul.destination-packages li span{font-family:'LatoBold';}*/

a.view-all{color: #333; font-size: 22px; transition: all 0.3s ease 0s; line-height: 2.2; border: 1px solid #b9b9b9; width: 200px; margin: -60px auto 75px; text-align: center; display: block;}
a.view-all:hover{text-decoration: none; color: #fff; border-color: #1d9bb8; background: #1d9bb8;}

.strip-black{background: #333; color: #fff; font-size: 25px; text-align: center; line-height: 2.5;}
.strip-black small{display: block; font-size: 14px; padding-top: 20px;}

.adventure-budget{font-size: 14px; color: #333; padding: 0 0 20px 20px;}

a.top-btn{ text-align: center; border-radius: 50%; background: #666; color: #fff; height: 55px; width: 55px; font-size: 17px; position: fixed; right: 20px; bottom: 20px; z-index: 9999; display: none;}
a.top-btn i{background-position: -357px -4px; width: 15px; height: 10px; display: block; margin: 7px auto 5px; }
a.top-btn:hover{text-decoration: none; background: #777; }
a.top-btn:hover i{-webkit-animation: bounce 1.5s infinite; animation: bounce 1.5s infinite;}

.white-nav-dots .owl-controls{margin: auto; width: 100%; max-width: 1280px; position: relative;}
.white-nav-dots .owl-pagination{overflow: hidden; position: absolute; right: 0px; top: -40px; z-index: 999;}
.white-nav-dots .owl-pagination .owl-page{width: 11px; height: 11px; border: 1px solid #fff; float: left; border-radius: 50%; margin: 0 3px;}
.white-nav-dots .owl-pagination .owl-page.active{background: #fff;}
.white-nav-dots .owl-pagination .owl-page:hover{background: #fff; border-width: 0; margin: 1px 4px;}
.white-nav-dots .owl-pagination .owl-page.active:hover{border-width: 1px; cursor: default; margin: 0 3px;}
.owl-wrapper{padding-bottom: 2px;}

.holiday-category .prev, .holiday-category .next{background-position: -420px -90px; width: 24px; height: 44px; margin-top: -22px;}
.holiday-category .next{background-position: -447px -90px;}
.holiday-category .prev:hover, .holiday-category .next:hover{opacity: 0.80;}

.holiday-category > h3 > span.city-container{top: -28px;}
.city-container .dd.ddcommon{float: none; border: 0; background: none; width: auto !important; padding: 0;}
.dd .ddTitle .ddTitleText{color: #333; padding-left: 7px}
.city-container .dd .ddChild li{font-size: 14px; font-weight: normal; text-align: left; text-transform: initial; }
.holiday-wrapper .pointDwnPax{background-position: -459px -12px; width: 15px; height: 10px;  }
.city-container .pointDwnPax{ top: 18px; right: -4px; }
.city-container .ddTitle:hover{opacity: 0.8;}

/*ul.show-all.quick-links li{display: block !important; }*/
.more-quick-links{display: none; text-align: center; font-size: 16px; line-height: 1.2; margin-top: -15px;}
.more-quick-links a{position: relative;}
.more-quick-links a:hover{text-decoration: none;}
.more-quick-links i.slide-icon{background-position: -322px -584px; display: block; height: 10px; position: absolute; right: -20px; top: 5px; width: 15px;}
.more-quick-links.slide-up i.slide-icon{background-position: -300px -584px;}

/*    Group tours new css goes here   */
.group-tours-wrapper{}
ul.group-tours{overflow: hidden; margin: 0 20px 100px;}
ul.group-tours li{float: left; width: 25%; position: relative; display: block;}
ul.group-tours li img{width: 100%; height: 300px; display: block; transition: all 0.3s ease 0s;}
ul.group-tours li{overflow: hidden;}
ul.group-tours li a:hover img{transform: scale(1.02);}

.tour-details{position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; color: #fff; background: rgba(0,0,0,0.45); font-size: 15px; line-height: 2; background: url("../images/opaqueBg.png") 0 0 repeat\9;}
.tour-details h3{font-size: 25px; line-height: 60px; text-transform: uppercase; margin: 85px 0 0 0;font-family:'LatoRegular'; font-weight: normal; }
.tour-details h3 span{padding: 0 10px; text-decoration: underline; font-family:'LatoBold'; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block;}
.tour-details span.desc{display: block;}
.tour-details span.pkg-desc{display: block; margin: 40px 0 0 0;}

/*    For displaying text on mouse over   */
.tour-details{
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.3s ease-in 0s;
}
.tour-details:hover{
    opacity: 1;
    filter: alpha(opacity=100);
}

/*    Cruise listing css goes here   */
ul.cruise-desc{list-style: none; padding: 0 20px 0 20px;}
ul.cruise-desc li{font-size: 15px; line-height: 1.1; padding: 0 0 10px 0;}
ul.cruise-desc li span{ font-family:'LatoBold';}
ul.cruise-desc.offer-details-holidays li{margin-top: -6px; font-size: 14px;}

/*.black-pop-over{position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: 0.6; filter: alpha(opacity=60);}*/

.txtBigBold{font-size: 15px; font-family:'LatoBold';}

.logo-on-img{width: 100px !important; height: auto; position: absolute; left: 10px; bottom: 10px; background: #fff;}

span.moreLessBtn{font-size: 90%; color: #1d9bb8; text-decoration: underline; margin-left: 10px;}
span.moreLessBtn:hover{text-decoration: none;}

.seo-links-wrapper{padding-bottom: 20px;}
.seo-links-wrapper .seo-box{width: 45%; float: left; margin: 0 2.5%; font-size: 18px; line-height: 2;}
.seo-links-wrapper .seo-box .NewSeoLink{min-height: 250px;}
.seo-links-wrapper .seo-box h2{width: 100% !important;}

img.icon-img-holidays{float: left; margin: -3px 5px 0 -4px; width: 35px !important;}

/*************************************
    Responsive css goes here   
**************************************/
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width : 1300px) and (min-width : 1270px) { 
    /*chrome temporary hack to be removed later*/   
    .holiday-input.holiday-submit , .holiday-input.holiday-submit input[type=submit]{width: 355px;}
}
@media only screen and (min-width : 1025px) and (max-width : 1279px) {
    .holiday-input{width: 30%;}
    .banner-box {padding-right: 10px;}
}
@media only screen and (max-width : 1024px) {
    .heading-BE{font-size: 30px;}
    .holiday-BE{padding: 10px; float: none; margin: auto; width: 885px; }
    .holiday-input input[type="text"]{line-height: 50px; height: 50px; width: 160px;}
    .only-leaving .holiday-input input[type="text"]{width: 320px;}
    .holiday-input.travel-month .ddcommon , .holiday-input.travel-month{height: 50px; width: 210px;}
    .holiday-input.travel-month .ddTitle{margin-top: 8px;}

    .holiday-BE-wrapper{top: 320px; }
    .holiday-input.holiday-submit input[type="submit"]{line-height: 50px; font-size: 25px; width: 315px;}

    .holiday-input.travel-month .ddcommon{font-size: 16px;}

    .quick-links-wrapper{margin: 0;}
    .quick-links-section h3{display: none;}
    /*ul.quick-links li{margin: 0;}*/
    ul.quick-links{width: 100%;}

    ul.holiday-types li.holiday-box{width: 280px;}
    ul.holiday-types li.holiday-box img{width: 100%;}
    ul.holiday-types li.holiday-box figure{height: auto; min-height: 110px;}
    ul.holiday-types li.holiday-box h3{font-size: 20px; padding: 8px 0 10px 12px;}
    img.icon-img-holidays{width: 30px !important;}
    ul.destination-packages li small{font-size: 13px;}
    ul.destination-packages{padding: 0 0 12px 12px;}
    .holiday-wrapper .prev, .holiday-wrapper .next{display: block;}
    .holiday-category > h3 > span{font-size: 22px; padding: 0 20px;}
    .holiday-category > h3{margin: 0 20px 25px;}

    a.view-all{width: 150px; margin-bottom: 55px; font-size: 20px; margin-top: -70px;  }
    .holiday-categories-wrapper{margin: 0 20px;}
    .banner-box{padding-right: 10px;}
    ul.group-tours li{width: 33%;}

    /*    stopping hover display for devices below 1024   */
    .banner-box, .banner-destinations-wrapper .next, .banner-destinations-wrapper .prev, .tour-details{
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .only-leaving .holiday-input.travel-month{width: 230px;}
    
.holiday-wrapper ::-webkit-input-placeholder {font-size: 16px; }
.holiday-wrapper ::-moz-placeholder {font-size: 16px; }
.holiday-wrapper :-ms-input-placeholder {font-size: 16px; }
.holiday-wrapper input:-moz-placeholder {font-size: 16px; }
.holiday-input.travel-month .pointDwnPax{top: 13px;}

}

/*    desktop small width   */
@media only screen and (max-width : 900px) {
    .holiday-input.holiday-submit::before{display: none;}
    .holiday-input input[type="text"]{width: 130px;}
    .only-leaving .holiday-input input[type="text"]{width: 220px;}
    .holiday-input.travel-month{width: 190px !important;}
    .holiday-input.holiday-submit input[type="submit"]{width: 200px; background-position: 15% center;}
    .weather-now{margin-right: 0;}
    /*ul.speciality li{margin: 0 0 0 5px; padding: 0 0 0 5px;}*/
    .prev, .next{top: 53%;}
    .more-quick-links{display: block;}

    /* Hiding quick links for more button */
    /*ul.quick-links li:nth-child(7) ,ul.quick-links li:nth-child(8)*/ 
    /*.sticky .quick-links{display: none; }*/
    .quick-links-section, .quick-links{display: none; }
    .quick-links-container{min-height: 50px;}
    /*.holiday-BE{margin: auto; width: 885px; float: none;}*/
    .holiday-BE{margin-left: 10%; float: left; width: auto; }
    .seo-links-wrapper .seo-box{font-size: 14px;}
}

/*    device below ipad   */
@media only screen and (max-width: 766px) { 
    /*    overwriting ythome responsive css   */
    .ytCarousel.owl-carousel{width: auto !important;}

    .holiday-BE{margin-left: 0;}
    .holiday-input input[type="text"],.holiday-input.travel-month, .holiday-input.travel-month .ddcommon
    {
        width: 100% !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .holiday-BE, .holiday-input{float: none;}
    .holiday-BE-wrapper{left: 10%; width: 80%; top: 220px;}
    .holiday-input{border-top: 1px solid #bfc1c1; }

    .holiday-input.holiday-submit input[type="submit"]{width: 100%; background-image: none;}

    .heading-BE{font-size: 22px; padding-left: 10px;}
    .banner-destinations-wrapper .prev,.banner-destinations-wrapper .next
    {
        left: 1%; top: 43%; height: 40px; width: 25px; background-position: -332px -103px;
    }
    .banner-destinations-wrapper .next{right: 1%; left: auto; background-position: -384px -103px; }
    .white-nav-dots .owl-pagination{right: 2%; top: -25px;}

    /*    .destination-box{padding: 5% 10% 0 0;}
        .weather-now .temperature , .destination-box .place{font-size: 25px;}
        .destination-box .price small{font-size: 16px;}
        .destination-box .price{font-size: 22px; padding-bottom: 8px;}
        .destination-box .weather{padding-top: 10px;}*/

    .full-row, .banner-wrapper{min-height: 550px;}
    .holiday-category > h3 > span{font-size: 16px;}

    ul.holiday-types li.holiday-box h3 i{display: none;}
    ul.holiday-types li.holiday-box h3{padding: 8px 0 5px 10px;}
    .adventure-budget{padding: 0 0 10px 12px;}
    .strip-black{font-size: 22px; line-height: 2.2;}
    .strip-black small{padding-top: 8px; font-size: 12px;}

    ul.holiday-types li.holiday-box h3{font-size: 18px;}
    ul.group-tours li{width: 50%;}
    .tour-details h3{font-size: 22px;}

    .banner-box p{font-size: 22px;}
    a.explore-more-btn{font-size: 16px; padding: 0 15px;}
    .seo-links-wrapper .seo-box{font-size: 14px; width: 95%;}
    .seo-links-wrapper .seo-box .NewSeoLink{min-height: 0px;}


}

/*    mobile device lanscape */
@media only screen and (max-width: 481px) {
    ul.group-tours li{width: 100%;}
}

/*    mobile device portait */
@media only screen and (max-width: 321px) {
    ul.holiday-types li.holiday-box{width: 260px;}
    ul.holiday-types li.holiday-box figure{min-height: 100px;}
    .holiday-categories-wrapper{margin: 0 15px;}
}
/*************************************
    Responsive css ends here   
**************************************/



/*    bounce keyframe goes here   */
@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
    }
    60% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -ms-transform: translateY(-12px);
        -webkit-transform: translateY(-12px);
        transform: translateY(-12px);
    }
    60% {
        -ms-transform: translateY(-6px);
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}
/*    bounce keyframe ends here   */

/*    submit button arrow animation here   */
.submit-effect::before {
    position: absolute;
    transition: all 0.3s ease 0s; 
    left: 67%;
    top: 50%;
    height: 20px; width: 20px;
    opacity: 0;
    display: block;
    content: " ";
    background: url("../images/yatraSprite.png") no-repeat scroll -478px -2px;
    z-index: 99;
    margin-top: -7px;
}
.submit-effect {position: relative; transition: all 0.3s ease 0s;}
.submit-effect:hover::before {left: 75%; opacity: 1;}
.borderWhite{border-color:#fff !important}
.choose-theme{padding-top:35px;padding-left:26px;}