/*#############table###########*/
@media only screen and (max-width: 600px) 
/* Mobile Styles */
{
BODY {
font:normal 1em/1.2em Calibri,Arial,Verdana,sans-serif ;
letter-spacing:0;
text-align: left;
vertical-align:top;
margin:0;
padding:0;
height:100%;
/*background-color:pink;*/
}
h1{
margin: 0;
padding:10px 0 0 0;
font-size:1.2em;
}
h2{
margin: 0;
padding:10px 0 0 0;
font-size:1.0em;
text-align: center;
}
p
{
padding-top:10px;
padding-bottom: 10px;
margin:0 30px 0px 0px;
font-size:1.15em;
color:#474747;
line-height:135%;
}
strong
{
font-weight:bold;
}
img
{
border:0;
padding:0;
vertical-align:bottom;
float:left;
}
.top{
width:100%;
/*background-color: #3163CE;*/
background-image : linear-gradient(190deg, rgba(64,255,0,0.2), rgba(64,0,255,0.5)),repeating-radial-gradient(circle farthest-corner at 100% 150%, rgba(0,0,255,0.2), rgba(0,0,0,0) 30%, rgba(0,0,0,0.2) 30%, rgba(0,0,0,0.1) 60%),linear-gradient(90deg, #4b0082, #0000ee, #3cb371);
float: left;
}
.mid{
width:100%;
float: left;
}
.btm{
width:100%;
background-color: #35A671;
float: left;
}
.col1 {
width: 0%;
float:left;
}
.col2 {
width: 95%;
margin: 10px;
padding:  0 5px 0 0px;
background-color:#fefefe;

/*background-color: #F2EFEC;*/
}
.col3 {
width:0%;
min-height:10px;
clear:both;
}
.logo {
width: 260px;
float: left;
}
#cn2,#cnzn {
padding-top:0px;
padding-bottom: 0px;
/*margin:0 0px 0px 0px;*/
font-size:1.15em;
color:#474747;
line-height:135%;
}

#phn{
display:none;
}
#cn2 a:link, #cn2 a:visited{
color:#270FD6;
text-decoration-line:none;
font-size:1.4em;
line-height:1.4em;
}
#cn2 a:hover {
color:#fff;
}
.title {
color:white;
padding: 0 5px 10px 0;;
text-align: right;
min-height: 100%;
font-size:1.4em;
}
#cnnu
{
/*background-color:#FB9904;*/

/*background: #39B663;*/
text-align: center;
min-height:30px;
padding: 10px;
margin: 0px 2px 20px 02px;
box-shadow: 0px 8px 16px 0px #0851A4;
z-index: 1;
}

#cnnpic
{
display: inline-block;
text-align: center;
float:center;
min-height:30px;
padding: 10px;
width:100%;
}

#cnnpic1
{
display: inline-block;
text-align: center;
float:center;
min-height:30px;
padding: 10px;
width:100%;
}
.where
{
line-height:135%;
font-size: 1.15em;
margin: 10px 15px 10px 15px; 
}
.where li
{
padding: 5px 0px; 
}

a:link,a:visited 
{
color:#270FD6;
font-weight:normal;
text-decoration:none;
}
a:hover
{
color:#fff;
background-color:#35A671;
text-decoration:none;
}
.menuloc {
/*position: relative;
top:-10px;*/
margin-left:10px;
float:left;
width:95%;
}
 /* Navbar container */
.navbar {
margin:0 0 0px 0px;
float:left;
/*background-color: #380AAA;*/
}

/* Links inside the navbar */
.navbar a {
float: left;
font-size: 1.9em;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

/* The dropdown container */
.dropdown {
float: left;
}

/* Dropdown button */
.dropdown .dropbtn {
cursor: pointer;
font-size: 16px;
border: none;
outline: none;
color: white;
padding: 14px 16px;
background-color: inherit;
font-family: inherit; /* Important for vertical align on mobile phones */
margin: 0; /* Important for vertical align on mobile phones */
}
/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #0851A4;
}
/* Dropdown content (hidden by default) */
.dropdown-content {
position: absolute;
display: none;
background-color: #f9f9f9;
box-shadow: 0px 8px 16px 0px #0851A4;
z-index: 1;
 }
