@media all and (max-width:1799px)
{
.services h2.big{}
    
.about_content{
    padding-top: 200px;
}
.about_content h2, .services h2{
    font-size: 135px;
}
    
.banner h1{
    font-size: 200px;
}
    .OurClients h2{font-size: 160px;}

.deadline ul li .content_box h2{
    font-size: 80px;
}
.potfolio h2{
    font-size: 100px;
    line-height: 110px;
}    
}

@media all and (max-width:1599px){
    .services .services_inner .right .faq_inner ul li h3{
    height: 100px;
    font-size: 30px;
}
    .services .services_inner .right .team li{
    padding: 27px 0px;
}
.services .services_inner .right .team li h6{font-size: 30px;}
    
.services .services_inner{
    margin: 120px 0px 70px;
}
    
.about_content .about_inner p{
    font-size: 45px;
    line-height: 55px;
}
    
.about_content h2, .services h2{
    font-size: 120px;
    line-height: 125px;
}
    
.caseStudy .caseStudy_textBox .contentBox p{
    FONT-SIZE: 28PX;
    LINE-HEIGHT: 40PX;
}
    

.contact .info h2{
    font-size: 110px;
    line-height: 110px;
}
    
.trangin .arrowBtn{font-size: 40px;}
    
.banner h1{
    font-size: 175px;
    line-height: 175px;
    margin-left: -10px;
}
.banner .arrow_btn{
    font-size: 30px;
}
    .OurClients h2{font-size: 150px;line-height: 145px;}
.deadline ul li .content_box h2{
    font-size: 70px;
    line-height: 80px;
}
    .deadline{
    padding-bottom: 160px;
}
    .contact .enquiry{
    width: 620px;
}
    .projectInfo p{
    margin-right: 100px;
}
}

@media all and (max-width:1399px){
.potfolio .newsLatter .contentbox p{
    font-size: 45px;
    line-height: 55px;
}
    
.services h2.big img.arrow{
    margin-top: 90px;
}
    
.heart{
    width: 120px;
    display: inline-block;
}
    
.services{
    margin-top: 150px;
    padding: 100px 0px 80px;
}
    
.about_content{
    padding=-top: 1;
    padding=-top: 1;
    padding-top: 140px;
}
.about_content h2, .services h2{
    font-size: 100px;
    line-height: 110px;
}
    
.potfolio{
    padding: 130px 0px 165px;
}
    .potfolio h2{
    margin-bottom: 80px;
}
    
.contact{
    padding: 100px 0px 200px;
}
    
    .contact .enquiry .form_row .sub .form_control label.animated{
    font-size: 20px;
}
    .contact .info h2{
    font-size: 95px;
    line-height: 100px;
}
.deadline {
    padding-bottom: 120px;
}
    
.banner h1{
    font-size: 150px;
    line-height: 155px;
}
    .OurClients{
    padding-bottom: 70px;
}
.deadline ul li{
    padding: 70px 0px;
}
   .deadline ul li .content_box{
    width: calc(100% - 52%);
} 
    .deadline ul li .content_box h2{
    font-size: 60px;
    line-height: 70px;
}
    .trangin .arrowBtn{
    font-size: 35px;
    gap: 60px;
}
    .about_content .about_inner{
    margin: 100px 0px 0px;
}
.about_content .about_inner p{
    font-size: 35px;
    line-height: 45px;
}
    .services .services_inner .right{
    width: 700px;
}
}

