/* 1920  */
@media only screen and (min-width: 1600px){
    .container {
        max-width: 1440px;
    }
    .navbar-brand img {
        height: 46px;
    }
    .navbar-nav li:not(:last-child), .top-header ul.nav .nav-item:not(:last-child){
        margin-right: 48px;
    }
    .nav-link {
        font-size: 15px;
    }
    .banner-img{
        padding-top: 43%;
    }
    .btn {
        height: 46px;
        line-height: 44px;
        font-size: 14px;
    }
    /* About Page  */
    .member-desc {
        height: 210px;
    }

}

@media only screen and (min-width: 1366px) and (max-width: 1599px){
    .container{
        max-width: 92%;
    }
}

/* 1200  */
@media only screen and (min-width: 1200px) and (max-width: 1440px){
    .navbar-nav li:not(:last-child), .top-header ul.nav .nav-item:not(:last-child) {
        margin-right: 32px;
    }

    /* About Page  */
    .team-text {
        padding: 12px;
    }
    .team-box:hover .team-text {
        padding: 18px;
    }
    .team-img {
        padding-top: 136%;
    }

    /* Career Page  */
    .businessman-img {
        width: 54%;
        right: -4%;
    }
}

/* 992  */
@media only screen and (max-width: 1199px){
    .navbar-nav li:not(:last-child), .top-header ul.nav .nav-item:not(:last-child) {
        margin-right: 16px !important;
    }
    .top-header .con-box {
        font-size: 0;
    }
    .top-header .con-box .bi {
        margin-right: 0;
    }
    .border-separator {
        padding-right: 12px;
        margin-right: 12px;
    }
    .header-menu .nav-link {
        letter-spacing: -0.6px;
        font-size: 14px;
    }
    .banner-img {
        padding-top: 50%;
    }
    .banner-text {
        max-width: 86%;
    }
    .banner-text h1 {
        font-size: 42px;
        line-height: 48px;
    }
    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
        left: -32px;
    }
    .owl-carousel .owl-nav button.owl-next {
        left: auto;
        right: -32px;
    }
    .section-heading {
        max-width: 80%;
    }
    .business-stat .about-text h4 {
        font-size: 26px;
    }
    .business-stat::before {
        width: 36%;
    }
    .about-text ul li, .about-text ol li, .facility-list li {
        padding-left: 20px;
    }
    .business-rating img {
        height: 42px;
        width: 42px;
    }
    .industry-img {
        padding-top: 68%;
    }
    .acq-icon {
        height: 124px;
        padding: 20px 24px;
    }
    .video-box iframe {
        height: 224px;
    }
    .cta-wrap .about-img {
        padding-top: 80%;
    }
    .about-text h2, .section-heading h2, h2 {
        font-size: 36px;
    }
    .desc {
        -webkit-line-clamp: 2;
    }

    /* About Page  */
    .about-cms .ab-wrap:nth-child(even) .about-text {
        padding: 0;
    }
    .mission-box {
        padding: 0;
    }

    /* Career Page  */
    .career-cta .cta-wrap {
        padding: 60px 0;
    }
    .businessman-img {
        width: 56%;
        right: -5%;
    }

    /* Contact Page  */
    .contact-form {
        padding: 40px;
    }
    .contact-details .con-list .con-box .bi {
        display: none;
    }
    .contact-details .con-list {
        padding: 40px 24px;
    }

    /* Video Library  */
    .filter-block .form-group {
        width: 300px;
    }
}

