@-ms-viewport {width: device-width;}

@media only screen and (min-width: 280px) and (max-width: 989px) {
.item-artist.jp-playlist-current {display:none;}
    .item_col img {
display: none;
}
    .content.span12 .add_comment,.content.span12 .comment-respond,.content.span12 .comment_list{
    margin: 0;
}

.content.span10 .add_comment,.content.span10 .comment-respond,.content.span10 .comment_list{
    margin: 0;
}
    
    .depth-1 .comment-form .textarea {
width: 240px;
max-width: 240px;
min-width: 240px;
}
.depth-1 .comment-form .inputtext {
width: 240px;

}

.depth-1 .add_comment .add_comment_title a,.depth-1 .comment-respond a {
top: -2px;
}

       .children .comment-form .textarea {
width: 195px;
min-width: 195px;
}
.children .comment-form .inputtext {
width: 195px;
}

     .children .children .comment-form .textarea {
width: 185px;min-width: 185px;
}
.children .children .comment-form .inputtext {
width: 185px;}

.children .children .children .comment-form .textarea {
width: 165px;
min-width: 165px;
}
.children .children .children .comment-form .inputtext {
width: 165px;}

.children .children .children .comment_author
{
    width:195px;
}

.children .children .children .children .comment_author
{
    width:170px;
}
    
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 300px;
  margin: 0 auto;}

.row {
  margin-left: 0;
  *zoom: 1;}

.row:before,
.row:after {
  display: table;
  line-height: 0;
  content: "";}

.row:after {
  clear: both;}

[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 0;}
/* span */

.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12,
.content.span8 .span2,
.content.span8 .span3,
.content.span8 .span4,
.content.span8 .span5,
.content.span8 .span6,
.content.span8 .span7,
.content.span8 .span8,
.content.span8 .span9,
.content.span8 .span10,
.content.span8 .span11,
.content.span8 .span12 { 
  width: 300px;}

h1 {
  font-size: 19px;
  line-height: 31px;}

h2 {
  font-size: 19px;
  line-height: 27px;}

h3 {
  font-size: 17px;
  line-height: 23px;
  margin-bottom: 15px;}

h4 {
  font-size: 16px;
  margin-bottom: 15px;}

h5 {
  font-size: 13px;
  margin-bottom: 15px;}

h6 {
  font-size: 12px;
  margin-bottom: 10px;}

h6.title_page {
  margin-bottom:20px;
  font-size:12px;
  padding:0 0 15px;}

h2.shortcode_title {
  font-size:19px;
  margin-bottom:15px;}

.hidden-desktop {
  display: inherit !important;}

.visible-desktop {
  display: none !important;}

.visible-phone {
  display: inherit !important;}

.hidden-phone {
  display: none !important;}

/*middle*/
#middle .middle_row {padding-top: 40px;}
#middle .content, #middle .sidebar {padding: 40px 0;}
#middle.medium .content, #middle.medium .sidebar {padding: 45px 0 45px;}
#middle .content.span8 {border-bottom:1px dashed #00bdad;}

/*header*/
.header {overflow:hidden;background-color:#6E4029;background-size:auto 100%}
.header .container {height:830px;}
.header_bottom.medium .container {height: 45px;line-height: 45px;}

/*topmenu*/
#topmenu {display: none}
#topmenu-select {display: block; background:none;width:100%;margin-bottom:0;}

/*showcase slider*/
#showcase {
    max-width: 300px !important;
}

.showcase-content-container,.showcase-content {
    height: 157px !important;
}
.showcase-content-container ,
.showcase-thumbnail-container {
    float: none !important;
}
.showcase-caption {display:none;}

.showcase-button {
    top:auto;
}

/*resource*/
#resource .carousel-inner {line-height: 48px;}
#resource .item_col {line-height: normal;text-align:center;width: 290px;}
.carousel-control.right {right:0;}
.carousel-control.left {left:0;}
.resources_item .resource_btn {float:none;margin-left:5px;display: block;}
.resources_item .meta_date {margin-left: 10px;font-size: 12px;margin-bottom:5px;display:block;}

/*buttons*/
a.resources_btn, 
a.newsletter_btn,
form.news_form input[type="submit"], 
a.resources_download, 
a.donate_btn {padding:0 20px; height:35px; line-height:36px; font-size:11px;}
a.button, .button {margin:5px ;min-width:85px;}
.resource_btn a {padding:0 15px;height:28px;line-height:30px;}

/*Sidebar map*/
#sidebar_map {width: 270px;height: 270px; margin:0 auto}
#sidebar_map iframe {top: -97px;left: -114px;}

