@media screen and (min-device-width: 1280px) and (max-device-width: 1600px) {
  .banner2-content h1 {
    font-size: 4vw;
    line-height: 60px;
  }
}

@media (max-width: 820px) {
  .banner2-content h1 {
    font-size: 4vw;
    line-height: 42px;
  }
  .banner-image img {
    margin-top: 40px !important;
  }
  .banner2-content {
    padding: 73px 20px 30px;
  }
  .panel2 .panel2-content h2 {
    font-size: 6vw;
    line-height: 56px;
  }
  .parallax-image {
    padding-top: 10%;
    height: 65vh;
  }
  .parallax-image img {
    height: 65vh;
  }
  .panel2 .panel2-content button {
    font-size: 17px;
    padding: 12px 24px;
  }
  .panel2 .panel2-content p,
  .panel4 .panel4-content p,
  .panel5 .panel5-content p,
  .panel6 .panel6-content p,
  .panel3 .panel3-content p {
    font-size: 18px;
    line-height: 29px;
  }
  .panel2 .panel2-content h2 {
    font-size: 6vw;
    line-height: 56px;
  }
  .panel3 .panel3-content h2 {
    font-size: 6vw;
    line-height: 56px;
  }
  .panel4 .panel4-content h2 {
    font-size: 6vw;
    line-height: 56px;
  }
  .panel5 .panel5-content h2 {
    font-size: 6vw;
    line-height: 56px;
  }
  .panel6 .panel6-content h2 {
    font-size: 6vw;
    line-height: 56px;
  }
  .panel3 .panel3-content button,
  .panel4 .panel4-content button,
  .panel5 .panel5-content button,
  .panel6 .panel6-content button {
    font-size: 17px;
    padding: 12px 24px;
  }
  .header .nav-right a {
    display: none;
  }
  .video-feature-section {
    padding: 58px 0px;
  }
  .explore-section {
    margin-top: 38px;
  }
  .sidebar {
    height: 100%;
    overflow: hidden;
    overflow: scroll;
  }
  .all-games-sidebar {
    display: none;
    height: 600px;
    overflow: hidden;
    overflow: scroll;
    position: absolute;
    width: 100%;
    top: 60px;
    z-index: 99;
  }
  .all-game-categories-mob {
    display: block;
  }
  .all-game-categories-mob button {
    background: transparent;
    color: #fff;
    border: 1px #fff solid;
    padding: 10px;
    letter-spacing: 1px;
    border-radius: 4px;
  }
  .header {
    width: 100% !important;
  }
  .all-games-section {
    padding-top: 155px;
    padding-bottom: 50px;
  }
  .forum-page-content {
    height: 130px;
  }
  .forum-bg {
    padding: 47px 0px;
  }
  .customNavigation .btn img {
    width: 40px;
  }
  body {
    padding: 0px 32px;
  }
}

