body{
    margin:0;
    font-size:21px;
    text-align: center;
    overflow-x: hidden;
   min-width:450px; /* suppose you want minimun width of 1000px */
   width: auto !important;  /* Firefox will set width as auto */
   width:450px;             /* As IE ignores !important it will set width as 1000px; */
}
.ce{
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.absp{
    position: absolute;
}
.relp{
    position: relative;
}

.redbutt2{
    background-color: #fe0d34;
	font-family: 'Montserrat', Arial, Helvetica, sans-serif;
	float:center;
        height: 30px;
        max-height: 40px;
	border: #fbfbfb solid 0px;
	cursor:pointer;
	color:#fff;
	font-size:14px;
	padding-top:3px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	font-weight:700;
	border-radius: 5px;
}
.redbutt2:hover{
	background-color: #c8c8c8;
	color: #000;
}

.g_title2{
    position: relative;
    width:370px;
    font-size: 20px;
    top:-2px;
}
.g_container2{
    width:376px;
    height:228px;
    background-color:#f6d308;
    overflow:hidden;
}
.g_screen2{
    position:relative;
    width:370px;
    height:223px;
    top:2px;
}
.g_over2{
    position:relative;
    width:370px;
    height:223px;
    top:-221px;
    left:0px;
    background-color:#000;
    opacity:0;
}
#glist2{
    color:#fff;
    font-weight:bold;
    font-family:Arial;
    position: relative;
    top:50px;
    height:auto;
}
.itemgam{
	
   float: left;
   margin: 10px;
   
   width: 376px;
   height: 250px;
   
  /* background-color:#ff0;*/
    background-size:contain;
    background-repeat:no-repeat;
}
.itemgam:hover{
	/*
	cursor: pointer;
	background-color: #EEEEEE;*/
}
.itemgamdummy{
   float: left;
   margin: 10px;
   
   width: 376px;
   height: 50px;
   
    background-size:contain;
    background-repeat:no-repeat;
    visibility:hidden;
    opacity:0;
    pointer-events:none;
}
.itemgamdummy2{
   float: left;
   margin: 10px;
   
    width:150px;
    height:100px;
   
    background-image: url("imgs/exp.png");
    background-size:contain;
    background-repeat:no-repeat;
    
    pointer-events:none;
    position: relative;
}


#wrapper{
	position: relative;
	width:220px;
	height: auto;
	/*background-color: #ccc;*/
	left: calc(50% - 110px);
}

@media only screen and (min-width: 1200px)  {
	#wrapper{
		width:1200px;
		left: calc(50% - 600px);
	}
}

@media only screen and (max-width: 1269px) and (min-width: 1001px)  {
	#wrapper{
		width:800px;
		left: calc(50% - 400px);
	}
}
@media only screen and (max-width: 1000px)  {
	#wrapper{
		width:376px;
		left: calc(50% - 188px);
	}
}





#modal{
    position: fixed;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,0.6);
}
#congrats_demo{
    position: absolute;
    top: calc(50% - 124px);
    left: calc(50% - 244px);
    width: 488px;
    height: 248px;
    background-image: url('imgs/congrats_demo.png');
    background-repeat: no-repeat;
}
#pop2{
    position: absolute;
    top: calc(50% - 36px);
    left: calc(50% - 204px);
    width: 408px;
    height: 72px;
    background-image: url('imgs/pop2.png');
    background-repeat: no-repeat;
    font-family: Arial;
    font-size: 16px;
}

#xbtn1{
    background-image: url('imgs/x.png');
    background-repeat: no-repeat;
    width: 33px;
    height: 33px;
    position: absolute;
    left: calc(100% - 25px);
    top:0px;
}
#xbtn2{
    background-image: url('imgs/x.png');
    background-repeat: no-repeat;
    width: 33px;
    height: 33px;
    position: absolute;
    left: calc(100% - 25px);
    top:-10px;
}
#playnow{
    background-image: url('imgs/playnow.png');
    background-repeat: no-repeat;
    width: 143px;
    height: 46px;
    position: absolute;
    left:270px;
    top:150px;
}

.btn{
    cursor: pointer;
    opacity: 0.8;
}
.btn:hover{
    opacity: 1;
}


