@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;1,100;1,300;1,400;1,500&display=swap");
*:focus,
a:focus,
a:active {
  outline: none;
  color: inherit;
  text-decoration: inherit; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

html {
  height: 100%; background-color: #f1f0f0;
  padding-bottom: 2px; }

.overflow {
  overflow: hidden; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Roboto', serif;
  font-weight: 600;
  margin: 0px;
  padding: 0px; }

a, a span {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }

a:hover, a:hover span {
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }

body {
  background-color: #fff;
  color: #676666;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  font-family: "Roboto", sans-serif; }

a {
  color: #676666; }

a:hover {
  color: #676666;
  text-decoration: none; }

strong, b {
  font-weight: 500;
  color: #676666; }

/* -------------- Top -------------- */

.logo {
  padding: 0px 0; }

.logo img {
   }

.logo:hover {
  text-decoration: none; }

.call {
  font-size: 14px;
  font-weight: 500;
  color: #c91414;
  text-align: right;
  display: block;
  float: right;
  width: 100%;
  padding: 5px 0 0 45px; }

/* -------------- Menu -------------- */
.top-menu {
  width: 100%;
  text-align: right;
  padding-top: 6px;
  display: block;
  float: right; }

.top-menu ul {
  margin: 0px;
  padding: 0;
  list-style: none;
  display: inline; }

.top-menu ul li {
  display: inline-block;
  margin: 0 1px;
  padding: 0;
  position: relative; }

.top-menu ul li:last-child {
  background: transparent; }

.top-menu ul li a {
  font-size: 16px;
  color: #2e2e2f;
  font-weight: 500;
  padding: 6px 10px 6px 8px;
  text-decoration: none;
  display: inline-block; }

.top-menu ul li:last-child a {
  padding-right: 0px; }

.top-menu ul li a:hover {
  text-decoration: none;
  color: #12208d !important; }

.top-menu ul li.active a {
  text-decoration: none;
  color: #12208d !important; }

.top-menu ul li ul {
  display: none;
  position: absolute;
  z-index: 10;
  background-color: #000; }

.top-menu ul li:hover ul {
  display: block; }

.top-menu ul li ul li {
  width: 180px;
  display: block;
  background: none;
  text-align: left !important;
  padding: 3px 5px;
  text-align: left !important; }

.top-menu ul li ul li a {
  font-size: 18px;
  padding: 3px 5px 3px 3px !important; }


.searchBox {
    position: absolute; top: -2px;
    left: -20px; transform:  translate(-100%,0%); background: #b09045;
    height: 40px; border-radius: 40px; padding: 0px;}

.searchBox:hover > .searchInput { width: 240px; padding: 0 6px; color: #fff; font-weight: 500;
}
.searchInput::placeholder {color: #fff; opacity: 1; }
.searchInput:-ms-input-placeholder { color: #fff;}

.searchBox:hover > .searchButton { background: white;color : #2f3640;}

.searchButton { color: white; position: absolute; right: 0px; width: 40px; height: 40px;
    border-radius: 50%;border:2px solid #b09045 ; background: #b09045; display: flex; justify-content: center;
    align-items: center; transition: 0.4s;}

.searchInput {
    border:none;background: none; outline:none; float:left;padding: 0;  color: white;  font-size: 16px;
    transition: 0.4s; line-height: 40px; width: 0px; }

@media screen and (max-width: 620px) {
  .searchBox:hover > .searchInput { width: 150px; padding: 0 6px;}
}  

.modal-dialog {
    max-width: 800px;}
/* ----------  menu ------------------ */
.d-menu{position: relative; float: right;}
.m-menu {
  position: relative;
  border: 3px solid #b09045;
  background-color: #b09045;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  margin: 6px 0;
  float: right;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }

.m-menu:hover {
  border: 3px solid #b09045;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }

#toggle {
  z-index: 100;
  width: 27px;
  position: relative;
  height: 40px;
  margin: 0px 0 0 3px;
  cursor: pointer; }

#toggle span {
  display: block;
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 3px;
  top: 16px;
  background: transparent;
  -webkit-transition: 350ms ease all;
  -moz-transition: 350ms ease all;
  transition: 350ms ease all; }

#toggle span:before,
#toggle span:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 3px;
  background: #fff;
  -webkit-transition: 350ms ease all;
  -moz-transition: 350ms ease all;
  transition: 350ms ease all; }

#toggle span:before {
  margin: -6px 0 0 0; }

#toggle span:after {
  margin: 5px 0 0 0; }

#toggle.open span {
  background-color: transparent; }

#toggle.open span:before,
#toggle.open span:after {
  margin: 0;
  background: #8f8f8f; }

#toggle.open span:before {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  transform: rotate(135deg);
  background: #fff; }

#toggle.open span:after {
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  transform: rotate(-135deg);
  background: #fff; }

#menu {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  z-index: 90;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.9);
  /*-webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  transform: scale(1.5);*/
  -webkit-transition: 350ms ease all;
  -moz-transition: 350ms ease all;
  transition: 350ms ease all; }

#menu.opened {
  visibility: visible;
  opacity: 1;
  z-index: 98;
  /*-webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1);*/
  -webkit-transition: 350ms ease all;
  -moz-transition: 350ms ease all;
  transition: 350ms ease all; }

#menu span#title {
  display: block;
  line-height: 1em;
  margin: 0 0 0.5em 0;
  font-size: 5em;
  color: #8BC163; }

.m-logo {
  margin-top: 14px;  max-width: 70%; }

.am-logo {
  float: right;
  margin-top: 20px; }

#menu ul {
  margin: 20px 0 0 0;
  padding: 0; }

#menu ul li {
  margin: 5px; }

#menu ul li a {
  padding: 10px 8px;
  color: #fff;
  font-weight: 300;
  font-size: 30px;
  display: block;
  text-decoration: none; }

