@media (max-width:1366px){ 

}

@media (max-width:1315px){ 
	
}

@media (max-width:1279px){ 

/* BUTTONS */
.button,
.button2 { padding: 15px 15px 15px 15px !important; }
/* BUTTONS */

/* ELA FILES */
.filename a { font-size: 18px !important; }
.icon_ext { padding: 6px 10px 8px 10px;}
/* ELA FILES */

ul.list li span { font-size: 22px !important; }

/* HEADER */
.header_left { width: 30% !important; }
.header_right { width: 70% !important; }
/* HEADER */

}

@media (max-width:1023px){ 

.files_nav { padding: 15px 2% 15px 2% !important; width: 96% !important; }

}
@media (max-width:799px){ 
/* ELA FILES */
.multiaction { width: 5% !important; margin: 0px !important;}
.multiaction input { margin: 6px 0 0 0 !important; }

ul.files li { margin: 0 0 18px 0 !important; width: 100% !important; }
.filename { width: 83% !important; margin: 7px 0 0 2% !important;}
.icon_ext { width: 8% !important;     padding: 6px 1% 8px 1%; }

.filename a { width: 90% !important;}
.filename .delete_file { width: 8% !important; margin: 0 1% 0 1% !important; text-align: center !important; }
/* ELA FILES */

ul.list li span { font-size: 20px !important; }

/* HEADER */
.header_left { width: 40% !important; }
.header_right { width: 60% !important; }
/* HEADER */

/* BUTTONS */
.button,
.button2 { padding: 15px 15px 15px 15px !important; font-size: 15px; }
/* BUTTONS */

.files_nav { padding: 15px 3% 15px 3% !important; width: 94% !important; }

/* ADVICE */
.advice_outside .advice { padding: 10px !important; font-size: 17px !important; }
/* ADVICE */

}

@media (max-width:639px){ 
	
/* ELA FILES */

.filename a { line-height: 1em !important; }
.ela_field_upload { font-size: 16px !important; }
/* ELA FILES */

ul.list li span { font-size: 18px !important; width: 96% !important; padding: 8px 2% 8px 2%; }

/* HEADER */
header { padding: 10px 2% 12px 2% !important; }
.header_left { width: 100% !important; text-align: center; }
.header_right { width: 100% !important; text-align: center; margin: 15px 0 0 0 !important; }
/* HEADER */

/* BUTTONS */
.button,
.button2 { padding: 13px 13px 13px 13px !important; font-size: 14px; }
/* BUTTONS */

/* ADVICE */
.advice_outside .advice { top:15px !important; padding: 10px !important; font-size: 17px !important; }
/* ADVICE */

}

@media (max-width:479px){ 
/* ELA FILES */
.multiaction { width: 9% !important; margin: 0px !important;}
.multiaction input { margin: 6px 0 0 0 !important; }

ul.files li { margin: 0 0 13px 0 !important; }
.filename { width: 74% !important; margin: 7px 0 0 2% !important;}
.icon_ext { width: 13% !important;     padding: 6px 1% 8px 1%; }
.filename a { font-size: 16px !important; white-space: nowrap;  text-overflow: ellipsis; overflow: hidden; }
.ela_field_upload { font-size: 14px !important; }
.ela_field_upload:before { width: 30px !important; height: 22px !important; background-size: 30px 22px !important; top: 60% !important; }
/* ELA FILES */   

ul.list li span { font-size: 16px !important;   width: 94% !important; padding: 8px 3% 8px 3%; }

/* HEADER */
header { padding: 10px 2% 12px 2% !important; }
.header_right { margin: 0 0 0 0 !important; }
ul.menu li {  margin: 0 5px 0 0 !important; }
ul.menu li a { padding: 7px 7px 7px 7px !important; } 
a.logo { width: 170px !important; background-size: 170px auto !important; }
/* HEADER */

/* BUTTONS */
.button,
.button2 { padding: 10px 10px 10px 10px !important; font-size: 14px; }

.sbutton,
.sbutton2 { font-size: 14px; }
/* BUTTONS */

.files_nav { text-align: center;}
ul.ela_select_list { width: 305px !important;}
.button_view_link { margin: 10px 0 0 0 !important; }

/* ADVICE */
.advice_outside .advice { top:10px !important; padding: 7px !important; font-size: 15px !important; }
/* ADVICE */

}