/* General
================================================== */
img{ max-width: 100%; }

/*hide responsive menus*/
#top-bar .selector,
#navigation .selector { display: none; }


/* Apply To All Responsive Layouts
================================================== */
@media only screen and (max-width: 959px) {
	
	/*hide stuff*/
	/*.flex-direction-nav{ display: none }*/
	.flexslider-container .flex-caption{ display: none }
	#related-posts .read-more{ display: none }
	
	/*responsive top menu*/
	#top-bar .selector option{ background:#000; -webkit-appearance:none; padding: 10px; border-bottom: 1px solid #333; color: #fff }
	#top-bar .selector, 
	#top-bar .selector span{ cursor: pointer !important; -webkit-font-smoothing:antialiased }
	#top-bar .selector, 
	#top-bar .selector *{ margin:0; padding:0 }
	#top-bar .selector select{ top:0px; left:0px; }
	#top-bar .selector{ width: 100%; text-indent: -9999px; }
	#top-bar .selector{ background: #222 url("../images/top-responsive-nav.png") no-repeat center center; height: 45px; width: 45px; display:-moz-inline-box; display:inline-block; vertical-align:middle; zoom:1; *display:inline; cursor: pointer !important; position:relative; overflow:hidden; color: #fff }
	#top-bar .selector select:focus{outline:0; }
	#top-bar .selector span{ display:block; overflow:hidden; text-overflow:ellipsis;  white-space:nowrap }
	#top-bar .selector select{ position:absolute; height:45px; background:none; width:200px; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;  font-size:12px;  font-weight:500;  border:0 !important }
	
	/*navigation top menu*/
	#navigation .selector option{ background:#f5f5f5; -webkit-appearance:none; padding: 10px; border-bottom: 1px solid #ddd }
	#navigation .selector, 
	#navigation .selector span{ cursor: pointer !important; -webkit-font-smoothing:antialiased }
	#navigation .selector, 
	#navigation .selector *{ margin:0; padding:0 }
	#navigation .selector select{ top:0px; left:0px; height: 60px }
	#navigation .selector{ width: 100%; top:-12px; color: #fff; font-weight: bold; line-height: 60px; text-indent: 20px }
	#navigation .selector{ height: 60px; width: 60px; width: 100%; display:-moz-inline-box; display:inline-block; vertical-align:middle; zoom:1; *display:inline; cursor: pointer !important; position:relative; overflow:hidden; background: url("../images/responsive-drop-arrow.png") right center no-repeat }
	#navigation .selector select:focus{outline:0; }
	#navigation .selector span{ display:block; overflow:hidden;  text-overflow:ellipsis;  white-space:nowrap }
	#navigation .selector select{ position:absolute; height:60px; background:none; width:100%; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-size:12px; font-weight:500; border:0 !important }

		
	/*display dropdown nav*/
	#top-bar .selector,
	#navigation .selector { display: inline-block; }
	#top-bar ul.top-menu,
	#navigation ul { display: none; }
}



/* #Tablet (Portrait) = Design for a width of 730px
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	div {min-width:768;max-width:959px}
	
	/*blog*/
	.entry-left { float: left; width: 150px }
	.entry-right { float: left; margin-left: 20px; width: 280px; }
	#author-bio{ width: 370px }
/*HOME*/
#navigation {width:730px;float:left;z-index:3000;position:relative;}
.bluezone { padding:15px; width:700px; position:relative; background-color:#2D507D;margin-bottom:15px; height:240px;}
.homeintro {float:left; width:400px; line-height:20px; font-size:16px; padding:32px;}
.join {float:right;margin-top:27px;}
#rev_slider_1_1_wrapper {margin: 0px 0px 0px 0px!important;width:76.1%!important;height:290px!important;}
#rev_slider_2_1_wrapper {margin: 0px 0px 0px 0px!important;width:76.1%!important;height:290px!important;}

#rev_slider_1_1 {width:100%!important;height:100%!important}
#rev_slider_2_1 {width:100%!important;height:100%!important}


#rev_slider_1_1, x:-moz-any-link, x:default {top: 27px;left:-730px;min-width:700px;max-width:730px;}
#rev_slider_2_1, x:-moz-any-link, x:default {top: 27px;left:-730px;min-width:700px;max-width:700px;}
/*#rev_slider_1_1 {min-width:700px;max-width:959px;}*/
.homeicons {width:71%}
.homeicons .icon1, .icon2, .icon3 {width:30%;padding:10px;}
.heading {width:730px}
.diference {width:730px;height:170px;}
.difcol {width:205px;height:134px!important;}	
.diference .difcol .difcol .difcol .difcol {padding-top:19px!important}
.footer-widget .textwidget {width:90% !important}
input[type="search"] {width:70%}

/*GIVE */

.supportgive {max-width:100%}
.givecontent {max-width:100%}
.giveicon {max-width:100%;float:left;}
.giveinfo {float:left;width:94%;padding:0;}

/*WHO WE ARE*/
.whocontent {width:100%}

/*WHAT WE DO*/
.pricing-table2 {min-width:100%}
.pricing-table {min-width:100%}
	
	/*services*/
	#services-template-right{ width: 440px }
	#services-template-left{ margin-bottom: 10px }

}



