@media (max-width:1579px) {
header .navbar-light .navbar-nav .nav-link{ font-size:18px;}
header .navbar-brand{ width:150px;}
.free_info h3{ top:-32px;}

.hero_sec{ overflow:hidden;}
.hero_cap{ max-width:720px;}
.hero_cap h1{ }
.exp_sec h2{ font-size:50px; line-height:58px;}

h2 .rough-annotation path{ stroke-width:20px;transform: translate(0px, 5px);}

.review_sec{ padding-bottom:200px;}
.review_sec .slider{ padding:0 40px;}
.review_sec .owl-carousel .owl-nav button.owl-prev{ left:-45px;}
.review_sec .owl-carousel .owl-nav button.owl-next{ right:-45px;}

.feture_block{ padding:0;}
.book_info h2{ font-size:36px;}
.book_info p{ font-size:15px;}
.feture_block h3{ font-size:20px;}


.reserved_sec .sidebar_links li a{ font-size:20px;}
.inner_details div:not(.accordion-item) > h2{ font-size:50px;}

.qr_code{ gap:15px; grid-template-columns: 100px auto;}
.ticket_box .information .dtl strong{ font-size:20px;}
.ticket_box .information .dtl span{ font-size:20px;}
.ticket_box .information .dtl{ font-size:16px;}

.ticket_box .profile .left_dtl .info{ font-size:20px;}
.ticket_box .profile h4{ font-size:30px;}
.ticket_box .profile h4 span{ font-size:40px;}
.ticket_box .profile .left_dtl i { font-size: 40px; height: 70px; width: 70px;}
.ticket_box .ticket_top h3{ font-size:20px;}
.ticket_box .warning_box{ padding:30px 60px 0; gap: 20px;}

ul.party_list{ gap:30px;}
ul.party_list li{ font-size:15px; font-size:16px; gap:20px; margin:0 0 14px 0;}
ul.party_list li .icon{ flex: 0 0 24px;}

.share_link{ padding-bottom:10px;}
.copylink_form input { padding: 0 10px; font-size: 20px;}
.alert-danger{ font-size:16px;}

.signin_msg .form_link{ margin-bottom:40px;}
.signin_msg h4{ font-size:22px;}
.signin_msg p{ font-size:14px;}
.signin_msg .ticket_box .information .dtl { font-size: 14px;}
.signin_msg .ticket_box .information .dtl strong { font-size: 18px;}
.summary_info .logged{ margin-bottom:40px;}
.signin_msg .ticket_box .information{ padding:0 20px;}
.summary_info .form-control{ padding: 0 20px; height: 60px; font-size: 20px;}
.summary_info .register_box{ gap:25px;}
.summary_info .form-select{ padding: 0 60px 0 20px; height: 60px; font-size: 20px;}

.time_info{ padding: 25px 20px 20px 20px;}
.time_info .radio_btns .form-check .btn{ font-size: 22px;}
.datepicker td, .datepicker th{ font-size:22px;}
.summary_info .inner{ margin-bottom:40px;}
}

