#main-section1 { background-color:#ECECEC; }
/*#main-section1 .slider {height: 641px!important;}*/

.slider .manage-link { z-index:9999!important; }


/* vision s */
#main-section2 {padding-bottom: 5em;}
#main-section2 .ms2-box { text-align:center; border: 10px solid #f7ab1a; height:285px; cursor:pointer; position:relative;} 
#main-section2 .ms2-box:hover { border:10px solid #ffd178; transition:0.5s all ease;}
#main-section2 .ms2-box .circle span { background:#f7ab1a; }
#main-section2 .ms2-box:hover .circle span { background:#ffd178; }

#main-section2 .ms2-box-c2 { text-align:center; border: 10px solid #42adb5; height:285px; cursor:pointer; position:relative;} 
#main-section2 .ms2-box-c2:hover { border:10px solid #8ed2d7; transition:0.5s all ease;}
#main-section2 .ms2-box-c2 .circle span { background:#42adb5; }
#main-section2 .ms2-box-c2:hover .circle span { background:#8ed2d7; }


#main-section2 .ms2-box-c3 { text-align:center; border: 10px solid #e58e8e; height:285px; cursor:pointer; position:relative;} 
#main-section2 .ms2-box-c3:hover { border:10px solid #ffb0b0; transition:0.5s all ease;}
#main-section2 .ms2-box-c3 .circle span { background:#e58e8e; }
#main-section2 .ms2-box-c3:hover .circle span { background:#ffb0b0; }

