/* Responsive Stylesheet */

/* Custom Drop-Down */
#masternav .selector option {
	background:#eee;
	-webkit-appearance:none;
	padding: 5px;
}
#masternav .selector, #masternav .selector span {
	cursor: pointer !important;
	-webkit-font-smoothing:antialiased;
}
#masternav .selector, #masternav .selector * {
	margin:0;
	padding:0;
}
#masternav .selector select {
	top:0px;
	left:0px;
}
#masternav .selector {
	width: 100%;
	font-size:12px;
	font-weight:bold;
}
#masternav .selector span:after {
	padding-left: 5px;
	padding-right: 5px;
	content: "\f078";
	font-family: 'FontAwesome';
}
#masternav .selector span {
	cursor:pointer;
}
#masternav .selector {
	height: 30px;
	line-height: 30px;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align:middle;
	zoom:1;
*display:inline;
}
#masternav .selector select:focus {
	outline:0;
}
#masternav .selector {
	position:relative;
	padding-left:10px;
	overflow:hidden;
}
#masternav .selector span {
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
#masternav .selector select {
	position:absolute;
	height:35px;
	background:none;
	width:97%;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
	font-weight:500;
	border:0 !important;
}
/* General

================================================== */

img {
	max-width: 100%;
}
/*hide redundant menu*/

#masternav select {
	display: none;
	width: 100% !important;
}
#masternav .selector {
	display: none;
	margin-top: 5px;
}

 @media only screen and (min-width: 768px) and (max-width: 959px) {
#wrap {
	width: 680px;
}
.hp-highlight, .portfolio-item, .home-entry, #footer-one, #footer-two, #footer-three, #footer-four {
	width: 155px;
}
#home-tagline {
	font-size: 21px;
}
#search {
	text-indent: -9999px;
}
.loop-entry-thumbnail {
	width: 35%;
}
}
 @media only screen and (max-width: 767px) {
	 #masterhead {
		position: inherit;
		height: auto;
		width:100%;
		}
		#header #wrap {
			width:100%;
			padding:0 5px;
		}
	 .slide-title {
		 font-size:12px;
		 line-height:20px;
	 }
	 .slide-caption {
		 display:none;
	 }
	 #hd-widgets {
		float: none;
		margin-top: 8px;
		margin-right:0px;
		width:100%;
		clear:both;
	}
	#logo {
		float: left;
		margin-top: 5px;
		margin-left: 5px;
}
.flexslider .caption {
	display: none;
}
/*display dropdown nav*/

	#masternav .selector, #masternav select {
	display: inline-block;
}
#masternav ul {
	display: none;
}
#masternav {
	padding: 0;
	height: 40px;
	line-height: 40px;
	float: none;
	padding: 0 5px;
	margin: 0;
	background: #3fb7b7;
	color: #fff;
	top: 0;
	right: 0;
	cursor: pointer;
}
#wrap {
	width: 230px;
}
.hp-highlight, .portfolio-item, .home-entry, #footer-one, #footer-two, #footer-three, #footer-four {
	width: 230px;
	margin-right: auto;
	margin-left: auto;
}
#portfolio-wrap {
	margin-right:  0;
}
#home-tagline {
	font-size: 16px;
}
.flex-direction-nav li a.next, .flex-direction-nav li a.prev {
	height: 40px;
	width: 25px;
	line-height: 40px;
	margin-top: -20px;
}
ul.filter {
	position: inherit;
	margin-top: 10px;
	margin-bottom: 0px;
	top: 0;
	left: 0;
}
ul.filter li {
	margin-top: 10px;
}
#single-nav a {
	font-size: 10px;
}
#single-nav-left, #single-nav-right {
	margin-left: 5px;
}
.post, #sidebar {
	width: 100%;
}
.loop-entry-meta {
	display: none;
}
.loop-entry h2 {
	margin-bottom: 10px;
}
#sidebar {
}
#single-portfolio-left, #single-portfolio-right {
	float: none;
	width: 100%;
}
#page-heading {
	text-align: center;
}
#single-nav {
	position: inherit;
	margin-top: 20px;
	margin-left: -10px;
	text-align: center;
}
#single-nav-left, #single-nav-right {
	display: inline-block;
	float: none;
}
.children li {
	margin: 0 !important;
}
#copyright, #back-to-top {
	float: none;
	width: 100%;
	text-align: center;
}
.one-half, .one-third, .two-third, .one-fourth, .three-fourth, .one-fifth, .one-sixth {
	width: 100%;
	float: none;
}
}

/* #Mobile (Landscape)

================================================== */

