@media (max-width: 1600px) {
    
.pro-items .pro_inner h4{
    font-size: 18px !important;
    line-height: 25px !important;
}

.mark_slide li{
    font-size: 14px;
}

.navbar .navbar-nav {
    gap: 15px;
}

h1.jump-text {
    font-size: 45px !important;
}

.banner_sec p {
    font-size: 15px;
}

.about-sec h3 {
    font-size: 31px !important;
    line-height: 45px !important;
}

.choose_wrap h1 {
    font-size: 40px !important;
}

.why_choose p {
    color: #fff;
    font-size: 15px;
}

.test_wraper h1 {
    font-size: 35px !important;
}

.form-main h1 {
    font-size: 30px !important;
}

.site_fotr h3 {
    font-size: 35px !important;
}

.site_fotr .ftr_mid ul li a {
    font-size: 18px;
    line-height: 25px;
}

.ftr-2 p {
    font-size: 17px;
    line-height: 29px;
}

.ftr_btm p{
    font-size: 17px;
}

.teti_box .testi_inner .tsti_ite h4 {
    font-size: 17px !important;
}
    
}

@media (max-width: 1440px) {
    
    .banner_sec .ban-wrap {
        padding-bottom: 40px !important;
        padding: 0px 110px;
    }
    
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1374px !important;
    }
    
    
    .pro-items .pro_inner{
        height: 410px;
    }
    
    
    .why_choose .isol {
        width: 90%;
        height: 500px;
        margin-left: 60px;
    }
    
    .about-sec h3 {
        font-size: 29px !important;
    }
    
    section.project-detail-sec.iner_pro h1 {
        font-size: 40px !important;
    }
    
}


@media (max-width: 1366px) {
    
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px !important;
    }
    
    .site_btn a {
        padding: 12px 20px;
        font-size: 16px;
    }
    
    .ftr_top {
        padding: 60px 0px;
    }
    
    #breadcrumb{
        font-size: 19px;
    }
    
    .about-sec h3 {
        font-size: 25px !important;
    }
    
    section.project-detail-sec.iner_pro p{
        font-size: 16px;
        line-height: 30px !important;
    }
}

@media (max-width: 1200px) {
    .banner_sec .ban-wrap{
            padding: 0px 40px;
    }
    
    h1.jump-text {
        font-size: 35px !important;
    }
    
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1150px !important;
    }
    
    .banner_sec .ban-wrap:before {
        width: 1190px;
        height: 301px;
    }
    
    .about-sec h3 {
        font-size: 22px !important;
        line-height: 35px !important;
    }
    
    .pro-items .pro_inner h4 {
        font-size: 15px !important;
        line-height: 25px !important;
    }
    
    .content h3{
        font-size: 20px !important;
    }
    
    .teti_box .testi_inner {
        padding: 20px;
        height: 230px;
    }
    
    .ftr_top .ftr-lft img {
        height: 780px;
        object-fit: cover;
    }
    
    .ftr-2 p {
        font-size: 16px;
        line-height: 25px;
    }
    
    .site_fotr .ftr_mid ul li a {
        font-size: 16px;
    }
    
    .ftr_btm p {
        font-size: 16px;
    }
    
    .site_fotr h3 {
        font-size: 30px !important;
        margin-bottom: 10px;
    }
}

@media (max-width: 1100px) {
    
    .mark_slide{
        padding: 5px 0 10px;
    }
    
    .banner_sec p {
        font-size: 16px;
    }
    
    .why_choose {
        background-size: 98% 100% !important;
    }
    
    .content p {
        padding-right: 230px;
    }
    
}

@media (max-width: 1024px) {
    
    .site_btn a {
        padding: 12px 17px;
        font-size: 13px;
    }
    
    h1.jump-text {
        font-size: 30px !important;
    }
    
    .banner_sec p {
        font-size: 14px;
    }
    
    .about-sec h3 {
        font-size: 20px !important;
        line-height: 28px !important;
    }
    
    .pro_inner P {
        font-size: 15px;
    }
    
    .pro-items .pro_inner h4 {
        font-size: 14px !important;
        line-height: 20px !important;
    }
    
    section.project-detail-sec.iner_pro h1 {
        font-size: 25px !important;
    }
    
    section.project-detail-sec.iner_pro p {
        font-size: 15px;
        line-height: 26px !important;
    }
    
    .project-detail-sec .col-md-4.mb-4 a img {
        height: 300px !important;
    }
    
    #breadcrumb {
        font-size: 17px;
    }
    
    .ftr_top .ftr-lft img {
        height: 730px;
    }
    
    .iner_pro {
        padding-top: 60px;
    }
    
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 980px !important;
    }
    
    .pro_one h1 {
        font-size: 30px !important;
    }
    
    .banner_sec .ban-wrap:before {
        width: 1020px;
        height: 321px;
        bottom: -31px;
        background-size: 94% !important;
    }
    
    .choose_wrap h1 {
        font-size: 33px !important;
    }
}

