@media screen and (max-width:1199px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        margin: 0 16px
    }
    .page-title {
        padding: 40px 0;
        margin: 0
    }
    .home-game-list .detail,
    .home-game-list .image {
        padding: 30px 0
    }
    .page-title h2 {
        font-size: 40px;
        margin: 0
    }
    .display-4 {
        font-size: 34px;
        line-height: 36px
    }
    .highlight {
        color: #ee0979;
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 15px
    }
    .home-game-list .detail p {
        margin-bottom: 20px
    }
    .home-game-list {
        padding-bottom: 30px
    }
    .timeline {
        margin-top: 15px
    }

    /*****07/04/2021******/
  	.blog-title h2, .blog-title h2 a{
  		font-size: 17px;
  	}
  	.blog-detail-page .page-title{
  		margin-top: 50px;
  	}
  	.blog-detail-page .page-title .display-4{
  		line-height: 1.3;
  	}

    /*****21/04/2021*******/
  	.blog-discription iframe{
  		height: 500px;
  	}

}

@media screen and (max-width:1023px) {
    .container {
        max-width: 100%
    }
    .home-game-list .image img {
        max-width: 100%
    }
    .display-4 {
        font-size: 30px;
        line-height: 30px
    }
    .highlight {
        font-size: 18px;
        line-height: 22px
    }
    .hero-slider .carousel-cell .slide-content .title {
        font-size: 45px
    }
    .hero-slider .carousel-cell .slide-content .subtitle {
        font-size: 22px
    }
    .page-title h2 {
        font-size: 36px
    }
    body {
        font-size: 18px
    }
    .footer-contact a,
    .footer-links ul li {
        margin: 00 7px
    }
    .social-media {
        margin-top: 20px
    }
    .timeline-box .content {
        padding: 15px
    }
    .timeline-box h2 {
        font-size: 28px;
        margin-bottom: 10px
    }
    .our-games-list .item {
        flex-basis: 50%
    }
    .masonry-brick {
        flex-basis: 33.33%
    }
    .our-games-list {
        padding-bottom: 10px !important
    }
    .footer-logo img {
        max-width: 180px
    }
    .footer .available-on {
        margin-top: 20px
    }
    /******01-03-2021******/
    .submit-game-wrap{
      padding: 2rem 0;
    }

    /*******07/04/2021***********/
  	.left-bar{
  		padding: 0 15px;
  	}
  	.contact-image img{
  		width: 100%;
  	}
  	.blog-list{
  		padding-left: 0;
  	}
    /*****21/04/2021*******/
  	.blog-discription iframe{
  		height: 400px;
  	}
}