@media (max-width: 1199px){
    .projectInfo p{
    margin-right: 0px;
    font-size: 20px;
    line-height: 30px;
    width: 55%;
}
    .projectInfo h4{
    font-size: 80px;
}
    .potfolio .newsLatter{
    margin-top: 80px;
}
    .services h2.big img.arrow{
    margin-top: 70px;
    width: 200px;
}
    .services .services_inner .left{
    width: calc(100% - 700px);
}
    .services .services_inner .right .team li{
    padding: 20px 0px;
}
    .services .services_inner .right .team li h6{font-size: 25px;}
    .services .services_inner .right .team li  b{font-size:18px;}
    .services .services_inner .right .faq_inner ul li h3{
    font-size: 25px;
    height: 70px;
}
.services .services_inner .left p br{ display:none;}
    .services .services_inner{
    margin: 100px 0px 70px;
}
    .services .services_inner .right{
    width: 600px;
}
.about_content .about_inner p{
    font-size: 25px;
    line-height: 35px;
}
    
.about_content{
    padding-top: 100px;
}
    

    
.potfolio .breadCrum li{font-size:18px;}
    
    .potfolio{
    padding: 90px 0px 120px;
}
.potfolio h2{
    font-size: 80px;
    line-height: 90px;
    margin-bottom: 60px;
}
    
    .caseStudy .caseStudy_textBox .contentBox p{
    font-size: 25px;
    line-height: 38px;
}
.caseStudy .caseStudy_textBox{
    padding: 120px 0px;
}
    
    .contact .enquiry .btn span{
    font-size: 28px;
}
.contact .enquiry{
    width: 550px;
}
    
.trangin .flexBox h3{
    font-size: 28px;
}
    
.deadline {
    padding-bottom: 80px;
}
    
    .deadline ul li .content_box{
    width: calc(100% - 56%);
}
.deadline ul li .content_box h2{
    font-size: 40px;
    line-height: 50px;
    margin: 0px;
}
.deadline ul li .content_box h2 b{
    font-size: 26px;
}
    
.OurClients .content_box{
    margin-top: 80px;
}
    

.banner h1{
    font-size: 130px;
    line-height: 135px;
}
.OurClients h2{font-size: 120px;
    line-height: 125px;}
    
    header{
    padding: 30px 0px!important;
}
    header .header_inner{
    align-items: center;
}
.banner .vedio_project .content_box p{
    font-size: 35px;
    line-height: 45px;
    margin: 0px 0px 40px;
}
.banner .banner_vedio{
    margin: 0px 0px 60px;
}
  .banner .vedio_project{
    margin: 0px 0px 80px;
    padding-bottom: 80px;
} 
    .trangin ul{
    gap: 80px 0px;
    padding-bottom: 100px;
}
.trangin ul li{
    width: 50%;
}
    .trangin ul li .imgPnl{
    margin: 0px 0px 30px;
}
 .trangin ul li p{
    font-size: 22px;
    line-height: 35px;
}   
.OurClients .OurClients_inner{
    padding-bottom: 100px;
}
   footer .miniFootr{
    padding: 80px 0px 80px;
} 
footer .flexBox{
    margin: 0px 0px 80px;
}
   footer{
    padding-top: 120px;
} 
.about_content h2{}
    .services h5{
    padding-bottom: 30px;
    margin-bottom: 40px;
}


.services .services_inner .right .faq_inner ul li .faq_content { margin: -48px 0 0 0;  padding: 0 0 0 200px;}
.services .services_inner .right .faq_inner ul li .faq_content ol li{font-size:16px; line-height:32px;}
.projectInfo{
    margin-bottom: 80px;
}

    
}
@media (max-width: 1080px){
    
    .services{
    margin-top: 100px;
    padding: 80px 0px 80px;
}
.heart{
    width: 100px;
}
   .about_content h2, .services h2{font-size: 80px;line-height: 90px;/* width: fit-content; */} 
.contact .contact_inner{
    flex-wrap: wrap;
}
.contact .info h2{
    font-size: 80px;
    line-height: 85px;
}
    .contact .info{
    padding-right: 20px;
}

    
    .contact .enquiry{
    width: 480px;
}
    .contact .info p{width:100%;margin-top: 30px;}
    .contact .info p br{ display:none;}
}

