@media only screen and (min-width: 1200px) {

    .wider .widget_gallery li { width: 32%; }
    .wider .widget_gallery li.first + li { margin-right: 4px;}
    .wider .widget_gallery li.first + li + li { margin-right: 0;}

    
    /* Styles if content width more than 1200px */
    
    .layout_left_sidebar.wider .main-content,
    .layout_right_sidebar.wider .main-content,
    .layout_left_sidebar.wider .wrapper .main-content,
    .layout_right_sidebar.wider .wrapper .main-content {
        width: 75%;
    }
    .layout_left_sidebar.wider .left-sidebar,
    .layout_left_sidebar.wider .wrapper .left-sidebar,
    .layout_right_sidebar.wider .right-sidebar,
    .layout_right_sidebar.wider .wrapper .right-sidebar {
        width: 25%;
    }
}
@media only screen and (max-width: 1160px) {
    .wider .widget_gallery li { width: 32%; }
    .wider .widget_gallery li.first + li { margin-right: 4px;}
    .wider .widget_gallery li.first + li + li { margin-right: 0;}
}
@media only screen and (min-width: 1160px) and (max-width: 1360px) {
    .wider .widget_gallery li { width: 31.5%; }
}
@media only screen and (min-width: 960px) and (max-width: 1160px) {
    .wider .widget_gallery li { width: 31.5%; }
}
@media only screen and (max-width: 960px) {
    .wider .widget_gallery li { width: 49%; }
    .wider .widget_gallery li.first + li { margin-right: 0;}
     .wider .widget_gallery li.first + li + li { margin-right: 4px;}
}
@media only screen and (min-width: 960px) and (max-width: 1160px) {
    #slide_prev {left: 0;}
    #slide_next {right: 0;}
}

@media only screen and (min-width: 960px) {
    .one_half .gallery_wrap .grid_12,
    .one_third .gallery_wrap .grid_12,
    .two_third .gallery_wrap .grid_12,
    .one_fourth .gallery_wrap .grid_12,
    .three_fourth .gallery_wrap .grid_12 {width:100%}
    .three_fourth .gallery_wrap .gallery_listing .thumb,
    .one_fourth .gallery_wrap .gallery_listing .thumb,
    .one_third .gallery_wrap .gallery_listing .thumb,
    .two_third .gallery_wrap .gallery_listing .thumb,
    .one_half .gallery_wrap .gallery_listing .thumb { float:none;}

    /* widget sermon*/
        footer .grid_3 .widget_recent_sermons .recent_sermon_date { margin-right: 0;}
}

