@media(max-width: 1199px) {

    /* header-start------------------------------- */
    .middle-header {
        padding: 10px 0;
    }

    .shipping-payment-box {
        display: none;
    }

    /* header-end--------------------------------- */

    /* footer-start------------------------------ */

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

    .footer-col:last-child {
        margin-top: 20px;
    }

    .footer-heading {
        padding: 0 0 20px;
    }

    .footer-bottom {
        padding: 22px 0;
    }

    /* footer-end--------------------------- */

    .top-ticks-products-title h2 {
        padding-bottom: 35px;
    }

    .latest-project {
        padding-top: 60px;
    }

    .travel-sanitizer-row {
        --bs-gutter-x: 20px;
    }

    .travel-sanitizer-inner-row {
        --bs-gutter-y: 20px;
    }

    .travel-sanitizer-small-inner {
        padding: 24px 69px 24px 32px;
    }

    .travel-sanitizer-inner {
        padding: 15px 50px 15px 60px;
    }

    .travel-sanitizer-content-box {
        max-width: 250px;
    }

    .travel-sanitizer-content-box p {
        padding: 10px 0 20px;
    }

    .travel-sanitizer-small-inner {
        padding: 24px 26px 26px 32px;
    }

    .travel-sanitizer-small-content-box {
        max-width: 184px;
    }

    .travel-sanitizer-small-inner {
        padding: 28px 22px 28px 26px;
    }

    .sanitizer-review-row,
    .sanitizer-review-inner-row {
        --bs-gutter-x: 20px;
        --bs-gutter-y: 20px;
    }

    .sanitizer-review-inner {
        padding: 30px 30px 30px 50px;
    }

    .sanitizer-review-small-inner {
        padding: 16px 25px 32px;
    }

    .sanitizer-review-medium-inner {
        padding: 16px 55px 19px 56px;
    }

    .slider-row {
        gap: 20px;
    }

}



@media(max-width: 991px) {

    /* header-start-------------------------- */
    .header-top-offer-box,
    .cart-item span,
    .cart-item p,
    .price-box {
        display: none;
    }

    .cart-item {
        padding: 19px 5px 18px 14px;
    }

    .custom-select {
        width: 215px;
        padding: 0 0 0 13px;
    }

    /* header-end----------------------------------- */

    /* pocket-friendly-sec-start */
    .pocket-friendly-heading-box h2 {
        margin: 7px 0 21px;
    }

    /* pocket-friendly-sec-end */

    .splide-slider-img-box {
        width: 90px;
    }

    .travel-sanitizer-row {
        --bs-gutter-y: 20px;
    }

    .travel-sanitizer-content-box {
        max-width: 400px;
    }

    .travel-sanitizer-content-box p {
        padding: 5px 0 15px;
    }

    .sanitizer-review-box-content {
        max-width: 410px;
    }

    .sanitizer-review-inner {
        padding: 25px 100px 25px 81px;
    }

    .sanitizer-review-small-inner {
        padding: 16px 25px 32px;
    }

    .sanitizer-review-medium-inner {
        padding: 16px 55px 19px 56px;
    }

    /* banner */

    .product-card {
        display: none;
    }

    .banner-box {
        width: 100vw;
        padding: 40px 66px;
    }


    .review-info-wrapper {
        border-right: 0;
        border-bottom: 1px solid #F6FAFD;
    }

    .review-info-wrapper,
    .input-wrapper {
        padding: 50px 0;
    }

    .input-wrapper-inner h4 {
        padding-bottom: 30px;
    }
}




