.middle-layout-a
{
 background-image:url(/UserData/shacts30/Layouts/shacts30_Layout/Images/main/2.sermon_bg_2026.png);
 height:388px;
 width:100%;
 background-position: center;
}
 
.middle-layout-a .middleawrapper .aspan{
    color:#bc946e;
    font-size:30px;
	font-weight:bold;
    display: inline-block;
    padding-top: 48px;
	line-height:0.5;
}
.middle-layout-a .right_img {
   position:absolute;
   left:140px;
   float:left;
}
.middle-layout-a .play_img{
   position:absolute;
   top:160px;
   right:90px;
   z-index:4;
}
.middle-layout-a .middleawrapper .a2span{
    color:#f5ebe1;
	font-weight:bold;
    font-size:30px;
    display: inline-block;
}

.middle-layout-a .middleawrapper > p{
    color:#b8bec5;
    font-size:18px;
    padding:26px 0 5px; ;
	
}

.middle-layout-a .middleawrapper img{
    padding-right:14px;
}

.middleawrapper .btn-123 {
    float:left;
}
.middleawrapper .sermon-video-list {
    position:absolute;
    top:280px;
    right:inherit!important;
}
.middle-layout-b{
    background-color:#f7f5f0;
    height:658px;
    overflow-y:hidden;
}
.middle-layout-b .middleblwrapper {padding: 2% 8% 2% 3%;}


.middle-layout-b .middleblwrapper .bspan{
    padding-top:40px;
    display:inline-block;
    color:#ab723b;
    font-size:25px;
	font-weight:bold;
}

.middle-layout-b .middleblwrapper .b2span{
    display:inline-block;
    color:#000;
    font-size:40px;
	font-weight:bold;
    padding-bottom:20px;
}

.middle-layout-b .middleblwrapper > p{
    font-size:16px;
    color:#bdbdb9;
    margin-bottom:35px;
}

.middle-layout-b .middleblwrapper > a{
    color:#000;
    text-decoration:none;
}

.middle-layout-b .middleblwrapper .school{
    width: 464px;
    height: 46px;
    background-color: #fff;
    margin-bottom:27px;
    border-radius:5px;
    font-size:24px;
    overflow-y:hidden;
}

 

.middle-layout-b .middleblwrapper .school .schoolimg1{
        padding: 16px 10px;
}

.middle-layout-b .middleblwrapper .school .schoolimg2{
    float: right;
    padding: 10px 10px;
}

.middle-layout-b .middlebrwrapper{    
    padding: 50px 0px 0px 0px;
}

.middle-layout-c{
    padding:0px;
}

.middle-layout-c .document-widget{
    width: 100%;
    font-size: 0px;
    letter-spacing: 0px;
    word-spacing: 0px;
}

.middle-layout-c .document-widget img{
    display: inline-block;
    font-size: 0;
    vertical-align: top;
    padding: 0;
    line-height: 0;
    margin: 0px;
    height:203px;
    width:100%;
}



.middle-layout-d { 
    border-bottom: 1px solid #cdcdcd;
}

.middle-layout-d .topnotice{
    text-align:center;
    padding-top:36px;
    padding-bottom:40px;
}

.middle-layout-d .topnotice .topnlabel{    
    font-size: 32px;
    padding: 7px;
    font-weight: 600;
    width: 262px;
    display: inline-block;
    border: 1px solid #000;
}


.middle-layout-d .toprecent {   
    padding-bottom:48px;
}

.middle-layout-d .toprecent .topso{   
    font-weight: 600;
    font-size: 20px;
}

.middle-layout-d .toprecent > a{
    color:#000;
}

.middle-layout-d .toprecent .topso2{   
    float: right;
    padding-right: 15px;
    font-size: 16px;
    font-weight: 600;
}

.middle-layout-d .toprecent > ul {   
    padding-top:22px;
}

.middle-layout-d .toprecent > ul > li > a{   
    width: 100%;
    display: inline-block;
    text-decoration:none;
    color: #000;
    font-size: 14px;
}

.middle-layout-d .toprecent > ul > li > a > hr{
    margin-top: 5px;
    margin-bottom: 5px;
    border-top: 1px solid #d4d4d4;
}

.middle-layout-d .toprecent > ul > li > a .regday{    
    float: right;
    padding-right: 15px;
}

.middle-layout-e .elabel1{
    text-align: center;
    color: #9b6a3a;
    font-weight: 600;
    font-size: 14px;
    padding-top: 35px;
}

.middle-layout-e .elabel2 {
    text-align: center;
    padding-top: 14px;
    font-size: 34px;
    font-weight: bold;
    word-break: keep-all;
}


.middle-layout-e .ebook{
    text-align: center;
    padding-top:27px;
}

.middle-layout-e .ebook .espan{
    width: 330px;
    display: inline-block;
    height: 2px;
    margin: 4px 12px;
    background: #d6bca1;
}
.middle-layout-e .ebook img{
    padding-bottom: 15px;
}



.middle-layout-e .elabel3{
	text-align: center;
    color: #898989;
    font-size: 15px;
    line-height: 1.7;
    padding-top: 24px;
    font-weight: 700;
    letter-spacing: 1px;
}


.middle-layout-e .emore{
    text-align:center;
    padding-top:18px;
    padding-bottom:50px;
}

.middle-layout-e .emore .elabel4{       
    font-size: 16px;
    padding: 7px;
    width: 146px;
    display: inline-block;
    border: 1px solid #c5c4c2;
    color: #c5c4c2;
    border-radius: 5px;
}
.middle-layout-a {
    display: inline-block;
}
    
    .middle-layout-a a .cont_btn {
            display: block;
            position: relative;
            left: 345px;
            top: -290px;
            padding:3px;
            width:40%;
            font-size: 17px;
            text-align: center;
            border: 1px solid;
    }

.document-widget.gallery .document {
        width: 14.28%!important;
}
.btitle {
    width:300px;
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
}
.bbible {
    width: 100%;
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
    margin-bottom:0px;
}
  

@media(max-width:1199px){
    .middle-layout-a .play_img{
    right:15vw;
    }
}

@media(max-width:991px){
    .middle-layout-b{
        height:auto;
    }
    .middle-layout-a {
        background-position:left;
    }
    .middle-layout-b .middleblwrapper .school{
        width:100%;
    }
    .middleawrapper .sermon-video-list {
              position: absolute;
              top: 290px;
              right:0px;
    }
    .middle-layout-a .play_img {
            position: absolute;
            top: 80px;
            left: 350px;
             z-index: 4;
    }
    .middleawrapper2{
        display:none;
    }

    .btitle {
        font-size: 27px!important;
    }

}
@media(max-width:768px) {

    .middle-layout-a a .cont_btn {
        display: block;
        position: relative;
        left: 50vw; 
        width: 40%;
        font-size: 24px;
        text-align: center;
        border: 1px solid;
    }

}


@media(max-width:414px) {

    .middle-layout-a a .cont_btn {
           display: block;
            position: relative;
            left: 200px; 
            width: 30%;
            font-size: 24px;
            text-align: center;
            border: 1px solid;
    }

}