/** iPhone portrait  */
@media only screen and (min-device-width: 320px) and (max-device-width : 960px) and (orientation: portrait) {
    div#Paginacoperta {
        width: 100% !important;
    }
    div#Headercoperta .logo-minister {
        margin: auto;
        padding: 50px 0 0 5px;
        position: relative;
    }
    div#Pagina_all_eroi {
        width: 100% !important;
    }
    #demo-outer {
        width: 100% !important;
    }
    #slider {
        width: 100% !important;
    }
    .scroll{
        width: 100% !important;
    }
    .scrollContainer{
        width: 100% !important;
        left: 0% !important;
    }
    .scrollContainer div.panel,
    .scrollContainer div.panel .inside > img{
        width: 350px !important;
        margin-bottom: 50px !important;
        float: none !important;
        margin: 0 auto !important;
    }
    .Semnatura_Bloc{
        left: 0 !important;
    }
    .Foto_stanga_eroii{
        clear: both;
        padding-left: 0px !important;
        float: none  !important;
        margin: auto;
        width: 350px  !important;
    }
    div#Headercoperta1 > img {
        width: 100% !important;
        white-space: nowrap;
        word-break: normal;
        top: 0;
        left: 0;
        right: 0;
    }
    div#Headercoperta2 > img {
        width: 100% !important;
        white-space: nowrap;
        word-break: normal;
        top: 0;
        left: 0;
        right: 0;
    }
    div#Headercoperta_down {
        margin: auto;
        max-width: 100%;
        margin-top: -107px;
        max-height: 50px;
    }
    .logo-title a{
        font-size: 15px;
        /*padding-left: 20px;*/
        height: 50px;
        color: #828282;
        text-decoration: none;
        /*vertical-align: top;*/
    }
}
/** iPhone landscape */
@media only screen and (min-device-width: 320px) and (max-device-width : 960px) and (orientation: landscape) {
    div#Paginacoperta {
        width: 100% !important;
    }
    div#Headercoperta .logo-minister {
        margin: auto;
        padding: 50px 0 0 5px;
        position: relative;
    }
    div#Pagina_all_eroi {
        width: 100% !important;
    }
    #demo-outer {
        width: 100% !important;
    }
    #slider {
        width: 100% !important;
    }
    .scroll{
        width: 100% !important;
    }
    .scrollContainer{
        width: 100% !important;
        left: 0% !important;
    }
    .scrollContainer div.panel,
    .scrollContainer div.panel .inside > img{
        width: 350px !important;
        margin-bottom: 50px !important;
        float: none !important;
        margin: 0 auto !important;
    }
    .Semnatura_Bloc{
        left: 0 !important;
    }
    .Foto_stanga_eroii{
        clear: both;
        padding-left: 0px !important;
        float: none  !important;
        margin: auto;
        width: 350px  !important;
    }
    div#Headercoperta1 > img {
        width: 100% !important;
        white-space: nowrap;
        word-break: normal;
        top: 0;
        left: 0;
        right: 0;
    }
    div#Headercoperta2 > img {
        width: 100% !important;
        white-space: nowrap;
        word-break: normal;
        top: 0;
        left: 0;
        right: 0;
    }
    div#Headercoperta_down {
        margin: auto;
        max-width: 100%;
        margin-top: -107px;
        max-height: 50px;
    }
    .logo-title a{
        font-size: 15px;
        /*padding-left: 20px;*/
        height: 50px;
        color: #828282;
        text-decoration: none;
        /*vertical-align: top;*/
    }
}
/** iPpad600-960 */
@media only screen and (min-device-width: 600px) and (max-device-width : 960px) and (orientation: portrait) {
    div#Paginacoperta {
        width: 100% !important;
    }
    div#Headercoperta .logo-minister {
        margin: auto;
        padding: 50px 0 0 5px;
        position: relative;
    }
    div#Pagina_all_eroi {
        width: 100% !important;
    }
    #demo-outer {
        width: 100% !important;
    }
    #slider {
        width: 100% !important;
    }
    .scroll{
        width: 100% !important;
    }
    .scrollContainer{
        width: 100% !important;
        left: 0% !important;
    }
    .scrollContainer div.panel,
    .scrollContainer div.panel .inside > img{
        width: 350px !important;
        margin-bottom: 50px !important;
        float: none !important;
        margin: 0 auto !important;
    }
    .Semnatura_Bloc{
        left: 0 !important;
    }
    .Foto_stanga_eroii{
        clear: both;
        padding-left: 0px !important;
        float: none  !important;
        margin: auto;
        width: 350px  !important;
    }
    div#Headercoperta1 > img {
        width: 100% !important;
        white-space: nowrap;
        word-break: normal;
        top: 0;
        left: 0;
        right: 0;
    }
    div#Headercoperta2 > img {
        width: 100% !important;
        white-space: nowrap;
        word-break: normal;
        top: 0;
        left: 0;
        right: 0;
    }
    div#Headercoperta_down {
        margin: auto;
        max-width: 100%;
        margin-top: -107px;
        max-height: 50px;
    }
    .logo-title a{
        font-size: 15px;
        /*padding-left: 20px;*/
        height: 50px;
        color: #828282;
        text-decoration: none;
        /*vertical-align: top;*/
    }
}