@media (max-width: 991px){
    .potfolio .newsLatter .contentbox p{
    font-size: 35px;
    line-height: 45px;
}
.services h2.big img.arrow{
    margin-top: 40px;
}


header {
    padding: 20px 0px !important;
}
    
    .services .services_inner .left p{
    margin-bottom: 30px;
}
.services h2 span{
    /* margin: auto; */
    margin-left: 0px;
    padding-left: 95px;
}
    
.services .services_inner{
    flex-wrap: wrap;
    margin: 50px 0px;
    padding-bottom: 30px;
    /* width: calc(100% - 80px); */
    padding-left: 110px;
    flex-direction: column-reverse;
    gap: 50px;
}
.services .services_inner .left{width:100%;position: initial!important;margin-bottom: 40px;/* padding-left: 100px; */}
    .services .services_inner .right{
    width: 100%;
}
.services .services_inner .right .team li{
    padding: 12px 0px;
}
    .services .services_inner .right .team li h6{font-size: 20px;gap: 20px;}
.services .services_inner .right .team li b{}
    
.services .services_inner .right .faq_inner ul li h3{
    font-size: 20px;
    height: 50px;
}
.services .services_inner .right .faq_inner ul li h3:before, .services .services_inner .right .faq_inner ul li h3:after{
    width: 20px;
}
    .services h5.border_none{
    margin-bottom: 30px!important;
}
.services h5{font-size:20px;}
    
    .about_content .about_inner{
    margin: 80px 0px 0px;
}
    
    .about_content .about_inner span{
    width: 200px;
}
.about_content .about_inner .content{
    gap: 40px;
    padding-left: 25px;
    width: 70%;
}
    .heart{
    width: 80px;
}
.about_content h2, .services h2{
    font-size: 70px;
    line-height: 80px;
}
    
    .potfolio .potfolio_list{
    /* margin: 0px -10px; */
    /* gap: 40px 0px; */
}
    .potfolio .breadCrum{
    margin-bottom: 30px;
}
    .potfolio .potfolio_list li{
    padding: 0px 10px;
}
.potfolio .potfolio_list li .imageBox{
    /* margin: 0px 0px 20px; */
}
    
.potfolio{
    padding: 60px 0px 120px;
}
    
.potfolio h2{
    font-size: 65px;
    line-height: 70px;
}
    
.caseStudy .flexBox{
    padding: 80px 0px;
    flex-wrap: wrap;
    margin-top: 80px;
}
.caseStudy .next_porject .flexBox .btnGroup{}
    
.caseStudy .caseStudy_textBox .imgBox{
    display: none;
}
.caseStudy .caseStudy_textBox .contentBox{
    width: 100%;
}
.caseStudy .caseStudy_textBox .contentBox p{
    font-size: 20px;
    line-height: 30px;
}
.caseStudy .caseStudy_textBox{
    padding: 80px 0px;
}
.services .services_inner .right .faq_inner ul li .faq_content ol li{
    font-size: 16px;
    gap: 10px;
    line-height: 30px;
}
.services .services_inner .right .faq_inner ul li .faq_content p{
    margin: 20px 0px;
}
    
.contact .info h2{
    font-size: 60px;
    line-height: 65px;
    width: FIT-CONTENT;
    margin: 0 auto;
}
.contact .info h2 span{
    MARGIN-RIGHT: -40PX;
}
    
.contact .info p{
    text-align: center;
    font-size: 16px!important;
}
    
    .contact .info{
    width: 100%;
    padding: 0px;
}
    .contact .enquiry{
    width: 100%;
    margin-top: 50px;
}
    
.contact{
    padding: 80px 0px 100px;
}
    
.banner .banner_vedio video{
    background-size: cover;
    width: 100%;
    height: 450px;
    object-fit: cover;
}
    
footer .flexBox .logo{
    width: 100px;
}
    footer .flexBox .logo img{}
    
footer .miniFootr{
    padding: 60px 0px;
}
    
    
footer .miniFootr .minifooter_inner p br{ display:none;}
    footer .miniFootr .minifooter_inner p{
    font-size: 14px;
    width: 66%;
}
    footer .miniFootr .minifooter_inner ul{
    gap: 20px;
}
    
.trangin .arrowBtn{
    font-size: 30px;
    padding-top: 60px;
}
    
.deadline{
    padding-bottom: 60px;
}
    
.trangin .flexBox .btnGroup .btn{
    width: 160px;
}
    
    .trangin ul{}
.trangin ul li{
    padding: 0px 10px;
}
    
.trangin ul {
    gap: 40px 0px;
    margin: 0px -10px;
    padding-bottom: 80px;
}
    
.deadline ul li .content_box h2{
    font-size: 30px;
    line-height: 40px;
}
.deadline ul li .content_box h2 b{
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 1em;
}
    
.OurClients .OurClients_inner{
    padding-bottom: 80px;
}
    
.OurClients .content_box{
    /* width: 100%; */
    margin-top: 40px;
}
 .OurClients .content_box p{font-size:25px;line-height:35px;margin-bottom: 40px;}   
.banner .vedio_project{
    margin: 0px 0px 60px;
    padding-bottom: 60px;
}
    
.OurClients h2{font-size: 80px;
    line-height: 85px;}
    
.hem{
    display: block;
    width: 30px;
    /* height: 40px; */
    position: relative;
    display: block;
    right: 0px;
    z-index: 99999999;
}
 
  .hem:before,.hem:before{ content:''; display:block; }
 .hem:after{content:'';display:block;height: 3px;background: #f21c36;width: 100%;position: absolute;left: 0;width: 30px;right: 0;margin: auto;transition: 0.3s ease;transform: rotate(89deg);}
 .hem:before{content:'';display:block;width: 30px;height: 3px;background: #f21c36;position: absolute;left: 0;right: 0;margin: auto;transition: 0.3s ease;}
.hem.active:after{
    transform: rotate(0deg);
}
    .hem span{width: 100%;display: block;height: 3px;background: #f21c36;position: absolute;left: 0;right: 0;width: 70%;margin: auto;top: 0;bottom: 0;display: none;}

.hem.toggle span{ display:none;}
.hem.toggle:before{transform: rotate(45deg);top: 19px;}
 .hem.toggle:after{transform: rotate(-45deg);top: 10px;}

header .navigation.resmn{display:none;transition: none;}
header .navigation:after{ content:''; display:block; clear:both;}
    header .navigation.active{height: calc(100vh - 88px);}
    header .navigation{display: block;position: fixed;background: #140101;height: auto;left: 0px;top: 88px;transition: 0.3s ease;z-index: 999;width: 100%;}
header .navigation ul{display: block;padding: 0px 20px 0px;}
header .navigation ul li:after{ display:none;}
header .navigation ul li:last-child a{border:none;background: #251414;}
    header .navigation ul li.vedio_nav{ display:block;}
header .navigation ul li.vedio_nav video{
height: 455px;
    background-size: cover;
    object-fit: cover;
    
}
    header .navigation ul li{}
header .navigation ul li a{display: block;width: 100%;padding: 25px 15px;border: none;border-bottom: 1px solid #e4e4e45c !important;border-radius: 0px;height: initial;color: #fff!important;background: transparent!important;font-size: 36px;}
header .navigation ul li a:hover{
    background: #9b7777!important;
}

header.potfolio_header .navigation ul{
    padding-top: 20px;
}
    
body.slip {
    /* overflow: hidden; */
}
    
.menu_overlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    transition: all ease 0.3s;
    z-index: -5;
    background: rgba(255,255,255,0.8);
    opacity: 0;
    display: none;
}
.slip .menu_overlay {
    z-index: 998;
    opacity: 1;
}
    
.banner h1{
    font-size: 100px;
    line-height: 105px;
    margin-left: 0px;
    MARGIN-BOTTOM: 60PX;
}
.banner .arrow_btn i{
    width: 160px;
}
    .banner .arrow_btn{
    font-size: 25px;
    margin-bottom: 40px;
}
.banner .vedio_project .imageBox{/* display:none; */min-width: 120px;}
    .banner .vedio_project .content_box{width: calc(100% - 120px);}

.banner .vedio_project .content_box p{
    font-size: 25px;
    line-height: 35px;
}


.services .services_inner .right .faq_inner ul li .faq_content {
    margin: -35px 0 0 0;
    padding: 0 0 0 180px;
}
    .potfolio .newsLatter .contentbox .sub{
    gap: 30px;
}
}

@media all and (max-width:767px){
    .projectInfo h4 span{
    font-size: 14px;
}
.projectInfo{
    margin: 60px 0px;
}
    
.projectInfo h4{
    font-size: 50px;
}
     .potfolio .newsLatter .leftbox{ display:none;}
.potfolio .potfolio_list li.halfBox{
    width: 100%;
}
    .potfolio .newsLatter .contentbox .btn i{
    height: 30px;
}
    .potfolio .newsLatter .contentbox .btn i img{width:100%;height: 100%;object-fit: cover;}
    .potfolio .newsLatter .contentbox .btn span{
    font-size: 18px;
}
    .potfolio .newsLatter{
    margin-top: 40px;
}
.potfolio .newsLatter .contentbox p{
    font-size: 25px!important;
    line-height: 30px!important;
    margin-bottom: 30px;
}
    
    .OurClients h2 span{
    text-align: left;
    padding-left: 120px;
}
    .about_content .about_inner .content{width:100%;}
    .OurClients .content_box{
    width: calc(100% - 120px);
}
.banner .vedio_project .content_box .btnGroup{
    flex-wrap: wrap;
    flex-direction: column;
}
    .banner .vedio_project .content_box .btnGroup .btn{
    width: 174px!important;
}
    
.services h2.big img.arrow{
    width: 150px;
}
    
.services .services_inner{margin: 40px 0px 30px;padding-bottom: 20px;/* border-bottom: 0px; */}
    
    .about_content .about_inner{
    margin: 30px 0px 0px;
    padding-left: 110px;
}
    .heart{
    width: 70px;
}
.services h2.big{
    font-size: 50px;
    line-height: 55px;
}
    
.about_content h2, .services h2{
    font-size: 60px;
    line-height: 65px;
}
 .about_content h2 span{
    /* margin: auto; */
    text-align: left;
    margin-left: 0;
    contain-intrinsic-block-size: auto 100px;
}
.about_content .about_inner span{ display:none;}
    
.about_content{
    padding-top: 80px;
}
    

    header .logo{
    width: 100px;
}

    .potfolio .potfolio_list li h3 span{ margin-top:5px;}
.potfolio .potfolio_list li h3{
    font-size: 16px;
}
    
.potfolio .breadCrum li{
    margin-right: 34px;
}
    
.potfolio h2{
    font-size: 45px;
    line-height: 50px;
}
    
.caseStudy .flexBox{
    padding: 60px 0px;
    margin-top: 60px;
}
    
    .caseStudy .next_porject .flexBox h3{
    font-size: 20px;
}
.caseStudy .next_porject .flexBox h3 span{ margin-bottom:10px}
    
.caseStudy .next_porject .flexBox .btnGroup{
    width: 100%;
    margin-top: 30px;
}
    .caseStudy .next_porject .flexBox .btnGroup .btn{
    width: 100%;
}
    
.caseStudy .caseStudy_textBox{
    padding: 60px 0px;
}
    
    .contact .enquiry .btn span{
    font-size: 20px;
}
.contact .enquiry .btn span i{
    width: 150px;
}
    
.contact{
    padding: 60px 0px 100px;
}
    
.contact .info h2{
}
    
footer .flexBox ul{ gap:20px;}
    
    footer{
    padding-top: 80px;
}
footer .flexBox{
    margin: 0px 0px 60px;
}
    
footer .up{
    width: 90px;
    height: 90px;
    font-size: 30px;
    top: -40px;
}
    
.trangin .arrowBtn{
    font-size: 20px;
    gap: 40px;
    padding-top: 40px;
    justify-content: space-between;
}
.trangin .arrowBtn i{
    width: 100px;
}
.trangin .arrowBtn i:after{
    height: 25px;
    background-size: contain;
    /* width: 26px; */
}
 .trangin .arrowBtn i:before{
    height: 2px;
} 

    
.trangin ul{ padding-bottom:60px;}
    
.trangin .flexBox h3{font-size:25px;}
    
.trangin ul li p{
    font-size: 18px !important;
    line-height: 27px !important;
}
    
    .OurClients {
    padding-bottom: 40px;
}
.deadline ul li{
    padding: 40px 0px;
}
    
.banner h1{
    font-size: 85px;
    line-height: 90px;
    margin-bottom: 20px;
}
.OurClients h2{
    font-size: 65px;
    line-height: 75px;
    }
    
    p{
    font-size: 18px!important;
    line-height: 28px!important;
}
.OurClients .OurClients_inner{
    padding-bottom: 60px;
}
    
    
.deadline ul li{
    flex-wrap: wrap;
    /* flex-direction: column-reverse; */
    gap: 35px;
}
 .deadline ul li .content_box{
    width: 100%;
}
    .deadline ul li .imageBox{
    /* width: 100%; */
    margin-left: auto;
    width: calc(100% - 100px);
}
.deadline ul li .content_box h2{margin:0px;font-size: 34px;line-height: 36px;}
.banner .arrow_btn{
    font-size: 20px;
}    
.banner .arrow_btn i:after{
    height: 25px;
    background-size: contain;
    /* width: 26px; */
}
 .banner .arrow_btn i:before{
    height: 2px;
}   
.banner .arrow_btn i{
    width: 100px;
}
.deadline ul li .content_box h2 br{ display:none;}  

footer .miniFootr .minifooter_inner{
    flex-wrap: wrap;
    gap: 40px;
    align-items: center;
}
    footer .miniFootr .minifooter_inner p{
    width: 100%;
    text-align: center;
    font-size: 14px!important;
    line-height: 20px!important;
}
    footer .miniFootr .minifooter_inner ul{
    width: 100%;
    align-items: center;
    justify-content: center;
}
    .contact .enquiry .form_row .sub .form_control label.animated{
    font-size: 16px;
}

.contact .enquiry .btn span i:after{
    height: 25px;
    background-size: contain;
    /* width: 26px; */
}
 .contact .enquiry .btn span i:before{
    height: 2px;
}
 .caseStudy .caseStudy_textBox .contentBox p{
    /* font-size: 16px; */
}   
.caseStudy_banner{
    height: 350px;
    background-size: cover;
}

.services .services_inner .right .faq_inner ul li .faq_content{margin:0; padding:0;}
.services .services_inner .right .faq_inner ul li .faq_content ol { margin-bottom: 20px;}
    
}

@media all and (max-width:567px){
.projectInfo .projectInfo_inner{
    flex-wrap: wrap;
    gap: 30px;
}
.projectInfo p{
    width: 100%;
}
    
    .potfolio .newsLatter .contentbox .btn i{
    height: 20px;
}
    .potfolio .newsLatter .contentbox .btn{
    min-width: 72px;
}
    .potfolio .newsLatter .contentbox .btn span{font-size:16px;}
    .potfolio .newsLatter .contentbox .sub{
    gap: 15px;
}
    .potfolio .newsLatter .contentbox .form_control label.animated{
    font-size: 14px;
}
    .potfolio .newsLatter .contentbox p{
    font-size: 20px !important;
    line-height: 25px !important;
}
    .potfolio .newsLatter .contentbox{
    width: 100%;
    /* padding-left: 80px; */
}
   
.potfolio .potfolio_list li{
    width: 100%;
}
    
    
.services .services_inner{
    padding-left: 50px;
}
    
header .navigation ul li.vedio_nav video{
    height: 400px;
}
    
header .navigation ul{
    overflow: scroll;
    max-height: calc(100vh - 107px);
}
    
.services h2.big img.arrow{
    width: 120px;
    margin-top: 20px;
}
    
    .services .services_inner .right .team li{
    flex-wrap: wrap;
}
    .services .services_inner .right .team li span{
    max-width: 30px;
    height: 30px;
    width: 30px;
    min-width: inherit;
}
    .services .services_inner .right .team li span img{
    width: 60%;
}
    .services .services_inner .right .team li h6{
    font-size: 16px;
    gap: 10px;
}
    .services .services_inner .right .team li b{
    display: block;
    /* width: 100%; */
    /* margin-top: 20px; */
    text-align: right;
    font-size: 12px;
}
    .about_content .about_inner .content{
    width: 100%;
    padding-left: 0px;
}
.about_content .about_inner{flex-wrap:wrap;padding-left: 50px;}
    
.about_content .about_inner span{
    width: 120px;
    margin-top: -50px;
}
    .heart{
    width: 50px;
}
    .services h2.big{
    font-size: 30px;
    line-height: 45px;
    }
     .services h2{
    font-size: 35px;
    line-height: 45px;
}
.about_content h2{
    font-size: 46px;
    line-height: 42px;
}
    
.potfolio .breadCrum li:last-child{ margin:0px;}
    .potfolio .breadCrum li.current:after{ display:none;}
    .potfolio .breadCrum li:hover, .potfolio .breadCrum li.current{
    border-bottom: 1px solid #000;
}
    .potfolio .breadCrum li{
    font-size: 16px;
    margin-right: 15px;
}
    
.potfolio h2{
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 40px;
}
    
.potfolio .potfolio_list li{
}
    
.contact .enquiry .btn span i{
    width: 100px;
}
    
.contact .info h2{
    width: FIT-CONTENT;
    font-size: 50px;
    line-height: 55px;
    /* width: auto; */
}
.contact .info h2 span{
    margin-left: auto;
    margin-right: 0;
}
    
.trangin .arrowBtn{font-size: 12px;
    justify-content: flex-end;
    gap: 20px;}
    
.trangin .flexBox{
    flex-wrap: wrap;
}
.trangin .flexBox .btnGroup{
    width: 100%;
    margin-top: 30px;
}
    .trangin .flexBox .btnGroup .btn{
    width: 100%;
    font-size: 14px;
}
    
    
.OurClients h2{
    font-size: 35px;
    line-height: 45px;
    }
    
.banner h1{
        font-size: 48px;
    line-height: 45px;
}
.banner .arrow_btn{
    font-size: 16px;
    justify-content: flex-end;
    gap: 10px;
}


.banner .vedio_project .content_box {
    width: calc(100% - 100px);
}
   .banner .arrow_btn i{
    width: 40px;
} 


.banner .vedio_project .imageBox {
    /* display: none; */
    min-width: 100px;
}

.banner .vedio_project .content_box p {
    font-size: 16px !important;
    line-height: 23px !important;
}


.OurClients .content_box {
    width: calc(100% - 100px);
    margin-top: 24px;
}

.trangin .arrowBtn i{width: 40px;}

.OurClients h2 {
    font-size: 36px;
    line-height: 34px;
}
    .OurClients h2 span{
    padding-left: 99px;
}

.OurClients .content_box p {
    font-size: 14px !important;
    line-height: 20px !important;
    margin-bottom: 30px;
}

.deadline ul li .content_box h2 b{font-size:14px;}


.trangin ul li p {
    font-size: 12px !important;
    line-height: 18px !important;
}

.about_content .about_inner .content {
gap: 20px;}

.about_content .about_inner p {
    font-size: 14px !important;
    line-height: 23px !important;
}

.about_content {
    padding-top: 40px;
}

.services {
    margin-top: 70px;
    padding: 70px 0px 70px;
}

.services h5 {
    font-size: 14px;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

 .services h2 {
    font-size: 36px;
    line-height: 36px;
}
    .services h2.big span{
    padding: 0;
    text-align: right;
    margin: initial;
    width: 100%;
}
    .services h2 span{
    padding-left: 50px;
}
.services h2.big{
    text-align: right;
}
footer .up {
    width: 60px;
    height: 60px;
    font-size: 21px;
    top: -30px;
}



    
}

@media all and (max-width:450px){
.services .services_inner .right .team li h6{
    font-size: 14px;
}
}