@media screen and (min-width: 360px) {
  .sidenav {
    width: 80%;
  }
}
  @media screen and (min-width: 400px) {
    .sidenav {
      width: 70%;
    }
    .navbar-nav>li>a {
      padding-top: 20px !important;
      padding-bottom: 20px !important;
    }
    ul.navSideBar>li>a {
      font-size: 15px !important;
    }
    .LogoBlock>a>img {
      max-width: 180px;
    }
    #close-nav.closebtn {
      margin-left: 100px !important;;
      font-size: 23px !important;
      left: 105px !important;
    }
    .SocialMediaIcon>span.tital {
      font-size: 15px !important;
    }
    .SocialMediaIcon>ul>li>a {
      font-size: 20px;
    }
    .btn.RequestaBtn {
      font-size: 15px;
    }
  }
  
  @media screen and (min-width: 540px) {
    .sidenav {
      width: 55%;
    }
    .navbar-nav>li>a {
      padding-top: 20px !important;
      padding-bottom: 20px !important;
    }
    ul.navSideBar>li>a {
      font-size: 15px !important;
    }
    .LogoBlock>a>img {
      max-width: 180px;
    }
    #close-nav.closebtn {
      margin-left: 100px !important;;
      font-size: 23px !important;
      left: 105px !important;
    }
    .SocialMediaIcon>span.tital {
      font-size: 15px !important;
    }
    .SocialMediaIcon>ul>li>a {
      font-size: 20px;
    }
    .btn.RequestaBtn {
      font-size: 15px;
    }
  }
  
  @media screen and (min-width: 630px) {
    .sidenav {
      width: 50%;
    }
  }
  
  @media screen and (min-width: 767px) {
    .sidenav {
      width: 40%;
    }
    #close-nav.closebtn {
      margin-left: 100px !important;;
      font-size: 25px !important;
      left: 125px !important;
    }

  }

  @media screen and (min-width: 991px) {
    .sidenav {
      width: 30%;
    }
  }
  
  @media screen and (min-width: 1200px) {
    .sidenav {
      width: 25%;
    }
  
  }
  
  @media screen and (min-width: 1450px) {
    .sidenav {
      width: 21.5%;
    }
    .navbar-nav>li>a {
      padding-top: 20px !important;
      padding-bottom: 20px !important;
    }
    ul.navSideBar>li>a {
      font-size: 17px !important;
    }
    .LogoBlock>a>img {
      max-width: 1000px;
    }
    #close-nav.closebtn {
      margin-left: 105px !important;;
      font-size: 27px !important;
      left: 130px !important;
    }
    .SocialMediaIcon>span.tital {
      font-size: 17px !important;
    }
    .SocialMediaIcon>ul>li>a {
      font-size: 20px;
    }
    .btn.RequestaBtn {
      font-size: 17px;
    }
  }
  
  @media screen and (min-width: 1600px) {
    ul.navSideBar>li>a {
      font-size: 18px !important;
    }
    .LogoBlock>a>img {
      max-width: 1000px;
    }
    #close-nav.closebtn {
      margin-left: 105px !important;;
      font-size: 27px !important;
      left: 130px !important;
    }
    .SocialMediaIcon>span.tital {
      font-size: 18px !important;
    }
    .SocialMediaIcon>ul>li>a {
      font-size: 21px;
    }
    .btn.RequestaBtn {
      font-size: 18px;
    }

  }

  @media screen and (min-width: 2500px) {
    .sidenav {
      width: 15%;
    }
  }