@media (max-width:1200px) {	
.bloger-name{width:67%;}
.audio-section {width:80%;}
.audio-section  p , .twitter-box p{line-height:15px;}
.resource-box .resources-detail p, .audio-section p {padding:10px;}
.audiojs .scrubber {margin:10px 0 10px 10px; width:44%;}
.twitter-detail .twitter-img {margin-bottom:3px;}
    
.common-resource .social-media ul{left:0;}
.resource-box .resources-detail{bottom:0; width:80% }
    
    
.common-resource .audio-section .audio-detail {
    bottom: 0px;
    opacity: 1;
    visibility: visible;
}
	/* Inner Page */
	.resource-box{ min-height: 295px; }
}
/*------------tablet portrait  view------*/

	
@media (max-width:991px) {
.owl-carousel .item {height:450px;}
 .banner {margin-bottom:6px;}
.history-section .col-sm-6 , .history-section .col-sm-6:nth-child(5n){width:50%; margin:0 0 6px 0;}
footer {margin-top:6px;}
/*.enumenu_ul.desk ul {left:-30px;}*/
.resource-box .resuorces-ttl h3{font-size:12px;}
.resource-box .resources-detail p {
    font-size: 14px;
    line-height: 16px;
    padding: 10px;
}
.audiojs .time {margin-left:0; width:20%; padding:0;}
.audiojs .scrubber{width:30%;}
/*.enumenu_ul.desk ul::before {left:100px;}*/
.twitter-box p {line-height:14px;}
.history-section .col-md-2{width:100%; height:auto;}
	.twitter-box{ min-height: 135px; }
	.twitter-box .twitter-detail{ padding-bottom: 30px; }
	.img-name{ margin-bottom: 7px; }
	
	/* Inner */
	aside h2{ font-size: 18px; }
	.resource-box{ min-height: 350px; }
}   


