@media (min-width: 1200px) {
      .container {
            max-width: 1290px;
      }
}

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

@media (min-width: 1540px) {
      .container {
            max-width: 1558px;
      }
}

@media (max-width:1600px) {
      .header-working {
            margin-left: 90px;
      }

      .header-nav ul li {
            margin-right: 20px;
      }

      .header-top-right ul li {
            margin-right: 30px;
      }

      .map-modal .modal-dialog {
            max-width: 780px;
            width: 100%;
      }

      .map-modal .text-box h5 {
            margin-bottom: 20px;
      }

      .get-started-contact ul {
            gap: 15px;
      }

      .banner-inner .swiper-pagination {
            left: 50px;
      }

      .catalogue-inner .swiper-button-prev,
      .swiper-rtl .swiper-button-next {
            left: -15px;
            right: auto;
      }

      .catalogue-inner .swiper-button-next,
      .swiper-rtl .swiper-button-prev {
            right: -15px;
            left: auto;
      }

      .get-started-contact ul li a {
            font-size: 16px;
      }

      .top-fixed {
            max-width: 323px;
      }

      .sticky-header-social {
            padding-left: 15px;
      }

      .sticky-header-social ul {
            display: flex;
            align-items: center;
            column-gap: 10px;
      }

      .sticky-header-inner .header-working {
            padding: 0 20px;
      }

      .sticky-header-inner .header-left {
            padding-left: 10px;
            padding-right: 20px;
      }
}

@media (max-width:1400px) {
      .header-nav ul li {
            margin-right: 15px;
      }

      .header-nav ul li a,
      .header-top-right ul li a {
            font-size: 12px;
      }

      .header-top-right ul li {
            margin-right: 20px;
      }

      .world-btn {
            padding: 20px 0 20px 20px;
      }

      .banner-inner .swiper-pagination {
            left: 30px;
      }

      .top-fixed {
            max-width: 297px;
      }
}

@media (max-width:1300px) {
      .header-right form {
            position: relative;
            width: 250px;
      }

      .header-right ul li {
            margin-left: 24px;
      }

      .header-left ul {
            margin-left: 0;
      }

      .banner-slide .text-box {
            padding: 30px 30px;
      }

      .banner-slide .text-box h1 {
            font-size: 36px;
            line-height: 44px;
            max-width: 508px;
            width: 100%;
      }

      .banner-slide .text-box p {
            font-size: 18px;
            line-height: 26px;
            max-width: 410px;
            margin: 15px 0;
      }

      .banner-slide-right .text-box {
            padding: 30px 30px;
      }

      .banner-inner .swiper-pagination {
            left: 30px;
      }

      .florex-shop-box {
            padding: 97px 50px;
      }

      .get-started-contact ul li a {
            font-size: 14px;
      }

      .map-holder {
            margin-bottom: -15px;
      }

      .get-started-left {
            margin: 20px 0 0 0;
      }

      .get-started-contact {
            margin-top: 20px;
            padding-left: 20px;
      }

      .map-holder a {
            position: absolute;
            top: 20px;
            left: 20px;
      }

      .map-holder a img {
            height: 30px;
      }

      .filter-flowers ul li a {
            font-size: 14px;
            padding: 11px 18px 11px;
      }

      .about-banner .text-box {
            padding: 0;
      }

      .about-banner .text-box h3 {
            margin-bottom: 80px;
      }

      .about-sec:after {
            height: 275px;
      }

      .about-banner-inner .text-box {
            padding-left: 30px;
            padding-top: 0;
      }

      .about-banner .text-box.text-inner {
            padding: 40px 0 0 0;
      }

      .trampling-sec::after {
            height: 365px;
      }

      .regulations-right {
            padding: 42px 30px 35px;
      }

      .contact-left .media {
            margin: 15px 0;
      }

      .contact-left .media ul {
            column-gap: 20px;
      }

      .contact-left .media ul li p {
            font-size: 16px;
      }

      .contact-detail-sec .contact-left .text-box h4 {
            font-size: 30px;
            line-height: 40px;
      }

      .contact-shipping ul li .media h5 {
            font-size: 14px;
            padding-left: 10px;
      }

      .contact-shipping ul li .media h5 {
            line-height: 18px;
      }

      .top-fixed {
            max-width: 274px;
      }

      .sticky-header-inner .header-left ul li {
            margin-right: 0;
      }

      .sticky-logo {
            padding: 25px 15px 25px 0;
      }

      .sticky-logo img {
            height: 16px;
      }

      .sticky-header-inner .header-working a p {
            font-size: 12px;
      }

      .sticky-header-social ul {
            column-gap: 20px;
      }
}

