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

     .blog-text h2,
     .blog-text p {
          font-size: 14px;
     }

     .blog-text {
          padding: 6px 8px;
     }

     .blog-text p {
          font-weight: 500;
          margin-bottom: 6px;
     }

     .blog-head h1 {
          font-weight: 700;
          font-size: 16px;
          margin-bottom: 15px;
     }
}

@media screen and (max-width: 426px) {
     .blog-one h1 {
          font-size: 17px;
     }

     .banner-content {
          padding: 0 10px !important;
     }
}

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

     .small-contact-btn button.btn.btn-primary {
          font-size: 10px;
          font-weight: 500;
      }

      .modal-text h2 {
          font-size: 18px;
      }

      .modal-text h5 {
          font-size: 15px;
      }

      .modal-image img {
          width: 100%;
      }

      .modal-text p {
          font-size: 16px;
          font-weight: 300;
      }

      .modal-text {
          top: 130px;
      }

      .popup-info h3 {
          font-size: 18px;
      }







     .hmp-head h5 {
          font-size: 28px;
          margin-bottom: 20px;
     }

     .hamper-head h5 {
          padding-top: 20px;
          font-size: 20px;
          margin-bottom: 20px;
     }

     .hamper-mid h3 {
          font-size: 20px;
          margin-bottom: 20px;
     }

     .hamper-mid h5 {
          font-size: 20px;
     }

     .hamper-mid p {
          font-size: 16px;
          margin-bottom: 10px;
     }


     section.hampers {
          height: 100%;
          border-radius: 40px;
     }

     .cnct-box h5 {
          font-size: 16px;
     }

     .cnct-text h5 {
          font-size: 17px;
          margin-bottom: 12px;
     }

     .light {
          top: 2px;
          left: 4px;
     }

     .bg-text p {
          font-size: 16px;
     }


     .bg-text h2 {
          font-size: 20px;
     }


     section.hamper {
          height: 490px;
     }


     .hmp-box h5 {
          font-size: 16px;
     }

     .gift-tree {
          display: none;
     }


     .gift-box {
          display: none;
     }


     section.hamper-content {
          padding: 60px 0;
     }


     .small-contact-btn {
          font-size: 18px;
          width: 230px;
          height: 44px;
     }


     .final-box {
          height: 268px;
          width: 100%;
          padding: 20px;
          display: flex;
          flex-direction: column;
          align-items: baseline;
          justify-content: center;
     }


     .banner-btn {
          position: absolute;
          bottom: 47px;
          right: 33px;
     }

     .banner-btn .small-contact-btn {
          width: 220px;
          height: 40px;
          background: #9F1515;
     }

     .banner-btn .small-contact-btn a {
          font-size: 11px;
     }

     .hamper-image img {
          width: 90%;
     }

     .hamper-image {
          text-align: center;
     }


     .hamp-book {
          display: none;
     }

     .hamp-tree {
          display: none;
     }
}

@media (min-width: 320px) and (max-width: 375px) {


     .banner-popup {
          height: 44px;
      }

      .modal-text {
          position: absolute;
          top: 117px;
          padding: 40px;
      }



     .hamper-image img {
          width: 90%;
     }

     .hamper-image {
          text-align: center;
     }

     .hamp-book {
          display: none;
     }

     .hamp-tree {
          display: none;
     }

     .bg-text p {
          font-size: 16px;
     }

     .small-contact-btn {
          font-size: 18px;
          width: 230px;
          height: 44px;
     }


     .bg-text h2 {
          font-size: 20px;
     }


     section.hamper {
          height: 490px;
     }


     .hmp-box h5 {
          font-size: 16px;
     }

     .gift-tree {
          display: none;
     }


     .gift-box {
          display: none;
     }


     section.hamper-content {
          padding: 60px 0;
     }



     .banner-btn {
          position: absolute;
          bottom: 20px;
          right: 33px;
     }

     .banner-btn .small-contact-btn {
          width: 200px;
          height: 30px;
          background: #9F1515;
     }

     .banner-btn .small-contact-btn a {
          font-size: 11px;
     }

}


@media (max-width: 576px) {

     .blog-text h2,
     .content ul li {
          font-size: 15px;
     }

     .blog-wrap {
          height: auto;
          padding: 10px;
     }

     .blog-banner {
          width: 100%;
          max-width: 100%;
     }

     .blog-text {
          padding: 8px 15px;
     }

     .blog-content {
          position: relative;
          color: #fff;
          padding: 10px;
          background-color: #3d6878;
          opacity: 1;
          height: 200px;
          bottom: 10px;
     }

     .right-image-content {
          position: absolute;
          top: 50px !important;
          width: 80%;
          left: 20px !important;
     }

     .content ul li {
          list-style-type: disc;
          margin-bottom: 7px;
     }
}

