@media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ }
@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }


@media (min-width:320px)  { 
    /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */

    main {
        margin-top: 70px;
    }

    header {
        height: 70px;
    }

    .topTrapezoid {
        height: 70px;
    }

    header .header-logo {
        /* width: 81px; */
        width: 95px;
        height: 70px;
        max-height: 70px;
        padding-right: unset;
    }

    .menu-category {
        height: 70px;
    }

    .middle-title::after, .middle-title::before {
        width: 70px;
    }

    .wrap-games ul > li > a > label {
        font-size: 2vw;
    }

    .btn-radio-custom {
        font-size: 3vw !important;
    }
}

@media (min-width:481px)  { 
    /* smartphones, Android phones, landscape iPhone */ 

    main {
        margin-top: 70px;
    }

    header {
        height: 70px;
    }

    .topTrapezoid {
        height: 70px;
    }

    header .header-logo {
        width: 101px;
        height: 70px;
        max-height: 70px;
        padding-right: unset;
    }

    .menu-category {
        height: 70px;
    }

    .middle-title::after, .middle-title::before {
        width: 70px;
    }

    .wrap-games ul > li > a > label {
        font-size: 3vw;
    }
    
    .btn-radio-custom {
        font-size: 2vw !important;
    }
}

@media (min-width:641px)  { 
    /* smartphones, Android phones, landscape iPhone */ 

    header {
        height: 70px;
    }

    .topTrapezoid {
        height: 70px;
    }

    header .header-logo {
        /* width: 265px; */
        width: 126px;
        height: 70px;
        max-height: 70px;
        padding-right: unset;
    }

    .menu-category {
        height: 70px;
    }

    .middle-title::after, .middle-title::before {
        width: 70px;
    }

    .wrap-games ul > li > a > label {
        font-size: 2vw;
    }

    .btn-radio-custom {
        font-size: 2vw !important;
    }
}

@media (min-width:961px)  { 
    /* tablet, landscape iPad, lo-res laptops ands desktops */ 

    header {
        height: 70px;
    }

    .topTrapezoid {
        height: 70px;
    }

    header .header-logo {
        /* width: 265px; */
        width: 215px;
        height: 70px;
        max-height: 70px;
        padding-right: unset;
    }

    .menu-category {
        height: 70px;
    }

    .wrap-games ul > li > a > label {
        font-size: .8vw;
    }

    .btn-radio-custom {
        font-size: .75vw !important;
    }
}