@media only screen and (max-width: 959px) {
    #pagetitle .grid_12 {margin-bottom: 0;}

    div.products + div.products {
        margin-top: 41px;
    }

    div.upsells div.flex-viewport, div.related div.flex-viewport, div.cross-sells div.flex-viewport {
        margin: 0 -10px -40px;
        padding-bottom: 40px;
    }

    p.woocommerce-result-count {
        float: none;
        display: block;
        position: relative;
        top: 0;
        right: 0;
        margin: 0 0 12px;
        text-align: left;
    }

    .single-product .product .product_image_wrap {
        width: 65% !important;
    }
    .single-product .product .summary {
        width: 32%;
    }

    .single-product .product a.woocommerce-review-form {
        padding: 0;
    }
    .single-product .product a.woocommerce-review-form:before {
        content: none;
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1439px) {
    .grid_8 .events_calendar .day.has_event .time  { padding: 10px 0 0 45px }
    .grid_8 .multi_button span { display: none; }
    .grid_8 .multi_button a { font-size: 11px }
    .grid_8 .events .events_meta li.event_address { font-size: 13px; }
    .grid_8 .events_calendar .day.has_event .event {line-height: 13px;}
    .grid_8 .events_calendar .day.has_event .event a .time {line-height: 18px;}
    .grid_8 .events_calendar .day.has_event .event a .time span {overflow: hidden;display: block;height: 20px;}
    .grid_8 .events_calendar .event_line {margin-bottom: 6px;}
    .grid_8 .events_calendar .event_text {overflow: hidden;height: 27px;display: block;}
}

@media only screen and (min-width: 768px) {
    /* Calendar*/
    /* min-width: 768px - if add max width to @media, on row set 960px - cropped content */
    .grid_8 .events_calendar .day_wrapper .event {display: none;}

    .header-widget { padding-left: 0; padding-top: 19px; padding-bottom: 14px;}

    .header-widget .widget {clear: both;float: right;}
    .header-widget .widget_search {float: none;}
    .header-widget .widget+.widget {padding-top: 20px;}
}


@media only screen and (min-width: 768px) and (max-width: 1023px) {
    body { /*min-width: 768px;*/ }
    .row { 
        margin:0 auto; /*max-width:768px;*/
    }
    .row .row { margin:0 -14px; width:auto; }
    .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
        padding-left:14px; padding-right: 14px;
    }

    .grid_4 .widget_event li { min-width: 100px }
    .grid_6 .widget_event ul { background: url('../images/bg_footer_widgets.png') repeat-x 0 0; width: 100% }
    .grid_6 .widget_event { padding-top: 0 }
    .grid_6 .widget_event:before { display: none; }
    .grid_4 .widget_calendar tbody td { height: 15px; font-size: 12px }
    .grid_3 .widget_calendar th { font-size: 12px; }
    .grid_3 .widget_calendar tbody td { height: 21px; font-size: 10px; padding: 0 3px }
    .grid_3 .widget_calendar tbody td a { padding:  0 3px }
    .widget_gallery li .placeholder, .widget_gallery li .placeholder span { display: block; width: 144px; height: 144px; }
    /*.grid_4 .widget_gallery li span.placeholder,.grid_4 .widget_gallery li .placeholder span, .grid_4 .widget_gallery li a { width: 94px; height: 94px; }*/
    .grid_6 .widget_gallery li .placeholder,.grid_6 .widget_gallery li .placeholder span, .grid_6 .widget_gallery li a { width: 69px; height: 69px; }
    .grid_12 .widget_gallery li .placeholder, .grid_12 .widget_gallery li .placeholder span, .grid_12 .widget_gallery li a { width: 103px; height: 103px; }
    .jcyclemain .cycle_image.left img, .jcyclemain .cycle_image.right img { width: 258px; height: 173px; }

    
    header .grid .widget_event .widget-title {margin: 0px 20px 10px 0;}
    header .grid .widget_event ul {clear: both;}
    header .grid .widget_event li {min-width: 63px;}
    header .grid .widget_event li .descr {font-size: 10px;}

    .mainmenu  .grid_12 { float: right; width: auto; margin-right: 0;}
    .menu_left .grid_12 { float: left;}

    #main { 
        /*min-width: 768px;*/
    }
    .teaser_title { font-size: 14px; top: 40%;}

    /* events*/
        .events_calendar .calendar_header span.month { font-size: 28px; }
        .events_calendar .calendar_header #previous_month, .events_calendar .calendar_header #next_month {top: 5px;}

        .events_calendar .week span             { font-size: 20px;}
        .events_calendar .day                   { height:100px;}
        .events_calendar .day.today             { height: 94px;}
        .events_calendar .day:not(.empty):hover { height: 94px;}
        .lt-ie9 .events_calendar .day:hover     { height: 94px;}

        .events_calendar .day.has_event .time  { padding: 10px 0 0 45px }
        .multi_button span { display: none; }
        .multi_button a { font-size: 11px }
        .events .events_meta li.event_address { font-size: 13px; }
        .events_calendar .day.has_event .event {line-height: 13px;}
        .events_calendar .day.has_event .event a .time {line-height: 18px;}
        .events_calendar .day.has_event .event a .time span {overflow: hidden;display: block;height: 20px;}
        .events_calendar .event_line {margin-bottom: 6px;}
        .events_calendar .event_text {overflow: hidden;height: 27px;display: block;}

        .grid_8 .events_calendar .day          { height:64px; overflow: hidden;}
        .grid_8 .events_calendar .day.today,
        .grid_8 .events_calendar .day:hover    { height: 58px; }
        .grid_8 .events_calendar .other_events { display: none;}
        .grid_8 .events_calendar .multi:hover:before {display: none;}
        .grid_8 .multi_button { padding: 0; }

    /*  Pricing plane */
        .offer_group .offer { width:33.33%;}
        .offer_group_even .offer { width: 50%;}

        .grid_8 .offer_group .offer { width:33.33%;}
        .grid_8 .offer_group_even .offer { width: 50%;}

        #slide_prev {left: 0;}
        #slide_next {right: 0;}

        .one_half .gallery_wrap .grid_12,
        .one_third .gallery_wrap .grid_12,
        .two_third .gallery_wrap .grid_12,
        .one_fourth .gallery_wrap .grid_12,
        .three_fourth .gallery_wrap .grid_12 { width:100%;}

        .three_fourth .gallery_wrap .gallery_listing .thumb,
        .one_fourth .gallery_wrap .gallery_listing .thumb,
        .one_third .gallery_wrap .gallery_listing .thumb,
        .two_third .gallery_wrap .gallery_listing .thumb,
        .one_half .gallery_wrap .gallery_listing .thumb { float:none;}

        .widget_recent_sermons .recent_sermon_date {margin-right: 0;float: none;}

        .widget_recent_sermons ul li .recent_txt p,
        .grid_3 .widget_recent_sermons ul li .recent_txt p {margin-top:0px;}

    /*various of icons */
        /* one icon */
        .grid_3 p.s_video .recent_sermon_date,
        .grid_3 p.s_audio .recent_sermon_date,
        .grid_3 p.s_pdf .recent_sermon_date {min-width:102px; margin-right:6px;}
        /* two icons */
        .grid_3 p.s_video.s_audio .recent_sermon_date,
        .grid_3 p.s_audio.s_pdf .recent_sermon_date,
        .grid_3 p.s_pdf.s_video .recent_sermon_date {min-width:80px; margin-right:6px;}
        /* three icons */
        .grid_3 p.s_video.s_audio.s_pdf .recent_sermon_date {min-width:85px; margin-right:6px;}
    /*end of various of icons */

    footer .grid_3 .widget_sermon_speakers .imgborder {max-width: 50px;}

    footer .grid_3 .recent_txt, footer .grid_3 .widget_recent_sermons .recent_txt {
        display: block;
        clear: both;
        padding-top: 10px;
    }
}

@media only screen and (min-width: 768px) {
    #title_sidebar h1:first-child,
    #title_sidebar h2:first-child,
    #title_sidebar h3:first-child,
    #title_sidebar h4:first-child,
    #title_sidebar h5:first-child,
    #title_sidebar h6:first-child { margin: 13px 0 20px;}

    .gallery_listing .thumb { max-width: 60%;}
    .gallery_listing.small .thumb, .gallery_listing.grid_8 .thumb { max-width: 100%;}
    .gallery_listing .thumb + .postcontent  { overflow: hidden;}
}