#menu ul li ul { margin: -15px 0 0 0; }
#menu ul li ul li { display: inline-block;}
#menu ul li ul li a{ font-size: 20px; display: inline-block; padding: 4px 6px;}
#menu ul li ul li a:hover{ background-color: #b09045 !important; color:#fff!important; border-radius:20px; }

#menu ul li a:hover {
  color: #b09045;
  text-decoration: none;
  font-weight: 300; }


#menu ul li ul{display: none !important;}
#menu ul li:hover ul{display: block !important;} 


#wrapper {
  width: 85%;
  margin: 0 auto; }

/* -------------- Banner -------------- */

.home-special-wrapper{
  background: url(../img/banner-bg.jpg) repeat-x bottom center;

}
.banner-text1 {
  font-size: 30px;
  color: #12208d;
  margin: 10px 0;
  font-weight: 600; }

.banner-text2 {
  font-size: 20px;
  color: #12208d;
  margin: 10px 0;
  font-weight: 500;
  margin-left: 20px; }

.banner-text3 {
  font-size: 30px;
  color: #12208d;
  margin: 30px 0;
  font-weight: 600; }

/* -------------- Title -------------- */
.page-title {
  color: #12208d;
  margin-top: 10px;
  font-size: 24px;
  font-weight: 600;
  padding: 10px 0 20px 65px;
  margin-bottom: 10px;
  overflow: hidden;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  background: url(../img/head-bg.png) no-repeat left center; }

.page-title2 {
  color: #fff;
  margin-top: 10px;
  font-size: 24px;
  font-weight: 500;
  padding: 10px 0 20px 65px;
  margin-bottom: 10px;
  overflow: hidden;
  font-family: "Roboto", sans-serif;
  background: url(../img/head-bgw.png) no-repeat left center; }

