@media screen and (max-width:1600px) {
    .main-logo img {
        max-width: 100%;
    }

    .info-main,
    .navbar {
        padding: 17px 0;
    }
}


@media screen and (max-width:1400px) {
    .navbar ul>li {
        margin-left: 20px;
    }

    .info-main,
    .navbar {
        padding: 15px 0;
    }

    .navbar ul>li>a {
        font-size: 16px;
        padding: 0px 10px;
    }

    .navbar ul>li .mega-menu .mega-menu-bar .column h3 {
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        height: 50px;
    }

    .navbar ul>li>.mega-menu {
        top: 70px;
    }

    .navbar ul>li .mega-menu-bar .column>ul>li>a {
        padding: 6px 0;
    }
}

@media screen and (max-width:1200px) {
    .navbar ul>li {
        margin-left: 8px;
    }

    .navbar ul>li>a {
        padding: 0px 7px;
    }

    .info-main,
    .navbar {
        padding: 13px 0;
    }

    .main-logo {
        padding: 20px 15px 20px 0;
    }

    .banner-main .swiper-slide img {
        height: 70vh;
    }

    .header-contact p,
    .header-contact a {
        font-size: 14px;
    }

    .caption h2 {
        font-size: 34px;
        padding: 0 0 15px;
    }

    .caption span {
        font-size: 20px;
        line-height: 26px;
    }

    .about-content h2,
    .products-heading h2,
    .videos-heading h2,
    .application-heading h2,
    .client-intro h2,
    .presence-heading h2 {
        font-size: 40px;
        padding: 0 0 20px;
    }

    .section-padding {
        padding: 50px 0;
    }

    .videos-heading h2 {
        padding: 0 0 40px;
    }

    .presence-heading h2 {
        padding: 0;
        line-height: 46px;
    }

    .footer-content p {
        padding-right: 15px;
    }

    .rts-single-offer a.thumbnail {
        margin-bottom: 15px;
    }

    .rts-single-offer {
        padding: 25px;
        margin-top: 20px;
        height: 508px;
    }

    .rts-single-offer .content-wrapper .title {
        margin-bottom: 5px;
    }

    .rts-single-offer .content-wrapper .disc {
        margin-bottom: 10px;
    }

    .rts-single-offer .content-wrapper .rts-btn {
        padding: 8px 17px;
    }

    .video-home .video-link iframe {
        height: 210px;
    }

    .video-home h5 {
        font-size: 14px;
        line-height: 22px;
        padding: 30px 10px 20px;
    }

    .video-home h5::before {
        top: 18px;
    }

    .application-content {
        height: 500px;
        padding: 30px;
        margin-top: 30px;
    }

    .view-all {
        margin-top: 50px;
    }

    .client-logo {
        margin-top: 20px;
    }

    .headadd {
        padding: 15px 0 10px;
    }

    .footer-content h3 {
        font: 700 24px/30px 'Comfortaa', cursive;
        padding: 0 0 10px;
    }

    .footer-content img {
        max-width: 190px;
        margin-top: 20px;
    }

    .breadcrumb h1 {
        color: #fff;
        font: 500 34px/40px 'Montserrat', sans-serif !important;
    }
}


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

    .info-main,
    .navbar {
        padding: 10px 0;
    }

    .info-main ul li a {
        font-size: 14px;
    }

    .headtap1 {
        width: 100% !important;
    }

}


