/*************************************************************/
/************************** Media Queries********************/
/***********************************************************/

@media screen and (max-width: 5000px) {
	.mob {
		display: none;
	}
}


@media screen and (max-width: 950px) {
	.container,
	#page {
		width: 100%;
	}
	#page {
		top:160px;
	}
	#main-nav ul {
		text-align: center;
		padding-left: 0px
	}
	#home-header {
		background-image: none;
	    background: #0077cc;
	    background: -webkit-linear-gradient(#0077cc 0%, #003a8b 100%);
	    background: -o-linear-gradient(#0077cc 0%, #003a8b 100%);
	    background: linear-gradient(#0077cc 0%, #003a8b 100%);
	    padding: 20px 20px 77px;
	}
	#home-header ul {
		left: 0px;
		right: 0px;
		padding: 0 20px;
	}
	#logo {
		margin-right: 0px;
	}
	#main-nav li {
		margin: 0 4px;
	}
	#promo img {
		width: 250px;
    	height: auto;
	}
	#phone img {
		width: 180px;
    	height: auto;
    }
    #col1.span-17 {
		padding-left: 10px;
    }
    #col1.span-17 + #sidebar-container{
		padding-right: 10px;
    }
    .post-8 h2 + p img {
		max-width: 136px;
    	display: inherit;
    	float: none;
	    margin: 0 auto 20px;
	}
	.post-8 .post-alt .entry > p:last-of-type img {
		width: 100%;
		height: auto;
	}
	#page #primaryNav {
		margin: 40px auto 40px;
		max-width: 250px;
		padding: 0px;
		float: none;
	}
	#page #primaryNav li a { 
		width: 100%;
		display: block;
		box-sizing: border-box;
	}
	#page #primaryNav li {
		width: 100%!important;
		padding: 20px 0;
	}
	#page #primaryNav > li:nth-child(2),
	#page #primaryNav > li {
		background-image: none;
	}
}

@media screen and (max-width : 866px) {
	#promo {
		width: auto;
	    padding-left: 25px;
	}
	#main-nav li {
	    margin: 0 1px;
	}

}
@media screen and (max-width : 800px) {
	#footer {
		padding: 0px;
		border: none
	}
	#footer > ul {
		margin: 0;
	}
	#footer > ul > li {
		width: 100%;
		margin: 0 0 10px;
	}
	#footer > ul > li:last-of-type {
		margin-bottom: 0px;
	}
	#footer > ul > li a {
	    padding: 10px 18px;
	    text-align: center;
	    background-color: #EFEFEF;
	    margin-bottom: 1px;
	    display: block;
	    line-height: 0.9rem;
	    font-size: 0.8rem;
	    color: #A5A5A5;
	}
	#footer ul li ul {
	    margin-top: 0px;
	}
	#footer-container + .append-bottom {
		display: none;
	}
	.post-13 #pg-13-1 > div,
	.post-13 #pg-13-2 > div {
		text-align: center; 
		margin-bottom: 60px;
	}
	.post-13 #pg-13-2 > div:last-of-type {
		display: none;
	}
	.post-13 #pg-13-1 > div li,
	.post-13 #pg-13-2 > div li {
		list-style: none;
		font-size: 0.9rem;
	}
	.post-13 #pg-13-1 .textwidget > p:first-of-type,
	.post-13 #pg-13-2 .textwidget > p:first-of-type {
		margin-bottom: 2px;
	}
	.post-13 #pg-13-1 .textwidget > p:not(:first-of-type),
	.post-13 #pg-13-2 .textwidget > p:not(:first-of-type) {
		margin-bottom: 0px;
	}
	.post-13 #pg-13-1 .textwidget > p:first-of-type img,
	.post-13 #pg-13-2 .textwidget > p:first-of-type img {
		width: 100%;
		height: auto;
		max-width: 167px;
	}
	#pl-13 .so-widget-sow-editor > div > p:last-of-type a {
		padding: 10px 10px;
	}
	.post-233 #pg-233-1 {
		margin-bottom: 40px;
	}
	.post-233 #pg-233-1 > div,
	.post-233 #pg-233-1 > div h3,
	.post-233 #pg-233-1 > div h3 + p {
		text-align: center;
	}
	.post-233 #pg-233-1 > div p {
		margin: 0;
	}
	.post-233 #pg-233-1 > div .textwidget {
		margin-bottom: 30px;
	}
	
}

