/* =Responsive (Mobile) Design




-------------------------------------------------------------- */




@media screen and (max-width: 1160px) {
    .home .three_fifth {    padding: 15px 30px;}
    .home .three_fifth h1 {color:#0c5a9c;font-size:2.82em; margin:0;}
.home .three_fifth h3 {color:#b2bfc6;font-size:1.975em; margin:0; margin-top:10px;}
.home .three_fifth p{font-size:1.1em; line-height:1.2em;}
    }
    @media screen and (max-width: 1100px) {
       .sidebar{width:0%;right:0; float:none;   max-width:380px;  position: absolute; z-index: 6;
    }
    body{overflow-x: hidden;}
       .sidebar-content{width:100%!important;} 
       .extras-button{display:block; margin-top:100px;}
       #wrapper_container {
    height: auto;
    width: 100%;
        overflow: hidden;}
    }
    @media screen and (max-width: 1415px){
        .menu ul{margin-top:30px;}
.menu a {
    color: #FFF;
    cursor: pointer;
    display: block;
    font-size: 19px;
    font-weight: 700;
    line-height: 325%;
    margin: 0;
    height: 10px;
    margin: 0;
    padding: 0 0.9em;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
}}
@media screen and (max-width: 1224px) {

   
.two_fifth, .three_fifth {
    width: 50%!important;
}

 }

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









	body {}









	.grid, 




	.grid-right {




		float: none;




	}









	.copyright,




	.scroll-top,




	.powered {




		float: left;




	}









	#featured-image .fluid-width-video-wrapper {




		margin: 20px 0 0 0;




	}









	.front-page  #widgets {




		margin-top: 40px;




	}









	.top-widget,




	.front-page  .top-widget {




		margin-top: 0 !important;




	}









	.hide-desktop {




		display: block;




	}









	.show-desktop {




		display: none;




	}









	.hide-980 {




		display: none;




	}









	.show-980 {




		display: block;




	}









}


@media screen and (max-width: 915px) {
    .home .three_fifth h1{font-size:2.2em;}
    .home .three_fifth h3{font-size:1.6em;}
    .home .three_fifth p{font-size:1em;}
	#form-cont{DISPLAY:INLINe-block;}
	div#form-cont .form-control {
    width: 50%;
    padding-right: 20px;
		padding-left:20px;
    box-sizing: border-box;
    float: left;
    display: inline-block;
}
	div#email-submit{width:50%!important;}
	div#form-cont .form-control input[type="submit"]{
		width:100%;
	}
}
@media screen and (max-width: 900px) {
    .sectors-content {    padding: 30px 30px;}
    }


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { .one_half{width:100%!important;}}


@media screen and (max-width: 890px) {
	div#mail-chimp #wrapper form {
    display: inline-block;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}
	div#text-cont h3{margin-bottom:15px;}
    .bar-bit .two_fifth .inner-padding:before {
    content: '';
    position: absolute;
    pointer-events: none;
    top: 0%;
    left: 0%;
    right: 0%;
    bottom: 0%;
    background-color: rgba(81,93,102,0.2);
    -webkit-box-shadow: 0 0 0 16px #ffffff,0 0 0 212px rgba(255,255,255,0.3);
    -moz-box-shadow: 0 0 0 16px #ffffff,0 0 0 212px rgba(255,255,255,0.3);
    box-shadow: 0 0 0 7px #ffffff,0 0 0 212px rgba(255,255,255,0.3);
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
    .bar-bit .two_fifth, .bar-bit .three_fifth{width:100%!important;}
    .bar-bit .two_fifth{max-height:240px; overflow:hidden;}
    .bar-bit .three_fifth{height:auto!important;}
}
@media screen and (max-width: 882px) {
    #wrapper_container {
    height: auto;
    width: 100%;
    float: left;
    display: inline-block;
    overflow: hidden;
}
#header-image {
    min-height: 150px;
        background-position: bottom center;
    position: relative;
    width: 100%;
    display: inline-block;
}
    #header_container {
    height: 100px;
    background: #B2BFC6;
    position:relative;
}
    .one_half{width:100%;}
    .blog-content{padding:30px;}
    .sidebar-content .post{padding:30px;}

#footer_container_top h3 {
    color: #0C5A9C;
    margin: 0;
    font-size: 1.3em;
}

.extras-button{display:block;margin-top:100px;}




	body {}







.menu-button{float:right;}

	#logo {
		margin: 0;
