.nav{
  margin: auto;
  text-align: center;
}
.nav .nav-tag{
  position: absolute;
  cursor: pointer;
  margin:0.3rem 0.5rem;
  right:0;
}
.nav .nav-tag .close{
  display:none;
}
.nav-checkbox{
  display: none;
}
.nav .nav-menu{
  display: flex;
  flex-direction: column;
  padding: 0px;
  margin: 0px;
}
.nav a{
  display: block;
  padding:8px 10px;
}
.nav .nav-menu li{
  list-style: none;
  margin: 0px;
  display: none;
}
.nav .nav-menu > li img{
  width:70px;
  margin:0px;
}
.nav .nav-menu > li:first-child{
  margin-right: auto;
  display: block;
}
.arrowdown {
  border: solid white;
  border-width: 0 3px 3px 0;
  display: none;
  padding: 6px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(45deg);
  margin-left: 8px;
}
.arrowleft {
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 6px;
  transform: rotate(45deg);
  -webkit-transform: rotate(135deg);
  font-size: 18px;
  margin-left: 8px;
}
.nav label{
  display: block;
  cursor: pointer;
  padding:8px 10px;
}
.nav ul li:hover{
  background:#ce1e1ed0;
  border-radius: 10px;
}
.nav .nav-menu{
  width:auto;
  border: 2px solid #292929;
  border-radius: 10px;
}
.nav .nav-menu ul{
  position: relative;
  padding:0;
  min-width: 190px;
  display: none;
  top:100%;
  right: 0px;
  background:#585858;
  border: 2px solid #292929;
  border-radius: 10px;
}
.nav .nav-tag img{
  width:60px;
  padding:12px 8px 0px 0px ;
}


/*Mobile View*/
@media screen and (max-width:600px){
  .label{
    display:block;
    text-align: left;
  }
  .nav a{
    text-align: left;
  }
  .profile-img{
    display: none;
  }
  #nav-toggle:checked ~ .profile-img{
    display: inline;
    position: absolute;
    top:140px;
    right: 30px;
    left:unset;
    border-radius: 80px;
  }
  #nav-toggle:checked ~ ul.nav-menu li{
    display:block;
  }
  #nav-toggle:checked ~ label.nav-tag img.menu {
    display: none;
  }
  #nav-toggle:checked ~ label.nav-tag img.close {
    display: block;
  }
  #ourservices:checked ~ ul.ourservices {
    display: block;
    position: relative;
  }
  #ourservices:checked ~ label.ourservices i.arrowleft {
    display: none;
  }
  #ourservices:checked ~ label.ourservices i.arrowdown {
    display: inline-block;
  }
  #contact-us:checked ~ ul.contact-us {
    display: block;
  }
  #contact-us:checked ~ label.contact-us i.arrowleft {
    display: none;
  }
  #contact-us:checked ~ label.contact-us i.arrowdown {
    display: inline-block;
  }
  #accounts:checked ~ ul.accounts {
    display: block;
  }
  #accounts:checked ~ label.accounts i.arrowleft {
    display: none;
  }
  #accounts:checked ~ label.accounts i.arrowdown {
    display: inline-block;
  }
  #send-sms:checked ~ ul.send-sms {
    display: block;
  }
  #send-sms:checked ~ label.send-sms i.arrowleft {
    display: none;
  }
  #send-sms:checked ~ label.send-sms i.arrowdown {
    display: inline-block;
  }
  #more:checked ~ ul.more {
    display: block;
  }
  #more:checked ~ label.more i.arrowleft {
    display: none;
  }
  #more:checked ~ label.more i.arrowdown {
    display: inline-block;
  }
  .nav .nav-menu ul{
    margin: 0px 0px 5px 0px;
  }
  .mob-tag{
    display: inline;
    position:absolute;
    right:110px;
    left:110px;
    margin-top: 3vw;
  }
}

/*Desktop View*/
@media screen and (min-width:600px){
  .callnowbutton{
    display: none;
  }
  .nav .nav-menu ul{
    position: absolute;
    z-index: +1;
  }
  .nav .nav-menu li:hover ul{
    display: block;
  }
  .nav .nav-tag{
    display: none;

  }
  .nav .nav-menu > li:first-child{
    margin-right: auto;
    display: none;
  }
  .nav .nav-menu{
    display: flex;
    flex-direction: row;
    padding:0px 0px 0px 0px;
    justify-content: center;
  }
  .nav .nav-menu li{
    display:block;
    position: relative;
  }
  .nav .arrowdown{
    display:none;
  }
  .nav .arrowleft{
    display: none;
  }
  .mob-tag{
    display: none;
  }
  
}