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

@media (min-width: 768px){
	.gy-md-47 {
		--bs-gutter-y: 47px;
	}
	.gy-md-50 {
		--bs-gutter-y: 50px;
	}
	.gy-md-6 {
		--bs-gutter-y: 60px;
	}
	.mt-md-135 {
		margin-top: 135px;
	}
	.mt-md-85 {
		margin-top: 85px;
	}
	.pt-md-100 {
		padding-top: 100px;
	}
	.pb-md-100 {
		padding-bottom: 100px;
	}
	.mt-md-100 {
		margin-top: 100px;
	}
	.mb-md-100 {
		margin-bottom: 100px;
	}
	.mt-md-110 {
		margin-top: 110px;
	}
	.mt-md-45 {
		margin-top: 45px;
	}
	.mb-md-50 {
		margin-bottom: 50px;
	}
	.mt-md-40 {
		margin-top: 40px;
	}
	.pb-md-75 {
		padding-bottom: 75px;
	}
	.pt-md-75 {
		padding-top: 75px;
	}
	.pb-md-180 {
		padding-bottom: 180px;
	}
	.mt-md-50 {
		margin-top: 50px;
	}
	.pt-md-140 {
		padding-top: 140px;
	}
	.pb-md-140 {
		padding-bottom: 140px;
	}
	.mb-md-80 {
		margin-bottom: 80px;
	}
	.mb-md-115 {
		margin-bottom: 115px;
	}
	.pt-md-120 {
		padding-top: 120px;
	}
	.pt-md-80 {
		padding-top: 80px;
	}
	.pb-md-80 {
		padding-bottom: 80px;
	}
	.pt-md-110 {
		padding-top: 110px;
	}
	.pb-md-150 {
		padding-bottom: 150px;
	}
	.mb-md-55 {
		margin-bottom: 55px;
	}
	.mb-md-65 {
		margin-bottom: 65px;
	}
	.mt-md-30 {
		margin-top: 30px;
	}
	.mb-md-30 {
		margin-bottom: 30px;
	}
	.mb-md-95 {
		margin-bottom: 95px;
	}
	.pb-md-120 {
		padding-bottom: 120px;
	}
	.pt-md-120 {
		padding-top: 120px;
	}
	.pr-xl-50 {
		padding-right: 50px;
	}
	.pt-md-128 {
		padding-top: 128px;
	} 
	.pb-md-128 {
		padding-bottom: 128px;
	}
	.pt-md-150 {
		padding-top: 150px;
	}
	.pb-md-200 {
		padding-bottom: 200px;
	}
	.mt-md-65 {
		margin-top: 65px;
	}
	.mb-md-40 {
		margin-bottom: 40px;
	}
	.mb-20 {
		margin-bottom: 20px;
	}
	.pb-md-63 {
		padding-bottom: 63px;
	}
	.pb-md-70 {
		padding-bottom: 70px;
	}
	.pt-md-70 {
		padding-top: 70px;
	}
	.mb-md-60 {
		margin-bottom: 60px;
	}
	.pt-md-90 {
		padding-top: 90px;
	}
	.pb-md-90 {
		padding-bottom: 90px;
	}
	.pt-md-48 {
		padding-top: 48px;
	}
	.pb-md-48 {
		padding-bottom: 48px;
	}
	.pt-md-40 {
		padding-top: 40px;
	}
	.pb-md-40 {
		padding-bottom: 40px;
	}
	.container-fluid {
		padding-left: 20px;
		padding-right: 20px;
	}
	.post-slider.owl-carousel .owl-dots {
		display: none;
	}
	.mobile-header-outer {
		display: none;
	}
	.mb-md-35 {
		margin-bottom: 35px;
	}
	.text-md-center .icon-img {
	    justify-content: center;
	}
	.pb-md-170 {
		padding-bottom: 170px;
	}
	.mt-md-20 {
		margin-top: 20px;
	}
	.mt-md-15 {
		margin-top: 15px;
	}
	.mb-md-75 {
		margin-bottom: 75px;
	}
	.pt-md-170 {
		padding-top: 170px;
	}
	.pb-md-65 {
		padding-bottom: 65px;
	}
	.pt-md-85 {
		padding-top: 85px;
	}
	.mb-md-25 {
		margin-bottom: 25px;
	}
	.pb-md-135 {
		padding-bottom: 135px;
	}
	.pb-md-30 {
		padding-bottom: 30px;
	}
	.pb-md-40 {
		padding-bottom: 40px;
	}
	.pb-md-35 {
		padding-bottom: 35px;
	}
	.pt-md-60 {
		padding-top: 60px;
	}
	.pb-md-60 {
		padding-bottom: 60px;
	}
	.pt-md-65 {
		padding-top: 65px;
	}
	.pt-md-115 {
		padding-top: 115px;
	}
	.spacer-md-28 {
		height: 28px;
	}
	#accordion-join .accordion-header {
		display: none;
	}
	#accordion-join .accordion-item {
		border: none;
		border-radius: 0;
	}
	#accordion-join .accordion-body {
		padding: 0;
		text-align: right;
	}
	#accordion-join .collapse:not(.show) {
	    display: block;
	}
	.text-md-end .btn-outer {
	    justify-content: flex-end;
	}
	.quote-slider.owl-carousel .owl-nav {
	    position: relative;
	    width: 144px;
	    margin: 0px 0 0;
	    right: auto;
	    bottom: -51px;
	    top: auto;
	}
	.quote-slider.owl-carousel .owl-nav .owl-next,
	.quote-slider.owl-carousel .owl-nav .owl-prev {
	    position: relative;
	    display: inline-block;
	    width: 30px;
	    height: 30px;
	    background-color: transparent;
	    border: none;
	    padding: 0;
	    outline: none;
	    font-size: 0;
	    float: left;
	    cursor: pointer;
	    margin: 0;
	}
	.quote-slider.owl-carousel .owl-nav .owl-next {
	    float: right;
	}
	.quote-slider.owl-carousel .owl-nav .owl-next:after,
	.quote-slider.owl-carousel .owl-nav .owl-prev:after {
	    position: absolute;
	    content: '';
	    left: 50%;
	    top: 50%;
	    transform: translate(-50%,-50%);
	    background: url(../images/slider-arrow.svg) no-repeat center;
	    background-size: contain;
	    width: 12px;
	    height: 12px;
	}
	.quote-slider.owl-carousel .owl-nav .owl-prev:after {
	    transform: translate(-50%,-50%) rotate(-180deg);
	}
	.quote-slider.owl-carousel .owl-nav .owl-next.disabled,
	.quote-slider.owl-carousel .owl-nav .owl-prev.disabled {
	    pointer-events: none;
	}
	.quote-slider.owl-carousel .owl-nav .owl-next.disabled:after,
	.quote-slider.owl-carousel .owl-nav .owl-prev.disabled:after {
	    background: url(../images/slider-arrow-gray.svg) no-repeat center;
	    background-size: contain;
	}
	.search-cat-outer .input-div {
		display: none;
	}
	.mt-md-30 {
		margin-top: 30px;
	}
}

