/*-- Use For Custom Styling --*/
h2 {
   font-size: 1.5rem;
}

video {
   max-height: 800px;
}

.p-experience {
   margin-left: 0;
   margin-right: 0;
   /* ul {
       list-style-type: none;
    }
    li{
       border-bottom: 1.5px solid rgba(73, 73, 73, 0.5);
       padding-top: 20px;
       padding-bottom: 20px;
       font-size: 30px;
       color: rgba(194,194,194,1);
    }  */
}

.experience-section {
   padding-top: 60px;
   padding-left: 100px;
   padding-right: 100px;
}

.hotels-section {
   padding-left: 100px;
   padding-right: 100px;
   padding-bottom: 75px;
}

.img-frame {
   position: relative;
}

.img-1 {
   position: absolute;
   top: 0;
   left: 0;
   max-width: 86px;
}

.img-2 {
   width: 705px;
   max-height: 192px;
}

.img-3 {
   position: absolute;
   bottom: 0;
   left: 0;
   max-width: 86px;
}

.img-4 {
   max-width: 300px;
}

.img-right {
   padding-left: 15px;
}

.img-left {
   padding-right: 15px;
}

.caption {
   text-align: left;
   /* padding-left: 15px; */
   /* padding-right: 15px;    */
}

.btn-orange {
   background: transparent;
   border-color: rgba(4, 220, 164, 1);
   color: rgba(4, 220, 164, 1);
   font-weight: 100;
   border-width: 1px;
}

.btn-book-red {
   background: rgba(4, 220, 164, 1);
   border-color: rgba(4, 220, 164, 1);
   color: white !important;
   font-weight: 100;
   border-width: 1px;
   z-index: 0;
}

.btn-reserve {
   background: rgba(4, 220, 164, 1);
   border-color: rgba(4, 220, 164, 1);
   color: white !important;
   font-weight: 100;
   border-width: 1px;
   margin-top: 20px;
   margin-left: 15px;
   z-index: 0;
}


.lni-chevron-right {
   font-size: 16px !important;
   vertical-align: text-top;
}


.item-1 {
   background-color: rgba(0, 94, 104, 1);
   color: white;
}

.img-icon {
   width: 95px !important;
   height: 100px;
   left: 70px;
}

.testimonial-carousel .item p {
   font-size: 16px !important;
   overflow-y: clip;
   padding-left: 50px;
   padding-right: 50px;
}

.testimonial-carousel .name {
   padding: 0px !important;
   margin: 0 auto;
}

.inline-logo {
   display: flex;
   padding-left: 70px;

   h2 {
      padding-left: 25px;
      padding-top: 15px;
   }
}

.inline-star {
   display: flex;
   padding: 0 50px;

   .lni-star-fill {
      color: rgba(4, 220, 164, 1);
   }
}

.text-star {
   line-height: initial;
   margin: -10px 0px 0px 16px;
}


.btn-red {
   background-color: rgba(4, 220, 164, 1);
   color: white;
   width: 110px;
   height: 40px;
   border: none;
   position: absolute;
   margin-left: 380px;
}

.footer {
   background-color: rgba(39, 38, 38, 1);

   .txt-algn {
      text-align: -webkit-right;
   }

   .text-muted {
      color: white !important;
   }

   .text-end {
      float: right;
   }

   .btn-orange {
      background: transparent;
      border-color: rgba(4, 220, 164, 1);
      color: rgba(4, 220, 164, 1);
      font-weight: 100;
      border-width: 1px;
   }

   .btn-book {
      background-color: rgba(4, 220, 164, 1);
      color: white !important;
      padding: 8px 50px;
   }

   .form-control {
      border: none !important;
      border-radius: 0 !important;
      padding-left: 0 !important;
      border-bottom: 1px solid white !important;
      background-color: rgba(39, 38, 38, 1) !important;
      color: white !important;
   }
}

.social-iconx {
   width: 100px;
   margin-top: -135px;
   margin-right: -30px;

   .icon {
      margin-right: 5px;
   }

   .dropdown:hover .dropdown-menu {
      display: block;
   }

   .btn-grey {
      background-color: #f0f0f0;
      font-weight: inherit;
   }

   .dropdown-menu {
      min-width: 0 !important;
      padding: 0 !important;
   }

   .dropdown-item {
      padding: 0.25rem 1rem !important;
      background-color: #f0f0f0 !important;
   }
}

.side-menu {
   background: rgba(39, 38, 38, 1);
}

.book {
   /* color: grey; */

   border-top: 1.9px solid grey;

   .b-right {
      border-right: 1.9px solid grey;
   }

   .btn-book {
      background-color: rgba(4, 220, 164, 1);
      color: white !important;
      padding: 8px 50px;
   }

   .black {
      color: black;
   }

   .c-all {
      font-size: 18px;
   }

   label {
      font-size: 14px;
   }
}

.nav-book {
   top: 60px;
   height: 50px;
}

.confirm {
   background-color: rgba(4, 220, 164, 1);
   color: white !important;
   padding-left: 30px;
   padding-right: 30px;
}

.confirm:hover {
   background-color: rgba(4, 220, 164, 1) !important;
   color: white !important;
   border-color: rgba(4, 220, 164, 1) !important;
}

.pelican-input-group {
   display: table;
   border-collapse: collapse;
   width: 100%;
}

.pelican-input-group>div {
   display: table-cell;
   border: none;
}

.pelican-input-group-area {
   width: 100%;
}

.pelican-input-group input {
   border: 0;
   margin: 0;
   border-bottom: 1px solid;
   font-size: 16px;
   width: 100%;
}

