/* max width 575px  */
@media(min-width:0px) {

    /* hero  */
    .hero-banner {
        /* background-image: url(images/hero_image.jpg); */
        background-image: url(/images/hero_image_mobile.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        /* height: 11.5em; */
        height: 33vh;
        width: 100%;
        position: relative;
    }

    .hero__text {
        background-color: #f5f6f6;
        padding: .4em 0;
        font-size: .7rem;
        font-weight: 500;
        text-align: center;
        width: 93%;
        margin: 0 auto;
        /* margin-left: 1.5em; */
        position: relative;
        /* bottom: -12em; */
        bottom: -74%;
    }

    .hero__text a,
    .row a {
        color: rgb(25, 113, 157);
        text-decoration: none;
    }

    .hero__text a:hover {
        color: rgb(101, 101, 169);
        text-decoration: underline;
    }

    /* shopping list */
    main {
        /* background-color: #b8b8b67b; */
        padding-bottom: .01em;
        background-image: linear-gradient(#fdd30f, #fde56d, #f1df87, #e0e0db, #b8b8b67b 25%);
        /* position: relative; */
    }

    .container {
        width: 93%;
        margin: 0 auto;
        padding-left: 0;
        padding-right: 0;
    }

    .row {
        margin-right: 0;
        margin-left: 0;
        justify-content: space-between;
    }

    .row>* {
        padding-right: 0;
        padding-left: 0;
    }

    .row1 {
        /* width: 96%; */
        /* position: absolute; */
        position: relative;
        top: 0em;
        /* bottom: -20.4em; */
        /* bottom:-21.7em */
    }

    .col {
        flex: none;
    }


    .column {
        /* width: 93.6%; */

        width: 48%;
        padding: 1.5em 1.3em;
        margin-bottom: 1.3em;
        /* margin-right: 2.5em; */
        background-color: white;
        /* border: 1px solid black; */
    }

    .shopping-card__heading {
        margin-bottom: .5em;
    }

    .shopping-item {
        /* flex: 0 0 45.83%; */
        /* Equivalent to 5.5 columns */
        max-width: 45.83%;

        /* margin-right: .5em; */
    }

    .shopping-item2 {
        padding-right: 0;
    }

    */ .shopping-item a {
        font-weight: 500;
    }

    .shopping-item__text {
        color: black;
        font-size: .7rem;
        /* font-weight: bold; */
    }

    .shopping-item__text--keyboard {
        margin-top: 2em;
    }

    .shopping-items__line2 {
        margin-top: 1.7em;
        margin-bottom: 2em;
    }

    .shopping-item__link {
        display: block;
        font-size: .77rem;
        font-weight: 500;
    }

    .shopping-item__link:hover {
        color: rgb(13, 75, 106);
    }

    .gaming-dashboard {
        margin-bottom: 2em;
    }

    .gaming-dashboard img {
        /* height: 19em; */
        /* height: 50%; */
        height: 38vh;
    }

    /* row2 */

    .row2 {
        /* width: 100%; */
        margin-top: 0em;
    }

    .shopping-item--kitchen {
        width: 32%;
    }

    .row2col3 {
        margin-top: 1.4em;
    }

    #shopping-items__line2 {
        margin-top: 2em;
    }

    .shopping-item__link--row2col3 {
        padding-top: 1em;
    }

    /* .shopping-item__img--kitchen,
    .shopping-item__img--hnb,
    .shopping-item__img--dining,
    .shopping-item__img--home {
        height: 17vh;
    } */
    .col-refreshSpace .shopping-item__img {
        height: 17vh;
    }

    .row2,
    .row3,
    .row4 {
        margin-bottom: 1.4em;
    }

    .row4 {
        margin-bottom: 0em;
    }


    /* row3  top picks for india*/

    .top-picks-col {
        width: 100%;
        padding: 1.5em 1.3em;
        background-color: white;
    }

    .top-picks-items {
        height: 9em;
        display: flex;
        justify-content: space-between;
        position: relative;
    }

    /* .left-image-slider--deadEnd {
    display: none;
} */

    .image-slider {
        height: 5.5em;
        width: 2em;
        align-self: center;
        border: none;
        position: absolute;
        box-shadow: 1px 1.5px 1px 0px rgba(231, 227, 227, 0.514);
    }

    .image-slider--inactive {
        background-color: rgba(255, 255, 255, 0.889);
    }

    .image-slider--inactive .caret {
        opacity: .7;
        /* font-size: 4rem; */
    }

    .right-image-slider {
        right: 0em;
    }

    .image-slider--active {
        box-shadow: -2px 2px 1.5px 0px rgba(231, 227, 227, 0.514);
        background-color: rgb(255, 255, 255);
    }

    /* .top-picks-item{
    width:19.8%;
} */
    .top-picks__img {
        height: 100%;
    }

    /* .top-picks-watch {
        width: 15%;
    }

    .top-picks-oven {
        width: 22%;
    }

    .top-picks-tv {
        height: 90%;
        width: 25%;
    }

    .top-picks-stitching {
        width: 24%;
    }

    .top-picks-trolley {
        width: 10%;
    } */

    /* row4 */
    .shopping-items__line2--toys {
        margin-top: .7em;
        margin-bottom: 1.7em;
    }


    .sign-in-recommendation {
        text-align: center;
        margin-top: 2.7em;
        margin-bottom: 1.2em;
        padding: 3em 0 1em 0;
        border: 1px solid rgba(187, 182, 182, 0.819);
        border-radius: .3em;
    }

    /* .recommendation__heading {
        font-size: 1.4rem;
    } */

    .recommendation__btn {
        cursor: pointer;
        background-color: rgb(243, 209, 17);
        border: none;
        font-size: .75rem;
        padding: .3em 3.8em;
        margin: .2em 0 .5em 0;
        border-radius: 2em;
    }

    .recommendation__btn:hover {
        background-color: rgb(229, 197, 15);
    }

    .recommendation__text {
        font-weight: 500;
        /* font-size: .7rem; */
    }

    .recommendation__link {
        text-decoration: underline;
        color: rgb(25, 116, 162);
    }

    .recommendation__link:hover {
        color: rgb(7, 58, 83);
    }

    /* swiper image corousal */


    .swiper-slide img {
        /* display: block; */
        width: 87%;
        height: 90%;
    }

    .swiper-scrollbar {
        --swiper-scrollbar-bg-color: white;
        --swiper-scrollbar-size: 6px;
    }
}


/* 576 to 767 px = for mobile landscape  max-width:767px*/

@media(min-width:576px) {
    .hero-banner {
        height: 46vh;
        /* top:90% */
    }

    .hero__text {
        padding: .8em;
        font-size: .78rem;
        bottom: -15.5em;
    }

    .container {
        max-width: max-content;
    }

    .shopping-card__heading {
        font-size: 1.2rem;
    }

    .shopping-item__text {
        font-size: .79rem;
    }

    .shopping-item__link {
        font-size: .79rem;
    }

    .gaming-dashboard {
        margin-bottom: 3em;
    }

    .gaming-dashboard img {
        width: 100%;
    }

    .top-picks-items {
        height: 90%;
    }

    .image-slider {
        height: 200%;
        width: 150%;
    }

    .recommendation__heading {
        font-size: 1rem !important;
    }

    .recommendation__text {
        font-size: .72rem;
    }

}

/* 768 to 991 px = for tablet  max-width:991px*/
@media(min-width:768px) {
    .hero-banner {
        height: 55vh;
    }

    .hero__text {
        bottom: -19.5em;
    }

    .column-md {
        padding: 1.5em 1.3em;
        margin-bottom: 1.3em;
        background-color: white;
    }

    .column-md.col-md-6 {
        width: 46%;
        margin-left: 1em;
    }

    .column-md+.column-md {
        border-left: .5px solid rgb(212, 207, 207);
    }

    .column-toyForAll .shopping-items__line1 {
        margin: 2em 0 1.4em 0;
    }

    .gaming-dashboard img {
        height: 50vh;
    }

    #shopping-items__line2 {
        margin-bottom: 3em;
    }

    .image-slider {
        height: 300%;
        width: 170%;
    }

    .recommendation__heading {
        font-size: 1.2rem !important;
    }

    .recommendation__text {
        font-size: .8rem;
    }
}

