body {
    margin: 0px;
    padding: 0px;
    overflow-x:hidden;
}
@media (max-width:1400px) {
    .contact-us-section{
        display:block;
        margin-top:47px;
    }
    .contact-us-section-for-mobile{
        display:none;
    }



             /*--------for-Home-Page--------*/
    .header-mobile {
        display: none;
    }
    .png{
        display:none;
    }
    .for-enquiry-mobile-view {
        display: none;
    }

    .header {
        display: block;
    }

    .header-logo {
        width: 20%;
    }

    .header-inner {
        width: 100%;
    }

    .header-nav {
        width: 95%;
    }


    .swiper-slider{
        margin-top:48px;
    }

    .elementor-section {
        width: 99%;
        margin-top: 40px;
    }

    .elementor-section-inner {
        display: flex;
        width: 100%;
    }

    .elementor-section-inner-image {
        width: 49%;
        margin: 0;
    }

    .untitle1-img {
        position: relative;
        width: 90%;
    }

    .untitle3-img {
        position: relative;
        width: 41%;
        margin: -255px 0px 0px 157px;
    }

    .untitle2-1-img {
        position: relative;
        width: 36%;
        margin: -383px 0px 0px 164px;
    }

    .elementor-section-inner-content {
        width: 50%;
        margin-top: -40px;
    }

    .elementor-section-para {
        width: 99%;
        font-size: 16px;
        margin-top: -37px;
        font-family: Poppins, sans-serif;
    }

    .ser {
        margin: 0;
    }



    .counter-card-part {
        padding-top: 100px;
    }

    .counter-card {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 99%;
    }


    .elementor-home-banner-inner {
        padding:15px;
    }



    /*For -Tinned-Copper-Page*/
    .elementor-section-bottom {
        width: 100%;
        margin-top:-200px;
    }
    .elementor-section-bottom-inner{
        margin-top:30px;
    }
    .our-heading {
        font-size: 37px;
        margin-top: 150px;
    }

    .grid-images-cards {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 90%;
    }




    .elementor-home-banner {
        width: 100%;
    }

    .overlay-heading {
        width: 95%;
    }

    .overlay-content {
        width: 95%;
    }

    .elementor-overlay-grid {
        width: 95%;
    }





    .unit-section-inner-part {
        width: 99%;
    }

    .work-heading {
        margin-left: 15px;
    }

    .flexing-part-inner1 {
        width: 50%;
    }

    .flexing-parts {
        width: 99%;
        gap: 20px;
    }

    .logo-flex {
        width: 20%;
    }

    .contact-section-inner {
        width: 96%;
    }

    .contact-part {
        width: 94%;
        padding-left: 10px;
    }



                 /*Footer-Page*/
    .footer-container {
        width: 99%;
    }

    .footer-logo {
        width: 22%;
        margin: 30px;
        margin-left: 25px;
    }

    .footer-about {
        width: 37%;
    }

    #para {
        padding-top: 0px;
    }

    .png-inner{
       padding:15px 15px;
    }
    .png {
        bottom: 50px;
    }






               /* for About Page*/

    .header-logo {
        padding: 10px;
    }

    .header-nav {
        width: 100%;
    }


    .about-section {
        margin-top: 130px;
        height: 335px;
    }

    .about-elementor-section {
        padding: 20px;
    }

    .about-para-content {
        width: 100%;
    }

    .about-section-content-inner {
        margin-left: 388px;
        padding-top: 40px;
        font-size: 25px;
    }

    .about-elementor-section-main-container {
        width: 99%;
    }

    .about-elementor-section-container-inner {
        gap: 20px;
    }

    .about-elementor-section-container-img {
        width: 70%;
    }

    .about-elementor-section-container-content {
        width: 72%;
    }

    .about-elementor-section-container-content1 {
        padding: 55px 55px 60px 39px;
    }


    .footer-logo {
        margin-left: 5px;
    }





                   /* for-Contact-Page*/
    .unit-section-blocking-inner {
        width: 100%;
        padding:10px;
    }

    .unit-section-inner-block {
        margin: auto;
    }

    .unit-section-inner-partbox21 {
        padding: 75px;
    }

    .unit-section-inner-partbox2 {
        padding-bottom: 50px;
    }





                 /*for-Tinned-Coppper-Page*/
    .tinned-braid-solder-img, .tinned-braid-img {
        margin-top: 176px;
    }
    .table-png {
        display: none;
    }

    .tinned-pro {
        display: block;
    }

    .tinned-mobile {
        display: none;
    }

    .main-ul-page-inner {
        width: 100%;
    }

    .main-ul-page-container {
        width: 100%;
    }
}