.fw-400 {
   font-weight: 400 !important;
}

.about-section {
   padding-top: 0;
   margin-top: 100px;
}

.mx-h525 {
   max-height: 525px;
}

.about-tc-section {
   .about-tc {
      padding: 0 10%;
      margin-top: 10%;
   }

   .about-tc h2 {
      margin-bottom: 30px;
   }
}



.footer-tc-2 {
   .copyright-tc-2 {
      margin-left: 370px;
   }
}

.social-iconx {
   .dropdown-item {
      padding: 0.375rem 0.75rem !important;
   }
}

.video-container {
   position: relative;
}

.video-container video {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
}

.video-container img {
   width: 100%;
   height: 100%;
   cursor: pointer;
}

.play-icon {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   font-size: 4em;
   color: white;
   opacity: 0.8;
   z-index: 1;
}

.pl-0 {
   padding-left: 0;
}

.plr-0 {
   padding-left: 0;
   padding-right: 0;
}

.navbar-collapse {
   flex-grow: inherit;
}

.list-experience {
   list-style-type: none;
}

.experience-item {
   border-bottom: 1.5px solid rgba(73, 73, 73, 0.5);
   padding-top: 15px;
   padding-bottom: 15px;
   font-size: 30px;
   color: rgba(194, 194, 194, 1);
}

.popover {
   max-width: 100%;
}

.owl-carousel {
   z-index: 0;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
   background-color: white;
}

.owl-dot .active {
   background-color: aqua;
}

.menu {
   padding-right: 100px
}

.thumbnail {
   border: 2px solid grey;
   padding: 5px 15px 0px 15px;
}

.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
}

.vert .carousel-item-next,
.vert .active.carousel-item-right {
   -webkit-transform: translate3d(0, 100%, 0);
   transform: translate3d(0, 100% 0);
}

.vert .carousel-item-prev,
.vert .active.carousel-item-left {
   -webkit-transform: translate3d(0, -100%, 0);
   transform: translate3d(0, -100%, 0);
}

/* .playstore-section{
   position: relative;  
   padding: 18px;
   margin: 0; 
   border: 2px solid grey;
   border-radius: 30px;  
   background: #FFF;
   place-content: center;
   
} */

.playstore-item {
   border: 2px solid grey;
   border-radius: 30px;
   background: #FFF;
   padding: 18px 30px 18px 4px;
   max-width: 250px;
   text-align: center;
   margin: 0 0 0 130px;
}

.social-menu ul {
   position: relative;
   padding: 0;
   margin: 0 0 0 120px;
   /* transform: translate(-50%, -50%); */
   display: flex;
   place-content: center;
}

.social-menu ul li {
   list-style: none;
   margin: 0 5px;
}

.social-menu ul li .fab {
   font-size: 35px;
   line-height: 55px;
   transition: .3s;
   color: #000;
}

.social-menu ul li .fab:hover {
   color: #fff;
}

.social-menu ul li a {
   position: relative;
   display: block;
   width: 55px;
   height: 55px;
   border-radius: 30%;
   background-color: #fff;
   text-align: center;
   transition: .6s;
   box-shadow: 0 5px 4px rgba(0, 0, 0, .5);
}

.social-menu ul li a:hover {
   transform: translate(0, -10%);
}

.social-menu ul li:nth-child(1) a:hover {
   background-color: #0866ff;
}

.social-menu ul li:nth-child(2) a:hover {
   background-color: #E4405F;
}

.social-menu ul li:nth-child(3) a:hover {

   background-color: rgba(0, 0, 0, 0.829);
}

.pure-reward-icon {
   width: 110%;
   max-width: 120%;
}

.barcode-icon {
   width: 90%;
   margin-left: 11px;
}

img {
   width: 100%;
}

.footer-logo {
   max-width: 65%;
}

.modal-footer {
   justify-content: center;
}

.btn-search-modal {
   color: white;
   background-color: rgba(4, 220, 164, 1);
   width: w-100;
}

.main-box {
   margin-top: 25px;
}

.grey-box {
   background-color: #f0f0f0;
   /* border: 1px solid #ccc;  */
   padding: 10px;
   margin-bottom: 10px;
}

.grey-box-input {
   /* color: inherit; */
   background-color: #f0f0f0 !important;
   font: inherit !important;
   border: 1px solid #f0f0f0 !important;
   font-size: 14px !important;
   padding: 0px !important;
   margin: 0px !important;
   max-width: 100% !important;
   resize: none !important;
   width: 80%;

}

.grey-box-input-select {
   background-color: #f0f0f0;
   font: inherit;
   border: 1px solid #f0f0f0;
   font-size: 14px;
   padding: 0px;
   margin: 0px;
   max-width: 100%;
   resize: none;
   width: 80%;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

.grey-box i {
   padding-right: 20px;
}

option {
   padding: 20px;
}

#modal-container {
   position: fixed;
   display: table;
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
   transform: scale(0);
   z-index: 1;

   &.seven {
      transform: scale(1);

      .modal-background {
         background: rgba(0, 0, 0, .0);
         animation: fadeIn .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;

         .modal {
            height: 75px;
            width: 75px;
            border-radius: 75px;
            overflow: hidden;
            animation: bondJamesBond 1.5s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;

            h2,
            p {
               opacity: 0;
               position: relative;
               animation: modalContentFadeIn .5s 1.4s linear forwards;
            }
         }
      }

      &.out {
         animation: slowFade .5s 1.5s linear forwards;

         .modal-background {
            background-color: rgba(0, 0, 0, .7);
            animation: fadeToRed 2s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;

            .modal {
               border-radius: 3px;
               height: 162px;
               width: 227px;
               animation: killShot 1s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;

               h2,
               p {
                  animation: modalContentFadeOut .5s .5 cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
               }
            }
         }
      }
   }

   .modal-background {
      display: table-cell;
      background: rgba(0, 0, 0, .8);
      text-align: center;
      vertical-align: middle;

      .modal {
         background: white;
         padding: 15px;
         display: inline-block;
         border-radius: 3px;
         font-weight: 300;
         position: relative;

         h2 {
            font-size: 25px;
            line-height: 25px;
            margin-bottom: 15px;
         }

         p {
            font-size: 18px;
            line-height: 22px;
         }

         .modal-svg {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            border-radius: 3px;

            rect {
               stroke: #fff;
               stroke-width: 2px;
               stroke-dasharray: 778;
               stroke-dashoffset: 778;
            }
         }
      }
   }
}



