@media only screen and (min-width:80px)  and (max-width:700px)
{

.wrapper {
    margin: 0 auto;
    width: 100%;
}
.header {
    float: left;
    width: 100%;
}


@font-face {
  font-family: 'FontAwesome';
  src: url('../Font/fontawesome-webfont862f.html?v=4.1.0');
  src: url('../Font/fontawesome-webfontd41d.html?#iefix&v=4.1.0') format('embedded-opentype'), url('../Font/fontawesome-webfont862f-2.html?v=4.1.0') format('woff'), url('../Font/fontawesome-webfont862f-3.html?v=4.1.0') format('truetype'), url('../Font/fontawesome-webfont862f-4.html?v=4.1.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}



#insideheader
{
    background-color: #df7924;
    border-radius: 0 45px 0 0;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 5px 5% 5px 1%;
    text-align: left;
    text-transform: uppercase;
    width: 94%;
    }
    
    
   .imagesgallery
{



    margin: 0;
    padding: 0;
    text-align: left;
    float:left;
    width: 100%;
    }
    
    
    .imagesgallery h1{
    color: #000000;
    float: left;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 27px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
    }
    
    
    .imagesgallery ul li {
    float: left;
    list-style-type: none;
    margin: 0 1% 1% 0;
    padding: 0;
    text-align: left;
    width: 49%;
}


.insideclass
{
    width:100%;
    line-height:22px;
    float:left;
    }




#mobilemenubar
{
    display:table;
    }


.top {
    float: left;
    margin-bottom: 0;
    margin-top: 0;
    width: 100%;
}


.logo {
    height: 80px;
    text-align:center;
    width: 80%; 
}

#insideheader3
{
    text-align:left;
    width:95%;
    padding-left:5px;
    }
    
    
    #insideheader2
    {
        text-align:left;
    width:95%;
    padding-left:5px;
        }

.clock_text
{
    line-height:21px;
    padding:0 1%;
    font-size:14px;
    font-weight:normal;
    width:98%;
    
    }
    
    
    .banner {
    float: left;
    margin-top: 2px;
    width: 100%;
}

.banner-left {
    float: left;
    height: 100%;
    width: 100%;
}

.form-right
{
 
    width: 100%;
    background:#eda63a url("../images/yellow_form.jpg") no-repeat scroll center top;
    padding:0;
    height:100%;
}

.logo img {

    width: 100%;
}

#date-part {
    font-size: 14px;
    font-weight: normal;
}

#time-part {
    font-size: 14px;
    font-weight: normal;
}

.btn
{
     background: #372f2b none repeat scroll 0 0;
    border: medium none;
    color: #faf3ed;
    display: inline-block;
    float: right;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 24px;
    margin: 10px 12%;
    padding: 0;
    width: 25%;
    cursor:pointer;
    }


.middle-container {
    background: #f8f7f2 none repeat scroll 0 0;
    border: 1px solid #efefef;
    float: left;
    padding: 0 1%;
    width: 97%;
}


.mid-imagebox {
    float: left;
    margin-right: 0;
    width: 100%;
}


.mid-imagewhite {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ece7e1;
    padding: 1%;
    width: 97%;
}

.mid-imagewhite img {
    height: 100%;
    width: 100%;
}


.mid-txt {
    float: left;
    padding: 1%;
    width: 99%;
}


.mid-latest-hotel h1
{
    text-align:center;
    }

.mid-latest-hotel {
    float: left;
    width: 100%;
}

.mid-txt h3
{
    text-align:center;
    }


.mid-imagebox1 {
    float: right;
    width: 100%;
}



.footer {
    float: none;
    width: 100%;
}

.book-with
{
    width:100%;
    background:rgba(0, 0, 0, 0) url("../images/brown-bg.png") no-repeat scroll 0 0;
   padding: 15px 0;
    border-bottom: 1px solid #636363;
    }

.newsleter 
{
    background:rgba(0, 0, 0, 0) url("../images/brown-bg.png") no-repeat scroll 0 0;
    border-bottom: 1px solid #636363;
    color: #fff;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 15px 0;
    width: 100%;
}

#pscroller1 {
    border: 0 solid black;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    height: 130px;
    padding: 2px;
    text-align: center;
    width: 100%;
}


.footfollow-box {
    float: left;
    background:rgba(0, 0, 0, 0) url("../images/brown-bg.png") no-repeat scroll 0 0;
    padding: 15px 0;
    width: 100%;
}

.footer-news 
{
    background:none;
 
    color: #fff;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 2%;
    text-align: center;
    width: 96%;
}