@media(max-width:1199px) {
      .world-btn {
            padding: 20px 0 20px 10px;
      }

      header {
            padding-bottom: 150px;
            background-image: none;
            background-color: #373753;
      }

      .header-top-right ul li {
            margin-right: 13px;
      }

      .header-working a p img {
            margin-right: 8px;
      }

      .header-working a p {
            font-size: 12px;
      }

      .header-working {
            margin-left: 40px;
      }

      .header-mid {
            padding: 30px 0px 19px;
      }


      .header-nav ul li {
            margin-right: 10px;
      }

      .header-nav ul li a,
      .header-top-right ul li a {
            font-size: 10px;
      }

      .dropdown-btn {
            font-size: 16px;
            padding: 10px;
            border-radius: 6px 6px 0 0;
      }

      .header-left ul li {
            margin-right: 0;
      }

      .header-right ul li {
            margin-left: 15px;
      }

      .header-right form {
            width: 210px;
      }


      .header-media .logo img {
            height: 115px;
      }

      .banner-slide .text-box {
            padding: 20px;
      }

      .banner-slide .text-box h1 {
            font-size: 28px;
            line-height: 34px;
            max-width: 418px;
            width: 100%;
      }

      .banner-slide .text-box p {
            font-size: 15px;
            line-height: 26px;
            max-width: 360px;
            margin: 10px 0;
      }

      .order-btn {
            height: 48px;
            max-width: 190px;
            font-size: 16px;
      }

      .order-btn img {
            margin-left: 8px;
      }

      .banner-slide-right .text-box h2 {
            font-size: 28px;
            line-height: 32px;
            margin-top: 15px;
      }

      .banner-slide-right .text-box {
            padding: 20px;
      }

      .banner-slide-right .text-box span {
            font-size: 14px;
            height: 34px;
      }

      .banner-inner .swiper-button-next {
            bottom: 20px;
            right: 15px;
      }

      .banner-inner .swiper-pagination {
            left: 20px;
            top: 20px;
      }

      .banner-inner {
            margin: -150px 0 0 0;
      }

      .catalogue-box .text-box span {
            font-size: 16px;
      }

      .catalogue-box .text-box h4 {
            font-size: 15px;
            margin-bottom: 14px;
      }

      .catalogue-box:hover .text-box h4 {
            font-size: 16px;
      }

      .florex-shop-box {
            padding: 80px 30px 50px;
      }

      .florex-shop-inner .text-box h3 {
            font-size: 36px;
            line-height: 44px;
      }

      .florex-shop-inner .text-box p {
            font-size: 22px;
            margin: 10px 0;
      }

      .florex-shop-inner .text-box p img {
            margin-left: 10px;
            height: 24px;
      }

      .florex-shop-inner .text-box .order-btn {
            max-width: 210px;
      }

      .order-btn svg {
            margin-left: 10px;
      }

      .faq-sec {
            padding: 50px 0;
      }

      .accordion-button {
            font-size: 14px;
      }

      .accordion-body p {
            font-size: 14px;
            line-height: 20px;
            max-width: 390px;
            width: 100%;
      }

      .get-started-left h4 {
            font-size: 22px;
      }

      .get-started-left p {
            font-size: 14px;
            line-height: 22px;
            margin: 10px 0 15px 0;
      }

      .get-started-left {
            margin: 10px 0 0 0;
      }

      .get-started-left ul img {
            height: 36px;
      }

      .get-started-contact {
            margin-top: 10px;
            padding-left: 0;
      }

      .get-started-contact ul {
            gap: 10px;
      }

      .footer-link h4 {
            font-size: 16px;
            margin-bottom: 20px;
      }

      .footer-link ul li a {
            font-size: 12px;
      }

      .footer-right a img {
            height: 100px;
      }

      footer {
            padding: 50px 0;
      }

      .florex-shop-inner .swiper-pagination {
            bottom: 20px;
            right: 20px;
      }

      .sidbar-top .banner-slide-right .text-box {
            padding: 15px 15px;
      }

      .sidbar-top .swiper-pagination {
            top: 15px;
            left: 15px;
      }

      .filters-nav {
            padding: 20px 15px;
      }

      .filter-flowers ul li a {
            font-size: 12px;
            padding: 10px 13px;
      }

      .filters-title {
            padding: 0 0 10px 5px;
      }

      .filters-title h3 {
            font-size: 14px;
      }

      .filters-title .filter-btn {
            width: 80px;
      }

      .filters-detail {
            padding: 30px 15px;
      }

      .filters-detail-top h4 a {
            margin-left: 8px;
      }

      .filter-type ul {
            gap: 10px;
      }

      .about-banner .image-holder {
            padding-left: 0;
      }

      .about-banner .text-box h3 {
            font-size: 24px;
            margin-bottom: 50px;
            line-height: 32px;
      }

      .about-banner .text-box p {
            font-size: 14px;
            line-height: 20px;
            margin-bottom: 10px;
      }

      .about-sec:after {
            height: 220px;
      }

      .about-banner-inner .text-box p {
            font-size: 14px;
            line-height: 18px;
            margin-bottom: 10px;
      }

      .cooperation-banner .text-box h3 {
            margin-bottom: 10px !important;
      }

      .about-banner .text-box.text-inner h3 {
            font-size: 22px;
      }

      .about-banner .text-box.text-inner {
            padding: 30px 0 0 0;
      }

      .cooperation-sec::after {
            height: 240px;
      }

      .trampling-sec::after {
            height: 38vh;
      }

      .regulations-right {
            padding: 20px 15px;
      }

      .regulations-right ul li a {
            font-size: 16px;
      }

      .contact-left h4 {
            font-size: 34px;
            line-height: 40px;
      }

      .contact-left .media ul {
            column-gap: 15px;
      }

      .contact-left .media ul li p {
            font-size: 13px;
            line-height: 20px;
      }

      .social-media {
            margin-left: 15px;
      }

      .contact-info-sec .text-box h4 {
            font-size: 20px;
            margin-bottom: 12px;
      }

      .contact-info-sec .text-box ul li a {
            font-size: 16px;
            line-height: 22px;
      }

      .contact-info-sec .text-box ul li p {
            font-size: 16px;
            line-height: 22px;
      }

      .contact-left .relative {
            margin-top: 0;
      }

      .product-detail-left .swiper-slide img {
            border-radius: 10px;
      }

      .product-detail-left .swiper-button-next,
      .product-detail-left .swiper-button-prev {
            top: 52%;
            transform: translate(0, -52%);
      }

      .product-detail-left .swiper-button-next,
      .swiper-rtl .swiper-button-prev {
            right: 20px;
            left: auto;
      }

      .product-detail-left .swiper-button-prev,
      .swiper-rtl .swiper-button-next {
            left: 23px;
            right: auto;
      }

      .product-detail-right {
            padding: 0 0 0 10px;
      }

      .product-text h3 {
            font-size: 32px;
            line-height: 40px;
            margin-bottom: 20px;
      }

      .available-price h4 a span {
            color: #7C7C7C;
            font-size: 24px;
      }

      .available-price h4 a {
            font-size: 24px;
      }

      .top-fixed {
            max-width: 214px;
      }

      .sticky-header-inner .dropdown-btn {
            font-size: 12px;
            padding: 8px;
      }

      .sticky-header-inner .header-left {
            padding-left: 10px;
            padding-right: 10px;
      }

      .sticky-logo img {
            height: 12px;
      }

      .sticky-header-inner .header-working a p img {
            margin-right: 5px;
            height: 14px;
      }

      .sticky-header-inner .header-working {
            padding: 0 10px;
      }

      .sticky-header-inner .header-left ul li {
            margin-right: 10px;
      }

      .sticky-header-inner .header-working a p {
            font-size: 11px;
      }

      .sticky-header-social ul li img {
            height: 18px;
      }
}


