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

/* vision s */

#main-section2 { margin:30px 0px 60px;}
#main-section2 .ms2-box { text-align:center; border: 12px solid #E0E9EB; height:275px; cursor:pointer; position:relative;} 
#main-section2 .ms2-box:hover { border:12px solid #6290CE; transition:0.5s all ease;}
#main-section2 .ms2-box:hover .circle span { background:#6290CE; }
#main-section2 .ms2-box-cotnent { padding:25px 0px 0;}
.ms2bc-title { font-size:30px; font-weight:bold; margin:15px 0px 5px; 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: 22px; font-weight: 600; background: #525252; padding: 38px 31px; 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:0; }
#main1_right h5 { color:#dee2ea; 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/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/img3.png); background-size: 100% 100%; padding: 20px 25px; height: 158px;}
#main1-4 { background-image:url(../Images/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; }
.sermonview img { float:right; }
.sermonview img:hover { opacity:0.7; transition:0.3s all; }
#main1_left { background: #6290CE; background-size: cover; background-repeat: no-repeat; width: 100%; padding: 40px 50px; height:375px;}
.sermonview { text-align:left; }
.sermonview a { text-decoration:none; }
.sermonview h2 { font-size:26px; color:#fff; margin-bottom:15px; font-weight:bold; margin-top:0; }
.sermonview h3 { font-size:18px; color:#dee2ea; margin:0; }
.sermonview h5 { font-size:20px; color:#fff; margin-top:18px; font-weight:normal;}
.sermonview p { color:#fff; font-size:16px; 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; float: left; margin:0; }
.sermonview li { font-size:17px; color:#fff; padding:4px 5px; border-bottom:1px solid #fff; overflow: hidden; margin-bottom:20px; }
.sermonview li:hover { background:#9cbeef; transition:0.2s all; }
.sermonview strong { color:#A4A4A4; 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; color:#fff; }
.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;}
    .sermonview p { width:250px; }
}

@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 0; }
    #main-section2 .ms2-box { height:230px; }
    .circle span { font-size:15px; padding:30px 25px; }
    .ms2bc-desc { font-size:13px; }
}

@media (max-width:767px) {
	#main1_left { height:auto; padding:30px; }
	#main1-1 { height:158px; }
	.sermonview h2 { font-size:20px; }
	.sermonview p { font-size:17px; width:150px; }
	.sermonview h5 { font-size:17px; }
	.ms2bc-title { font-size:20px; }
	#main-section2 .ms2-box { height:250px; }
	.circle span { font-size:18px; padding:35px 30px;  }
     #main-section1 .container { padding:0px;}
    .ms2-content { padding-top: 11%;}
    #main-section2 { text-align:center; margin:0; }
    #main1-1, #main1-2, #main1-4, #main1-3 { margin-top:25px; }
    .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; }
}