@media (min-width: 992px){
	.left-banner {
		width: calc( 660px + ((100% - 1185px) / 2 ));
	}
	.container-fluid {
		padding-left: 40px;
		padding-right: 40px;
	}
	.image-overlap-text .col-lg-7 {
		flex: 0 0 auto;
    	width: 56.5%;
	}
	.image-overlap-text .col-lg-5 {
		flex: 0 0 auto;
    	width: 43.5%;
	}
	.image-overlap-text .content-blog {
		margin-left: -95px;
		width: calc(100% + 95px);
		max-width: 595px;
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		height: 100%;
		padding: 50px 0;
	}
	.image-overlap-text .content-blog p {
		max-width: 517px;
	}
	.image-overlap-text .order-lg-first .content-blog {
		margin-left: 0px;
		margin-right: 95px;
		max-width: 595px;
	}
	.image-overlap-text .content-img:before {
		width: 50%;
		right: 0;
		height: 100%;
		left: auto;
		background-image: linear-gradient(to left, #ffffff 0%, rgba(0, 0, 0, 0) 100%);
	}
	.image-overlap-text .order-lg-last .content-img:before {
		left: 0;
		right: auto;
		width: 50%;
		height: 100%;
		background-image: linear-gradient(to right, #ffffff 0%, rgba(0, 0, 0, 0) 100%);
	}
	.discount-row .row > [class^="col-"]{
		flex: 0 0 auto;
    	width: 20%;
	}
	.footer-bottom-right .footer-partner-logo {
		display: none;
	}
	.half-banner-img {
	    position: absolute;
	    width: 50%;
	    left: 0;
	}
	.right-side-img .half-banner-img {
	    left: auto;
	    right: 0;
	}
	.half-banner {
		min-height: 640px;
		display: flex;
		align-items: center;
	}
	.height-526 {
		min-height: 526px;
	}
	.max-width-567 {
		max-width: 567px;
	}
	
}

@media (min-width: 1200px){
	.container {
		max-width: 1185px;
	}	
	.container-fluid {
		max-width: 1441px;
	}
	.left-banner {
		width: calc( 760px + ((100% - 1185px) / 2 ));
	}
	.container-fluid {
		padding-left: 64px;
		padding-right: 64px;
	}
	.gy-xl-8 {
		--bs-gutter-y: 80px;
	}
	.gy-xl-6_5 {
		--bs-gutter-y: 65px;
	}
	
}

@media (min-width: 1280px){
	.main-menu > ul > li.mm-add-listing {
		display: none;
	}
}

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

@media (max-width: 1440px) {
	.image-banner-section {
	    min-height: 700px;
	}
}
@media (max-width: 1400px) {
	.header-search-btn {
	    margin-left: 50px;
	}
}
@media (max-width: 1340px) {
	.header-search-btn {
	    margin-left: 20px;
	}
	.main-menu > li {
	    margin: 0 12px;
	}
}
@media (max-width: 1280px) {
	.mobile-header {
	    display: block;
	}
	.desktop-header {
	    display: none;
	}
	.header-nav {
		padding: 20px 0;
	}
	.menu-icon {
		border: 2px solid var(--sk-primary);
	    padding: 11px 15px 10px;
	    font-size: 16px;
	    line-height: 23px;
	    font-family: 'Alvar Essential';
	    font-weight: 600;
	    display: inline-flex;
	    align-items: center;
	    text-decoration: none;
	    color: var(--sk-primary);
	    margin-left: 12px;
	}
	.menu-icon:hover {
		color: var(--sk-primary);
		text-decoration: none;
	}
	.menu-icon img {
		width: 14px;
		min-width: 14px;
		margin-right: 8px;
	}
	.header-search-btn {
	    margin-left: 0px;
	}
	.mm-listitem .drop-nav-arrow {
		display: none;
	}
	.menu-icon .active-text {
		display: none;
		align-items: center;
	}
	.menu-icon .normal-text {
		display: flex;
		align-items: center;
	}
	.mm-wrapper_opening .menu-icon .active-text {
		display: flex;
	}
	.mm-wrapper_opening .menu-icon .normal-text {
		display: none;
	}
	.mm-wrapper_opening .header-logo {
		opacity: 0;
		visibility: hidden;
	}
	.mm-wrapper_opening .header-part {
		box-shadow: none;
	}
	li.main-btn-li.mm-add-listing {
		padding: 0 64px;
	}
	li.main-btn-li.mm-add-listing .mm-listitem__text {
	    background-color: var(--sk-primary);
	    color: var(--sk-white) !important;
	    padding: 15px;
	    width: 100%;
	    text-align: center;
	    border-radius: 0 0 2px 2px;
	    display: flex;
	    flex-flow: column;
	    flex-basis: auto;
	    margin-bottom: 32px;
	}
	li.main-btn-li.mm-add-listing .mm-listitem__text:hover {
	    background-color: var(--sk-light-blue);
	}
}
@media (max-width: 1199px) {
	
	.grid-32 > .row {
	    margin-left: -25px;
	    margin-right: -25px;
	}
	.grid-32 > .row > [class^="col-"]{
	    padding: 0 25px;
	}
	.gallery-nav {
	    left: 20px;
	    bottom: 20px;
	}
	.quote-slider blockquote.blockquote {
	    font-size: 20px;
	    line-height: 32px;
	}
	.grid-17 > .row {
	    margin-left: -15px;
	    margin-right: -15px;
	}
	.grid-17 > .row > [class^="col-"]{
	    padding: 0 15px;
	}
	.banner-image-info {
	    padding: 65px 30px 65px 55px;
	}
	.grap-info {
	    padding-left: 10px;
	}
	.insta-feed p {
	    font-size: 30px;
	    line-height: 45px;
	    margin: 0 0 30px;
	}
	.grid-25 > .row > [class^="col-"]{
	    padding: 0 15px;
	}
	.grid-25 > .row {
	    margin-left: -15px;
	    margin-right: -15px;
	}
	.footer-menu {
	    gap: 9px 30px;
	}
	li.main-btn-li.mm-add-listing,
	.mm-listitem {
	    padding-left: 40px;
	    padding-right: 40px;
	}
	.mm-btn.mm-btn_prev {
	    margin-left: 17px;
	}
	.grid-67 > .row > [class^="col-"]:first-child {
	    padding-right: 40px;
	}
	.grid-67 > .row > [class^="col-"]:last-child {
	    padding-left: 40px;
	}
	.resorts-table {
		overflow-x: auto;
	}
	.join-form {
	    padding: 32px 20px;
	    gap: 10px;
	}
}

@media (max-width: 991px) {
    .grid-21 > .row {
	    margin-left: -20px;
	    margin-right: -20px;
	}
	.grid-21 > .row > [class^="col-"]{
	    padding: 0 20px;
	}
	.grid-32 > .row {
	    margin-left: -20px;
	    margin-right: -20px;
	}
	.grid-32 > .row > [class^="col-"]{
	    padding: 0 20px;
	}
	.image-overlap-text .content-blog {
		margin-top: -80px;
		position: relative;
		z-index: 2;
	}
	.full-quote-img  {
		display: none;
	}
	.quote-slider blockquote.blockquote {
		text-align: center;
	}
	.quote-slider blockquote.blockquote .quote-icon {
		justify-content: center;
	}
	.quote-slider.owl-carousel .owl-dots,
	.quote-slider.owl-carousel .owl-nav {
	    width: 100%;
	}
	.icon-list ul li {
		width: 33.333%;
	}
	.cta-banner-box {
		padding: 50px 30px;
	}
	li.main-btn-li.mm-add-listing,
	.mm-listitem {
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.mm-btn.mm-btn_prev {
	    margin-left: 0px;
	}
	.max-width-517 {
	    max-width: 100%;
	}
	.grid-67 > .row > [class^="col-"]:first-child {
	    padding-right: 15px;
	}
	.grid-67 > .row > [class^="col-"]:last-child {
	    padding-left: 15px;
	}
	.footer-bottom-right {
		display: flex;
		justify-content: space-between;
	    align-items: flex-start;
	    gap: 20px;
	    width: 100%;
	}
	.footer-bottom-right .footer-partner-logo li {
		margin-right: 0;
	}
	.footer-col:last-child {
		display: none;
	}
	.footer-bottom-right .footer-partner-logo {
		justify-content: flex-end;
		flex-direction: column-reverse;
		align-items: flex-end;
		min-width: 100px;
	}
	.tablet-btn-none .main-btn {
		display: none;
	}
	.join-form {
	    padding: 32px;
	    gap: 16px;
	    flex-wrap: wrap;
	}
	.join-form .input-div {
	    width: 31.7%;
	}
	.half-banner-img {
		height: auto;
		padding-bottom: 68%;
	}
	.half-banner .hero-caption {
		padding: 70px 0;
	}
	.grap-info {
	    padding-left: 0px;
	}
}

@media (max-width: 782px) {
    body.logged-in.admin-bar .header-part {
        top:46px;
    }
    .logged-in.admin-bar .sk-offcanvas-content {
	    top: 46px;
	}
	
}

@media (max-width: 767px) {
	body {
		font-size: 16px;
		line-height: 26px;
	}
	body .wrapper {
		padding-top: 0;
	}
	
	h1, h2, h3, h4, h5, h6 {
	    margin: 0 0 15px 0;
	}
	h1,
	h1.maxtitle-1,
	h2.maxtitle-1,
	h3.maxtitle-1,
	h4.maxtitle-1,
	h5.maxtitle-1,
	h6.maxtitle-1 {
		font-size: 48px;
		line-height: 58px;
	}
	h2,
	h1.maxtitle-2,
	h2.maxtitle-2,
	h3.maxtitle-2,
	h4.maxtitle-2,
	h5.maxtitle-2,
	h6.maxtitle-2 {
		font-size: 40px;
    	line-height: 44px;
	}
	h3,
	h1.maxtitle-3,
	h2.maxtitle-3,
	h3.maxtitle-3,
	h4.maxtitle-3,
	h5.maxtitle-3,
	h6.maxtitle-3 {
		font-size: 32px;
		line-height: 40px;
	}
	h4,
	h1.maxtitle-4,
	h2.maxtitle-4,
	h3.maxtitle-4,
	h4.maxtitle-4,
	h5.maxtitle-4,
	h6.maxtitle-4 {
		font-size: 24px;
		line-height: 30px;
	}
	h5,
	h1.maxtitle-5,
	h2.maxtitle-5,
	h3.maxtitle-5,
	h4.maxtitle-5,
	h5.maxtitle-5,
	h6.maxtitle-5 {
		font-size: 20px;
		line-height: 28px;
	}
	h6,
	h1.maxtitle-6,
	h2.maxtitle-6,
	h3.maxtitle-6,
	h4.maxtitle-6,
	h5.maxtitle-6,
	h6.maxtitle-6 {
	    font-size: 18px;
	    line-height: 26px;
	}
	p { 
		margin-bottom: 20px;
	}
	.row {
		margin-left: -20px;
		margin-right: -20px;
	}
	.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl,
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	    padding-right: 20px;
	    padding-left: 20px;
	}
	.header-part.sticky, .header-part {
	    position: relative;
	    box-shadow: none;
	}
	.header-part.header-scroll {
	    top: auto;
	}
    .sub-title {
	    font-size: 20px;
	    line-height: 27px;
	    margin-bottom: 10px;
	}
	.btn-outer {
		gap: 16px;
	}
	.gap-48 {
	    gap: 15px 30px;
	}
	.intro-text {
	    font-size: 32px;
	    line-height: 40px;
	}
	blockquote.blockquote {
		border-left: none;
	    border-bottom: 4px solid var(--sk-yellow);
	    padding: 0px 0 35px 0px;
	    font-size: 16px;
	    line-height: 28px;
	}
	blockquote.blockquote cite {
	    font-size: 16px;
	    line-height: 22px;
	}
	.quote-icon {
	    margin-bottom: 23px;
	}
	.quote-icon img {
	    width: 63px;
	}
	blockquote.blockquote p {
	    margin-bottom: 25px;
	}
	figure figcaption {
		font-size: 12px;
		line-height: 16px;
	}
	.accordion-button {
	    padding: 10px 30px 12px 0;
	    font-size: 18px;
	    line-height: 24px;
	}
	.accordion-body {
	    padding: 30px 0 28px;
	}
	.main-btn {
	    font-size: 16px;
	    line-height: 24px;
	    padding-left: 20px;
	    padding-right: 20px;
	}
	.accordion-button span {
	    width: 20px;
	}
	.banner-section {
	    padding-top: 86px;
	    padding-bottom: 86px;
	    min-height: 352px;
	}
	.big-height {
	    min-height: 495px;
	}
	.image-overlap-text p {
	    margin-bottom: 25px;
	}
	.image-banner-section {
		padding-top: 70px;
	    padding-bottom: 70px;
	    min-height: 550px;
	}
	.gallery-nav {
	    left: 0;
	    bottom: 0;
	    position: relative;
	    width: 100%;
	    background-color: transparent;
	}
	.gallery-nav .slick-arrow {
		border: 2px solid #E3E3E3;
		border-radius: 2px;
		width: 48px;
		height: 48px;
	}
	.gallery-nav .slick-slide img {
    	height: 48px;
	}
	.quote-slider blockquote.blockquote {
	    font-size: 16px;
	    line-height: 28px;
	    border: none;
	}
	.quote-slider blockquote.blockquote p {
		margin-bottom: 20px;
	}
	.image-overlap-text .content-blog {
		margin-top: -50px;
	}
	.image-banner-section:before,
	.image-banner-section.right-text:before {
	    background-image: linear-gradient(to left,rgba(0, 0, 0, 0.42), rgba(0, 0, 0, 0.42));
	}
	.quote-slider.owl-carousel {
	    margin-bottom: 30px;
	}
	.price-blog-top {
	    padding: 22px 16px 24px 24px;
	}
	.price-cat {
	    font-size: 20px;
	    line-height: 24px;
	}
	.price-blog-top h3 {
	    font-size: 24px;
	    line-height: 30px;
	}
	.price-blog-info {
	    padding: 18px 16px 24px 24px;
	}
	.banner-image-with-text {
		flex-direction: column;
	}
	.banner-image-img {
		width: 100%;
	}
	.banner-image-info {
		width: 100%;
		padding: 24px 14px 24px 22px;
	}
	.banner-image-info h2 {
	    margin-bottom: 8px;
	}
	.grap-info ul li {
		width: 100%;
		margin-bottom: 5px;
	}
	.grap-info ul li img {
		width: 106px;
		min-width: 106px;
		margin-right: 12px;
	}
	.discount-blog {
		flex-direction: row;
		flex-wrap: wrap;
		text-align: left;
		padding: 15px 24px 24px;
	}
	.discount-blog h3 {
		font-size: 18px;
		line-height: 26px;
		width: 100%;
		align-items: center;
	}
	.discount-input {
		width: 50%;
		margin: 0;
	}
	.discount-blog p {
		width: 50%;
		text-align: right;
		font-size: 14px;
		line-height: 19px;
		padding-left: 20px;
	}
	.discount-total {
		padding: 24px;
		flex-direction: column;
		border-radius: 4px;
	}
	.discount-total p {
		font-size: 20px;
		line-height: 30px;
		flex-direction: column;
		margin-bottom: 25px;
	}
	.discount-total p strong {
		font-size: 24px;
		line-height: 30px;
		margin: 0 0 8px;
	}
	.discount-total .main-btn {
		width: 100%;
		justify-content: center;
	}
	.insta-feed-info {
		position: relative;
		width: 100%;
		transform: none;
		display: block;
		text-align: left;
		padding: 0;
	}
	.insta-feed-info p {
		font-size: 32px;
		line-height: 40px;
		font-weight: 600;
		margin-bottom: 30px;
		font-family: 'Alvar Essential';
	}
	.map-div {
		height: auto;
		flex-direction: column;
		margin-left: -20px;
		margin-right: -20px;
		width: calc(100% + 40px);
	}
	.map-div iframe {
		height: 432px;
	}
	.map-info {
		position: relative;
		width: 100%;
		padding: 22px 20px 0;
		left: 0;
		top: 0;
	}
	.map-info h2 {
	    margin-bottom: 10px;
	}
	.map-info p {
	    margin-bottom: 20px;
	}
	.mobile-btn-none .main-btn {
		display: none;
	}
	.review-blog {
	    padding: 16px 16px;
	}
	.review-blog .star {
	    margin-bottom: 3px;
	}
	.review-big {
		border-radius: 0;
		padding: 20px 0 0;
	}
	.review-big h2 {
	    font-size: 24px;
	    line-height: 32px;
	    padding: 0 20px;
	    gap: 30px;
	    margin-bottom: 20px;
	}
	.review-big h2 span {
	    font-size: 18px;
	}
	.review-big h2 span {
	    width: 128px;
	}
	.review-big-row {
		border: none;
		border-top: 1px solid #E3E3E3;
		padding: 32px 20px 25px;
		margin-bottom: 0;
	}
	.review-big-left {
		margin-bottom: 19px;
	}
	.review-list {
	    gap: 10px;
	    flex-direction: column;
	}
	.review-list li {
		flex-direction: row;
	}
	.review-list li .star {
		width: 106px;
		margin: 0 10px 0 0;
	}
	.review-big .main-btn {
		border: none;
		border-top: 1px solid #E3E3E3;
		padding: 16px;
	}
	.top-highlight-title h2 {
	    font-size: 20px;
	    line-height: 30px;
	}
	.top-highlight-info {
		margin-left: -20px;
		margin-right: -20px;
		width: calc(100% + 40px);
		padding: 37px 20px;
	}
	.number-left {
	    width: 40px;
	    min-width: 40px;
	    height: 40px;
	    margin-right: 20px;
	}
	.number-left span {
	    font-size: 24px;
	    line-height: 32px;
	}
	.number-item:before {
	    left: 19px;
	}
	.number-info p {
	    font-size: 14px;
	    line-height: 22px;
	}
	.post-blog {
		flex-direction: column;
		padding-right: 20px;
		padding-bottom: 10px;
	}
	.post-meta {
	    font-size: 16px;
	    line-height: 29px;
	}
	.post-img {
	    width: 90px;
	    min-width: 90px;
	    margin-right: 0;
	    margin-bottom: 10px;
	}
	.post-blog-info p {
	    font-size: 14px;
	    line-height: 24px;
	    margin-bottom: 15px;
	}
	.post-blog-info h3 {
	    font-size: 24px;
	    line-height: 38px;
	    margin-bottom: 5px;
	}
	.owl-theme.owl-carousel .owl-nav {
		left: 0;
		bottom: 0px;
		right: auto;
		top: auto;
		width: 100%;
	}
	.post-slider.owl-carousel .owl-nav {
		left: 0;
		bottom: -40px;
		right: auto;
		top: auto;
		width: 100%;
	}
	.owl-theme.owl-carousel .owl-nav .owl-prev {
		margin-left: 0;
	}
	.owl-theme.owl-carousel .owl-nav .owl-next,
	.owl-theme.owl-carousel .owl-nav .owl-prev,
	.post-slider.owl-carousel .owl-nav .owl-next,
	.post-slider.owl-carousel .owl-nav .owl-prev {
		border: none;
		width: 20px;
		height: 20px;
		float: left;
	}
	.owl-theme.owl-carousel .owl-nav .owl-next,
	.post-slider.owl-carousel .owl-nav .owl-next {
		float: right;
	}
	.post-slider.owl-carousel .owl-dots {
		position: absolute;
		left: 50%;
		bottom: -40px;
		transform: translateX(-50%);
	}
	.post-slider.owl-carousel .owl-dot {
		position: relative;
		display: inline-block;
		padding: 0;
		margin: 3px;
		width: 8px;
		height: 3px;
		background-color: #E3E3E3;
		border-radius: 30px;
		padding: 0;
	}
	.post-slider.owl-carousel .owl-dot.active {
		background-color: var(--sk-primary);
	}
	.icon-blog-img {
	    width: 64px;
	    min-width: 64px;
	    height: 64px;
	    margin-right: 16px;
	}
	.icon-blog-img img {
	    width: 32px;
	    height: auto;
	}
	.icon-blog-info h3 {
	    font-size: 18px;
	    line-height: 24px;
	    margin: 0 0 4px;
	}
	.icon-list ul li {
		width: 50%;
	}
	.cta-banner {
		min-height: 300px;
	}
	.cta-banner-box {
		padding: 50px 30px;
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}
	.cta-banner-box .content-title {
		margin-bottom: 30px;
		max-width: 100%;
	}
	.cta-banner-box .btn-outer {
	    justify-content: center;
	}
	.cta-banner-big {
		min-height: 550px;
	}
	.card-blog .load-more {
	    display: inline-flex;
	    font-size: 14px;
	    line-height: 19px;
	    margin-top: 4px;
	    text-decoration: none;
	}
	.card-blog .load-more img {
		width: 10px;
	    height: auto;
	    margin-left: 10px;
	}
	.card-blog h3 {
		font-size: 24px;
		line-height: 34px;
	}
	.card-blog.heading-32 h3 {
		font-size: 32px;
		line-height: 32px;
	}
	.card-slider.owl-carousel .owl-stage-outer {
		overflow: inherit;
	}
	.card-slider.owl-carousel .owl-nav {
		width: 100%;
		position: relative;
		margin-top: 30px;
	}
	.card-slider.owl-carousel .owl-nav .owl-next,
	.card-slider.owl-carousel .owl-nav .owl-prev {
		border: none;
		width: 20px;
		height: 20px;
		float: left;
		font-size: 0;
    	padding: 0;
    	position: relative;
	}
	.card-slider.owl-carousel .owl-nav .owl-next {
		float: right;
	}
	.card-slider.owl-carousel .owl-nav .owl-prev:after,
	.card-slider.owl-carousel .owl-nav .owl-next:after {
	    position: absolute;
	    content: '';
	    left: 50%;
	    top: 50%;
	    transform: translate(-50%,-50%);
	    width: 12px;
	    height: 12px;
	    background: url(../images/slider-arrow.svg) no-repeat center;
	    background-size: contain;
	}
	.card-slider.owl-carousel .owl-nav .owl-prev:after {
	    transform: translate(-50%,-50%) rotate(-180deg);
	}
	.card-slider.owl-carousel .owl-dots {
		position: absolute;
		left: 50%;
		bottom: -48px;
		transform: translateX(-50%);
	}
	.card-slider.owl-carousel .owl-dot {
		position: relative;
		display: inline-block;
		padding: 0;
		margin: 3px;
		width: 8px;
		height: 3px;
		background-color: #E3E3E3;
		border-radius: 30px;
		padding: 0;
	}
	.card-slider.owl-carousel .owl-dot.active {
		background-color: var(--sk-primary);
	}
	.mobile-header-outer {
		display: flex;
		height: 91px;
	}
	.sk-mobile-header {
		display: flex;
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 99;
		background-color: #ffffff;
		padding: 19px 20px;
		justify-content: flex-end;
		width: 100%;
		box-shadow: 0 3px 8px rgba(112, 120, 135, 0.24);
	}
	.canvas-menu .dropdown-toggle {
		display: none;
	}
	.header-top {
		display: none;
	}
	.header-nav {
		padding: 16px 0;
	}
	.header-search-btn {
		width: 42px;
		height: 42px;
	}
	.join-btn.main-btn {
		margin-left: 8px;
		padding: 7px 17px;
	}
	.header-part.sticky .header-nav {
	    padding: 10px 0;
	}
	.header-right .menu-icon {
		display: none;
	}
	.sk-mobile-header .menu-icon {
	    background-color: var(--sk-primary);
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    padding: 10px 10px;
	    border-radius: 2px;
	    color: var(--sk-white);
	    min-height: 48px;
	    text-decoration: none;
	    margin-left: 12px;
	    width: 99px;
	}
	.sk-mobile-header .menu-icon img {
	    width: 14px;
	    min-width: 14px;
	    height: auto;
	    margin-right: 7px;
	}
	.footer-row {
		flex-wrap: wrap;
	}
	.footer-col {
		width: 100%;
		margin-bottom: 38px;
	}
	.footer-menu li:last-child, 
	.footer-info p:last-child {
		margin-bottom: 0;
	}
	.footer-top {
	    padding: 56px 0 0px;
	}
	.footer-social li {
		width: calc(25% - 12px);
		margin-right: 12px;
	}
	.footer-social li a {
		width: 100%;
		height: 48px;
	}
	.footer-bottom {
		flex-direction: column;
		align-items: flex-start;
		padding-bottom: 40px;
	}
	.footer-bottom ul {
	    justify-content: flex-start;
	    flex-direction: column;
	}
	.footer-bottom p {
		max-width: 100%;
		margin: 0 0 25px;
	}
	.mm-wrapper_opening .sk-mobile-header {
		top: 0;
		bottom: auto;
	}
	.mm-wrapper_opening .sk-mobile-header .menu-icon {
		color: var(--sk-primary);
		background-color: var(--sk-white);
	}
	.mm-menu_fullscreen.mm-menu_position-bottom {
	    top: 74px;
	}
	.mm-menu_fullscreen.mm-menu_position-bottom {
	    height: calc(100vh - 74px);
	}
	.mm-wrapper_opening .header-part.sticky, 
	.mm-wrapper_opening .header-part {
		opacity: 0;
		visibility: hidden;
	}
	.hero-banner {
		padding: 41px 0;
	}
	.hero-banner-mobile {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	.hero-caption h1 {
		line-height: 49px;
		margin-bottom: 11px;
	}
	.hero-caption p {
	    font-size: 18px;
	    line-height: 28px;
	    margin-bottom: 0;
	}
	.breadcrumbs {
	    padding: 13px 0 10px;
	}
	.card-blog .link-arrowed {
	    opacity: 1;
	    visibility: visible;
	    margin-bottom: 1px;
	    margin-top: 5px;
	}
	.hero-caption .search-bar {
		display: none;
	}
	.max-width-517 {
	    margin-bottom: 25px;
	}
	.gy-40 {
	    --bs-gutter-y: 40px;
	}
	.icon-img img {
		max-width: 32px;
		max-height: 32px;
	}
	.community-blog {
		flex-direction: column;
		padding: 20px;
		align-items: flex-start;
	}
	.community-img {
	    width: 93px;
	    min-width: 93px;
	    margin-right: 0;
	    margin-bottom: 10px;
	}
	.community-info h3 {
	    font-size: 20px;
	    line-height: 26px;
	    margin-bottom: 4px;
	}
	.community-icon img {
	    max-width: 19px;
	    width: 19px;
	}
	.gy-35 {
		--bs-gutter-y: 35px;
	}
	.gap-sm-19 {
		gap: 19px;
	}
	.hero-caption p:last-child {
	    margin-bottom: 1px;
	}
	.mobile-none {
		display: none;
	}
	.image-with-caption figcaption {
	    right: 17px;
	    bottom: 10px;
	}
	.resorts-table table thead th {
		height: 52px;
		padding: 20px;
		font-size: 16px;
		line-height: 19px;
		text-align: center;
	}
	.resorts-table table thead tr th:first-child {
		text-align: left;
	}
	.resorts-table table td {
		padding: 13px 20px;
	}
	.resorts-title {
	    flex-direction: column;
	    align-items: flex-start;
	    gap: 9px;
	}
	.resorts-title .resorts-title-info {
		text-decoration: none;
	}
	.resorts-favorite {
	    margin-right: 0;
	    margin-left: 85px;
	    margin-bottom: -24px;
	}
	.td-weather {
	    flex-direction: column;
	    justify-content: center;
	    text-align: center;
	    white-space: nowrap;
	}
	.card-blog p {
	    font-size: 14px;
	    line-height: 17px;
	    margin: 8px 0 10px;
	}
	.card-date {
	    margin: 7px 0 5px;
	}
	.link-share input {
		font-size: 16px;
		line-height: 21px;
	}
	.link-share .main-btn {
	    min-width: 104px;
	}
	.btn-tab {
	    gap: 24px;
	}
	.footer-logo img {
	    width: 163px;
	}
	.footer-logo {
	    margin-bottom: 20px;
	}
	span.span-heading {
		font-size: 18px;
		line-height: 22px;
		margin-bottom: 9px;
	}
	.footer-menu li a,
	.footer-info p {
	    font-size: 14px;
	}
	.footer-bottom ul li:first-child {
		margin-top: 0;
	}
	.footer-bottom ul li {
	    margin-top: 2px;
	}
	.footer-bottom-right .footer-partner-logo li:last-child {
		margin-top: 0px;
	}
	.mobile-full-container .container-fluid {
		padding-left: 0;
		padding-right: 0;
	}
	.join-form {
		display: none;
	}
	.d-block.join-btn-opener {
		display: flex !important;
	}
	.join-btn-opener {
		position: relative;
		display: flex;
		padding: 12px;
		color: var(--sk-primary);
		font-size: 18px;
		line-height: 28px;
		font-weight: 600;
		justify-content: center;
		align-items: center;
		text-align: center;
		font-family: 'Alvar Essential';
	}
	.join-btn-opener:hover {
		text-decoration: none;
		color: var(--sk-primary);
	}
	.join-btn-opener img {
		width: 20px;
		min-width: 20px;
		height: auto;
		margin-right: 8px;
	}
	.modal .btn-close {
	    float: right;
	    padding: 0;
	    margin: 15px;
	    display: inline-block;
	    width: 20px;
	    height: 20px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    outline: none;
	    border: none;
	    box-shadow: none;
	    background-color: transparent;
	    margin-left: auto;
	    opacity: 1;
	    background: none;
	}
	.modal .join-form {
		display: flex;
		padding: 0;
	}
	.join-form .input-div {
	    width: 100%;
	}
	.jq-selectbox__select {
	    height: 45px;
	    padding: 0 15px;
	}
	.jq-selectbox__select-text {
	    line-height: 44px;
	    font-size: 16px;
	}
	.jq-selectbox__trigger {
	    width: 25px;
	}
	.jq-selectbox li {
	    margin: 0;
	    height: 40px;
	    line-height: 40px;
	    padding: 0 15px 0 15px;
	}
	.radio-item .jq-radio {
	    font-size: 18px;
	    line-height: 22px;
	    width: 100%;
	    height: 48px;
	}
	.radio-item label span {
	    font-size: 18px;
	    line-height: 22px;
	}
	.sub-banner {
	    padding: 87px 0 89px;
	}
	.join-club-form-outer {
	    flex-direction: column-reverse;
	    width: calc(100% + 40px);
	    margin-left: -20px;
	    margin-top: 0;
	    padding: 0;
	    box-shadow: none;
	}
	.join-club-form {
		position: relative;
		width: 100%;
		border: none;
		padding: 20px;
	}
	hr.hr {
		margin: 28px 0;
	}
	.input-div textarea,
	.input-div input {
		font-size: 16px;
		line-height: 19px;
		padding: 13px 18px 14px;
	}
	.bootstrap-select>.dropdown-toggle {
		height: 48px;
	    line-height: 47px;
	    font-size: 16px;
	}
	.bootstrap-select .dropdown-menu li {
	    line-height: 47px;
	    font-size: 16px;
	    font-weight: 400;
	}
	.bootstrap-select .dropdown-toggle::after {
	    right: 15px;
	    top: 16px;
	}
	.join-club-form-info {
		width: 100%;
		padding: 0;
	}
	.join-club-form-outer .submit-btn {
	    position: relative;
	    margin-bottom: 0;
	    margin-top: 0;
	    padding-top: 20px;
	}
	.join-club-form-outer .submit-btn:before {
		position: absolute;
		content: '';
		left: -20px;
		top: 0;
		width: calc(100% + 40px);
		height: 1px;
		background-color: var(--sk-border);
	}
	.join-club-form-outer .submit-btn .main-btn {
		width: 100%;
		justify-content: center;
	}
	.radio-div-outer {
		width: 100%;
	}
	.radio-item {
	    width: 49.6%;
	}
	.radio-item label {
	    width: 100%;
	}
	#accordion-join .accordion-item {
		border: none;
		outline: none;
		box-shadow: none;
	}
	#accordion-join .accordion-button {
		padding: 18px 20px 18px;
		border: none;
		background-color: transparent;
		outline: none;
		box-shadow: none;
		color: var(--sk-dark);
		font-size: 16px;
		line-height: 22px;
		font-family: 'Alvar Essential';
	}
	#accordion-join .accordion-body {
	    padding: 0 20px 15px;
	}
	#accordion-join .contact-address {
	    align-items: flex-start;
	}
	#accordion-join .accordion-body .sub-title {
		display: none;
	}
	#accordion-join .accordion-button span {
	    right: 15px;
	}
	#accordion-join .accordion-button[aria-expanded="false"] span:after {
	    background: url(../images/angle-down-blue.svg) no-repeat center;
	    background-size: contain;
	    position: absolute;
	    left: 0;
	    top: 50%;
	    transform: translateY(-50%) rotate(0deg);
	}
	#accordion-join .accordion-button[aria-expanded="true"] span:after {
		transform: translateY(-50%) rotate(180deg);
		background: url(../images/angle-down-blue.svg) no-repeat center;
	    background-size: contain;
	}
	.half-banner .hero-caption {
		padding: 55px 0;
	}
	.half-banner .hero-caption p {
	    font-size: 18px;
	    line-height: 28px;
	    margin-bottom: 33px;
	}
	.mobile-full-width-btn .main-btn{
		width: 100%;
		justify-content: center;
	}
	.event-filter {
	    align-items: center;
	    flex-direction: column-reverse;
	    align-items: flex-start;
	    margin-bottom: 12px;
	}
	.event-filter-input .input-div {
	    margin-bottom: 22px;
	}
	.event-result {
	    font-size: 18px;
	    line-height: 32px;
	}
	.event-filter-input {
	    min-width: inherit;
	    width: 100%;
	}
	.event-date-time {
	    margin: 30px 0 40px;
	    gap: 15px;
	}
	.event-ticket-outer {
		flex-direction: column;
	}
	.event-ticket-title {
		width: 100%;
	}
	.half-banner .hero-caption .event-ticket-title p {
		justify-content: space-between;
		flex-direction: row;
		display: flex;
		align-items: center;
		margin-bottom: 15px;
	}
	.event-ticket-outer .btn-outer {
		width: 100%;
	}
	.event-ticket-outer .btn-outer .main-btn {
		width: 100%;
		justify-content: center;
	}
	.post-bottom-info {
		flex-wrap: wrap;
		padding: 25px 0 32px;
	}
	.post-bottom-info .post-share label {
		display: none;
	}
	.post-bottom-info .post-share {
		width: 100%;
	}
	.post-bottom-info .post-share ul {
		width: 100%;
	}
	.post-bottom-info .post-share ul li:last-child {
		margin-right: 0;
	}
	.post-bottom-info .post-share .footer-social li {
	    width: calc(25% - 8px);
	    margin-right: 14px;
	}
	.hero-caption .search-bar.mobile-show {
		display: flex;
		margin-top: 25px;
	}
	.search-btn,
	.hero-caption .search-bar .search-btn {
		font-size: 0;
		width: 44px;
		min-width: 44px;
		height: 42px;
		padding: 0;
		min-width: inherit;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.search-btn img,
	.hero-caption .search-bar .search-btn img {
		display: block;
		width: 16px;
		margin: 0;
	}
	.search-bar label:before {
		display: none;
	}
	.search-bar label input {
		padding-left: 14px;
	}
	.hero-caption .resort-forcast{
		display: none;
	}
	.hero-caption .btn-outer.d-block {
		gap: 16px;
		display: flex !important;
	}
	.sk-tab {
		gap: 0;
		margin-right: -20px;
	}
	.sk-tab li a {
		font-size: 16px;
		line-height: 24px;
		padding: 14px 8px 12px;
	}
	.resort-forcast {
		box-shadow: 0 3px 8px 0 rgba(112, 120, 135, 0.24);
	}
	.resort-forcast-heading {
		padding-right: 15px;
	}
	.resort-forcast-heading-angle {
	    margin-right: 0;
	}
	.resort-forcast-heading p {
		font-size: 14px;
		line-height: 18px;
	}
	.resort-forcast .resort-forcast-bottom {
		display: none;
	}
	.thumbs-block {
		padding: 32px 24px;
	}
	.btn-outer .footer-social li a {
	    width: 48px;
	    min-width: 48px;
	    height: 48px;
	}
	.gap-16 {
	    gap: 16px;
	}
	.card-feature-list {
	    margin: 14px 0 0;
	}
	.btn-outer.width-50 {
	    margin-top: 19px;
	}
	.gy-40 {
		--bs-gutter-y: 39px;
	}
	.gy-20 {
		--bs-gutter-y: 20px;
	}
	.gy-54 {
		--bs-gutter-y: 54px;
	}
	.quote-slider.owl-carousel .owl-dots {
	    margin: 63px 0 0;
	}
	.quote-slider.owl-theme.owl-carousel .owl-nav {
	    bottom: 6px;
	}
	.dot-list p {
	    font-size: 14px;
	    line-height: 22px;
	}
	.dot-list ul li {
	    padding: 0 0 0 19px;
	}
	.expect-row .thumbs-block + .thumbs-block {
	    margin-top: 16px;
	}
	.review-form-outer h2 {
		padding: 11px 24px;
	}
	#review-formModal.modal .btn-close {
	    right: 15px;
	    top: 15px;
	}
	.review-form {
		padding: 30px 24px 16px;
	}
	.review-form .submit-btn:before {
		left: -24px;
		width: calc(100% + 48px);
	}
	.input-div {
	    margin-bottom: 24px;
	}
	.search-header {
		padding: 16px 0 52px;
	}
	.search-header .header-logo img {
	    width: 109px;
	    height: auto;
	}
	#search-Modal .search-header .btn-close {
		font-size: 16px;
		line-height: 26px;
		font-weight: 600;
		color: var(--sk-primary);
		width: auto;
		height: auto;
		padding: 5px 13px;
	}
	#search-Modal .search-header .btn-close img {
		margin-right: 5px;
	}
	.search-bar-outer .search-bar .search-btn {
		font-size: 0;
		padding: 0;
		display: flex;
		width: 44px;
		min-width: 44px;
		height: 44px;
		align-items: center;
		justify-content: center;
	}
	.search-bar-outer .search-bar .search-btn img {
	    display: flex;
	    margin: 0;
	    width: 16px;
	}
	.search-bar-outer .search-bar label input {
	    padding-left: 14px;
	}
	.search-bar-outer .search-bar {
		margin-bottom: 50px;
	}
	.search-bar-outer {
		padding-bottom: 54px;
	}
	#search-Modal .modal-dialog-centered {
	    min-height: inherit;
	    margin-top: 0;
	}
	.hero-caption .search-bar.mobile-block {
	    display: flex;
	}
	.search-banner {
		padding-top: 55px;
		padding-bottom: 46px;
	}
	.search-cat-outer {
		padding-top: 24px;
		border-bottom: none;
	}
	.search-cat-outer .search-cat {
		display: none;
	}
	.search-cat-outer .input-div {
		display: block;
	}
	.search-box-arrow {
		display: none;
	}
	.search-box {
		border: none;
		border-bottom: 1px solid var(--sk-border);
		border-radius: 0;
		padding: 0;
		padding-bottom: 17px;
		margin-bottom: 18px;
	}
	.search-meta {
		font-size: 14px;
		line-height: 18px;
	}
	.search-box-info h3 {
		font-size: 18px;
		line-height: 24px;
	}
	.search-box-info p {
		font-size: 12px;
		line-height: 22px;
	}
	.search-box-left {
	    flex-direction: row-reverse;
	    justify-content: space-between;
	    width: 100%;
	}
	.search-box-img {
	    position: relative;
	    width: 72px;
	    min-width: 72px;
	    margin-right: 0px;
	    margin-left: 10px;
	}
	.search-box-img.box-img {
	    height: 49px;
	    padding: 12px;
	}
	.search-box-img.box-img img {
	    width: auto;
	}
	.result-empty .search-bar {
		flex-direction: column;
		box-shadow: none;
		border-radius: 0;
	}
	.result-empty .search-bar label input {
		border-radius: 2px;
	    box-shadow: 0 3px 8px 0 rgba(112, 120, 135, 0.24);
	    width: 100%;
	    border: 1px solid transparent;
	    padding-left: 47px;
	    padding-top: 12px;
	    padding-bottom: 12px;
	}
	.result-empty .search-btn {
		width: 100%;
		font-size: 18px;
		line-height: 26px;
		margin-top: 12px;
		padding: 13px;
		height: auto;
	}
	.result-empty .search-btn img {
		display: none;
	}
	.result-empty .search-bar label:before {
		display: flex;
	}
}	



@media (max-width: 640px) {
	.modal-dialog {
		margin-right: 20px;
		margin-left: 20px;
		max-width: 100%;
	}
}

@media (max-width: 600px) {
    body.logged-in.admin-bar .header-part.sticky {
        top: 0px;
    }
    body.logged-in.admin-bar .header-part.sticky .sk-offcanvas-content {
        top: 0px;
    }
}

@media (max-width: 575px) {
	
}

@media (max-width: 480px) {
	
}

@media (max-width: 375px){
    
}

@media (max-width: 360px) {
	

}