/* Medium devices (tablets, less than 992px) */

@media (min-width: 991.98px) and (max-width: 1199.98px) {
    .clint-img {
        width: 90% !important;
        transform: translate(0%, 40%);
    }
    .testimonial-container {
        width: 90%;
    }
    .shop-list li {
        font-size: 16px;
    }
    .shop-list li i {
        font-size: 17px;
    }
    .shop-text h2 {
        font-size: 2rem;
        margin-bottom: -5px;
    }
    .shop-text p span {
        font-size: 13px;
    }
}


/* Large devices (desktops, less than 1200px) */

@media (min-width: 768px) and (max-width: 1199.98px) {
    .logo img {
        width: 100% !important;
        height: 100% !important;
    }
    .navbar {
        display: flex !important;
        flex-direction: row;
        padding-bottom: 10px;
    }
    .menubaar li a {
        font-size: .7rem !important;
        padding: 0px !important;
    }
    .menubaar li {
        padding: 0px 10px!important;
    }
    /* ==========all-tittle========== */
    .all-title {
        margin-bottom: 5%;
    }
    .all-title h2 {
        font-size: 1.5rem;
        margin-bottom: 50px;
    }
    .all-title p {
        padding-top: 0px;
        font-size: .9rem;
        margin-top: -30px;
    }
    /* slide-div================= */
    .category-slider {
        /* box-shadow: 0 1px 3px rgb(36 39 44 / 15%); */
        box-shadow: none;
        padding: 10px;
        border-radius: 10px;
        margin-left: 0px;
    }
    .category-items {
        padding: 0%;
        padding-top: 5%;
        margin: 0px;
        margin-left: -2px;
    }
    .category-items {
        /* box-shadow: 1px 2px 2px var(--light-gray); */
        box-shadow: none;
    }
    .category-items img {
        width: 70% !important;
        height: 150px;
    }
    .category-items h2 {
        font-weight: bold;
        font-size: 1.2rem;
    }
    /* ===about-us========== */
    .about-us-section {
        width: 104%;
        margin-left: 0px;
    }
    .about-p {
        font-size: .9rem;
        line-height: 25px;
        margin-top: -40px;
    }
    .about-us-img img {
        width: 100%;
    }
    .testimonial-container,
    .about-shadow {
        box-shadow: 0 0 20px rgba(135, 207, 235, 0.314);
        border-radius: 10px;
    }
    /* ========where to buy=========== */
    .white-card-container {
        display: grid;
        grid-template-columns: repeat(3, .9fr);
        grid-gap: 10px;
        justify-content: center;
    }
    .white-card h5 {
        font-size: .9rem;
    }
    .white-card i {
        font-size: 2rem;
    }
    .white-card {
        height: 100px;
        border-radius: 5px;
    }
    /* ========our-testimonial========== */
    .testimonial-container,
    .about-shadow {
        box-shadow: 0 0 20px rgba(135, 207, 235, 0.314);
        border-radius: 10px;
    }
    /* .our-clints {
         margin-top: -70px;
     } */
    .testimonial-container {
        width: 90%;
    }
    .clint-img {
        display: flex;
        align-items: flex-end;
        flex-direction: row;
        justify-content: space-evenly;
        width: 50%;
        transform: translate(10%, 40%);
    }
    .clint {
        width: 40%;
    }
    .clint-name {
        margin-right: 0%;
    }
    .clint-name h3 {
        font-weight: bolder;
        /* margin: 0 25px; */
        font-size: 1.2rem;
        margin-right: 0px;
    }
    .testi-p {
        margin-top: 60px;
    }
    .our-clint-section::before {
        left: 0;
        height: 20px;
        top: calc(100% - 10px);
        border-radius: 50%;
    }
    /* =============why choose ================ */
    .card-container>div {
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 0px;
    }
    .card-container>div>div {
        border-left: none;
        /* border: 1px solid var(--light-gray); */
        height: 150px;
    }
    .card-container div div p {
        font-size: .8rem;
    }
    .box-1,
    .box-2 {
        border-bottom: none;
    }
    .box-4,
    .box-3,
    .box-2 {
        border-left: 1px solid var(--light-gray) !important;
    }
}


/* @media (max-width: 991.98px) {
    ...
} */

