@font-face {
    font-family: 'BMDOHYEON';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMDOHYEON.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



.direct-popup .visible-popups > .each { max-width:700px!important; }
#fp-nav.right { right:75px; }
.fullpage-mouse { position: fixed; bottom: 7%;  left: 50%; display: block; transform: translate(-50%, 0); }
.fullpage-mouse #mouse-cont { animation: MoveUpDown 1.2s ease-in-out infinite; position: relative;  }
.fullpage-mouse #mouse-cont p{position: relative;right: 40%;font-size: 15px;font-weight: bold;color: #fff;letter-spacing: 1px;}
@keyframes MoveUpDown { 0%, 100% { transform: translateY(0rem); } 50% { transform: translateY(1rem);}}

#fp-nav { background: transparent;   top:45%!important; display:inline-block; height:15%;}
#fp-nav ul li, .fp-slidesNav ul li { margin:25px 7px; }
#fp-nav ul li:last-child { display:none; }
#fp-nav ul li .fp-tooltip { color:#333!important; opacity:1!important; width:115px!important; text-align:left; font-size:16px; top:-5px;     transform: skew(-0.05deg); }
#fp-nav ul li.white .fp-tooltip { color:#fff!important; }
#fp-nav ul li.white a span, .fp-slidesNav ul li.white a span { background: #fff; }
#fp-nav ul li.white a.active { border: 1px solid #01BAFF; }
#fp-nav ul li a.active { border: 1px solid #01BAFF; text-decoration: none; padding: 12px; border-radius: 100%; position:relative; transition:.3s all;top: -50%;left: -50%; }
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span 
{width: 15px!important;height: 15px!important;background-color:#01BAFF;left: 18.5%; top: 15%; margin:0;}
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{width: 10px;height: 10px;left: 0;top: 0; margin:0;}
.main-quick{position: fixed;z-index: 50;bottom: 30px;right: 70px;}
.main-quick ul li{margin-top: 10px;}
.main-quick ul li a{display: inline-block;text-align: center;width: 80px;height: 80px;
padding: 4px;background-color: rgba(0,0,0,.6);border-radius: 50%; position:relative;}
.main-quick ul li a div{position: absolute;top: 50%;left: 0;text-align: center;width: 100%;
border: none;display: block;transform: translate(0,-50%);}
.main-quick ul li a div img{display: block; margin: 0 auto 5px;}
.main-quick ul li a div span{color: #fff; font-size: 12px;}
.main-quick ul li a:focus,
.main-quick ul li a:hover{background-color: rgba(0,0,0,1);}
#section-1 { position:relative; }
#section-1 .fp-tableCell{vertical-align: top; padding-top:80px;}
#section-1 > div > img:first-child { width:100%; height:100%; }
#section-1 .text-center {  position:absolute; top:50%; left:50% ; transform:translate(-50%, -50%); }
#slideText { -webkit-animation: zoomin 9s 1; animation: zoomin 9S 1; }
@-webkit-keyframes zoomin { 0% { -webkit-transform: scale(1.2); } 100% { -webkit-transform: scale(1); }}
#section-1_1 {padding: 100px 0;}
#section-1_1 h1 {text-align: center; color: #000; margin-top: 0; font-size: 45px; font-weight: bold; letter-spacing: 1px; margin-bottom:50px;}
#all { position: relative;}
#all .PhotoP { position: absolute; z-index: 2; top: 50%; text-align: center; left: -6%; border: none; display: block; transform: translate(0, -50%);}
#all .PhotoN { position: absolute; z-index: 2; top: 50%; text-align: center; right: -6%; border: none; display: block; transform: translate(0, -50%);}
#all .PhotoM { overflow: hidden;}
#all .PhotoM .PhotoIMG { aspect-ratio: 350/250;  display: block; position: relative; overflow: hidden; background-color: #000; margin: 0 auto; background-size: cover; background-position: 50% 50%; background-origin: border-box; background-repeat: no-repeat;}
#all .PhotoM .PhotoIMG .PhotoIMT { position: absolute; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.7); z-index: 3; top: 0; left: 0; display: none;}
#all .PhotoM .PhotoIMG .PhotoIMT h1 { font-size: 20px; margin: 0;color: #fff; position: absolute; top: 50%; text-align: center; left: 0%; width: 100%; border: none; display: block; transform: translate(0, -50%);}
#all .PhotoM .PhotoIMG .PhotoIMT h5 { font-size: 18px; color: #fff; margin: 0; position: absolute; top: 65%; text-align: center; left: 0%; width: 100%; border: none; display: block; transform: translate(0, -50%);}

#section-2 { position:relative; background:url(../../../Layouts/shinilch_Layout/Images/bar_bg.png) no-repeat; background-position:center; background-size:100% 100%; height:200px; padding: 35px 0;}
#section-2 .section-2-1{width: 45%;display: inline-block; border-right:1px solid #fff;}
#section-2 .section-2-1 .section-2-1-t{float: left;height: 0;font-size: 32px;color: #fff;position: absolute;top: 35%;font-weight:bold;
left: 5%;text-align: center;width: 25%;border: none;display: block;transform: translate(0,-50%);}
#section-2 .section-2-1 ul{float: right; width: 70%;}
#section-2 .section-2-1 ul a li{width:100%; font-size:17px; color:#fff; line-height:1.6;text-overflow: ellipsis;
white-space: nowrap;float: left;overflow: hidden;  border-bottom:0px solid rgba(255,255,255,0.3); }

#section-2 .section-2-2{width: 55%;display: inline-block;padding: 0 15px;}
#section-2 .section-2-2 a{width: 33%;display: inline-block;float: left;padding: 5px; font-size:20px; text-decoration:none; color:#fff;letter-spacing:-.9px;}
#section-2 .section-2-2 a img{margin-right:3px;}

#section-2_5{margin:30px 0;}
#section-2_5 a{width: 15.5%;display: inline-block;float: left;font-size: 20px;color: #000;text-align: center;margin: 7.5px;background-color: #F4EDE9;padding:15px; text-decoration:none;}
#section-2_5 a img{display:block; margin:0 auto 15px;}

    /*
#section-2 .container{width:1030px!important; }

#section-2 a { text-decoration:none; }
#section-2 h1 {color: #FEC231;padding: 0px 0px 20px;margin: 0;font-size: 42px;font-weight: normal;font-family: 'BMDOHYEON';}
#section-2 h3 {color: #fff;font-weight: bold;letter-spacing: 0px;font-size: 34px;padding: 120px 0px 20px;margin: 0;}
#section-2 h5 {color: #fff;padding: 20px 0 50px;margin: 0;font-weight: bold;letter-spacing: 0px;font-size: 20px;}
#section-2 h5 span{margin: 0px 5px;letter-spacing: 1px;}
#section-2 .view-more {margin-bottom: 50px; display: inline-block;padding: 15px 60px;font-size: 24px;letter-spacing: 1px;border: 2px solid #fff;color: #fff;text-decoration: none; font-weight:normal;}
#section-2 .view-more:hover{color:#116492; font-weight:bold; transition:.3s all; }

#section-2 .top-sermon-wrap{position: relative; overflow:hidden; max-width:1030px!important;}
#section-2 .container .top-sermon-left{cursor: pointer;position: absolute;top: 75%;left: 15%;}
#section-2 .container .top-sermon-right{cursor: pointer;position: absolute;top: 75%;right: 15%;}
#section-2 .top-sermon-wrap .top-sermon-title p{text-align: center;font-size: 28px;color: #fff;border-bottom: 2px solid #fff;padding: 5px;margin: 0;}
#section-2 .top-sermon-wrap #top-sermon-content .swiper-wrapper .top-sermon-box{position: relative;text-align: center;border: 1px solid #689CBA;
    border-bottom: none;height: 230px;background-size: auto 100%!important;background-position: center!important;}
#section-2 .top-sermon-wrap #top-sermon-content .swiper-wrapper a{text-decoration:none;}
#section-2 .top-sermon-wrap #top-sermon-content .swiper-wrapper .gallery-desc p{margin: 0;padding: 20px 10px;background-color: #fff;font-size: 15px;
color: #000;font-weight: bold;}
#section-2 .top-sermon-wrap #top-sermon-content .swiper-wrapper .gallery-desc p span:nth-child(2){color:#6B7378; display:block; text-align:right;}
#section-2 .top-sermon-box { margin-top:55px; }
#section-2 .top-sermon-box:hover .top-sermon-desc { background:rgba(0,0,0,0.8); transition:.3s all; }
#section-2 .top-sermon-desc { background:rgba(255,255,255,255.5); padding:20px; overflow:hidden;border: 1px solid #689CBA;
    border-top: none;}
#section-2 .top-sermon-desc p { font-size:15px; color:#000; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; width: 100%; }
#section-2 .top-sermon-desc span { font-size:15px; transform: skew(-0.05deg); color:#fff; }
#section-2 .top-sermon-desc .top-sermon-bible { float:left; color:#626262;}
#section-2 .top-sermon-desc .top-sermon-date { float:right; color:#626262;}
*/
    #section-3 {
        position: relative;
        background: url(../../../Layouts/shinilch_Layout/Images/3_quick_bg.png) no-repeat;
        background-position: center;
        background-size: 100% 100%;
        height: 910px;
    }
