/*
This file describes styles that are 1200px width and smaller
 */

@media  all and (max-width: 1400px) {
    .stages-items{
        grid-template-columns: 1fr 1fr
    }
}
@media  all and (max-width: 1200px) {
    .grid-4{
        grid-template-columns: 1fr 1fr
    }
    .grid-3{
        gap: 30px
    }
    .tabs{
        right: 5vw;
        gap: 10px
    }
    .tab{
        width: 20px;
        height: 20px
    }
    .size-slider-container .selection-items{
        padding-top: 150px;
        gap: 0
    }
    .size-slider-container .selection-item{
        margin: 7.5px
    }
    .social{
        right: 81px
    }
    .more-info-slider{
        height: 350px
    }
    .more-info-wrap .grid-2{
        height: calc(100dvh - 130px);
        padding-bottom: 50px;
        overflow-y: scroll
    }
}