/*!
 * DecomTheme
 * mylokalesuche GmBh
 * http://mylokalesuche.ch
 */

/*********************************************************************************************
DECOM RESPONSIVE
*********************************************************************************************/
@media screen and (max-width: 1023px) {

   }
@media screen and (max-width: 769px) {
    /*
    Grid
    --------------------------------*/
    .dg__content {
        float: left;
        display: block;
        margin-right: 1.81818%;
        width: 100%; }
    .dg__content:last-child {
        margin-right: 0; }

    .dg__sidebar {
        float: left;
        display: block;
        margin-right: 1.81818%;
        width: 100%;
        margin-right: 0; }
    .dg__sidebar:last-child {
        margin-right: 0; }

   }
@media screen and (max-width: 640px) {
    /*
    Typography
    --------------------------------*/
    h1 {
        font-size: 1.7em; }

    h2 {
        font-size: 1.6em; }

    h3 {
        font-size: 1.5em; }

    h4 {
        font-size: 1.4em; }

    h5 {
        font-size: 1.3em; }

    h5 {
        font-size: 1.2em; }

    /*
    * MyLokaleSuche Builder
    * MLS layouts
    --------------------------------*/
    .mls--column .mls-mobile {
        float: left;
        display: block;
        margin-right: 1.81818%;
        width: 100%;
        margin-right: 0; }
    .mls--column .mls-mobile:last-child {
        margin-right: 0; }

    /* download */
    .mls-text-right-download h2,
    .mls-text-right-download h3 {
        font-size: 1.4em; }

    /* MLS Tabele */
    .mls-tabele {
        float: left;
        display: block;
        margin-right: 1.81818%;
        width: 100%;
        margin-right: 0;
        padding: 3px;
        margin-bottom: 15px; }
    .mls-tabele:last-child {
        margin-right: 0; }
    .mls-tabele:nth-child(2n+2) {
        background: transparent; }
    .mls-tabele .mls-tabele-left {
        float: left;
        display: block;
        margin-right: 1.81818%;
        width: 100%;
        font-family: "Proxima Nova", "Source Sans Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
        font-size: 1.2em;
        font-style: normal;
        font-weight: 300;
        color: #484848; }
    .mls-tabele .mls-tabele-left:last-child {
        margin-right: 0; }
    .mls-tabele .mls-tabele-right {
        float: left;
        display: block;
        margin-right: 1.81818%;
        width: 100%;
        margin-right: 0;
        background: #fafafa; }
    .mls-tabele .mls-tabele-right:last-child {
        margin-right: 0; }

    }
@media screen and (max-width: 480px) {

    /*
    Kontakt
    --------------------------------*/
    .mls--kontakt {
        position: relative;
        float: left;
        display: block;
        margin-right: 1.81818%;
        width: 100%;
        display: block; }
    .mls--kontakt:last-child {
        margin-right: 0; }
    .mls--kontakt::after {
        clear: both;
        content: "";
        display: table; }
    .mls--kontakt::after {
        clear: both;
        content: "";
        display: table; }

    .kontakt-left-info {
        float: left;
        display: block;
        margin-right: 1.81818%;
        width: 100%;
        margin-right: 0;
        margin-bottom: 25px; }
    .kontakt-left-info:last-child {
        margin-right: 0; }

    .kontakt-right-form {
        float: left;
        display: block;
        margin-right: 1.81818%;
        width: 100%;
        margin-right: 0; }
    .kontakt-right-form:last-child {
        margin-right: 0; }

    .dg__googlemap {
        background: #fff;
        display: block; }
    .dg__googlemap::after {
        clear: both;
        content: "";
        display: table; }
    .dg__googlemap #map {
        width: 100%;
        height: 300px; }

    /* MLS Gallery Masonry */
    .mls-masonry .mls-masonry-image {
        float: left;
        display: block;
        margin-right: 1.81818%;
        width: 44.84848%;
        margin-right: 0;
        margin-bottom: 7.5px; }
    .mls-masonry .mls-masonry-image:last-child {
        margin-right: 0; }

    /* Downloads */
    .mls-image-left-download {
        float: left;
        display: block;
        margin-right: 1.81818%;
        width: 49.09091%; }
    .mls-image-left-download:last-child {
        margin-right: 0; }

    .mls-text-right-download {
        float: left;
        display: block;
        margin-right: 1.81818%;
        width: 49.09091%;
        margin-right: 0; }
    .mls-text-right-download:last-child {
        margin-right: 0; }

    }
@media screen and (max-width: 340px) {
    .dg__container {
        padding-left: 7.5px;
        padding-right: 7.5px; }

    h1 {
        font-size: 1.7em; }

    h2 {
        font-size: 1.6em; }

    h3 {
        font-size: 1.5em; }

    h4 {
        font-size: 1.4em; }

    h5 {
        font-size: 1.3em; }

    h5 {
        font-size: 1.2em; }

    h1.page-title,
    h1.entry-title {
        font-size: 1.7em;
        font-weight: 300;
        padding: 25px 0;
        margin-bottom: 0;
        text-align: left;
    }

    h2.page-title,
    h2.entry-title {
        font-size: 1.4em;
        font-weight: 300;
        padding: 25px 0;
        margin-bottom: 0;
        text-align: left;
    }

    /*
    * MyLokaleSuche Builder
    * MLS layouts
    --------------------------------*/
    /* Downloads */
    /* Download left text */
    .mls-text-left-download,
    .mls-image-right-download,
    .mls-image-left-download,
    .mls-text-right-download {
        float: left;
        display: block;
        margin-right: 1.81818%;
        width: 100%;
        margin-right: 0;
        text-align: center; }
    .mls-text-left-download:last-child,
    .mls-image-right-download:last-child,
    .mls-image-left-download:last-child,
    .mls-text-right-download:last-child {
        margin-right: 0;
    }

    }

/* gallery devices */
@media screen and (min-width: 1200px) {

    /*
    Single
    --------------------------------*/
    .dg__gallerien {
        padding-bottom: 25px;
        padding-left: 55.0px;
        padding-right: 55.0px; }

    }
@media screen and (max-width: 1023px) {

    /*
    Gallery
    --------------------------------*/
    .mls-bild .custom-social {
        display: block;
        opacity: 1; }

    .custom-social {
        bottom: 0;
        right: 10px; }

    #all-images {
        padding-top: 0; }

    /*buttons filters */
    #filters-custom,
    #filters {
        text-align: center;
        position: relative;
        width: 100%;
        margin: 0;
        padding: 10px 0;
        left: 0;
        top: 0;
        z-index: 99; }
    #filters-custom .filter-dropdown,
    #filters .filter-dropdown {
        display: inline-block; }
    #filters-custom.showmlsfilters .button,
    #filters.showmlsfilters .button {
        display: inline-block;
        width: 100%;
        text-align: center;
        margin: 0 auto;
        border: 0; }
    #filters-custom.showmlsfilters .button:first-child,
    #filters.showmlsfilters .button:first-child {
        margin-top: 20px; }
    #filters-custom .ui-group,
    #filters .ui-group {
        max-width: 320px;
        text-align: center;
        margin: 0 auto; }
    #filters-custom .button,
    #filters .button {
        display: none; }
    #filters-custom .button.filter-dropdown,
    #filters .button.filter-dropdown {
        display: inline;
        text-align: center; }

    /* Single filters */
    .hochzeiten-posts .hochzeiten--post {
        display: none;
        width: 100%;
        margin-top: 15px; }

    .showmlsfilters .hochzeiten--post {
        display: inline-block; }

    }
