.katana_box { overflow: hidden; background: #351c07; }
.katana_logo { background: url(../img/katana-fruits/katana_hd_bg.jpg) no-repeat; background-size: cover; position: relative; padding: 15px 50px; }
.katana_logo a { background: #fac491; color: #000; text-align: center; position: absolute; right: 20px; top: 20px; font-size: 17px; display: inline-block; padding: 15px; border-radius: 7px; min-width: 162px; }
.katana_summary { padding: 30px 0; border-width: 3px 0; border-style: solid; border-color: #81800f; }
.title_bg { text-align: center; margin: 20px 0; }
.title_bg h4 { background: url(../img/katana-fruits/title_bg.png); background-repeat: no-repeat; color: var(--white); display: inline-block; min-width: 324px; height: 70px; line-height: 57px; margin: 0; font-weight: 500; }
.katana_play { background: url(../img/katana-fruits/katana_thumb_bg.jpg) repeat; position: relative; }
.katana_play:before { content: ''; background-image: url(../img/katana-fruits/cocount.png); background-repeat: no-repeat; background-size: 100%; position: absolute; padding: 9%; left: 4%; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.katana_play:after { content: ''; background-image: url(../img/katana-fruits/coconut_org.png); background-repeat: no-repeat; background-size: 100%; position: absolute; padding: 9%; right: 4%; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.katana_play figure { margin: 0; display: inline-block; }
.katana_tech { border-width: 3px 0; border-style: solid; border-color: #81800f; padding: 20px 0; }
.katana_tech ul { margin: 15px 0 0; }
.katana_tech ul li { display: inline-block; width: 48%; margin: 0 0 25px; padding-left: 50px; padding-right: 10px; text-align: left; position: relative; vertical-align: top; }
.katana_tech ul li:before { content: ''; background-image: url(../img/katana-fruits/katana_list_icon.png); background-repeat: repeat-x; background-size: 100%; width: 36px; height: 46px; position: absolute; top: -10px; left: 0; }
.katana_graphics { background: url(../img/katana-fruits/katana_bg.jpg) repeat; padding: 20px 0; position: relative; }

@media (max-width:1280px){
	.katana_logo a { padding: 10px; }
}
@media (max-width:880px){
	.katana_tech ul li { width: 100%; padding-right: 0; }
}
@media (max-width:767px){
	.katana_logo {text-align: center!important; padding: 15px 30px; }
	.katana_graphics .col-md-2 { margin: 0 0 20px; }
	.katana_logo a { position: static; font-size: 15px; min-width: 136px; padding: 10px; }
}
@media (max-width:575px){
	.katana_tech ul li:before { width: 30px; height: 40px; top: -5px; }
}