.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { border:none; }
.nav-tabs>li>a { border:none; }
.nav-tabs { border-bottom:none; padding:5px 0px 0px;}

#mainTop .container-fluid { padding:0 150px; }
#mainTop .top-wrap { background:url(../../../Layouts/allak/Images/3.sermon_bg.png); background-position:center; background-size:100% 100%; overflow:hidden; height:330px; margin-top:-70px; position:relative; z-index:1; }
#mainTop .top-wrap > div { padding:0; }
#mainTop .top-left { padding: 80px 0 80px 80px; position:relative; }
#mainTop .top-left p { background:#252525; border-radius:25px; color:#fff; font-size:17px; padding:10px 25px; margin:0; }
#mainTop .top-left p a { float:right; position:relative; text-decoration:none; }
#mainTop .top-left #sermonBtn { position:absolute; top:54%; right:15px; }
#mainTop .top-left #sermonTitle { font-size:35px; color:#252525; text-decoration:none; display:block; margin:30px 0 0; font-weight:bold; padding:0 20px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display:block; width:85%; }
#mainTop .top-left #sermonTitle:hover { color:#002E6C; transition:.2s all; }
#mainTop .top-left h3 { margin:15px 0 0; color:#252525; font-size:18px; padding:0 20px; font-weight:bold; }
#mainTop .top-left h3 span { margin:0 10px; }
#mainTop .top-right { text-align:center; padding:70px 40px; }
#mainTop .top-right > div { display:inline-block; font-size:18px; padding:0 3px; }
#mainTop .top-right > div:hover a { color:#002E6C; transition:.2s all; }
#mainTop .top-right > div a { color:#000; font-weight:bold; text-decoration:none; }
#mainTop .top-right > div img { margin-bottom:20px; }
#mainTop .top-right-btn { position:absolute; top:34%; left:52%; transform:translate(-50%, -50%); margin-bottom:0!important; }

#mainBottom .col-xs-12 { padding:0; }
#mainBottom .bottom-box1 > div { float:left; width:50%; font-size:24px; color:#fff; height:238px; }
#mainBottom .bottom-box1 > div:nth-child(1), #mainBottom .bottom-box1 > div:nth-child(4) { background:#A99A9F; }
#mainBottom .bottom-box1 > div:nth-child(2), #mainBottom .bottom-box1 > div:nth-child(3) { background:#C0B6B7; }
#mainBottom .bottom-box1 > div:nth-child(1):hover, #mainBottom .bottom-box1 > div:nth-child(4):hover { background:#C0B6B7; transition:.2s all; }
#mainBottom .bottom-box1 > div:nth-child(2):hover, #mainBottom .bottom-box1 > div:nth-child(3):hover { background:#A99A9F; transition:.2s all; }
#mainBottom .bottom-box1 > div a { color:#fff; text-decoration:none; padding:45px 0; display:inline-block; height:100%; width:100%; }
#mainBottom .bottom-box1 > div img { display:block; margin:0 auto 10px; }
#mainBottom .bottom-box2 { overflow:hidden; position:relative; }
#mainBottom .bottom-box2 #galleryWrap .swiper-slide { text-align:center; height:476px; background-position:center!important; background-size:auto 100%!important; cursor:pointer; }
#mainBottom .bottom-box2 #galleryWrap .swiper-slide a { width:100%; display:inline-block; height:100%; }
#mainBottom .bottom-box2 .gallery-pagination { position:absolute; bottom:20px; z-index:1; width:100%; text-align:center; }
#mainBottom .bottom-box2 .swiper-pagination-bullet { width: 15px; height:15px; background:#C4BCB9; opacity:1; }
#mainBottom .bottom-box2 .swiper-pagination-bullet-active { background:#fff; }
#mainBottom .bottom-box3 { background:#F9F9F9; padding:20px 40px 34px; }
#mainBottom .bottom-box3 .tab-content a { text-decoration:none; }
#mainBottom .bottom-box3 .tab-content a:hover { color:#002E6C; transition:.2s all; }
#mainBottom .bottom-box3 .tab-content a:hover p { color:#002E6C; transition:.2s all; }
#mainBottom .bottom-box3 .tab-content h3 { margin:0; font-size:22px; font-weight:bold; }
#mainBottom .bottom-box3 .tab-content p { font-size:18px; color:#5D5D5D; margin:15px 0 0; position:relative; padding:0 25px; }
#mainBottom .bottom-box3 .tab-content p:before { content:''; width:8px; height:8px; background:#BFBFBF; border-radius:50%; position:absolute; top:50%; left:5px;     transform: translate(0, -50%);}
#mainBottom .bottom-box3 .tab-content > div > ul > li:last-child { border-bottom:none; }
#mainBottom .bottom-box3 .tab-content li { padding:30px 15px; border-bottom:1px solid #E9E5E6; position:relative; }
#mainBottom .bottom-box3 .tab-content li img { position:absolute; right:10px; top:15px; max-width:145px; }
#mainBottom .bottom-box3 .tab-dots { text-align:center; padding:0; margin:30px 0 0; }
#mainBottom .bottom-box3 .tab-dots > li > a { display: inline-block; width: 13px; height: 13px; background: #C0B6B7; cursor: pointer; border-radius: 50%; padding: 0; margin:0 1px;}
#mainBottom .bottom-box3 .tab-dots > li.active a { background: #DF2B44; }
#mainBottom .bottom-box3 .tab-dots > li { display: inline-block; float: none; margin: 0 1px; z-index: 999; }
#mainBottom .bottom-box4 { overflow:hidden; }
#mainBottom .bottom-box4 .swiper-slide { text-align:center; height:476px; background-position:center!important; background-size:auto 100%!important; cursor:pointer; }
#mainBottom .bottom-box4 .swiper-slide a { width:100%; display:inline-block; height:100%; color:#fff; }
#mainBottom .bottom-box4 .swiper-slide div { position:absolute; bottom:30%; width:100%; }
#mainBottom .bottom-box4 .swiper-slide div h2 { margin:0; font-size:40px; font-weight:bold; }
#mainBottom .bottom-box4 .swiper-slide div p { font-size:20px; margin:20px 0 0; }
#mainBottom .bottom-box4 .next-pagination { position:absolute; bottom:20px; z-index:1; width:100%; text-align:center; }
#mainBottom .bottom-box4 .swiper-pagination-bullet { width: 15px; height:15px; background:#C4BCB9; opacity:1; }
#mainBottom .bottom-box4 .swiper-pagination-bullet-active { background:#fff; }

