/*---------------------------------------
  RESPONSIVE STYLES               
----------------------------------------- */

@media (min-width: 1399px) {
	h2 {
		font-size: calc(100 * (40vw / 1320));
	}
	p {
		font-size: calc(100 * (20vw / 1320));
	}
	.hero-section {
		margin-top: 5rem;
	    min-height: 40vh;
	    height: 50vh;
	    max-width: calc(100 * (950vw / 1320));
	}
	.fix-img {
	    max-width: calc(100 * (180vw / 1320));
	    margin-top: calc(100 * (-70vw / 1320));
	    margin-right: calc(100 * (-70vw / 1320));
	}
	.banner-section {
	    margin-top: 5em;
	}

	.custom-container {
	  max-width: calc(100 * (950vw / 1320));
	}

	.btn-close {
		background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/2em auto no-repeat;
	}
}


@media (min-width: 1799px) {
	h2 {
		font-size: calc(100 * (35vw / 1320));
	}
	p {
		font-size: calc(100 * (15vw / 1320));
	}
	.hero-section {
        margin-top: 8rem;
        height: 64vh;
	}
	.banner-section {
	    margin-top: 7em;
	}
	.form-bg {
	    max-width: 1520px;
	}
	.custom-container-1{
	  max-width: calc(100 * (1100vw / 1320));		
	}

	.static-card {
	  	width: 19%;
	}

	.slider-area {
	  	width: 80%;
	}
	
}


@media (min-width: 2099px) {
	
}


@media (min-width: 992px) {
	
}

@media screen and (max-width: 1200px) {
  h1 {
    font-size: calc(100 * (90vw / 1320));
  }
}

@media (max-width: 991.98px) {
	h1 {
		font-size: 54px;
	}

	h2 {
		font-size: calc(100 * (100vw / 1320));
	}

	h3 {
		font-size: 32px;
	}

	h4 {
		font-size: 28px;
	}

	h5 {
		font-size: 20px;
	}

	h6 {
		font-size: 18px;
	}

	p {
		font-size: calc(100 * (50vw / 1320));
	}

	.desk-only {
		display: none !important;
	}
	.mob-only {
		display: block !important;
	}
	.navbar-collapse {
		background-color: #fff;
	}
	.navbar-nav .nav-link {
	    font-size: calc(100 * (40vw / 1320));
	    margin: calc(100 * (10vw / 1320)) !important;
	    padding: calc(100 * (10vw / 1320)) !important;
	}
	.custom-btn {
	    font-size: calc(100 * (25vw / 1320));
	}
	.navbar-toggler .navbar-toggler-icon {

	}
	.navbar-brand-image{
	    max-width: calc(100 * (200vw / 1320));
	}
	.navbar-brand {
        margin: 0 auto;
	}

	.navbar-brand,
	.navbar-brand:hover {
		font-size: var(--h5-font-size);
	}

	.navbar-expand-lg .navbar-nav {
		padding-bottom: 20px;
	}

	/*.navbar-expand-lg .navbar-nav .nav-link {
		padding: 0;
		margin-bottom: 0;
	}*/

	.navbar .custom-btn {
		margin-bottom: 10px;
	}

	.booking-form {
		padding: 45px;
	}

	.contact-section .container {
		width: auto;
		margin-right: 10px;
		margin-left: 10px;
		padding: 35px;
	}

	.site-footer {
		padding-top: 50px;
		padding-bottom: 50px;
	}

    .hero-section {
        height: calc(100 * (650vw / 1320));
        min-height: calc(100 * (450vw / 1320));
        padding: 0 !important;
        margin-top: calc(100 * (150vw / 1320));
        max-width: 100%;
    }
    .vegas-slide, .vegas-slide-inner {
        background-size: cover !important;
        background-position: left !important;
    }
    .custom-container {
	    max-width: 100%;
	    padding: 0;
	    text-align: center;
	}
	.custom-container-1 {
	  max-width: 100%;
	}
	.book-btn {
		width: 100%;
	}
	.book-btn-2 {
        min-width: 100%;
        min-height: 50px;
	}
    .section-padding {
        padding: 1rem 2rem;
    }
    .custom-div {
	    padding: 5rem 1.5rem;
	    text-align: center;
	}
	.social-icon {
	  	font-size: 1rem;
	}
	.social-icon-box {
        border: 0.1rem solid #fff;
        border-radius: 0.2rem;
        padding: 0.5rem;
	}
	.fl-dir {
        gap: 2rem;
		flex-direction: column;
	}
	.banner-section {
		padding: 7rem 0;
	}
	.spl-p {
	    letter-spacing: calc(100 * (25vw / 1320));
	    font-size: calc(100 * (40vw / 1320));
	}
	.spl-p-2 {
	    padding: 0 calc(100 * (85vw / 1320));
	}
	.section-padding-sm {
	    padding: 0 0.5rem;
        padding-bottom: 10rem;
	}
	.fix-img {
	    max-width: calc(100 * (500vw / 1320));
	    float: none;
	    margin: 0 auto;
	    position: absolute;
	    left: 0;
	    right: 0;
	}

	.slider-padd {
		padding: 1rem 1.2rem;
	}
	.static-card {
	  	width: 33%;
	}
	.slider-area {
	  	width: 65%;
	}
	.stack-effect {
	    /*top: calc(100 * (285vw / 1320));*/
	    position: relative !important;
	}
	.custom-btn {
		font-size: 14px;
		padding: 12px 20px;
	}

	.menu-block-wrap,
	.reviews-block-image-wrap,
	.reviews-block-info {
		padding: 20px;
	}

	.custom-modal .modal-dialog {
	  max-width: 75%;
	}

	.custom-popup{
    	padding: calc(100 * (60vw / 1320));
	}

	.popup-text{
	    font-size: calc(100 * (30vw / 1320));
	    line-height: calc(100 * (50vw / 1320));
	    margin-bottom: calc(100 * (40vw / 1320));
	}

	.popup-title{
    	font-size: calc(100 * (50vw / 1320));
	}

	.popup-close{
	    right: calc(100 * (35vw / 1320));
	    top: calc(100 * (35vw / 1320));
	}

	.btn-close {
		background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/2em auto no-repeat;
	}
}



