.slider .move-btn { z-index:2;}


.direct-popup .visible-popups > .each { max-width:700px!important; } 
.fullpage-mouse { position: fixed; bottom: 7%; z-index: 50; left: 50%; display: block; transform: translate(-50%, 0); }
.fullpage-mouse img { animation: MoveUpDown 1.2s ease-in-out infinite; position: relative; z-index: 10; display:none;}
@keyframes MoveUpDown { 0%, 100% { transform: translateY(0rem); } 50% { transform: translateY(1rem);}}
@-webkit-keyframes zoomin { 0% { -webkit-transform: scale(1.2); } 100% { -webkit-transform: scale(1); }}

body { -ms-overflow-style: none;}
::-webkit-scrollbar { display: none;}
#section-1 .swiper-wrapper .swiper-slide img { max-width: 100%; width: 100vw; }
#section-1 p.each-img > img { height: calc(100vh - 100px);}
#section-1 .swiper-slide.Image-swiper { align-self: flex-end;}
.Maincontainer {    width: 1200px!important;}
#section-1 .swiper-slide a { display: block; width: 100%;}
#section-1 p.each-img {height: calc(100vh - 100px);}
 #section-1 .fp-slidesContainer >div {height: calc(100vh - 100px);}
#section-1 .dimode-slider  {margin-top: 100px !important; height: calc(100vh - 100px) !important;}
 #section-1 .fp-tableCell {display: initial; height: calc(100vh - 100px) !important;}
 #section-1 .slider .slider-wrapper .slide img {max-width: 100%; width: 100vw;}
