@media only all and (max-width:768px)
{
    .main 
    {
    width: 100%;
    line-height:22px;
    }
    /****header****/
    #cssmenu 
    {
    float: left;
    font-family: "Open Sans",Helvetica,sans-serif;
    width: 70%;
    }  
    #header 
    {
    height: 390px;
    }
    .header-menu, .header_content
    {
        padding:0 0 0 38px;
    }
    .header-menu li a 
    {
    padding: 41px 7px;
    }
   .box1 {
    font-size: 17px;
    padding: 15px 8px 10px 27px;
}
    .box1 span a 
    {
    font-size: 12px;
    }
    
.box2 {
    font-size: 17px;
    padding: 15px 8px 15px 27px;
}
    .box2 span a 
    {
    font-size: 12px;
    }
   
.box3 {
    font-size: 17px;
    padding: 16px 8px 10px 27px;
}
    .box3 span a 
    {
    font-size: 12px;
    }
    /****new header***/
  /*  .logo_center
    {
    float:left;
    }
    .header-menu
    {
    float:left;
    }*/
    /****page1***/
    
    #page1 #content .indent-main 
    {
    padding: 7px 30px 25px 38px;
    }
    #page1 #content .col-1 
    {
    margin-right: 0;
    width: 100%;
    float:none;
    }
    #page1 #content .col-2 
    {
    display: block;
    float: none;
    margin: 0 auto;
    text-align: center;
    }
    /***page2***/
    #page2 #content .col-1 
    {
    margin-right: 15px;
    width: 100%;
    }
    #page2 #content .col-2 
    {
    width: 100%;
    }
    /***page3***/
    #page3 #content .col-1 
    {
    width: 100%;
    }
    #page3 #content .col-2 
    {
    display: block;
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    }
    /***page4***/
    #page4 #content .col-1 
    {
    width: 346px;
    }
    #page4 #content .col-2 
    {
    width: 311px;
    }
    /***page5***/
    #page5 #content .col-1 
    {
    width: 100%;
    }
    #page5 #content .col-2 
    {
    width: 100%;
    }
    #content .img-indent 
    {
    display: block;
    float: none;
    margin: 0 auto;
    text-align: center;
    }
    /***page6***/
    #page6 #content .col-1 
    {
    width: 100%;
    float:none;
    }
    #page6 #content .col-2 
    {
    display: block;
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    }
    /***page8***/
      /*#page8 #content .col-2 
    {
    width: 100%;
    }
    #page8 #content p 
    {
    display: block;
    float: none;
    margin: 0 0 25px;
    text-align: center;
    }*/
    #page8 #content .col-2 
    {
    width: 100%;
    }
    textarea 
    {
    width: 454px;
    }    
    .contactF input 
    {
    width: 340px;
    }
    .indent2 iframe
    {
        width:95%;
    }
    .sendBtn 
    {
    float: left;
    }

    /***page9***/
    #page9 #content .col-1 
    {
    width: 345px;
    }
    .courceTips 
    {
    width: 328px;
    }
    .courceTips1 
    {
    width: 328px;
    }
    /***page10***/
    #page10 #content .col-1 
    {
    width: 380px;
    }
    #page10 #content .col-2 
    {
    width: 277px;
    }
    /***page11***/
    #page11 #content .col-1 
    {
    width: 400px;
    }
    #page11 #content .col-2 
    {
    width: 250px;
    }
    /***page12***/
    #page12 #content .col-1
    {
    width: 51%;
    }
    #page12 #content .col-2
    {
    width: 46%;
    }
         
    div.bookingForm .bookingLeft 
    {
    width: 360px;
    }
    div.bookingForm .bookingRight 
    {
    float: left;
    margin-left: 10px;
    width: 300px;
    }
    div.bookingForm div.text input 
    {
    width:296px;
    }
    div.bookingForm div.text select 
    {
    width: 296px;
    }
    
    .imageBorder 
    {
    display: block;
    float: none;
    margin: 0 auto;
    text-align: center;
    }
    
#footer {
    background: #000 none repeat scroll 0 0;
    height: 102px;
    text-align: center;
}
}