.home{
    left:calc(100% - 400px);
}
.m_games{
    left:calc(100% - 300px);
}
.join{
    left:calc(100% - 200px);
}
.login{
    left:calc(100% - 100px);
}


#header{
    width:100%;
    height:490px;
    background: #7a0209; 
    background: -webkit-linear-gradient(#000000, #7a0209); 
    background: -o-linear-gradient(#000000, #7a0209); 
    background: -moz-linear-gradient(#000000, #7a0209); 
    background: linear-gradient(#000000, #7a0209); 
}

#treasure{
    pointer-events:none;
    background-image: url("imgs/treasure.png");
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    width:572px;
    height:572px;
    left:620px;
    top:0px;
}
#headerin{
    position:absolute;
    width:1200px;
    left:calc(50% - 600px);
    text-align:center;
}

.text1_2{
    font-size:52px;
}
.text3_1{
    font-family:franklingothic-demi;
    font-size:28px;
}
.text4_1{
    font-size:40px;
    color:#000;
    font-family:ScantypeBoldPERSONALUSE;
}
.text4_2{
    font-family:franklingothic-demi;
    font-size:24px;
}
.text4_3{
    font-family:franklingothic-demi;
    font-size:24px;
}
.text5t_2{
    font-weight:bold;
    font-size:25px;
}
.text6_2{
    color:#036f00;
}
.text6_3{
    font-size:16px;
}
.text6_4{
    font-weight:normal;
}
.text7_2{
    color:#007ab7;
    font-weight:bold;
    font-size: 14px;
}
#game1{
    /*left:390px;*/
}
#game2{
    left:390px;
}
#game3{
    left:780px;
}
#game4{
    /*left:390px;*/
    top:280px;
}
#game5{
    left:390px;
    top:280px;
}
#game6{
    left:780px;
    top:280px;
}
#text1{
    position:absolute;
    color:#fff;
    font-family:"franklingothic-demi";
    font-size:40px;
    top:17px;
    width:700px;
    height:100px;
    left:0px;
}
#text2{
    position:absolute;
    color:#fff;
    font-family:"CopperplateGothicBT-Roman";
    font-size:36px;
    top:138px;
    left:0px;
    width:700px;
    height:100px;
}
#text3{
    position:absolute;
    color:#fff;
    font-family:"franklingothic-book";
    font-size:24px;
    top:228px;
    left:0px;
    width:700px;
}
#underline1{
    pointer-events:none;
    background-image: url("imgs/underline.png");
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    width:371px;
    height:59px;
    left:220px;
    top:265px;
}
#double{
    pointer-events:none;
    background-image: url("imgs/double.png");
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    width:523px;
    height:330px;
    left:28px;
    top:310px;
}
#text4{
    position:absolute;
    color:#7a0209;
    
    font-family:"franklingothic-book";
   /* font-family:ScantypeBoldPERSONALUSE;*/
    left:20px;
    font-size:19px;
    top:500px;  
}
#text5{
    position:absolute;
    color:#fff;
    font-family:Arial;
    left:0px;
    font-size:14;
    top:595px;
    width:1200px;
    height:100px;
    background-color:#7a0209;
}
#win{
    pointer-events:none;
    background-image: url("imgs/win.png");
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    width:150px;
    height:120px;
    left:12px;
    top:12px;
}
#text5t{
    position:absolute;
    left:200px;
    top:8px;
    line-height: 130%;
    font-size:22px;
}
#cash{
    pointer-events:none;
    background-image: url("imgs/cash.png");
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    width:320px;
    height:320px;
    left:-22px;
    top:702px; 
}
#trophy{
    pointer-events:none;
    background-image: url("imgs/trophy.png");
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    width:290px;
    height:290px;
    left:910px;
    top:702px; 
}
#text6{
    position:absolute;
    color:#000;
    font-weight:bold;
    font-family:Arial;
    left:340px;
    font-size:24px;
    top:710px;  
    line-height: 160%;
}
#playr{
    background-image: url("imgs/playr.png");
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    width:150px;
    height:50px;
    left:525px;
    top:780px;
    cursor:pointer;
    opacity:0.8;
}
#playr:hover{
    opacity:1;
}
#playd{
    background-image: url("imgs/playd.png");
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    width:150px;
    height:50px;
    left:525px;
    top:890px;
    cursor:pointer;
    opacity:0.8;
}
#playd:hover{
    opacity:1;
}
#text7{
    position:absolute;
    color:#000;
    font-weight:normal;
    font-family:Arial;
    left:400px;
    font-size:16px;
    top:835px; 
}
#games{
    width:1200px;
    height:auto;
    background: #7a0209; 
    background: -webkit-linear-gradient(#7a0209, #000000); 
    background: -o-linear-gradient(#7a0209, #000000); 
    background: -moz-linear-gradient(#7a0209, #000000); 
    background: linear-gradient(#7a0209, #000000); 
    position:absolute;
    top:945px;
}
#footer2{
    position:absolute;
    top:70px;
    left:-180px;
    width:500px;
    font-size:12;
    color:#999;
    font-weight:bold;
    font-family:Arial;
    cursor:pointer;
    font-style: italic;
    height:100px;
}
.fitem2{
    width:130px;
}
.fitem2:hover{
    color:#000;
}

#sep12{
    position:absolute;
    left:535px;
}
#sep22{
    position:absolute;
    left:665px;
}
.copyright2{
    left:405px;
}
.terms2{
    left:535px;
}
.conds2{
    left:665px;
}