/* Links inside the dropdown */
.dropdown-content a {
line-height: 1.2;
float: none;
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: right;
}
/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
display: block;
left:auto;
right:0;
margin-right:-10px;
}
/*play here */
.tester,  #b1 {
  content: "";
  padding:10px;
  /*width: 20em;
  display: block;
  overflow: hidden;*/
  /* For Demonstration */
  border: 1px solid green;
} 
.tester img {
float:right;
background-color: #252525;
margin: 20px 20px 20px 20px;
} 
input[type=text], select, textarea {
  width: 100%;
  padding: 7px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 2px;
  margin-bottom: 16px;
  resize: vertical;
  font:normal 1em/1.2em Calibri,Arial,Verdana,sans-serif ;  
}
input[type=submit] {
  background-color: #00D4A8;
  color: #000099;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
input[type=submit]:hover {
  background-color: #04BC97;
}
.container {
  width: 95%;
  float: right;
  border-radius: 5px;
  background-color: #AE59E9;
  padding: 9px;
}

.feed{
}
.background{
/*border-radius: 5px;*/
padding:10px;
background-color:#EBC471;
}
.codehi {
background-color: #00D4A8;
}
.sellme{
color:#000000;
background-color:#00D4A8;
padding:10px 10px 15px 10px;
border-radius: 24px;
}
.sellme h1{
margin: 0;
line-height: 1.4;
font-size:1.4em;	
}

.sellme p{
padding-top:10px;
padding-bottom: 10px;
margin:0 30px 0px 0px;
font-size:1.35em;
color:#474747;
line-height:135%;
}


}






/*##########################################################################################*/


@media only screen and (min-width: 601px) and (max-width: 960px) 
{
/* For tablets: */






BODY {
font:normal 1em/1.2em Calibri,Arial,Verdana,sans-serif ;
letter-spacing:0;
text-align: left;
vertical-align:top;
margin:0;
padding:0;
height:100%;
background-color:#fefefe;
/*background-color:green;*/

}
h1{
margin: 0;
padding:10px 0 0 0;
font-size:1.2em;
}
h2{
margin: 0;
padding:10px 0 0 0;
font-size:1.0em;
text-align: center;
}
p
{
padding-top:10px;
padding-bottom: 10px;
margin:0 0px 0px 0px;
font-size:1.15em;
color:#474747;
line-height:135%;
}
strong
{
font-weight:bold;
}
img
{
border:0;
padding:0;
vertical-align:bottom;
float:left;
}

.top{
width:100%;
/*background-color: #3163CE;*/
background-image : linear-gradient(190deg, rgba(64,255,0,0.2), rgba(64,0,255,0.5)),repeating-radial-gradient(circle farthest-corner at 100% 150%, rgba(0,0,255,0.2), rgba(0,0,0,0) 30%, rgba(0,0,0,0.2) 30%, rgba(0,0,0,0.1) 60%),linear-gradient(90deg, #4b0082, #0000ee, #3cb371);

float: left;
}
.mid{
width:100%;
float: left;
}
.btm{
width:100%;
background-color: #35A671;
float: left;
}
.col1 {
width: 5%;
float:left;
}
.col2 {
max-width: 1452px;
width: 90%;
margin: 0 auto;
float:left;
/*background-color: red;*/

}
.col3 {
width:10%;
min-height:10px;
clear:both;
}
.logo {
width: 260px;
float: left;
}
#cn2,#cnzn {
padding-top:0px;
padding-bottom: 0px;
margin:0 0px 0px 0px;
font-size:1.15em;
color:#474747;
line-height:135%;
}


#cn2 a:link, #cn2 a:visited{
color:#270FD6;
text-decoration-line:none;
font-size:1.4em;
line-height:1.4em;
}
#cn2 a:hover {
color:#fff;
}
.title {
color:white;
padding: 0 100px 10px 0;;
text-align: right;
min-height: 100%;
font-size:1.4em;
}
#cnnu
{
background: #AE59E9;
text-align: center;
float:left;
min-height:30px;
padding: 10px;
margin: 10px;
width:360px;
box-shadow: 0px 8px 16px 0px #0851A4;
z-index: 1;
border-radius: 24px;
}

#cnnpic
{
text-align: center;
float:left;
min-height:30px;
padding: 10px;
margin: 20px 20px 20px 20px;
width:284px;
}

#cnnpic1
{
text-align: center;
float:right;
min-height:30px;
padding: 10px;
margin: 20px 20px 20px 20px;
width:284px;
}
ul.where
{	
line-height:135%;
font-size: 1.15em;
margin: 10px 15px 0px 100px;
}
.where li
{
padding: 5px 0px; 
}


