.accordion {background-color: #f4f4f4;color: #444;cursor: pointer;padding: 14px;width: 100%;border: none;border-bottom:1px solid #fff;text-align: left;outline: none;font-size: 17px;transition: 0.7s;}
.accordion img{vertical-align:middle;width:50px;height:50px; }
.active, .accordion:hover {background-color: #ccc;}
.accordion:after {content: '\002B';color: #777;font-weight: bold;float: right;margin-left: 5px;margin-top:15px;}
.active:after { content: "\2212";}
.panel {padding: 0 18px;background-color: white;max-height: 0;margin:0 !important;border:none !important;overflow: hidden;transition: max-height 0.2s ease-out;}
.panel p{font-size:15px !important;line-height:1.9;}
.panel h3:before, .panel h5:before{content: "\2212 ";}
.panel h3:first-child { padding-top:20px;}
.panel p:first-child {padding-top:20px;}
.panel ul{list-style-type:circle;list-style-position:inside;}
.panel a{color:#3333ff;word-wrap: break-word;}

@media only screen and (max-width: 480px) {
         .accordion {font-size:14px; padding: 15px 4px 15px;}
         .accordion:after { margin-top:8px;font-size:15px }
         .active:after { margin-top:7px;}
			.accordion img{width:35px;height:35px; }
}