/*

  _____  _     _     _ _      _                 _       _____  _____ _____ 
 |  __ \(_)   | |   | | |    | |               | |     / ____|/ ____/ ____|
 | |__) |_  __| | __| | | ___| |__   ___   ___ | | __ | |    | (___| (___  
 |  _  /| |/ _` |/ _` | |/ _ \ '_ \ / _ \ / _ \| |/ / | |     \___ \\___ \ 
 | | \ \| | (_| | (_| | |  __/ |_) | (_) | (_) |   <  | |____ ____) |___) |
 |_|  \_\_|\__,_|\__,_|_|\___|_.__/ \___/ \___/|_|\_\  \_____|_____/_____/ 
 
*/

/* ==========================================================================
    Media Queries
========================================================================== */

@media only screen and (max-width:1800px){
    body {
        font-size: 18px;
    }
	header {
        height: 100px;
	}
	nav a {
        font-size: 17px;
        line-height: 100px;
        float: left;
    }
    #home-featured h2 {
        font-size: 75px;
        max-width: 600px;
    }
    p.tag {
        margin: 130px 0 0;
    }
    .sec-title {
        font-size: 36px;
        margin: 77px 0 0;
    }
    .popular-single p {
        font-size: 16px;
    }
    .vid-title {
        font-size: 30px;
        margin: 30px 0 0 0;
    }
    .vid-desc {
        font-size: 18px;
        line-height: 1.8;
    }
    .popular-listing img {
        height: 400px;
        width: 369px;
        object-fit: cover;
        float: left;
    }
    .popular-single {
        float: left;
        width: 23%;
        margin: 0 1% 30px;
    }
    .game-details h3{
    	font-size: 40px;
    	margin:23px 0 14px;
    }
    footer {
        margin: 120px 0 0;
    }
    .social-links {
        margin: 42px 0 0 0;
    }
    .social-links li {       
        margin-left: 30px;
    }
    #home-featured p.game-date {
        font-size: 18px;
    }
    .btn {
        padding: 13px 31px;
        font-size: 14px;
    }
    header {
        height: 87px;
    }
    nav a {
        font-size: 15px;
        line-height: 87px;
    }
    .video-left {
        padding: 50px 39% 100px 70px;
    }
    .vid-container {
        height: 560px;
    }
    .popular-listing {
        margin: 46px 0 0 0;
    }
    .hover-link, .hover-btn {
        font-size: 14px;
    }
    .hover-btn {
        padding: 13px 7px;
        max-width: 120px;
    }    
    .popular-listing img {
        height: 442px;
    }
    .star-rating, .star-rating-outer {
        height: 11px;
        background-size: auto 100%;
    }
    .star-rating-outer {        
        width: 65px;
        margin: 6px 0 0 0;
    }
    .popular-view-all a {
        padding: 14px 40px;
        font-size: 14px;
        cursor: pointer;
    }
    .vid-btn {
        font-size: 14px;
        padding: 16px 38px;
    }
    .logo-container img {
        width: 155px;
    }
    .vid-screen video {
        top: -67px;
    }
    .vid-container {
        height: 500px;
    }
    #footer-nav a {
        font-size: 12px;
        padding: 0 16px;
    }
    #footer-nav {
        margin: 45px 0 0 0;
    }
    .footer-bottom {
        font-size: 12px;
        margin: 40px 0 0;
        padding: 42px 0 54px;
        border-top: 1px solid #707070;
    }
    .social-links li a {
        background-size: 100%;
        height: 23px;
        width: 23px;
    }
    .social-links li {
        margin-left: 25px;
    }
    .menu1 li a, .menu2 li a, .menu2 li {
        font-size: 15px;
    }
    .footerRightOne p {
        font-size: 16px;
    }
    .footerRightOne p.made-with-txt {
        font-size: 13px;
    }


}
@media only screen and (max-width:1600px){
    .popular-listing img {
        height: 370px;
    }
}
@media only screen and (max-width:1440px){
    #home-featured h2 {
        font-size: 60px;
    }
    .game-details h3 {
        font-size: 35px;
    }
    .sec-title {
        font-size: 35px;
    }
    .vid-title {
        font-size: 25px;
    }
}
@media only screen and (max-width:1300px){
}
@media only screen and (max-width:1366px){ 

    #home-featured h2 {
        font-size: 50px;
    }
    .game-details h3 {
        font-size: 30px;
    }
    .sec-title {
        font-size: 30px;
    }
    



}
@media only screen and (max-width:1024px){

    .popular-single .hover-btn {
        padding: 8px 2px;
        font-size: 12px;
    }
    .popular-listing img {
        height: 280px;
    }
    .video-left {
        padding: 20px 45% 50px 50px;
    }
    .vid-title br {
        display: none;
    }
    .vid-container {
        right: -100px;
        width: 61%;
    }
    .vid-desc {
        font-size: 17px;
    }

    
}
@media only screen and (max-width:980px){
    #primary-nav a {
        padding: 0 20px;
    }
}
@media only screen and (max-width:870px){
    #home-primary {
        max-height: 650px;
        overflow: hidden;    
    }
    #upcoming-games img {
        min-height: 530px;
        object-fit: cover;
        object-position: center center;    
    }
    .upcoming-left, .upcoming-right {
        width: 100%;
    }
    .nav {
        margin: 15px 20px 12px;    
    }
    .button-toggle {
        margin: 17px;
    }
    .popular-single {
        width: 31%;
    }
    .popular-single:nth-child(4n+1) {
        clear: none;    
    }
    .popular-listing img {
        height: 310px;    
    }
    .popular-single:nth-child(3n+1) {
        clear: both;    
    }
    #primary-nav a {
        padding: 0 15px;
        font-size: 13px;
    }

}
@media only screen and (max-width:768px){
    #primary-nav {
        display: none;
    }
    

}
@media only screen and (max-width:650px){
    .popular-single {
        width: 48%;    
    }
    .popular-listing img {
        height: 350px;    
    }
    .popular-single:nth-child(3n+1) {
        clear: none;    
    }
    .popular-single:nth-child(2n+1) {
        clear: both;    
    }
    section#home-video {
        overflow: hidden;    
    }
    .video-left {
        padding: 0 40px 40px;
        width: 100%;
    }
    .vid-container {
        position: relative;
        width: 100%;
        right: 0;
        top: 0;
        margin: 30px 0 0;
        float: left;
        perspective: 0;    
    }


}