#section-2{ position:relative; background:url(../../../Layouts/dipc_Layout/Images/2.sermon_bg.jpg) no-repeat; background-position:center; background-size:100% 100%; text-align:center;}
#section-2 h1{ font-size:50px; font-weight:bold; } 
#section-2 .embed-responsive-16by9 {    padding-bottom: 61.8%;}
#section-2 .container .row .sermon-top .col-md-7 {height: 320px;  background-size: cover; padding: 0; margin: 0 0 30px; background-position: right;}
#section-2 .container .row .sermon-top .col-md-7 .sermonTV { width: 100%; height: 100%; float: left; padding: 40px;}
#section-2 .container .row .sermon-top .col-md-7 .sermonTV h3 {display: inline-block; font-size: 28px; margin: 0 0 40px; padding: 0 0 5px; color: #000;}
#section-2 .container .row .sermon-top .col-md-7 .sermonTV .sermonT {display: block; margin: 0; float: left; width: 100%; text-align: left; font-size: 34px; color: #000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#section-2 .container .row .sermonTV .sermonB { width: 100%; margin: 50px 0 0 0; line-height: 2; display: inline-block; text-align: left; font-size: 18px; color: #fff;}
#section-2 .container .row .sermonTV .sermonD { width: 100%; margin: 0; line-height: 2; display: inline-block; text-align: left; font-size: 18px; color: #fff;}
#section-2 .container .row .sermonBTN {width: 100px; height: 100px; position: absolute; right: 0; bottom: 0; background: #0EBBCC;}
#section-2 .container .row .sermonBTN span {color: #fff; line-height:100px;}
.sermon-title { color: black; }
.sermon-title h1{ color:#fff; font-weight:bold; margin:10px 0; padding: 3% 0 0;}
.sermon-title h4{font-size:30px; color:#bbb; font-weight:bold; margin:10px 0;margin-bottom:50px; }
#section-2 .supertitle {color: #fff; font-size: 40px; margin: 0 0 50px 0; font-weight: bold;}
#section-2 .sermon-top .liveM { height: 150px; background-repeat: no-repeat; background-size: cover; position: relative; display: flex; flex-direction: column; justify-content: space-evenly; align-items: center;}
#section-2 .sermon-top .liveM .youtube-liveT { display: inline-block; position: relative; width: 100%; height: 50%;}
#section-2 .sermon-top .liveM .youtube-liveB {width: 100%; height: 50%; color: #fff; font-size: 20px; word-break: keep-all; display: flex; flex-direction: column; justify-content: space-evenly; align-items: center;}
#section-2 .sermon-top .liveM img { position: absolute; left: 54%; top: 10%;}
#section-2 .sermon-top .liveM h5 { transform: translate(0,-50%); position: absolute; top: 50%; width: 100%; color: #fff; font-size: 20px;}
#section-2 .sermon-top .liveM .youtube-liveT .live {display: flex; justify-content: center; color: #fff; position: relative;}
#section-2 .sermon-top .liveM .youtube-liveT h3 { margin: 0 50px 0 0; font-size: 29px;}
#section-2 .sermon-top .subLTV { height: 170px;}
#section-2 .sermon-top .subLTV .content { height: 50%; width: 100%; display: inline-block; float: left;}
#section-2 .sermon-top .subLTV .subTVC { width: 80%; display: inline-block; float: left; height: 100%;  background-color: #fff; position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; text-align:left; padding: 10px 20px;}
#section-2 .sermon-top .subLTV .subTVC .title {color: #000; font-size: 22px;}
#section-2 .sermon-top .subLTV .subTVC .date {color: #A4A4A4; font-size: 17px;}
#section-2 .sermon-top .subLTV .subTVL { width: 20%; display: inline-block; float: left; height: 100%;  background-color: #fff; position: relative; background-position: center; background-size: cover; background-repeat: no-repeat;}
#section-2 .sermon-top .subLTV .subTVL .on {background-size: cover; background-repeat: no-repeat; width: 15px; height: 15px; position: absolute; top: 50%; left: 40%; text-align: center; border: none; transform: translate(0,-50%);}
#section-2 .sermon-top .subLTV .content:first-child .subTVC::after  {content: ""; width: 105%; height: 1px; background: #000; position: absolute; bottom: 0px; left: 10%; z-index: 100;}
.sermon-bottom {display: flex; justify-content: space-around;}
.sermon-bottom > div { padding: 0; display: flex; justify-content: space-between;}
.sermon-bottom > div > div > a {display:inline-block; width: 100%; height: 186px; background-position: 100% 100%; background-size: cover; border: 0px;}
#section-9 {background: #000;}
.sermon-top {
    position: relative;
    display: flex;
    justify-content: space-around;
    background-position: center;
    background-size: 100% 100%;
    text-align: center;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {background-image: none;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {background-image: none;}
.sermon-top .st-1{/*width:65%; */ background:url(../../../Layouts/dipc_Layout/Images/2.sermon_bg_2.png) no-repeat; background-position:center; background-size:100% 100%; text-align:center;}
.sermon-top h2{font-size: 38px; color:white;      margin-bottom: 30px;}

.sermon-top h4, .sermon-top h1{ color: black; margin: 20px 0 10px;  font-size: 24px; }
.sermon-top hr{ width: 54px;    color: black;    border: 1px solid; margin-top:10px; }
.sermon-top a{text-decoration:none;}
.st-1 >h4{font-weight:bold; margin-top:40px;}
.sermon-box2{  display: block;}
.sermon-btn {    position: absolute;    top: 0;    left: 0;} 
.sermon-bottom{display: flex;    justify-content: space-around;}
.sermon-bottom >div{ /*width:65%; */    padding: 0; display: flex;    justify-content: space-between;}
.sermon-bottom > div > div {     text-align: center;  }
.sermon-bottom > div > div >a >img {
    width: 312px;
    height: 165px;
}
.sermon-bottom > div > div >a >img {
    width: 100%;
    height: 150px;
    background-position: 50% 50%;
    background-size: cover;
    border: 0px;
    /* border: 3px solid black; */
}
.sermon-bottom h4 { text-align: center; font-size: 25px; color: white; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin:0; width: 100%;}









#section-3 {
    position: relative;
    background: url(../../../Layouts/dipc_Layout/Images/3.info_bg.jpg) no-repeat;
    background-position: center;
    background-size: 100% 100%;
}
/*#section-3 h1 { color:#fff; margin:0; font-size:50px; font-weight:bold; margin:50px 0; font-family: 'Arita-buri-SemiBold'; }*/
#section-3 h3 { color:#fff; margin:30px 0 0; font-size:27px; font-weight:100; }
#section-3 h2 { color:#fff; margin:0; font-size:27px; font-weight:100; }
#section-3 .section4T h1{ font-size:40px; line-height:1.75; font-weight:bold; color:#000018; text-align: center; word-break: keep-all;}
#section-3 .section4T h5{ font-size:20px; line-height:1.75; font-weight:bold; color:#000018; text-align: center; word-break: keep-all;}
#section-3 .section-3-box .section4T { padding: 0 0 55px 0;}
#section-3 .section-3-box .miniBOX { background-color: #fff; height: 230px; position: relative; display: flex; flex-direction: row; justify-content: center; align-items: center;}

#section-3 .section-3-box .container .row .miniBOXM:hover .miniBOX { background-color: #0EBBCC; transform: translate(-10px,-10px); transition: all 0.5s;}
#section-3 .section-3-box .miniBOX .miniM h1 { color: #002C47; font-size: 22px; font-weight: normal; margin: 15px 0 0;}
#section-3 .section-3-box .container .row .miniBOXM:hover .miniBOX h1 {color: #fff;}
#section-4 .section0TL { height: 164px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin: 0 0 110px; grid-gap:35px;}
#section-4 .section0TL h1 { color: #fff; margin: 0; line-height: 1.5; font-weight: bold; letter-spacing: 1px;}
#section-4 .section0TL h3 { color: #fff; margin: 0; line-height: 1.5;  letter-spacing: 1px; word-break: keep-all;}
#section-4 .section-4-box .BOX:hover {  background-color: #0EBBCC; transition: all 0.5s;}
#section-4 .section-4-box .BOX:hover h1 {color: #fff; }
#section-4 .section-4-box .BOX:hover h3 {color: #fff;}
#section-4 .section0TL .BOX h1 { color: #fff; margin: 0; line-height: 1.5; font-weight: bold; }
#section-4 .BOX h1 { color: #012D46; letter-spacing: 1px; font-weight: bold; font-size: 30px;}
#section-4 .BOX h3 { color: #3B95EB; margin: 0; line-height: 1.5;  letter-spacing: 1px; font-size: 20px;}
#section-4 a:nth-child(3) .col-sm-12, #section-4 a:nth-child(4) .col-sm-12 {padding: 30px 15px;}
#section-4 { position:relative; background:url(../../../Layouts/dipc_Layout/Images/4.ministry_bg.jpg) no-repeat; background-position:center; background-size:100% 100%; }
#section-4 a { text-decoration:none; }
#section-4 .section-4-box .BOX { background-color: #fff; height: 230px; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center;}
@keyframes aaa {
    from{left:-5px}to{left:5px;}
}










.newf-bottom > div >div {
	background:url(../../../Layouts/dipc_Layout/Images/4_box01_1.png) no-repeat; background-position:center; background-size:100% 100%; padding: 40px 30px;
	width: 255px; margin-right: calc((100% - 981px) / 3);     height: 259px;
}
.newf-bottom > div .nb-4 {
	background:url(../../../Layouts/dipc_Layout/Images/4_box02_1.png) no-repeat; background-position:center; background-size:100% 100%; padding: 40px 30px;
	width: 216px; margin-right: 0;
}

.newf-center.moreV > a {
    font-size: 15px;
    color: #fff;
    float: right;
    padding-bottom: 50px;
    padding-top: 70px;
	
    padding-right: 50px;
}
.newf-bottom p {    font-size: 15px; line-height: 1.3;}
.newf-bottom p span {    font-size: 18px; font-weight:bold; line-height: 3;}

.newf-center.moreV >a:hover {
    animation: aaa 0.4s infinite alternate;
    position: relative;
}

.section4-box { padding: 1% 4%;}
.section4-box .cont-desc , .section4-box .cont-title{ overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;}


 
 


#section-5 { position:relative; background:url(../../../Layouts/dipc_Layout/Images/5.board_bg.jpg) no-repeat; background-position:center; background-size:100% 100%; }
#section-5 .title {font-size:40px; color:#061340; font-weight:bold; text-align:center;}
#section-5 .subtitle {text-align:center; color:#061340; font-size:25px; margin-bottom: 100px;}
#section-5 .boardtitle { color: #061340; font-weight: bold; position: relative; margin: 0 0 20px 0;} 
#section-5 .boardtitle:after {content: ""; width: 30px; height: 3px; position: absolute;  top: 37px; left: 0px; background: #071441;}
#section-5 li img { float: right; margin-top: 18px; width: 32px; height:32px;}
#section-5 li div.section5-box-date p strong {font-size: 40px;}
#section-5 li div.section5-box-cont p {margin: 0; font-size: 18px; line-height: 33px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; width: 450px;}
#section-5 li a {display: flex; justify-content: space-between;}
#section-5 li { overflow: hidden; border-bottom: 1px solid #071441; padding: 10px 0px;}
#section-5 li div { float: left; }
#section-5 li div p {color: #081340;}
#section-5 li div.section5-box-cont p.cont-title { font-weight: bold; color: #081340; font-size: 20px; }
#section-5 li div.section5-box-img { float: right; width: 30%; }
.ngsb > div >a >img {    padding: 0 12px;}

.ngsb > div >a {
    display: flex;
    justify-content: flex-start;
    color: black;
    padding: 15px 0px;
	text-decoration:none;
}




#section-6 { position:relative; background:url(../../../Layouts/dipc_Layout/Images/6_bg.gif) no-repeat; background-position:center; background-size:100% 100%; }
#section-6 h1{font-size:60px; padding-bottom:80px;}


.goal-bottom >div >div{color: white;    padding: 70px 80px;   text-align: center;    max-width: 380px;    margin: calc((100% - 1040px) / 12);}
.goal-bottom .gb-1{ position:relative; background:url(../../../Layouts/dipc_Layout/Images/6_box01.jpg) no-repeat; background-position:center; background-size:100% 100%;}
.goal-bottom .gb-2{ position:relative; background:url(../../../Layouts/dipc_Layout/Images/6_box02.jpg) no-repeat; background-position:center; background-size:100% 100%;}
.goal-bottom .gb-3{ position:relative; background:url(../../../Layouts/dipc_Layout/Images/6_box03.jpg) no-repeat; background-position:center; background-size:100% 100%;}

.goal-bottom .gbbt {
    background: black;
    padding: 15px 49px;
    margin: 0 20px;
    color: white;
    text-decoration: none;
}
.goal-bottom p span {    font-size: 24px;}
.goal-bottom p {    font-size: 16px; margin-bottom: 30px;}
.goal-bottom h4 {    font-size: 26px;    font-weight: 300;}


 


#section-7 { position:relative; background:white; background-position:center; background-size:100% 100%; }
.com-title h1{ font-size:60px; color:#000; font-weight:bold; margin:10px 0; padding: 3% 0 0;}
.com-title h4{font-size:22px; color:#666; font-weight:bold; margin:25px 0;margin-bottom:50px; }

 
.com-1 {margin-top:0%; }
.com-1 h2{font-weight:bold; margin-bottom: 25px;     font-size: 27px; }
.com-1 h4{ font-size: 20px;   }
 
.com-1 hr{    border-top: 2px solid #ddd;}
.com-1 a {   display:block;   }

.com-1 >a p {    font-size: 15px;    color: #b5b5b5; text-align: left;}
.com-1 >a h2 {    font-size: 19px;     margin-top: 10px;  color:black;  text-align: left; word-break: keep-all;}
.com-1 >a h4 {    font-size: 17px;    color: #0c97ea; text-align: left;}
.com-1 >a h3 {    font-size: 16px;    color: #878787;    font-weight: 300; text-align: left; line-height: 1.4;
    width: auto;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
.com-1 >a {    background: white;       border: 1px solid #e5e5e5; height:66vh; text-decoration:none;}
.com-1 .com-1-img {         border-bottom: 1px solid #e5e5e5;  }
.com-1 .com-1-txt {   padding:10px 20px;}
.com-1-img img {    width: 100%;}


#section-8 {position:relative; background:white; background-position:center; background-size:100% 100%;}

.pto-1 {margin-top:0%; }
.pto-1 h2{font-weight:bold; margin-bottom: 25px;     font-size: 27px; }
.pto-1 h4{ font-size: 20px;   }
 
.pto-1 hr{    border-top: 2px solid #ddd;}
.pto-1 a {   display:block;  }

.pto-1 >a p {    font-size: 15px;    color: #b5b5b5; text-align: left;}
.pto-1 >a h2 {    font-size: 19px;     margin-top: 10px;  color:black;  text-align: left; word-break: keep-all;}
.pto-1 >a h4 {    font-size: 17px;    color: #0c97ea; text-align: left;} 
.pto-1 >a {    background: white;       border: 1px solid #e5e5e5; height:36vh; text-decoration:none;}
.pto-1 .pto-1-img {         border-bottom: 1px solid #e5e5e5;  }
.pto-1 .pto-1-txt {   padding:10px 20px;}
.pto-1-img img {    width: 100%; height: 18vh;}

.pt-plus{text-align:center; padding:50px 0 70px; }
.pt-bottom >div >a{
	display: block;
    background: #f9f9f9;
    border: 1px solid #e5e5e5;
    padding: 30px 70px;
	position: relative;
	text-decoration:none;
	color:black;
}

.pt-bottom img {    padding: 0 15px;}
.pt-bottom .ptb-ar {       position: absolute;    right: 70px;    top: 50%;    transform: translateY(-50%);}


@keyframes aaa2{
    from{right:65px;}to{right:75px;}
}

.pt-bottom a:hover .ptb-ar {    animation: aaa2 0.4s infinite alternate; }
 
 
.go_top_a{right:0; position:absolute; bottom:0;}

 




/* 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: 10;
 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: #C7B1E6;
}

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

#section-1 p {margin:0! important; background:black;}
 




 
#section-1 .slider .slider-wrapper .slide img {
    max-width: 100%;
    width: 100vw;
}
#section-1  p.each-img >img  {height: calc(100vh);}






@media (min-width:762px) and (max-width:1920px) {
   #section-1 { height: unset !important; aspect-ratio: 1903 / 929;}
}

 

@media(max-width:1620px) { 
	 
}

@media(max-width:1500px) { 
	    #section-3 .section-3-box .miniBOX {height: 180px;}
        #section-5 li .section5-box-date {width: 20%;}
        #section-5 li .section5-box-cont {width: 70%;}
}
@media(max-width:1200px) {
    #section-3 .section-3-box .miniBOX {height: 180px;}

}
@media (max-width: 1024px) {
    #section-2, #section-3, #section-4, #section-5, #section-6 { background-size: cover;}
    #section-1 { max-height: calc(43.75vw + 100px);}
        #section-1 .fp-slidesContainer > div {max-height: 43.75vw; height: auto;}
    #section-1 .dimode-slider {max-height: 43.75vw; height: auto;}
    #section-1 p.each-img >img {max-height: 43.75vw; height: auto;}
    #section-1  p.each-img >img  {max-height: 43.75vw; height: auto;}
    #section-1 .fp-tableCell {max-height: 43.75vw; height: auto;}
    #section-1 .fp-slidesContainer >div {max-height: 43.75vw; height: auto;}
    .sermon-bottom > div > div {width: 190px;}
     #section-3 .section-3-box .miniBOX {height: 160px;}
}


@media (max-width:992px) {
    #section-5 {padding: 50px 0px;}
    #section-5 .col-xs-12 {margin-bottom: 20px;}
    #section-5 li div p {margin: 0px;}
    #section-5 li img {margin-top: 5px;}
    #section-5 li div.section5-box-date p strong {font-size: 25px;}
    #section-5 .boardtitle {font-size: 20px;}
    #section-5 .title {font-size: 25px; margin-top: 0px;}
    #section-5 .subtitle {font-size: 20px; margin-bottom: 30px;}
    #section-4 {padding: 50px 15px;}
    #section-4 .section0TL h1 {font-size: 25px;}
    #section-4 .section0TL h3 {font-size: 20px;}
    #section-4 .BOX h1 {font-size: 20px;}
    #section-4 .BOX h3 {font-size: 15px;}
    #section-4 .section-4-box .BOX:hover h3 {font-size: 15px;}
    #section-4 a .col-sm-12 {padding: 0px;}
    #section-4 a:nth-child(3) .col-sm-12, #section-4 a:nth-child(4) .col-sm-12 {padding: 0px;}
    #section-4 .section-4-box .BOX {height: 150px; margin-bottom: 20px;}
    #section-4 .section0TL {margin: 0 0 30px;}
    #section-3 .section-3-box .miniBOX .miniM h1 {font-size: 20px;}
    #section-3 .section-3-box .section4T {padding: 0 0 30px 0;}
    #section-2 {padding: 50px 15px;}
    #section-2 .container .row .sermon-top .col-md-7 .sermonTV h3 {font-size: 20px;}
    #section-2 .container .row .sermon-top .col-md-7 .sermonTV .sermonT {font-size: 25px;}
    #section-2 .container .row .sermonTV .sermonB {font-size: 16px;}
    #section-2 .container .row .sermonTV .sermonD {font-size: 16px;}
    #section-2 .supertitle {margin: 0 0 25px 0; font-size: 25px;}
    .sermon-bottom > div > div { width: 25%;}
    #section-2 .sermon-top .subLTV .subTVC .title {font-size: 20px;}
    #section-2 .container .row .sermon-top .col-md-7 {width: 55%;}
    #section-2 .container .row .sermon-top .col-sm-5 { padding: 0px;}
    #section-2 .sermon-top .subLTV .subTVC {width: 85%;}
    #section-2 .sermon-top .subLTV .subTVL {width: 15%;}
    #section-2 .sermon-top .subLTV .subTVC .date {font-size: 15px; margin: 0px;}
    #section-2 .container .row .sermonBTN {width: 80px; height: 80px;}
    #section-2 .container .row .sermonBTN span {line-height: 80px;}
    #section-2 .container .row .sermon-top .col-md-7 .sermonTV {padding: 20px;}
    .sermon-bottom > div > div > a {height: 120px;}
    #section-3 .section-3-box .miniBOX img {width: 50px;}
    #section-3 .section-3-box .miniBOX  {height: 150px; margin-bottom: 20px;}
    #section-3 .section4T h1 {font-size: 25px;}
    #section-3 .section4T h5 {font-size: 18px;}

}
@media (min-width:768px) and (max-width:992px) {
     
}

@media (max-width: 767px) {
    #section-4 .BOX h1
    #section-4 .section0TL {grid-gap: 20px;}
    #section-4 .section0TL h1 {font-size: 20px;}
    #section-4 .section0TL h3 { font-size: 18px;}
    #section-5 .title {font-size: 20px;}
    #section-5 .subtitle {font-size: 18px;}
    #section-5 li div.section5-box-cont p.cont-title {font-size: 18px;}
    #section-2 .sermon-top .subLTV .subTVC .title {font-size: 17px;}
    .swiper-button-next, .swiper-button-prev {width: 20px; height: 30px;}
    .swiper-button-next, .swiper-button-prev {width: 20px; height: 30px;}
    .swiper-button-next img, .swiper-container-rtl .swiper-button-prev  img {width: 20px;}
    .swiper-button-prev img, .swiper-container-rtl .swiper-button-next img {width: 20px;}
    #section-1 .swiper-container {margin-top: 70px; }
    #section-2 .container .row .sermon-top .col-md-7 .sermonTV {padding: 15px;}
    #section-2 .container .row .sermonBTN span {line-height: 60px;}
    #section-2 .container .row .sermonBTN {width: 60px; height: 60px;}
    #section-5 .col-xs-12 {padding: 0px;}
    #section-5 li div.section5-box-cont p {width: 100%;}
    #section-4 .section-4-box .BOX {height: 100px;}
    #section-4 .BOX h1 {margin-top: 10px; margin-bottom: 5px;}
    #section-3 .section-3-box .miniBOX .miniM h1 {font-size: 17px; word-break: keep-all;}
    #section-3 .section-3-box .miniBOX {height: 120px;}
    .sermon-bottom h4 {top: 40%; font-size: 17px;}
    .sermon-bottom >div {flex-wrap: wrap;}
    .sermon-bottom > div > div {width: 50%;}
    .sermon-bottom > div > div:first-child {padding-bottom: 30px;}
    .sermon-bottom > div > div:nth-child(2) {padding-bottom: 30px;}
    #section-2 .container .row .sermon-top .col-md-7 .sermonTV h3 {margin: 0 0 25px;}
    #section-2 .container .row .sermonTV .sermonB {margin: 15px 0 0 0;}
    .sermon-top {flex-direction: column;}
    #section-2 .container .row .sermon-top .col-md-7 {width: 100%; height: 220px;}
    #section-2 .sermon-top .liveM {height: 100px;}
    #section-2 .sermon-top .liveM h5 {top: 75%;}
    #section-2 .container .row .sermon-top .col-sm-5 { width: 100%; margin-bottom: 30px;}
    .footer-bottom img {max-width: 120px;}
    #section-1 { max-height: calc(43.75vw - 70px); height: calc(100vh -70px); }
    #section-1 .dimode-slider {margin-top: 70px !important;height: calc(100vh - 70px) !important;}
	 .footer .footer-bottom {height: auto;}
}
@media (max-width: 600px) { 
	 
}