@media(max-width:991px) {
        .delivery-date {
                width: 100%;
        }
        .date-icon {
                display: none;
        }
      .chekout-textareapiezimes {
            font-size: 11px;
            /*top: 11px;*/
        }
      .header-top .media {
            justify-content: center;
      }

      .header-working {
            margin-left: 0;
      }

      .header-top {
            padding: 17px 0;
            height: 56px;
      }

      .header-second .header-mid {
            padding: 22px 0;
      }

      header.darkHeader .header-mid {
            position: fixed;
            left: 0;
            top: 0;
            z-index: 1000;
            width: 100%;
            background-color: #373753;
            padding: 16px 0;
      }

      .sticky-header {
            display: none;
      }

      header.darkHeader .header-mid .full-logo {
            display: none;
      }

      header.darkHeader .header-mid .single-logo {
            display: block;
      }

      header.darkHeader .header-mobile ul {
            gap: 27px;
      }

      .logo a img {
            height: auto;
                max-width: 115px;
      }

      .banner-slide .text-box {
            padding: 15px;
      }

      .banner-slide .text-box h1 {
            font-size: 22px;
            line-height: 26px;
            max-width: 328px;
            width: 100%;
      }

      .banner-slide .text-box p {
            font-size: 14px;
            line-height: 20px;
            max-width: 270px;
            margin: 10px 0;
      }

      .order-btn {
            height: 40px;
            max-width: 160px;
            font-size: 14px;
      }

      .order-btn img {
            margin-left: 6px;
            height: 8px;
      }

      .banner-slide-right .text-box {
            padding: 15px;
      }

      .banner-slide-right .text-box span {
            font-size: 12px;
            height: 30px;
            max-width: 105px;
      }

      .banner-slide-right .text-box h2 {
            font-size: 22px;
            line-height: 26px;
            margin-top: 10px;
      }

      .banner-inner .swiper-button-next img {
            height: 26px;
      }

      .banner-inner .swiper-pagination {
            top: 10px;
      }

      .catalogue-sec {
            padding: 50px 0;
      }

      .catalogue-inner .swiper-button-prev,
      .swiper-rtl .swiper-button-next {
            left: -30px;
            right: auto;
      }

      .catalogue-inner .swiper-button-next,
      .swiper-rtl .swiper-button-prev {
            right: -30px;
            left: auto;
      }

      .catalogue-hover {
            padding: 15px;
      }

      .florex-shop-inner .text-box h3 {
            font-size: 30px;
            line-height: 38px;
            max-width: 410px;
      }

      .florex-shop-box {
            padding: 61px 20px 40px;
      }

      .shadow::after {
            height: 220px;
      }

      .accordion-body {
            padding: 10px 0;
      }

      .get-started-sec {
            padding: 50px 0 0 0;
      }

      .map-holder {
            margin: 30px auto -50px;
      }

      .get-started-left,
      .get-started-contact {
            margin: 0;
      }

      .footer-inner {
            flex-wrap: wrap;
      }

      .footer-link {
            width: 33.3%;
            margin-bottom: 30px;
      }

      .footer-right {
            width: 66.6%;
      }

      .map-modal .modal-dialog {
            max-width: 91%;
      }

      .map-modal .text-box h5 {
            font-size: 16px;
            line-height: 26px;
            margin-bottom: 12px;
            font-weight: normal;
      }

      .map-modal .text-box {
            padding: 10px 0 0 0;
      }

      .stoer-mobile-title {
            display: flex;
      }

      .filters-nav {
            padding: 30px 24px;
            position: fixed;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            z-index: 1000;
            max-width: 325px;
            width: 100%;
            display: none;
      }

      .filters-nav.active {
            display: block;
      }

      .filters-title {
            padding: 0 0 10px 16px;
      }

      .filters-title h3 {
            font-size: 16px;
      }

      .filter-flowers ul li a {
            font-size: 14px;
            padding: 10px 35px 10px 17px;
      }

      .close-filter img,
      .close-filter2 img {
            height: 26px;
      }

      .filters-detail {
            position: fixed;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            z-index: 1000;
            max-width: 325px;
            width: 100%;
            display: block;
            padding: 0;
            display: none;
      }

      .filters-detail-top h4 a {
            margin-left: 19px;
      }

      .filters-detail-top {
            padding: 26px 30px;
      }

      .filters-detail-inner {
            padding: 0 25px 30px;
      }

      .filter-type ul {
            gap: 20px;
      }

      .select-btn {
            display: flex;
      }

      .e-stoer-sec {
            padding: 32px 0;
      }

      .about-sec {
            padding: 50px 0;
            position: relative;
      }

      .about-banner .text-box h3 {
            font-size: 20px;
            margin-bottom: 30px;
            line-height: 26px;
      }

      .about-banner .text-box p {
            font-size: 12px;
            line-height: 16px;
            margin-bottom: 10px;
      }

      .about-banner-inner .text-box h3 {
            font-size: 22px;
            line-height: 26px;
            margin-bottom: 10px;
      }

      .about-banner-inner .text-box p {
            font-size: 12px;
            line-height: 16px;
            margin-bottom: 10px;
      }

      .cooperation-sec::after {
            height: 220px;
      }

      .about-banner.trampling-banner .image-holder {
            padding-left: 0;
      }

      .contact-left .media ul li p {
            font-size: 16px;
            line-height: 26px;
      }

      .contact-left .media ul {
            column-gap: 40px;
      }

      .contact-left {
            padding: 0 0 30px 0;
      }

      .contact-sec .image-holder {
            max-width: 100%;

            margin-bottom: -45px;
      }

      .contact-sec {
            padding: 50px 0 0;
            background-color: #F5F5F5;
      }

      .contact-info-sec {
            padding: 80px 0 50px;
      }

      .contact-detail-sec .contact-left .text-box h4 {
            font-size: 24px;
            line-height: 32px;
      }

      .contact-detail-sec .contact-left .text-box p {
            font-size: 14px;
            line-height: 20px;
            margin: 20px 0;
      }

      .contact-detail-sec .contact-left .text-box ul li a {
            width: 130px;
      }

      .contact-shipping ul li {
            width: 100%;
      }

      .contact-shipping {
            margin: 30px 0 0 0;
      }

      .contact-detail-sec .image-holder {
            padding: 40px;
      }

      .product-detail-right {
            padding: 30px 0 0 0;
      }

      .top-fixed {
            position: static;
      }
}