@media only screen and (max-width:480px){
    .popular-single {
        width: 98%;    
    }
    .popular-listing img {
        height: auto;    
    }
    .popular-single .hover-btn {
        padding: 13px 20px;
        font-size: 15px;    
    }
    .video-left {
        padding: 30px 30px 40px;    
    }
    .vid-title {
        margin: 0;
    }
    .vid-desc {
        font-size: 17px;
        margin: 20px 0 0;    
    }
    section#home-video {
        margin: 10px 0 0 0;    
    }
    .vid-btn {
        margin: 30px 0 0 0;        
    }
    .footerRightOne {
        padding: 0;
        border: none;
        margin: 0;    
    }
    .footer {    
        padding: 90px 0 0px 0;
    }
    .vid-container {
        height: 320px;
    }
    .vid-screen video {
        top: -45px;
    }
    .vid-play {
        transform: translateX(-50%) translateY(-68%);
    }
    .menu1 li a, .menu2 li a, .menu2 li {
        font-size: 13px;
    }
    .featured-buttons .btn {
        padding: 10px 15px;
        margin-right: 15px;
    }

    .logo-container img {
        width: 120px;
    }
    header {
        height: 70px;
    }
    p.tag {
        margin: 100px 0 0;
        padding: 9px 20px;
        font-size: 12px;
    }
    #home-featured h2 {
        font-size: 35px;
    }
    body {
        font-size: 16px;
    }
    #home-featured p.game-date {
        font-size: 15px;
        background-size: 15px;
        padding: 0 0 0 25px;
    }    
    .featured-buttons {
        margin: 40px 0 0;
    }


}