/* AUTOSIZES - MEDIUM SCREENS: 3 tiles*/

@media (min-width: 600px) and (max-width: 768px) {
    body.autodevice .small-editor .ta-editor{
        height: 150px !important;
        min-height: 150px !important;
    }
    
    /* 3 tiles */
    
    body.autodevice .tile .tile-auto-content-icon{
        padding-top: 15%;
    }
    
    body.autodevice .tile.normal{
        width: 30% !important;
        padding-bottom: 30% !important;
        margin: 1.66% !important;
    }
    body.autodevice .tile.double {
        width: 63.33% !important;
        padding-bottom: 30% !important;
        margin: 1.66% !important;
    }
    body.autodevice .tile.double-down {
        width: 30% !important;
        padding-bottom: 63.33% !important;
        margin: 1.66% !important;
    }
    
    /* MAX 2 TILES*/
    body.autodevice.max-2tiles .tile.normal {
        width: 45% !important;
        padding-bottom: 45% !important;
        margin: 2.5% !important;
    }
    
    body.autodevice.max-2tiles .tile.double {
        width: 95% !important;
        padding-bottom: 45% !important;
        margin: 2.5% !important;
    }
    
    body.autodevice.max-2tiles .tiles .tile.double-down {
        width: 45% !important;
        padding-bottom: 95% !important;
        margin: 2.5% !important;
    }
    
    body.autodevice.max-2tiles .tiles .tile .tile-header{
        font-size: large;
        padding: 15px 15px 30px 15px;
        line-height: normal;
    }
    
    body.autodevice.max-2tiles .tiles .tile .tile-main,
    body.autodevice.max-2tiles .tiles .tile .tile-content,
    body.autodevice.max-2tiles .tiles .tile .tile-content-full,
    body.autodevice.max-2tiles .tiles .tile .contentpage{
        font-size: large;
        line-height: normal;
    }
    
    body.autodevice.max-2tiles .tiles .tile .tile-icon {
        bottom: -20px;
        right: 15px;
        height: 40px;
        width: 40px;
        line-height: 34px !important;
        font-size: 16px !important;
        border: 2px solid #000;
        -moz-box-shadow: 0px 0px 7px #000;
        -webkit-box-shadow: 0px 0px 7px #000;
        box-shadow: 0px 0px 7px #000;
    }
    
    body.autodevice.max-2tiles .tiles .tile .tile-icon.tile-icon-link {
        bottom: 15px !important;
    }


    body.autodevice.max-2tiles .tiles .tile .tile-icon.tile-icon-link-square {
        bottom: 15px !important;
    }
    
    body.autodevice.max-2tiles .tiles .tile .tile-icon.tile-icon-name {
        right: auto;
        left: 15px;
    }
    
}