@media (max-width: 769px) {

     .blog-head,
     .nav-footer,
     .nav-footer ul,
     .nav-footer.aos-init.aos-animate ul,
     .title-sub {
          text-align: center;
     }

     section {
          padding: 60px 0;
     }

     .bake,
     .cake,
     .cone,
     .end,
     .f-left,
     .f-right,
     .final,
     .left,
     .low-footer,
     .main-header,
     .middle,
     .right-about,
     .sale-image img,
     .span-img,
     .top-one,
     .vector-1,
     .vector-2,
     .vector-3 {
          display: none;
     }

     section.banner-section {
          margin: 0;
     }

     .last {
          display: none !important;
     }

     section.abt-home {
          padding-top: 50px !important;
          padding-bottom: 0 !important;
     }

     .blog-content a,
     .brownie-head p,
     .lava-head p,
     .sub-title-two p {
          font-size: 18px;
     }

     .f-one p {
          margin-bottom: 0;
     }

     .about-head h1,
     .second-box {
          margin-bottom: 30px;
     }

     .nav-footer ul {
          display: inline-block;
     }

     .about-head h1 {
          color: #3d6878;
          font-size: 20px;
          font-family: Poppins;
          font-weight: 700;
     }

     .about-box p {
          font-size: 14px;
     }

     h2.title {
          font-size: 34px;
     }

     .mid-title h2 {
          font-size: 24px;
     }

     .sub-image {
          height: 180px;
          width: 260px;
     }

     .lava-head {
          background: #3d6878;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-top: 0;
     }

     .sub-title {
          height: 50px;
          width: 259px;
          margin-top: 30px;
     }

     .banner-fix,
     .blog-head {
          margin-top: 0;
     }

     .right-image-content h1,
     .sub-title p {
          font-size: 20px;
     }

     .subimage-two {
          height: 299px;
          width: 290px;
     }

     .sub-title-two {
          height: 70px;
          width: 290px;
     }

     .lava-head {
          width: 100%;
          height: 54px;
     }

     .blog-content p,
     .contact-bottom p {
          font-size: 16px;
     }

     .f-one p,
     .f-two a {
          color: #fff;
          font-size: 12px;
     }

     .footer-logo {
          top: 0;
          left: 0;
     }

     .social-media ul {
          justify-content: center;
          gap: 20px;
          margin-bottom: 15px;
     }

     .nav-footer {
          margin-bottom: 30px;
     }

     .final-box {
          height: 268px;
          padding: 20px;
          display: flex;
          flex-direction: column;
          justify-content: center;
     }

     .final-box ul li a {
          color: #3d6878;
          font-weight: 700;
          font-size: 14px;
     }

     .f-one p {
          font-weight: 600;
     }

     .about-head-box h5 {
          font-size: 16px;
          margin-bottom: 30px;
     }

     .about-head-box {
          padding: 25px;
          border-radius: 60px;
     }

     h5.align {
          width: unset;
     }

     .cake img {
          width: 35%;
     }

     .about-second h1 {
          font-size: 36px;
     }

     .about-second h3 {
          width: unset;
          font-size: 16px;
     }

     section.about-two {
          padding: 0 0 60px;
     }

     .left-cbox h5 {
          font-size: 16px;
          margin-bottom: 20px;
     }

     .right-image-contact img {
          width: 100%;
     }

     .right-image-content {
          left: 40px;
     }

     .contact-topic h5 {
          font-size: 21px;
     }

     .left-cbox span {
          font-size: 20px;
          font-weight: 700;
          color: #3d6878;
          margin-bottom: 30px;
     }

     .title-sub {
          font-weight: 700;
          color: #3d6878;
          font-size: 16px;
          margin-bottom: 60px;
          padding: 0;
     }

     .about-second-bg ul {
          background-color: #acf6d3;
          border-radius: 16px;
          color: #3d6878;
          font-weight: 500;
          font-size: 18px;
          margin-bottom: 15px;
          width: 80%;
          padding: 40px;
     }

     .contact-topic p {
          font-size: 17px;
     }

     .c-text {
          width: 77%;
     }

     .c-text p a {
          font-size: 15px;
          font-weight: 700;
     }

     section.contact-box {
          padding-top: 0;
     }

     .c-img {
          height: 50px;
          width: 50px;
     }

     .contact-form {
          padding: 20px 10px;
     }

     .nav-items ul li a {
          color: #3d6878;
          font-weight: 600;
     }

     ul.nav-two li {
          margin-bottom: 30px;
          font-size: 26px;
     }

     ul.nav-two {
          position: absolute;
          top: 150px;
          left: 50px;
     }

     ul.nav {
          display: flex;
          flex-direction: column;
          gap: 30px;
     }

     .blog-head {
          background-color: #3d6878;
          color: #acf6d3;
          padding: 10px 20px;
          font-family: Poppins;
     }

     .blog-head h1 {
          font-weight: 700;
          font-size: 20px;
     }

     .blog-head p {
          font-weight: 500;
          font-size: 14px;
     }

     .blog-hero {
          margin-bottom: 20px;
     }

     .blog-content h4 {
          font-size: 20px;
          color: #fff;
          opacity: 1;
     }
}

