/****************************************************************
Rate Calc
****************************************************************/
@media (max-width: 700px){
    .rate-calc{
        margin-left: -15px !important;
    	margin-right: -15px !important;
    	margin-bottom: -10px;
    	border: none !important;
    	border-radius: 0px !important;
    }

}

/****************************************************************
Ckeditor
****************************************************************/
@media (min-width: 700px){
	/*format photos for column*/
	.okpud-wrap-col > img {
    	-o-object-fit: cover;
    	   object-fit: cover;
    	width: calc(100% - 20px);
    	height: 100%;
    	left: 20px;
    	position: absolute;
    	margin-right: -15px;
	}
}
@media (max-width: 700px){
    .ckeditor-blue-box:not(dd .ckeditor-blue-box) {
        margin: 0px -15px 15px -15px !important;
        padding: 10px !important;
    }
	.okpud-wrap [class^="okpud-wrap-item"] {
		min-width: 100%;
	}


	.ckeditor-accordion-container > dl dd {
    	padding: 0px 8px 0 8px;
	}
    .align-right:not(figure),
    .align-left:not(figure) {
        width: 100%;
    }

    dd img {
        width: 100%;
    }
    .text-formatted img:not(.okpud-img-round img, .image-title-pud, .office-info-box img, img[class^="align-"], figure img ) {
        margin-left: -15px !important;
		margin-right: -15px !important;
		max-width: none;
		width: calc(100% + 30px) !important;
        padding: 0px !important;
		margin-bottom: 15px;
    }

	.text-formatted figure {
		width: 100%;
		padding: 0px;
		margin: 0px;
	}

	.text-formatted figure img{
		width: 100%;
		padding: 0px;
        margin: 0px;
	}

	.okpud-wrap-col{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

}

/****************************************************************
Header
****************************************************************/
@media only screen and (max-width: 800px) {
    .header-full {
        display:none;
    }

    .header-phone {
        display:block !important;

    }

    #header-a {
        height: 30px !important;
    }
	.image-title-pud {
        margin: 0;
        height: 99px !important;
        margin-top: -15px;
    }

    .google-grid-cell svg {
        font-size: 20px;
        opacity: 0.3;
    }
	.google-grid-container {
		border-radius: 0px;
		margin-right: 3px;
		margin-left: 1px;
	}
	.google-search-btn .fontawesome-icon-inline {
    	margin-bottom: -3px;
	}
}

/****************************************************************
Page Layout
****************************************************************/
@media (min-width: 851px){
    .layout-container,
    .region.region-footer {
        max-width: none !important;
    }
	.main-content {
    	position: relative; 
    	float: none; 
	}
}
/****************************************************************
Layout Builder
****************************************************************/
@media (max-width: 640px){
    [class*="layout-p"] {
        padding: 10px;
    }
    .layout__region > div > h2 {
        margin-top: 0px;
    }
	/*.layout__region > div {
    	padding-top: 20px;
    	padding-bottom: 20px;
	}*/
	p.front-page-q {
    	padding-top: 30px;
    	padding-bottom: 30px;
	}
    /*[class*="layout-m"] {
        margin: 0px;
    }*/
}

@media screen and (min-width: 40em) {

    .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first,
    .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second {
        min-width: 50%;
    }

    .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--first,
    .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second{
        min-width: calc(200px + (500 - 250) * ((100vw - 300px) / (1600 - 300)));
        -webkit-box-flex: 0;
            -ms-flex: 0;
                flex: 0;
    }

    .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--second,
    .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--first {
        min-width: 200px;
        width: 100px;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    }

    .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--first,
    .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second {
        min-width: calc(200px + (350 - 250) * ((100vw - 300px) / (1600 - 300)));
        -webkit-box-flex: 0;
            -ms-flex: 0;
                flex: 0
    }

    .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--second,
    .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--first {
        min-width: 200px;
        width: 100px;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    }
	.layout--twocol-section.layout--twocol-section--25-75 > .layout__region--second,
    .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--first {
        min-width: 200px;
        width: 100px;
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
    }

}
@media screen and (max-width: 375 ) {
	.layout--twocol-section.layout--twocol-section--33-67  .layout__region--first,
		background: red;
    }


}
/****************************************************************
Staff Page
****************************************************************/
@media only screen and (max-width: 470px) {
  .staff-row {
    max-width:100%;
    margin-left: 5px;
    margin-right: 5px;
    -webkit-box-flex:1;
        -ms-flex:1;
            flex:1;
  }
}

/****************************************************************
Browser Compatibility
****************************************************************/
.uns-browser {display: none;}
@media all and (-ms-high-contrast:none) {
    #page-wrapper {
        display: none !important;
    }
    .uns-browser {
		display: block !important;
	}
	.loading {
		display: none !important;
	}
}
@media (max-width: 851px){
	table.views-table {
		margin-left: -20px;
    	width: calc(100% + 40px);
		border-radius: 1px;
		font-size: 0.9em;
	}
	dd table.views-table {
    	margin-left: -12px;
    	width: calc(100% + 24px);
	}
	table.views-table th *, 
	table.views-table th {
    	font-size: 12px !important;
	}
	.office-info-box {
    	border-radius: 0px !important;
	}
	.webform-submission-form select,
	.views-exposed-form input {
    	width: 100%;
	}
	.paper.view {
    	margin-left: -10px;
    	margin-right: -10px;
    	padding: 10px;
	}
	.layout-icon-float-left {
    	padding-right: 15px;
    	font-size: 35px;
	}
	.page-title {
    	padding: 10px 5px 10px 5px;
    	font-size: 17px;
    	text-align: center;
    	margin: 0px 0px 15px -15px;
	}
	.fa-2x {
    	font-size: 1.4em;
    	
	}
	.rfb-address {
		font-size: 11px;
	}
	details#captcha {
    	margin-left: -15px;
    	margin-right: -15px;
    	border-radius: .1px;
	}
	details#captcha > .details-wrapper {
    	padding: 8px;
	}
	.neo-gov-wrap {
    	display: none;
	}
	dd .ckeditor-blue-box {
    	margin-left: -8px;
    	margin-right: -8px;
	}
	.xml-text{
		min-width: 100%;
		padding-right: 10px;
		margin-left: -3px;
	}
	.node__content {
    	font-size: .9em;
	}
	.main-content h2 {
    	font-size: 1.1em;
	}
	dd .youtube-embed-wrapper {
		margin-left: -8px;
		margin-right: -8px;
	}
	.button.js-form-submit {
    margin: 0px;
    margin-top: 10px;
}
	.layout-sq-btn ul:not(.contextual-links) li{
		-ms-flex-preferred-size: 75px;
		flex-basis: 75px;
	}
	#fuel-table {
        margin-left: -15px !important;
    }

}
@media (min-width: 640px){
.views-view-grid.horizontal .views-row {
        margin: 0px ;
    padding: 0px ;
    border-bottom: none ;
}
/*
.views-view-grid.horizontal .views-col:last-child {
    padding-left: 15px;
}
*/
}
@media (max-width: 300px){
	 table.views-table {
        font-size: 0.7em;
    }
}

/* iPhone */
@supports (-webkit-touch-callout: none) {
	.views-view-grid .news-col{
		min-width:calc( 100% - 10px );
	}
}