max-width:100px;



		text-align: center;




	}









	.grid, 




	.grid-right {




		float: none;




	}









	#featured-image .fluid-width-video-wrapper {




		margin: 20px 0 0 0;




	}




	




	.top-widget {




		float: none;




		margin: 0 auto 10px auto;




		position: relative;




		text-align: center;




		width: auto;




	}




	




	.top-widget .widget-title {




		text-align: center;




	}




	




	.js .sub-header-menu {




		display: none;




	}




	




	.js .main-nav {


    padding: 0;

		position: relative;


		clear: both;




		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d);




		margin: 0 auto;




	}




	




	.js .main-nav .menu {




		display: inline-block;


		z-index: 1000;




	}




	




	.js .main-nav .menu ul {




		margin-top: 1px;




	}




	




	.js .main-nav .menu li {




		float: none;


    width: 100%;



		border: none;




	}




	




	.js .main-nav .menu li a {
    color: #444;
    font-size: 13px;
    font-weight: normal;
    height: 45px;
    line-height: 55px;
    padding: 0 15px;
    border: none;
    /* border-bottom: 1px solid #f5f5f5; */
    text-shadow: none;
    text-align: left;
    cursor: pointer;
}




	




	.js .main-nav .menu li.current_page_item,




	.js .menu .current_page_item a,




	.js .menu .current-menu-item a {






	}




	




	.js .main-nav .menu li li:hover {




		background: none!important;




	}




	




	.js .main-nav .menu li li a {




		position: relative;




		padding: 0 10px 0 30px;




	}




	




	.js .main-nav .menu li li li a {




		position: relative;




		padding: 0 10px 0 40px;




	}




	




	.js .main-nav .menu li a:hover,




	.js .main-nav .menu li li a:hover {




		background-image: none;




		filter: none;




		background-color: #f5f5f5!important;




	}




	




	.js .main-nav .menu li li a::before {




		content: '\2013';




		position: absolute;




		top: 0;




		left: 20px;




	}




	




	.js .main-nav .menu li li li a::before {




		content: '\2013';




		position: absolute;




		top: 0;




		left: 20px;




	}




	




	.js .main-nav .menu li li li a::after {




		content: '\2013';




		position: absolute;




		top: 0;




		left: 30px;




	}




	




	.js .main-nav .menu li ul {




		position: static;




		visibility: visible;




		background-color: #fff;




	}









	.js .main-nav .menu ul {




		min-width: 0;




	}









	.js .main-nav #responsive_current_menu_item {




		display: none;




		padding: 5px 40px 5px 10px;




		color: #fff;




		font-weight: 700;




		cursor: pointer;




	}




	




	.js .main-nav a#responsive_menu_button {




		position: absolute;




		display: none;




		top: 0;




		left: 100%;




		height: 30px;




		width: 23px;




		margin-left: -30px;




		background: url('../images/select-icons.png') 0 5px no-repeat;




		cursor: pointer;




	}




	




	.js .main-nav a#responsive_menu_button.responsive-toggle-open {




		background: url('../images/select-icons.png') 0 -46px no-repeat;




	}




		




	




	.top-menu, 




	.footer-menu li {




		float: none;




		font-size: 11px;




		text-align: center;




	}




	




	.tinynav {




		display: block;




	}




	




	.sb-holder {




		display: block;




	}




	




	#author-meta {




		padding: 20px;




	}




	




	.hide-650 {




		display: none;




	}




	




	.show-650 {




		display: block;




	}









	.hide-mobile {




		display: none;




	}









	#footer {




		text-align: center;




	}




	#credits {




		text-align: center;




	}









	#footer .social-icons {




		padding-bottom: 10px;




		text-align: center;




	}




}






@media screen and (max-width: 560px) {
	div#form-cont .form-control, div#email-submit{width:100%!important;}
	div#form-cont .form-control input{margin-bottom:10px!important;}
    #header-image {
    min-height: 150px;}
    #logo{max-width:100px; padding:10px;}
    h2.home-banner{font-size:2em;bottom:20px; margin-top:auto!important;}
    ul.recent_posts_with_excerpts blockquote{padding:0!important;}
    .blog-content .post{min-width:0; width:100%;}
}


@media screen and (max-width: 480px) {
    body{font-size:13px;}
    .sectors-content h1 {
    font-size: 3.2em;
    }
    .extras-button.open{
    display: inline-block;
        position: relative!important;
    left: 0;

    margin-top:0;
    box-sizing: border-box;
    width: 100%;
    /* margin-top: 100px; */
}
.sidebar-content .post-entry {
    padding: 30px 30px;
}
    .category-services h1.entry-title.post-title, .sidebar-content .post-entry h1{font-size:2.7em;}
    .category-services h3.subtitle, .sidebar-content .post-entry h2{font-size:1.8em;}
#footer-widget.office{width:100%; max-width:310px; margin:0 auto; float:none;}

.accordion h3 span {
    padding: 10px;
    font-size: 0.8em;
    display: block;
}






	body {}









	#logo {





		text-align: center;




	}









	.grid, 




	.grid-right {




		float: none;




	}




	




	#featured-image .fluid-width-video-wrapper {




		margin: 20px 0 0 0;




	}




	




	.featured-title {




		font-size: 40px;




		padding: 40px 20px 0 20px




	}




	




	.featured-subtitle {




		font-size: 24px;




	}




	




	.navigation .next,




	.navigation .previous {




		display: block;




		margin: 0 auto;




		text-align: center;




	}




	.menu ul, 




	.menu li, 




	.top-menu, 




	.footer-menu li, 




	.sub-header-menu li {




		float: none;




		text-align: center;




		text-rendering: optimizeSpeed;




	}




	




	.hide-480 {




		display: none;




	}




	




	.show-480 {




		display: block;




	}




	




	#footer {




		text-align: center;




	}









	#footer .social-icons {




		text-align: center;




	}




}









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




	




	body {}




	




	#featured p {




		font-size: 12px;




		line-height: 1.5em;




	}









	.featured-title {




		font-size: 35px;




	}




	




	.featured-subtitle {




		font-size: 15px;




	}









	.call-to-action a.button {




		font-size: 14px;




		padding: 7px 17px;




	}









	.hide-320 {




		display: none;




	}




	




	.show-320 {




		display: block;




	}




}









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




	




	body {}




	




	#featured p {




		font-size: 11px;




		line-height: 1.5em;




	}









	.featured-title {




		font-size: 20px;




	}




	




	.featured-subtitle {




		font-size: 11px;




	}









	.call-to-action a.button {




		font-size: 12px;




		padding: 5px 15px;




	}




	




	.top-widget area,




	.top-widget select,




	.top-widget textarea,




	.top-widget input[type="text"], 




	.top-widget input[type="password"],




	.top-widget input[type="email"] {




		width: 75%;




	}




	




	.widget-title,




	.widget-title-home h3 {




		font-size: 14px;




		height: 13px;




		line-height: 13px;




		text-align: left;




	}




	




	.hide-240 {




		display: none;




	}




	




	.show-240 {




		display: block;




	}




}