/*mobile css styles iphone 4
@media only screen and (max-device-width: 480px), 
       only screen and (-webkit-min-device-pixel-ratio: 2) {
}*/

/*mobile css styles*/
@media only screen and (min-width: 851px) and (max-width: 1000px){
	#banner .leftcolumn{
		margin: 3em 0 2em 1em;
	}
	#page_navigation ul li a {
		padding: 12px 8px;
		font-size: .9em;
	}
	#top_nav{
		padding: 0;
	}
	#top_navigation ul li a {
	padding: 23px 5px;
	font-size: .9em;
	}
	.full-page #sidebar_left{
		width: 98% !important;
		padding:1%;
		overflow:hidden;
	}
	#sidebar_right{
		width:30%;
	}
	#sidebar_right .event_title {
	width: 170px;
	}
	.news_image {
	display: block;
	float: left;
	width: 20%;
	height: auto;
	}
	.news_info {
	display: block;
	width: 70%;
	float: left;
	line-height: 1.2;
	color: #ccc;
	}
	.views-field.views-field-title {
	position: absolute;
	bottom: 25%;
	left: 7%;
	color: #efefef;
	font-size: 1.7em;
	display: block;
	width: 56%;
	line-height: 1.7em;
	text-align: right;
	text-shadow: 0 1px 0 #000;
	font-family: 'Open Sans';
}
}
@media only screen and (min-width: 751px) and (max-width: 850px){
	.full-page #sidebar_left{
		padding:1%;
		width: 98% !important;
		overflow:hidden;
	}
	#banner .leftcolumn{
		margin: 3em 0 2em 1em;
	}
	#page_navigation ul li a {
		padding: 12px 8px;
		font-size: .9em;
	}
	#top_nav{
		padding: 0;
	}
	#page_navigation ul li a {
		padding: 12px 6px;
		font-size: .8em;
	}
	#top_navigation {
	width: 65%;
	}
	#banner .leftcolumn {
	display:none;
	}
	#banner .rightcolumn{
		margin-top: 1em;
		width:100%;
		float:left;
	}
	.about_content blockquote{
		margin:1%;
	}
	#top_nav{
		padding:0;
	}
	#top_navigation ul li a {
	padding: 24px 2px;
	font-size: .75em;
	}
	#main_content #sidebar_left {
	position: relative;
	display: block;
	float: left;
	width: 60%;
	min-width: 300px;
	min-height: 500px;
	}
	#sidebar_right {
	display: block;
	height: auto;
	float: right;
	margin-top: 2em;
	margin-right: 0px;
	width: 40%;
	}
	.news_page{
		margin:0;
	}
	.news_image {
	display: block;
	float: left;
	width: 20%;
	height: auto;
	}
	.news_info {
	display: block;
	width: 70%;
	float: left;
	line-height: 1.2;
	color: #ccc;
	}
	.embedded-video {
	width: 100%;
	}
	.embedded-video  iframe {
	height: 350px;
    }
	.views-field.views-field-title {
	position: absolute;
	bottom: 25%;
	left: 5%;
	color: #efefef;
	font-size: 1.5em;
	display: block;
	width: 56%;
	line-height: 1.5em;
	text-align: right;
	text-shadow: 0 1px 0 #000;
	font-family: 'Open Sans';
}
}
@media only screen and (min-width: 651px) and (max-width: 750px){
.views-field.views-field-title {
	position: absolute;
	bottom: 25%;
	left: 5%;
	color: #efefef;
	font-size: 1.5em;
	display: block;
	width: 56%;
	line-height: 1.5em;
	text-align: right;
	text-shadow: 0 1px 0 #000;
	font-family: 'Open Sans';
}
	#sidebar_right{
		display:none;
	}
	.news_page {
	margin: 1%;
	}
	.full-page #sidebar_left{
		padding:1%;
		width: 98% !important;
		overflow:hidden;
	}
	#top_nav{
		padding:0;
	}
	/******mobile menu *******/
	/* top_navigation */
    #top_navigation {
        position: absolute;
		top:0;
		right:0;
		width:100px;
    }
	#top_navigation ul, #top_navigation ul li{
		width: 100%;
		border-bottom: 1px solid #CCC;
	}
	#banner .leftcolumn {
	display:none;
	}
	#banner .rightcolumn{
		margin-top: 1em;
		width:100%;
		float:left;
	}
	.about_content blockquote{
		margin:1%;
	}
    /* menu icon */
    #menu-icon {
        color: #848483;
        width: 40px;
        height: 52px;
        background: #dfdfdf url(../images/menu-icon.png) no-repeat 10px center;
        padding: 8px 10px 0 52px;
        cursor: pointer;
        display: block; /* show menu icon */
		float:right;
		line-height:3;
		font-weight:bold;
    }
    #menu-icon:hover {
        background-color: #ccc;
		color:#DAA520;
    }
    #menu-icon.active {
        background-color: #bbb;
    }

    /* main nav */
    #main_menu {
        clear: both;
        position: absolute;
        top: 60px;
		right:0;
        width: 300px;
        background: #f8f8f8;
        border: solid 1px #999;
        display: none; /* visibility will be toggled with jquery */
    }
    #main_menu li {
        clear: both;
        float: none;
        margin: 5px 0 5px 10px;
    }
    #main_menu a,
    #main_menu ul a {
        font: inherit;
        background: none;
        display: inline;
        padding: 0;
        color: #666;
        border: none;
    }
    #main_menu a:hover,
    #main_menu ul a:hover {
        background: none;
        color: #000;
    }

    /* dropdown */
    #main_menu ul {
        width: auto;
        display: block;
        border: none;
        background: inherit;
    }
    #main_menu ul li {
        margin: 3px 0 3px 15px;
    }
	#main_content #sidebar_left{
		width:100%;
		margin-right:1%;
	}
	.news_image{
		width:30%;
		min-width:30px;
	}
	.news_info {
		width:65%;
		min-width:260px;
	}
	.news_description{
		display:none;
	}
	.embedded-video {
	width: 100%;
	}
	.embedded-video  iframe {
	height: 300px;
    }
}

