@media only screen and (max-width: 1173px) {
    .container {
        width: 100%;
    }
    #services ul li {
        width: 32%;
        margin-left: 2%;
    }
    #services ul li h3 {
        font-size: 36px;
        line-height: 36px;
    }
    #services ul li::after {
        height: 85%;
        width: 88%;
    }
    #services ul {
        margin: 0 15px;
    }
    #services ul li.w1 {
        width: 66%;
    }
    #testimonial_slider {
        padding: 25px 100px 35px;
    }
    #testimonial_slider blockquote {
        font-size: 18px;
    }
    #testimonial_slider .slick-next {
        right: 22px;
    }
    #testimonial_slider .slick-prev {
        left: 22px;
    }
    .slick-dots li button {
        margin: 0 4px;
    }
    .slick-dots li button,
    .slick-dots li.slick-active button,
    .slick-dots li:hover button {
        background-size: 100% 100%;
        width: 33px;
        height: 35px;
    }
    .slick-dots {
        padding: 14px 0;
    }
    #booking h2 {
        font-size: 62px;
        line-height: 62px;
    }
    #booking_form {
        margin: -10px 18px 40px;
		padding:8px 8px 6px;
    }
    #reservation a {
        font-size: 20px;
    }
    #navigation_bar ul li a {
        font-size: 19px;
        line-height: 20px;
        padding: 8px 15px;
    }
    #navigation_bar ul li a:hover {
        transform: scale(1.05);
    }
    #logo a {
        display: block;
        width: 265px;
    }
    #logo a img {
        width: 100%;
    }
    #locator span {
        font-size: 14px;
        line-height: 20px;
    }
    #locator {
        padding-left: 289px;
    }
    #reservation {
        margin: 0 24px 0 22px;
    }
    #call a {
        font-size: 38px;
        line-height: 38px;
    }
    p{font-size: 15px;}
	#gform_fields_1 li{
		    width: 16% !important;
	}
	.gform_body{width:85% !important;}
	.gform_wrapper .gform_footer{width:14% !important;}
	#gform_wrapper_1 .ginput_container_date input[type="text"]{ width:69% !Important; padding:0 6px 0 12px;}
	#gform_wrapper_1 input[type="text"], #gform_wrapper_1 select{font-size:13px;}
	body #gform_wrapper_1.gform_wrapper img.ui-datepicker-trigger {
    height: auto;
    left: 3px;
    position: relative;
    top: 6px;
    width: 25px !important;
}
.gform_wrapper .gform_footer{top:4px;}
#gform_wrapper_1.gform_wrapper .gform_footer input[type="image"]{width:100% !important;}
}

@media only screen and (max-width: 991px) {
	.gform_body {
    width: 100% !important;
	margin-bottom:5px !important;
}
#gform_fields_1 li {
    width: 15.9% !important;
	
}
    #welcome_section h3{font-size: 42px; line-height: 42px; margin-bottom: 12px;}
    #testimonial_slider blockquote{font-size: 16px; line-height: 26px;}
    #services ul li::after{border: 2px solid #fff;}
    #services ul li h3{font-size: 30px; line-height: 30px;}
    #services ul li::after {
    height: 90%;
    width: 91%;
}
.gform_wrapper .gform_footer {
    display: block;
    margin: 0 auto !important;
    text-align: center;
    top: 0;
    width: 100% !important;
}
#gform_wrapper_1.gform_wrapper .gform_footer input[type="image"] {
    margin-top: 3px !important;
    width: auto !important;
}
#booking_form{padding:15px 8px 6px;}
    #booking h2 {
    font-size: 48px;
    line-height: 48px;
}
    #booking h2 img{width: 180px; height: auto;}
    #booking_form {
    margin: -10px 0 30px;
}
    #slider .item img{height: 600px;}
    .slick-dots li button, .slick-dots li.slick-active button, .slick-dots li:hover button {
    background-size: 100% 100%;
    height: 28px;
    width: 25px;
}
    .slick-dots {
    padding: 10px 0;
}
    footer address{font-size: 16px; line-height: 22px;}
    footer h4{font-size: 22px; line-height: 22px;}
    footer ul li:first-child h6{font-size: 13px; line-height: 13px; padding: 14px 0 0;}
    footer h4{margin-top: 12px;}
    #navigation_bar ul li a{font-size: 16px;}
    #logo{position: relative; display: inline-block; vertical-align: middle; left: 0;}
    #locator{padding-left: 10px;}
    #reservation a {
    font-size: 16px;
        height: 42px;
        line-height: 33px;
}
    #call a{font-size: 26px; line-height: 26px;}
    #reservation a img{width: 30px; margin-left: 5px;}
    #reservation {
    margin: 0 15px;
}
    
    #locator img{width: 25px; margin-right: 10px;}
    #logo a{width: 197px;}
    #logo{top: 0;}
    #top_header{padding: 0;}
    #navigation_bar nav{float: none; text-align: center;}
}


