/* Large desktop :1920px. */
@media (min-width: 1920px) {
    .container{width: 1230px}
    .header-area {padding-top: 80px}
    .about-content {margin-left: 0px}
    .about-area::before, .about-area.three::before {left: -45px}
    .testimonial-wrapper.two{padding-left: 160px; padding-right: 160px}
    .blog-thumbnail img{width: 100%}
    .slider-area {height: 830px}
}
.about-wrapper{
    width: 100%;
}
.whatsapp-button {
    position: fixed;
    right: -75px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    background-color: #25D366;
    color: white;
    border-radius: 50px;
    padding: 15px 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    display: flex;
    align-items: center;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-size: 16px;
    transition: background-color 0.3s, transform 0.3s;
    animation: glow 2s infinite; /* Add animation */
  }
  
  .whatsapp-button a {
    color: white;
    font-weight: bold;
    letter-spacing: 1px;
  }
  
  .whatsapp-button:hover {
    background-color: #1da851;
    transform: translateY(-50%) rotate(-85deg);
  }




  
  
  
  .whatsapp-icon {
    font-size: 24px;
    margin-right: 10px;
  }
  
  /* Glow animation */
  @keyframes glow {
    0% {
      box-shadow: 0 0 5px #25D366, 0 0 10px #25D366, 0 0 20px #25D366, 0 0 30px #25D366, 0 0 40px #25D366, 0 0 50px #25D366, 0 0 60px #25D366;
    }
    50% {
      box-shadow: 0 0 10px #1da851, 0 0 20px #1da851, 0 0 30px #1da851, 0 0 40px #1da851, 0 0 50px #1da851, 0 0 60px #1da851, 0 0 70px #1da851;
    }
    100% {
      box-shadow: 0 0 5px #25D366, 0 0 10px #25D366, 0 0 20px #25D366, 0 0 30px #25D366, 0 0 40px #25D366, 0 0 50px #25D366, 0 0 60px #25D366;
    }
  }
  

  .call-us-button {
    position: fixed;
    left: 35px;
    bottom: 40px;
    width: 60px;
    height: 60px;
    background-color: #d4a762; /* Button color */
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    transition: background-color 0.3s, box-shadow 0.3s;
    animation: glows 2s infinite; /* Add glow animation */
  }
  
  .call-us-button a {
    color: white;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 24px; /* Icon size */
  }
  
  .call-us-button:hover {
    background-color: #e3af61; /* Darker shade on hover */
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  }
  
  /* Glow animation */
  @keyframes glows {
    0% {
      box-shadow: 0 0 5px #e3af61, 0 0 10px #e3af61, 0 0 15px #e3af61, 0 0 20px #e3af61, 0 0 25px #e3af61;
    }
    50% {
      box-shadow: 0 0 15px #e3af61, 0 0 20px #e3af61, 0 0 25px #e3af61, 0 0 30px #e3af61, 0 0 35px #e3af61;
    }
    100% {
      box-shadow: 0 0 5px #e3af61, 0 0 10px #e3af61, 0 0 15px #e3af61, 0 0 20px #e3af61, 0 0 25px #e3af61;
    }
  }
  

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1169px) {
    .container{width: 970px}
    .section-title h2, .package-content h2 {font-size: 28px}
    .package-content h3 {font-size: 25px}
    .about-content .section-title h4{display: none}
    .food-area{padding-bottom: 70px; padding-top: 70px}
    .about-area::before, .about-area.three::before {height: 100%}
    .single-table {padding: 46px 25px 25px}
    .main-menu ul li a {padding: 17px 15px}
    .blog-title > h3 {font-size: 12px}
    .publish-date {width: 50px}
    .slider-content h2 {font-size: 40px}
    .about-content.pt-25 {padding-top: 0px}
    .testimonial-wrapper {padding-top: 25px; padding-bottom: 45px; padding-left: 55px; padding-right: 55px}
    .testimonial-wrapper.two {padding-top: 55px; padding-bottom: 65px}
    .testimonial-content p {margin-bottom: 15px; line-height: 22px}
    .testimonial-owl.owl-carousel .owl-controls {bottom: -35px}
    .two .testimonial-owl.owl-carousel .owl-controls {bottom: -45px}
    .two .package-content {padding-top: 120px}
}
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
    .container{width:750px} 
    .main-menu ul li:nth-child(4), .service-area, .search-btn, .slider-img{display: none}
    .slider-area {height: 580px;}
    .banner-content h1 {font-size: 50px; margin-bottom: 10px}
    .banner-content h3{padding-top: 100px}
    .slider-content h2 {font-size: 42px}
    .package-content h3, .package-content h4{font-size: 20px}
    .package-content h2 {font-size: 18px}
    .footer-bottom p, .footer-bottom a {text-align: center}
    .about-content {margin-left: 0px; padding-top: 55px; padding-bottom: 55px}
    .about-wrapper {margin-right: 0; width: 100%; margin-bottom: 30px}
    .about-wrapper img{width: 100%}
    .content-wrapper {line-height: 0}
    .food-area{padding-top: 70px; padding-bottom: 70px}
    .header-area, .news-sidebar-widgets{padding-top: 50px}
    .testimonial-wrapper{margin-top: 50px}
    .blog-area.single{padding-top: 70px}
    .single-blog.blog-area{padding-top: 122px}
    .news-single-widget:last-child{margin-bottom: 0}
    .testimonial-area.two .video-area, .testimonial-area.two .testimonial-wrapper, .about-image, .about-image img {width: 100%}
    .col-md-4:nth-child(3) .single-blog, .col-md-4:nth-child(4) .single-blog{margin-bottom: 0}
    .about-image {position: static; width: 100%}
    .main-menu ul li a {font-size: 14px;padding: 17px 12px}
    .package-content, .subscribe-area  {padding-top: 75px}
    .event-area, .menu-area, .package-content, .testimonial-wrapper, .blog-area, .food-area, .detail-area.our-blog-area, .contact-area   {padding-top: 55px}
    .subscribe-area, .contact-area, .food-area {padding-bottom: 55px}
    .about-area, .package-area.pac{margin-top: 95px}
    .owl-controls {bottom: -50px}
    .menu-area, .testimonial-wrapper, .event-area.three {padding-bottom: 95px}
    .testimonial-area{margin-bottom: 60px;}
    .about-area.two{margin-top: 55px}
    .about-wrapper, .testimonial-area.two, .about-area.service{margin-bottom: 0;}
    .about-area.two .about-content, .contact-area.mid, .contact-area.one {padding-bottom: 0}
    .about-area.three, .package-img.one.three, .testimonial-wrapper.two{margin-top: 0}
    .about-area.sin, .contact-form-area{margin-bottom: 55px;}
    .contact-area.one{padding-top: 0}
}
 
