#sermons #content #text.contant-main {
    padding-top: 225px;
}

.items {
  overflow: hidden;
  padding-bottom: 25px;
  float: left;
  width: 100%;
}

.items article {
  overflow: hidden;
  float: none;
  margin: 0;
  padding: 1.5%;
  width: 97%;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
@media (min-width: 64em) {
  .items article {
    padding: 1.5%;
    width: 54.9%;
    float: right;
    clear: right;
  }
}

.items article.first {
  border-top: none;
}

.items article.detail {
  width: 100%;
}
@media (min-width: 64em) {
  .items article.detail {
    width: 97%;
  }
}

.items article .meta {
  line-height: 1.2em;
  margin-bottom: .5em;
  font-weight: 400;
}

.items article .meta span {
  font-weight: 700;
}

.items article h3 {
  margin-bottom: .25em;
}

.items article .time {
  margin-bottom: .25em;
  display: block;
  font-weight: 400;
  text-transform: uppercase;
}

.items article .media {
  position: relative;
  z-index: 10;
  min-width: 85px;
  min-height: 100px;
  float: right;
  margin-left: 2em;
}

.items article.detail {
  border: 0;
  line-height: 1.6em;
}

.items article.detail header img {
  clear: right;
  margin-top: 2em;
}
@media (min-width: 64em) {
  .items article.detail header img {
    clear: none;
    margin-top: 0;
  }
}

.items article.detail .summary {
  margin-bottom: 2em;
}

.series_heading {
  display: block;
  float: none;
  margin: 0 0 2em 0;
  width: 100%;

}
.main-des {
display: inline-block;
margin: 0 1%;
padding: 1.5% 0;
vertical-align: top;
width: 30.93%;
  }
.series_heading h3 {
  margin-bottom: .25em;
}

.series_heading:last-child {
  margin-bottom: 0;
  min-height: auto;
}

.series_heading img {
  width: 100%;
  margin-bottom: 0;
  max-height: 178px;
}

/* =Override
---------------------------------------------------------------------
*/
.items article .meta {
  font-family: "Lora", serif;
}

.items article .time {
  font-family: "Lora", serif;
  color: #baa78f;
}
.series_heading.clearfix a{ cursor:pointer}
.series_heading.clearfix a .img-part {
	margin: 0 auto;
	max-width: 328px;
	overflow: hidden;
	position: relative;
}

.main-des:hover .series_heading.clearfix a .img-part .description p {
  display: block;
}


.series_heading.clearfix a .img-part p {
  background: rgba(0, 0, 0, 0.8) ;
  color: #fff;
  display: none;
  padding: 20px;
  position: absolute;
  top: 0;
  height: 100%; width:87%
}
.series_heading.clearfix a:hover .img-part p {
  display: block;
}
.filter-main {
  background: #002c78 ; padding:20px 0; text-align:center; margin-bottom: -190px;
}

.filter-sticky {
  position: fixed; width: 100%; z-index: 999999; top: 0;
}


#content #text .filters {
  background-color: transparent !important;
  margin-bottom: 0;
  padding: 0;
}
#content #text .filters .ui-selectmenu-button {
  display: inline-block;
  float: none; text-align:left; vertical-align:top
}
#content.fullwidth #text{ padding:0; margin-bottom:0} 
#content #text.contant-main {
  padding-top: 35px;
}
#all-teachings{display:none}
.contant-main .title > h2 {
  display: inline-block;
}
.contant-main .title .btn-groups .button-small {
  padding: 8px 0;
  text-align: center;
  width: 110px; line-height:normal
}
.contant-main .title .btn-groups {
  float: right;
}
.contant-main .title .btn-groups .button-small.active{border-color: #002c78;background-color: #002c78;color: #fefefe;}
.series_heading.clearfix a h3 {
  color: #002c78;
  font-size: 24px;
  margin-top: 10px;
  text-align: center;
  min-height:70px;
}
.series_heading.clearfix a:hover h3 {
  color: #ee6622;
}
.search-box {
  display: inline-block;
}
.search-box #searchForm fieldset {
  background: #fff ; min-width:150px
}
.search-box #searchForm fieldset #search_term {
  padding: 6px 0 6px 5px; color:#535353
}
.search-box #searchForm fieldset #search_go {
  right: 10px;
}
.filters-top-btn-groups a.button-large {
  color: #fff;
  margin-bottom: 20px;
  padding: 10px 0;
  width: 170px; border:1px solid transparent
} 
.filters-top-btn-groups a.button-large:hover, .filters-top-btn-groups a.button-large.active{ background-color:transparent; border-color:rgba(255,255,255,0.2)}
.filters-top-btn-groups a.button-large:after{ display:none}

