#main-section1{margin-bottom:120px;}
#main-section2{margin-bottom:50px;}
.play-btn{position:absolute;right:0;top:0;}
.play-btn img{opacity:.8;}
.play-btn:hover img,.play-btn:focus img{opacity:1; transition:0.3s all;}
.ms-1-left .ms-1-left-top{
    background-image: url(../images/sunday_sermon.png); height: 375px; border:1px solid #fff; position:relative;}
.ms-1-left .ms-1-left-top .ms-1-left-top-main{position: absolute;top: 50%;padding: 45px;width: 100%;border: none;
display: block;transform: translate(0,-50%);color: #fff;}
.ms-1-left .ms-1-left-top .ms-1-left-top-main .ms-top-title{font-size: 30px;border-bottom: 2px solid #fff;display: inline-block; color:#fff; float:right;text-decoration:none;padding-bottom: 5px;
    margin-bottom: 5px;}
.ms-1-left .ms-1-left-top .ms-1-left-top-main .ms-top-title img{float: right; width: 22%; opacity:.5;}
.ms-1-left .ms-1-left-top .ms-1-left-top-main .ms-top-title:hover img,.ms-1-left .ms-1-left-top .ms-1-left-top-main .ms-top-title:focus img{opacity:1;transition:0.3s all;}
.ms-1-left .ms-1-left-top .ms-1-left-top-main .sermon-mid-title{font-size: 36px;display: inline-block;float: right;color: #fff;width: 76%;
text-decoration: none;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;font-weight:bold; text-align:right;}
.ms-1-left .ms-1-left-top .ms-1-left-top-main .sermon-sub-m{font-size: 22px; display:inline-block;text-align:right;width:100%;}
.ms-1-left .ms-1-left-top .sermon-btn{position: absolute;right: 0;top: 0;}

.ms-1-left .ms-1-left-top2 .ms1-box2{border:1px solid #fff;}
.ms-1-left .ms-1-left-top2 .ms1-box2 .ms-1-left-top-main{position: relative;}
.ms-1-left .ms-1-left-top2 .ms1-box2 .ms-1-left-top-main .ms-1-top2-bg{display: block;width: 100%;position: relative;z-index:-1;
height: 320px;overflow: hidden;background-size: cover!important;background-position: 50% 50%!important;background-origin: border-box!important;background-repeat: no-repeat!important;}
.ms-1-left .ms-1-left-top2 .ms1-box2 .ms-1-left-top-main a:nth-child(1){position: absolute;font-size: 22px;color: #fff;left: 20px;top: 20px;word-break: keep-all;font-weight: bold;
letter-spacing: 0.3px;text-decoration: none;background-color: rgb(59 59 59 / 75%);border-radius: 8px;padding: 10px 30px;}
.ms-1-left .ms-1-left-top2 .ms1-box2 .ms-1-left-top-main a:nth-child(3){position: absolute;font-size: 28px;color: #fff;right: 0px;top: 0px;
font-weight: bold;letter-spacing: 0.3px; text-decoration:none;}

.ms-1-right .ms-1-right-top{
    background-image: url(../images/wed_sermon.png); height: 375px; border:1px solid #fff; position:relative;}
.ms-1-right .ms-1-right-top .ms-1-right-top-main{position: absolute;top: 50%;padding: 45px;width: 100%;border: none;
display: block;transform: translate(0,-50%);color: #fff;text-align:center;}
.ms-1-right .ms-1-right-top .ms-1-right-top-main .ms-top-title{font-size: 30px;border-bottom: 2px solid #fff;display: inline-block; color:#fff; text-decoration:none;padding-bottom: 10px;
    margin-bottom: 10px;}
.ms-1-right .ms-1-right-top .ms-1-right-top-main .ms-top-title img{width: 16%; opacity: .5;margin: 0 15px;}
.ms-1-right .ms-1-right-top .ms-1-right-top-main .ms-top-title:hover img,.ms-1-right .ms-1-right-top .ms-1-right-top-main .ms-top-title:focus img{opacity:1;transition:0.3s all;}
.ms-1-right .ms-1-right-top .ms-1-right-top-main .sermon-mid-title{font-size: 36px;display: inline-block;float: right;color: #fff;width: 100%;
text-decoration: none;text-overflow: ellipsis;white-space: nowrap;overflow: hidden; font-weight:bold;text-align:center;}
.ms-1-right .ms-1-right-top .ms-1-right-top-main .sermon-sub-m{font-size: 22px; display:block;}
.ms-1-right .ms-1-right-top .sermon-btn{position: absolute;right: 0;top: 0;}

.ms-1-right .ms-1-right-top2 .ms1-box{border:1px solid #fff;}
.ms-1-right .ms-1-right-top2 .ms1-box .ms-1-right-top-main{position: relative;}
.ms-1-right .ms-1-right-top2 .ms1-box .ms-1-right-top-main .ms-1-top-bg{display: block;width: 100%;position: relative;z-index:-1;
height: 320px;overflow: hidden;background-size: cover!important;background-position: 50% 50%!important;background-origin: border-box!important;background-repeat: no-repeat!important;}
.ms-1-right .ms-1-right-top2 .ms1-box .ms-1-right-top-main a:nth-child(1){position: absolute;font-size: 22px;color: #fff;left: 20px;top: 20px;word-break: keep-all;font-weight: bold;
letter-spacing: 0.3px;text-decoration: none;background-color: rgb(59 59 59 / 75%);border-radius: 8px;padding: 10px 30px;}
.ms-1-right .ms-1-right-top2 .ms1-box .ms-1-right-top-main a:nth-child(3){position: absolute;font-size: 28px;color: #fff;right: 0px;top: 0px;
font-weight: bold;letter-spacing: 0.3px; text-decoration:none;}

.ms-1-left .ms-1-left-bottom .ms2-box{border:1px solid #fff;}
.ms-1-left .ms-1-left-bottom .ms2-box .ms-1-left-bottom2{position: relative;}
.ms-1-left .ms-1-left-bottom .ms2-box .ms-1-left-bottom2 .ms-1-left-bg{display: block;width: 100%;position: relative;z-index:-1;
height: 320px;overflow: hidden;background-size: cover!important;background-position: 50% 50%!important;background-origin: border-box!important;background-repeat: no-repeat!important;}
.ms-1-left .ms-1-left-bottom .ms2-box .ms-1-left-bottom2 a:nth-child(1){position: absolute;font-size: 22px;color: #fff;left: 20px;top: 20px;word-break: keep-all;font-weight: bold;
letter-spacing: 0.3px;text-decoration: none;background-color: rgb(59 59 59 / 75%);border-radius: 8px;padding: 10px 30px;}
.ms-1-left .ms-1-left-bottom .ms2-box .ms-1-left-bottom2 a:nth-child(3){position: absolute;font-size: 28px;color: #fff;right: 0px;top: 0px;
font-weight: bold;letter-spacing: 0.3px; text-decoration:none;}
.ms-1-right .ms-1-right-bottom .ms2-box{border:1px solid #fff;}
.ms-1-right .ms-1-right-bottom .ms2-box .ms-1-right-bottom2{position: relative;}
.ms-1-right .ms-1-right-bottom .ms2-box .ms-1-right-bottom2 .ms-1-right-bg{display: block;width: 100%;position: relative;z-index:-1;
height: 320px;overflow: hidden;background-size: cover!important;background-position: 50% 50%!important;background-origin: border-box!important;background-repeat: no-repeat!important;}
.ms-1-right .ms-1-right-bottom .ms2-box .ms-1-right-bottom2 a:nth-child(1){position: absolute;font-size: 22px;color: #fff;left: 20px;top: 20px;word-break: keep-all;font-weight: bold;
letter-spacing: 0.3px;text-decoration: none;background-color: rgb(59 59 59 / 75%);border-radius: 8px;padding: 10px 30px;}
.ms-1-right .ms-1-right-bottom .ms2-box .ms-1-right-bottom2 a:nth-child(3){position: absolute;font-size: 28px;color: #fff;right: 0px;top: 0px;
font-weight: bold;letter-spacing: 0.3px;text-decoration:none;}
.ms-3{display:inline-block; width:100%;margin-bottom:45px;}
.ms-3 .ms-3-main .ms-3-main-title{position:relative;text-align:center; color:#fff;}
.ms-3 .ms-3-main .ms-3-main-title p:nth-child(2){position: absolute;font-size: 34px;font-weight: bold;letter-spacing:1px;
top: 50%;text-align: center;width: 100%;border: none;display: block;transform: translate(0,-155%);}
.ms-3 .ms-3-main .ms-3-main-title p:nth-child(3){position: absolute;font-size: 24px;top: 50%;text-align: center;width: 100%;
border: none;display: block;transform: translate(0,80%);letter-spacing: 1px;}
.ms-3 .ms-3-sub{text-decoration:none;}
.ms-3 .ms-3-sub img{width:100%;}
.ms-3 .ms-3-sub p:nth-child(2){margin: 20px 0;font-size: 24px;color: #000;text-decoration: none;text-overflow: ellipsis;
white-space: nowrap;overflow: hidden;width: 100%;float: left;}
.ms-3 .ms-3-sub p:nth-child(3){font-size: 24px; color:#959595; text-decoration:none;}
.ms-4{display:inline-block; width:100%;}
.ms-4-title p{font-size: 38px;color: #000;margin: 15px;margin-bottom: 40px;letter-spacing: 1px;font-weight: bold;}
.ms-4 .ms-4-sub{position:relative;}
.ms-4 .ms-4-sub img{width:100%; margin-bottom:15px;}
.ms-4 .ms-4-sub p:nth-child(2){font-size: 22px; color: #000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;
width: 100%;float: left;}
.ms-4 .ms-4-sub p:nth-child(3){position: absolute;left: 0;top: 0;margin: 0 15px;display: inline-block;padding: 5px 10px;
font-size: 16px;color: #fff;background-color: #000;}
.page-content{padding-bottom:0px!important;}
@media (min-width:1600px) {
    .container-fluid {width: 1570px!important;}
    .container {width: 1570px;}
}
@media (min-width:1200px) and (max-width:1600px) {
    #main-section1{padding:0 15px;}
    .ms-1-right .ms-1-right-top2{background-size: 120%;background-position:center;}
    .ms-1-left .ms-1-left-top{background-position: 100%;}
    .ms-1-left .ms-1-left-top .ms-1-left-top-main .sermon-mid-title{font-size: 32px;
    width: 61%;}
    .ms-1-right .ms-1-right-top .ms-1-right-top-main .sermon-mid-title{font-size: 32px;}
    .ms-1-left .ms-1-left-bottom .ms2-box .ms-1-left-bottom2 a:nth-child(1){font-size:32px;}
    .ms-1-right .ms-1-right-bottom .ms2-box .ms-1-right-bottom2 a:nth-child(1){font-size:32px;}
}
@media (min-width:992px) and (max-width:1199px) {
    #main-section1{padding:0 15px;}
    .ms-1-right .ms-1-right-top2{background-size: 140%;background-position:center;}
    .ms-1-left .ms-1-left-top{background-position: 100%;background-size: 100%;
    background-repeat: no-repeat;height: 270px;}
    .ms-1-left .ms-1-left-top .ms-1-left-top-main .sermon-mid-title{font-size: 28px;
    width: 61%;}
    .ms-1-left .ms-1-left-top .ms-1-left-top-main .ms-top-title{font-size: 30px;width:60%;}
    .ms-1-right .ms-1-right-top{background-position: 100%;background-size: 100%;
    background-repeat: no-repeat;height: 270px;}
    .ms-1-right .ms-1-right-top .ms-1-right-top-main .ms-top-title{font-size: 30px;width:60%;}
    .ms-1-right .ms-1-right-top .ms-1-right-top-main .ms-top-title img{width: 17%;}
    .ms-1-right .ms-1-right-top .ms-1-right-top-main .sermon-mid-title{font-size: 28px;}
    .ms-1-left .ms-1-left-bottom .ms2-box .ms-1-left-bottom2 a:nth-child(1){font-size:25px;left: 15px;top: 15px;}
    .ms-1-right .ms-1-right-bottom .ms2-box .ms-1-right-bottom2 a:nth-child(1){font-size:25px;left: 15px;top: 15px;}
    .ms-3 .ms-3-main .ms-3-main-title p:nth-child(2){font-size: 30px;}
    .ms-4-title p{font-size: 34px;}
    .ms-4 a{width:33%;}
}
@media (min-width:768px) and (max-width:991px) {
    #main-section1{margin-bottom: 30px;}
    .ms-1-left .ms-1-left-top{background-position: left;background-size: 77%;background-repeat: no-repeat;
    height: 330px;background-color: #D4B8A7;}
    .ms-1-left .ms-1-left-top .ms-1-left-top-main .sermon-mid-title{font-size: 28px;
    width: 61%;}
    .ms-1-left .ms-1-left-top .ms-1-left-top-main .ms-top-title{font-size: 30px;width:60%;}
    .ms-1-right .ms-1-right-top{background-position: 100%;background-size: 100%;
    background-repeat: no-repeat;height: 330px;}
    .ms-1-right .ms-1-right-top .ms-1-right-top-main .ms-top-title{font-size: 30px;width:60%;}
    .ms-1-right .ms-1-right-top .ms-1-right-top-main .ms-top-title img{width: 17%;}
    .ms-1-right .ms-1-right-top .ms-1-right-top-main .sermon-mid-title{font-size: 28px;}
    .ms-1-left .ms-1-left-bottom .ms2-box .ms-1-left-bottom2 a:nth-child(1){font-size:25px;left: 15px;top: 15px;}
    .ms-1-right .ms-1-right-bottom .ms2-box .ms-1-right-bottom2 a:nth-child(1){font-size:25px;left: 15px;top: 15px;}
    .ms-3 .ms-3-main .ms-3-main-title p:nth-child(2){font-size: 30px;}
    .ms-3 > div{width:50%!important;}
    .ms-3 > div > a > img{width: 100%; height: 290px;}
    .ms-3 > a{width:50%!important;}
    .ms-4-title p{font-size: 34px;}
    .ms-4 a{width:33%;}
}
@media (max-width: 767px) {
    .ms-1-left .ms-1-left-top{background-position: 70% 0;
    background-size: 115%;background-repeat: no-repeat;height: 220px;background-color: #D4B8A7;}
    .ms-1-left .ms-1-left-top .ms-1-left-top-main{padding:20px;}
    .ms-1-left .ms-1-left-top .ms-1-left-top-main .sermon-mid-title{font-size: 24px;height: 7rem;
    width: 61%; margin-bottom:15px;}
    .ms-1-left .ms-1-left-top .ms-1-left-top-main .sermon-sub-m{font-size:20px;}
    .ms-1-left .ms-1-left-top .ms-1-left-top-main .ms-top-title{font-size: 30px;width:60%;}
    .ms-1-right .ms-1-right-top{background-size: 130%;background-position: center;background-repeat: no-repeat;height: 220px;}
    .ms-1-left .ms-1-left-top .ms-1-left-top-main .ms-top-title img{width: 20%;}
    .ms-1-right .ms-1-right-top .ms-1-right-top-main{padding:20px}
    .ms-1-right .ms-1-right-top .ms-1-right-top-main .ms-top-title{font-size: 22px;
    width: 61%; margin-bottom:15px;}
    .ms-1-right .ms-1-right-top .ms-1-right-top-main .ms-top-title img{width: 15%;}
    .ms-1-right .ms-1-right-top .ms-1-right-top-main .sermon-mid-title{font-size: 24px;height: 7rem;}
    .ms-1-left .ms-1-left-bottom .ms2-box .ms-1-left-bottom2 a:nth-child(1){font-size:25px;left: 15px;top: 15px;}
    .ms-1-right .ms-1-right-bottom .ms2-box .ms-1-right-bottom2 a:nth-child(1){font-size:25px;left: 15px;top: 15px;}
    .ms-1-right .ms-1-right-top2{height: 220px; background-size:140%; background-repeat:no-repeat; background-position:center;}
    .ms-1-left .ms-1-left-top2{height: 220px; background-size:140%; background-repeat:no-repeat; background-position:center;}
    .ms-1-left .ms-1-left-bottom .ms2-box .ms-1-left-bottom2 .ms-1-left-bg{height:220px;}
    .ms-1-right .ms-1-right-bottom .ms2-box .ms-1-right-bottom2 .ms-1-right-bg{height:220px;}
    #main-section1{margin-bottom: 40px;}
    #main-section2{margin:0;}
    .ms-3{margin-bottom:25px;}
    .ms-3 .ms-3-sub p:nth-child(2),.ms-3 .ms-3-sub p:nth-child(3){font-size: 20px;}
    .ms-3 .ms-3-main .ms-3-main-title p:nth-child(2){font-size: 24px;}
    .ms-3 > div{width:50%!important;}
    .ms-3 > div > a > img{width: 100%; height: 165px;}
    .ms-3 > a{width:50%!important;}
    .ms-4-title p{font-size: 34px;}
    .ms-4 a{width:50%;}
}