/* Ultra Midium Layout: 1600px. */
@media only screen and (min-width: 1368px) and (max-width: 1600px) {

}

/* Medium Layout: 1367px. */
@media only screen and (min-width: 1200px) and (max-width: 1367px) {
 
}

/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    #sliderSocial {
        position: absolute;
        bottom: 250px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        list-style: none;
        font-size: 18px;
        z-index: 9999;
        margin: 0;
        padding: 15px 10px;
        border-radius: 0 5px 0 0;
    }
    .slick-track{ width: 300px !important;}
    .minSlider .item {
        width: 300px !important;
        display: flex;
        flex-wrap: wrap;
        background: #fff;
        border-radius: 0 0 0 15px;
        margin-top: 30px;
    }

    .minSlider .item .image {
        flex: 4;
        min-width: 120px;
        margin-top: -4px;
        border-radius: 10px;
        overflow: hidden;
        position: relative;
        aspect-ratio: 45 / 35;
    }

    #design {
        height: 117px;
        background: transparent;
        position: fixed;
        z-index: 1000;
        top: 70% !important;
        right: 0;
    }


}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
    #sliderSocial {
        position: absolute;
        bottom: 250px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        list-style: none;
        font-size: 18px;
        z-index: 9999;
        margin: 0;
        padding: 15px 10px;
        border-radius: 0 5px 0 0;
    }

    .slick-track{ width: 300px !important;}
    .minSlider .item {
        width: 300px !important;
        display: flex;
        flex-wrap: wrap;
        background: #fff;
        border-radius: 0 0 0 15px;
        margin-top: 30px;
    }
    .minSlider .item .image {
        flex: 4;
        min-width: 120px;
        margin-top: -4px;
        border-radius: 10px;
        overflow: hidden;
        position: relative;
        aspect-ratio: 45 / 35;
    }

    #design {
        height: 117px;
        background: transparent;
        position: fixed;
        z-index: 1000;
        top: 70% !important;
        right: 0;
    }
}

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 481px) and (max-width: 767px) {
   
}

/* Small Mobile Layout: 480px. */
@media only screen and (min-width: 240px) and (max-width: 480px) {
  
}

/*big from small mobile, small from wide mobile*/
@media only screen and (min-width: 320px) and (max-width: 480px) {

}