@media (min-width: 768px) and (max-width: 991.98px) {
    .logo img {
        width: 80% !important;
        height: 100% !important;
    }
    .navbar {
        display: flex !important;
        flex-direction: column;
        padding-bottom: 100px;
    }
    .menubaar li a {
        font-size: .7rem !important;
        padding: 0px !important;
    }
    .menubaar li {
        padding: 0px 10px!important;
    }
    .navbar-collapse {
        box-shadow: none !important;
    }
    .testimonial-container {
        width: 90%;
    }
    .about-us-section {
        width: 105%;
        margin-left: 0px;
    }
    .shop-text h2 {
        font-size: 1.5rem;
        margin-bottom: -5px;
    }
    .shop-text p span {
        font-size: 13px;
    }
}


/* Small devices (landscape phones, less than 768px) */

@media (max-width: 767.98px) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-bottom: 5px;
    }
    h1 {
        font-size: 2.5rem;
    }
    /* ==========all-tittle========== */
    .all-title {
        margin-bottom: 5%;
    }
    .all-title h2 {
        font-size: 1.5rem;
        margin-bottom: 50px;
    }
    .all-title p {
        padding-top: 0px;
        font-size: .9rem;
        margin-top: -30px;
    }
    .about-us-text p:first-child {
        font-size: .8rem;
    }
    .navbar-collapse {
        background-color: #fff;
        z-index: 10;
        box-shadow: 0 5px 5px #80808057 !important;
    }
    /* header====================== */
    .logo img {
        width: 82% !important;
        height: 100% !important;
    }
    /* slide-div================= */
    .category-slider {
        /* box-shadow: 0 1px 3px rgb(36 39 44 / 15%); */
        box-shadow: none;
        padding: 10px;
        border-radius: 10px;
        margin-left: 0px;
    }
    .category-items {
        padding: 0%;
        padding-top: 5%;
        margin: 0px;
        margin-left: -2px;
    }
    .category-items {
        /* box-shadow: 1px 2px 2px var(--light-gray); */
        box-shadow: none;
    }
    .category-items img {
        width: 70% !important;
        height: 150px;
    }
    .category-items h2 {
        font-weight: bold;
        font-size: 1rem;
    }
    /* ===about-us========== */
    .about-us-section {
        width: 105%;
        margin-left: 0px;
    }
    .about-p {
        font-size: .9rem;
        line-height: 25px;
        margin-top: -40px;
    }
    .about-us-img img {
        width: 100%;
    }
    .testimonial-container,
    .about-shadow {
        box-shadow: 0 0 20px rgba(135, 207, 235, 0.314);
        border-radius: 10px;
    }
    /* ========where to buy=========== */
    .white-card-container {
        display: grid;
        grid-template-columns: repeat(3, .9fr);
        grid-gap: 5px;
        justify-content: center;
    }
    .white-card h5 {
        font-size: .9rem;
    }
    .white-card i {
        font-size: 2rem;
    }
    .white-card {
        height: 100px;
        border-radius: 5px;
    }
    /* ========our-testimonial========== */
    .testimonial-container,
    .about-shadow {
        box-shadow: 0 0 20px rgba(135, 207, 235, 0.314);
        border-radius: 10px;
    }
    /* .our-clints {
         margin-top: -70px;
     } */
    .testimonial-container {
        width: 90%;
    }
    .clint-img {
        display: flex;
        align-items: flex-end;
        flex-direction: row;
        justify-content: space-evenly;
        width: 50%;
        transform: translate(10%, 40%);
    }
    .clint {
        width: 55%;
    }
    .clint-name {
        margin-right: 0%;
    }
    .clint-name h3 {
        font-weight: bolder;
        /* margin: 0 25px; */
        font-size: 1.2rem;
        margin-right: 0px;
    }
    .testi-p {
        margin-top: 60px;
    }
    .our-clint-section::before {
        left: 0;
        height: 20px;
        top: calc(100% - 10px);
        border-radius: 50%;
    }
    /* =============why choose ================ */
    .card-container>div {
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 0px;
    }
    .card-container>div>div {
        border-left: none;
        /* border: 1px solid var(--light-gray); */
        height: 150px;
    }
    .card-container div div p {
        font-size: .8rem;
    }
    .box-4,
    .box-3,
    .box-2 {
        border-left: 1px solid var(--light-gray) !important;
    }
    /* footer====================== */
    /* footer====social============== */
    .social-footer ul {
        margin-left: 0%;
    }
    .social-footer h5 {
        margin-left: 0%;
    }
    .social-footer h5,
    .payment h5,
    .footer-ctg h5 {
        font-size: 1rem;
    }
    .policy,
    .policy-container {
        text-align: center;
    }
    .shop-list li {
        font-size: 14px;
    }
    .shop-list li i {
        font-size: 16px;
    }
    .shop-text h2 {
        font-size: 1.5rem;
        margin-bottom: -5px;
    }
    .shop-text p span {
        font-size: 13px;
    }
    /* ==========navbaar============ */
    .navbar-nav li ul,
    .navbar-nav {
        background-color: #dbf4ff;
        outline: none;
        border: none;
        width: 100% !important;
    }
    .navbar-nav li ul {
        /* background-color: #dff5ff !important; */
    }
    .navbar-nav li ul li,
    .navbar-nav li {
        border-top: 1px solid rgba(0, 0, 0, 0.04);
        width: 100% !important;
    }
    .navbar-nav li ul li,
    .navbar-nav li ul .navbar-nav li:hover {
        background-color: #00B3BD;
        display: block !important;
        width: 100% !important;
    }
}


