@media (min-width: 1100px) {

  .nav>li {
      height: 72px;
  }
  .navbar-collapse {
      width: auto;
      border-top: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
  }
  .navbar-collapse.collapse {
      display: block!important;
      height: auto!important;
      padding-bottom: 0;
      overflow: visible!important;
      visibility: visible!important;
  }
  .navbar-nav {
      float: left;
      margin: 0;
  }
  .navbar-nav>li {

  }
}

@media only screen and (max-width: 1700px) {
  .leave-logo {
    width: 203px;
    height: 277px;
    background-image: url(../../../images/main_leave_m.png);
  }
}

@media only screen and (max-width: 1100px) {
  .slicknav_menu {
    display: block;
  }

  .navbar-right {
      float: none !important;
      margin-right: 0px;
      display: table;
      margin: 0 auto;
  }


}


@media (max-width: 1024px) {

  .section.section-landpage .pty-logo {
      left: 0px;
      right: 0px;
  }
  .section.section-landpage .pty-tagline_en {
    width: 409px;
    height: 84px;
    top: 270px;
    left: 0px;
    right: 0px;
    background-size: cover;
  }
  .section.section-landpage .pty-tagline_tc {
    width: 409px;
    height: 84px;
    top: 250px;
    left: 0px;
    right: 0px;
    background-size: cover;
  }
  .section.section-landpage .pty-tagline_sc {
    width: 409px;
    height: 84px;
    top: 250px;
    left: 0px;
    right: 0px;
    background-size: cover;
  }  

  .flexslider {
    margin-bottom: 10px;
  }
  .section.section-agencies.section-agencies-desktop {
    display: none;
  }
  .section.section-agencies.section-agencies-tablet {
    display: block;
  }
}


@media (max-width: 899px) {

  .landing .pty-logo {
    width: 395px;
    height: 160px;
  }

  .section.section-landpage .pty-logo {
      left: 0px;
      right: 0px;
  }
  .section.section-landpage .pty-carousel {
    /*height: 800px;*/
  }
  .section.section-landpage .pty-carousel img {
    
    width: 100%;
    object-fit: cover;
    height: 100%;
  }

  .section.section-agencies .logo-container {
    text-align: center;
    padding: 8px 0px;
  }
  .section.section-footer .logo {
    width: 100%;
  }
  .section.section-agencies .logo.logo-hld {
    /*float: none;*/
    width: 95%;
  }
  .section.section-agencies .logo.logo-nw {
    /*float: none;*/
    width: 95%;
  }
  .section.section-footer .footer-col .logo {
    width: 80%;
  }

  .carousel-float-item {
    background-image: url(../../images/promo_mobile.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; 
    width: 312px;
    height: 312px;

    left: 0px;
    right: 0px;
    bottom: 30px;
    margin: auto;
  }

}


@media (max-width: 640px) {

  .slicknav_menu {
      height: 100%;
  }
  .slicknav_nav {
    overflow-y: scroll;
  }

  .landing .pty-logo {
      width: 276px;
      height: 112px;
  }

  .section.section-landpage .pty-logo {
      left: 0px;
      right: 0px;
  }
  .section.section-landpage .pty-tagline_en {
    width: 409px;
    height: 84px;
    top: 270px;
    left: 0px;
    right: 0px;
  }
  .section.section-landpage .pty-tagline_tc {
    width: 409px;
    height: 84px;
    top: 250px;
    left: 0px;
    right: 0px;
  }
  .section.section-landpage .pty-tagline_sc {
    width: 409px;
    height: 84px;
    top: 250px;
    left: 0px;
    right: 0px;
  }  

  .leave-logo {
    width: 116px;
    height: 158px;
    background-image: url(../../../images/main_leave_s.png);
  }

  .section.section-footer .sns-col .icon-fb {
    width: 24px;
    height: 24px;
  }
  .section.section-footer .sns-col .icon-wb {
    width: 28.5px;
    height: 24px;
  } 

  .section.section-footer {
    padding-bottom: 100px;
  }

  .carousel-float-item {
    background-image: url(../../images/promo_mobile.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; 
    width: 312px;
    height: 312px;

    position: absolute;

    left: 0px;
    right: 0px;
    bottom: 80px;
    margin: auto;
  }

}

@media (min-width: 576px) {
  .custom-modal-dialog {
      max-width: 500px;
      margin: 1.75rem auto;
  }

  .custom-modal-dialog-centered {
      min-height: calc(100% - (1.75rem * 2));
  }  
}

@media (max-width: 576px) {
  #disclaimer-modal .custom-modal-content .content-container {
      padding: 0px 35px 20px 35px;
  }
  #disclaimer-modal .modal-content .header-container {
    padding: 20px 20px;
  }
  #disclaimer-modal .modal-content .content-container {
    padding: 0px 35px 20px 35px;
  }
  .section.section-agencies .logo.logo-nw {
    float: none;
    margin-top: 20px;
  }

  .section.section-agencies .desktop_agencies_container {
    display: none;
  }  
  .section.section-agencies .mobile_agencies_container {
    display: block;
  }  
  .section.section-agencies .hotline_container {
    text-align: center;
  }



  .section.section-landpage .pty-carousel .carousel-item {
    
  }
  .section.section-landpage .pty-carousel .carousel-item-01_tc {
    background-image: url(../../images/main_01_mobile_tc.jpg) !important;
  }
  .section.section-landpage .pty-carousel .carousel-item-02_tc {
    background-image: url(../../images/main_02_mobile_tc.jpg) !important;
  } 
  
  .section.section-landpage .pty-carousel .carousel-item-01_sc {
    background-image: url(../../images/main_01_mobile_sc.jpg) !important;
  }
  .section.section-landpage .pty-carousel .carousel-item-02_sc {
    background-image: url(../../images/main_02_mobile_sc.jpg) !important;
  } 
  
  
  .section.section-landpage .pty-carousel .carousel-item-01_en {
    background-image: url(../../images/main_01_mobile_en.jpg) !important;
  }
  .section.section-landpage .pty-carousel .carousel-item-02_en {
    background-image: url(../../images/main_02_mobile_en.jpg) !important;
  } 
    
}