#exp{
    background-image: url("imgs/exp.png");
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    top:1600px;
    width:150px;
    height:100px;
}
#expdate{
    position:absolute;
    font-weight:bold;
    font-family:Arial;
    font-size:14px;
    left:25px;
    top:32px;
    
}
#text8{
    position:absolute;
    color:#fff;
    font-weight:normal;
    font-family:CaviarDreams-BoldItalic;
    left:0px;
    top:15px;
    width:1200px;
    font-size:22px;
}

#glist{
    position:absolute;
    width:1200px;
    height:300px;
    left:25px;
    top:80px;
    color:#fff;
    font-weight:bold;
    font-family:Arial;
   /* font-size:15;*/
}
.game{
    position:absolute;
    background-size:contain;
    background-repeat:no-repeat;
}

.btn1{
    position:absolute;
    width:150px;
    height:50px;
    left:110px;
    top:230px;
    cursor:pointer;
    opacity:0.9;
    background-color: #f2532c;
    border-radius: 4px;
    font-size: 20px;
    font-family: CaviarDreams-Bold;
    line-height: 80%;
   /* padding: 4px;*/
   /* pointer-events:none;*/
}
.btn1:hover{
    opacity:1;
}
.btn2{
    position:absolute;
    width:100px;
    height:33px;
    left:135px;
    top:270px;
    cursor:pointer;
    opacity:0.9;
    visibility: hidden;
   /* pointer-events:none;*/
}
.btn2:hover{
    opacity:1;
}


.g_title{
    position:absolute;
    left:0px;
    text-align:left;
    width:370px;
    font-size: 20px;
    top:-5px;
    left:0px;
}
.g_container{
    position:absolute;
    top:18px;
    width:376px;
    height:228px;
    background-color:#f6d308;
    overflow:hidden;
}
.g_screen{
    position:absolute;
    left:3px;
    top:3px;
    width:370px;
    height:222px;
}
.g_over{
    position:absolute;
    left:3px;
    top:3px;
    width:370px;
    height:222px;
    background-color:#000;
    opacity:0;
}