/*pagination*/
.tf_pagination_center a {font-size: 12px;margin: -1px 20px 0;}
.tf_pagination_center span {font-size: 17px;}
.tf_resources_pagination a {font-size:12px;}

/*Calendar*/
#calendar .ui-datepicker-header {width:290px;top:-187px;}
#calendar .ui-datepicker-calendar tbody td {width:41px;height:38px;padding:0;}
#calendar .ui-datepicker-calendar td .ui-state-default{font-size:19px;}
#calendar .ui-datepicker-calendar .ev_wrap {display:none;}
#calendar .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-default::after {content:""}
#calendar .ui-datepicker-header a.ui-datepicker-prev {text-align: center;}
#calendar .ui-datepicker-header a.ui-datepicker-next {text-align: center;}
#calendar .ui-datepicker-header a.ui-datepicker-next span {padding:5px 0;background:none}
#calendar .ui-datepicker-header a.ui-datepicker-prev span {padding:5px 0;background:none}
#calendar .ui-datepicker-header .ui-datepicker-title {font-size: 19px;}
#calendar .ui-datepicker-header a {margin: 10px 0;}
#calendar .ui-datepicker-header a, .ui-datepicker-header .ui-datepicker-title {width: 290px;}

/*footer*/
.footer_tweet .tweet_inner {width: 290px;margin-bottom:20px;}
.footer_nav {text-align: left;}
.footer_nav li {margin:3px 0; width:45%;}
footer .footer_social {text-align:center;}

/*author description*/
.author_description .author_name, .author_description .author_desc {width: 275px;margin:0 7px;}
.author_description .author_img {float: none;width: 170px;margin:0 auto;}
.author_description .author_name h5 {margin-top: 0px;margin-bottom: 8px;}
.author_description .author_img img {margin: 15px auto 15px;}

/*comment & contact form*/
.comment-form .name_input input {width:240px;}
.comment-form .text_area textarea {width: 240px;min-width: 240px;max-width: 240px;}
.add_comment .add_comment_title a,.comment-respond a {font-size: 11px;position: relative;top: 8px;}
.contact_form .field_text input, .contact_form .text_area textarea,.contact_form .input_styled {max-width: 237px;min-width: 237px;}
.contact_form .field_text .tfuse_rf_post_datepicker_in ,.contact_form .field_text .tfuse_rf_post_datepicker_out  {max-width: 212px;min-width: 212px;}
.selecter {max-width: 250px !important;min-width: 250px !important;}
.contact_form .text_area textarea {max-width: 237px;min-width: 237px;}

/*comment list*/
.comment_text ,.children .comment_text,.children .children .comment_text {width:auto;}
ul.children {background: transparent url(images/icons/comment_arrow.png) no-repeat 7px 7px; padding-left: 25px;}

/*post item*/
.post_title h2 {font-size:19px;}

/**/
.middle_txt {width: 290px;margin: 0 auto 20px; }
.middle_txt p.psalm, .post_item p.psalm {width:290px;font-size:14px; line-height:25px;}

/*team carousel*/
.team_list .next {right: 0px;}
.team_list .prev {left: 0px;}

/*Contact Map*/
.contact_map {height: 250px;}

/*faq*/
.question_item .question_text ,.question_item .question_title {width: 290px;}
.question_item .question_btn {margin: 0 auto;display: block;text-align:center;}

}

@media only screen and (min-width: 768px) and (max-width: 989px){

/*showcase slider*/
#showcase {
    max-width: 700px !important;
}

.showcase-content-container,.showcase-content {
    height: 366px !important;
}

.showcase-caption {
    display:block;
}

.showcase-caption h4 {margin-left:0;}

.showcase-button-wrapper {
    width:164px;
    margin-right:-82px;
    right:50%;
    bottom:28px;
}

    .item-artist.jp-playlist-current {display:block;}
    .content.span12 .add_comment,.content.span12 .comment-respond,.content.span12 .comment_list{
    margin: 0 130px 0;
}

.content.span10 .add_comment,.content.span10 .comment-respond,.content.span10 .comment_list{
    margin: 0 65px 0;
}

    
       .depth-1 .comment-form .textarea {
width: 410px;
max-width:410px;
min-width:410px;
}
.depth-1 .comment-form .inputtext {
width: 188px;

}

.depth-1 .add_comment .add_comment_title a ,.depth-1 .add_comment .comment-respond a {
top: -2px;
}

       .children .comment-form .textarea {
width: 375px;
min-width: 375px;
}
.children .comment-form .inputtext {
width: 171px;
}

     .children .children .comment-form .textarea {
width: 340px;min-width: 340px;
}
.children .children .comment-form .inputtext {
width: 340px;}

