#header{
  right: 0 ;
}

.mobile-nav-active #header {
  right: 0 ;
}
.mobile-nav-toggle {
  left: 10px ;
}


.nav-menu a, .nav-menu a:focus {
  width: 50px;
}
.nav-menu a:hover, .nav-menu li:hover > a {
  width: 150px;

}

@media (max-width: 992px) {
  #header {
    right: -300px;
  }
  .nav-menu a, .nav-menu a:focus {
    width: 100%;
  }
  .nav-menu a:hover, .nav-menu li:hover > a {
    width: 100%;

  }
}
.back-to-top{
  left: 15px;
}

.skills .progress .skill .val {
  float: left;
}
.resume .resume-item {
  border-right:  2px solid #0563bb;
  padding: 0 20px 20px 0 ;
}

.resume .resume-item::before {
  right: -9px;
}

@media (min-width: 992px) {
  #main {
    margin-right: 100px;
  }
}
.contact .info i {
  float: right;
}
.contact .info h4,.contact .info p {
  padding: 0 60px 0 0;
}
.icon-form-position{
  left: 20px;
}
.icon-form-position-f{
  left: 10px;
}

.breadcrumb-item+.breadcrumb-item::before {
  float: right !important;
}