/* media query css */
@media only screen and (max-width: 767px) {
.side {
    float: left;
    width: 100%;
}
.logo {
    display: flex;
    width: 100% !important;
}
.lgstyle {
    margin-left: 30px;
    width: 100%;
    object-fit: cover;
}
input.sebox {
    width: 62%;
}
.contentsec {
    float: left;
    width: 100%;
}
.contentsec .gamecell {
    width: 38%;
}
.searchsec {
    display: flex;
    float: left;
    width: 100%;
}
  
.atitle {
    float: left;
    margin-left: 10px;
}
  
.container {
  margin: 25px 15px;
  display: inline-block;
  cursor: pointer;
}
  
.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #333;
    margin: 6px 0;
    transition: 0.4s;
}
  
.change .bar1 {
  transform: translate(0, 11px) rotate(-45deg);
}
  
.change .bar2 {
  opacity: 0;
 }
  
.change .bar3 {
  transform: translate(0, -11px) rotate(45deg);
}
  
.side {
    display: none;
}
  
}
@media only screen and (max-width: 1024px) {
  .gamecell {
    width: 32.6%;
}
}