@media screen and (max-width: 992px) {
    .w10,.w20,.w30,.w40,.w50,.w60,.w70,.w80
    {
        width: 100%;
       
    }
    .dl, ol, ul
    {
        float:none;
    }
    .navbar-toggler i
    {
        color:black;
        padding:0 20px;
        font-size:25px;
    }
    .head .w50 
    {
        text-align: center;
        float: none!important;
        font-size:12px;
    }
    .head .w50 .mobile
    {
      font-size:15px;
    }
    .icon
    {
        float:none;
      
    }
    .logo
    {
        padding:10px 20px;
        margin:0;
        height:60px;
    }
    .logo img 
    {
      width: 200px;
    }
    .banner
    {
        height:33vh; 
    }
    .text_content
    {
    
    }
    .text_content .w80 
    {  
      text-align: center;
    }
    .Best .w100
    {
        padding-top:53px;
        padding-bottom:22px;
    }
    .Packaging
    {
        font-size:24px;
    }
    .Serving
    {
        width:90%;
        margin:0 auto;
    }
    .Serving1
    {
        width:90%;
        margin:0 auto;
    }
    .Best1 .w100
    {
     padding-top:40px;
    }
    /* .Best1 .w80 .w50
    {
        width: 90%;
        margin:0 auto;
    } */
    .are
    {
    margin-left:20px;
    font-size:30px;
    }
    .With
    {
        width: 90%;
        margin: 0 auto;
        padding-bottom:30px;
    }
    .Based .w100
    {
        padding:60px 0;
    }
    .we
    {
        font-size:30px;
    }
    .Bandma
    {
        width:90%;
        margin: 0 auto;
    }
    .are
    {
      text-align: center;
    }
    .pioneering .w100
    {
        padding:32px 0;
    }
    .Your
    {
        width: 90%;
        margin: 0 auto;
    }
    .profile-pic
    {
        margin-left:38%;
    }
    .profile
    {
        margin-left: 89px;
    }
    .cust-profession 
    { 
     margin-left: 30px;
    }
    .ty_per
    {
        margin-top:52px;
    }
    .navbar-collapse1
    {
        width: 100%;
        height: 100vh;
        position: fixed;
        left:-100%;
        top:0;
        z-index:9999;
        transition:0.5s;
    }
    .nav_bar
    {
     height:100%;
     background:white;
     width:85%;
     float: left;
    }
    
    .navbar-nav li
    {
     padding:10px 0;
    }
    .cross 
    {
        display: block;
        width:15%;
        float:left;
        height:100vh;
        background:rgba(0, 0, 0, 0.5);
    }
    
    .dropdown-toggle::after
    {
        font-size:15px;
        margin-left:10.255em;
    }
    .navbar-dark .navbar-nav .nav-link
    {
        font-size:13px;

    }
    .navbar-nav
    {
        float: none;
        margin-top:96px;
    }
    .Machines .container-fluid 
    {
        padding:30px 0;
    }
    .Machines .Supplier
    { 
      font-size:30px;
    }
    .engage p
    {
        padding:18px 0;
        width: 91%;
        margin: 0 auto;
    }
    .build .col-md-4
    {
        padding:10px 0;
    }
    .build .col-md-4 .card
    {
        width:87%;
        margin: 0 auto;
    }
    .best1 .why
    {
        width:90%;
        margin: 0 auto;
        padding:0;
    }
    .why1
    {
        width:90%;
        margin:0 auto;
        padding:0;
    }
    .are1
    {
        font-size:26px;
        text-align:center;
        padding-top:40px;
         padding-bottom:30px;
    }
    .With1
    {
        padding-bottom:20px;
    }
    .Who 
    {
      font-size:31px;   
    }
    .items
    {
     margin-top:20px;  
    }
    .Testimonials .template-demo
    {
        min-height:0;
    }
/*
    .text_content .w100
    {
        height:0;
        padding-top:0;
        z-index: 0;
    }
*/
    .dropdown-item 
    {
        padding-left:57px;
        color:#004b59;
        font-size:13px;
    }
   
    .dropdown-menu
    {
        border:0;
    }
    .monile_logo
    {
        display: block;
        width:80%;
        float: left;
    }
    .logo1
    {
        margin-left:-19px;
        margin-top:15px;
    }
    .navbar-toggler
    {
        padding:0;
    }
    .respon_icon
    {
       display:block;
        margin-top:20px;
    }
    .btn-floating btn-tw mx-1
    {
        display: block!important;
    }
    .list-inline-item .btn-fb i
    {
        background:#3b5998;
        color:white;
    }
    .mr-1, .mx-1
    {
     margin-right:0!important;   
    }
    .phone_number
    {
        display:block;
    }
    .phone_icon
    {
     margin-left:26px;  
        margin-top:20px;
    }
    .border_line 
        {
            border-bottom:1px solid gray;
            width:80%;
            margin-top:12px;
            display: block;
    
        }
      .fonts 
    {
        font-size:13px;
    }
    .mail_phone
    {
        display:block;
    }
    .mail_phone
    {
     margin-left:26px;  
        margin-top:6px;   
    }
    .respon_icon .list-inline 
    {
        padding-left:18px;
        text-align: left!important;
    }
    .list-inline-item .btn-dribbble i
    {
     color:white;
     background:#3f729b;
        margin-left:-10px;
    }
    .testipara
    {
        padding:10px 0;
        text-align: justify!important;
    }
    .Based .container-fluid
    {
        padding-top:35px;
        padding-bottom:29px;
    }
    .Solution .w100
    {
        padding-bottom:20px;
        padding-top:38px;
    }
    .QUOTATION
    {
        padding-top:35px;
        padding-bottom:22px;
    }
    .pt-5, .py-5 
    {
        padding-top:2rem!important;
    }
    .Responsibilities .container 
    {
      padding:41px 0;  
    }
    .successful 
    {
        padding-bottom:0;
        padding-top:20px;
        width:90%;
        margin:0 auto;
    }
    .the 
    {
        width:90%;
        margin:0 auto;
        text-align: justify;
    }
    .machine_content
    {
        width:90%;
        margin:0 auto;
        text-align: justify;
    }
    .What
    {
      padding-top:0;
        text-align:left;
    }
    .Automatic
    {
        text-align:left;
        padding-top:10px;
    }
    .excellent
    {
     width:90%;
     margin:0 auto;
     text-align:justify;
        padding:0;
    }
    .Fully
    {
     width:90%;
     margin:0 auto;
      text-align:left;
    }
    .Machine
    {
        width:90%;
        margin:0 auto;
    }
/*
    @keyframes show {
          from {top: 0px;}
          to {top: 10px;}
}
*/
.head{
    display: none;
}
.logo{
    padding: 0 10px;
}
.logo img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: left;
    margin: 2% 0 0 0;
}
.head .navbar .container-fluid{
    padding: 0px!important;
}
.are,.we,.are1,.Who,.Your,.testimonials h1,.Packaging{
    font-size: 20px;
    margin: 0;
}
.With{
    width: 100%;
}
.Based .container{
    padding: 0px;
}
    .testi-coro .w30{
        width: 30%;
    }
    .testi-coro .w70{
        width: 70%;
    }
    .name{
        padding: 10px;
    }
    .menu_btn
    {
        margin-left: 20px;
        padding: 10px 27px;
        font-size: 14px;
        margin-top:20px;
        margin-bottom:10px;
    }
    .navbar-nav li{
        padding: 0 10px;
        font-size: 14px;
    }
    .list-inline-item{
        width: 15%;
        margin: 0!important;
        float: left;
    }
    #crossfade > img{
        object-fit: contain;
    }
    .Best .w100{
        padding-top: 25px;
    }
    .footer-copyright{
        margin-top:50px;
    }
    .for_footer{
        margin-left:20%!important;
    }
    .VISION .container-fluid .MISSION{
        font-size:25px;
    }
    .Challenges{
        font-size:18px;
    }
    .img_about img{
        height:auto;
    }
    .about_content h1{
        font-size:20px;
    }
    .about_content{
        margin-left:10px;
    }
    .strong{
        padding:10px 10px 10px 0;
    }
    .border_line3{
        margin-left:0;
    }
    .Office{
        font-size:20px;
        padding-bottom:10px;
    }
    .contact_icon{
        margin-left:30px;
        padding:10px;
    }
    .form-control{
        margin-top:10px;
    }
    .form-control input[type=number]{
        margin-top:0px;
    }
    #cssmenu ul
    {
    margin-right:0;
    margin-top:22; 
  }
    
    #cssmenu ul ul li
    {
     background:white!important;
    
    }
    #cssmenu ul ul li a
    {
      color:black!important;
    background:white;
        font-size:14px;
        margin-left:0px;
        padding-left:50px;
        
    }
    #cssmenu ul ul ul li a 
    {
        padding-left:53px;
        line-height:25px;
    }
    #cssmenu ul li a
    {
        font-size:13px; 
        margin-left:29px;
    }
    .menu_btn
    {
      margin-top:24px;   
    }
}    
