/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {

#page { width: 728px; padding: 0 10px; }

.logo { float: none; padding: 10px 0; text-align: center; }
.logo h1 { float: none; }
.logo h1 small { text-align: center; }
.topnav { float: none; }
.topnav ul { float: left; }
.topnav ul li { padding: 20px; }

#centercol { width: 520px; }
#rightcol { width: 190px; }
.three_col #rightcol { width: 180px; }
.three_col #centercol { width: 338px; padding: 0 15px; }

.pic img { width: 97%; height: auto; }

.post-comments .fr { width: 380px; }
.box2 { width: auto; }
.message input,
.message textarea { width: 92%; }

.contact_us div textarea { width: 92%; }

h2, .post-title h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 1em; }

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

.logo { float: none; padding: 10px 0; text-align: center; width: auto; }
#header h1 { text-align: center; width: auto; float: none; font-size: 40px; }
.logo h1 small { text-align: center; }
#search { float: none; margin: 0 auto; padding-top: 0px; padding-bottom: 8px; }

.topnav { padding: 15px 0; height: auto; float: none; width: auto; }
.topnav ul.menusm { display: none; }
.topnav select { display: block; width: 100%; padding: 4px; border: 1px solid #CCCCCC; border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius:5px; }

#centercol { width: auto; float: none; margin-bottom: 30px; }
#rightcol { width: auto; float: none; }

.three_col #rightcol { width: auto; float: none!important; margin-bottom: 20px; }
.three_col #centercol { padding: 0px; width: auto; float: none; margin-bottom: 20px; }

.contact_us div textarea { width: 92%; }
.contact_us div input[type="text"] { width: 92%; }

table.contact-form td { display: block; padding-left: 0!important; border-left: 0!important; }

.post-comments .fr { width: 280px; }
.box2 { width: auto; }
.message input,
.message textarea { width: 92%; }

.pic img { width: 98%; height: auto; }

h2, .post-title h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 1em; }

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

#page { width: 400px; margin: 0 auto; }

/*- Begin Column Formatting -*/ 
.one_fourth, .one_third, .one_half, .two_third, .three_fourth { float:left; margin-bottom:20px; position:relative; }

.one_fourth { margin-right: 0; }
.one_third { margin-right: 5%; } 
.one_half { margin-right: 4%; } 
.two_third { margin-right: 4%; } 
.three_fourth { margin-right: 4%; }

.one_fourth, .one_fourth.last_column { width: 45%; }
.one_third { width: 30%; }
.one_half { width: 48%; }
 
.full_width { width: 100%; margin-bottom: 20px; }
.last_column { clear: right; margin-right:0 !important; }

#cont-box-4.one_fourth, #cont-box-2.one_fourth,
#bottom_2.one_fourth, #bottom_4.one_fourth { float: right; }

.clear-sep { clear: both; }

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

#page { padding: 0 10px; width: 280px; margin: 0 auto; }

/*- Begin Column Formatting -*/ 
.one_fourth, .one_third, .one_half, .two_third, .three_fourth { float: none; margin-bottom:20px; position:relative; }

.one_fourth { margin-right: 0; }
.one_third { margin-right: 0; } 
.one_half { margin-right: 0; } 
.two_third { margin-right: 0; } 
.three_fourth { margin-right: 0; }

.one_fourth, .one_fourth.last_column { width: 100%; }
.one_third { width: 100%; }
.one_half { width: 100%; }
 
.full_width { width: 100%; margin-bottom: 20px; }
.last_column { clear: right; margin-right:0 !important; }

#cont-box-4.one_fourth, #cont-box-2.one_fourth { float: none; }

.clear-sep { clear: both; }
#main-content img { max-width: 100%; height: auto; float: none; display: block; margin: 0 auto; }
}