@charset "UTF-8";
/* When the width is between 600px and 900px OR above 1100px - change the appearance of */
@media screen and (max-width: 900px) and (min-width: 600px), (min-width: 1100px) {
    
  }
  @media screen and (max-width: 768px){
    .home-wrapper .banner-top-sec{
        background: none;
    }
    .home-wrapper .banner-top-sec .booking-widget{
        padding: 0;
    }
    .home-wrapper .banner-top-sec .booking-widget:before{
        background: transparent;
    }
    .home-wrapper .banner-top-sec .booking-widget--promo .l-col--6:first-child:before{
        background: transparent;
    }
    .home-wrapper .banner-top-sec .booking-widget--promo .booking-widget__container{
        display: block;
        padding: 0;
    }
    .home-wrapper .banner-top-sec .booking-widget--promo .booking-widget__container > .l-col--6:first-child{
        background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/banner.png) center 35% no-repeat;
        padding: 60px 2.8786%;
    }
     .home-wrapper .banner-top-sec .booking-widget__inner{
        margin: 30px 2.8786% 10px;
        box-shadow: none;
        transition: none;
    }
	.home-wrapper .banner-top-sec .booking-widget--promo .l-col--6:first-child .standard-form__actions{
	z-index: 2;
	position: relative;
	margin-bottom: 10px;
    }
    .appointment-modal .modal__close {
    margin: 0px !important;
    }
    .appointment-modal .modal__content .l-container{
    display: block !important;
    }
	.appointment-modal .modal__content .l-container .l-col--6{
		width: 100% !important;
	}
	.error-sec h1 {
    text-align: center;
    }
  }