@media (min-width:1200px) and (max-width:1499px) {
    #mainTop .container-fluid { padding:0 15px; }
    #mainTop .top-right > div { padding:0 20px; }
    #mainTop .top-left { padding-left:50px; }
    #mainBottom { max-width:1000px; margin:0 auto; }
    #mainBottom .col-xs-12 { width:50%!important; }
}

@media (min-width:993px) and (max-width:1199px) {
    #mainTop .container-fluid { padding:0 15px; }
    #mainTop .top-right > div { padding:0 3px; }
    #mainBottom .bottom-box1 > div { height:225px; }
    #mainTop .top-left { padding-left:35px; }
    #mainBottom { max-width:900px; margin:0 auto; }
    #mainBottom .col-xs-12 { width:50%!important; }
}

@media (min-width:768px) and (max-width:992px) {
    #mainTop .container-fluid { padding:0 15px; }
    #mainTop .top-wrap > div { width:100%; }
    #mainTop .top-wrap { height:auto; margin:0; background:none!important; }
    #mainTop .top-left { padding:30px 15px 0; }
    #mainTop .top-left #sermonBtn { right:30px; }
    #mainTop .top-right > div { padding:0 15px; }
    #mainTop .top-right { padding:30px 30px; }
	#mainTop .top-right > div {font-size: 17px; padding: 0 5px;}
    #mainBottom { max-width:768px; margin:0 auto; }
    #mainBottom .bottom-box1 > div { height:192px; font-size:20px; }
    #mainBottom .bottom-box1 > div img { margin:0 auto 5px; }
    #mainBottom .bottom-box1 > div a { padding:30px 0; }
    #mainBottom .tab-content .bottom-box3 li img { display:none; }
    #mainBottom .bottom-box3 { padding:15px; }
    #mainBottom .bottom-box3 .tab-content li { padding:18px 15px; }
    #mainBottom .bottom-box3 .tab-content li img { display:none; }
    #mainBottom .bottom-box2 #galleryWrap .swiper-slide { height:384px; }
    #mainBottom .bottom-box4 .swiper-slide { height:384px; }
}

@media (max-width: 767px) {
		#mainSlide { margin-top:80px; }
    #mainTop .container-fluid { padding:0 15px; }
    #mainTop .top-wrap > div { width:100%; }
    #mainTop .top-wrap { height:auto; margin:0; background:none!important; }
    #mainTop .top-left { padding:30px 15px 0; }
    #mainTop .top-left #sermonBtn { right:30px; display:none;  }
    #mainTop .top-right > div { padding:0 15px; }
    #mainTop .top-right { padding:30px 0; }
    #mainBottom { max-width:100%; margin:0 auto; padding:0 15px; }
    #mainBottom .bottom-box1 > div { height:auto; font-size:18px; }
    #mainBottom .bottom-box1 > div img { margin:0 auto 5px; }
    #mainBottom .bottom-box1 > div a { padding:15px 0; }
    #mainBottom .tab-content .bottom-box3 li img { display:none; }
    #mainTop .top-left p { font-size:15px; }
    #mainTop .top-left #sermonTitle { font-size:25px; margin:15px 0 0; text-align:center; }
    #mainTop .top-left h3 { font-size:17px; margin:10px 0 0; text-align:center; }
    #mainTop .top-right > div { padding:0; float:left; width:33.333%; font-size:15px; padding:0 5px; margin:0 0 10px; }
    #mainTop .top-right > div img { margin:0 0 10px; }
    #mainTop .top-right { overflow:hidden; padding:20px 10px 10px; }
    #mainBottom .bottom-box1 > div img { max-width:50px; }
    #mainBottom .bottom-box1 { margin-bottom:15px; overflow:hidden; }
    #mainBottom .bottom-box2 { margin-bottom:15px; overflow:hidden; }
    #mainBottom .bottom-box3 { margin-bottom:15px; overflow:hidden; padding:15px; }
    #mainBottom .bottom-box3 { padding:0 15px 15px; margin-bottom:15px; }
    #mainBottom .bottom-box3 .tab-content li { padding:15px 0; }
    #mainBottom .bottom-box3 .tab-content p { font-size:15px; padding:0; margin:5px 0 0; }
    #mainBottom .bottom-box3 .tab-content p:before { display:none; }
    #mainBottom .bottom-box3 .tab-content h3 { font-size:17px; }
    #mainBottom .bottom-box3 .tab-content li img { max-width:90px; }
    #mainBottom .bottom-box4 .swiper-slide div h2 { font-size:20px; }
    #mainBottom .bottom-box4 .swiper-slide div p { font-size:16px; }
    header { background: rgba(0,0,0,0.8)!important; }
    #mainBottom .bottom-box2 #galleryWrap .swiper-slide { height:384px; }
    #mainBottom .bottom-box4 .swiper-slide { height:384px; }    
}