@media (max-width: 768px) {
  body {
    padding: 0px 32px;
  }
  .banner2-content h1 {
    font-size: 4vw;
    line-height: 42px;
  }
  .banner-image img {
    margin-top: 40px !important;
  }
  .banner2-content {
    padding: 73px 20px 30px;
  }
  .panel2 .panel2-content h2 {
    font-size: 6vw;
    line-height: 56px;
  }
  .parallax-image {
    padding-top: 10%;
    height: 65vh;
  }
  .parallax-image img {
    height: 65vh;
  }
  .panel2 .panel2-content button {
    font-size: 17px;
    padding: 12px 24px;
  }
  .panel2 .panel2-content p,
  .panel4 .panel4-content p,
  .panel5 .panel5-content p,
  .panel6 .panel6-content p,
  .panel3 .panel3-content p {
    font-size: 18px;
    line-height: 29px;
  }
  .panel2 .panel2-content h2 {
    font-size: 6vw;
    line-height: 56px;
  }
  .panel3 .panel3-content h2 {
    font-size: 6vw;
    line-height: 56px;
  }
  .panel4 .panel4-content h2 {
    font-size: 6vw;
    line-height: 56px;
  }
  .panel5 .panel5-content h2 {
    font-size: 6vw;
    line-height: 56px;
  }
  .panel6 .panel6-content h2 {
    font-size: 6vw;
    line-height: 56px;
  }
  .panel3 .panel3-content button,
  .panel4 .panel4-content button,
  .panel5 .panel5-content button,
  .panel6 .panel6-content button {
    font-size: 17px;
    padding: 12px 24px;
  }
  .header .nav-right a {
    display: none;
  }
  .video-feature-section {
    padding: 58px 0px;
  }
  .explore-section {
    margin-top: 38px;
  }
  .sidebar {
    height: 100%;
    overflow: hidden;
    overflow: scroll;
  }
  .all-games-sidebar {
    display: none;
    height: 600px;
    overflow: hidden;
    overflow: scroll;
    position: absolute;
    width: 100%;
    top: 60px;
    z-index: 99;
  }
  .all-game-categories-mob {
    display: block;
  }
  .all-game-categories-mob button {
    background: transparent;
    color: #fff;
    border: 1px #fff solid;
    padding: 10px;
    letter-spacing: 1px;
    border-radius: 4px;
  }
  .header {
    width: 100% !important;
  }
  .all-games-section {
    padding-top: 155px;
    padding-bottom: 50px;
  }
  .forum-page-content {
    height: 130px;
  }
  .forum-bg {
    padding: 47px 0px;
  }
  .customNavigation .btn img {
    width: 40px;
  }
}

