/*---------------------------------

For:- Maa Shardha HOlidays
----------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Fira+Sans:400,500,700');
@import url('https://fonts.googleapis.com/css?family=Poppins:400,500');


*{ font-family: 'Fira Sans', sans-serif; transition: all 0.3s ease-out 0s; }

body { font-family: 'Fira Sans', sans-serif; transition: all 0.3s ease-out 0s; }

ol, ul{ margin-bottom: 0; margin-top: 0; padding: 0; }
.h1, .h2, .h3, h1, h2, h3{ margin-bottom: 0; margin-top: 0; }
.h4, .h5, .h6, h4, h5, h6{ margin-bottom: 0; margin-top: 0; }
p{ margin: 0; }
a{ text-decoration: none; }
input, textarea{ outline: none; }

.form-control:focus{ border: 0 none; box-shadow: none; outline: none; }



.marTop40{ margin-top: 40px; }
.marTop50{ margin-top: 50px; }

/*------------Heading--------------*/
.heading{ padding: 0; text-align: center; }
.heading h3{ color: #215166; font-size: 34px; position: relative; font-weight: 600; text-transform: uppercase; text-shadow: 0px 7px 10px #aeaeae; }
.heading h3 span{ background: #f58a42; padding: 5px; color: #fff; text-shadow: none; }
/*.heading h4 span{ display: block; }*/


.colrwhite{ color: #fff !important; position: relative; }
.colrwhite:after{ content: ""; width: 60px; height: 2px; background: #215166; position: absolute; bottom: -15px; left: 0; }

/*------------Page CSS--------------*/
.header{ padding: 0; position: relative; background: #fff; overflow: hidden; }
/*.header:before{ content: ""; width: 2000px; height: 100px; background: #f2f2f2; position: absolute; bottom: -73px; z-index: 9; transform: rotate(4deg); left: -10px; }*/

.slider{ padding: 0; position: relative; }
.slider .owl-carousel .item { position: relative; }
.slider .owl-carousel .item img { width: 100%; position: relative; }
.slider .owl-carousel .item:before{ content: ""; background: rgba(0, 0, 0, 0.25); position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 9; }

/*.carousel-caption{ bottom: auto; top: 50%; left: 15%; }
.carousel-control.left{ display: none; }
.carousel-control.right{ display: none; }
.logo{ max-width: 200px; height: 150px; width: 90%; background: rgba(0, 0, 0, 0.8); border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; text-align: center; position: absolute; top: 0; left: 15%; padding: 30px 15px 0; }
.logo a img{ text-align: center; width: 100%; }*/

.menuBar { padding: 0; position: absolute; top: 0; left: 0; width: 100%; /*background: rgba(255, 255, 255, 0.4);*/ }
.menuBar .navbar{ margin-bottom: 0; min-height: auto; }
.menuBar .navbar-default{ background: none; border: 0 none; }
.menuBar .navbar-brand{ padding: 0; }
.menuBar a.navbar-brand img{ /*background: #fff;*/ padding: 30px 0; width: 85%; }
.menuBar .navbar-nav>li{ margin-right: 25px; }
.menuBar .navbar-nav>li:last-child{ margin-right: 0; }
.menuBar .navbar-default .navbar-nav>li>a { color: #fff; padding: 3px 7px 6px; font-size: 16px; }
.menuBar .navbar-default .navbar-nav>li>a:hover,
.menuBar .navbar-default .navbar-nav>li>a:active,
.menuBar .navbar-default .navbar-nav>li>a:focus{  color: #f58a42; border-bottom: 2px solid #f58a42; border-top: 2px solid #f58a42; }

.menuBar .navbar-default .navbar-nav>.active>a, 
.menuBar .navbar-default .navbar-nav>.active>a:focus, 
.menuBar .navbar-default .navbar-nav>.active>a:hover{ background-color: transparent; color: #f58a42; border-bottom: 2px solid #f58a42; border-top: 2px solid #f58a42; }

.slider .carousel-indicators .active{ width: 20px; background: #215166; }
.slider .carousel-indicators li{ width: 20px; }

.slider .carousel-inner>.item { position: relative; }
.slider .carousel-inner>.item:before{ content: ""; background: rgba(0, 0, 0, 0.1); position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.navbar-right{ margin-top: 50px; /*background: rgba(33, 81, 102, 0.4);*/ padding: 10px 15px; }


.logoImg{ padding: 0; height: 310px; width: 310px; text-align: center; background: #f58a42; border-radius: 90%; padding: 60px 0 0; margin: 20px auto 0; font-size: 40px; color: #fff; text-transform: uppercase; font-weight: 600; position: relative; z-index: 2; font-family: 'Poppins', sans-serif; line-height: 1.42; position: relative; }


.logoImg img{ width: 100%;   }


.bannerInfo{ padding: 60px; text-align: left; max-width: 450px; width: 100%; position: absolute; top: 50%; left: 10%; z-index: 9; text-align: center; transform: translateY(-50%); }
/*.bannerInfo img{ width: 100%; }
.bannerInfo h2{ font-size: 28px; margin: 20px 0 0; color: #fff; text-transform: uppercase; font-weight: 600; position: relative; z-index: 2; font-family: 'Satisfy', cursive; line-height: 1.42; }*/

.bannerInfo p{ font-size: 18px; color: #fff; padding: 10px 0 15px; }
.bannerInfo p i{ font-size: 24px; color: #fff; }
.bannerInfo a{ font-size: 48px; color: #fff; display: inline-block; text-decoration: none; font-style: italic; }

.offerBtn{ padding: 10px 15px; background: #f58a42; color: #fff; display: inline-block; font-size: 16px; position: relative; z-index: 2; text-decoration: none; transition: all 0.3s ease-out 0s; border-left: 3px solid #215166; }
.offerBtn:hover, .offerBtn:active, .offerBtn:focus{ background: #215166; color: #fff; text-decoration: none; border-color: #f58a42; }
.offerBtn i{ color: #fff; font-size: 16px; padding-left: 5px; }


.owl-theme .owl-controls{ display: none !important; }

.book{ background: #215166; padding: 0; position: absolute; top: 50%; max-width: 300px; width: 95%; transform: translateY(-50%); right: 15%; border-radius: 5px; }
.book h4{ background: #13323f; font-size: 20px; text-align: center; color: #fff; font-weight: 600; padding: 10px 0; border-top-left-radius: 5px; border-top-right-radius: 5px; }
/*
.customRow{ padding: 0; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    color: white;
    grid-template-rows: 80px; grid-gap: 15px; }
*/


.formInputs{ padding: 20px; }
.formInputs label{ color: #fff; font-weight: normal;  }
.formInputs .col-xs-12, .formInputs .col-xs-6{ margin-bottom: 10px; }
.formInputs .col-xs-12:last-child, .formInputs .col-xs-6:last-child{ margin-bottom: 0; }

.formInputs label{ font-size: 14px; }
.formInputs input{ height: 35px; border-radius: 0; border: 0 none; color: #474747; font-size: 12px; padding: 5px; width: 100%; }
.formInputs select{ height: 35px; border-radius: 0; border: 1px solid #aeaeae; color: #474747; font-size: 12px; padding: 5px; width: 100%; }
/*.formInputs select:focus, .formInputs select:active{ outline: none; }*/
.formInputs input[type="submit"]{ display: inline-block; margin: 10px 0 0; background: #f58a42; font-size: 16px; color: #fff; text-transform: uppercase; text-align: center; box-shadow: none; outline: none; transition: all 0.3s ease-out 0s; }

.input-group-addon{ background: #fff; border-left: 0 none; color: #215166; border-color: #aeaeae; font-size: 18px; }

.formInputs input[type="submit"]:hover, .formInputs input[type="submit"]:active, .formInputs input[type="submit"]:focus{ background: #fff; color: #215166; }

/*---------------------------Organise Trip----------------------------------*/
.OrganiseTrip{ padding: 60px 0; background: #f2f2f2; }
.tripData{ padding: 0; }
.tripData h4{ font-size: 26px; color: #215166; margin-bottom: 20px; font-weight: 600; }
.tripData p{ font-size: 18px; color: #474747; margin-bottom: 20px; }

.tripData ul{ padding: 0; display: table; width: 100%; }
.tripData li{ display: table-cell; position: relative; width: 33%;  text-align: center; list-style: none; font-size: 20px; color: #474747; transition: all 0.3s ease-out 0s; }


.tripData li:last-child{ margin-right: 0; }
.tripData li i{ height: 100px; width: 100px; border-radius: 50%; border: 2px solid #575757; padding: 28px 0 0; font-size: 44px; color: #474747; display: block; margin: 0 auto 10px; position: relative; transition: all 0.3s ease-out 0s; }
.tripData li i:after{ content: ""; height: 110px; width: 110px; border-radius: 50%; border: 1px solid #777; position: absolute; top: -7px; left: -7px;  }

.tripData li:hover i{ background: #f58a42; color: #fff; border-color: #f58a42; transition: all 0.3s ease-out 0s; }
.tripData li:hover{ color: #f58a42; }

/*---------------------------Popular Destinations----------------------------------*/
.popularDest{ padding: 60px 0; }

.popularDest .col-sm-4{ margin-bottom: 30px; }
.popularDest .col-sm-4:nth-child(n+4){ margin-bottom: 0; }


.destInfo{ padding: 0; }
.destInfo h3{ font-size: 30px; color: #215166; margin-bottom: 20px; font-weight: 600; }
.destInfo h3 span{ display: block; }
.destInfo p{ font-size: 16px; color: #474747; }
.destData{ padding: 0 0 15px; transition: all 0.3s ease-out 0s; position: relative; }
.destImg{ padding: 0; position: relative; }
.destImg img{ width: 100%; position: relative; }

.destImgInfo{ text-align: center; background: #f2f2f2; width: 95%; height: 210px; margin: -20px auto 0; position: relative; z-index: 2; }

.destImgInfo h5{ font-size: 18px; /*height: 55px;*/ color: #fff; font-weight: 600; padding: 10px 0; text-transform: uppercase; background: #215166; }
.destImgInfo h5 span{ display: block; font-size: 17px; color: #dadada; padding-bottom: 10px; font-weight: normal; }

.destImgInfo ul{ padding: 15px 0; width: 100%; }
.destImgInfo li{ list-style: none; margin-bottom: 5px 0 0; position: relative; color: #404040; font-size: 15px; }
.destImgInfo li i{ font-size: 16px; color: #f58a42; padding-right: 5px; }

.modlBtns{ margin: 0; position: absolute; bottom: -15px; }
.modlBtns li{ list-style: none; display: inline-block; width: 50%; float: left; }
.modlBtns li:last-child{ margin-right: 0; }

.destInfo #owl-demo1 .item{ margin: 10px; position: relative; }
.destInfo .customNavigation{ text-align: center; }
.padtp{ padding-top: 30px; }

.pckBtn{ background: #215166; padding: 10px 15px; border-radius: 0; font-size: 14px; color: #fff; box-shadow: none; outline: none; border: none; text-decoration: none; text-transform: uppercase; border-left: 3px solid #f58a42; margin: 0 auto; width: 100%; }
.pckBtn:hover, .pckBtn:active, .pckBtn:focus{ box-shadow: none; outline: none; text-decoration: none; background: #f58a42; border-left-color: #215166; }
.pckBtn i{ padding-left: 5px; color: #fff; font-size: 14px; }


/*.destData:hover .destImgInfo{ background: rgba(0, 0, 0, 0.9); transition: all 0.5s ease-in-out 0s; }*/
.destData:hover .destImgInfo > ul{ display: block; }
.destData:hover .destImgInfo h5{ color: #f58a42; }
.destData:hover .pckBtn{ display: block; transition: all 0.3s ease-out 1s, 1s; transition: all 0.5s ease-out 1s, 1s; -webkit-transition: all 0.4s ease-out 1s, 1s; }


.packageInfo{ padding: 20px; }
.packageInfo ul{ padding-left: 20px; border-left: 1px solid #aeaeae; }
.packageInfo li{ list-style: none; margin-bottom: 20px; /*border-bottom: 1px solid #aeaeae; padding-bottom: 15px;*/ position: relative; }
.packageInfo li:before{ content: ""; width: 15px; height: 15px; background: #f58a42; position: absolute; left: -28px; top: 0; border-radius: 50%; }
.packageInfo li:last-child{ border-bottom: 0 none; padding-bottom: 0; margin-bottom: 0; }
.packageInfo li h6{ font-size: 20px; text-transform: uppercase; color: #215166; padding-bottom: 10px; }
.packageInfo li p{ font-size: 16px; color: #575757; }


.modal-header{ background: #f58a42; color: #fff; text-transform: uppercase; }
.modal-header .close{ opacity: 1; color: #fff; font-size: 28px; }
.modal-title{ width: 95%; }

.modlbookform input{ border: 1px solid #aeaeae; }




/*---------------------------Our Destinations----------------------------------*/
.destination{ padding: 0; }
.destination .container-fluid{ padding-left: 0; padding-right: 0; }

.destinData{ display: grid; grid-gap: 0; grid-template-columns: [col] 25% [col] 25% [col] 25% [col] 25%; grid-template-rows: [row] auto [row] auto [row]; background-color: #fff; color: #444; padding: 0; }
.dataFull{ grid-column: col 2 / span 2 ; grid-row: row 2 ; }  

.destmore_Data{ padding:0; position: relative; overflow: hidden; transition: all 0.3s ease-out 0s; }
.destmore_Data img{ width: 100%; position: relative; overflow: hidden; }
.destmore_Data img:before{ content: ""; background: rgba(0, 0, 0, 0.5); position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 9; }
.destmore_Data:hover img{ transform: scale(1.3) rotate(10deg); transition: all 0.3s ease-out 0s; }
.destmore_DataInfo{ text-align: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); color: #fff; font-size: 20px; color: #fff; display: flex; flex-direction: row; justify-content: center; align-items: center; }

.destBg{ background: #f58a42; text-align: center;  }
.destBgTxt{ padding: 0; color: #fff; font-size: 24px; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; width: 100%; }
.destBgTxt span{ display: block; font-size: 15px; color: rgba(255, 255, 255, 0.6); }


.wediff{ padding: 60px 0; }
.wediff .col-sm-4{ margin-bottom: 30px; }
.wediff .col-sm-4:nth-child(n+4){ margin-bottom: 0; }


.whydiffnt{ padding: 0; text-align: center; }
.whydiffnt span{ height: 70px; width: 70px; display: inline-block; border-radius: 50%; background: #0f68a8; text-align: center; padding: 18px 0 0; box-shadow: 5px 0px 10px #aeaeae; }
.whydiffnt h4{ font-size: 20px; color: #404040; margin: 15px 0 20px; text-transform: uppercase; }
.whydiffnt p{ font-size: 16px; color: #575757; min-height: 120px; }


.Travel_Article{ padding: 60px 0; background: #f5f5f5; }
.articleInfo{ padding: 0; }

.artData{ padding: 10px 0; text-align: center; }
.artData h4{ font-size:18px; color: #215166; }



.articleInfo img{ width: 100%; }

.Subscribe{ padding: 60px 0; background: #215166 url(../images/pattern.png) repeat; }
.subData{ padding: 0; max-width: 500px; width: 90%; margin: 0 auto; text-align: center; }
.subData h3{ color: #fff; font-size: 28px; /*font-weight: 600;*/ }
.subData p{ color: #fff; font-size: 14px; font-style: italic; margin: 15px 0; }

.subData .input-group .form-control{ height: 45px; border: 0 none; border-radius: 0; }
.subData .input-group-btn>.btn{ height: 45px; background: #fff; border: 0 none; border-radius: 0; }
.subData .input-group-btn>.btn i{ color: #f58a42; font-size: 24px; }
.subData .btn-default.active.focus, 
.subData .btn-default.active:focus, 
.subData .btn-default.active:hover, 
.subData .btn-default:active.focus, 
.subData .btn-default:active:focus, 
.subData .btn-default:active:hover, 
.subData .open>.dropdown-toggle.btn-default.focus, 
.subData .open>.dropdown-toggle.btn-default:focus, 
.subData .open>.dropdown-toggle.btn-default:hover{ background: #fff; border: 0 none; box-shadow: none; outline: none; }
.subData .input-group-btn>.btn:active, 
.subData .input-group-btn>.btn:focus, 
.subData .input-group-btn>.btn:hover{ outline: none; }

.thumbnail{ border: 0 none; padding: 0; background: none; margin: 0; }
.galfulImg{ padding: 0; }
.galfulImg img{ width: 100%; }


/*--------------Why Choose us----------------*/
.bookinData{ padding: 0; display: grid; grid-template-columns: 30% 1fr; text-align: center; color: white; grid-template-rows: 150px; }

.bookusBg{ background: #0d2e3c; display: flex; justify-content: center; align-items: center; height: 100%; }
.bookusBg h4{ font-size: 24px; color: #fff; }

.wrap {
    display: flex;
    flex-direction: row;
    max-width: 850px;
    justify-content: center;
    height: 100%;
    align-items: center;
    margin: 0 auto;
    width: 100%;
}

.bookusData{ background: #215166; }
.bookusInfo{ position: relative; padding-left: 85px; text-align: left; padding-right: 20px; }
.bookusInfo img{ position: absolute; left: 0; top: 0; }
.bookusInfo h4{ font-size: 16px; color: #fff; text-transform: uppercase; font-weight: 600; padding-bottom: 10px; }
.bookusInfo p{ font-size: 14px; color: #aeaeae; }





.footer{ padding: 60px 0; background: #212121; position: relative; }
.txtcntr{ text-align: center; }
.footerInfo{ padding: 0; position: relative; }

.footerInfo h1{ font-family: 'Satisfy', cursive; font-size: 26px; color: #fff; text-transform: capitalize; display: inline-block; border: 1px double #fff; padding: 10px; background: #f58a42; }


.footerInfo img{ width: 40%; }

.footerInfo p{ color: #777; font-size: 16px; padding: 15px 0; }
.footerInfo h3{ font-size: 22px; color: #999; text-transform: uppercase; margin-bottom: 25px; }

.links{ padding: 0; }
.links li{ list-style: none; padding: 5px 0; font-size: 15px; position: relative; padding-left: 20px; }
.links li:before{ content: ""; width: 10px; height: 3px; background: #666; position: absolute; left: 0; top: 16px; }
.links li:last-child{ margin-bottom: 0; }
.links li a{ font-size: 16px; color: #777; text-decoration: none; transition: all 0.3s ease-out 0s; }
.links li a:hover{ color: #f58a42; }

.social{ margin: 10px 0 0; padding: 0; }
.social li{ display: inline-block; margin-right: 15px; list-style: none; }
.social li:last-child{ margin-right: 0; }
.social li a{ text-decoration: none; transition: all 0.3s ease-out 0s; }
.social li a i{ font-size: 17px; color: #fff; height: 35px; width: 35px; border-radius: 50%; border: 1px solid #aeaeae; text-align: center; padding: 8px 0 0; transition: all 0.3s ease-out 0s; }
.social li a i:hover, .social li a i:active, .social li a i:focus{ background: #f58a42; color: #fff; border-color: #f58a42;  }

.address{ padding: 0; }
.address li{ margin-bottom: 15px; list-style: none; position: relative; padding-left: 25px; color: #777; }
.address li i{ font-size: 18px; color: #f58a42; position: absolute; top: 3px; left: 0; }
.address li:last-child{ margin-right: 0; }
.address li a{ text-decoration: none; transition: all 0.3s ease-out 0s; font-size: 15px; color: #777; display: block; }
.address li a:hover, .address li a:active, .address li a:focus{ color: #f58a42; }

.copyright{ padding: 10px 0; background: #333; text-align: center; }
.copyright p{ font-size: 15px; color: #aeaeae; }
.copyright p a{ text-decoration: none; color: #aeaeae; transition: all 0.3s ease-out 0s;  }
.copyright p a:hover{ color: #fff; }

/*-------------------Media Queries-----------------------*/

@media only screen and (min-width: 1024px) and (max-width: 1050px)
{
    .heading{ width: 100%; }
    .heading h4{ font-size: 20px; }
    
    .carousel-caption{ top: 38%; }
    .bannerInfo{ padding: 30px; }
     
    .logoImg{ margin: 0 auto; }
    
    .aboutImg img{ width: 100%; }
    .aboutImg img:last-child{ display: none; }
    
    
    /*.destImgInfo ul { padding: 0; }*/
    .destImgInfo li{ font-size: 12px; }
    
    .destImgInfo h5{ font-size: 13px; }
    .pckBtn{ font-size: 12px; }
    
    .bookusInfo img{ left: 10px; }
    
    .bannerInfo h4{ font-size: 14px; }
    
    .address li a{ font-size: 14px; }

    
}


@media only screen and (min-width: 768px) and (max-width: 1023px)
{
    .heading{ width: 100%; }
    .heading h4{ font-size: 20px; }
    .carousel-caption{ display: none; }
    .menuBar a.navbar-brand img { width: 60%; }
    .navbar-right { margin-top: 35px; }
    
    .menuBar .navbar-nav>li{ margin-right: 20px; }
    
    .logoImg{ margin: 0 auto; }
    
    .header:before{ left: -15px; height: 60px; }
    
    .slider .owl-carousel .item img{ height: 600px; }
    
    .book{ right: 5%; }
    
    .formInputs label { font-size: 11px; }
    
    .tripData p{ font-size: 16px; }
    .tripData li{ font-size: 18px; }
    .tripData li i{ height: 90px; width: 90px; padding: 23px 0 0; }
    .tripData li i:after { height: 100px; width: 100px; }
    
    .destData:hover .destImgInfo{ height: 70%; }
    .modlBtns{ padding: 0 !important; }
    .pckBtn{ padding: 5px; font-size: 10px; }
    .destImgInfo{ padding: 0 0 20px; height: 85%; }
    
    .padtp{ padding-top: 0; }
    .destImgInfo h5 { font-size: 11px; }
    .destInfo h3 { font-size: 26px; padding: 30px 0 0; }
    .destInfo p { font-size: 14px; }
    
    .destmore_DataInfo{ font-size: 14px; }
    .destImgInfo li{ font-size: 11px; }
    
    .destBgTxt{ font-size: 18px; }
    .whydiffnt h4 { font-size: 17px; margin: 15px 0 10px; }
    .whydiffnt p { font-size: 13px; }
    
    .carousel-indicators{ display: none; }
    /*.aboutInfo{ margin-left: 0; }*/
    
    .carousel-caption{ top: 38%; }
    .bannerInfo{ padding: 20px; left: 0; }
    /*.bannerInfo h2{ padding-bottom: 20px; }*/
    .accomoTypes{ margin: 30px 0 0; }
    .roomImgInfo { padding: 5px; }
    
    .roomImgInfo{ height: 60px; }
    .roomImgInfo h4{ font-size: 14px; padding: 12px 0 0 !important; }
    #pT12{ padding: 0; }
    .footerImg img { width: 100%; }
    
    .bookinData{ grid-template-columns: 25% 1fr; }
    .bookusBg h4{ font-size: 20px; }
    .bookusInfo p{ font-size: 12px; }
    
    .bookusInfo img{ left: 13px; width: 30%; }
    
    .address li a{ font-size: 12px; }
    
    .links li{ padding: 5px 10px; }
    .links li a{ font-size: 14px; }
    
    .copyright p { font-size: 13px; }
}


@media only screen and (max-width: 767px) 
{
    .heading{ width: 100%; }
    .heading h4{ font-size: 23px; font-weight: 600; }
    
    .heading h3 span{ margin: 10px 0 0; display: inline-block; }
    
    .slider .owl-carousel .item img{ height: 600px; }
    
    /*.header{ overflow: visible; }*/
    .header{ overflow: visible; }
    .header:before{ height: 30px; left: -10px; display: none; }
    .logoImg{ width: 250px; height: 250px; font-size: 38px; padding: 50px 0 0; }
    
    .logoImg:before { height: 230px; width: 230px; }
    
    .bannerInfo a { font-size: 38px; }
    
    .bannerInfo{ padding: 10px; width: 80%; top: 5%; transform: none; }
    .bannerInfo h2{ font-size: 24px; padding-bottom: 14px; }
    
    .menuBar .navbar-default .navbar-nav>.active>a, 
    .menuBar .navbar-default .navbar-nav>.active>a:focus,
    .menuBar .navbar-default .navbar-nav>.active>a:hover{ border: 0 none; }
    
    .menuBar .navbar-default .navbar-nav>li>a{ padding: 0px 7px 1px; font-size: 12px; }

    .navbar-right{ padding-bottom: 0; }

    
    /*.modlBtns li{ margin-right: 5px; }*/
    .pckBtn{ font-size: 12px; }
    
    /*.customRow{ display: block; }*/
    
    .customCol{ margin-bottom: 15px; }
    .marBot0{ margin-bottom: 0; }
    .customCol:last-child{ margin-bottom: 0; }
    
    .tripData { padding: 0 0 30px; }
    .tripData li{ font-size: 16px; }
    .tripData li i{ height: 80px; width: 80px; padding: 22px 0 0; font-size: 36px; }
    .tripData li i:after{ height: 90px; width: 90px; }
    
    .destinData{ display: block; }
    .destBgTxt{ padding: 50px 0; }
    
    
    .logo{ left: 0; right: 0; margin: 0 auto;  }
    .menuBar a.navbar-brand img { width: 60%; padding: 10px 0; }
    
    .book{ right: 0; left: 0; margin: 0 auto; bottom: -10px; z-index: 99; transform: translateY(0); max-width: 100%; border-radius: 0; position: relative; }
    .navbar-default .navbar-toggle{ background: #f58a42; border: 0 none; margin: 25px 0 0; }
    .navbar-default .navbar-toggle .icon-bar{ background-color: #fff; }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background-color: #215166; }
    .navbar-right { margin-top: 0; }
    
    
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{ background: #215166; text-align: center; z-index: 999;
    position: relative; }
    
    .menuBar .navbar-nav>li { margin-right: 0; }
    .OrganiseTrip{ padding: 60px 0 20px; }
    .bookinData{ display: block; }
    .bookusBg{ padding: 50px 0; }
    
    .Travel_Article .col-xs-12{ margin-bottom: 30px; }
    .Travel_Article .col-xs-12:last-child{ margin-bottom: 0; }
    
    .wrap{ display: block; }
    /*.destImgInfo{ padding: 20px 5px; height: 85%; }*/ 
    .destImgInfo h5{ font-size: 18px; }
    .destData:hover .destImgInfo{ height: 55%; }
    
    .bookusInfo{ padding-top: 30px; padding-bottom: 30px; }
    
    .bookusInfo img { left: 11px; top: 32px; }
    
    .wediff .col-xs-12{ margin-bottom: 30px; }
    .wediff .col-sm-4:nth-child(n+4){ margin-bottom: 30px; }
    .wediff .col-xs-12:last-child{ margin-bottom: 0px; }

    
    
    .footer{ background-size: cover; }
    footer .col-xs-12{ margin-bottom: 40px; }
    footer .col-xs-12:last-child{ margin-bottom: 0; }
  
}

@media only screen and (max-width: 480px){
    .destData:hover .destImgInfo{ height: 70%; }
}





