/* Responsive Css */


@media only screen and (max-width: 1549px){
  .pcg-culture-header .pcg-header-band .pcg-outer-container{
    padding: 0px 30px;
  }

  .pcg-culture-header .pcg-outer-box .pcg-left-column .pcg-logo-box{
    margin-right: 30px;
  }

  .pcg-heritage-menu .pcg-nav-list > li{
    margin: 0px 15px;
  }
}


@media only screen and (max-width: 1200px){

  .pcg-heritage-menu,
  .pcg-sticky-header,
  .pcg-culture-header.style-one .pcg-outer-container:before{
    display: none !important;
  }

  .pcg-menu-area .pcg-mobile-trigger {
    display: block;
    padding: 10px;
  }

  .pcg-megamenu ul li:first-child{
    display: none;
  }


}



@media only screen and (min-width: 768px){
  .pcg-heritage-menu .pcg-nav-list > li > ul,
  .pcg-heritage-menu .pcg-nav-list > li > ul > li > ul,
  .pcg-heritage-menu .pcg-nav-list > li > .pcg-megamenu{
    display:block !important;
    visibility:hidden;
    opacity:0;
  }
}



@media only screen and (max-width: 991px){

  .pcg-island-footer .pcg-logo-widget p{
    max-width: 100%;
  }

  .pcg-island-footer .pcg-logo-widget{
    margin-bottom: 30px;
  }

  .pcg-island-footer .pcg-footer-widget{
    margin: 0px 0px 30px 0px !important;
  }

  .pcg-island-footer .pcg-widget-section{
    padding: 100px 0px 65px 0px;
  }

}


@media only screen and (max-width: 767px){

  .pcg-sec-title h2{
    font-size: 36px;
    line-height: 46px;
  }

  .pcg-sec-title h2 br,
  .pcg-sec-title p br{
    display: none;
  }

  .pcg-culture-header .pcg-menu-right-content .pcg-btn-box{
    display: none;
  }

  .pcg-island-footer .pcg-pattern-layer,
  .pcg-slide-text .pcg-pattern-layer{
    display: none;
  }

  .pcg-footer-bottom .pcg-bottom-inner{
    display: block;
    text-align: center;
  }

  .pcg-island-footer .pcg-social-links{
    justify-content: center;
    margin-top: 15px;
  }

  .pcg-sidebar-page-container{
    padding: 70px 0px;
  }
}

@media only screen and (max-width: 599px){



}


@media only screen and (max-width: 499px){

  .pcg-mobile-drawer{
    width: 100%;
  }

  .pcg-culture-header .pcg-menu-right-content{
    display: none;
  }

  .pcg-culture-header .pcg-outer-box{
    display: block;
  }

  .pcg-culture-header .pcg-outer-box .pcg-left-column{
    justify-content: space-between;
  }

  .pcg-culture-header .pcg-header-band .pcg-outer-container{
    padding: 0px 15px;
  }

  .pcg-pagination li a{
    width: 45px;
    height: 45px;
    line-height: 45px;
  }


}


/* === Penang final responsive fix === */
@media (max-width:1199px){
  .pcg-hero-section .pcg-content-box h2{
    font-size:82px !important;
    line-height:88px !important;
  }
  .pcg-content-block-one .pcg-content-box{
    margin-left:0 !important;
    margin-top:32px;
  }
}
@media (max-width:991px){
  .pcg-hero-section{
    padding-top:120px !important;
  }
  .pcg-hero-section .pcg-content-box{
    padding-bottom:58px !important;
  }
  .pcg-hero-section .pcg-inner-box{
    padding:28px !important;
    min-height:0;
  }
  .pcg-hero-section .pcg-inner-box .pcg-image{
    position:relative !important;
    right:auto !important;
    top:auto !important;
    width:100%;
    height:300px;
    margin-top:24px;
  }
  .pcg-service-block-one .pcg-inner-box{
    min-height:400px;
  }
  .pcg-contact-section .pcg-form-inner{
    padding:34px 24px !important;
    background:
      linear-gradient(180deg, rgba(255,247,237,.97), rgba(255,247,237,.94)),
      url("../images/penang-culture/pcg-colonial-waterfront.webp") center / cover no-repeat !important;
  }
}
@media (max-width:767px){
  .pcg-hero-section .pcg-content-box h2{
    font-size:48px !important;
    line-height:54px !important;
    letter-spacing:-.045em;
  }
  .pcg-sec-title h2,
  .pcg-title-text h2{
    font-size:34px !important;
  }
  .pcg-hero-section > .pcg-image-box .pcg-image img{
    min-height:280px;
  }
  .pcg-gallery-block-one .pcg-image,
  .pcg-news-block-one .pcg-image{
    height:235px !important;
  }
  .pcg-service-block-one .pcg-inner-box{
    padding-top:225px !important;
    min-height:380px;
  }
  .pcg-service-block-one .pcg-inner-box:before{
    height:205px;
  }
  .pcg-working-block-one .pcg-inner-box{
    padding-top:205px !important;
    min-height:380px;
  }
  .pcg-working-block-one .pcg-inner-box:before{
    height:185px;
  }
}