@media screen and (min-width: 768px) and (max-width: 930px) {
     .blog-text {
          padding: 6px 8px;
     }


     .hamp-tree img {
          width: 79%;
     }

     .hamp-book {
          bottom: 20px;
     }

     .blog-text h2 {
          font-size: 17px;
     }

     .blog-text p {
          font-size: 14px;
          font-weight: 500;
          margin-bottom: 0;
     }
}

@media screen and (min-width: 769px) {
     .mobile-nav {
          display: none;


     }
}

@media (min-width: 768px) and (max-width: 991px) {

     .popup-info h3 {
          font-size: 20px;
      }

      .modal-text p {
          font-size: 15px;
      }

      .small-contact-btn button.btn.btn-primary {
          font-size: 15px;
      }




     .banner-btn {
          position: absolute;
          bottom: 80px;
          right: 100px;
     }

     .bg-text p {
          font-size: 16px;
     }

     .gift-box {
          bottom: 29px;
     }

     .hmp-head h5 {
          font-size: 27px;
          margin-bottom: 20px;
     }

     .hamper-head h5 {
          font-size: 28px;
     }

     .hamper-mid h3 {
          font-size: 30px;
          margin-bottom: 30px;
     }


     .hamper-mid h5 {
          font-size: 28px
     }

     section.hampers {
          height: 760px;
     }

     .cnct-box h5 {
          font-size: 18px;
          margin-bottom: 30px;
     }

     .cnct-text h5 {
          font-size: 24px;
          margin-bottom: 10px;
     }



     .hamper-mid p {
          font-size: 22px;
     }


     .bg-text h2 {
          font-size: 32px;
          margin-bottom: 20px;
     }

     .bg-text {
          margin-bottom: 30px;
     }


     section.hamper {
          height: 352px;
     }


     .hmp-box h5 {
          font-size: 18px;
     }


     section.hamper-content {
          padding: 120px 0;
     }

     .gift-box img {
          width: 80%;
     }

     .gift-tree img {
          width: 60%;
     }

     .gift-tree {
          bottom: 7px;
          text-align: right;
     }





     .banner-btn .small-contact-btn {
          width: 300px;
          background: #9F1515;
     }

     .banner-btn .small-contact-btn a {
          font-size: 16px;
     }


     .end,
     .f-left {
          position: absolute;
     }

     .about-box p {
          font-size: 18px;
     }

     .left img {
          width: 40%;
     }

     .end {
          right: 0;
          top: 80px;
          text-align: right;
     }

     .end img,
     .final img {
          width: 50%;
     }

     .top-one img {
          width: 70%;
     }

     .middle img {
          width: 60%;
     }

     section.abt-home {
          padding-top: 21rem;
          padding-bottom: 240px;
     }

     h2.title {
          font-size: 34px;
     }

     .mid-title h2 {
          font-size: 36px;
          margin-bottom: 70px;
     }

     .nav-footer ul,
     .social-media ul {
          display: flex;
          margin-bottom: 30px;
     }

     .subimage-two {
          height: 269px;
          width: 321px;
     }

     .sub-title-two {
          height: 80px;
          width: 320px;
          margin-bottom: 40px;
     }

     .c-text,
     .lava-head {
          width: 100%;
     }

     .sub-title-two p {
          font-size: 22px;
     }

     .second-box {
          margin-bottom: 25px;
     }

     .lava-head {
          height: 90px;
     }

     .social-media ul {
          justify-content: unset;
          gap: 20px;
     }

     .nav-footer ul {
          justify-content: space-between;
     }

     .low-footer {
          right: 10px;
     }

     .f-left {
          top: 110px;
          left: 60px;
     }

     .low-footer ul li {
          font-size: 11px;
     }

     .cook-image {
          display: none;
     }

     .c-text p {
          font-size: 17px;
     }

     .last.aos-init.aos-animate {
          display: flex;
          align-items: end;
          justify-content: end;
     }

     .last {
          bottom: -110px;
          text-align: right;
     }

     .final-box {
          height: 268px;
          width: 50%;
          padding: 20px;
          display: flex;
          flex-direction: column;
          justify-content: center;
     }
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
     .sub-title {
          background: #3d6878;
          text-align: center;
          height: 60px;
          width: 310px;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-top: -60px;
          margin-bottom: 40px;
     }

     .sub-image {
          height: 300px;
          width: 300px;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 30px 0;
     }
}