@keyframes unfoldIn {
   0% {
      transform: scaleY(.005) scaleX(0);
   }

   50% {
      transform: scaleY(.005) scaleX(1);
   }

   100% {
      transform: scaleY(1) scaleX(1);
   }
}

@keyframes unfoldOut {
   0% {
      transform: scaleY(1) scaleX(1);
   }

   50% {
      transform: scaleY(.005) scaleX(1);
   }

   100% {
      transform: scaleY(.005) scaleX(0);
   }
}

@keyframes zoomIn {
   0% {
      transform: scale(0);
   }

   100% {
      transform: scale(1);
   }
}

@keyframes zoomOut {
   0% {
      transform: scale(1);
   }

   100% {
      transform: scale(0);
   }
}

@keyframes fadeIn {
   0% {
      background: rgba(0, 0, 0, .0);
   }

   100% {
      background: rgba(0, 0, 0, .7);
   }
}

@keyframes fadeOut {
   0% {
      background: rgba(0, 0, 0, .7);
   }

   100% {
      background: rgba(0, 0, 0, .0);
   }
}

@keyframes scaleUp {
   0% {
      transform: scale(.8) translateY(1000px);
      opacity: 0;
   }

   100% {
      transform: scale(1) translateY(0px);
      opacity: 1;
   }
}

@keyframes scaleDown {
   0% {
      transform: scale(1) translateY(0px);
      opacity: 1;
   }

   100% {
      transform: scale(.8) translateY(1000px);
      opacity: 0;
   }
}

@keyframes scaleBack {
   0% {
      transform: scale(1);
   }

   100% {
      transform: scale(.85);
   }
}

@keyframes scaleForward {
   0% {
      transform: scale(.85);
   }

   100% {
      transform: scale(1);
   }
}

@keyframes quickScaleDown {
   0% {
      transform: scale(1);
   }

   99.9% {
      transform: scale(1);
   }

   100% {
      transform: scale(0);
   }
}

@keyframes slideUpLarge {
   0% {
      transform: translateY(0%);
   }

   100% {
      transform: translateY(-100%);
   }
}

@keyframes slideDownLarge {
   0% {
      transform: translateY(-100%);
   }

   100% {
      transform: translateY(0%);
   }
}

@keyframes moveUp {
   0% {
      transform: translateY(150px);
   }

   100% {
      transform: translateY(0);
   }
}

@keyframes moveDown {
   0% {
      transform: translateY(0px);
   }

   100% {
      transform: translateY(150px);
   }
}

@keyframes blowUpContent {
   0% {
      transform: scale(1);
      opacity: 1;
   }

   99.9% {
      transform: scale(2);
      opacity: 0;
   }

   100% {
      transform: scale(0);
   }
}

@keyframes blowUpContentTwo {
   0% {
      transform: scale(2);
      opacity: 0;
   }

   100% {
      transform: scale(1);
      opacity: 1;
   }
}

@keyframes blowUpModal {
   0% {
      transform: scale(0);
   }

   100% {
      transform: scale(1);
   }
}

@keyframes blowUpModalTwo {
   0% {
      transform: scale(1);
      opacity: 1;
   }

   100% {
      transform: scale(0);
      opacity: 0;
   }
}

@keyframes roadRunnerIn {
   0% {
      transform: translateX(-1500px) skewX(30deg) scaleX(1.3);
   }

   70% {
      transform: translateX(30px) skewX(0deg) scaleX(.9);
   }

   100% {
      transform: translateX(0px) skewX(0deg) scaleX(1);
   }
}

@keyframes roadRunnerOut {
   0% {
      transform: translateX(0px) skewX(0deg) scaleX(1);
   }

   30% {
      transform: translateX(-30px) skewX(-5deg) scaleX(.9);
   }

   100% {
      transform: translateX(1500px) skewX(30deg) scaleX(1.3);
   }
}

@keyframes sketchIn {
   0% {
      stroke-dashoffset: 778;
   }

   100% {
      stroke-dashoffset: 0;
   }
}

@keyframes sketchOut {
   0% {
      stroke-dashoffset: 0;
   }

   100% {
      stroke-dashoffset: 778;
   }
}

@keyframes modalFadeIn {
   0% {
      background-color: transparent;
   }

   100% {
      background-color: white;
   }
}

@keyframes modalFadeOut {
   0% {
      background-color: white;
   }

   100% {
      background-color: transparent;
   }
}

@keyframes modalContentFadeIn {
   0% {
      opacity: 0;
      top: -20px;
   }

   100% {
      opacity: 1;
      top: 0;
   }
}

@keyframes modalContentFadeOut {
   0% {
      opacity: 1;
      top: 0px;
   }

   100% {
      opacity: 0;
      top: -20px;
   }
}

