.header{
  display:block;
}

/* Menu Alignment*/

.header-dropdown-menu{
  margin: 2px -10px 0;
}

.gsc-control-cse
{
  width:20%!important;
  float:right;
  padding:0px!important;
}

/* Menu Alignment Ends*/

/* miniOrange Logo*/

.mini-logo{
  float:none;
  position: fixed;
  margin-top:24px;
}

/* End of miniOrange Logo*/

/* Contact info */

.header-dropdown-menu{
  width:max-content;
}

.outer-block-signup-contact-btns{
  text-align:center;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:500;
  float:right;
}

.contact-search-btns{
  margin-top:0px;
  margin-left:17%;
  margin-right:5px;
}

/* End of Contact info */

/* Hamburger Menu */
.hamburger-icon{
  color:black;
  font-size:40px;
  display:none;
  margin-top: 10px;
  margin-right: 10px;
  cursor: pointer;
}

.hamburger-icon .a::after{
  content: "\f0c9";
}

.sidenav-ul{
  width:100%;
  overflow-y:auto;
  overflow-x: hidden;
  margin-bottom: 25%;
  margin-right: 0em;
  background-color: #efefef59;
}

.sub-menu{
  height:max-content;
  width:max-content;
}

.topnav {
  background-color: white;
}

.topnav a {
  float: left;
  display: block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 12px;
}

/* End of hamburger menu */


/* Side Pane under hamburger Menu */

.sidenav {
  width: 0%;
  position: fixed;
  right: 0;
  background-color: white;
  overflow:auto;
  top :auto;
  margin-bottom: 6em;
}

.sidenav a{
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  
  color: #818181;
  display: block;
}

/* End of Side Pane under hamburger menu */


/* Dropdown Menu */

.dropdown-btn {
  text-decoration: none;
  font-size: 20px;
  color: #818181;
  display: block;
  border: none;
  background: none;
  width: 0%;
  text-align: left;
  cursor: pointer;
  outline: none;
  margin-right: 4px;
}

.dropdown-container {
  display: none;
  background-color: transparent;
  border-bottom: 1px solid #dedede;
  margin: 8px;
  width:100%!important;
  padding-left: 1em;
}

.dropdown-container:hover{
  cursor: pointer;
}

.hamburger-dropdown-arrow {
  border:solid thin;
  transform: rotate(45deg);
  border-width: 0px 2px 2px 0px;
  display: inline-block;
  padding: 3px;
}

/* End of dropdown menu */

/* Dropdown content */

.chevron-up {
  width: 0px;
  height: 0px;
  border-left: 1em solid transparent;
  border-right: 1em solid transparent;
  border-bottom: 1em solid #fff;
  position: absolute;
  transform: translate(-50%, -75%);
  top:-3px;
}

.header-dropdown-menu{
  border :1px solid transparent;
}

.dropdown-content{
  top:34px;
  box-shadow: #0003 0em 0em 1em;
}

/* End of Dropdown content */


.button-outline-green, .button-outline-green:hover{
  background-color:white;
  border-color:#4cbf9d;
  width: 126px;
  letter-spacing:1px;
  color:#4cbf9d!important;
  margin-left:2px;
}

.button-green{
  background-color:#4cbf9d;
  border-color:#4cbf9d;
  width: 126px;
  letter-spacing:1px;
  color:#fff!important;
}

.button-green:hover{
  background-color:#68cfb0;
  border-color:#68cfb0;
}

#more-ul{
  left:-185%;
  top:34px!important;
}

#more{
  display:none;
}

#mobileHeader{
  width:100%;
  height:100%;
  transition: 0s;
}

#customers li{
  cursor: pointer;
}

.font-clr{
  color: orange;
}


/* Responsive CSS */

/* Elements to be displayed in More */

@media (max-width:1275px) and (min-width: 819px){

  #more:focus #customers{
    display:block;
  }

  #more{
    display: block;
  }
  
  .more-chevron-up{
    left: 70%!important;
  }

  #more-ul{
    left: -250%;
  }

}

@media (max-width: 1231px) and (min-width: 819px){
  .header-nav a{
    font-size: 1.4rem;
  }
}

@media (max-width: 1172px) and (min-width: 819px){

  .header-nav a{
    font-size: 1.3rem;
  }

}

@media (max-width: 1117px) and (min-width: 819px){

  #more:focus #pricing{
    display:block;
  }

  .header-nav>li>a{
    padding: 10px 1.25rem;
  }

  .header-dropdown-menu a{
    font-size: 1.2rem;
  }

  .header-dropdown-menu li{
    padding: 0 0.2rem;
  }

  .more-chevron-up{
    left: 89%!important;
  }

  .solution-submenu{
    left:-128%!important;
    width:129%!important;
  }

  #more-ul{
    left: -686%;
  }
  
}

@media (max-width: 998px) and (min-width: 819px){

  .header-nav a{
    font-size: 1.2rem;
  }

  #customers{
    display: none;
  }

  .header-dropdown-menu a{
    font-size: 1rem;
  }

  .header-dropdown-menu .drop-submenu{
    padding: 0 1.1rem;
  }

  .solution-submenu{
    left:-118%!important;
    width: 119%!important;
  }

  #more-ul{
    left:-1104%;
  }

  .more-chevron-up{
    left: 87%!important;
  }
}

/* End of Elements to be displayed in More */

/* Mobile view/Hamburger Menu */

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

  .sidenav-ul .toggle{
    height:auto!important;
    max-height:fit-content!important;
    text-align:left!important;
  }
  
  /** Content Above Menu Alignment*/
  
  .button-outline-green{
	  font-weight: 500;
	  float: none;
    margin-right: 1em;
  }
  
  .button-green{
	  float: none;
  }
  
  .signup-contact-btns{
    margin-top:0px;
	  margin-left:0px;
	  margin-right:0px;
    width: 100%;
    text-align: center;
  }	
  
  .link-container{
	  float: none;
    text-align: center;
	}
  
  .navbar-brand{
	  margin-top:0;
  }

  .outer-block-signup-contact-btns{
    margin-top:unset;
    margin-left:unset;
    margin-right:unset;
  }

  .hamburger-icon{
    font-size: 30px!important;
    margin-top: 0px;
    margin-right: 0px;
  }

  .appended-search{
    float:right;
  }
  
  .gsc-control-cse{
    margin:0!important;
    width: 45%!important;
  }

  /* End of Content above menu Alignment */

  #mobileHeader{
    width: 0%;
  }

  .hamburger-icon{
    display: block;
  }

  .header-nav a{
    font-size: 15px;
  }

  .chevron-up{
    display: none;
  }
}

@media screen and (max-width: 675px){
  .header-nav li{
    width:inherit!important;
  }
}

/* End of Mobile view/Hamburger Menu */

/* End of Responsive CSS*/