/* main */
.slider .move-btn {
    background:unset !important;
}

#ajmc-live { padding:30px 0; }
#ajmc-live a { text-decoration:none; color:#333; }
#ajmc-live a:hover { font-weight:bold; }
#ajmc-live img { max-width:200px; }
#ajmc-live p { font-size:20px; margin:15px 0 0; }

#main1-bg > .container { width: 100%; margin: 0px;}
#main1-bg {
    /*background: url(../Images/contents1.png) no-repeat;*/
    /*background-color: #322924;*/
    /*background-position: center;*/
    /*background-size: cover;
    height: 385px;*/
}
.main1-1 {
    background: url(../Images/bg_l.png) no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
    height: 0;
    padding: 0;
    padding-top: calc(483 / 952 * 50%);
    position: relative;
}
    .main1-1 .main1-1-wrap {
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translate(0%, -50%);
        width: auto;
    }
.main1-1 #sermon a { text-decoration:none; color:#D5F1FF; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;}
.main1-1 #sermon h5 { font-size:35px; margin:15px 0px 10px; position:relative; }
.main1-1 #sermon h5:hover { font-weight:bold;}
.main1-1 #sermon h6 { font-size:21px; color:#AEAEB0; margin:15px 0 0;}

.main1-1 h3 { margin:0px 0px 30px; font-size:40px; color: white; font-weight:500; text-shadow: 1px 1px 4px #7A7A7C; /*padding:0 20px;*/ position:relative; }
#sermonBtn { /*position:absolute;*/ right:35px; bottom:20px; font-size:18px; display:inline-block; color:#E4E4E4; border:1px solid #E4E4E4; padding:6px 38px; text-decoration:none; }
#sermonBtn:hover { background:#E4E4E4; color:#000; transition:.3s all ease; }

.main1-1 #bibleTitle {
	font-size:30px;
	margin:30px 0px 10px;
	color:#ffffff;
	font-weight:500;
	text-shadow:1px 1px 4px #7a7a7c;
	/*padding:0 20px;*/
	position:relative;
	text-decoration:none;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: block;	
}

.main1-1 h4 { margin:0px 0px 15px; font-size:30px; color:#fff; padding:0 20px;}
.main1-1 p { font-size:17.5px; color:#CFCFCF; margin-bottom:15px; /*padding:0 20px;*/}
.main1-1 li { display:inline-block; padding:0px 10px 0px 0px;}
    .main1-1 .subtitle {
        font-weight: bold;
        font-size: 30px;
        color: #5BDAE9;
    }
.main1-1 ul { /*margin-left: 19px;*/ margin-bottom:20px; white-space:nowrap; position:relative;}
    .main1-1 .subtext1 {
        color: #A2A2AE;
    }
    .main1-1 .subtext2 {
        color: #C1C8D8;
        font-size: 21px;
    }
    .main1-1 ul li {
        position:relative;
        transition:.3s;
    }
        .main1-1 ul li img {
            position: relative;
        }
            .main1-1 ul li:hover img {
                top:-10px;
                /*padding-bottom:10px;*/
            }


.main1-2 { display:inline-block; text-align:right; padding:0px 0px 0px; float:right; overflow:hidden;}
.main1-2 img.rignt-image { position:relative; object-fit:cover; transition:0.3s all ease; }
.main1-2:hover img.rignt-image { opacity:0.7; transform:scale(1.1);}
.main1-2 img.play-button { position:absolute; top:50%;left:50%;transform:translate(-50%, -50%); }

#main2 {
    background-color: #F7F6F4;
    padding: 60px 0px;
}
    #main2 h3 {
        margin: 30px 0px 11px;
        font-size: 23px;
        color: #739002;
        font-weight: bold;
    }
#main2 h4 { margin:0px 0px 30px; font-size:38px; color:#56514B; font-weight:bold;}
#main2 p { font-size:15px; line-height:22px; color:#333;}
#main2 ul li { padding:10px 0px; position:relative; top:0; }
#main2 ul li img:hover { position:relative; top:-10px; transition:.2s all; }
#main2 .main2-2 { margin:0; text-align:center; }
#main2 .fade-left img { box-shadow: rgba(113, 113, 113, 0.28) 0px 10px 7px; }
    #main2 .subtext {
        color: #ABABA9;
    }


#main3 { padding:0px; position:relative; height:100%; overflow:hidden;}
.document-widget.gallery .document { float:left; width:14.28%; overflow:hidden;}
.document-widget.gallery .document img { height:203px; width:100%; object-fit:cover; }
.document-widget.gallery .document img:hover { opacity:0.7; transition:0.5s all ease; transform:scale(1.1); overflow:hidden;}

