@media (min-width: 1600px)  and (max-width: 1920px){


    .breadcrumb-area.transformer {
        padding: 120px 0;
    }

    .navbar-toggler {
        display: none;
    }


}


@media(min-width: 990) and (max-width: 1601){
     .navbar-toggler {
        display: none;
    }
}

@media (min-width: 451px)  and (max-width: 576px){

    .salient-features ul {
        column-count: 1;
    }

    .application h3 {
        margin-top: 40px;
        text-align: center;
        font-size: 25px;
    }

    .technical th {
        width: 100px;
        height: 100px;
    }

    .technical td {
        width: 200px;
        height: 100px;
    }

    .technical .table.table.table-bordered {
        width: unset;
    }

    .footer-item .f-item.link ul li a i{
        display: none;
    }

    .title {
        text-align: center;
    }

    /* .sub-heading {
        display: unset;
        text-align: center;
        position: unset;
    } */

    footer .widget-title {
        text-align: center;
    }

    .f-item.about {
        text-align: center;
    }

    .f-item.link ul, li {
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
        justify-content: center;
        align-items: center;
    }

    .footer-social {
        text-align: center;
    }

    .opening-hours ul li{
        display: unset;
    }

    .contact-style-one-info h2 {
        font-size: 30px;
        font-weight: 600;
        margin-bottom: 10px;
        text-align: center;
    }

    .contact-form-style-one .heading {
        margin-bottom: 10px;
        font-size: 30px;
    }

    .breadcrumb-area h1 {
        font-size: 30px;
    }

    .ups .ups-content h2 {
        font-size: 22px;
        text-align: center;
    }

    .ups .ups-content.trans h3 {
        text-align: center;
        font-size: 25px;
    }

    .row.features {
        padding: 30px 0px;
    }

    .ups .ups-content {
        padding: 20px 0px;
    }

    .inner_content .ups_systems {
        padding: 30px 10px;
    }

    .ups .enquiry-btn {
        display: flex;
        gap: 20px;
        margin-top: 20px;
        justify-content: center;
    }

    .technical.servo th {
        width: 120px;
    }

    .technical.servo.smf td {
        width: 190px;
    }


    .features .salient-features ul{
        margin-bottom: 30px;
    }

    .features .salient-features ul li{
        flex-wrap: unset;
        justify-content: flex-start;
        display: flex;
        gap: 10px;
        align-items: flex-start;
    }

   .features .application.list ul li{
        flex-wrap: unset;
        justify-content: flex-start;
        display: flex;
        gap: 10px;
        align-items: flex-start;
    }


    .features .application ul li{
        flex-wrap: unset;
        justify-content: flex-start;
        display: flex;
        gap: 10px;
        align-items: flex-start;
        padding: 5px 0px;
    }

    .banner-area {
        height: 22vh;
    }

    .sub-heading {
        display: flex;
        justify-content: center;
    }

    .title {
        font-size: 30px;
    }

    .wcu .pr-80 {
        padding-right: unset;
    }

    .wcu .title {
        font-size: 28px;
        padding: 0px 10px;
    }

    .choose-us-style-one p {
        padding: 0px 10px;
        text-align: justify;
        margin-top: -25px;
    }

    .clients-slider {
        margin-top: 40px;
        padding: 0px 10px;
    }

    .f-item.about {
        text-align: center;
        padding: 0px 40px;
    }

    footer .link li {
        margin-top: unset;
      }
      
      footer .link li:first-child {
        margin-top: unset;
      }

      footer .f-item.link ul li:last-child a::after{
        border-right: unset
      }

    .footer-item .f-item.link ul li a {
        position: relative;
    }

    .footer-item .f-item.link ul li a::after {
        content: '';
        position: absolute;
        border-right: 6px solid #fff;
        border-radius: 50%;
        right: -16px;
        top: 12px;
        height: 6px;
    }

    .our_products .title {
        font-size: 26px;
    }

    .navbar .align-center {
        align-items: center;
        padding: 15px 0px;
    }

    nav.validnavs .container {
        position: relative;
        padding: 15px 10px;
    }

    .navbar-toggler {
        display: block;
    }

}