.enquiryformdata {
    color: #fff;
    float: right;
    font-size: 14px;
    margin: 0;
    padding: 2%;
    width: 96%;
}

.enquiryformdata table{
    color: #fff;
    float: right;
    font-size: 14px;
    margin: 30px 0 0 0;
    width: 100%;
}


.enquiryformdata table tr{
    color: #fff;
    float: right;
    font-size: 14px;
    margin: 0;
    width: 100%;
}
.enquiryformdata table td {
    display: block;
    vertical-align: top;
    width: 100%;
}

#txtAppointmentdatein
{
    width:41%; float:left;
    }
    
    .mid-latest-hotel h1
    {
        margin-top:25px;
        }
        
        .mid-dotline
        {
            width:100%;
            }
            
            .book-bottom ul
            {
                padding:0;
                margin:0;
                width:100%;
                float:left;
                }
            
    
    .enquiryformdata table input[type="text"]
    {
        width:99%;
        padding:2px 0;
        }
        
        .Testi
        {
            width:100%;
            float:left;
            }
        
        .navigation
        {
            display:none;
            }
        
        .foot-bootomlink-inside {
    float: left;
    margin:5px 0;
    width: 100%;
}
        
        .foot-bootomlink {
    float: left;
    padding: 15px 1%;
    text-align: center;
    width: 98%;
}


#txtAppointmentdateout
{
    width:42%; float:left;
    }


.follow-box {
    color: #302923;
    float: right;
    font-size: 17px;
    font-weight: normal;
    width: 100%;
    margin-top:20px;
}

.follow-box-main {
    float: left;
    padding-top: 0px;
    font-size:15px;
    width: 100%;
}

.follow-box-left {
    float: left;
    width: 45px;
}

.follow-box-right {
    float: left;
    text-align: left;
    width: 74%;
}


.follow-box-right p {
    float: right;
    margin: 0;
    padding: 0;
    width: 100%;
}


.foot-bootomlink a {
    color: #302923;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height:25px;
    text-decoration: none;
    width: 100%;
}

.foot-bootomlink-inside span
{
    display:none;
    }


























.mobilemenubar
{
    display:table;
    }




.mainmenubar a {

    font-size: 17px;
    line-height: 28px;
    margin-left:15px;
    text-align:center;

}
 .mainmenubar
       {
    color: #fff;
    display:block;
    font-size: 25px;
    line-height: 26px;
    margin-right: 0;
    margin-top: 0;
    text-align:center;
    float:right;
    cursor:pointer;
     background:rgba(0,0,0,0.25);
     width:20px;
     height:25px;
     transition:border 4s, box-shadow 4s, background 4s, ease-in-out;
     -moz-animation: slide 2s ease-in-out infinite;
     position:absolute;
     right:0%;
     
        }
    .mainmenubar:hover
{
      box-shadow:0 0 7px #f1f1f1;
     
}  

 .mainmenubar-close:before
{
content:"\f00d";
line-height:26px;
 font-family: 'FontAwesome';
}

.mainmenubar-open:before
{
content: "\f0c9";
line-height:26px;
 font-family: 'FontAwesome';
}


.enquiryformdata table select
{
    width:99%;
    }


.middle-container
{
    background: #f8f7f2 none repeat scroll 0 0;
    border: 1px solid #efefef;
    float: left;
    padding: 2%;
    width: 95%;
    }
    
    
    .contactformdata table select
    {
        width:99%;
        }
    
    .contactformdata table td
    {
        display:block;
        }
    
    .contactformdata
    {
        width:100%;
        }
    
    .contact
    {
        width:100%;
        }
    
.contact-box
{
    width:100%;
    }

.mid-latest-hotel
{
    width:100%;
    }
    
    
    .mid-apartment
    {
        width:100%;
        }
        
        
        ..mid-imagebox
        {
            width:100%;
            margin-right:0;
            }
            .mid-imagewhite
            {
                width:98%;
                }
                
                
                
                .mid-imagewhite img
                {
                    width:100%;
                    height:100%;
                    }
                    
                    
                    
                    
                    .mid-apart-in
                    {
                        width:100%;
                        }
                        
                        
                        
                        
                        .time-frame
                        {
                            width:100%;
                            }
                        
                        .time
                        {
                            width:100%;
                            }
                            
                            .date
                              {
                            width:100%;
                            }
                        
                        
                        
                        }
                        
                        
                        @media only screen and (min-width:400px)  and (max-width:700px)
{
                        
                        
                        .logo {
    height: 80px;
    margin: 0 25%;
    text-align: center;
    width: 50%;
}

}