@media screen and (max-width: 576px) {	
    .navbar-brand-image {
        max-width: calc(100 * (350vw / 1320));
    }
	.navbar-nav .nav-link {
	    font-size: calc(100 * (60vw / 1320));
	    margin: calc(100 * (15vw / 1320)) !important;
	    padding: calc(100 * (15vw / 1320)) !important;
	}
    .hero-section {
        /*height: calc(100 * (1150vw / 1320));*/
        min-height: calc(100 * (620vw / 1320));
        margin-top: calc(100 * (250vw / 1320));
    }
	.custom-btn {
	    font-size: calc(100 * (50vw / 1320));
	}

	.promo-section {
	  gap: calc(100 * (40vw / 1320));
	}

	.static-card {
	  	width: 48%;
	}

	.slider-area {
	  	width: 48%;
	}
	.navbar .container,
	.sticky-wrapper.is-sticky .container {
		margin-right: 10px;
		margin-left: 10px;
	}

	.custom-modal .modal-dialog {
	  max-width: 95%;
	}

	.custom-popup{
    	padding: calc(100 * (90vw / 1320));
	}

	.popup-text{
        font-size: calc(100 * (50vw / 1320));
        line-height: calc(100 * (70vw / 1320));
        margin-bottom: calc(100 * (60vw / 1320));
	}

	.popup-title{
    	font-size: calc(100 * (70vw / 1320));
	}

	.popup-close{
        right: calc(100 * (40vw / 1320));
        top: calc(100 * (40vw / 1320));
	}

	.btn-close {
		background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
	}
	
}


@media screen and (max-width: 480px) {
  h1 {
    font-size: 38px;
  }

  h2 {
    font-size: 28px;
  }

  h3 {
    font-size: 26px;
  }

  h4 {
    font-size: 22px;
  }

  h5 {
    font-size: 20px;
  }

  .hero-section::after {
    width: 200px;
    height: 200px;
  }

  .booking-form {
    padding: 35px;
  }

  .opening-hours-list li {
    font-size: 12px;
  }

  .reviews-block-image-wrap {
    flex-direction: column;
  }

  .reviews-block-image {
    margin-bottom: 15px;
  }

  .timeline-container {
    padding-left: 55px;
  }

  .timeline-container::before {
    left: 44px;
    border: medium solid white;
    border-width: 15px 15px 15px 0;
    border-color: transparent white transparent transparent;
  }

  .timeline-container-left::before,
  .timeline-container-right::before {
    top: 13px;
  }
}