#section-3 > h1 {color: #000;margin: 0;font-size: 45px;font-weight: bold;letter-spacing: 1px;padding: 120px 0 50px;}
#section-3 > h3 { color:#fff; margin:30px 0 0; font-size:27px; font-weight:100; }
#section-3 > h2 { color:#000; margin:0; font-size:27px; font-weight:100; }
.section-3-box { margin-top:100px; }
.section-3-box .section-3-div{width: 20%; float: left;}
.section-3-box a { color:#fff; text-decoration:none; display:inline-block; position:relative; top:0; }
.section-3-box a .animated-div{position: absolute;left: 0;top: 0; padding:35px;}
.section-3-box a .animated-div p{margin: 100px 0 10px;font-size: 40px;color: rgba(255,255,255,.7);font-weight: bold; text-align:left;}
.section-3-box a .animated-div h1{color: rgba(255,255,255,.7);font-size: 15px;font-weight: bold;letter-spacing: 1px;margin: 10px 0; text-align:left;}
.section-3-box a .animated-div h4{font-size: 24px;text-align: left;letter-spacing: 1px;}
.section-3-box a .animated-div h2{font-size: 15px;text-align: left;word-break: keep-all;margin: 45px 0 60px;line-height: 1.3; color:rgba(255,255,255,.7);}
.section-3-box > .container > .row > div:nth-child(3) > a > div:nth-child(2) > h2{margin: 45px 0 40px;}
.section-3-box a .animated-div span{float: left; font-size: 13px;position:relative; right:0;}
.section-3-box a:hover { top:-15px; transition:.3s top; }
.section-3-box a:hover p { color:#0EA1DB; }
.section-3-box a:hover h1{}
.section-3-box a:hover h4{font-weight:bold;}
.section-3-box a:hover h2{}
.section-3-box a:hover .animated-div span{right: -10px; transition: .3s all; color:#0EA1DB;}
.section-3-box p { margin:20px 0 10px; font-size:19px; font-weight:bold; }
.section-3-box span { font-size:17px; }
.section-3-box > .container > .row > .section-3-div { position:relative; }

#section-4 { position:relative; background-color:#5D8AAB; height:625px;}
#section-4 a { text-decoration:none; }
#section-4 h1 { color:#fff; margin:0; font-size:45px; font-weight:bold; padding:120px 0 30px;}
#section-4 h3 { color:#fff; margin:30px 0 0; font-size:27px; font-weight:100; }
#section-4 .view-more { display:inline-block; padding:15px 60px; letter-spacing: 1px; font-size:15px; border:2px solid #fff; color:#fff; text-decoration:none; font-weight:normal; margin-bottom:55px;}
#section-4 .view-more:hover{color:#116492; font-weight:bold; transition:.3s all; }
#section-4 .section-4-div{width: 16%; float: left;}
#section-4 .section-4-div a{position:relative; top:0;}
#section-4 .section-4-div a p{margin: 15px 0;font-size: 18px;color: #fff;}
#section-4 .section-4-div a:hover { top:-15px; transition:.3s top; }
#section-4 .section-4-div a:hover p{font-weight:bold;}

.footer { background:#000; }
.footer ul { padding:20px 0; border-bottom:1px solid #cecece; }
.footer li { display:inline-block; font-size:17px; color:#989898; border-right:1px solid #cecece; }
.footer li:last-child { border-right:none; }
.footer li a { color:#989898; text-decoration:none; padding:0 50px; }
.footer li a:hover { color:#70AE62; transition:.3s color; }
.footer .footer-bottom {letter-spacing: 0px; font-size:15px; padding:40px 0; color:#989898; transform: skew(-0.05deg); font-weight:bold;}
.footer .footer-bottom span{color:#fff;margin: 0 5px;}
.footer .footer-bottom a { text-decoration:none; color:#989898; }

/* btn */

.view-more {
  display: inline-block;
  padding: 17px 50px;
  color: #00A9E0;
  font-size: 17px;
  border: 5px solid #fff;
  text-decoration: none;
  overflow: hidden;
  vertical-align: middle;
  background: transparent;
  overflow: hidden;
  -webkit-transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  position: relative;
  z-index: 1;
 border: 1px solid #00A9E0; 
 font-weight:100;
}

.view-more:hover {
  color: #fff;
}

.view-more:hover:before {
  -webkit-transform: translateX(0) skewX(-17.62deg);
  -ms-transform: translateX(0) skewX(-17.62deg);
  transform: translateX(0) skewX(-17.62deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.view-more:before {
  z-index: -1;
  content: "";
  display: block;
  width: 120%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: translateX(-101%) skewX(-17.62deg);
  -ms-transform: translateX(-101%) skewX(-17.62deg);
  transform: translateX(-101%) skewX(-17.62deg);
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1),
    -webkit-transform 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.view-more1:before {
	background: #fff;
}

.view-more2:before {
	background: #fff;
}

@media (min-width:1500px) and (max-width:1599px) {

    #section-2 .view-more{margin-bottom:25px;}
    #section-2 h3{padding: 100px 0px 20px;}

    #section-2 .section-2-1 .section-2-1-t{left: 0%;}
    #section-2 .section-2-1 ul{width: 65%;}

    #section-2 .container .top-sermon-left{left: 10%;top: 65%;}
    #section-2 .container .top-sermon-right{right: 10%;top: 65%;}
    #section-3 .section-3-box .container .row{margin:0 auto;width:90%;}
    .section-3-box a .animated-div p{margin: 40px 0 10px;}
    .section-3-box > .container > .row > div:nth-child(2) > a > div:nth-child(2) > h2,
    .section-3-box > .container > .row > div:nth-child(4) > a > div:nth-child(2) > h2{margin: 45px 0 40px;}
    #section-4 .container .row{margin:0 auto;width:90%;}
}
@media (min-width:1200px) and (max-width:1499px) {
    #section-1_1 h1 {font-size: 30px;}
    #fp-nav.right{right: 40px;}
    .main-quick{right: 45px;}
    #section-1 .fp-tableCell{vertical-align: middle;}
    #section-2 h1{font-size: 38px;}
    #section-2 h5{font-size: 18px;}
    #section-2 .view-more{margin-bottom:25px;padding: 10px 60px;}
    #section-2 .top-sermon-box{margin-top: 50px;}
    #section-2 .top-sermon-wrap .top-sermon-title p{font-size:26px;}
    #section-2 .container .top-sermon-left{left: 10%;top: 43%;}
    #section-2 .container .top-sermon-right{right: 10%;top: 43%;}

    #section-2 .section-2-1 .section-2-1-t{left: 0%;top: 40%;font-size:28px;}
    #section-2 .section-2-1 ul{width: 55%;}
    #section-2 .section-2-2{position: absolute;top: 50%;right: 0%;text-align: left;border: none;transform: translate(0,-50%);}
    #section-2 .section-2-2 a{width:33%;}
    #section-2_5 a{width:15.3%;}

    #section-3 .section-3-box .container .row{margin:0 auto;width:90%;}
    .section-3-box a .animated-div p{margin: 20px 0 10px;}
    .section-3-box a .animated-div h2{margin: 25px 0 40px;}
    .section-3-box > .container > .row > div:nth-child(3) > a > div:nth-child(2) > h2{margin: 25px 0 25px!important;}
    #section-4 .container .row{margin:0 auto;width:90%;}
    #section-4 .section-4-div a img{max-width:90%;}
    
}

@media (min-width:992px) and (max-width:1199px) {
    #section-1_1 h1 {font-size: 25px;}
    #fp-nav.right{right: 40px;}
    .main-quick{right: 45px;}
    #section-1 .fp-tableCell{vertical-align: middle;}
    #section-2 h3{padding-top:45px;font-size: 30px;}
    #section-2 h1{margin: 20px 0 10px;font-size: 36px;}
    #section-2 h5{margin: 15px 0 20px;font-size: 18px;}
    #section-2 .container{width: 880px!important;}
    #section-2 .view-more{margin-bottom:25px;padding: 10px 60px;}
    #section-2 .top-sermon-box{margin-top: 50px;}
    #section-2 .top-sermon-wrap .top-sermon-title p{font-size:26px;}
    #section-2 .container .top-sermon-left{left: 10%;top: 40%;}
    #section-2 .container .top-sermon-right{right: 10%;top: 40%;}



    #section-2 .section-2-1 .section-2-1-t{left: -5%;top: 40%;font-size:28px; }
    #section-2 .section-2-1 ul{width: 70%;}
    #section-2 .section-2-2{position: absolute;top: 50%;right: 0%;text-align: left;border: none;transform: translate(0,-50%);}
    #section-2 .section-2-2 a{width:33%;font-size: 18px;}
    #section-2_5 a{width:15.1%;}

    #section-3{height:735px;}
    #section-3 .section-3-box a .animated-div{padding:10px;}
    #section-3 .section-3-box .container .row{margin:0 auto;width:95%;}
    .section-3-box > .container > .row > div:nth-child(1) > a > div:nth-child(2) > h2{margin: 25px 0 45px!important;}
    .section-3-box > .container > .row > div:nth-child(3) > a > div:nth-child(2) > h2{margin: 25px 0 25px!important;}
    .section-3-box > .container > .row > div:nth-child(5) > a > div:nth-child(2) > h2{margin: 25px 0 45px!important;}
    .section-3-box a .animated-div p{margin: 20px 0 10px;}
    .section-3-box a .animated-div h2{margin: 25px 0px;}
    #section-4 .container .row{margin:0 auto;width:90%;}
    #section-4 .section-4-div a img{max-width:90%;}
}

@media (min-width:768px) and (max-width:991px) {
    #section-1_1 h1 {margin-bottom:25px;}
    #section-1_1 {padding: 50px 0;}
    #all .PhotoP {left: -2%;}
    #all .PhotoN {right: -2%;}
    #section-1_1 h1 {font-size: 25px;}
	#fp-nav { display:none!important; }
    #slideText { max-width:300px; }
    #section-1 .mobile-bg{background: url(../../../Layouts/shinilch_Layout/Images/mobile-bg.png) no-repeat;
    background-position: center;position: relative;height: 420px;background-size: 120%;}
    #section-1 .mobile-bg img{max-width: 245px;position: absolute;left: 10%;top: 10%;}
    #section-2{height: 290px; padding: 20px 0;}
    #section-2 h3 { font-size:28px; padding: 80px 0px 20px;}
    #section-2 h1 { font-size:25px;}
    #section-2 h5{font-size: 20px;}
    #section-2 .view-more{margin-bottom: 15px;padding: 10px 45px;font-size: 20px;}
    #section-2 .container{width: 750px!important;}
    #section-2 .top-sermon-box{margin-top: 30px;}
    #section-2 .section2-desc { padding:25px 20px; }
    #section-2 .section2-desc p { font-size:17px; }
    #section-2 .top-sermon-wrap .top-sermon-title p{font-size: 24px;}
    #section-2 .section2-desc .section2-bible { display:none; }
    #section-2 .section2-desc .section2-date { float:left; }

    #section-2 .section-2-1{width:100%;position:relative;  border-right:0px solid #fff;}

    #section-2 .section-2-1 .section-2-1-t{left: 3%;top: 35%;font-size:28px;}
    #section-2 .section-2-1 ul{width: 70%;}
    #section-2 .section-2-2{width:100%;position: absolute;top: 75%;right: 0%;text-align: left;border: none;transform: translate(0,-50%);}
    #section-2 .section-2-2 a{width:33.3%;font-size: 18px;}
    #section-2_5 a{width:23%;}

    #section-3{height:755px;}
    #section-3 h3 { font-size:17px;}
    #section-3 > h1 { font-size:32px;padding: 80px 0 50px;}
    #section-3 > h2{font-size: 25px;}
    .section-3-box { margin-top:30px; }
    .section-3-box .container .row{width: 75%;margin: 0 auto;}
    .section-3-box > .container > .row > .section-3-div{width:33%; max-height: 245px; overflow: hidden;}
    .section-3-box > .container > .row > .section-3-div:nth-child(4),
    .section-3-box > .container > .row > .section-3-div:nth-child(5){width:50%;}
    .section-3-box a .animated-div h2{margin: 20px 0 10px;}
    .section-3-box a .animated-div h4{ font-size:22px;}
    .section-3-box span { font-size:15px;}
    .section-3-box a .animated-div{padding: 10px; }
    .section-3-box a .animated-div p{margin: 25px 0 10px;font-size: 25px;}
    .section-3-box > .container > .row > div:nth-child(2) > a > div:nth-child(2) > h2{margin: 10px 0px 0px!important;}
    .section-3-box > .container > .row > div:nth-child(3) > a > div:nth-child(2) > h2{margin: 10px 0px 0px!important;}
    #section-4{height:685px;}
    #section-4 h3 { font-size:17px; }
    #section-4 h1 { font-size:28px; padding: 80px 0 30px;}
    #section-4 li div.section4-box-cont p { font-size:17px; width:500px; }
    #section-4 .container .row{width: 75%;margin: 0 auto;}
    #section-4 > .container > .row > .section-4-div{width:30%; max-height: 245px;}
    #section-4 > .container > .row > .section-4-div:nth-child(4),
    #section-4 > .container > .row > .section-4-div:nth-child(5),
    #section-4 > .container > .row > .section-4-div:nth-child(6)
    {width:30%;}
    #section-4 .section-4-div a{width:90%; display:inline-block;}
    .footer li a { padding:0 15px; }
    .footer .footer-bottom span{margin:0;}
}

@media (max-width: 767px) {
    #section-1_1 h1 {margin-bottom:15px;}
    #all .PhotoM .PhotoIMG { aspect-ratio: 350/200; }
    #section-1_1 {padding: 25px 0;}
    #all .PhotoP {left: 2%;}
    #all .PhotoN {right: 2%;}
    #section-1_1 h1 {font-size: 20px;}
	.fullpage-site{margin-top:80px;}
    #fp-nav.right{display:none!important;}
    .main-quick{right: 15px;}
    #section-1 .mobile-bg{background: url(../../../Layouts/shinilch_Layout/Images/mobile-bg.png) no-repeat;
    background-position: center;position: relative;height: 285px;background-size: 120%;}
    #section-1 .mobile-bg img{max-width: 165px;position: absolute;left: 10%;top: 10%;}
    #section-2{height:420px;padding: 20px 0;}
	#section-2 .top-sermon-wrap .top-sermon-title p{display:none;}
    #section-2 h3{font-size:26px;padding: 15px 0 0;}
    #section-2 h1{font-size: 26px;margin: 15px auto 10px;width: 95%;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding:0;}
    #section-2 h5{padding: 10px 0 20px;font-size: 17px;}
    #section-2 .container{width:inherit!important;}
    #section-2 .view-more{padding: 5px 25px;font-size: 17px;margin-bottom: 5px;}
    #section-2 .top-sermon-box{margin-top:0px;}
    #section-2 .top-sermon-wrap .top-sermon-content .contentSlideWrapper .contentSlide{padding:15px;}
    #section-2 .top-sermon-wrap .top-sermon-title p{font-size:17px;}

    #section-2 .section-2-1{width:100%;position:relative;}
    #section-2 .section-2-1 .section-2-1-t{left: 3%;top: 35%;font-size:20px;}
    #section-2 .section-2-1 ul{width: 70%;}
    #section-2 .section-2-1 ul a li{font-size:15px;}
    #section-2 .section-2-2{width:100%;position: absolute;top: 65%;right: 0%;text-align: left;border: none;transform: translate(0,-50%);}
    #section-2 .section-2-2 a{width:33%;font-size: 16px; text-align:center;}
    #section-2 .section-2-2 a img{margin:0 auto 5px; display:block;}
    #section-2_5 a{width: 29%;font-size: 15px;padding: 10px;}
    #section-2_5 a img{margin: 0 auto 5px;}

    .section-3-box { margin-top:15px; }
    .section-3-box > .container > .row > .section-3-div{width:33%; max-height: 195px; overflow: hidden;}
    .section-3-box > .container > .row > .section-3-div:nth-child(4),
    .section-3-box > .container > .row > .section-3-div:nth-child(5){width:50%;}
    .section-3-box > .container > .row > .section-3-div:nth-child(4) > a,
    .section-3-box > .container > .row > .section-3-div:nth-child(5) > a{width:75%; display:inline-block;}
    #section-3{height:550px;}
    #section-3 > h1{font-size:24px;padding: 25px 0;}
    #section-3 > h2{font-size:16px;}
    .section-3-box a .animated-div h2{margin: 10px 0 5px;font-size: 13px;}
    .section-3-box a .animated-div h4{ font-size:17px;}
    .section-3-box span { font-size:15px;}
    .section-3-box a .animated-div{padding: 5px; }
    .section-3-box a .animated-div p{margin: 10px 0;font-size: 20px;}
    .section-3-box > .container > .row > div:nth-child(3) > a > div:nth-child(2) > h4{margin-bottom:0;}
    .section-3-box > .container > .row > div:nth-child(3) > a > div:nth-child(2) > h2{margin: 10px 0px 0px!important;}
    #section-4{height:530px;}
    #section-4 h3 { font-size:17px; }
    #section-4 h1 { font-size:25px; padding: 40px 0 30px;}
	#section-4 .view-more{margin-bottom: 35px;}
    #section-4 li div.section4-box-cont p { font-size:17px; width:500px; }
    #section-4 .container .row{width: 100%;margin: 0 auto;}
    #section-4 > .container > .row > .section-4-div{width:33%; max-height: 245px;}
    #section-4 > .container > .row > .section-4-div > a > img {width:76%;}
    #section-4 .section-4-div a{width:90%; display:inline-block;}
    #section-4 .section-4-div a p{font-size:17px; word-break:keep-all;}
}

@media (max-width: 400px) {
    #section-4 .section-4-div a p{font-size:14px; word-break:keep-all;}
}