@media only screen and (min-width: 1600px) {
    .containerWidthLocation {
        max-width: 1500px;
    }
}

@media only screen and (min-width: 1400px) {
    .searchForm {
        width: 450px;
    }
}

@media only screen and (min-width: 1200px) {
    .mt-6 {
        margin-top: 4rem !important;
    }

    .img-prod-wrapper {
        height: 350px;
    }
}

@media only screen and (max-width: 1600px) {
    .stepsIconArrow::after {
        width: 130px;
        height: 45px;
        transform: translate(-12%, -70%);
    }

    .stepsIconArrowDown::after {
        width: 130px;
        height: 45px;
        transform: translate(-12%, -70%) scaleY(-1);
    }
}

@media only screen and (max-width: 1440px) {
    .aboutUs::after {
        right: 5%;
        top: 7%;
        max-width: 500px;
    }
}

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

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .slideRecipe .caption {
        font-size: 16px;
    }
}

@media only screen and (max-width: 1200px) {
    .stepsIconArrow::after {
        width: 100px;
        height: 35px;
        transform: translate(-5%, -70%);
    }

    .stepsIconArrowDown::after {
        width: 100px;
        height: 35px;
        transform: translate(-5%, -70%) scaleY(-1);
    }

    .recipes .containerWidth {
        max-width: 95%;
    }

    .aboutUs::after {
        right: 4%;
        max-width: 450px;
    }

    .steps img {
        width: 100px;
        height: 100px;
    }

    .locationContainer {
        flex-direction: column;
    }

    .locationContainer img.store-img {
        margin-right: 0;
        margin-bottom: 20px;
        width: 100%;
    }

    .navbar-nav {
        align-items: end;
        padding-top: 2%;
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: 0;
    }

    .paddingLeftMenuTop {
        padding-left: 0;
    }

    .glide__bullet img {
        width: 80px;
    }
}

@media only screen and (max-width: 1199px) {
    .stepsIconArrow::after {
        transform: translate(-32%, -70%);
    }

    .stepsIconArrowDown::after {
        transform: translate(-32%, -70%) scaleY(-1);
    }
}

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

    .containerWidth,
    .containerWidthLocation {
        max-width: 90%;
    }

    .paddingSection {
        padding-top: 6%;
        padding-bottom: 6%;
    }

    .logoTop {
        width: 140px;
    }

    #headerCarousel .carousel-control-next,
    #headerCarousel .carousel-control-prev {
        display: none;
    }

    #headerCarousel .carousel-caption-center {
        left: 20%;
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        width: 58px;
        height: 58px;
    }

    #headerCarousel .carousel-item a img.stampDiscover {
        max-height: 100px;
        min-height: auto;
    }

    #headerCarousel .carousel-caption-center p.depuis {
        font-size: 14px;
    }

    .catTitleContainer {
        bottom: 40px;
    }

    .catTitleContainer a.catTitle {
        padding: 10px 30px;
    }

    .slider {
        margin-top: 6rem !important;
    }

    .recipes.paddingSection {
        padding-bottom: 11%;
    }

    .topBar .containerWidth {
        max-width: 100%;
    }

    .topBar img {
        padding: 0 10px;
    }

    .topBar .dropdown {
        padding: 0;
    }

    .bestDeals .productBlock .cartProduct,
    .similarProducts .productBlock .cartProduct {
        width: 52px;
        height: 52px;
    }

    .viewRecipe {
        padding: 15px 15px;
    }

    .thumbs img {
        max-width: 80px;
    }

    .contactFormInside {
        max-width: 435px;
    }
}

@media only screen and (max-width: 992px) {
    #headerCarousel .carousel-item img {
        min-height: 600px;
    }

    .aboutUs::after {
        right: 2%;
        max-width: 400px;
    }

    img.paymentsLogos {
        width: 60px;
    }

    img.paymentsLogosLast {
        width: 60px;
        padding-right: 10px;
    }

    .title-container {
        border-radius: 10px 10px 0 0;
        -moz-border-radius: 10px 10px 0 0;
        -webkit-border-radius: 10px 10px 0 0;
        min-height: auto;
    }

    .price-container {
        border-radius: 0 0 10px 10px;
        -moz-border-radius: 0 0 10px 10px;
        -webkit-border-radius: 0 0 10px 10px;
    }

    .view-cart-btn {
        padding: 15px 20px;
        width: 180px;
    }

    .productPage .quantity-wrapper {
        width: 100%;
        height: 65px;
    }
}

@media only screen and (max-width: 880px) {
    .aboutUs::after {
        max-width: 350px;
    }

    .stepsIconArrow::after {
        width: 77px;
        height: 27px;
    }

    .stepsIconArrowDown::after {
        width: 77px;
        height: 27px;
    }

    .dots {
        bottom: 160px;
    }
}

@media only screen and (max-width: 768px) {
    .logoTop {
        width: 120px;
    }

    .paddingSection {
        padding-top: 10%;
        padding-bottom: 10%;
    }

    .stats h5 {
        font-size: 16px;
    }

    .stepsIconArrow::after,
    .stepsIconArrowDown::after {
        display: none;
    }

    .dots {
        bottom: 180px;
    }

    .aboutUs::after {
        display: none;
    }

    .footer::after {
        max-height: 50px;
        top: -5%;
    }

    .logoBottom {
        width: 170px;
    }

    .socialIcons {
        width: 50px;
    }

    .productBlock {
        padding: 10px;
    }

    .testimonialsImgContainer {
        margin: 0;
    }
}

@media only screen and (max-width:767px) {
    .carousel-control-prev {
        left: -30px;
    }

    .carousel-control-next {
        right: -30px;
    }
}

@media only screen and (max-width:576px) {
    .logoTop {
        width: 60px;
    }

    .navbar-brand {
        top: 45px;
    }

    #testimonials .carousel-control-prev,
    #testimonials .carousel-control-next {
        display: none;
    }

    #testimonials .carousel-inner {
        max-width: 100%;
    }

    .quantity-wrapper {
        width: 150px;
        height: 50px;
    }

    #headerCarousel .carousel-indicators {
        margin-bottom: 1.5rem;
    }

    #headerCarousel .carousel-indicators button.active::before {
        width: 36px;
        height: 36px;
    }

    #headerCarousel .carousel-indicators .active {
        width: 26px;
        height: 26px;
    }

    #headerCarousel .carousel-indicators button.active::before {
        left: 1970%;
    }

    .catTitleContainer span.catTitle {
        padding: 10px 30px;
    }

    .step-label {
        font-size: 14px;
    }

    .checkoutBgContent,
    .similarProducts {
        padding-bottom: 20%;
    }
}

@media only screen and (max-width:456px) {
    .text-footer {
        display: none;
    }

    .catTitleContainer a.catTitle {
        padding: 10px 20px;
    }

    .catTitleContainer {
        bottom: 20px;
    }

    .catTitleContainer span.catTitle {
        padding: 10px 10px;
    }

    .topBar .icon img {
        padding: 0 6px;
    }
}

@media only screen and (min-width:300px) and (max-width:768px) {
    .aboutUs.paddingSection {
        padding-bottom: 15%;
    }

    .recipes.paddingSection {
        padding-bottom: 18%;
    }
}

@media only screen and (max-width:350px) {
    .topBar .containerWidth {
        flex-wrap: wrap;
    }

    .topBar .icon {
        width: 100%;
        order: 2;
        text-align: right;
    }

    .topBar .store-selector {
        width: 100%;
        order: 1;
    }
}