@media only screen and (max-width: 5000px) {

  

}


@media only screen and (max-width: 3000px) {

  

}


@media only screen and (max-width: 1290px) {


}

@media only screen and (max-width: 1200px) {

    .pnc-shape-2 {
        width: 96px;
        right: 8%;
    }
    
    .pnc-shape-3 {
        width: 126px;
        bottom: 468px;
        right: 8%;
    }

}

@media only screen and (max-width: 1024px) {

    .banner-title {
        font-size: 40px;
        line-height: 45px;
    }
    
    .banner-text {
        line-height: 25px;
    }
    
    .wrapper-banner .shapes .shape.shape-1 {
        width: 75%;
        top: 10%;
    }
    
    .wrapper-banner .shapes .shape.shape-2 {
        width: 164px;
    }
    
    .wrap-item-banner::before {
        width: 800px;
        height: 800px;
        top: -20%;
        left: -19%;
    }

    .title-box .main-title {
        font-size: 30px;
    }
    
    .primary-btn {
        font-size: 15px;
        padding: 15px;
    }

    .title-box .main-title {
        font-size: 30px;
    }
    
    .primary-btn {
        font-size: 15px;
        padding: 15px;
    }
    
    
    .contact-form-wrap .form-header {
        font-size: 28px;
    }
}

@media only screen and (max-width: 900px) {

    .banner-title {
        font-size: 35px;
    }
    
    .container-banner {
        padding-top: 130px;
    }
    
    .wrap-item-banner::before {
        width: 525px;
        height: 525px;
        top: -1%;
        left: -29%;
    }
    
    .wrap-about.row-container {
        flex-direction: column-reverse;
    }
    
    .item-about {
        width: 100%;
    }

    .item-about.right {
    margin-bottom: 40px;
}
    
    .about-img-wrap {
        margin: 0 auto;
        width: 577px;
    }
    
    .wrapper-about .title-box {
        text-align: center;
    }
    
    .wrapper-about .title-text {
        text-align: left;
    }
    
    .wrapper-about .wrap-item {
        padding: 0;
    }


    .wrap-contact.row-container {
        flex-direction: column;
    }

    .item-contact {
        width: 100%;
    }

    .contact-form-wrap {
        margin: 0 auto;
        margin-bottom: 70px;
    }

    .contact-img-wrap {
        height: 400px;
    }

    .contact-img-wrap .men {
        width: 362px;
    }

    .title-box .main-title {
        font-size: 28px;
    }

}

@media only screen and (max-width: 768px) {


.wrapper-service .prev-slide {
    left: -5px;
    width: 45px;
    height: 45px;
}

.wrapper-service .next-slide {
    width: 45px;
    height: 45px;
    right: -5px;
}

.wrapper-service .nav-btn i {
    font-size: 18px;
}

.contact-form-wrap .form-header {
    font-size: 24px;
}

.contact-img-wrap .bg-img {
    height: 345px;
    top: -3px;
}

.wrapper-contact-shape .shape-2 {
    top: 10%;
    width: 140px;
}

.signature .signature-img {
    width: 125px;
    height: auto;
}

.wrap-item-about .signature {
    padding-left: 140px;
}

.wrapper-about .title-text {
    padding-bottom: 20px;
}
.about-img-wrap .about-img {
    margin: 0 auto;
}

.about-img-wrap .shape {
    left: -2%;
}

.about-img-wrap .about-img {
    max-width: 600px;
}

.pnc-shape-2 {
    bottom: 462px;
    right: 4%;
}

.pnc-shape-3 {
    right: 4%;
    bottom: 450px;
}

li.item-navbar {
    font-size: 14px;
    padding: 8px;
}

}
@media only screen and (max-width: 600px) {

    .banner-title {
        font-size: 29px;
        line-height: 36px;
    }
    
    .banner-text {
        width: 300px;
        font-size: 15px;
    }
    
    .banner-content-left {
        width: 80%;
    }
    
    .wrapper-banner .owl-nav .nav-btn {
        width: 40px;
        height: 40px;
    }
    
    .wrapper-banner .owl-nav {
        right: 18px;
    }
    
    
    .wrap-item-banner::before {
        width: 324px;
        height: 400px;
        top: 15%;
    }

    .img-reveal .img-overlay {
        height: 60%;
    }
    
    .about-img-wrap .about-img {
        height: 382px;
    }
    
    .about-img-wrap {
        /* height: 415px; */
    }
    
    .about-img-wrap .shape {
        height: 300px;
    }
    
    a.btn.btn-primary {
        font-size: 14px;
        padding: 10px 30px;
    }
    
    .title-box .main-title {
        font-size: 24px;
    }
    
    .title-box .sub-title {
        font-size: 14px;
    }
    
    .primary-btn {
        font-size: 14px;
    }
    
    .wrap-item-service .service-content .service-icon {
        width: 80px;
        height: 80px;
    }
    
    .wrap-item-service .service-content .service-title {
        font-size: 18px;
    }
    
    .wrapper-service .owl-dot.active {
        height: 8px;
    }
    
    .contact-form-wrap .form-header {
        font-size: 22px;
        padding: 15px 40px;
    }
    
    .item-contact {
        padding: 0;
    }
    
    .contact-img-wrap {height: 310px;}
    
    .contact-img-wrap .men {
        height: 350px;
        width: 308px;
    }
    
    .contact-img-wrap .bg-img {
        height: 319px;
        top: -45px;
    }

    .about-img-wrap .shape {
        left: -13px;
    }
}