/* small mobile :320px. */
@media (max-width: 767px) {
    .container {width:300px}
    .slider-area {height: 430px;}
    .about-content .section-title h4, .slider-img, .header-sticky.sticky{display: none}
    .about-content {margin-left: 0; padding-top: 45px; padding-bottom: 45px}
    .section-title h2 {font-size: 28px}
    .single-table {padding: 46px 25px 25px}
    .video-bg {margin-right: 0px}
    .package-content h2, .package-content h3 {font-size: 25px}
    .package-content h4 {font-size: 20px}
    .footer-bottom p, .footer-bottom a {text-align: center}
    .subscribe-area, .event-area{padding-bottom: 70px; padding-top: 70px}
    .event-area.service{padding-top: 0px}
    .about-wrapper {margin-right: 0; width: 100%; margin-bottom: 30px}
    .about-wrapper img, .testimonial-area.two .video-area, .testimonial-area.two .testimonial-area, .blog-thumbnail img, .sub-left, .sub-right, .testimonial-area.two .video-area, .testimonial-area.two .testimonial-wrapper, .about-image img, .about-image{width: 100%}
    .package-area.two.mt-65.pt-160.pb-190.bg-pink, .about-area {margin-top: 0}
    .single-food-type{padding-bottom: 70px}
    .two .package-content {padding-left: 0px}
    .col-md-3:last-child .single-food-type{padding-bottom: 0}
    #mc-embedded-subscribe-form {padding: 10px 0 0;}
    .content-wrapper {line-height: 0}
    .menu-area.two{padding-top: 70px; margin-top: 0}
    .package-content.three{padding-top: 70px}
    .package-content.four, .package-area.two .package-content{padding-bottom: 50px}
    #mc-embedded-subscribe-form .default-btn {padding: 8px 20px}
    .header-area.header-sticky, .news-sidebar-widgets {padding-top: 25px}
    .slider-content h4,.package-content {padding-top: 50px}
    .footer-area .subscribe-area {padding-top: 70px}
    .testimonial-wrapper, .package-img {margin-top: 50px}
    .about-area.two {margin-top: 70px}
    .single-blog, .contact-form-area, .testimonial-area, .about-area.two.mb-130{margin-bottom: 80px};
    .col-md-4:last-child .single-blog{margin-bottom: 0}
    .testimonial-wrapper{padding-left: 20px; padding-right: 20px}
    .quote {padding: 20px 30px 30px}
    ul.children_comment {padding-left: 10px}
    .author {margin-right: 12px}
    .publish-date {width: 45px}
    .blog-title > h3 {font-size: 11px;}
    .subscribe-area.blog{padding-top: 0}
    .col-md-4:last-child .single-blog{margin-bottom: 0}
    .menu-owl.owl-carousel .owl-controls, .event-owl.owl-carousel .owl-controls {bottom: -40px}
    .testimonial-area.onepage{margin-bottom: 50px}
    .about-image {position: static; width: 100%}
    .slider-content h4, .slider-content h3 {font-size: 22px}
    .slider-content h2{font-size: 25px}
    .blog-area.two, .subscribe-area.menu, .contact-area.one {padding-top: 0}
    .blog-area.single {padding-top: 70px}
    .package-content, .subscribe-area  {padding-top: 75px}
    .event-area, .menu-area, .package-content, .testimonial-wrapper, .blog-area, .food-area, .detail-area.our-blog-area, .contact-area   {padding-top: 55px}
    .single-food-type{padding-bottom: 30px}
    .subscribe-area, .food-area, .contact-area {padding-bottom: 55px}
    .about-area.two{margin-top: 55px}
    .owl-controls {bottom: -50px}
    .menu-area, .testimonial-wrapper, .event-area.three {padding-bottom: 95px}
    .package-area.two, .package-area.pac {margin-top: 95px}
    .testimonial-area{margin-bottom: 60px;}
    .about-area.sin, .contact-form-area{margin-bottom: 55px;}
    .about-area.two{margin-top: 55px}
    .about-wrapper, .testimonial-area.two, .about-area.service{margin-bottom: 0;}
    .about-area.two .about-content, .contact-area.mid{padding-bottom: 0}
    .package-img.one.three, .testimonial-wrapper.two {margin-top: 0px}
}
 
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .container {width:450px}
    .table-head h3::after, .table-body ul::after {width: 335px}
    .publish-date {width: 60px}
    .blog-title > h3 {font-size: 13px;}
    .slider-content h4, .slider-content h3 {font-size: 25px}
    .slider-content h2 {font-size: 28px}
}
/* @media screen and (max-width: 480px) {
  .logo a img{
    height: 100px !important;
  }
} */



.footer-area {
  background-color: #1a1a1a;
  color: #fff;
  padding: 20px 0;
  font-size: 14px;
}

.footer-top {
  padding-bottom: 15px;
  border-bottom: 1px solid #444;
  margin-bottom: 15px;
}

.footer-bottom {
  padding-top: 10px;
}

.social-icons a {
  color: #fff;
  font-size: 20px;
  margin-left: 15px;
  transition: color 0.3s;
}

.social-icons a:hover {
  color: #007bff;
}

p {
  margin: 0;
}

.text-right {
  text-align: right;
}

@media (max-width: 767px) {
  .text-right {
      text-align: left;
      margin-top: 10px;
  }
}
.package-area{
  margin-bottom: 3rem;
}