/*==========  Non-Mobile First Method  ==========*/
	
    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1450px) {
		.menu-active {
		  left: 80% !important;
		}
    }

    @media only screen and (max-width : 1200px) {
		.menu-active {
		  left: 70% !important;
		}
		#adjustments article {
			padding-bottom: 25% !important;
		}
		article, aside {
			float: none !important;
			width: 100% !important;
		}
		#leaderboards aside {
			margin-top: 0 !important;
			padding-bottom: 10% !important;
		}
		.main-nav-game-logo {
			margin-top: 15px !important;
			width: 240px !important;
		}
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
    	.menu-active {
		  left: 65% !important;
		}
		.caption .main-title{
			font-size: 60px !important;
			margin-bottom: 15px !important;
		}
		.caption .sub-title{
			font-size: 30px !important;
			margin-bottom: 50px !important; 
		}
		.home-slider .slider-button{
			font-size: 14px !important;
		}
		.feature-item{
			margin-bottom: 30px;
		}
		#expertise .col-xs-height {
			display: block;
		}
		#expertise .content-part{
			display: none;  	
		}
		#expertise .info-part{
			padding-right: 15px !important;
		}
		#blog-details .social-icon{
			text-align: left;
		}  
		
	}


    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
    	.menu-button{
    		left: 85% !important;
    	}
    	.menu-active {
		  	left: 55% !important;
		}
		.caption .main-title{
			font-size: 40px !important;
			margin-bottom: 10px !important;
		}
		.caption .sub-title{
			font-size: 20px !important;
			margin-bottom: 30px !important; 
		}

    	#features .header-content .title{
    		margin-bottom: 30px;
    	}
		.isotope .isotope-item{
			width: 100%;
		}
		.achievment-item .content .caption{
			width: 100%;
		}
		#count-down .counter-content .each-counter{
			margin-bottom: 30px;
		}
		.team-member .content{
			margin-bottom: 30px;
		}
		#latest-blog .each-post{
			margin-bottom: 50px;
		}
		#client-feedback .custom-control #slider-prev{
			left: 20px !important;
		}
		#client-feedback .custom-control #slider-next{
			right: 20px !important;
		}
		.comments-form form input,
		.comments-form form textarea{
			margin-bottom: 20px;
		}
		#footer .bottom-part .left-part{
			margin-bottom: 30px;
		}
		#home {
			margin-top: 50px !important;
		}
		#magicAndEquipment #magic .description h3 {
			font-size: 2.6rem !important;
			padding-top: 40px;
		}
		#magicAndEquipment #magic .description p {
			font-size: 2rem !important;
		}
    }
	
	/*other Devices*/
	 @media only screen and (max-width : 600px) {
    	.menu-active {
		  	left: 45% !important;
		}

		#magicAndEquipment #magic .description h3 {
			font-size: 2.2rem !important;
			padding-top: 0;
		}
		#magicAndEquipment #magic .description p {
			font-size: 1.6rem !important;
		}
	}
    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
    	.logo-left{
    		left: 20px !important;
    	}
		.menu-active {
		  left: 30% !important;
		}
		#home #arcadeVersionInfo {
			width: 100% !important;
			min-width: 100px !important;
		}
		#home #arcadeVersionInfo li {
			font-size: 1.8rem !important;
			line-height: 2.2rem !important;
		}
		.sidenav {
			width: 100% !important;
		}
		.main-nav .game-logo {
			width: 215px !important;
			margin-top: 30px !important;
		}
		.main-nav-game-logo {
			width: 200px !important;
			margin-top: 20px !important;
		}
    }

    @media only screen and (max-width : 1200px) {
		.menu-active {
		  left: 70% !important;
		}
		
		#home .game-logo {
			width: 20% !important;
		}
		#adjustments article {
			padding-bottom: 25%;
		}
		article, aside {
			float: none;
			width: 100%;
		}
		#leaderboards aside {
			margin-top: 0;
			padding-bottom: 10%;
			padding: 8% !important;
		}
		#tournament, #buyCommercialLicense {
			background-image: none !important;
			background-image: linear-gradient(to right bottom, #001724, #022b41, #043550) !important;
		}
		#tournament article {
			padding-top: 15% !important;
			padding-right: 10% !important;
		}
		#tournament aside {
			padding-top: 25% !important;
			padding-left: 8% !important;
		}
		#tournament img.content-img {
			width: 70% !important;
			max-width: 500px !important;
		}
		.header-background {
			background-color: rgba(0, 23, 36, 0) !important;
		}
		#buyCommercialLicense .content {
			padding: 30px 10px 30px 10px !important;
		}
		#buyCommercialLicense .content {
			padding: 30px 10px 30px 10px !important;
		}
		#buyCommercialLicense article {
			margin-left: 0 !important;
		}
		#buyCommercialLicense aside {
			margin-right: 0 !important;
		}
		section h2 {
			font-size: 3rem !important;
		  }
	}

	
	@media only screen and (max-width : 1400px) {
		#leaderboards .description {
			width: 60% !important;
		}
		#leaderboards img.diploma-img {
			padding-top: 50px !important;
			width: 40% !important;
		}
		#leaderboards h3 {
			margin-top: 80px !important;
		}
		#buyCommercialLicense span p {
			font-size: 92% !important;
		}
    }

	@media only screen and (max-width : 1200px) {
		.menu-active {
		  left: 80% !important;
		}
		#leaderboards .description {
			margin-left: 0 !important;
			width: 100% !important;
			float: none !important;
			display: block !important;
			margin: 0 auto !important;
		}
		#leaderboards img.diploma-img {
			padding-top: 50px !important;
		}
		#leaderboards h3 {
			margin-top: 0 !important;
		}
		#buyCommercialLicense span p {
			font-size: 100% !important;
		}
    }