@media screen and (min-width: 240px) and (max-width: 449px){
    .wrapper{
        width:auto;
    }
    #logo{
        margin-left:7px;
    }
    #request_demo{
        margin-right:7px;
        margin-top:13px;
        padding:6px 15px;
        font-size:14px;
    }
    #demo{
        margin-top:13px;
        margin-left:0px;
        margin-right:7px;
    }
    #demo a{
        padding:6px 15px;
        font-size:14px;
    }
    #topcontact{
        margin-right:33px;
        margin-top:16px;
        font-size:16px;
    }
    #topcontact:after{
        right:-21px;
        top:-7px;
    }
    #slideshow{
        height:auto;
    }
    #slideshow .wrapper .content{
        width:auto;
        float:none;
        margin-top:15px;
        top:0px;
        padding:0px 7px;
        border:none;
        -webkit-transform:none;
        -moz-transform:none;
        -o-transform:none;
        -ms-transform:none;
        transform:none;
        text-align:left;
    }
    #slideshow .wrapper .content h4{
        font-size:16px;
        white-space:normal;
    }
    #slideshow .wrapper .content p{
        font-size:12px;
    }
    #slideshow .wrapper .slider{
        width:auto;
        height:auto;
        float:none;
        background-size:100% auto;
    }
    #slideshow .wrapper .slider .images{
        width:83%;
        top:4.6%;
    }
    #request_form h3{
        font-size:16px;
    }
    #request_form h3:after{
        margin-left:20px;
        top:1px;
    }
    #request_form .forma form{
        width:100%;
        padding:27px 7px 34px;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    }
    #request_form .forma form input, #request_form .forma form textarea{
        width:100%;
        font-size:12px;
    }
    #request_form .forma form button{
        width:100%;
        margin-top:15px;
        font-size:16px;
    }
    #features_property .wrapper,
    #features_property .wrapper{
        padding:0px 7px;
    }
    #features_property .wrapper #features,
    #features_property .wrapper #property{
        width:100%;
    }
    #features_property .wrapper #features .page-header span,
    #features_property .wrapper #property .page-header span{
        margin-left:0px;
        width:100%;
        padding-left:0px;
        border-left:none;
    }
    #features_property .wrapper #features .page-content ul,
    #features_property .wrapper #property .page-content ul{
        height:auto;
        padding-bottom:10px;
    }
    #about_hotel{
        height:auto;
    }
    #about_hotel .wrapper{
        padding:0px 7px;
    }
    #about_hotel .wrapper > ul > li:first-of-type{
        margin-top:0px;
    }
    #about_hotel .wrapper > ul > li{
        width:100%!important;
    }
    #about_hotel .wrapper > ul > li:nth-of-type(2){
        padding-bottom:30px;
    }
    #about_hotel .wrapper > ul > li:nth-of-type(2) ul li{
        margin-left:0px!important;
        text-align:center;
    }
    #about_hotel img{
        display:inline-block;
    }
    #footer_top{
        height:auto;
    }
    #footer_top ul{
        margin-top:0px;
        padding:10px 0px;
    }
    #footer_top ul li{
        display:block;
        width:100%;
        margin-bottom:5px;
        padding:0px !important;
        border:none !important;
        text-align:center !important;
        font-size:18px;
    }
    #footer_top ul li:last-of-type{
        margin-bottom:0px;
    }
    #footer_top ul li:before{
        content:normal !important;
    }
    
    
    
    #for_mobile{
        opacity:1;
    }
}


