@media (max-width: 474px) {	

body{overflow-x: hidden;}
p{font-size: 12px;}
section {padding: 0px 0px;}
#hero h2{font-size: 26px;}
#hero .hero-container .carousel .carousel-inner img{width: 100%;}

.contactform.wrap-form.style2 .flat-input input, .contactform.wrap-form.style2 .flat-input select {
  line-height: 30px; height: 40px;}
.contactform.style2 span i {top: 52%;}  
.section-title{padding-bottom: 0px;}
.section-title h2 {font-size: 26px;}
.sub-title h3 {font-size: 22px;}
.amenities .section-title h2{padding-top: 20px;}
.amenities .icon-box{  margin: 20px auto;
  padding: 10px;
  height: 65%;
  width: 65%;
}
.amenities .icon-box i{font-size: 24px;padding-bottom: 5px;}

.amenities .icon-box h3 {font-size: 16px;}

.amenities .btn-get-started{margin-top: 0px;}


#call-to-action {padding: 40px 0px;}
#call-to-action .cta-title{font-size: 24px;}

#nearby-section .card{margin-top: 20px;}

.roberto-rooms-area .section-title{padding-top: 20px;} 

.contact .section-title{padding-top: 20px;}
}

@media only screen and (min-width: 589px) and (max-width: 850px) {

.contactform.wrap-form.style2 .flat-input input, .contactform.wrap-form.style2 .flat-input select {
  
  font-size: 14px;
}

.contactform.style2 span i {
  top: 60%;
}

.amenities .icon-box{  margin: 20px auto;
  padding: 15px;
  height: 75%;
  width: 75%;
}

.section-title h2 {font-size: 30px;}

.contactform.wrap-form.style2 .flat-input button[type="submit"] {font-size: 16px;line-height: 22px;}
}