/* header */
@media (max-width: 950px) {
    #header {
        display: none;
    }
    #header-mobile {
        display: block;
    }
    .header-ct-left,
    .header-ct-left .logo,
    .header-ct-right {
        padding: 0;
    }
}
@media (max-width: 1480px) {
    #mainnav > ul > li {
        margin: 0 10px;
    } 
}
@media (max-width: 1320px) {
    .header.header-default .header-ct-right,
    .header-home-03 .header-ct-right {
        display: none !important;
    }
}

/* footer */
@media (max-width:1200px) {    
    .footer-content .service ul li {
        width: 50%;
    }
    .footer-content .service,
    .footer-content .location {
        margin-bottom: 50px;
    }
    .footer-content .service ul::before {
        display: none;
    }
}
@media (max-width:768px) {    
    .footer-bottom .row{
        gap: 1.5rem;
    }
    .footer-bottom .logo-bottom,
    .footer-bottom p {
        text-align: center;
    }
    .footer-bottom .widget-social {
        justify-content: center;
    }
}

/* page-title-home1 */
@media (max-width:1400px) {    
    .page-title-home1 .content ,
    .widget-title-section-1,
    .widget-title-section,
    .widget-card-wrapper {
        margin-left: 1em;
        margin-right: 1em;
    }
    .page-title-home1::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.75);
    }
}
@media (max-width:810px) {    
    .page-title-home1 {
        background-size: cover;
        background-position: center;
    }
    .page-title-home1 h1 {
        font-size: 60px;
        line-height: 70px;
    }
}
@media (max-width:425px) {    
    .main-title {
        font-size: 40px;
        line-height: 1.2;
    }
}
@media (max-width:450px){
    .master-float{
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        transform: none;
        border-radius: 20px;
    }
    .master-float.show{
        right: auto;
        left: 24px;
        bottom: 20px;
        top: auto;
        flex-direction: row;
    }
    .page-title h1{
        font-size: 45px;
        line-height: 50px;
    }
}
@media (max-width:300px){
    .page-title h1{
        font-size: 35px;
        line-height: 40px;
    }
}
@media (max-width:245px){
    .page-title h1{
        line-break: anywhere;
    }
}
/* widget-service */
@media (min-width: 750px) and (max-width: 1400px) {    
    .home-01 .widget-service-wrap {
        margin-left: 1em;
        margin-right: 1em;
    }
}

@media (max-width: 750px) {    
    .widget-service-item {
        width: 100%;
        margin-left: 1em;
        margin-right: 1em;
    }
    .widget-service .widget-service-wrap {
        flex-wrap: wrap;
    }
}

/* widget-about-us */
@media (max-width:1400px) {    
    .widget-about-us .content .text,
    .widget-about-us .content .sub-text,
    .widget-about-us .content .file-download,
    .widget-about-us .content .widget-signature,
    .widget-about-us .content p,
    .widget-about-us .content ul,
    .widget-about-us .content ol,
    .widget-about-us .content .phone,
    .widget-about-us .content .button {
        margin-left: 1em;
        margin-right: 1em;
    }
    .widget-about-us .poster {
        padding: 0;
        margin: 40px 1em 0 1em;
        text-align: center;
    }
    .widget-about-us .poster img {
        width: 100%;
    }
    .widget-about-us .button a {
        margin-bottom: 10px;
    }
    .widget-about-us .poster::before,
    .widget-about-us .poster::after {
        display: none;
    }
    .about-us-page .widget-about-us-wrap .poster {
        height: 643px;
    }
}
@media (max-width:1200px) {    
    .about-us-page .widget-about-us-wrap {
        flex-wrap: wrap;
        row-gap: 60px;
    }
    .about-us-page .widget-about-us-wrap .content > * {
        max-width: unset !important;
    }
}
@media (max-width:750px) {    
    .widget-about-us ,
    .widget-about-us .content .file-download {
        flex-wrap: wrap;
    }
}