/***** iPhone (landscape) *****/
@media only screen and (max-width: 767px) {
    body { min-width: 300px}
    .row { margin:0 auto; max-width:300px;}
    .row .row { margin:0 -10px; width:auto; }
    .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 { 
        width:100%; margin:0 0 10px 0; padding-left: 10px; padding-right: 10px;
    }
    .one_half, .one_third, .one_fourth, .two_third, .three_fourth { width:100%; margin:0 0 20px 0; float:left; display:inline; position:relative }
    .one_half.last, .one_third.last, .one_fourth.last, .two_third.last, .three_fourth.last { margin:0 !important }
    .grid_12 .one_half,  .grid_12 .one_third,  .grid_12 .one_fourth,  .grid_12 .two_third,  .grid_12 .three_fourth,  .grid_8 .one_half,  .grid_8 .one_third,  .grid_8 .one_fourth,  .grid_8 .two_third,  .grid_8 .three_fourth { 
        width:100%;
    }

    .grid_8 { padding-bottom: 30px;}

    .textwidget .one_half, .textwidget .one_third, .textwidget .one_fourth, .textwidget .two_third, .textwidget .three_fourth {margin-bottom: 0;}

    .grid_12 .textwidget h1:first-child,
    .grid_12 .textwidget h2:first-child,
    .grid_12 .textwidget h3:first-child,
    .grid_12 .textwidget h4:first-child,
    .grid_12 .textwidget h5:first-child, .grid_12 .textwidget h6:first-child { margin: 0 0 12px;}

    /* Header*/
    .header_top .row { display: block;}
    .header_top .grid { display: block; float: left; vertical-align: top;}
    
    header .ribbon_holder { right: 0; }
    div.topline-cart .ribbon_bg { right: 3px; }
    span.top_cart_text { right: 7px; }
    .topline_shopping_cart { right: -4px; }

    /* Calendar*/
        .grid_8 .events_calendar .day { height:127px;}
        .grid_8 .events_calendar .day.today { height:121px; }
        .grid_8 .events_calendar .day:not(.empty):hover { height:121px;}
    /* end of Calendar*/

    /*mobile menu */
        .mainmenu .grid_12 {margin-bottom: 0;}
        #menu-icon {display:block;}
        .mobile-menu  {display:none;}
        .main_menu {float:none; margin:0 auto; min-height:0;}
        .main_menu ul {right:0; padding-top:5px; padding-bottom:5px; margin-bottom: 10px;}

        .main_menu .sf-menu > li > a {letter-spacing: 0;}

        .mainmenu li em,
        .mainmenu li li em {display:block;}
        .sf-menu ul li.dropdown:before {display:none;}
        .sf-menu { border-radius: 6px; box-shadow:1px 1px 0 0 rgba(0,0,0,.06), 2px 2px 0 0 rgba(0,0,0,.05), 3px 3px 0 0 rgba(0,0,0,.03), 2px 2px 0 2px rgba(0,0,0,.03), 0 0 0 1px rgba(0,0,0,.01), 0 0 0 2px rgba(0,0,0,.01), 2px 2px 0 3px rgba(0,0,0,.01); padding: 5px 0; background:#f9f9f9; position:relative; width:100%; left:0; top:0; padding:0;}

        .sf-menu > li {float:none; height:auto; display:block; box-shadow: inset 0 -15px 43px -13px rgba(0,0,0,.1); transition: background 100ms ease-in-out; -webkit-transition: background 100ms ease-in-out; -moz-transition: background 100ms ease-in-out; -o-transition: background 100ms ease-in-out; position: relative; }

        .main_menu .sf-menu > li  a {float:none; height:auto; line-height:1; display:block; text-transform:none; color:#403b3c; font-size:13px; padding:12px 25px 14px 25px; text-shadow:none; border-radius:0;}
        .hover, .hoverL, .hoverR { display:none !important;}

        .sf-menu ul.sub-menu {box-sizing:border-box; padding:0px;}
        .main_menu .sf-menu ul.sub-menu li a {padding-left:35px;} 
        .main_menu .sf-menu ul.sub-menu li li a {padding-left:40px;}

        .sf-menu li:hover ul,
        .sf-menu li.sfHover ul {
        	display: none !important;
            margin: 0 !important;
            opacity: 1 !important;
            visibility: hidden !important;
            z-index: 0;
        	position:relative;
        	width:100%;
        	left:0;
        	top:0;
        }
        .sf-menu li.active > ul {
            box-shadow: none;
            box-sizing: border-box;
            display: block !important;
            margin: 0 !important;
            top: 0;
            visibility: visible !important;
        	position:relative; width:100%; left:0; top:0;
        	border-radius:0;
        }
        ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top:0; }

        ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left:0px; top:0px; z-index:1;}

        .sf-menu>li:hover>ul:before, .sf-menu>li.sfHover>ul:before { display:none;}
        ul.sf-menu li li:hover ul:before, ul.sf-menu li li.sfHover ul:before { display:none; }
        ul.sf-menu li li:hover ul.sfRight:before, ul.sf-menu li li.sfHover ul.sfRight:before { display:none;}
    /*end of mobile menu */

    header .logo span, header .logo img { margin: 15px 0 }
    header .widget { padding: 15px 0 21px;}
    header .grid { margin: 0;}
    #footer_widgets { padding-top: 30px; padding-bottom: 30px;}

    .widget_event li, .grid_3 .widget_event li { min-width: 20px }
    header .grid .widget_event li {min-width:60px}
    .grid_12 .widget_event ul, .grid_6 .widget_event ul { background: url('../images/bg_footer_widgets.png') repeat-x 0 0; width: 100% }
    .grid_12 .widget_event, .grid_6 .widget_event { padding-top: 0;}
    .grid_12 .widget_event:before, .grid_6 .widget_event:before { display: none; }
    #copyright p { margin: 0; }
    .widget_gallery li span.placeholder, .widget_gallery li .placeholder span, .widget_gallery li a { display: block; width: 140px; height: 140px; }

    #pagetitle .extratitle { padding-top: 0; }
    .jcyclemain .cycle_image.left img, .jcyclemain .cycle_image.right img { width: 188px; height: 127px; }
    .cycle_content h3.entry-title {font-size:32px;}
    .teaser_title { top:40%; }
    .grid_8 .teaser_title { top:100px }
    .one_half .teaser_title { top:60px }
    .one_third .teaser_title { top:55px }
    .one_fourth .teaser_title { z-index: 10; top: 100px; }
    .grid_8 .one_half .teaser_title { top:40px }
    .grid_8 .one_third .teaser_title { top:20px }

    .offer_group .offer,
    .grid_8 .offer_group .offer { float: none; width:100%; margin: 0; }

    .events_calendar .week, .events_calendar .day.empty { display: none; }
    .events_calendar .calendar_header span.month { font-size: 24px; }
    .events_calendar .calendar_header #previous_month, .events_calendar .calendar_header #next_month {width: 28px; top: 4px; height: 28px; font-size: 0;color: transparent;padding: 0;}

    .events_calendar div.month { margin: 0 auto}
    .events_calendar .day { width: 50%;}

    #main {min-width: 300px}
    .rev_slider_wrapper #slide_prev, .rev_slider_wrapper #slide_next,
    #jcyclemain_navigation {display: none !important}

    .grid_3 .widget_recent_sermons div.recent_txt {padding-left:0;}
    .grid_3 .widget_recent_sermons ul li .recent_txt p {margin-top:0px;} 

    /*  Teaser box - blcok to center */
        .teaser_box_wrap {text-align: center;}
        .teaser_box_wrap a.teaser_box {display: inline-block; max-width: 100%;}
        #main .gallery_listing:last-child {padding-bottom: 0;}
        .gallery_listing .thumb {float: none; margin-right: 0;}

    /*  Footer */
        #footer_widgets .dotted { padding-top: 0px;margin-bottom: 0;}
        #footer_widgets + #copyright { padding-top: 0; padding-bottom: 10px;}
        #copyright .grid_5, #copyright .grid_7 {text-align: center;}
        #copyright .grid_7 {margin-bottom: 0;}
        #copyright nav ul { margin:0; padding:10px 0 0; float:none }
        #copyright nav li { float: none; display: inline-block;}
        #copyright nav li a { margin: 0;}


    /*  Lightbox */
        div.pp_pic_holder {
            left: 0 !important; right: 0 !important;
            left: 0 !important; right: 0 !important; width: 100% !important; height: auto !important;
        }
        div.pp_pic_holder div.ppt {display: none !important;}

        div.pp_pic_holder .pp_content { width: 100% !important; height: 100%!important;}
        div.pp_pic_holder .pp_details { width: 100% !important; float: none;}
        
        div.pp_pic_holder.light_square .pp_close {
            background-position:-49px -2px!important;
            height: 20px!important; width: 20px!important;
            border-radius: 100%;
        }
        div.pp_pic_holder.light_rounded .pp_description, div.pp_pic_holder.light_square .pp_description {margin-right: 25px; padding-top: 4px;padding-bottom: 0;}

        div.pp_pic_holder a.pp_arrow_previous, div.pp_pic_holder a.pp_arrow_next { margin-top: 4px;}


        #pp_full_res img {width: auto !important; height: auto !important; max-width: 100%;}
        #pp_full_res  iframe {width: 100%;height: 100%;}

        div.pp_pic_holder .pp_fade {position: relative;}
        div.pp_pic_holder .pp_hoverContainer {width: 100% !important; bottom: 32px !important; height: auto !important;}

        div.pp_pic_holder .pp_content_container .pp_details {margin-bottom: 0!important;}

        div.pp_pic_holder a.pp_expand { right: 10px !important; display: none !important;}

        .single-product .product .product_image_wrap {
            width: auto !important;
        }

        .single-product .product .summary {
            width: 100%;
        }
        .single-product .product a.woocommerce-review-form {
            padding: 0px 0px 0px 26px;
        }
        .single-product .product a.woocommerce-review-form:before {
            content: "";
        }
}

