/* Layout
***********************/
#container1 { width:100%; height:auto; padding: 10px 0;}

/* --Clearfix */
.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}

/* Media Queries
***********************/
@media screen and (max-width: 960px) {
  #container1 {padding: 35px;}

}
@media screen and (max-width: 768px) {
  #container1 {padding: 20px 30px;}

}




/*=============== News page ===============*/

#text-accordion {
	width:96%; margin:0 auto;
}
.collapsible,
.page_collapsible,
.accordion {
	margin: 0;
    padding:10px;
    height:20px;

 	border-bottom:#fff 2px solid;
    background: #449DD2;

	font-family: 'Lato';
    text-decoration:none;
	font-weight:400;
    color: #fff;
    font-size:18px; cursor:pointer;
}

.accordion:hover {background:#077aaa; color:#FFF;}

div.content ul {margin:0 0 0 4%;}

.accordion-open,
.collapse-open {
	background:#4cb8cb;
	color: #fff;
}
.accordion-open span,
.collapse-open span {
	display:block;
	float:right;
	padding:10px;
}
.accordion-open span,
.collapse-open span {
	background:url(../images/minus.png) center center no-repeat;
}
.accordion-close span,
.collapse-close span {
	display:block;
	float:right;
	background:url(../images/plus.png) center center no-repeat;
	padding:10px;
}
div.container {
	padding:0;
	margin:0;
}
div.content {
	background:none;
	color:#444;
	margin: 0;
    padding:5px;
	font-size:12px;
	line-height:18px;
	font-family:Arial, Helvetica, Geneva, sans-serif; text-align:justify;
}
code {
	overflow:auto;
}


@media (min-width: 320px) and (max-width: 479px) {
.collapsible,
.page_collapsible,
.accordion {
    margin: 0;
    padding:10px;
    height:auto;

 	border-bottom:#fff 2px solid;
    background: #b9e2eb;

	font-family: 'Lato';
    text-decoration:none;
	font-weight:400;
    color: #333;
    font-size:13px; cursor:pointer; text-align:left;
}

div.content ul {margin:0 0 0 8%;}

div.content {
	background:none;
	color:#444;
	margin: 0;
    padding:5px;
	font-size:11px;
	line-height:16px;
	font-family:Arial, Helvetica, Geneva, sans-serif; text-align:justify;
}
}

@media (min-width: 480px) and (max-width: 590px) {
.collapsible,
.page_collapsible,
.accordion {
    margin: 0;
    padding:10px;
    height:auto;

 	border-bottom:#fff 2px solid;
    background: #b9e2eb;

	font-family: 'Lato';
    text-decoration:none;
	font-weight:400;
    color: #333;
    font-size:14px; cursor:pointer; text-align:left;
}

div.content ul {margin:0 0 0 8%;}
}