/** iPpad600-960 */
@media only screen and (min-device-width: 600px) and (max-device-width : 960px) and (orientation: landscape) {
    div#Paginacoperta {
        width: 100% !important;
    }
    div#Headercoperta .logo-minister {
        margin: auto;
        padding: 50px 0 0 5px;
        position: relative;
    }
    div#Pagina_all_eroi {
        width: 100% !important;
    }
    #demo-outer {
        width: 100% !important;
    }
    #slider {
        width: 100% !important;
    }
    .scroll{
        width: 100% !important;
    }
    .scrollContainer{
        width: 100% !important;
        left: 0% !important;
    }
    .scrollContainer div.panel,
    .scrollContainer div.panel .inside > img{
        width: 350px !important;
        margin-bottom: 50px !important;
        float: none !important;
        margin: 0 auto !important;
    }
    .Semnatura_Bloc{
        left: 0 !important;
    }
    .Foto_stanga_eroii{
        clear: both;
        padding-left: 0px !important;
        float: none  !important;
        margin: auto;
        width: 350px  !important;
    }
    div#Headercoperta1 > img {
        width: 100% !important;
        white-space: nowrap;
        word-break: normal;
        top: 0;
        left: 0;
        right: 0;
    }
    div#Headercoperta2 > img {
        width: 100% !important;
        white-space: nowrap;
        word-break: normal;
        top: 0;
        left: 0;
        right: 0;
    }
    div#Headercoperta_down {
        margin: auto;
        max-width: 100%;
        margin-top: -107px;
        max-height: 50px;
    }
    .logo-title a{
        font-size: 15px;
        /*padding-left: 20px;*/
        height: 50px;
        color: #828282;
        text-decoration: none;
        /*vertical-align: top;*/
    }
}

/** ipad landscape  */
@media only screen and (min-device-width: 768px) and (max-device-width : 1280px)  and (orientation: landscape) {
    div#Paginacoperta {
        width: 100% !important;
    }
    div#Headercoperta .logo-minister {
        margin: auto;
        padding: 50px 0 0 5px;
        position: relative;
    }
    div#Pagina_all_eroi {
        width: 100% !important;
    }
    #demo-outer {
        width: 100% !important;
    }
    #slider {
        width: 100% !important;
    }
    .scroll{
        width: 100% !important;
    }
    .scrollContainer{
        width: 100% !important;
        left: 0% !important;
    }
    .scrollContainer div.panel,
    .scrollContainer div.panel .inside > img{
        width: 350px !important;
        margin-bottom: 50px !important;
        float: none !important;
        margin: 0 auto !important;
    }
    .Semnatura_Bloc{
        left: 0 !important;
    }
    .Foto_stanga_eroii{
        clear: both;
        padding-left: 0px !important;
        float: none  !important;
        margin: auto;
        width: 350px  !important;
    }
    div#Headercoperta1 > img {
        width: 100% !important;
        white-space: nowrap;
        word-break: normal;
        top: 0;
        left: 0;
        right: 0;
    }
    div#Headercoperta2 > img {
        width: 100% !important;
        white-space: nowrap;
        word-break: normal;
        top: 0;
        left: 0;
        right: 0;
    }
    div#Headercoperta_down {
        margin: auto;
        max-width: 100%;
        margin-top: -107px;
        max-height: 50px;
    }
    .logo-title a{
        font-size: 15px;
        /*padding-left: 20px;*/
        height: 50px;
        color: #828282;
        text-decoration: none;
        /*vertical-align: top;*/
    }
}
/** ipad portrait  */
@media only screen and (min-device-width:  768px) and (max-device-width : 1280px)  and (orientation: portrait) {
    div#Paginacoperta {
        width: 100% !important;
    }
    div#Headercoperta .logo-minister {
        margin: auto;
        padding: 50px 0 0 5px;
        position: relative;
    }
    div#Pagina_all_eroi {
        width: 100% !important;
    }
    #demo-outer {
        width: 100% !important;
    }
    #slider {
        width: 100% !important;
    }
    .scroll{
        width: 100% !important;
    }
    .scrollContainer{
        width: 100% !important;
        left: 0% !important;
    }
    .scrollContainer div.panel,
    .scrollContainer div.panel .inside > img{
        width: 350px !important;
        margin-bottom: 50px !important;
        float: none !important;
        margin: 0 auto !important;
    }
    .Semnatura_Bloc{
        left: 0 !important;
    }
    .Foto_stanga_eroii{
        clear: both;
        padding-left: 0px !important;
        float: none  !important;
        margin: auto;
        width: 350px  !important;
    }
    div#Headercoperta1 > img {
        width: 100% !important;
        white-space: nowrap;
        word-break: normal;
        top: 0;
        left: 0;
        right: 0;
    }
    div#Headercoperta2 > img {
        width: 100% !important;
        white-space: nowrap;
        word-break: normal;
        top: 0;
        left: 0;
        right: 0;
    }
    div#Headercoperta_down {
        margin: auto;
        max-width: 100%;
        margin-top: -107px;
        max-height: 50px;
    }
    .logo-title a{
        font-size: 15px;
        /*padding-left: 20px;*/
        height: 50px;
        color: #828282;
        text-decoration: none;
        /*vertical-align: top;*/
    }
}