@media (max-width:992px){
 .big-Container{
    flex-direction: column;
    padding: 5%;
 }
 .big-Container>section{
           width: 100%;
 }
  .big-Container>aside{
           width: 100%;
 }
 .unequal .top {
    flex-wrap: wrap;
    justify-content: center;
 }
 .unequal .top >div:first-child{
    margin-right: 5%;
 }
 .unequal .top >div{
    width: 45%;
    margin-bottom: 2%;
 }
  footer{
    padding: 5% 5%;
}
}


@media (max-width:768px){
    nav .container .menu ul{
    background-color: black;
    padding: 20px;
    position: absolute;
    top: calc(100%);
    right: 100px;
    width: 50%;  
    display: none;
    flex-direction: column;
    }
    nav .menu:hover  ul{
        flex-direction: column;
        display: flex;
     }
     nav .menu:hover  li{
        color: grey;
        padding: 2% !important;
        font-size: 13px;
     }
      nav .menu >div{
        justify-content: flex-end;
      }
     nav .menu >div>div{
      display: block;
     
     }
     
nav .container .menu ul li{
    color: grey;
    padding: 0 2%;
    font-size: 13px;
}
  nav hr{
    border:0;
  }

    .banner .container .d-flex:not(:first-child){
        display: none;
    }
    .banner .container .d-flex:first-child{
        width:100%;
    }
    .sect .head , .Trending .head{
        flex-wrap:wrap;
    }
    .sect .head h4 , .Trending .head h4{
        font-size:32px;
    }
    .sect .head  ul , .Trending .head ul{
        width:100%;
        margin-top:30px;
    }
    .Miss .slides , .Trending .top{
        flex-direction: column;
        align-items: center;
    }
    .sect .left-side , .Miss .right{
        width: 90%;
    }
    .Trending .down {
        flex-direction: column;
    }
    .Trending .down  .slide{
        width:100%;
    }
    .about .container >div{
    width:100%;
}
.about{
    padding: 5%;
}
.unequal .top{
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.unequal .top>div{
  width:80%;
  margin: 0 0 3% 0 !important;
}
.articles .right{
    align-items: center;
}
 .articles .slide{
     flex-direction: column;
     width: 85%;
 }
 .articles .slide img{
    width: 100%;
   height: 200px;
 }
 .articles{
    padding:5% 10%;
 }
 .videos .right{
    width:100%;
 }
 footer{
    padding: 5% 15%;
 }
  footer .container{
   flex-direction: column;
  }
  footer .container>div{
    width:100% !important;
    margin-bottom: 7%;
 }
 footer .container>ul {
    width:50%;
    margin-bottom: 7%;
 }
 footer button{
    margin-bottom:3%;
 }
 footer .container>div:first-child h3{
    margin-bottom:4%;
 }
  footer form>div{
    width: 80%;
  }
  footer .container>div:last-child input{
    width:100%;
  }
}

@media (max-width:500px){
 .articles .slide{

     width: 100%;
 }
 .articles{
    padding:5% 7%;
 }
}