@media (max-width: 480px) {

  .landing .pty-logo {
      width: 197px;
      height: 80px;
  }

  .section.section-landpage .pty-logo {
      width: 197px;
      height: 80px;
      top: 140px;
  }
  .section.section-landpage .pty-tagline_en {
      width: 292px;
      height: 60px;
      top: 300px;
      left: 0px;
      right: 0px;      
      margin: auto;
  }
  
    .section.section-landpage .pty-tagline_tc {
      width: 292px;
      height: 60px;
      top: 300px;
      left: 0px;
      right: 0px;      
      margin: auto;
  }
  
      .section.section-landpage .pty-tagline_sc {
      width: 292px;
      height: 60px;
      top: 300px;
      left: 0px;
      right: 0px;      
      margin: auto;
  }

  .section.section-agencies .section-title {
    padding: 0px 0px 4px 0px;
  }
  .section.section-agencies .logo-container {
    text-align: center;
    padding: 8px 0px;
  }
  .section.section-agencies .logo, .section.section-footer .logo {
    width: 100%;
  }
  .section.section-agencies .logo.logo-hld {
    float: none;
  }
  .section.section-agencies .logo.logo-nw {
    float: none;
  }
  .section.section-agencies .hotline {
    font-size: 23px;
  }
}



















@media (max-width: 768px) {
  .flexslider .caption {
    top: 5%;
    font-size: 23px;
  }

  .section .section-remark-link {
      font-size: 13px;
  }  
  .section .section-remark-link img {
    width: 7px;
    height: 12px;
  }
  .section .section-disclaimer-box {
    bottom: 16px;
  }
  .flexslider .nav-carousel .actionbox {
    height: 50px;
  }
  .arrow {
    padding: 7px;
  }

  .flexslider.gallery-flexslider {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover;

  }

  .bg-image-caption {
    display: block;    
  }

  .flexslider.gallery-flexslider .caption {
    display: none;
  }

}