/*------------------------------------*\
 						Header only styles
\*------------------------------------*/
header {height: 53px; width: 100%; background-color: white; box-shadow: 0px 0.5px 0.5px rgba(192, 192, 192, 0.2); position: fixed; top: 0; z-index: 999;}
#nav {margin: 0 auto;}
#logo img {max-width: 170px; height: auto;}
#logo a {padding:15px;}
#headerIcons ul{ width: 100%; height:53px; margin-top: 0; margin-left: 0; padding-left: 0;}
#headerIcons li {display: inline-block; padding:12px;}
#headerIcons .fa-facebook-square, #headerIcons .fa-instagram, #headerIcons .fa-envelope-o, #headerIcons .fa-phone { font-size:28px; text-align: center; -webkit-transition: .5s; /* Safari */
    transition: .5s;}
#headerIcons .fa-facebook-square:hover, #headerIcons .fa-instagram:hover, #headerIcons .fa-envelope-o:hover {color: #ff6b01; -webkit-transition: .5s; /* Safari */
    transition: .5s;}
#headerIcons .fa-phone {margin-right: 8px;}
#fbHeaderIcon {padding-right: 0 !important;}
.ubermenu-target {-webkit-transition: .5s; /* Safari */
    transition: .5s;}
.ubermenu-nav {max-height: 53px !important;}
.phoneNumber {vertical-align: super; font-weight: 500;font-size: 14px;}

  /*------------------------------------*\
      RESPONSIVE
  \*------------------------------------*/
  /*------------------------------------*\
      !!!! CHECK !!!!
  \*------------------------------------*/
@media only screen and (max-width:1280px) {
  #logo img {width: 100%; height: auto;}
  #logo {width:15%;} #logo a {float:left;}
  #headerIcons {width: 30%; text-align: right;}
  #nav {width: 55%;}
  .ubermenu-main .ubermenu-item-level-0 > .ubermenu-target {font-size: 15px !important;}
}
/*------------------------------------*\
    !!!! CHECK !!!!
\*------------------------------------*/
@media only screen and (max-width:1024px) {
  #logo {width:20%;} #logo a {float:left;}
  #headerIcons {width: 40%; text-align: right;}
  #nav {width: 40%;}
  .ubermenu-nav li {width: 100% !important;}
}

@media only screen and (max-width:768px) {
#logo a {padding:15px 5px;}
}
/*------------------------------------*\
    !!!! CHECK !!!!
\*------------------------------------*/
@media only screen and (max-width:600px) {
  #logo, #logo a {width:100%; text-align: center;}
  #logo img {max-width: 170px; height: auto;}
  #headerIcons {width: 100%; text-align: right; clear: both; float: none; background-color: white;}
  #nav {width: 100%; float: none; clear: both;}
  header { min-height: 126px;}
  .ubermenu-nav {max-height: none !important;}

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