@media (min-width: 1680px){

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

}
@media only screen and (max-width: 1280px){
    .frame-layout-1 .ce-text{
        font-size:0.95em;
    }
}
@media only screen and (max-width: 1199px){
    .head > .container-fluid{
        margin:0 4%;

    }
}
@media only screen and (max-width: 1024px){
    .frame-layout-1 .ce-text{
        font-size:0.9em;
    }
}
@media only screen and (max-width: 991px){

}
@media only screen and (max-width: 767px){
    .head.stuck{
        /* position:relative; */
    }
    .head > .container-fluid{
        margin:0;
        padding:1em;
    }
    .head.shrinked > .container-fluid{
        padding:0.5em 1em;
    }
    
    .head .navbar .navbar-collapse:not(.show){
        /* display:none; */
        height:0;
        overflow:hidden;
    } 
    .head .navbar .navbar-collapse.show{
        height:100vh;
    }
    .head .navbar .navbar-collapse{
        display:flex;
        flex-direction:column;        
        justify-content: center;
    }
    .navbar .site-nav > li{
        font-size:1.5em;
    }
    .nav > li:hover > ul{
        visibility:hidden;
        top:70%;
        opacity:0;
    }
    .navbar-collapse .site-nav{
        margin-right:0;        
    }
    .navbar-meta{
        align-items:center;
        font-size:0.9em;
    }
    #contact-menu li{
        padding:0 1.5em;
    }
    #contact-menu li a{
        font-size:1.3em;
    }
    #contact-menu li a .link-title{
        display:none;
    }
    .navbar-meta .contactnav{
        flex-direction:row;
    }

    .head .navbar .navbar-collapse{
        position:absolute;
        left:0;
        left:-1em;
        top:100%;
        width:100%;
        width:calc(100% + 2em);
        
    }
    .frame-layout-1 .ce-text{
        font-size:0.8em;
    }
    .navbar-toggle{
        display:block;
        /* margin-right:15px; */
        /* position:absolute; */
        /* right:15px; */
        /* top:2.5em; */
    }
    .navbar > .container-fluid{
        /* padding-left:15px;
        padding-right:15px; */
        margin:0;
        display:block;
    }
    .navbar-collapse .site-nav{
        flex-direction:column;
    }
    .slick-arrow{
        /* display:none!important; */
    }
    .slider .frame-type-blank_page_pi20 .slide .slide-overlay{
        padding:1em;
        flex-direction:column;
    }    
    .slider .frame-type-blank_page_pi20 .slide .slide-overlay .slide-callout{
        transform:rotate(6deg)!important;
    }
    .slider .frame-type-blank_page_pi20 .slide .slide-callout img{
        width:120px!important;
    }
    .slider .frame-type-blank_page_pi20 .slide .slide-col2{
        align-self: flex-end;
    } 
    .frame-type-blank_page_pi20 .slide .slide-content > *{
        font-size:2em;
    }
    .frame-type-blank_page_pi20 .slide.align-right .slide-overlay{
        
        left:auto;
        right:0;
        width:100%;
    }
    .frame-type-blank_page_pi10{
        padding-bottom:30px;        
    }
    .grid.row.cols-3-2 > div:nth-child(1),
    .grid.row.cols-1-2 > div:nth-child(1),
    .grid.row.cols-1-2 > div:nth-child(2),
    .grid.row.cols-3-2 > div:nth-child(2) {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .ce-gallery .ce-row .ce-column img,
    .frame-type-gridelements_pi1 .row .col img{
        max-width:100%;
        height:auto;
    }


    .formhandler-catalog-form .catalog-fields{
        width:100%;
    }
    .container-fluid .frame-indent-left{
        padding-left:0;
    }    
    .formhandler-catalog-form .catalog-fields > .row > .col{
        margin-bottom:15px;
    }
    .formhandler-catalog-form .catalog-fields > .row > .col:last-child{
        margin-bottom:0px;
    }
    
    .formhandler-catalog-form .catalog-fields .row .col:nth-child(1),
    .formhandler-catalog-form .row.catalog .col:nth-child(1){
        flex:1 1 100%;
        max-width:100%;
    }
    .formhandler-catalog-form .catalog-fields .row .col:nth-child(2){
        flex:1 1 100%;
        max-width:100%;
    }    
    .formhandler-catalog-form .row.catalog .col:nth-child(2){
        /* flex:1 1 50%;
        max-width:50%;
        transform: translate(25%,0%); */
    }
    .formhandler-catalog-form .row.catalog > .col:nth-child(2) {
        flex: 1 1 100%;
        max-width: 100%;
        display: flex;
        flex-direction: row;
        align-items:center !important;
        
    }
    .form-logo {
        width: 30%;
        min-width: 100px;
        margin-right: 0%;
    }
    footer .ce-gallery[data-ce-columns="4"] .ce-row .ce-column{
        width:auto;
        align-items: center;        
        display:flex;
        max-width:25%;
        flex:1 1 25%;
    }
    footer .ce-gallery[data-ce-columns="1"] .ce-row .ce-column{
        max-width:50%;
        flex:1 1 50%;
    }
    footer .ce-center .ce-gallery .ce-row{
        text-align:center;
        align-items: center;
        justify-content: center;
    }    
    footer .ce-gallery .ce-row .ce-column .image img{
        max-width:100%;
    }
    .col .frame-type-image{
        padding-bottom:1em;
    }
    .container .content-callout {
        width: 50%;
        max-width: 226px;
        min-width: 64px;
    }
    .col .frame-type-menu_subpages ul{
        margin:2em 0;
        float:none;
        justify-content: space-evenly;
    }

    .collage1, .collage2{
        display:block;
    }
    .collage2 .col,
    .collage1 .col{
        grid-area: unset!important;
    }
    .collage2 .col .info-image picture,
    .collage1 .col .info-image picture{
        /* padding-top:41.725%!important; */
        padding-top:100%!important;
    }
    .frame .info-overlay .row .col:first-child{
        display:none;
    }
    .poi-map .events {
        width: 100%;
        min-width: 300px;
        padding:0;
    }
    .map-form {
        width: 100%;
        min-width: 300px;
        max-width: 667px;
    }
    .events .row.event-head{
        /* display:none; */
    }
    .events .row.event-head > div{
        max-width:50%;
        flex:1 1 50%;
    }
    .events .row.event > div{
        max-width:50%;
        flex:1 1 50%;
    }
    .mapholder{
        padding:0;
    }
    .maplegend .legend{
        padding:0;
    }

}
@media (orientation: portrait){
    .frame-type-blank_page_pi20 .slide .slide-image .picture:before{
        padding-top:100%;
    }
    .frame .info-overlay .copy{
        width:100%;
    }
}
@media only screen and (max-width: 667px){
    .slick-slide .sampleView {
        width: 50%;
        margin: 0 auto;
    }

    .frame-type-zoho_form form .row.catalog > .col:nth-child(1), .formhandler-catalog-form .row.catalog > .col:nth-child(1) {
        flex: 1 1 100%;
        max-width: 100%;
    }
    .frame-type-zoho_form form .row.catalog > .col:nth-child(2), .formhandler-catalog-form .row.catalog > .col:nth-child(2) {
        flex: 1 1 100%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
    }


    #mobileIdentifier {
        display: none;
    }

    .grid.cols-5{

    }
    .grid > .col:empty {
        display:none;
    }
    .grid > .col {
        flex:1;
    }

    .poolSlider .pool .details {
        flex-direction: column;
    }
    .poolSlider .pool .details .features, .poolSlider .pool .details .figure {
        width: 100%;
    }
    .poolSlider {
        font-size: inherit;
        padding: 1em;
    }
    .poolSlider .poolPager .slick-dots li {
        font-size:0.9em;
    }
    .poolSlider .poolPager .slick-dots li{

    }

    .ce-textpic.ce-right.ce-intext {
        flex-direction:column-reverse;
    }

    .navbar-brand.mr-auto{
        margin-right:unset!important;
    }
    .frame-layout-1 .ce-text{
        font-size:0.6em;
    }
    .frame-type-zoho_form form .zf-templateWrapper, .formhandler-catalog-form .catalog-fields {
        width: 100%;
    }
    .frame-type-zoho_form form .zf-templateWrapper > .row {
        margin-bottom:0;
    }
    .frame-type-zoho_form form .zf-templateWrapper > .row > .col {
        padding-bottom:1em;
    }

}
@media only screen and (max-width: 575px){
    h1 {
        font-size:2.5em;
    }
    h2 {
        font-size:2em;
    }
    .frame-layout-1 .ce-text{
        font-size:0.5em;
    }
    .singleLine{
        font-size:0.85em;
    }

}
@media only screen and (max-width: 414px){
    .frame-layout-1 .ce-text{
        font-size:0.4em;
    }
}
@media only screen and (max-width: 375px){
    .frame-layout-1 .ce-text{
        font-size:0.35em;
    }
}