/* 992 to 1399 px = for desktop and xl desktop */
@media(min-width:992px) {

    /* hero */
    .hero-banner {
        background-image: url(/images/hero_image_copy.jpg);
        background-size: cover;
        height: 22em;
    }

    .hero__text {
        padding: .7em 0;
        font-size: .9rem;
        width: 97%;
        bottom: -20.2em;
    }

    /* shopping list */

    .container {
        width: 96.5%;
    }

    .col {
        flex: none;
    }

    .column-md.col-md-6 {
        width: 23.6%;
        margin-left: 0em;
    }

    .column-md+.column-md {
        border-left: none;
    }

    .column {
        width: 23.67%;
    }

    .shopping-items {
        display: flex;
        justify-content: space-between;
    }

    .shopping-item {
        padding: 0;
        width: 47%;
    }

    .shopping-item a {
        font-weight: 500;
    }

    .shopping-item__text {
        font-size: .8rem;
    }

    .shopping-items__line2 {
        margin-bottom: 2.5em;
    }

    .shopping-item__link {
        font-size: .87rem;
    }

    .shopping-item__link--homeArrivals {
        padding-top: .35em;
    }

    .gaming-dashboard {
        margin-bottom: 1.5em;
    }

    .gaming-dashboard img {
        height: 18.3em;
    }

    /* row2 */

    .shopping-item-cooker {
        padding: 0;
    }

    .shopping-item--kitchen {
        width: 32%;
    }

    #shopping-items__line2 {
        margin: 2em 0;
    }

    .shopping-items__line2--kitchen {
        margin-bottom: 1.8em;
    }

    .row4 {
        margin-bottom: 0em;
    }

    /* row3  top picks for india*/

    .top-picks-items {
        height: 14.5em;
    }

    .image-slider {
        height: 8.7em;
        width: 4em;
    }

    .top-picks__img {
        height: 100%;
    }

    .top-picks-watch {
        width: 15%;
    }

    .top-picks-oven {
        width: 22%;
    }

    .top-picks-tv {
        height: 90%;
        width: 25%;
    }

    .top-picks-stitching {
        width: 24%;
    }

    .top-picks-trolley {
        width: 10%;
    }

    /* row4 */
    .shopping-items__line2--toys {
        margin-top: 1.2em;
    }

    .recommendation__heading {
        font-size: 1.4rem;
    }

    .recommendation__btn {
        font-size: .9rem;
        padding: .3em 5.2em;
    }

    .recommendation__text {
        font-size: .7rem;
    }
}


@media(min-width:1400px) {

    .hero-wrapper {
        background-color: #fdd30f;
    }

    .hero-banner {
        height: 29em;
        /* max-width: 1360px;
        margin: 0 auto; */
    }

    .hero__text {
        bottom: -26em;
    }

    /*
    .main-wrapper {
        background-image: linear-gradient(#fdd30f, #fde56d, #f1df87, #e0e0db 19%, #b8b8b6fd 26.3%);
    }

    main {
        max-width: 1400px;
        margin: 0 auto;
        /* text-align: center; 

    } */

}