#main__section1 .col-xs-12 { padding:0 10px; }
#main__section2 .col-xs-12 { padding:0 10px; }
#main__section2 { margin:20px 0; }
#main__slogan { padding:50px 0; }
#main__slogan h1 { margin:0; font-size:35px; font-weight:normal; }

.main__plus { position:absolute; top:0; right:0; }
.wrap__title { margin:0; font-size:30px; color:#fff; }

#sermon__wrap { background:url(../Images/sermon_bg.png) no-repeat; height:350px; position:relative; padding:30px; width:100%; background-size:100% 100%; }
.sermon__desc { margin-top:50px; width:300px; }
.sermon__desc #sermon__title { font-size:30px; color:#fff; text-decoration:none; display:block; margin:15px 0; }
.sermon__desc h4 { font-size:23px; color:#fff; margin:0; }
.sermon__desc ul { display: inline-block; }
.sermon__desc ul li { font-size:20px; color:#fff; padding:3px 0; }
.sermon__desc img { float:right; margin-top:7px; }

.main__box__wrap { padding:30px 20px; position:relative; height:350px; }
.main__box__wrap ul { margin-top:50px; }
.main__box__wrap ul li { margin-bottom:30px; padding-bottom:2px; border-bottom:1px solid #ddd; overflow:hidden; }
.main__box__wrap ul li a { font-size:16px; color:#fff; text-decoration:none; }
.main__box__wrap ul li a strong { float:left; font-weight:normal; display:inline-block; text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
    width: 100px;}
.main__box__wrap ul li a span { float:right; }
#box__1 { background:#3B3825; }
#box__2 { background:#1A7B84; }

#main__quick { margin-bottom:100px; }
#main__quick .row { margin:0 -5px; }
#main__quick ul { overflow:hidden; border:1px solid #ddd; padding:30px 0; }
#main__quick li img { margin-bottom:15px; }
#main__quick li a { text-decoration:none; color:#333;}
#main__quick li { float:left; width:16.6666%; text-align:center; font-size:17px; border-right:1px solid #ddd; }
#main__quick ul > li:last-child { border-right:none; }

#main__gallery { border:1px solid #ddd; position:relative; padding:30px 30px; height:350px; }
#main__gallery > h5 { color:#1E9B7B; font-size:30px; font-weight:normal; margin:0; }
#main__gallery ul { text-align:center; margin-top:50px; }
#main__gallery li { display:inline-block; margin:0 5px; }
#main__gallery li a { font-size:16px; color:#333; text-decoration:none; }
#main__gallery li p { margin:10px 0 0; transform: skew(-0.05deg); text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; width: 150px; }
#main__gallery li img { max-width:155px; max-height:95px; }

#box__3 { background:#4F4F4F; } 
#box__3 .tab-dots {text-align:center; width: 100%; position: absolute;  left: 0;  bottom: 15px; margin:0; margin:0; border-bottom:none; }
#box__3 .tab-dots > li { margin:0 3px 0; float:none; display:inline-block; border-bottom:none; vertical-align: bottom;}
#box__3 .tab-dots > li.active  > a { background:#219679; border:1px solid #219679; }
#box__3 .tab-dots > li > a {display: inline-block;width: 12px;height: 12px;background: #fff;cursor: pointer;border-radius: 50%; padding: 0;}
#next__section { margin-top:20px; }
#next__section img { margin-bottom:15px; }
#next__section h3 { font-size:18px; font-weight:bold; margin:5px 0 0; color:#fff; }
#next__section h5 { margin:10px 0 0; font-size:16px; color:#fff; line-height:25px; transform: skew(-0.05deg);  }

#box__4 { background:#CEE175; } 
#box__4 .wrap__title { color:#5F624D!important; }
#new__people__section { margin-top:20px; }
#new__people__section img { margin-bottom:15px; max-width:165px; max-height:121px; }
#new__people__section h3 { font-size:18px; font-weight:bold; margin:0; }
#new__people__section p { margin:0; font-size:16px; transform: skew(-0.05deg); }
#new__people__section h5 { margin:5px 0 15px; font-size:16px; transform: skew(-0.05deg); }

@media (min-width:1200px) and (max-width:1499px) {
}

@media (min-width:993px) and (max-width:1199px) {
	#main__slogan h1 { font-size:30px; }
	.main__box__wrap ul li a span { display:none; }
	#main__gallery ul > li:last-child { display:none; }
}

@media (min-width:768px) and (max-width:992px) {
	#main__slogan h1 { font-size:23px; }
	#main__section2 { margin:15px 0; }
	#main__gallery { margin-bottom:15px; }
	#sermon__wrap { margin-bottom:15px; }
	#main__section1 .col-xs-12 { padding:0 15px; }
	#main__section2 .col-xs-12 { padding:0 15px; }
	#main__quick .row { margin:0; }
	.main__box__wrap ul li a strong { width:170px; }
}

@media (max-width:767px) {
	.main__box__wrap ul li a strong { width:140px; }
	#main__slogan { padding:20px 0; }
	#main__slogan h1 { font-size:19px; line-height:30px; padding:0 15px; }
	#main__section1 .col-xs-12 { padding:0 15px; }
	#sermon__wrap { padding: 30px 15px; height:auto; }
	.wrap__title { font-size:21px; }
	.sermon__desc h4 { font-size:18px; }
	.sermon__desc #sermon__title { font-size:20px; }
	.sermon__desc ul li { font-size:17px; }
	.sermon__desc img { margin:0; }
	#box__1 { margin-top:15px; }
	#box__2 { margin-top:15px; }
	#box__3 { margin-top:15px; }
	#box__4 { margin-top:15px; }
	#main__section2 .col-xs-12 { padding:0 15px; }
	#main__gallery ul > li:nth-child(2), #main__gallery ul > li:nth-child(3) { display:none; }
	#main__gallery > h5 { font-size:21px; }
	#main__gallery { padding:30px 15px; height:auto; }
	#main__section2 { margin:15px 0; }
	#main__quick li { width:33.333%; border-right:none; margin:7px 0; font-size:15px; }
	#main__quick .row { margin:0; }
	#main__quick li img { margin-bottom:10px; max-width:50px; }
	#main__quick ul { padding:15px 0; }
	.sermon__desc { width:100%; margin-top:10px; }
	#main__quick { margin-bottom:15px; }
}