/* Note: Design for a width of 420px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
#wrap {
	width: 420px;
}
.hp-highlight, .portfolio-item, .home-entry, #footer-one, #footer-three {
	width: 200px;
	margin-right: 20px;
}
#footer-two, #footer-four {
	width: 200px;
	margin-right: 0;
}
.responsive-clear {
	clear: both;
}
.loop-entry-thumbnail {
	width: 33%;
}
ul.filter {
	margin-bottom: 0;
}
}
@media only screen and (max-width: 480px) {
	#home-highlights {
		margin-top: 10px;
		margin-bottom: 15px;
		margin-right: 0;
	}
	#header #searchform #searchsubmit {
		position:inherit !important;
		right:auto;
		margin-top:3px !important;
		top:5px !important;
	}
	.slide-link a {
		font-size: 12px;
		color: #ffffff;
		padding-left: 5px;
		padding-right: 1px;
		background-image:none;
		width: auto;
		display: block;
		height: auto;
	}
	.slide-title {
		font-size: 12px;
		line-height: 14px;
		padding-bottom:4px;
	}
	.slide-link {
		width: auto;
		height: 22px;
		margin-left: 0;
		padding:2px;
		}
	#header #searchform {
		position: inherit !important;
		right: auto;
		bottom:;
		clear:both;
		display:block;
		float:none;
		margin:0 auto;
		padding:5px 0;
	}
	#hd-widgets li {
		float:none;
		display:inline-block;
	}
	#header {
		margin:0 auto;
		text-align:center;
		padding-bottom:10px;
		background-image:none;
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 1%, #e1e8ee 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#e1e8ee)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffffff 1%,#e1e8ee 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffffff 1%,#e1e8ee 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffffff 1%,#e1e8ee 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ffffff 1%,#e1e8ee 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e8ee',GradientType=0 ); /* IE6-9 */
	}
}


@media only screen and (min-width:1200px){
 #footer.pages #wrap,
 .pages #wrap{ max-width:1094px; width:1094px;}	
 #footer.pages #wrap {
    max-width: 1094px !important;
 }
 .post{ padding-left: 0; padding-right: 5%; width: 66%; margin-bottom:0;}	
}

#all{ width:100%; height:auto; overflow:hidden}

.nfc-faq-widget{ width:47%; float:left;}
.nfc-faq-widget:last-child{ float:right}
.nfc-faq-widget h4{
    background: none repeat scroll 0 0 #1a4885;
    color: #ffffff;
    font-family: "Lato",sans-serif;
    font-weight: 700;
    padding: 4px 10px !important;
}
.dwqa-popular-questions{}
.dwqa-popular-questions ul{ padding:0; margin:0}
.dwqa-popular-questions ul li {
    border-bottom: 1px dashed #ccc;
    display: block;
    padding: 10px 0;
	font-size:12px; color:#777;
}
.dwqa-popular-questions ul li a{ display:block; font-size:14px}
#sidebar ul li a{max-width: 262px;}
#become-member{ max-width:245px; width:245px;}

#sidebar .menu a {
    display: block;
    height: 30px !important;
    margin-left: 35px !important;
    margin-right: 27px !important;
    padding-top: 2px !important;
    width: auto;
}
#archive-question{ position:relative}
#become-member{ margin-right:25px;}
#autocomplete{ position:absolute; width:98%; margin:-20px 1% 0; z-index:999;}
#autocomplete ul{ padding:0; margin:0;}
#autocomplete ul li{ display:block;     background-color: #f5f5f5;
    border-bottom: 1px solid #ddd;
    margin: 0;}
#autocomplete ul li:hover{ background-color:#FFFac2;}
#autocomplete ul li a {
    color: #555;
    display: block;
    padding: 10px 15px;
}
.evnt-image {
    display: block;
    float: left;
    height: auto;
    margin-right: 8px;
    overflow: hidden;
    width: 71px;
}
.event-item {
    float: inherit;
    height: auto;
    min-height: 65px;
    position: relative;
    width: 100%;
}
.from-the-blog img{ max-width:110px}
.from-the-blog img {
    border: medium none;
    clear: left;
    float: left;
    margin: 1em 1em 1em 0;
    padding: 0;
}

@media only screen and (min-width:768px) and (max-width:3000px){
	#second-tier .left h3 a,
	#second-tier .left h3{ color:#1a4886;margin-top:0px}
	
	#home-highlights{ margin-right:0;}
	.hp-highlight img{ width:100%}
	.hp-highlight{ width:31.3333%; padding:0; margin:0;}
	.hp-highlight.middle-post{margin:0 3%;}
	
	#second-tier .right{ max-width:560px}
	#second-tier .right h2{ width:auto;}
	#second-tier .right #news{ width:47%; margin-right:0}
	#second-tier .right #events{ float:left; margin-right:0; width:47%}
	
	#second-tier .right #news {float: right;}	
	
	.home #footer #wrap{ max-width:1094px !important}
	.jcarousel-skin-aqua2 .jcarousel-clip-horizontal{ max-width:1000px}
	.jcarousel-skin-aqua2 .jcarousel-prev-horizontal{ left:0;}
	.jcarousel-skin-aqua2 .jcarousel-next-horizontal{ right:0;}
	
	#second-tier .left{ max-width:550px; width:46%; margin-right:4%;}

	#logo{ margin-left: 0 !important;}
		
	.pages #wrap{ background-position:right top !important}
	
	#hd-widgets{ margin-right:0}
	.joinButton{ right:7px;}
	
	.event-item{ position:relative; width:100%; float:inherit}
	.event-item > a{ position:absolute; left:0; top:0;}	
	.home #events .event-item .eventstext{ width:100%!important; float:inherit!important}	
	.box-items{padding-left:80px!important; }
	
}

