/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 530px) {


    .wraps {
        overflow: scroll;
        width: 506px;
    }
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {


    .wraps {
        overflow: scroll;
        width: 524px;
    }
}



/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .wraps {
        overflow: scroll;
        width: 530px;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .wraps {
        overflow: scroll;
        width: 715px;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .wraps {
        overflow: scroll;
        width: 876px;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .wraps {
        overflow: scroll;
        width: 1120px;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1300px){
.wraps {
    overflow: scroll;
    width: 1170px;
}
}

@media only screen and (min-width: 1400px){
    .wraps {
        overflow: scroll;
        width: 1269px;
    }
    }

    @media only screen and (min-width: 1550px)
    {
    .wraps {
        overflow: scroll;
        width: 1465px;
    }
}
    
    
@media only screen and (min-width: 1700px)
{
.wraps {
    overflow: scroll;
    width: 1587px;
}
}

    
@media only screen and (min-width: 1800px)
{
.wraps {
    overflow: scroll;
    width: 1634px;
}
}


@media only screen and (min-width: 1925px)
{
.wraps {
    overflow: scroll;
    width: 1747px;
}
}

@media only screen and (min-width: 2035px)
{
.wraps {
    overflow: scroll;
    width: 1828px;
}
}

@media only screen and (min-width: 2100px)
{
.wraps {
    overflow: scroll;
    width: 1912px;
}
}