@media screen and (min-width:1800px) {
   .container {
      max-width: 1400px;
   }
}

@media screen and (max-width:1400px) {
   .small-container {
      max-width: 800px;
   }

   .section-margin-top {
      margin-top: 5rem;
   }

   .section-margin-bottom {
      margin-bottom: 5rem;
   }

   .section-margin {
      margin: 5rem 0;
   }

   .section-padding-top {
      padding-top: 5rem;
   }

   .section-padding-bottom {
      padding-bottom: 5rem;
   }

   .section-padding {
      padding: 5rem 0;
   }

   .section-header {
      margin-bottom: 2.5rem;
   }

   .section-header-between {
      gap: 3rem;
   }

   .section-header h6 {
      font-size: 1rem;
   }

   .section-header h2 {
      font-size: 3.5rem;
   }

   .section-header p {
      font-size: 14px !important;
   }

   .primary-btn {
      padding: 6px 12px;
      font-size: 16px;
   }

   .secondary-btn {
      padding: 5px 12px;
      font-size: 16px;
   }

   .rest-banner {
      height: 450px;
   }

   .rest-content span {
      font-size: 2.5rem;
   }

   .scroll-to-top {
      height: 40px;
      width: 40px;
   }

   .scroll-to-top i {
      font-size: 1.75rem;
   }

   .container-fluid {
      padding: 0 0.75rem;
   }

   .navigation-container {
      margin-top: 1.5rem;
      gap: 1.5rem;
      height: 70px;
   }

   .navigation-left {
      gap: 3rem;
      padding-right: 3rem;
   }

   .navigation-left a img {
      width: 150px;
   }

   .navigation-left ul {
      gap: 3rem;
   }

   .navigation-left ul li a {
      font-size: 14px;
   }

   .navigation-right a {
      gap: 8px;
      font-size: 1rem;
   }

   .navigation-right a span {
      height: 32px;
      width: 32px;
   }

   .navigation-right a span i {
      font-size: 1.25rem;
   }

   .hero-bg {
      height: 700px;
   }

   .hero-content {
      gap: 1rem;
   }

   .hero-content h6 {
      font-size: 1.25rem;
   }

   .hero-content h2 {
      font-size: 5rem;
   }

   .hero-slider {
      margin-top: 3rem;
   }

   .hero-slider-card {
      height: 550px;
      border: 5px solid var(--white-bg);
   }

   .about-img {
      height: 450px;
   }

   .about-img img {
      margin-top: 2rem;
      border: 6px solid var(--white-bg);
   }

   .about-img::after {
      right: -2rem;
      height: 150px;
      width: 150px;
      border: 6px solid var(--white-bg);
   }

   .left-compressed {
      padding-left: 4rem;
   }

   .section-header-bottom h2::after {
      bottom: -12px;
      height: 10px;
   }

   .about-content {
      gap: 1.25rem;
   }

   .about-content h6 {
      font-size: 1.25rem;
      font-weight: 600;
   }

   .about-content p {
      font-size: 18px !important;
   }

   .choose-us::before {
      height: 16px;
   }

   .choose-card h2 {
      font-size: 2.75rem;
   }

   .choose-card p {
      font-size: 16px !important;
   }

   .choose-us .about-img img {
      height: 450px;
   }

   .choose-us::after {
      bottom: 22%;
   }

   .choose-us::before {
      top: 80%;
   }

   .testimonial-card {
      padding: 1.75rem;
   }

   .testimonial-card p {
      font-size: 14px !important;
   }

   .testimonial-card h6 {
      font-size: 1.15rem;
      margin-top: 1.5rem;
   }

   .testimonial-card h6::after {
      top: -12px;
      height: 4px;
   }

   .testimonial-rating i {
      font-size: 1rem;
   }

   .testimonials .section-header {
      margin-bottom: 2rem !important;
   }

   .testimonial-slider-container {
      padding-bottom: 3rem;
   }

   .testimonial-nav-btn {
      height: 38px;
      width: 38px;
   }

   .testimonial-nav-btn i {
      font-size: 1.35rem;
   }

   .footer-logo img {
      width: 150px;
   }

   .footer .primary-btn {
      width: max-content;
   }

   .footer-links h6 {
      font-size: 1.35rem;
      margin-bottom: 2.5rem !important;
   }

   .footer-links h6::after {
      bottom: -16px;
      height: 10px;
   }

   .footer-links ul {
      gap: 1rem;
   }

   .footer-links ul li a {
      font-size: 14px;
   }

   .contact-info {
      display: flex;
      flex-direction: column;
      gap: 1.25rem;
   }

   .contact-info a {
      gap: 12px;
   }

   .contact-info a span {
      height: 28px;
      width: 28px;
   }

   .contact-info a span i {
      font-size: 1rem;
   }

   .contact-detail p {
      font-size: 13px !important;
   }

   .contact-detail h4 {
      font-size: 1rem;
   }

   .footer-bottom-box {
      margin-top: 2.5rem;
      padding: 1rem;
   }

   .footer-bottom-box p {
      font-size: 15px !important;
   }

   .service-card {
      gap: 1rem;
   }

   .service-img {
      height: 125px;
      width: 125px;
   }

   .service-card h6 {
      font-size: 1.25rem;
   }

   .gallery-apge-card img {
      height: 275px;
   }

   .service-card a {
      font-size: 15px;
   }

   .choose-us-card {
      gap: 1.rem;
   }

   .choose-us-icon {
      height: 100px;
      width: 100px;
   }

   .choose-us-icon img {
      width: 50px;
   }

   .choose-us-card h6 {
      font-size: 1.25rem;
   }

   .choose-us-card p {
      font-size: 14px !important;
   }

   .choose-us-card ul li {
      font-size: 14px !important;
   }

   .about-content h2 {
      font-size: 2rem;
   }

   .contact-info-box:not(:first-child) {
      margin-top: 2rem;
   }

   .contact-info-icon {
      height: 38px;
      width: 38px;
   }

   .contact-info-icon i {
      font-size: 1.35rem;
   }

   .contact-info-text h6 {
      font-size: 1.15rem;
   }

   .contact-info-text p {
      margin: 0.35rem 0 0.2rem 0 !important;
      font-size: 14px !important;
   }

   .contact-info-text a {
      font-size: 14px !important;
   }

   .contact-form {
      padding: 2.5rem;
   }

   .contact-form h4 {
      font-size: 1.35rem;
      margin-bottom: 1.25rem !important;
   }

   .contact-form label {
      font-size: 14px;
   }

   .contact-form input,
   .contact-form textarea {
      padding: 9px 14px;
   }

   .iframe iframe {
      height: 350px;
   }
}