#main-section2 .ms2-box-cotnent { padding:20px 0px;}
.ms2bc-title { font-size:30px; font-weight:bold; margin:15px 0px; color:#333333;}
.ms2bc-desc { color: #7A7A7A; font-size: 17px; font-weight: 600; }
.circle { text-align: center; position: absolute; bottom: -15px; width: 100%; right:0px;}
.circle span { color: #fff; font-size: 20px; font-weight: 600;padding: 47px 13px; border-radius: 50%; transition: all ease 0.3s; cursor:pointer;}
.ms2-shadow { position:absolute; top:0px; width:100%; height:100%; background: rgba(0,0,0,0.45); display:none;}
.ms2-shadow a { text-decoration:none; color:#fff; font-weight:bold;}
.ms2-shadow p { font-size:18px; margin:0px; padding:6px 0px; }
.ms2-shadow p:first-child { margin-top:15px;}
.ms2-shadow p:hover { background-color: #09A4C3; transition:0.3s all ease;}
.next-cont img { display:none; }

/* main-right */

.row2 { margin-top:25px;}
.row2 img {float:right;}
.next-cont { height:80px!important; overflow:hidden; }
#main1-1 h4, #main1-2 h4, #main1-3 h4, #main1-4 h4 { color:#000; font-size:1.1em; font-weight: bold; display:inline-block; margin:0 auto .3em;}
#main1_right h5 { color:#000; font-size:1em; margin:0 auto 10px;}
#main1_right .main1-view { color:#000; font-size: 15px; border:1px solid #fff; display:inline-block; padding: 2px 30px;}
#main1-1 { background-image:url(../Images/bg_img2.png); background-size: 100% 100%; padding: 1em; height: 190px;}
#main1-2 { background-image:url(../Images/bg_img2.png); background-size: 100% 100%; padding: 1em; height: 158px;}
#main1-3 { background-image:url(../Images/bg_img3.png); background-size: 100% 100%; padding: 1em; height: 158px;}
#main1-4 { background-image:url(../Images/bg_img4.png); background-size: 100% 100%; padding: 1em; height: 158px;}
.main1-3-inner ul {height:100%; margin-top:15px; display:none;}
.main1-3-inner ul a { text-decoration:none; color:#fff; }
.main1-3-inner li { font-size:18px; padding:5px 0px; text-align:center; }
.main1-3-inner li:hover { background-color:blue; transition:0.3s all ease;}
.main1-4-inner ul {height:100%; margin-top:15px; display:none;}
.main1-4-inner ul a { text-decoration:none; color:#fff; }
.main1-4-inner li { font-size:18px; padding:5px 0px; text-align:center; }
.main1-4-inner li:hover { background-color:blue; transition:0.3s all ease;}
#main1-1:hover, #main1-2:hover,#main1-3:hover, #main1-4:hover { opacity :0.6; transition:0.3s; }

/* main-left e */

#main-section1-inner { padding: 1.5em 0; }
.sermonview li span { font-size:15px; position:relative; top:3px; }
#main1_left { background: url(../Images/bg_img1.png); background-size: cover; background-repeat: no-repeat; width: 100%; padding: 10px 20px; height:375px;}
.sermonview { float:right; padding:10px 0 0; text-align:left; }
.sermonview a { text-decoration:none; }
.sermonview h2 { font-size:30px; color:#000; margin-bottom:15px; font-weight:bold;}
.sermonview h5 { font-size:20px; color:#fff; margin-top:18px; font-weight:normal;}
.sermonview p { color:#fff; font-size:20px; margin-bottom:5px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block; width:300px; text-decoration:none;}
.sermonview li { font-size:17px; color:#ffffff; padding:4px 0px; border-bottom:1px solid #ffffff; overflow: hidden;}
.sermonview strong { color:#ffffff; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: inline-block; width:210px; text-decoration:none; font-weight:normal; position:relative; float:left;}
.sermonview strong:before { content:"·"; font-size:19px; font-weight:bold; }
.sermonview li span { float:right; }
.sermonview ul { margin-top:30px;}



.flex {display: flex; align-items: center;}

@media (max-width:1499px) {

}

@media (max-width:1199px) {
    .ms2-content h3 { font-size:22px; }
    .ms2-content h4 { font-size:18px; }
    .ms2-content p { font-size:11px;}
    #main1-1 h4, #main1-2 h4, #main1-3 h4, #main1-4 h4 { font-size:20px;}
    #main1_right h5 { font-size:15px;}
    #main1-3 p {font-size:13px; width:80px;}
    #main1-3 img { position: absolute; right: 20px; top: 30px; width: 75px; height: 130px; }
    .sermonview h5 a { font-size:28px;}
}

@media (max-width:992px) {
    #main-section1 .container { padding:0px;}
    
    #main1_right {padding-top: 1.5em;}

    #main-section2 { text-align:center; }   
    #main-section2  .col-sm-6:nth-child(3), #main-section2  .col-sm-6:nth-child(4) { margin-top:50px;}
    .ms2-content h4 { font-size:18px;}
    .ms2-content p { font-size:13px;}
    .ms2bc-title { font-size:20px; margin:20px 0; }
    #main-section2 .ms2-box { height:250px; }
    .ms2bc-desc { font-size:13px; }
}

@media (max-width:767px) {

    #main-section1-inner > div.container > .row { display: flex; flex-direction: column;}
    /*#main-section1-inner #main1_right .row1 {padding: 0 15px;}*/
    #main-section1-inner #main1_right .row1 div {width: 100%;}
    #main-section1-inner #main1_right .row1 div:nth-of-type(2) {margin: 0 10px;}
    #main1_right {padding: 0 15px;}

	.sermonview h2 { font-size:20px; }
	.sermonview p { font-size:17px; }
	.sermonview h5 { font-size:17px; }
	.ms2bc-title { font-size:20px; }
	#main-section2 .ms2-box { height:265px; }
	#main-section2 div > div > div.col-sm-4 { padding-bottom: 3em; }

	.circle span { font-size:18px; padding:50px 15px;  }
     #main-section1 .container { padding:0px;}
    .ms2-content { padding-top: 11%;}
    #main-section2 { text-align:center;}
    #main1-1, #main1-2, #main1-4, #main1-3 { margin-top:1em; height:158px!important;}
    .sermonview { text-align:left; float:unset;}
    .sermonview h5 a {font-size:25px;}
    .sermonview h4 { font-size:17px;}
    .sermonview h6 { font-size:17px;}
    #main1-1 h4, #main1-2 h4, #main1-3 h4, #main1-4 h4 { font-size:21px;}
    #main1_right h5 { font-size:16px;}
    
    .sermonview li { font-size:15px; }
    .ms2bc-desc { font-size:16px; }
    .row2 { margin:0; }
    .row2 > div { padding:0; }
    #main-section2 { padding-bottom: 3em;}
}

@media (max-width: 450px) {
    #main-section1-inner #main1_right .row1 {flex-direction: column;}

}