@media all and (min-width: 768px) {
   body,
   html {
      font-size: 18px;
   }


}



/*Media query for header*/
@media all and (min-width:820px) and (max-width: 1180px) {
    .checkbox-label {
        height: 28px!important;
    }
    .wp-post-content ul li,.wp-post-content ol li{
    font-size:20px!important;
}
    
    .wp-post-content ul li ul,.wp-post-content ol li ul{
    font-size:20px!important;
}
}



@media only screen and (max-width: 1101px) {
   header {
       padding:10px 20px;
   }

   .header-logo {
      width: 40%;
   }
   .header-left {
      width: 60%;
   }
   .checkbox-label {
      height: 25px;
      top: 0px;
   }

   .hamburger-menu,
   .menu-close {
      display: block !important;
   }

   .menu-bg {
      position: fixed;
      top: 0;
      left: -100%;
      height: 100vh;
      width: 60%;
      background-color: #000;
      flex-direction: column;
      padding: 20px;
      transition: left 0.3s ease;
      display: block;
      z-index: 10;
   }
   .light-background .menu-bg {
      background-color: #fff !important;
   }

   .menu li {
      margin: 10px 0;
   }

   .menu {
      display: block;
   }

   .menu li a {
      color: #fff;
      text-decoration: none;
      font-size: 18px;
   }

   .menu-bg .show {
      left: 0;
      display: flex;
   }

   .hamburger-menu {
      display: block;
      position: static;
      color: #fff;
      margin-left: 20px;
   }
   .light-background .hamburger-menu {
      color: #000 !important;
   }

   .slide-in {
      left: 0;
   }
   .popup {
      top: 64px;
   }
   header #menu > li > a:hover {
      color: #ff8000 !important;
   }
}

/*============
Media query for Full HD screens
============*/

@media all and (min-width: 1450px) and (max-width: 1860px) {
   .featured-custom-buttons button {
      top: 50%;
      transform: translateY(-50%);
   }
   .previous-button-2 {
      left: 2% !important;
   }
   .next-button-2 {
      right: 2% !important;
   }
}

/*============Media query for Full HD screens============*/

/*============
Media query for laptop and macbook start
============*/

@media all and (min-width: 1367px) and (max-width: 1450px) {
   .container {
      padding-left: 70px;
      padding-right: 70px;
   }
   .player-hero {
      padding: 180px 20px;
   }
   .daily-discoveries-post .daily-small {
      height: 262px;
   }
   .height-600 {
      height: 524px;
   }
   .post-content {
      font-size: 14px;
      margin-top: 5px !important;
   }
   .popular-category .flickity-slider {
      left: 4% !important;
   }
   .daily-discoveries-post div h3,
   .daily-discoveries-post div h3 a,
   .trending-post div h3,
   .trending-post div h3 a {
      font-size: 22px !important;
   }
   .category-slides .flickity-slider {
      left: -4% !important;
   }
   .category-view h2 a {
      font-size: 50px !important;
   }

   .four-post div h4 a {
      font-size: 23px;
      line-height: 1.3em;
   }
   .latest-post-info h5 a {
      line-height: 1.2em;
   }
   .post-details div a {
      font-size: 16px;
   }
   .daily-discoveries-post h3 {
      margin-top: 5px !important;
   }
   .daily-discoveries-post div p {
      font-size: 16px;
   }
   .popular-category .flickity-viewport::before,
   .popular-category .flickity-viewport::after {
      width: 120px;
   }
   .popular-category .flickity-viewport::before,
   .popular-category .flickity-viewport::after {
      background: linear-gradient(
         90deg,
         rgba(0, 0, 0, 1) 0%,
         rgba(0, 0, 0, 0.5) 40%,
         rgba(0, 0, 0, 0) 100%
      );
   }

   .featured-post-slide-bg {
      padding: 40px 60px !important;
   }

   .featured-custom-buttons button {
      width: 80px !important;
      height: 80px !important;
      top: 50%;
      transform: translateY(-50%);
   }

   .next-button-2 {
      right: 20px !important;
   }

   .previous-button-2 {
      left: 20px !important;
   }

   .featured-post-slider .carousel-cell {
      margin-right: 10px;
      width: 40%;
   }
   .featured-post-slider .flickity-slider {
      left: 14% !important;
   }
   .footer-element:after {
      content: "";
      height: 360px;
      width: 182px;
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      right: 3px;
      bottom: -35px;
   }
   .container-footer {
      padding-right: 70px;
      padding-left: 70px;
   }
   .category-view div img {
      height: 450px;
   }
   .player-hero h1 {
      font-size: 54px;
   }
   .post-details img {
      height: 300px;
   }
   .custom-buttons .next-button:after,
   .popular-custom-buttons .next-button-1:after {
      right: 16% !important;
   }
   .custom-buttons .previous-button:before,
   .popular-custom-buttons .previous-button-1:before {
      left: 16%;
   }
   .category-front-post h2 a{
       font-size:50px;
   }
}