/* blog css */
@media screen and (max-width:991px) {

    .m-bar {
        display: unset;
        position: relative;
        z-index: 111;
    }

    .navbar>ul {
        /* display: none; */
        position: absolute;
        right: -15px;
        background-color: #fff;
        padding: 10px 0 20px;
        height: auto;
        z-index: 111;
        top: 66px;
        width: 100%;
        /* transform: translateX(500px); */
        transition:all .5s ease-in-out;
        display: inline-block;
        opacity: 0;
        visibility: hidden;
    }

    .navbar>ul>li {
        /* display: block; */
        margin: 13px 0px;
        text-align: left;
        width: 100%;
    }

    .navbar>ul.open-menu {
        /* display: unset; */
        opacity: 1;
        visibility: visible;
        /* transform: translateX(0px); */
    }

    .navbar>ul>li>a {
        padding: 0 20px;
        font-size: 18px;
    }

    .navbar ul>li>.mega-menu{
        /* margin: 0; */
        width: 100% !important;
        position: relative;
        top: 15px;
        display: none;
        padding: 10px 20px 5px;
    }

    .navbar ul>li:focus-within > .mega-menu,
    .navbar ul>li:hover > .mega-menu {
        display: inline-block;
    }

    .navbar ul>li>.mega-menu.mega-menu-b{
        right: auto;
        left: 0;
    }

    .navbar ul>li .mega-menu .mega-menu-bar .column h3{
        height: auto;
    }


    .navbar ul>li .mega-menu .mega-menu-bar .column h3{
        margin-bottom: 5px;
        font-size: 15px;
        font-family: Arial, Helvetica, sans-serif;
    }

    .navbar ul>li .mega-menu-bar .column>ul>li>a{
        padding: 4px 0;
        font-size: 14px;
    }

    .navbar ul>li .mega-menu .mega-menu-bar .column{
        margin-bottom: 10px;
    }

    .container-fluid {
        padding: 0 15px;
    }

    .header-contact {
        display: inline-block;
        text-align: center;
        padding: 10px 0 12px;
    }

    .header-contact p,
    .header-contact a {
        display: inline;
    }

    .header-contact p {
        padding: 0;
    }

    .caption h2 {
        font-size: 28px;
        padding: 0 0 10px;
    }

    .caption span {
        font-size: 18px;
        line-height: 22px;
    }

    .about-content h2,
    .products-heading h2,
    .videos-heading h2,
    .application-heading h2,
    .client-intro h2,
    .presence-heading h2 {
        font-size: 36px;
        padding: 0 0 20px;
    }


    .rts-single-offer {
        height: 450px;
    }



    .application-content {
        padding: 20px;
        height: auto;
    }

    .application-content h4 {
        font-size: 18px;
        padding: 20px 0 10px;
    }

    .application-content a {
        margin: 15px 0 0;
    }

    /* blog css */
    .blog-info {
        box-shadow: none;
        padding: 0px;
    }

    .recent-blog {
        padding: 0px;
        margin-top: 30px;
    }

    /* blog inner css */

    .blog-info {
        box-shadow: none;
        padding: 0px;
    }

    .recent-blog h3 {
        text-align: start;
    }

    /* footer css */
    .footer-content {
        margin-bottom: 15px;
    }

    .footer-logo {
        text-align: left;
    }

    .footer-bottom p {
        margin: 25px 0 0;
    }

    .breadcrumb h1 {
        color: #fff;
        font: 500 28px/36px 'Montserrat', sans-serif !important;
    }

    .contact-info {
        padding-left: 0;
    }

    .contact-info .head h3,
    .contact-info .presence h3,
    .contact-info .mail h3,
    .contact-info .phone h3 {
        font: 600 24px/30px 'Montserrat', sans-serif;
        padding-bottom: 20px;
    }

    .contact-info .head h3::after,
    .contact-info .presence h3::after,
    .contact-info .mail h3::after,
    .contact-info .phone h3::after {
        content: '';
        position: absolute;
        bottom: 15px;
        width: 40px;
        height: 2px;
    }
    .contact-form h3 {
        font: 600 24px/30px 'Montserrat', sans-serif;
    }
}

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

    .navbar>ul{
        width: 130%;
    }

    .info-main {
        display: none;
    }

    .main-logo {
        border-right: none;
        padding: 10px 0;
    }

    .main-logo img {
        max-width: 200px;
    }

    .section-padding {
        padding: 40px 0px;
    }

    .rts-single-offer {
        height: auto;
    }

    .about-content h2,
    .products-heading h2,
    .videos-heading h2,
    .application-heading h2,
    .client-intro h2,
    .presence-heading h2 {
        font-size: 32px;
        padding: 0 0 20px;
    }


    /* blog css  */
    .blog-welding a {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .blog-copper {
        margin-top: 20px;
    }

    .blog-copper a {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .recent-blog h3 {
        margin-bottom: 20px;
    }


    .blog-main-welding p {
        margin-bottom: 15px;
    }

    .blog-main-copper p {
        margin-bottom: 15px;
    }

    .blog-main-copper ul li {
        margin-bottom: 15px;
    }

    .banner-main .swiper-slide img {
        height: 50vh;
    }


    .breadcrumb h1 {
        color: #fff;
        font: 500 24px/32px 'Montserrat', sans-serif !important;
    }

    .breadcrumb {
        padding: 30px 0;
    }

    .breadcrumb h1:after {
        bottom: 24px;
        height: 2px;
        width: 40px;
    }
}

@media screen and (max-width:576px) {
    .navbar>ul{
        width: 150%;
    }
    p {
        font-size: 14px !important;
    }

    .banner-main .swiper-slide img {
        height: 50vh;
        object-position: left;
    }

    .about-content p {
        font-size: 14px;
        line-height: 22px;
    }

    .rts-single-offer {
        padding: 15px;
    }

    .rts-single-offer .content-wrapper .title {
        font-size: 18px;
    }

    .rts-single-offer .content-wrapper .disc {
        font-size: 14px;
        line-height: 22px;
    }

    .rts-single-offer .content-wrapper .rts-btn {
        font-size: 12px;
    }

    .about-content h2,
    .products-heading h2,
    .videos-heading h2,
    .application-heading h2,
    .client-intro h2,
    .presence-heading h2 {
        font-size: 28px;
        padding: 0 0 10px;
    }

    .application-content {

        padding: 15px;
    }

    .caption h2 {
        font-size: 24px;
    }

    .caption span {
        font-size: 16px;
        line-height: 20px;
    }

    .caption span br {
        display: none;
    }

    /* blog css */
    .section-padding {
        padding: 30px 0px;
    }

    .blog-main-welding p {
        margin-bottom: 10px;
    }

    .blog-main-copper p {
        margin-bottom: 10px;
    }

    .blog-main-copper ul li {
        margin-bottom: 15px;
    }

    .apply-form {
        padding: 20px;
    }

    .apply-form form {
        padding: 15px;
    }

    .apply-form input {
        margin: 10px auto 0px;
    }

    /* career css */

    .apply-form-main {
        padding: 20px 0px;
    }

    .apply-form input {
        width: 100%;
    }

    .blog-main-copper ul li {
        padding-left: 20px;
    }

    /* application inner css  */
    .ai-img {
        margin-bottom: 15px;
    }

    .ai-text h3 {
        margin-top: 15px;
    }

    .ai-text li {
        padding: 0;
    }

    .contact-info .head h3,
    .contact-info .presence h3,
    .contact-info .mail h3,
    .contact-info .phone h3 {
        font: 600 20px/26px 'Montserrat', sans-serif;
        padding-bottom: 20px;
    }

    .contact-form h3 {
        font: 600 20px/30px 'Montserrat', sans-serif;
    }
    .contact-info .head a,
    .contact-info .presence ul li,
    .contact-info .mail a,
    .contact-info .phone a{
        font-size: 14px;
        line-height: 22px;
    }

    .contact-page-form input{
        font-size: 14px;
        height: 40px;
    }    
    .contact-page-form textarea{
        font-size: 14px;
    }

}

/* cooming soon pages  */

@media screen and (max-width:767px) {
    .application-inner-main .application-soon-img img{
        width: 100%;
    }
    .laser-main .application-soon-img img{
        width: 100%;
    }
}