@media only screen and (min-width:768px) and (max-width:1199px){
    #wrap{ max-width:96%; width:98%}
	.post{ padding-left: 0; padding-right: 4%; width: 66%; margin-bottom:0;}
	.bec-icon{ width:100%; margin-left:0; margin-right:0;}
	#become-member {
		max-width: 264px;
		padding: 0 10px 10px;
		text-align: center;
		width: auto;
	}	
	#become-member h4{width: auto;}
	.bec-text a{ width:auto}
	.joinButton {
      right: 7px;
    }
	
}
@media only screen and (min-width:768px) and (max-width:980px){
	#slide-3 #slide-txt{max-width:inherit!important; width:90%!important; left:5%!important; right:5%!important;}
    #slide-txt{ max-width:inherit; width:90%; left:5%; right:5%;}
	#masternav{ height:30px; right:100px;}
	.mainmenu a{height:30px; line-height:30px; padding:0 14px; font-size:13px;}
	.mainmenu > li:hover > ul{ top:30px}	
}

@media only screen and (min-width:280px) and (max-width:767px){
	.home #wrap{ width:90%;}
	#second-tier .left,
	#second-tier .right,
	#second-tier .right #events,
	#second-tier .right #news,
	.event-item,
	.hp-highlight img,
	.hp-highlight{ width:100%}
	 .hp-highlight h2 a{ display:block}
	.hp-highlight{margin-right:0;}
	#home-highlights{ margin-right:0;}
	#second-tier .left h2{ padding-left:10px; width:auto}
	#second-tier .left{ margin-right:0; max-width:inherit}
	.from-the-blog{ overflow:hidden}
	#second-tier .left h3{ margin-top:0;}
	
	.joinButton{ margin-top:0; right:11px; top:61px}
	#masternav{ right:11px;}
	
	#second-tier .right #news,
	#second-tier .right #events{
		margin-right:0;
		width:100%;
		max-width: inherit;
		
	}
	#second-tier .right #news h2,
	#second-tier .right #events h2{ width:auto;}
	.event-item{ position:relative;}
	.event-item > a{ position:absolute; left:0; top:0;}	
	.home #events .event-item .eventstext{ width:100%!important; float:inherit!important}	
	.box-items{padding-left:80px!important; }
	
	.jcarousel-skin-aqua2 .jcarousel-prev-horizontal{ left:0;}
	.jcarousel-skin-aqua2 .jcarousel-next-horizontal{ right:0;}
	.jcarousel-skin-aqua2  .jcarousel-prev-horizontal,
	.jcarousel-skin-aqua2 .jcarousel-next-horizontal{ display:none!important}
	.jcarousel-skin-aqua2 .jcarousel-next-horizontal{ right:0;}
	.jcarousel-skin-aqua2:hover  .jcarousel-prev-horizontal,
	.jcarousel-skin-aqua2:hover  .jcarousel-next-horizontal{ display:block!important}	
	
	
	
	#footer.pages #wrap{ width:100%!important; max-width:767px;}
.pages #main #wrap {
    clear: both;
    width: 98%;
}
	
	
.post {
    background: none repeat scroll 0 0 #ffffff;
    float: left;
    margin: 0 2%;
    min-height: 705px;
    padding-left: 0;
    padding-right: 0;
    width: 96% !important;
}

.entry p{ padding-left:0 !important;}	
.post, #sidebar {
    float: inherit !important;
    margin: 0 auto;
    max-width: inherit !important;
    padding-left: 0;
    padding-right: 0;
    width: 82%;
}
.pages #logo {
    margin-left: 0 !important;
}

.nfcbox.rightspace,
.nfcbox{ max-width:767px; width:auto; margin-right:0; position:relative}
 .nfcbox .boxcontent{ width:auto;}	
 .newsrom-item.top1, .newsrom-item.top2{ width:100%}
 .newsrom-item .contentright{ width:100%}
 .news-media {
    display: block;
    float: inherit;
    margin-right: 0;
    margin-top: 30px;
    width: auto;
	max-width:384px;
}
.news-press{
    display: block;
    float: inherit;
    margin-right: 0;
    margin-top: 30px;
    width: auto;
	max-width:384px;	
}
.news-media h2, .news-press h2{ width:auto}
.nfc-faq-widget{ width:100%; float:left; margin-bottom:20px;}
}