/*============Media query for laptop and macbook End============*/

/*============
Media query for i pad pro=
===========*/
@media only screen and (min-width: 1024px) and (max-width: 1366px) {
   .container {
      padding-left: 20px;
      padding-right: 20px;
   }

   .player-hero {
      padding: 110px 20px;
   }
   .player-hero h1 {
      font-size: 44px;
      color: #fff;
      line-height: 1.2em;
      margin: 0px;
   }
   .featured-post-slider .carousel-cell {
      width: 46%;
      margin-right: 10px;
   }
   .featured-custom-buttons button {
      top: 80%;
   }
   .featured-custom-buttons {
      padding-bottom: 110px !important;
   }
   .custom-buttons .next-button:after,
   .popular-custom-buttons .next-button-1:after {
      width: 250px;
      right: 5%;
   }

   .next-button-2 {
      right: 300px !important;
   }

   .previous-button-2 {
      left: 300px !important;
   }
   .custom-buttons .previous-button:before,
   .popular-custom-buttons .previous-button-1:before {
      width: 250px;
      left: 5%;
   }
   .daily-discoveries-post div h3,
   .daily-discoveries-post div h3 a {
      font-size: 19px;
   }
   .daily-discoveries-post div p {
      font-size: 16px;
   }
   .height-600 {
      height: 627px;
   }
   .daily-discoveries-post div {
      padding: 10px;
   }
   .trending-post div h3,
   .trending-post div h3 a {
      font-size: 16px;
      margin-top: 0px;
   }
   .trending-post div p,
   .trending-post div p a,
   .trending-post div a,
   .daily-discoveries-post div .date {
      font-size: 12px;
   }
   .trending-post div {
      padding: 10px;
   }
   .trending-post {
      margin: 0px 5px;
   }
   .popular-category .flickity-viewport::before,
   .popular-category .flickity-viewport::after {
      width: 200px;
   }
   .featured-post-slide-bg {
      padding: 49px 20px 20px 20px;
   }
   .category-slides .carousel-cell {
      width: 370px;
   }
   .category-slides .carousel-cell h2,
   .category-slides .carousel-cell h2 a {
      font-size: 26px;
   }
   .category-view h2 a,
   .category-name h2 {
      font-size: 34px !important;
   }
   .update-bg::before {
      content: "";
      position: absolute;
      top: -50px;
      left: 22px;
      width: 100px;
      height: 100px;
   }
   .category-view div img {
      height: 300px;
   }
   .see-more-btn {
      font-size: 20px;
   }
   .four-post div img {
      height: 140px;
   }
   .four-post div h4 {
      line-height: 24px !important;
      margin-top: 5px !important;
   }
   .four-post div h4 a {
      font-size: 18px;
   }
   .latest-img img {
      height: 110px !important;
   }
   .latest-post-info h5 a,
   .latest-post-info h5 {
      font-size: 16px;
      line-height: 1.2em !important;
      margin-top: 5px !important;
   }
   .latest-post-info a {
      font-size: 12px !important;
   }
   .gaming-icon:after {
      height: 60px;
      width: 60px;
      top: 460px;
   }
   .post-details {
      width: 30.5%;
   }
   .post-details div h4 a,
   .post-details div h4 {
      font-size: 19px !important;
      margin-top: 3px !important;
      line-height: 1.3em !important;
   }
   .post-details div a {
      font-size: 14px !important;
   }
   .post-details img {
      height: 250px;
   }

   .footer-element:after {
      height: 250px;
      width: 185px;
      right: 20px;
      bottom: -10px;
   }
   .container-footer h5 {
      font-size: 20px;
   }
   
   /*Category page styling start*/
   
   .category-front-post h2 a{
       font-size:46px!important;
   }
   .four-category-post h2 a,.selected-post div h2 a{
       font-size:20px!important;
   }
   .four-category-post h2,.selected-post div h2{
       line-height: 0.6em;
   }
   .category-front-post img {
       height:350px;
   }
   /*Category page styling end*/

  
}

