@media (max-width: 480px) {
.head-topbar .left, .head-topbar .right, .topbar-social, .event-timer, .event-timer>div, .event-timer strong.title, strong.logo {
float:none;
display:block;
text-align:center;
}
.head-topbar .left strong.ph, .head-topbar .left a.email, .topbar-social li, .head-topbar .right a.btn-search, .head-topbar .right a.btn-login {
float:none;
display:inline-block;
}
.topbar-social {
margin-bottom:20px;
}
.head-topbar .holder {
max-width:100%;
width:100%;
}
.search-box {
left:0;
}
strong.logo {
margin-bottom:30px;
}
.event-timer strong.title {
line-height:16px;
}
.countdown-container {
left:0;
width:100%;
}
.wrap {
margin:5px;
}
span.colun-1, span.colun-2, span.colun-3 {
display:none;
}
.navigation-row {
position:relative;
z-index:999999;
}
#nav 
{
    /*
background-color:#333;*/
}
#nav li {
float:none;
display:block;
}
#nav li ul {
position:static;
width:100%;
padding:0 0 0 20px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
#banner .caption {
display:none;
}
#banner .bx-wrapper .bx-controls-direction a {
display:none;
}
.featured-sermon strong.title {
padding:10px 0;
}
.player-holder {
margin:0;
width:100%;
}
.player-box {
margin-bottom:20px;
width:100%;
}
.download-section {
float:none;
display:block;
text-align:center;
}
.download-section a {
float:none;
display:inline-block;
}
.welcome-box .holder {
padding:30px 0;
}
.welcome-box .holder h2, .quote-box h3, .purchase-section h4 {
font-size:24px;
}
.purchase-section h4 {
line-height:30px;
}
.sermons-box, .latest-event-box, .blog-posts-box {
margin-bottom:30px;
}
.quote-box p {
margin:0;
}
.purchase-section h5 {
font-size:18px;
line-height:25px;
}
.latest-news .frame {
margin:0;
width:100%;
}
.latest-news .text-box {
width:100%;
padding:13px 10px;
}
.col-md-6>h3 {
clear:both;
overflow:hidden;
}
.outer {
float:left;
width:100%;
}
.col-md-6 {
clear:both;
}
.timelines-box>div {
display:block;
text-align:center;
}
.timelines-box #bx-pager>a {
float:none;
display:inline-block;
}
#timelines-slider .caption strong.title {
font-size:15px;
}
#timelines-slider .caption p {
font-size:12px;
}
.content_slider_wrapper .circle_slider_text_wrapper {
width:30%!important;
padding:10px 0!important;
}
.our-preachers-box .holder, .blog-posts-box .text-box .right {
max-width:100%;
width:100%;
}
.footer-box-1, .accordtion-area .panel-group {
margin-bottom:20px;
}
.logo-row {
padding-bottom:30px;
}
.about-page blockquote {
width:100%;
height:auto;
}
.about-page blockquote p, .church-services {
margin:0;
}
.services-box, .team-box {
margin:0 0 30px 0;
}
.accordtion-area .panel-title strong {
font-size:14px;
}
.tab-area .nav>li>a {
font-size:12px;
padding:8px 9px;
}
.tab-area .nav-tabs {
display:block;
text-align:center;
}
.tab-area .nav-tabs>li {
float:none;
display:inline-block;
}
.sermon-box .frame {
margin:0;
width:100%;
}
.sermon-box .text-box {
padding:15px 10px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.sermon-box .text-box .detail-row ul li:first-child {
padding:0 0 0 19px;
}
.sermon-box .text-box .list-area li {
padding:0 7px 7px 0;
}
.pagination-all.pagination ul:before, .pagination-all.pagination ul>li:first-child:before, .pagination-all.pagination ul>li:last-child:after {
display:none;
}
.pagination-all.pagination {
margin:10px 0;
}
.sermon-frame iframe {
height:300px!important;
}
.sermon-detail-row .left {
margin:0 0 10px 0;
}
.sermon-detail-row .right {
float:left;
}
.sermon-detail blockquote {
padding:20px 10px;
}
.sermon-detail blockquote .fa-quote-right {
margin:20px 30px 0 0;
}
.comments ul ul {
padding:0 0 0 30px;
}
.comments .text a.date {
padding:0 8px 0 0;
}
.comment-form ul li, .comment-form ul {
width:100%;
}
.comment-input, .text-area-box {
min-width:100%;
width:100%;
}
.comment-form {
margin:0 0 20px 0;
}
.upcoming-events ul, .upcoming-events ul li {
width:100%;
}
.fram-holder .left ul li {
padding:0 10px 10px 0;
}
.fram-holder .left {
margin:0 0 40px 0;
width:100%;
}
.event-frame {
float:left;
width:100%;
}
.event-frame img, .event-detail-timer {
width:100%;
}
.map-box {
min-width:100%;
width:100%;
}
.event-detail blockquote q {
padding:0;
}
.event-grid ul li {
width:100%;
}
.event-listing-box .frame {
margin:0;
width:100%;
}
.event-listing-box .text-box {
max-width:100%;
width:100%;
padding:20px 10px;
}
.news-event .text-box .left {
padding:0 0 20px 0;
}
.text-box blockquote q {
width:100%;
}
.text-box blockquote .fa-quote-right {
margin:20px 30px 0 0;
}
.news-listing .frame .detail-row {
width:100%;
}
.news-listing .frame img {
width:100%;
}
.news-listing .frame .caption {
display:none;
}
#wrapper .latest-news .frame {
margin:0;
width:100%;
}
.width {
width:100%!important;
}
.post-box .frame iframe {
height:250px!important;
}
.post-box .text-box .left {
max-width:100%;
}
.post-detail ul li:first-child {
padding:0 10px;
}
.post-detail ul li {
padding:0 10px;
}
.blog-detail blockquote:before, .blog-detail blockquote:after {
background:none;
}
.blog-detail blockquote {
padding:20px;
}
.timeline-row .nav-tabs {
width:100%;
}
.timeline-row .text-box {
padding:20px;
}
.other-project h3 {
font-size:24px;
}
.donate-form ul li {
margin:0 28px 20px 0;
}
.donate-form ul {
margin:0 0 20px 0;
}
.donate-form-area ul li {
margin:0;
padding:0;
width:100%;
}
.donate-input {
width:100%;
}
.error-page .holder h2 {
font-size:174px;
}
.error-page .holder h2:before, .error-page .holder h2 span {
display:none;
}
.form-left {
margin-bottom:30px;
}
.map_canvas {
height:300px;
}
#map-wrapper {
max-width:100%;
}
#map {
width:290px;
height:300px;
}
}
@media (max-width: 767px) {
.search-box {
left:0;
}
.navigation-row {
position:relative;
z-index:999999;
}
#nav 
{
    
background-color:#333;
}
#nav li {
float:none;
display:block;
}
#nav li ul {
position:static;
width:100%;
padding:0 0 0 20px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
#banner .caption {
display:none;
}
#banner .bx-wrapper .bx-prev {
left:20px;
}
#banner .bx-wrapper .bx-next {
right:20px;
}
.featured-sermon strong.title {
padding:10px 0;
}
.player-holder, .player-box {
margin:0;
width:100%;
}
.download-section {
float:left;
margin:20px 0 0 0;
}
.welcome-box .holder {
padding:20px;
}
.sermons-box, .latest-event-box, .blog-posts-box {
margin:0 0 30px 0;
}
.quote-box p {
margin:0;
}
.blog-posts-box .text-box .right {
width:100%;
max-width:100%;
}
.purchase-section h4 {
font-size:30px;
}
.col-md-6>h3, .col-md-6 {
clear:both;
}
#timelines-slider img {
width:100%;
}
.timelines-box>div {
display:block;
text-align:center;
}
.timelines-box #bx-pager>a {
float:none;
display:inline-block;
}
.content_slider_wrapper .circle_slider_text_wrapper {
width:66%!important;
}
.footer-box-1 {
margin-bottom:30px;
}
.about-page blockquote {
width:100%;
height:auto;
}
.services-box, .accordtion-area .panel-group, .team-box {
margin:0 0 30px 0;
}
.church-services {
margin:0;
}
.sermon-box .frame {
margin:0;
width:100%;
}
.sermon-box .text-box {
max-width:100%;
padding:15px 10px;
}
.pagination-all.pagination {
margin:10px 0;
}
.sermon-frame iframe {
height:300px!important;
}
.sermon-detail-row .left {
margin:0 0 10px 0;
}
.sermon-detail-row .right {
float:left;
}
.sermon-detail blockquote .fa-quote-right {
margin:20px 30px 0 0;
}
.comment-form ul, .comment-form ul li {
width:100%;
}
.comment-input, .text-area-box {
min-width:100%;
width:100%;
}
.comment-form {
margin:0 0 20px 0;
}
.upcoming-events ul, .upcoming-events ul li, .event-detail-timer, .map-box {
width:100%;
}
.event-frame {
float:left;
width:415px;
}
.event-frame img, .popular-sermons ul, .popular-sermons ul li, .event-grid ul li {
width:100%;
}
.event-listing-box .frame {
margin:0;
width:100%;
}
.event-listing-box .text-box {
max-width:100%;
width:100%;
padding:20px 10px;
}
.news-event .text-box .left {
padding:0 0 20px 0;
}
.text-box blockquote q {
width:100%;
}
.text-box blockquote .fa-quote-right {
margin:20px 30px 0 0;
}
#wrapper .latest-news .frame {
margin:0;
width:100%;
}
.width {
width:100%!important;
}
.latest-news .text-box {
padding:20px 20px;
}
.post-box .frame iframe {
height:300px!important;
}
.post-box .text-box .left, .post-box .text-box .right {
max-width:100%;
width:100%;
}
.post-detail ul li:first-child {
padding:0 7px 0 0;
}
.post-detail ul li {
padding:0 7px;
}
.gallery li {
width:100%;
}
.timeline-row .bx-wrapper, .timeline-row .frame {
max-width:100%!important;
width:100%;
}
.donate-form-area ul li {
padding:0;
width:100%;
}
.donate-input {
width:100%;
}
#map-wrapper {
max-width:100%;
}
#map {
width:600px;
height:500px;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.search-box {
left:0;
}
#nav li a {
font-size:14px;
padding:0 10px;
}
#nav li ul {
left:inherit;
right:0;
z-index:99999;
}
#banner .caption {
top:20px;
}
#banner .caption .holder h1 {
font-size:28px;
line-height:28px;
margin:0 0 10px 0;
}
#banner .caption .holder .paragraph-box {
padding:10px;
}
#banner .caption .holder .paragraph-box p {
font-size:12px;
line-height:20px;
}
#banner .caption .holder .paragraph-box {
margin:0 0 10px 0;
}
#banner .bx-wrapper .bx-prev {
left:20px;
}
#banner .bx-wrapper .bx-next {
right:inherit;
left:100px;
}
.featured-sermon strong.title {
padding:10px 0;
}
.player-box {
width:100%;
}
.player-holder {
margin:0;
width:100%;
}
.download-section {
float:left;
margin:20px 0 0 0;
}
.sermons-box .text-box h4 {
font-size:15px;
line-height:16px;
}
.sermons-box .detail-row ul li {
padding:0;
float:none;
display:block;
}
.latest-event-box {
margin:0 0 30px 0;
}
.blog-posts-box .text-box .right {
max-width:100%;
}
#timelines-slider img {
width:100%;
}
.timelines-box>div {
display:block;
text-align:center;
}
.timelines-box #bx-pager>a {
float:none;
display:inline-block;
}
.content_slider_wrapper .circle_slider_text_wrapper {
width:80%!important;
}
.footer-box-1 {
min-height:230px;
}
.about-page blockquote {
width:100%;
height:auto;
}
.church-services {
margin:0;
}
.services-box, .accordtion-area .panel-group, .team-box, .comment-form {
margin:0 0 30px 0;
}
.sermon-box .frame {
width:100%;
margin:0;
}
.sermon-box .text-box {
max-width:100%;
padding:15px 10px;
}
.sermon-box .text-box .list-area li {
padding:0 17px 0 0;
}
.sermon-box .text-box .detail-row ul li {
padding:0 0 0 9px;
}
.sermon-detail blockquote .fa-quote-right {
margin:0 20px 30px 0;
}
.comment-form ul, .comment-form ul li, .comment-input, .text-area-box {
min-width:100%;
width:100%;
}
.sermon-frame iframe {
height:300px!important;
}
.fram-holder .left {
width:100%;
margin:0 0 30px 0;
}
.event-frame {
max-width:100%;
width:100%;
}
.event-frame img, .event-detail-timer, .map-box {
width:100%;
}
.popular-sermons ul, .popular-sermons ul li, .upcoming-events ul, .upcoming-events ul li {
width:100%;
}
.event-listing-box .frame {
margin:0;
width:100%;
}
.event-listing-box .text-box {
padding:20px 10px;
}
.text-box blockquote q {
width:100%;
}
.text-box blockquote .fa-quote-right {
margin:20px 30px 0 0;
}
.news-event .text-box .left {
padding:0 0 20px 0;
}
.news-listing .frame img, .news-listing .frame .detail-row {
width:100%;
}
.news-listing .frame .caption {
padding:10px;
}
.news-listing .frame .detail-row {
top:0;
}
.news-listing .frame .caption {
height:auto;
}
#wrapper .latest-news .frame {
width:100%;
margin:0;
}
.width {
width:100%!important;
}
.latest-news .text-box {
padding:15px 10px;
}
.news-listing {
margin-bottom:40px;
}
.post-box .text-box .left {
max-width:100%;
width:100%;
}
.post-detail ul li:first-child {
padding:0 7px 0 0;
}
.post-detail ul li {
padding:0 7px;
}
.timeline-row .bx-wrapper, .timeline-row .frame {
max-width:100%!important;
width:100%;
}
.donate-form-area ul li {
padding:0;
width:100%;
}
.donate-input {
width:100%;
}
#map-wrapper {
width:457px;
}
}
@media (min-width: 1200px) 
{
    .user-panel-top 
    {
        margin-top:-30px; margin-left:-40px; width:200px; border-radius: 5px;}
    
#nav li ul {
right:inherit;
left:0;
}
#banner .caption {
top:100px;
}
#banner .caption .holder h1 {
font:400 36px/50px 'Noto Serif', serif;
margin:0 0 20px 0;
}
#banner .bx-wrapper .bx-prev {
left:230px;
}
#banner .bx-wrapper .bx-next {
right:230px;
}
.download-section {
margin:50px 0 0 0;
}
.latest-event-box .frame .inner-area .timer-box {
margin:0 0 21px 0;
}
.text-area strong.title {
font:400 18px 'Noto Serif', serif;
padding:0 0 14px 0;
}
.text-area ul li a strong {
font:400 14px 'Open Sans', sans-serif;
}
.text-area ul li a {
font:400 14px/31px 'Open Sans', sans-serif;
}
.text-area ul li a span .fa {
font-size:14px;
height:32px;
}
.text-area a.btn-participate {
font:italic 14px/39px 'Noto Serif', serif;
height:40px;
}
.text-area ul {
margin:0 0 20px 0;
}
.blog-posts-box .text-box .right {
max-width:276px;
}
.latest-news .text-box {
width:231px;
}
.about-page blockquote {
width:1005px;
}
.accordtion-area .panel-title strong {
font:400 18px 'Noto Serif', serif;
}
.tab-area .nav>li>a {
padding:8px 16px 11px 17px;
font:400 18px 'Noto Serif', serif;
}
#nav li a {
font:16px/50px 'Noto Serif', serif;
padding:0 18px 0 10px;
}
.sermon-box .frame {
float:left;
margin:0 30px 0 0;
width:auto;
}
.sermon-box .text-box {
max-width:435px;
padding:17px 0 0 0;
}
.sermon-detail blockquote .fa-quote-right {
margin:122px 30px 0 0;
}
.text-area-box {
min-width:458px;
}
.event-frame {
max-width:653px;
}
.event-frame img {
width:auto;
}
.event-detail-timer {
width:263px;
}
.map-box {
min-width:390px;
}
.event-listing-box .frame {
width:auto;
margin:0 30px 0 0;
}
.event-listing-box .text-box {
max-width:457px;
padding:27px 26px 0 0;
}
.news-event .text-box .left {
margin:0;
}
.text-box blockquote .fa-quote-right {
margin:122px 29px 0 0;
}
.news-listing .frame .caption {
height:100px;
padding:17px 50px 0 30px;
}
#wrapper .latest-news .frame {
margin:0 30px 0 0;
width:auto;
}
.width {
width:428px!important;
}
.latest-news .text-box {
padding:13px 0 0 0;
}
.news-listing {
margin:0;
}
.post-box .text-box .left {
width:auto;
max-width:280px;
}
.post-box .text-box .right {
width:auto;
max-width:567px;
}
.timeline-row .bx-wrapper {
max-width:555px!important;
}
.timeline-row .text-box {
max-width:394px;
}
#map-wrapper {
max-width:877px;
}
}
@media (max-width: 1280px) {
#banner .caption {
top:20px;
}
}
@media (max-width: 1366px) {
#banner .caption {
top:20px;
}
}