@media(min-width: 1200px) {
    .container-game {
        max-width: 1300px;
    }
}
@media(max-width: 1199px) {
    h1 {
        font-size: 40px;
    }
    h2 {
        font-size: 35px;
    }
    h3 {
        font-size: 32px;
    }
    .banner {
        background-position: left;
    }
    .sub-banner{
    	background-position: center;
    }
    .banner h4{
    	font-size: 15px;
    }
    .banner h5 {
        font-size: 32px;
        margin-bottom: 15px;
    }
    .banner h5 b {
        font-size: 25px;
    }
    .sub-banner h5{
    	font-size: 25px;
    }
    .sub-banner h5 b{
    	font-size: 22px;
    }
    .game-play-btn, .game-heading, .index-game h5, .index-game h6 {
        font-size: 16px;
    }
    .index-game .btn-link {
        font-size: 14px;
    }
}
@media(max-width: 991px) {
    body {
        font-size: 13px;
    }
    .index-game-prt:nth-child(2) {
        padding: 0 15px;
    }
    .index-game-prt .index-game {
        background: #000;
        color: #FFF;
        background-clip: padding-box;
        border: solid 5px transparent;
        border-radius: 3px;
        width: 100%;
        position: relative;
        padding: 15px;
    }
    .index-game-prt .index-game:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -1;
        margin: -5px;
        border-radius: inherit;
        background: linear-gradient(#fdf1a7 0%, #bd8f29 40%, #7d3f0b 100%);
    }
    .index-game-prt:nth-child(2) .index-game {
        transform: none;
    }
    .index-game h4 {
        font-size: 40px;
    }
    .sub-banner h5{
    	font-size: 20px;
    }
    .sub-banner h5 b{
    	font-size: 17px;
    }
}
@media (max-width:767px) {
    body {
        font-size: 13px;
    }
    h1 {
        font-size: 30px;
        padding-bottom: 30px;
    }
    h2 {
        font-size: 25px;
        padding-bottom: 30px;
    }
    h3 {
        font-size: 22px;
        padding-bottom: 30px;
    }
    h1:after, h2:after, h3:after {
        max-width: 250px;
    }
    .navbar-brand img {
        width: 200px;
    }
    .banner {
        background: #ab7820;
    }
    .banner h5 {
        font-size: 25px;
    }
    .banner h5 b {
        font-size: 20px;
    }
    .sub-banner h5{
    	font-size: 20px;
    }
    .sub-banner h5 b{
    	font-size: 17px;
    }
    .banner .btn-link {
        margin-bottom: 0;
    }
    .news-content h4 {
        font-size: 25px;
    }
    .accordion>.card>.card-header>.btn-link {
        font-size: 15px;
    }
    footer hr {
        max-width: 70%;
    }
    .banner .btn-play {
	    font-size: 16px;
	    height: auto;
	    padding: 6px 15px;
	    max-width: 136px;
	    margin-bottom: 5px;
    }
    .banner .btn-link {
        font-size: 14px;
        max-width: 136px;
    }
    footer h4 {
        font-size: 18px;
    }
    .contact-us-form .contact-heading h4{
    	font-size: 22px;
    }
    .fo-copy p{
    	margin: 10px 0;
    }
    footer hr{
    	margin: 0 auto 10px auto;
    }
    .contact-us-form .form-control{
    	font-size: 15px;
    	min-height: 40px;
    }
}