@media(max-width: 767px) {

    /* header-start--------------------------------- */
    .contact-btn-wrap {
        margin-right: 30px;
    }

    .contact-btn-wrap a p {
        display: none;
    }

    .custom-select-box {
        display: none;
    }

    .cart-item {
        height: 54px;
        padding: 0 3px 0 10px;
    }

    .cart-item-icon img {
        width: 20px;
    }

    .input-div {
        margin: 0 auto 0 0;
    }

    /* header-end---------------------------- */

    /* footer-start----------------------------- */

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

    .footer-row {
        gap: 20px;
    }

    .footer-col:nth-child(3) {
        width: 145px;
    }

    .footer-col:last-child {
        width: 340px;
        margin: 0;
    }

    .footer-heading {
        padding: 0 0 15px;
    }

    .footer-col:nth-child(4) ul li {
        flex-wrap: nowrap;
        padding-top: 15px;
    }

    .footer-bottom {
        padding: 19px 0;
    }

    /* footer-end----------------------- */

    /* pocket-friendly-sec-start */
    .pocket-friendly-heading-box h2 {
        margin: 7px 0 21px;
    }

    /* pocket-friendly-sec-end */

    .splide-slider-img-box {
        width: 70px;
    }

    .our-best-img {
        width: 15%;
    }

    .our-best {
        padding: 45px 0;
    }

    .top-ticks-products-left .nav .nav-link span {
        display: none;
    }

    .flex-column {
        flex-direction: row !important;
    }

    .top-ticks-products-left .nav .nav-link {
        padding: 11px 22px;
    }

    .top-ticks-products-left {
        padding: 0 10px;
    }

    .top-ticks-products {
        padding: 45px 0;
    }

    .top-ticks-products-title h2 {
        padding-bottom: 20px;
    }

    .see-all-btn {
        margin-top: 35px;
    }

    .latest-project {
        padding-top: 45px;
    }

    .travertine-box-img-text h3 {
        padding: 11px 0 !important;
    }

    .travel-sanitizer-small-inner {
        padding: 28px 73px 28px 60px;
    }

    .sanitizer-review-inner {
        padding: 25px 70px 25px 60px;
    }

    .sanitizer-review-small-inner {
        padding: 15px 25px 25px;
    }

    .sanitizer-review-medium-inner {
        padding: 16px 88px 19px 77px;
    }

    /* banner */

    .swiper-button-next,
    .swiper-button-prev {
        display: none !important;
    }

    .banner-box {
        padding: 20px;
    }



    .input-wrapper-inner h4 {
        padding-bottom: 15px;
    }

    .review-info-wrapper,
    .input-wrapper {
        padding: 30px 0;
    }

    .mail-box input,
    .sub-btn {
        height: 45px;
        border-radius: 9px;
    }

    .mail-box input {
        padding: 12px 20px 12px 40px;
        margin-bottom: 15px;
    }

    .sub-box,
    .mail-box {
        width: 100%;
    }

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

    .mail-icon {
        top: 17px;
        left: 17px;
    }
}



@media(max-width: 575px) {

    /* header-start------------------------- */
    .top-header-inner {
        justify-content: end;
    }

    .need-help-box {
        display: none;
    }

    .logo a p {
        font-size: 15px;
    }

    .contact-btn-wrap {
        margin-right: 22px;
    }

    .input-div {
        width: 300px;
    }

    .cart-item-icon img {
        width: 17px;
    }

    /* header-end---------------------------------*/

    /* footer-start--------------------- */

    .footer-social {
        padding: 22px 0 25px;
    }

    /* footer-end------------------------------ */

    .splide-slider-img-box {
        width: 50px;
    }

    .travel-sanitizer-inner {
        padding: 22px 25px 22px 25px;
    }

    .travel-sanitizer-button-box a {
        padding: 12px 32px;
    }

    .travel-sanitizer-small-inner {
        padding: 22px 60px 22px 28px;
    }

    .travel-discoutn {
        padding: 13px 8px 13px 9px;
    }

    .sanitizer-review-row,
    .sanitizer-review-inner-row {
        --bs-gutter-x: 15px;
        --bs-gutter-y: 15px;
    }

    .sanitizer-review-small-inner {
        padding: 15px 15px 20px;
    }

    .sanitizer-review-small-inner .price,
    .sanitizer-review-medium-inner .price {
        padding-top: 0px;
    }

    .sanitizer-review-medium-inner {
        padding: 16px 60px 19px 40px;
    }

    .banner-image {
        max-width: 40%;
    }
}
















/* globl setting responsive */
@media (min-width: 768px) {
    .btns {
        font-size: 17px;
    }

    .menu-bar {
        width: 70%;
    }

    .contact-btn-wrap {
        margin: 0 30px 0 0;
    }
}

@media (min-width: 1200px) {
    .container {
        position: relative;
        max-width: 1320px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .btns {
        font-size: 19px;
        padding: 14px 54px;
    }

    .header {
        padding: 0;
    }

    .header-wrapper {
        transition: 0.3s;
    }

    .header.sticky .header-wrapper {
        align-items: center;
    }

    .menu-bar {
        position: relative;
        left: unset;
        top: unset;
        width: auto;
        height: auto;
        background: transparent;
        display: flex;
        gap: 40px;
        opacity: 1;
        padding: 0;
    }

    .menu-bar li {
        margin-bottom: 0;
    }

    .menu-bar li a {
        color: var(--black);
        padding: 26px 0;
    }

    .menu-bar li a:hover,
    .menu-bar li.active a {
        color: var(--red);
    }

    .menu-bar li.active a {
        font-weight: 700;
    }

    .menu-bar li.has-children {
        position: relative;
    }

    .sub-menu {
        display: block;
        position: absolute;
        top: 89px;
        left: 0;
        width: 230px;
        background: var(--navyblue);
        visibility: hidden;
        opacity: 0;
        transition: 0.3s;
        padding: 15px;
    }

    .sub-menu li a {
        color: var(--white);
    }

    .menu-bar li.has-children:hover>.sub-menu {
        top: 69px;
        visibility: visible;
        opacity: 1;
    }

    .sub-menu li:not(:last-child) {
        margin-bottom: 14px;
    }

    .sub-menu li a {
        padding: 0;
    }

    .contact-btn-wrap {
        margin-left: 150px;
    }

    .toggle-btn {
        display: none;
    }
}

/* globl setting responsive */