@media (max-width: 648px){
    .home-section-2, .home-section-3, .home-section-1, .home-section-4, .home-section-5, .home-section-6, .home-section-7, .footer-section, .section-8, .section-9, .section-10, .section-11 {
        width: 100%;
        margin-top: 50px !important;
    }
    .top-nav-bar{
        height: 70px;
    }
    .top-nav-bar .nav-bar-part .logo{
        width: 70px;
    }
    .section-title-2.ellipsis{
        margin-bottom: 20px;
    }
    .slider-content , .news-cover{
        width: 100%;
        padding: 40px 0;
    }
    .sli-text-cont .section-title-2, .sli-text-cont .text {
        width: 100% !important;
    }
    .text {
        font-size: 14px;
    }
    .btn-link {
        font-size: 14px
    }
    .section-title-1 {
        font-size: 35px !important;
        width: 180px;
        text-align: left !important;
    }
    .item-2 .item-title{
        font-size: 16px;
    }
    .item-2 .item-sub-title{
        width: 100%;
        font-size: 25px;
        margin: 20px 0;
    }
    .grid-item.item-2 p:last-child{
        margin-top: 30px;
    }
    .home-section-4 {
        margin-top: 40px;
        flex-direction: column ;
    }
    .sec4-item-1 { 
        order: 1;
    }
    .sec4-item-2 { 
        order: 2;
    }
    .sec4-item-3 { 
        order: 3;
    }
    .sec4-item-4 { 
        order: 5 ;
    }
    .sec4-item-5 { 
        order: 4 ;
    }
    .sec4-item-6 { 
        order: 6 ;
    }
    .sec4-item-7 { 
        order: 7 ;
    }
    .sec4-item-8 { 
        order: 9 ;
    }
    .sec4-item-9 { 
        order: 8;
    }
    .sec4-item{
        width: 100%;
        height: auto;
    }
    .sec4-item-1 .text {
        margin-top: 20px;
        width: 100%;
    }
    .sec4-item-2 , .sec4-item-3 , .sec4-item-4 , .sec4-item-5 , .sec4-item-6 , .sec4-item-7, .sec4-item-9 {
        height: auto;
    }
    .sec4-item-7 , .sec4-item-4 , .sec4-item-3, .sec4-item-8  {
        display: flex;
        flex-direction: column;
        padding: 20px !important;
        align-items: center;
        justify-content: center;
    }
    .sec4-item-4 , .sec4-item-3 ,  .sec4-item-7  {
        margin-bottom: 20px;
    }
    .sec4-item-4{
        flex-direction: column-reverse;
    }
    .sec4-item .arrow .icon-md{
        transform: rotate(90deg);
    }
    .sec4-item .arrow {
        margin: 0;
    }
    .sec4-item-4 .arrow .icon-md{
        transform: rotate(-90deg);
    }
    .item-sub-title {
        font-size: 18px;
    }
    .sec5-img{
        width: 70px;
        height: 70px;
    }

    .sec5-item .text {
        margin: 20px 0;
    }
    .home-section-5 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: minmax(min-content, max-content);
        grid-column-gap: 30px;
        grid-row-gap: 30px; 
    }
    .sec5-item-1 { grid-area: 1 / 1 / 2 / 3; }
    .sec5-item-2 { grid-area: 2 / 1 / 3 / 2; }
    .sec5-item-3 { grid-area: 2 / 2 / 3 / 3; }
    .sec5-item-4 { grid-area: 3 / 1 / 4 / 2; }
    .sec5-item-5 { grid-area: 3 / 2 / 4 / 3; }
    /* @keyframes scroll { 
        0%{
            transform: translateX(0);
        }
        100%{
            transform: translateX(calc(-100px * 3.5));   
        }
    }
    .sec7-content {
        row-gap: 0px !important;
        column-gap: 25px !important;
        width: calc(100px * 7) !important;
    }*/
    .sec7-item {
        width: 100px !important;
    }

    .footer-part-1 {
        grid-template-columns: 1fr;
    }

    .fp1-item1 { grid-area: 1 / 1 / 2 / 2; }
    .fp1-item2 { grid-area: 2 / 1 / 3 / 2; }
    .fp1-item3 { grid-area: 3 / 1 / 4 / 2; }
    .fp1-item4 { grid-area: 4 / 1 / 4 / 2; }
    .fp1-item5 { grid-area: 5 / 1 / 5 / 2; }
    .fp1-item6 { grid-area: 6 / 1 / 6 / 2; }
    .fp1-item7 {
        grid-area: 7 / 1 / 7 / 2;
        justify-self: center;
        display: none;
    }
    .fp1-item8 {
        grid-area: 8 / 1 / 8 / 2;
        justify-self: start;
    }
    .fp1-item1 .section-title-2, .fp1-item4 .section-title-2 {
        font-size: 25px;
    }
    .footer-part-2{
        flex-direction: column;
    }
    .footer-part-2 .fp2-item:nth-child(1){
        margin-bottom: 15px;
    }
    .footer-part-2 .fp2-item:nth-child(2){
        flex-direction: column;
    }
    .sec7-content {
        justify-content: start;
    }
    .arrow .icon-md {
        display: none;
    }
    .project-content {
        margin-top: 50px;
    }
    .pc-item5{
        grid-area: 5 / 1 / 6 / 2;
    }
    .section-title-2 {
        font-size: 25px !important;
        /* border: 1px solid black; */
    }
    .icon-sm {
        margin: 0 5px !important;
    }
    .breadcrumbs-section .main-container {
        display: flex;
        align-items: center;
    }
    .news-header {
        flex-direction: column;
        align-items: flex-start !important;
    }
    .section-8-content{
        grid-template-columns: repeat(1, 1fr) !important;
        grid-template-rows: repeat(8, 1fr) !important;
        grid-column-gap: 15px;
        grid-row-gap: 15px; 
    }

    .sec8-item1 {
        grid-area: 1 / 1 / 2 / 2 !important;
    }
    .sec8-item2 {
        grid-area: 2 / 1 / 3 / 2 !important;
    }
    .sec8-item3 {
        grid-area: 3 / 1 / 4 / 2 !important;
    }
    .sec8-item4 {
        grid-area: 4 / 1 / 5 / 2 !important;
    }
    .sec8-item5 { 
        grid-area: 5 / 1 / 6 / 2 !important;
    }
    .sec8-item6 {
        grid-area: 6 / 1 / 7 / 2 !important;
    }
    .sec8-item7 {
        grid-area: 7 / 1 / 8 / 2 !important;
    }
    .sec8-item8 {
        grid-area: 8 / 1 / 9 / 2 !important;
    }
    .section-10 {
        display: flex;
        gap: 60px;
        flex-direction: column;
    }
    .sec10-content {
        flex: 1;
    }
    .sec11-content {
        width: 80%;
        gap: 30px;
        flex-direction: column;
    }
    .section-11 .section-title-1 {
        width: 80%;
    }
    .section-9 {
        flex-direction: column-reverse;
    }
    .sec9-desc {
        width: 100%;
    }
    .sec9-img {
        margin-top: 30px;
        width: 100%;
        height: 300px;
    }
    .project-content {
        flex-direction: column;
        gap: 30px;
    }
    .pc-item1 {
        width: 100%;
    }
    .pc-item2 {
        width: 100%;
    }
    .sec4-item:nth-child(1), .sec6-item-1 {
        padding: 0 !important;
    }
    .hs-6-content {
        margin-top: 0;
    }
    .categories{
        flex-direction: column;
    }
    .categories-content{
        flex-direction: column;    
    }
    .sec8-item{
        width: 100%;
    }
    .home-section-7 .section-title-1 {
        margin-bottom: 0;
    }
    .sec7-content .text{
        margin: 20px 0;
    }
    .part-1 .text{
        margin: 20px 0;
    }
    .cat-name {
        font-size: 20px;
    }
    .side_bar .footer_part .footer span {
        font-size: 12px !important;
    }
    .mobile-link {
        font-size: 14px !important;
    }
}