/* Mobile (Portrait) = Design for a width of 280px
================================================== */

@media only screen and (max-width: 767px) {

	/*hide stuff*/
	.flexslider-container .flex-caption,
	#services-sidebar{ display: none }

/*HOME*/
#navigation {width:280px;float:left;z-index:3000;position:relative;}
/*#rev_slider_2_1, #rev_slider_2_1_wrapper {margin:0px 0px 0px 0px!important;width:57.3%!important;padding-top: 15px;}*/


#rev_slider_1_1_wrapper {margin:0px 0px 0px 0px!important;width:76.1%;height:100%}
#rev_slider_2_1_wrapper {margin:0px 0px 0px 0px!important;width:76.1%;height:100%}

#rev_slider_1_1 {width:100%!important;height:100%!important}
#rev_slider_2_1 {width:100%!important;height:100%!important}

div {min-width:280;max-width:767px}

#rev_slider_1_1_wrapper, x:-moz-any-link, x:default {margin: 0px 0px 0px 0px!important;width:280px!important;height:126px!important;}
#rev_slider_2_1_wrapper, x:-moz-any-link, x:default {margin: 0px 0px 0px 0px!important;width:280px!important;height:126px!important;}
#rev_slider_1_1, x:-moz-any-link, x:default {top: 27px;left:-280px;min-width:280px;max-width:280px;}
#rev_slider_2_1, x:-moz-any-link, x:default {top: 27px;left:-280px;min-width:280px;max-width:280px;}

.bluezone { padding:15px; max-width:250px; position:relative; background-color:#2D507D;margin-bottom:15px; height:480px;}
.homeintro {float:left; max-width:250px; line-height:20px; font-size:16px; padding:0;margin-top: 25px;text-align: justify;}
.join {float:center;margin-top:27px;}
.homeicons {width: 240px;height: 930px;}
.homeicons .icon1, .icon2, .icon3 {width:220px;margin-left: 10px;}
.heading {width:280px}
.diference {width:280px;height:333px;}
.dmillion2 {font-size:23px !important;}
.difcol {width: 242px;height:74px!important;}	
.diference .difcol .difcol .difcol .difcol {padding-top:19px!important}
.difcolfoot {width:200px!important;padding:0;}
.difcolfoot .dinfo {font: 10px/1.8 dinregularalternate, Helvetica, Arial, sans-serif!important;}
.footer-widget .textwidget {width:90% !important; text-align:left;}
.menu-footer-container, .menu-footer2-container {text-align:left}
input[type="search"] {width:70%;text-align:left;}
.footer-box .footer-widget .textwidget .wpex-clearfix {text-align:left !important; padding-top: 13px!important;}


/*GIVE */

.supportgive {max-width:100%}
.givecontent {max-width:100%}
.giveicon {max-width:100%;float:left;}
.giveinfo {float:left;width:94%;padding:0;}

/*WHO WE ARE*/
.whocontent {width:100%}

/*WHAT WE DO*/
.pricing-table2 {min-width:100%}
.pricing-table {min-width:100%}
	
	/*main*/
	#post { width: 100% }
	
	/*header*/
	#logo{ /*left: 20px !important*/ padding-left: 75px; }
	/*#logo img{ margin: 74px 0 }*/
        #header-slogan {padding-left: 45px;}
	/*#header-right{ display: none }*/
        #header-right {padding-right:52px}
	
	/*you can enable the right header by uncommenting this
	#header-right{ position: inherit; text-align: center; margin: 10px auto !important; float: none }
	*/
	
	/*slider*/
	.flex-direction-nav li a.flex-next, .flex-direction-nav li a.flex-prev { width: 20px; height: 34px; line-height: 34px; margin-top: -12px; font-size: 11px}
	
	/*titles*/
	#page-heading h1, #page-heading h2{ width: 100% }
	#single-nav{ position: inherit; text-align: center; margin-top: 10px; margin-left: 20px }
	
	/*blog*/
	.entry-left { float: none; width: 100% }
	.entry-right { float: none; width: 100%; margin-top: 20px; margin-left: 0 }
	#related-posts .alignleft{ max-width: 30% }
	.related-entry-excerpt{ display: none }
	#author-bio{ width: 150px  }
	
	/*services*/
	#services-template-left, #services-template-right{ width: 100% }
	#services-template-left{ margin-bottom: 10px }
	
	/*staff*/
	#staff-post-thumbnail{ width: 100%; margin-bottom: 20px }
	
	/*footer*/
	#callout #callout-text,
	#callout #callout-btn{ width: 100%; float: none }
	#callout #callout-btn{ margin-top: 20px }
	#callout #callout-btn .button{ float: none }
	#footer-bottom, #footer-menu{ text-align: center; height:120px; }
	#footer-menu{ margin-top: 5px }
	
	/*other*/
	#error-page-title{ font-size: 80px; line-height: 80px; margin-bottom: 25px; }
	#error-page-text{ margin-top: 0 }
	
	/*comments*/
	.children { margin: 30px 0 0; }
	.children li.depth-2,
	.children li.depth-3,
	.children li.depth-4,
	.children li.depth-5,
	.children li.depth-6,
	.children li.depth-7,
	.children li.depth-8,
	.children li.depth-9,
	.children li.depth-10 { margin: 0 }
       
}


/* Mobile (Landscape) = Design for a width of 440px
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	/*slider*/
	.flex-direction-nav li a.flex-next, .flex-direction-nav li a.flex-prev { width: 30px; height: 44px; line-height: 44px; margin-top: -22px; font-size: 12px }
	
	div {min-width:440;max-width:767px}

/*header*/
	#logo{ /*left: 20px !important*/ padding-left: 145px; }
	/*#logo img{ margin: 145px 0 }*/
        #header-slogan {padding-left: 45px;}
	/*#header-right{ display: none }*/
        #header-right {padding-right:142px}

/*HOME*/
#navigation {width:440px;float:left;z-index:3000;position:relative;}
.bluezone { padding:15px; max-width:410px; position:relative; background-color:#2D507D;margin-bottom:15px; height:380px;}

#rev_slider_1_1_wrapper {margin:0px 0px 0px 0px!important;width:100%!mportant;height:170px!mportant}
#rev_slider_2_1_wrapper {margin:0px 0px 0px 0px!important;width:98%!mportant;height:170px!mportant}

#rev_slider_1_1 {width:440px!important;height:100%!important}
#rev_slider_2_1 {width:440px!important;height:100%!important}

#rev_slider_1_1_wrapper, x:-moz-any-link, x:default {margin: 0px 0px 0px 0px!important;width:440px;height:176px;}
#rev_slider_2_1_wrapper, x:-moz-any-link, x:default {margin: 0px 0px 0px 0px!important;width:440px;height:176px;}
#rev_slider_1_1, x:-moz-any-link, x:default {top: 27px;left:-440px;min-width:440px;max-width:440px;}
#rev_slider_2_1, x:-moz-any-link, x:default {top: 27px;left:-440px;min-width:440px;max-width:440px;}

.homeintro {float:left; max-width:410px; line-height:20px; font-size:16px; padding:0;margin-top: 20px;text-align: justify;}
.join {float:center;margin-top:27px;}
.homeicons {width: 240px;height: 930px;}
.homeicons .icon1, .icon2, .icon3 {width:220px;margin-left: 90px;}
.heading {width:440px}
.diference {width:440px;height:190px;}
.dmillion2 {font-size:23px !important;}
.difcol {width: 108.4px;height:154px!important;}	
.diference .difcol .difcol .difcol .difcol {padding-top:19px!important}
.footer-widget .textwidget {width:90% !important; text-align:left;}
.menu-footer-container, .menu-footer2-container {text-align:left}
input[type="search"] {width:70%;text-align:left;}
.footer-box .footer-widget .textwidget .wpex-clearfix {text-align:left !important; padding-top: 13px!important;}

/*GIVE */

.supportgive {max-width:100%}
.givecontent {max-width:100%}
.giveicon {max-width:100%;float:left;}
.giveinfo {float:left;width:94%;padding:0;}

/*WHO WE ARE*/
.whocontent {width:100%}

/*WHAT WE DO*/
.pricing-table2 {min-width:100%}
.pricing-table {min-width:100%}
	
	/*blog*/
	#author-bio{ width: 310px }
	.related-entry-excerpt{ display: block }

		
}