@media (max-height:667px) and (max-width:991px){
	#right-col{
    	max-height:160px !important;
	}
}
@media (max-height:667px){
	#content-documents-subject{
		/*overflow-y: unset;*/
	}
}
@media (max-width:1206px){
	.container-banner {
    	padding-right: 0 !important;
    	padding-left:  0 !important;
    	margin-right:  0 !important;
    	margin-left:  0 !important;
	}
	.banner{
		width:1207px;
	}
}
@media (max-width:1024px){

	.left-terms img{
		width: 99%;
    	padding-right: 1%;
    	padding-top:10px;
	}
	.banner{
		width:1025px;
	}
}
@media (max-width:991px){
	.top-center{
	    font-size: 19px;
	}
	.subject-desc{
		margin-left: 20px;
		width: 100%;
	}
	#right-col{
		position: fixed;
    	bottom: 0;
    	left: 0;
    	width: 100%;
    	z-index: 1;
    	background-color: #FFF;
    	/*height: 270px;*/
    	max-height:290px;
    	overflow-y: auto;
    	border-top: 1px solid #4A5A4B;
	}
	.document-img{
		margin-left: 10px;
	}

	#content-documents-subject{
		max-height: 200px;
		overflow-y: unset;
	}
}

@media (max-width:848px){
	#date-toolbar{
		font-size: 12px;
	}
	#date-toolbar-center{
		font-size: 20px;
	}
}
@media (max-width:698px){
	#date-toolbar{
		font-size: 10px;
	}
	#date-toolbar-center{
		font-size: 15px;
		width: 50%;
	}
	.arrow-left, .arrow-right{
		height: 40px;
		padding-right: 10px;
	}
}
@media (max-width:562px){
	#date-toolbar{
		font-size: 9px;
	}
	#date-toolbar-center{
		font-size: 12px;
	}
	
	.content-details{
		display: grid;
	}
	.termsapp{
		padding-left: 3px;
    	padding-right: 3px;
	}
	.right-terms, .left-terms{
		width: 100%;
	}
	.terms-title{
		padding-left: 12px;
		padding-top: 22px;
	}
	.left-terms img {
    	width: 100%;
    	padding-right: 0; 
    	padding-top: 0;
    	text-align: center;
    	height: 80px;
	}
}
@media (max-width:503px){
	.header-center{
		width: 0;
	}
	.top-right{
		padding-left: 14px;
	}
	#date-toolbar-left{
		margin-left: 10px;
		width: 200px;
	}
	#date-toolbar-right{
		margin-right: 10px;
		width: 200px;
	}
	.subject-desc{
		padding-left:0;
		padding-right:0;
	}
	.subject-desc div{
		margin-right:20px;
	}

}

@media (max-width:500px), (max-height:700px) and (max-width:991px){
	#right-col{	max-height: 150px;}
	.document-img{
		background-size: 30px 50px;
		min-height: 50px;
		background-size: 35px 50px;
    	padding-left: 55px;
    	line-height: 15px;
    	margin-top: 3px;
	}
	.documenttitle {font-size: 11px;}
	.documenttitle{font-size: 11px;}
	.documentlink{font-size: 10px;}
}
@media (max-width:500px){
	#right-col{	max-height: 150px;}
	#acta-pleno {padding-top: 0;}
	.top-center{margin-top: 10px;font-size: 11px;}
	.top-center .subtitle1{	font-size: 12px;}
	.top-right{
		padding-left: 22px;
    	font-size: 10px;
	}

	.subject-desc{font-size: 13px;}
	.subjectstate{font-size: 10px;}
	.subject-num {font-size: 20px;}
	.row-vertical-align-middle {display: block;	align-items: center;}
	.document-img{
		background-size: 30px 50px;
		min-height: 50px;
		background-size: 35px 50px;
    	padding-left: 55px;
    	line-height: 15px;
    	margin-top: 3px;
	}
	.documenttitle {font-size: 11px;}
	.documenttitle{font-size: 11px;}
	.documentlink{font-size: 10px;}
	.title2{font-size: 15px;}
}

@media (max-width: 562px){
	.header-right{
		padding-left: 0;
		font-size: 12px; 
	}

	#date-toolbar {
    	font-size: 3px;
    	color: #fff;
    	line-height: 50px;
	}
	#plenary-list{
		margin-top: 50px;
	}
	#date-toolbar-center {
		font-size: 9px;
		width: 100%;
	}
	#plenary-list {
    	margin-left: 30px;
	}
	.top-left{
		background-size: 45px;
	}
	.top-right{
		background-size: 40px;
        padding-left: 17px;
	}
	.comision-list{
		margin-top: 50px;
		margin-left: 30px;
	}
}