#nav .multi-level .item .search-box .textdemo, .search-box .textdemo {
   border: 0;
   outline: 0;
   font-family: inherit!important;
   font-size: 18px!important;
}

.search-box .textdemo {
  box-sizing:border-box!important;
  border-radius:20px!important;
  padding: 15px!important;
  height:30px!important;
  background-color: #fff!important;
}

.mega_section .search-box .textdemo {
  color:#6a6a6a!Important;
}

#nav .multi-level .item .search-box input[type="text"], #nav .multi-level .item .search-box input[type="text"]:-moz-placeholder, #nav .multi-level .item .search-box input[type="text"]:-ms-input-placeholder, #nav .multi-level .item .search-box input[type="text"]::-moz-placeholder, #nav .multi-level .item .search-box input[type="text"]::-webkit-input-placeholder, #nav .multi-level .item .search-box input[type="text"]::-moz-placeholder, .mega_section .search-box input[type="text"], .mega_section .search-box input[type="text"]:-moz-placeholder, .mega_section .search-box input[type="text"]:-ms-input-placeholder, .mega_section .search-box input[type="text"]::-moz-placeholder, .mega_section .search-box input[type="text"]::-webkit-input-placeholder, .mega_section .search-box input[type="text"]::-moz-placeholder {
  color: #6a6a6a !important;
}

#nav .multi-level .item .search-box input[type="text"], .mega_section .search-box input[type="text"] {
  width:100%;   
}

#nav .multi-level .item .search-box input[type="submit"] { 
  position:absolute!important;
  top:23px!important;
  float:right;
  right:45px!Important; 
  margin:0; 
  padding:0; 
  width:30px; 
  height:30px; 
  border-radius:50%; 
  background:none!important;
  /*background:transparent url("https://cdn2.hubspot.net/hubfs/3378618/search_icon.png") no-repeat  6px center / 18px 18px!important; */
  border:none!important; 
}

.mega_section .search-box input[type="submit"] { 
  position:absolute; 
  top:19px !important; 
  right:35px;
  margin:0; 
  padding:0; 
  width:50px; 
  height:30px; 
  z-index:1000;
  border-radius:50%; 
  background:transparent url("https://cdn2.hubspot.net/hubfs/3378618/search_icon.png") no-repeat  6px center / 18px 18px!important; 
  border:none!important; 
}

#nav .multi-level .item .search-box form .textdemo {
  font-weight:normal!important;
  width:85vw!important;
}

.mega_section .search-box form .textdemo {
  width:200px !important;
}

@media only screen and (min-width: 1250px) {

    #nav {
        display:none;
    }
    
    .wrapper{
        top:0;
        left:0;
        position:fixed;
        width:100%;
        z-index:5;
        font-size:20px;
        box-sizing: border-box;
        font-family: Trebuchet MS!important;
    }
    
    #logo {
        position:absolute;
        z-index:1;
        margin:17px 0 0 35px!important;
        vertical-align:middle;
    }
    
    #markleyLogo {
      position:fixed;
        width:200px;
    }
    
    .mega_menu{
        width: 100vw;
        height: 70px;
        box-sizing: border-box;
    }
    
    .mega_menu #mega_links{
        width: 100%;
        background: #333F48;
        text-align: right;
        line-height: 66px;
        position: relative;
        padding: 0 20px;
    }
    
    .mega_menu #mega_links .mega_section{
        box-sizing:border-box;
        display: inline-block;
        height:70px;
        margin: 0 15px;
        color: #f5f5f5;
        padding: 0 15px 10px 15px;
    }
    
    .mega_menu #mega_links .mega_section a{
        box-sizing:border-box;
        text-decoration: none;
        color: #f5f5f5;
        text-transform: uppercase;
        font-size: 20px;
        display: block;
    }
    
    .mega_menu #mega_links .mega_section .sub_menu{
        transition-duration: .01s;
        animation-delay: 0s;
        text-align: left;
        position: absolute;
        background: #333F48;
        width: 100%;
        top: 70px;
        visibility:hidden;
        padding: 20px 0 35px 0;
        justify-content: center;
        display: flex;
        line-height:100%;
        opacity:0;
        transition: visibility 0s linear 300ms, opacity 300ms;
    }
  
    .mega_menu #mega_links .mega_section .sub_menu .col {
        margin-left:150px;
    }

    .mega_menu #mega_links .mega_section .sub_menu .col:first-child {
        margin-left:0;
    }
  
    .mega_menu #mega_links .mega_section:hover .sub_menu{
        visibility:visible;
        opacity:1;
        transition: visibility 0s linear 0s, opacity 300ms;
    }
    
    .mega_menu #mega_links .mega_section .sub_menu.solutions {
        left: 0;
    }
    
    .mega_menu #mega_links .mega_section .sub_menu.about{
        width: auto;
        /**margin-left: -62px;**/
        margin-left:-80px;
        padding: 20px 50px 25px 50px;
    }
    
    .mega_menu #mega_links .mega_section:hover{
        border-bottom:4px solid #ee3124;
    }
  
    .mega_menu #mega_links .mega_section:last-child:hover{
        border-bottom:0;
    }
    
    .mega_menu #mega_links .mega_section .sub_menu h3 a{
        display: inline-block;
        text-transform: none;
        margin:0!important;
        padding:0!important;
    }
    
    .mega_menu #mega_links .mega_section .sub_menu p a{
        text-transform: none;
        color: #f5f5f5;
        line-height:80%!important;
        margin:0!important;
        padding:0!important;
        font-size:20px;
    }
  
    .mega_menu #mega_links .mega_section .sub_menu h3 a{
      font-size:25px;
      font-weight:900;
    }
    
    .mega_menu #mega_links .mega_section .sub_menu h3:after{
        content:'>';
        position:absolute;
        color:#f5f5f5;
        font-weight:700;
        padding:4px 0 0 10px;
    }
}