@media (max-width: 992px) {
    
    #breadcrumb{
        padding: 70px 0px;
    }
    
    section.why_choose .row.choose_wrap {
        padding: 0 20px;
    }
    
    header.site_header .row {
        align-items: center;
    }
    
    .pro-items img {
        height: 160px;
    }
    
    .pro-items .pro_inner {
        height: 360px;
    }
    
    .pro_inner P {
        font-size: 14px;
        line-height: 19px;
    }
    
}

@media (max-width: 768px) {
    
    .mark_slide {
        padding: 5px 0 5px;
    }
    
    .career-sec .abt-two p {
        padding-right: 0;
    }

    .career-sec .abt-two img {
        height: 280px;
        margin-bottom: 20px;
    }

    .career-gallery img {
        height: 240px;
        margin-bottom: 16px;
    }
    
    nav.navbar.navbar-expand-lg.navbar-light {
        display: none;
    }
    
    header.site_header .row .col-md-2{
        width: 50%;
    }
    
    header.site_header .row .col-md-5{
        width: 50%;
    }
    
    header.site_header .row .col-md-5:nth-child(1) {
        display: none;
    }
    
    .banner_sec .ban-wrap {
        padding: 20px 10px;
    }
    
    .row.ban-wrap .col-md-4 {
        max-width: 100%;
        flex: 100%;
        text-align: left;
    }
    
    .banner_sec .ban-wrap .duob-bt {
        display: flex;
        justify-content: start;
    }
    
    .banner_sec {
        padding-top: 160px;
        background-size: cover !important;
    }
    
    .banner_sec .ban-wrap:before {
        width: 100%;
        height: 381px;
        bottom: -1px;
        background-size: cover !important;
    }
    
    .row.pro_one .col-md-10 {
        max-width: 100%;
        flex: 100%;
    }
    
    .row.pro_one .col-md-2{
        max-width: 100%;
        flex: 100%;
    }
    
    .why_choose {
        background-size: cover !important;
    }
    
    .why_choose .isol {
        width: 90%;
        height: 240px;
        margin-left: 80px;
    }
    
    .content p {
        padding-right: 370px;
    }
    
    .row.test_wraper .col-md-8 {
        max-width: 100%;
        flex: 100%;
    }
    
    .row.test_wraper .col-md-2{
        max-width: 100%;
        flex: 100%;
    }
    
    .pro-items .pro_inner {
        height: 330px;
    }
    
    .form-main p {
        font-size: 14px;
        line-height: 22px;
    }
    
    .site_form input, .site_form textarea{
        font-size: 16px;
    }
    
    .site_form textarea {
        border-radius: 25px;
        height: 120px;
    }
    
    .ftr_top .ftr-lft img {
        height: 880px;
    }
    
    .features {
        width: 800px;
        margin: 20px auto;
    }
    
    .teti_box .testi_inner .tsti_ite h4 {
        font-size: 15px !important;
    }
    
    
    .col-md-3.ftr-1 {
        max-width: 50%;
        flex: 80%;
        text-align: center;
        margin: 0 auto 20px;
    }

.col-md-3.ftr-3 {
    max-width: 100%;
    flex: 100%;
    text-align: center;
}

.col-md-6.ftr-2 {
    max-width: 100%;
    flex: 100%;
}

.col-md-6.ftr-2 p {
    width: 70%;
    margin: 0 auto 30px;
}

.col-md-3.ftr-1 ul li {
    width: 100%;
}

.pro_one .row .col-md-3  {
    flex-shrink: 0;
    width: 50%;
}

.right-nav{
    margin-right: 50px;
}

.mobile-nav-btn .lines:before{
        background: #000;
}

.mobile-nav-btn{
    top: 55px;
}
.mobile-nav{
    background: #8b0404;
}

.mobile-nav-btn.active .lines:before{
    background: #000;
}

}

