.collapseP1 {
	height:45px;
}

.collapseButtonIcon{
	margin-top:18px;
}

.collapseButtonText{
	height:45px; 
	line-height:45px;
}

.collapseZone a{
	line-height: 37px!important;
}

.off-led{
	margin-top: 10px;
		
}

.pn4-collapse .collapse-holder{
	margin-bottom: 15px;
}

.pn4-collapse .logo-pn4-mic{
	background-color: #fff;
	border-radius: 50%;
}

.pn4-collapse .title{
	padding-left: 10px;
	line-height: 60px;
	font-size: 1.1rem;
	font-weight: normal;
	color: #fff !important;
	/* background-color: #013178; */
	border-radius: 3px 3px 0 0;
	
	background-image: -moz-linear-gradient( 35deg, rgb(1,49,120) 0%, rgb(2,67,164) 100%);
    background-image: -webkit-linear-gradient( 35deg, rgb(1,49,120) 0%, rgb(2,67,164) 100%);
    background-image: -ms-linear-gradient( 35deg, rgb(1,49,120) 0%, rgb(2,67,164) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#013178', endColorstr='#0243a4');
}

.pn4-collapse .title span{
	color: orange;
}

.pn4-collapse .content{
	background-color: #fcfcfc;
    border-left: 1px solid #013178;
    border-right: 1px solid #013178;
    border-top: 0px solid #013178;
    border-bottom: 1px solid #013178;
    border-radius: 0 0 3px 3px;
}

.pn4-collapse .content ul{
	padding: 15px!important;
}

.pn4-collapse .content ul a{
	line-height: 28px!important;
    font-size: 14px;
}

.athon-collapse-collapsible:after{
	content: ' ';
	background-image: url(img/collapse-up.svg);
	background-repeat: no-repeat;
	width: 15px;
	height: 10px;
	display: inline-block;
	margin-left: 10px;
}

.athon-collapse-active:after {
    content: ' ';
	background-image: url(img/collapse-down.svg);
	background-repeat: no-repeat;
	width: 15px;
	height: 10px;
	display: inline-block;
	margin-left: 10px;
}

/* === For phones =================================== */
@media (max-width: 767px) {
	.collapseZone, .collapseZone p{
    	padding: 10px!important;
    	font-size: 12px!important;
    	line-height: 15px!important;
    }
    
    ul li a.mdl-button {
    	line-height: 15px!important;
	}
	
	.off-led{
		margin-top: 3px;
		
	}
    
    .collapseButtonIcon{
    	margin-top: 7px;
    	display: inline-block;
    	float: left;
    }
    
    .collapseButtonText{
		font-size: 12px!important;
		height: 12px;
		line-height: 20px;
		font-weight: 400!important;
		color: #ffffff;
		float:left;
		text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
		display: inline-block;
		width: 90%;
	}
	
	.logo-p1,.logo-p2,.logo-p3,.logo-p4{
		display:none;	
	}
}	

/* === For tablets ================================== */
@media (min-width: 768px) and (max-width:991px) {
	.collapseButtonText{
		font-size: 12px!important;
	}
	
	.collapseZone ul li a {
    	line-height: 16px!important;
    	font-size: 13px;
	}
	
	.off-led{
		margin-top: 3px;
		
	}
}	

/* === FOR IPHONE <5s =======================================*/

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
	.collapseButtonText {
		font-size: 11px!important;
		width: 85%;
	}
	
	.pn4-collapse .title{
		
	}
	
	.collapseZone a, .pn4-collapse .content ul a{
		line-height: 15px!important;
	}
}