@keyframes bondJamesBond {
   0% {
      transform: translateX(1000px);
   }

   80% {
      transform: translateX(0px);
      border-radius: 75px;
      height: 75px;
      width: 75px;
   }

   90% {
      border-radius: 3px;
      height: 182px;
      width: 247px;
   }

   100% {
      border-radius: 3px;
      height: auto;
      width: 80%;
   }
}

@keyframes killShot {
   0% {
      transform: translateY(0) rotate(0deg);
      opacity: 1;
   }

   100% {
      transform: translateY(300px) rotate(45deg);
      opacity: 0;
   }
}

@keyframes fadeToRed {
   0% {
      background-color: rgba(black, .6);
   }

   100% {
      background-color: rgba(rgba(4, 220, 164, 1), .8);
   }
}

@keyframes slowFade {
   0% {
      opacity: 1;
   }

   99.9% {
      opacity: 0;
      transform: scale(1);
   }

   100% {
      transform: scale(0);
   }
}


.hotels-section .img-frame img {
   object-fit: cover;
}

.footer-right {
   position: relative;
}

.footer-right .social-menu ul {
   position: relative;
   top: unset;
   margin: unset;
   place-content: end;
}

.footer-right .pure-info-media {
   position: relative;
   float: right;
   border: 2px solid grey;
   border-radius: 30px;
   background: #FFF;
   padding: 15px;
   width: 220px;
   text-align: center;
   margin-top: 1em;
}

.footer-right .pure-info-media .pure-reward-logo img {
   width: 80%;
}

.footer-right .pure-info-media .signin-btn {
   background: #002be0;
   padding: 5px 10px;
   width: 80%;
   text-align: center;
   margin: 1.5em auto;
   cursor: pointer;
   font-size: 85%;
   color: #fff;
}

.footer-right .pure-info-media .signin-btn svg {
   width: 17px;
   height: 17px;
}

.footer-right .pure-download-qr {
   display: flex;
   align-items: center;
   gap: 10px;
}

.footer-right .pure-info-media .pure-qrcd, .footer-right .pure-info-media .pure-apps {
   width: fit-content;
}

.footer-right .pure-info-media .pure-apps img.download-link {
   margin: 5px 0;
}

@media (width: 1920px) {
   .navbar .navbar-nav {
      margin-left: 50rem;
   }
}

@media (min-width: 1600px) {
   .img-1 {
      max-width: 81px;
   }

   .img-2 {
      max-height: 181px;
   }

   .img-3 {
      max-width: 81px;
   }

   .img-4 {
      max-width: 300px;
   }

   h5 {
      font-size: 1.5rem;
   }
}

@media (min-width: 1200px) {
   .inline-star {
      padding: 0 70px !important;
   }

   .testimonial-section .testimonial-carousel .item p {
      font-size: 14px;
      overflow-y: clip;
      padding: 10px 70px 0px 70px;
   }

   .container {
      max-width: 90%;
   }

   .m-book-btn {
      font-size: 12px;
      padding: 5px 10px;
   }

   .img-4 {
      max-width: 250px;
   }

   .about-section {
      max-height: 100% !important;

   }
}

@media (max-width: 1199px) {

   .btn-book-red {
      margin-top: 5px !important;
      float: none !important;
      margin-left: 10px;
   }

   .m-book-btn {
      position: absolute;
      font-size: 11px;
      right: 15px;
   }

   .footer-right .pure-info-media {
      width: 200px;
      float: unset;
      margin: 1em auto;
   }

   .footer-right .social-menu ul {
      place-content: center;
   }
}

@media (max-width: 767px) {

   .social-menu ul li {
      margin: 0 5px;
   }

   .social-menu ul li .fab {
      font-size: 20px;
      line-height: 30px;
   }

   .social-menu ul li a {
      width: 30px;
      height: 30px;
   }

   .img-1 {
      max-width: 70px;
   }

   .img-3 {
      max-width: 70px;
   }

   .img-4 {
      max-width: 235px;
   }

   .experience-section {
      padding-top: 30px;
   }

   .experience-item {
      font-size: 1.3rem !important;
      padding-top: 12px;
      padding-bottom: 12px;
   }

   h2 {
      font-size: 1.5rem;
   }

   .btn {
      font-size: 13px;
   }

   .caption {
      padding-left: 0px;
   }

   .m-60 {
      width: 60%;
   }

   .m-40 {
      width: 40%;
   }

   .about-section {
      z-index: 111;
      position: sticky;
      top: 70px;
      right: 0;
      margin-top: 0;
   }

   .w-img-23 {
      width: 23px;
   }
}

@media only screen and (max-width: 991px) {
   .footer-right {
      position: relative;
      margin-top: 4em;
   }
}

@media (min-width: 567px) {
   .btn-reserve {
      display: none !important;
   }
}


@media (max-width: 370px) {
   .img-1 {
      max-width: 70px;
   }

   .img-3 {
      max-width: 70px;
   }

   .img-4 {
      max-width: 180px;
   }

   .experience-section {
      padding-top: 30px;
   }

   .m-book-btn {
      font-size: 10px;
      padding: 0 10px;
   }

   .social-menu ul {
      position: absolute;
      top: 4%;
      left: 25%;
   }
}

@media only screen and (max-width: 350px) and (min-width: 250px) {
   .pure-reward-icon {
      width: 120%;
   }

   .barcode-icon {
      width: 80%;
   }

   .playstore-item {
      margin: 0;
   }

   .social-menu ul {
      margin: 0;
   }
}

