@media only screen and (min-width :701px) and (max-width :1024px)
{
    
    
    
    
.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: 24%;
}


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




#mobilemenubar
{
    display:table;
    }


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


.book-bottom ul li {

    list-style-position: outside;
    line-height:25px;
}

.logo {
   height: 80px;
    margin: 1% 0 0 2%;
    text-align: center;
    width: 30%;
}


.clock_text
{
    line-height:21px;
    padding:0 1%;
    width:98%;
    }
    
    
    .banner {
    float: left;
    margin-top: 30px;
    width: 100%;
    position:relative;
}

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




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

.logo img {

    width: 100%;
}

.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: 1%;
    width: 32.5%;
}


.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: 32.5%;
}



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

.book-with
{
  padding: 1% 2%;
    width: 29%;
  
    }

.newsleter {
  
    color: #fff;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
  padding: 1% 2%;
    width: 30%;
}

#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;
    padding: 1% 2%;
    width: 29%;
}

.footer-news {
    
    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%;
}




#txtAppointmentdatein
{
    width:35%; float:left;
    }
    
    .mid-latest-hotel h1
    {
        margin-top:25px;
        }
        
        .mid-dotline
        {
            width:100%;
            }
            
            .book-bottom ul
            {
                   float: left;
    margin: 0;
    padding: 0 0 0 10%;
    width: 90%;
                }
            
    
    .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:40%; float:left;
    }


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

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

.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;

    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height:25px;
    text-decoration: 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:45%;
        }
    
    .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:165px;
                    }
                    
                    
                    
                    
                    .mid-apart-in
                    {
                        width:65%;
                        }
                        
                        
                        
                        .mid-txt-in p {
    float: left;
    margin: 0;
    padding-bottom: 6px;
    padding-top: 5px;

}

.class65
{
    width:65%;
    }
                        .time-frame
                        {
                            width:100%;
                            }
                        
                        .time
                        {
                            width:100%;
                            }
                            
                            .date
                              {
                            width:100%;
                            }
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    }