/* widget-project */
@media (max-width:1400px) {    
    .widget-project .widget-project-slide,
    .widget-project-content p {
        width: unset;
        margin-right: 1em;
        margin-left: 1em;
    }
    .widget-project .widget-choose-us-item .content p{
        width:5%;
    }
}
@media (max-width:800px) {    
    .widget-project-content {
        width: unset;
    }
    .widget-project .widget-choose-us-item .content p{
        width:1%;
    }
}
@media (max-width: 1440px) and (min-width: 1400px) {    
    .home-01 .widget-project-content {  
        padding-left: 1em;
    }
    .widget-project .widget-choose-us-item .content p{
        width:2%;
    }
}   

/* widget-choose-us */
@media (max-width:1400px) {    
    .widget-choose-us-wrap {
        padding-right: 1em;
        padding-left: 1em;
    }
    .widget-choose-us .widget-choose-us-item {
        width: 47%;
    }
    .widget-choose-us.style-1 .widget-choose-us-slide {
        margin: 0;
    }
    .widget-choose-us.style-1 .widget-choose-us-slide .swiper {
        margin-left: 1em;
        margin-right: 1em;
    }
    .home-03 .widget-project .widget-project-slide {
        width: unset;
    }
}
@media (max-width:750px) {    
    .widget-choose-us .widget-choose-us-item {
        width: 100%;
        min-height: unset;
    }
}

/* widget-counter */
@media (min-width:600px) {    
    .home-03 .widget-counter-wrap {
        flex-wrap: nowrap;
    }
}

