.clear{clear:both;}

.intro{display:block !important;}



.menuUsItem.menuItemRight{
width: 34%;
float: left;
  margin-top: -13px;
}
.block-on_mob{display:none !important;}
header.fixedTopMenu .topWrap .logo{padding:20px 0 !important;}
.topWrap .topMenuStyleLine{width: 35%;}
.logo.logo_left{
left: 35%;
width: 29%;
position: absolute;
  height: 148px !important;
z-index: 99;
}
.mainmenu_area{
  position:relative;
  background:#1a59a2 !important;
  height:130px !important;
  border-bottom: 2px solid #fff;
}
.mainmenu_area .main {width: 98%;}
.topWrap{
  background:transparent;
}


header.fixedTopMenu .topWrap{height:130px !important;}

#usermenu{
  text-align: left !important;
  padding:0;
  margin:0 auto;
}
#usermenu li a{
	border: 3px solid #fffd03;
color: #fff !important;
height: 31px;
font-size: 14px !important;
font-weight: bold !important;
font-family: roboto !important;
padding: 0 7px !important;
letter-spacing: 0 !important;
text-align: center;
width: 85px;
margin-bottom: 6px;
display:block;
  line-height:29px;
}

#mainmenu li a{
border: 3px solid #fffd03;
color: #fff;
height: 31px;
font-size: 14px;
font-weight: bold;
font-family: roboto !important;
padding: 0 7px;
letter-spacing: 0;
  text-align: center;
  line-height: 31px;
}

#usermenu li{
  list-style:none;
  display:inline-block;
}

.logo.logo_left img{
border: 2px solid #fff;
width: 100%;
  height:148px !important;
}
.usermenu_area{display:none;}
.topWrap .topMenuStyleLine > ul > li{
  display:inline-block; 
  padding:0 !important; 
  float:none;
}
#mainmenu {
    text-align: right;
    margin-top: 32px;
    height: 42px;
    width: 99%;
    float: right;
}

.menu-heding_left {
    width: 66%;
    float: left;
}
.menu-heading_right {
    width: 34%;
    float: left;
    text-align: right;
    padding-top: 18px;
}
.menu-heding_left h2 {
    font-size: 16px;
    font-weight: bold;
    font-family: roboto !important;
    color: #fff;
    margin-top: 6px;
    margin-bottom: 0;
  padding:0;
  letter-spacing:2px;
}
.menu-heading_right ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    padding: 0 !important;
}
.menu-heading_right ul li{list-style:none;}
.header-contactus_line {
    font-size: 16px;
    font-weight: bold;
    justify-content: space-between;
    font-family: roboto !important;
    color: #ededed !important;
}
.header-contactus_line a {
    color: #fffd03;
}
.top-contact_button {
    width: 130px;
    background: #fffd03;
    display: block;
    text-align: center;
    padding: 9px 0;
    border-radius: 4px;
    color: #1a59a2;
    font-weight: bold;
    font-family: roboto !important;
}
header.fixedTopMenu .topWrap .logo img{margin-top:0px !important;}

#menu-item-4688 a {
    color: transparent !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 2;
    height: 100% !important;
}

#menu-item-4688 {
    background: #fff;
    width: 48px !important;
    height: 46px !important;
    top: -8px;
    left: -5px;
}

#menu-item-4688::after {
    background: url(https://www.justkidz.co.nz/wp-content/uploads/2018/09/house-nee.png) no-repeat;
    content: "";
    height: 29px;
    width: 29px;
    position: absolute;
    top: 12px;
    left: 11px;
}


#mainmenu::before {
    content: "";
    width: 100%;
    height: 1px;
    background: #4977ff;
    position: absolute;
    top: -5px;
    right: 0;
}
ul#mainmenu .menu-panel > li > ul > li > a{
border: 0 !important;
cursor: pointer !important;
}
.menu-item-has-children .menu-panel.columns{top:38px !important;}

ul#mainmenu .menu-panel ul.columns > li{float:inherit;}

.menu-panel #mainmenu li a{border:0 !important;}
.mainmenu_area .main{position:relative;}
ul#mainmenu .menu-panel ul.columns > li > a {
    padding: 0 15px 10px;
    text-align: left;
}

@media only screen and (min-width : 1367px){
  .mainmenu_area .main {
    width: 1328px !important;
    margin: 0 auto !important;
   position:relative;}
  .logo.logo_left{width:400px;left: 34%;}
}

@media only screen and (max-width : 1340px){
	.logo.logo_left {
    left: 38% !important;
    width: 22% !important;
   height:auto !important;}
  .logo.logo_left img{height:auto !important;}
  #mainmenu::before{display:none;}
  .menuUsItem.menuItemRight {width: 39%;}
  .topWrap .topMenuStyleLine {width: 37%;}
}
@media only screen and (max-width : 1260px){
	.mainmenu_area {height: 182px !important;}
}


@media only screen and (max-width : 1023px){
	#menu-item-4721 > ul {
    display: block !important;
    height: 0;
    transition: all 0.5s ease !important;
}

.menu_expand{height:170px !important; transition:0.3s;}
}

@media only screen and (max-width : 1025px){
  ul#mainmenu li{background: #fff !important;}
  .block-on_mob{display:block !important;}
  .menuUsItem.menuItemRight{display:none;}
  .menus-main-headings{display:none;}
  .mainmenu_area {height: 125px !important;}

  .openResponsiveMenu{
    margin: 53px 0 37px 10px;
    z-index:99999;
    position:relative;
  }
#menu-item-4688 {
    background: transparent;
    width: auto !important;
    height: auto !important;
    top: auto;
    left: auto;
}
  #menu-item-4688 a {
    color: #1b55ff ;
    background: transparent !important;
    border: 0;
    padding: auto;
    position: relative !important;
    z-index: 2;
    height: auto;}
  .topWrap .topMenuStyleLine {
    width: 100%;
    padding: 0 !important;
    float: left !important;
    background:#fff !important;
    z-index:999999 !important;
    position:relative;
}
  #mainmenu {
    height: auto;
    background: #fff !important;
    float:left !important;
}
  #mainmenu li a {
    border: none;
    color: #1b55ff !important;
  text-align: left;
  padding: 0 7px !important;}
  .logo.logo_left {
    width: 100% !important; 
    left:0 !important;
    text-align: center !important;
  }
  .logo.logo_left img{width:225px;}
}