@media (min-width: 1401px) {
  /* .container { max-width: 1200px;} */
  .policy-block .container { max-width: 1200px;}
}

/* ==========================================================================
    (Medium Desktop, 1400px and up)*
    ========================================================================== */
@media (max-width: 1400px) {
   
}
 
 
/* ==========================================================================
   *Medium devices (tablets, 1200px and down)*
   ========================================================================== */
@media (max-width: 1200px) {
   h1 { font-size: 55px;}
   h2 { font-size: 42px;}
   .main-menu > ul > li > a { padding: 15px 10px;}
   .lp-banner-block { min-height: 520px;}
   .lp-banner-text h1 { font-size: 55px;}
   .water-toys-carousel .owl-item { padding: 10px;}
   .price-card-body { padding: 25px;}
   .commen-ferrari-main { min-height: 550px;}

   .new-year-banner { min-height: 650px;}
   .yacht-card h3 { font-size: 26px;}
}
 
 
/* ==========================================================================
   *Medium devices (tablets, 991px and down)*
   ========================================================================== */
 @media (max-width: 991px) {
   h1 { font-size: 40px;}
   h2 { font-size: 36px; margin-bottom: 15px;}
   section { padding: 50px 0;}

   .main-menu { display:none;}
   .mobile-menu { display:block; background:#000000; position: relative; z-index: 9;}
   .mobile-menu .menu-toggle { display:block; z-index:1;  top: -60px; right:10px;}
   .mobile-menu ul.menu-list{display:none;}
   .mobile-menu > ul > li > span { display:none;}
   .mobile-menu > ul.menu-list > li > a.login { color: #fff; display:block; width:100%; font-size: 14px; text-transform: uppercase; padding: 8px 0; background:none; display: inline-block; line-height: normal; position: relative;  top:0px;  border-radius: 0px;}
   .mobile-menu > ul > li > a.active { color: #fff;}
   .header-right { margin-right: 50px;}
   .mobile-menu > ul.menu-list { padding: 10px 0;}
   .mobile-menu > ul > li > a { font-size: 14px; text-transform: uppercase;}
   .mobile-menu ul.menu-list > li > ul > li > a { font-size: 14px;}
   .menu-toggle span.line { background: #000000;}

   /* Menu Second Level 21-01-2021 */
   .mobile-menu ul.menu-list > li > ul{padding: 0;}
   .mobile-menu ul.menu-list > li > ul > li >ul{ display:none; background: #505050; padding: 0;}
   .mobile-menu ul.menu-list > li > ul > li >ul >li>a{font-size: 14px;}
   /* Menu Second Level END 21-01-2021 */

   .header { padding: 15px 0;}
   .header .container { max-width: 100%;}
   .logo { width: 75px;}
   .commen-image { display: block; text-align: center;}
   .tab-style1 .resp-vtabs .resp-tab-content { padding: 25px;}
   .lp-banner-block { min-height: 450px;}
   .first-class-charters-block { min-height: 450px;}
   .home-charter-block { padding: 25px;}
   .home-charter-block ul li { margin-bottom: 15px;}
   .home-contact-address { padding: 30px;}

   .commen-faq-section .accordion .accordion-items { font-size: 16px; padding-left: 40px;}
   .commen-faq-body { padding: 20px;}
   .commen-faq-section .accordion .accordion-items::before { left: 19px; top: 20px;}
   .footer-main h3 { margin-bottom: 15px;}
   .floting-whatsapp a { width: 48px; height: 48px;}

   .google-widget-sm { max-width: 145px; transform: scale(0.7); right: 0; bottom: 0;}
   .commen-ferrari-main { min-height: 300px;}
   .the-progress-card { margin: 0;}
   .the-progress-card .icon { margin-bottom: 13px;}
   .the-progress-card h3 { font-size: 24px;}
   .the-progress-row .col::before { width: 20px; height: 20px; background-size: 20px;}
   .the-progress-card { padding: 10px;}
   .the-progress-card .icon { padding: 15px;}

   .inclusive-listing li { width: calc(100% / 4); border-bottom: 1px solid #3d495e;}
 }
 


 

 
/* ==========================================================================
   *Small devices (landscape phones, less than 768px)*
   ========================================================================== */ 
@media (max-width: 767px) {
   section { padding: 35px 0;}
   h1 { font-size: 36px !important; font-weight: 600;}
   h2 { font-size: 30px !important; font-weight: 600;}
   h3 { font-size: 26px !important;}
   p { font-size: 14px !important;}
   body { padding-bottom: 65px;}
  .line-left-right{display: block;}
  .lp-banner-block { min-height: 380px;}
  .lp-top-block h2 span { font-size: 18px;}
  .commen-head h6,
  .first-class-charters h6 { font-size: 18px;}
  .price-card-body { padding: 20px;}
  .price-card-body h5 { font-size: 16px;}
  .price-crew h6 { font-size: 14px;}
  .first-class-charters p { color: #ffffff;}
  .yacht-booking-form .form-group { margin-bottom: 0;}
  .home-charter-block { padding: 20px;}
  .home-charter-block ul li { font-size: 14px;}
  .footer-main h3 { font-size: 24px !important;}

   .yacht-specification-body .commen-table td { text-align: center;}
   .commen-ferrari-main { min-height: 250px;}
   .ensuite-bedrooms-carousel .owl-item { display: block;}
   .yacht-specification-body .commen-table td { font-size: 14px; padding: 10px;}
   .yacht-specification-left { padding: 20px;}
   .yacht-specification-right { padding: 20px;}
   .ensuite-bedrooms-card { padding: 20px;}

   .toys-listing-body { padding: 30px 0;}
   .water-toy-safety-guidelines ul li { display: block; text-align: left; margin-bottom: 10px; font-size: 14px;}
   .membership-prices-box-body { display: block; padding: 15px; text-align: center;}
   .membership-prices-box-body h3 { margin-bottom: 10px;}
   .membership-card { padding: 20px;}
   .membership-card span.icon { margin-bottom: 15px;}
   
   .the-progress-row .col::before { left: 0; right: 0; top: -30px; bottom: inherit; margin: auto; transform: rotate(90deg);}
   .policy-block h3 { font-size: 20px !important;}
   .inclusive-listing li { width: calc(100% / 3); border: 1px solid #3d495e !important;}
   .day-charter-body { padding: 20px;}
   .button-type-listing ul li { padding: 7px 10px; margin: 0 5px 5px 0;}

   .floting-whatsapp { bottom: 0; right: 0; display: flex; align-items: center; justify-content: center; width: 100%; padding: 10px 0; background-color: #ffffffb4; backdrop-filter: blur(5px);}
   .floting-whatsapp a { margin: 0 7px 0 7px; width: 52px; height: 52px;}

   .new-year-banner { min-height: 450px;}
   .new-year-banner-text h1 { font-size: 58px !important;}
   .new-year-banner-text h1 span { font-size: 51px;}
   .new-year-banner-text h3 span { font-size: 22px;}
   
}

/* ==========================================================================
   *Extra small devices (portrait phones, less than 576px)*
   ========================================================================== */ 
@media (max-width: 575px) {
   h1 { font-size: 30px !important;}
   h2 { font-size: 26px !important;}
   .lp-banner-text h2 { font-size: 20px !important;}
   .lp-form-block h3 { font-size: 20px;}
   .membership-card { height: 100%;}
   .inclusive-listing li { width: calc(100% / 2); padding: 15px;}

   .new-year-banner .time span { display: none;}
   .new-year-banner-text h3 { font-size: 22px !important;}
   .new-year-top-main .section-heading h2 { text-align: center;}
   .new-year-top-main .benefit p { font-size: 12px !important;}
   .new-year-top-main .benefits { margin: 30px 0;}
   .yacht-card { padding: 25px;}
   .yacht-card .price { font-size: 36px;}
   .new-year-banner-text h3 span { font-size: 19px;}
   .new-year-banner-text h1 { margin-bottom: 0;}
   .new-year-banner .time { font-size: 19px;}
   .new-year-top-main .benefit p { line-height: 1.4;}
   
}


/* ==========================================================================
   *Extra small devices (portrait phones, less than 480px)*
   ========================================================================== */ 
@media (max-width:480px) { 
   .footer-style1-left .border-btn { display: block; text-align: center;}
   .footer-style1 .footer-logo { text-align: center;}
   .footer-social { text-align: center;}
   .footer-style1-left ul.social-media-icons { justify-content: center;}
   .footer-contact-information { padding: 20px; background: #3b475c; border-radius: 10px;}
   .footer-style1-bottom-block p { text-align: center;}
}