/* 768  */
@media only screen and (max-width: 991px){
    .navbar-collapse {
        position: absolute;
        top: calc(100% + 8px);
        left: 0;
        padding: 20px;
        width: 100%;
        background: var(--black);
        z-index: 999999;
    }
    .navbar-toggler-icon .bi{
        color: var(--orange);
    }
    .navbar-toggler{
        padding: 0;
        margin-left: 4px;
        font-size: 2rem;
    }
    .navbar-toggler:hover, .navbar-toggler:focus{
         border: none;
         outline: none;
    }
    .navbar-toggler-icon {
        height: auto;
    }
    .navbar-nav .nav-item .nav-link{
        color: #ffffff84;
        font-weight: 500;
    }
    .navbar-nav .nav-item.active .nav-link{
        color: var(--white);
    }

    /* Sub Menu  */
    .menu-cta , .menu-bg{
        display: none !important;
    }
    .header-menu li.nav-item.dropdown{
        margin-right: 0 !important;
    }
    .header-menu .nav-link {
        padding: 4px 20px 4px 0 !important;
    }
    .header-menu .nav-item.dropdown .nav-link::before {
        top: 4%;
    }
    .menu-left {
        padding: 20px 0;
    }
    .menu-left a, .header-menu .nav-link {
        color: #ffffff84;
        font-size: 15px;
    }
    .navbar-collapse {
        top: calc(100% + 0px);
        max-height: 86vh;
        overflow: auto;
    }
    .myHeader .dropdown-submenu{
        position: static;
        width: 100%;
        display: none;
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        box-shadow: none;
        background: #414141;
    }
    .myHeader .menu-left h3{
        font-size:16px;
        padding-bottom: 0px;
        color: var(--white);
        font-weight: 600;
    }

    .myHeader {
        padding: 6px 0;
    }
    .header-menu {
        margin-left: auto;
    }
    .banner-img {
        padding-top: 60%;
    }
    .banner-text h1 {
        font-size: 36px;
        line-height: 42px;
    }
    .banner-text p {
        padding: 0;
    }
    .btn, .tnp-submit {
        height: 42px;
        line-height: 40px;
        min-width: 120px;
    }
    .about-text h2, .section-heading h2, h2 {
        font-size: 28px;
        line-height: 36px;
    }
    .business-stat .about-text li {
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 12px;
    }
    .business-stat .about-text h4 {
        font-size: 22px;
        margin-bottom: 0;
    }
    .business-stat .about-img {
        padding-top: 67%;
        border: 6px solid #fff;
    }
    .industry-img {
        padding-top: 80%;
        border: 6px solid var(--white);
    }
    .industry-text {
        padding: 0 24px 20px;
    }
    .industry-text h4 {
        font-size: 20px;
    }
    .section-heading {
        max-width: 90%;
        margin-bottom: 32px;
    }
    .sec-space {
        padding: 60px 0;
    }
    .service-accordion .acc-btn {
        font-size: 16px;
    }
    .testimonials .container {
        max-width: 100%;
        padding: 0;
    }
    .certificate-img button {
        height: 100px;
    }
    .cta-wrap {
        padding: 60px 28px;
    }
    .whyus-wrap {
        max-width: 100%;
    }
    .myFooter .row, .home-contact .row{
        row-gap:  20px;
    }
    .footer-top {
        padding: 40px;
    }
    .main-footer {
        padding-top: 140px;
    }
    .myFooter .border-right{
        border-right: none !important ;
        border-bottom: 1px solid var(--blue);
        padding-bottom: 20px;
    }
    .main-footer h3 {
        margin-bottom: 14px;
    }
    .footer-logo {
        padding-bottom: 20px;
        border-bottom: 1px solid #8c8c8c40;
    }
    .owl-carousel .owl-dots {
        margin-top: 18px;
    }
    .privacy-box {
        bottom: 20px;
        right: 20px;
        width: 420px;
        padding: 20px;
    }
    .row{
        row-gap: 24px;
    }


    /* About Page  */
    .inner-banner h2 {
        font-size: 32px;
        margin-bottom: 4px;
    }
    .inner-banner .breadcrumb {
        padding: 0;
    }
    .banner_area_text_box.text-center {
        max-width: 90%;
    }
    .mission-icon img {
        height: 48px;
        width: 48px;
    }
    .team-text {
        padding: 12px;
    }
    .team-text h3 {
        font-size: 20px;
        font-weight: 600;
        line-height: 26px;
    }
    .team-row{
        margin: 0 -8px;
    }
    .team-row [class*="col-"]{
        padding: 0 8px;
    }
    .member-desc {
        height: 140px;
    }
    .member-desc p{
        font-size: 15px;
        line-height: 20px;
    }

    /* Career Page  */
    .career-cta .cta-wrap{
        padding-bottom: 0 !important;
    }
    .career-cta .career-cta .section-heading {
        max-width: 100%;
    }
    .job-box h4 {
        font-size: 20px;
        margin-bottom: 0;
    }
    .businessman-img {
        width: 80%;
        position: static;
        margin: 0 auto !important;
        display: block;
    }

    /* Career Details Page  */
    .contact-form {
        padding: 40px;
    }

    /* Contact Page  */
    .contact-details .con-list .con-box .bi {
        display: block;
        margin-right: 12px;
    }

    /* User Manual  */
    .manual-row, .filter-row{
        margin: 0 -6px;
    }
    .manual-row [class*="col-"], .filter-row [class*="col-"]{
        padding: 0 6px;
    }

    /* Video Library  */
    .filter-block .form-group {
        width: 100%;
        margin-left: 8px;
    }
    .video-cms .contact-form {
        padding: 12px 20px;
    }
    .filter-block h4 {
        font-size: 20px;
    }

    /* Distributor  */
    .location-box .contact-list li:not(:last-child) {
        margin-bottom: 6px;
    }

    /* Cartegory Listings  */
    .product-box {
        padding: 14px;
    }
    .product-row{
        margin: 0 -8px;
    }
    .product-row [class*="col-"]{
        padding: 0 8px;
    }
    .product-text h5 a {
        font-size: 18px;
    }

    /* Category Details Page  */
    .advantage-list {
        gap: 60px;
        max-width: 100%;
    }
    .key-features .about-text h3 {
        font-weight: 800;
        font-size: 22px;
        line-height: 28px;
    }

    /* Industry Details Page  */
    .case-img {
        padding-right: 26%;
    }
    .case-desc {
        padding: 20px 24px;
    }

}

