/************************************************************************************
 mobile layout (320 - 1000): common settings for both smartphone and tablet
*************************************************************************************/
@media only screen and (max-width: 1000px),
(max-device-width: 1000px) {

@charset "utf-8";

.content {
	padding-left: 2em;
	padding-right: 2em;
}
.divider {
	width: 100%;
	margin: 50px 0 50px 0;
}

}

/************************************************************************************
 tablet layout (481 - 960) 
*************************************************************************************/
@media only screen and (min-width: 481px) and (max-width: 1000px),
(min-device-width: 481px) and (max-device-width: 1000px) {
	
.block_1, .block_2 {
    display: block;
    float: left;
    width: 105%;
	margin: 0 0 0 -40px;
}
.ca-content {
    height: 45%;
    top: 55%;
}
.ca-menu-1 li, .ca-menu-2 li {
    width: 100%;
    height: 290px;
	float: left;
}

}

/************************************************************************************
 mobile layout (320 - 850): common settings for both smartphone and tablet
*************************************************************************************/
@media only screen and (max-width: 850px),
(max-device-width: 850px) {

.footer {
	height: auto;
	width: auto;
	margin-top: 0;
}
div.bottom-nav-menu  {
    padding: 1em 0 0 2em;
	float: left;
}
div.footer-1, div.footer-2 {
	clear: both !important;
	float: none;
	width: auto;
	font-size: 100%;
}
div.footer-1 {
	padding: 1.5em 3em 0 2em;
}
div.footer-2 {
	padding: 1em 0 0 2em;
}
div.bottom-nav-menu ul {
    font-size: 105%;
}
.copy {
	padding: 1.5em 0 2em 2.9em;
}

}

/************************************************************************************
mobile layout (320 - 635): common settings for both smartphone and tablet
*************************************************************************************/
@media only screen and (max-width: 635px),
(max-device-width: 635px) {

h1 {
	font-size: 1.7em;
}
.nav-menu-divider {
	display: none;
}
.current {
	display: block;
    padding: 7px 0 8px 0;
}
div.navline {
	padding: 0.5em 0 0.5em 48px;
	float: left;
	margin-right: 0px;
}
div.nav-menu ul {
    font-size: 1em;
}
div.nav-menu ul li {
    float: none !important;
	list-style-type: circle;
    position: relative;
	border-bottom: 0;
}
div.nav-menu ul a {
    display: block;
    line-height: 1px;
    padding: 15px 25px 15px 0px;
    text-decoration: none;
}
.block_1, .block_2 {
    display: block;
    float: left;
    width: 108%;
	margin: 0 0 0 -40px;
}
	
}

/************************************************************************************
mobile layout (320 - 730): common settings for both smartphone and tablet
*************************************************************************************/
@media only screen and (max-width: 730px),
(max-device-width: 730px) {

.image-content {
	float: left;
	margin: 5px 300px 25px 0;
}
	
}

/************************************************************************************
smartphone layout (320 - 480)
*************************************************************************************/
@media only screen and (max-width: 480px),
(max-device-width: 480px) {

.content {
	padding-left: 1em;
	padding-right: 1em;
}
.logo {
	margin: 21px 0 13px 1em;
	max-width: 90%;
	max-height: 90%;
}
div.navline {
    padding: 0.5em 0 0.5em 2em;
}
.ca-main {
	font-size: 22px;
}
div.bottom-nav-menu  {
    padding: 1em 1em 0 1em;
}
div.footer-1 {
	padding: 1.5em 3em 0 1em;
}
div.footer-2 {
	padding: 1em 0 0 1em;
}
.copy {
	padding: 1.5em 0 2em 0.9em;
}
	
}

/************************************************************************************
smartphone layout (320 - 480)
*************************************************************************************/
@media only screen and (min-width: 351px) and (max-width: 480px),
(min-device-width: 351px) and (max-device-width: 480px) {

.block_1, .block_2 {
    display: block;
    float: left;
    width: 110%;
	margin: 0 0 0 -40px;
}
.ca-menu-1 li, .ca-menu-2 li {
    width: 100%;
    height: 320px;
	float: left;
}
.ca-content {
    height: 50%;
    top: 50%;
}

}

/************************************************************************************
smartphone layout (320 - 480)
*************************************************************************************/
@media only screen and (max-width: 350px),
(max-device-width: 350px) {

.block_1, .block_2 {
    display: block;
    float: left;
    width: 115%;
	margin: 0 0 0 -40px;
}
.ca-menu-1 li, .ca-menu-2 li {
    width: 100%;
    height: 360px;
	float: left;
}
.ca-content {
    height: 55%;
    top: 45%;
}
th {
  font-size: 1.2em;
}
td {
  font-size: 0.9em;
}

}