@media only screen and (min-width: 1281px) and (max-width: 9000px) {

}




@media only screen and (min-width: 981px) and (max-width: 1280px) {
.module1 h2,.module2 h2,.module3 h2 {
font-size:15px;
}

.module-line1 .demo   {
margin-left:20px;

}

.module-line1 .download-button    {
margin-left:20px;
}

#sitename a {
font-size:20px;
text-align:center;

}
   

}



@media only screen and (min-width: 761px) and (max-width: 980px) {
.module-line1 h2,.module-line2 h2,.module-line3 h2,.module-line4 h2  {
font-size:12px;
}
    
.module-line1 .demo a, 
.module-line1 .download-button a ,
.module-line2 .demo a, 
.module-line2 .download-button a,
.module-line3 .demo a, 
.module-line3 .download-button a,
.module-line4 .demo a, 
.module-line4 .download-button a
{
padding:4px; 
 
}

.module-line1 .demo a:hover, 
.module-line1 .download-button a:hover,
.module-line2 .demo a:hover, 
.module-line2 .download-button a:hover ,
.module-line3 .demo a:hover, 
.module-line3 .download-button a:hover,
.module-line4 .demo a:hover, 
.module-line4 .download-button a:hover  {
padding:4px; 
 
}

.module-line1 .demo,
.module-line2 .demo, 
.module-line3 .demo, 
.module-line4 .demo {
margin-left:8px;
margin-top:15px;
}

.module-line1 .download-button,
.module-line2 .download-button,
.module-line3 .download-button,
.module-line4 .download-button{
float:left;
margin-top:15px;
margin-left:10px;
}

#sitename a {
font-size:13px;
text-align:center;
}

#sitename  {
text-align:center;
}
	
}



 @media only screen and (min-width: 0px) and (max-width: 760px) {

#sitename a  {
font-size:19px;
text-align:center;
}

#sitename  {
text-align:center;
}


.content-p h1 {
font-size:22px;
}

.module-title h1 {
font-size:20px;

}
.module1,.module2,.module3,.module4 {
margin-bottom:60px;
}

.module-line1 h2,.module-line2 h2,.module-line3 h2,.module-line4 h2   {
font-size:15px;
}


}