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

    .button-header

    {

        display: block;

        background-color: #1f1f1f;

    }



    a.logo {

        background-position: left center;

    }



    .contacts {

        position: absolute;

        bottom: 0px;

        right: 4px;

        padding-right: 0px;

    }

    .contacts {

        position: static;

        float: none;

        clear: both;

        margin: 0 12px;

        margin-bottom: 12px;

        line-height: 1em;

    }

    .nav-row {

        display: none;

    }



    #header.with-banner {

        position: static;

    }



    #top-content {


    }

#top-content h1 {
    font-size: 22px;
    padding-right: 20px;
}


    #yacht-panel-link h2 {    

        font-size: 20px;

    }



    .text-block-item {

        float: none !important;

        width: auto !important;

        margin-left:0px !important;

        margin-right:0px !important;

    }



    body.extend #wrapper {

        transform: translate(80%,0);

        transition: transform 0.4s ease;

    }



    body:not(.extend) #wrapper {

        transform: translate(0,0);

        transition: transform 0.4s ease;
        width: 100%;

    }



    nav.mobile {

        width: 80%;

        display: block;

    }



    nav.mobile li a {

        padding-left: 14px;

        line-height: 40px;

        display: block;

        text-transform: uppercase;

        border-bottom: solid 1px #555;

        box-sizing: border-box;
        color: #1f1f1f;

    }



    nav.mobile li a:hover {

        background-color: #1f1f1f;

        text-decoration: none;

        cursor: pointer;
        color: white;

    }



    #header {

        opacity: 1;

    }



    #wrapper {

                background-color: var(--dark-background);

    }



    body.extend {

        overflow-x: hidden;

    }



    .footer-holder .footer-section {    

        width: 50%;

    }



    #menu-button {

        display: block;

        position: absolute;

        top: -34px;

        left: 4px;

    }



    a.logo {

        clear: left;

        margin: 12px;

    }



    #switchsite {

        position: absolute;

        top: -36px;

        right: 4px;

    }



    .flags {

        position: absolute;

        right:4px;

        top: 0px;

    }



    .header-section header {
        margin: 0;
        border-top: solid 40px #1f1f1f;
        box-sizing: border-box;
     }



     .header-section {

        margin: 0;
        padding: 0;

     }



    header:after {

        content: "";

        display: block;

        clear: both;

    }    



    #search-sales-across .table-row {

        display: table-row;

    } 



    .search-sales-across .builder {

        width: 50%;

    }  



    .search-sales-across .length-label {

        width: 50%;

        padding-right: 0px;

    }      



    .search-sales-across .builder-select {      

        width:50%;

        order: 3;

        padding-bottom: 10px;        

    }



    .search-sales-across .length {

        order: 4;

        width: 50%;

        padding-right: 0px;

        padding-bottom: 10px;

    }   



    .search-sales-across .max-year-label {

        width: 33%;

        order: 5;

    }  



    .search-sales-across .max-price-label {

        width: 33%;

        order: 6;

    }      



    .search-sales-across .engine-type-label {

        width: 34%;

        order: 7;

        padding-right: 0px;

    }   



    .search-sales-across .max-year {

        width: 33%;

        order: 8;

    }

    .search-sales-across .max-price {

        order: 9;

        width: 33%;

    }    

    .search-sales-across .engine-type {

        order: 10;

        width: 34%;        

    }    



    .list-outer {

        float: none;

        width: auto;

        margin-right: 0%;

    }



    #yacht-layout #yacht-data {

        width: 100%;

    }



    #yacht-layout #text-content {

        width: 100%;

        padding-left: 0px;

        padding-top: 2%;            

    }

    #main-content {

        padding: 10px;    

    }

    #yacht-images {

        padding-bottom: 2%;    

    }



    .homepage-search {

        width: 90%;

    }



    a.pdf {

        width: 98%;

    }



    .charter-form-across > .length {

        width: 50%;

    }   

    .charter-form-across > .price {

        width: 50%;

    }

    .charter-form-across > .length-input {

        width: 50%;

        padding-bottom: 10px;

    }   

    .charter-form-across > .price-input {

        width: 50%;

        padding-bottom: 10px;        

    } 



    .charter-form-across > .guests {

        order:9;

        width: 33%;

    }  

    .charter-form-across > .location {

        order:6;

        width: 50%;

    }                          

    .charter-form-across > .builder {

        order:5;

        width: 50%;

    }                          

    .charter-form-across > .type {

        order:9;

        width: 33%;

    }                          

    .charter-form-across > .day {

        order:10;

        width: 33%;

    }                          

    .charter-form-across > .guests-input {

        order:10;

        width: 33%;

    }

    .charter-form-across > .location-input {

        order:7;

        width: 50%;

        padding-bottom: 10px;

    }

    .charter-form-across > .type-input {

        order:10;

        width: 33%;

    }    

    .charter-form-across > .day-input {

        order:10;

        width: 33%;        

    }    

    .charter-form-across > .builder-input {

        order:7;

        width: 50%;

        padding-bottom: 10px;

    }   



    .product-list-box {

        width: 100%;

    } 



    .property-search .type {

        width:33%;

    }

    .property-search .location {

        width:33%;

    }

    .property-search .price {

        width:34%;

        padding-right: 0px;

    }

    .property-search .order-by {

        width:50%;

    }

    .property-search .reference {

        width:50%;

        order: 2;        

    }    

    .property-search .order-by {

        width:50%;

        order: 2;

    }    



    .property-search.sales .type {

        width:50%;

    }

    .property-search.sales .location {

        width:50%;

        padding-right: 0;        

    }

    .property-search.sales .price {

        width:50%;

        order: 2;

        padding-right: 1%;        

    }

    .property-search.sales .bedrooms {

        width:50%;

        order: 2;        

        padding-right: 0;

    }

    .property-search.sales .reference {

        width:50%;

        order: 3;        

    }

    .property-search.sales .order-by {

        width:50%;

        order: 3;

    }

    .slideshow .list-slide {
        padding-bottom: 66%;
    }

}