@media(max-width: 1439px) {
}
@media(max-width: 1199px) {
    .main-menu ul {
        gap: 45px;
    }
    .hero-sec h1 {
        font-size: 52px;;
        margin-bottom: 15px;
    }
    .hero-sec h5  {
        margin-bottom: 15px;
        font-size: 24px;
    }
    .hero-sec h6{margin-bottom: 15px;}
    .hero-sec h6{font-size: 19px;}
    .btn-wrap {gap: 18px;}
    .btn-primary {
        min-width: 272px
    }
    .intro-book {top: -150px;}

    .slick-arrow:hover ,
    .slick-arrow:focus ,
    .slick-arrow {
        left: 15px;
    }
    .slick-arrow.slick-next:hover ,
    .slick-arrow.slick-next:focus ,
    .slick-arrow.slick-next.slick-next {
        right: 15px;
    }
    .kind-word-wrap {
        padding: 70px 0;
    }
    .form-wrapper {
        padding: 50px 60px;
    }
	    .tour-list p {font-size: 17px;}

}
@media(max-width: 991px) {
    .main-menu ul {
        gap: 35px;
    }
    .header-right {
        font-size: 18px;
        gap: 30px;
    }
    .header {
        padding: 20px 0;
    }
    h3 {
        font-size: 38px;
    }
    .hero-sec h1 {
        font-size: 44px;
    }
    .hero-sec h5  {
        margin-bottom: 12px;
        font-size: 18px;
    }
    .hero-sec h6{margin-bottom: 10px; font-size: 17px;}
    .intro-book {top: 0px;}
    .intro-sec h4 {font-size: 23px; margin-bottom: 25px;}
    .intro-sec p {margin-bottom: 20px;}
    .btn-primary {
        min-width: 208px;font-size: 15px;
    }
    .intro-sec {padding: 45px 0;}
    .kind-word-wrap {
        padding: 50px 0;
    }
    .kind-word-row {
        padding: 25px 60px;
    }
    .kind-word-section h4 {
        padding: 0 60px;
        font-size: 30px;
    }
    .kind-word-row .kindDetail {padding-left: 20px; font-size: 19px;}
    .kind-word-section{
        margin-bottom: 60px;
		margin-top: 60px;
    }
    h4 {font-size: 28px;}
    .bonus-section {padding: 65px 0;}
    .bonus-text {padding-left: 20px;}
    .order-wrapper {
        margin: 0 -5px;
    }
    .order-item {
        padding: 0 5px;
    }
    .form-wrapper {
        padding: 50px;
    }
    .order-from {margin-bottom: 20px;}
    .logo a {font-size: 28px;}
	.popup-txt {padding: 40px 20px 20px}
	.popup-txt p {margin-bottom: 19px;}
	.eventmodalWrap p { font-size: 36px;}
	 .tour-list h5 {font-size: 21px;;}

}