/* 576  */
@media only screen and (max-width: 767px){
    p{
        font-size: 15px;
        line-height: 1.4;
    }
    .dropdown-menu {
        padding: 8px 0;
    }
    .dropdown-item {
        padding: 2px 0px 2px 40px;
        font-size: 14px;
    }
    .banner-text h1 {
        font-size: 32px;
    }
    .btn {
        height: 40px;
        line-height: 38px;
    }
    .lang-box.border-separator {
        padding-right: 0;
        margin-right: 0;
        border: none;
    }
    .banner-img {
        padding-top: 75%;
    }
    .business-stat .about-img {
        padding-top: 45%;
        padding-right: 46%;
    }
    .about .row, .business-stat .row{
        row-gap: 20px;
    }
    .about-home::before, .mission-cms .ab-wrap::before {
        height: 30%;
    }
    .business-stat::before {
        display: none;
    }
    .industry-img {
        padding-top: 68%;
    }
    .section-heading {
        max-width: 100%;
    }
    .owl-carousel .owl-dots {
        margin-top: 8px;
    }
    .video-box iframe {
        height: 286px;
    }
    .faq-accordion .acc-btn {
        font-size: 18px;
    }
    .testimonials .container {
        padding: 0 15px;
    }
    .cta-wrap::before {
        width: 100%;
        height: 40%;
    }
    .copyright {
        flex-direction: column;
        text-align: center;
    }
    .tnp-field-button.btn {
        height: 44px;
        line-height: 38px;
        border-radius: 0px !important;
    }

    /* About Page  */
    .about-cms .ab-wrap:not(:last-child) {
        margin-bottom: 60px;
    }
    .mission-cms .ab-wrap::before {
        top: 26%;
        width: 100%;
        left: 0 !important;
        right: 0 !important;
        border-radius: 0 !important;
    }
    .member-desc {
        height: 180px;
    }

    /* Career Page  */
    .businessman-img {
        width: 100%;
    }

    /* Career Details Page  */
    .contact-form {
        padding: 24px;
    }
    .contact-form h5 {
        font-weight: 800;
        font-size: 18px;
    }
    .contact-details .con-list {
        padding: 20px;
    }

    /* User manual  */
    .user-manual-cms .manual-row, .filter-row  {
        row-gap: 6px;
    }

    /* Category Details Page  */
    .advantage-list {
        columns: 1;
    }
    .advantage-list::before{
        display: none;
    }

    /* Industry Details Page  */
    .case-desc {
        padding: 8px 24px;
    }

}

