@media(min-width: 1921px){
    .main-slider .slick-track{
        max-height: 1100px;
    }
}

@media (min-width: 1600px){
    .container-fluid.main-bg {
        background-image: linear-gradient(180deg, var(--background-color) 49%, var(--second-background-color) 0%) !important;
    }
}

@media (min-width: 1200px) and (max-width: 1600px) {
    .slider-wrap-sec {
        max-width: calc(100% - 470px) !important;
        width: calc(100% - 470px) !important;
    }
    .text-center {
        width: 570px !important;
        max-width: 470px !important;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}
@media(max-width: 1499px){
	.container-fluid.main-bg {
        background-image: linear-gradient(180deg, var(--background-color) 52%, var(--second-background-color) 0%) !important;
    }
}
@media(max-width: 1399px){
	.main-bg {
        background-image: linear-gradient(180deg, #fff 55%, #0f5237 0%) !important;
    }
}
@media (min-width: 1500px) and (max-width: 1600px) {
	.container-fluid.main-bg {
        background-image: linear-gradient(180deg, var(--background-color) 52%, var(--second-background-color) 0%) !important;
    }
}
@media (min-width: 600px) and (max-width: 1200px) {
    .slider-wrap-sec,  .text-center {
        width: 100% !important;
        max-width: 100% !important;
    }
    .main-bg {
        background-image: linear-gradient(180deg, #fff 77.3%, #0f5237 0%) !important;
        padding-bottom: 130px;
    }
}

@media (max-width: 280px) {
    .phone-mob {
        margin-right: 4px !important;
    }
    .detail-mob {
        margin-left: 4px !important;
    }
    .detail-mob a, .phone-mob a{
        font-size: 16px !important;
    }
    .mobile-menu{
        padding: 8px !important;
    }
}

@media (max-width: 767px) {
    .mobile-menu{
        background: #FFFFFF;
        padding: 12px 16px;
        position: fixed;
        bottom: 0;
        width: 100%;
        display: block;
    }
    .mobile-menu .row{
        margin-right: 0;
        margin-left: 0;
    }
    .detail-mob{
        background: #000;
        border: 2px solid #000000;
        margin-left: 6px;
    }
    .phone-mob{
        background-color: #2bc640;
        border: 2px solid #000;
        margin-right: 6px;
    }
    .detail-mob a, .phone-mob a{
        padding: 10px 0;
        display: block;
        text-decoration: none;
        font-size: 16px;
        font-family: 'Assistant';
        font-weight: 600;
        text-align: center;
        color: #fff;
    }
    .detail-mob a img, .phone-mob a img{
        margin-right: 6px;
    }
    .phone-mob a{
        color: #FFFFFF;
    }
    .mobile-menu .col-6 {
        width: 48%;
    }
    .checkbox label, .lower-notice p{
        font-family: 'Assistant' !important;
        font-size: 12px !important;
    }
    .image-notice{
		/* top: 335px; */
		top: calc(230px + 10px);
        left: 12px;
        color: #0f5237;
        font-family: 'Assistant' !important;
        font-size: 12px;
    }
    .slider-logo{
        top: unset;
        left: unset;
        bottom: -6px;
        right: 23px;
    }
    [dir='rtl'] .slick-next {
        right: auto;
        left: 34px;
    }
    .slick-prev:before, .slick-next:before  {
        width: 60px !important;
        opacity: 1;
    }
}

@media (max-width: 680px) {
	.main-slider .slick-track{
		min-height:auto !important;
		height:auto !important;
	}
    .main-logo{
        max-width: 220px;
        margin-top: -10px;
        margin-bottom: 20px;
    }
    .slider-logo img{
        width: 80px;
        height: auto;
    }
    .container-fluid.main-bg.main-bg.new {
        background-image: linear-gradient(180deg, var(--background-color) 69.5%, var(--second-background-color) 0%) !important;
        margin-bottom: 0px;
        padding-bottom: 130px;
    }
    .slider-wrap-sec{
        max-width: 100% !important;
        width: 100% !important;
    }
    .text-center{
        width: 100% !important;
        max-width: 100% !important;
    }
    .main-slider, .slick-track{
        min-height: 230px !important;
    }
    .slick-dotted.slick-slider {
        margin-bottom: 50px;
    }
    .notice, .sub-heading p {
        font-size: 16px;
    }
    .text-center{
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .logo-two-text{
        width: 185px;
    }
    .center-text > .main-heading{
        font-size: 43px !important;
        line-height: 35px !important;
        margin-bottom: 10px;
    }
    .content .sub-heading{
        font-size: 29px;
        font-weight: 400;
        line-height: 34px;
        margin-bottom: 20px;
    }
    .content .desc{
        font-size: 20px;
        margin-bottom: 40px;
        line-height: 26px;
        text-align: justify;
        text-align-last: center;
    }
    .price-text > strong{
        width: 100%;
        display: block;
        font-size: 34px;
        line-height: 42px;
    }
    .price-text{
        font-size: 34px;
        line-height: 42px;
    }
    .pricing-detail .price{
        font-size: 36px !important;
        line-height: 36px !important;
    }
    .pricing-detail .rooms{
        font-size: 24px;
        line-height: 24px;
    }
    .icon-list{
        flex-wrap: wrap;
        gap: 20px;
    }
    .icon-list > .item{
        width: 46%;
    }
    .icon-list .item > .title {
        font-size: 20px;
        line-height: 24px;
        max-width: 130px;
        margin-left: auto;
        margin-right: auto;
    }
    .logo-left-side img {
        min-height: 60px;
        max-height: 60px;
    }
    .submit-btn input{
        max-width: 100%;
        border-radius: 40px;
        left: 5px;
        bottom: 15px;
        direction: rtl;
    }
    .submit-btn{
        max-width: 42%;
    }
    .checkbox {
        max-width: 100%;
    }
    .form-item4{
        order: 5;
    }
    .form-item5{
        order: 4;
    }
    .checkbox label {
        padding-right: 10px;
        line-height: 17px;
    }
    .checkbox label:before {
        right: 4px;
    }
    .combo-btn-pri-new{
        padding-bottom: 20px !important;
        background: #fff;
        margin-top: -14px;
    }
	#pojo-a11y-toolbar.pojo-a11y-toolbar-left{
		top: 520px !important;
	}
    .slick-dots li{
        width: 9px !important;
    }
    .slick-dots li button{
        width: 12px;
        height: 12px;
    }
    .page-id-44 img {
        max-width: 190px;
        margin-bottom: 36px;
    }
    .page-id-44 h1 {
        font-size: 62px;
        line-height: 40px;
    }
    .page-id-44 .text-wraper{
        padding-top: 28px;
    }
    .thank-you-wrapper .main-logo {
        margin-bottom: 50px;
    }
    .thank-you-wrapper .content-wrapper > p{
        font-weight: 500;
    }
}