/***** iPhone (portrait) *****/
@media only screen and (min-width: 480px) and (max-width: 767px) {
    body { /*min-width: 480px;*/}
    .row { max-width: 456px;}

    .widget_event li, .grid_3 .widget_event li { min-width: 20px }
    .grid_12 .widget_event ul, .grid_6 .widget_event ul, .widget_event ul { background: none !important; width: auto }
    .grid_12 .widget_event, .grid_6 .widget_event, .widget_event { padding-top: 15px }
    aside .widget_event .widget-title { padding: 24px 0px 0 0;}
    .grid_12 .widget_event:before, .grid_6 .widget_event:before, .widget_event:before { display: block; content: ''; position: absolute; top: 15px; left: 0; right: 0; width: 100%; background: url('../images/bg_footer_widgets.png') repeat-x 0 0; height: 1px }

    .widget_gallery li span.placeholder,.widget_gallery li .placeholder span, .widget_gallery li a { display: block; }
    .widget_gallery li span.placeholder,.widget_gallery li .placeholder span, .widget_gallery li a,
    .grid_4 .widget_gallery li .placeholder,.grid_4 .widget_gallery li .placeholder span, .grid_4 .widget_gallery li a,
    .grid_6 .widget_gallery li .placeholder,.grid_6 .widget_gallery li .placeholder span, .grid_6 .widget_gallery li a,
    .grid_12 .widget_gallery li .placeholder,.grid_12 .widget_gallery li .placeholder span, .grid_12 .widget_gallery li a { width: 94px; height: 94px;}
    
    .widget_gallery li { width: auto; }

    .widget_gallery li.first + li { margin-right: 4px;}

    .jcyclemain .cycle_image.left img, .jcyclemain .cycle_image.right img { width: 344px; height: 232px; }

    .left-sidebar, .right-sidebar { padding-top: 0; }

    header .logo span, header .logo img { margin: 23px 0 18px;}
    header .grid .widget_event { padding-top: 0; padding-bottom: 15px; padding-right: 0;}

    #main { /*min-width: 480px;*/ }

    .events_calendar .calendar_header span.month { font-size: 28px; }
    .events_calendar .calendar_header #previous_month, .events_calendar .calendar_header #next_month {top: 5px;}
    .events_calendar div.month { margin: 0 auto}

    .events_calendar .day {width: 33.33%;}

    /*  Gallery listing */
        #main .gallery_listing.small { width: 50%;}
        .gallery_listing .thumb {margin-right: 0;}

        #main .gallery_listing:nth-child(3n+1) {clear: inherit;}
        #main .gallery_listing:nth-child(2n+1) {clear: both;}

    /*  Captcha */
        
    /*  Events */
    .events .content_wrap {overflow: visible; clear: both;}
    .events .postdate { width: auto; float: none; min-height: 80px;}
    .events .postdate strong.day {float: left;}
    .events .postdate strong.month {float: left; width: auto; padding: 22px 0 0 20px;}
    .events .events_meta li.event_time {padding-left: 0;}
}