@media (max-width:680px) {
    body {
        margin: 0px;
        padding: 0px;
    }

    .header {
        display: none;
    }

    .swiper-slider {
        display: none;
    }
    .png{
        display:none !important;
    }
    .for-enquiry {
        display: none;
    }

    .for-enquiry-mobile-view {
        display: block;
    }



    /*   Header Mobile  Block  */
    .header-mobile {
        display: block;
        position: fixed;
        z-index: 2;
        top: 0px;
        display: flex;
        padding: 15px 0px 14px 17px;
        align-items: center;
        background-color: #131D3B;
    }
    .mob-content{
        position:relative;
        display:flex;
    }
    .logo-img {
        width: 26%;
    }

    .mobilemenu {
        background: red;
        position: relative;
        height: 40px;
        width: 127px;
        display: flex;
        align-items: center;
        justify-content: center;
        right: 25px;
        margin-top:23px;
    }




    /*  Toggle Block  */
    .toggle {
        cursor: pointer;
        height: 2px;
        width: 27px;
        position:relative;
        background-color: white;
        display: block;
        transition: all 0.3s ease;
    }

        .toggle::before {
            content: '';
            height: 2px;
            width: 27px;
            background-color: white;
            position: absolute;
            top: -10px;
            transition: all 0.3s ease;
        }

        .toggle::after {
            content: '';
            height: 2px;
            width: 27px;
            background-color: white;
            position: absolute;
            transition: all 0.3s ease;
            top: 10px;
        }

    .menu-list {
        background: lightgrey;
        position: absolute;
        font-family: rubik, sans-serif;
        margin: 0;
        padding: 0;
    }

    .menu-item li,
    a {
        text-decoration: none;
        list-style: none;
        font-size: 15px;
        color: black;
        font-family:Poppins;
    }

    .menu-item {
        border-bottom: 2px solid #888;
        display: block;
        align-items: center;
        position: relative;
        margin-bottom: 0;
        padding: 10px 0px;
        width:100%;
    }



    /* Hide menu by default */
    .menu-list {
        width: 100%;
        z-index: 4;
        display: none;
    }

    .menu-list2 {
        display: none;
        padding: 0;
    }

    .menu-item.open > .menu-list2 {
        display: block;
    }

    /* When menu is open – show X icon */
    .menu-open .toggle {
        background: transparent;
    }


    .menu-list2 a {
        color: white;
        font-size: 14px;
        font-weight: 700;
    }
        .menu-list2 a:hover{
            color:red;
        }
        .menu-open .toggle::before {
            transform: rotate(45deg);
            top: 0;
        }

    .menu-open .toggle::after {
        transform: rotate(-45deg);
        top: 0;
    }

    /* Show when toggled */
    .menu-list.show {
        display: block;
        margin-top:80px;
    }







    /*  Swiper for Mobile*/
    .swiper-slider-mobile {
        display: block;
        margin-top: 111px;
    }



    .elementor-section {
    }

    .elementor-section-inner {
        width: 95%;
        margin: auto;
    }

    .elementor-section-inner-image {
        display: none;
    }

    .elementor-section-inner-content {
        width: 100%;
    }

    .ab {
        font-size: 23px;
    }

    .elementor-section-para {
        width: 95%;
        font-size: 15px;
        line-height: 30px;
    }

    .ser {
        padding: 13px 34px 13px;
        font-size: 14px;
        margin-top: 27px;
        border-radius: 5px;
    }



    .counter-card-part {
    }
    #counter-dif {
        background-color: #131D3B;
    }

    .counter-card {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
    }
    #cnt-dif,#cnts-dif{
        color:white;
    }
    .counter-card1-container {
        padding-top: 15px;
    }

    .count {
        margin: 0px 45px;
        font-size: 22px;
    }
    .count4{
        margin:0px 0px;
    }
    .counts {
        margin: 20px 0px;
        font-size: 14px;
    }
    .counter-card-inner {
        width: 92%;
        margin: auto;
    }
    .cnt {
        margin: 0px 45px;
        font-size: 22px;
    }
    .sign{
        margin-left:0px;
        font-size:27px;
    }
    .sign2 {
        margin-left: -35px;
        font-size: 27px;
    }
    .cnts {
        margin: 20px 0px;
        font-size: 14px;
    }





    .elementor-section-bottom {
        margin-top: -250px;
    }

    .elementor-section-bottom-inner {
        padding-top: 160px;
    }

    .our-heading {
        font-size: 29px;
        margin-top:335px;
    }

    .grid-images-cards {
        display: block;
    }

    .tin {
        font-size: 15px;
    }

    .tins {
        font-size: 14px;
    }




    .elementor-home-banner {
    }


    .elementor-home-banner-inner {
        padding-top: 15px;
    }

    .overlay-heading {
        font-size: 22px;
    }

    .overlay-content {
        font-size: 14px;
        margin-top: -30px;
    }

    .elementor-overlay-grid {
        display: block;
        margin:auto;
    }

    .overlay-grid {
        width: 99%;
    }

    .overlay-span {
        font-size: 16px;
    }

    .overlay-para {
        font-size: 15px;
        line-height: 28px;
    }







    .section {
    }

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

    .section-inner-h2 {
        font-size: 13px;
        font-weight: 300;
    }

    .section-inner-h3 {
        font-size: 15px;
    }




    .unit-section {
    }

    .counter-line {
        display: none;
    }

    .unit-section-inner-part {
        width: 100%;
    }

    .work-heading {
        font-size: 23px;
        margin-left: 25px;
    }

    .flexing-parts {
        display: block;
    }

    .flexing-part-inner1 {
        width: 100%;
    }
    .flexing-part1 {
        width: 95%;
        flex-direction: column;
        margin: auto;
    }
    .unit-heading {
        font-size: 10px;
        margin-left:20px;
    }

    .flexing-part-inner2 {
        width: 100%;
        margin-top:50px;
    }
    .flexing-part2 {
        width: 95%;
      flex-direction:column;
        margin: auto;
    }
    .logo-flex {
        width: 25%;
    }

    .content-flex {
        width: 100%;
    }

    .jyot {
        font-size: 16px;
    }

    .content-flex p {
        line-height: 24px;
        font-size: 12px;
        font-family:Poppins;
    }






    .contact-section-inner {
        display: block;
        width: 85%;
        margin-left: 10px;
    }

    .contact-part {
        width: 99%;
        margin: 25px;
        border-bottom: 2px solid #131D3B;
    }

    .contact-section {
        width: 99%;
        margin-top: 40px;
        margin-bottom: 65px;
    }

    .icon-img {
        width: 5%;
    }

    .icon-txt {
        font-size: 16px;
        font-weight: 500;
    }
    





    .footer-main {
    }

    .footer-container {
        display: block;
        width: 99%;
        padding-bottom: 40px;
    }

    .footer-logo {
        width: 42%;
        padding-top: 29px;
        margin-left: 20px;
    }

    .footer-about {
        width: 97%;
        margin-top: -15px;
    }

    #about {
        font-size: 17px;
    }

    #para {
        font-size: 13px;
        line-height: 21px;
    }

    .footer-product {
        width: 99%;
        margin-left:13px;
    }

    #product {
        font-size: 17px;
        margin-left: 5px;
    }

    .footer-anchor-inner {
        padding: 3px;
    }

        .footer-anchor-inner a {
            font-size: 13px;
            line-height: 22px;
        }


    .copyright {
        height: -1px;
    }

    .copyright-inner {
        padding-bottom: 30px;
    }

    .copyright-inner-part {
        display: block;
        width: 99%;
    }

    .left {
        width: 99%;
        font-size: 15px;
    }

    .right {
        width: 99%;
        font-size: 15px;
        margin: 16px;
        margin-left:-18px;
    }
        .right a {
            color: #131D3B;
        }
    .png {
       display:none;
    }
    .png {
        position: fixed;
        bottom: 55px;
        right: 16px;
    }





    .for-enquiry-mobile-view {
        display: block;
      
        position: fixed;
        width: 100%;
        bottom: 0px;
    }

    .for-enquiry-mobile-view-container {
        display: flex;
    }

    .whatsapp-left {
        width: 50%;
        background-color: forestgreen;
        font-size: 15px;
        text-align: center;
        padding: 15px;
    }

        .whatsapp-left a {
            color: white;
        }

    .copyright-right {
        width: 50%;
        background-color: orange;
        font-size: 15px;
        text-align: center;
        padding: 15px;
    }

        .copyright-right a {
            color: black;
            font-family:Poppins;
        }






    /* About-Page*/
    body {
        margin: 0px;
        padding: 0px;
    }



    .about-section {
        height: 355px;
        margin-top:115px;
    }

    .about-section-content-inner {
        margin-left: 114px;
        font-size: 15px;
    }

    .about-para-content {
        width: 99%;
    }

    .about-para-content-part {
        font-size: 15px;
        line-height: 25px;
        width:95%;
    }




    .about-elementor-section {
        padding: 15px;
    }

    .about-elementor-section-main-container {
        margin: auto;
        width: 99%;
    }

    .about-elementor-section-heading {
        width: 80%;
        font-size: 16px;
    }

    .about-elementor-section-container1 {
        width: 99%;
        padding-bottom: 20px;
    }

    .about-elementor-section-container-inner {
        display: block;
    }

    .about-elementor-section-container-content-heading {
        font-size: 21px;
    }

    .about-elementor-section-container-img {
        width: 75%;
        transition: 0.5s ease all;
        margin: auto;
        padding-top: 20px;
    }

    .about-elementor-section-container-content {
        margin-top: 10px;
        width: 99%;
    }

    .about-elementor-section-container-content1 {
        padding: 1px 50px 19px 50px;
    }

    .about-elementor-section-container-content-para1 {
        font-size: 14px;
        line-height: 25px;
    }

    .about-elementor-section-container2 {
        width: 99%;
        padding-bottom: 20px;
    }

    .about-elementor-section-container-content2 {
        padding: 1px 50px 19px 50px;
    }

    .about-elementor-section-container-content-para2 {
        font-size: 14px;
        line-height: 25px;
    }

    .about-elementor-section-container3 {
        width: 99%;
        padding-bottom: 20px;
    }

    .about-elementor-section-container-content3 {
        padding: 1px 50px 19px 50px;
    }

    .about-elementor-section-container-img3 {
        width: 92%;
        height: 230px;
        margin: auto;
    }

    .about-elementor-section-container-content-para3 {
        font-size: 14px;
        margin-left: -46px;
        line-height: 25px;
    }

    .accordion {
        font-size: 12px;
    }
    .pannel{
        padding:0px 0px;
    }





    /*  Conatact Page Block */
    .contact-us-section {
        display:none;
    }
    .contact-us-section-for-mobile {
        opacity: 1.4;
        background-color: #FFFFFF00;
        display: block;
        width: 100%;
        margin-top:117px;
    }
    .contact-unit-section {
        margin-top: 75px;
    }

    .unit-section-inner-partbox1 {
        width: 90%;
        margin:auto;
    }
     
        .unit-section-blocking-inner {
            display: block;
            padding:0px;
        }

    .work-heading-contact {
        font-size: 21px;
        padding: 1px 0px 0px 25px;
    }

    .blocking-part-inner1 {
        padding-left: 10px;
    }

    .unit-heading-c {
        font-size: 8px;
        margin-top:30px;
    }

    .blocking-part1 {
        width: 100%;
        gap:10px;
    }
    .logo-flex-c {
        width: 25%;
    }
    .content-block{
        width:85%;
        margin:auto;
    }
    .jyot {
        font-size: 14px;
    }

    .name {
        padding: 10px 80px 10px 6px;
        font-size: 15px;
    }
    .blocking-part2 {
        width: 100%;
        gap: 10px;
    }
    .content-block p{
        line-height:22px;
    }
    .contact-form1 h3{
        font-size:20px;
        color:red;
    }
    .blocking-part-inner2 {
       padding-left: 10px;
    }
    .contact-section-inner-block {
        width: 90%;
    }
    .contact-part-block {
        padding: 8px;
    }
    .icon-img-block {
        width: 7%;
    }
    .icon-txt-block {
        font-size: 14px;
        padding: 1px;
    }
    .icon-txt-block:hover{
        color:darkred;
    }
    .unit-section-inner-partbox2 {
        width: 85%;
    }
    
    .contact-form1 {
        padding: 12px;
    }









        /*TINNED-PAGE*/
        .tinned-pro {
        display: none;
    }

    .tinned-mobile {
        display: block;
        margin-top: -57px;
    }

    .table-png {
        display: block;
    }





    /*tinned-flat-braid-page*/
    .main-ul-page {
        padding: 25px;
    }

    .main-ul-page-inner {
        width: 100%;
        margin: auto;
    }

    .main-ul-page-container {
        width: 100%;
        margin: auto;
    }

    .for-li {
        font-size: 11px;
        padding: 5px;
    }
    .for-th{
        font-size:10px;
    }
    .table-png-inner {
        width: 93%;
    }
        .table-png-inner:hover {
            transform: scale(1);
        }
    .tubular-wire {
        display: block;
    }
    .galvanized-wire {
        display: block;
        width: 100%;
    }
    .tubular-wire-img1:hover {
        transform: scale(1);
    }
    .tubular-wire-img2:hover {
        transform: scale(1);
    }
        .gal {
        margin-top: 20px;
    }
    .table-body td {
        padding: 12px 0px;
        font-size:10px;
    }
    .table-main-head {
        width: 100%;
        overflow: auto;
    }
    .table-content{
        width:500px;
    }

    .table-png-inner-galvanized {
        width: 95%;
    }
    .table-png-inner-tubular {
        width: 95%;
    }


    /*   THANK U PAGE*/
    .thank-page-v2{
        padding:105px 10px;
    }
    .main-thank {
        font-size: 60px;
        font-weight: 600;
        margin-bottom:30px;
    }
    .thank-text{
        font-size:19px;
        margin-bottom:183px;
    }
    .elementor-section-bottom-inner {
        padding-top: 70px;
        margin-top: 35px;
    }
    .elementor-section-bottom-part{
        margin-top:-150px;
    }
    }