.p-r { padding-right:0; }

#mainSlide { margin-top:10px; }

#mainTop { padding:80px 0; }
#mainTop h1 { margin:0; font-size:38px; font-family: serif; font-weight:bold; }
#mainTop h2 { margin:20px 0 0; font-size:25px; font-weight:400; }

#mainSermon { padding:0 0 80px; }
.sermon-left { position:relative; }
.sermon-box { background:#0084d6; position:absolute; top:0; left:0; width:450px; height:550px; }
.sermon-wrap { background:url(../../../Layouts/dslife/Images/sermon_bg20252.png) no-repeat; background-color: #837b71 ;background-size:cover; background-position: right bottom; width:615px; height:570px; float:right; position:relative; z-index:1; padding:40px; margin-top:60px;     -webkit-box-shadow: 4px 3px 7px 2px rgb(122 122 122 / 74%);    -moz-box-shadow: 4px 3px 7px 2px rgba(122,122,122,0.74);    box-shadow: 4px 3px 7px 2px rgb(122 122 122 / 74%);		}
.sermon-wrap .sermon-cont h3 { color:#fff; margin:0; font-size:29px; font-weight:400; letter-spacing:-0.4px; }
.sermon-wrap .sermon-cont h3 img { margin-left:35px; }
.sermon-wrap .sermon-cont hr { float:left; width:55px; margin:10px 0; }
#sermonTitle { width:100%; display:inline-block; font-size:32px; color:#fff; text-decoration:none; margin:35px 0 0; letter-spacing:-1px; line-height:1.5;}
.sermon-cont > div { position:absolute; /* bottom:60px; */ left:40px; font-size:21px; color:#fff; line-height:1.7; }

.sermon-quick { overflow:hidden; margin-top:10px; }
#mainSermon .sermon-quick > ul > li:last-child { border-right:none; }
#mainSermon .sermon-quick li { float:left; width:20%; font-size:20px; text-align:center; border-right:1px solid #000; padding:10px 0; font-weight:500; }
#mainSermon .sermon-quick li a { text-decoration:none; color:#333; }
#mainSermon .sermon-quick li a:hover { color:#2B5386; transition:.2s all; }
#mainSermon .sermon-quick li img { display:block; margin:0 auto 20px; }
.sermon-right > div:nth-child(1) { overflow:hidden; padding:60px 0 10px; }
.sermon-etc { padding:30px 25px; /*background:#fff;*/ -webkit-box-shadow: 4px 3px 7px 2px rgba(122,122,122,0.74);
    -moz-box-shadow: 4px 3px 7px 2px rgba(122,122,122,0.74);
    box-shadow: 4px 3px 7px 2px rgba(122,122,122,0.74); position:relative; height: 340px; }
.sermon-etc h5 { margin:0 0 35px; font-size:24px; font-weight:bold; }
.sermon-etc h5 span { font-size:21px; font-weight:normal; }
.sermon-etc ul > li:last-child { margin:0; }
.sermon-etc li { overflow:hidden; font-size:16.5px; margin:0 0 10px; }
.sermon-etc li p { float:left; margin:0; font-weight:600;}
.sermon-etc li span { float:right; font-weight:600;}
.sermon-etc li a { color:#333; }
.etc-1 {background-image:url('/UserData/dslife/Layouts/dslife/Images/notice_bg.jpg'); height:260px;}
.etc-1 li { margin:0 0 10px; }
.etc-1 p {
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	word-wrap: normal !important; width:65%;
}

.etc-2 {background-image:url('/UserData/dslife/Layouts/dslife/Images/service_bg1.jpg'); height:300px;}

.time{margin:0px auto; padding: 0px 10px 40px;  border: 0px solid #000; width: 100%; }

.etc-3 h5 { margin:0px 0 20px; font-size:24px; font-weight:bold; }
.etc-3 h5 span { font-size:21px; font-weight:normal; }
.etc-3 ul > li:last-child { margin:0; }
.etc-3 li { overflow:hidden; font-size:16.5px; margin:0 0 0px; }

.etc-3 li span {  font-weight:400;}


#mainPhoto h1 { margin:0; font-size:38px; font-family: serif; font-weight:bold; }
#mainPhoto h2 { margin:20px 0 0; font-size:25px; font-weight:400; }
#mainPhoto .photo-wrap { margin:50px 0 0; overflow:hidden; }
#mainPhoto .photo-wrap a { text-decoration:none; }
#mainPhoto .photo-wrap > div { padding:0 10px; }
#mainPhoto .photo-wrap img:hover { opacity:0.6; transition:.3s all; }
#mainPhoto .gallery-bottom { margin:20px 0 0; }
#mainPhoto .gallery-bottom:hover h5 { color:#2B5386; transition:.2s all; }
#mainPhoto .gallery-bottom:hover p { color:#2B5386; transition:.2s all; }
#mainPhoto .gallery-bottom h5 { margin:0; font-size:19px; color:#000; font-weight:bold; text-decoration:none; }
#mainPhoto .gallery-bottom p { font-size:17px; margin:10px 0 0; color:#000; }

#mainNext { padding:80px 0; position:relative; }
#mainNext h1 { margin:0; font-size:38px; font-family: serif; font-weight:bold; }
#mainNext h2 { margin:20px 0 0; font-size:25px; font-weight:400; }
#mainNext .next-wrap { margin-top:50px; overflow:hidden; }
#mainNext .next-arrow { top:50%; position:absolute; cursor:pointer; }
#mainNext #next-next { right:5%; }
#mainNext #next-prev { left:5%; }

@media (min-width:1200px) and (max-width:1499px) {
	.sermon-wrap { width: 520px; }
	.sermon-etc h5 span { display:none; }
	.sermon-etc { padding:35px 15px; }
	#mainNext .next-arrow { display:none; }
}

@media (min-width:993px) and (max-width:1199px) {
	.p-r { padding-right:15px; }
}

@media (min-width:768px) and (max-width:992px) {
	#mainSlide { margin:0; }
	.p-r { padding-right:15px; }
	#mainPhoto .photo-wrap > div  { margin:10px 0; }
}

@media (max-width: 767px) {
.sermon-wrap { background:url(../../../Layouts/dslife/Images/sermon_bg20252m.png) no-repeat; background-color: #837b71 ;background-size:contain; background-position: right bottom; width:615px; height:570px; float:right; position:relative; z-index:1; padding:40px; margin-top:60px;     -webkit-box-shadow: 4px 3px 7px 2px rgb(122 122 122 / 74%);    -moz-box-shadow: 4px 3px 7px 2px rgba(122,122,122,0.74);    box-shadow: 4px 3px 7px 2px rgb(122 122 122 / 74%);		}
	#mainSlide { margin:0; }
	.p-r { padding-right:15px; }
	#mainPhoto .photo-wrap > div  { margin:10px 0; }
	.sermon-box { display:none; }
	.sermon-wrap { width:100%; }
	#mainTop { padding:30px 0; }
	#mainTop h1 { font-size:20px; }
	#mainTop h2 { font-size:16px; }
	.sermon-wrap { margin:0; padding:15px; height:250px; }
	#mainNext .next-wrap { margin:20px 0 0; }
	#mainNext h1 { font-size:20px; }
	#mainNext .next-arrow { display:none; }
	#mainNext { padding:30px 15px; }
	#mainPhoto h1 { font-size:20px; }
	#mainPhoto h2 { font-size:16px; }
	#mainPhoto .photo-wrap { margin:20px 0 0; }
	#mainPhoto .gallery-bottom { margin:10px 0 0; }
	#mainPhoto .gallery-bottom h5 { font-size:15px; }
	#mainPhoto .gallery-bottom p { font-size:14px; margin:5px 0 0;}
	.sermon-quick { margin:20px 0 0; }
	#mainSermon .sermon-quick li { width:50%; font-size:14px; border:none; }
	.sermon-right > div:nth-child(1) { padding:20px 0 0; }
	.sermon-etc { padding:15px; margin:0 0 15px; height:auto; }
	.sermon-right > div:nth-child(1) > div { padding:0 15px; overflow:visible; }
	.sermon-wrap .sermon-cont h3 { font-size:20px; }
	.sermon-wrap .sermon-cont h3 img { display:none; }
	#sermonTitle { font-size:20px; margin:20px 0 0; }
	.sermon-cont > div { font-size:15px;/*  bottom:15px;  */left:15px; }
	.sermon-etc h5 { font-size:20px; }
	.sermon-etc h5 span { font-size:15px; }
	.etc-1 li { margin:0 0 10px; }
	.etc-3{margin-bottom: 30px;}
	.etc-3 li span {  font-size: 16px;}
}