.page-title-sub {
  color: #0f1c54;
  margin-top: 10px;
  font-size: 24px;
  font-weight: 600;
  padding: 10px 0 20px 5px;
  margin-bottom: 10px;
  overflow: hidden;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  background: url(../img/sub-head-bg.png) no-repeat left center; }

/* -------------- Home -------------- */



.about-wrapper {
  padding: 40px 0px; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+31,d6d6d6+100&1+19,0+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 19%, rgba(255,255,255,0.85) 31%, rgba(214,214,214,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 19%,rgba(255,255,255,0.85) 31%,rgba(214,214,214,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 19%,rgba(255,255,255,0.85) 31%,rgba(214,214,214,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00d6d6d6',GradientType=0 ); /* IE6-9 */
}

.blue-wrapper {
  background-color: #12208d;
  padding: 40px;
  color: #d7d7d7; }

.home-category {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 15px; }
  .home-category li {
    display: inline-block;
    color: #fff;
    font-size: 22px; }
    .home-category li a {
      text-decoration: none;
      color: #fff;
      font-size: 22px;
      font-weight: 500; }
    .home-category li a:hover {
      color: #b09045; }

.category {
  -webkit-transition: all 0.35s ease;
  background-color: #fff;
  margin: 18px 0;
  padding: 8px;
  border-radius: 22px;
  -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.3); }
  .category .hp-image {
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    margin-bottom: 4px;
    -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease; }
    .category .hp-image img {
      width: 100%;
      height: auto; }
  .category .hp-name {
    text-align: center;
    font-weight: 500;
    color: #010a4f;
    padding: 5px 0;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease; }
      .category .hp-name a{color: #010a4f;}

.category:hover {
  -webkit-transition: all 0.35s ease;
  -webkit-transform: translate(10px, -10px);
  transform: translate(10px, -10px); }

.category:hover .hp-image {
  -webkit-transform: translate(-15px, -10px);
  transform: translate(-15px, -10px);
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease; }

.category:hover .hp-name {
  -ms-transform: scaleY(1.5);
  transform: scale(1.5);
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease; }

.home-package {
  -webkit-transition: all 0.35s ease;
  background-color: #fff;
  margin: 18px 0;
  padding: 8px;
  border-radius: 22px;
  -webkit-box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.3); }
  .home-package .hp-image {
    border-radius: 18px;
    overflow: hidden;
    position: relative;
    z-index: 2;
    margin-bottom: 4px;
    -webkit-box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease; }

    .home-package .hp-image img {
      width: 100%;
      height: auto; }

  .home-package .hp-days {
   position: relative;
    margin-top: -33px;
    z-index: 1;
    font-weight: 400;
    font-size: 22px;
    background-color: rgb(1 10 79);
    padding: 33px 4px 8px 15px;
    width: 100%;
    border-radius: 20px;
    color: #fff;
    text-shadow: 0 0 3px #000000;
     -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
 }
  .home-package .hp-name {
    text-align: center;
    font-weight: 500;
    color: #12208d;
    padding: 5px 0;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease; }

.home-package:hover {
  -webkit-transition: all 0.35s ease;
  -webkit-transform: translate(10px, -10px);
  transform: translate(10px, -10px); }

.home-package:hover .hp-image {
  -webkit-transform: translate(-15px, -10px);
  transform: translate(-15px, -10px);
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease; }
  .home-package:hover .hp-days {
  -webkit-transform: translate(-15px, -10px);
  transform: translate(-15px, -10px);
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease; }


.home-package:hover .hp-name {
 /* -ms-transform: scaleY(1.5);
  transform: scale(1.5);
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;*/ }

.partner-wrapper {
  padding: 80px 0; background-color: #f1f0f0; }

.partner {
  border-radius: 23px;
  overflow: hidden; padding: 15px 10px;
  margin: 15px 0; background-color: #fff;
  -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1); }
  .partner img {
    width: 100%;
    height: auto; }



.header-color {
  background: url(../img/header-bg.png) no-repeat center left;
  background-color: #12208d; }

.head1 {
  padding: 15px 30px;
  color: #fff;
  font-size: 30px; }

.head2 {
  padding: 15px 30px;
  color: #fff;
  font-size: 50px; }

.sub-wrapper {background-color: #f1f0f0; }
.sub-wrapper2 {background-color: #f1f0f0; }

.arrow2 {
  width: 100%;
  z-index: 300; }

.arrow2 .prev {
  height: 60px;
  width: 60px;
  background: url(../img/left.png) no-repeat center center;
  opacity: 0.9;
  display: inline-block;
  position: absolute;
  top: 40%;
  color: red;
  left: -30px;
  cursor: pointer;
  z-index: 100;
  -webkit-transition: all 0.40s ease-in-out;
  -moz-transition: all 0.40s ease-in-out;
  -ms-transition: all 0.40s ease-in-out;
  -o-transition: all 0.40s ease-in-out;
  transition: all 0.40s ease-in-out; }

.arrow2 .prev:hover {
  opacity: 1;
  -webkit-transition: all 0.40s ease-in-out;
  -moz-transition: all 0.40s ease-in-out;
  -ms-transition: all 0.40s ease-in-out;
  -o-transition: all 0.40s ease-in-out;
  transition: all 0.40s ease-in-out; }

.arrow2 .next {
  height: 60px;
  width: 60px;
  background: url(../img/right.png) no-repeat center center;
  opacity: 0.9;
  display: inline-block;
  position: absolute;
  top: 40%;
  color: red;
  cursor: pointer;
  z-index: 100;
  -webkit-transition: all 0.40s ease-in-out;
  -moz-transition: all 0.40s ease-in-out;
  -ms-transition: all 0.40s ease-in-out;
  -o-transition: all 0.40s ease-in-out;
  transition: all 0.40s ease-in-out; }

.arrow2 .next:hover {
  opacity: 1;
  -webkit-transition: all 0.40s ease-in-out;
  -moz-transition: all 0.40s ease-in-out;
  -ms-transition: all 0.40s ease-in-out;
  -o-transition: all 0.40s ease-in-out;
  transition: all 0.40s ease-in-out; }

.review-wrapper {
  position: relative;
  padding: 30px 0 30px 0; 
  background-color: #f1f0f0; }

.review-wrapper .testimonial-wrapper {
  text-align: center;
  margin: 10px 0 20px 0; }

.review-wrapper .testimonial-image {
  position: relative;
  margin: 20px 0; }

.review-wrapper .testimonial-image img {
  height: 100px;
  width: 100px;
  background-color:#b09045;
  border-radius: 50%;
  margin: 0px auto; }

.review-wrapper .quote {
  position: absolute;
  display: block;
  background: url(../img/quote.png) no-repeat;
  background-size: 100% 100%;
height: 55px;
    width: 70px;
    top: 0px;
    right: 43%; }

.review-wrapper .testimonial-text {
  font-size: 18px;
  color: #12208d;
  width: 80%;
  margin: 0px auto; }

.review-wrapper .testimonial-author {
  color: #b09045;
  margin-top: 10px;
  font-weight: 500; }


/* -------------- Content -------------- */
.content-wrapper {
  padding: 40px 0 0 0; }

.page-content h1{color: #010a4f; font-size: 22px;}
.page-content h2{color: #010a4f; font-size: 20px; border-bottom: 1px dotted #939292;}
.page-content h3{color: #010a4f; font-size: 20px; border-bottom: 1px dotted #939292;}

.inq-form input, textarea{ width:100%; margin-bottom:10px; }
.inq-form .btn-info{ margin-top:10px; background-color:#010a4f !important; border:0px !important; }
.inq-form .btn-info:hover{background-color: #b09045 !important;}
/* -------------- Footer -------------- */

.mobile-footer-wrapper{
  padding-top: 38px;
  background:url(../img/mobile-footer.png) no-repeat top center #010a4f; 
  background-size: 100% auto;
}

.footer-wrapper {
  padding: 10px 0;
  background-color: #f1f0f0; }
  .footer-wrapper .footer-client {
    border: 1px solid #d5d5d5;
    padding: 2px;
    background-color: #fff;
    margin: 8px 0;
    display: block; }
    .footer-wrapper .footer-client img {
      width: 100%; }
.footer-box {
  border-radius: 23px;
  overflow: hidden; padding: 15px;
  margin: 15px 0; background-color: #fff;
  -webkit-box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.1); }
  
.socialmedia-menu {
  text-align: left; }

.socialmedia-menu ul {
  display: inline-block;
  margin: 0px;
  padding: 0px;
  list-style: none; }

.socialmedia-menu ul li {
  display: inline-block;
  margin: 0px;
  padding: 0px; }

.socialmedia-menu ul li a {
  display: inline-block;
  color: #ccc;
  text-decoration: none;
  font-size: 28px;
  padding: 0 6px; }

.socialmedia-menu ul li a:hover {
  display: inline-block;
  color: #676666;
  text-decoration: none; }

.social-list{ list-style: none; margin:0 4px 0 0; padding:0; text-align: right;}
.social-list li { display: inline-block; margin-left: 12px }
.social-list li a{ padding:8px 5px; display:block; }

.social-div{ border-radius: 20px; text-align: center; padding: 15px 20px;   
    line-height: 60px;  color: #fff; font-size: 14px;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease; }
.social-div a{ color: #fff; font-size: 13px; font-weight: 700; }
.social-div:hover img{  cursor: pointer; transform: rotateY(360deg) scale(1.2);
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease; }

.social-list-m{ list-style: none; margin:8px 0px 8px 0; padding:0; text-align: center;}
.social-list-m li { display: inline-block; margin-left: 12px }
.social-list-m li a{ padding:8px 5px; display:block; }
.social-list-m li a img{ width:25px; }

.social-div-m{ border-radius: 20px; text-align: center; padding: 0px 8px;   
    line-height: 32px;  color: #fff; font-size: 14px;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease; }
.social-div-m a{ color: #fff; font-size: 13px; font-weight: 700; }
.social-div-m:hover img{  cursor: pointer; transform: rotateY(360deg) scale(1.2);
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease; }
.gm-style .place-card-large{ display:none !important; }

.footer2 {
  padding: 20px 0;
  color: #010a4f; background-color: #f1f0f0;}
.mtw{ height: 28px; background-color: #010a4f; display: block; }
.wc-text a {
  color: #010a4f; }

.home-link{ display: inline-block;
    margin: 0 10px 0 0;
    color: #010a4f;
    border-radius: 23px;
    background-color: rgba(255,255,255, 0.6);
    padding: 9px 12px;
    font-weight: 500;
    float: left; margin-top: 17px;
    -webkit-box-shadow: 0 0 8px 3px rgb(0 0 0 / 10%);
    box-shadow: 0 0 8px 3px rgb(0 0 0 / 10%);
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    color: #0f1c54;
     }
.home-link:hover{ 
  transform: scale(1.2);
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
    color: #0f1c54;
 }     
.contact-link{ display: inline-block; overflow: hidden;
    margin: 0 10px 0 0;
    color: #010a4f;
    border-radius: 35px;
    background-color: #f1f0f0;
    padding: 9px 12px;
    font-weight: 500;
    margin-top: 6px;    
    transition: all 0.35s ease;
    color: #0f1c54;
     }
.contact-link i {background-color: #fff;
    padding: 15px; margin-right: 10px; border: 1px solid #d3d3d3;
    border-radius: 40px;}

/* Breakpoints */
/* 320px*/
/* 768px*/
/* 1024px*/
/* 1366px*/
/* 1920px*/
/* 2560px*/
/* Media Queries */
@media (min-width: 20em) {
  .mobile { display: block; }.desktop {display: none; }
  .logo img{ max-width: 100%;}
  .top-wrapper {padding: 0px 0 10px 0; background-color: #010a4f; /* -webkit-box-shadow: 0 2px 6px 2px rgb(0 0 0 / 30%); */ /* box-shadow: 0 2px 6px 2px rgb(0 0 0 / 30%); */  position: relative; z-index: 3; }
  .banner-wrapper { padding: 30px 0; z-index: 2; border-radius: 22px; margin-top: -20px; position: relative; background: url(../img/banner.jpg) no-repeat top center; background-position: 30% 0; 
  -webkit-box-shadow: 0 -4px 5px 0px rgb(0 0 0 / 30%); box-shadow: 0 -4px 5px 0px rgb(0 0 0 / 30%);}
  .banner-text { position: relative;  margin: 72% 0 15% 0; width: 100%; }
  #hallm{font-size: 100px;color: #12208d; font-weight: 500;margin: 20px 0;line-height: 80px;}
  .home-package-wrapper{ padding: 60px 0 180px 0; background:url(../img/boat.gif) no-repeat center bottom; background-size: 200%;}
  .tour-icon{ text-align: center;  margin: 15px 0;   padding: 18px; background: rgb(176 144 69);  border-radius: 22px;  }
  .sub-wrapper{ border-radius: 22px 22px 0 0; margin-top: -20px; -webkit-box-shadow: 0 -4px 5px 0px rgb(0 0 0 / 30%); box-shadow: 0 -4px 5px 0px rgb(0 0 0 / 30%); padding: 8px 0 25px 0;}
  .package-title {margin-top: 6px; font-size: 30px; font-weight: 500; color: #010a4f; text-shadow: none;}
  .home-packages-wrapper { margin-left: 0px; }
  .in-xe-data { border-right: 0px dashed #ccc; padding: 15px 5px 32px 5px;}
  .arrow2 .next { right: -8%; }
  .nav-icons:hover .title-tag {display:none;}
  .blue-wrapper{ border-radius: 20px; }
  .calander-slider{ margin-left:0; }
  .footer2 { /*border-radius: 20px 20px 0 0px; -webkit-box-shadow: 0 -4px 5px 0px rgb(0 0 0 / 30%); box-shadow: 0 -4px 5px 0px rgb(0 0 0 / 30%);*/ }
  .copy-text { text-align: center; }  .wc-text {text-align: center; }
  .video-wrapper { background-size: 100%; padding-bottom: 120px; } 
  
  }

@media (min-width: 48em) {
  .mobile { display: block; } .desktop {display: none; }
  .logo img{ max-width: 100%;}
  .top-wrapper {padding: 0px 0 10px 0; background-color: #010a4f; /* -webkit-box-shadow: 0 2px 6px 2px rgb(0 0 0 / 30%); */ /* box-shadow: 0 2px 6px 2px rgb(0 0 0 / 30%); */  position: relative; z-index: 3; }
  .banner-wrapper { padding: 30px 0; z-index: 2; border-radius: 22px; margin-top: -20px; position: relative; background: url(../img/banner.jpg) no-repeat top center; background-position: 30% 0; 
   }
   .banner-text { position: relative;  margin: 80% 0 15% 0; width: 100%; }
   #hallm{font-size: 100px; color: #12208d; font-weight: 500;margin: 20px 0; line-height: 80px;}
   .home-package-wrapper{ padding: 60px 0 180px 0; background:url(../img/boat.gif) no-repeat center bottom; background-size: 200%;}
   .tour-icon{ text-align: center;  margin: 15px 0;   padding: 18px; background: rgb(176 144 69);  border-radius: 22px;  }
   .sub-wrapper{ border-radius: 22px 22px 0 0; margin-top: -20px; -webkit-box-shadow: 0 -4px 5px 0px rgb(0 0 0 / 30%); box-shadow: 0 -4px 5px 0px rgb(0 0 0 / 30%); padding: 8px 0 25px 0;}
   .package-title {margin-top: 6px; font-size: 30px; font-weight: 500; color: #010a4f; text-shadow: none;}
  .home-packages-wrapper { margin-left: 0px; }
  .in-xe-data { border-right: 0px dashed #ccc; padding: 15px 5px 32px 5px;}
  .arrow2 .next {right: -8%; }
  .nav-icons:hover .title-tag {display:none;}
  .blue-wrapper{ border-radius: 20px; }
  .calander-slider{ margin-left:0; }
  .footer2 { /*border-radius: 20px 20px 0 0px; -webkit-box-shadow: 0 -4px 5px 0px rgb(0 0 0 / 30%); box-shadow: 0 -4px 5px 0px rgb(0 0 0 / 30%); */}
  .copy-text {text-align: center; } .wc-text {text-align: center; }
  .video-wrapper { background-size: 100%; padding-bottom: 120px; } 
  
  }

@media (min-width: 64em) {
  .mobile { display: none; }.desktop { display: block; }
  .logo img{ width: auto;}
  .top-wrapper { padding: 0px 0; background-color: #fff; -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.3);  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.3); position: relative;  z-index: 15; }
  .sub-wrapper{ border-radius: 0; box-shadow: none; padding: 30px 0 30px 0; }
  .package-title {margin-top: 12px; color: #010a4f;font-weight: 500; font-size: 40px; }
  .banner-wrapper { padding: 30px 0; z-index: 8; position: relative; background: url(../img/banner.jpg) no-repeat top center; }
  .banner-text { position: relative;  margin: 15% 0; width: 100%; }
  #hallm{font-size: 120px; color: #12208d; font-weight: 500;margin: 20px 0; line-height: 80px;}
  .home-package-wrapper{ padding: 60px 0 180px 0; background:url(../img/boat.gif) no-repeat center bottom; background-size: 90%;}
  .tour-icon{ text-align: center;  margin: 15px 0;   padding: 18px; background: rgba(2,5,42,0.3);  border-radius: 22px;  }
  .home-packages-wrapper { margin-right: -160px; }
  .in-xe-data { border-right: 2px dashed #ccc; padding: 15px 15px 32px 15px;}
  .arrow2 .next { right: -28%; }
  .nav-icons:hover .title-tag {display:inline-block;}
  .blue-wrapper{ border-radius: 0px; }
  .calander-slider{ margin-left: -60%; }
  .footer2 { border-radius: 0px; }
  .copy-text {text-align: left; }.wc-text {text-align: right; }
  .video-wrapper { background-size: auto; padding-bottom: 40px; } 
  }

@media (min-width: 85.375em) {
  .mobile { display: none; } .desktop { display: block; }
  .logo img{ width: auto;}
  .top-wrapper { padding: 0px 0; background-color: #fff; -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.3);  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.3); position: relative;  z-index: 15; }
  .sub-wrapper{ border-radius: 0; box-shadow: none; padding: 30px 0 30px 0; }
  .package-title {margin-top: 12px; color: #010a4f;font-weight: 500; font-size: 40px;}
  .banner-wrapper { padding: 30px 0; z-index: 8; position: relative; background: url(../img/banner.jpg) no-repeat center center; }
  .banner-text { position: relative;  margin: 15% 0; width: 100%; }
  #hallm{font-size: 120px; color: #12208d; font-weight: 500;margin: 20px 0; line-height: 80px;}
  .home-package-wrapper{ padding: 60px 0 180px 0; background:url(../img/boat.gif) no-repeat center bottom; background-size: 90%;}
  .tour-icon{ text-align: center;  margin: 15px 0;   padding: 18px; background: rgba(2,5,42,0.3);  border-radius: 22px;  }
  .home-packages-wrapper { margin-right: -160px; }
  .in-xe-data { border-right: 2px dashed #ccc; padding: 15px 15px 32px 15px;}
  .arrow2 .next {right: -28%; }
  .nav-icons:hover .title-tag {display:inline-block;}
  .blue-wrapper{ border-radius: 0px; }
  .calander-slider{ margin-left: -60%; }
  .footer2 { border-radius: 0px; }
  .copy-text {text-align: left; }.wc-text { text-align: right; }
  .video-wrapper { background-size: auto;padding-bottom: 40px; } 
  }

@media (min-width: 120em) {
  .mobile {display: none; } .desktop {display: block; }
  .logo img{ width: auto;}
  .top-wrapper { padding: 0px 0; background-color: #fff; -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.3);  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.3); position: relative;  z-index: 15; }
  .sub-wrapper{ border-radius: 0; box-shadow: none; padding: 30px 0 30px 0; }
  .package-title {margin-top: 12px; color: #010a4f;font-weight: 500; font-size: 40px;}
  .banner-wrapper { padding: 30px 0; z-index: 8; position: relative; background: url(../img/banner.jpg) no-repeat center center; }
  .banner-text { position: relative;  margin: 15% 0; width: 100%; }
  #hallm{font-size: 120px; color: #12208d; font-weight: 500;margin: 20px 0; line-height: 80px;}
  .home-package-wrapper{ padding: 60px 0 180px 0; background:url(../img/boat.gif) no-repeat center bottom; background-size: 80%;}
  .tour-icon{ text-align: center;  margin: 15px 0;   padding: 18px; background: rgba(2,5,42,0.3);  border-radius: 22px;  }
  .home-packages-wrapper {margin-right: -160px; }
  .in-xe-data { border-right: 2px dashed #ccc; padding: 15px 15px 32px 15px;}
  .arrow2 .next {right: -26%; }
  .nav-icons:hover .title-tag {display:inline-block;}
  .blue-wrapper{ border-radius: 0px; }
  .calander-slider{ margin-left: -60%; }
  .footer2 { border-radius: 0px; }
  .copy-text {text-align: left; }.wc-text { text-align: right; }
  .video-wrapper {background-size: auto; padding-bottom: 40px; } 
 }

@media (min-width: 160em) {
  .mobile {display: none; }.desktop { display: block; }
  .logo img{ width: auto;}
  .top-wrapper { padding: 0px 0; background-color: #fff; -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.3);  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.3); position: relative;  z-index: 15; }
  .sub-wrapper{ border-radius: 0; box-shadow: none; padding: 30px 0 30px 0; }
  .package-title {margin-top: 12px; color: #010a4f;font-weight: 500; font-size: 40px;}
  .banner-wrapper { padding: 30px 0; z-index: 8; position: relative; background: url(../img/banner.jpg) no-repeat center center; }
  .banner-text { position: relative;  margin: 15% 0; width: 100%; }
  #hallm{font-size: 120px; color: #12208d; font-weight: 500;margin: 20px 0; line-height: 80px;}
  .home-package-wrapper{ padding: 60px 0 180px 0; background:url(../img/boat.gif) no-repeat center bottom; background-size: 80%;}
  .tour-icon{ text-align: center;  margin: 15px 0;   padding: 18px; background: rgba(2,5,42,0.3);  border-radius: 22px;  }
  .home-packages-wrapper { margin-right: -160px; }
  .in-xe-data { border-right: 2px dashed #ccc; padding: 15px 15px 32px 15px;}
  .arrow2 .next {right: -28%; }
  .nav-icons:hover .title-tag {display:inline-block;}
  .blue-wrapper{ border-radius: 0px; }
  .calander-slider{ margin-left: -60%; }
  .footer2 { border-radius: 0px; }
  .copy-text {text-align: left; }.wc-text {text-align: right; }
  .video-wrapper {background-size: auto; padding-bottom: 40px; } 
 }