.children .children .children .comment-form .textarea {
width: 300px;
min-width: 300px;
}
.children .children .children .comment-form .inputtext {
width: 300px;}
.children .children .children .comment_author
{
    width:355px;
}

.children .children .children .children .comment_author
{
    width:320px;
}
    
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 758px;
  margin: 0 auto;}

.row {
  margin-left: -35px;
  *zoom: 1;}

.row:before,
.row:after {
  display: table;
  line-height: 0;
  content: "";}

.row:after {
  clear: both;}

[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 35px;}

.span1 { 
    width: 31px;}
.span2 { 
    width: 97px;}
.span3 { 
    width: 163px;}
.span4 { 
    width: 229px;}
.span5 { 
    width: 295px;}
.span6 { 
    width: 361px;}
.span7 { 
    width: 427px;}
.span8 { 
    width: 493px;}
.span9 { 
    width: 559px;}
.span10 { 
    width: 625px;}
.span11 { 
    width: 691px;}
.span12 { 
    width: 758px;}

h1 {
  font-size: 26px;
  line-height: 42px;}

h2 {
  font-size: 21px;
  line-height: 32px;
  font-weight:bold;}

h3 {
  font-size: 19px;
  line-height: 24px;
  font-weight: normal;
  margin-bottom: 15px;}

h4 {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
  margin-bottom: 15px;}

h5 {
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  margin-bottom: 15px;}

h6 {
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  margin-bottom: 10px;
  text-transform: uppercase;}

h6.title_page {
  font-family:"Lato" , sans-serif;
  color:#a09c8e;
  margin-bottom:40px;
  text-transform:uppercase;
  font-size:13px;
  font-weight:normal;
  border-bottom:1px solid #e3e1da;
  padding:0 0 15px;}

h2.shortcode_title {
  font-size:21px;
  margin-bottom:30px;
  font-weight:bold;}

.hidden-desktop {
  display: none !important;}

.visible-desktop {
  display: inherit !important;}

.visible-phone {
  display: none !important;}

.hidden-phone {
  display: inherit !important;}

/*middle*/
#middle .content , #middle .sidebar {padding:80px 0;}
#middle.medium .content , #middle.medium .sidebar {padding:45px 0 150px;}
#middle.large .content , #middle.large .sidebar {padding:45px 0 80px;}
#middle .middle_row {padding-top:85px;}
#middle .content.span8 {border-bottom:0;}

/*header*/
.header {overflow:visible}
.header .container {height:640px;}
.header_bottom.medium .container {height: 45px;line-height: 45px;}

/*resource*/
#resource .carousel-inner {line-height: 142px;}
#resource .item_col {line-height: normal;text-align:center;width: 252px;}
.carousel-control.right {right:0;}
.carousel-control.left {left:0;}
.resources_item .resource_btn {float:none;margin-left:5px;display: block;}
.resources_item .meta_date {margin-left: 10px;font-size: 12px;margin-bottom:5px;display:block;}


/*showcase slider*/
.showcase {display:block;margin:0 auto;}
.showcase-caption h4{margin:0;}
.showcase-button-wrapper {bottom:-13px; right:27px;}

/*topmenu*/
#topmenu-select {display: none;}
#topmenu {display:block; width:771px; margin-bottom:55px;background:transparent url(images/menu_bg2.png) repeat-x}
#topmenu .dropdown {background:none;}
.dropdown > li {margin: 0 14px;}

/*Sidebar map*/
#sidebar_map {width: 209px;height: 209px; margin:0 auto}
#sidebar_map iframe {top: -97px;left: -114px;}

/*Calendar*/
#calendar .ui-datepicker-header {width:758px;top:-145px;}
#calendar .ui-datepicker-calendar tbody td {width:98px;height:98px;padding:5px;}
#calendar .ui-datepicker-calendar td .ui-state-default{font-size:26px;}
#calendar .ui-datepicker-calendar .ev_wrap {display:none;}
#calendar .ui-datepicker-calendar td.ui-datepicker-today a.ui-state-default::after {content:""}
#calendar .ui-datepicker-header a.ui-datepicker-prev {text-align: left;}
#calendar .ui-datepicker-header a.ui-datepicker-next {text-align: right;}
#calendar .ui-datepicker-header a.ui-datepicker-next span {background:transparent url(images/right_calendar_arrow.png) no-repeat center right;padding:10px 30px 10px 0;}
#calendar .ui-datepicker-header a.ui-datepicker-prev span {background:transparent url(images/left_calendar_arrow.png) no-repeat center left;padding:10px 0 10px 30px;}
#calendar .ui-datepicker-header .ui-datepicker-title {font-size: 19px;}
#calendar .ui-datepicker-header a {margin: 10px 0;}
#calendar .ui-datepicker-header a , .ui-datepicker-header .ui-datepicker-title {display:inline-block;  width:252px; vertical-align:middle; line-height:normal; *display:inline; *zoom:1;}

