@media screen and (max-width: 579px) {
	.insidebody{
		width: 100%;
		text-align: center;
		margin: auto;
	}
	.insidebody>a{
		float: none;
		width: 95%;
		margin: auto;
	}
	.d1, .d2{
		width: 100%;
		height: auto;
	}
	.di_div{
		width: 100%;
	}
	.di_div>img{
		width: 100%;
	}
	.text{
		text-align: left;
	}

}

@media screen and (max-width: 768px) and (min-width: 580px){
	.main{
		
	}
	.insidebody{
		width: 100%;
		text-align: center;
		margin: auto;
	}
	.insidebody>a{
		margin:0 0 0 2%;
		float: left;
		width: 47%;
	}
	.d1, .d2{
		width: 100%;
	}
	.di_div{
		width: 100%;
	}
	.di_div>img{
		width: 100%;
	}
	.text{
		text-align: left;
	}
}

@media screen and (max-width: 1024px) and (min-width: 769px){
	.main{
	}
	.insidebody{
		width: 100%;
		margin: auto;
		text-align: center;
		box-sizing: border-box;
	}
	.insidebody>a{
		box-sizing: border-box;
		margin:0 0 0 2%;
		float: left;
		width: 47%;
	}
	.d1, .d2{
		width: 100%;
	}
	.di_div{
		width: 100%;
	}
	.di_div>img{
		width: 100%;
	}
	.text{
		text-align: left;
	}
}
@media screen and (max-width: 1199px) and (min-width: 1025px){
	.main{
	}
	.insidebody{
		margin: auto;
		width: 100%;
		text-align: center;
		box-sizing: border-box;
	}
	.insidebody>a{
		box-sizing: border-box;
		margin:0 0 0 2%;
		float: left;
		width: 47%;
	}
	.d1, .d2{
		width: 100%;
	}
	.di_div{
		width: 100%;
	}
	.di_div>img{
		width: 100%;
	}
	.text{
		text-align: left;
	}
}