@media screen and (min-width: 1201px) and (max-width: 1400px) {
     .sub-title {
          background: #3d6878;
          text-align: center;
          height: 70px;
          width: 360px;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-top: -70px;
          margin-bottom: 40px;
     }
}

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

     .end,
     .last {
          position: absolute;
          text-align: right;
     }

     .end {
          top: 80px;
     }

     .end img {
          width: 50%;
     }

     .last {
          bottom: 0;
     }

     .last img {
          width: 60%;
     }

     section.lower-mob-footer {
          visibility: hidden;
     }

     .nav {
          flex-direction: row;
     }
}

@media screen and (max-width: 768px) {
     section.lower-mob-footer {
          display: inline-block;
          width: 100%;
          text-align: center;
     }

     .banner-content {
          color: #ffff;
          position: absolute;
          bottom: 0;
          right: 0;
          margin-left: 0;
          background: rgba(0, 0, 0, 0.4);
          padding: 30px;
          border-radius: 0;
          font-size: 16px;
     }
}

@media screen and (min-width: 991px) and (max-width: 1025px) {

     .end,
     .last {
          position: absolute;
          text-align: right;
     }

     .end {
          top: 80px;
     }

     .last {
          bottom: 0;
     }
}

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

     .c-text p a,
     .contact-topic {
          color: #3d6878;
          margin-bottom: 20px;
     }

     .contact-logo img {
          width: 20%;
     }

     .c-text p a {
          font-size: 15px;
          font-weight: 700;
     }

     .contact-topic {
          font-size: 16px;
          font-weight: 600;
     }
}

@media screen and (max-width: 384px) {
     .contact-box h5 {
          font-size: 44px;
     }
}

@media screen and (max-width: 500px) {
     .logo img {
          width: 80%;
     }

     .error-text {
          font-size: 20px;
          margin-bottom: 50px;
     }

     .error {
          background-size: contain;
     }

     .contact-flex {
          margin-bottom: 30px;
     }

     .blog-one {
          padding: 50px;
     }
}

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

     .blog-text h2,
     .c-text p a {
          font-size: 14px;
     }

     .logo-text {
          margin-bottom: 10px;
     }

     .c-text p a {
          color: #3d6878;
          margin-bottom: 20px;
          font-weight: 700;
     }

     .blog-text p {
          font-size: 13px;
          font-weight: 500;
          margin-bottom: 6px;
     }

     .blog-text a {
          text-decoration: none;
          font-size: 17px;
          font-weight: 700;
          color: #83d2c2 !important;
     }
}

@media screen and (min-width: 764px) and (max-width: 992px) {
     .blog-sticky {
          display: flex;
          background-color: #3d6878;
          margin-bottom: 20px;
          align-items: center;
     }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
     section.contact-banner {
          padding-top: 30px;
     }

     .subimage-two img {
          width: 100%;
     }

     .subimage-two {
          height: 320px;
          width: 411px;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 30px 0;
     }

     .blog-content {
          position: absolute;
          color: #fff;
          padding: 10px;
          background-color: #3d6878;
          opacity: 0.9;
          height: 170px;
          bottom: 0;
     }

     .blog-content h4 {
          font-size: 20px;
          color: #fff;
          font-weight: 700;
     }

     .blog-content p {
          font-size: 16px;
     }

     .blog-content a {
          text-decoration: none;
          color: #83d2c2;
          font-weight: 700;
          font-size: 20px;
     }
}

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

     .c-text p,
     .c-text p a {
          color: #3d6878;
          font-size: 20px;
          font-weight: 700;
     }

     .contact-flex {
          display: flex;
          flex-direction: column;
          margin-bottom: 30px;
     }

     .c-text p a {
          margin-bottom: 20px;
     }

     .c-text p {
          margin-bottom: 0;
     }
}