@media only screen and (max-width: 370px) and (min-width: 350px) {
   .img-1 {
      max-width: 65px !important;
   }

   .img-3 {
      max-width: 65px !important;
   }

   .img-4 {
      max-width: 180px;
   }

   .btn-book {
      padding: 2px 30px !important;
      font-size: 13px;
   }

   .m-book-btn {
      font-size: 8px !important;
      padding: 0px 8px !important;
   }

   .navbar-brand {
      padding: 0 !important;
   }

   .pure-reward-icon {
      width: 120%;
   }

   .barcode-icon {
      width: 80%;
   }

   .playstore-item {
      margin: 0;
   }

   .playstore-section {
      position: relative;
      margin: 0 auto;
      padding-top: 60px;
      padding-left: 25px;
      max-width: 185px;
   }

   .social-menu ul {
      margin: 0;
      position: absolute;
      top: 15%;
      left: 29%;
   }

   .left-align-content {
      margin-left: -12px !important;

      .fa-map-marker-alt {
         font-size: 15px !important;
      }
   }

   .location-info {
      font-size: 10px !important;
   }
}

@media only screen and (max-width: 400px) and (min-width: 370px) {
   .img-1 {
      max-width: 70px !important;
   }

   .img-3 {
      max-width: 70px !important;
   }

   .img-4 {
      max-width: 200px;
   }

   .btn-book {
      padding: 2px 30px !important;
      font-size: 13px;
   }

   .m-book-btn {
      font-size: 8px !important;
      padding: 1px 8px !important;
   }

   .navbar-brand {
      padding: 0 !important;
   }

   .pure-reward-icon {
      width: 120%;
   }

   .barcode-icon {
      width: 80%;
   }

   .mr-f-20 {
      padding-left: 85px;
   }

   .playstore-item {
      margin: 0;
   }

   .playstore-section {
      position: relative;
      padding-top: 60px;
      max-width: 185px;
   }

   .social-menu ul {
      position: absolute;
      top: 12%;
      margin: 0 0 0 0;
   }

   .social-menu ul li {
      margin: 0 7px;
   }

   .social-menu ul li .fab {
      line-height: 32px;
      font-size: 20px;
   }

   .social-menu ul li a {
      width: 32px;
      height: 32px;
   }

   .left-align-content {
      margin-left: -12px !important;

      .fa-map-marker-alt {
         font-size: 17px !important;
      }
   }

   .location-info {
      font-size: 10px !important;
   }
}

@media only screen and (max-width: 430px) and (min-width: 400px) {
   .img-1 {
      max-width: 75px !important;
   }

   .img-3 {
      max-width: 75px !important;
   }

   .img-4 {
      max-width: 210px;
   }

   .pure-reward-icon {
      width: 120%;
   }

   .barcode-icon {
      width: 80%;
   }

   .btn-book {
      padding: 2px 30px !important;
      font-size: 13px;
   }

   .m-book-btn {
      font-size: 9px !important;
      padding: 1px 10px !important;
   }

   .navbar-brand {
      padding: 0 !important;
   }

   .mr-f-20 {
      padding-left: 100px;
   }

   .playstore-item {
      margin: 0;
   }

   .playstore-section {
      position: relative;
      padding-top: 60px;
      max-width: 185px;
   }

   .social-menu ul {
      position: absolute;
      top: 12%;
      margin: 0 0 0 0;
   }

   .social-menu ul li {
      margin: 0 7px;
   }

   .social-menu ul li .fab {
      line-height: 32px;
      font-size: 20px;
   }

   .social-menu ul li a {
      width: 32px;
      height: 32px;
   }

   .left-align-content {
      margin-left: -12px !important;

      .fa-map-marker-alt {
         font-size: 17px !important;
      }
   }


   .location-info {
      font-size: 11px !important;
   }

}

@media only screen and (max-width: 450px) and (min-width: 431px) {
   .img-1 {
      max-width: 79px !important;
   }

   .img-3 {
      max-width: 79px !important;
   }

   .img-4 {
      max-width: 210px;
   }

   .btn-book {
      padding: 2px 30px !important;
      font-size: 13px;
   }

   .m-book-btn {
      font-size: 9px !important;
      padding: 1px 10px !important;
   }

   .pure-reward-icon {
      width: 120%;
   }

   .barcode-icon {
      width: 80%;
   }

   .navbar-brand {
      padding: 0 !important;
   }

   .mr-f-20 {
      padding-left: 120px;
   }

   .playstore-item {
      margin: 0;
   }

   .playstore-section {
      position: relative;
      padding-top: 60px;
      max-width: 185px;
   }

   .social-menu ul {
      position: absolute;
      top: 12%;
      margin: 0 0 0 0;
   }

   .social-menu ul li {
      margin: 0 7px;
   }

   .social-menu ul li .fab {
      line-height: 32px;
      font-size: 20px;
   }

   .social-menu ul li a {
      width: 32px;
      height: 32px;
   }

   .left-align-content {
      margin-left: -12px !important;

      .fa-map-marker-alt {
         font-size: 19px !important;
      }
   }



   .location-info {
      font-size: 11px !important;
   }
}

