@media ( max-width : 400px) and (orientation: portrait) {
    div#content_tabs.afisWhite {
        width: 275px !important;
        height: 150px !important;
        min-width: unset !important;
        left: 3 !important;
    }
    ul#idListInfo li.ui-state-default.ui-corner-top {
        padding: 8px 0;
    }
    #tabsSelectii ul.ui-widget-header li a, #tabsSelectii div.ui-tabs-panel p,
        #tabsSelectii div.ui-tabs-panel p label, #tabsSelectii div.ui-tabs-panel p a,
        #tabsSelectii div.ui-tabs-panel p .butoane-info {
        font-size: 10px !important;
    }
    #tabsSelectii #spanVizDoc, #tabsSelectii #spanRLU {
        margin-top: 2px !important;
    }
    #tabsSelectii div#idListInfo {
       /*  width: 245px; */
       width: 292px;
    }
    #tabsSelectii .ui-widget-content.ui-tabs-panel {
        padding: 2px !important;
    }
    div#popupPUG.popupModulPUG, body.claro div#popupEmitereCertificat.popupModulEmitereCertificat.ui-draggable.ui-draggable-disabled.ui-draggable-handle,
    div.swal-modal.swal-size-cris
        {
        width: 100% !important;
        height: 100% !important;
        max-width: 99% !important;
        max-height: 98% !important;
    }
    #ptPrint {
        padding: 0;
        font-size: 14px;
    }
    ul.menuExpendPUG a {
        padding: 2px 5px 0;
    }
    h4#numeUTR {
        font-size: 14pt;
        margin-top: 10px;
        width: 100%;
        word-break: break-word;
    }
    #divTop button#btnCloseInfo, div#divTop {
        margin-left: -16px;
        margin-right: -8px;
    }
    div.bottom-scale {
        padding: 0;
        right: 2px;
    }
    div.bottom-scale select, .bottom-scale label#currentScale {
        font-size: 10.5px;
    }
    div.scaleMap {
        padding: 25px 5px;
        gap: 5px;
        z-index: 1;
    }
    
    .map div.logo-med {
        margin: 0 !important; 
    }
    
    div.tool-icons {
        width: 27px;
        height: 27px;
    }
    div.tool-icons .fas {
        font-size: 14px;
    }
    div#unelteDiv.tool-contents {
        bottom: 8px;
        left: 4px;
        height: 85px;
        margin: 0;
    }
    div#unelteDiv .esriSimpleSlider div {
        min-width: 27px;
        min-height: 27px;
    }
    div#unelteDiv .esriSimpleSlider .regenerare-harta {
        bottom: 100px;
    }
    #regenerare_harta .fas {
        font-size: 14px;
    }
    img.esriBasemapGalleryThumbnail {
        height: 40px;
        width: 65px;
        margin: 4px 1px !important;
    }
    div.esriBasemapGalleryNode {
        width: 65px;
        /* height: 100px; */
    }
    div#divBasemapGallery.tool-contents {
        bottom: 72px;
        width: 75px;
        right: 10px;
        height: 288px;
    }
    div#divTermeniConditii {
        font-size: 10px;
        padding: 15px !important;
    }
    #legendDiv .esriLegendLayerLabel {
        font-size: 11px;
    }
    #legendDiv .esriLegendService .esriLegendLayer .esriLegendLayer td {
        font-size: 9px !important;
        min-width: 20px !important;
    }
    .esriLegendLayer img {
        width: 13px;
        height: 13px;
    }
    .tool-contents.is-active {
        width: 130px;
        height: 369px;
    }
    nav.c-menu-Leg {
        top: 220px;
    }
    body.claro div#popupEmitereCertificat.popupModulEmitereCertificat.ui-draggable.ui-draggable-disabled.ui-draggable-handle div#contentEmitereCertificat
    {
        max-height: 100% !important;
    }
    
    .afisWhite .submenu-text {
        font-size: 10.5px !important;
        padding: 5px 10px !important;
    }

    .d-flex.submenu-text a, .d-flex.submenu-text {
        font-size: 7.5px !important;
        padding: 4px !important;
    }
    
    ul.menuExpend {
        min-width: 105px !important;
        overflow: auto;
        min-height: 100px;
    }
    
    div.subMenuExpend {
        /* width: 190px; */
        max-height: 82px;
        overflow: auto;
    }
    
    label.form-check-label {
        cursor: pointer;
        font-size: 9.5px;      
        margin-left: -25px !important;
        margin-right: 0 !important;
    }
    
    div.divStraturi {
        left: 38px !important;
        min-width: 105px;
    }
    
    div.subMenuExpend ul {
        padding: 3px !important;
    }

    body.claro div.afisareInput {
        display: block;
    }
    
    .subMenuExpend .form-check.form-switch {
         margin-left: 9px !important;
         padding-left: 2em !important;
         line-height: 1.1;
    }   
    
    div#divHelp {
        width: 143px;
        left: 38px !important;
    }
    
    #content_cereri_nonsp.afisWhite {
        left: 38px !important;
    }
    
    div#codHTMLLayere{
        /* max-height: 83px; */
    }

    div.form-switch .form-check-input.labelStrat {
        height: 12px;
        width: 19px;
    }
    
    .arcgisSearch .searchMenu ul {
        height: 150px;
        font-size: 12px;
    }

     #uat-dropdown {
         max-height: 150px;
         height:auto;
         width: 20px;
         font-size: 12px
     }
     
      #cautareFaraRezultat {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-top: 18px;
     }
     
      #imgLogoUE {
        width: 105px;
     }
     
       div.subMenuExpend .dijit.dijitReset.dijitSlider.dijitSliderH.esriHorizontalSlider { 
         width: 107px !important; 
    }
    
     .logoUE {
        margin-left: 90px !important;
    }

}