@media only screen and (max-width: 1269px) and (min-width: 1001px)  {
    
    

#header{
    width:100%;
    height:405px;
    background: #7a0209; 
    background: -webkit-linear-gradient(#000000, #7a0209); 
    background: -o-linear-gradient(#000000, #7a0209); 
    background: -moz-linear-gradient(#000000, #7a0209); 
    background: linear-gradient(#000000, #7a0209); 
}

#treasure{
    pointer-events:none;
    background-image: url("imgs/treasure.png");
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    width:472px;
    height:472px;
    left:620px;
    top:0px;
}
#headerin{
    position:absolute;
    width:1000px;
    left:calc(50% - 600px);
    text-align:center;
}

#text1{
    position:absolute;
    color:#fff;
    font-family:"franklingothic-demi";
    font-size:30px;
    top:17px;
    width:700px;
    height:100px;
    left:0px;
}
.text1_2{
    font-size:42px;
}
#text2{
    position:absolute;
    color:#fff;
    font-family:"CopperplateGothicBT-Roman";
    font-size:26px;
    top:108px;
    left:0px;
    width:700px;
    height:100px;
}
#text3{
    position:absolute;
    color:#fff;
    font-family:"franklingothic-book";
    font-size:17px;
    top:188px;
    left:0px;
    width:700px;
}
.text3_1{
    font-family:franklingothic-demi;
    font-size:20px;
}
#underline1{
    pointer-events:none;
    background-image: url("imgs/underline.png");
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    width:271px;
    height:59px;
    left:260px;
    top:210px;
}
#double{
    pointer-events:none;
    background-image: url("imgs/double.png");
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    width:423px;
    height:330px;
    left:128px;
    top:260px;
}
#text4{
    position:absolute;
    color:#7a0209;
    
    font-family:"franklingothic-book";
    left:100px;
    font-size:16px;
    top:430px;
    width:1000px;
}
.text4_1{
    font-size:36px;
    color:#000;
    font-family:ScantypeBoldPERSONALUSE;
}
.text4_2{
    font-family:franklingothic-demi;
    font-size:18px;
}
.text4_3{
    font-family:franklingothic-demi;
    font-size:18px;
}
#text5{
    position:absolute;
    color:#fff;
    font-family:Arial;
    left:100px;
    font-size:14;
    top:515px;
    width:1000px;
    height:100px;
    background-color:#7a0209;
}
#win{
    pointer-events:none;
    background-image: url("imgs/win.png");
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    width:150px;
    height:120px;
    left:12px;
    top:20px;
}
#text5t{
    position:absolute;
    left:200px;
    top:8px;
    line-height: 170%;
    font-size:17px;
}
.text5t_2{
    font-weight:bold;
    font-size:20px;
}
#cash{
    pointer-events:none;
    background-image: url("imgs/cash.png");
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    width:270px;
    height:270px;
    left:50px;
    top:640px; 
}
#trophy{
    pointer-events:none;
    background-image: url("imgs/trophy.png");
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    width:270px;
    height:270px;
    left:870px;
    top:638px; 
}
#text6{
    position:absolute;
    color:#000;
    font-weight:bold;
    font-family:Arial;
    left:390px;
    font-size:24px;
    top:630px;  
    line-height: 160%;
}
.text6_2{
    color:#036f00;
}
.text6_3{
    font-size:14px;
}
.text6_4{
    font-weight:normal;
    font-size:14px;
}
#playr{
    background-image: url("imgs/playr.png");
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    width:150px;
    height:50px;
    left:525px;
    top:700px;
    cursor:pointer;
    opacity:0.8;
}
#playr:hover{
    opacity:1;
}
#playd{
    background-image: url("imgs/playd.png");
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    width:150px;
    height:50px;
    left:525px;
    top:805px;
    cursor:pointer;
    opacity:0.8;
}
#playd:hover{
    opacity:1;
}
#text7{
    position:absolute;
    color:#000;
    font-weight:normal;
    font-family:Arial;
    left:400px;
    font-size: 14px;
    top:755px;  
}
.text7_2{
    color:#007ab7;
    font-weight:bold;
    font-size: 16px;
}
#games{
    width:1000px;
    height:auto;
    background: #7a0209; 
    background: -webkit-linear-gradient(#7a0209, #000000); 
    background: -o-linear-gradient(#7a0209, #000000); 
    background: -moz-linear-gradient(#7a0209, #000000); 
    background: linear-gradient(#7a0209, #000000); 
    position:absolute;
    top:865px;
    left:100px;
}
/*#footer{
    position:absolute;
    top:1410px;
    font-size:12;
    color:#999;
    font-weight:bold;
    font-family:Arial;
    cursor:pointer;
    font-style: italic;
}*/
.fitem{
    position:absolute;
    width:130px;
}
.fitem:hover{
    color:#000;
}


/*#exp{
    background-image: url("imgs/exp.png");
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    top:1315px;
    width:150px;
    height:100px;
    left:525px;
}
#expdate{
    position:absolute;
    font-weight:bold;
    font-family:Arial;
    font-size:14px;
    left:25px;
    top:32px;
    
}*/
#text8{
    position:absolute;
    color:#fff;
    font-weight:normal;
    font-family:CaviarDreams-BoldItalic;
    left:0px;
    top:15px;
    width:1000px;
    font-size:22px;
}

#glist{
    position:absolute;
    width:1000px;
    height:300px;
    left:25px;
    top:80px;
    color:#fff;
    font-weight:bold;
    font-family:Arial;
   /* font-size:15;*/
}
.game{
    position:absolute;
    background-size:contain;
    background-repeat:no-repeat;
}

.btn1{
    position:absolute;
    width:80px;
    height:30px;
    left:105px;
    top:230px;
    cursor:pointer;
    opacity:0.9;
    background-color: #f2532c;
    border-radius: 4px;
    font-size: 12px;
    font-family: CaviarDreams-Bold;
    line-height: 80%;
   /* padding: 4px;*/
   /* pointer-events:none;*/
}
.btn1:hover{
    opacity:1;
}
.btn2{
    position:absolute;
    width:100px;
    height:33px;
    left:135px;
    top:270px;
    cursor:pointer;
    opacity:0.9;
    visibility: hidden;
   /* pointer-events:none;*/
}
.btn2:hover{
    opacity:1;
}

#game1{
    /*left:390px;*/
}
#game2{
    left:330px;
}
#game3{
    left:660px;
}
#game4{
    /*left:390px;*/
    top:190px;
}
#game5{
    left:330px;
    top:190px;
}
#game6{
    left:660px;
    top:190px;
}