@media only screen and (max-width: 767px) {
	
	#gform_fields_1 li {
    width: 100% !important;
	margin:0 0 10px 0 !important;
}
#gform_wrapper_1 .ginput_container_date input[type="text"] {
  
    width: 88% !important;
}
	
    footer{text-align: center;}
    footer ul li:first-child h6{font-size: 16px; line-height: 16px; padding-top: 0;}
    footer h4{margin-bottom: 12px;}
    footer address{font-size: 18px;line-height: 24px; margin:10px 0;}
    footer .social_icon a{width: 150px; float: none; margin: 0 auto;}
    .social_icon a img{width: 100%;}
    p {
    font-size: 14px;
    line-height: 22px;
}
    #welcome_section h3 {
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 12px;
}
    #testimonial_slider blockquote {
    font-size: 14px;
    line-height: 23px;
}
    #testimonial_slider .slick-prev{background-size: 35px 35px; left: 15px; width: 35px;}
    #testimonial_slider .slick-next{background-size: 35px 35px; right: 15px; width: 35px;}
    #testimonial_slider {
    padding: 25px 60px 35px;
}
    #testimonial_slider h6{font-size: 25px; line-height: 25px; padding-bottom: 15px;}
    #testimonial_slider_wrapper {
    border-bottom: 35px solid rgba(255, 255, 255, 0.6);
    border-left: 18px solid rgba(255, 255, 255, 0.6);
    border-right: 18px solid rgba(255, 255, 255, 0.6);
}
    .welcome_wrapper {
    padding: 45px 18px 18px;
}
    #services ul li, #services ul li.w1{float: none; width: 100%; margin-left: 0;}
    #services ul li .pic{display: block;}
    #services ul li .pic > img{width: 100%;}
    #locator{display: none;}
#toggle {
    display: inline-block;
    margin: 100px 5px 0;
    position: relative;
    right: 0;
    top: -4px;
    vertical-align: middle;
    float: right;
    margin-top: 100px;
}
    #navigation_bar{position: absolute; top: 100%;left: 0; width: 100%;
    background: #fff; padding: 10px 0; display: none;}
    #navigation_bar ul li{border: none;margin: 0; display: block;}
    #navigation_bar ul li a {
    font-size: 18px;
        line-height: 18px;
        padding: 10px 15px;
}
    #navigation_bar ul li a:hover {
   color: #10d4f0;
}
    #reservation{margin: 0; position: absolute; top: 15px; left: 50%; transform: translate(-50%,0); width: 212px;}
    #logo {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
    margin-bottom: 15px;
    margin-top: 72px;
    padding: 5px 0;
    top: 0;
}
    #logo a img{position: relative; left: -2px;}
    #logo a img {
    display: block;
    max-width: none;
    width: 201px;
}
    #call{height: 32px; float: right; margin: 100px 8px 0 0;}
    #call img{display: block; width: 45px; height: auto;}
    #call a{font-size: 0;}
    #slider_container #booking{position: static; top: 0; transform: none; background: #12a4e0;}
    #booking h2 {
    font-size: 30px;
    line-height: 30px;
}
    #booking h2 img {
    height: auto;
    margin-right: 10px;
    width: 100px;
}
    #booking_form {
    margin: -5px 15px 20px;
}
    #slider .item img{height: 500px;}
    #slider_container #booking{padding: 25px 0;}
  
}
@media only screen and (max-width: 479px) {
	
	#gform_wrapper_1 .ginput_container_date input[type="text"] {
  
    width: 82% !important;
}
    
      #logo a img{width: 170px;}
    #logo a {width: 166px;}
    #toggle{margin: 92px 5px 0;}
    #call{margin-top: 92px;}
    #booking h2 img{margin: 0 auto 5px; display: block}
    #booking_form {
    margin: 20px 0 20px;
}
    #services ul li .pic img{min-height: 150px; object-fit: cover;}
    #welcome_section h3 {
    font-size: 30px;
    line-height: 33px;
    margin-bottom: 8px;
}
    .welcome_wrapper {
    padding: 35px 18px 18px;
}
    p {
    font-size: 13px;
    line-height: 22px;
}
    #testimonial_slider .slick-prev{top: auto; bottom: 0; transform: none;}
    #testimonial_slider .slick-next{top: auto; bottom: 0; transform: none;}
    #testimonial_slider {
    padding: 25px 15px 55px;
}
}