/*
.lister1 .where li
{
	color:yellow;
	display: block;
	float: left;
	line-height:200%;
	margin-left: 15px;
	margin-right: 15px;
	padding-left: 0;
	padding-right: 0;
}

*/
a:link,a:visited 
{
color:#270FD6;
font-weight:normal;
text-decoration:none;
}
a:hover
{
color:#fff;
background-color:#35A671;
text-decoration:none;
}

#lister1
{
width:95%;
margin:0px auto;
text-align:center;
}

.menuloc {
position: relative;
top:0px;
margin-left:10px;
float:right;
/*width:100px;*/
/*background-color: white;*/
}
 /* Navbar container */
.navbar {
margin:0 0 0px 0px;
float:left;
  overflow: hidden;
 /* background-color: #380AAA;*/
/*  font-family: Arial-bold;*/
}

/* Links inside the navbar */
.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
}

/* Dropdown button */
.dropdown .dropbtn {
  cursor: pointer;
  font-size: 16px;
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #0851A4;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
position: absolute;
  display: none;
  background-color: #f9f9f9;
/*  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
  box-shadow: 0px 8px 16px 0px #0851A4;

  z-index: 1;
 white-space: nowrap;
 }

/* Links inside the dropdown */
.dropdown-content a {

  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: right;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
      left:auto;
      right:0;
    margin-right:-10px;
}

/*play here */


.tester {
  content: "";
  padding:50px 20px 50px 50px;
  /*width: 20em;
  display: block;
  overflow: hidden;*/
  /* For Demonstration */
  border: 1px solid green;
} 
.tester img {
float:right;
background-color: #252525;
margin: 20px 20px 20px 20px;
} 
.seccert
{
padding-top:20px;
}

input[type=text], select, textarea {
  width: 90%;
  padding: 7px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 12px;
  margin-bottom: 16px;
  resize: vertical;
  font:normal 1em/1.2em Calibri,Arial,Verdana,sans-serif ;  
}
input[type=submit] {
  background-color: #00D4A8;
  color: #000099;
  padding: 2px 5px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font:normal 1.5em/1.7em Calibri,Arial,Verdana,sans-serif ;    
}
input[type=submit]:hover {
  background-color: #04BC97;
}



.container {
  width: 99%;
  float: right;
  border-radius: 5px;
  background-color: #AE59E9;
  padding: 0px;
  border-radius: 24px;  
}

.codehi {
background-color: #00D4A8;
}
.sellme{
color:#000000;
background-color:#00D4A8;
padding:10px 10px 15px 10px;
border-radius: 24px;
}
.sellme h1{
margin: 0;
line-height: 1.4;
font-size:1.4em;	
}

.sellme p{
padding-top:10px;
padding-bottom: 10px;
margin:0 30px 0px 0px;
font-size:1.35em;
color:#474747;
line-height:135%;
}


}



/*##########################################################################################*/


@media only screen and (min-width: 961px) {
    /* For pc: */






BODY {
font:normal 1em/1.2em Calibri,Arial,Verdana,sans-serif ;
letter-spacing:0;
text-align: left;
vertical-align:top;
margin:0;
padding:0;
height:100%;
background-color:#fefefe;
}
h1{
margin: 0;
padding:10px 0 0 0;
font-size:1.2em;
}
h2{
margin: 0;
padding:10px 0 0 0;
font-size:1.2em;
text-align: center;
}
p
{
padding-top:10px;
padding-bottom: 10px;
margin:0 30px 0px 0px;
font-size:1.15em;
color:#474747;
line-height:135%;
}
strong
{
font-weight:bold;
}
img
{
border:0;
padding:0;
vertical-align:bottom;
float:left;
}

.top{
width:100%;
/*background-color: #3163CE;*/
background-image : linear-gradient(190deg, rgba(64,255,0,0.2), rgba(64,0,255,0.5)),repeating-radial-gradient(circle farthest-corner at 100% 150%, rgba(0,0,255,0.2), rgba(0,0,0,0) 30%, rgba(0,0,0,0.2) 30%, rgba(0,0,0,0.1) 60%),linear-gradient(90deg, #4b0082, #0000ee, #3cb371);

float: left;
}
.mid{
width:100%;
float: left;
}
.btm{
width:100%;
background-color: #35A671;
float: left;
}
.col1 {
width: 20%;
float:left;
}
.col2 {
/*max-width: 1452px;*/
width: 60%;
margin: 0 auto;
float:left;
/*min-height:500px;*/

}
.col3 {
width:20%;
min-height:10px;
clear:both;
}
.logo {
width: 260px;
padding-top:50px;
float: left;
min-height:40px;
}
svg { 
  height: 100%;
  width: 100%;
}
#phn{
  height: 34px;
  width: 34px;
}

#cn2,#cnzn {
padding-top:0px;
padding-bottom: 0px;
margin:0 0px 0px 0px;
font-size:1.15em;
color:#474747;
line-height:135%;
}
#cn2 a:link, #cn2 a:visited{
color:#270FD6;
text-decoration-line:none;
font-size:1.4em;
line-height:1.4em;
}
#cn2 a:hover {
color:#fff;
}
.title {
color:white;
padding: 0 100px 10px 0;
text-align: right;
min-height: 100%;
font-size:1.4em;
}


