@media (min-width:1371px) and (max-width:1600px) {
    .hendre_nav_manu.left-sidebar .left-sidebar-title h4:after,
    .hendre_nav_manu.left-sidebar .left-sidebar-title h4:before {
        background: inherit;
    }
}
@media (min-width:1200px) and (max-width:1370px) {
    .hendre_menu > ul > li > a {
        margin: 25px 16px;
    }
    .nav-btn.navSidebar-button {
        right: 0;
    }
    .project_area_five .single_project_content p {
        width: 100%;
    }
    .project_area_five .single_project_content {
        top: 3%;
    }
    .hendre_nav_manu.left-sidebar .left-sidebar-title h4:after,
    .hendre_nav_manu.left-sidebar .left-sidebar-title h4:before {
        background: inherit;
    }
}
@media (min-width:992px) and (max-width:1199px) {
    .hendre_menu > ul > li > a {
        margin: 25px 8px;
        font-size: 14px;
    }
    .nav-btn.navSidebar-button {
        right: 0;
    }
    .head-btn a {
        font-size: 14px;
        padding: 6px 9px;
    }
    .section_title_five .main_title h1 {
        font-size: 35px;
    }
    .about_area_five .about_thumb img {
        margin-left: -25px;
    }
    .service_area_five .single_service_box .service_title p {
        font-size: 14px;
    }
    .project_area_five .single_project_content p {
        display: none;
    }
    .footer_section_five .company-info-desc p {
        font-size: 14px;
    }
    .footer_section_five .widgets-company_title h4 {
        font-size: 12px;
    }
    .hendre_nav_manu.left-sidebar nav.hendre_menu {
        margin-left: 0;
    }
    .hendre_nav_manu.left-sidebar .left-sidebar-title h4:after,
    .hendre_nav_manu.left-sidebar .left-sidebar-title h4:before {
        background: inherit;
    }

    /*======= Video Carousel =======*/
     .section-header {
         flex-direction: column;
         align-items: flex-start;
     }
     .header-left .main-title {
         font-size: 1.8rem;
     }
     .prev-btn {
         left: 5px;
     }
     .next-btn {
         right: 5px;
     }
     .video-card {
         flex: 0 0 85%;
         /* Menjadi 1 kolom dominan di tablet */
         min-width: 270px;
     }
}
@media (min-width:768px) and (max-width:991px) {
    .slider_area_five .slide_content h1 {
        font-size: 45px;
    }
    .about_area_five .about_thumb img {
        margin-left: 0;
        margin-bottom: 50px;
    }
    .project_area_five .single_project_content p {
        width: 100%;
    }
    .project_area_five .single_project_content {
        top: 14%;
    }
    .project_area_five .single_project_button a {
        display: none;
    }
    .call-do-action-area .call-do-action-button {
        margin-top: -70px;
        right: 5%;
    }
    .breadcumb-area .breadcumb-content h1 {
        font-size: 45px;
        font-size: 34px;
    }

    /*======= Video Carousel =======*/
     .section-header {
         flex-direction: column;
         align-items: flex-start;
     }
     .header-left .main-title {
         font-size: 1.8rem;
     }
     .prev-btn {
         left: 5px;
     }
     .next-btn {
         right: 5px;
     }
     .video-card {
         flex: 0 0 85%;
         /* Menjadi 1 kolom dominan di tablet */
         min-width: 270px;
     }
}
@media (min-width:600px) and (max-width:767px) {
    .slider_area_five .slide_content h1 {
        font-size: 35px;
        line-height: 50px;
    }
    .about_area_five .about_thumb img {
        margin-left: 0;
        margin-bottom: 30px;
    }
    .section_title_five .main_title h1 {
        font-size: 35px;
    }
    .service_area_five .service-top-button {
        top: -65px;
    }
    .project_area_five .single_project_content {
        top: 17%;
    }
    .project_area_five .single_project_content p {
        width: 70%;
    }
    .call-do-action-area .call-do-action-button a {
        display: none;
    }
    .testimonial_area_five .owl-prev {
        margin: 0 2px 0 0;
    }
    .widgets-company-icon-list {
        margin-bottom: 30px;
    }
    .portfolio-minimal-area .minimal-title h1 {
        font-size: 35px;
        line-height: 50px;
    }
}
@media (min-width:480px) and (max-width:599px) {
    .slider_area_five .slide_content h1 {
        font-size: 30px;
        line-height: 45px;
    }
    .about_area_five .about_thumb img {
        margin-left: 0;
        margin-bottom: 30px;
    }
    .section_title_five .main_title h1 {
        font-size: 30px;
        line-height: 45px;
    }
    .service_area_five .service-top-button a {
        display: none;
    }
    .project_area_five .single_project_content p {
        width: 100%;
    }
    .project_area_five .single_project_content {
        top: 10%;
    }
    .call-do-action-area .call-do-action-button {
        margin-top: -50px;
        right: 5%;
    }
    .testimonial_area_five .owl-nav {
        right: 14px;
        top: -18%;
    }
    .testimonial_area_five .owl-prev {
        margin: 0 10px 0 0;
    }
    .testimonial_area_five .single_testimonial_box .testimonial_description p {
        font-size: 14px;
    }
    .widgets-company-icon-list {
        margin-bottom: 30px;
    }
    .footer_section_five .widgets-company-content.upper {
        margin-left: 0;
    }
    .widgets-company-info-box {
        text-align: center;
    }
    .breadcumb-area .breadcumb-content h1 {
        font-size: 30px;
    }
    .portfolio-minimal-area .minimal-title h1 {
        font-size: 30px;
        line-height: 40px;
    }
}
@media (min-width:320px) and (max-width:599px) {
    .slider_area_five .slide_content h1 {
        font-size: 30px;
        line-height: 35px;
    }
    .slider_area_five .slide_content h4 {
        font-size: 13px;
    }
    .slider_area_five.upper {
        background-position: 38%;
    }
    .slider_area_five.upper .slide_content p {
        font-size: 16px;
        line-height: 18px;
        font-weight: 400;
        margin: 0;
        width: 100%;
    }
    .slider_area_five .home-five-button {
        margin: 30px 0;
    }
    .about_2 {
        padding: 40px 0;
    }
    .portfolio-minimal-area {
        padding: 40px 0;
    }
    .testimoni_2 {
        padding: 40px 0;
    }
    .section-content {
        padding: 40px 0 0;
    }
    .map-section {
        padding: 0 0 40px;
    }
    .about_area_five.upper .counter_box_2 {
        display: none;
    }
    .about_area_five .about_thumb img {
        margin-left: 0;
        margin-bottom: 30px;
    }
    .section_title_five .main_title h1 {
        font-size: 20px;
        line-height: 30px;
    }
    .section_title_five .sub_title h4 {
        font-size: 14px;
        line-height: 23px;
    }
    .about_area_five .about_icon_list ul li {
        font-size: 13px;
    }
    .about_area_five .counter_box,
    .service_area_five .service-top-button a {
        display: none;
    }
    .service_area_five .single_service_box .service_title p {
        font-size: 14px;
    }
    .project_area_five .single_project_content p {
        display: none;
    }
    .project_area_five .single_project_content {
        top: 15%;
    }
    .call-do-action-area .call-do-action-button {
        display: none;
    }
    .testimonial_area_five .single_testimonial_box .testimonial_description p {
        font-size: 12px;
    }
    .widgets-company-icon-list {
        margin-bottom: 30px;
    }
    .footer_section_five .widgets-company-content.upper {
        margin-left: 0;
    }
    .breadcumb-area {
        padding: 20px 0;
        height: 140px;
    }
    .breadcumb-area .breadcumb-content h1 {
        font-size: 30px;
        line-height: 40px;
    }
    .breadcumb-content ul {
        right: 0;
        bottom: -15%;
    }
    .breadcumb-content ul li {
        font-size: 11px;
    }
    .portfolio-minimal-area .minimal-title h1 {
        font-size: 20px;
        line-height: 35px;
    }
    .tag-area.one {
        padding: 10px 0;
    }
    .tag-area.one .marquee-block .content-box h6.title {
        font-size: 28px;
        padding: 0 16px;
    }
    .tag-area.one marquee ul li {
        font-size: 22px;
    }
    .testimonial_area_five .owl-nav {
        display: none;
    }
    .tag-area.one.upper marquee ul li {
        font-size: 28px;
    }
    .footer_section_five .widgets-company-title h3 {
        margin: 20px 0 10px;
    }

    /*======= Video Carousel =======*/
    .section-header {
        flex-direction: column;
        align-items: flex-start;
    }
    .header-left .main-title {
        font-size: 1.8rem;
    }
    .prev-btn {
        left: 5px;
    }
    .next-btn {
        right: 5px;
    }
    .video-card {
        flex: 0 0 85%;
        /* Menjadi 1 kolom dominan di smartphone */
        min-width: 270px;
    }
}
@media only screen and (min-width:320px) and (max-width:991px) {
    .hendre_nav_manu,
    .top-menu {
        display: none;
    }
    .sticky {
        position: inherit!important;
    }
}