#caseBox{margin:0 20px}
#caseBox .info h3{font-size:28px;font-weight:400;line-height: 140%;}
#caseBox .info h5{font-size:24px;font-weight:300}
#caseBox .info ul{margin:0 0 80px}
#caseBox .info li{display:flex;flex-wrap: wrap;}
#caseBox .info li b{margin-right:5px;}
#caseBox .info li b, #caseBox .info li p{font-weight:300;font-size:18px}
#caseBox .info li a{color:#29A6DD;font-size:18px}
#caseBox .info h4{font-size:24px;text-align:center;margin-bottom:50px;font-weight:400;color:#404040}
.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;margin-bottom:90px}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}

@media screen and (max-width:768px){
	#caseBox .item .photo{position:absolute;width:15%;top:0}
	#caseBox .item:nth-child(2n) .photo{right:0}
	#caseBox .item .info{margin:0;width:100%}
	#caseBox .item .info h5,#caseBox .item .info h3{margin:0 0 0 auto;padding:10px 2%;width:76%}
	#caseBox .item .info h3{padding:15px 2%}
	#caseBox .item:nth-child(2n) .info h5,#caseBox .item:nth-child(2n) .info h3{margin:0 auto 0 0}
}
@media screen and (max-width:480px){
	#caseBox .item > div,#caseBox .item:nth-child(2n) > div{float:none}
	#caseBox .item .photo{position:relative;margin:0 auto 10px;width:60%;display:block}
	#caseBox .item .info h5,#caseBox .item .info h3,#caseBox .item:nth-child(2n) .info h5,#caseBox .item:nth-child(2n) .info h3{margin:0;padding:10px 2%;width:96%}
	#caseBox{margin:0 5px;0}
	#caseBox .info li b{width:100%;}
	#caseBox .info li{margin-bottom: 10px;}
	.video-container.video-container{margin-bottom:50px;}
}