@media only screen and (max-width: 479px) {
    /*  Header */
        header .grid .widget_event { padding:0 0 15px;}
        header .grid .widget_event .widget-title { margin: 10px 20px 0px 0; clear: both;}
        header .grid .widget_event ul { padding: 4px 0 13px 0; clear: both;}

    div.filters ul li a {
        font-size: 13px;
        padding: 2px 6px 22px 7px;
    }
    div.filters { margin-bottom: 27px;}


    .sermon_attrs_frame #video.active iframe, .sermon_attrs_frame #audio.active iframe { height: auto;}

    /*  Images*/
        .entry-content p .alignleft, .entry-content p .alignright {
            float: none;
            margin: 10px auto 10px;
            display: block;
            text-align: center;
        }
        .entry-content p a.lightbox {
            float: none !important;
            margin: 10px auto 10px !important;
            display: block;
        }
        .entry-content p a.lightbox img {margin: 0;}


    .entry-content table { font-size: 11px;}
    .entry-content table th, .entry-content table td {padding: 6px;}
    .cart_totals table th, .cart_totals table td { padding: 11px 0 12px;}

    /* authorbox */
        #authorbox div, .authorbox a.imgborder + div {padding-left: 0;}
        .authorbox a.imgborder {margin-right: 17px; margin-bottom: 10px;}
        .authorbox img { max-width: 100%;}
        #authorbox img { height: auto;width: auto;max-width: 70%;}

        #authorbox .imgborder { margin-right: 22px; margin-bottom: 10px;}

    /*  Captcha */
        .th_contact-form .th_contact-submit.captcha { padding-bottom: 63px;}
        .th_contact-form .th_contact-submit.captcha .recaptcha_wrap { padding: 13px 0px 5px 0px;border: 0; float: none;}
            .th_contact-form .th_contact-submit.captcha .recaptcha_logo { width: 60px; margin: 2px 10px 6px 0;}
            .th_contact-form .th_contact-submit.captcha .recaptcha_tagline {width: 60px; margin-right: 10px;}
            .th_contact-form .th_contact-submit.captcha .recaptcha_reload, .recaptcha_only_if_image, .recaptcha_only_if_audio, .recaptcha_help {margin-left: 7px;}

        .th_contact-form .th_contact-submit.captcha input.churchope_button { position: absolute; right: 13px; bottom: 12px; float: none; margin: 0; top: inherit;}

    /*  Events */
        .events .content_wrap {overflow: visible; clear: both;}
        .events .postdate { width: auto; float: none; min-height: 80px;}
        .events .postdate strong.day {float: left;}
        .events .postdate strong.month {float: left; width: auto; padding: 22px 0 0 20px;}
        .events .events_meta li {padding: 0; float: none;border: 0;}

        .commentlist img.imgborder, 
        .commentlist .imgborder > img, 
        .commentlist a.imgborder > span.placeholder {
            width: 55px;
            padding: 5px;
        }
        .commentlist .comment-reply-link {
            font-size: 9px;
            padding: 0px 6px 0px;
            top: 36px;
        }
        .comment-text { padding-left: 0; }
        .comment-entry { margin-top: 28px; }

        .woocommerce-tabs ol.commentlist .comment-text {
            overflow: visible;
            padding-left: 0;
        }
        .woocommerce-tabs p.meta {
            padding: 0px 0px 9px 68px;
        }
        .woocommerce-tabs ol.commentlist .description {
            margin-top: 16px;
        }
}

