@media only screen and (min-width:1215px)and (max-width:1903px) {
}
@media only screen and (min-width:1034px)and (max-width:1214px) {
}
@media only screen and (min-width:768px)and (max-width:1035px) 
{
     .wrapper{width:100%;}
}
@media only screen and (max-width:767px) 
{
    .wrapper{width:100%;}
    .banner-img{height: auto!important;}
    .carimg{width: 100%;
    padding: 0;
    height: auto!IMPORTANT;}
    .menu-car, .begin-container {
    width: 100%;
    padding: 0;
}
.menu-carlist li
{
    border: 1px solid #fff;
    padding: 6px 0;
    margin: 0px 0;
    }
    .menu-carlist li a{font-size: 12px;}
    .border-top h2{font-size: 20px;}
    .link-car{width: 98%;
    padding: 0 2%;
    position: initial;}
    .sty-buttom {
  width: 44%;
    margin: 0 1%;}
    .sty-buttom a{padding:0;}
    .convenient-content .col-33{width:70%;margin: 0 15%;}
     .convenient-content .col-20 {    width: 50%;
    margin: 0 25%;}
  .texthideshow, .content-item, .img-detail .col-33{width:100%;margin:0;}
  .border-thin .col-33{width:33.33%;}
  .imgcontent{text-align:center;}
  #frmcontact{    width: 80%;}
  .booking{width: 100%;
    display: inline-block;}
  
    .styinput input, .styinput textarea {
    width: 96%;
    padding: 2%;
    font-family: sans-serif;
}
 
    #menu{display:none;}
    .icon-mobie{position: absolute;
    right: 24px;
    bottom: 24px;
     display:block;
    }
    .menu-icon
    {
    z-index: 100;
    position: absolute;
    top: 0px;
    right: 0;
    background: #6b6969;
    width:0px;
    white-space: nowrap;
    padding: 10px 0;
    display:block;}
    .menu-icon ul{padding: 0px 10px;}
    .menu-icon ul li a{color:#fff;}
   .bg-grey, .bg-banner{    overflow: hidden;
    position: relative;}
    .menu-icon ul li ul{    margin-left: 5px;display:none;}
    .menu-icon ul li:hover ul{display:block;}
    .logo{margin-left: 15px;}
    .col-33 .title-begintop{margin-top: 0;}
    .content{padding:0 2%;}
    .col-50{width: 96%;
    padding: 2%;}
   
    .text-col-50{width: 86%;} 
}
@media only screen and (min-width:481px)and (max-width:676px) 
{
    .wrapper{width:100%;}
    .banner-img{height: auto!important;}
    .carimg{width: 100%;
    padding: 0;
    height: auto!IMPORTANT;}
    .menu-car, .begin-container {
    width: 100%;
    padding: 0;
}
.menu-carlist li
{
    border: 1px solid #fff;
    padding: 6px 0;
    margin: 0px 0;
    }
    .menu-carlist li a{font-size: 12px;}
    .border-top h2{font-size: 20px;}
    .link-car{width: 98%;
    padding: 0 2%;
    position: initial;}
    .sty-buttom {
  width: 44%;
    margin: 0 1%;}
    .sty-buttom a{padding:0;}
    .convenient-content .col-33{width:70%;margin: 0 15%;}
     .convenient-content .col-20 {    width: 50%;
    margin: 0 25%;}
  .texthideshow, .content-item, .img-detail .col-33{width:100%;margin:0;}
  .border-thin .col-33{width:33.33%;}
  .imgcontent{text-align:center;}
  #frmcontact{    width: 80%;}
  .booking{width: 100%;
    display: inline-block;}
  
    .styinput input, .styinput textarea {
    width: 96%;
    padding: 2%;
    font-family: sans-serif;
}
 
    #menu{display:none;}
    .icon-mobie{position: absolute;
    right: 24px;
    bottom: 24px;
     display:block;
    }
    .menu-icon
    {
    z-index: 100;
    position: absolute;
    top: 0px;
    right: 0;
    background: #6b6969;
    width:0px;
    white-space: nowrap;
    padding: 10px 0;
    display:block;}
    .menu-icon ul{padding: 0px 10px;}
    .menu-icon ul li a{color:#fff;}
   .bg-grey, .bg-banner{    overflow: hidden;
    position: relative;}
    .menu-icon ul li ul{    margin-left: 5px;display:none;}
    .menu-icon ul li:hover ul{display:block;}
    .logo{margin-left: 15px;}
    .col-33 .title-begintop{margin-top: 0;}
    .content{padding:0 2%;}
    .col-50{width: 96%;
    padding: 2%;}
   
    .text-col-50{width: 86%;}
    }
@media only screen and (min-width:280px)and (max-width:480px) 
{
    .banner-img{height: auto!important;}
    .carimg{width: 100%;
    padding: 0;
    height: auto!IMPORTANT;}
    .menu-car, .begin-container {
    width: 100%;
    padding: 0;
}
.menu-carlist li
{
   width: 70%;
    margin: 0 15%;
    }
    .menu-carlist li a{font-size: 12px;}
    .border-top h2{font-size: 20px;}
    .link-car{width: 98%;
    padding: 0 2%;
    position: initial;}
    .sty-buttom {
    width: 70%;
    margin: 1% 13%;}
    .sty-buttom a{padding:0;}
    .convenient-content .col-33{width:70%;margin: 0 15%;}
     .convenient-content .col-20 { width: 56%;
    margin: 0 22%;}
  .texthideshow, .content-item, .img-detail .col-33{width:100%;margin:0;}
  .border-thin .col-33{width:33.33%;}
  .imgcontent{text-align:center;}
  #frmcontact{    width: 80%;}
  .booking{width: 100%;
    display: inline-block;}
  
    .styinput input, .styinput textarea {
    width: 96%;
    padding: 2%;
    font-family: sans-serif;
}
 
    #menu{display:none;}
    .icon-mobie{position: absolute;
    right: 24px;
    bottom: 24px;
     display:block;
    }
    .menu-icon
    {
    z-index: 100;
    position: absolute;
    top: 0px;
    right: 0;
    background: #6b6969;
    width:0px;
    white-space: nowrap;
    padding: 10px 0;
    display:block;}
    .menu-icon ul{padding: 0px 10px;}
    .menu-icon ul li a{color:#fff;}
   .bg-grey, .bg-banner{    overflow: hidden;
    position: relative;}
    .menu-icon ul li ul{    margin-left: 5px;display:none;}
    .menu-icon ul li:hover ul{display:block;}
    .logo{margin-left: 15px;}
    .col-33 .title-begintop{margin-top: 0;}
    .content{padding:0 2%;}
    .col-50{width: 96%;
    padding: 2%;}
   
    .text-col-50{width: 86%;}
}