@media ( min-width : 301px) and (max-width: 480px) and (orientation: portrait) {
    div#tabsSelectii {
        margin-top: 0;
    }
    div#content_tabs.afisWhite {
        width: 348px !important;
        height: 180px !important;
    }
    #tabsSelectii ul.ui-widget-header li a, #tabsSelectii div.ui-tabs-panel p,
        #tabsSelectii div.ui-tabs-panel p label, #tabsSelectii div.ui-tabs-panel p a,
        #tabsSelectii div.ui-tabs-panel p .butoane-info {
        font-size: 11px !important;
    }
    #tabsSelectii div#idListInfo {
        width: 292px;
    }
    #tabsSelectii #spanVizDoc, #tabsSelectii #spanRLU {
        margin-top: 10px !important;
    }
    ul#idListInfo li.ui-state-default.ui-corner-top {
        padding: 8px 0;
    }
    div#popupPUG.popupModulPUG, body.claro div#popupEmitereCertificat.popupModulEmitereCertificat.ui-draggable.ui-draggable-disabled.ui-draggable-handle {
        width: 100% !important;
        height: 100% !important;
        max-width: 99% !important;
        max-height: 98%;
    }
    #ptPrint {
        padding: 0;
        font-size: 14px;
    }
    ul.menuExpendPUG a {
        padding: 2px 5px 0;
    }
    h4#numeUTR {
        font-size: 14pt;
        margin-top: 10px;
        width: 100%;
        word-break: break-word;
    }
    #divTop button#btnCloseInfo, div#divTop {
        margin-left: -16px;
        margin-right: -8px;
    }
    div.bottom-scale {
        padding: 0;
        right: 2px;
    }
    
    .map div.logo-med {
        margin: 0 !important;
        
    }
    
    div.bottom-scale select, .bottom-scale label#currentScale {
        font-size: 10.5px;
    }
    div.scaleMap {
        padding: 25px 5px;
        gap: 5px;
        z-index: 1;
    }
    div.tool-icons {
        width: 27px;
        height: 27px;
    }
    div.tool-icons .fas {
        font-size: 14px;
    }
    div#unelteDiv.tool-contents {
        bottom: 8px;
        left: 4px;
        height: 85px;
        margin: 0;
    }
    div#unelteDiv .esriSimpleSlider div {
        min-width: 27px;
        min-height: 27px;
    }
    div#unelteDiv .esriSimpleSlider .regenerare-harta {
        bottom: 100px;
    }
    #regenerare_harta .fas {
        font-size: 14px;
    }
    img.esriBasemapGalleryThumbnail {
        height: 40px;
        width: 65px;
        margin: 4px 1px !important;
    }
    div.esriBasemapGalleryNode {
        width: 65px;
    }
    div#divBasemapGallery.tool-contents {
        bottom: 72px;
        width: 75px;
        right: 10px;
        height: 288px;
    }
    div#divTermeniConditii {
        font-size: 11px;
        padding: 15px !important;
    }
    #legendDiv .esriLegendLayerLabel {
        font-size: 11px;
    }
    #legendDiv .esriLegendService .esriLegendLayer .esriLegendLayer td {
        font-size: 9px !important;
        min-width: 20px !important;
    }
    .esriLegendLayer img {
        width: 13px;
        height: 13px;
    }
    .tool-contents.is-active {
        width: 130px;
        /*   height: 369px; */
    }
    nav.c-menu-Leg {
        top: 85px;
    }
    body.claro div#popupEmitereCertificat.popupModulEmitereCertificat.ui-draggable.ui-draggable-disabled.ui-draggable-handle div#contentEmitereCertificat
    {
        max-height: 100% !important;
    }   
 
    
    .afisWhite .submenu-text {
        font-size: 10.5px !important;
        padding: 5px 10px !important;
    }

    .d-flex.submenu-text a, .d-flex.submenu-text {
        font-size: 10.5px !important;
        padding: 4px !important;
    }
    
    ul.menuExpend {
        min-width: 129px !important;
        max-height: 127px;
    }
    
    div.subMenuExpend {
        /* width: 0px; */
        max-height: 127px;
    }
    
    label.form-check-label {
        cursor: pointer;
        font-size: 9.5px;      
        margin-left: -25px !important;
        margin-right: 0 !important;
    }
    
    div.divStraturi {
        left: 38px !important;
        min-width: 130px;
            min-height: 100px;
    }
    
    div.subMenuExpend ul {
        padding: 3px !important;
    }

    body.claro div.afisareInput {
        display: block;
    }
    
    .subMenuExpend .form-check.form-switch {
         margin-left: 9px !important;
         padding-left: 2em !important;
         line-height: 1.1;
 }  
    
    div#divHelp {
        width: 143px;
        left: 38px !important;
    }
    
    #content_cereri_nonsp.afisWhite {
        left: 38px !important;
    }
    
    div#codHTMLLayere{
        max-height: 160px;
    }

    div.form-switch .form-check-input.labelStrat {
        height: 12px;
        width: 19px;
    }
    
    .arcgisSearch .searchMenu ul{
        /* height: 150px; */
        font-size: 12px;
    }

     #uat-dropdown {
         max-height: 150px;
         height:auto;
         width: 20px;
         font-size: 12px
     }
     
     #cautareFaraRezultat {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-top: 18px;
     }
     
     #imgLogoUE {
        width: 105px;
     }
     
    div.subMenuExpend .dijit.dijitReset.dijitSlider.dijitSliderH.esriHorizontalSlider { 
         width: 107px !important; 
    }
    
    .logoUE {
        margin-left: 110px !important;
    }
    
     
}

