/**** Responsice Layout *****/
@media only screen and (max-width: 1366px) and (min-width: 1280px) {
.wrap{
  width:90%;
 }
h1 {
  font-size: 2em;
 }
.cssmenu > ul > li {
  font-size: 1em;
 }  
.copyright {
  font-size: 1em;
 }
.cssmenu-2 > ul > li {
  font-size: .65em;
 }
a {
  font-size: .8em;
  color: #0252aa;
 }
h4 {
  padding-left: 1em;
 }
}
@media only screen and (max-width: 1280px) and (min-width: 1024px) {

.wrap{
  width:90%;
 }
h1 {
  font-size: 2em;
 } 
.cssmenu > ul > li {
  font-size: 1em;
 }  
.cssmenu-2 > ul > li {
  font-size: .65em;
 }
a {
  font-size: .8em;
  color: #0252aa;
 }
h4 {
  padding-left: 1em;
 }
.copyright {
  font-size: 1em;
 }
}
@media all and (max-width: 945px) {

.wrap {
 width: 90%;
 }
.cssmenu > ul > li {
 font-size: .81em;
 }
.copyright {
  font-size: 1em;
 }
.cssmenu-2 > ul > li {
  font-size: .65em;
 }
a {
  font-size: .8em;
  color: #0252aa;
 }
}
@media all and (max-width:800px) {
.wrap {
  width:95%;
 }
h1 {
  font-size: 2em;
 }
h4 {
  padding-left: 1em;
}
.cssmenu > ul > li {
  font-size: .80em;
 } 
 .cssmenu-2 > ul > li {
  font-size: .65em;
 }
a {
  font-size: .8em;
  color: #0252aa;
 } 
.copyright {
  font-size: 1em;
 }
}
@media all and (max-width:640px) {
.wrap{
 width:95%;
 } 
h1 {
  font-size: 2em;
}
h4 {
  padding-left: 1em;
 }
.cssmenu > ul > li {
  font-size: .80em;
 }  
.cssmenu-2 > ul > li {
  font-size: .65em;
 }
a {
  font-size: .8em;
  color: #0252aa;
 }
.copyright {
  font-size: 1em;
 }
}
@media all and (max-width:480px) {
.wrap{
  width:95%;
}
h1 {
 font-size: 2em;''
 }
h4 {
  padding-left: 1em;
 }
.cssmenu > ul > li {
  font-size: .65em;
 }  
.cssmenu-2 > ul > li {
  font-size: .65em;
 }
a {
  font-size: .8em;
  color: #0252aa;
 }
.copyright {
  font-size: .72em;
 }
}