/*------------mobile landscape  view------*/
@media (max-width:767px) {
    nav .container {padding:0; overflow-x:hidden;}
.mob-logo {
    display: block;
    left: 10px;
    position: absolute;
    top: 6px;
    width: 103px;
    z-index: 999;
}
           .mob-logo a{opacity:0; opacity:0; transition:opacity 0.3s ease; -moz-transition:opacity 0.3s ease; -ms-transition:opacity 0.3s ease; -o-transition:opacity 0.3s ease; -webkit-transition:opacity 0.3s ease; }
          
   body.stickyHeader  nav {border-bottom:1px solid #fff;} 
   body.stickyHeader  .mob-logo a{opacity:1; }
.enumenu_ul { display: none }
.menu-block { height: auto; }
.menu-icon { display: inline-block; }
.enumenu_ul > li { display: block; margin: 0px; padding: 0px; border-bottom:1px solid rgba(255,255,255,0.5); float:none;}
.enumenu_ul > li:last-child{border-bottom:1px solid rgba(255,255,255,0.5);}
.enumenu_ul > li > a , .enumenu_ul > li:nth-child(2) a{ display: block; text-align: left; padding:10px;  }
.enumenu_ul > li > a:hover {color:#fff;}
.enumenu_ul > li:nth-child(2)  {padding:0;}
.enumenu_ul { width: 100%; max-height:350px; overflow-y:scroll; background:#D4D5D5;}
.enumenu_ul > li ul{ background:#fff;}
.enumenu_ul > li ul ul {background:#7e4a82 ;}
.enumenu_ul > li ul a{ text-align: center;  display: block; text-align: left; color: #000; padding:0 0 0 35px; border-bottom:1px solid rgba(255,255,255,0.5); font-size:15px;}
.enumenu_ul .arrow , .enumenu_ul ul.sb-menu li .arrow , .enumenu_ul ul.sb-menu li:hover .arrow{ position: absolute; right:5px; top:50%; width: 30px; height: 30px; background: url(/images/plus.png) no-repeat 0 0; cursor: pointer; z-index: 999; border:0; margin:0; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); background-position: center center; }
.enumenu_ul .arrow.up , .enumenu_ul ul.sb-menu li .arrow.up{ background:url(/images/minus.png) no-repeat 0 0; top:18px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); background-position: center center;}
    .enumenu_ul ul.sb-menu ul li a {color:#fff;}
  .enumenu_ul > li,  .enumenu_ul > li:first-child {border-left:0; border-right:0; border-bottom:1px solid #fff;}
  .enumenu_ul ul li {border-bottom:1px solid #ccc;}
/* Push Menu */
body.menuslide_push{position: relative;}
.header-social {padding:10px 0; }
.enumenu_ul > li ul a {padding:8px 10px;}

body.menuslide_push.slidemenuLeft{
    left:0;
    transition:left 0.5s;
    -webkit-transition:left 0.5s;
    -moz-transition:left 0.5s;
    -ms-transition:left 0.5s;
    -o-transition:left 0.5s;
}
body.menuslide_push.slidemenuRight{
    right:0;
    transition:right 0.5s;
    -webkit-transition:right 0.5s;
    -moz-transition:right 0.5s;
    -ms-transition:right 0.5s;
    -o-transition:right 0.5s;
}
body.slidemenuRight .enumenu_ul {
    right: -300px;
}
body.slidemenuRight.menu-open .enumenu_ul {
  right: 0;
}
body.slidemenuLeft .enumenu_ul {
    left: -300px;
}
body.slidemenuLeft.menu-open .enumenu_ul {
    left: 0;
}
body.menuslide_push.slidemenuLeft.menu-open{left: 300px}
body.menuslide_push.slidemenuRight.menu-open{right: 300px}
body.menuslide_push .enumenu_ul, body.menuOverlap .enumenu_ul{
  background: #000000 none repeat scroll 0 0;
  display: block;
  height: 100%;
  max-height: 100%;
  width: 100%;
  overflow: auto;
  position: fixed;
  transition: all 0.5s ease 0s;
    max-width: 300px;
}
footer .ftr-logo-section{padding:20px 0 0;}
.ftr-logo-section , footer .ministry-ttl{text-align:center;}
footer .ministry-ttl a {margin:20px 0 10px 0;}
.copyright-section{text-align:center;}
.copyright-section .designby.text-right{text-align:center;}
.history-section .col-xs-12 , .history-section .col-xs-12:nth-child(5n){width:100%; margin:0 0 6px 0;}
.history-section .gray-box{min-height:auto;}

header .text-right {text-align:center;}
ul.home-contact-link {text-align:center;}
#gsearchbox , .google-search {float:none; display:inline-block; text-align:center; margin-right:0; }
 .google-search {width:100%;}
 #gsearchbox  {width:60%;}
.google-search  span{top:-6px;}
.resource-box .resources-detail p {
    font-size:14px;
    line-height: 20px;
    padding: 20px;
}
.resource-box .resuorces-ttl .moreoption {bottom:-25px;}
.common-resource:hover .resource-box .resuorces-ttl .moreoption{bottom:-35px;}
aside{display:none;}
.audiojs .scrubber{width:44%;}
.common-resource .social-media {bottom:6px;}
footer .ftr-logo-section a.church-growth-logo {margin:0 auto;}
.twitter-box .twitter-detail {padding-bottom:40px;}
.resource-box .resources-detail{ width:85%;}
.audio-section .audio-detail{width:100%;}

.resource-box .resuorces-ttl {padding-top:12px;}
	
	/* Inner Page */
	.resource-box{ min-height: 300px; }
}

@media (max-width:640px){ 
.enumenu_ul { width: 100%;  max-height: 350px;
    overflow-y: scroll;}

.blog-post h3{display:block; text-align:left; float:left; margin-bottom:5px; width:100%;}
.item .banner-txt h2 {font-size:18px;}
.item .banner-txt p {font-size:15px;}
.blog-post a.next-prev-btn{float:none; margin-bottom:10px;}
.signup-form span{max-width:100%;}
.bloger-img {float:none; margin:0 auto;}
.contentprofile {float:left;margin:5px 10px 0 0;}
#content h4.blogcredit { margin-top:12px; }
.tagslist {min-height:0;}
.church-logo {
    margin: 0 auto;
    padding-top: 25px;
    width: 150px;
}
.church-logo a {display:block;}
}

@media (max-width:480px){
.upcoming-event .event-date, .event-detail, .case-study-detail , .case-study .case-study-img {display:block; width:100%;}
 .case-study .case-study-img {height:250px;}
 .bloger-name {
    margin: 10px 0;
    width: 100%;
}

.resource-box .resuorces-ttl .moreoption {
    bottom: -26px;
}
.common-resource:hover .resource-box .resuorces-ttl .moreoption{bottom:-31px;}
.signup-form form .form-area .first-name, .signup-form form .form-area .last-name {width:100%;}
}

/* Civic overrides */
#ccc-close{display:none!important}
#ccc-button-holder{max-width:300px}
#ccc-icon svg { fill:#000000; }
#ccc .ccc-notify-button.ccc-accept-button{flex-wrap:wrap!important}
#ccc .ccc-content--dark .ccc-notify-button.ccc-accept-button{background:#0d7410!important}
#ccc .ccc-content--light .ccc-notify-button.ccc-accept-button{background:#b0d3b1!important}
#ccc .ccc-notify-button.ccc-reject-button{padding:4px 8px!important;font-size:0.8em!important;flex-wrap:wrap!important}
#ccc .ccc-content--dark .ccc-notify-button.ccc-reject-button {border-color:#ffffffb3!important}
#ccc .ccc-content--light .ccc-notify-button.ccc-reject-button {border-color:#00000080!important}
#ccc .ccc-content--dark .ccc-notify-button.ccc-reject-button span{color:#ffffffb3!important}
#ccc .ccc-content--light .ccc-notify-button.ccc-reject-button span{color:#000000a3!important}