@media only screen and (max-width: 1249px) {
  

    .wrapper {
        display:none;
    }
   

    /*open and closes menu*/
    .multi-level, .item .secondLevel, #nav input[type="checkbox"], .secondLevel .secondLevelWrapper .thirdLevel {
        display: none;
    }
    #menu:checked ~ .multi-level, .item input:checked ~ .secondLevel, .sub-item input:checked ~ .thirdLevel {
        display: block;
    }
    

    /*Arrow*/

    .arrow {
        width: 12px;
      position:absolute;
        height: 12px;
        vertical-align: middle;
        float: left;
        z-index: 0;
        margin: 23px 15px 0 0;
    }
  
    .item input + .arrow {
        transform: rotate(-90deg);
        transition: 0.1s;
    }
  
    .item input:checked + .arrow {
        transform: rotate(0deg);
        transition: 0.1s;
    }

    /*Styles*/

    #logo {
        position:absolute;
        margin:17px 0 0 35px;
        vertical-align:middle;
        z-index:11;
    }

    #markleyLogo {
        width:200px;
        position:fixed;
    }

    label:hover {
        cursor: pointer;
    }
  
    #nav .item .secondLevel .thirdLevel .thirdLevelLink a {
        color:#f5f5f5!important;
        font-size:24px;
    }
  
    #nav .multi-level .item label {
        font-size:24px;
    }

    label {
        width: 100%;
        display: block;
        position: relative;
    }

    #nav {
        color:#f5f5f5!important;
        box-sizing: border-box;
        width: 100%;
        max-height:100%;
        overflow-x:hidden;
        overflow-y:auto;
        font-family: Trebuchet MS!important;
        font-size:24px;
        font-weight:normal!important;
    }
  
    #nav a {
      text-decoration:none;
      color:#f5f5f5;
      font-weight:normal!important;
      font-size:24px;
    }

    .multi-level {
        z-index:10;
        position:fixed;
        overflow-y:auto;
        max-height:90vh;
        width:100%;
        color:#f5f5f5;
        box-sizing: border-box;
        background:#333F48;
        margin-top:70px;
        padding: 0 35px 35px 35px;
        overflow-x: hidden;
    }

    #nav-icon {
        padding:0;
        line-height: 70px!important;
        height: 70px!important;
        color: #f5f5f5;
        position: fixed;
        padding-right: 35px;
        text-align: right;
        width: 100%;
        font-size:50px;
        top: 0;
        z-index:1;
        z-index:10;
        right: 0;
        vertical-align: middle!important;
        background-color: #333F48;
    }

    
     #nav .secondLevel, #nav .secondLevelWrapper, #nav .multi-level .item label {
        list-style: none;
        text-decoration: none;
        color: #f5f5f5;
        width: 100%;
    }

    #nav .multi-level .item label,  #nav .multi-level .item label a{
        color:#f5f5f5!important;
        width:100%;
        font-weight:normal;
        padding: 15px 0;
        line-height:100%;
        text-decoration:none;
    }


  
    #nav .multi-level .item:first-child {
      padding:20px 0;
    }
  
    
    #nav .thirdLevel .thirdLevelLink {
      width:100%;
      line-height:210%!important;
    }

}