@media (max-width: 1200px) {
header .navbar-light .navbar-nav .nav-item{ margin-right:30px;}
header .navbar-light .navbar-nav .nav-link{ font-size:16px;}

.hero_sec{ padding:220px 0 0px;}
.hero_sec::before { height:240px;}
.hero_sec::after{ height:120px;}
.hero_cap h1 { font-size: 40px; line-height: 50px;}
.hero_cap { max-width: 600px; height: 70vh; justify-content: flex-end; background-position: bottom center; padding-bottom: 40px}
/*.hero_cap h1 .rough-annotation path{ stroke-width: 30px;}*/

.exp_sec{ padding:120px 0 150px;}
.exp_sec .details{ margin-top:0;}
.play_link { width: 80px; height: 80px; font-size: 40px;}
.exp_sec h2 { font-size: 40px; line-height: 50px;}
.exp_sec p{ font-size:18px; line-height:28px;}

h1 .rough-annotation path{ stroke-width:40px; transform: translate(0px, 14px);}
h2 .rough-annotation path{ stroke-width:40px; transform: translate(0px, 12px);}


.global_title{ font-size:40px;}
.global_title span{ padding:0 30px;}
.info_msg{ font-size:16px;}

.acc_info .accordion-button { padding: 14px 55px 14px 22px; font-size: 26px; line-height: 34px;}
.acc_info .accordion-button::after{ width:24px; height:24px; right:10px; top:18px;}
.acc_info p{ font-size:16px; line-height:28px;}
.review_sec p{ font-size:22px; line-height:32px;}
.review_sec .author{ font-size:18px;}

.footer_sec .ftr_logo{ grid-template-columns: 100px auto; gap:15px;}
.footer_sec .dtl{ font-size:14px;}
.footer_sec .social_part{ flex-wrap: wrap;}
.footer_sec ul.ftr_menu{ gap:20px;}
.footer_sec ul.ftr_menu li{ font-size:14px;}
.footer_sec ul.ftr_icon li{ font-size:24px;}

.book_info h2{ font-size:30px;}
.book_info p{ font-size:14px;}
.book_info .icon{ flex:0 0 70px;}


.inner_details{ padding:50px 30px 40px;}
.reserved_sec .sidebar_links li a{ font-size:18px;}
.inner_details div:not(.accordion-item) > h2{ font-size:40px;}

.qr_code{ grid-template-columns: 60px auto;}
.ticket_box{ padding-bottom:30px;}
.ticket_curve span{ width:40px; height:40px;}
.ticket_box .ticket_top{ padding:22px 40px;}
.ticket_box .information { padding: 0 40px;}
.ticket_box .information .dtl{ font-size: 14px; line-height: normal;}
.ticket_box .information .dtl strong{ font-size: 16px;}
.ticket_box .profile .left_dtl i { font-size: 30px; height: 50px; width: 50px;}
.ticket_box .profile .left_dtl .info { font-size: 16px;}
.ticket_box .profile h4 { font-size: 20px;}
.ticket_box .profile h4 span { font-size: 30px;}
.ticket_box .warning_box{ padding:30px 40px 0;}
.ticket_box p { font-size: 16px; line-height: 22px;}
.ticket_box .warning_box i{ font-size:30px;}

.copylink_form input{ font-size:16px;}
.share_link h6{ font-size:16px;}
.share_link p{ font-size:14px;}

ul.party_list li{ font-size:14px; gap: 14px;}
ul.party_list li .icon { flex: 0 0 20px;}
.info_lbl{ font-size:12px;}

.common_modal .modal-body { padding: 70px 120px 40px 40px; min-height: 480px;}

.summary_info .nav-link{ font-size:16px; margin-bottom:25px;}
.summary_info .nav-link span { font-size: 20px; height: 45px; width: 45px; flex: 0 0 45px;}
.summary_info .detail h6{ font-size:16px;}
.summary_info .detail p{ font-size:14px;}
.summary_info .left_dtl .info{ font-size:20px;}
.summary_info .form-control{ height: 52px; font-size: 16px;}
.summary_info .form-select{ padding-right:40px; height: 52px; font-size: 16px; background-size: 16px auto; background-position: right 15px center;}
.summary_info .form-check{ margin-bottom:30px;}
.form-check-input[type="checkbox"]{ height: 30px; min-width: 30px;}
.summary_info .inner{ margin-bottom:40px;}

.datepicker th.datepicker-switch { font-size: 22px; line-height: 30px;}
.datepicker th.datepicker-switch span{ font-size:18px;}
.datepicker .dow{ font-size:16px;}
.datepicker td, .datepicker th { font-size: 20px;}
.time_info .radio_btns .form-check .btn { font-size: 18px;}
.number-input-container input[type="number"]{ font-size: 40px;}
    
    .hero_btn{ font-size: 16px; padding:13px 30px }
    
    .paper-strap .detail h2{ font-size: 40px}
    .paper-strap{ min-height: 400px}
    .paper-strap .detail p{ font-size: 18px}
    
    .box-article p{ font-size: 15px}
    
    .big_slider_sec .owl-dots{ bottom: 0; padding-left: 20px}
}

