.page-container{
	width: 90%;
	overflow:hidden;
    height:1%;
	margin-left: auto;
	padding-top: 1em;
	padding-bottom: 2em;
	margin-right: auto;
}
.viewed-contents img{
height:400px;
width:30%;
}
.viewed-contents p{
    color: #555059;
	font-family: 'Open Sans', sans-serif;
	margin-top: 1em;
	padding-right: 3em;
	margin-bottom: 1em;
	text-align: justify;	
}
.viewed-contents-vc p{
    color: #555059;
	font-family: KacstOne;
	margin-top: 1em;
	padding-right: 3em;
	margin-bottom: 1em;
	text-align: justify;	
}
.bd{
float: right;
    width: 73%;
}
.vc_pc{
	float: left;
	width: auto;
}
.vc_pc img{
width: 200px;
height: 260px;
}
.viewed-contents span{
	float: right;
	font-size: 12px;
	font-family: sans-serif;
	margin-right: 1em;
}
.inner_post img{
	height: 550px;
	width: 90%;
	margin-top: 1em;
}
.viewed-contents h3{
font-size: 19px;
margin-top: 3em;
color: #212121;
font-family: ubuntu;
}
.download li{
background-color:#009688;
padding: 0.2em; 
border-radius: 8px;	
}
.download li a{
	color: #fff;
	margin-left: 0.5em;
	text-decoration: none;
	font-weight: bold;
}
.download li:hover{
	background-color:#1B5E20;
	color: #fff;
}
.download{
margin-bottom: 2em;
}
.viewed-contents li{
float: none;
}

.mining-links{
width: 30%;
margin-top: 0.8em;
border-radius: 6px;
border: 1px solid #BCD2CA;
float: left;
height: auto;
}
.mining-links li{
	float: none;
	margin-right: 1em;
	width: auto;
	height: auto;
	border-bottom:1px solid #BCD2CA; 
	margin-right: 1em;
	padding-top: 0.2em;
	padding-bottom: 0.4em;
	padding-left: 0.2em;
	padding-right: 0.2em;
	margin-top: 0.4em;
}
.mining-links li >a{
	font-family: ubuntu;
	color: #212121;
	text-decoration: none;
}
.mining-links li >a:hover{
	color: #009688;
}
.viewed-contents{
width: 67%;
margin-top: 0.8em;
float: right;
margin-bottom: 2em;
min-height: 300px;
}
.viewed-contents-vc{
width: 67%;
margin-top: 0.8em;
float: right;
margin-bottom: 2em;
min-height: 300px;
}
.gals{
	margin-top: 5em;
    width: 100%;
    height: auto;
    margin-bottom: 
  }
  .gals img{
      background-position:center;
	transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
    width: 170px;
    float: left;
    margin-left: 2em;
    margin-top: 1em;
    height: 170px;
  }
    .gals img:hover{
    cursor: pointer;
   transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ 
  }
.logins_box{
	height: 300px;
	width:60%;
	margin-top: 1.5em;
	margin-left: auto;
	margin-right: auto; 
}
.logins_info{
float: left;
width: 68%;
border: 1px solid #BDBDBD;
border-radius: 7px;
height: 85%;
}
.wrap_dvs{
	width: 100%;
	height: 100%;
	padding-top: 4em;
}
.links{
float: left;
width: 30%;
height: 100%;
}
#fds{
	width: 75%;
	float: left;
	height: auto;
}
#labe{
	width: 25%;
	height: auto;
	float: left;
}
.Usernamelabels{
padding-left: 1em;
}
.Passwordlabels{
margin-top: 2em;
padding-left: 1em;	
}
.passField{
margin-top: 1.4em;	
height: 1.8em;
}
.txtField{	
height: 1.8em;
}
.links a{
color: grey;
font-size: 18px;
text-decoration: none;
}
.links i{
	color: #009688;
}
.links i:hover{
	color: #acf;
}
.links a:hover{
color: #acf;
font-size: 18px;
text-decoration: none;
}
#btn_login{
	float: right;
	width: 4em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	font-size: 17px;
	color: #fff;
	border-radius: 5px;
	background-color: #009688;
	margin-right: 8em;
	margin-top: 1em;
}
@media only screen and (max-width : 1024px){
	.logins_info{
width: 68%;
float: left;
border: 1px solid #BDBDBD;
border-radius: 7px;
height: auto;
}
.viewed-contents img{
	height: 230px;
}
.mining-links{
width: 44%;
margin-top: 0.8em;
border-radius: 6px;
border: 1px solid #BCD2CA;
float: left;
height: auto;
}
.mining-links li >a{
	font-family: ubuntu;
	color: #212121;
	font-size: 12.4px;
	text-decoration: none;
}
.bd{
float: none;
    width: 100%;
}
.vc_pc{
	float: none;
	width: auto;
}
.mining-links{
margin-right: 1.2em;
}
.viewed-contents{
width: 100%;
margin-top: 7em;
float: none;
margin-bottom: 2em;
min-height: 300px;
}
.viewed-contents-vc{
width: 100%;
margin-top: 7em;
float: none;
margin-bottom: 2em;
min-height: 300px;
}
.sign{
	margin-left: 20%;
	width: 70%;
	margin-top: 1em;
}
.gals{
    margin-top:2.5em;
    width: 100%;
    height: auto;
    margin-bottom: 
  }
  .gals img{
    background-position:center;
    transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
    width: 130px;
    float: left;
    margin-left: 0.6em;
    margin-top: 0.6em;
    height: 130px;
  }
    .gals img:hover{
    cursor: pointer;
   transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ 	 
  }
.links{
float: left;
width: 30%;
height: 100%;
}
.logins_box{
	height: 300px;
	width:100%;
	margin-top: 1.5em;
}
.wrap_dvs{
	width: 100%;
	height: 100%;
}
.Usernamelabels{
padding-left: 0.2em;
}
.Passwordlabels{
margin-top: 2em;
padding-left: 0.2em;	
}
.txtField{
margin-left: 1em;
}
.passField{
margin-left: 1em;	
}
#btn_login{
	float: right;
	width: 4em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	font-size: 16px;
	color: #fff;
	border-radius: 5px;
	background-color: #009688;
	margin-bottom: 1em;
	margin-right: 5em;
	margin-top: 1em;
}
}
@media only screen and (max-width : 321px) {
.gals img{
    background-position:center;
    transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
    width: 130px;
    float: left;
    margin-left: 0.6em;
    margin-top: 0.6em;
    height: 130px;
  }
    .gals img:hover{
    cursor: pointer;
   transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2); /* IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.5, M12=0, M21=0, M22=1.5, SizingMethod='auto expand'); /* IE6 and 7 */ 	 
  }
.viewed-contents img{
	height: 200px;
}
  .mining-links{
width: 99%;
margin-top: 0.8em;
border-radius: 6px;
border: 1px solid #BCD2CA;
float: left;
height: auto;
}
	}