@media screen and (max-width: 640px) {
    /*
    Homepage slider
    --------------------------------*/
    .slide-1 .bigtext {
        top: 67% !important;
        width: 100%;
        text-align: center; }

    #go-down {
        bottom: 5px; }

    /*
    Gallery
    --------------------------------*/
    .dg__gallerien .mls_all_images {
        list-style: none;
        margin: 0 auto;
        padding: 0;
        min-width: 421px; }
    .dg__gallerien .mls-bild {
        width: 240px;
        float: left;
        margin-bottom: 10px; }

    /*
    Videos
    --------------------------------*/
    .dg__video {
        position: relative;
        overflow: hidden;
        float: left;
        display: block;
        margin-right: 1.81818%;
        width: 100%;
        margin-bottom: 2em; }
    .dg__video:last-child {
        margin-right: 0; }
    .dg__video:nth-of-type(3n) {
        margin-right: 0; }
    .dg__video:nth-of-type(3n+1) {
        clear: both; }

    .dg__video .video-image,
    .dg__video .video-image img {
        width: 100%;
        height: auto; }

    /*
    Footerion
    --------------------------------*/
    .footerion .site-kontakt h1 {
        color: #000;
        font-size: 2.1em;
        font-weight: 300; }

    .footerion .site-info {
        padding-top: 12.5px;
        padding-bottom: 12.5px; }

    .mobile--callus {
        position: absolute;
        display: block;
        background-color: #85b934;
        max-width: 60px;
        right: 0;
        bottom: 100px;
        height: 60px;
        z-index: 9999; }

    .mobile--callus a {
        display: block;
        padding: 10px; }

    /* social links */
    .footerion .site-info .social {
        display: inline-block; }

    .footerion .site-info .social li {
        float: left;
        margin-right: 15px;
        margin-bottom: 5px; }

    .footerion .footer-logo {
        margin-bottom: 15px; }

    .site-info .dg__three {
        float: left;
        display: block;
        margin-right: 1.81818%;
        width: 100%;
        text-align: center; }
    .site-info .dg__three:last-child {
        margin-right: 0; }
    .site-info .dg__three:nth-of-type(4n) {
        margin-right: 0; }
    .site-info .dg__three:nth-of-type(4n+1) {
        clear: both; }

    .footer--links {
        margin-top: 12.5px; }

    .footer--social {
        margin-top: 25px; } }
@media screen and (max-width: 480px) {
     /*
    Gallery
    --------------------------------*/
    .dg__gallerien .mls_all_images {
        list-style: none;
        margin: 0 auto;
        padding: 0;
        min-width: 421px; }
    .dg__gallerien .mls-bild {
        width: 210px;
        float: left;
        margin-bottom: 10px; }

}
@media screen and (max-width: 420px) {

    /*
    Gallery
    --------------------------------*/
    .dg__gallerien .mls_all_images {
        list-style: none;
        margin: 0 auto;
        padding: 0;
        min-width: 280px; }
    .dg__gallerien .mls-bild {
        width: 280px;
        float: left;
        margin-bottom: 10px; }
    .dg__gallerien .mls-bild img {
        width: 100%; }

}