IlLievitario-App/css/mobile.style.css

/*-------------Customize by Screen Dimensions---------------------*/
@media screen and (orientation:landscape) {
}

@media only screen
and (min-width : 1700px)
and (max-width : 1980px) {
    .itemMenuHomeMetro a{
        background-size: 250px 250px!important;
        height: 300px;
    }
}

@media screen
and (min-width : 1281px)
and (max-width : 1700px) {
    .itemMenuHomeMetro a{
        background-size: 200px 200px!important;
        height: 220px;
    }
}

@media screen
and (min-width : 1100px)
and (max-width : 1280px) {
    .itemMenuHomeMetro a{
        background-size: 180px 180px!important;
        height: 200px;
    }
}

/*
    iPhone 5 in portrait & landscape
*/
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
    .itemMenuHomeMetro {
        width: 100px;
        height: 100px;
    }

    .itemMenuHomeMetro a{
        background-size: 85px 85px!important;
        height: 100px;
    }
}

/*
    iPhone 2G-4S in portrait & landscape
*/
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
    .itemMenuHomeMetro {
        width: 100px;
        height: 100px;
    }
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px)
and (orientation: portrait) {
    
    .itemMenuHomeMetro a{
        background-size: 70px 70px!important;
        height: 80px;
    }
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) 
and (orientation: landscape){

    .itemMenuHomeMetro a{
        background-size: 75px 75px!important;
        height: 85px;
    }
}

/*
    iPhone 6 in portrait & landscape
*/
@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px) {
    .itemMenuHomeMetro {
        width: 100px;
        height: 100px;
    }
}

@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation: portrait) {

    .itemMenuHomeMetro a{
        background-size: 85px 85px!important;
        height: 110px;
    }
}

@media only screen
and (min-device-width : 375px)
and (max-device-width : 667px)
and (orientation: landscape)  {
    .itemMenuHomeMetro a{
        background-size: 85px 85px!important;
        height: 100px;
    }
}

/*
    iPhone 6 Plus in portrait & landscape
*/
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px) { 
    .itemMenuHomeMetro {
        width: 145px;
        height: 145px;
    }
}

@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px) 
and (orientation: portrait) { 
    .itemMenuHomeMetro a{
        background-size: 140px 140px!important;        
        height: 180px;
    }
}

@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px) 
and (orientation: landscape) { 
    .itemMenuHomeMetro a{
        background-size: 55px 55px!important;
        height: 70px;
    }
}

/*
    Ipad
*/

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px){
    .itemMenuHomeMetro {
        width: 145px;
        height: 145px;
    }
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation: portrait) {    
    .itemMenuHomeMetro a{
        background-size: 200px 200px!important;
        height: 240px;
    }
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation: landscape)
{
    .itemMenuHomeMetro a{
        background-size: 110px 110px!important;
        height: 140px;
    }
}