@media(max-width:767px) {
      .container {
            max-width: 100%;
            padding: 0 24px;
      }

      .banner-slide .text-box {
            padding: 27px;
      }

      .banner-slide .text-box h1 {
            font-size: 33px;
            line-height: 40px;
            max-width: 328px;
            width: 100%;
      }

      .banner-slide .text-box p {
            font-size: 21px;
            line-height: 25px;
            max-width: 350px;
            margin: 7px 0 12px;
      }

      .order-btn {
            height: 40px;
            max-width: 184px;
            height: 45px;
            font-size: 16px;
      }

      .banner-inner .swiper-pagination {
            right: auto;
            top: 26px;
            left: 24px;
      }

      .banner-slide-right .text-box h2 {
            font-size: 33px;
            line-height: 40px;
            margin-top: 14px;
      }

      .banner-slide-right .text-box {
            padding: 27px;
      }

      .get-started-contact ul li a {
            font-size: 12px;
      }

      .get-started-contact ul {
            gap: 5px;
      }

      .footer-link:nth-child(4) {
            width: 50%;
      }

      .footer-right {
            width: 50%;
      }

      .footer-link ul li a span {
            font-size: 16px;
            margin: 10px 0;
      }

      .show-btn {
            width: 140px;
            margin-left: 10px;
      }

      .title h4 {
            font-size: 26px;
      }

      .florex-shop-inner .text-box h3 {
            font-size: 26px;
            line-height: 30px;
            max-width: 370px;
      }

      .florex-shop-inner .text-box p {
            font-size: 18px;
            margin: 10px 0;
      }

      .florex-shop-box {
            padding: 80px 20px 20px;
      }

      .header-working a p img {
            margin-right: 5px;
            height: 17px;
      }

      .header-working a p span {
            margin: 0 2px;
      }

      .catalogue-box .text-box h4 {
            font-size: 15px;
            margin-bottom: 14px;
            min-height: auto;
            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            /* number of lines to show */
            line-clamp: 1;
            -webkit-box-orient: vertical;
      }

      .pagination {
            color: #000;
            font-size: 14px;
            font-weight: normal;
            line-height: 1;
            width: 100%;
            justify-content: center;
      }

      .pagination ul {
            justify-content: center;
      }

      .pagination ul li.pagination-link {
            margin: 0 22px;
      }

      .pagination ul li a.right-arrow {
            display: flex;
            align-items: center;
            transform: rotate(-185deg);
      }

      .about-banner .text-box h3 {
            font-size: 22px;
            margin-bottom: 30px;
            line-height: 26px;
      }

      .about-banner .text-box p {
            font-size: 15px;
            line-height: 18px;
            margin-bottom: 10px;
      }

      .about-banner .image-holder {
            padding-left: 0;
            margin-bottom: 34px;
      }

      .about-banner .image-holder img {
            border-radius: 10px;
      }

      .about-banner-inner .text-box p {
            font-size: 15px;
            line-height: 18px;
            margin-bottom: 20px;
      }

      .about-banner-inner .text-box {
            padding-left: 0;
            padding-top: 33px;
      }

      .about-banner-inner {
            margin: 34px 0 0 0;
      }

      .about-sec {
            padding: 35px 0 40px;
      }

      .about-sec:after {
            height: 60%;
      }

      .cooperation-banner .text-box h3 {
            margin-bottom: 18px !important;
      }

      .about-banner.cooperation-banner .image-holder {
            margin: 34px 0 0 0;
      }

      .cooperation-inner .image-holder img {
            border-radius: 10px;
      }

      .cooperation-inner .text-box p {
            margin-bottom: 16px;
      }

      .about-banner.trampling-banner .text-box {
            padding: 0 0 24px 0;
      }

      .about-banner.trampling-banner .accordion {
            margin: 0;
      }

      .trampling-sec::after {
            height: 40%;
      }

      .regulations-left h2 {
            font-size: 22px;
            line-height: 1;
            margin-bottom: 30px;
      }

      .regulations-left .text-box p {
            font-size: 15px;
            margin-bottom: 20px;
            line-height: 18px;
      }

      .regulations-sec {
            padding: 35px 0 50px;
      }

      .regulations-right {
            padding: 34px 35px;
            max-width: 100%;
            margin: 50px 0 0 0;
      }

      .regulations-right h4 {
            font-size: 18px;
            margin-bottom: 18px;
      }

      .contact-left h4 {
            font-size: 22px;
            line-height: 26px;
      }

      .contact-left .media ul li p {
            font-size: 16px;
            line-height: 19px;
      }

      .contact-left .media {
            align-items: flex-start;
            margin: 20px 0;
            flex-direction: column;
      }

      .waze-list {
            max-width: 278px;
            width: 100%;
            margin: 20px 0;
      }

      .waze-list ul {
            column-gap: 5px !important;
      }

      .waze-list ul li {
            width: 50%;
      }

      .waze-list ul li a {
            display: flex;
            align-items: center;
      }

      .waze-list img {
            width: 100%;
            height: 37px;
      }

      .contact-left .media .relative li p {
            margin-bottom: 10px;
      }

      .contact-left .media .relative li p:last-child {
            margin-bottom: 0;
      }

      .contact-left .media .relative {
            width: 100%;
            justify-content: space-between;
      }

      .contact-sec {
            padding: 36px 0 0;
      }

      .contact-left {
            padding: 0 0 10px 0;
      }

      .contact-info-sec .text-box h4 {
            font-size: 15px;
            margin-bottom: 12px;
            cursor: pointer;
      }

      .contact-info-sec .text-box ul li a {
            font-size: 14px;
            line-height: 17px;
      }

      .contact-info-sec .text-box:last-child {
            margin-bottom: 20px;
      }

      .contact-info-sec .text-box h4 img {
            display: block;
      }

      .contact-info-sec .text-box ul {
            display: none;
      }

      .contact-info-sec {
            padding: 70px 0 20px;
      }

      .social-media a img {
            height: 33px;
      }

      .contact-detail-sec .image-holder::after {
            display: none;
      }

      .contact-detail-sec {
            background-color: #F5F5F5;
            padding: 30px 0 35px 0;
      }

      .contact-detail-sec .image-holder {
            padding: 0;
            height: auto;
      }

      .contact-detail-sec .image-holder img {
            height: 280px;
      }

      .contact-detail-sec .contact-left .text-box h4 {
            font-size: 18px;
            line-height: 22px;
            text-align: center;
            margin-bottom: 10px;
      }

      .contact-detail-sec .contact-left .text-box p {
            font-size: 16px;
            line-height: 19px;
            margin: 20px 0;
            text-align: center;
            margin: 0 auto;
      }

      .contact-detail-sec .contact-left {
            padding: 16px 0 0;
      }

      .contact-detail-sec .contact-left .text-box ul {
            justify-content: center;
            margin: 20px 0 0 0;
      }

      .contact-detail-sec .contact-left .text-box ul li a {
            width: 125px;
            font-size: 12px;
            height: 35px;
      }

      .contact-detail-sec .contact-left .text-box ul li a img {
            height: 12px;
            margin-left: 8px;
      }

      .contact-shipping ul li .media h5 {
            font-size: 15px;
            padding-left: 17px;
            font-weight: normal;
            max-width: 100%;
            flex: 1;
      }

      .contact-shipping ul li .media {
            flex-direction: row;
            align-items: center;
      }

      .contact-shipping ul li .media span {
            height: 44px;
            display: flex;
            align-items: center;
      }

      .contact-shipping ul li .media span img {
            height: 100%;
      }

      .contact-shipping {
            margin: 46px 0 0 0;
      }

      .product-detail-sec {
            padding: 0;
      }

      .product-detail-sec .container {
            padding: 0;
      }

      .product-detail-left {
            position: relative;
      }

      .product-detail-left .swiper-slide img {
            border-radius: 0;
      }

      .product-detail-left .media {
            display: flex;
            align-items: center;
            justify-content: space-between;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 100;
            padding: 20px 25px;
      }

      .like-active {
            height: 34px;
      }

      .discount.discount-big {
            width: 56px;
            height: 56px;
            font-size: 18px;
            top: auto;
            bottom: -25px;
            right: 24px;
      }

      .product-text h3 {
            font-size: 22px;
            line-height: 26px;
            margin-bottom: 12px;
            margin-top: 19px;
      }

      .available-check {
            padding: 0;
            margin: 0;
      }

      .available-check p {
            font-size: 14px;
            font-weight: 400;
      }

      .available-check p img {
            margin-right: 5px;
            height: 14px;
      }

      .available-price h4 a,
      .available-price h4 a span {
            font-size: 25px;
      }

      .cart-btn {
            height: 50px;
            max-width: 177px;
            font-size: 15px;
      }

      .qty-btn img {
            height: 33px;
      }

      .count {
            font-size: 16px;
            width: 54px;
      }

      .product-detail-right {
            padding: 25px 25px 60px;
      }

      .product-text {
            margin: 0;
      }

      .cart-media {
            margin: 16px 0 0 0;

      }

      .product-detail-right .text-box p {
            margin-bottom: 16px;
      }

      .product-likely-sec {
            background-color: #F5F5F5;
            padding-top: 40px;
            padding-bottom: 0;
      }

      .product-likely-sec .catalogue-inner {
            margin: 0;
            padding-bottom: 100px;
            border-bottom: 1px solid #e6e6e6;
      }

      .product-likely-sec .catalogue-inner h3 {
            font-size: 22px;
      }

      .product-likely-sec .catalogue-inner .media {
            margin-bottom: 28px;
      }

      .more-btn {
            display: flex;
      }

      .offcanvas.offcanvas-end {
            border: none;
      }

      .offcanvas-header h5 {
            font-size: 16px;
      }

      .offcanvas-header {
            padding: 15px 25px;
      }

      .product-successfully span {
            font-size: 13px;
            height: 40px;
            max-width: 100%;
            width: 100%;
      }

      .product-cart-left .text-box h4 {
            font-size: 14px;
      }

      .product-cart-left .text-box {
            padding-left: 20px;
      }

      .product-cart .qty-btn img {
            height: 29px;
      }

      .product-cart .count {
            font-size: 14px;
            width: 37px;
      }

      .offcanvas-body {
            padding: 20px 25px;
      }

      .offcanvas-store .media h4 {
            font-size: 14px;
      }

      .offcanvas-store .media a {
            font-size: 12px;
      }

      .offcanvas-footer h4 {
            font-size: 16px;
            line-height: 22px;
            max-width: 110px;
      }

      .offcanvas-footer a {
            font-size: 15px;
            height: 50px;
            width: 187px;
      }

      .offcanvas-footer {
            padding: 23px 25px;
      }

      .form-group .media {
            align-items: flex-start;
            flex-direction: column;
      }

      .label-text {
            font-size: 16px;
            margin-bottom: 24px;
      }

      .form-check-label h6 a {
            margin: 0 1px;
      }

      .payment-detail li {
            width: 50%;
            padding: 6px 6px;
      }

      .delivery-box-body {
            align-items: flex-start;
            flex-direction: column;
      }

      .delivery-date.delivery-time {
            width: 100%;
            margin-left: 0;
            margin-top: 10px;
      }

      .store-box .text-box {
            padding: 20px 7px;
      }

      .offcanvas-footer ul {
            max-width: 174px;
            width: 100%;
      }

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

      .offcanvas-footer.offcanvas-footer-last a {
            height: 50px;
            width: 132px;
      }

      .delivery-box-head {
            align-items: flex-start;
            flex-direction: column;
            position: relative;
      }

      .form-check {
            align-items: flex-start;
            flex-direction: column;
      }

      .form-check-label {
            margin-top: 20px;
      }

      .delivery-box-head ul {
            display: flex;
            align-items: center;
            gap: 10px;
            position: absolute;
            top: 0;
            left: 32px;
      }

      .btn-goze {
            font-size: 12px;
            height: 40px;
            width: 120px;
      }

      .get-started-left ul img {
            height: 26px;
      }
}