/* X-Large devices (large desktops, less than 1400px) */

@media (max-width: 575.98px) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-bottom: 5px;
    }
    h1 {
        font-size: 2rem;
    }
    /* ==========all-tittle========== */
    .all-title {
        margin-bottom: 5%;
    }
    .all-title h2 {
        font-size: 1rem;
        margin-bottom: 50px;
    }
    .all-title p {
        padding-top: 0px;
        font-size: 13px;
        margin-top: -30px;
    }
    .about-us-text p:first-child {
        font-size: .8rem;
    }
    .navbar-collapse {
        background-color: #fff;
        z-index: 99999;
        box-shadow: 0 5px 5px #80808057 !important;
    }
    /* header====================== */
    .logo img {
        width: 100% !important;
        height: 80px !important;
    }
    /* ==========category-slider=========== */
    #category-slider .owl-nav button span {
        font-size: 2rem;
        margin-bottom: 8px;
    }
    #category-slider .owl-nav button {
        width: 30px;
        height: 30px;
    }
    #category-slider .owl-nav button:first-child {
        top: calc(50% - 40px);
        left: -0px;
    }
    #category-slider .owl-nav button:last-child {
        top: calc(50% - 40px);
        right: -0px;
    }
    /* slide-div================= */
    .category-slider {
        /* box-shadow: 0 1px 3px rgb(36 39 44 / 15%); */
        box-shadow: none;
        padding: 10px;
        border-radius: 10px;
        margin-left: 0px;
    }
    .category-items {
        padding: 0%;
        padding-top: 5%;
        margin: 0px;
        margin-left: -2px;
    }
    .category-items {
        /* box-shadow: 1px 2px 2px var(--light-gray); */
        box-shadow: none;
    }
    .category-items img {
        width: 50% !important;
        height: 150px;
    }
    .category-items h2 {
        font-weight: bold;
        font-size: 1rem;
    }
    /* ===about-us========== */
    .about-us-section {
        width: 95%;
        margin-left: 0px;
    }
    .about-p {
        font-size: .9rem;
        line-height: 25px;
        margin-top: -40px;
    }
    /* ========where to buy=========== */
    .white-card-container {
        display: grid;
        grid-template-columns: repeat(3, .9fr);
        grid-gap: 5px;
        justify-content: center;
    }
    .white-card h5 {
        font-size: .9rem;
    }
    .white-card i {
        font-size: 1.5rem;
    }
    .white-card {
        height: 100px;
        border-radius: 5px;
        width:100%;
    }
    /* ========our-testimonial========== */
    .testimonial-container,
    .about-shadow {
        box-shadow: 0 0 20px rgba(135, 207, 235, 0.314);
        border-radius: 10px;
    }
    /* .our-clints {
        margin-top: -70px;
    } */
    .testimonial-container {
        width: 90%;
    }
    .clint-img {
        display: flex;
        align-items: center;
        flex-direction: column;
        width: 50%;
        transform: translate(50%, 40%);
    }
    .clint {
        width: 110%;
    }
    .clint-name {
        margin-right: 20%;
    }
    .clint-name h3 {
        font-weight: bolder;
        /* margin: 0 25px; */
        font-size: 1.2rem;
        margin-right: 0px;
    }
    .testi-p {
        margin-top: 60px;
    }
    .our-clint-section::before {
        left: 0;
        height: 20px;
        top: calc(100% - 10px);
        border-radius: 50%;
    }
    /* =============why choose ================ */
    .card-container>div {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 0px;
    }
    .card-container>div>div {
        border-left: none;
        /* border: 1px solid var(--light-gray); */
        height: 150px;
    }
    .card-container div div p {
        font-size: .8rem;
    }
    .box-1,
    .box-2 {
        border-bottom: 1px solid var(--light-gray) !important;
    }
    .box-4,
    .box-2 {
        border-left: 1px solid var(--light-gray) !important;
    }
    .box-3 {
        border-left: none !important;
    }
    /* footer====================== */
    /* footer====social============== */
    .social-footer ul {
        margin-left: 0%;
    }
    .social-footer h5 {
        margin-left: 0%;
    }
    .social-footer h5,
    .payment h5,
    .footer-ctg h5 {
        font-size: 1rem;
    }
    .policy,
    .policy-container {
        text-align: center;
    }
    /* ==============product-d-img============= */
    .product-d-img {
        width: 90% !important;
    }
    .shop-list li {
        font-size: 13px;
    }
    .shop-list li i {
        font-size: 15px;
    }
    .shop-text h2 {
        font-size: 1.2rem;
        margin-bottom: -5px;
    }
    .shop-text p span {
        font-size: 13px;
    }
    /* ==========navbaar============ */
    .navbar-nav li ul,
    .navbar-nav {
        background-color: #dbf4ff;
        outline: none;
        border: none;
        width: 100% !important;
    }
    .navbar-nav li ul {
        /* background-color: #dff5ff !important; */
    }
    .navbar-nav li ul li,
    .navbar-nav li {
        border-top: 1px solid rgba(0, 0, 0, 0.04);
        width: 100% !important;
    }
    .navbar-nav li ul li,
    .navbar-nav li ul .navbar-nav li:hover {
        background-color: #00B3BD;
        display: block !important;
        width: 100% !important;
    }
}