/****************************/
/***************************/
@media only all and (max-width:640px)
{
    #header {
    height: 725px;
    }
    #cssmenu 
    {
    float: left;
    font-family: "Open Sans",Helvetica,sans-serif;
    width: 95%;
    display:block;
    }  
    .logo_left 
    {
    display: block;
    float: none;
    margin: 0 auto;
    width: 37%;
    }
    .header_image 
    {
    float: left;
    width: 95%;
    }
    .sub_content 
    {
    float: left;
    width: 95%;
    }
    .header-menu, .header_content
    {
        padding:0 0 0 32px;
    }
    
#page4 #content .col-1 {
    width: 100%;
}
#page4 #content .col-2 {
    width: 100%;
}
#page9 #content .col-1 {
    width: 100%;
}

#page9 #content .col-2 {
    width: 100%;
}
    
#page10 #content .col-2 {
    width: 100%;
}

#page10 #content .col-1 {
    width: 100%;
}

#page11 #content .col-2 {
    width: 100%;
}

#page11 #content .col-1 {
    width: 100%;
}

#page12 #content .col-2 {
    width: 100%;
}

#page12 #content .col-1 {
    width: 100%;
}

.courceTips1 {
    width: 260px;
}

.courceTips {
    width: 265px;
}

.tail-bottom1 {
    background: none!important;
}

.tail-bottom {
    background: none!important;
}
.tail-top {
 background: none!important;
}

#footer {
    background: #000 none repeat scroll 0 0;
    height: 102px;
    text-align: center;
}

.header-menu, .header_content {
    padding: 0 0 0 30px;
}
}


/************************/
/***********************/
@media only all and (max-width:480px)
{
 textarea {
    width: 90%;
}

.contactF input {
    width: 90%;
}
#page8 #content .col-1 {
    margin-right: 15px;
    width: 100%;
}

.courceTips1 {
    width: 100%;
}

.courceTips {
    width: 100%;
}

.header-menu, .header_content {
    padding: 0 0 0 24px;
}

.logo_left {
    width: 70%;
}

.logo_left img {
    height: 100%;
    width: 100%;
}
}


/**********************/
/*********************/
@media only all and (max-width:360px)
{
    
    .header-menu, .header_content
    {
        padding:0 0 0 19px;
    }
    
#content .img-left {
    display: block;
    float: none;
    margin: 0 auto;
    text-align: center;
}
   
#page4 #content .col-1 {
    width: 100%;
}

div.bookingForm .bookingLeft {
    width: 100%;
}

div.bookingForm div.text input {
    width: 95%;
} 

#page4 #content .col-2 {
    width: 100%;
}

#page7 #content .col-1 {
    margin-right: 15px;
    width: 100%;
}

#page7 #content .col-2 {
    width: 100%;
}
#page1 #content .col-2 {
    width: 100%;
}

#footer {
    height: 120px;
}

.header-menu, .header_content {
    padding: 0 0 10px 18px;
}

#page12 #content .col-1 {
    float: none;
    width: 100%;
}

#page12 #content .col-2 {
    display: block;
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}
.indent2 .imageBorder {
    display: block;
    float: none;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

div.bookingForm div.text select {
    width: 98%;
}

div.bookingForm div.text input {
    width: 82%;
}

#content .indent-main {
    padding: 7px 30px 25px 25px;
}
    }



/*********************/
/********************/
@media only all and (max-width:320px)
{
    .bookingLeft input {
    width: 204px;
}
.header-menu, .header_content {
    padding: 0 0 0 16px;
}

div.bookingForm div.text2 input {
    border: 1px solid #d0d0d0;
    padding: 2px;
    width: 95%;
}
}