@media(max-width:575px) {
      .banner-slide .text-box p {
            font-size: 16px;
      }

      .title h4 img {
            margin-right: 15px;
            height: 18px;
      }

      .title h4 img.arrow-icon {
            height: 8px;
            margin-left: 15px;
            margin-right: 0;
      }

      .title h4 {
            font-size: 18px;
      }

      .show-btn {
            display: none;
      }

      .filter-btn {
            height: 35px;
            width: 94px;
            font-size: 12pt;
      }

      .filter-btn svg {
            margin-left: 8px;
            height: 12px;
            width: 12px;
      }

      .catalogue-sec {
            padding: 30px 0 35px;
      }

      .swiper-grid-column>.swiper-wrapper {
            flex-direction: row;
      }

      .catalogue-inner .swiper-slide {
            margin-top: 0 !important;
      }

      .catalogue-inner .swiper-button-next,
      .catalogue-inner .swiper-button-prev {
            display: none;
      }

      .catalogue-inner {
            margin: 14px 0 0 0;
      }

      .catalogue-box {
            margin: 10px 0;
      }

      .catalogue-box .text-box {
            margin: 8px 0 0 0px;
      }

      .catalogue-box .text-box h4 {
            font-size: 15px;
            margin-bottom: 2px;
      }

      .catalogue-box:hover .text-box h4 {
            font-size: 15px;
      }

      .catalogue-box .text-box span {
            font-size: 15px;
      }

      .catalogue-box .text-box ul li {
            margin: 0 2px;
      }

      .discount {
            font-size: 14px;
            width: 40px;
            height: 40px;
            top: 23px;
            right: 23px;
      }

      .see-btn {
            display: flex;
      }

      .florex-shop-box {
            padding: 86px 26px 33px;
      }

      .florex-shop-inner .text-box h3 {
            font-size: 25px;
            line-height: 30px;
            max-width: 145px;
      }

      .florex-shop-inner .text-box p {
            font-size: 16px;
            margin: 14px 0;
      }

      .florex-shop-inner .text-box p img {
            height: 18px;
            margin-left: 11px;
      }

      .florex-shop-inner .text-box .order-btn {
            max-width: 148px;
            font-size: 12px;
            height: 34px;
      }

      .florex-shop-inner .swiper-pagination {
            display: none;
      }

      .order-btn svg {
            margin-left: 8px;
            height: 6px;
            width: 13px;

      }



      .faq-sec {
            padding: 24px 0 36px;
      }

      .accordion-button {
            font-size: 15px;
      }

      .accordion-button br {
            display: none;
      }

      .accordion-button p {
            flex: 1;
            max-width: 290px;
      }

      .accordion-button span {
            display: flex;
            align-items: center;
      }

      .accordion-button span img {
            height: 16px;
      }

      .shadow::after {
            bottom: 36px;
      }

      .get-started-left h4 {
            text-align: center;
      }

      .get-started-left p {
            font-size: 16px;
            text-align: center;
            max-width: 280px;
            width: 100%;
            margin: 10px auto 16px;
      }

      .get-started-left ul {
            gap: 10px;
            justify-content: center;
      }

      .btn-goze {
            font-size: 15px;
            height: 37px;
            width: 134px;
                padding-left: 16px;
      }

      .get-started-left ul img {
            height: 18px;
      }

      .map-holder a {
            top: 15px;
            left: 26px;
      }

      .map-holder {
            margin: 25px auto 0;
      }

      .get-started-sec {
            padding: 41px 0 8px 0;
            overflow: visible;
      }

      .get-started-contact {
            position: relative;
            margin: 31px 0 0 0;
      }

      .get-started-contact h4 {
            font-size: 18px;
      }

      .get-started-contact ul {
            column-gap: 23px;
            row-gap: 13px;
            flex-wrap: wrap;
      }

      .get-started-contact ul li:first-child {
            width: 100%;
      }

      .get-started-contact ul li a {
            font-size: 14px;
      }

      .get-started-contact ol {
            position: absolute;
            top: 0;
            right: 0;
      }

      .get-started-contact ol li a img {
            height: 34px;
      }

      footer {
            padding: 19px 0;
      }

      .mobile-seach-category ol .catalogue-box {
            margin: 0;
      }

      .e-stoer-sec .catalogue-box {
            margin: 0;
      }

      .e-stoer-sec .catalogue-box .text-box h4 {
            font-size: 15px;
            margin-bottom: 6px;
            line-height: 20px;
      }

      .e-stoer-sec .discount {
            top: 15px;
            right: 15px;
      }

      .like-fill {
            top: 15px;
            left: 15px;
      }

      .like-fill img {
            height: 30px;
      }

      .sidbar-top {
            margin: 0;
      }

      .sort-pagi {
            margin: 40px 0 0 0;
      }

      .about-sec:after {
            height: 55%;
      }

      .trampling-sec::after {
            height: 40%;
      }
}

@media(max-width:374px) {
      .container {
            padding: 0 12px;
      }

      .header-working a p {
            font-size: 10px;
      }

      .header-mobile ul {
            gap: 16px;
      }

      .header-mid {
            padding: 20px 0px;
      }
}