body {
cursor: url(wii.cur),pointer;
background-color: #f3f3f3;
background-image: linear-gradient(transparent 50%, #e3e3e3 50%);
background-size: 10px 10px;
    
}

.fix{

    position:fixed;
    bottom:0px;
    left:0;
    max-width:100%;
    overflow: hidden;

}
.row {
    text-align: center;
    margin-bottom:50px;
    
}
.channel {
    margin:1.5%;
    height:25%;
}
#bottom1 {
width:16.06%;
}   
#bottom2 {
left:16%;
width:13.76%;
}    
#bottom3 {
left:29.6%;    
width:40.7%;
    }
#bottom4 {
left:70.2%;    
        width:30.77%;
    }
#bm1,#bm2,#bm3,#bm4 {
    display:none;
}

@media all and (max-width: 1280px) {
    .row{
        margin-top:3.5%;
    }
    .channel {
    margin:2.2%;
    height:22%;
}
     }
@media all and (max-width: 980px) { 
    .row{
        margin-top:8%;
    }
    .channel {
    margin:1%;
    margin-bottom:6%;
    height:18%;
}
     }
@media all and (max-width: 745px) { 
        .row{
            margin-top:1%;
    }
    .channel {
    margin-bottom:3%;
    height:20%;
}
    #bm1,#bm2,#bm3,#bm4 {
    display:unset;
}

    #bm1{
        width:24.8%;
    }
        #bm2{
            left:24.67%;
            width:11.24%;

    }
        #bm3{
            left:35.87%;
        width:35.1%;

    }
        #bm4{
        left:70.87%;
        width:29.13%;
    }    
    
    
     }
@media all and (max-width: 540px) { 
    .row{
        margin-top:5%;
        margin-bottom:23%;
    }
        .channel {
    margin-bottom:6%;
    height:23%;
}
        #bottom1,#bottom2,#bottom3,#bottom4 {
    display:none;
}
     #bm1,#bm2,#bm3,#bm4 {
    display:unset;
}

    #bm1{
        width:24.8%;
    }
        #bm2{
            left:24.67%;
            width:11.24%;

    }
        #bm3{
            left:35.87%;
        width:35.1%;

    }
        #bm4{
        left:70.87%;
        width:29.13%;
    } 
     }