/************ Main **************/
@media (max-width: 991px) {
    .logo{ width: 80px; height: 80px}
.navbar-toggler{ background:none; border:none; position:relative; right:0; top:0; height: 43px; box-shadow:none !important;}
.navbar-toggler:focus,.navbar-toggler:active { outline: 0;}
.navbar-toggler span {display: block; background-color:#fff; height:2px; width:40px; margin-top:2px; margin-bottom:13px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);-o-transform: rotate(0deg);  transform: rotate(0deg); position: relative; left: 0;opacity: 1;}
.navbar-toggler span:nth-child(1),.navbar-toggler span:nth-child(3) { -webkit-transition: transform .35s ease-in-out; -moz-transition: transform .35s ease-in-out; -o-transition: transform .35s ease-in-out; transition: transform .35s ease-in-out;}
.navbar-toggler:not(.collapsed) span:nth-child(1) { position: absolute; left: 12px; top: 10px; -webkit-transform: rotate(135deg);  -moz-transform: rotate(135deg); -o-transform: rotate(135deg);transform: rotate(135deg); opacity: 0.9;}
.navbar-toggler:not(.collapsed) span:nth-child(2) {height: 12px; visibility: hidden; background-color: transparent;}
.navbar-toggler:not(.collapsed) span:nth-child(3) {position: absolute;left: 12px;top: 10px;-webkit-transform: rotate(-135deg);-moz-transform: rotate(-135deg); -o-transform: rotate(-135deg);transform: rotate(-135deg);opacity: 0.9;}
header .navbar-collapse{ margin: 0 -5.9%; background: #000;}
header .navbar-light .navbar-nav .nav-link{ padding:0 20px;}
header .w-50.order-1{ width:25% !important;}
header .w-75.order-3{ width:25% !important;}
header .w-75.order-1{ order:5 !important; width:100% !important;}

header, header.sticky{ padding:20px 0;}
.login .dropdown-menu { left: auto; right: 0; transform: inherit;}
.dropdown-menu::after { left:auto; right:10px;}
.dropdown-menu .dropdown-item{ font-size:18px; padding:14px 20px;}

header .navbar-light .navbar-nav{ padding-top:10px;}
header .navbar-light .navbar-nav .nav-item{ margin:0 0 15px;}
    .free_info{ display: flex; flex-direction: row; align-items: center}
    .free_info a span{ padding: 10px; text-align: center; border: 0; display: flex; flex-direction: column-reverse}
    .free_info .top-menu{ position: relative; top: auto; right: auto; margin-right: 15px;}
    .right-menu{ display: flex; flex-direction: row-reverse; align-items: center; }
    .right-menu .login{ margin-left: auto}
    .label-dona{ font-size: 8px; margin-top: 9px; margin-bottom: -12px}
    
.book_info{ padding-top:20px;}
.book_sec figure{ margin:-60px 0 0 -50px;}
.book_sec .btns{ margin:15px 0 30px 90px;}

.footer_sec .social_part{ gap:20px;}

.video_modal .modal-body iframe{ height: 50vw;}


.reserved_sec .sidebar_links li a{ font-size:16px;}
.inner_details div:not(.accordion-item) > h2{ font-size:30px; padding: 0 0 20px 0; margin-bottom:30px;}
.reserved_sec p{ font-size:16px; line-height:26px; margin: 0 0 30px 0;}
.phone_num{ font-size:26px; margin-bottom:30px;}

.ticket_box .warning_box p{ margin:0;}
.ticket_box p { font-size: 14px; line-height: 20px;}
.ticket_box .profile .left_dtl{ gap:10px;}
.ticket_box .profile h4{ gap:10px;}
.ticket_box .profile{ gap:10px;}
.reserved_sec p { font-size: 14px; line-height: 23px; margin: 0 0 20px 0;}
ul.party_list{ columns: 1; padding-bottom:20px;}
.reg_title{ font-size:24px;}

.common_modal .modal-body { padding:60px 40px 40px 40px; min-height: 400px;}
.common_modal h2{ font-size:30px;}
.common_modal p.lg{ font-size:16px; line-height:23px; margin-bottom: 30px;}
.common_modal p.xl{ font-size:18px; line-height:28px;}

/* Booking */
.summary_info .nav-pills{ display: flex; justify-content: space-between; flex-direction: inherit !important; position: relative;}
.summary_info .nav-link{ flex-direction: column; flex: 1 0 0; position: relative;}
.summary_info .nav-link + .nav-link:before{ content: ""; width: 100%; height: 2px; background: #000; position: absolute; top: 22px; right: 50%;}
.summary_info .nav-link.active:before{ background: #000;}
.summary_info .nav-link.activated:before{ background: #000;}
.summary_info .nav-link.activated{ font-weight: 800;}
.summary_info .nav-link span{ background: #fff601; z-index: 1;}

.common_modal .modal-header{ padding: 25px 20px 22px 30px;}
.common_modal.sm .modal-body{ padding:32px 20px 32px 30px;}

.datepicker thead th.prev, .datepicker thead th.next { font-size: 40px; line-height: 40px;}
.number-input-container input[type="number"] { font-size: 34px; height:74px;}
.number-input-container button { width: 24px; height: 24px; font-size: 24px; line-height: 24px;}
}

@media (max-width: 767px) {
html { -webkit-text-size-adjust:none;}
.container{ width:90%; margin:0 auto; padding:0; max-width: inherit;}

.hero_sec { padding: 380px 0 120px;}
.hero_cap{ max-width:100%;}
.hero_cap h1 { font-size: 50px; line-height: 60px;}
.hero_sec::after { height: 130px;}

h1 .rough-annotation path{ stroke-width:48px; transform: translate(0px, 18px);}
h2 .rough-annotation path{ stroke-width:48px; transform: translate(0px, 18px);}


.feture_block{ display: grid; grid-template-columns: 100px auto; text-align: left; gap: 30px; width: 100%; max-width: 470px; margin:0 auto 40px;}
.feture_block h3 { font-size: 28px;}
.feture_block p{ font-size: 18px; line-height:26px;}

.book_sec { padding: 0 0 0 200px; min-height: 255px;}
.book_sec figure { margin: -60px 0 0 0; position: absolute; left: -65px;}
.book_info .icon { flex: 0 0 100px;}
.book_sec .btns { margin: 30px 0 30px 120px;}
.book_info h2 { font-size: 40px; margin-bottom:8px;}
.book_info p { font-size: 18px;}

.exp_sec figure{ margin-bottom:20px;}
.exp_sec .details{ padding-left:30px;}
.exp_sec h2 { font-size: 50px; line-height: 60px;}
.exp_sec p { font-size: 21px; line-height: 34px;}
.play_link { width: 120px; height: 120px; font-size: 60px;}

.global_title { font-size: 45px;}
.info_msg { font-size: 22px; font-weight: 500;}

.footer_sec .container{ width:80%;}
.footer_sec .ftr_logo { grid-template-columns: 140px auto; gap: 25px; margin-bottom:80px;}
.footer_sec .dtl { font-size: 17px;}
.footer_sec .social_part{ display:block;}
.footer_sec ul.ftr_menu{ justify-content: center; margin-bottom:30px;}
.footer_sec ul.ftr_menu li { font-size: 20px;}
.footer_sec ul.ftr_icon{ justify-content: center; margin-bottom:50px;}
.footer_sec ul.ftr_icon li { font-size: 30px;}
.footer_sec .council_info { justify-content: center; flex-direction: column-reverse;}
.footer_sec p{ text-align:center;}

header.hd_inn{ padding-bottom:50px;}

.inner_sec{ padding:30px 0 140px 0; background: #fff601; margin-top:31px;}
.inner_sec::before { content: ""; width: 100%; height: 31px; position: absolute; left: 0; top: -31px; background:#000 url(../images/inner_curve_top.png) no-repeat center center; background-size: 100% 100%;}
.inner_details{ padding:0;}
.inner_details::before { display:none;}
.inner_details div:not(.accordion-item) > h2{ font-size:50px;}
.reserved_sec p{ font-size:18px; line-height:28px;}
.phone_num{ font-size:38px; margin-bottom:40px;}

.qr_code{ gap: 23px; grid-template-columns: 115px auto; margin-bottom:30px; justify-content: space-between;}
.ticket_box .information .dtl{ font-size:20px;}
.ticket_box .information .dtl strong{ font-size: 27px;}
.ticket_box .information .dtl span{ font-size: 27px;}
.ticket_box .profile .left_dtl { gap: 15px;}
.ticket_box .profile .left_dtl i{ height: 90px; width: 90px; font-size: 55px;}
.ticket_box .profile .left_dtl .info{ font-size:24px;}
.ticket_box .profile h4{ gap: 15px; font-size: 34px;}
.ticket_box .profile h4 span { font-size: 48px;}
.ticket_box .ticket_top h3{ font-size:25px;}
.copylink_form input { font-size: 24px;}
ul.party_list li{ margin: 0 0 20px 0; font-size: 20px; gap: 20px;}
ul.party_list li .icon{ flex: 0 0 32px;}
.info_lbl{ font-size: 13px;}
.reg_title { font-size: 30px;}

.reserved_sec .sidebar_main{ margin:0 0 65px 0;}
.reserved_sec .sidebar_links li a{ padding:11px 20px 11px 62px; display:block; font-size:22px;}

.common_modal h2{ font-size:33px;}
.common_modal p.lg{ font-size:19px;}
.common_modal p.xl { font-size:22px; line-height:31px;}
.summary_info .nav-link{ text-align:center;}
}

@media (min-width:640px) and (max-width:767px) {
.signin_msg h4 { font-size: 25px;}
.signin_msg p { font-size: 15px; margin-bottom:30px;}
.signin_msg .ticket_box.ticket_sm{ width: 100%; max-width: 260px;}
.summary_info .detail h6{ font-size:19px;}
.summary_info .detail p{ font-size:15px; max-width:100%; margin-bottom:30px;}
.summary_info .left_dtl .info { font-size: 24px;}
.summary_info .form-control{ padding: 0 30px; height: 70px; font-size: 24px;}
.summary_info .form-select{ padding-left:30px; height: 70px; font-size: 24px;}
.summary_info .nav-link span { font-size: 25px; height: 55px; width: 55px; flex: 0 0 55px;}
.summary_info .nav-link{ font-size:19px;}
.summary_info .nav-pills::before { top:28px;}
.summary_info .nav-pills{ margin-bottom:40px;}
.summary_info .logged { margin-bottom: 60px;}
.summary_info .inner { margin-bottom: 60px;}

.datepicker td, .datepicker th {font-size: 25px;}
.time_info .radio_btns .form-check .btn{ font-size:27px;}
.datepicker .dow { font-size: 17px;}
.datepicker th.datepicker-switch{ font-size:30px;}
.datepicker th.datepicker-switch span { font-size: 24px;}
.datepicker thead th.prev, .datepicker thead th.next { font-size: 50px; line-height: 50px;}
.number-input-container input[type="number"] { font-size: 50px; height:87px;}
.number-input-container button { width: 30px; height: 30px; font-size: 30px; line-height: 30px;}

/*.inner_details #v-pills-messages h2{ font-size:42px;}*/
.ticket_box p { font-size: 18px; line-height: 22px;}
}

/************ iphone **************/
@media (max-width:639px) {
html { -webkit-text-size-adjust:none;}
    .btns{ padding: 8px 15px}
.top_alert{ font-size:10px; padding:5px 2rem 5px 0;}
    .top_alert .btn-close{ height: 25px}
header .navbar-brand { width: 80px;}
    .right-menu{ width: 50%}
    .order-2{ margin-right: auto}
.login > a img{ flex:0 0 30px; width: 30px;}
.dropdown-menu .dropdown-item { font-size: 16px; padding: 12px 20px;}
.dropdown-menu::after { right: 8px; border-width: 6px; margin-left: -6px;}
.dropdown-menu{ min-width: 10rem;}

#navbarSupportedContent{ position: absolute; left: 0; width: 100vw; top: 0px; padding-top: 60px}
    header .navbar-light .navbar-nav{ padding-left: 10px}
    .navbar-toggler{ position: relative; z-index: 2}
    .navbar-nav .dropdown-menu{ background: none; margin-top: 0 !important; margin-bottom: 10px !important}
    .dropdown-menu .dropdown-item{ color: #fff}
    .dropdown-menu .dropdown-item{ padding: 5px 20px}
    .megamenu .container-fluid{ padding: 0}
    .megamenu .box-article{ display: none}
    .common_modal.megamenu li{ width: 50%; float: left}
    .common_modal .modal-header h2 small{ display: none}
    .common_modal.megamenu h3{ margin-top: 10px; margin-bottom: 5px}
    .common_modal.sm .modal-body{ padding-top: 5px !important}
    .common_modal .modal-dialog{ width: 95%}
    
.hero_sec { padding: 40vh 0 0px; margin-bottom: 40px}
.hero_sec::before { height: 140px; height: 100%; background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0.7161239495798319) 0%, rgba(0,0,0,0.0802696078431373) 63%, rgba(0,0,0,0.6573004201680672) 100%);}
.hero_sec::after { height: 60px;}

.hero_cap{ justify-content: flex-end; height: auto; padding: 0 0 5px 0; background: none }
    .hero_cap .categoria{ text-shadow: 2px 2px 0px var(--dark)}
    .hero_cap p{ color: #fff; font-size: 14px }
.hero_cap h1{ font-size: 34px; line-height: 42px; margin-bottom:20px;}
.hero_btn{ padding: 12px 30px; font-size: 16px;}
    .hero_cap .hero_btn{ background: #f2f2f2; margin-top: 0}

.navbar-toggler{ height: 33px;}
.navbar-toggler span { width:25px; margin-top:5px; margin-bottom:5px;}

.feture_sec{ padding-bottom:30px;}
.feture_block { grid-template-columns: 80px auto; gap: 20px; margin: 0 auto 30px;}
.feture_block h3 { font-size: 22px;}
.feture_block p { font-size: 15px; line-height: 23px; margin:0;}

.book_sec{ padding:0 0 320px; min-height:inherit;}
.book_info .icon { flex: 0 0 80px;}
.book_info h2{ font-size:30px;}
.book_info p{ font-size:16px;}
.book_sec figure { margin: 0; position: absolute; left: 0; width: 100%; text-align: center; top:auto; bottom:0;}
.book_sec .btns{ width:100%; max-width:250px; margin:20px auto; display:block;}

.exp_sec{ padding:60px 0;}
.exp_sec .details{ /*transform:rotate(-5deg);*/}
.play_link { width: 80px; height: 80px; font-size: 40px;}
.exp_sec .details{ padding-left:0;}
.exp_sec h2 { font-size: 30px; line-height: 40px;}
.exp_sec p { font-size: 16px; line-height: 26px;}

h1 .rough-annotation path{ stroke-width:32px; transform: translate(0px, 2px);}
h2 .rough-annotation path{ stroke-width:22px; transform: translate(0px, 2px);}

.faq_sec{ padding-top:40px;}
.faq_sec:before{ height:56px; top:-20px;}
.global_title{ font-size:30px;}
.global_title span{ padding:0 5px;}
.global_title::after { display:none;}
.info_msg{ font-size:14px; padding: 0 40px}

.acc_info .accordion-button { padding: 14px 50px 14px 15px; font-size: 18px; line-height: 28px;}
.acc_info .accordion-body{ padding:10px 15px;}

.review_sec{ padding:80px 0 150px;}
.review_sec .detail{ padding:50px 0 0 0;}
.review_sec .detail::before { top: 0; background-size: 100% auto; width: 50px; height: 41px; right:0; margin:auto;}
.review_sec p { font-size: 16px; line-height: 24px; text-align:center;}
.review_sec .slider { padding: 0 26px;}
.review_sec .author{ font-size:14px; text-align:center;}
.review_sec .owl-carousel .owl-nav button.owl-prev{ left: -24px;}
.review_sec .owl-carousel .owl-nav button.owl-prev::after { font-size:20px;}
.review_sec .owl-carousel .owl-nav button.owl-next{ right: -24px;}
.review_sec .owl-carousel .owl-nav button.owl-next::after { font-size:20px;}

.footer_sec{ padding:10px 0 40px;}
.footer_sec::before { height:70px; background-size: cover}
.footer_sec .container{ width:90%;}
.footer_sec .ftr_logo { grid-template-columns: 100px auto; gap: 15px; margin-bottom: 40px;}
.footer_sec .dtl { font-size: 15px; text-align: center}
.footer_sec ul.ftr_menu{ flex-direction:column; align-items:center; gap:14px;}
.footer_sec ul.ftr_menu li{ font-size: 16px;}
.footer_sec ul.ftr_icon{ gap:20px; margin-bottom:40px;}
.footer_sec ul.ftr_icon li{ font-size:22px;}


header.hd_inn { padding-bottom: 35px;}
.inner_sec{ padding-top:20px;}
.inner_details div:not(.accordion-item) > h2 { font-size: 30px;}
.reserved_sec p { font-size: 16px; line-height: 25px;}
.phone_num { font-size: 28px; margin-bottom: 30px;}
.menu_collapse { margin-bottom: 30px;}
.menu_collapse > a{ font-size: 20px; padding: 10px 20px 10px 52px;}
.menu_collapse > a i{ line-height: 51px;}
body.dark .inner_sec{ padding-top: 110px; }
    body.dark .inner_sec .container{ width: 100%}    
    body.dark .inner_sec::before{  display: none}
    body.dark .inner_details{ padding: 0 10px; background-color: var(--yellow)}
    body.dark .inner_details:after{background-size: 100%; background-position: center bottom;}
.alert-danger{ font-size:14px;}
.alert-danger svg{ width:25px;}
.ticket_box .ticket_top{ padding:15px 20px; margin-bottom:20px;}
.ticket_box .ticket_top h3{ font-size:20px;}
.ticket_curve span { width: 30px; height: 30px;}
.ticket_curve .curve1, .ticket_curve .curve2, .ticket_curve .curve3, .ticket_curve .curve4{ left: -20px;}
.ticket_curve .curve5, .ticket_curve .curve6, .ticket_curve .curve7, .ticket_curve .curve8{ right: -20px;}
.ticket_box .information{ padding:0 20px;}

.qr_code{ grid-template-columns:1fr; gap:15px; margin-bottom:20px; text-align:center;}
.qr_code .qr_img{ justify-content: center;}
.ticket_box{ padding-bottom:30px; margin-bottom:30px;}
.ticket_box .information .dtl{ font-size: 14px; line-height: normal;}
.ticket_box .information .dtl strong{ font-size: 16px;}
.ticket_box .information .dtl span{ font-size: 16px;}
.ticket_box .profile .left_dtl i { font-size: 30px; height: 50px; width: 50px;}
.ticket_box .profile .left_dtl .info { font-size: 16px;}
.ticket_box .profile h4 { font-size: 20px;}
.ticket_box .profile h4 span { font-size: 30px;}
.ticket_box .warning_box{ padding:20px 20px 0;}
.ticket_box .warning_box::before { border-width:2px;}
.ticket_box p { font-size: 16px; line-height: 22px;}
.ticket_box .warning_box i{ font-size:30px;}
.share_link h6{ font-size:16px;}
.share_link p{ font-size:14px;}
ul.party_list li{ font-size:14px; gap: 14px; margin: 0 0 12px;}
ul.party_list li .icon { flex: 0 0 20px;}
.info_lbl{ font-size:12px;}
.reg_title{ font-size:20px; margin-bottom:20px;}
.copylink_form{ display:block; padding:15px;}
.copylink_form input{ font-size:16px; height:30px; margin-bottom:10px; padding:0;}
.copylink_form .btns{ width:100%;}

.reserved_sec .sidebar_main{ margin:0 0 30px 0;}
.sidebar_main .navbar-toggler{ padding:15px 20px 15px 52px; font-size:20px;}
.reserved_sec .sidebar_links li a{ padding:11px 20px 11px 52px; font-size:18px;}

.common_modal .modal-body{ padding:30px 30px 10px 30px;}
.common_modal h2{ font-size:26px;}
.common_modal .btn-close{ top:5px; right:5px;}
.common_modal p.lg{ font-size:15px; margin-bottom:15px;}
.common_modal p.xl { font-size: 16px; line-height: 24px;}

.summary_info .nav-link{ font-size:14px;}
.signin_msg .form_link{ padding:15px;}
.signin_msg p{ margin-bottom:20px;}
.summary_info .detail p{ margin-bottom:20px; max-width:100%;}
.summary_info .logged { margin-bottom: 30px;}
.summary_info .register_box{ gap: 10px;}
.summary_info .user{ gap: 10px;}
.summary_info .mail{ padding-right:5px;}

.common_modal .modal-header { padding: 25px 20px 22px 20px;}
.common_modal.sm .modal-body { padding: 30px 20px 32px 20px;}
.common_modal.sm p.xl { margin-bottom: 30px; font-size: 16px; line-height: 23px;}

.number-input-container .number-input{ width:150px;}
.number-input-container input[type="number"] { font-size: 30px; height: 60px;}
.number-input-container button{ top:0;}
.number-input-container button.button-decrement { top: auto; bottom: 0;}
.datepicker td, .datepicker th{ font-size:16px; padding:7px;}
.time_info { padding: 15px 10px;}
.time_info h5{ font-size:16px;}
.datepicker .dow { font-size: 14px;}
.time_info .radio_btns .form-check .btn { font-size: 14px;}
.summary_info .inner { margin-bottom: 30px;}
    /*Banner*/
    .book_sec.banner .container:after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; display: block; background: #ccc; height: 100%; z-index: 0; background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0.6124824929971988) 0%, rgba(0,0,0,0) 72%);}
    .book_sec.banner .book_info{ padding: 0; background: none; justify-content: flex-end; height: 400px; margin-bottom: -50px; position: relative; z-index: 1}
    .book_sec.banner .book_info p{ color: #fff; font-size: 14px; padding: 0}
    .book_sec.banner{ margin-bottom: 100px}
    .book_sec:before, .book_sec:after{ background-size: cover}
    .book_sec:after{ height: 32px}
    /*News slider*/
    .news_slider_sec .box_slider{ margin-top: 10px}
    .news_slider_sec .p{ display: none}
    .news_slider_sec h2{text-align: center; font-size: 30px}
    /*BIG SLIDE*/
    .big_slider_sec{ margin-top: 50px}
    .big_slider_sec .slider:after, .big_slider_sec .slider:before{ background-size: cover}
    .paper-strap:after{ width: 100%; position: relative; right: auto; height: 40px; top: auto; background-image: url(../images/strap-hor.png); background-size: contain}
    .paper-strap{ min-height: 0}
    .paper-strap figure{ display: none}
    .paper-strap .detail { padding: 40px 20px 0px 20px}
    .paper-strap .detail h2{ font-size: 30px; }
    .paper-strap .detail p{ font-size: 14px;}
    .big_slider_sec .owl-dots{ bottom: auto; top: -30px; padding: 0 5px; text-align: center; width: 100%}
    .big_slider_sec .owl-dot span{ hanging-punctuation: 50px; width: 50px}
/*Owl*/
    .box_slider .owl-nav button.owl-prev{ left: -10px}
    .box_slider .owl-nav button.owl-next{ right: -10px}
    
    .box_slider .owl-nav button.owl-prev:after, .box_slider .owl-nav button.owl-next:after{ font-size: 25px}
    .box_slider .box-article .content{ padding-left: 20px; padding-right: 20px }
    
    .rel_slider{ padding-top: 20px}
    .rel_slider .item{ overflow: hidden}
    .rel_slider .box-article{ display: flex; flex-direction: row}
    .rel_slider .box-article .content{ padding: 0 10px 0  20px; width: 100%}
    .rel_slider .box-article p{ }
    .rel_slider .box-article img{ height: 300px}
    .rel_slider .box-article figure{ margin-left: -30%; display: none}
    .rel_slider .owl-nav{ top: auto; bottom: -20px; text-align: center}
    .rel_slider  .owl-nav button.owl-prev:after, .rel_slider .owl-nav button.owl-next:after{ font-size: 25px}
    .rel_slider .owl-stage-outer{ padding-bottom: 40px}
    .box-article p{ font-size: 13px}
    .box-article .categoria{ font-size: 15px; line-height: 1.2em}
    .box_slider .box-article .btns{ display: none}
    
    .list_sec{ margin-top: 0}
}