@media only screen and (max-width: 479px) {
    .header_top     { padding: 0;}
    .row            { padding: 0;}
    .grid_bg:before { width: 10px; left: -10px; background-position: -9px 0;}
    .grid_bg:after  { width: 10px; right: -10px; background-position: right -11px top 0;}
}



/*

Woo

------------------------------------------------------------------------------------------------------------ */
@media only screen and (min-width: 960px) {
    .col2-set {
        margin: 0 -10px;
        width: auto;
    }
    .col-1, .col-2 {
        width: 50%;
        float: left;
        padding: 0 10px;
        box-sizing: border-box;
    }

    p.form-row-first, p.form-row-last {
        float: left;
        box-sizing: border-box;
        width: 50%;
    }
    p.form-row-first { padding: 0 15px 0 5px;}
    p.form-row-last { padding: 0 5px 0 15px;}
    p.form-row-first:before { right: 10px;}
    p.form-row-last:before { left: 10px;}

    .grid_12 table.variations { max-width: 54%;}

    /*  Group Product
    ..........................................*/
        .grid_8 table.group_table tr:first-child td { padding-top: 25px; }

        .grid_8 .product-type-grouped .summary {
            overflow: inherit;
            padding-left: 0;
        }
        #main .grid_8 .product-type-grouped h1.product_title,
        .grid_8 .product-type-grouped .summary .woocommerce-product-rating,
        .grid_8 .product-type-grouped .summary p.price,
        .grid_8 .product-type-grouped .summary div[itemprop~="description"] {
            overflow: hidden;
            position: relative;
            margin-right: 20px;
            left: 20px;
        }
        .grid_8 .product-type-grouped form.cart {
            clear: both;
            padding-top: 20px;
        }
        .grid_8 .product-type-grouped div[itemprop~="description"] {background-image: none;}
        .grid_8 table.group_table {
            background: url(../images/bg_footer_widgets.png) repeat-x 0 0;
        }

        .grid_12 table.group_table tr:first-child td { padding-top: 0;}
}

@media screen and (min-width: 768px) {
    /*  Product Page
    ..........................................*/
        .product_image_wrap {
            float: left;
            /*width: 460px;*/
            width: 100%;
            max-width: 50%;
        }
        .summary {
            overflow: hidden;
            padding-left: 20px;
        }

    .woocommerce-tabs .tabs-wrap {  display: inline;}

    table.my_account_orders tbody tr:last-child td {background: none;}

    /*  Checkout Order Details
    ..........................................*/
    .woocommerce ul.order_details { position: relative; min-height: 1px; margin-left: -15px; margin-bottom: 20px;}
    .woocommerce ul.order_details:before {content: '';position: absolute;width: 1px;left: 0;top: 0;bottom: 0;background-color: #fff; z-index: 1;}
    .woocommerce ul.order_details:after {content: '';clear: both;display: table;}
    .woocommerce ul.order_details li {
        padding: 0 15px 0 15px; margin: 3px 0; float: left; background: none;
        border-left: 1px solid #dfdfdf;
    }
    .woocommerce ul.order_details li:before { display: none;}
}


@media screen and (min-width: 960px) {
    /*  My Account
    ..........................................*/
        .grid_8 .rememberme-wrap {display: block;}
        .grid_8 form.login a.lost_password {clear: both;display: block;padding: 9px 0 0;}
}


@media only screen and (max-width: 959px) {

    /*  Group Product
    ..........................................*/
        .product-type-grouped div[itemprop~="description"] {background-image: none;  margin-bottom: 0;}
        table.group_table {
            background: url(../images/bg_footer_widgets.png) repeat-x 0 0;
        }
        table.group_table tr:first-child td {
          padding-top: 25px;
        }

    /*  You Order
    ..........................................*/
        table.woocommerce-checkout-review-order-table tbody td.product-name { width: 50%;}

}

@media only screen and (max-width: 959px) and (min-width: 768px) {
    .grid_8 .summary .woocommerce-product-rating { display: block;}
    .grid_8 .table.variations select {width: 100%;}

    ul.products .onsale, 
    ul.products .wc-new-badge {
        padding: 0 10px;
        font-size: 10px;
    }
    ul.products .onsale + .wc-new-badge { top: 54px;}
    
    .product_image_wrap {
        margin: 0 auto;
        max-width: 100%;
    }
    
    .product_image_wrap .onsale, 
    .product_image_wrap .wc-new-badge {
        padding: 0 10px;
        font-size: 15px;
    }
    .single-product .onsale,
    .single-product .wc-new-badge {
        font-size: 16px;
        padding: 0 14px;
    }
    .single-product ul.products .onsale,
    .single-product ul.products .wc-new-badge {
        padding: 0 10px;
        font-size: 15px;
    }
    .single-product .products .onsale + .wc-new-badge {
        top: 68px;
    }
    .product_image_wrap .onsale + .wc-new-badge {
        top: 84px;
    }

    /*  Group Product
    ..........................................*/
        .product-type-grouped .summary {
            overflow: inherit;
            padding-left: 0;
        }
        #main .product-type-grouped h1.product_title,
        .product-type-grouped .summary .woocommerce-product-rating,
        .product-type-grouped .summary p.price,
        .product-type-grouped .summary div[itemprop~="description"] {
            overflow: hidden;
            position: relative;
            margin-right: 20px;
            left: 20px;
        }
        .product-type-grouped form.cart {
            clear: both;
            padding-top: 20px;
        }

    /*  Cart Page
    ..........................................*/
        body.woocommerce-cart .woocommerce .grid_8,
        body.woocommerce-cart .woocommerce .grid_4  {margin: 0 0 10px;width: 100%;}

    .col2-set {
        margin: 0 -10px;
        width: auto;
    }
    .col-1, .col-2 {
        width: 50%;
        float: left;
        padding: 0 10px;
        box-sizing: border-box;
    }

    p.form-row-first, p.form-row-last {
        float: left;
        box-sizing: border-box;
        width: 50%;
    }
    p.form-row-first { padding: 0 15px 0 5px;}
    p.form-row-last { padding: 0 5px 0 15px;}
    p.form-row-first:before { right: 10px;}
    p.form-row-last:before { left: 10px;}

    .grid_8 #customer_login .col-1, .grid_8 #customer_login .col-2 {
        width: 100%;
        float: none;
    }

    footer .grid_3 .widget_products li,
    footer .grid_3 .widget_recent_reviews li,
    footer .grid_3 .widget_recently_viewed_products li,
    footer .grid_3 .widget_top_rated_products li { padding-left: 0;}

    footer .grid_3 .widget_products img,
    footer .grid_3 .widget_recent_reviews img,
    footer .grid_3 .widget_recently_viewed_products img,
    footer .grid_3 .widget_top_rated_products img { float: none; margin-left: 0;margin-bottom: 15px; display: block;}

    footer .grid_3 .widget_shopping_cart ul.product_list_widget li { padding-left: 75px; padding-right: 13px;}
    footer .grid_3 .widget_shopping_cart a { font-size: 12px;}
    footer .grid_3 .widget_shopping_cart ul.product_list_widget img { max-width: 65px; margin-left: -76px;}
    footer .grid_3 .widget_shopping_cart a.remove { width: 15px; height: 15px; font-size: 0; background-position: 5px -12px;}
    footer .grid_3 .widget_shopping_cart a.remove:hover { background-position: 5px -29px;}

    footer .grid_3 .widget_shopping_cart a.button {padding-top: 11px; padding-bottom: 10px;}
    footer .grid_3 .widget_shopping_cart a.checkout:hover {padding-bottom: 8px;}

    footer .grid_3 .widget_price_filter button.button { min-width: inherit; padding-left: 12px; padding-right: 12px;}

    footer .grid_4 .widget_shopping_cart a.button { min-width: 109px;}
}

