@charset "utf-8";
/* CSS Document */
@media all and (max-width: 800px) {
/*
    html{font-size: 73%}
*/
    body{max-width: 100%; min-width: 100%; position:relative; -webkit-text-size-adjust: none; }
    .gradient {background-image:none;background-color:#333}
    /*menu */
    .menu-highlight{color: #FFF !important;  background: none !important;}
    .menu-category-highlight{color: #FFF !important;  background: none !important;}
    .menu-sub-category-highlight{color: #FFF !important;  background: none !important;}
    .current-page{color: #ECBF00 !important;  background: none !important;}
    #menu-bar{display:none}
    .mobile-nav{display:block; position:absolute;left:-86%; width:86%; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif ; font-size: 1.5rem}
    .mobile-nav ul{    margin: 0; padding:0}
    .mobile-nav ul li { background-color: transparent; display: block; float: none; border-top: 1px solid #666666; font-size: 100% !important; list-style: outside none none; margin: 0; padding:0}
    .mobile-nav ul li ul li a{ margin-left:20px;}
    .mobile-nav ul li ul li ul li a{ margin-left:40px;}
    .mobile-nav ul li a { color: #fff; display: block; margin: 0; padding: 7px 14px; text-decoration: none; white-space: normal; text-align:left;}
    .mobile-nav > ul > li > a {
        text-transform:uppercase}
    .menu ul{border-bottom: 0px solid #ccc;}
    .mobile-header{display:table; width:100%; margin:0 0 10px 0}
	
	.area-inner > img.divider-full { width: 100% !important;  height: 1px !important;}
	
    /*header */
    .banner {display:none}
    .banner-mobile {display:block; border: 1px solid #444f85; border-radius: 4px; margin:10px 0 15px 0}
    .banner-mobile img{width:100%}
    .header{display:none}
    .hamburger{display:table-cell;text-align:left;width:20%; vertical-align:middle;padding:0 10px 0 0; cursor: pointer}
    .hamburger img{width:auto; height:24px}
    .flags{display:table-cell;text-align:right; line-height:0; vertical-align:middle;padding:0 }
    .flags a{display:inline-block}
    .flags img{width:auto; height:18px; margin:0 0 0 12px}
    /*structure */
    .full-outer{overflow:hidden;}
    .outer-container{ width:100% !important; padding: 0; background-image: url("../images/bg.jpg"); background-position: center top; background-repeat: repeat-x; background-color: #d3d6e2;}
    .inner-container { margin-left: 0px ; margin-right: 0px ; padding:10px; width:auto !important;}
    .flex{display: flex; flex-direction: column; flex-wrap: wrap}
    .flex > .area {width: 100% !important} 
    .column-small .area-content p{font-size: 1.1rem; margin: 10px 0}
    .column{width:100% !important}
    .outer-column{width:100% !important}
    .area {width: auto !important; order: attr(data-mobile-order);}
    .area div {max-width: 100%}
    .area-inner p{margin:10px 0}
    .area-inner > img{max-width: 99%; height: auto !important}
	.area-inner > a > img{max-width: 99%; height: auto !important}
	.area-inner > p img{max-width: 99%; height: auto !important}
	.area-inner > h1 img{max-width: 95%; height: auto !important}
	.area-inner > h2 img{max-width: 95%; height: auto !important}
	.area-inner > h3 img{max-width: 95%; height: auto !important}
	.area-inner > h4 img{max-width: 95%; height: auto !important}
	.area-inner > h5 img{max-width: 95%; height: auto !important}
	.area-inner > h6 img{max-width: 95%; height: auto !important}

    .area-inner > div {float:none !important; width:100% !important; padding:0 !important; margin:0 !important}
    .area-inner > .clearfix > div {float:none !important; width:100% !important; padding:0 !important; margin:0 !important}
    .area-inner > table:not(.preserve){float:none !important; width:100% !important; padding:0 !important; margin:0 !important}
    .area-inner > table:not(.preserve) > tbody{display:block;}
    .area-inner > table:not(.preserve) > tbody > tr{display:block;}
    .area-inner > table:not(.preserve) > tbody > tr > td{display:block;width:auto !important; padding:0 !important; margin:0 !important}
	.area-inner > table:not(.preserve) > tbody > tr > td img{display:block; height: auto !important; max-width: 100%; padding:0 !important; margin:20px auto !important}
	
    form > table:not(.preserve) {float:none !important; width:100% !important; padding:0 !important; margin:0 !important}
    form > table:not(.preserve) > tbody{display:block;}
    form > table:not(.preserve) > tbody > tr{display:block;}
    form > table:not(.preserve) > tbody > tr > td{display:block;width:auto !important; padding:2px 0 !important; margin:0 !important; text-align: left !important}
    .acim > div {float:none !important; width:100% !important; padding:0 !important; margin:0 !important}
    .fullnav-right{width: auto !important; display:block; max-width: 100%; float: none}
    .fullnav-left {display:none}
    .full-side-nav .box-border{width: auto; display: block}
	.full-side-nav .area-inner {padding: 10px;}
    #column-center-medium .area-inner{padding:10px}
    #column-full .area-inner{padding:10px}
    #column-left-medium .area-inner{padding:10px}
    #column-right-medium .area-inner{padding:10px}
    .collection-footer-nav div{padding: 0}
    .box-top{background-color:#04065b;padding:2px 10px 4px 10px; height:auto;}
	.box-top p{text-align: left}
    .bottom-outer{ width:100% !important;}
    .box-border{width: auto; display: block}

    /*elements */
    p{ display: block !important}
    textarea{width:100% !important;}
    .inputbox{max-width: 100%}
    img.left{ float: none; display: block; margin:5px auto}
    img.right{ float: none; display: block; margin:5px auto}
    audio.left{ float: none; display: block; margin:5px auto}
    audio.right{ float: none; display: block; margin:5px auto}
    iframe.left{ margin-left: auto; margin-right: auto}
    iframe.right{ margin-left: auto; margin-right: auto}
    table.right{ float: none; }
	
/* mail */
#form-messages{margin:20px auto}

div.acim > div.lod-top {padding-bottom:5px !important;; margin-bottom:15px !important; } 
div.acim  p.date-top {float:none ;margin-bottom: 5px !important}  
div.lod-top .jssocials-share-outer{text-align:left}
    /* audio frame */
    .audio-container.left{margin: 20px auto !important; display: block; width: 100%; max-width: 500px }
    .audio-container.center{margin: 20px auto !important; display: block; width: 100%; max-width: 500px }
    .audio-container.right{margin: 20px auto !important; display: block; width: 100%; max-width: 500px }

    /*search */
    .search-div .search-form{display:block;width:100% !important;}
    .search-div .search-form tbody{display:block;width:100% !important;}
    .search-div .search-form tr{display:block;width:100% !important;}
    .search-div .search-form td{display:block;width:100% !important;}
    .search-div #submit_search{margin:5px 0 !important}
    .search-div form td.inputs{width:100% !important;}
    .search-div form input{width:100% !important;}
    .search-div form input[type="submit"]{width:auto !important;}
    .search-div div{width:100% !important; margin-left:0 !important; margin-right:0 !important}
.search-div form input[type="radio"]{width:auto !important;}
.search-div p.search-label.search-label-radio{display: inline-block !important; margin-right: 10px}

    /* home links */
    .links_list li{text-align: left !important}

    /* home ads */
    .ads{display:block !important; width:100%; margin-left:0px; margin-right:0px; padding-left:0; padding-right: 0}
    .ads div{display:block !important; width:100%; margin-left:0px; margin-right:0px; padding-left:0; padding-right: 0; text-align:center}
    .ads img{max-width:100%; margin:15px 0; height: auto !important } 

    /* mission */
    .mission-left, .mission-right{display:none !important}
    .mission-center{padding:0 !important; margin:0 !important}
    /*acim */
    .acim-blurb p br{display:none}
    .acim > div.divider-full{width:100% ; margin:20px auto !important; height: 1px !important;}
    .acim p.quote{margin:3px 20px !important;}
    .acim #acimgo {margin:5px 0 !important}
    .acim .acim-nav{margin-bottom:10px !important; display:block}
    div.lod{padding: 0}
    div.lod h4{font-size: 1.9rem !important}
    div.acim h4{font-size: 1.9rem !important}
    div.lod h4 br { display: none !important}
    div.acim h4 br { display: none !important}

    .acim .manual-pages{display:block ; margin:5px 0 !important; }
    .acim .workbook-pages{display:block ; margin:5px 0 !important; }
    .acim .text-chapters{display:block ; margin:5px 0 !important; width:auto !important}
    .acim .text-outer{display:block !important; margin:5px 0 !important; width:auto !important}
    .en_text .ui-selectmenu-button{width:100% !important;}
    .en_workbook .ui-selectmenu-button{width:100% !important;}
    .en_manual .ui-selectmenu-button{width:100% !important;}
    .text-chapters select{width:100% !important;}
    .text-outer select{width:100% !important;}
    .workbook-pages select{width:100% !important;}
    .manual-pages select{width:100% !important;}
    div.acim .instruction-lod{margin-top: 30px !important}
	.workbook-footer-nav .left{width: 50% !important}
	.workbook-footer-nav .left{width: 50% !important}
	.acim .workbook-footer-nav {margin-top: 30px !important;}
	
	 /* custom share */

 .jssocials-share-logo { font-size: 1.8rem;}
 .article-top .jssocials-share-outer{float: none; text-align: left}


    /*mt */
    a.catalogue-pic{text-align:center; display:block; margin-top:20px}
    .catalogue-mt{letter-spacing:2px}
    .catalogue-title{letter-spacing:3px; margin:0 !important}
    .books-title{letter-spacing:3px;}
    .master-teacher-books table{width:auto; display:block; margin:0}
    .master-teacher-books tr {margin: 0 0 20px 0; display: block;}
    .master-teacher-books td { display: block;}
    .master-teacher-books h1 { font-size: 1.3rem; text-align:center}
    .master-teacher-books td:first-child img{width:50% !important; height: auto !important; margin:10px 15%; max-width:400px}
    .master-teacher-blurb{width:auto; display:block; margin:0}
    .master-teacher-blurb > div{display:block; }
    .master-teacher-blurb .text{padding: 10px}
    .master-teacher-blurb .pic{text-align:center}
    .master-teacher-blurb .pic img{width:70%; border:4px solid #CFA616; margin:10px 15%; max-width:400px}
    .news-books br{display: none}
    .master-teacher-books h6{font-size: 1.5rem}
    /*contact */
    .contact-form{display: block}
    .contact-form p { display: block}
    .contact-form p span{ display: block; text-align: left; padding:0px;}


    .area-inner > table.contact-details > tbody > tr > td{padding: 2px 0 !important }
    form#contact-form td:first-child{ text-align: left }
    form#contact-form input[type="submit"]{ float: none }
    form#contact-form textarea {width: 100%; height: 15rem}

	/* lod share */
	.box-top-addthis p{display: block}
	.lod-addthis{display: block;float: none;}

    /*collection articles */
	
	.collection-footer-nav {margin-top: 20px !important;}
	
    .article-list {margin:10px 0}
    .article-list-pic img{ width: 80px !important; margin:6px 12px 0 0px !important;}
    .article-list-para .article-title { line-height:1.2; font-size: 1.6rem}
    .article-list-para > p:not([class]){ margin: 0px !important; display: none !important}
    .article-list-para p.date{ display:block; margin: 4px 0 !important}
    .article-list-para {vertical-align:middle}
    .article-content img{width:70% !important; height: auto !important; margin:10px auto !important; max-width:400px; float: none !important;}
    /*collection audios */
    .audios{width: auto; margin: 0}
    .audio-single{ width: auto}
    .audio-player{width: auto }
	.audio-player.music-player{width: 100%}
	.audio-player td{padding: 0px}
	.audio-player td:first-child{width: auto}
	.audio-player td:first-child img{width: 70px; margin-right: 10px}
	.audio-single #title-edit p {font-size:1.7rem}
    .audio-wrapper{width: auto !important; margin: 10px 0 !important; float: none !important; padding: 0 !important }

	[data-box-top-class='share'] > .jssocials-share-outer{padding-right:0px} 
	
    /*newsletter */
    .newsletter-single td.column-one{text-align: center; padding: 10px !important}
    .newsletter-single td.column-one{text-align: center; padding: 10px !important}
    .newsletter-single td.column-one img{width: 100% !important; height: auto !important}
    .newsletter-double td.column-one{text-align: center; padding: 10px !important}
    .newsletter-double td.column-one img{width: 100% !important; height: auto !important}
    .newsletter-double td.column-two{padding: 10px !important}

    .newsletter-single td.column-one .more-info img {width: 26px !important; height: 23px !important}

    /*home */
    .area-inner > a.forgiveness-banner{display:block; padding:10px 0}
    .area-inner > a.forgiveness-banner > img{width: 100% !important; height: auto !important; display:block; padding:0 !important; margin:0 !important}
    /*-- ADVENTS 2016 -- */
    .advent-image-table img{display: block; height: 150px !important; width: auto !important; margin: 0 auto !important}
    .image-table{display: block; width: 100% !important}
    .image-table tbody {display: block;}
    .image-table tr {display: block;}
    .image-table td { display: block;}
    .image-table img{display: block; margin: 15px auto !important; width: 70% !important; height: auto !important}
    .area-inner > table.advent-nav {display: block; width: 100% !important; margin-top:20px !important}
    .advent-nav tbody {display: block;}
    .advent-nav tr {display: block;}
    .advent-nav td { display: block; padding: 5px; width: auto !important}
    .advent-nav td.left { display: block; padding: 5px; width: auto !important; text-align:center}
    .advent-nav td.right { display: block; padding: 5px; width: auto !important; text-align:center}
    .advent-wrapper h1{ font-size:2.1rem !important; letter-spacing: 1px !important}
    .advent-wrapper h2{ font-size:1.9rem !important; }
    .advent-wrapper h3{ font-size:1.8rem !important}
    .advent-wrapper h4{ font-size:1.7rem !important}
    .advent-wrapper h5{ font-size:1.6rem !important}
    .advent-wrapper h6{ font-size:1.5rem !important}
    .advent-wrapper h1 br{ display: none}
    .advent-wrapper h2 br{ display: none}
    .advent-wrapper h3 br{ display: none}
    .advent-wrapper h4 br{ display: none}
    .advent-wrapper h5 br{ display: none}
    .advent-wrapper h6 br{ display: none}
    .advent-wrapper p br{ display: none}
    .advent-wrapper strong{font-weight: bold}
    .advent-wrapper .registration th{ font-size:1.4rem !important; width: auto !important; padding: 5px !important}
    .advent-wrapper .registration td{ font-size:1.4rem !important; width: auto !important; padding: 5px !important}
    #register_form .registration{display: block; width: 100% !important}
    #register_form .registration tbody {display: block;}
    #register_form .registration tr {display: block;}
    #register_form .registration th { display: block; padding: 5px; width: auto !important; text-align: left !important; border-bottom: none}
    #register_form .registration td { display: block; padding: 5px; width: auto !important; text-align: left !important; border-bottom: none}
    #register_form .registration td input{width: 100% !important}
    #register_form .registration td input.submit_btn{width: auto !important}
	
	.area-inner > div > table.registration{width:100% !important; }
	.area-inner > div > table.registration > tbody > tr > td{width:auto !important; padding: 3px !important}
	.area-inner > div > table.registration > tbody > tr > th{width:auto !important; padding: 3px !important}
	/*
 .area-inner > div > table.registration{float:none !important; width:100% !important; padding:0 !important; margin:0 !important}
    .area-inner > div > table.registration > tbody{display:block;}
    .area-inner > div > table.registration > tbody > tr{display:block;}
	.area-inner > div > table.registration > tbody > tr > th{display:block;width:auto !important; padding:0 !important; margin:0 !important; text-align: left !important}
    .area-inner > div > table.registration > tbody > tr > td{display:block;width:auto !important; padding:0 !important; margin:0 !important; text-align: left !important}
*/


    /* video  */
    .mobile-video-wrapper{width: 100%; position:relative; height:0px; overflow:hidden;  padding-bottom:75%;}
    .mobile-inner-wrapper{height: 100%; width: 100%; position:absolute; top:0; left:0; width:100%; height:100%;} 
    .mobile-video{ display: table ; width:100%; height:100%;}

	.feature-video .resize-class{width: 100%; position:relative; height:0px; overflow:hidden;  padding-bottom:75%;}
	.feature-video .resize-class > div {width: 100%; height: 100%;}

	.video-module.vod-module .video-container{display: block}
	.video-module.vod-module .feature-video{display: none}
	.video-module h1{ margin: 0 0 7px 0; font-size: 1.8rem }
	.video-module h4{ margin: 7px 0; font-size: 1.5rem }
	.video-module h5{ margin: 7px 0; font-size: 1.3rem }
	.video-module .video-container{margin-top: 20px}
    /*audio */
    .area-inner div.audio-container{padding-top: 41px !important; }
    .area-inner div.audio-container iframe {height: 41px !important}
	
    .audio-player-info div#ajax-mp3-pic {width: 90px !important; height: 90px !important;}
    .audio-player-info .track-title {font-size: 1.6rem !important ;}
    /* books */


    /* CALENDAR */
    #calendar-outer h1.calendar-heading{ width: auto; font-size: 2rem}
    #calendar-outer h6.calendar-notice{ width: auto; font-size: 1.4rem }
    #calendar-outer #quote{dislay: none}
    #calendar-outer #quote span{dislay: none}
    #calendar-outer #quote-mobile{display: block; margin:0 0 20px 0; font-size: 1.6rem}
    #calendar-outer h5.top-quote{display: block}
    .calendar{display:none}
    .calendar.calendar-mobile{display: table; width: 100%}
    #calendar-outer #quote{width: 100% !important;}
    .calendar .day{font-size: 5.0rem; }
    .calendar .day .dayname{display: block}
    .calendar-single{max-width: auto; margin: 20px auto}
    .calendar-single img{width: 100%; display: block; margin:auto }
    .calendar-single p{ margin: 20px 0}


    .unleashed-table img{ margin-bottom: 15px; width: 50%; height: auto; max-width: 220px}
    /*select */
    .prettySelect .selectBox {padding: 0 5px !important}
    /*Slideshow */
    #slider-wrapper{ margin: 20px 10px 0 10px !important; padding: 0 !important}
    #my-thumbs{overflow: auto; }
    #slider-left{display:none}
    #slider-right{display:none}
    #slide-display{margin: 0 10px !important}
	#slide-display{margin-top: 0 !important}
    #slide-display img{display: block; margin:20px auto !important; max-width: 90% ;}
    #slide-display p{margin:20x 0px !important;}
    .slideshow-a{}
    .slideshow-item td.column-one{padding: 0px !important; }
	.slideshow-item{ height: auto !important;}
    .slideshow-item td.column-one img{width:100% !important; height: auto !important}
    .slideshow-b {display: block}
    .slideshow-b tr {display: block}
    .slideshow-b td {display: block; width: auto !important}
    .slideshow-b td.column-two{ padding: 0px; vertical-align: middle}
	#my-thumbs-list img{height: 70px !important; width: auto !important; }
	#my-thumbs li {padding-right: 10px !important}
	table.slideshow-b{display: block !important;float:none !important; width:100% !important; padding:0 !important; margin:0 !important; height: auto !important;}
	table.slideshow-b > tbody{display:block;}
    table.slideshow-b > tbody > tr{display:block;}
    table.slideshow-b > tbody > tr > td{display:block;width:auto !important; padding:0 !important; margin:0 !important}

   

    /*MT radio */
    table.mtradio{margin-bottom: 10px}
    table.mtradio img { width: 110px; border: 2px solid #CCC; margin: 0 20px 0 0; padding: 4px;}
    #mtr-play{font-size: 1.3rem }
    .mtradio div#speaker{display: none}
    .mtradio div#slider-range-max{display: none}
    .now-playing{  margin:0 0 3px 0 !important; font-size: 1.2rem !important; }
    .track-title{  margin:0 0 7px 0 !important; font-size: 1.4rem; }
    .mtradio .track-title{ max-width: none }
    .mtradio td .track-title span.mtr_title{font-size: 1.4rem; }
    .mtradio td .track-title span.mtr_series{ font-size: 1.2rem; }
    .mtradio td p.with-mt{ margin:0 0 20px 0; font-size: 1.2rem}
    .mtradio div#player-status img { border: none; margin: 2px 3px 0 0; width: 20px;}
    .pl-track-date{  font-size: 1.4rem; }
    .pl-track-title{  font-size: 1.4rem;}
    .einssein-track-title{ font-size: 1.4rem; }
    .nl-track-title{ font-size: 1.4rem; }
    .jp-controls button.audio-play{width: 45px !important; height: 28px !important;}  
    .jp-controls button.audio-stop{width: 45px !important; height: 28px !important;} 
    #player-status{ }
    #player-status img{ height:18px !important}
    /*
    .jp-volume-controls button.audio-unmute { width: 28px !important; height: 28px !important;} 
    .jp-volume-controls button.audio-mute { width: 28px !important; height: 28px !important;}
    .jp-volume-bar {width: 70px !important; height: 10px !important; margin-top: 9px !important}
    .jp-volume-bar-value { height: 10px !important;}
    */

    /* es */
    .es_text .ui-selectmenu-button{width:100% !important;}
    .es_workbook .ui-selectmenu-button{width:100% !important;}
    .es_manual .ui-selectmenu-button{width:100% !important;}
    .primeras-50-lecciones{padding: 0}

    .area-inner > .clearfix > div.news-image {
        float: left !important;
        width: auto !important;
    }
    .newsbox .news-image img {
        height: auto !important;
        width: 86px !important;
    }
    .libritos-single {
        margin:30px 0
    }
    .primeras-50-lecciones {float:none !important; width:100% !important; padding:0 !important; margin:0 !important}
    .primeras-50-lecciones > table > tbody{display:block;}
    .primeras-50-lecciones > table > tbody > tr{display:block;}
    .primeras-50-lecciones > table > tbody > tr > td{display:block;width:auto !important; padding:0 !important; margin:0 !important}
    .booklet-wrapper{ margin: 20px 0 0 0; display: block; text-align: center}
    .booklet-wrapper img{ width: 50%; height: auto; max-width: 400px}
	.libritos-single a.booklet-wrapper { width: 100%; height: auto; max-width: 400px}
	 .booklet-wrapper img.libritos{ width: 60%; height: auto; max-width: 400px;}
    /*meditaciones */
    .meditaciones-single {float:none !important; width:100% !important; padding:0 !important; margin:0 !important}
    .meditaciones-single > tbody{display:block;}
    .meditaciones-single > tbody > tr{display:block;}
    .meditaciones-single > tbody > tr > td{display:block;width:auto !important; padding:0 !important; margin:0 !important}
    .meditaciones-double {float:none !important; width:100% !important; padding:0 !important; margin:0 !important}
    .meditaciones-double > tbody{display:block;}
    .meditaciones-double > tbody > tr{display:block;}
    .meditaciones-double > tbody > tr > td{display:block;width:auto !important; padding:0 !important; margin:0 !important}
    .meditaciones-single td.column-one{text-align: center; padding: 10px !important}
	.meditaciones-single .slideshow-b td.column-one{padding: 0px !important; }
    .meditaciones-double td.column-one{text-align: center; padding: 10px !important}
    .meditaciones-double td.column-one .main-image{width: auto !important; margin: 0 !important; max-width: none !important; overflow: visible}
    .meditaciones-double td.column-one img{width: 100% !important; height: auto !important; margin-left: auto; margin-right: auto}
    .meditaciones-double td.column-two{padding: 10px !important}
    .audio-wrapper {margin: 0 auto !important; width: 250px !important}
    .audio-wrapper > div { width: 100% !important}
    .area-inner > .clearfix > .libritos-single .booklet-wrapper{width: auto}
    .area-inner > .clearfix > .libritos-single .booklet-wrapper img.libritos{width: 60%; height: auto; max-width:260px; margin: 0 15%} 
    .area-inner > .clearfix > .libritos-single{height: auto !important; margin: 40px 0 !important}
    .libritos-single .audio-wrapper{width: 200px !important; margin: 0 auto !important}
    .celebraciones-list td{padding: 5px !important; }
	.celebraciones-list h3{font-size: 1.6rem}
	.celebraciones-list img{width: 50px !important; height: auto !important; margin-right: 0px}
    .boletins-list{padding: 0px}
    .boletin-wrapper table, .boletin-wrapper tr, .boletin-wrapper td, .boletin-wrapper tbody{ display: block; float: none !important; height: auto !important; width: auto !important; padding-left: 0 !important; padding-right : 0 !important; text-align: center !important}
    .boletin-wrapper .boletin-audio-links{ display: none}


    .nl-mobile-ads{display: block; margin-bottom: 10px}

	/* tabs */

	.video-tabs{width:auto}
	.video-tabs table{width:100% !important; margin-left:0; margin-right:0; padding-left:0; padding-right:0}
	.video-tabs table tr{display:block}
	.video-tabs table tr td{display:block; width:100% !important; padding-left:0 !important; padding-right:0 !important; text-align:left !important}
	.downloads td{text-align:left}
	.downloads td b{text-align:left}
	.video-tabs p.vod-para{white-space:normal}
	.feature-video{margin: 20px auto;}
	#theatre-outer{width:96%; }
	#tabs{display:none}
	#mobile-tabs{display:block; font-family: 'Open Sans', Verdana, Geneva, sans-serif;}
	.video-tabs{width:100%}
	.video-tabs ul{padding:0 !important; position:static}
	.video-tabs p{color:#555555; font-weight: 400; letter-spacing: 0.04em; text-align: left;}
	#mobile-tabs li{border-bottom:1px solid #CCC; display:block}
	#mobile-tabs .menu-wrap{display:table; width:100%; padding:2px}
	#mobile-tabs .menu-wrap span{color:#555555; display:table-cell; padding:4px; width:auto; text-align:left}
	#mobile-tabs .menu-wrap a.expand{color:#555555;width:20px; padding:0 10px 0 10px !important; line-height:0; vertical-align:middle; text-decoration:none; cursor:pointer;display:table-cell;}
	#mobile-tabs td{color:#555555; letter-spacing: 0.04em; text-align: left; font-size: 1rem; padding: 1px 0}
	#mobile-tabs div.mobile-tabs-div{padding:0 10px 10px 10px}
	.video-tabs ul li {

	}

	.mt-articles .article-content > table {float:none !important; width:100% !important; padding:0 !important; margin:0 !important}
	.mt-articles .article-content > table > tbody{display:block;}
	.mt-articles .article-content > table > tbody > tr{display:block;}
	.mt-articles .article-content > table > tbody > tr > td{display:block;width:auto !important; padding:0 !important; margin:0 !important}

	.mt-articles mt-articles .article-content > table > tbody > tr > td.quote-feature {border: none !important; border-top: 1px solid #ccc !important; border-bottom: 1px solid #ccc !important; padding: 20px 0 !important; margin: 20px 0 !important;white-space: normal !important}

	.article-content { padding: 10px 0px 20px 0;}
	.mt-articles .article-content #article-addthis{ float: left; margin-bottom:10px}
	.mt-articles .article-content p.tags-top{ color: #667; float: none; margin:5px 0 10px 0; text-align: left}
	.mt-articles .article-content p.tags-top a{ color: #667; display:inline; font-size: 1.1rem; margin-right: 10px}
	.mt-articles .article-list-pic img{ width: 130px !important; margin:6px 12px 0 0px !important;}
	.mt-articles .article-list-para a{ }
	.mt-articles .article-list-para p{ display: block !important}
	.mt-articles .article-list-para p.date{ display:block; margin: 4px 0 !important}
	.mt-articles .article-list-para {vertical-align:middle}
	.mt-articles .article-content img{width:70% !important; height: auto !important; margin:20px auto !important; max-width:400px; float: none !important;}
	.mt-articles .article-content table:not(.article-top) img{margin: 0 auto 20px auto !important; }
	.mt-articles .article-content p a{display: inline}
	.mt-articles .article-content .article-top{margin-bottom:15px !important}
	.mt-articles .article-content h1{font-size: 1.9rem; }
	.mt-articles .article-content h3{font-size: 1.6rem; }
	.mt-articles .article-list-outer{padding: 0 0 20px 0}
	.mt-articles .article-list h1{margin: 10px 0 0 0}
	.mt-articles .article-list h1 a{font-size: 1.8rem; line-height:1.3}
	.mt-articles .article-list h3{font-size: 1.5rem; line-height:1.3; margin:5px 0 0 0}
	.mt-articles .article-list p{text-align: left}
	.mt-articles .article-list {float:none !important; width:100% !important; padding:0 !important; margin:0 !important}
	.mt-articles .article-list > tbody{display:block;}
	.mt-articles .article-list > tbody > tr{display:block;}
	.mt-articles .article-list > tbody > tr > td{display:block;width:auto !important; padding:0 !important; margin:0 !important}
	.mt-articles .article-list > tbody > tr > td:first-child{display:block;width:auto !important; padding:0 0 5px 0 !important; margin:0 !important}
	.mt-articles .article-list > tbody > tr > td.article-list-pic{padding: 0 10px 0 0; display: inline; float: left;}
	.mt-articles .article-list > tbody > tr > td.article-list-para{padding: 0 ; display: inline; }
	.mt-articles .article-list p.readmore{text-align: left; margin:10px 0}

	.mt-articles .article-content [class*="margin-left-"]{margin-left: 0px !important}
	.mt-articles .article-content [class*="margin-right-"]{margin-right: 0px !important}

.mt-articles .a-stairway-to-the-stars p{text-align: center}

 

	.forgiveness-week-invitation td img{width: 100% !important; max-width: 350px; height: auto !important; display: block}



	/*schedule-2017 */
	.schedule-table-mobile{display:block}
	.area-inner #ajax-schedule > .schedule-table {display: none;}

	.area-inner #ajax-schedule > .schedule-table-mobile th {display: none;}
	.area-inner #ajax-schedule > table.schedule-table-mobile  {display:block;float:none !important; width:100% !important; padding:0 !important; margin:0 !important}
	.area-inner #ajax-schedule > table.schedule-table-mobile > tbody{display:block;}
	.area-inner #ajax-schedule > table.schedule-table-mobile > tbody > tr{display:block;}
	.area-inner #ajax-schedule > table.schedule-table-mobile > tbody > tr > td{display:block;width:auto !important; padding:0 !important; margin:0 !important}
	.area-inner #ajax-schedule > table.schedule-table-mobile{display:block !important; border-bottom: 1px solid #ccc}
	.schedule-table-mobile p{margin:0 !important; font-weight: 600}
	.schedule-table-mobile td{text-align: left; }
	.area-inner #ajax-schedule table.schedule-table-mobile > tbody > tr > td {padding: 5px !important}
	.schedule-table-mobile td br{display: none}
	.schedule-table-mobile td:last-child{border-bottom: none !important}
	.schedule-table-mobile td{border-top: none !important}
	.schedule-table-mobile p.heading {display: block; text-align: left; font-size: 1.2rem}
	.schedule-table-mobile p.heading .heading-note {display: block; text-align: left; font-size: 1.1rem; font-weight: normal}
	.schedule-table-mobile td em {font-size: 1.3rem}
	.schedule-table-mobile td .time-headings{display: block}


	.schedule-table-mobile .spreaker a{color: #000062; font-size: 1.1rem;}

	.schedule-footer{display: none}
	.schedule-table tr td:first-child{font-size: 1.4rem}
	
	/*schedule-2018 aag */
	#ajax-schedule > .schedule-table.aag-schedule-table {display:block}
	#ajax-schedule .schedule-table td.time-override p.heading{display: none !important}
	#ajax-schedule .schedule-table td.time-override .pre-title{text-align:left; font-size: 1.4rem; font-weight: 600}
 #ajax-schedule .schedule-table td.no-scheduled {display: none !important}
  #ajax-schedule .schedule-table td.welcome-home p.heading{display: none !important}
  .ajax-schedule-event .aag-schedule-table {margin-top: 0px }
    .ajax-schedule-event  {margin-top: 20px }

/*schedule-2017 */

.area-inner #ajax-schedule > .aag-schedule-table th {display: none;}
.area-inner #ajax-schedule > table.aag-schedule-table  {display:block;float:none !important; width:100% !important; padding:0 !important; margin:0 !important}
.area-inner #ajax-schedule > table.aag-schedule-table > tbody{display:block;}
.area-inner #ajax-schedule > table.aag-schedule-table > tbody > tr{display:block;}
.area-inner #ajax-schedule > table.aag-schedule-table > tbody > tr > td{display:block;width:auto !important; padding:0 !important; margin:0 !important}
.area-inner #ajax-schedule > table.aag-schedule-table{display:block !important; border-bottom: 1px solid #ccc}
.aag-schedule-table p{margin:0 !important; font-weight: 600}
.aag-schedule-table td{text-align: left; }
.area-inner #ajax-schedule table.aag-schedule-table > tbody > tr > td {padding: 6px 6px 4px !important; font-size: 1.5rem}
.aag-schedule-table td br{display: inline}
.aag-schedule-table td:first-child br{display: none}
.aag-schedule-table td:last-child{border-bottom: none !important}
.aag-schedule-table td{border-top: none !important}
.aag-schedule-table p.heading {display: block; text-align: left}
.aag-schedule-table p.heading span {font-style: italic; }
.aag-schedule-table p.heading span::before {
    content: " - ";
}
.aag-schedule-table td em{font-size: 1.5rem}
.aag-schedule-table td .teacher{font-size: 1.3rem}
#ajax-schedule  .cst{display: block; font-size: 1.5rem; text-align: center;font-family: "Open sans", Arial, sans-serif; margin-top: -20px; margin-bottom: 20px}
#ajax-schedule  .cst br{display: none}

.area-inner > table.lesson-signup-mobile {display: block; margin:0 auto 40px !important; max-width: 400px}
.lesson-signup-mobile hr{margin:30px auto}
.lesson-signup-mobile .daily-lesson-form p { font-weight: 600}


/* acimi notice */
.area-inner > table.special-notice{margin:20px 0 !important}


.custom-register-form{width: 100%}
.custom-register-form table{ margin: 0px auto; width:100%} 
.custom-register-form table tr td:first-child{ text-align: left; white-space: normal}
.custom-register-form input {width:100% !important ;max-width:300px !important} 
.custom-register-form ul{width: auto;margin: 20px auto; padding: 0 15px} 
.custom-register-form .custom-register-button-text{width: auto !important; display: block;text-align: center;margin: 20px auto} 

 
}

@media all and (min-width: 580px) and (max-width: 800px) {
 
    .inner-container{padding: 20px;}
    .area-inner{padding: 20px 30px !important;}
    .area-footer{margin:0 30px 20px 30px}
    .vodsub{font-size: 1.4rem;}
    .vodepisode{font-size: 1.4rem;}
    .vodtitle{font-size: 1.4rem; }
    .vod-titles p{margin: 5px 0px !important;}
    /* radio players */
    .jp-audio .jp-controls {
        width: 45px !important;
        height: 30px !important;
    }
    .jp-controls button {
        font-size: 20px !important;
        width: 45px !important;
        height: 30px !important;
        line-height: 13px !important;
    }

}

@media all and (max-width: 620px) {
	.video-module.vod-module h1.video{ margin-left: 0; margin-right: 0; font-size: 1.8rem }
    .advent-image-table img{height: 120px !important;}
    /* Dutch */
    .nl-vod-popup {float:none !important; width:100% !important; padding:0 !important; margin:0 !important}
    .nl-vod-popup > tbody{display:block;}
    .nl-vod-popup > tbody > tr{display:block;}
    .nl-vod-popup > tbody > tr > td{display:block;width:auto !important; padding:20px !important; margin:0 !important}

    .books-feature {float:none !important; width:100% !important; padding:0 !important; margin:0 !important}
    .books-feature > tbody{display:block;}
    .books-feature > tbody > tr{display:block;}
    .books-feature > tbody > tr > td{display:block;width:auto !important; padding:0 !important; margin:0 !important}
    .books-feature td:first-child img{width: 70% !important; max-width: 250px; height: auto !important; margin: 0 auto 20px; display: block }
    .books-feature td:first-child{padding-right: 0}
    .books-feature p{text-align: left}
    .books-feature p a{margin: 0px 10px 10px 0}
    /* radio players */
    .jp-audio .jp-controls {
        width: 45px !important;
        height: 30px !important;
    }
    .jp-controls button {
        font-size: 20px !important;
        width: 45px !important;
        height: 30px !important;
        line-height: 13px !important;
    }

}
@media all and (max-width: 480px) { /* p{ text-align: left !important} */

	
	br{display: none}
	.area-footer br{display: inline}
    .advent-image-table img{height: 100px !important;}

	.audio_series {float:none !important; width:100% !important; padding:0 !important; margin:0 !important}
    .audio_series > tbody{display:block;}
    .audio_series > tbody > tr{display:block;}
    .audio_series > tbody > tr > td{display:block;width:auto !important; padding:0 !important; margin:0 !important}
    .audio_series td:first-child img{width: 70% !important; max-width: 250px; height: auto !important; margin: 0 auto 20px; display: block }
	.audio_list td{padding: 5px 0 !important}
	.audio_list td:first-child{padding-right: 5px !important}
}
@media all and (max-width: 380px) { /* p{ text-align: left !important} */
	.result-paras p{text-align: left}
    .advent-image-table img{height: 70px !important;}
    h1.calendar-heading{ width: auto; font-size: 1.7rem }
    .calendar .day{font-size: 3.0rem; padding-left: 2px;padding-right: 2px;padding-bottom: 25px;}
    .advent-wrapper  p{ text-align:left !important}
	.mt-articles .article-content img{width:100% !important; height: auto !important; }
    
    p{ text-align:left !important}
    p.center{ text-align:center !important}
    p.right{ text-align:right !important}
    .audio-player-info div#ajax-mp3-pic {width: 64px !important; height: 64px !important;}
    .audio-player-info .track-title {font-size: 1.4rem !important;}
}

@media all and (max-width: 320px) { /* p{ text-align: left !important} */
    .advent-wrapper  p{ text-align:left !important}

}