/* =============contact-us======= */


/* =============contact-us======= */


/* =============contact-us======= */


/* =============contact-us======= */


/* =============contact-us======= */

@media (min-width: 768px) and (max-width: 1199.98px) {
    .text-left h2 {
        font-size: 2rem !important;
        margin-bottom: 10px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    /* =======shop================= */
    .shop-top-container {
        display: grid !important;
        grid-template-columns: 40% 60%;
    }
    .category-items img {
        width: 80% !important;
        height: 150px;
    }
}

@media (max-width: 769px) {
    .message li {
        position: relative;
        margin-left: 18px;
    }
    .text-left h2 {
        font-size: 1.4rem !important;
        margin-bottom: 10px;
    }
    .contact-banner {
        padding: 4% 0 4% 0;
    }
    .contact-banner::before {
        height: 90px;
    }
    /* =======shop================= */
    .shop-top-container {
        display: grid !important;
        grid-template-columns: 40% 60%;
    }
    .shop-container {
        flex-direction: column-reverse;
    }
    .category-items img {
        width: 80% !important;
        height: 150px;
    }
}

@media (max-width: 575.98px) {
    .contact-banner {
        padding: 4% 0 4% 0;
        background-blend-mode: color-burn;
        background-color: rgba(255, 255, 255, 0.5) !important;
    }
    .contact-banner::before {
        height: 50px;
    }
    .input-container {
        display: flex;
        flex-direction: column !important;
    }
    .text-left h2 {
        font-size: 1.4rem !important;
        margin-bottom: 10px;
    }
    .form-submit-btn {
        width: 130px !important;
        margin-top: 40px !important;
        font-size: .9rem;
        height: 40px !important;
    }
    .message li {
        position: relative;
        margin-left: 10px;
    }
    /* =======shop================= */
    .shop-container {
        flex-direction: column-reverse;
    }
    .shop-top-container {
        display: block !important;
        grid-template-columns: 40% 60%;
    }
}