@media only screen and (max-width: 767px) {
    /* widget gallery */

    .widget_gallery li,
    .wider .widget_gallery li {
        margin-right: 4px;
        width: auto;
    }

    /* Top Line */
        .topline-content { padding-bottom: 0; }
        .topline-content, .topline-login {text-align: center;margin-bottom: 0;}

    .summary { padding-top: 24px; }

    .woocommerce-tabs ul.tabs li, .woocommerce-tabs ul.tabs li.active,
    .woocommerce-tabs ul.tabs li a, .woocommerce-tabs ul.tabs li.active a,
    .woocommerce-tabs .panel {
        background-color: transparent;
        border: 0;
        box-shadow:none;
        padding: 0; border-radius: 0;
        float: none; clear: both;
    }
    #main .woocommerce-tabs h2 {font-size: 18px;}
    .woocommerce-tabs .tabs-wrap {
        padding: 9px 12px 9px 12px;
        background: #fff;
        border: 1px solid #dedddd;
        box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, .04);
        box-sizing: border-box;
        border-radius: 4px;
        margin-bottom: 10px;
    }
    .woocommerce-tabs ul.tabs li a {
        font-size: 12px;
        font-weight: 700;
    }
    .woocommerce-tabs ul.tabs li a, .woocommerce-tabs ul.tabs li.active a {padding: 0 0 12px 28px;}
    .woocommerce-tabs .tabs-wrap ul.tabs li a:before {display: none;}
    .woocommerce-tabs ul.tabs li.active a:after,
    .woocommerce-tabs .tabs-wrap:first-child ul.tabs li a:after {display: block;}
    .woocommerce-tabs ul.tabs li a:after {
        content: '';
        position: absolute; z-index: 1;
        left: -2px; top: -1px;
        background-size: 13px 40px;

        background: #464646 url(../images/toggle.png) no-repeat 5px 1px;
        width: 20px; height: 20px;
        cursor: pointer;
        border-radius: 10px;

        background-color: #c62b02;
        transition: background 200ms ease-in-out;
    }
    .woocommerce-tabs ul.tabs li.active a:after {
        background-position: 5px -19px;
        background-color: #464646;
    }
      

    .woocommerce-tabs .panel {padding-top: 20px;overflow:auto;}

    #commentform p.comment-form-author { padding: 0; margin: 0; background-color: transparent;}
    #commentform p.comment-form-author input#author, #commentform p.comment-form-author input#email { width: 100%; float: none;}
    #commentform p.comment-form-author span.comment-input-wrap { display: block; background: #f6f6f6; padding: 5px 4px; border-radius: 1px; margin: 0 0 3px 0;}

    form.login p.lost_password {  width: 100%; padding-right: 5px;}

    /*  Cart Page
    ..........................................*/
        table.shop_table.cart thead {display: none;}
        table.shop_table.cart tbody tr, table.shop_table.cart tbody td {
            display: block;
            padding: 0;
            border: 0;
            width: auto;
        }
        table.shop_table.cart tbody tr.cart_item {
            position: relative;
            border-top: 1px solid #e1e1e1;
            padding: 20px 0 40px;
        }
        
        table.shop_table.cart tbody tr.cart_item:first-child {border: 0; padding-top: 0;}
        table.shop_table.cart tbody tr.cart_item td {
            position: relative;
            padding-bottom: 10px; text-align: left;
            padding-left: 110px;
            width: auto;
        }
        table.shop_table.cart tbody td.product-price, table.shop_table.cart tbody td.product-subtotal {text-align: left;}
        table.shop_table.cart tbody tr.cart_item td.product-thumbnail {text-align: left;padding-bottom: 20px; padding-left: 0;}
        table.shop_table.cart tbody tr.cart_item td.product-thumbnail img {max-width: 100%;}
        table.shop_table.cart .quantity {overflow: hidden;float: none;}
        table.shop_table.cart tbody tr.cart_item td.product-remove {
            position: absolute; bottom: 10px;
        }
        table.shop_table.cart tbody tr.cart_item td.product-remove a.remove {}

        span.product-head {
            display: block;
            position: absolute; left: 0;
            font-size: 14px;
        }

    table.my_account_orders { margin-bottom: 0;}
    table.my_account_orders thead {display: none;}
    table.my_account_orders tbody tr + tr {margin-top: 20px;}
    table.my_account_orders tbody tr, table.my_account_orders tbody tr td {display: block;}
    table.my_account_orders tbody tr td {padding-left: 150px;}
    table.my_account_orders tbody tr td:before {
        content: attr(data-title) "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 115px;
        font-weight: normal;
        font-size: 14px;
        line-height: 18px;
        padding: 7px 0 0 0px;
    }
    table.my_account_orders tbody tr td:last-child {background: none;}

    /*  Checkout Order Details
    ..........................................*/
        table.order_details tfoot th { text-align: left; }
        table.order_details tbody td.product-name { width: 60%;}
    

    .woocommerce table,
        .woocommerce table.customer_details,
        .woocommerce table.order_details {
            font-size: 12px;
        }

    /*  My Account
    ..........................................*/
        table.my_account_orders tbody td.order-actions {text-align: left;}
        #main table.my_account_orders tbody td.order-actions a.button {margin: 0 5px 5px 0;}
}

