/*Variables*/
:root{
    --brand-color: #fac223;
    --transtion: all .5s ease;
}
/*Fonts*/
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
/*custom*/
body{ font-size: 14px; font-family: 'Roboto', sans-serif; color: #333333; font-weight: 400;}
a{ color: #000; transition: var(--transtion);}
.btn{font-size: 14px; padding: 8px 25px;}
.btn{font-size: 14px; padding: 8px 25px;}
.btn-sm{font-size: 12px; padding: 5px 12px; font-weight: 500;}
.btn-brand{background: #fbc324;}
.btn-brand:hover{background: #eab520;}
.btn-outline-black{ border: 2px solid #000; color: #000;}
.color-brand{color: var(--brand-color) !important;}
h1, h2, h3, h4, h5, h6{ color: #333333; font-weight: 500; line-height: normal;}
h1, .h1{font-size:36px;}
h2, .h2{font-size:30px;}
h3, .h3{font-size:24px;}
h4, .h4{font-size:18px;}
h5, .h5{font-size:14px;}
h6{font-size:12px;}
.heading-border:after{ width: 26px; height: 2px; background: #fcc324; content: ''; display: block; margin: 9px auto 20px;}
.heading-border-space:after{ margin-bottom: 9px;}
p{ font-size:14px; color: #75706b; font-weight: 400; line-height: 24px;}
.overflowx-hidden{overflow-x: hidden;}
.text-brand{color: var(--brand-color) !important;}
/*form*/
.form-control::placeholder{color: #949494; font-size: 14px;}
.form-control{height: 42px; border-color: #cccccc; font-size: 14px;}
select.form-control{height: 42px !important;}
textarea.form-control{height: 70px;}
/*list*/
.list-dot li{font-size:14px; color: #75706b; font-weight: 400; line-height: 25px; position: relative; padding:2px 0 2px 18px;}
.list-dot li:before{ content: ''; width:6px; height: 6px; background: var(--brand-color); position: absolute; left: 0; border-radius: 50%; top: 12px;}
/*Header*/
.header .topbar{background: #f4f5f9; font-size: 14px; padding: 6px 0;}
.header .topbar i{ color: var(--brand-color); margin-right: 3px;}
.header .topbar a{margin-right: 10px;}
.header .topbar a:hover{color: var(--brand-color);}
.font-weight-500{font-weight: 500}
.header-search .form-control{ height: 34px; border-color: #e5e7eb;}
.header-search .form-control:focus{box-shadow: none; border-color: var(--brand-color);}
.header-search i{ color: #000 !important;}
.header-search .btn{padding: 5px 15px;}
/*baner*/
.home-banner img{ max-height: 511px; margin: auto; display: block;}
.home-banner .inset{top: 0; bottom: 0; left: 0; right: 0;}
.home-banner .text{bottom: 80px;}
.home-banner .title{ font-size: 55px; font-weight: 500; text-shadow: 5px 9px 70px rgba(0,0,0,.6); line-height: 52px;}
.home-banner strong{text-shadow: 5px 9px 70px rgba(0,0,0,.6); font-size: 20px; font-weight: 700;}
/*middle part*/
.top-destinations{padding-top: 43px; background: url("../images/destinations-bg.jpg") repeat-x center top; padding-bottom: 13px;}
.top-destinations li{ width: 262px; margin-right: 20px; margin-top: 17px;  margin-right: 20px;}
.top-destinations li p{font-weight: 300; line-height: normal;}
.top-destinations li:nth-child(4n){margin-right: 0;}
.top-destinations img{ border-radius: 5px; transition: var(--transtion);}
.top-destinations figure{overflow: hidden; border-radius: 5px;}
.top-destinations figcaption{bottom: -75px; left: 0px; right: 0px; padding: 30px 15px 10px; background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.60) 50%,  rgba(0,0,0,0) 100%, rgba(0,0,0,0) 100%, rgba(0,0,0,0.60) 100%); opacity: 0; visibility: hidden; transition: var(--transtion);}
.top-destinations figcaption small{font-size: 11px; padding: 5px 8px;}
.top-destinations li:hover figcaption{ display: block; bottom: 0; opacity: 1; visibility: visible}
.top-destinations li:hover img{transform:scale(1.1);}
.heading-para{ font-size: 16px; color: #333333; font-weight: 400; line-height: normal;}
.top-destinations h3{ font-size: 18px;}
.gallery-client{background: #f4f5f9 url("../images/testimonials-bg.jpg") no-repeat bottom right; padding: 50px 0 45px; background-size: auto 100%;}
.gallery-client h2 i{ color: #fec524;}
.gallery-client .left li{ width: 168px; margin-right: 10px; margin-bottom: 10px; position: relative; font-size: 13px; font-weight: 500; overflow: hidden; border-radius: 5px;}
.gallery-client .left li img{ border-radius: 5px; transition: var(--transtion);}
.gallery-client .left li:hover img{transform: scale(1.1);}
.gallery-client .left li span{position: absolute; bottom: 0; left: 8px; right: 8px; bottom: 12px; border-top: 2px solid rgba(187,126,69,.9); padding-top: 10px; color: #fff;}
.gallery-client .left .view a{ font-size: 16px; border-bottom: 2px solid #fec524; padding-bottom: 5px;}
.gallery-client .left .view a:hover{ color: var(--brand-color);}
.gallery-client blockquote{ font-size: 16px; font-family: Georgia, Times, "Times New Roman", serif; color: #333333; font-style: italic; line-height: 28px;}
.gallery-client .right .namephoto p{ font-size: 16px; color: #333333; font-weight: 400}
.gallery-client .right .namephoto span{font-size: 15px;}
.gallery-client .right h2:before{ content: ''; display: inline-block; background:url("../images/testimonials-icon.png") no-repeat 0 0; width: 32px; height: 25px; margin-right: 8px; position: relative; top: 2px;}
/*Footer*/
.footer{ background: #18232d;}
.footer h4{color: #fff; font-size: 16px; font-weight: 400;}
.footer .fotop .form-control{ border: 0;}
.footer .fotop .form-control{background:#fff url("../images/email-icon.png") no-repeat 12px 12px; padding-left: 48px;}
.footer .fotop label.error{ position: absolute; bottom: -30px; left: 0;}
.footer .fotop .col-auto{ width: 68%;}
.footer .fotop .social a{ width: 30px; height: 30px; background: #cccccc; display: block; border-radius: 50%; font-size: 16px; justify-content: center; display: flex; align-items: center; margin-left: 10px;}
.footer .fotop .social a:hover{background: var(--brand-color);}
.fomiddle{ border-top: 1px solid #303d49; border-bottom: 1px solid #303d49;}
.fomiddle .foinfo p{ font-size: 13px; color: #999999; line-height: normal;}
.fomiddle a{color: #999999; font-size: 13px;}
.fomiddle li{padding-bottom: 2px;}
.fomiddle a:hover{color: #fff;}
.footer .foend{ font-size: 13px;}
.create-package{ outline: 0; top:130px; right: 0; width: 40px; height: 190px; background:var(--brand-color); z-index: 3; border-radius: 5px 0 0px 5px; font-size: 15px; padding: 138px 0 0 6px; border: 1px solid #dfad1f; border-right:0;}
.create-package span{ transform: rotate(-90deg); display: block; white-space: nowrap;}
/*Tour Itnerary*/
.itinerary-banner{max-height: 630px; overflow: hidden}
.itinerary-banner .text{max-width: 1110px; margin: 0 auto;}
.itinerary-banner .text{left: 0; right: 0; top: 50%; text-align: center; transform: translateY(-50%) !important; z-index: 2}
.itinerary-banner h1{ font-weight: 600; font-size: 3rem; text-shadow: 5px 9px 70px rgba(0,0,0,.6);}
.itinerary-banner h1:after{ width: 50px; height: 7px; background: var(--brand-color); border-radius: 20px; display: block; content: ''; margin:10px auto;}
.itinerary-banner span, .itinerary-banner .cityname{ font-size: 20px; text-shadow: 5px 9px 70px rgba(0,0,0,.6);}
.itinerary-banner .down-arrow{ bottom: 25px; left: 0; right: 0; font-size: 16px;  animation:jump 1.5s ease 0s infinite normal; position: relative; z-index: 2}
    .itinerary-banner:after{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.08); content: ''; z-index: 1;}
.container-full{max-width: 100%; width: 100%}
.itinerary-overview article{max-width: 555px; width: 100%; padding-left: 70px;}
.itinerary-highlight article{ padding-left: 0; padding-right: 70px;}
.itinerary-highlight ul, .planned-form ul{ list-style: none; padding-left: 0;}
.itinerary-highlight li, .planned-form li{font-size:14px; color: #75706b; font-weight: 400; line-height: 25px; position: relative; padding:2px 0 2px 18px;}
.itinerary-highlight li:before, .planned-form li:before{ content: ''; width:6px; height: 6px; background: var(--brand-color); position: absolute; left: 0; border-radius: 50%; top: 12px;}
.itinerary-detail .day{ width: 53px; height: 53px; min-width: 53px; border-radius: 50%; background: #ececec; display: block; font-style: normal; font-weight: 500; line-height: 18px; font-size: 13px; padding-top: 7px; margin-right: 25px;}
.itinerary-detail .day:after{ position: absolute; top:17px; right:-7px; color:#ececec; font-family:Font Awesome\ 5 Free; font-weight:700; content:'\f0da'; font-size: 17px; font-size: 30px;}
.itinerary-detail .slick-active li .day{ background: #fec524;}
.itinerary-detail .slick-active li .day:after{ color: #fec524;}
.itinerary-detail .day strong{ font-size: 13px; font-weight: 700;}
.itinerary-detail .text{padding-left: 0;}
.itinerary-detail .text span{ font-size: 17px; color: #333333; font-weight: 700;}
.itinerary-detail .text p strong{ font-weight: 500}
.itinerary-detail article{ padding-left: 40px;}
.itinerary-detail li{ padding-top: 10px;}
.itinerary-detail li label{ cursor: pointer;}
.itinerary-detail ul{ max-height: 582px; overflow: hidden}
.itinerary-detail ul:before{ position: absolute; left: 26px; width: 1px; top: 20px; bottom: 15px; border-left: 1px dotted #b4b4b4; content: '';}
.planned-form:after{ width: 50%; top: 0; right: 0; bottom: 0; position: absolute; background: var(--brand-color); content: ''; height: 100%; z-index: -1}
.planned-form:before{ content: ''; width: 55px; height: 74px; background: url("../images/parashot.png") no-repeat 0 0; left: 50%; top: 50%; transform: translate(-50%); position: absolute;}
.planned-form label{margin-bottom: 3px; color: #000;}
.planned-form .form-control{border-color: #dfad1f;}

.itinerary-overview .textfull, .textfull-space{ padding-top: 50px; padding-bottom: 50px;}
.itinerary-overview .inset-text{ max-height: 296px; overflow: hidden; padding-right: 20px;}
.itinerary-overview .heimg, .itinerary-overview .heimg picture, .itinerary-overview .heimg picture img{ height: 100%;}

/*Select custom*/
.nice-select{-webkit-tap-highlight-color:transparent;cursor:pointer;display:block;outline:none;position:relative;text-align:left!important;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap;width:auto;padding-top:9px}
.nice-select:hover{border-color:#d0dae5}
.nice-select:active,.nice-select.open,.nice-select:focus{border-color:#88bfff}
.nice-select:after{border-bottom:2px solid #333;border-right:2px solid #333;content:'';display:block;height:8px;margin-top:-4px;pointer-events:none;position:absolute;right:12px;top:50%;-webkit-transform-origin:66% 66%;-ms-transform-origin:66% 66%;transform-origin:66% 66%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;width:8px}
.nice-select.open:after{-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}
.nice-select.open .list{opacity:1;pointer-events:auto;-webkit-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}
.nice-select.disabled{border-color:#e7ecf2;color:#90a1b5;pointer-events:none}
.nice-select.disabled:after{border-color:#cdd5de}
.nice-select.wide{width:100%}
.nice-select.wide .list{left:0!important;right:0!important}
.nice-select.right{float:right}
.nice-select.right .list{left:auto;right:0}
.nice-select.small{font-size:12px;height:36px;line-height:34px}
.nice-select.small:after{height:4px;width:4px}
.nice-select.small .option{line-height:34px;min-height:34px}
.nice-select .list{background-color:#fff;border-radius:5px;box-shadow:0 0 0 1px rgba(68,88,112,0.11);box-sizing:border-box;margin-top:4px;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:absolute;top:100%;left:0;right:0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(0.75) translateY(-21px);-ms-transform:scale(0.75) translateY(-21px);transform:scale(0.75) translateY(-21px);-webkit-transition:all .2s cubic-bezier(0.5,0,0,1.25),opacity .15s ease-out;transition:all .2s cubic-bezier(0.5,0,0,1.25),opacity .15s ease-out;z-index:9}
.nice-select .list:hover .option:not(:hover){background-color:transparent!important}
.nice-select .option{cursor:pointer;font-weight:400;line-height:40px;list-style:none;min-height:40px;outline:none;padding-left:18px;padding-right:29px;text-align:left;-webkit-transition:all .2s;transition:all .2s}
.nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus{background-color:#f6f7f9}
.nice-select .option.selected{font-weight:700}
.nice-select .option.disabled{background-color:transparent;color:#90a1b5;cursor:default}
/*Animation*/
@keyframes jump {
0%{transform:translateY(0)}
20%{transform:translateY(0)}
40%{transform:translateY(-10px)}
50%{transform:translateY(0)}
60%{transform:translateY(-5px)}
80%{transform:translateY(0)}
100%{transform:translateY(0)}
}
/*click to map scrool*/
.scrollmagic-pin-spacer{overflow:hidden;height:762px}
.itinerary-map{position:relative}
#map-wrapper{position:initial!important}
.itinerary-map input[type="radio"]{display:none}
.itinerary-map:after{content:'';display:block;clear:both}
.itinerary-map #map-wrapper,.itinerary-map #google-map{top:0;left:0;position:relative;z-index:1;width:100vw;height:100%;background:#222}
.itinerary-map #map-wrapper.stick,.itinerary-map #google-map.stick{position:relative}
.itinerary-map .itinerary h3,.itinerary-map .itinerary .item{width:100%}
.itinerary-map .itinerary .item{font-size:1rem;position:relative}
.itinerary-map .itinerary .item .label{display:block;padding:3rem 5rem;background:rgba(141,141,141,0)}
.itinerary-map .itinerary .item:hover .label{cursor:pointer;background:rgba(141,141,141,0.2)}
.itinerary-map .itinerary .item .styled-radio{position:absolute;top:1rem;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.itinerary-map .itinerary .title{margin:0;text-transform:none;font-family:"proxima-nova",sans-serif}
.itinerary-map .itinerary .description{margin-bottom:0}
.itinerary-meta{position:absolute;left:25%;top:55%;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);width:40vw;height:20vw;max-width:31.25rem;z-index:2}
.item-meta{opacity:0;position:absolute;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);-webkit-transition:opacity .5s cubic-bezier(0,1.05,1,1),-webkit-transform .5s cubic-bezier(0,1.05,1,1);transition:opacity .5s cubic-bezier(0,1.05,1,1),-webkit-transform .5s cubic-bezier(0,1.05,1,1);-o-transition:opacity .5s cubic-bezier(0,1.05,1,1),transform .5s cubic-bezier(0,1.05,1,1);transition:opacity .5s cubic-bezier(0,1.05,1,1),transform .5s cubic-bezier(0,1.05,1,1);transition:opacity .5s cubic-bezier(0,1.05,1,1),transform .5s cubic-bezier(0,1.05,1,1),-webkit-transform .5s cubic-bezier(0,1.05,1,1)}
.item-meta:after{content:'';display:block;clear:both}
.item-meta .item-meta-text{position:absolute;left:0;top:10%;color:#fff;width:60%;background-color:rgba(230,0,126,0.8);font-weight:400;padding:.2rem .5rem}
.item-meta .item-meta-text span:nth-child(2){border-left:1px solid #fff;margin-left:.5rem;padding-left:.5rem}
.item-meta picture{display:block;width:50%;float:right}
.item-meta.checked-item{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity .5s cubic-bezier(0,1.05,1,1) 0.5s,-webkit-transform .5s cubic-bezier(0,1.05,1,1) .5s;transition:opacity .5s cubic-bezier(0,1.05,1,1) 0.5s,-webkit-transform .5s cubic-bezier(0,1.05,1,1) .5s;-o-transition:opacity .5s cubic-bezier(0,1.05,1,1) 0.5s,transform .5s cubic-bezier(0,1.05,1,1) .5s;transition:opacity .5s cubic-bezier(0,1.05,1,1) 0.5s,transform .5s cubic-bezier(0,1.05,1,1) .5s;transition:opacity .5s cubic-bezier(0,1.05,1,1) 0.5s,transform .5s cubic-bezier(0,1.05,1,1) 0.5s,-webkit-transform .5s cubic-bezier(0,1.05,1,1) .5s}
/*About us*/
.about-us figure i{ background: #f4f6f9; display: inline-block; border-radius: 50%;}
.about-us .about-values figure img{width: 60px; height: 60px;}
.contact-us .right{ background: var(--brand-color);}
.contact-inset{ box-shadow: 0 0 32px 0 rgba(48,56,70,0.06); background: white;}
.contact-info li{ color: #000; margin-bottom: 16px; position: relative; font-size: 14px; padding-left: 22px;}
.contact-info li i{position: absolute; left: 0px; top: 5px;}
.contact-social li{margin-right: 10px; padding: 0;}
.contact-social a{width: 30px; height: 30px; display: block; background: #000; border-radius: 50%; display: flex; justify-content: center; align-items: center;}
.contact-social a:hover{background:#494949;}
.contact-social i{ position: initial !important; color: var(--brand-color);} 
.contact-map{border-radius: 5px;}
.content-banner{background: #18232d;}
.m-call-icon{display: none;}
.tour-packages{background: none;}
.create-package-modal .departure-date a{ background: #18232d; display: block; color: #fff; text-align: center; border-radius: .25rem; padding: 8px 10px;}
.create-package-modal .departure-date a:hover{background: var(--brand-color); color: #000;}
.create-package-modal .departure-date{padding: 0 0 6px;}
.create-package-modal .location{ background: url("../images/location.png") no-repeat 12px 12px; padding-left: 35px;}
.create-package-modal .email{ background: url("../images/mail.png") no-repeat 12px 14px; padding-left: 35px;}
.modal .close{position: absolute; right: 10px; top: 5px; z-index: 1;}
.gallery{ background: none;}
.error{color: #FF0000 !important;}
.create-package-modal label{font-size: 13px; margin-bottom: 5px;}
.planned-form{padding: 70px 0;}
.view-tour-packages figure, .view-tour-packages img{ border-radius: 0}
.view-tour-packages h3{font-size: 16px; font-weight: 700;}
.view-tour-packages li:hover img{transform:inherit;}
.view-tour-packages figure:after{position: absolute; left: 5px; right: 0; top:5px; bottom: 0; background: #f5f5f5; content: ''; width: 100%; height: 100%; z-index: -1; background: #e8e8e8;}
.view-tour-packages figure{ overflow:inherit;}
.view-tour-packages figcaption{bottom: 0;}
.gallery figure{ overflow: hidden; border-radius: 3px;}
.tour-itineerary-image{overflow: hidden; height: 762px;}
.tour-itineerary-image .imbox{ height: 100%;}
.tour-itineerary-image .imbox img{height: 100%;}
.itinerary-detail .slick-list{ height: 100% !important;}
.itinerary-detail .slick-track{height: 100% !important; transform: inherit !important;}
.slick-slide, .slick-slide *{ outline: none !important; }
.error-page{ border-top:1px solid #ccc;}

@media (min-width: 1520px){
    .tour-itineerary-image .imbox img{width: 100%;}
}
@media (min-width: 767px){
    .create-package-modal .modal-lg {max-width: 650px;}
}
/*Media Query*/
@media(max-width:1199px){
img{max-width: 100%;}
.wsmenu-list > li > a{padding: 10px 26px;}
.top-destinations li{width: 217px;}
.gallery-client .left li{width: 140px;}
.footer .fotop label{ text-transform: inherit !important}
.mCSB_outside + .mCSB_scrollTools{right: 0;}
.itinerary-detail ul{padding-right: 30px;}
.itinerary-overview article{max-width: 480px;}
.itinerary-overview picture{ min-height: auto; display: block;}
.itinerary-overview img{height:auto;}
.top-destinations figcaption small{ font-size: 11px;}
.tour-itineerary-image{ height: 512px;}
.itinerary-detail ul{max-height: 396px;}
.itinerary-detail .textfull-space{ padding-top: 30px; padding-bottom: 30px;}
.itinerary-detail h3{padding-bottom: 0 !important;}
.itinerary-banner .text{max-width: 720px;}
}
@media(max-width:991px){
.wsmenu-list > li > a { padding: 10px 11px; font-size: 14px;}
.home-banner .title{font-size: 45px}
.top-destinations li{width: 23%; margin: 0 1%;}
.top-destinations h3{font-size: 16px;}
.gallery-client .left li{width: 31.33%; margin: 0 1% 23px;}
.gallery-client .right{padding-left: 0 !important;}
.itinerary-overview article{max-width: 720px; padding:15px 15px; margin-right: auto; margin-left: auto;}
.itinerary-overview{border-bottom: 1px solid #ccc; margin: 15px 0;}
.itinerary-detail{margin-bottom: 0;}
.scrollmagic-pin-spacer{height: 400px;} 
.itinerary-map #google-map{height: 400px;}
.itinerary-overview .inset-text{max-height:inherit; padding-right: 0;}
.itinerary-overview .textfull, .textfull-space{padding-top: 20px; padding-bottom: 10px;}
.tour-itineerary-image{ height: auto;}
.tour-itineerary-image{text-align: center;}
.tour-itineerary-image img{display: block; margin: auto}
}
@media(max-width:767px){
body{padding-top: 58px;}
.header .topbar, .create-package span, .create-package-modal figure, .top-destinations figcaption small, .itinerary-banner h1:after, .itinerary-banner .down-arrow{display: none;}
.logo{text-align: center;}
.logo img{ width: 180px;}
.header .bottombar{position: fixed; top: 0; z-index: 9; background: #fff; left: 0; right: 0; max-width: 100%; border-bottom: 1px solid #f5f5f5;}    
.home-banner .slick-next, .home-banner .slick-prev, .planned-form:before, .top-destinations li p{display: none;}
.top-destinations li:hover figcaption{display: none !important;}
.home-banner .title{font-size: 25px; line-height: 24px;}
.slick-dots{bottom: -15px !important;}
h2, .h2{ font-size: 25px;}
h3, .h3{ font-size: 19px;}
.planned-form .left{ padding-right: 15px !important;}
.planned-form{padding-bottom: 0 !important;}
.contact-us{padding-top: 20px !important;}
.about-us, .content-banner{ padding-top: 20px !important; padding-bottom: 20px !important;}
.about-us .group-img{ margin-top: 20px !important; margin-bottom: 0px !important;}
.gallery-client .right{padding-left: 15px !important;}
.planned-form{padding: 20px 0;}
.planned-form .right{padding-bottom: 50px !important;}
.itinerary-banner span, .itinerary-banner .cityname, .home-banner strong, .heading-para{font-size: 14px;}
.itinerary-detail .text span{ font-size: 15px;}

.top-destinations{padding-top: 10px;}
.top-destinations li{width: 48%; margin-bottom: 10px;}
.top-destinations h3{font-size: 14px;}
.top-destinations ul{margin-bottom: 0;}
.gallery-client{padding-left: 20px; padding-right: 20px; background-position: bottom right; background-size: cover}
.gallery-client .right{margin-top: 30px;}
.gallery-client .left{margin-bottom: 15px; border-bottom: 1px solid #ccc; padding-bottom: 30px;}
.gallery-client .left ul{margin-bottom: 0 !important;}
.fo-newsletter, .fo-member{ flex-wrap: wrap}
.fo-member img + img{ margin-top: 20px;}
.footer .fotop .col-auto{width: 100%; padding: 0;}
.footer .fotop label{text-align: center; width: 100%; padding-bottom: 5px;}
.footer .social{justify-content: center !important; margin-top: 20px;}
.fomiddle{ margin: 10px 0 !important;}
.footer .fobox{ margin-top: 15px}
.foend{text-align: center;}
.powered{text-align: center !important; padding-top: 5px;}
.itinerary-banner h1{font-size: 22px;}
.itinerary-banner span:before{margin: 12px auto;}
.planned-form:after{display: none;}
.planned-form .right{background: #fec524;  padding: 15px !important; margin: 15px 0 0;}
.planned-form .form-control{border-color: #e6aa02;}
.scrollmagic-pin-spacer{height: 300px;} 
.itinerary-map #google-map{height:300px;}
.about-values .box{ margin-bottom: 20px;}
.content-banner h1{font-size: 30px;}
.content-page h3{font-size: 20px;}
.m-call-icon{position: absolute; top:0px; right: 0px; display: block; font-size: 25px; z-index: 1; padding: 10px 15px; color: #2cb742;}
.create-package{width: 36px; height: 38px; padding: 5px 0 0; bottom: 100px; top: auto}
.create-package:before{display: block; content: '\f044'; font-family:Font Awesome\ 5 Free; font-weight: 700; text-align: center; color: #000; font-size: 17px;}
.create-package-modal .departure-date a{font-size: 12px;}
.header-search{background: #f5f5f5; padding: 12px;}
.header-search .form-control{height: 40px;}
.wsoffcanvasopener .animated-arrow{padding: 20px 40px 34px 15px;}
.home-banner .text{bottom: 20px;}
.home-banner .btn{padding: 3px 6px; font-size: 11px; margin-top: 10px !important;}
.top-destinations span{color: #75706b !important; font-size: 12px;}
.itinerary-detail .day{ width: 35px; height: 35px; min-width: 35px; font-size: 9px; padding-top: 4px; margin-right: 15px;}
.itinerary-detail .day strong{ font-size: 14px; line-height: 5px;}
.home-banner .title{ font-size: 18px; margin-bottom: 0;}
.home-banner .btn{ font-size: 10px; margin-top: 2px !important;}
.itinerary-detail .day:after{top:9px; right: -5px; font-size: 20px;}
.itinerary-detail p{ font-size: 12px; line-height: 20px;}
.itinerary-detail ul:before{left: 18px;}
.itinerary-detail li{padding-top: 0;}
.gallery h5{ font-size: 12px;}
.itinerary-detail ul{max-height: inherit;}
.itinerary-detail ul{padding-right: 0;}
.tour-itineerary-image .imbox img{height: auto;}
.itinerary-banner .text{max-width: inherit; padding-left:15px; padding-right: 15px; line-height: normal;}
}
@media(max-width:480px){
.gallery-client .left li{width: 48%;}
}