.window{position:relative; overflow:hidden; padding-bottom: 180px; z-index:1 !important;}
@media only screen and (max-width : 600px) {.bot_frame .w1{width:100%;}.bot_frame .w2{width:100%; text-align:center;}.window{padding-bottom:100px;}}
@media only screen and (max-width : 980px) { .window{margin-top:20%;}}

.game-window{padding: 15% 0; height: 100vh; overflow: hidden; background-position: right; background-repeat: no-repeat; background-position-y: top;}

.work_head{width:52%; font-family: 'Poppins', sans-serif; padding:0 5%;}
.work_head h1{font-family: 'Oswald', sans-serif; font-size:3.4rem; text-align:left; font-weight:700; color:#424242; padding-right:100px;}
.work_head h1 span{color:#ff0901; display:block;}
.work_head p{font-family: 'Poppins', sans-serif; font-size:1.2rem; font-weight:300; color:#424242;}
.scene{position:relative; margin: 0; width:100%; height:auto; overflow:hidden;}
.scene .game1{z-index:5;position: absolute !important; top: 10% !important;left:inherit !important; right: 12% !important; background-size:80%; width: 614px;height:630px; display: inline-block;}
.scene .game2{ z-index:1; position: absolute !important; top: 10% !important; left:inherit !important; right: 12% !important; background: url(https://studiokrew.com/img/kill_character_bg.png) no-repeat right; background-size:80%; width: 614px; height:630px; display: inline-block;}

.expertise{height:auto; overflow: hidden; margin: 15px 0;}
.expertise h6{color:#424242 !important; font-family: 'Oswald', sans-serif; font-size: 1.4rem; font-weight: 400; text-decoration: none; transition: all 0.3s ease-in-out;}
.expertise h6>a{color:#424242; font-family: 'Oswald', sans-serif; font-size: 1.4rem; font-weight: 400; text-decoration: none; transition: all 0.3s ease-in-out;}
.expertise h6>a:hover{color:#ff0901; transition: all 0.3s ease-in-out;}
.expertise p{font-family: 'Poppins', sans-serif; color: #737373; font-size:14px;}

.tech_stack{font-family: 'Poppins', sans-serif; color: #424242; font-size: 20px; font-weight: 300; padding: 20px 0;}
.tech_stack img{width: 32px; height: 32px; float: left; margin-right: 10px;}
.tech_stack a{text-decoration: none; color: #424242;}
@media only screen and (min-device-width : 718px)  and (max-width : 980px) {
	.work_head{width:100%; z-index: 2; position: relative; background: rgba(255,255,255,.7);}
	.game-window{background-image: none !important; height: 80vh;}
	.scene .game1{top: 30% !important; z-index: 1;}
	.scene .game2{top: 30% !important; z-index: 0;}
}

@media only screen and (max-device-width : 717px) {
	.work_head{width:100%;z-index: 2; position: relative; background: rgba(255,255,255,.7);}
	.game-window{background-image: none !important; height: 80vh;}
	.scene .game1{display: none !important; z-index: 1;}
	.scene .game2{display: none !important; z-index: 0;}
	}

.showcase{margin: 45px 20%; text-align: center; height:auto; overflow: hidden;}
.showcase .show-logo{float: left;width: 21%;margin: 2%;text-align: center;padding-bottom: 15px; text-align: center;}
.showcase .show-logo img{width: 100px;}
@media only screen and (max-device-width: 980px){
.showcase .show-logo {float: left;width: 46%;}
}

.our_technologies{height: auto;overflow: hidden;padding: 45px 0; font-family: 'Poppins', sans-serif;}
.our_technologies li{padding-bottom: 10px;}
.our_technologies li span {font-size: 24px; font-family: 'Oswald', sans-serif; padding: 10px; line-height: 1.5;}
.our_technologies li p {height: auto; overflow: hidden; font-size: 14px;}

/*ABOUT*/
.about-tab{margin: 45px 0 20px; font-family: 'Oswald', sans-serif; padding: 0; text-align: center; background: transparent url(https://studiokrew.com/img/bg_carousel_footer.png) no-repeat scroll center bottom;}
.about-tab li{margin: 10px 60px 0 60px; font-size: 26px; line-height: 1; display: inline-block; list-style-type: none; padding: 0; white-space: nowrap;}
.about-tab>li>h2>a{text-decoration: none; color: #2f3435; font-weight: 600;}
.about-tab>li a.active{color: #ff0901;background: transparent url(../img/bg_tab.png) no-repeat scroll center bottom;padding-bottom: 50px; font-weight: 600;}
.about-container{padding: 5%; height: auto; overflow: hidden;}
@media only screen and (max-device-width : 717px) {
	.about-tab{background:none;}
	.about-tab>li a.active{padding-top: 30px;}
}
@media only screen and (min-device-width : 718px)  and (max-width : 980px) {
.about-tab li{margin: 10px 20px 0 20px;}
	}
/*ABOUT US*/

/*WORK*/
.work-bg{background-image: url(../img/work_bg.webp); background-position: center; background-size: cover; height: 100vh; padding: 30vh 0; overflow: hidden;}
.work-bg h1{font-family: 'Oswald', sans-serif; font-size:5rem; text-align:left; font-weight:700; color:#424242;}
@media only screen and (max-device-width : 717px) {
.work-bg{padding: 8rem 0; height: 50%; background-image:none;}
.work-bg h1{font-size: 4rem}
	}
/*WORK END*/

/*CONTACT*/
.contact-bg{background-position: center; background-size: cover; padding: 10% 0; margin-bottom: 45px; width: 100%;}
.contact-bg h1{font-family: 'Oswald', sans-serif; font-size:5vmin; text-align:center; font-weight:700; color:#ffffff;}
.contact-bg p{font-family: 'Poppins', sans-serif; color: #ffffff; font-size: 2vmin;}
@media only screen and (max-device-width : 717px) {
.contact-bg{padding: 25% 0;}
.contact-bg h1{font-size: 24px;}
.contact-bg p{font-size: 14px;}
}
/*CONTACT END*/

/*BLOCKCHAIN*/
.crypt_ban {text-align: left; margin: 20% 40% 20% 10%; z-index: 1; position: absolute;}
.crypt_ban h1{font-size: 10vmin; font-weight: 700; color: #212121; letter-spacing: 2px;}
@media only screen and (min-device-width : 718px)  and (max-width : 980px) {.crypt_ban {text-align: left; margin: 20% 20% 20% 10%;}}
@media only screen and (max-device-width : 717px) { .crypt_ban {text-align: left; margin: 40% 5% 20% 5%;} }
/*BLOCKCHAIN END*/

/*Services1*/
.service1{height: 100vh; overflow: hidden; width: 100%; padding:5% 10%; display: block; clear: both;}
.service1 h1{padding-top: 8rem;}
@media only screen and (max-width: 600px){
.service1{height: auto; padding: 8% 2%;}
.service1 h1{padding-top: 4rem; padding-right: 0px !important;}
	}
@media only screen and (min-device-width : 601px)  and (max-width : 980px){
  .service1 h1{padding-top: 1rem;}  
}
/*Services1 END*/

.footer-two-column{columns: 2; -webkit-columns: 2; -moz-columns: 2;}
@media only screen and (max-width: 600px){
.footer-two-column{columns: 1; -webkit-columns: 1; -moz-columns: 1;}
}

b, strong{font-weight:800 !important;}