@media (max-width:480px){

    .desktop{

        display: none;

      }

      

      .mobile{

        display: block;

      }



      .grayset-right{

          margin: 0;

      }



      

      .grayset-left{

        margin: 0;

    }



    .grytxt {

        font-size: 16px !important;

        line-height: 24px !important;

    }    



    .digi-max-row{

        flex-direction: column-reverse;

    }







    .about-us .container .row{

        display: block;

        flex-direction: column-reverse;

        display: flex;

    }



    .about-us .container .row .col-md-7 .inner-section .about-list {

        list-style-type: none;

        margin-left: 0;

        padding: 0;

    }



    .about-us .container .row .col-md-7 .inner-section .about-list .about-list-item {

        font-size: 14px;

        font-family: 'Roboto';

        line-height: 30.86px;

        display: flex;

    }



    .about-us {

        overflow: hidden;

        padding: 50px 0;

    }



    .about-us .container .row .col-md-7 .inner-section{

        height: 100%;

    }

    .hero-slider-main{

        min-height: 500px;

    }



    .banner{

        background-size: cover!important;

        min-height: 300px;

    }

    .banner h1{

        font-size: 2rem;

    }



    .incorpoted-section .container .nav {

        display: block;

    }

    .incorpoted-section .container .nav .nav-item {

        width: 100%;

        text-align: center;

        margin-bottom: 5px;

    }

    .quality-material .container .outer-layer .col-md-4{

        padding: 0;

    }



    .quality-material .container .outer-layer .col-md-4:nth-child(2){

        padding: 20px;

    }

    .quality-material .container .outer-layer .col-md-4:nth-child(3){

        padding: 0 20px 30px;

    }



    .quality-material .container .outer-layer{

        margin: 0;

    }

    

    .quality-material {

        margin: 50px 0;

    }



    .material-overview .ml-auto, .mx-auto{

        width: 100%;

        flex: 100%;

        max-width: 100%;

        padding: 0px 20px;

    }



    .quality-material .container .outer-layer .text-layer .text-quality-material {

        margin: 0;

        padding: 0;

        padding-left: 0;

        border: none;

    }



    .material-overview::before{        

    bottom: -100px;

    }



    .brands_slider_container{

        width: 100%;

    }



    .brands .primary-heading {

        font-size: 35px !important;

    }







    .socks-size {

        margin: 0;

        padding: 150px 0 101px;

    }



    .brands .container .row .col:after{

        display: none;

    }



    .brands .container .row .col > :first-child:after{

        display: none;

    }



    .global-network .container .row .col-12 .primary-text{

        font-size: 35px;

    }



    .global-network .container .row .col-12 .primary-text br{

        display: none;

    }



    .global-network .container .row .col-12 .primary-text .sub-heading{

        font-size: 35px;

    }



    .sustainability .banner{

        background-size: cover!important;

        min-height: 300px;

    }

    .career .banner{

        background-size: cover!important;

        min-height: 300px;

    }

    .contact .banner{

        background-size: cover!important;

        min-height: 300px;

    }

    .owl-nav{

        display: none;

    }

    

    .primary-heading{

        font-size: 40px !important;

    }



    .padd-top {

        padding-top: 40px;

    }



    .section-space {

        padding: 50px 0;

    }



    .companycenter  p{

        font-size: 16px;

        line-height: 30px;

        margin: 0;

        margin-top: 10px;

    }



    .companycenter .para-left {

        padding-right: 0;

    }



    .companycenter .para-right {

        padding-left: 0;

    }



    .row-reverse{

        display: flex;

        flex-direction: column-reverse;



    }

    .vision-and-mission .vnm:nth-child(1){

        flex-direction: column-reverse;

        padding-bottom: 40px;

    }

    .vision-and-mission .vnm{

        flex-direction: column;

    }

    .vision-and-mission .vnm .vnm-content{

        width: 100%;

    }

    .vision-and-mission .vnm .vnm-img {

        width: 100%;

        margin-bottom: 20px;

    }

    .team-card p{

        margin-bottom: 20px;

    }

    .openinghrs{

        padding-bottom:20px;

    }

    #footer .footer-newsletter .brocher-heading{

        font-size: 35px !important;

    }

    #footer .footer-top .footer-info {

        margin-bottom: 0;

    }

    #footer .footer-top .footer-links {

        margin-bottom: 0;

    }

    #footer .footer-top .footer-contact{

        margin-bottom: 0;

    }

    #footer .credits{

        background: #0e0e0e;

        padding: 10px;

        margin: 10px auto 0;

        text-align: center;

    }



    .product-banner-slider{

        height: 100%;

        min-height: 300px;

        display: flex;

        align-items: center;

    }

    .product-banner-slider .container .row .col-md-12 .main-slider-heading{

        padding: 0 !important;

        margin-top: 0;

    }

    .our-socks .container .row .col-8 .outer-layer {

        border: 7px solid #fbb62c !important;

        padding: 10px !important;

        margin-top: 0 !important;

        width: 100% !important;

        margin-left: 0 !important;

    }

    .our-socks .col-8 {

        -ms-flex: 0 0 66.666667%;

        flex: 100%;

        max-width: 100%;

    }

    .our-socks {

        padding: 0 !important;

    }

    .our-socks .container .row .col-8 .outer-layer .our-socks-des{

        font-size: 16px !important;

        line-height: 30px;

      }



      .approch-360 .col-8 {

        -ms-flex: 0 0 66.666667%;

        flex: 100%;

        max-width: 100%;

    }

    .scale-area .container .outer-row .col-md-8 .inner-row .col-md-7 .content-wrapper {

        margin-left: 0;

    }

    .scale-area .container .outer-row .col-md-8 .inner-row-two .col-md-7 .content-wrapper {

        margin-left: 0;

    }

    .scale-area {

        padding-top: 50px;

        padding-bottom: 50px;

        padding-left: 15px;

        padding-right: 15px;

    }

    .machine-n-cap .container .product-devlopment-row .col-md-7 .primary-heading{

        margin: 0;

    }

    .quality-row {

        margin-top: 50px;

        margin-bottom: 50px;

        flex-direction: column-reverse;

    }

    .machine-n-cap .container .quality-row .col-md-7 .primary-heading{

        margin: 0;

    }

    .navbar-brand img {

        width: 70px;

    }

}