/*
Theme Name: ThemesTitan
Theme URI: http://www.themestitan.com
Description: WordPress Theme
Version: 1.0
Author: Themes Titan
Author URI: http://www.themestitan.com
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vdtt
Tags: translation-ready, threaded-comments, sticky-post, theme-options, responsive-layout
*/
/* ---------------------------------------------------------- */
/* Table of Content */
/* ---------------------------------------------------------- */
/*
01 Browser Reset
02 Theme Layout
03 Responsive Grid
04 Typography
05 Header
06 Navigation
07 Slider
08 Content
09 Sidebar
10 Footer
11 Comments
12 Pagination
13 Widgets
14 Beadcrumb
15 Blog Index Page
16 Single Blog Post
17 Services
18 Staff
19 Testimonial
20 FAQs
21 Portfolio
22 Contact
23 Home Page
*/
/* ---------------------------------------------------------- */
/* 01 Browser Reset */
/* ---------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;	padding: 0;	border: 0; font-size: 100%;	font: inherit;	vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} body {line-height: 1;} ul {list-style: none;} blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {	content: ''; content: none;} table {border-collapse: collapse; border-spacing: 0;} a img{border:0} a:focus{outline:thin dotted} a:hover, a:active {outline: 0;} a:hover {cursor: pointer; } html {height:100% !important; min-height:100% !important;} .clear {clear: both; display: block; overflow: hidden;	visibility: hidden;	width: 0; height: 0;} .clearfix:before, .clearfix:after {content: " "; display: table;} .clearfix:after {content: " "; visibility: hidden; height: 0; clear: both;} .clearfix{*zoom: 1;}  

/* ---------------------------------------------------------- */
/* 02 Layout */
/* ---------------------------------------------------------- */
#wrapper{
  background-color: #fff;
  overflow: hidden;
  height: 100%;
}
#content{}
#sidebar{
  background-color: #f9f9f9;  
}

