@media (max-width:1199px){
    .about-img img{
        width: 400px;
        margin-top: 140px;
    }
    .icon-play{
        left: 370px;
        top: 270px;
    }
    .text-about{
        bottom: 172px;
    }
    .text-about span{
        font-size: 16px;
    }
    .bottun-about{
        width: 40%;
        top: 640px;
    }
    .bottun-about a{
        font-size: 14px;
    }
    .box-slogan{
        width: 60%;
        left: 100px;
        margin-bottom: 20px;
    }
    .box-slogan p{
        width: 100%;
        font-size: 16px;
    }
    .menu-header{
        width: 750px;
    }
    .phone-call{
        width: 200px;
        margin-inline-start: 20px;
    }
    .title-slider{
        top: 180px;
    }
    .title-slider a h3{
        font-size: 18px;
    }
    .text-slider{
        top: 250px;
    }
    .text-slider span{
        font-size: 16px;
    }
    .button-consulting,.show-all-article{
        font-size: 14px;
        padding-top: 13px;
        margin-inline-end: 20px;
        width: 16%;
    }
    .box1{
        grid-row: auto/span 3;
        grid-column: auto/span 3;
        border-radius: 20px;
        border-radius: 10px;
        position: relative;
    }
    .box2{
        grid-row: auto/span 3;
        grid-column: auto/span 3;
        position: relative;
    }
    .box3{
        grid-row: auto/span 3;
        grid-column: auto/span 3;
        position: relative;
    }
    .box4{
        grid-row: auto/span 3;
        grid-column: auto/span 3;
    }
    .item-box3-icon,.item-box2-icon,.item-box4-icon{
        width: 80%;
        height: 80%;
        border: 1px solid #fff;
        margin-top: 10%;
        margin-inline-end: 10%;
        text-align: center;
    }
    .item-box1-icon p{
        margin-top: 20px;
    }
    .icon-company{
        margin-inline-end: auto;
        margin-inline-start: auto;
    }
    .ourservices{

        margin-inline-start: 20px;
    
    }
    .img-item-icom{
        width: 23% !important;
        right: 38%;
    }
    .button-send-call{
        margin-top: 0;
    }
    .video-about-us{
        width: 50%;
    }
    .text-about-us{
        width: 50%;
    }
    .icon-play-abute{
        margin-inline-start: calc(50% - 5px);
        margin-top: calc(50% - 110px);
    }
    /*.item-project::before{*/
    /*    content: '';*/
    /*    width: 3px;*/
    /*    height: 60px;*/
    /*    background-color: #F5B904;*/
    /*    position: absolute;*/
    /*    transform: rotate(55deg);*/
    /*    top: -70px;*/
    /*    left: 88px;*/
    /*    transition: 0.5s;*/
    /*}*/
    /*.item-project::after{*/
    /*    content: '';*/
    /*    width: 3px;*/
    /*    height: 60px;*/
    /*    background-color: #F5B904;*/
    /*    position: absolute;*/
    /*    transform: rotate(-55deg);*/
    /*    top: -70px;*/
    /*    left: 136px;*/
    /*    transition: 0.5s;*/
    /*}*/
    /*.item-project2::before{*/
    /*    content: '';*/
    /*    width: 3px;*/
    /*    height: 65px;*/
    /*    background-color: #F5B904;*/
    /*    position: absolute;*/
    /*    top: -30px;*/
    /*    left: 75px;*/
    /*    transition: 0.5s;*/
    /*}*/
    /*.item-project2::after{*/
    /*    content: '';*/
    /*    width: 3px;*/
    /*    height: 65px;*/
    /*    background-color: #F5B904;*/
    /*    position: absolute;*/
    /*    top: -30px;*/
    /*    right: 73px;*/
    /*    transition: 0.5s;*/
    /*}*/
    /*.item-project3::before{*/
    /*    content: '';*/
    /*    width: 3px;*/
    /*    height: 75.5px;*/
    /*    background-color: #F5B904;*/
    /*    position: absolute;*/
    /*    top: -4.5px;*/
    /*    left: 110.9px;*/
    /*    transform: rotate(-90deg);*/
    /*    transition: 0.5s;*/
    /*}*/
    /*.item-project3::after{*/
    /*    content: '';*/
    /*    width: 0;*/
    /*    height: 0;*/
    /*    top: -38.5px;*/
    /*    right: 72px;*/
    /*    position: absolute;*/
    /*    border-top: 10px solid #F5B904;*/
    /*    border-left: 10px solid transparent;*/
    /*    transition: 0.5s;*/
    /*}*/
    /*.item-project4::before{*/
    /*    content: '';*/
    /*    width: 10px;*/
    /*    height: 10px;*/
    /*    top: -46px;*/
    /*    right: 72px;*/
    /*    background: #F5B904;*/
    /*    position: absolute;*/
    /*    transition: 0.5s;*/
    /*}*/
    /*.item-project4::after{*/
    /*    content: '';*/
    /*    width: 10px;*/
    /*    height: 10px;*/
    /*    background: #F5B904;*/
    /*    border-radius: 50%;*/
    /*    top: -50px;*/
    /*    right: 72px;*/
    /*    position: absolute;*/
    /*    transition: 0.5s;*/
    /*}*/
    .project-item{
        margin-inline-start: 0;
    }
    .background-video img{
        width: 100%;
    }
    .date-item,.folder-item{
        width: 50%;
    }

}
@media (max-width:991px){

    .row-about{
        flex-direction: column !important;
    }
    .about-img,.abute-content {
        width: 100% !important;
    }

    .content-contact-us{
        width: 100%;
    }
    .call-form-contact-us{
        width: 100%;
    }
    .inner-menu-header{
        display: none;
    }
    .img-item-icom{
        width: 30% !important;
        right: 36%;
    }
    .nav-bar-mobile{
        visibility: visible;
        display: block;
    }
    .abute-content{
        display: block;
    }
    .consulting-box-text h3{
        white-space:nowrap;
        font-size: 18px;
    }
    .consulting-box-text h4{
        white-space:normal;
        font-size: 16px;
    }
    .about-img img{
        width: 90%;
        height: auto;
    }
    .title-about-text{
        width: 90%;
    }
    .Paragraph-about{
        width: 85%;
    }
    .icon-play-mini{
        background-color: #f5b904bd;
    }
    .text-about{
        width: 100%;
        left: 205px;
        height: 50px;
        top: calc(100% - 50px);
    }
    .bottun-about{
        width: 24%;
        top: 630px;
        right: 50px;
    }
    .bottun-about a{
        font-size: 12px;
    }
    .ourservices{
        flex-wrap: wrap;
    }
    .box-services1:hover,.box-services2:hover,.box-services3:hover,.box-services-article:hover{
        height: 290px;
        margin-top: 0 !important;
    }
    .box-services-article{
        width: 330px;
    }
    .box-services1:hover,.box-services2:hover,.box-services3:hover{
        height: 290px;
        margin-top: 70px;
    }
    .title-container h1{
         margin-inline-end: 13px;
         width: 100%;
    }
    .title-container p{
        margin-inline-end: 13px;
        width: 100%;
    }
    .text-about span{
        font-size: 16px;
    }
    .box-slogan{
        width: 50%;
        left: 50px;
        margin-bottom: 20px;
    }
    .box-slogan p{
        width: 100%;
    }
    .manager-img{
        width: 50%;
        right: -80px;
    }

    .button-consulting{
        width: 25%;
        margin-inline-start: -100px;
        margin-top: 130px;
    }
    .how-worker{
        width: 90%;
        margin: 80px 0 0 0;
    }
    .road-map-content p{
        width: 100%;
    }
    .road-map-content{
        width: 100%;
    }
    .text-content{
        width: 90%;
        text-align: justify;
    }
    .background-slide{
        width: 350px;
        height: 350px;
        margin: 80px auto 0 auto;
    }
    .cd-image-container{
        height: 350px;
    }
    .item-article{
        margin-top: 100px;
        width: 100;
    }
    .footer{
        height: 1000px;
    }
    .copy-right p{
        font-size: 12px;
    }
    .privacy span{
        font-size: 12px;
    }
    .icon-menu-mobile{
        display: block;
    }
    .go-to-top{
        right: 30px;
        bottom: 30px;
    }
    .title-slider{
        top: 150px;
        height: 40px;
        white-space: normal;
    }
    .text-slider{
        top: 200px;
        padding: 7px 20px 7px 20px;
        white-space: normal;
        margin-top: 30px;
    }
    .tags-folder-project{
        margin-top: 50px;
    }
    .contact-us{
        flex-direction: column;
        height: auto;
    }
    .call-form-contact-us{
        margin-inline-start: 2.5%;
    }
    .button-send-call{
        height: 40px;
        margin-bottom: 10px;
    }
    .item-team{
        width: 50%;
        margin-bottom: 90px;
    }
    .img-team{
        margin-bottom: 30px
    }
    .content-single-cervice,.content-sigle-article{
        flex-direction: column-reverse ;
    }
    .sidebar-single{
        display: flex;
        flex-wrap: wrap;
    }
    .category-sigle-sidebar{
        width: 49%;
    }
    .contact-sigle-sidebar{
        width: 49%;
        height: 230px;
    }
    .category-sigle-sidebar h1,.contact-sigle-sidebar h1{
        width: 90%;
    }
    .download-brochure{
        width: 80%;
    }
    .brochure{
        width: 50%;
    }
    .last-article-sigle-sidebar{
        width: 49%;
    }
    .sidebar-single{
        justify-content: space-between;
    }
    .item-article{
        margin-top: 0;
    }
    .aboutus-all{
        flex-direction: column-reverse;
    }
    .about-img{
        height: auto;
        width: 100%;
    }
    .about-img img{
        width: 100% ;
        height: auto ;margin-top: 60px;
    }
    .abute-content{
        width: 100%;
    }
    .Paragraph-mission{
        width: 100%;
    }
    .aboutus-all{
        margin-top: -20%;
    }
    .Paragraph-about{
        width: 100%;
    }
    .number-road{
        width: 120px;
        height: 70px;
    }
    /*.item-project::before{*/
    /*    content: '';*/
    /*    width: 3px;*/
    /*    height: 60px;*/
    /*    background-color: #F5B904;*/
    /*    position: absolute;*/
    /*    transform: rotate(55deg);*/
    /*    top: -70px;*/
    /*    left: 57px;*/
    /*    transition: 0.5s;*/
    /*}*/
    /*.item-project::after{*/
    /*    content: '';*/
    /*    width: 3px;*/
    /*    height: 60px;*/
    /*    background-color: #F5B904;*/
    /*    position: absolute;*/
    /*    transform: rotate(-55deg);*/
    /*    top: -70px;*/
    /*    left: 105px;*/
    /*    transition: 0.5s;*/
    /*}*/
    /*.item-project2::before{*/
    /*    content: '';*/
    /*    width: 3px;*/
    /*    height: 65px;*/
    /*    background-color: #F5B904;*/
    /*    position: absolute;*/
    /*    top: -30px;*/
    /*    left: 44px;*/
    /*    transition: 0.5s;*/
    /*}*/
    /*.item-project2::after{*/
    /*    content: '';*/
    /*    width: 3px;*/
    /*    height: 65px;*/
    /*    background-color: #F5B904;*/
    /*    position: absolute;*/
    /*    top: -30px;*/
    /*    right: 44px;*/
    /*    transition: 0.5s;*/
    /*}*/
    /*.item-project3::before{*/
    /*    content: '';*/
    /*    width: 3px;*/
    /*    height: 75.5px;*/
    /*    background-color: #F5B904;*/
    /*    position: absolute;*/
    /*    top: -4.5px;*/
    /*    left: 81.9px;*/
    /*    transform: rotate(-90deg);*/
    /*    transition: 0.5s;*/
    /*}*/
    /*.item-project3::after{*/
    /*    content: '';*/
    /*    width: 0;*/
    /*    height: 0;*/
    /*    top: -38.5px;*/
    /*    right: 44px;*/
    /*    position: absolute;*/
    /*    border-top: 10px solid #F5B904;*/
    /*    border-left: 10px solid transparent;*/
    /*    transition: 0.5s;*/
    /*}*/
    /*.item-project4::before{*/
    /*    content: '';*/
    /*    width: 10px;*/
    /*    height: 10px;*/
    /*    top: -46px;*/
    /*    right: 44px;*/
    /*    background: #F5B904;*/
    /*    position: absolute;*/
    /*    transition: 0.5s;*/
    /*}*/
    /*.item-project4::after{*/
    /*    content: '';*/
    /*    width: 10px;*/
    /*    height: 10px;*/
    /*    background: #F5B904;*/
    /*    border-radius: 50%;*/
    /*    top: -50px;*/
    /*    right: 44px;*/
    /*    position: absolute;*/
    /*    transition: 0.5s;*/
    /*}*/
    .project-item{
        margin-inline-start: 0;
    }
    .box-services2{
        height: 290px;
        background-image: linear-gradient(to top, #041C3F, #041C3F);
    }
    .video-about-us{
        width: 100%;
    }
    .background-video img{
        width: 90%;
        margin: 5%;
        margin-bottom: 0;
    }
    .icon-play-abute{
        margin-inline-start: calc(50% - 55px);
        margin-top: calc(27% - 55px);
        margin-bottom: 0;
    }
    .content-about-us{
        flex-direction: column;
    }
    .text-about-us{
        width: 100%;
    }
    .mission-us-about-us{
        flex-direction: column;
        text-align: center;
    }
    .mission-us-content-about-us p{
        margin-top: 15px;
    }
    #box-services-article-special{
        height: 290px !important;
        width: 100%;
        background-image: linear-gradient(to top, #041C3F, #041C3F), url('img/portfolio6-1.jpg');
        top: 50px;
    }
    .icon-play {
        right: calc(50% - 20px);
    }
    .box-services1{
        height: 290px;
        margin-top: 80px
    }
    .box-services1:hover{
        height: 290px !important;
        margin-top: 0 !important;
        margin-top: 80px
    }
    .way-contact{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .text-way-contact{
        margin-inline-start: 0 !important;
    }


}
@media (max-width:767px){
    .title-text{
        width: 90% !important;
        margin-inline-start: 5% !important;
        transform: translateX(0px) !important;
    }
    .title-text-how-worker{
        margin-inline-start: 20px !important;
    }

    .img-item-icom{
        width: 20% !important;
        right: 40.5%;
    }
    .box-services-article{
        width: 100%;
        margin-inline-start: auto;
        margin-inline-end: auto;
    }
    .address{
        margin-inline-end: 0;
        margin-inline-start: 10px;
    }
    .search-box{
        display: none;
    }
    .search-menu{
        display: block;
    }
    .social-club{
        display: none;
    }
    .social-club{
        border: none;
    }

    .title-slider{
        top: 150px;
        height: 40px;
        white-space: normal;
    }
    .text-slider{
        top: 200px;
        padding: 7px 20px 7px 20px;
        white-space: normal;
        margin-top: 20px;
    }
    .text-about{
        width: 100%;
    }
    .manager-img{
        width: 100%;
        height: 200px;
        z-index: 999999999;
        margin-top: 20px;
    }
    .manager-img img{
        width: auto;
    }
    .box-slogan{
        width: 100%;
        margin: 0 auto 20px auto;
        height: auto;
    }
    .banner-manager-box{
        flex-direction: column;
    }
    .box-slogan-img1{
        width: 50px;
        height: 40px;
    }
    .box-slogan p{
        top: 70px;
        right: 100px;
    }
    .text-content-slogan h4{
        font-size: 16px;
    }
    .text-content-slogan h5{
        font-size: 14px;
    }
    .box-slogan-img2{
        width: 100px;
        height: 70px;
        bottom: 0px;
        left: 50px;
    }
    .consulting-box-text{
        width: 90%;
        margin-inline-start: 60px;
    }
    .consulting-box-text h3{
        white-space:normal;
        font-size: 16px;
    }
    .button-consulting{
        margin-inline-start: 0;
        white-space: nowrap;
        margin-top: 130px;
        margin-inline-start: -80px;
        padding: 13px 10px;
    }
    .consulting-box-icon img{
        width: 60px;
        height: 60px;
    }
    .project-item{
        padding: 0;
        margin: 100px 0 0 0;
    }

    .consulting-box{
        margin-top: 130px;
    }
    .title-text-how-worker{
        margin-inline-start: 20px;
    }
    .background-slide{
        margin-inline-start: 50%;
        transform: translateX(50%);
    }
    .virgol-img{
        margin-inline-start: 45%;
    }
    .img-profile-slider{
        margin-top: 10px;
        margin-inline-start: 43%;
    }

    .item-article{
        margin-top: 100px;
    }
    .item-article:hover .item-article-img{
        display: none;
    }
    .footer{
        height: auto;
        padding-bottom: 20px;
    }
    .copy-right p{
        font-size: 10px;
        white-space: nowrap;
        margin-top: 6px;
    }
    .privacy span{
        font-size: 10px;
    }
    .button-send-call{
        height: 40px;
        margin-bottom: 25px;
    }
    .video-about-us{
        width: 100%;
    }
    .text-about-us{
        width: 100%;
    }
    .backdround-about-us2{
        height: 500px;
    }
    .video-about-us-2{
        height: 80%;
    }
    .title-about-us p,.title-article p,.title-about-us p{
        font-size: 16px;
    }
    .download-brochure{
        width: 90%;
    }


    .comment-article{
        height: auto;
    }
    .comment-article-reply{
        height: auto;
    }
    .icon-play{
        top: 210px;
        left: calc(50% - 55px);
    }
    .aboutus-all{
        margin-top: -100px;
    }
    .bottun-about{
        width: 40%;
    }
    .number-road{
        height: 70px;
        width: 70px;
    }
    .text-content{
        width: 100%;
    }
    .project-us-title{
        margin-top: 100px;
    }
    .mission-us,.mission-us2{
        flex-direction: column;
    }
    .mission-us-icon{
        margin-inline-start: 50%;
        transform: translateX(50%);
    }
    .mission-us p,.mission-us2 p{
        margin-inline-start: 50%;
        transform: translateX(55%);
        text-align: center;
    }
    .title-about-text{
        width: 100%;
        text-align: center;
    }
    .bottun-about{
        margin-inline-start: calc(50% - 20%);
    }
    .box-services3{
        margin-bottom: 0;
    }
    /*.item-project::before{*/
    /*    content: '';*/
    /*    width: 3px;*/
    /*    height: 60px;*/
    /*    background-color: #F5B904;*/
    /*    position: absolute;*/
    /*    transform: rotate(55deg);*/
    /*    top: -70px;*/
    /*    left: 95px;*/
    /*    transition: 0.5s;*/
    /*}*/
    /*.item-project::after{*/
    /*    content: '';*/
    /*    width: 3px;*/
    /*    height: 60px;*/
    /*    background-color: #F5B904;*/
    /*    position: absolute;*/
    /*    transform: rotate(-55deg);*/
    /*    top: -70px;*/
    /*    left: 142px;*/
    /*    transition: 0.5s;*/
    /*}*/
    /*.item-project2::before{*/
    /*    content: '';*/
    /*    width: 3px;*/
    /*    height: 65px;*/
    /*    background-color: #F5B904;*/
    /*    position: absolute;*/
    /*    top: -30px;*/
    /*    left: 81px;*/
    /*    transition: 0.5s;*/
    /*}*/
    /*.item-project2::after{*/
    /*    content: '';*/
    /*    width: 3px;*/
    /*    height: 65px;*/
    /*    background-color: #F5B904;*/
    /*    position: absolute;*/
    /*    top: -30px;*/
    /*    right: 82px;*/
    /*    transition: 0.5s;*/
    /*}*/
    /*.item-project3::before{*/
    /*    content: '';*/
    /*    width: 3px;*/
    /*    height: 75.5px;*/
    /*    background-color: #F5B904;*/
    /*    position: absolute;*/
    /*    top: -4.5px;*/
    /*    left: 117.9px;*/
    /*    transform: rotate(-90deg);*/
    /*    transition: 0.5s;*/
    /*}*/
    /*.item-project3::after{*/
    /*    content: '';*/
    /*    width: 0;*/
    /*    height: 0;*/
    /*    top: -38.5px;*/
    /*    right: 81px;*/
    /*    position: absolute;*/
    /*    border-top: 10px solid #F5B904;*/
    /*    border-left: 10px solid transparent;*/
    /*    transition: 0.5s;*/
    /*}*/
    /*.item-project4::before{*/
    /*    content: '';*/
    /*    width: 10px;*/
    /*    height: 10px;*/
    /*    top: -46px;*/
    /*    right: 81px;*/
    /*    background: #F5B904;*/
    /*    position: absolute;*/
    /*    transition: 0.5s;*/
    /*}*/
    /*.item-project4::after{*/
    /*    content: '';*/
    /*    width: 10px;*/
    /*    height: 10px;*/
    /*    background: #F5B904;*/
    /*    border-radius: 50%;*/
    /*    top: -50px;*/
    /*    right: 81px;*/
    /*    position: absolute;*/
    /*    transition: 0.5s;*/
    /*}*/
    .background-video{
        width: 100%;
    }
    .icon-play-abute{
        margin-inline-start: calc(50% - 55px);
        margin-top: calc(33% - 55px);
        margin-bottom: 0;
    }
    .item-box3-icon,.item-box2-icon,.item-box4-icon,.item-box1-icon{
        width: 80%;
        height: 80%;
        border: 1px solid #fff;
        margin-top: 6%;
        margin-inline-end: 10%;
        text-align: center;
    }
    .manager-img{
        display: none;
    }
    .banner1{
        display: flex;
        justify-content: center;
    }
    .elementor-widget-wrap{
        display: flex !important;
        justify-content: center !important;
    }
    .elementor-icon-box-wrapper{
        text-align: center !important;
    }
    .elementor-1218 .elementor-element.elementor-element-b1a6411{
        width: 100% !important;
    }
    .button-project-all{
        width: 100% !important;
    }
    .road-map{
        flex-direction: column !important;
    }
    .number-road{
        margin-inline-start: 50%;
        transform: translateX(50%);
    }
    .road-map-title{
        text-align: center;
        margin-top: 20px;
    }
    .road-map-icon{
        width: 100%;
        margin-inline-start: 50%;
        transform: translateX(1.5%);
    }
    .road-map-content{
        width: 100%;

    }
    .road-map-site{
        margin-inline-start: 30px;
    }
    .road-map-title,.road-map-content,.road-map-icon{
        margin-top: 20px !important;
    }
    .road-map-icon{

        text-align: center;
    }
    .road-map-content{
        text-align: center;
    }
    .road-map-icon svg{
        margin-inline-start: 6px !important;
    }
}
@media (max-width:575px){
    .comment-meta{
        width: 60%;
    }
    .road-map-icon svg{
        margin-inline-start: 0 !important;
    }
    .owl-item{
        margin: 0 !important;
        padding: 0 !important;
    }
    .road-map-title,.road-map-content,.road-map-icon{
        margin-top: 20px !important;
    }
    .road-map-icon {
        margin-inline-start: 6px !important;
    }
    .content-404 img{
        width: 75%;
    }
    .img-item-icom{
        width: 12% !important;
        right: 44%;
    }
    .sliderbox img{
        height: 300px;
    }
    .privacy{
        display: none;
    }
    .owl-nav{
        display: none;
    }
    .scrollguide{
        display: none;
    }
    .menu-header-mobile{
        display: none;
    }
    .icon-menu-mobile{
       position: absolute;
       right: 20px;
       top: 2px;
    }
    .before-container{
        display: none;
    }
    .menu-header{
        width: 100%;
    }
    .inner-top-header{
        display: block;
        text-align: center;
    }
    .top-menu-header{
        display: block;
    }
    .menu-header{
        left: 0;
        width: 80%;
    }
    .phone-call{
        margin-inline-start: 10px;
        width: 80px;
    }
    .address{
        display: none;
    }
    .title-slider{
        top: 150px;
        height: 40px;
        white-space: normal;
    }
    .text-slider{
        top: 200px;
        padding: 7px 10px 7px 10px;
        white-space: normal;
    }
    .about-img img{
        top: 57%;
    }
    .bottun-about{
        top: 725px;
        width: 35%;
    }
    .text-about{
        width: 100%;
        text-align: center;
    }
    .text-about span{
        font-size: 14px;
    }
    .ourservices{
        align-items: center;
        margin-inline-start: 0px;
    }
    .box-slogan{
        top: 50px;
        width: 90%;
        right: 5%;
        margin: 20px auto !important;

    }
    .box-slogan-img1{
        top: 10px;
        right: 10px;
        width: 40px;
        height: 40px;
    }
    .box-slogan p{
        right: 40px;
    }
    .manager-img{
        bottom: -40px;
        margin: 0 auto;
    }
    .box-slogan h4{
        bottom: 110px;
    }
    .box-slogan h5{
        bottom: 80px;
    }

    .consulting-box{
        flex-direction: column;
        height: auto;
        padding-bottom: 20px;
    }
    .consulting-box-icon{
        margin-inline-end: 50px;
        margin-top: 20px;
    }
    .consulting-box-text{
        padding-top: 10px;
        padding-inline-end: 0;
        margin-top: 10px;
        border-right: none;
        border-top: 1px solid #eee;
        margin-inline-end: 58px;
    }
    .consulting-box-text h3{
        margin-inline-start: -35px;
    }
    .consulting-box-text h4{
        margin-inline-start: -35px;
    }
    .button-consulting{
        margin-top: 15px;
    }
    .cd-image-container{
        height: 300px;
    }
    .title-text{
        margin-inline-start: 8%;
    }
    .virgol-img{
        margin-inline-start: 43%;
    }
    .img-profile-slider{
        margin-inline-start: 41%;
    }
    .privacy{
        text-align: right;
    }
    .button-consulting{
        width: 90%;
        margin: 0;
        margin-top: 20px;
    }
    .search-box{
        display: none;
    }
    .inner-phone-call{
        display: none;
    }
    .phone-menu{
        display: block;
    }
    .nember-page{
        width: 350px;
        padding: 0 40px;
    }
    .box-project img{
        width: 100%;
    }
    .item-box-img-project{
        width: 100%;
    }
    .item-box-icon{
        margin-top: 20px;
    }
    .slider-project img{
        height: 300px;
    }
    .tags-folder-project{
        display: block;
    }
    .folder-project{
        margin-inline-start: 15px;
    }
    .tags-project{
        margin-top: 30px;
    }
    .button-send-call{
        height: 40px;
        margin-bottom: 25px;
        width: 150px;
    }
    .item-team{
        width: 100%;
        margin-inline-start: 15px;
        margin-inline-end: 15px;
    }
    .background-video{
        height: 370px;
    }
    .background-video img{
        height: 350px;
    }
    .icon-play-abute{
        margin-top: 130px;
        width: 70px;
        height: 70px;
        margin-inline-start: calc(50% - 35px);
    }
    .icon-play-abute2{
        width: 70px;
        height: 70px;
        right: calc(50% - 35px);
    }
    .backdround-about-us2{
        padding: 0 20px;
    }
    .backdround-about-us2{
        height: 300px;
    }
    .video-about-us-2{
        height: 50%;
    }
    .icon-play-abute2{
        top: 20%;
    }
    .box-about-us{
        margin: 50px 20px;
    }
    .title-about-us p,.title-article p,.title-about-us p{
        font-size: 12px;
    }
    .slider-single-service{
        height: 200px;
    }
    .slider-service img{
        height: 200px;
    }
    .category-sigle-sidebar{
        width: 100%;
        padding: 0;
    }
    .contact-sigle-sidebar{
        width: 100%;
    }
    .img-slider-single{
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .img-sigle{
        width: 25%;
        margin: 0;
        margin-top: 10px;
    }
    .last-article-sigle-sidebar{
        width: 100%;
    }
    .last-article-sigle-sidebar h1{
        width: 90%;
    }
    .info-img-article-single{
        width: 90%;
    }
    .time-article-single span{
        font-size: 14px;
    }
    .tags-article{
        flex-direction: column;
    }
    .tags-article-single{
        margin-top: 10px;
    }
    .comment-article{
        height: auto;
    }
    .comment-article-reply{
        height: auto;
    }
    .name-didgah{
        width: 48%;
        margin: 0;
    }
    .email-didgah{
        margin-top: 20px;
        margin-inline-end: 0;
    }
    .email-didgah,.name-didgah{
        width: 100%;
    }
    .button-send-didgah{
        width: 50%;
        margin-inline-start: 25%;
        margin-top: 50px;
    }
    .inputs-information{
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .owl-dots{
        display: block;
        bottom: 20px;
    }
    .title-about-us, .title-container, .title-article{
        width: 100%;
    }
    .button-project-all{
        font-size: 16px;
    }
    .copy-right-text{
        text-align: center;
    }
    .icon-play{
        top: 48%;
        width: 70px;
        height: 70px;
        left: calc(50% - 35px);
    }
    .icon-play-mini{
        width: 60px;
        height: 60px;
        margin: 3.2px 3.2px 0 0;
        padding: 12px 17px 5px 5px;
    }
    .play-icon{
        font-size: 25px;
        padding-inline-end: 20px !important;
        padding-bottom: 5px;
    }
    .bottun-about{
        width: 100%;
        margin: 20px 0 0 0;
    }
    .aboutus-all{
        margin-top: 30px;
    }
    .show-all-article{
        margin: 0 100px;
        width: 100%;
    }
    .project-us-title{
        margin-top: 100px;
    }
    /*.item-project::before{*/
    /*    content: '';*/
    /*    width: 3px;*/
    /*    height: 60px;*/
    /*    background-color: #F5B904;*/
    /*    position: absolute;*/
    /*    transform: rotate(55deg);*/
    /*    top: -70px;*/
    /*    left: calc(50% - 25px);*/
    /*    transition: 0.5s;*/
    /*}*/
    /*.item-project::after{*/
    /*    content: '';*/
    /*    width: 3px;*/
    /*    height: 60px;*/
    /*    background-color: #F5B904;*/
    /*    position: absolute;*/
    /*    transform: rotate(-55deg);*/
    /*    top: -70px;*/
    /*    left: calc(50% + 22px);*/
    /*    transition: 0.5s;*/
    /*}*/
    /*.item-project2::before{*/
    /*    content: '';*/
    /*    width: 3px;*/
    /*    height: 65px;*/
    /*    background-color: #F5B904;*/
    /*    position: absolute;*/
    /*    top: -30px;*/
    /*    left: calc(50% - 38px);*/
    /*    transition: 0.5s;*/
    /*}*/
    /*.item-project2::after{*/
    /*    content: '';*/
    /*    width: 3px;*/
    /*    height: 65px;*/
    /*    background-color: #F5B904;*/
    /*    position: absolute;*/
    /*    top: -30px;*/
    /*    right: calc(50% - 38px);*/
    /*    transition: 0.5s;*/
    /*}*/
    /*.item-project3::before{*/
    /*    content: '';*/
    /*    width: 3px;*/
    /*    height: 75.5px;*/
    /*    background-color: #F5B904;*/
    /*    position: absolute;*/
    /*    top: -4.5px;*/
    /*    left: calc(50% - 1px);*/
    /*    transform: rotate(-90deg);*/
    /*    transition: 0.5s;*/
    /*}*/
    /*.item-project3::after{*/
    /*    content: '';*/
    /*    width: 0;*/
    /*    height: 0;*/
    /*    top: -38.5px;*/
    /*    right: calc(50% - 39px);*/
    /*    position: absolute;*/
    /*    border-top: 10px solid #F5B904;*/
    /*    border-left: 10px solid transparent;*/
    /*    transition: 0.5s;*/
    /*}*/
    /*.item-project4::before{*/
    /*    content: '';*/
    /*    width: 10px;*/
    /*    height: 10px;*/
    /*    top: -46px;*/
    /*    right: calc(50% - 39px);*/
    /*    background: #F5B904;*/
    /*    position: absolute;*/
    /*    transition: 0.5s;*/
    /*}*/
    /*.item-project4::after{*/
    /*    content: '';*/
    /*    width: 10px;*/
    /*    height: 10px;*/
    /*    background: #F5B904;*/
    /*    border-radius: 50%;*/
    /*    top: -50px;*/
    /*    right: calc(50% - 39px);*/
    /*    position: absolute;*/
    /*    transition: 0.5s;*/
    /*}*/
    .road-map{
        flex-direction: column !important;
    }
    .number-road{
        margin-inline-start: 50%;
        transform: translateX(50%);
    }
    .road-map-title{
        text-align: center;
        margin-top: 20px;
    }
    .road-map-icon{
        width: 100%;
        margin-inline-start: 50%;
        transform: translateX(1.5%);
    }
    .road-map-content{
        width: 100%;

    }
    .road-map-site{
        margin-inline-start: 30px;
    }
    .text-item-slider-comment{
        width: 90%;
        margin-inline-start: 50%;
    }
    .name-call,.email-call{
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
    }
    .inputs-call{
        flex-direction: column;
    }
    .input-email-call{
        margin-inline-start: 0;
        margin-top: 20px;
    }
    .button-send-call{
        margin-bottom: 80px;
        width: 100%;
        margin-inline-start: 0;
    }
    .way-contact{
        flex-direction: column;
    }

    .text-way-contact{
        text-align: center;
    }
 .road-map-icon{
    
    text-align: center;
}
.road-map-content{
    text-align: center;
}
.text-content{
    width: 100%;
    text-align: center;
}
.owl-item.active.center{
    margin-inline-start: 10px ;
}
.owl-carousel .owl-item{
    min-height: auto !important;
}
.email-name{
    flex-direction: column;
}
.name-input,.email-input{
    width: 100%;
}
    .email-input{
        margin-top: 20px;
    }
    .road-map-icon svg{
        margin-inline-start: 0;
    }
}
@media (max-width:415px){
    .sliderbox-comment{
     height: 500px;
    }
    .slider-project img{
        height: 200px;
    }
    .nember-page{
        width: 310px;
        padding: 0 20px;
    }
    .button-send-call{
        margin-bottom: 100px;
    }
    .img-sigle{
        width: 50%;
        margin: 0;
        margin-top: 10px;
    }
    .brochure{
        width: 100%;
    }
    .info-img-article-single{
        width: 100%;
    }
    .time-article-single span{
        font-size: 14px;
    }
    .icon-play{
        top: 48%;
    }
    .text-about span{
        font-size: 12px;
    }
    .show-all-article{
        padding: 13px 15px;
        margin: 0;
    }
}
@media (max-width:392px){
    .title-slider{
        height: auto;
        padding-top: 15px;
    }

    .title-slider a h3{
        font-size: 18px;
    }
    .box-slogan{
        width: 90%;
        right: 5%;

    }
    .consulting-box{
        height: auto;
        padding-bottom: 20px;
    }

    .cd-image-container{
        height: 280px;
    }
    .button-consulting{
        width: 90%;
    }
    .time-article-single span{
        font-size: 12px;
    }
    .time-article-single svg{
        width: 15px;
    }
    .background-slide{
        width: 300px;
        height: 300px;
    }
}
@media (max-width:350px){
    .item-icon-company{
        margin-top: 0;
    }
    .time-article-single span{
        font-size: 10px;
    }
    .background-slide{
        width: 270px;
        height: 270px;
    }
}