/* === Penang mobile polish v2 === */
@media (max-width: 991px){
  html, body{
    max-width:100%;
    overflow-x:hidden;
  }

  .pcg-auto-container,
  .pcg-outer-container{
    width:100%;
    padding-left:18px !important;
    padding-right:18px !important;
  }

  .pcg-culture-header .pcg-header-band{
    padding:0 !important;
  }

  .pcg-culture-header .pcg-outer-box,
  .pcg-sticky-header .pcg-outer-box{
    min-height:72px;
    display:flex !important;
    align-items:center;
    justify-content:space-between;
  }

  .pcg-culture-header .pcg-left-column{
    width:100%;
    display:flex !important;
    align-items:center;
    justify-content:space-between !important;
  }

  .pcg-logo h3{
    font-size:22px !important;
    line-height:1.15 !important;
    max-width:230px;
    margin:0 !important;
  }

  .pcg-mobile-trigger{
    display:flex !important;
    width:44px;
    height:44px;
    border-radius:14px;
    background:rgba(255,214,165,.65);
    border:1px solid rgba(194,65,12,.18);
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px;
    margin-left:14px;
  }

  .pcg-mobile-trigger .pcg-icon-bar,
  .pcg-mobile-trigger i{
    display:block !important;
    width:21px !important;
    height:2px !important;
    margin:0 !important;
    background:#2B1E1A !important;
    border-radius:999px;
  }

  .pcg-mobile-drawer{
    background:#FFF7ED !important;
    box-shadow:0 24px 80px rgba(43,30,26,.25);
  }

  .pcg-mobile-drawer .pcg-menu-box{
    background:#FFF7ED !important;
  }

  .pcg-mobile-drawer .pcg-nav-logo h3{
    color:#2B1E1A !important;
    font-size:24px !important;
    line-height:1.15;
  }

  .pcg-mobile-drawer .pcg-contact-info,
  .pcg-mobile-drawer .pcg-contact-info a,
  .pcg-mobile-drawer .pcg-contact-info li{
    color:#5B4035 !important;
  }

  .pcg-hero-section{
    padding-top:100px !important;
  }

  .pcg-hero-section .pcg-content-box{
    padding-bottom:42px !important;
  }

  .pcg-hero-section .pcg-content-box h2{
    font-size:56px !important;
    line-height:1.02 !important;
    letter-spacing:-.055em;
    text-align:left !important;
    margin-bottom:22px !important;
  }

  .pcg-hero-section .pcg-inner-box{
    max-width:100% !important;
    padding:24px !important;
    border-radius:26px !important;
    min-height:0 !important;
  }

  .pcg-hero-section .pcg-inner-box p{
    font-size:17px !important;
    line-height:1.68 !important;
  }

  .pcg-hero-section .pcg-inner-box .pcg-image{
    position:relative !important;
    right:auto !important;
    top:auto !important;
    width:100% !important;
    height:280px !important;
    margin:22px 0 0 !important;
    border-radius:22px !important;
  }

  .pcg-hero-section > .pcg-image-box{
    margin-top:0 !important;
    padding:0 18px !important;
  }

  .pcg-hero-section > .pcg-image-box .pcg-image{
    border-width:6px !important;
    border-radius:26px !important;
  }

  .pcg-hero-section > .pcg-image-box .pcg-image img{
    min-height:300px !important;
    max-height:420px;
  }

  .pcg-about-section,
  .pcg-why-section,
  .pcg-traveller-section,
  .pcg-route-section,
  .pcg-stories-section{
    padding-top:72px !important;
    padding-bottom:72px !important;
  }

  .pcg-title-box{
    margin-bottom:44px !important;
  }

  .pcg-title-text h2,
  .pcg-sec-title h2{
    font-size:38px !important;
    line-height:1.12 !important;
    letter-spacing:-.035em;
  }

  .pcg-sec-title p,
  .pcg-title-box p,
  .pcg-text-box p{
    font-size:16px !important;
    line-height:1.7 !important;
  }

  .pcg-about-section .pcg-image-box img,
  .pcg-why-section .pcg-image-box img{
    min-height:320px !important;
  }

  .pcg-about-section .pcg-image-box .pcg-image,
  .pcg-why-section .pcg-image-box .pcg-image{
    border-radius:26px !important;
    border-width:6px !important;
  }

  .pcg-experiences-section{
    padding:72px 0 48px !important;
  }

  .pcg-service-block-one .pcg-inner-box{
    min-height:390px !important;
    padding:218px 22px 26px !important;
    border-radius:26px !important;
  }

  .pcg-service-block-one .pcg-inner-box:before{
    height:198px !important;
  }

  .pcg-service-block-one h3{
    font-size:23px !important;
    line-height:1.18 !important;
  }

  .pcg-content-block-one .pcg-content-box{
    margin-left:0 !important;
    padding:28px !important;
    border-radius:26px !important;
  }

  .pcg-content-block-one .pcg-single-item{
    padding:20px 0 !important;
  }

  .pcg-impressions-section{
    padding:72px 0 !important;
  }

  .pcg-gallery-block-one .pcg-image{
    height:300px !important;
  }

  .pcg-gallery-block-one .pcg-inner-box,
  .pcg-news-block-one .pcg-inner-box,
  .pcg-testimonial-block-one .pcg-inner-box,
  .pcg-working-block-one .pcg-inner-box{
    border-radius:24px !important;
  }

  .pcg-gallery-block-one .pcg-lower-content,
  .pcg-news-block-one .pcg-lower-content{
    padding:20px !important;
  }

  .pcg-gallery-block-one h3,
  .pcg-news-block-one h3{
    font-size:22px !important;
    line-height:1.22 !important;
  }

  .pcg-testimonial-block-one .pcg-inner-box{
    min-height:auto !important;
    padding:28px !important;
  }

  .pcg-testimonial-block-one p{
    font-size:16px !important;
    line-height:1.72 !important;
  }

  .pcg-working-block-one .pcg-inner-box{
    min-height:390px !important;
    padding:205px 24px 28px !important;
  }

  .pcg-working-block-one .pcg-inner-box:before{
    height:185px !important;
  }

  .pcg-working-block-one h3{
    font-size:24px !important;
  }

  .pcg-working-block-one p{
    font-size:16px !important;
    line-height:1.7 !important;
  }

  .pcg-news-block-one .pcg-image{
    height:270px !important;
  }

  .pcg-contact-section{
    padding-top:58px !important;
    padding-bottom:76px !important;
  }

  .pcg-contact-section .pcg-form-inner{
    padding:28px 22px !important;
    border-radius:28px !important;
    background:
      linear-gradient(180deg, rgba(255,247,237,.98), rgba(255,247,237,.94)),
      url("../images/penang-culture/pcg-colonial-waterfront.webp") center / cover no-repeat !important;
  }

  .pcg-contact-section .pcg-form-inner h2{
    font-size:36px !important;
    line-height:1.08 !important;
    margin-bottom:24px !important;
  }

  .pcg-contact-section .pcg-form-group{
    margin-bottom:16px !important;
  }

  .pcg-contact-section label{
    font-size:15px !important;
  }

  .pcg-contact-section input,
  .pcg-contact-section textarea{
    min-height:52px;
    font-size:16px !important;
    border-radius:14px !important;
  }

  .pcg-contact-section textarea{
    min-height:130px !important;
  }

  .pcg-message-btn{
    margin-top:6px !important;
  }

  .pcg-theme-btn,
  .pcg-btn-one{
    width:100%;
    min-height:54px;
    display:flex !important;
    align-items:center;
    justify-content:center;
  }

  .pcg-island-footer .pcg-widget-section{
    padding-top:58px !important;
    padding-bottom:28px !important;
  }

  .pcg-island-footer .pcg-footer-column{
    margin-bottom:28px;
  }

  .pcg-island-footer h3{
    font-size:22px !important;
    margin-bottom:12px !important;
  }

  .pcg-footer-bottom{
    padding:18px 0 !important;
  }
}

