/* @media (min-width:320px) and (max-width:991px) */

@media (min-width:320px) and (max-width:991px){
    header{
        height: 70px;
    }
    header .navbar{
        height:70px !important;
    }
  header .navbar .navbar-brand img{
    height: 50px;
    width: 114px;
  }
  
  header .navbar .navbar-nav{
    text-align: center;
    margin-bottom: 5px;
  }

  header .navbar .navbar-nav.links li{
    border-bottom: 1px solid rgba(0, 0, 0, 0.233);
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .login-background {
    height: 100vh;
  }

  .login-background .background-img{
    display: none;
  }

  .login-background .login{
    width:100%;
    justify-content: center;

  }

  .card-login{
    min-width: 100px;
    max-width: 320px;
  }


  .card-row{
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .card-row .col{
    margin-bottom: 30px;
  }

  
  .card-row2{
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .card-row2 div{
    width: 100%;
  }


/* end banner */

/* erorr */

.erorr .img-erorr img{
    width: 308px;
    height: 308px;
}
/* app */
.app{
  height: 600px;
  background-position: 52%;
}


.app h1{
  font-size: 20px;
  font-weight: 700;
}

.app p{
  font-weight: 500;
  font-size: 15px;
  padding: 0;

}

.add-latest , .ads-latest {
height: auto;
}


    footer{
        height: auto;
    }
footer .content__footer .bottom__footer{
    flex-direction: column;
    margin-bottom: 20px;
}

footer .content__footer .bottom__footer .left__footer{
    margin-bottom: 20px;
}

footer .content__footer .bottom__footer .center__footer{
    margin-bottom: 20px;
}

footer .content__footer .top__footer{
    flex-direction: column;

}

footer .content__footer .top__footer .join{
    font-size: 14px;
    padding: 0;
    margin-right: 10px;

}

footer .content__footer .top__footer {
    font-size: 14px;

}
}