@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;}}