/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 992px) { 
    /* .col-lg-4 width: 100% !important; } */
    header.masthead .header-content h1{ font-size: 27px !important; }
    #mainNav{background-color: black !important; padding-bottom: 10px !important; }
    h1, .h1{font-size: 1.5rem !important;}
    .lrg-logo  {
        width: 155px !important;
        height: 36px !important;
        text-align: center;
        background-image: url(../images/logo-small.png) !important ;
        background-repeat: no-repeat !important;
        background-position: center left !important;  
      }
      #mainNav .navbar-nav li {text-align: left !important; border-bottom: 1px solid #171717 !important; padding: 12px !important;}
      .cap-bottom-gredient{ padding-bottom: 60px !important; }
      .masthead::before{ bottom: 5rem !important;    margin-left: -2.7rem !important;}
      header.masthead{height: 100vh;}
      .mice{padding-top: 0px !important; padding-right: 16px !important;}
      header.masthead .header-content{     width: 95% !important; bottom: 15%;}
      header.masthead .header-content h1{ width: auto !important; font-weight: 500 !important; margin-bottom: 6px !important;}
      header.masthead .header-content h4{ font-size: 1rem !important; }
      header.masthead .header-content h4 span { margin: 6px; }
      header.masthead .header-content h4 span img{ width: 9px;}
      .service .dark-box h4, .service .light-dark-box h4{ font-size: 14px !important; }
      .service .dark-box, .service .light-dark-box{ margin-top: 15px !important; }
      .gap-mesure{ padding: 2rem 1rem 1rem 1rem !important; }
      .platform{ background: white !important ;}
      .service{padding: 2rem 0rem !important;}
      .platform-box{ padding:1rem 2rem !important; min-height: auto !important; margin-top: 15px !important; }
      .story{ padding:2rem; margin-left: 0px !important;}
      section{ padding: 20px 0px !important; }
      .mail-arrow{ display: none; }
      .metax img { position: relative !important; top: 72px; left:0% !important; }
      .masthead::before { left: 48% !important; }
      .solution h2 {font-size: 21px !important;}
      .mb-60{ margin-bottom: 15px !important; }
      .solution .col-md-3 p { min-height: auto !important; }
      .device-text h2 { font-size: 18px !important; margin-top: 24px !important; }
      .device-text{ margin-top: 0px !important; }
      .device{ background: rgb(248,248,248) !important; padding: 1rem 0rem !important; }
      .device-logo{ margin-top: 0px !important; }
      .contact-box{margin-top: 85px !important; padding: 40px !important;}
      .address{ margin: 0px !important; }
      footer{ padding: 50px 0px !important;}
      .foot-menu { margin-bottom: 30px !important; }
      .navbar-toggler{ width: 50px !important; height: 50px !important; background: url(../images/nav-ico.png) no-repeat center center #000000 !important;}
      .navbar-toggler:focus{ box-shadow: transparent !important; }
      .service .dark-box h4, .service .light-dark-box h4{ padding: 27px 0px !important;}
      #mainNav .navbar-nav li a.active { float: left !important; }
      #mainNav .navbar-nav li a, #mainNav .navbar-nav li a:focus{color: #676767 !important; float: left !important;}
      .viewstar{ width:130px;}
 }

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) { }

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}