/*============Media query for i pad pro end============*/

/*Media query for small tablet start*/
@media only screen and (min-width: 577px) and (max-width: 767px) {
   .category-view div img {
      height: 300px !important;
   }
   .latest-in-category {
      display: block !important;
   }
   .latest-img,
   .latest-post-info {
      width: 100% !important;
      margin-left: 0px !important;
   }
   .post-details {
      width: 46% !important;
   }
   .post-details div h4 {
      line-height: 16px !important;
   }
   .post-details div h4 a {
      font-size: 18px !important;
   }
   .post-details div a {
      font-size: 14px !important;
   }
   .daily-discoveries-post div h3 {
      line-height: 16px !important;
   }
   .daily-discoveries-post div h3 a {
      font-size: 20px !important;
   }
   .height-600 {
      height: 600px !important;
   }
   .featured-post-slider .carousel-cell {
      width: 80% !important;
   }
   .scale-img img {
      display: none;
   }
}

/*Media query for small tablet end*/

/*============Media query for iPd Air start============*/

@media only screen and (min-width: 768px) and (max-width: 1023px) {
   .checkbox-label {
      top: 0px;
   }
   .container-singular .category-name h2{
       font-size:32px!important;
   }
   .player-hero h1 {
      font-size: 48px;
      margin: 0px;
   }
   .player-hero {
      padding: 120px 20px;
   }
   .featured-post-slide-bg {
      padding: 40px 20px;
   }
   .featured-post-slider .carousel-cell {
      width: 53%;
      margin-right: 10px;
   }
   .featured-custom-buttons button {
      width: 55px;
      height: 55px;
      top: 80%;
   }
   .featured-custom-buttons {
      padding-bottom: 100px;
   }
   .next-button-2 {
      right: 200px !important;
   }

   .previous-button-2 {
      left: 200px !important;
   }
   .category-name h2 {
      font-size: 33px;
   }
   .popular-category .flickity-viewport::before,
   .popular-category .flickity-viewport::after {
      width: 150px;
   }
   .custom-buttons .next-button:after,
   .popular-custom-buttons .next-button-1:after {
      right: 2%;
      width: 300px;
   }
   .custom-buttons .previous-button:before,
   .popular-custom-buttons .previous-button-1:before {
      left: 2%;
      width: 300px;
   }
   .daily-discoveries-post div h3,
   .daily-discoveries-post div h3 a,
   .daily-discoveries-post div h3,
   .daily-discoveries-post div h3 {
      font-size: 22px;
      margin-top: 5px !important;
   }
   .daily-discoveries-post div p {
      font-size: 16px;
   }
   .daily-discoveries-post div .date {
      font-size: 14px;
   }
   .scale-img img {
      right: 0px;
      transform: none;
      position: relative;
   }
   .category-slides .flickity-viewport::before,
   .category-slides .flickity-viewport::after {
      width: 150px;
   }
   .category-slides .carousel-cell h2,
   .category-slides .carousel-cell h2 a {
      font-size: 26px;
   }
   .category-slides .carousel-cell {
      width: 350px;
      margin-right: 10px;
      height: 106px;
   }
   .category-view h2 a,
   .category-view h2 {
      font-size: 36px !important;
      margin-top: 5px !important;
   }
   .category-view div img {
      height: 300px;
   }
   .four-post div h4 a,
   .four-post div h4 {
      font-size: 18px;
      line-height: 26px !important;
   }
   .four-post div img {
      height: 160px;
   }

   .gaming-icon:after {
      height: 70px;
      width: 70px;
      right: 20px;
      top: 94%;
   }
   .latest-post-info a {
      font-size: 12px;
   }
   .latest-post-info h5 a,
   .latest-post-info h5 {
      font-size: 15px;
      line-height: 22px !important;
      margin-top: 2px !important;
   }
   .latest-post-info p,
   .latest-post-info p a {
      font-size: 10px;
      line-height: 20px;
   }
   .latest-img img {
      height: 110px;
   }
   .post-details {
      width: 30.5%;
   }
   .post-details div h4 a,
   .post-details div h4 {
      font-size: 18px;
      line-height: 26px;
   }
   .post-details div a {
      font-size: 16px;
   }
   .post-details div {
      padding: 15px;
   }
   .post-details img {
      height: 280px;
   }
   .footer-element:after {
      height: 280px;
      width: 187px;
      right: 0px;
      bottom: -10px;
   }
   .container-footer h5 {
      font-size: 18px;
   }
   #menu-games-footer-menu li a,
   #menu-device-footer-menu li a,
   #menu-footer-about-menu li a,
   #menu-social-media li a {
      font-size: 16px !important;
   }

   .update-bg::before {
      top: -41px;
      left: 20px;
      width: 90px;
      height: 90px;
   }
   .scale-img img {
      display: none;
   }
    /*Category page styling start*/
   
   .category-front-post h2 a{
       font-size:38px!important;
   }
   .four-category-post h2 a,.selected-post div h2 a{
       font-size:20px!important;
   }
   .four-category-post h2,.selected-post div h2{
       line-height: 0.6em;
   }
   .category-front-post img {
       height:300px;
   }
   /*Category page styling end*/
   .container-singular .wp-post-content p{
    font-size:20px;
}
  .container-singular .blog-head {
    font-size: 46px;
}
}
/*============Media query for iPd Air end============*/