@media only screen and (max-width: 485px) {

    .banner-title {
        font-size: 26px;
        line-height: 27px;
        margin-bottom: 14px;
        text-align: left;
    }
    
    .banner-text {
        font-size: 14px;
        line-height: 18px;
        text-align: left;
    }
    
    a.btn.btn-primary {
        font-size: 13px;
        padding: 10px 25px;
    }
    
    .container-banner {
        padding-top: 108px;
        padding-bottom: 80px;
    }
    
    .wrapper-banner .shapes .shape.shape-2 {
        width: 115px;
    }
    
    .title-box .main-title {
        font-size: 18px;
    }
    
    .item-about {
        padding: 0;
    }
    
    p {
        font-size: 13px;
        line-height: 24px;
    }
    
    .primary-btn {
        font-size: 12px;
        padding: 10px;
    }
    
    .title-box .sub-title {
        font-size: 12px;
        margin-bottom: 5px;
    }
    
    .wrap-item-service .service-content .service-descript {
        line-height: 20px;
    }
    
    .wrap-item-service .service-content .service-btn a {
        font-size: 14px;
    }
    
    .wrap-item-service .service-content .service-btn {
        padding: 10px 0;
    }
    
    .contact-form-wrap .form-header {
        font-size: 18px;
        padding: 10px 30px;
    }
    
    .contact-form {
        padding: 20px;
    }
    .signature .signature-img {
        width: 115px;
        height: auto;
    }
    
    .wrap-item-about .signature {
        padding-left: 120px;
    }
    
    .wrapper-about .title-text {
        padding-bottom: 15px;
    }
    .banner {
        height: 390px;
    }
    
    .wrapper-about {
        padding: 40px 0 55px;
    }
    .wrap-item-service .service-content .service-icon {
        width: 70px;
        height: 70px;
    }
    .wrapper-banner .owl-nav .nav-btn {
        width: 30px;
        height: 30px;
    }
    
    .wrapper-about .title-box .main-title {
        margin-bottom: 10px;
    }
    
    .pnc-shape-2 {
        width: 75px;
        bottom: 86%;
        right: -7%;
    }
    
    .pnc-shape-3 {
        width: 100px;
        bottom: 77%;
        right: -9%;
    }
    
    
    .pnc-shape-1 {
        width: 54px;
    }
    
    .about-shape-1 {
        width: 40px;
        height: 40px;
        bottom: 30%;
        right: 39%;
    }
    
    .wrapper-service .prev-slide {
        left: -5px;
        width: 35px;
        height: 35px;
    }
    
    .wrapper-service .next-slide {
        width: 35px;
        height: 35px;
        right: -5px;
    }
    .wrapper-service .owl-dot {
        height: 5px;
    }
    
    .wrapper-service .owl-dot.active {
        height: 5px;
    }
    
    .wrapper-service {
        padding-bottom: 50px;
    }
    .input-field .form-control {
        padding: 8px 20px;
        line-height: 1.2;
        font-size: 13px;
        margin-bottom: 10px;
    }
    .service-btn i {
        font-size: 12px;
    }
    .contact-img-wrap .men {
        height: 300px;
        width: 239px;
    }
    
    .contact-img-wrap .bg-img {
        height: 250px;
        top: 34px;
    }
    
    .contact-form-wrap {
        margin-bottom: 6px;
    }

    .about-img-wrap .shape {
        left: -13px;
    }
    li.item-navbar {
        font-size: 13px;
        padding: 5px;
    }
    .about-img-wrap {
        width: 374px;
        height: 355px;
    }
    
    .about-img-wrap .about-img {
        height: 299px;
        width: 320px;
    }
    
    .about-img-wrap {
        height: 282px;
    }
    ul.navbar-list {
        width: 100%;
    }
}


@media only screen and (max-width: 425px) {

    .about-img-wrap .about-img {
        height: 300px;
    }
    
    .about-img-wrap .shape {
        height: 214px;
        bottom: -10%;
    }
    

}
@media only screen and (max-width: 375px) {


    .wrap-item-banner::before {
        width: 300px;
        height: 374px;
        left: -45%;
        top: 20%;
    }
    
    .wrapper-banner .shapes .shape.shape-1 {
        top: 19%;
        width: 100%;
        left: -30%;
    }
    
    .banner-text {
        line-height: 22px;
        width: 232px;
    }
}

@media only screen and (max-width: 320px) {

  

}