@media only screen and (max-width: 979px) {
	
	 .wysiwyg {
	   font-size: 1.2em;
	 }

/*  ----------  LAYOUT  ----------  */

	#layout {
	    width: 100%;
	}
	
	.layout .column {
      padding: 20px;
    }
	
	.layout .col-quarter {
	   width: 50%;
	}
	
	.layout .col-three-quarters {
       width: 100%;
    }
    
    .layout .col-half {
        width: 100%;
    }
    
    .layout .col-center {
        border: 0 none;
        padding: 20px;
    }
	
/*  ----------  HEADER  ----------  */

    #header {
        height: 60px;
        background-color: #534b40;
        position: relative;
        border-bottom: 1px solid #f5f3d2;
	}
	
	#header .logo {
	   position: absolute;
	   float: none;
	   width: auto;
	   height: auto;
	   top: 5px;
	   left: 50%;
	   margin-left: -64px;
	   padding: 0;
	   z-index: 30;
	}
	
	#header .logo a {
	    width: 128px;
        height: 108px;
	    background-image: url("../images/logo/ddftk-mobile.png");
	    margin: 0;
	    background-size: cover;
	}
	
	#header .navigation .menu-toggle-button {
       display: block;
       position: absolute;
       height: 24px;
       line-height: 24px;
       right: 20px;
       top: 50%;
       margin-top: -12px;
       color: #e6b27b;
       text-transform: uppercase;
       font-family: 'Georgia';
       font-size: 1.2em;
       padding-right: 29px;
       background-image: url("../images/icon/menu-toggle-button.png");
       background-repeat: no-repeat;
       background-position: right top;
    }
    
    #header .navigation .menu-toggle-button:hover {
        color: #f5f3d2;
        background-position: right bottom;
    }
    
    #header .navigation {
        padding: 0;
    }
	
	#header .navigation > .menu {
	   margin: 0;
	   position: absolute;
	   top: 60px;
	   z-index: 20;
	   background-color: #534b40;
	   float: none;
	   width: 100%;
	   padding: 72px 20px 20px 20px;
	   opacity: 0.98;
       box-shadow: 0 0 5px rgba(0,1px,5px,.75);
       display: none;
	}
	
	#header .navigation > .menu.open {
	   display: block;
	}
	
	#header .navigation .menu li {
	   float: none;
	   border-bottom: 1px solid #a0682b;
	   border-right: 0 none;
	   padding: 0;
	}
	
	#header .navigation .menu li:last-child {
	   border-bottom: 0 none;
	}
	
	#header .navigation .menu li a {
	   text-align: center;
	   color: #e6b27b;
	   padding: 5px 10px;
	   font-size: 1.4em;
	   line-height: 1.4em;
	}
	
	#header .navigation .menu > li.parent:hover > a {
	   background-color: transparent;
       color: #ff9711;
	}
	
	#header .navigation .menu li.parent > a {
	   background-image: url("../images/icon/arrow-light-down.png");
	   padding-right: 10px;
	   background-position: right 10px center;
	}
	
	#header .navigation .menu > li:hover .level-2 {
       display: none;
    }
    
    #header .navigation .menu .level-2 {
        position: static;
        left: auto;
        top: auto;
        z-index: auto;
        padding-top: 0;
        min-width: none;
        z-index: auto;
        padding: 0;
        background-color: rgba(222, 130, 31, 0.6);
        margin: 1px 0;
        box-shadow: inset 0 3px 3px rgba(0,0,0,.4);
    }
    
    #header .navigation .menu > li:hover .level-2.open,
    #header .navigation .menu.level-2.open {
        display: block;
    }
    

    #header .navigation .menu .level-2 > li {
		background-color: transparent;
		padding: 0;
		float: none;
		line-height: 1em;
		border: 0 none;
    }
    
    #header .navigation .menu .level-2 > li a {
        border: 0 none;
        color: #ffb911;
        font-size: 1.2em;
    }
    
    #header .navigation .menu .level-2 > li:hover a {
        color: #fff;
    } 
	
/*  ----------  CONTENT  ----------  */

    #content .row {
        margin-bottom: 0;
    }
    
    #content .col-center {
        margin-left: 0;
    }
    
    #content .col-left {
        margin-left: 0;
    }
    
    .sidebar-panel {
        background-size: cover;
        background-position: left bottom;
    }
    
    #content .slideshow {
        margin: -20px -20px 20px -20px;
        height: 400px;
    }
    
    #content .slideshow .coin-slider {
        height: 100%;
    }
    
    #content .slideshow .coin-slider > div:not(.cs-buttons) {
        width: 100% !important;
        height: 100% !important;
    }
    
    #content .slideshow .coin-slider > div:not(.cs-buttons) > a {
        width: 100% !important;
        height: 100% !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: cover;
    }
    
    .fb_iframe_widget,
    .fb_iframe_widget > span,
    .fb_iframe_widget iframe {
        display: block !important;
        width: 100% !important;
    }
    
     #content .advertisement.flash {
        display: none;
     }
    
/*  ----------  FOOTER  ----------  */

	#footer {
		width: 100%;
		margin: 0;
		padding: 0;
		 box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
	}
	
    #footer .panels {
        padding-top: 0;
    }
    
    #footer .col-quarter {
        width: 100%;
    }
    
    #footer .copyright {
        padding: 0;
    }
    
/*  ----------  PANELS  ----------  */

    .image-store-minimal {
        padding: 0;
    }
    
    .search-list .map,
    .search-detail .map {
        width: auto;
        margin: -20px -20px 20px -20px;
    }
    
    .search-list .map #googleWrapper > div,
    .search-detail .map #googleWrapper > div {
        width: 100% !important;
    }
    
    .event-calendar .calendar-days {
        position: relative;
    }
    
    .event-calendar .calendar-days .day {
        position: static;
    }
    
    .event-calendar .calendar-days .day .day-items {
        top: 0;
        left: 0;
        right: auto;
        width: 100%;
        min-height: 100%;
    }
    
    .event-calendar .calendar-days .day .day-items:after {
        display: none;
    }
    
}