@media screen and (max-width: 990px) {
     .block {
          display: block;
     }
}

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

     .cake img,
     .cook-image,
     .f-right,
     .right-about img {
          display: none;
     }

     .about-second-bg ul,
     h5.align {
          width: 100%;
     }

     section.contact-banner {
          padding-top: 80px;
     }

     .right-image-content {
          position: absolute;
          top: 140px;
          width: 80%;
          left: 100px;
     }
}

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

     .banner-btn {
          position: absolute;
          bottom: 140px;
          right: 60px;
     }

     .cake,
     .cake img {
          width: 50%;
     }

     .cake {
          right: 2px;
          text-align: right;
     }
}

@media screen and (min-width: 992px) and (max-width: 1060px) {
     .right-about {
          position: absolute;
          right: -30px;
          bottom: -500px;
          text-align: right;
     }

     .right-about img {
          width: 80%;
     }
}

@media screen and (max-width: 1024) {
     .sub-title {
          background: #3d6878;
          text-align: center;
          height: 70px;
          width: 300px;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-bottom: 40px;
          margin-top: 60px;
     }
}

@media screen and (min-width: 1024px) and (max-width: 1310px) {

     .bake,
     .right-about {
          position: absolute;
          right: 0;
          display: flex;
     }

     .bake,
     .cake,
     .last,
     .right-about {
          display: flex;
     }

     .about-box p {
          font-size: 23px;
     }

     .last {
          position: absolute;
          justify-content: end;
          bottom: 0;
     }

     .cake img,
     .last img {
          width: 60%;
     }

     .left img {
          width: 70%;
     }

     section.abt-home {
          padding-top: 27rem;
     }

     .sub-title-two {
          background: #3d6878;
          text-align: center;
          height: 70px;
          width: 311px;
     }

     .sub-title-two p {
          font-size: 22px;
     }

     .lava-head {
          width: 100%;
     }

     h5.align {
          width: unset;
     }

     .about-head-box {
          padding-bottom: 170px;
     }

     .cake {
          align-items: center;
          justify-content: flex-end;
     }

     .about-second h1 {
          font-size: 54px;
          font-weight: 700;
          color: #3d6878;
          margin-bottom: 30px;
     }

     .about-second p {
          width: unset;
          font-size: 22px;
          margin-bottom: 15px;
     }

     .right-about img {
          width: 80%;
     }

     .right-about {
          bottom: -500px;
          align-items: center;
          justify-content: end;
     }

     .bake {
          top: 116px;
          justify-content: end;
     }

     section.hamper {
          height: 440px;
     }
}

@media (max-width: 1200px) {
     .blog-wrap {
          height: auto;
     }

     .blog-banner {
          max-width: 100%;
     }

     .blog-text h2 {
          font-size: 17px;
     }
}

@media screen and (min-width: 992px) and (max-width: 1400px) {
     .subimage-two {
          height: 300px;
          width: 300px;
     }

     .sub-title-two {
          background: #3d6878;
          text-align: center;
          height: 80px;
          width: 301px;
          display: flex;
          align-items: center;
          justify-content: center;
          margin-top: -47px;
          border-radius: 50px 0;
     }
}



@media screen and (min-width: 1024px) and (max-width: 1440px) {





     .hmp-head h5 {
          font-size: 38px;
          margin-bottom: 40px;
     }

     .hmp-box h5 {
          font-size: 20px;
          margin-bottom: 0px;
     }

     .gift-box {
          bottom: 40px;
     }

     .gift-tree {
          bottom: 40px;

     }

     .cnct-box h5 {
          font-size: 28px;
          margin-bottom: 30px;
     }

     .cnct-text h5 {
          font-size: 18px;
          margin-bottom: 10px;
     }

     .hamper-mid h3 {
          font-size: 28px;
          margin-bottom: 30px;
     }

     .hamper-mid h5 {
          font-size: 28px;
     }

     .hamper-mid p {
          font-size: 24px;
          margin-bottom: 15px;
     }

     section.hampers {
          height: 930px;
          border-radius: 80px;
     }


     .hamp-tree img {
          width: 79%;
     }


     .bg-text p {
          font-size: 20px;
     }


     .bg-text h2 {
          font-size: 40px;
     }

     section.hamper {
          height: 573px;
     }


     .banner-btn {
          bottom: 140px;
      }









}