@media ( min-width : 766px) and (max-width: 1024px) and (orientation: portrait) {
    #tabsSelectii ul.ui-widget-header li a, #tabsSelectii div.ui-tabs-panel p,
        #tabsSelectii div.ui-tabs-panel p label, #tabsSelectii div.ui-tabs-panel p a,
        #tabsSelectii div.ui-tabs-panel p .butoane-info {
        font-size: 14px !important;
    }
    #tabsSelectii div#idListInfo {
        width: 350px;
    }
    
    .map div.logo-med {
        margin: 0 !important; 
    }
    
    #imgLogoUE {
        width: 150px;
     }
}

@media ( min-width : 400px) and (max-width: 900px) and (orientation: landscape) {
     div#content_tabs.afisWhite {
        width: 330px !important;
        height: 150px !important;
        min-width: unset !important;
        left: 3 !important;
    }
    
    div#tabsSelectii {
        margin-top: 0;
    }
    
    #tabsSelectii div#idListInfo{
        width: 305px;
    }
    
       ul#idListInfo li.ui-state-default.ui-corner-top {
        padding: 8px 0;
    }
    
      #tabsSelectii ul.ui-widget-header li a, #tabsSelectii div.ui-tabs-panel p,
        #tabsSelectii div.ui-tabs-panel p label, #tabsSelectii div.ui-tabs-panel p a,
        #tabsSelectii div.ui-tabs-panel p .butoane-info {
        font-size: 11px !important;
    }
    
    .logoUE {
        margin-left: 250px !important;
    }
    
   #imgLogoUE {
        width: 105px;
     }
     
    .bottom-scale {
        bottom: 0 !important;
     }
     
     
    div#divBasemapGallery {
        height:  174px !important;
    }
    
    .tool-contents.is-active {
        width: 169px;
    }
      
}