@media screen and (max-width:1200px) {
   .section-margin-top {
      margin-top: 4rem;
   }

   .section-margin-bottom {
      margin-bottom: 4rem;
   }

   .section-margin {
      margin: 4rem 0;
   }

   .section-padding-top {
      padding-top: 4rem;
   }

   .section-padding-bottom {
      padding-bottom: 4rem;
   }

   .section-padding {
      padding: 4rem 0;
   }

   .section-header h6 {
      font-size: 15px;
   }

   .section-header h2 {
      font-size: 2.5rem;
   }

   .rest-banner {
      height: 400px;
   }

   .rest-content span {
      font-size: 2.25rem;
   }

   .hero-bg {
      height: 600px;
   }

   .hero-content h6 {
      font-size: 1rem;
   }

   .hero-content h2 {
      font-size: 3.5rem;
   }

   .hero-slider {
      margin-top: 2.5rem;
   }

   .hero-slider-card {
      height: 500px;
   }

   .left-compressed {
      padding-left: 3rem;
   }

   .about-content {
      gap: 1rem;
   }

   .about-content h6 {
      font-size: 18px;
   }

   .about-content p {
      font-size: 16px !important;
   }

   .choose-us::before {
      height: 12px;
   }

   .choose-card h2 {
      font-size: 2.25rem;
   }

   .choose-card p {
      font-size: 14px !important;
   }

   .choose-us .about-img img {
      height: 400px;
   }

   .choose-us::after {
      bottom: 25%;
   }

   .choose-us::before {
      top: 76%;
   }

   .footer-logo img {
      width: 125px;
   }

   .footer-links h6 {
      font-size: 1.3rem;
      margin-bottom: 2.25rem !important;
   }

   .footer-links ul {
      gap: 0.875rem;
   }

   .service-img {
      height: 100px;
      width: 100px;
   }

   .service-card h6 {
      font-size: 1.15rem;
   }

   .gallery-apge-card img {
      height: 250px;
   }

   .about-content h2 {
      font-size: 1.5rem;
   }

   .contact-info-col {
      gap: 2rem;
   }

   .contact-info-icon {
      height: 38px;
      width: 38px;
   }

   .contact-info-icon i {
      font-size: 1.25rem;
   }

   .contact-info-text h6 {
      font-size: 1.1rem;
   }

   .contact-info-text p {
      margin: 0.35rem 0 0.2rem 0 !important;
      font-size: 14px !important;
   }

   .contact-info-text a {
      font-size: 14px !important;
   }

   .contact-form {
      padding: 2.5rem;
   }

   .contact-form h4 {
      font-size: 1.35rem;
      margin-bottom: 1.25rem !important;
   }

   .contact-form label {
      font-size: 14px;
   }

   .contact-form input,
   .contact-form textarea {
      padding: 9px 14px;
   }

   .iframe iframe {
      height: 325px;
   }
}

