.contant_section .chart_style {
    color: #fff;
    display: block;
    font-size: 13px;
    font-weight: 300;
    padding: 11px 10px 2px;
	border-bottom: 3px solid #bbbbbb;
}
.contant_section .side_style {
    padding-right: 0;
    padding-left: 0;
}
.contant_section .side_style .chart_icons {
    padding: 14px 0;
    text-align: center;
}
.contant_section .side_style .col-xs-3,
 .contant_section .side_style .col-xs-4,
  .contant_section .side_style .col-xs-5,
   .contant_section .side_style .col-xs-6,
    .contant_section .side_style .col-xs-7,
	 .contant_section .side_style .col-xs-8{
    padding-left: 4px;
    padding-right: 4px;
}
.contant_section .side_style .chart_colour1 {
    background-color: #e23c3c;
}
.contant_section .side_style .chart_colour2 {
    background-color: #2a5fb7;
}
.contant_section .side_style .chart_colour3 {
    background-color: #68bc0e;
}
.contant_section .side_style .chart_colour4 {
    background-color: #0394ae;
}
.contant_section .side_style .chart_colour5 {
    background-color: #7003ae;
}
.contant_section .side_style .chart_colour6 {
    background-color: #009f67;
}
.contant_section .side_style .chart_colour7 {
    background-color: #f98403;
}
.contant_section .side_style .chart_colour8 {
    background-color: #b60168;
}
.contant_section .side_style .chart_colour9 {
    background-color: #454e64;
}
.contant_section .side_style .chart_colour10 {
    background-color: #93904a;
}
.contant_section .side_style a:hover {
    color: #f5f6f7;
}
@media only screen and (max-width: 1200px){
	.contant_section .side_style .col-xs-3,
	 .contant_section .side_style .col-xs-4,
	  .contant_section .side_style .col-xs-5,
	   .contant_section .side_style .col-xs-6,
		.contant_section .side_style .col-xs-7,
		 .contant_section .side_style .col-xs-8{
		padding-left: 4px;
		padding-right: 4px;
	}

}
@media only screen and (max-width: 992px){
	.contant_section .col-md-4,
	 .contant_section .col-md-5,
	  .contant_section .col-md-7,
	   .contant_section .col-md-8 {
		margin-bottom: 0px;
		margin-top: 0px;
	}
}
@media only screen and (max-width: 768px){
	.contant_section {
		margin-bottom: 80px;
		margin-top: 182px;
	}
}
@media only screen and (max-width: 600px){
	.contant_section .side_style .chart_box_smol {
		margin-bottom: 10px;
		width: 100%;
	}	
	.contant_section .side_style .chart_style {
		overflow: hidden;
		padding: 6px 10px;
	}
	.contant_section .side_style .chart_icons {
		display: block;
		float: left;
		padding: 0;
	}
	.contant_section .side_style .chart_text {
		display: block;
		padding-top: 8px;
		text-align: right;
	}
	.contant_section .side_style .chart_icons i {
		font-size: 33px;
	}
}
@media only screen and (max-width: 500px){
	.contant_section {
		margin-bottom: 20px;
		margin-top: 23px;
	}
}