@media (min-width: 1080px) and (max-width: 1420px) {
	.tab_left {
		display: flex;
    justify-content: center;
    align-items: center;
	}
	ul.tabs li {
		float: left;
		margin: 0;
		cursor: pointer;
		padding: 0px 42px;
		height: 40px;
		line-height: 35px;
		border-top: 2px solid #e14e4e;
		border-left: 2px solid #e14e4e;
		border-bottom: 2px solid #e14e4e;
		border-right: 2px solid #e14e4e;
		/*background-color: #666;*/
		/*color: #828385;*/
		font-weight: bold;
		overflow: hidden;
		/*position: relative;*/
	}
}

@media only screen and (max-width:1280px) {
	.fuild-img {
		width: 130px;
		display: block;
		margin: 0 auto;
	}

	.inner-font-footer {
		line-height: 20px;
	}
}


@media (min-width: 1080px) and (max-width: 1200px) {
	
}

@media only screen and (max-width: 1080px) {
	.icon-ss {
		display: flex !important;
		align-items: center;
		margin-bottom: 2px;
	}
	#mobile-header {
		display: block;
	}
	.menu {
		display: none;
	}
	.icon-s {
		display: none !important;
	}
	.left-footer {
		width: 100%;
	}
	.right-footer {
		width: 100%;
	}
	.copyright-font {
		font-size: 14px;
		float: none;
		padding: 0px 7px;
		position: relative;
		top:0px;
	}
	.d-flex {
		display: flex;
		justify-content: center;
	}

}
@media (min-width: 768px) and (max-width: 1080px) {
	.img-nav {
		width: 174px;
		padding: 10px;
	}
	.container-fuild {
		width: 93%;
		margin: 0 auto;
	}
	.menu ul li {
		display: inline-block;
		padding: 37px 4px;
	}
	.menu ul li a {
		font-size: 14px;
	}
	
	/* .container {
		width: 728px;
		margin: 0 auto;
	} */
	.desc h2 {
		font-size: 25px;
	}
	.desc p {
		font-size: 16px;
	}
	
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

	.desc h2 {
		font-size: 25px;
	}
	.desc p {
		font-size: 16px;
	}
}



@media only screen and (max-width:768px){
	.logo-m {
		position: relative;
		top: 3px;
	 }
	.icon-s {
		display: none !important;
	}
}

@media (min-width: 640px) and (max-width: 768px) {
	
	/* .container {
		width: 600px;
		margin: 0 auto;
		padding: 0px 10px;
	} */
	
	.header-text h2 {
		font-size: 30px;
		line-height: 40px;
	}
	
	.desc {
		padding: 10px 0px;
		background: #f6f6f6;
	}
	.desc h2 {
		font-size: 22px;
	}
	.desc p {
		font-size: 14px;
	}
	.features-section ul li {
		display: block;
		float: none;
		width: 33%;
		margin: 40px auto;
		float: left;
	}
	p.box-desc {
        line-height: 21px;
        font-size: 15px;
    }
   
}

@media (min-width: 480px) and (max-width: 640px) {
	.tab_left {
		display: flex;
		justify-content:flex-start;
		align-items: center;
	}
	.container-mb {
		position: relative;
   		top: 85px;
	}
	.icon-ss {
		display: flex !important;
		align-items: center;
		margin-bottom: 2px;
	}
	.img-header {
		max-width: 50px;
		width: 100%;
	}
	.img-nav
	{
		padding-top: 5px;
	}
	p.box-desc {
		line-height: 21px;
		font-size: 15px;
		font-weight: 500;
		font-family: 'custom-font3';
		text-align: inherit !important;
    }
    .font02 {
        font-size: 18px;
        color: #000000;
        font-family: custom-font3 !important;
        position: relative;
        top: 5px;
    }
	
}

@media (min-width: 20px) and (max-width: 480px) {
		.container-mb-game
	{
		position: relative;
		top: 70px;
	}
	.tab_left {
		display: flex;
		justify-content:flex-start;
		align-items: center;
	}
	.container-mb {
		position: relative;
		top: 65px;
	}
	.img-nav {
		width: 130px;
	}
	.icon-ss {
		display: flex !important;
		align-items: center;
	}
	.img-header {
		max-width: 50px;
		width: 100%;
	}
	.copyright-font {
		font-size: 15px;
		float: none;
		padding: 0px 7px;
		position: relative;
		top: 0px;
		line-height: 23px;
	}
	.d-flex {
		display: flex !important;
		justify-content: center;
	}
	.img-nav
	{
		padding-top: 5px;
	}
	.d-flexc {
		display: table;
	}
	/* .container {
		width: 320px;
		margin: 0 auto;
		padding: 0px 10px;
	} */
	
	
	
	.desc {
		padding: 10px 0px;
		background: #f6f6f6;
	}
	
	.desc h2 {
		font-size: 22px;
	}
	.desc p {
		font-size: 14px;
		width: 100%;
	}
	
	.menu {
		display: none;
	}
	.logo {
		float: left;
	}
	
	.font02 {
		color: #000;
		font-size: 20px !important;
		font-weight: bold;
		line-height: 27px !important;
	}
}


@media only screen and (max-width: 767px) {
	
	.header {
		top: 0;
		z-index: 1002;
		height: auto;
	}
	.responsive-menu-button {
		float: right;
		padding: 37px 0px;
	}
	.logo {
		float: left;
		position: relative;
		top: 5px;
	}
	.logo h1 a {
		font-family: 'Raleway', sans-serif;
		text-decoration: none;
		color: #1C97CA;
		font-size: 40px;
		font-weight: 100;
		padding: 1px 0px;
		display: block;
		letter-spacing: 4px;
		text-transform: uppercase;
	}
	.banner {
		padding: 20px 0px 80px;
	}
	.menu {
		display: none;
	}
}






@media (max-width: 768px) and (min-width: 640px) {
	.container-mb {
		position: relative;
   		top: 85px;
	}
	.img-nav
	{
		padding-top: 5px;
	}
.menu ul li a {
    float: right;
    font-family: 'Raleway', sans-serif;
    text-decoration: none;
    color: #4e4f4f;
    font-size: 12px !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: color 0.3s ease-in;
    -moz-transition: color 0.3s ease-in;
    -o-transition: color 0.3s ease-in;
    -webkit-transition: color 0.3s ease-in;
    -ms-transition: color 0.3s ease-in;
    text-shadow: 4px 4px 4px #FFF;
}
.menu ul li {
    display: inline-block;
    padding: 31px 4px;
}
}