.p-10 { padding:0px 8px;}
.p-0 {padding:0;}

.main-box img { width:100%;}

#main-section1 { background-color:#ECECEC; }

#main-section2 { text-align:center; margin:30px 0 0; }
#main-section2 a { color:#fff; text-decoration:none;}
#main-section2 .main-box { position:relative; overflow:hidden;}
#main-section2 img:hover { opacity:0.7; transition:0.3s all; transform:scale(1.2);}
#main-section2 h1 { position:absolute; top:40%; margin:0px; width:100%; font-size:30px; font-weight:bold;}

#main-section3 { margin:15px 0;}
#main-section3 a { color:#fff; text-decoration:none;}
#main-section3 .main-box { position:relative; overflow:hidden;}
#main-section3 img:hover { opacity:0.7; transition:0.3s all; transform:scale(1.2);}
#main-section3 h1 { position:absolute; top:40%; margin:0px; width:100%; font-size:30px; font-weight:bold; text-align:center;}
#main-section3 .p-10 { margin: 0 0 20px;}

#sermon {background:url(../Images/banner9-2.jpg) no-repeat; background-position:top center; height:394px; position:relative; padding:80px 0 0;}
.sermon-cont { display:inline-block; margin-left:50px; }
.sermon-cont h2 { margin:0 0 30px;; font-weight:bold; }
.sermon-cont p {font-size:18px;}
.sermon-bottom { position:absolute; width:100%; bottom:0; background-color:rgba(29,71,132,0.8); padding:10px 0px;}
.sermon-bottom ul { width:100%; text-align:center;}
.sermon-bottom li { display:inline-block;  text-align:left; border:1px solid #fff; padding:5px 25px; font-size:15px; width:140px; margin:0 10px;}
.sermon-bottom li img { float:right; margin-top: 2px;}

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

}

@media (min-width:993px) and (max-width:1199px) {
     .sermon-bottom li { width:125px;}
    #sermon { height:327px; padding:40px 0 0;}
}

@media (min-width:768px) and (max-width:992px) {
    #main-section2 .p-10 {margin:0 0 15px;}
    #sermon {background-size:100% 100%;}
}

@media (max-width:767px) {
    #main-section2 h1 { font-size:20px;}
        #main-section3 h1 { font-size:20px;}
        #main-section2 .p-10 {margin:0 0 15px;}
        .sermon-bottom li {
    display: inline-block;
    text-align: left;
    border: none;
    padding: 5px 25px;
    font-size: 15px;
    width: 100%;
    margin: 8px 0px;
}

 #sermon {background-position:76% !important;}
 .sermon-cont {margin-left: 15px;}
 .sermon-cont a > h2 > img {display:none;}


}