@media screen and (max-width:992px) {
   .section-margin-top {
      margin-top: 3.5rem;
   }

   .section-margin-bottom {
      margin-bottom: 3.5rem;
   }

   .section-margin {
      margin: 3.5rem 0;
   }

   .section-padding-top {
      padding-top: 3.5rem;
   }

   .section-padding-bottom {
      padding-bottom: 3.5rem;
   }

   .section-padding {
      padding: 3.5rem 0;
   }

   .section-header p {
      width: 100%;
   }

   .swiper-navigation {
      bottom: -3rem;
   }

   .navigation-links-container {
      position: fixed;
      top: 0;
      left: -100%;
      width: 100%;
      bottom: 0;
      background-color: var(--black-bg);
      padding: 1rem;
      z-index: 999;
   }

   .close-btn {
      height: 32px;
      width: 32px;
      border-radius: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid var(--white-bg);
      margin-left: auto;
      margin-bottom: 1.5rem;
      cursor: pointer;
   }

   .close-btn i {
      color: var(--text-white);
   }

   .navigation-links {
      flex-direction: column;
      align-items: flex-start;
      border-radius: 0;
      padding: 0 !important;
      background-color: transparent;
      gap: 10px;
   }

   .navigation-links li {
      width: 100%;
   }

   .navigation-links li a {
      padding: 10px 16px;
      border-radius: 8px;
      font-size: 18px;
      display: block;
   }

   .menu-btn {
      height: 36px;
      width: 36px;
      border-radius: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid var(--white-bg);
      cursor: pointer;
   }

   .menu-btn i {
      color: var(--text-white);
   }

   .section-header-between {
      flex-direction: column;
      align-items: center;
      text-align: center;
      gap: 1rem;
   }

   .navigation-container {
      margin-top: 1rem;
      gap: 1rem;
      height: auto;
   }

   .navigation-left {
      gap: 0;
      padding-right: 0;
      border: none;
      overflow: none;
   }

   .navigation-left a img {
      width: 100px;
   }

   .navigation-left ul {
      gap: 16px;
   }

   .navigation-left ul li a {
      font-size: 16px;
   }

   .navigation-right {
      display: flex;
      align-items: center;
      gap: 10px;
   }

   .navigation-right a {
      gap: 8px;
      font-size: 1rem;
   }

   .navigation-right a span {
      height: 26px;
      width: 26px;
   }

   .navigation-right a span i {
      font-size: 1rem;
   }

   .hero-bg {
      height: 500px;
   }

   .hero-content h6 {
      font-size: 15px;
   }

   .hero-content h2 {
      font-size: 3rem;
   }

   .hero-slider {
      margin-top: 2.25rem;
   }

   .hero-slider-card {
      height: 400px;
   }

   .about-img {
      height: 400px;
   }

   .left-compressed {
      padding-left: 0;
      margin-top: 1.5rem;
   }

   .choose-card h2 {
      font-size: 2rem;
   }

   .choose-us .about-img img {
      height: 350px;
   }

   .about-img::after {
      display: none;
   }

   .footer-col {
      justify-content: flex-start;
   }
   
   .testimonial-card {
      height:36vh;
   }
}

@media screen and (max-width:768px) {
   .section-margin-top {
      margin-top: 3rem;
   }

   .section-margin-bottom {
      margin-bottom: 3rem;
   }

   .section-margin {
      margin: 3rem 0;
   }

   .section-padding-top {
      padding-top: 3rem;
   }

   .section-padding-bottom {
      padding-bottom: 3rem;
   }

   .section-padding {
      padding: 3rem 0;
   }

   .section-header h2 {
      font-size: 2rem;
   }

   .rest-banner {
      height: 350px;
   }

   .rest-content span {
      font-size: 2rem;
   }

   .scroll-to-top {
      right: 15px;
   }

   .hero-bg {
      height: 450px;
   }

   .hero-content h6 {
      font-size: 14px;
   }

   .hero-content h2 {
      font-size: 2rem;
   }

   .hero-slider {
      margin-top: 2rem;
   }

   .hero-slider-card {
      height: 350px;
   }

   .about-img {
      height: 350px;
   }

   .about-img img {
      margin-top: 1.25rem;
   }

   .about-img::after {
      right: -1.25rem;
   }

   .choose-card h2 {
      font-size: 1.5rem;
   }

   .choose-us .about-img img {
      height: 300px;
   }

   .gallery-apge-card img {
      height: 250px;
   }

   .contact-form {
      padding: 2rem 1.5rem;
   }
}

@media screen and (max-width: 575px) {
   .rest-banner {
      height: 325px;
   }

   .rest-content span {
      font-size: 1.75rem;
   }

   .blog-img img {
      height: 275px;
   }

   .iframe iframe {
      height: 250px;
   }

   .about-img {
      height: 300px;
   }
}

@media screen and (max-width: 500px) {}

@media screen and (max-width: 400px) {}