#cnnu
{
background: #AE59E9;
text-align: center;
float:left;
min-height:30px;
padding: 10px;
margin: 10px;
width:360px;
box-shadow: 0px 8px 16px 0px #0851A4;
z-index: 1;
border-radius: 24px;
}

#cnnpic
{
text-align: center;
float:left;
min-height:30px;
padding: 10px;
margin: 20px 20px 20px 20px;
width:284px;
}

#cnnpic1
{
text-align: center;
float:right;
min-height:30px;
padding: 10px;
width:284px;
}
.where
{
line-height:135%;
font-size: 1.15em;
margin: 10px 15px 10px 15px; 
}
.where li
{
padding: 5px 0px; 
}

a:link,a:visited 
{
color:#270FD6;
font-weight:normal;
text-decoration:none;
}
a:hover
{
color:#fff;
background-color:#35A671;
text-decoration:none;
}

#lister1
{
width:95%;
margin:0px auto;
text-align:center;
}

.menuloc {
position: relative;
top:0px;
margin-left:10px;
float:right;
/*width:100px;*/
/*background-color: white;*/
}
 /* Navbar container */
.navbar {
margin:0 0 0px 0px;
float:left;
  overflow: hidden;
  /*background-color: #380AAA;*/
/*  font-family: Arial-bold;*/
}

/* Links inside the navbar */
.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
}

/* Dropdown button */
.dropdown .dropbtn {
vertical-align: top
  cursor: pointer;
  font-size: 16px;
  border: none;
  outline: none;
  /*color: white;*/
  /*padding: 14px 16px;*/
  /*background-color: inherit;*/
  background-color: transparent;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #0851A4;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
position: absolute;
  display: none;
  background-color: #f9f9f9;
/*  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
  box-shadow: 0px 8px 16px 0px #0851A4;

  z-index: 1;
 white-space: nowrap;
 }

/* Links inside the dropdown */
.dropdown-content a {

  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: right;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
      left:auto;
      right:0;
    margin-right:-10px;
}

.tester {
  content: "";
  padding:50px 50px 30px 50px;
  /*width: 20em;
  display: block;
  overflow: hidden;*/
  /* For Demonstration */
  background-color: #efefef;
  border-bottom: 1px solid green;
} 
.seccert
{
padding-top:20px;
}
.btmlist
{
text-align: left;
}
.drlist
{
line-height:135%;
font-size: 1.15em;
}
#######
.background{
border-radius: 5px;
padding:5px;
background-color:#EBC471;
}
input[type=text], select, textarea {
  width: 90%;
  padding: 7px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 12px;
  margin-bottom: 16px;
  resize: vertical;
  font:normal 1em/1.2em Calibri,Arial,Verdana,sans-serif ;  
}
input[type=submit] {
  background-color: #00D4A8;
  color: #000099;
  padding: 2px 5px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font:normal 1.5em/1.7em Calibri,Arial,Verdana,sans-serif ;    
}
input[type=submit]:hover {
  background-color: #04BC97;
}


.container {
  width: 99%;
  float: right;
  border-radius: 5px;
  background-color: #AE59E9;
  padding: 0px;
  border-radius: 24px;  
}
.codehi {
background-color: #00D4A8;
}
.sellme{
color:#000000;
background-color:#00D4A8;
padding:10px 10px 15px 10px;
border-radius: 24px;
}
.sellme h1{
margin: 0;
line-height: 1.4;
font-size:1.4em;	
}

.sellme p{
padding-top:10px;
padding-bottom: 10px;
margin:0 30px 0px 0px;
font-size:1.35em;
color:#474747;
line-height:135%;
}


}