@media only screen and (max-width: 470px) and (min-width: 450px) {
   .img-1 {
      max-width: 75px !important;
   }

   .img-3 {
      max-width: 75px !important;
   }

   .img-4 {
      max-width: 210px;
   }

   .btn-book {
      padding: 2px 30px !important;
      font-size: 13px;
   }

   .m-book-btn {
      font-size: 9px !important;
      padding: 2px 10px !important;
   }

   .pure-reward-icon {
      width: 120%;
   }

   .barcode-icon {
      width: 80%;
   }

   .navbar-brand {
      padding: 0 !important;
   }

   .mr-f-20 {
      padding-left: 125px;
   }

   .playstore-item {
      margin: 0;
   }

   .playstore-section {
      position: relative;
      padding-top: 60px;
      max-width: 185px;
   }

   .social-menu ul {
      position: absolute;
      top: 12%;
      margin: 0 0 0 0;
   }

   .social-menu ul li {
      margin: 0 7px;
   }

   .social-menu ul li .fab {
      line-height: 32px;
      font-size: 20px;
   }

   .social-menu ul li a {
      width: 32px;
      height: 32px;
   }

   .left-align-content {
      margin-left: -12px !important;

      .fa-map-marker-alt {
         font-size: 19px !important;
      }
   }


   .location-info {
      font-size: 11px !important;
   }
}

@media only screen and (max-width: 500px) and (min-width: 470px) {
   .img-1 {
      max-width: 80px !important;
   }

   .img-3 {
      max-width: 80px !important;
   }

   .img-4 {
      max-width: 210px;
   }

   .btn-book {
      padding: 2px 30px !important;
      font-size: 13px;
   }

   .m-book-btn {
      font-size: 9px !important;
      padding: 2px 10px !important;
   }

   .pure-reward-icon {
      width: 120%;
   }

   .barcode-icon {
      width: 80%;
   }

   .navbar-brand {
      padding: 0 !important;
   }

   .mr-f-20 {
      padding-left: 140px;
   }

   .playstore-item {
      margin: 0;
   }

   .playstore-section {
      position: relative;
      padding-top: 60px;
      max-width: 185px;
   }

   .social-menu ul {
      position: absolute;
      top: 12%;
      margin: 0 0 0 0;
   }

   .social-menu ul li {
      margin: 0 7px;
   }

   .social-menu ul li .fab {
      line-height: 32px;
      font-size: 20px;
   }

   .social-menu ul li a {
      width: 32px;
      height: 32px;
   }

   .left-align-content {
      margin-left: -12px !important;

      .fa-map-marker-alt {
         font-size: 19px !important;
      }
   }



   .location-info {
      font-size: 11px !important;
   }
}

@media only screen and (max-width: 600px) and (min-width: 500px) {
   .img-4 {
      max-width: 210px;
   }

   .btn-book {
      padding: 2px 30px !important;
      font-size: 13px;
   }

   .m-book-btn {
      font-size: 9px !important;
      padding: 2px 10px !important;
   }

   .pure-reward-icon {
      width: 120%;
   }

   .barcode-icon {
      width: 80%;
   }

   .navbar-brand {
      padding: 0 !important;
   }

   .mr-f-20 {
      padding-left: 160px;
   }

   .playstore-item {
      margin: 0;
   }

   .playstore-section {
      position: relative;
      padding-top: 60px;
      max-width: 185px;
   }

   .social-menu ul {
      position: absolute;
      top: 12%;
      margin: 0 0 0 0;
   }

   .social-menu ul li {
      margin: 0 7px;
   }

   .social-menu ul li .fab {
      line-height: 32px;
      font-size: 20px;
   }

   .social-menu ul li a {
      width: 32px;
      height: 32px;
   }

   .left-align-content {
      margin-left: -12px !important;

      .fa-map-marker-alt {
         font-size: 19px !important;
      }
   }



   .location-info {
      font-size: 11px !important;
   }
}

@media only screen and (max-width: 767px) and (min-width: 600px) {
   .img-4 {
      max-width: 210px;
   }

   .btn-book {
      padding: 2px 30px !important;
      font-size: 13px;
   }

   .m-book-btn {
      font-size: 9px !important;
      padding: 2px 10px !important;
   }

   .pure-reward-icon {
      width: 120%;
   }

   .barcode-icon {
      width: 80%;
   }

   .navbar-brand {
      padding: 0 !important;
   }

   .mr-f-20 {
      padding-left: 170px;
   }

   .playstore-item {
      margin: 0;
   }

   .playstore-section {
      position: relative;
      padding-top: 60px;
      max-width: 185px;
   }

   .social-menu ul {
      position: absolute;
      top: 12%;
      margin: 0 0 0 0;
   }

   .social-menu ul li {
      margin: 0 7px;
   }

   .social-menu ul li .fab {
      line-height: 32px;
      font-size: 20px;
   }

   .social-menu ul li a {
      width: 32px;
      height: 32px;
   }

   .left-align-content {
      margin-left: -12px !important;

      .fa-map-marker-alt {
         font-size: 19px !important;
      }
   }



   .location-info {
      font-size: 11px !important;
   }
}

.left-align-content {
   margin-left: -12px;
}

.container-location {
   display: flex;
   align-items: center;
}

.location-info {
   margin-left: 0px;
   font-size: 13px;
   line-height: 15px;
}

.location-icon {
   color: red;
}

@media only screen and (max-width: 1000px) and (min-width: 768px) {
   .m-40 {
      width: 40%;
   }

   .m-60 {
      width: 60%;
   }

   .img-4 {
      max-width: 220px;
   }

   .btn-book {
      padding: 2px 30px !important;
      font-size: 13px;
   }

   .m-book-btn {
      font-size: 10px !important;
      padding: 2px 10px !important;
   }

   .pure-reward-icon {
      width: 110%;
   }

   .barcode-icon {
      width: 80%;
   }

   .navbar-brand {
      padding: 0 !important;
   }

   .mr-f-20 {
      padding-left: 250px;
   }

   .playstore-item {
      margin: 0;
   }

   .playstore-section {
      position: relative;
      padding-top: 60px;
      max-width: 185px;
   }

   .social-menu ul {
      position: absolute;
      top: 12%;
      margin: 0 0 0 0;
   }

   .social-menu ul li {
      margin: 0 7px;
   }

   .social-menu ul li .fab {
      line-height: 32px;
      font-size: 20px;
   }

   .social-menu ul li a {
      width: 32px;
      height: 32px;
   }

   .left-align-content {
      margin-left: -12px !important;

      .fa-map-marker-alt {
         font-size: 19px !important;
      }
   }



   .location-info {
      font-size: 11px !important;
   }
}



