/* 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) {

.centering { width: 748px; }
#topnav .widget-col { padding-left: 10px; padding-right: 10px; }
#topnav ul li.ms_top { padding: 0 2px; }

.wtitle h2 { font-size: 18px; }

#centercol { width: 520px; }
#rightcol { width: 190px; }

.three_col #centercol { width: 358px; padding: 0 15px; }
.three_col #rightcol { width: 180px; }

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

.contact_us div textarea { width: 92%; }

}

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

.centering { width: auto; padding: 0 10px }
.logo { float: none; text-align: center; width: auto; }
#header h1 { text-align: center; width: auto; float: none; padding: 0px; }
.topnav { padding: 15px 0; height: auto; width: auto; float: none; }
.topnav ul.menusm { display: none; }
.topnav select { display: block; width: 100%; padding: 4px; border: 1px solid #FFFFFF; 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 { max-width: 98%; height: auto; }

}

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

/*- 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) {

/*- 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; }
.index-cols img { margin: 0 auto 50px auto; float: none; display: block; }
}