#main4 { padding:40px 0px;}
#main4 .title { font-size: 25px; border:1px solid #000; display:inline-block; padding:4px 50px; margin:0px 0px 40px; font-weight:bold;}
#main4 a { text-decoration:none;}
#main4 a:hover { color:#4F8BCA; transition:0.3s all ease;}
#main4 h5:hover { color:#4F8BCA; transition:0.3s all ease;}
#main4 h4 { font-size:19px; color:#000; font-weight:bold; clear:both; margin:0px 0px 13px;}
#main4 .main4-1 h4 { float: left; }
#main4 h5 { font-size:15px; color:#000; font-weight:bold; float:right; margin:5px 0 20px;}
#main4 ul { width:100%; clear:both;}
#main4 .main4-1 ul > a:first-child li { padding-top:0; }
#main4 .main4-2 ul > a:first-child li { padding-top:0; }
#main4 ul li { font-size:14px; padding:6px 0px; border-bottom:1px solid #e5e5e5; transform: skew(-0.05deg);}
#main4 ul a { color:#333;}
#main4 ul li p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 60%; display: inline-block;}
#main4 ul li span { float:right; width: 40%; display: inline-block; text-align: right;}
/*.main4 .container { width: 1600px; }*/
.main4 .container {
    /* width: 100%; */
}
#main4 .main4-1, #main4 .main4-2, #main4 .main4-3 { padding:0px 30px;}
#main4 .main4-3 li { border:1px solid black; padding:5px 10px; margin-bottom:7px; text-align:center; font-size:16px; width:80%;}
    #main4 .main4-2.quick-menu a { color:#333;}
    #main4 .main4-2.quick-menu a:first-of-type > div {
        margin-bottom:5px;
    }
    #main4 .main4-2.quick-menu a > div {
        border: 1px solid #D4D4D4;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 15px;
    }
        #main4 .main4-2.quick-menu a > div:hover {
            background-color: #e2e2e2;
        }
        #main4 .main4-2.quick-menu a > div > p {
            margin: 0;
        }

#main4 .main4-3 .quick > a:nth-child(1) li img { margin-right:3px; }
#main4 .main4-3 .quick > a:nth-child(2) li img { margin-right:3px; }

#main5 { text-align:center; padding:50px 0px 30px; border-top: 1px solid #CDCDCD;}
#main5 h4 { font-size:16px; margin:0px; color: #193751; transform: skew(-0.05deg); font-weight: 600;}
#main5 h2 { font-size:30px; margin:15px 0px 0px; font-weight:bold; color:#4C4F54; } 
#main5 hr { display:inline-block; width:330px; position:relative; top:15px; color:#B4ACA1; border-top:1px solid #989898; }
#main5 img { margin:0px 5px; position:relative; top:-5px; }
#main5 .main5-icon { margin:15px 0px;}
#main5 p { font-size:15px; margin:30px 0 20px; color:#808A94; transform: skew(-0.05deg); line-height:170%; font-weight:bold; }

#main6 { text-align:center;}
#main6 a { text-decoration:none; color:#fff;}
#main6 p { display:inline-block; font-size:18px; margin:0; }
#main6 img { display:inline-block; margin-right:15px;}
    #main6 > div > div > a > div {
        padding: 25px 0px;
        border-right: 1px solid #fff;
        background-color: #4B6FA9;
    }
#main6 > div > div > a:nth-child(1) > div img { position:relative; }
#main6 > div > div > a:nth-child(2) > div img { position:relative; top:-3px; }
#main6 > div > div > a:nth-child(3) > div img { position:relative; top:-6px; }
#main6 > div > div > a:nth-child(4) > div img { position:relative; top:-1px; }
#main6 > div > div > a > div:hover { opacity:0.7; transition:0.4s all ease;}

/* media */
@media (min-width: 1500px) and (max-width:1671px) {
    .main1-1 .subtitle {
        font-size:24px;
    }
    .main1-1 h3 {
        font-size: 32px;
    }
    .main1-1 ul li img {
        width: 78px;
    }
    .main1-1 #bibleTitle {
        font-size: 24px;
    }
    .main1-1 .subtext2 {
        font-size:17px;
    }
}


@media (min-width:1200px) and (max-width:1499px) {
    .main1-1 .subtitle {
        font-size:18px;
    }
    .main1-1 h3 {
        font-size: 24px;
        margin: 0px 0px 10px;
    }
    .main1-1 ul li img {
        width: 55px;
    }
    .main1-1 #bibleTitle {
        font-size: 18px;
        margin: 10px 0px 10px;
    }
    .main1-1 .subtext2 {
        font-size:13px;
    }
    .main1-2 img.play-button {width:100px;}
    #sermonBtn {font-size:14px;}

    #main2 .main2-2 { margin: 0; text-align: left; }
    .main2-1 { padding:0px 10px;}
    
    
}