.g_title{
    position:absolute;
    left:0px;
    text-align:left;
    width:280px;
    font-size: 20px;
    top:-5px;
}
.g_container{
    position:absolute;
    top:18px;
    width:286px;
    height:148px;
    background-color:#f6d308;
    overflow:hidden;
}
.g_screen{
    position:absolute;
    left:3px;
    top:3px;
    width:280px;
    height:140px;
}
.g_over{
    position:absolute;
    left:3px;
    top:3px;
    width:280px;
    height:142px;
    background-color:#000;
    opacity:0;
}
    
    
}






@media only screen and (max-width: 1000px) and (min-width: 828px)  {
    

.itemgamdummy{
   width: 50px;
   height: 50px;
}
#header{
    width:100%;
    height:360px;
    background: #7a0209; 
    background: -webkit-linear-gradient(#000000, #7a0209); 
    background: -o-linear-gradient(#000000, #7a0209); 
    background: -moz-linear-gradient(#000000, #7a0209); 
    background: linear-gradient(#000000, #7a0209); 
}

#treasure{
    pointer-events:none;
    background-image: url("imgs/treasure.png");
    background-size:cover;
    position:absolute;
    width:400px;
    height:378px;
    left:400px;
    top:0px;
}
#headerin{
    position:absolute;
    width:800px;
    left:calc(50% - 400px);
    text-align:center;
}

#text1{
    position:absolute;
    color:#fff;
    font-family:"franklingothic-demi";
    font-size:30px;
    top:17px;
    left:-130px;
}
.text1_2{
    font-size:42px;
}
#text2{
    position:absolute;
    color:#fff;
    font-family:"CopperplateGothicBT-Roman";
    font-size:28px;
    top:108px;
    left:-130px;
}
#text3{
    position:absolute;
    color:#fff;
    font-family:"franklingothic-book";
    font-size:16px;
    top:188px;
    left:-130px;
}
.text3_1{
    font-family:franklingothic-demi;
    font-size:18px;
}
#underline1{
    pointer-events:none;
    background-image: url("imgs/underline.png");
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    width:221px;
    height:19px;
    left:140px;
    top:210px;
}
#double{
    pointer-events:none;
    background-image: url("imgs/double.png");
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    width:523px;
    height:130px;
    left:0px;
    top:240px;
}
#text4{
    position:absolute;
    color:#7a0209;
    
    font-family:"franklingothic-book";
   /* font-family:ScantypeBoldPERSONALUSE;*/
    left:8px;
    font-size:13px;
    top:368px;
    
}
.text4_1{
    font-size:30px;
    color:#000;
    font-family:ScantypeBoldPERSONALUSE;
}
.text4_2{
    font-family:franklingothic-demi;
    font-size:16px;
}
.text4_3{
    font-family:franklingothic-demi;
    font-size:16px;
}
#text5{
    position:absolute;
    color:#fff;
    font-family:Arial;
    left:0px;
    font-size:14px;
    top:445px;
    width:800px;
    height:80px;
    background-color:#7a0209;
}
#win{
    pointer-events:none;
    background-image: url("imgs/win.png");
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    width:150px;
    height:120px;
    left:12px;
    top:12px;
}
#text5t{
    position:absolute;
    left:168px;
    top:8px;
    line-height: 150%;
    font-size:14px;
}
.text5t_2{
    font-weight:bold;
    font-size:18px;
}
#cash{
    pointer-events:none;
    background-image: url("imgs/cash.png");
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    width:240px;
    height:240px;
    left:-22px;
    top:542px; 
}
#trophy{
    pointer-events:none;
    background-image: url("imgs/trophy.png");
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    width:240px;
    height:240px;
    left:600px;
    top:542px; 
}
#text6{
    position:absolute;
    color:#000;
    font-weight:bold;
    font-family:Arial;
    left:210px;
    font-size:18px;
    top:540px;  
}
.text6_2{
    color:#036f00;
}
.text6_3{
    font-size:14px;
}
.text6_4{
    font-weight:normal;
}
.text7_2{
    color:#007ab7;
    font-weight:bold;
    font-size: 14px;
}
#playr{
    background-image: url("imgs/playr.png");
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    width:150px;
    height:50px;
    left:340px;
    top:600px;
    cursor:pointer;
    opacity:0.8;
}
#playr:hover{
    opacity:1;
}
#playd{
    background-image: url("imgs/playd.png");
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    width:150px;
    height:50px;
    left:340px;
    top:700px;
    cursor:pointer;
    opacity:0.8;
}
#playd:hover{
    opacity:1;
}
#text7{
    position:absolute;
    color:#000;
    font-weight:normal;
    font-family:Arial;
    left:215px;
    font-size:14px;
    top:665px;  
}
#games{
    width:800px;
    height:auto;
    background: #7a0209; 
    background: -webkit-linear-gradient(#7a0209, #000000); 
    background: -o-linear-gradient(#7a0209, #000000); 
    background: -moz-linear-gradient(#7a0209, #000000); 
    background: linear-gradient(#7a0209, #000000); 
    position:absolute;
    top:745px;
}
/*#footer{
    position:absolute;
    top:1290px;
    font-size:12;
    color:#999;
    font-weight:bold;
    font-family:Arial;
    cursor:pointer;
    font-style: italic;
}*/
.fitem{
    position:absolute;
    width:130px;
}
.fitem:hover{
    color:#000;
}


/*#exp{
    background-image: url("imgs/exp.png");
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    top:1200px;
    width:150px;
    height:100px;
    left:325px;
}
#expdate{
    position:absolute;
    font-weight:bold;
    font-family:Arial;
    font-size:14px;
    left:25px;
    top:32px;
    
}*/
#text8{
    position:absolute;
    color:#fff;
    font-weight:normal;
    font-family:CaviarDreams-BoldItalic;
    left:0px;
    top:30px;
    width:800px;
    font-size:16;
}

#glist{
    position:absolute;
    width:700px;
    height:300px;
    left:50px;
    top:80px;
    color:#fff;
    font-weight:bold;
    font-family:Arial;
    font-size:15;
}
.game{
    position:absolute;
    background-size:contain;
    background-repeat:no-repeat;
}

.btn1{
    position:absolute;
    width:100px;
    height:30px;
    left:55px;
    top:230px;
    cursor:pointer;
    opacity:0.9;
    background-color: #f2532c;
    border-radius: 4px;
    font-size: 14px;
    font-family: CaviarDreams-Bold;
    line-height: 80%;
}
.btn1:hover{
    opacity:1;
}

.g_title{
    position:absolute;
    left:0px;
    text-align:left;
    width:200px;
    font-size: 20px;
    top:-5px;
}
.g_container{
    position:absolute;
    top:18px;
    width:206px;
    height:128px;
    background-color:#f6d308;
    overflow:hidden;
}
.g_screen{
    position:absolute;
    left:3px;
    top:3px;
    width:200px;
    height:122px;
}
.g_over{
    position:absolute;
    left:3px;
    top:3px;
    width:200px;
    height:122px;
    background-color:#000;
    opacity:0;
}

#game1{
    /*left:390px;*/
}
#game2{
    left:247px;
}
#game3{
    left:494px;
}
#game4{
    /*left:390px;*/
    top:180px;
}
#game5{
    left:247px;
    top:180px;
}
#game6{
    left:494px;
    top:180px;
}

    
    
}





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

