/* MEDIA QUERIES*/

/* Smartphones: iPhone 2G, 3G, 4, 4S (landscape) ----------- */
@media screen and (min-width : 320px)and (max-width : 480px) and (orientation : landscape) {
}

/* Smartphones: iPhone 2G, 3G, 4, 4S (portrait) ----------- */
@media screen and (min-width : 320px)and (max-width : 480px) and (orientation : portrait) {
}

/* iPhone 5 in landscape ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
}

/* iPhone 5 in portrait ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
}

/* iPads & iPad Mini (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}

/* iPads & iPad Mini (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

}

/* Standard 4:3 desktop screen resolution - Full HD - LG- ---------- */
@media screen and (min-width : 1281px) and (max-width : 1920px){
    .nav > li > a {
        padding-left: 16px;
        padding-right: 16px;
    }

    img.img-events{
        width: auto;
        margin: 10px auto;
        text-align: center;
        display: block;
    }

    .dashboard-left{
        background-color: #ddd;
        padding: 30px 10px 0px 20px;
        height: 750px;
        width: 290px;
    }

    .table-cell-right{
        width: 260px !important;
    }
}

/* Standard 4:3 desktop screen resolution -LG- ----------- */
@media screen and (min-width : 1201px) and (max-width : 1280px){
    .nav > li > a {
        padding-left: 12px;
        padding-right: 12px;
    }

    .dashboard-left{
        background-color: #ddd;
        padding: 30px 10px 0px 20px;
        height: 750px;
        width: 290px;
    }

    .table-cell-right{
        width: 260px !important;
    }
}

/* Desktop screen resolution -MD- ---------- */
@media screen and (min-width : 992px) and (max-width : 1200px){
    .nav > li > a {
        padding-left: 12px;
        padding-right: 12px;
    }

    .dashboard-left{
        background-color: #ddd;
        padding: 30px 10px 0px 20px;
        height: 750px;
        /*width: 175px*/
    }

    .table-cell-right{
        width: 260px !important;
    }
}

/* Desktop screen resolution -SM- --------- */
@media screen and (min-width : 768px) and (max-width : 991px){
    .navbar {
        font-size: 12px;
    }

    .nav > li > a {
        padding-left: 11px;
        padding-right: 11px;
    }

    .navbar-nav > li > a {
        padding-top: inherit;
        padding-bottom: inherit;
    }

    .dashboard-left{
        background-color: #ddd;
        padding: 30px 0px 0px 20px;
        /*height: 750px;*/
    }

    img.img-events{
        width: 70px;
        margin: 10px auto;
        text-align: center;
    }

    .gridster-right{
        margin-left: -15px;
    }

    .gridster li{
        width: 270px;
    }

}

/* Desktop screen resolution -XS- ----------- */
@media screen and (max-width : 767px){
    #delimitare div.title{
        display: none;
    }

    .custom-align{
        text-align: left;
    }

    .dashboard-left{
        background-color: #ddd;
        padding: 30px 10px 0px 20px;
        height: 750px;
    }
}

/* Standard netbook/tablet resolution Portrait ----------- */
@media screen and (min-width : 600px) and (max-width : 1024px) and (orientation : portrait) {

}

/* Standard netbook/tablet resolution Landscape ----------- */
@media screen and (min-width : 600px) and (max-width : 1024px) and (orientation : landscape) {

}

/* END MEDIA QUERIES*/