#main-section1 { background-color:#ECECEC; }
#main-section2 , a {text-decoration : none !important;}

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

/* vision s */

#main-section2 { margin:30px 0px 55px;}
#main-section2 .ms2-box { text-align:center; border: 10px solid #e0a397; height:285px; cursor:pointer; position:relative;} 
#main-section2 .ms2-box:hover { border:10px solid #f9aa9a; transition:0.5s all ease;}
#main-section2 .ms2-box .circle span { background:#e0a397; }
#main-section2 .ms2-box:hover .circle span { background:#f9aa9a; }

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


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

#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:#fff; font-size:25px; display:inline-block; margin-bottom:0px;}
#main1_right h5 { color:#fff; font-size:18px; margin-bottom:25px;}
#main1_right .main1-view { color:#fff; 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: 20px 25px; height: 190px;}
#main1-2 { background-image:url(../Images/bg_img2.png); background-size: 100% 100%; padding: 20px 25px; height: 158px;}
#main1-3 { background-image:url(../Images/bg_img3.png); background-size: 100% 100%; padding: 20px 25px; height: 158px;}
#main1-4 { background-image:url(../Images/bg_img4.png); background-size: 100% 100%; padding: 20px 25px; 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 { margin:25px 0px;}
.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:#fff; 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;}


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

}

@media (min-width:993px) and (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 (min-width:768px) and (max-width:992px) {
    #main-section1 .container { padding:0px;}
    #main-section2 { text-align:center; }
    #main-section2  .col-sm-6:nth-child(3), #main-section2  .col-sm-6:nth-child(4) { margin-top:50px;}
    #main1_right { margin-top:25px; }
    .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; }
    .circle span { font-size:15px; padding:30px 15px; }
    .ms2bc-desc { font-size:13px; }
}

@media (max-width:767px) {
	.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; }
	.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:25px; 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;}
    
    #main-section2 .ms2-box { margin:65px 0px 0px;}
    .sermonview li { font-size:15px; }
    .ms2bc-desc { font-size:16px; }
    .row2 { margin:0; }
    .row2 > div { padding:0; }
    #main-section2 { position:relative; top:-50px; }
}