/* ipad portrait */
@media only screen and (min-width: 640px) and (max-width: 1024px) and (orientation : portrait){
	
}
* ipad landscape */
@media all and (device-width: 640px) and (device-height: 1024px) and (orientation:landscape) {
	
}



@media only screen and (max-width: 650px) {
.bg-color-white {
 background-color: transparent;
}
.connecting-container li {
  display: inline-block;
  list-style: none;
  padding: 1em 0;
}
.front #main-content {
padding-top: 0;
width: 100%;
margin: 0 auto;
padding: 0;
}
.front #featured-region {
border-bottom: none;
width: 100%;
margin: 0 auto;
padding: 0;
}
#header-region, header, #top-content-region, #featured-region, #help-region, #main-content, #content-wide1-region, #content-wide2-region, #content-wide3-region, #content-wide4-region, #before-footer-region, #footer-four-columns, footer{
padding:0 1em;
}
.embedded-video {
width: 100%;
}
.embedded-video  iframe {
	height: 250px;
  }
  p.icon-product {
line-height: 2em !important;
}
.field-name-field-article-related-materials .field-item, .field-name-field-article-plan-by-month .field-item, .field-name-field-article-connecting-with .field-item {
margin: 0;
}
input#edit-search-block-form--2 {
width: 85%;
}
.flexslider .slides img, .flexslider2 .slides img {
border-bottom: none; 
}
.views-field.views-field-title {
position: relative;
bottom: 0;
left: 0;
color: #555;
font-size: 1.2em;
width: 100%;
line-height: 1em;
text-align: center;
padding: .5em 0;
border-bottom: 6px solid #98050c !important;
background: none;
}
#logo {
padding-top: 1em !important;
}
.custom-title h2 {
font-size: 1em !important;
}
p.product-date {
float:right;
font-size: .8em;
}
.flex-control-nav {
  display: none;
}
.front .view-products .views-row {
  margin: 0 5%;
}
.front .header-title h2:before {
  content: '';
}
.front .header-title h2 {
  border-bottom: 1px solid #98050c;
}
}