#nav li > a > i{
    display: none;  
}

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

    .nav_li{
        display: none;
    }

    #nav li > a > i{
        display: block;
        padding: 0 20px;
        color: #cebb52;
    }

    #nav ol > li > a:hover >i{
        color: #232323;
    }

    .footer_block{
        width: 45%;
        height: 47%;
        padding: 20px;
    }

    .footer_block:nth-child(1){
        border-bottom: #cebb52 dashed 2px;
    }

    .footer_block:nth-child(2){
        border-right: none;
        border-bottom: #cebb52 dashed 2px;
    }

    .footer_block:nth-child(3){
       clear: both;
    }

    #footer{
        height: 700px;
    }

    #contact{
        height: 350px;
    }

    #fullscreen img{
        max-width: 75%;
     }
}

@media only screen and (max-width:1250px){
    .visible_tile{
        height: 120px;
    }
}

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

    #nav li > a > i{
        padding: 0 0px;
    }

    #nav ol{
        float: right;
        margin-right: 20px;
    }

    #title h1{
        font-size: 30px;
        margin-top: 10px;
    }

    #contact{
        padding: 50px 5% 100px 5%;
    }

    .footer_block{
        width: 35%;
        height: auto;
        padding: 20px;
    }

    .footer_block:nth-child(1){
        border-bottom: #cebb52 dashed 2px;
    }

    .footer_block:nth-child(2){
        border: none;
        float: right;
    }

    .footer_block:nth-child(3){
        clear: both;
        border: none;
    }

    .footer_block:nth-child(4){
        border-top: #cebb52 dashed 2px;
        border-left: #cebb52 dashed 2px;
        float: right;
    }

    #footer{
        height: 700px;
        padding: 50px 5%;
    }

    .content > .text >.block{
        height: 400px;
    }

    .photo{
        width: 40%;
    }

    .visible_tile{
        height: 160px;
    }
   
}

@media only screen and (max-width:900px){
    #tiles_right img{
       display: none;
    }

    #tiles_left{
        width: 70%;
    }
}


@media only screen and (max-width: 750px) {
    .menu{
       display: none;
    }

    .content > .text >.block{
        height: 500px;
    }

    #menubutton{
        display: block;
    }

    #menubutton i{
        margin-top: 30px;
        line-height: 40px;
        font-size: 40px;
        text-decoration: none;
        color: #cebb52;
        display: block;
        font-style: normal;
    }

    #menubutton i:hover{
        color: #232323;
        background-color: #eeeeee;
        cursor: pointer;
    }

    .slider_logo{
        width: 300px;
        height: 180px;
    }

    #s1, #s3, #s2, #sg1, #sg3, #sg2, #sg4, #sg5{
        height: 480px;
    }

    .left_button, .right_button, .left_buttong, .right_buttong{
        height: 290px;
        padding-top: 190px;
    }

    .right_button{
        transform: translateY(-182px);
    }

    .right_buttong{
        transform: translateY(-222px);
    }
    .slider_text{
        width: 300px;
        height: 220px;
    }

    .buttonsg{
        transform: translateY(200px);
    }

    #title{
        width: 70%;
    }

    #nav{
        width: 30%;
    }

    .footer_block{
        width: 40%;
    }

    .navon{
        z-index: 100;
        position: absolute;
        width: 100%;
        left: -10px;
        padding: 0;
    }

    .navon li{
        background-color: #232323;
        width: 100%;
        border-top: #eeeeee dashed 2px;
    }

    .navon li:first-child{
        border: none;
    }

    .navon li:nth-child(2){
        transform: translateY(-40px);
    }

    .navon li:nth-child(3){
        transform: translateY(-81px);
    }

    .navon li:nth-child(4){
        transform: translateY(-122px);
    }

    .navon li:nth-child(5){
        transform: translateY(-163px);
    }
    
    .nav_li{
        display: block;
    }
    
    #content-galery{
        width: 100%;
    }

    

}

@media only screen and (max-width: 600px) {
    
    .slider_logo{
        display: none;
    }

    .slider_text{
        width: 250px;
    }

    .slider_text h2{
        font-size: 25px;
    }

    .slider_buttong{
        width: 120px;
        font-size: 13px;
    }

    .left_button, .right_button, .left_buttong, .right_buttong{
        height: 200px;
        padding-top: 150px;
        font-size: 40px;
        width: 60px;
    }

    #s1, #s3, #s2, #sg1, #sg3, #sg2, #sg4, #sg5{
        height: 350px;
    }

    .right_button{
        transform: translateY(0px);
    }

    .buttons, .buttonsg{
        transform: translateY(300px);
    }

    #title h1{
        font-size: 20px;
        margin-top: 25px;
    }

    #nav ol > li:first-child{
        margin-right: 10px;
    }

    .text, .content1{
        width: 100%;
        border-radius: 0;
    }

    .block{
        border-radius: 0;
        height: 520px;
    }

    .content > .text >.block{
        height: 540px;
        font-size: 15px;
    }

    .content1{
        padding: 0;
        margin: 0;
    }

    .content{
        margin: 0;
    }

    #contact{
        padding: 50px 0% 100px 0%;
        height: 400px;
    }

    #footer{
        padding: 10px;
        height: 750px;
    }

    .footer_block{
        width: 45%;
        padding: 1%;
        border: none;
    }

    .footer_block:nth-child(1),.footer_block:nth-child(2),.footer_block:nth-child(3),.footer_block:nth-child(4){
        border: none;
    }

    .photo{
        width: 95%;
    }

    .icon-close{
        transform: translateX(-50px);
    }

    #img_left{
        transform: translate(0px, 200px);
    }

    #img_right{
        transform: translate(-120px, 200px);
    }

    .visible_tile{
        height: 240px;
    }

    .offer_block{
        width: 90%;
    }
}