#main-sermon {
    margin-top:30px; 
    padding:45px 45px 0px; 
    position: relative;
}

#main-sermon-more { 
    position: absolute; 
    top: 0px;
    right: 0px;
}

#main-sermon-info-category span {
    color:#333;
    font-size:30px;
    font-weight:600; 
    border-bottom:1px solid #333; 
}

#main-sermon-info-title {
    font-size:44px; 
    font-weight:600;
    margin-top:35px; 
}

#main-sermon-info-title a {
    color:#333;
    text-decoration:none; 
}

#main-sermon-info-extend {
    font-size:22px; 
    margin-bottom:50px; 
}

.main-sermon-button {
    background: #17222D;
    color:#fff; 
    padding:20px; 
    font-size:20px; 
    font-weight:600;
    transition:background ease 0.3s;
    cursor:pointer;
}

    .main-sermon-button:hover {
        background: #A5998E;
    }

.main-sermon-button img {
    float:right; 
    position:relative; 
    top:15px;
}

#main-icons { 
    margin-top:30px; 
}
    #main-icons ul {
        border:1px solid #ddd; 
        overflow:hidden; 
    }
    #main-icons ul li {
        float: left;
        width: 12.5%;
        text-align: center;
        border-right:1px solid #ddd;
        padding:30px 0px; 
        cursor:pointer;
        transition:background ease 0.3s;
    }

        #main-icons ul li:last-child {
            border-right: 0px;
        }
        #main-icons ul li p {
            margin-top:10px; 
            font-size:16px;
            font-weight:600;
            color:#555;
        }

#main-bottom {
    margin-top: 30px;
    margin-bottom: 0;
    padding-bottom: 50px;
}

#main-bottom-header {
    padding-top: 45px; 
}

#main-bottom-header-right {
    text-align:right; 
}

#main-bottom-header-right img {
    margin-left:30px; 
}

#main-bottom-header-left p { 
    color:#fff; 
}

#main-bottom-header-left-p1 {
    font-size:36px; 
    margin-bottom:0px;
}

#main-bottom-header-left-p2 {
    font-size:60px;
    font-weight:600;
    display:inline-block;
}

#main-bottom-header-left-p3 {
    font-size: 18px;
    display: inline-block;
    line-height:120%;
    margin-left:10px; 
    margin-bottom:0px;
}

#swiperSliderNews { margin-top: 30px; }
    #swiperSliderNews .swiper-slide {
        padding:10px;

    }
    #swiperSliderNews .swiper-slide > div {
        padding: 25px;
        background: #fff;
        box-shadow: -1px 1px 8px #efefef;
    }

    .swiper-slide-content { margin-top:15px; }
    .swiper-slide-content p { margin-bottom:0px; }
    .swiper-slide-content p:first-child { color:#333; font-size:18px; font-weight:600; }
        .swiper-slide-content p:first-child a {
            color: #333;
            text-decoration: none;
            text-overflow: ellipsis;
            word-break: keep-all;
            width: 100%;
            display: block;
            white-space: nowrap;
            overflow: hidden;
        }
    .swiper-slide-content p:last-child { color:#777; font-size:16px; }
    
    #main-slider .swiper-slide img { width:100%; }


@media(min-width:1200px) and (max-width:1629px) {
    #main-sermon-info-extend {
        margin-bottom: 20px;
    }

    .main-sermon-button {
        font-size: 16px;
    }

    .swiper-slide-content p:first-child {
        font-size: 16px;
    }
    
    #main-bottom-header-left-p3 { font-size:17px; }
    #main-bottom-header-right img { width:150px; }
	#main-bottom {padding-bottom: 25px;}
}

@media(min-width:992px) and (max-width:1199px) {
    #main-sermon-info-category span {
        font-size:24px;
    }

    #main-sermon-info-title {
        font-size: 32px;
    }

    #main-sermon-info-extend {
        margin-bottom:15px; 
    }

    #main-icons ul li p {
        font-size: 14px;
    }

    .main-sermon-button {
        font-size:16px; 
        padding:10px 20px; 
    }

        .main-sermon-button img {
            top:-5px;
        }

    #main-bottom { 
        background-size:150% auto !important;
    }

    #swiperSliderNews .swiper-slide > div {
        padding:15px; 
    }
    
    #main-bottom-header-left-p2 { font-size:50px; }
    #main-bottom-header-right img { width:120px; margin-left:15px; }
}

@media(min-width:768px) and (max-width:991px) {

    #main-sermon-img-wrapper { display:none; }
    #main-sermon-info-wrapper { width:100%; }
    #main-sermon { padding:30px; }

    .main-sermon-button img { 
        position:absolute;
        top:inherit;
        bottom:15px; 
        right:25px; 
    }
    #main-icons ul {
        border:0px; 
    }
    #main-icons ul li {
        width: 24.9%;
    }
    #main-icons ul li { 
        border:1px solid #ddd; 
        border-bottom:0px;
        border-right:0px; 
    }
        #main-icons ul li:nth-child(5),
        #main-icons ul li:nth-child(6),
        #main-icons ul li:nth-child(7),
        #main-icons ul li:nth-child(8) {
            border-bottom:1px solid #ddd;
        }

        #main-icons ul li:nth-child(4n) {
            border-right:1px solid #ddd; 
        }
    #main-bottom-header-right img { 
        width: 130px; 
    }

    #main-bottom {
        background-size: 220% auto !important;
    }

    #main-bottom-header-left-p3 { 
        font-size:17px;
        word-break:keep-all;
    }

    #swiperSliderNews .swiper-slide > div {
        padding:15px; 
    }
    .swiper-slide-content p:first-child {
        font-size:14px; 
    }
    .swiper-slide-content p:last-child {
        font-size:12px;
    }
    
    #main-bottom-header-right img  { margin-bottom:15px; }
    
    
}

@media(max-width:767px)
{
    #main-sermon { padding:20px 0px 0px;}
    #main-sermon-info { padding:15px; background:#8496a9; }
    #main-sermon-info * { color:#fff !important; }
    #main-sermon-info-category span { font-size:20px; border-bottom-color:#fff; }
    #main-sermon-info-title { font-size:26px; line-height:140%; word-break:keep-all; margin-top:15px; }
    #main-sermon-info-extend { font-size:15px; margin-bottom:15px;  }
    #main-sermon-img { width:60%; }
    .main-sermon-button { border-bottom:1px solid #a1a1a1; }

    #main-icons ul { border-bottom:0px; }
    #main-icons ul li { width:24.9%; padding:10px 0px; border-bottom:1px solid #ddd;  }
    #main-icons ul li:nth-child(4),
    #main-icons ul li:nth-child(8){ border-right:0px; }
    #main-icons ul li p { font-size:13px; line-height:15px; height:30px; word-break:keep-all; padding:0px 3px; margin-top:3px; margin-bottom:0px; }

    #main-bottom { background-size:auto 600px !important; padding-bottom: 0px;}

    #main-bottom-header { padding-top:15px; }
    #main-bottom-header-left-p1 { font-size:26px; }
    #main-bottom-header-left-p2 { font-size:45px; }
    #main-bottom-header-left-p3 { margin-left:0px; word-break:keep-all; }
    #main-bottom-header-right { text-align:center; }
    #main-bottom-header-right img { margin-left:0px; width:45%; margin:15px 2%; max-width:170px;    }
    
    
    #main-slider .swiper-slide img { }
}