@media (min-width: 300px)  and (max-width: 450px){

    .salient-features ul {
        column-count: 1;
    }

    .application h3 {
        margin-top: 40px;
        text-align: center;
        font-size: 25px;
    }

    .technical th {
        width: 100px;
        height: 100px;
    }

    .technical td {
        width: 200px;
        height: 100px;
    }

    .technical .table.table.table-bordered {
        width: unset;
    }

    .footer-item .f-item.link ul li a i{
        display: none;
    }

    .title {
        text-align: center;
    }

    /* .sub-heading {
        display: unset;
        text-align: center;
        position: unset;
    } */

    footer .widget-title {
        text-align: center;
    }

    .f-item.about {
        text-align: center;
    }

    .f-item.link ul, li {
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
        justify-content: center;
        align-items: center;
    }

    .footer-social {
        text-align: center;
    }

    .opening-hours ul li{
        display: unset;
    }

    .contact-style-one-info h2 {
        font-size: 30px;
        font-weight: 600;
        margin-bottom: 10px;
        text-align: center;
    }

    .contact-form-style-one .heading {
        margin-bottom: 10px;
        font-size: 30px;
    }

    .breadcrumb-area h1 {
        font-size: 25px;
    }

    .ups .ups-content h2 {
        font-size: 22px;
        text-align: center;
    }

    .ups .ups-content.trans h3 {
        text-align: center;
        font-size: 25px;
    }

    .row.features {
        padding: 30px 0px;
    }

    .ups .ups-content {
        padding: 20px 0px;
    }

    .inner_content .ups_systems {
        padding: 30px 10px;
    }

    .ups .enquiry-btn {
        display: flex;
        gap: 20px;
        margin-top: 20px;
        justify-content: center;
    }

    .technical.servo th {
        width: 150px;
    }

    .technical.servo.smf td {
        width: 190px;
    }

    .technical.servo td {
        width: 200px;
    }


    .features .salient-features ul{
        margin-bottom: 30px;
    }

    .features .salient-features ul li{
        flex-wrap: unset;
        justify-content: flex-start;
        display: flex;
        gap: 10px;
        align-items: flex-start;
    }

   .features .application.list ul li{
        flex-wrap: unset;
        justify-content: flex-start;
        display: flex;
        gap: 10px;
        align-items: flex-start;
    }


    .features .application ul li{
        flex-wrap: unset;
        justify-content: flex-start;
        display: flex;
        gap: 10px;
        align-items: flex-start;
        padding: 5px 0px;
    }

    .banner-area {
        height: 22vh;
    }

    .sub-heading {
        display: flex;
        justify-content: center;
    }

    .title {
        font-size: 30px;
    }

    .wcu .pr-80 {
        padding-right: unset;
    }

    .wcu .title {
        font-size: 28px;
        padding: 0px 10px;
    }

    .choose-us-style-one p {
        padding: 0px 10px;
        text-align: justify;
        margin-top: -25px;
    }

    .clients-slider {
        margin-top: 40px;
        padding: 0px 10px;
    }

    .f-item.about {
        text-align: center;
        padding: 0px 40px;
    }

    footer .link li {
        margin-top: unset;
      }
      
      footer .link li:first-child {
        margin-top: unset;
      }

      footer .f-item.link ul li:last-child a::after{
        border-right: unset
      }

    .footer-item .f-item.link ul li a {
        position: relative;
    }

    .footer-item .f-item.link ul li a::after {
        content: '';
        position: absolute;
        border-right: 6px solid #fff;
        border-radius: 50%;
        right: -16px;
        top: 12px;
        height: 6px;
    }

    .our_products .title {
        font-size: 26px;
    }

    .navbar .align-center {
        align-items: center;
        padding: 15px 0px;
    }

    nav.validnavs .container {
        position: relative;
        padding: 15px 10px;
    }

    .contact-style-one-info li {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 50px;
    }

    .contact-form-style-one input, .contact-form-style-one textarea {
        width: 100%;
    }

    .navbar-toggler {
        display: block;
    }

}