.mobil_nav {
    display:none;
}
.mobil_icon {
    background:url('../images/nav_bg_mob.png');
    background-repeat: no-repeat;
    padding:10px 10px 10px 10px;
}
.mobile_cta {
    display: block;
    float: right;
    height:22px;
    width:22px;
    overflow:hidden;
}
.mobil_meniu{
    display:none;
    margin-top:-7px;
}
.mobil_meniu li{
    padding:5px 10px;
    background:#3586b9 ;
    border-bottom: 1px solid #ffffff;
}
.mobil_meniu li a{
    font-size:16px;
    color:#ffffff;
}
@media screen and (max-width:320px) {
    .mobil_nav {
        display:block;
    }
    .meniu-nav {
        display:none;
    } 
    .page{
        width:100%;
        padding:0;
    }
    .header{
        width:100%;
        margin-left:0;
    }
    .logo{
        margin:5px 0 0 0;
        padding-top:10px;
    }
    .logo h1{
        margin:0;
        float:none;
    }
    .logo h1 > small{
        float:none;
        letter-spacing:3px;
    }
    .meniu-prima-pagina{
        height:50px;
        width:100%;
        background:url('../images/nav_bg_mob.png');
        background-repeat: no-repeat;
        color: #FFFFFF;
        text-shadow: none;
    }
    .content-prima-pagina{
        padding:0;
        width:100%;
        margin-left:0;
    }   
    #masthead .carousel-caption {
        max-width:100%;
    }
    .carousel-caption{
        padding:0;        
    }
    .avocat-mediator{
        height: auto;
        margin-top: 5%;
    }   
    .avocat-mediator-content {
        /*        height:100%;*/
        height:100%;
    }
    .left-avocat-mediator{
        width:100%;
        height:50%;
    }   
    #poza-left{
        height:30%;
    }
    .right-avocat-mediator{
        width:100%;
        height:50%;
    }    
    #poza-right{
        height:30%;
    }
    .introducere {
        float: left;
        height: auto;
        margin: 0 5%;
        width: 90%;
    }
    .text{
        line-height:26px;
    }
    .footer{
        margin-left:0;
        width:100%;
    }
    .copyright{
        margin-left:0;
        width:100%;  
    }
    .parteneri{
        float:none;
        margin-top:0;
    }
    .lg-right{
        display:none;
    }
    .logo-avocat{
        margin-top:15px;
    }
    .lg-text{
        letter-spacing:3px !important;
    }
    .logo-avocat h1{
        float:none;
        margin:0;
    }
    .lg-left{
        margin:0;
    }
    .content{
        margin-top:-6px;
        margin-left:0;
        width:100%;
    }  
    .content1{
        margin:10px 0 0 0;
        width:100%;
    }
    .content2{
        margin:0 0 10px 17px;
    }
    #left-submeniu{
        margin-top:10px;
        width:100%;
        height:100%;
    }
    .descriere {
        margin:0;
        padding:0;
        width:100%;
    }
    .info_module ul {
        margin:0;
    }
    .info_module ul li {
        margin:0;
    }
    .onorarii{
        padding:0;
    }
    .onorarii p{
        margin:0;
    }
    .onorarii ul{
        padding:0;
        margin:0 0 20px 30px;
    }  
    .onorarii1 ul li {
        margin:0;
    }
    .top{
        padding-bottom:20px;
    }
    .content_link_avocat{
        height:100%;;
    }   
    .link-right{
        float:none;
    }
    .content_link_avocat ul{
        float:none;
    }
    .content_legislatieav{
        padding:0;
    }
    table{
        width:100%;
    }
    .map{
        padding:0;
    }
    .paragraf{
        width:100%;
    }
    #map-canvas{
        width:100%;
    }
    .separator-vertical{
        display:none;
    }
    .mail{
        width:100%;
    }   
    .contact_label{
        padding-right:0;
        width:65px;
    }
    .contact_submit{
        margin-bottom:10px;
    }   
    .content_lege{
        padding:10px;
    }
    .content_lege p {
        margin:0;
    }
    .content-ghid{
        padding:10px;
    }    
    .preambul p {
        padding-bottom:0;
    }   
    .preambul ul{
        margin: 10px 0 10px 6px;
    }
    .submeniu-ghid{
        padding:0;
    }    
    .content-meniu-ghid{
        padding:0;
    }   
    .ce-este-medierea p{
        margin-left:17px;
        padding-bottom:0;
    }   
    .cerere-mediere {
        padding:10px;
    }    
    .poza-cerere{
        width:100%;
        height:415px;
    }
    .poza-cerere img {
        width:100%;
    }
    .content_link{
        padding:10px;
        height:100%;
    }    
    .link-right-mediere {
        float:none;
        margin:0;
    }
}
@media screen and (min-width:321px) and (max-width:639px){
    .mobil_nav {
        display:block;
    }
    .meniu-nav {
        display:none;
    } 
    .page{
        width:100%;
        padding:0;
    }
    .header{
        width:100%;
        margin-left:0;
    }
    .logo{
        margin:5px 0 0 0;
        padding-top:10px;
    }
    .logo h1{
        margin:0;
        float:none;
    }
    .logo h1 > small{
        float:none;
        letter-spacing:3px;
    }
    .meniu-prima-pagina{
        height:50px;
        width:100%;
        background:url('../images/nav_bg_mob.png');
        background-repeat: no-repeat;
        color: #FFFFFF;
        text-shadow: none;
    }
    .content-prima-pagina{
        padding:0;
        width:100%;
        min-height:100%;
        margin-left:0;
    }
    #masthead .carousel-caption {
        max-width:100%;
    }
    .avocat-mediator-content{
        height:100%;
    }
    .carousel-caption{
        padding:0;        
    }
    .avocat-mediator{
        height: auto;
        margin-top: 5%;
        width:90%;
    }
    .left-avocat-mediator{
        width:30%;
        height:50%;
    }
    #poza-left{
        height:30%;
    }
    .right-avocat-mediator{
        width:30%;
        height:50%;
    }
    #poza-right{
        height:30%;
    }
    .introducere {
        float: left;
        height: auto;
        margin: 20px 5%;
        width: 90%;
    }
    .text{
        line-height:26px;
    }
    .footer{
        margin-left:0;
        width:100%;
        float:left;
    }
    .copyright{
        margin-left:0;
        width:100%; 
        float:left;
    }
    .parteneri{
        float:left;
        margin-top:0;
    }
    .lg-right{
        display:none;
    }
    .logo-avocat{
        margin-top:15px;
    }
    .lg-text{
        letter-spacing:3px !important;
    }
    .logo-avocat h1{
        float:none;
        margin:0;
    }
    .lg-left{
        margin:0;
    }
    .content{
        margin-top:-6px;
        margin-left:0;
        width:100%;
    }  
    .content1{
        margin:10px 0 0 0;
        width:100%;
    }
    .content2{
        margin:0 0 10px 17px;
    }
    #left-submeniu{
        margin-top:10px;
        width:100%;
        height:100%;
    }
    .descriere {
        margin:0;
        padding:0;
        width:100%;
    }
    .info_module ul {
        margin:0;
    }
    .info_module ul li {
        margin:0;
    }
    .onorarii{
        padding:0;
    }
    .onorarii p{
        margin:0;
    }
    .onorarii ul{
        padding:0;
        margin:0 0 20px 30px;
    }  
    .onorarii1 ul li {
        margin:0;
    }
    .top{
        padding-bottom:20px;
    }
    .content_link_avocat{
        height:100%;;
    }   
    .link-right{
        float:none;
    }
    .content_link_avocat ul{
        float:none;
    }
    .content_legislatieav{
        padding:0;
    }
    table{
        width:100%;
    }
    .map{
        padding:0;
    }
    .paragraf{
        width:100%;
    }
    #map-canvas{
        width:100%;
    }
    .separator-vertical{
        display:none;
    }
    .mail{
        width:100%;
    }   
    .contact_label{
        padding-right:0;
        width:65px;
    }
    .contact_submit{
        margin-bottom:10px;
    }
    .content_lege{
        padding:10px;
    }
    .content_lege p {
        margin:0;
    }
    .content-ghid{
        padding:10px;
    }    
    .preambul p {
        padding-bottom:0;
    }   
    .preambul ul{
        margin: 10px 0 10px 6px;
    }
    .submeniu-ghid{
        padding:0;
    }    
    .content-meniu-ghid{
        padding:0;
    }   
    .ce-este-medierea p{
        margin-left:17px;
        padding-bottom:0;
    }
    .cerere-mediere {
        padding:10px;
    }    
    .poza-cerere{
        width:80%;
        height:415px;
    }
    .poza-cerere img {
        width:100%;
    }
    .content_link{
        padding:10px;
        height:100%;
    }    
    .link-right-mediere {
        float:none;
        margin:0;
    }
}
@media screen and (min-width:640px) and (max-width:1023px) {
    .mobil_nav {
        display:block;
    }
    .meniu-nav {
        display:none;
    } 
    .page{
        width:100%;
    }

    .header{
        width:100%;
        margin-left:0;
    }
    .logo{
        margin:5px 0 0 75px;
        padding-top:10px;
    }
    .logo h1{
        margin:0;
    }
    .logo h1 > small{
        float:none;
        letter-spacing:3px;
    }
    .meniu-prima-pagina{
        height:50px;
        width:100%;
        background:url('../images/nav_bg_mob.png');
        background-repeat: no-repeat;
        color: #FFFFFF;
        text-shadow: none;
    }
    .content-prima-pagina{
        padding:0;
        min-height:100%;
        width:100%;
        margin-left:0;
    }
    .avocat-mediator-content{
        height:100%;
        width:100%;
    }
    .carousel-caption{
        padding:0;        
    }
    #masthead .carousel-caption{
        max-width:100%;
    }
    .span12{
        width:100%;
    }
    .container{
        width:100%;
    }
    .avocat-mediator{
        height: auto;
        margin-top: 5%;
        width:90%;
    }
    .introducere {
        float: left;
        height: auto;
        margin: 20px 5%;
        width: 90%;
    }
    .text{
        line-height:26px;
    }
    .footer{
        float:left;
        width:100%;
        margin-left:0;
    }
    .copyright{
        float:left;
        width:100%;
        margin-left:0;
    }
    .parteneri{
        float:left;
    }
    .lg-right{
        display:none;
    }
    .logo-avocat{
        margin-top:15px;
    }
    .lg-text{
        letter-spacing:3px !important;
    }
    .logo-avocat h1{
        float:none;
        margin:8px;
    }
    .lg-left{
        margin: 0 0 0 50px;
    }
    .content{
        margin-top:-6px;
        margin-left:0;
        width:100%;
    }  
    .content1{
        margin: 20px 0 0 0;
        width:60%;
    }
    .content2{
        margin: 20px 0 10px 0;
    }
    #left-submeniu{
        margin-top:10px;
        height:100%;
    }
    .descriere {
        margin:0;
        padding:0;
        width:395px;
    }
    .info_module ul {
        margin:0;
    }
    .info_module ul li {
        margin:0;
    }
    .onorarii{
        padding:0;
    }
    .onorarii p{
        margin:0;
    }
    .onorarii ul{
        padding:0;
        margin:0 0 20px 30px;
    }  
    .onorarii1 ul li {
        margin:0;
    }
    .top{
        padding-bottom:20px;
    }
    .content_link_avocat{
        height:100%;;
    }   
    .link-right{
        float:none;
    }
    .content_legislatieav{
        padding:0;
    }
    table{
        width:100%;
    }
    .map{
        padding:0;
    }
    .paragraf{
        width:47%;       
    }
    #map-canvas{
        width:100%;
    }
    .separator-vertical{
        margin:21px 5px;
    }
    .mail{
        width:50%;
    }
    .contact_label{
        padding-right:0;
        width:65px;
    }
    .content_link{
        padding:10px;
        height:100%;
    }    
    .link-right-mediere {
        float:none;
    }
}