/* Table */
table {
    border-bottom: 1px solid #ededed;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 14px;
    line-height: 2;
    margin: 0 0 20px;
    width: 100%;
}
th {
    font-weight: bold;
    text-transform: uppercase;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
}
td {
    border-top: 1px solid #ededed;
    padding: 6px 10px 6px 0;
}
dl {
    margin: 0 20px;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 0 20px;
}
ul {
    list-style-type: square;
}
ol, ul {
    margin: 16px 0;
    padding: 0 0 0 40px;
}
/* widgets */
.widget{
  margin-bottom: 40px;
}
.widget a{color:#444;}
.widget ul, .widget ol {
    list-style-type: none;
    padding:0;
}
.widget li{padding: 10px 0; border-bottom: 1px solid #ddd;}
.widget li, .widget li a{font-size: 0.9375em;}

/* Comments */

button, input, textarea {
    border: 1px solid #ccc;
    font-family: inherit;
    padding: 5px;
}
.comments-title,
.comment-list,
.comment-reply-title,
.must-log-in,
.comment-respond .comment-form,
.comment-respond iframe {
	display: block;	
	max-width: 604px;
	width: 100%;
}
.comments-title {
	font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif;
}

.comment-list,
.comment-list .children {
	list-style-type: none;
	padding: 0;
    
}

.comment-list .children {
	margin-left: 20px;
    
}

.comment-list > li:after,
.comment-list .children > li:before {
	border-bottom: 1px dashed #ccc;
	background-size: 4px 4px;
	content: "";
	display: block;
	height: 1px;
	width: 100%;
}

.comment-list > li:last-child:after {
	display: none;
}

.comment-body {
	padding: 24px 0;
	position: relative;    
}
.comment-body img{width:100%; max-width: 604px;}
.comment-author {
	float: left;
	margin-right:40px; 
}
.comment-body p{font-size: 14px; color:#666;}

.comment-author .avatar {
	display: block;
	margin-bottom: 10px;
    
}

.comment-author .fn {
	word-wrap: break-word;
    
}

.comment-author .fn,
.comment-author .url,
.comment-reply-link,
.comment-reply-login {
	color: #bc360a;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}

.says {
	display: none;
}

.no-avatars .comment-author {
	margin: 0 0 5px;
	max-width: 100%;
	position: relative;    
}

.no-avatars .comment-metadata,
.no-avatars .comment-content,
.no-avatars .comment-list .reply {
	width: 100%;
}

.bypostauthor > .comment-body .fn:before {
	vertical-align: text-top;
}

.comment-list .edit-link {
	margin-left: 20px;
}

.comment-metadata,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply {
	float: right;
    width: calc(100% - 124px);
    word-wrap: break-word;
}

.comment-meta,
.comment-meta a {
	color: #a2a2a2;
	font-size: 13px;    
    margin-bottom:20px;    
}

.comment-meta a:hover {
	color: #ea9629;
}

.comment-metadata {
	margin-bottom: 20px;
}

.ping-meta {
	color: #a2a2a2;
	font-size: 13px;
	line-height: 2;
}

.comment-awaiting-moderation {
	color: #a2a2a2;
}

.comment-awaiting-moderation:before {
	margin-right: 5px;
	position: relative;
	top: -2px;
}

.comment-reply-link:before,
.comment-reply-login:before {
	margin-right: 3px;
}

/* Comment form */
.comment-respond {
	padding: 30px 0;
}

.comment .comment-respond {
	margin-bottom: 20px;
	padding: 20px;
}

.comment-reply-title {
	font: 300 italic 28px "Source Sans Pro", Helvetica, sans-serif;
}

.comment-reply-title small a {
	color: #131310;
	display: inline-block;
	float: right;
	height: 16px;
	overflow: hidden;
	width: 16px;
}

.comment-reply-title small a:hover {
	color: #ed331c;
	text-decoration: none;
}

.comment-reply-title small a:before {
	vertical-align: top;
}

.sidebar .comment-list .comment-reply-title,
.sidebar .comment-list .comment-respond .comment-form {
	padding: 0;
}

.comment-form .comment-notes {
	margin-bottom: 15px;
}

.comment-form .comment-form-author,
.comment-form .comment-form-email,
.comment-form .comment-form-url {
	margin-bottom: 8px;
}

.comment-form [for="author"],
.comment-form [for="email"],
.comment-form [for="url"],
.comment-form [for="comment"] {
	float: left;
	padding: 5px 0;
	width: 120px;
    clear:left;
}

.comment-form .required {
	color: #ed331c;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
	max-width: 270px;
	width: 60%;
}

.comment-form textarea {
	width: 100%;
}

.form-allowed-tags,
.form-allowed-tags code {
	color: #686758;
	font-size: 12px;
}

.form-allowed-tags code {
	font-size: 10px;
	margin-left: 3px;
}

.comment-list .pingback,
.comment-list .trackback {
	padding-top: 24px;
}

.comment-navigation {
	font-size: 20px;
	font-style: italic;
	font-weight: 300;
	margin: 0 auto;
	max-width: 604px;
	padding: 20px 0 30px;
	width: 100%;
}

.no-comments {
	font-size: 16px;
    border:1px solid #ccc;
	font-style: italic;
	font-weight: 300;
	margin: 0;
	padding: 40px 0;
	text-align: center;
}


.sidebar .no-comments {
	padding-left: 60px;
	padding-right: 376px;
}
/* Form */
button, input[type="button"], input[type="submit"], input[type="submit"] {
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-family: inherit;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}
.form-allowed-tags, .form-allowed-tags code {
    color: #686758;
    font-size: 12px;
}
.comment-form textarea {
		width: 100%;
        clear:both;
	}

/* Post */

.hentry {margin: 40px 0;}
.hentry:first-child{margin-top:0;}
.entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
	max-width: 100%;
}
.post-date{font-size: 12px; display: block; margin:10px 0; color: #aaa;}
/* ------------ entry header --------------- */
.entry-header {
	margin-bottom: 30px;
}

.entry-title {	
	margin: 0 0 5px;
}
.entry-meta {
	clear: both;
	font-size: 14px;
    padding:10px 0;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    margin-bottom: 30px;
}

.entry-meta a {
	color: #bc360a;
}

.entry-meta a:hover {
	color: #bc360a;
}

.entry-meta > span {
	margin-right: 20px;
}

.entry-meta > span:last-child {
	margin-right: 0;
}
/* ------------ entry content --------------- */
.entry-content {
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	hyphens:         auto;
	word-wrap: break-word;
    margin-top:20px;    
}

.entry-content img{
  margin:15px;
  float:left;
}
/* Pagination */
.nav-links{width:100%; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.pagi-prev, .pagi-next{padding:20px 0;}
.pagi-next{text-align: right;}
.post-navigation{clear:both;}

/* ---------------------------------------------------------- */
/* 04 Typography */
/* ---------------------------------------------------------- */    
body{font-family: 'Roboto', arial, sans-serif; font-size: 1em;}
h1,h2,h3,h4,h5,h6 { font-weight: 400; color: #444; line-height: 1.5; margin:20px 0; font-family: 'Oswald', sans-serif;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: #444; text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{ color: #2480b4; text-decoration: none;}
h1{font-size: 2.1875em;}
h2{font-size: 1.625em;}
h3{font-size: 1.25em;}
h4{font-size: 1.125em;}
h5{font-size: 1em;}
h6{font-size: 0.875em;}
.small{font-size:12px;}
p {margin-bottom:24px; line-height: 1.5;}
b, strong { font-weight: bold; font-weight: 600; }
small { font-size: 80% }
a:link, a:hover{text-decoration: none;}
blockquote {font-size: 1.375em;  font-style: italic;  font-weight: 300;  color:#666; margin: 24px 40px;}
address {font-style: italic;  margin: 0 0 24px;}
abbr[title] , acronym{border-bottom: 1px dotted; cursor: help;}
dfn, cite, em, i {font-style: italic;}
code, kbd, samp, tt, var {-moz-hyphens: none;  font-family: monospace,serif;  font-size: 0.875em;}
pre {-moz-hyphens: none; background: none repeat scroll 0 0 #f5f5f5;  color: #666; font-family: monospace, serif; font-size: 1.375em; margin: 20px 0; overflow: auto;  padding: 20px; white-space: pre-wrap; word-wrap: break-word;}
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
ins {background: none repeat scroll 0 0 #fff9c0;  text-decoration: none;}





.panel{
  width:93%;  margin: 0 auto;}



/* captions */

.wp-caption { text-align: center; max-width: 100%; }
.wp-caption { border: 1px solid #dfdfdf; text-align: center; background-color: #fff; padding: 10px 5px; }
.wp-caption img { display: block; margin: 0 auto; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 0.875em; padding: 10px 0 0; margin: 0; text-align: center; }

.gallery-caption { font-size: 12px; background: #f7f7f7; border: 1px solid #e4e4e4; border-top: none; text-align: center; padding: 5px 10px; }
.bypostauthor { }
.sticky {background-color:#eee; padding:20px;}
.aligncenter { display: block; margin: 0 auto; text-align: center;}
.alignright { float: right; margin: 0 0 10px 20px; }
.alignleft { float: left; margin: 0 20px 10px 0; }
.textcenter{text-align: center;}
.fullwidth{display: block; width: 100%;}
/* theme specific */
/* ---------------------------------------------------------- */
/* Layout */
/* ---------------------------------------------------------- */
#header{background-color: #ffff00; border-top: 20px solid #000;}
#logo{float: left; margin-bottom: 15px;}
#logo img{margin-top: 26px;}
#donate_button{float: right; margin-top: 55px;}
#nav{background-color: #aa0000; border-top:9px solid #0b7a00;  }
#nav ul{list-style-type: none; padding:0; margin:0;}
#nav ul li{padding:0; margin:0; line-height: 71px; display: inline; float:left; margin-left: 70px;}
#nav ul li:first-child{margin-left: 0px;}
#nav ul li a{font-family: 'Oswald', sans-serif; text-decoration: none;  font-weight: 400; font-size: 25px; text-transform: uppercase; color: #fff; }
#nav ul li a:hover{color:#ddd;}
.show-menu {
	font-family:'Oswald', sans-serif;
	text-decoration: none;
	color: #fff;
	background: #333;
	text-align: center;
	padding: 20px 0;
	display: none;
}

/*Hide checkbox*/
#show-menu{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
#navi input[type=checkbox]:checked ~ #menu{
    display: block;
}
#slider{background-image: url("images/banner.jpg"); background-repeat: no-repeat; padding-top: 39%; background-size: 100%; height: auto;}
#slider_caption{height:140px; text-align: center; background-color: #000; background-color:rgba(0,0,0,0.88);}
#slider_caption h1{font-family: 'Oswald', sans-serif; font-size:40px; color:#fff; font-weight: 400; line-height: 140px; margin: 0; padding: 0;}
#cta{background-color: #ffff00;}
#cta ul{list-style-type: none; }
#cta ul li{float: left; text-align: center;}
#cta ul li a {font-family:  'Oswald', sans-serif; font-size:42px; color:#aa0000; font-weight: 700; text-decoration: none; text-transform: uppercase; line-height: 135px;}

#cta ul li a span{color: #0b7a00;}
#cta .signup, #cta .act_now{background-color: #e9e907;}

#content{background-color: #f9f9f9; padding:50px 0;}
#posts h2{font-family:  'Oswald', sans-serif; font-size:28px; color:#444; font-weight: 400; margin-bottom: 40px;}
#posts ul {list-style-type: none;}
#posts ul li{margin-bottom: 63px;}
#posts ul li.span_1_of_3:nth-child(3n+1){margin-left: 0; clear:left;}
.img_box{background-color: #fff; padding: 6px;  display: block; box-shadow: 0px 0px 5px gray;  overflow: hidden;}
.img_box img{max-width: 100%; height:auto;}
.span_1_of_3 .img_box{max-width:328px; max-height:183px;}
.span_1_of_4 .img_box{max-width:172px; max-height:176px;}
#posts ul li h3{font-family:  'Oswald', sans-serif; font-size:20px; color:#444; font-weight: 400; margin:20px 0;}
#posts ul li p{margin-top: 0; padding-top:0; min-height: 126px;}
#posts ul li .read_more{width: 142px; height: 40px; background-color: #1d1c1b; color: #fff; line-height: 40px; display: block; text-align: center;}

#footer{background-color: #333;}
#social{margin: 50px 0 0;}
#social ul{list-style-type: none; text-align: center; padding-left:0;}
#social ul li{display: inline; margin-left: 42px;}
#social ul li.first_left{margin-left: 0;}
#footer_links{list-style-type: none; text-align: center; padding:0;}
#footer_links li{margin-left: 20px; display: inline;}
#footer_links li:first-child{margin-left: 0;}
#footer_links li a{font-size: 16px; color: #999; text-align: center; line-height: 100px; text-decoration: none;}
#copyright{background-color: #222; }
#copyright p, #copyright a{font-size: 14px; color: #999; text-align: center; line-height: 50px;}
#copyright a{text-decoration: underline;}


/* About Us */
/* About us page */
#breadcrumb{background: #fff url(images/inner-banner.jpg); background-repeat: no-repeat; background-size: 100%; vertical-align:middle; }
#breadcrumb h1{text-align: center; color:#fff; font-family:  'Oswald', sans-serif; font-size:46px; text-transform: uppercase; font-weight: 300; margin:4% 0;}
#breadcrumb_links{background-color: #060302;}
#breadcrumb_links ul{list-style-type: none; text-align: center; margin: 0; padding: 0;}
#breadcrumb_links ul li{display: inline;  font-size: 26px; font-family:  'Oswald', sans-serif; font-weight: 300; text-transform: uppercase; margin-left:154px; line-height: 77px; }
#breadcrumb_links ul li:first-child{margin-left: 0;}
#breadcrumb_links ul li a{color: #fff; text-decoration: none;}
h2{font-size:36px; text-transform: uppercase; margin-top:0; margin-bottom:30px;}

#our_story img{background-color: #fff; padding: 6px;  display: block; box-shadow: 0px 0px 5px gray; max-width:608px; max-height:404px; overflow: hidden; max-width: 100%; height:auto;}

#our_mission{}
#our_mission ul li{margin-bottom: 20px;}
#our_story, #meet_our_team{margin-bottom: 30px;}
#donate_form, #join_us{background-color: #e9e9e9; border:6px solid #fff; padding:50px; box-shadow: 0px 0px 5px gray; margin-bottom: 30px; min-height: 440px;}
#donate_form h3{text-transform: uppercase; }
#donate_form input[type="text"]{display: block; border-radius: 10px; width:75%; height: 24px; font-family:  'Oswald', sans-serif; font-size: 22px; text-transform: uppercase; padding:24px 50px;  margin-bottom: 26px;}
#donate_amount{position: relative;}
#label_amt{text-indent: 5px;  display: block; position: absolute; top:26px; left:20px; font-size: 22px;}
#donate_form input[type="checkbox"]{margin:25px 15px 25px 0;}
input[type="submit"].submit{background-image: linear-gradient(to bottom, #ffff99, #ffff00); width:250px; height:50px; font-size:18px; border-radius:10px; box-shadow: 0px 0px 5px gray; margin:50px auto 0; text-align: center; display: block;}

.join{margin:50px auto 0; text-align: center;}
.join a{background-image: linear-gradient(to bottom, #ffff99, #ffff00); width:150px; font-size:18px; border-radius:10px; box-shadow: 0px 0px 5px gray;  padding:15px 50px; display: block;}

#donate_form, #join_us{margin-top:80px;}
#donate_form ::-webkit-input-placeholder {
   color: red;
   font-size: 22px;
   font-family:  'Oswald', sans-serif;
   padding:24px 50px;
}

#donate_form :-moz-placeholder { /* Firefox 18- */
   color: red;  
   font-size: 22px;
   font-family:  'Oswald', sans-serif;
   padding:24px 50px;
}

#donate_form ::-moz-placeholder {  /* Firefox 19+ */
   color: red;  
   font-size: 22px;
   font-family:  'Oswald', sans-serif;
   padding:24px 50px;
}

#donate_form :-ms-input-placeholder {  
   color: red;  
   font-size: 22px;
   font-family:  'Oswald', sans-serif;
   padding:24px 50px;
}

#bottom_img{background-image: url(images/family.jpg); background-repeat: no-repeat;  padding-top:48%; margin-top:50px; background-size: 100%;}

/* forum */

#sidebar .bbp-login-form label{font-size:14px; width:140px;}
div.bbp-submit-wrapper{float:left;}
.logout-link{font-size:14px;}

.bbp-login-form .bbp-login-links a {font-size: 14px;    margin-top: 15px;    text-decoration: underline;} 

/* ---------------------------------------------------------- */
/* Grid */
/* ---------------------------------------------------------- */
.panel{width:93.75%; margin: 0 auto;} 
.section {clear: both;	padding: 0px;	margin: 0px;}
.group:before, .group:after {content:""; display: block;}
.group:after {clear:both; height: 0; clear: both; visibility: hidden; zoom: 1;}
.group {zoom:1;}
.col {display: block; float:left; margin: 0 0 0 7.17%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.col:first-child { margin-left: 0; }
.span_2_of_2 {width: 100%;}
.span_1_of_2 {width: 46.41%;}
.span_3_of_3 {width: 100%;}
.span_2_of_3 {width: 64.27%;}
.span_1_of_3 {width: 28.55%;}
.span_4_of_4 {width: 100%;}
.span_3_of_4 {width: 73.20%;}
.span_2_of_4 {width: 46.41%;}
.span_1_of_4 {width: 19.62%;}

.col_no_margin{display: block; float:left; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.span_3_of_3_no_margin {width: 100%;}
.span_2_of_3_no_margin {width: 66.66%;}
.span_1_of_3_no_margin {width: 33.33%;}

/* Responsive Design */

@media only screen and (min-width: 1280px) {
  .panel{width:1200px;}  
    
}

@media only screen and (max-width: 1280px) {
  #nav ul li{margin-left: 70px;}
  #nav ul li a{font-size: 20px;}    
  #slider_caption h1{font-size: 32px; line-height: 45px; margin:20px 0;}
  #breadcrumb h1{font-size: 38px;}
}  

@media only screen and (max-width: 1024px) {
  
  #cta ul li a {font-size: 36px; line-height: 115px;}
  #slider_caption h1{font-size: 24px;}
  
  #nav ul li a{font-size: 20px;}
  #nav ul li{margin-left: 30px;}
  #breadcrumb h1{font-size: 28px;}
  #breadcrumb_links ul li{font-size: 22px; line-height: 60px;}
}  

@media only screen and (max-width: 768px) {
  #logo, #donate_button{clear: both; width:100%; text-align: center; margin: 0 auto; float: none;}
  #donate_button{margin: 25px 0;}
  
  #cta ul li a {font-size: 24px; line-height: 95px;}
  
  #slider_caption h1{font-size: 22px; line-height: 35px; margin:15px 0;}
  #slider_caption{height:100px;}  
  .span_1_of_3{width: 100%;}
  .col{margin-left:0;}
  /*Make dropdown links appear inline*/
    #nav{background-color: #444;}
	#nav ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	#nav li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	
    #nav ul li, #nav li a {
		width: 100%;
        margin:0;        
        font-size: 18px;
	}
    #footer_links li a{line-height: 50px;}
    #copyright p, #copyright a{line-height: 30px;}
    #nav ul li{border-bottom: 1px solid #999; line-height: 50px; text-align: center; background-color: #aa0000;}    
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}
    .span_2_of_3, .span_1_of_3{width: 100%;}
    #breadcrumb h1{font-size: 18px;}
    #breadcrumb_links ul li{font-size: 20px; line-height: 50px; margin-left: 0px; display: block; widows: 100%; border-bottom: 1px solid #555;}
    .col { margin: 1% 0 1% 0%;}
    .span_2_of_2 , .span_1_of_2 , .span_3_of_3 , .span_2_of_3 ,	.span_1_of_3 , .span_4_of_4 , .span_3_of_4 , .span_2_of_4 ,	.span_1_of_4, .span_2_of_3_no_margin, .span_1_of_3_no_margin {width: 100%;}
}  

@media only screen and (max-width: 480px) {  
	
    #slider{height: 80px;}
  #slider_caption h1{font-size: 18px; line-height: 25px; margin:12px 0;}
  #slider_caption{height:80px;}
  #breadcrumb h1{font-size: 16px; margin: 3% 0}  
  #breadcrumb_links ul li{font-size: 16px;}
    
}