/*Media query for mobile device*/

@media all and (max-width: 992px) {
   .ad-daily-discoveries {
      display: none;
   }
}

@media all and (max-width: 767px) {
   .h2r {
      font-size: 32px;
   }
   .blog-detail-box ol li {
       font-size:18px!important;
   }
   .blog-detail-box ol li:before {
       width:38px!important;
       height:38px!important;
       font-size:13px!important;
   }
   .blog-detail-box ol li {
           padding-left: 54px!important;
   }

   .height-600 {
      height: 400px;
   }
   .latest-img img {
      height: 140px !important;
   }
   .player-hero h1 {
      font-size: 25px;
      margin: 0px;
   }

   .player-hero {
      padding: 80px 0px;
      background-repeat: no-repeat;
   }
   .popular-category .carousel-cell a img {
      width: 80px !important;
   }

   .read-more-btn {
      padding: 14px 70px;
      font-size: 20px;
   }

   .featured-post-slider .carousel-cell {
      width: 100%;
      margin-right: 20px;
   }

   .featured-custom-buttons button {
      width: 40px;
      height: 40px;
      top: 83%;
   }

   .featured-post-slide-bg {
      padding: 40px 0px 0px 0px;
   }
   .featured-custom-buttons {
      padding-bottom: 95px !important;
   }

   .category-name h2 {
      font-size: 25px;
   }
   .four-post div h4 a {
      font-size: 23px;
      line-height: 1.3em;
   }
   .four-post div img {
      width: 100% !important;
   }

   .popular-category .flickity-viewport::before,
   .popular-category .flickity-viewport::after {
      display: none;
   }

   .popular-category .flickity-slider {
      left: 0% !important;
   }

   .popular-category .carousel-cell {
      margin-right: 20px;
      justify-content: center;
   }

   .popular-category .carousel-cell a h2 {
      font-size: 26px;
   }

   .custom-buttons .previous-button:before,
   .popular-custom-buttons .previous-button-1:before,
   .custom-buttons .next-button:after,
   .popular-custom-buttons .next-button-1:after {
      display: none;
   }

   .trending-bg:after {
      height: 100px;
      width: 90px;
      top: -60px;
   }

   .mln-50 {
      margin-left: 0px;
   }

   .category-slides .flickity-viewport::before,
   .category-slides .flickity-viewport::after {
      display: none;
   }

   .category-slides .flickity-slider {
      left: 0% !important;
   }

   .category-slides .carousel-cell h2 {
      font-size: 18px;
   }

   .category-view h2 {
      line-height: 28px !important;
      margin-top: 5px !important;
   }

   .category-view h2 a {
      font-size: 23px !important;
   }

   .latest-post-info h5 {
      font-size: 18px;
      margin: 0;
   }

   .post-details {
      width: 100%;
      margin: 10px;
   }
   .latest-post-info a {
      font-size: 12px;
   }

   .post-details div {
      padding: 20px;
   }
   .latest-post-info h5 {
      margin-top: 0px !important;
   }

   .post-details div a {
      font-size: 18px;
   }

   .post-details div h4 a {
      font-size: 22px;
   }

   .gaming-icon:after {
      height: 50px;
      width: 50px;
      right: 25px;
      top: 10px;
   }

   .guide-bg:after {
      height: 80px;
      width: 80px;
      right: 20px;
      bottom: -36px;
   }

   .category-slides .carousel-cell {
      width: 240px;
      height: 70px;
   }

   .custom-buttons,
   .popular-custom-buttons {
      margin-top: 25px !important;
   }

   .update-bg::before {
      top: -50px;
      left: 0px;
      width: 90px;
      height: 90px;
   }

   .category-view div img {
      height: 200px;
      object-fit: cover;
   }

   .post-details img {
      height: 250px;
   }

   .latest-post-info h5 a {
      font-size: 16px;
   }

   .footer-element:after {
      height: 186px;
      width: 186px;
      right: 2px;
      bottom: 4px;
   }

   .daily-discoveries-post div {
      padding: 10px;
      bottom: 10px;
      left: 15px;
   }

   .daily-discoveries-post div h3,
   .daily-discoveries-post div h3 a {
      font-size: 26px;
   }

   .daily-discoveries-post div p {
      font-size: 16px;
   }

   .daily-discoveries-post div .date {
      font-size: 14px !important;
   }

   /*header styling end*/

   .btn-sm-none {
      display: none;
   }

   .btn-sm {
      display: block;
      width: 180px;
      text-align: center;
   }

   /* Show hamburger icon on mobile */

   .search-box input[type="text"] {
      margin-right: 10px;
      padding: 5px 12px;
      width: 130px;
      margin-left: 10px;
      font-size: 12px !important;
   }

   .nav-menu {
      display: inline-block;
   }

   .nav-menu li:nth-child(5) {
      margin-left: 0px;
   }

   .register-btn {
      color: #000 !important;
   }

   .nav-menu li {
      margin-right: 0px;
      padding-left: 20px;
      margin-bottom: 15px;
   }

   .fa-moon,
   .fa-sun {
      font-size: 14px;
   }

   .checkbox-label .ball {
      width: 20px;
      height: 20px;
   }

   .checkbox:checked + .checkbox-label .ball {
      transform: translateX(29px);
   }

   .nav-menu li:nth-last-child(-n + 3) {
      padding-left: 0px;
   }

   .search-sm input {
      width: 188px !important;
      font-size: 12px !important;
      padding-left: 15px !important;
   }

   .fs-26-sm {
      font-size: 26px;
   }

   /*        Footer styling start*/

   .copyright-bg p {
      text-align: center;
      font-size: 14px;
      margin-top: 0px;
   }

   #menu-games-footer-menu li a,
   #menu-device-footer-menu li a,
   #menu-footer-about-menu li a,
   #menu-social-media li a {
      font-size: 16px;
   }
   .scale-img img {
      right: -11px;
      transform: none;
      position: relative;
      width: 93%;
   }
   .four-post h4 {
      margin-bottom: 30px;
      margin-top: 5px !important;
   }
   .trending-post {
      width: 93% !important;
   }
   .category-ylw a,
   .category-ylw i,
   .comma {
      font-size: 12px;
   }

   .post-date {
      font-size: 10px;
      margin-left: 30px;
      margin-top: px;
   }
   .post-category-details .featured-title,
   .post-category-details .featured-title a {
      font-size: 18px;
      line-height: 1.3em;
      font-weight: 700;
      margin: 8px 0px;
   }
   .post-category-details {
      line-height: 23px !important;
   }
   .post-content {
      font-size: 14px;
   }
   .varlorant-icon:before {
      height: 90px !important;
      width: 90px !important;
      right: 0px !important;
      bottom: -38px !important;
      z-index: 9999 !important;
   }
   #menu > li > a:hover {
      background: none !important;
      padding-left: 20px !important;
   }
   .scale-img img {
      display: none;
   }
    .search-page .head-text {
    font-size: 32px;
   }
       .blog-head {
    font-size:32px!important;
}
.wp-post-content  p{
  font-size:18px!important;
    }
