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

	.slider-hero{right:12%;}

}



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

	.slider-hero{right:5%;}	

}





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

	.slider-hero{right:2%;}

}



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

	.slider-hero{right:5%;}

	.media-section-wrapper{height:960px;}

	.media-section > .container{width:960px;}

}





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

	/*.slider-hero{width:200px;height:385px;right:2%;margin:-192px 0 0;}*/

	.slider-hero{right:2%;}

}





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

	.slider-hero{right:0;width:260px;}

}



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

	.slider-hero{right:0;width:260px;}

}



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

	.media-section > .container{width:800px;}

	.media-section-wrapper{height:800px;}

	.slider-hero{width:300px;height:385px;right:0;margin:-192px 0 0;}

}





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

	.slider-hero{right:0;width:260px;}
	.lastChallengeImg {
    margin: 130px 0 40px 0px;
}

}





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

	.free-img > img{max-width:100%;margin:0;}

	



	.media-section > .container{width:780px;}

}



@media screen and (max-width: 1200px) {

	.container{width:100%;}

	.width-content { width:94%; padding:0 3%;}

	

	.top-right-nav{float:right;}



	.image-frame-wrap, .main-frame{width:100%;height:235px;}

	.game-details > h2{letter-spacing:-1px;}

}



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

	.media-section > .container{width:750px;}

	.slider-hero{right:2%;width:200px;}

}





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

	.image-frame-wrap, .main-frame{height:205px;}



	.slider-hero{right:0;width:180px;}

	.media-section > .container{width:700px;}



	.word-content-wrapper{height:300px;}	

}



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

	.logo-section-wrapper .logo{text-align:center;}

	.free-img > img{width:85%;}



	.download-btn > a{width:200px;height:54px;background-size:cover;font-size:20px;padding:12px 5px;}

	.download-btn > a:hover{background:url('../img/download-bg.png') no-repeat 0px -55px;background-size:cover;}

	

}





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

	.top-right-nav-wrapper{margin:0px;}

	/*.video-section-wrapper, .logo-section-wrapper{margin:0px;}*/

	.video-frame{width:250px;height:152px;margin:5px auto;}

	.play-video{width:50px;height:38px;background-size:100% auto;margin:55px auto;}

	.video-frame > a > .play-video:hover{background-position:0 -38px;}

	

	.image-frame-wrap, .main-frame{height:200px;}



	.menu-wrapper ul.navbar-nav > li{padding:15px 8px;}

	.social-linkks-wrap, .footer-section-wrap .download-btn{margin:10px 0;}

	.social-linkks-wrap > ul > li > a{width:48px;height:48px;background-size:cover !important;}

	.social-linkks-wrap > ul > li > a:hover{background-position:0px -48px;}



	.media-section > .container{width:650px;}

}



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

	.video-section-wrapper, .logo-section-wrapper{margin:10px 0 0;}

	.video-section-wrapper > .container > .row > .col-xs-6{margin:0 0 15px;}

}





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

	.media-section-wrapper{height:725px;}

}





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

	.slider-hero{display:none;}	

}





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

	.image-frame-wrap, .main-frame{height:160px;}

}



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

	.image-frame-wrap, .main-frame{height:150px;}

	.action-2{background-position:-750px 0%;}

}



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

	.media-section > .container{width:100%;}

	.media-section-wrapper{padding:0 45px;}





	.top-content-box{width:360px;margin:0 auto 40px auto; max-width:100%;}

	.image-frame-wrap{width:100%;height:220px;margin:0 auto; max-width:100%;}



	.image-frame-wrap.main-frame{width:100%;}



	.footer-section-wrap{padding:10px 0;}

	.social-linkks-wrap{text-align:center;margin:20px 0;}

	.footer-section-wrap .download-btn{margin:20px auto;}

	.col-sm-4.col-xs-12.text-left{text-align:center;}



	.slider-frame-wrap .left-corner, .slider-frame-wrap .right-corner{display:none;}

	.tab-content{margin:10px 0 0;}

	.media-section-wrapper{height:auto;padding:10px 0 60px 0;}



	.navbar-header{display:block !important;}

	.menu-wrapper .navbar-collapse{text-align:left;padding:0 20px;background:#000;border:0;}

	.menu-wrapper ul.navbar-nav{display:block;}

	.menu-wrapper ul.navbar-nav > li{padding:10px 5px;}

	.navbar-brand{font-family:'martregular';color:#f6c101 !important;padding:18px 0;}

	.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background:#f6c101;border:0;margin:12px 0;}



	.menu-wrapper{background-size:cover;background-position:center;padding:36px 20px;}



	.left-char, .right-char{display:none;}

	.middle-section{width:90%;height:100%;margin:0 auto;float:none;}



	.modal-dialog{height:100%;margin:0;}

	#developer-modal .modal-content, #developer-modal .modal-body, .developer-word-popup-wrapper{height:100%;}



	.middle-section{padding:20px 0;}

	.word-content-wrapper{padding:0 10px;}

	.word-content{padding:0px 10px;}



	.popup-head{margin:0 0 10px;}

	.popup-head > h1{font-size:22px;line-height:normal;}

	.popup-head > h1 > span{display:inline-block;vertical-align:middle;}



	.got-it-btn{width:136px;padding:8px 5px;font-size:20px;}

	.pennImgContainer { text-align: center;}
	.pennSection .image-frame-wrap, .pennSection .main-frame { float: none; margin: 0 auto; }
	.pennSection .game-details h2 { text-align: center;}
	.pennSection .game-details > p { text-align: center;}
	.pennImgContainer { max-width: 100%; margin: 0;}
	
}



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

	.image-frame-wrap{height:195px;}

	.dark-box2 > .box-head{font-size:20px;}

}



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

	.dark-box > .box-head{font: 18px 'martmedium';padding:10px 35px;}

}



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

	.content-box > a.reason-to-play{padding:28px 12px;}

	.content-box > a{padding:15px;}

	

}



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

	.container{padding:0 15px !important;}

	/* .free-img{display:none;} */

	.logo > a > img{margin:0;}



	.video-section-wrapper .col-xs-6{width:100%;margin:0;}

	.logo-section-wrapper .container > .row > .col-xs-6{width:100%;}

	.home-section{padding:0 0 60px;height:auto;background-size:cover;}

	.home-section > .container{padding:0;}

	.top-right-nav{float:none;}

	.free-img > img{width:80%;}



	.download-btn > a{font-size:16px;width:150px;height:41px;padding:8px 5px;}

	.download-btn > a:hover{background:url('../img/download-bg.png') no-repeat 0px -41px;background-size:cover;}



	.content-box{text-align:center;}

	.content-box > a{width:240px;height:100px;padding:16px;}

	.content-box > a.reason-to-play{padding:25px;}

	.content-box > a > span.top{font-size:30px;}

	.content-box > a > span.ten{font-size:45px;}

	.content-box > a > span.reason{font-size:22px;}



	.content-box > a > span > span.word{font-size:30px;}

	.content-box > a > span > span.tc > span.from{font-size:16px;}

	.content-box > a > span.dev{font-size:24px;}



	.top-10-section .col-xs-6{width:100%;padding:0;}

	.image-frame-wrap{width:280px;height:200px;}

	.top-content-box{width:300px;}

	.image-frame-wrap.main-frame{width:100%;height:auto;}

	.game-details > h2{margin:20px 0 !important;}



	.lore-section{float:none !important;margin:0 auto;}

	.action-section > .container{display:block;}

	.action-section > .container > .row{display:block;}

	.container.invite-wrap-section, .container.invite-wrap-section .row{display:block;}

	.invite-wrap{margin:30px auto 0px auto;}



	.action-section{height:auto;padding:30px 10px;}

	.top-10-section .container{padding:0 6px;}

	.top-10-section .container .row{padding:0;margin:0;}



	.media-section .container{padding:0;}

	.media-section .container > .row{margin:0;}

	.media-section .container > .row > .col-sm-12{padding:0 2px;}

	.tabs-wrapper ul.nav-tabs > li > a, .tabs-wrapper .nav-tabs > li.active > a{font: 16px 'martregular';}



	.slider-frame-wrap, .inside-frame, .inner-shadow{background:none;box-shadow:none !important;padding:0;}

	.slider-section{padding:5px;}

	.divider, #slideshow-2{display:none;}



	.nav-left, .nav-right, .nav-left:active, .nav-right:active{z-index:999;width:20px;height:45.5px;background-size:100% auto;margin:-13px 0 0;}

	.nav-left:hover, .nav-right:hover{background-position:0px -45.5px;}

	.invite-wrap > h2{font-size:24px;line-height:normal;}

	.dark-box2 > .box-head{padding:0;}

	

	.video-section-wrapper > .container > .row > div{margin:5px 0;}

}



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

	.dark-box2 > .box-head{padding:0 10px;font-size:14px;}

	.invite-wrap-rus > h2{ font-size: 28px;}

}





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

	.download-btn > a{font-size:14px;width:120px;height:32px;padding:6px 5px;}

	.download-btn > a:hover{background:url('../img/download-bg.png') no-repeat 0px -32px;background-size:cover;}

	.top-right-nav-wrapper .col-lg-4.col-md-12{padding:0 2px;}

	.logo-section-wrapper{margin:10px 0 0;}

	.dark-box2 > .box-head{padding:0;}

}



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

	.word-content-wrapper{height:350px;}

}



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

	.top-right-nav{max-width:100%;}

	.top-right-nav > ul > li{margin:0 2px;}

}



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

	.word-content-wrapper{height:200px;}

	.popup-head > h1{font-size:18px;}

}