@media (max-width: 576px) {
    
    .about-sec .abt-two .duob-bt{
        margin-bottom: 30px;
    }
    
    .why_choose .isol {
        width: 100%;
        height: 350px;
        margin-left: 0;
    }
    
    .why_choose .isol {
        width: 100%;
        height: 350px;
        margin-left: 0;
    }
    
    .owl-nav {
        text-align: center;
    }
    
    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
        font-size: 45px;
    }
    
    button.owl-prev {
        position: relative;
        left: -20px;
    }
    
        .banner_sec .ban-wrap:before {
        width: 100%;
        height: -webkit-fill-available;
        bottom: 0;
        background-size: 100% !important;
        background: #fff !important;
        border-radius: 30px;
    }
    
    .banner_sec {
        padding-top: 100px;
        background-size: cover !important;
        padding-bottom: 30px;
    }
    
    .about-sec .abt-one {
        padding-bottom: 0;
    }
    
    section.project-detail-sec.iner_pro img {
        width: 100%;
        border-radius: 10px;
        height: 260px;
        object-fit: cover;
    }
    
    section.project-detail-sec.iner_pro h1 {
        font-size: 25px !important;
        margin-bottom: 15px;
    }
    
    .iner_pro .row .col-md-4.mb-4 {
        max-width: 50%;
        flex: 50%;
    }
    
    .project-detail-sec .col-md-4.mb-4 a img {
        height: 180px !important;
    }
    
    footer.site_fotr .col-md-6.ftr-lft {
        display: none;
    }
    
}

@media (max-width: 450px) {
    
    .site_header {
        padding: 20px 20px;
    }
    
    header.site_header .row .col-md-2 {
        width: 44%;
    }
    
    .mobile-nav-btn {
        top: 48px;
    }
    
    h1.jump-text {
        font-size: 23px !important;
        line-height: 35px !important;
    }
    
    .banner_sec p {
        font-size: 16px;
    }
    
    .about-sec h3 {
        font-size: 16px !important;
        line-height: 28px !important;
    }
    
    .about-sec {
        padding-top: 30px;
        padding-bottom: 40px;
    }
    
    .pro_one h1 {
        font-size: 25px !important;
    }
    
    .test_wraper h1 {
        font-size: 23px !important;
    }
    
    .content p {
        padding-right: 0;
    }
    
    .features {
        width: 100%;
        margin: 20px auto;
    }
    
    .icon {
        width: 170px;
        height: 90px;
    }
    
    .ftr-1 ul {
        column-count: 1;
    }
    
    .col-md-3.ftr-1 {
        max-width: 100%;
        flex: 100%;
        text-align: center;
        margin: 0 auto 20px;
    }
    
    .col-md-6.ftr-2 p {
        width: 100%;
        margin: 20px auto 30px;
    }
    
    .pro-items .pro_inner {
        height: -webkit-fill-available;
    }
    
    .pro-items img {
        height: 220px;
    }
    
    .site_fotr .col-md-6.ftr-lft {
        display: none;
    }
    
    
    
    
    
    
    
}

@media (max-width: 390px) {
    
    header.site_header .row .col-md-5 {
        width: 56%;
    }
    
    .site_header {
        padding: 20px 10px;
    }
        
    .right-nav {
        margin-right: 53px;
        position: relative;
        left: -27px;
    }
    
    .choose_wrap h1 {
        font-size: 26px !important;
    }
    
    section.why_choose .row.choose_wrap {
        padding: 0 10px;
    }
    
    .why_choose {
        padding-top: 40px;
        padding-bottom: 60px;
    }
    
    .content h3 {
        font-size: 17px !important;
        line-height: 20px !important;
    }
    
    .icon{
        margin-right: 13px;
    }
    
    .form-main h1 {
        font-size: 23px !important;
    }
    
    section.project-detail-sec.iner_pro h1 {
        font-size: 22px !important;
        margin-bottom: 15px;
        line-height: 31px !important;
    }
    
    .iner_pro {
        padding-top: 40px;
    }
    
    section.project-detail-sec.iner_pro p {
        font-size: 14px;
    }
    
    .project-detail-sec .col-md-4.mb-4 a img {
        height: 150px !important;
    }
    
    .project-detail-sec {
        padding-bottom: 40px;
    }
    
    #breadcrumb {
        padding: 50px 40px;
    }
    
    .site_fotr .ftr_mid {
        padding: 30px 0px;
    }
    
    
    
}