@media (min-width:993px) and (max-width:1199px) {
    .main1-1 .subtitle {
        font-size: 15px;
        margin-bottom: 5px;
    }
    .main1-1 h3 {
        font-size: 20px;
        margin: 0px 0px 10px;
    }
    .main1-1 ul { margin-bottom:10px; }
    .main1-1 ul li img {
        width: 45px;
    }
    .main1-1 #bibleTitle {
        font-size: 18px;
        margin: 10px 0px 5px;
    }
    .main1-1 .subtext2 {
        font-size:13px;
    }
    .main1-2 img { left:0; }
    .main1-2 img.play-button {width:80px;}
    #sermonBtn {font-size:12px;}

    #main2 h3 { font-size:20px; margin-top:0; }
    #main2 h4 { font-size:30px; }
    #main2 ul li { padding:4px 0; }
}

@media (min-width:768px) and (max-width:992px) {
    #main1-bg {background:none; height:auto; }
    #main1-bg > .container { width:100%; margin:0px;}
    .main1-1 {
        padding-top: calc(483 / 952 * 100%);
    }
        .main1-1 .main1-1-wrap {
            right: unset;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 90%;
        }
    #sermonBtn { display:none; }
        
    .main1-1 h3 { font-size:30px; }
    .main1-2 { display:none; padding:0; }
    .main1-1 p { font-size:17px; margin:15px 0; }

    #main2 { padding:30px 0; }
    #main2 h4 { font-size:30px; }
    #main2 ul li { padding:5px 0; }
    .main2-1 { text-align:center; margin:0px 0px 30px;}
    .main2-1 ul { margin:30px 0px 0px;}
    .main2-2 { text-align:center;}

    .document-widget.gallery .document { width:33.333%; }
    .document-widget > div:last-child { display:none!important; }

    #main4 .title { font-size:25px; }
    #main4 .main4-1, #main4 .main4-2, #main4 .main4-3 { padding:0; }
        #main4 .main4-3 li {
            width: 100%;
        }
    .main4-3 { margin:50px 0px;}

    #main6 > div > div > a> div { border:none;}
}

@media (max-width:767px) {
	#ajmc-live { padding:15px 0; }
	#ajmc-live img { max-width:45px; }
	#ajmc-live p { font-size:17px; margin:10px 0 0; }

	#main2 ul li { display:inline-block; width:100%; padding:5px;}
	#sermon { margin-top:20px; }
	#main6 > div > div > a> div { border:none;}
	#main1-bg {background:none; height:auto;}
	#main1-bg > .container { width:100%; margin:0px;}

    .main1-1 {
        padding-top: calc(483 / 952 * 100%);
    }
        .main1-1 .main1-1-wrap {
            right: unset;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 90%;
        }

    .main1-1 li { padding: 0 3px; }
	.main1-1 li img { max-width:55px; }
    .main1-1 ul li:hover img {top:0;}
    .main1-1 h3 { font-size:18px; margin:0px 0px 10px;}
	.main1-1 h4 { font-size:18px;}
	.main1-1 p, #main2 p, #main4 ul li { font-size:14px; margin:0 0 10px; padding:0;     transform: skew(-0.05deg); }
	.main1-1 #sermon h5 { font-size:18px;}
	.main1-1 #sermon h6 { font-size:17px;}

	.main1-2 { display:none;}
	.main2-1 { text-align:center; margin:0px;}
	.main2-1 ul { margin:20px 0px 0px;}
	.main2-2 { text-align:center; margin:30px 0px 0px;}
	#main5 hr {display:none;}
	.main4-3 { margin:50px 0px;}
	#main6 p { font-size:15px; transform: skew(-0.05deg);}
	#main6 img { width:40px;}
	#main5 h2 {font-size:18px;}
	#main2 { padding:35px 0 ;}
	#main6 img { width:25px;}
	.document-widget.gallery .document img { height:140px!important; }
	#main5 p { font-size:14px; line-height:30px; margin: auto; width: 80%; }
	#main2 h3, #main2 h4, #main4 .title { font-size:19px; margin:0px 0px 10px;}
	.document-widget.gallery .document { width:33.3%;}
	.document-widget.gallery .document:last-child {display:none;}
	#main4 h4, #main4 h5 { font-size:15px;}
	#main4 .main4-1, #main4 .main4-2, #main4 .main4-3 { margin:20px 0px; padding:0; }
        #main4 .main4-3 li {width:100%; }
	#main4 { padding:30px 0; }
	#main5 { padding:30px 0; }
	#main6 > div > div > a > div { padding:15px 0; }
	#sermonBtn { display:none; }

    @media (max-width:550px) {
        .main1-1 .subtitle {
            font-size: 18px;
        }
        .main1-1 h3 {
            font-size: 15px;
            margin: 0px 0px 10px;
        }
        .main1-1 ul {margin-bottom:10px;}
        .main1-1 li img { max-width:45px; }
        .main1-1 #bibleTitle {
            font-size: 18px;
            margin: 10px 0px 0px;
        }
        .main1-1 .subtext2 {
            font-size: 12px;
        }
    }

    @media (max-width:375px) {
        .main1-1 {
            padding-top: calc(483 / 952 * 140%);
        }
	}
}