.whymgm {margin: 0 auto; min-width: 320px; max-width: 100%;}
		.whymgm .content {border-radius:0 0 20px 0; width:100%; background: #084D89; color:#fff;}
		.whymgm .content > div {display: none; padding: 20px 25px 5px; min-height:160px;}
		
		.whymgm input {display: none;}
		.whymgm label {display: inline-block; width:25%; font-weight: 600; text-align: center; height:38px; line-height:38px; padding:0px; margin:0px -3px 0 0; background: #ddd; border-left: 1px #fff solid; font-family: 'Roboto Slab', serif; font-size:16px;}
		.whymgm label:first-child { border-radius:10px;}
		.whymgm label:hover {color: #000; cursor: pointer;}
		.whymgm input:checked + label { background: #084D89; color: #fff;}
		.whymgm .bor-radius{ border-radius: 20px 0 0 0; border:0px !important; }
		#tab1:checked ~ .content #content1,
		#tab2:checked ~ .content #content2,
		#tab3:checked ~ .content #content3,
		#tab4:checked ~ .content #content4 {
		  display: block;
		}
.col-tab-3 {
    width: 25%;
    float: left;
    min-width: 150px;
	text-align: center;
	font-family: 'Roboto Slab', serif;
}
.col-tab-3 h2{
	     color: #f7a703;
    font-size: 60px;
    font-weight: bold;
    text-align: center;
    font-family: 'Roboto Slab', serif;
    margin: 0px;
}
.cr{
	clear:both;}
	
		@media screen and (max-width: 768px) { 
			.whymgm label {display: inline-block; width:50%; }
			.col-tab-3 {
					width: 50%;}
		}
	
	
		@media screen and (max-width: 480px) { 
			.whymgm label {display: inline-block; width:100%; }
			.col-tab-3 {
					width: 100%;}
			.whymgm {margin-left:-15px;}
					
		}
		
		@media screen and (max-width: 326px) { 
			.whymgm {margin-left:-30px;}
					
		}