#main__quick { background:#374890; overflow:hidden; }
#main__quick li { float:left; width:20%; border-right:1px solid #fff; }
#main__quick li a { display:block; padding:20px 0; color:#fff; font-size:20px; text-decoration:none; }
#main__quick li img { margin-right:20px; }

#main__section1 .col-xs-12 { padding:0 10px; }
#main__section2 .col-xs-12 { padding:0 10px; }
#main__section1 { margin:80px 0 0; }
#main__section2 { margin:40px 0 80px; }

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

#sermon__wrap { background:url(../Images/sermon_bg2025.png) no-repeat; height:350px; position:relative; padding:40px 30px; width:100%; background-size:100% 100%; }
#sermon__wrap h2 { margin:0; color:#fff; font-size:38px; font-weight:normal; }
#sermon__wrap #sermon_title_wraaper { position:relative; overflow:hidden; margin-top:5px; }

#sermon__wrap #sermon__title { font-size:34px; color:#fff; text-decoration:none; display:block; margin:0; float:right; text-align:right; width:60%; word-break:keep-all; line-height:115%; }
#sermon__wrap h4 { font-size:20px; color:#fff; margin:50px 0 0; clear:both; }
#sermon__wrap ul { display: inline-block; margin:20px 0 0; }
#sermon__wrap ul li { font-size:23px; color:#fff; padding:0; }
#sermon__wrap img { float:right; margin-left:40px; }

.main__box__wrap { padding:20px 20px; position:relative; height:350px; }
.main__box__wrap ul { margin-top:40px; }
.main__box__wrap ul li { margin-bottom:20px; padding-bottom:2px; border-bottom:1px solid #ddd; overflow:hidden; }
.main__box__wrap ul li a { font-size:17px; 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: 100%; }

#box__1 { background:#424F71; }
#box__1 ul { margin: 30px 0 0; }
#box__1 .wrap__title { color:#fff!important; }
#box__1 li { border:none; color:#fff; font-size:16px; transform: skew(-0.05deg); color:#000!important; margin:0 0 10px; border-bottom:1px solid #fff; }
#box__1 p { margin:0; text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important; }

#box__2 { background:url(../Images/welcome_bg.png) no-repeat; background-size:100% 100%; }
#box__2 .wrap__title { color:#333; }
#box__2 h4 { font-size:17px; margin:10px 0 0; }
#box__2 .welcome-more { font-size:18px; color:#333; padding:4px 10px; border:1px solid #333; text-decoration:none; margin:15px 0 0; display:inline-block; }
#box__2 .welcome-more:hover { background:#374890; color:#fff; transition:.3s all; text-decoration:none; }

#main__gallery { border:1px solid #ddd; position:relative; padding:45px 40px; height:350px; }
#main__gallery > h5 { color:#333; font-size:25px; font-weight:bold; margin:0; }
#main__gallery > h5 span { color: #1C9BE2; }
#main__gallery .gallery-arrow { position:absolute; top:40%; }
#main__gallery #gallery-left { left:0; }
#main__gallery #gallery-right { right:0; transform:rotate(180deg); }
#main__gallery #galleryWrap { overflow:hidden; margin:50px 0 0; padding:0 15px; }
#main__gallery #galleryWrap .gallery-box { height:120px; background-position:center!important; background-size:auto 100%!important; background-repeat:no-repeat!important; }
#main__gallery #galleryWrap .swiper-slide a { text-decoration:none; }
#main__gallery .gallery-desc { font-size:15px; color:#333; font-weight:bold; margin:10px 0 0; }
#main__gallery .gallery-desc p { margin:0; }
#main__gallery .gallery-desc .gallery-date { margin:0; }

#box__3 { background:#4E8D96; } 
#box__3 #new__section { margin-top:50px; }
#box__3 #new__section img { margin-bottom:15px; max-width:160px; max-height: 110px; }
#box__3 #new__section h3 { font-size:17px; margin:5px 0 0; color:#fff; }
#box__3 #new__section h5 { margin:5px 0 0; font-size:17px; color:#fff; line-height:25px;  }
#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:#fff; border:1px solid #219679; border:none; }
#box__3 .tab-dots > li > a { display: inline-block; width: 11px; height: 11px; background: #8CBDC2; cursor: pointer; border-radius: 50%; padding: 0;}

#box__4 { background:#D9CD79; }
#box__4 .wrap__title { color:#333; } 
#box__4 ul { margin: 30px 0 0; }
#box__4 li { border:none; font-size:16px; transform: skew(-0.05deg); color:#333!important; margin:0 0 10px; border-bottom:1px solid #333; }
#box__4 li a { color:#333; }
#box__4 p { margin:0; text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important; }

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

@media (min-width:993px) and (max-width:1199px) {
    #main__quick li img { margin-right:10px; }
    #main__quick li a { font-size:17px; }
    #box__2 .wrap__title { font-size:20px; }
}

@media (min-width:768px) and (max-width:992px) {
    #main__quick li { width:33.333%; border:none; }
    #main__section1 { margin:30px 0 0; }
    #main__section1 .col-xs-12 { padding:0 15px; }
    #main__section2 .col-xs-12 { padding:0 15px; }
    #box__1, #box__2, #box__3, #box__4 { margin:15px 0 0; }
    #main__section2 { margin:15px 0 30px; }
}

@media (max-width:767px) {
    #main__quick li { width:50%; border:none; }
    #main__quick li a { padding:10px 0; font-size:15px; transform: skew(-0.05deg); }
    #main__quick li img { max-width:40px; }
    #main__section1 { margin:15px 0 0; }
    #main__section1 .col-xs-12 { padding:0 15px; }
    #main__section2 .col-xs-12 { padding:0 15px; }
    #box__1, #box__2, #box__3, #box__4 { margin:15px 0 0; }
    #main__section2 { margin:15px 0 30px; }
    #sermon__wrap { padding:15px; height:auto; }
    #sermon__wrap h2 { font-size:20px; }
    #box__4 .wrap__title { font-size:20px; }
    .wrap__title { font-size:20px; }
    .main__box__wrap { height:auto; }
    #box__4 ul { margin:15px 0 0; }
    #box__4 ul > li:last-child { margin:0; }
    #box__4 li { font-size:14px; }
    .main__box__wrap ul li a { font-size:14px; }
    #sermon__wrap #sermon__title { font-size:20px; }
    #main__gallery > h5 { font-size:20px; }
    #sermon__wrap img { display:none; }
    #sermon__wrap h4 { margin:20px 0 0; font-size:17px; }
    #sermon__wrap ul li { font-size:17px; }
    #box__2 .welcome-more { font-size:15px; transform: skew(-0.05deg); }
    #main__gallery { padding:15px; height:auto; }
    #main__gallery #galleryWrap { margin:20px 0 0; }
    #box__3 #new__section { margin:20px 0 30px; }
}