@media (max-width: 575px){
  .pcg-auto-container,
  .pcg-outer-container{
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .pcg-logo h3{
    font-size:20px !important;
    max-width:205px;
  }

  .pcg-hero-section{
    padding-top:88px !important;
  }

  .pcg-hero-section .pcg-content-box h2{
    font-size:44px !important;
    line-height:1.03 !important;
  }

  .pcg-hero-section .pcg-inner-box{
    padding:20px !important;
    border-radius:22px !important;
  }

  .pcg-hero-section .pcg-inner-box .pcg-image{
    height:230px !important;
  }

  .pcg-hero-section > .pcg-image-box .pcg-image img{
    min-height:235px !important;
  }

  .pcg-title-text h2,
  .pcg-sec-title h2{
    font-size:32px !important;
  }

  .pcg-about-section,
  .pcg-why-section,
  .pcg-traveller-section,
  .pcg-route-section,
  .pcg-stories-section,
  .pcg-impressions-section{
    padding-top:58px !important;
    padding-bottom:58px !important;
  }

  .pcg-about-section .pcg-image-box img,
  .pcg-why-section .pcg-image-box img{
    min-height:250px !important;
  }

  .pcg-service-block-one .pcg-inner-box{
    min-height:360px !important;
    padding-top:196px !important;
  }

  .pcg-service-block-one .pcg-inner-box:before{
    height:178px !important;
  }

  .pcg-gallery-block-one .pcg-image,
  .pcg-news-block-one .pcg-image{
    height:230px !important;
  }

  .pcg-working-block-one .pcg-inner-box{
    min-height:360px !important;
    padding-top:190px !important;
  }

  .pcg-working-block-one .pcg-inner-box:before{
    height:170px !important;
  }

  .pcg-contact-section .pcg-form-inner h2{
    font-size:31px !important;
  }

  .pcg-mobile-drawer{
    width:92% !important;
  }
}

@media (max-width: 390px){
  .pcg-hero-section .pcg-content-box h2{
    font-size:39px !important;
  }

  .pcg-logo h3{
    font-size:18px !important;
    max-width:185px;
  }

  .pcg-mobile-trigger{
    width:40px;
    height:40px;
  }
}