@media only screen and (max-width: 1000px) and (min-width: 992px) {
   .img-4 {
      max-width: 220px;
   }

   .btn-book {
      padding: 2px 30px !important;
      font-size: 13px;
   }

   .m-book-btn {
      font-size: 10px !important;
      padding: 2px 10px !important;
   }

   .pure-reward-icon {
      width: 110%;
   }

   .barcode-icon {
      width: 80%;
   }

   .navbar-brand {
      padding: 0 !important;
   }

   .mr-f-20 {
      padding-left: 45px;
   }

   .playstore-item {
      margin: 0;
   }

   .playstore-section {
      position: relative;
      padding-top: 30px;
      width: 210px;
   }

   .social-menu ul {
      position: absolute;
      top: 0%;
      margin: 0 0 0 0;
   }

   .social-menu ul li {
      margin: 0 7px;
   }

   .social-menu ul li .fab {
      line-height: 32px;
      font-size: 20px;
   }

   .social-menu ul li a {
      width: 32px;
      height: 32px;
   }

   .left-align-content {
      margin-left: -12px !important;

      .fa-map-marker-alt {
         font-size: 19px !important;
      }
   }



   .location-info {
      font-size: 11px !important;
   }
}

@media only screen and (max-width: 1050px) and (min-width: 1001px) {
   .img-4 {
      max-width: 220px;
   }

   .btn-book {
      padding: 2px 30px !important;
      font-size: 13px !important;
   }

   .m-book-btn {
      font-size: 10px !important;
      padding: 2px 10px !important;
   }

   .pure-reward-icon {
      width: 110%;
   }

   .barcode-icon {
      width: 80%;
   }

   .navbar-brand {
      padding: 0 !important;
   }

   .mr-f-20 {
      padding-left: 50px;
   }

   .playstore-item {
      margin: 0;
   }

   .playstore-section {
      position: relative;
      padding-top: 35px;
      width: 210px;
   }

   .social-menu ul {
      position: absolute;
      top: 0%;
      margin: 0 0 0 0;
   }

   .social-menu ul li {
      margin: 0 7px;
   }

   .social-menu ul li .fab {
      line-height: 38px;
      font-size: 25px;
   }

   .social-menu ul li a {
      width: 38px;
      height: 38px;
   }

   .left-align-content {
      margin-left: -12px !important;

      .fa-map-marker-alt {
         font-size: 19px !important;
      }
   }



   .location-info {
      font-size: 11px !important;
   }
}



@media only screen and (max-width: 1199px) and (min-width: 1051px) {
   .img-4 {
      max-width: 220px;
   }

   .btn-book {
      padding: 2px 30px !important;
      font-size: 13px !important;
   }

   .m-book-btn {
      font-size: 10px !important;
      padding: 2px 10px !important;
   }

   .pure-reward-icon {
      width: 110%;
   }

   .barcode-icon {
      width: 80%;
   }

   .mr-f-20 {
      padding-left: 75px;
   }

   .playstore-item {
      margin: 0;
   }

   .playstore-section {
      position: relative;
      padding-top: 35px;
      width: 210px;
   }

   .social-menu ul {
      position: absolute;
      top: 0%;
      margin: 0 0 0 0;
   }

   .social-menu ul li {
      margin: 0 7px;
   }

   .social-menu ul li .fab {
      line-height: 38px;
      font-size: 25px;
   }

   .social-menu ul li a {
      width: 38px;
      height: 38px;
   }

   .left-align-content {
      margin-left: -12px !important;

      .fa-map-marker-alt {
         font-size: 19px !important;
      }
   }



   .location-info {
      font-size: 11px !important;
   }
}

@media only screen and (max-width: 1349px) and (min-width: 1200px) {
   .img-4 {
      max-width: 230px;
   }

   .btn-book {
      padding: 3px 30px !important;
      font-size: 13px;
   }

   .m-book-btn {
      font-size: 11px !important;
      padding: 3px 10px !important;
   }

   .pure-reward-icon {
      width: 110%;
   }

   .barcode-icon {
      width: 80%;
   }

   .mr-f-20 {
      padding-left: 85px;
   }

   .playstore-item {
      margin: 0;
   }

   .playstore-section {
      position: relative;
      padding-top: 35px;
      width: 210px;
   }

   .social-menu ul {
      position: absolute;
      top: 0%;
      margin: 0 0 0 0;
   }

   .social-menu ul li {
      margin: 0 7px;
   }

   .social-menu ul li .fab {
      line-height: 38px;
      font-size: 25px;
   }

   .social-menu ul li a {
      width: 38px;
      height: 38px;
   }

   .left-align-content {
      margin-left: -12px !important;

      .fa-map-marker-alt {
         font-size: 19px !important;
      }
   }



   .location-info {
      font-size: 11px !important;
   }
}

