/*************** [sermons]basic ***************/
/*#section_type_sermons_14*/
#section_type_sermons_14 {clear:both;}

#section_type_sermons_14 .sermon {width:100%; background:#10416c url("/section/sermon/sermon_14/img/sermon_img.jpg") no-repeat right bottom; /*height:500px;*/}
#section_type_sermons_14 .sermon .sermon_box {display: table; width: 90%; margin:0 auto; padding: 200px 0;}

#section_type_sermons_14 .sermon .sermon_box .sermon_video {display: table-cell; vertical-align: middle; width:50%; box-shadow: 1px 2px 5px 0px rgb(0,0,0,0.7);}
#section_type_sermons_14 .sermon .sermon_box .sermon_video .embed-container{position:relative; padding-bottom:56.25%; height:0; overflow: hidden; width:100%; margin:0 auto;}
#section_type_sermons_14 .sermon .sermon_box .sermon_video .embed-container iframe, 
#section_type_sermons_14 .sermon .sermon_box .sermon_video .embed-container object, 
#section_type_sermons_14 .sermon .sermon_box .sermon_video .embed-container embed {position: absolute; margin-left:auto; margin-right:auto; top: 0; left: 0; width:100%; height: 100%; }

#section_type_sermons_14 .sermon .sermon_box .sermon_txt {display: table-cell; vertical-align: middle; width:50%; padding-left:8%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
#section_type_sermons_14 .sermon .sermon_box .sermon_txt h2 {font-size:36px; color:#fff; margin-bottom:40px; font-weight:400;}
#section_type_sermons_14 .sermon .sermon_box .sermon_txt h3 {font-size:22px; color:#9bc7ee; margin-bottom:40px; font-weight:400; line-height:135%;}
#section_type_sermons_14 .sermon .sermon_box .sermon_txt ul {}
#section_type_sermons_14 .sermon .sermon_box .sermon_txt ul li {width:100%; overflow:hidden; line-height:135%; margin-bottom:10px;}
#section_type_sermons_14 .sermon .sermon_box .sermon_txt ul li h4 {float:left; width: 22%; text-align: center; font-size: 20px; font-weight: 400; background:#fff; border-radius:20px; padding:8px 0; color:#10416c;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}
#section_type_sermons_14 .sermon .sermon_box .sermon_txt ul li p {float:left; width:78%; color:#fff; font-size:18px; font-weight:400; white-space: nowrap; 
overflow: hidden; text-overflow: ellipsis; padding:8px 0px 8px 10px; 
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
}

/*************** [sermons]responsive ***************/
/*#section_type_sermons_13*/
@media screen and (max-width:1024px){ 
	#section_type_sermons_14 .sermon .sermon_box .sermon_video {display: block; width: 90%; margin: 0 auto 70px;}

	#section_type_sermons_14 .sermon .sermon_box .sermon_txt {display: block; width: 90%; margin:0 auto; padding-left:0; text-align:center;}
	#section_type_sermons_14 .sermon .sermon_box .sermon_txt ul li {margin-bottom:20px;}
	#section_type_sermons_14 .sermon .sermon_box .sermon_txt ul li:last-child {margin-bottom:0;}
	#section_type_sermons_14 .sermon .sermon_box .sermon_txt ul li h4 {position: relative; width:100px; left: 50%; margin-left: -50px; margin-bottom: 10px;}
	#section_type_sermons_14 .sermon .sermon_box .sermon_txt ul li p {width:100%; padding:8px 0px 0px 0px;}
}
@media screen and (max-width:800px){ /*pc, tablet - galaxy tab*/

}
@media screen and (max-width:600px){

}
@media screen and (max-width:450px){ /*mobile*/
    #section_type_sermons_14 .sermon .sermon_box {padding: 100px 0;}
	#section_type_sermons_14 .sermon .sermon_box {width:100%;}

	#section_type_sermons_14 .sermon .sermon_box .sermon_video {margin: 0 auto 50px;}

	#section_type_sermons_14 .sermon .sermon_box .sermon_txt h2 {font-size:30px; margin-bottom:20px;}
	#section_type_sermons_14 .sermon .sermon_box .sermon_txt h3 {font-size:19px;}
	#section_type_sermons_14 .sermon .sermon_box .sermon_txt ul li h4 {font-size:18px;}
	#section_type_sermons_14 .sermon .sermon_box .sermon_txt ul li p {font-size:17px;}
}