@media only screen and (max-width : 768px) {
	.mob {
		display: block;
	}
	#header > div {
		width: 100%;
		text-align: center;
	}
	#header #promo {
		padding-left: 0px;
		padding-top: 10px;
	}
	#header #phone {
		float: none;
		position: absolute;
		top: 20px;
		left: 20px;
		width: auto;
	}
	#header #phone a {
		background-image: url('../images/icon-phone.svg');
		background-color: #DEDEDE;
		background-repeat: no-repeat;
		background-position: center;
		background-size: auto 70%;
    	width: 50px;
    	height: 50px;
    	opacity: 0.5;
    	border-radius: 5px;
	}
	#header #phone a,
	#btn-nav-main {
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
	}
	#header #phone img {
		display: none;
	}
	#main-nav {
		padding: 5px 0 0px 0;
	}
	#main-nav ul {
	    height: 300px;
	    overflow: scroll;
	}
	#main-nav li {
		display: block;
		margin: 0;
	}
	#menu-main .menu-item-634 a {
		width: 100%;
		text-align: center;
		background-position: center;
	}
	#main-nav li a {
	    display: block;
	    font-size: 1.3rem;
	    border-radius: 0px;
	    border-bottom: 1px solid #0D2A50;
	    padding: 14px 0px;
	}
	#main-nav li.current_page_item > a, 
	#main-nav li.current_page_ancestor > a, 
	#main-nav li a:hover {
		background-color: #ff6600;
    	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
		padding: 14px 0px;
    	text-decoration: none;
	}
	.menu-item-634 a {
		background-position: center;
		width: 100%;
	}
	#home-header {
		padding: 20px 20px 22px;
	}
	#home-header ul {
		position: initial;
		margin: 9px 0 5px;
	}
	#page {
		top:220px;
	}
	#page #home-header ul li:first-of-type {
		margin-bottom: 10px;
	}
	#page #home-header ul li {
		margin: 0;
		display: block;
	}
	#home-header ul a { 
		padding: 10px 3px;
	}
	.boxes li {
		display: block;
		width: 100%;
		text-align: center;
	}
	.boxes li h3,
	.boxes li h3 + p {
		text-align: center;
	}
}


@media only screen and (max-width : 700px) {
	#col1-container {
		width: 100%;
		padding: 0px;
	}
	#sidebar-container {
		width: 100%;
		padding: 0;
	}
	#col1.span-17 {
		width: 100%;
		padding: 0 20px;
	}
	#col1.span-17 + #sidebar-container {
		width: 100%;
		padding: 0 10px;
	}
	#sidebar {
		padding: 0 10px;
	}
	#page {
		top: 220px;
	}
	.home-content {
		padding-top: 0px;
	}
	#home-header + .append-bottom + .span-7 {
		padding-left: 10px;
		box-sizing: border-box;
		margin-bottom: 20px;
	}
	.site-content #evalsize2 {
		width: 100%;
	}
	#evalsize2,
	#evalsize2 + div {
		display: inline-block;
		width: 50%;
		margin: 0 -0.25em; 
		box-sizing: border-box;
		vertical-align: top;
	}
	#evalsize2,
	#home-tabs a {
		min-height: 150px;
		height: auto;
		box-sizing: border-box;
		margin-bottom: 0;
	}
	#home-tabs a {
		padding: 15px;
	}
	#home-tabs {
		padding-left: 20px;
	}

}

@media only screen and (max-width : 550px) {
	.post-43 .post-alt .entry > p img {
		float: none;
		max-width: 276px;
		width: 100%;
		height: auto;
		display: inherit;
		margin: 10px auto 10px;
		padding-right: 0px!important;
	}
}