@media only screen and (max-width: 1449px) and (min-width: 1350px) {
   .img-4 {
      max-width: 250px;
   }

   .btn-book {
      padding: 3px 35px !important;
      font-size: 13px;
   }

   .m-book-btn {
      font-size: 12px !important;
      padding: 3px 10px !important;
   }

   .pure-reward-icon {
      width: 110%;
   }

   .barcode-icon {
      width: 80%;
   }

   .mr-f-20 {
      padding-left: 100px;
   }

   .playstore-item {
      margin: 0;
   }

   .playstore-section {
      position: relative;
      padding-top: 35px;
      width: 210px;
   }

   .social-menu ul {
      position: absolute;
      top: 0%;
      margin: 0 0 0 0;
   }

   .social-menu ul li {
      margin: 0 7px;
   }

   .social-menu ul li .fab {
      line-height: 38px;
      font-size: 25px;
   }

   .social-menu ul li a {
      width: 38px;
      height: 38px;
   }

   .left-align-content {
      margin-left: -12px !important;

      .fa-map-marker-alt {
         font-size: 19px !important;
      }
   }



   .location-info {
      font-size: 11px !important;
   }

}


@media only screen and (max-width: 1599px) and (min-width: 1450px) {
   .img-4 {
      max-width: 280px;
   }

   .btn-book {
      padding: 3px 35px !important;
      font-size: 13px;
   }

   .m-book-btn {
      font-size: 12px !important;
      padding: 4px 10px !important;
   }

   .pure-reward-icon {
      width: 110%;
   }

   .barcode-icon {
      width: 80%;
   }

   .mr-f-20 {
      padding-left: 120px;
   }

   .playstore-item {
      margin: 0;
   }

   .playstore-section {
      position: relative;
      padding-top: 40px;
      width: 230px;
   }

   .social-menu ul {
      position: absolute;
      top: 0%;
      margin: 0 0 0 0;
   }

   .social-menu ul li {
      margin: 0 7px;
   }

   .social-menu ul li .fab {
      line-height: 43px;
      font-size: 25px;
   }

   .social-menu ul li a {
      width: 43px;
      height: 43px;
   }

   .left-align-content {
      margin-left: -12px !important;

      .fa-map-marker-alt {
         font-size: 19px !important;
      }
   }



   .location-info {
      font-size: 12px !important;
   }

}

@media only screen and (max-width: 1999px) and (min-width: 1600px) {
   .img-4 {
      max-width: 325px !important;
   }

   .btn-book {
      padding: 3px 35px !important;
      font-size: 14px !important;
   }

   .m-book-btn {
      font-size: 12px !important;
      padding: 4px 10px !important;
   }

   .pure-reward-icon {
      width: 110%;
   }

   .barcode-icon {
      width: 80%;
   }

   .mr-f-20 {
      padding-left: 120px;
   }

   .playstore-item {
      margin: 0;
   }

   .playstore-section {
      position: relative;
      padding-top: 45px;
      width: 250px;
   }

   .social-menu ul {
      position: absolute;
      top: 0%;
      margin: 0 0 0 0;
   }

   .social-menu ul li {
      margin: 0 7px;
   }

   .social-menu ul li .fab {
      line-height: 48px;
      font-size: 30px;
   }

   .social-menu ul li a {
      width: 48px;
      height: 48px;
   }

   .left-align-content {
      margin-left: -12px !important;

      .fa-map-marker-alt {
         font-size: 21px !important;
      }
   }



   .location-info {
      font-size: 12px !important;
   }

}




@media only screen and (max-width: 1999px) and (min-width: 992px) {

   h5 {
      font-size: 1rem;
   }

   .img-1 {
      max-width: 70px;
   }

   .img-2 {
      max-height: 155px;
   }

   .img-3 {
      max-width: 70px;
   }

   h3 {
      font-size: 1.17rem;
   }

   .book label {
      font-size: 12px;
   }

   .book .btn-book {
      padding: 4px 30px;
      font-size: 14px;
   }

   .social-iconx img {
      width: 30px;
   }

   .logo-prure {
      width: 215px;
   }

   .navbar .navbar-nav .nav-link {
      font-size: 14px;
   }

   .m-book-btn {
      font-size: 12px;
   }

   .about-section {
      display: block;
      overflow: hidden;
      max-height: 550px;
   }

   .btn-grey {
      font-size: 14px;
   }

   .dropdown-item {
      font-size: 14px;
   }
}


@media (min-width: 1999px) {
   .img-4 {
      max-width: 350px;
   }

   .btn-book {
      padding: 3px 35px !important;
      font-size: 14px !important;
   }

   .m-book-btn {
      font-size: 13px !important;
      padding: 5px 10px !important;
   }

   .pure-reward-icon {
      width: 110%;
   }

   .barcode-icon {
      width: 80%;
   }

   .mr-f-20 {
      padding-left: 120px;
   }

   .playstore-item {
      margin: 0;
   }

   .playstore-section {
      position: relative;
      padding-top: 45px;
      width: 250px;
   }

   .social-menu ul {
      position: absolute;
      top: 0%;
      margin: 0 0 0 0;
   }

   .social-menu ul li {
      margin: 0 7px;
   }

   .social-menu ul li .fab {
      line-height: 48px;
      font-size: 30px;
   }

   .social-menu ul li a {
      width: 48px;
      height: 48px;
   }

   .left-align-content {
      margin-left: -12px !important;

      .fa-map-marker-alt {
         font-size: 23px !important;
      }
   }



   .book label {
      font-size: 12px;
   }

   .book .btn-book {
      padding: 4px 30px;
      font-size: 14px;
   }

   .social-iconx img {
      width: 30px;
   }

   .logo-prure {
      width: 215px;
   }

   .navbar .navbar-nav .nav-link {
      font-size: 14px;
   }

   .about-section {
      display: block;
      overflow: hidden;
      max-height: 550px;
   }

   .btn-grey {
      font-size: 14px;
   }

   .location-info {
      font-size: 12px !important;
   }
}