@media only screen and (max-width:1260px){
    header, footer, main {
        width: 96%;
        margin-left:3%;
        max-width: 100%;
        float:left;
    }
    .sidebar, .sidebar-kw{
        width:278px;
        min-width:278px;
    }
    .sidebar-header {
        padding: 6px 5px 0 5px;
        width: calc(100% - 10px);
    }
    .sidebar-content {
        min-height: calc(100vh - 180px);
        position: relative;
    }    
    #content{
        width:calc(100% - 280px - 20px - 7px);
    }
    .content-head {
        width: calc(100% - 20px);
        padding: 5px 10px;
    }   
    .title{
/*        width: 300px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 285px;   */     
    }    

    ul, ol{
        padding-left:20px;
    }
    footer{
        height:unset;
        margin-bottom:0;
    } 
    footer div {
        line-height:30px;
        text-align: center;
        float:unset;
    }   
    footer ul {
        float: unset;
        text-align: center;
        padding: 0;
    } 
    footer ul li {
        margin-bottom:0;
    }   
     footer ul li a {
        font-size:14px;
    }

}

@media only screen and (max-width:678px){
    body{
        height:100vh;
        display:flex;
        flex-direction: column;
    }
    main {
        width: calc(100% - 22px);
        margin-left: 10px;
        max-width: 100%;
        float: left;
        display: block;        
    }
    header, footer{
        width: calc(100% - 20px);
        margin-left: 10px;
        max-width: 100%;
        float: left;
        display: block;
    }    
    header .navbar{margin-bottom:0;}
    header .navbar-header{
        margin:5px 0;
    }

    .logo{display:none;}
    
    .logoSmall {
        fill: #0073A0;
        width: 30px;
        height: 30px;
        display:block;
    }    
    .sidebar, .sidebar-kw {
        width: 100%;
        float:left ;
        margin-bottom:5px;
    }    
    .sidebar-header{
        display: block;
        float: left;
        border-bottom:none;
        padding: 6px 10px 0 10px;
        width: calc(100% - 20px);        
    }
    .sidebar-header.border{
        border-bottom:1px solid #0073A0;
        margin-bottom: -1px;
    }
    .sidebar-header-wrapper {
        width: 75%;
        float: left;
    }    
    .sidebar-header-wrapper a{
        border-bottom:none;
    }
    .sidebar-content {
        display: none;
        float: left;width:100%;
        min-height: unset;
        position: relative;
    }
    .ham{
        display:block;
        float:right;
        line-height: 30px;
        cursor:pointer;
    }
    .ham i{
        font-size:18px;
        color:#0073A0;
    }
    #content {
        width: calc(100% - 20px);
        margin: 0;
        float: left;
    }
    h1{
        font-size:16px;
    }

    iframe{
        width:100%;
    }

    footer{
        margin-top: auto;
    }
	table.efactura{
		display:block;
        height:unset !important;
	}
    .efactura tr.hide {
        display: none !important;
    }
	table.efactura tr {
			 border: 1px solid #ccc;
			 margin-bottom:10px;
			 flex-wrap: wrap;
			 align-content: center;
			 }
	table.efactura tr td{
		float:left;
		text-align:left;
		display: block;
		font-weight:normal !important;
        height:unset !important;
	}
	table.efactura tr td:nth-child(1){
		width: calc(20% - 10px) !important;
		background:#e8eef9;
		display: flex;
		align-items: center;
		font-weight:bold !important;
		border: none;
	}
	table.efactura tr td:nth-child(2){
		width: calc(80% - 12px) !important;
		background:#e8eef9;
		border: none;
	}
	table.efactura tr td:nth-child(3){
		width:calc(100% - 10px) !important;
		clear:both;
		border: none;
		border-top: 1px solid #ccc;
	}
}
@media only screen and (max-width:501px){
    #copy{
        display:none;
    }
}

@media only screen and (max-width:400px){
    .sidebar-header-wrapper{width:80%;}
    .sidebar-header-wrapper a{text-align:center;}
    .sidebar-header-wrapper a i{
        display:none;
    }
}