@media screen and (max-width:767px) {
    .hero-slider .carousel-cell .slide-content .title {
        font-size: 40px
    }
    .hero-slider .carousel-cell .slide-content .subtitle {
        font-size: 20px
    }
    .home-game-list .detail,
    .home-game-list .image {
        padding: 15px 0
    }
    .home-game-list .detail {
        padding-bottom: 25px
    }
    .page-title h2 {
        font-size: 28px
    }
    .timeline {
        margin-top: 0
    }
    .display-4 {
        font-size: 26px;
        line-height: 26px
    }
    .contact-wrap {
        padding: 40px 0
    }
    .footer {
        padding-top: 30px
    }
    .footer-logo {
        flex-basis: 100%;
        text-align: center;
        padding: 0 0 20px
    }
    .footer-row {
        padding-bottom: 30px
    }
    .timeline-box h3 {
        font-size: 24px
    }
    .our-games-list .item {
        flex-basis: 100%;
        margin: 0 auto 20px
    }
    .our-games-list {
        padding-bottom: 20px !important
    }
    .our-games-list h3 {
        font-size: 24px
    }
    .masonry-brick {
        flex-basis: 50%;
        max-width: 100%
    }
    .home-game-list .image img {
        border-radius: 50px
    }
    .navbar-toggler {
        padding: 5px;
        font-size: 11px
    }
    /******01-03-2021******/
	.game-submission-form .form-row{
		margin-bottom: 0;
	}
	.check-flex-row .form-check{
		flex-basis: 50%;
	}

  .customFileIinput >label{
  position: static;
  flex-direction: column;
  text-align: center;
  }
  .game-submission-form input[type="file"]{
  display: none;
  }

  /*****18/3/2021*****/
	.screnshot-slider{
		justify-content: center;
	}
	.screen-item{
		flex-basis: 33.33%;
	}
	.game-detail h2{
		font-size: 28px;
	}


  	/*******07/04/2021*********/
  	.blog-item.latest .blog-image{
  		flex-basis: 100%;
  	}
  	.blog-item.latest .blog-detail{
  		flex-basis: 100%;
  	}
  	.left-bar ul.menu-open{
  		width: 100%;
  	}
  	.left-bar ul li{
  		flex-basis: 50%;
  	}
  	.blog-item{
  		flex-basis: 48%;
  		margin-right: 4%;
  		margin-bottom: 15px;
  	}
  	.blog-item:nth-child(3n+1) {
  	    margin-right: 4%;
  	}
  	.blog-item:nth-child(2n+1){
  		margin-right: 0;
  	}
  	.blog-discription h2, .blog-discription h1{
  		font-size: 26px;
  	}
  	.blog-discription h3, .blog-discription h4, .blog-discription h5, .blog-discription h6{
  		font-size: 20px;
  	}

    /*********09/04/2021***********/
    .blog-item.latest .blog-image{
      padding-right: 0;
    }
    /*****21/04/2021*******/
  	.blog-discription iframe{
  		height: 250px;
  	}

}

@media screen and (max-width:479px) {
    .hero-slider .carousel-cell .slide-content .title {
        font-size: 30px
    }
    .hero-slider .carousel-cell .slide-content .subtitle {
        font-size: 18px
    }
    .display-4 {
        font-size: 24px
    }
    body {
        font-size: 16px;
        line-height: 26px
    }
    .hero-slider .carousel-cell .slide-content .description {
        font-size: 16px;
        line-height: 22px
    }
    .footer-links {
        flex-basis: 100%;
        padding-bottom: 20px
    }
    .masonry-brick {
        flex-basis: 100%
    }
    .page-title {
        padding: 30px 0
    }
    .social-media a {
        margin-right: 4px
    }
    .footer-logo img {
        max-width: 140px
    }
    .hint--top:after,
    .hint--top:before {
        left: auto
    }
    .available-on a img {
        max-height: 26px
    }
    .available-on a {
        max-width: 40%
    }
    /******01-03-2021******/
	.social-media{
		overflow: hidden;
	}
	.check-flex-row .form-check{
		flex-basis: 100%;
    flex-wrap: wrap;
	}

  .opt-modal .modal-title{
    flex-basis:100%;
    font-size: 18px;
    order: 2;
  }
  .opt-modal .modal-header{
    flex-wrap: wrap;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .opt-modal .modal-body, .opt-modal .modal-footer{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .opt-modal .close{
    margin-top: -35px;
  }
  #partitioned{
    background-size: 48px 1px;
    width: 305px;
      min-width: 305px;
      font-size: 17px;
  }
  #divOuter {
      width: 280px;
  }
  .opt-modal .close i{
    background: #fff;
      border-radius: 50%;
  }

  /*****18/3/2021*****/
	.screen-item{
		flex-basis: 50%;
	}
  /*******07/04/2021************/
  .blog-item{
    flex-basis: 100%;
    margin-right: 0;
  }
  .blog-item:nth-child(3n+1){
    margin-right: 0;
  }


  	/**********09/04/2021************/
  	.blog-image img{
  		min-height: inherit;
  	}
  	.blog-title h2{
  		min-height: inherit;
  	}
    /*****21/04/2021*******/
  	.blog-discription iframe{
  		height: 200px;
  	}


}

/********16-04-2021*********/
@media screen and (max-width: 991px) {
.contact-image{
display: none;
}
}