/*footer*/
.footer_tweet .tweet_inner {width: 380px;margin-bottom:20px;}
.footer_nav {text-align: center;}
.footer_nav li { margin:0 14px; width:auto;}
footer .footer_social {text-align:center;}
a.newsletter_btn {padding:0 5px;font-size:10px;}

/*widgets*/
.widget_container.widget_nav_menu li a, .widget_categories li a, .widget_archive li a, .widget_links li a, .widget_meta li a, .widget_pages li a {padding-left:20px;}
.widget_nav_menu li, .widget_categories li, .widget_archive li, .widget_links li, .widget_meta li, .widget_pages li {font-size:11px;}

/*author description*/
.author_description .author_name, .author_description .author_desc {width: 275px;margin:0 7px;}
.author_description .author_img {float: left; width: 170px;margin:0 0 0 15px;}
.author_description .author_name h5 {margin-top: 35px;margin-bottom: 8px;font-size:13px}
.author_description .author_img img {margin: 15px auto 15px;}

/*comment & contact form*/
.comment-form .name_input input ,.comment-form .email_input input {width:203px;}
.comment-form .text_area textarea {width: 437px;min-width: 437px;max-width: 437px;}
.add_comment .add_comment_title a,.comment-respond a {font-size: 11px;position: relative;top: 8px;}
.contact_form .field_text {margin-right: 30px;}
.contact_form .field_text input, .contact_form .text_area textarea,.contact_form .input_styled {max-width: 405px;min-width: 405px;}
.contact_form .field_text .tfuse_rf_post_datepicker_in ,.contact_form .field_text .tfuse_rf_post_datepicker_out  {max-width: 380px;min-width: 380px;}
.selecter {max-width: 418px !important;min-width: 418px !important;}
.contact_form .text_area textarea {max-width: 407px;min-width: 407px;}

/*comment list*/
.comment_text {width: 370px;}
.children .comment_text {width: 337px;}
.children .children .comment_text {width:302px;}
ul.children {background: transparent url(images/icons/comment_arrow.png) no-repeat 17px 7px; padding-left: 35px;}

/*Gallery*/
.gallery_list .gallery_item {width:246px;}

/**/
.middle_txt {width: 460px;margin: 0 auto 20px; }
.middle_txt p.psalm, .post_item p.psalm {width:340px;font-size:14px; line-height:25px;}

/*team carousel*/
.team_list .next {right: -35px;}
.team_list .prev {left: -35px;}

/*faq*/
.question_item .question_text ,.question_item .question_title {width: 500px;}
.question_item .question_btn {margin-left:65px;display:inline-block;}

}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /*showcase slider*/
    #showcase {
        max-width: 700px !important;
    }

    .showcase-content-container,.showcase-content {
        height: 366px !important;
    }

    .showcase-caption {
        display:block;
    }

    .showcase-caption h4 {margin-left:0;}

    #showcase .showcase-button-wrapper {
        width:164px;
        margin-right:-82px;
        right:50%;
        bottom:28px;
    }

    .showcase-button {
        display:none;
    }

    .header .container {
        padding-top: 55px;
        height: 650px;
    }
}

/* event styles max-width mini-tablet 800px */
@media only screen and (max-width: 800px) {
    #calendar .ui-datepicker-calendar {
        width: 90%;
    }
    .ui-datepicker-calendar tr {
        display: block;
        max-width: 100%;
    }
    #calendar .ui-datepicker-calendar tbody td {
        display: none;
        width: 100%;
        height: 200px;
        padding: 10px;
    }
    #calendar .ui-datepicker-calendar .ev_wrap {
        display: block;
        height: 150px;
    }
    #calendar .ui-datepicker-calendar tbody td.event.ui-datepicker-unselectable {
        display: block;
    }
    #calendar .ui-datepicker-calendar .ev_wrap a {
        padding-bottom: 10px;
        line-height: 22px;
    }
}
/* events slider arrows */
@media only screen and (max-width: 767px) {
    .showcase .showcase-thumbnail-button-backward {
        top: 142px;
    }
}