@media only screen and (max-width : 450px) {
	body {
	    background: url("../images/bg.png") repeat-x fixed 0 90px #fff;
	}
	.textwidget,
	li,
	p
	 {
		font-size: 1rem;
	}
	#services li {
		background-position: 1px 5px;
	}
	.site-content h2 {
	    font-size: 20px;
	    line-height: 1.6rem;
	}
	.post-13 #pg-13-1 .textwidget > p:not(:first-of-type) strong,
	.post-13 #pg-13-2 .textwidget > p:not(:first-of-type) strong {
		text-decoration: underline;
	}
	#page.post-13 #pg-13-1 .textwidget > p:last-of-type strong,
	#page.post-13 #pg-13-2 .textwidget > p:last-of-type strong {
		text-decoration: none;
	}
	#pl-13 .so-widget-sow-editor > div > p:last-of-type a {
	    padding: 12px 20px;
	    font-size: 18px;
	}
	#logo a {
		display: block;
	}
	#logo img {
		width: 200px;
		height: auto;
	}
	#promo img {
	    width: 200px;
	    height: auto;
	}
	#page {
		top: 160px;
	}
	#page.site-content {
		top: 130px;
	}
	#header {
		position: relative;
		margin-top: 15px;
		padding-bottom: 8px;
	}
	#header #phone {
		left: 10px;
		top: 0px
	}
	#header #phone a {
		width: 40px;
		height: 40px;
	}
	#home-header {
	    padding: 41px 20px 22px;
	}
	#home-header h1 {
	    font-size: 32px;
	    letter-spacing: -2px;
	    line-height: 2.2rem;
	}
	#home-header h2 {
	    font-size: 22px;
	    line-height: 1.4rem;
	}
	#btn-nav-main {
		width: 43px;
		padding: 5px 6px 8px;
		top: 0;
		right: 10px;
	}
	#menu-txt {
		font-size: 0.5rem;
	}
	#home-header + .append-bottom {
		display: none;
	}
	.page h3,
	.post-8 form h3 {
		font-size: 1.2rem;
		line-height: 1.4rem;
	}
	.post-8 form h3 {
		margin-top: 30px;
	}
	.page h1 {
	    line-height: 1.9rem;
	}
	.wpcf7 .col-3 > *,
	.wpcf7 .col-2 > *,
	.wpcf7 .col-2.radio > *:first-child  {
		width: 100%;
		display: block;
	}
	.wpcf7 input,
	.wpcf7 select {
		width: 100%;
		height: 40px;
	}
	.wpcf7 p {
	    margin: 10px 0 0px;
	}
	.wpcf7 p > span {
	    display: block;
	    color: #BFBFBF;
	    font-size: 0.9rem;
	}
	.wpcf7 h3 + p,
	.wpcf7 h3 + .col-2 > p:first-of-type {
		margin-top: 0px;
	}
	.wpcf7 .col-2.radio > div:last-child {
		margin: 15px 0 0;
	}
	.wpcf7 .col-2 > p:first-of-type,
	.wpcf7 .col-3 > p:not(:last-of-type) {
		padding-right: 0px;
	}
	.wpcf7 .col-2.radio {
		margin-top: 0;
	}
	.wpcf7 .wpcf7-radio {
		display: table;
		width: 100%;
	}
	.wpcf7 input[type="radio"] {
		height: 28px;
	}
	span.wpcf7-list-item > span {
		line-height: 1rem;
    	display: block;
		margin: -16px auto 0;
    	width: 70px;
    	text-align: center;
	}
	.security li {
		padding-top: 60px;
		margin-bottom: 30px;
	}
	.security img {
		left: 50%;
    	top: 0px;
    	margin-left: -30px;
	}
	.security p, 
	.security h3 {
		margin: 0;
		text-align: center;
	}
	#reass {
		margin: 60px 0 80px;
	}
	#reass > div:not(:first-of-type) {
		margin: 30px 0 0;
	}
	#reass p {
		margin: 0;
	}
	#reass .align-left,
	#reass .align-right {
		text-align: center;
	}
	#reass .align-left .item a,
	#reass .align-right .item a {
	    float: none;
	    margin: 0 auto 0;
	}
	.post-46 .col-2 > div {
	    display: block;
	}
	.post-46 .col-2 > div:first-of-type {
	    padding-right: 0px;
	    margin-bottom: 20px;
	}
	.post-46 .col-2 > div p > span:first-of-type {
		width: 120px;
	}
}

@media only screen and (max-width : 400px) {
	#evalsize2, 
	#evalsize2 + div {
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;
	}
	#evalsize2 {
		margin-bottom: 20px;
	}
	#home-tabs {
		padding-left: 0px;
	}
	#home-tabs a {
		min-height: initial;
	}
	#home-header + .append-bottom + .span-7 {
		width: 100%;
	}
	#col1 .span-10 {
		width: 100%;
	}
	.post-8 .macaron, 
	.post-8 .macaron + p {
		display: block;
	    width: 100%;
	    max-width: initial;
	    text-align: center;
	}
	.post-8 .macaron + p {
		padding: 0;
	}
	.post-8 .macaron img {
		float: none;
	}
}

@media only screen and (max-width : 350px) {
	#logo img {
		width: 180px;
		height: auto;
		margin-top: 6px;
	}
	#promo img {
	    width: 190px;
	    height: auto;
	}
}