@media(max-width: 767px) {
    .main-menu {
        display: none;
        position: absolute;
        left: 0;
        width: 100%;
        top: 100%;
        padding: 10px 15px;
        background: #fff;
        font-size: 18px;
    }
    .main-menu ul li a {
        padding: 5px 0;
        display: block;
    }
    .header-right {
        gap: 20px;
    }
    .msg-tag a  {
        font-size: 21px;
    }
    #nav-icon1 {
        width: 26px;
        height: 20px;
        transform: rotate(0);
        transition: 0.5s ease-in-out;
        cursor: pointer;
        padding: 0;
    }
    #nav-icon1 span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: #fd7863;
        border-radius: 0;
        opacity: 1;
        transform: rotate(0);
        transition: 0.25s ease-in-out;
    }
    #nav-icon1 span:nth-child(1) {
        top: 0;
    }
    #nav-icon1 span:nth-child(2) {
        top: 8px;
    }
    #nav-icon1 span:nth-child(3) {
        top: 16px;
    }
    #nav-icon1.open span:nth-child(1) {
        top: 8px;
        transform: rotate(135deg);
    }
    #nav-icon1.open span:nth-child(2) {
        opacity: 0;
        left: -60px;
    }
    #nav-icon1.open span:nth-child(3) {
        top: 8px;
        transform: rotate(-135deg);
    }
    .header {
        padding: 15px 0;
    }
    .footer p {font-size: 11px;}
    h3 {
        font-size: 32px;
        line-height: 1.2;
    }
    .heroTxt {
        position: static;
        transform: none;
        width: 100%;
        padding: 15px 0;
        text-align: center;
    }
    .heroImg{
        height: 360px;
    }
    .heroImg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: left center;
    }
    .desrve-head{
        padding: 45px 0;
    }
    .header.sticky {
        padding: 13px 0;
    
    }
    .intro-book {
        position: static;
        width: 75%;
        margin: 0 auto 25px;
        max-width: 400px;
    }
    .intro-left {
        width: 100%; max-width: 100%;
    }
    .intro-sec h4 {font-size: 20px;}
    body {font-size: 16px;}
    .btn-wrap {gap: 10px; padding-top: 3px; justify-content: center;}
    .kind-word-row .kindImg {
        width: 120px;
    }
    .kind-word-row .kindDetail{
        width: calc(100% - 120px);
        font-size: 17px;
    }
    .slick-arrow:hover, .slick-arrow:focus, .slick-arrow {
        width: 15px;;
    }
    .kind-word-row {
        padding: 20px 45px;
    }
    .kind-word-row .kindDetail h6 {font-size: 13px;}
    .kind-word-section h4 {
        padding: 0 45px;
    }
    .kind-word-section{
        margin-bottom: 45px;
		margin-top: 45px;
    }
    .bonus-right-sec {
        width: 100%;
    }
    .bonus-left-sec {
        width: 100%;
        padding: 0;
        margin-bottom: 30px;
    }
    .bonus-left-sec figure {
        max-width: 400px;
    }
	.preorder-now h3 {
		font-size : 30px
	}
    h4 {
        font-size: 24px;
    }
    .bonus-icon {
        width: 40px;
    }
    .bonus-text {
        padding-left: 15px;
        width: calc(100% - 40px);
    }
    .bonus-list-wrap {
        gap: 22px;
    }
    .preorder-now {
        padding: 45px 0;
    }
    .order-wrapper {flex-wrap: wrap; row-gap: 12px;}
    .order-item {
        width: 50%; max-width: 50%;
    }
    .preorder-now h5 {font-size: 18px;}
    .order-wrapper {padding-top: 25px;}
    .form-wrapper {
        margin: 0 -15px;
        padding: 35px 25px;
    }
    .order-from {margin-bottom: 20px;}
    .order-from-wrap {
        padding-top: 20px;
    }
    .step-01 {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
	.steps-form .nf-field-container {
		margin-bottom: 15px;
	}
	.steps-form .listradio-wrap .nf-field-element label.nf-checked-label:before {
		top: auto;
	}
	.popup-img ,
	.popup-txt {
		width: 100% !important;
		text-align: center;
	}
	.popup-img img{
		max-width: 260px;
	}
	.popup-img {
		padding: 25px 0 0;
	}
	.popup-txt div {
		padding-bottom: 15px;
	}
	
	.popUpin {
		padding: 10px 0;
	}
	.popup-txt p {
	    font-size: 17px;

	}
	.eventmodalWrap p { font-size: 24px;}
	.tour-sec h2 {  font-size: 30px; }
	.tour-list .btn {
		width: 100%;
		min-width: inherit;
	}
}

@media(max-width: 575px) {
    h3 {
        font-size: 28px;
    }
    .heroImg{
        height: 300px;
    }
    .hero-sec h1 {
        font-size: 44px;
    }
    .hero-sec h5  {
        margin-bottom: 10px;
        font-size: 16px;
    }
    .hero-sec h6{  font-size: 15px;}
    .slick-arrow:hover, .slick-arrow:focus, .slick-arrow {
        display: none !important;
    }
    .kind-word-row {flex-wrap: wrap;}
    .kind-word-row .kindDetail {
        width: 100%;
        padding: 15px 0 0;
        text-align: center;
    }
    .kind-word-row .kindImg {margin: 0 auto;}
    .kind-word-wrap{
        padding: 40px 0 60px;
    }
    .kind-word-row {padding: 20px;}
    /* .preorder-now h3 , h4 {
        font-size: 24px;
    } */
    .kind-word-section h4 { text-align: center; padding: 0 15px;
     }
     .order-item {
        width: 100%; max-width: 100%;
    }
	.popup-img img{
		max-width: 160px;
	}
	.popup-img {
		padding: 40px 0 0;
	}
	.close-icon {top: 10px; right: 10px;}
	.popup-txt {padding: 25px 15px 25px}
	.popup-txt p {
	    font-size: 16px;
	     margin-bottom: 15px;
	}
	.popup-txt h3 {
    	margin-bottom: 10px;
	}
	.tour-list p {font-size: 16px; line-height: normal;}

}
@media(max-width: 359px) {
    .hero-sec h1 {
        font-size: 36px;
    }
    .popup-img img {
        max-width: 120px;
    }
    .popup-txt h3 {
    	margin-bottom: 5px;
	}
	.popup-txt p {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .popup-txt .btn {height: 40px; font-size: 16px;}
    .popup-txt {padding: 10px;}
    .popup-img {padding-top: 25px;} 
}