select.sorter{display: inline-block;
float: none;margin:0 0.5em 0 0;background-color: #fefefe;
cursor: pointer;
font-family: "Open Sans",sans-serif;
height: auto; 
line-height: 1;
outline: medium none !important;
overflow: hidden;
padding:6px 0;
position: relative;
text-decoration: none; 
width: 150px;color: #002c78;font-size: 1em; 
font-weight: 700; border:none   }
.product-deatil{ padding:45px 0 0; background:#eef0f5; border-top:solid 6px #ced3d8; position: absolute ; z-index:9999; width:100%;left:0}
.main-des.active .series_heading.clearfix{ position:relative}
.main-des.active .series_heading.clearfix:after{ background:url(/_assets/img/arrow-top.png) no-repeat; position:absolute; bottom:-32px; left:50%; width:28px; height:8px; content:""; margin-left:-14px; } 
#content .product-deatil ul{ margin:0; padding:0; text-align:center}
#content .product-deatil ul li {
display: inline-block;
line-height: normal;
margin: 0 1% 45px;
vertical-align: top;
width: 31%;}
#content .product-deatil ul li p{ margin-bottom:0; text-transform:uppercase}  
.product-deatil{display:none;} 
.main-des.active {
  min-height: 630px;
}
#content #text .filters #select-category-button.ui-selectmenu-button{ display: none}
.teach #content #text .filters #select-category-button.ui-selectmenu-button{ display: inline-block}

.detal-box {
  clear: both;
}
#text.main-sermon {
  width: 100%; margin-bottom:0 
}
.detal-box {
  background: #eef0f5 ;
  clear: both;
  display: inline-block;
  height: 120px;
  margin: 0 1% 10px 0;
  text-align: center;
  vertical-align: middle;
  width: 32%;
}
.detal-box h3 {
  color: #0c4994;
  font-size: 18px;
  margin-top: 39px;
  padding: 0;
}
#content .container {
  background-image: none;
}
.detal-box.active h3, .detal-box:hover h3, .detal-box:hover .my_details span, .detal-box.active .my_details span{ 
  color: #ee6f31;
}
.detal-box.active, .detal-box:hover {
  background: #fce8de;cursor: pointer;
}

.detal-box.active .serman-deatil {
  display: block;
}
.main-sermon-deatil.main-sermon-active {
  padding-top: 20px;
  position: relative; clear:both
}
.main-sermon-deatil.main-sermon-active .active .serman-deatil {
  left: 0;
  position: absolute;
  text-align: left;
  top: 0;
  width: 100%;
}
.main-sermon-deatil.main-sermon-active .active .serman-deatil .detail-title {
  float: right;
  width: 66%;
}
.main-sermon-deatil {
  margin-bottom: 80px;
}
.main-sermon-deatil.main-sermon-active .active .serman-deatil img {
  float: left;
  width: 32%;
}
.main-sermon-deatil.main-sermon-active .active .serman-deatil .detail-title h3 {
  margin-top: 0;
}

.sermons-h2 {
  color: #0c4994;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.detal-box .my_details span {
  color: #0c4994;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.sermon-top::after {
  clear: both;
  content: "";
  display: block;
}



.sermon-top{ background:#eef0f5}

.sermon-top #video-wrap,
#video-embed {
  float: left;
  width: 66%;
}
#video-embed iframe {
  width: 100%; vertical-align: top; height:390px
}
.sermon-right-btn {
  float: left;
  padding:20px 0 0 3%;
  width: 30%;
}
.sermon-top h4 {
  color: #0c4994; letter-spacing:normal; margin-bottom:16px
}
.join-conversation {
  margin: 25px 0 ;
}
.sermon-right-btn a.button-medium::after {
  display: none;
}
.sermon-right-btn a.button-medium {
  padding: 10px 20px;
}
.sermon-media .button-medium {
  margin: 0 10px 10px 0;
}
.take-survey {
  border: 3px solid #eef0f5;
  clear: both;
  margin: 0 auto;
  max-width: 72.5%;
  padding: 15px 3%; text-align:center
}
.take-survey > p {
  display: inline-block; margin-bottom:0
}
.take-survey a.button-small {
  margin-left: 20px; display:inline-block;
  padding: 10px 20px;
}
#disqus_thread {
  background: #e6ecf4; 
  margin: 40px 0;
  padding: 10px 3%;
}
.sermon-details {
  padding: 50px 0 0;
} 
.take-survey p span{ color:#ee6622}
.sermon-left > h3 {
  color: #0c4994;
  font-size: 18px; margin-bottom:0
}
.sermon-left p.meta {
  color: #8f9dba;
  font-size: 12px;
}

.img-part > img {
  float: left;
  height: 185px;
  width: 328px; 
} 
.fluid-width-video-wrapper{ padding-top:0 !important}
.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed{ position:static !important}
.detail-title {
  float: left;
  margin-left: 2%;
  width: 64%;
} 
.sermon-media a.button-medium .icon-download{background: url("/_assets/img/download-icon.png") no-repeat  left center; padding-left:25px}
.sermon-media a.button-medium .icon-purchese{background: url("/_assets/img/purchase-icon.png") no-repeat left center;padding-left:30px}

.sermon-media a.button-medium:hover .icon-download{background: url("/_assets/img/download-icon1.png") no-repeat  left center;}
.sermon-media a.button-medium:hover .icon-purchese{background: url("/_assets/img/purchase-icon1.png") no-repeat left center;}


#all-series1:after {
  clear: both;
  content: "";
  display: block;
}
#all-series1 {
  padding-bottom: 70px;
  position: relative;
}
.page_navigation { bottom: 0;
left: 0; width:100%;
margin: 15px 10px;
position: absolute;}


