@media only screen and (min-width:1921px) {
    .btn-prev{
      width: 40px;
      height: 30px;
      object-fit: cover;
      object-position: center;
    
      position: absolute;
      top: 50%;
      left: 17%;
      z-index:4;
      cursor: pointer;
    }
    
    .btn-next{
      width: 40px;
      height: 30px;
      object-fit: cover;
      object-position: center;
    
      position: absolute;
      top: 48%;
      right: 19%;
      z-index:4;
      cursor: pointer;
    }
  
    #slider {
      background-image: none;
    }

  }
  
  @media only screen and (max-width:1366px){
    #slider {
      background-position: 15rem -43rem !important;
      background-size: 120%;
    }
  }

  @media only screen and (max-width:1280px){
    #slider {
      background-position: 15rem -43rem !important;
      background-size: 120%;
    }
  }
  

  @media only screen and (max-width:1200px){

    /* Custom scroller  */

    ::-webkit-scrollbar {
      width: 1px;
    }

    ::-webkit-scrollbar-thumb {
      border-radius: 30px;
      background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
      box-shadow: inset 2px 2px 2px transparent, inset -2px -2px 2px transparent;
    }

    ::-webkit-scrollbar-track {
      background-color: transparent;
      border-radius: 10px;
      background: linear-gradient(to right, transparent, transparent 1px, transparent 1px, transparent);
    }

    #menu .header-logo {      
      width: 80%;
      height: auto;
      object-fit: cover;
      object-position: center;
      margin-left: 50%;
      margin-top: 25%;
      transform: translate(-50%, -33%);

  }
  .no-slide{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0rem;
    
  }
  .no-slide:first{
    margin-bottom: 0px;
    
  }
  
  #slider.mt-nossos-cursos2{
    background-image: none !important;
    margin-top: 0px;
  }

  .mt-nossos-cursos{
    margin-top: 100px !important;
    min-height:initial !important;
  }

  .mt-cursos{
    margin-top: 0rem !important;
    background-image: none !important;
    background-repeat: initial !important;
    /* min-height: 1120px !important; */
  }
  
  .bg-img-none{
    background-image: none !important;
    background-repeat: initial !important;
    min-height: 1120px !important;
  }

    #slider {
      background-image: none;
    }

    #slider .btn-prev, .btn-next{
      display: none;
    }

    #nossa-equipe img{
      height: 360px;
      margin-top: 2rem;
      margin-bottom: 1rem;
    }

    #sobre {
      margin-top: 0rem;
      height: auto;  
    }

    .card-slide-left{
      margin-top: 4rem !important;
    }

    .card-slide-right{
      margin-top: 8rem;
      margin-left: -7% !important;
      padding-right: .75rem !important;
      padding-left: 4rem !important;


    }

    .ide-main, #post { margin-top: 50px; }
    #slider-footer{
      margin-top: 550px;
    }

    .slider-footer{
      margin-left: initial !important;
    }

    #slider-footer .slider-footer p {
      font-size: 1.25rem;
      font-weight: 600;
      margin-left: initial !important;
      margin-top: -2rem;
    }

    #slider.margin-comprar-curso{
      /* min-height: 1120px !important; */
      margin-top: 0px;
    }

    #sobre .about-img{
      width: 100%;
      height: 100%;
      position: relative;
      left: 50%;
      top: 50%;
      margin-left: initial;
      transform: translate(-50%, -50%);
    }
    
    .btn-play {
      width: 90px;
      height: 90px;
      object-fit: cover;
      object-position: center;
      position: absolute;
      z-index: 5;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
    }

    #nossa-equipe h2 {
      font-size: 1.6rem;
    }

    
    #onde-atuamos {
      width: 100%;
      height: auto;
      background-color: var(--theme-lightgrey);
      padding-top: 1.5rem;
      padding-bottom: 1rem;
      margin-top: 1rem;
      margin-bottom: 4rem;
  }

    #onde-atuamos .slick-slide img {
      display: block;
      width: 100%;
      height: 8rem;
      object-fit: contain;
      object-position: center;
    }

    #onde-atuamos .btn-next {
      width: 40px;
      height: 30px;
      object-fit: cover;
      object-position: center;
      position: absolute;
      top: 8rem;
      right: 2rem;
      z-index: 4;
      cursor: pointer;
      display: block;
    }

    #onde-atuamos .btn-prev{
      width: 40px;
      height: 30px;
      object-fit: cover;
      object-position: center;
    
      position: absolute;
      top: 8rem;
      left: 2rem;
      z-index:4;
      cursor: pointer;
    }
    
    #blog .card h1 {
      font-size: 1.25rem;
      font-family: 'Montserrat';
      font-weight: 800;
      color: var(--theme-darkgreen);
    }

    #blog .card-thumb{
      height: 300px;
    }
    #cta-curso{
      height: auto;
      background-color: var(--theme-darkgreen);
    }

    #cta-curso a {
      font-family: 'Montserrat';
      font-size: 1.8rem;
      font-weight: 600;
      background-color: var(--theme-lightgreen);
      color: var(--theme-white);
      padding: 1rem 10%;
      border-radius: .25rem;
    }

    #footer{
      text-align: center;
      text-align:-webkit-center;
    }

    #footer ul{
      text-align: left;
      margin-left: -1rem;
    }

    .copyrights a:last-child{
      margin-right: initial;
    }

    .grafismo-darkgreen-mob{
      position: absolute;
      z-index: 1;
      right: -3rem;
      bottom: -12rem;
    }
  
    .backtop-mob{
      position: absolute;
      z-index: 2;
      right: 0rem;
      bottom: -13rem;
    }


    /*Cursos */
    #ide .ebook {
      width: 100%;
      height: auto;
      margin-top: 4rem;
      margin-bottom: 3rem;
      
      margin-left: 50%;
      transform: translateX(-53%);

      position: initial;
      left: initial;
      bottom: initial;
    }

    #perguntas-frequentes .img-faq {
      width: 130%;
      height: 400px;
      object-fit: cover;
      object-position: center;
      padding-left: 3rem;
      margin-top: 8.5rem;
    }

    #perguntas-frequentes .div-green-curso {
      position: absolute;
      top: 4rem;
      left: 0rem;
      z-index: -1;
      height: 540px;
  }

  #plataformas-usadas h1 {
    font-family: 'Montserrat';
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--theme-darkgreen);
    margin-left: initial;
  }

  #slider .img-curso {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 2rem;
  }

  #slider .btn-play-curso {
    width: 90px;
    height: 90px;
    object-fit: cover;
    object-position: center;
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 50%;
    transform: translate(-50%, calc(-50% + 1rem));
  }

  
