

input{width:100%; outline:none;}
      input[type=number]::-webkit-inner-spin-button, 
      input[type=number]::-webkit-outer-spin-button
        {-webkit-appearance: none; margin: 0; 
        }
        body{
          
          width:100% !important;
          background-color:#edeef1 !important;
        }
        .container{
          background-color:#fff !important;
          margin-top:100px !important;
          border-radius: 5px;
          width:auto !important;
        }
        .w3-card-2{
          background-color:#fff !important;
        }
        .w3-btn{
          border-radius: 4px;
          margin-top:10px;
        }
        .length_converter{
           margin-left:5px !important;
           color:#0060a5c2;
           font-weight: 700 !important;
            /* background-color: #f8f9fc;
            border-bottom: 1px solid #e3e6f0; */
        }
        hr{
            border-bottom: 2px solid #e3e6f0;
            /* background-color: #f8f9fc; */
        }
        /* .card-header {
            padding: 0.75rem 1.25rem;
            margin-bottom: 0;
            background-color: #f8f9fc;
            border-bottom: 1px solid #e3e6f0;
        } */

@media (min-width: 1200px)
{
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1300px;
}
}

@media only screen and (min-width: 960px) {
  /* styles for browsers larger than 960px; */
}
@media only screen and (min-width: 1440px) {
  /* styles for browsers larger than 1440px; */
}
@media only screen and (min-width: 2000px) {
  /* for sumo sized (mac) screens */
  
}

@media only screen and (max-device-width: 480px) {
}

@media only screen and (device-width: 768px) {
 /* default iPad screens */
}
/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
/* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
/* For landscape layouts only */
}