.itemgamdummy{
   width: 50px;
   height: 50px;
}
#header{
    width:100%;
    height:360px;
    background: #7a0209; 
    background: -webkit-linear-gradient(#000000, #7a0209); 
    background: -o-linear-gradient(#000000, #7a0209); 
    background: -moz-linear-gradient(#000000, #7a0209); 
    background: linear-gradient(#000000, #7a0209); 
}

#treasure{
    pointer-events:none;
    background-image: url("imgs/treasure.png");
    background-size:cover;
    position:absolute;
    width:400px;
    height:378px;
    left:400px;
    top:0px;
    visibility:hidden;
}
#headerin{
    position:absolute;
    width:100%;
    left:0px;
   /* left:calc(50% - 400px);*/
    text-align:center;
}

#text1{
    position:absolute;
    color:#fff;
    font-family:"franklingothic-demi";
    font-size:30px;
    top:17px;
    left:0px;
    width:100%;
    /*left:calc(50% - 350px);*/
}
.text1_2{
    font-size:42px;
}
#text2{
    position:absolute;
    color:#fff;
    font-family:"CopperplateGothicBT-Roman";
    font-size:28px;
    top:108px;
    left:0px;
    width:100%;
    /*left:calc(50% - 350px);*/
}
#text3{
    position:absolute;
    color:#fff;
    font-family:"franklingothic-book";
    font-size:16px;
    top:188px;
    left:calc(50% - 350px);
}
.text3_1{
    font-family:franklingothic-demi;
    font-size:18px;
}
#underline1{
    pointer-events:none;
    background-image: url("imgs/underline.png");
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    width:221px;
    height:19px;
    left:calc(50% - 80px);
    top:210px;
}
#double{
    pointer-events:none;
    background-image: url("imgs/double.png");
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    width:523px;
    height:130px;
    left:calc(50% - 180px);
    top:240px;
}
#text4{
    position:absolute;
    color:#7a0209;
    
    font-family:"franklingothic-book";
    left:calc(50% - 200px);
    font-size:13px;
    top:368px;
    width:400px;
}
.text4_1{
    font-size:30px;
    color:#000;
    font-family:ScantypeBoldPERSONALUSE;
}
.text4_2{
    font-family:franklingothic-demi;
    font-size:16px;
}
.text4_3{
    font-family:franklingothic-demi;
    font-size:16px;
}
#text5{
    position:absolute;
    color:#fff;
    font-family:Arial;
    left:0px;
    width:100%;
    font-size:14px;
    top:485px;
    height:80px;
    background-color:#7a0209;
}
#win{
    pointer-events:none;
    background-image: url("imgs/win.png");
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    width:150px;
    height:120px;
    left:12px;
    top:12px;
    visibility: hidden;
}
#text5t{
    position:absolute;
    left:0px;
    width: 100%;
    top:8px;
    line-height: 150%;
    font-size:10px;
    /*font-size:14px;*/
}
.text5t_2{
    font-weight:bold;
    font-size:2.6vw;
    /*font-size:18px;*/
}
#cash{
    pointer-events:none;
    background-image: url("imgs/cash.png");
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    width:240px;
    height:240px;
    left:-22px;
    top:542px;
    visibility: hidden;
}
#trophy{
    pointer-events:none;
    background-image: url("imgs/trophy.png");
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    width:240px;
    height:240px;
    left:600px;
    top:542px; 
    visibility: hidden;
}
#text6{
    position:absolute;
    color:#000;
    font-weight:bold;
    font-family:Arial;
    left:0px;
    width:100%;
    font-size:18px;
    top:580px;  
}
.text6_2{
    color:#036f00;
}
.text6_3{
    font-size:14px;
}
.text6_4{
    font-weight:normal;
}
.text7_2{
    color:#007ab7;
    font-weight:bold;
    font-size: 14px;
}
#playr{
    background-image: url("imgs/playr.png");
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    width:150px;
    height:50px;
    left:calc(50% - 75px);
    top:640px;
    cursor:pointer;
    opacity:0.8;
}
#playr:hover{
    opacity:1;
}
#playd{
    background-image: url("imgs/playd.png");
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    width:150px;
    height:50px;
    left:calc(50% - 75px);
    top:730px;
    cursor:pointer;
    opacity:0.8;
}
#playd:hover{
    opacity:1;
}
#text7{
    position:absolute;
    color:#000;
    font-weight:normal;
    font-family:Arial;
    left:0px;
    width:100%;
    font-size:14px;
    top:695px;  
}
#games{
    width:100%;
    height:auto;
    background: #7a0209; 
    background: -webkit-linear-gradient(#7a0209, #000000); 
    background: -o-linear-gradient(#7a0209, #000000); 
    background: -moz-linear-gradient(#7a0209, #000000); 
    background: linear-gradient(#7a0209, #000000); 
    position:absolute;
    top:785px;
}
/*#footer{
    position:absolute;
    top:1460px;
    font-size:12;
    color:#999;
    font-weight:bold;
    font-family:Arial;
    cursor:pointer;
    font-style: italic;
    width:100%;
}*/
/*.copyright{
    left:calc(50% - 215px);
}
.terms{
    left:calc(50% - 65px);
}
.conds{
    left:calc(50% + 85px);
}
#sep1{
    position:absolute;
    left:calc(50% - 75px);
}
#sep2{
    position:absolute;
    left:calc(50% + 75px);
}

.fitem{
    position:absolute;
    width:130px;
}
.fitem:hover{
    color:#000;
}*/


/*#exp{
    background-image: url("imgs/exp.png");
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    top:1380px;
    width:150px;
    height:100px;
    left:calc(50% - 75px);
}
#expdate{
    position:absolute;
    font-weight:bold;
    font-family:Arial;
    font-size:14px;
    left:-10px;
    top:32px;
    width: 100%;
    text-align: center;
}*/
#text8{
    position:absolute;
    color:#fff;
    font-weight:normal;
    font-family:CaviarDreams-BoldItalic;
    left:0px;
    top:20px;
    width:100%;
    font-size:22px;
}

#glist{
    position:absolute;
    width:100%;
    height:300px;
    left:0px;
    top:80px;
    color:#fff;
    font-weight:bold;
    font-family:Arial;
    font-size:15;
}
.game{
    position:absolute;
    background-size:contain;
    background-repeat:no-repeat;
}

.btn1{
    position:absolute;
    width:100px;
    height:30px;
    left:55px;
    top:230px;
    cursor:pointer;
    opacity:0.9;
    background-color: #f2532c;
    border-radius: 4px;
    font-size: 14px;
    font-family: CaviarDreams-Bold;
    line-height: 80%;
}
.btn1:hover{
    opacity:1;
}

.g_title{
    position:absolute;
    left:0px;
    text-align:left;
    width:200px;
    font-size: 20px;
    top:-5px;
}
.g_container{
    position:absolute;
    top:18px;
    width:206px;
    height:128px;
    background-color:#f6d308;
    overflow:hidden;
}
.g_screen{
    position:absolute;
    left:3px;
    top:3px;
    width:200px;
    height:122px;
}
.g_over{
    position:absolute;
    left:3px;
    top:3px;
    width:200px;
    height:122px;
    background-color:#000;
    opacity:0;
}

#game1{
    left:calc(50% - 210px);
}
#game2{
    left:calc(50% + 10px);
}
#game3{
    left:calc(50% - 210px);
    top:180px;
}
#game4{
    left:calc(50% + 10px);
    top:180px;
}
#game5{
    left:calc(50% - 210px);
    top:360px;
}
#game6{
    left:calc(50% + 10px);
    top:360px;
}
    
    
}