.myMenu {
  margin: 0 0 -16px;
}
/*---Header css ---*/
@media only screen and (max-width: 1280px) {
.logo {
  max-height: 52px;
}
.myMenu {
  margin: 0 0 -17px;
}
}

@media only screen and (max-width: 1199px) {
#main-site-header .nav {
  float: left;
  padding: 0 10px 0 20px !important;
  text-align: left;
  width: 60% !important;
}
#main-site-header .social_icon {
  float: right !important;
  margin: 0;
  text-align: right;
}
#socialicons a {
  display: inline-block;
  vertical-align: top;
}
.myMenu {
  margin: 0;
}
.myMenu li {
  padding: 0;
}
ul#menu li a {
  padding-bottom: 22px;
}
div#socialicons img {
  margin-top: 0;
}
.myMenu {
  margin: 0;
}
ul#menu li, ul#menu ul.sub-menu li {
  padding: 5px 8px;
}
}


@media only screen and (max-width: 991px) {
#main-site-header .social_icon {
  float: right !important;
  margin: 15px 0 0 !important;
  padding: 0;
  text-align: right;
}
#main-site-header .logo {
  float: none !important;
  margin: 0 0 5px;
  padding: 5px 0 0 20px !important;
  text-align: center;
  width: auto;
  height:auto !important;
}
#main-site-header .nav {
  padding: 0 10px !important;
  width: 71% !important;
}
ul#menu li, ul#menu ul.sub-menu li {
  padding: 5px 8px;
}
ul#menu ul.sub-menu li {
  display: block;
  padding: 0 !important;
}
ul#menu ul.sub-menu li a {
  display: block !important;
  padding: 5px 10px !important;
}
#main-site-header .logo {
  padding: 5px 20px 0 !important;
  width: auto !important;
}
#main-site-header .logo a {
	display:inline-block !important;
	width:auto !important;
}
#main-site-header .logo img {
	width: 168px;
	height: auto;
}
}

@media only screen and (max-width: 736px) {
ul#menu li, ul#menu ul.sub-menu li {
  display: inline-block;
  list-style-type: none;
  padding: 5px 8px;
}
ul#menu li ul.sub-menu li a, ul#menu li ul.sub-menu li a:hover {
  margin: 0;
  padding: 5px 10px;
}
}

@media only screen and (max-width: 666px) {
#main-site-header .nav {
  float: none !important;
  padding: 0 !important;
  text-align: center;
  width: auto !important;
}
#main-site-header .social_icon {
  margin: 15px 0 10px !important;
}
}

@media only screen and (max-width: 567px) {
ul#menu li ul.sub-menu {
  padding: 5px 0;
}
ul#menu ul.sub-menu li {
  padding: 0;
}
ul#menu li ul.sub-menu li a {
  transition: none;
}	
}

@media only screen and (max-width: 479px) {
#main-site-header .social_icon {
  margin: 0 !important;
}
}