@media screen and (min-width: 450px) and (max-width: 768px){
    .wrapper{
        width:auto;
    }
    #logo{
        margin-left:7px;
    }
    #request_demo{
        margin-right:7px;
        margin-top:13px;
        padding:6px 15px;
        font-size:14px;
    }
    #demo{
        margin-top:13px;
        margin-left:0px;
        margin-right:7px;
    }
    #demo a{
        padding:6px 15px;
        font-size:14px;
    }
    #topcontact{
        margin-right:33px;
        margin-top:16px;
        font-size:16px;
    }
    #topcontact:after{
        right:-21px;
        top:-7px;
    }
    #slideshow{
        height:auto;
    }
    #slideshow .wrapper .content{
        width:auto;
        float:none;
        margin-top:15px;
        top:0px;
        padding:0px 7px;
        border:none;
        -webkit-transform:none;
        -moz-transform:none;
        -o-transform:none;
        -ms-transform:none;
        transform:none;
        text-align:center;
    }
    #slideshow .wrapper .content h4{
        font-size:22px;
        white-space:normal;
    }
    #slideshow .wrapper .content p{
        display:inline-block;
        min-width:60%;
        font-size:16px;
    }
    #slideshow .wrapper .slider{
        width:auto;
        height:auto;
        float:none;
        background-size:100% auto;
    }
    #slideshow .wrapper .slider .images{
        width:83%;
        top:4.6%;
        margin-top:20px;
    }
    #request_form h3{
        font-size:16px;
    }
    #request_form h3:after{
        margin-left:20px;
        top:1px;
    }
    #request_form .forma form{
        width:100%;
        padding:27px 7px 34px;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    }
    #request_form .forma form input, #request_form .forma form textarea{
        width:100%;
        font-size:12px;
    }
    #request_form .forma form button{
        width:100%;
        margin-top:15px;
        font-size:16px;
    }
    #features_property .wrapper,
    #features_property .wrapper{
        padding:0px 7px;
    }
    #features_property .wrapper #features,
    #features_property .wrapper #property{
        width:100%;
    }
    #features_property .wrapper #features .page-header span,
    #features_property .wrapper #property .page-header span{
        margin-left:0px;
        width:100%;
        padding-left:0px;
        border-left:none;
    }
    #features_property .wrapper #features .page-content ul,
    #features_property .wrapper #property .page-content ul{
        height:auto;
        padding-bottom:10px;
    }
    #about_hotel{
        height:auto;
    }
    #about_hotel .wrapper{
        padding:0px 7px;
    }
    #about_hotel .wrapper > ul > li:first-of-type{
        margin-top:0px;
    }
    #about_hotel .wrapper > ul > li{
        width:100%!important;
    }
    #about_hotel .wrapper > ul > li:nth-of-type(2){
        padding-bottom:30px;
    }
    #about_hotel .wrapper > ul > li:nth-of-type(2) ul li{
        margin-left:0px!important;
        text-align:center;
    }
    #about_hotel img{
        display:inline-block;
    }
    #footer_top{
        height:auto;
    }
    #footer_top ul{
        margin-top:0px;
        padding:10px 0px;
    }
    #footer_top ul li{
        display:block;
        width:100%;
        margin-bottom:5px;
        padding:0px !important;
        border:none !important;
        text-align:center !important;
        font-size:18px;
    }
    #footer_top ul li:last-of-type{
        margin-bottom:0px;
    }
    #footer_top ul li:before{
        content:normal !important;
    }
    #for_mobile{
        opacity:1;
    }
}


@media screen and (min-width: 769px) and (max-width: 1025px){
    .wrapper{
        width:auto;
        padding:0px 7px;
    }
    #slideshow .wrapper .content,
    #slideshow .wrapper .slider{
        width:48%;
    }
    #slideshow .wrapper .content h4{
        font-size:22px;
        white-space:initial;
    }
    #slideshow .wrapper .content p{
        font-size:16px;
    }
    #slideshow .wrapper .slider{
        margin-top:58px;
        background-size:cover;
    }
    #slideshow .wrapper .slider .images{
        width:83%;
        top:5%;
        margin-top:0px;
    }
    #slideshow .wrapper .slider .images .owl-controls{
        display:none;
    }
    #features_property .wrapper #features,
    #features_property .wrapper #property{
        float:none;
        margin:0px auto;
    }
    #about_hotel{
        height:auto;
    }
    #about_hotel .wrapper{
        padding:0px 7px;
    }
    #about_hotel .wrapper > ul > li:first-of-type{
        margin-top:0px;
    }
    #about_hotel .wrapper > ul > li{
        width:100%!important;
    }
    #about_hotel .wrapper > ul > li:nth-of-type(2){
        padding-bottom:30px;
        text-align:center;
    }
    #about_hotel .wrapper > ul > li:nth-of-type(2) > ul{
        display:inline-block;
        text-align:left;
    }
    #about_hotel .wrapper > ul > li:nth-of-type(2) > ul > li{
        margin-bottom:5px;
    }
    #footer_top ul li{
        width:50%;
        font-size:22px;
    }
    #footer_top ul li:first-of-type{
        text-align:right;
        padding-left:0px;
        padding-right:130px;
    }
    #footer_top ul li:nth-of-type(2){
        text-align:left;
        padding-right:0px;
        padding-left:130px;
    }
    #for_mobile{
        opacity:1;
    }
}