@media (max-width:600px) {    
    .home-03 .widget-counter-wrap {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .home-03 .widget-counter-item {
        border: 0;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media (max-width:850px) {    
    .widget-counter-wrap {
        flex-wrap: wrap;
        text-align: center;
        justify-content: center !important;
        padding: 50px;
        margin-left: 1em;
        margin-right: 1em;
    }
}

/* widget-get-quote */
@media (max-width:1200px) {    
    .widget-get-quote.style-2 .get-quote-wrap .get-quote-poster {
        display: none;
    }
    .widget-get-quote.style-2 .get-quote-wrap .get-quote-content {
        margin: 0;
        max-width: unset;
    }
}
@media (max-width:1400px) {    
    .get-quote-wrap .get-quote-content > div,
    .get-quote-wrap .get-quote-content > p {
        margin-right: 1em;
        margin-left: 1em;
    }
    .widget-get-quote.style-2 .get-quote-box {
        margin-right: 1em;
        width: 50%;
    }
    .widget-get-quote.style-3 .get-quote-wrap .get-quote-content > * {
        margin: 0;
    }
}
@media (max-width:1200px) {  
    .widget-get-quote.style-3 .get-quote-box {
        margin-left: 0;
    }
    .widget-get-quote.style-3 .get-quote-box .tab-container .tabs {
        flex-wrap: wrap;
    }
    .widget-get-quote.style-3 .get-quote-box .tab-container .tabs button {
        width: 46%;
    }
    .get-quote-wrap .get-quote-poster {
        display: none;
    }
    .get-quote-wrap .phone-number,
    .get-quote-wrap .get-quote-content p,
    .get-quote-wrap .calling {
        margin-left: 1em;
        margin-right: 1em;
    }
    .widget-get-quote .get-quote-inner {
        margin-bottom: 20px;
    }  
    .widget-get-quote.style-3 .widget-get-quote .get-quote-box {
        margin-right: auto;
        margin-left: auto;
    }
    .widget-get-quote .get-quote-box {
        position: unset;
        margin-bottom: 100px;
        
    }
}
@media (max-width:1066px) {  
    .widget-get-quote .get-quote-wrap .get-quote-content p,
    .widget-get-quote .get-quote-wrap .get-quote-content {
        max-width: unset !important;
    }
}
@media (max-width: 800px) {  
    .widget-get-quote.style-2 .get-quote-wrap .get-quote-content {
        margin: 0;
    }
    .widget-get-quote.style-2 .get-quote-box {
        margin-left: 1em;
        margin-right: 1em;
        width: 100%;
    }
    .widget-get-quote.style-2 .get-quote-wrap {
        flex-wrap: wrap;
        justify-content: center;
    }
}
@media (max-width:1000px) {
    .hero-main-content .hero-wrapper{
        padding-top: 0;
    }  
    .widget-project-item{
        height: auto;
        aspect-ratio: 1/1;
    }
    .swiper-hero{
        height: 90vh;
    }
    .hero-main-content .desktop_heroImage{
        display: none;
    }
    .hero-main-content .desktop_heroMobile{
        display: block;
    }
    .get-quote-wrap {
        padding-top: 230px;
    }
}
@media (max-width:968px) {  
    .hero-main-content .hero-wrapper h1{
        font-size: 60px;
        line-height: 72px;
    }
    .hero-main-content .hero-wrapper p{
        font-size: .9rem;
        line-height: 26px;
    }
    .widget-get-quote.style-3 {
        padding-top: 170px;
        padding-bottom: 0;
    }
}
@media (max-width:550px) {  
    .hero-main-content .hero-wrapper h1{
        font-size: 40px;
        line-height: 52px;
    }
    .hero-main-content .hero-wrapper p{
        font-size: .8rem;
        line-height: 24px;
    }
    .widget-get-quote .get-quote-box {
        padding: 20px 0;
    }
    .get-quote-box .tab-container .tabs {
        flex-wrap: wrap;
    }
    .get-quote-box .tab-container .tabs button {
        width: 48%;
    }
    .widget-get-quote .get-quote-box .tab-container .tabs button {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* widget-testimonial */
@media (max-width:1400px) {  
    .widget-testimonial-wrap .swiper {
        margin: 0 !important;
    }
    .widget-testimonial-wrap  {
        margin-left: 1em !important;
        margin-right: 1em !important;
    }
}
@media (min-width:1400px) {  
    .widget-testimonial-wrap .slide-type-5::after {
        position: absolute;
        content: "";
        width: 440px;
        height: 100%;
        right: 0;
        top: 0;
        background-color: rgba(255, 255, 255, 0.5);
        z-index: 50;
    }
    .widget-testimonial-wrap .slide-type-5::before {
        position: absolute;
        content: "";
        width: 440px;
        height: 100%;
        left: 0;
        top: 0;
        background-color: rgba(255, 255, 255, 0.5);
        z-index: 50;
    }
}

/* widget-blog-update */
@media (max-width:470px) {  
    .home-03 .widget-blog-update-wrap .list-block .widget-post .all-content {
        width: 70%;
    }
    .home-03 .widget-blog-update-wrap > .widget-post .image {
        width: unset;
    }
}
@media (max-width:650px) {  
    .penghargaan-wrap .body-content,
    .blog-01 .list-post,
    .blog-wrap .body-content{
        gap: 20px;
    }
    .widget-blog-update .widget-blog-update-wrap {
        flex-wrap: wrap;
    }
    .widget-blog-update .widget-post .image img {
        width: 100%;
    }
}
@media (max-width:1000px) {  
    .home-02 .widget-blog-update .widget-blog-update-wrap {
        flex-wrap: wrap;
    }
    .home-02 .widget-blog-update .widget-post {
        width: 100%;
    }
}
@media (max-width:1400px) {  
    .widget-blog-update .widget-blog-update-wrap {
        margin-right: 1em;
        margin-left: 1em;
    }
    .home-03 .widget-blog-update .widget-blog-update-wrap {
        flex-wrap: wrap;
    }
    .home-03 .widget-blog-update-wrap > .widget-post .all-content {
        width: 100%;
    }
}
@media (max-width:990px) {  
    .home-03 .widget-blog-update-wrap > .widget-post {
        flex-wrap: wrap;
    }
}

/* widget-newsletter */
@media (max-width:560px) {  
    .newsletter .newsletter-note,
    .newsletter form {
        margin-left: 1em;
        margin-right: 1em;
    }
    .penghargaan-wrap .body-content,.blog-01 .list-post, .blog-wrap .body-content{
        grid-template-columns: 1fr;
    }
}

/* page-title-home-2 */
@media (max-width:1200px) {  
    .page-title-home2 .page-title-container {
        margin-left: 1em;
        margin-right: 1em;
    }
    .page-title-home2 button {
        display: none;
    }
}

/* widget-our-service */
@media (max-width:1400px) {  
    .widget-our-service .widget-our-service-slide .swiper {
        margin-left: 1em;
        margin-right: 1em;
        width: unset;
    }
}
@media (max-width:1200px) {  
    .widget-slide-style1 .swiper-button {
        display: none;
    }
}

/* widget-service-1 */
@media (max-width:1400px) {  
    .widget-service-1-item {
        margin-left: 1em;
        margin-right: 1em;
    }
}
@media (max-width:768px) {  
    .widget-service-1-item {
        flex-wrap: wrap;
    }
    .widget-service-1-item .content {
        width: 100%;
        max-width: unset;
    }
    .widget-service-1-item .poster img,
    .widget-service-1-item .poster {
        width: 100%;
    }
}

/* widget-get-quote */
@media (max-width:920px) {  
    .widget-get-quote.style-1 .get-quote-wrap {
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: center;
    }
    .widget-get-quote.style-1 .get-quote-box {
        margin-bottom: 0;
        padding: 62px 29px 73px;
        width: 100%;
        max-width: unset;
    }
    .widget-get-quote.style-1 .widget-request-quote-form form {
        width: 100%;
    }
    .widget-get-quote.style-1 .get-quote-wrap .get-quote-content {
        padding-top: 0;
        width: 100%;
    }
}

@media (max-width:600px) {  
    .get-quote-box .tab-container {
        margin-left: 1em;
        margin-right: 1em;
    }
    .widget-get-quote.style-1 .get-quote-box .tabs button {
        width: 100%;
    }
    .widget-get-quote.style-1 .get-quote-box {
        padding-left: 0;
        padding-right: 0;
    }
    .widget-get-quote.style-1 .get-quote-wrap .get-quote-content {
        max-width: unset;
    }
    .widget-get-quote.style-2 .get-quote-box .tab-container {
        margin-left: 0;
        margin-right: 0;
        padding-left: 1em;
        padding-right: 1em;
    }
    .widget-get-quote.style-3 .get-quote-box .tab-container {
        padding-left: 1em;
        padding-right: 1em;
    }
}

/* widget-project-1 */
@media (max-width:1400px) {  
    .widget-project-1 .widget-project-1-slide {
        margin-left: 1em;
        margin-right: 1em;
    }
    .widget-project-1 .widget-swiper-pagination .swiper-pagination {
        display: none;
    }
}
@media (max-width:680px) {  
    .widget-project-1 .widget-project-1-content p {
        margin-right: 1em;
        margin-left: 1em;
    }
}

/* widget-pricing */
@media (max-width:992px) {  
    .widget-pricing-item {
        margin-bottom: 40px;
    }
}

/* widget-our-team */
@media (max-width:1400px) {  
    .widget-our-team .widget-slide-style1 {
        width: unset;
        margin: 0 1em;
    }
}

@media (max-width:900px) {  
    .widget-our-team .widget-our-team-content .main-title {
        max-width: unset;
    }
    .widget-our-team .block-cta {
        margin-left: 1em;
        margin-right: 1em;
        flex-wrap: wrap;
        margin-bottom: 60px;
        align-items: center;
    }
    .widget-our-team .block-cta p::before {
        display: none;
    }
}   

/* page-title-home-3 */
@media (min-width:1400px) {  
    .page-title-home3 {
        padding-left: 17px;
    }
}

@media (max-width:1200px) {  
    .page-title-home3 .content {
        margin-right: 1em;
        margin-left: 1em;
    }
}
@media (max-width:950px) {  
    .page-title-home3 {
        padding-top: 250px;
    }
}
@media (max-width:407px) {  
    .page-title-home3 .widget-button {
        margin-bottom: 20px;
    }
}

/* widget-choose-us */
@media (max-width:1400px) {  
    .home-03 .widget-choose-us {
        margin-right: 1em;
        margin-left: 1em;
        width: unset;
    }
}
@media (max-width:1100px) {  
    .ride-sidebar-grid{
        grid-template-columns: 1fr 1fr;
        grid-gap: 1rem;
    }
    .blog-detail .blog-detail-inner,.penghargaan-wrap, .blog-01 .blog-list-inner,.blog-wrap{
        grid-template-columns: 1fr;
    }
    .penghargaan-wrap .ride-sidebar ,.blog-detail .ride-sidebar, .blog-01 .ride-sidebar, .blog-wrap .ride-sidebar{
        height: fit-content;
    }
    .home-03 .widget-choose-us {
        flex-wrap: wrap;
        gap: 40px;
    }
    .home-03 .widget-choose-us-wrap {
        padding: 0;
    }
    .penghargaan-wrap .left-side, .blog-01 .left-side, .blog-wrap .left-side{
        padding-right: 0;
        border-right: 0;
    }
}
@media (max-width:952px) {  
    .home-03 .widget-choose-us-wrap .widget-choose-us-item {
        max-width: unset;
        padding: unset;
    }
}

/* widget-services-we-offer */
@media (max-width:1400px) {  
    .widget-services-we-offer-wrap {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media (max-width:992px) {  
    .widget-services-we-offer-item {
        margin-bottom: 40px;
    }
}

/* @media (max-width:1400px) {  
    .home-03 .widget-testimonials p,
    .home-03 .brand {
        margin-right: 1em;
        margin-left: 1em;
    }
} */

/* widget-request-quote */
@media (max-width:1300px) {  
    .widget-request-quote-form .form-content .poster {
        display: none;
    }
}
@media (max-width:1100px) {  
    .widget-request-quote-wrap .main-title {
        margin-right: 1em;
        margin-left: 1em;
        width: unset;
        font-size: 45px;
    }
}
@media (max-width:700px) { 
    .widget-request-quote-form {
        flex-wrap: wrap;
        justify-content: center;
    }
    .widget-request-quote-form form {
        width: 100%;
        border-right: 0;
        padding: 0;
        margin: 40px 1em;
    }
    .widget-request-quote-form .form-content {
        width: 100%;
        padding: 0;
        margin: 0 1em;
    }
}

/* page-title */
@media (max-width:1400px) { 
    .page-title-container {
        margin-right: 1em !important;
        margin-left: 1em !important;
    }
}

/* team-detail */
@media (max-width:900px) { 
    .team-detail .poster {
        margin-bottom: 0;
    }
}

/* testimonials */
@media (max-width:1400px) { 
    .testimonials .widget-business-customers-wrap .widget-slide-style1 {
        width: unset;
        margin-right: 1em;
        margin-left: 1em;
    }
    .testimonials .widget-business-customers-wrap .widget-slide-style1 .swiper {
        margin-right: -150px;
    }
}

/* widget-faq */
@media (max-width: 768px) { 
    .faqs .widget-faq.style-1 .image {
        margin: 0 1em;
    }
    .faqs .widget-faq.style-1 .image img {
        width: 100%;
    }
}

/* widget-contact-us */
@media (max-width: 700px) { 

    .faqs .widget-contact-us .image {
        margin: 0;
    }
    .widget-request-quote-form.style-1 .form-content {
        max-width: unset;
        margin-top: 40px;
    }
    .widget-request-quote-form .form-content .mail {
        margin: 0;
    }
    .faqs .widget-block-search-1 {
        margin-right: 1em;
        margin-left: 1em;
    }
}

/* carers */
@media (max-width:1200px) { 
    .carers .widget-benifit .widget-choose-us-wrap {
        flex-wrap: wrap ;
    }
    .carers .widget-benifit .widget-choose-us-item {
        width: 100%;
    }
    .carers .widget-join-team-box .image {
        display: none;
    }
    .carers .widget-join-team-box .content {
        margin-left: 1em;
        margin-right: 1em;
    }
}
@media (max-width: 992px) { 
    .widget-filters .col-lg-3 {
        margin-bottom: 40px;
    }
}

/* services-list */
@media (max-width: 1400px) { 
    .widget-business-insurance-slide {
        margin-left: 1em;
        margin-right: 1em;
    }
}
@media (max-width: 992px) { 
    .services-list .services-list-content .widget-post {
        flex-wrap: wrap;
    }
}

/* services-details */
@media (max-width: 1400px) { 
    .services-detail-content .block-list .widget-choose-us-item {
        width: 100%;
    }
}
@media (max-width: 992px) { 
    .services-detail-content {
        padding: 0;
        border: 0;
        margin-bottom: 40px;
    }
    .services-detail-content > .poster .poster-box {
        position: unset;
    }
    .services-detail-content .image-list {
        flex-wrap: wrap;
    }
    .services-detail-content .block-list {
        flex-wrap: wrap;
    }
    .widget-block-quote {
        padding: 225px 40px 41px 40px;
    }
    .services-detail-content .image-box-content {
        position: unset;
        max-width: unset;
    }
    .services-detail-content .image-box::before {
        display: none;
    }
    .services-detail-content .image-box {
        margin-bottom: 50px;
    }
}
@media (max-width: 921px) { 
    .services-detail-1-content {
        margin-left: 1em;
        margin-right: 1em;
    }
}
@media (max-width: 780px) { 
    .services-detail-1 .widget-choose-us .swiper {
        margin: 0;
    }
}

/* blog */
@media (max-width: 1400px) { 
    .eror-404.main-content {
        margin-right: 1em;
        margin-left: 1em;

    }
}
/* @media (max-width: 950px){
    .blog-01 .list-post .widget-post {
        width: 100%;
    }
} */
@media (max-width: 1300px) {
    .blog-detail .main-content-wrap{
        border: none;
        padding-right: 0;
    }
    .blog-detail .main-content-wrap {
        width: 100%;
    }
    .blog-detail .ride-sidebar {
        border: 0;
        padding: 50px 0 20px 0;
        max-width: unset;
    }
}
@media (max-width: 1100px) { 
    .blog-detail-style01 .blog-detail-inner > .widget-social {
        left: 40px;
        top: 0;
        flex-direction: row;
    }
}
@media (max-width: 992px) { 
    .blog .main-content-wrap {
        border: none;
        padding: 0;
    }
    .blog .main-post.widget-post .image img {
        width: 100%;
    }
}

/* brand */
@media (max-width: 768px) { 
    .widget-brand img {
        width: 26%;
    }
    .widget-more-news .inner{
        flex-wrap: wrap;
    }
}
@media (max-width: 375px) { 
    .widget-brand img {
        width: 22%;
    }
}

/* tf-container */
@media (max-width: 992px) { 
    .tf-container .row > div {
        padding-left: 1em;
        padding-right: 1em;
    }
}

@media(max-width:627px){
    .widget-card-help .card-help{
        width: 100%;
    }
    .logo-b4footer .content-b4footer img{
        max-width:80px;
    }
}
@media(max-width:950px){
    .content .content-body .card-person{
        flex-direction: column;
    }
    .content .content-body .card-person:nth-child(even){
        flex-direction: column;
    }
}

@media(max-width:520px){
    .faq-room .head-faq .head-content .head-img{
        display: none;
    }
    .faq-room .head-faq span{
        display:block;
    }
    .close-float.desktop{
        display: none;
    }
    .faq-room{
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        border-radius: 0;
    }
}
@media(max-width:375px){
    .faq-room .head-faq .head-content .head-text h1{
        font-size: 16px;
    }
    .faq-room .head-faq .head-content .head-text p{
        font-size: 14px;
    }
    
    .logo-b4footer .content-b4footer img{
        max-width:50px;
    }
}
@media(max-width:280px){
    .faq-room .head-faq .head-content{
        flex-shrink: 1;
    }
    .faq-room .head-faq .head-content .head-img{
        flex-shrink: 0;
    }
    .faq-room .head-faq .head-content .head-text h1{
        line-break: anywhere;
    }
    .faq-room .head-faq .head-content .head-text p{
        line-break: anywhere;
    }
}

@media(min-width:375px){
    /* popup video  */
    .card-content .head-content .profile .profile-text h1{
        font-size: 16px;
    }
    .head-content .profile .profile-text .profile-time i{
        font-size: 14px;
    }
    .head-content .profile .profile-text .profile-time p{
        font-size: 14px;
    }
    /* end of popup video  */
}
@media (min-width:430px){
    .modal-pengaduan-wrapper .modal-head .head-title .head-icon{
        display:flex;
    }
    .about-main-content .img-content{
        width: 350px;
        height: 350px;
    }

    /* popup video  */
    .card-content .head-content .profile .profile-circle{
        width: 50px;
        height: 50px;
    }
    .card-content .head-content .profile .profile-text h1{
        font-size: 18px;
    }
    .head-content .profile .profile-text .profile-time i{
        font-size: 16px;
    }
    .head-content .profile .profile-text .profile-time p{
        font-size: 16px;
    }
    /* end of popup video  */
    .milestone-content .widget-content-milestone .widget-text .content-head{
    text-align: left;
    }
    .widget-milestone .milestone-body::after{
        left: 15px;
    }
    .widget-milestone .milestone-content .circle-pointer{
        left: 2px;
        top: 50%;
        transform: translateY(-50%);
    }
    .milestone-content .widget-content-milestone{
        flex-direction: row-reverse;
    }
    .milestone-content .widget-content-milestone .widget-text{
        padding: 15px 20px;
        border-left: 3px solid #f3f3f383;
    }
    .team-org-head-content .content .content-head{
        height: 350px;
    }
    .team-org-head-content .content .content-head .head-text .head-btn{
        height: 40px;
    }
    .team-org-head-content .content .content-head .head-text .head-btn:after{
        font-size: 18px;
    }
    .team-org-head-content .content .content-head .head-text h1{
        font-size: 37px;
    }
    .team-org-head-content .content .content-head .head-text p{
        font-size: 17px;
    }
    .content-body .card-person .info-person h1{
        font-size:25px;
    }
    .content-body .card-person .info-person h2{
        font-size:25px;
    }
    .content-body .card-person .info-person p{
        font-size:23px;
        line-height:45px;
    }
}
@media (min-width:521px){
    .faq-room .head-faq span{
        display: none;
    }
}
@media (min-width:768px){
    .modal-head .head-title h1{
        font-size:20px;
    }
    .team-org .widget-team-org{
        padding: 0 20px;
    }
    .widget-milestone .milestone-header{
        width: 60%;
    }
    .team-content-header p{
        width: 60%;
    }
    .about-main-content .about-content-wrapper{
        padding: 50px;
    }
    .right{
        flex-direction: row !important;
    }
    .left{
        flex-direction: row-reverse !important;
    }
    .about-main-content .text-content h1{
        font-size: 60px;
        text-align: left;
    }
    .about-main-content .text-content p{
        font-size: 20px;
        line-height: 30px;
        text-align: left;
    }
    .about-main-content .img-content{
        flex-shrink: 0;
        width: 400px;
        height: 400px;
    }
    .about-main-content .img-content img{
        width: 150px;
    }
    .about-main-content .img-content img:first-child{
        top: -20px;
        left: -30px;
    }
    .about-main-content .img-content img:last-child{
        bottom: -20px;
        right: -30px;
    }
    
    /* popup video  */
    .card-content .head-content .profile .profile-circle{
        width: 60px;
        height: 60px;
    }
    .popup-video .popup-wrap{
        flex-direction: row;
    }
    .popup-wrap .video-content{
        width: 80vw;
        height: auto;
        border-radius: 10px 0 0 10px;
    }
    .popup-wrap .card-content{
        border-radius: 0 10px 10px 0;
    }
    
    .team-org-head-content .content .content-head{
        height: 400px;
    }
    .team-org-head-content .content .content-head .head-text .head-btn{
        height: 50px;
    }
    .team-org-head-content .content .content-head .head-text .head-btn:after{
        font-size: 20px;
    }
    .team-org-head-content .content .content-head .head-text h1{
        font-size: 45px;
    }
    .team-org-head-content .content .content-head .head-text p{
        font-size: 18px;
    }
    .team-org-head-content .content .content-head{
        padding: 0 80px;
    }
    .card-content .head-content .profile .profile-text h1{
        font-size: 16px;
    }
    .head-content .profile .profile-text .profile-time i{
        font-size: 14px;
    }
    .head-content .profile .profile-text .profile-time p{
        font-size: 14px;
    }
    /* end of popup video  */

    /* Milestone section  */
    .widget-milestone .milestone-content{
        width: 50%;
        padding: 20px 50px;
    }
    .widget-milestone .milestone-content:nth-child(even){
        left: 50%;
    }
    .milestone-content .widget-content-milestone{
        flex-direction: row;
    }
    .widget-milestone .milestone-body::after{
        left: 50%;
        transform: none;
    }
    .widget-milestone .milestone-content .circle-pointer{
        left: auto;
        right: -16px;
    }
    .widget-milestone .milestone-content:nth-child(even) .circle-pointer{
        left: -10px;
        right: auto;
    }
    .content-body .card-person .info-person h1{
        font-size:35px;
    }
    .content-body .card-person .info-person h2{
        font-size:25px;
    }
    .content-body .card-person .info-person p{
        font-size:23px;
        line-height:45px;
    }
    .content #collapseCard .content-body .card-person, .content .content-body .card-person,
    .content #collapseCard2 .content-body .card-person, .content .content-body .card-person
    {
        flex-direction: row;
    }
    .content #collapseCard:nth-child(even) .content-body .card-person, .content .content-body .card-person,
    .content #collapseCard2:nth-child(even) .content-body .card-person, .content .content-body .card-person
    {
        flex-direction: row-reverse;
        justify-content: space-between;
    }
    .content .content-body .card-person:nth-child(even){
        flex-direction: row-reverse;
    }
    .milestone-content:nth-child(even) .widget-content-milestone{
        flex-direction: row-reverse;
    }
    .modal-pengaduan-wrapper{
        width: 90%;
    }
    .milestone-content .widget-content-milestone .widget-text{
        padding: 15px 20px;
        border-right: 3px solid #f3f3f383;
    }
    .milestone-content:nth-child(even) .widget-content-milestone .widget-text{
        border-right: none;
        border-left: 3px solid #f3f3f383;
    }
    /* End of Milestone Section  */

    
    .gdpr-cookie-notice{
        flex-direction: row;
    }
    .gdpr-cookie-notice .gdpr-cookie-notice-nav{
        margin: auto;
        border: none;
        gap: 25px;
        flex-wrap: nowrap;
        max-width: 400px;
    }
    .gdpr-cookie-notice .gdpr-cookie-notice-description{
        margin: auto;
        max-width: 800px;
    }

}
@media(min-width:1100px){
    .about-main-content .img-content{
        width: 600px;
        height: 450px;
    }
    /* popup video  */
    .popup-video .popup-wrap{
        padding: 100px;
    }
    .popup-wrap .video-content{
        width: 80vw;
        height: auto;
        border-radius: 10px 0 0 10px;
    }
    .popup-wrap .card-content{
        height: 60vh;
        border-radius: 0 10px 10px 0;
    }
    .card-content .head-content .profile .profile-text h1{
        font-size: 16px;
    }
    .head-content .profile .profile-text .profile-time i{
        font-size: 14px;
    }
    .head-content .profile .profile-text .profile-time p{
        font-size: 14px;
    }
    /* end of popup video  */
}
@media(min-width:1400px){
    /* popup video  */
    .popup-video .popup-wrap{
        padding: 300px;
    }
}
@media (min-width:0px) and (max-width:443px){
    .title-card-office h3,
    .content-card-office h5,
    .content-card-office i,
    .title-card-office i{
        font-size: 4vw;
    }
    .content-card-office p{
        font-size: 3.5vw;
    }
    .card-text-office .title-card-office{
        align-items:center;
    }
    .content-card-office .info-card,
    .card-text-office .title-card-office{
        gap: 1vw;
    }
}
@media (min-width:768px){
    .widget-card-wrapper{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width:1080px){
    .widget-card-wrapper{
        grid-template-columns: repeat(3, 1fr);
    }
}