/*
 * Typography compatibility for the legacy 10px root size.
 * Values reproduce the explicit pixel fallbacks from the active stylesheets.
 * This file intentionally contains typography properties only.
 */

body {
  font-size: 14px;
}

a.btn_1,
.btn_1 {
  font-size: 14px;
}

a.btn_1.small,
.btn_1.small {
  font-size: 12px;
}

a.btn_1.medium,
.btn_1.medium {
  font-size: 18px;
}

a.btn_play,
header a.open_close {
  font-size: 32px;
}

.main-menu > ul > li > a {
  font-size: 14px;
}

.main-menu ul ul li a,
.main-menu ul li.submenu ul li,
ul#top_menu,
.dropdown-cart .dropdown-menu {
  font-size: 13px;
}

.main-menu ul ul li.third-level > a::after,
.dropdown-cart .dropdown-menu .total_drop {
  font-size: 16px;
}

.main-menu ul > li.submenu > a::after,
ul#top_menu li a.cart_bt::before,
ul#top_menu li a.search-overlay-menu-btn::before {
  font-size: 21px;
}

ul#top_menu li a.cart_bt strong,
ul#top_menu li a.search-overlay-menu-btn strong {
  font-size: 10px;
}

.hero_single .opacity-mask h1,
.hero_single .opacity-mask h3,
.header-video h1,
.header-video h3 {
  font-size: 48px;
}

.hero_single .opacity-mask p {
  font-size: 24px;
}

.hero_single.version_2 .opacity-mask h1,
.hero_single.version_2 .opacity-mask h3 {
  font-size: 56px;
}

.hero_single.version_2 .opacity-mask p {
  font-size: 36px;
}

.slide-text {
  font-size: 21px;
}

.slide-text h2,
.slide-text h3,
.box_contacts i {
  font-size: 46px;
}

.slide-text strong,
.header-video p,
.write_review h1,
.popup_wrapper .popup_close {
  font-size: 28px;
}

ul#banners_grid li a.img_container .short_info h3 {
  font-size: 26px;
}

ul#banners_grid li a.img_container .short_info p,
.main_title p,
.box_booking .main ul li.total,
.menu_item .menu_title h3,
.menu_item_grid h3,
.table.cart-list td h4,
.loader,
footer h3,
h3.main_question,
#success h4 {
  font-size: 18px;
}

.call_section .box_1 p,
.dropdown-cart .dropdown-menu .total_drop,
.new_price,
.old_price,
.box_booking .head .offer,
.table.cart-list td h4,
.radio_select label,
.box_booking_2 .main ul li.total,
.step_wrapper h4 {
  font-size: 16px;
}

.call_section .box_1 h2,
.search-overlay-menu input[type="search"] {
  font-size: 42px;
}

.call_section .box_1 h2 span,
.search-overlay-menu form button,
.box_booking .head h3,
.box_booking_2 .head h3,
#newsletter button[type="submit"] {
  font-size: 24px;
}

.main_title h2,
.closebt,
#toTop {
  font-size: 32px;
}

.main_title.center h2 {
  font-size: 34px;
}

.banner .wrapper small,
.box_contacts,
.form-control,
.box_booking .dropdown .dropdown-menu,
.box_booking .dropdown .dropdown-menu h4,
.custom_drop .dropdown .dropdown-menu,
.custom_drop .dropdown .dropdown-menu h4,
button.backward,
button.forward,
button.submit {
  font-size: 14px;
}

.banner .wrapper h3 {
  font-size: 36px;
}

.banner .wrapper p,
.tabs_menu .tab-content .card .card-header a,
.box_booking .main ul li.total,
.radio_select label,
.box_booking_2 .main ul li.total,
.ui-datepicker .ui-datepicker-prev::before,
.ui-datepicker .ui-datepicker-next::before {
  font-size: 18px;
}

.site-footer .footer-col h4 {
  font-size: 18px;
}

.menu_item.order a.add_to_cart,
.radio_select label em,
.ui-datepicker td a::after {
  font-size: 11px;
}

.table.cart-list td p,
.table.cart-list td .dropdown-menu,
.main-menu ul ul li a,
.main-menu ul li.submenu ul li {
  font-size: 13px;
}

.site-footer .footer-copy {
  font-size: 14.4px;
}

.table.cart-list td .dropdown-menu h5,
.box_contacts small,
#cookie-bar,
.site-footer .footer-legal a {
  font-size: 14px;
}

.box_booking .main ul li a::before,
.box_booking .dropdown a::after,
#message::before,
.custom_drop .dropdown a::after,
#success h4 span {
  font-size: 21px;
}

.nav-link {
  font-size: 15px;
}

.site-footer .footer-col p,
.site-footer .footer-col a {
  font-size: 15.2px;
}

@media (max-width: 767px) {
  .hero_single .opacity-mask h1,
  .hero_single .opacity-mask h3 {
    font-size: 38px;
  }

  .hero_single .opacity-mask p,
  .hero_single.version_2 .opacity-mask p,
  .header-video p {
    font-size: 21px;
  }

  .hero_single.version_2 .opacity-mask h1,
  .hero_single.version_2 .opacity-mask h3,
  .header-video h1,
  .header-video h3,
  .banner .wrapper h3 {
    font-size: 36px;
  }

  .slide-text h2,
  .slide-text h3 {
    font-size: 42px;
  }

  .main_title h2 {
    font-size: 26px;
  }

  .main_title.center h2 {
    font-size: 28px;
  }
}

@media (max-width: 575px) {
  .site-footer .footer-col h4 {
    font-size: 16px;
  }
}