@media (max-width: 1100px) {
  .fixed-nav .menu .menu-md {
    right: 15%;
  }
  .fixed-nav .menu .menu-md li a {
    padding: 20px 35px;
  }
  .box-section .section .box-hello .text {
    margin-left: 5%;
    margin-bottom: 20%;
    margin-top: 55%;
  }
  .box-section .section .box-hello p {
    font-size: 18px;
    margin-left: 5%;
  }
  .box-section .section .about-me {
    height: 55vh;
  }
  .box-section .section .about-me .position p {
    margin-top: 5%;
  }
  .box-section .section .about-me .position .skills {
    margin-top: 10%;
    margin-left: 5%;
  }
  .box-section .section .about-me .position .skills img {
    height: 80px;
    width: 80px;
  }
  .box-section .section .portfolio-box .box-foto-site {
    margin-left: -5%;
  }
  .box-section .section .portfolio-box .box-foto-site img {
    height: 250px;
    width: 550px;
  }
}
@media (max-width: 960px) {
  .fixed-nav .logo {
    padding-top: 1.5%;
  }
  .box-section .section .bg {
    right: -25%;
    top: 0;
    height: 100%;
    width: 95%;
    transform: skew(-25deg);
  }
  .box-section .section .box-hello .text {
    margin-left: 0%;
    margin-bottom: 15%;
    margin-top: 30%;
  }
  .box-section .section .box-hello p {
    font-size: 18px;
  }
  .box-section .section .about-me {
    height: 60vh;
  }
  .box-section .section .about-me .position .skills img {
    height: 70px;
    width: 70px;
  }
  .box-section .section .about-me .position p {
    font-size: 18px;
  }
  .box-section .section .portfolio-box .title-plagins p {
    font-size: 18px;
  }
  .box-section .section .portfolio-box .title-site {
    font-size: 18px;
  }
}
@media (max-width: 900px) {
  .box-section .section .bg {
    transform: skew(-20deg);
  }
  .box-section .section .box-hello .text {
    font-size: 40px;
    margin-top: 5%;
    margin-left: 54%;
    margin-bottom: 5%;
  }
  .box-section .section .box-hello .text .dud {
    font-size: 40px;
  }
  .box-section .section .about-me {
    height: 55vh;
  }
  .box-section .section .about-me .position p {
    margin-top: 5%;
  }
  .box-section .section .about-me .position .skills {
    margin-top: 5%;
  }
  .box-section .section .about-me .position .skills img {
    height: 50px;
    width: 50px;
  }
  .box-section .section .contacts {
    height: 35vh;
  }
}
@media (max-width: 780px) {
  .fixed-nav .menu .fa-bars {
    font-size: 14px;
  }
  .fixed-nav .menu .fa-bars .menuFon {
    left: 10%;
    top: 10%;
    height: 80%;
    width: 80%;
  }
  .box-section .section .title-left {
    text-align: left;
    font-size: 20px;
    margin-top: 5%;
    margin-left: 10%;
  }
  .box-section .section .title-center {
    text-align: center;
    font-size: 20px;
    padding-top: 3%;
  }
  .box-section .section .bg {
    transform: skew(-15deg);
  }
  .box-section .section .box-hello .text {
    font-size: 30px;
    margin-top: 5%;
    margin-left: 55%;
    margin-bottom: 5%;
  }
  .box-section .section .box-hello .text .dud {
    font-size: 30px;
  }
  .box-section .section .about-me {
    height: 50vh;
  }
  .box-section .section .about-me .position p {
    margin-top: 5%;
    font-size: 14px;
  }
  .box-section .section .about-me .position .skills {
    margin-top: 5%;
  }
  .box-section .section .about-me .position .skills img {
    height: 50px;
    width: 50px;
  }
  .box-section .section .portfolio-box .title-plagins p {
    font-size: 14px;
  }
  .box-section .section .portfolio-box .box-foto-site {
    margin-left: -10%;
  }
  .box-section .section .portfolio-box .box-foto-site img {
    height: 200px;
    width: 450px;
  }
  .box-section .section .portfolio-box .title-site {
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  .fixed-nav .logo {
    padding-top: 2%;
  }
  .box-section .section .title-left {
    text-align: left;
    font-size: 20px;
    margin-top: 5%;
    margin-left: 10%;
  }
  .box-section .section .title-center {
    text-align: center;
    font-size: 20px;
    padding-top: 3%;
  }
  .box-section .section .bg {
    top: 30%;
    left: 0;
    right: 0;
    height: 70vh;
    width: 100vw;
    transform: skew(0deg);
    border-left: none;
  }
  .box-section .section .box-slider-bg .slide-bg {
    height: 23vh;
  }
  .box-section .section .box-hello {
    margin-top: 0%;
  }
  .box-section .section .box-hello .text {
    font-size: 30px;
    margin-top: 60%;
    margin-left: 10%;
    margin-bottom: 10%;
  }
  .box-section .section .box-hello .text .dud {
    font-size: 30px;
  }
  .box-section .section .box-hello p {
    font-size: 14px;
  }
  .box-section .section .about-me .position p {
    margin-top: 5%;
    font-size: 14px;
  }
  .box-section .section .about-me .position .skills img {
    height: 40px;
    width: 40px;
  }
  .box-section .section .portfolio-box .title-plagins p {
    font-size: 14px;
    margin-left: 10px;
  }
  .box-section .section .portfolio-box .box-slid-vertical {
    margin-top: 20%;
  }
  .box-section .section .portfolio-box .box-slid-horizontal {
    margin-top: 20%;
    margin-bottom: 20%;
  }
  .box-section .section .portfolio-box .box-foto-site img {
    height: 200px;
    width: 400px;
  }
}
@media (max-width: 460px) {
  .fixed-nav .logo {
    padding-top: 2.5%;
  }
  .box-section .section .box-hello {
    margin-top: 0%;
  }
  .box-section .section .box-hello .text {
    font-size: 30px;
    margin-top: 75%;
    margin-left: 10%;
    margin-bottom: 10%;
  }
  .box-section .section .box-hello .text .dud {
    font-size: 30px;
  }
  .box-section .section .box-hello p {
    font-size: 14px;
  }
  .box-section .section .about-me {
    height: 75vh;
  }
  .box-section .section .about-me .position p {
    margin-top: 5%;
    font-size: 14px;
  }
  .box-section .section .about-me .position .skills {
    margin-top: 5%;
  }
  .box-section .section .about-me .position .skills img {
    height: 30px;
    width: 30px;
  }
  .box-section .section .portfolio-box .title-plagins p {
    font-size: 14px;
    margin-left: 10px;
  }
  .box-section .section .portfolio-box .title-site p {
    font-size: 14px;
  }
  .box-section .section .portfolio-box .box-slid-vertical {
    margin-top: 20%;
  }
  .box-section .section .portfolio-box .box-slid-horizontal {
    margin-top: 20%;
    margin-bottom: 20%;
  }
  .box-section .section .portfolio-box .box-foto-site img {
    height: 150px;
    width: 300px;
  }
  .box-section .section .contacts .box-contacts .box img {
    height: 22px;
    width: 22px;
    margin: 0px 10px;
  }
  .box-section .section .contacts .box-contacts .box .img {
    height: 25px;
    width: 25px;
  }
  .box-section .section .contacts .box-contacts .box h5 {
    vertical-align: super;
    font-size: 18px;
    margin-right: 20px;
  }
}