/*Responsive*/
@media (max-width:1023px) {
.container {
  max-width: 95%;
}	
#all-series1 {
  text-align: center;
}
#content #text .filters select.sorter{ width:100%}
.filters #searchForm{ display:block; float:none ; width:100%}
.search-box{ display:block; float:none}	
#content .product-deatil ul li{ width:32%}
.main-des.active {
  min-height: 390px;
}
#text{ padding:2em 0}
#content .container {
  max-width: 95%;
}
.take-survey > p {
  line-height: 23px;
  margin-bottom: 15px;
}

}
@media (max-width:920px) {
#video-embed {
  float: left;
  width: 100%;
}
.sermon-right-btn{ width:93%; padding-bottom:15px}
.main-sermon-deatil.main-sermon-active{ text-align:center}
.detal-box{ width:48% }

}
@media (max-width:767px) {
.main-des {
  display: block;
  margin: 0 auto 20px !important;
  max-width: 500px;
  padding: 0;
  width: 100%;
}
.series_heading img{ max-height:100%}
.main-des.active{ min-height:10px}
.series_heading {
  margin: 0;
} 
.title.my-tch, .title.all-series {
  margin: 0 0 30px;
}
#content .product-deatil ul li {
  margin-bottom: 20px;
  width: 95%;
}
.product-deatil{ padding-bottom:10px}
.product-deatil{ position:relative; margin-top:20px}
.main-des.active .series_heading.clearfix::after { display:none}
.main-des.active .product-deatil::after {
  background: url("/_assets/img/arrow-top.png") no-repeat;
  bottom: -32px;
  content: "";
  height: 8px;
  left: 50%;
  margin-left: -14px;
  position: absolute;
  width: 28px; top:-14px
}
#video-embed iframe{ height:340px}
.img-part > img {
  float: none;
  width: auto;
}
.detail-title {
  float: left;
  margin: 20px 0 0;
  text-align: left;
  width: 100%;
}
}
@media (max-width:640px) { 
 
.contant-main .title .btn-groups {
  float: none;
  margin: 0 auto;
  max-width: 240px;
}
.title.my-tch, .title.all-series {
  margin: 0 0 20px;
}
.items {
  max-width: 500px; margin:0 auto; float:none
}
.filters {
  margin: 0 auto;
  max-width: 90%;
}
.contant-main .container {
  max-width: 90%;
}
.detal-box{ width:98% }

 .main-sermon-deatil.main-sermon-active .active .serman-deatil img {
  float: none ;
  width: auto;
}
.main-sermon-deatil.main-sermon-active .active .serman-deatil {
  text-align: center;
}
.main-sermon-deatil.main-sermon-active .active .serman-deatil .detail-title {
  float: none;
  padding-top: 10px;
  text-align: left;
  width: 100%;
}

.take-survey{ width:80%}
#video-embed iframe {
  height: 252px;
}
}

@media (max-width:480px) {
.filters {
  max-width: 100%;
}
.filters-top-btn-groups a.button-large {
  font-size: 15px;
  margin-left: 0;
  margin-right: 0;
  width: 48%;
}
.filters-top-btn-groups a.button-large.Series {
  float: left;
}
.filters-top-btn-groups a.button-large.Teachings {
  float: right;
}
}
@media (max-width:400px) {  
.title > h2 {
  font-size: 28px;
}


.take-survey {
  max-width: 96%;
  padding: 15px 2%;
}
#video-embed iframe {
  height: 180px;
} 

}

.rate_label {
  right: 18%;
}