/* 480  */
@media only screen and (max-width: 575px){
    .myHeader{
        position: static;
        background: var(--dark-blue);
    }
    .navbar-brand img {
        height: 34px;
    }
    .navbar-toggler {
        font-size: 1.5rem;
    }
    .navbar-toggler-icon {
        font-size: 28px;
    }
    .navbar-nav .nav-item {
        margin: 0 14px;
    }
    .banner-img {
        padding-top: 86%;
    }
    .banner-text h1 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 4px;
    }
    .banner-text p {
        font-size: 15px;
        font-weight: 300;
        line-height: 1.3;
        padding: 0;
    }
    .btn {
        padding: 0 16px;
        min-width: 120px;
    }
    .banner-slider.owl-carousel .owl-dots {
        margin-top: 0;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .banner-slider.owl-carousel button.owl-dot {
        width: 8px;
        height: 8px;
    }
    .statistics .row{
        border: none !important;
    }
    .about-text h2, .section-heading h2, h2 {
        font-size: 28px;
    }
    .section-heading{
        margin-bottom: 24px;
    }
    .contact-list li:not(:last-child) {
        max-width: 100%;
        flex: 0 0 100%;
    }
    .faq-accordion .card {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }
    .faq-accordion .acc-btn {
        font-size: 17px;
    }

    /* About Page  */
    .inner-banner h2 {
        font-size: 24px;
    }
    .inner-banner {
        padding: 60px 0;
    }
    .team-text {
        padding: 20px;
    }
    .banner_area_text_box.text-center {
        max-width: 100%;
    }

    /* Technical Guides  */
    .guide-box .guide-text {
        padding: 20px;
    }

    /* Video Library  */
    .filter-block .d-flex.align-items-end {
        flex-wrap: wrap;
        row-gap: 6px;
    }
    .filter-block .form-group, .filter-block .btn-light{
        margin-left: 0;
    }
    .filter-block .form-group:nth-child(2) {
        max-width: 86%;
    }
    .filter-block .btn {
        height: 44px;
    }

    /* Industry Details Page  */
    .case-img {
        padding-right: 40%;
    }
}

/* 360  */
@media only screen and (max-width: 479px){
    .myHeader .btn{
        display: none;
    }
    .con-box .bi {
        height: 30px;
        width: 30px;
        line-height: 30px;
    }
    .banner-wrapper {
        width: 100%;
    }
    .banner-img {
        padding-top: 86vh;
    }
    .banner-text{
        max-width: 100%;
    }
    .banner-wrapper {
        top: 50%;
    }
    .statistics .row{
        justify-content: center;
        row-gap: 12px;
    }
    .statistics .row [class*="col-"]{
        max-width: 90%;
        flex: 0 0 90%;
    }
    .stat-box{
        display: flex;
    }
    .stat-box .value{
        max-width: 22%;
        flex: 0 0 22%;
    }
    .business-stat .about-img {
        padding-top: 60%;
    }
    .business-rating img {
        height: 38px;
        width: 38px;
    }
    .about-text h2, .section-heading h2, h2 {
        font-size: 24px;
        line-height: 32px;
    }
    .whyus-box {
        flex-direction: column;
        row-gap: 12px;
    }
    .why-icon {
        height: 68px;
        width: 68px !important;
    }
    .faq-accordion .acc-btn::before {
        font-size: 20px;
    }
    .test-box {
        padding: 24px;
    }
    .client-name {
        font-weight: 600;
        font-size: 20px;
    }
    .cta-wrap {
        padding: 24px;
    }
    .cta-wrap::before {
        width: 100%;
        height: 32%;
    }
    .footer-top {
        padding: 24px;
    }
    .myFooter .section-heading h2 {
        font-weight: 600;
    }
    .email-subscription .d-flex{
        flex-direction: column;
        row-gap: 8px;
    }
    .tnp-field.tnp-field-email.text-white.mb-2 {
        margin-bottom: 0 !important;
    }
    .tnp-field-button.btn {
        width: 100%;
    }
    .main-footer h3 {
        margin-bottom: 12px;
        font-size: 18px;
    }
    .footer-logo img {
        height: 48px;
    }
    .footer-row {
        padding: 40px 0 40px;
    }

    .privacy-box {
        right: 50%;
        transform: translateX(50%);
        width: 90%;
    }
    .privacy-box .d-flex{
        flex-direction: column; 
        row-gap: 8px;
    }
    .privacy-box .btn{
        width: 100%;
    }

    /* About Page  */
    .team-row [class*="col-"] {
        flex: 0 0 100%;
        max-width: 100%;
    }

    /* technical Guides  */
    .guide-box {
        flex-direction: column;
    }
    .guide-box .guide-img {
        padding-top: 100%;
    }

    /* Video Library  */
    .filter-block .form-group:nth-child(2) {
        max-width: 81%;
    }

    /* Category Detais Page  */
    .key-features .about-text h3 {
        font-size: 20px;
        line-height: 26px;
    }

    /* Industry Details Page  */
    .case-box {
        flex-direction: column;
        row-gap: 12px;
    }
    .case-desc {
        padding: 0;
    }
    .case-img {
        padding-top: 80%;
    }
}