#slider .preco {
  background-color: var(--theme-lightgreen);
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-indent: -1rem !important;

  border-radius: .75rem;
  box-shadow: 0px 3px 6px #0000004d;
  }

  #slider a.comprar {
    font-family: 'Montserrat';
    font-size: 1rem;
    line-height: 1rem;
    font-weight: 600;
    background-color: var(--theme-darkgreen);
    color: var(--theme-white);
    border-radius: .25rem;
    margin-top: 0rem;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
  }
  
  #menu-mobile .menu-links-mobile{
    height: 100px;
    padding-top: 40px;
    text-align: right;
    margin-right: 0rem;
  }
  
  .home-slide{
    width: 100%;
    height:400px;
    margin-top: 9rem;
    background-color:transparent;
    position: relative;
    z-index: 2;
  }


  #menu-mobile .menu-mob a{
    font-family: 'Montserrat';
    font-size: 1.75rem;
    padding: .5rem .5rem;
    border-radius:.25rem;
    color: var(--theme-white);
    margin-top: 2.5rem;
    position: relative;
    text-decoration: none;
  }

  #menu-mobile .menu-mob a:first-child{
    font-family: 'Montserrat';
    font-size: 1.75rem;
    padding: .5rem .5rem;
    border-radius:.5rem;
    color: var(--theme-white);
    border:solid .25rem var(--theme-white);
    top: 1rem;
    width: 100%;
  }

  #menu-mobile a i {
    font-size: 1.5rem;
    padding: 1rem;
    border-radius: .25rem;
    color: var(--theme-white);
}
  
  #menu-mobile i.fa-times{
    float: right;
    position: absolute;
    font-size: 2rem;
    color: var(--theme-white);
    right: 2rem;
    top: 3rem;
  }


  #policy-content + #ide .div-green {
    width: 700px;
    height: 160px;
    position: relative;
    left: -650px;
    top: 5rem;
    z-index: 4;
    transform: rotate(-7deg);
    overflow: visible;
  }

  #form-contato .submit {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 1.25rem;
    color: var(--theme-white);
    background-color: var(--theme-lightgreen);
    margin-top: 1rem;
    border: none;
    border-radius: .25rem;
    padding: .75rem 2.5rem;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    float: right;
    width: 100%;
  }

  #form-contato .contato-links {
    padding-left: initial;
    margin-top: 5rem;
  }

  #form-contato {
    margin-top: 4rem;
    margin-bottom:4rem;
  }

  #form-contato .indent-address {
    margin-left: 0rem;
  }

  #newsletter-mob .grafismo-dots-lightgreen {
    position: absolute;
    top: -8.75rem;
    right: -1rem;
    width: 5.5rem;
  }
  
  }


  @media only screen and (max-width:768px){
    .card-slide-right {
      margin-top: 8rem;
      margin-left: -7% !important;
      padding-right: .75rem !important;
      padding-left: 4rem !important;
    }
    #slider-footer{
      margin-top: 550px;
    }

  }


  @media only screen and (max-width:425px){
    .ide-main, #post { margin-top: 100px; }
    #slider-footer{
      margin-top: 700px;
    }

    #nossa-equipe img{
      height: 260px;
      margin-top: 2rem;
      margin-bottom: 1rem;
    }

    .card-slide-right {
      margin-top: 8rem;
      margin-left: -7% !important;
      padding-right: .75rem !important;
      padding-left: 3rem !important;
    }

    .thumb-slide {
      width: 100px;
      height: 100px;
      border-radius: 1rem;
      transform: translateY(-50%);
      margin-bottom: 0px;
      margin-left: 1rem;
    }

  }

  @media only screen and (max-width:380px){
    #menu .header-logo {
      width: 90%;
      height: auto;
      object-fit: cover;
      object-position: center;
      margin-left: 50%;
      margin-top: 25%;
      transform: translate(-50%, -25%);

  
    }

    #slider-footer .slider-footer p {
      font-size: 1.25rem;
      font-weight: 600;
      margin-left: initial !important;
      margin-top: 2rem;
    }
    
    .thumb-slide {
      width: 100px;
      height: 100px;
      border-radius: 1rem;
      transform: translateY(-50%);
      margin-bottom: 0px;
      margin-left: 0rem;
    }
    
    #blog .card-shadow {
      height: 100%;
      width: 90%;
      background-color: var(--theme-lightgreen);
      position: absolute;
      z-index: -1;
      right: 0rem;
      top: -.5rem;
      border-radius: 1rem;
      padding-left: 1rem;
      padding-right: 3rem;
    }
    
    #cta-curso a {
      font-family: 'Montserrat';
      font-size: 1.8rem;
      font-weight: 600;
      background-color: var(--theme-lightgreen);
      color: var(--theme-white);
      padding: 1rem 5%;
      border-radius: .25rem;
    }

    #cta-curso {
      padding-top: 3rem;
      padding-bottom: 0rem;
    }
    
  }
    

  @media only screen and (max-width:360px){
    .card-slide-right{
      margin-left: -8% !important;
    }

    .ide-main, #post { margin-top: 150px; }

    #slider-footer {
      margin-top: 760px;
    }

  }