.wp-post-content ul li,.wp-post-content ul li a{
    font-size:18px!important;

}
.wp-post-content > h1, .wp-post-content > h2, .wp-post-content > h3, .wp-post-content > h4, .wp-post-content > h5, .wp-post-content > h6{
    font-size:28px;
}
 .latest-in-category {
     margin-bottom:20px;
       }
   .vampire-read-box {
	    padding: 15px 20px 20px 20px!important;
	}
	.vampire-man-img {
	    display:block!important;
	}
.vampire-read-box h2{
	   margin-left:0px!important;
    font-size: 18px!important;
    margin-top: 20px!important; 
	}
	.make-btn{
	    padding:12px 20px!important;
	    font-size:12px!important;
	}
.published-color{
    font-size:13px!important;
}
.social-icon {
    width: 25px;
    height: 25px;
}
/*Category styling start*/
.selected-category{
    display:block;
}
.selected-category,.advert,.selected-post {
    width:100%;
}
.four-category-post h2{
            line-height:24px!important;
}
.four-category-post h2 a{
    font-size:23px;
}
.selected-post div h2{
    line-height:24px;
}
.selected-post div h2 a {
    font-size: 22px;
}
.category-heading{
    font-size:32px;
}
.category-front-post h2 a {
    font-size:26px;
}
.category-front-post h2{
    line-height:1em!important;
}
.category-in-latest{
    display:block;
}
/*Category styling end*/

/*404 page styling start*/
    .error-page__info h1{
    font-size:22px;
}
.category-front-post img {
       height:300px;
   }
   .custom-buttons button i, .popular-custom-buttons button i{
       font-size:28px;
   }
   .hunter-font{
       font-size:13px!important;
   }
      .container-singular .category-name h2{
       font-size:30px!important;
   }
	.playerassist-compare-text p a {
        font-size: 10px !important;
    }
	 .custom-breadcumb { flex-wrap:nowrap !important; }
     .custom-breadcumb li:nth-child(2) {
        max-width: 122px !important;
        width: 100%;
    }
    .playerassist-compare-text>h4 {  font-size: 12px !important; line-height: normal !important;  }
}
@media(max-width:500px){
     .custom-breadcumb li a { font-weight: 600; font-size: 14px !important; color: #545353 !important; }
    .breadcrumb-item.active { font-size: 10px !important; max-width: 164px; width: 100%; }
    .playerassist-compare-text>h4 { font-size: 9px !important; }
    .published-color { font-size: 10px !important; }
    .playerassist-compare-img img {
        width: 30px !important;
        height: 30px !important;
        border-radius: 50% !important;
    }
   .playerassist-compare-text p a { font-size: 10px !important; }
}