@media (max-width: 767px) {
  body {
    padding: 0px 22px;
  }
  .header .logo img {
    width: 125px;
  }
  .banner2-content h1 {
    font-size: 6vw;
    line-height: 27px;
  }
  .banner2-content .row {
    padding: 14px 8px;
  }
  .banner-image img {
    margin-top: 40px !important;
  }
  .banner2-content {
    padding: 73px 20px 30px;
  }
  .panel2 .panel2-content h2 {
    font-size: 6vw;
    line-height: 56px;
  }
  .banner2-content p {
    font-size: 14px;
    line-height: 21px;
  }
  .parallax-image {
    padding-top: 10%;
    height: 95vh;
  }
  .parallax-image img {
    height: 95vh;
  }
  .panel2 .panel2-content button {
    font-size: 12px;
    padding: 8px 16px;
  }
  .panel2 .panel2-content .para-mini {
    font-size: 16px;
    line-height: 25px;
    margin-top: 10px;
  }
  .panel3 .panel3-content .para-mini {
    font-size: 16px;
    line-height: 25px;
    margin-top: 10px;
  }
  .panel2 .panel2-content p,
  .panel4 .panel4-content p,
  .panel5 .panel5-content p,
  .panel6 .panel6-content p,
  .panel3 .panel3-content p {
    font-size: 16px;
    line-height: 25px;
    margin-top: 12px;
  }
  .panel2 .panel2-content h2 {
    font-size: 6vw;
    line-height: 30px;
    text-transform: uppercase;
  }
  .panel3 .panel3-content h2 {
    font-size: 6vw;
    line-height: 30px;
    text-transform: uppercase;
  }
  .panel4 .panel4-content h2 {
    font-size: 6vw;
    line-height: 30px;
    text-transform: uppercase;
  }
  .panel5 .panel5-content h2 {
    font-size: 6vw;
    line-height: 30px;
    text-transform: uppercase;
  }
  .panel6 .panel6-content h2 {
    font-size: 6vw;
    line-height: 30px;
    text-transform: uppercase;
  }
  .panel3 .panel3-content button,
  .panel4 .panel4-content button,
  .panel5 .panel5-content button,
  .panel6 .panel6-content button {
    font-size: 12px;
    padding: 8px 16px;
  }
  .panel4 .panel4-content .para-mini {
    font-size: 16px;
    line-height: 25px;
    margin-top: 10px;
  }
  .header .nav-right a {
    display: none;
  }
  .video-feature-section {
    padding: 37px 0px;
  }
  .explore-section {
    margin-top: 20px;
  }
  .sidebar {
    height: 100%;
    overflow: hidden;
    overflow: scroll;
  }
  .all-games-sidebar {
    display: none;
    height: 408px;
    overflow: hidden;
    overflow: scroll;
    position: absolute;
    width: 93%;
    top: 60px;
    z-index: 99;
  }
  .all-game-categories-mob {
    display: block;
  }
  .all-game-categories-mob button {
    background: transparent;
    color: #fff;
    border: 1px #fff solid;
    padding: 7px 9px;
    letter-spacing: 1px;
    border-radius: 4px;
    font-size: 11px;
  }
  .header {
    width: 100% !important;
  }
  .all-games-section {
    padding-top: 108px;
    padding-bottom: 40px;
  }
  .forum-page-content {
    height: auto;
  }
  .forum-bg {
    padding: 47px 0px;
  }
  .customNavigation .btn img {
    width: 40px;
  }
  .feature-video-content h2 {
    font-size: 22px;
  }
  .explore-section h2 {
    font-size: 32px;
  }
  .footer-logo h2 {
    font-size: 35px;
    line-height: 38px;
    margin-bottom: 20px;
  }
  .panels {
    left: 5%;
  }
  .sidebar .menu-navbar .logo img {
    width: 110px;
  }
  .menu-header .menu-navbar {
    padding: 20px 4px;
  }
  .menu-nav-right a {
    padding: 6px 16px;
    font-size: 14px;
  }
  .menu-nav-right span i {
    height: 35px;
    width: 35px;
  }
  .sidebar .sidebar-service-box .sidebar-service-cont h4 {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
  }
  .menu-widget ul li {
    line-height: 29px;
  }
  .game-title h2 {
    font-size: 18px;
  }
  .games_box .game_cont {
    padding: 9px 7px;
  }
  .game-icon-box {
    height: 32px;
    width: 32px;
    top: -38%;
  }
  .games_box .game_cont h4 {
    font-size: 12px;
  }
  .events-section .games_box .game_cont h4 {
    font-size: 16px;
  }
  .events-section .games_box .game_cont p {
    font-size: 14px;
  }
  .game-icon-box img {
    width: 15px;
  }
  .all-games-sidebar ul li a {
    padding: 4px 20px;
    font-size: 14px;
  }
  .game-tabs.active-tab:before {
    top: 1px;
  }
  .game-inner-title h2 {
    font-size: 28px;
  }
  .game-description .description h2 {
    font-size: 22px;
  }
  .game-description .description p {
    font-size: 16px;
  }
  .game-detail-sidebar .about-game-field p {
    font-size: 16px;
  }
  .related-games {
    margin-top: 48px;
  }
  .game-forum-header {
    display: inherit;
  }
  .game-forum-header .search-forum {
    margin-top: 8px;
  }
  .forum-games-section .type div {
    font-size: 10px;
  }
  .forum-games-section .topic p {
    font-size: 10px;
  }
  .forum-games-section .topic small {
    font-size: 10px;
  }
  .forum-games-section .replies span {
    font-size: 10px;
  }
  .forum-games-section .last-reply span {
    font-size: 10px;
  }
  .cateory-ies-forum {
    padding: 11px 5px 12px;
  }
  .search-forum .form-field input {
    height: 40px;
  }
  .search-forum .form-field button {
    height: 40px;
  }
  .forum-logo {
    width: 90px !important;
  }
  .forum-page-content h4 {
    margin-bottom: 8px;
  }
  .game-forum-header .title h4 {
    font-size: 15px;
    padding: 7px 18px;
  }
  .forum-single-comment .forum-comment-desc p {
    font-size: 12px;
  }
  .forum-single-comment .forum-user-desc img {
    width: 50px;
  }
  .forum-single-comment .forum-user-desc .user-name {
    font-size: 10px;
    margin-top: 5px !important;
  }
  .forum-single-comment .forum-comment-desc .reply-btn {
    padding: 5px 14px;
    font-size: 12px;
  }
  .submit-btn {
    font-size: 12px;
    padding: 6px 25px;
  }
  .reply-comment-form {
    padding: 9px;
  }
  .comment_replies_box {
    padding: 5px;
  }
  .comment_replies_box .reply-user-desc img {
    width: 44px;
  }
  .comment_replies_box .reply-user-desc .user-name {
    font-size: 7px;
  }
  .comment_replies_box .comment_reply_desc p {
    font-size: 10px;
  }
}