@media only screen and (max-width: 479px) {

    .woo-ordering-on p.woocommerce-result-count {margin: 0;}
    form.woocommerce-ordering {margin-left: 0;}
    
    .woo-ordering-on form { margin-bottom: 5px; width: 96%;}

    form.woocommerce-ordering select.orderby, 
    form.woocommerce-per-page select.products_per_page {
        width: 100%;
    }

    .woo-ordering-on p.woocommerce-result-count {
        margin: 5px 0 32px;
    }

    /*  Group Product
    ..........................................*/
        table.group_table td {
            padding: 15px 5px;
        }
        table.group_table td.label {
            width: 50%;
        }
        table.group_table td.price {
            width: 50%;
        }
        table.group_table td:first-child {
            padding-left: 0;
        }
        table.group_table td:last-child {
            padding-right: 0;
        }
        table.group_table td.label a {font-size: 12px;}

        /*  Single product page
    ..........................................*/

        .single-product .product-badge.round {
            font-size: 13px;
            padding: 0 11px 0 12px;
        }
        .single-product .product-badge.round + .product-badge {
            top: 65px;
        }

    /*  Cart Page
    ..........................................*/
        .coupon-content  {
            text-align: center;
        }
        .coupon-content .coupon {
            width: 100%;
            padding-bottom: 10px;
            clear: both;
            position: relative;
            top: -31px;
        }
        input.button_update_cart {
            position: relative;
            top: 43px;
            float: none;
            display: block;
            margin: 0; width: 100%;
        }
        input.button_apply_coupon {
            margin-right: 0;
        }

        table.shop_table.cart tbody tr.cart_item td.product-thumbnail {text-align: center;}

    /*  Cart Totals
    ..........................................*/
        .cart_totals {padding: 15px;}
        #main .cart_totals h2 {padding-bottom: 19px;}

    /*  My Account
    ..........................................*/
        .rememberme-wrap {display: block;}
        form.login a.lost_password {clear: both;display: block;padding: 9px 0 0;}
    

    /*  You Order
    ..........................................*/
        table.woocommerce-checkout-review-order-table thead th {
            padding: 8px 0px 8px 15px;
            font-size: 12px;
        }
        table.woocommerce-checkout-review-order-table tbody td,
        table.woocommerce-checkout-review-order-table tfoot th,
        table.woocommerce-checkout-review-order-table tfoot td {
            padding-left: 15px;
            font-size: 12px;
        }
        
        .woocommerce-checkout-review-order-wrap {padding: 15px;}

    form.login p.lost_password {
        margin: 0;
        text-align: left;
    }

    .topline-cart-logo-indent a { margin-right: 80px;}

    .blog_shortcode h2.entry-title { padding-right: 0; }

    .blog_shortcode h2.entry-title a:after {display: none;}
}


/* For Wooo Notice demo store */
@media screen and (max-width: 782px) {
    .admin-bar p.demo_store {top: 46px;}
}
@media screen and (max-width: 600px){
    p.demo_store {position: absolute;}
}


@media print {
    * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm;}
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}