
/* = Width
---------------------------------------------------- */

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

	/* = Gallery Page
	---------------------------------------------------- */

	.page.gallery .item:nth-child(3n+1){
		clear: none;
	}

	.page.gallery .item:nth-child(2n+1){
		clear: left;
	}

}

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

	/* = Catalog Page
	---------------------------------------------------- */

	.directories .list{
		margin: 0 -18px;
	}

	/* = Front Page
	---------------------------------------------------- */

	.page.home .featured-directories .directory-inner{
		padding-left: 0;
	}

	.page.home .featured-directories .tabs{
		right: 30px;
	}

	/* = Confirmation Page
	---------------------------------------------------- */

	.page.confirmation .left-column{
		padding-right: 70px;
		padding-left: 0;
	}

	/* = Site Footer
	---------------------------------------------------- */

	.site-footer .wrap{
		padding: 0 5px;
	}

	.bottom-navigation li a{
		padding: 5px 25px;
	}

	.copyrights{
		margin: 20px 25px 0;
	}

}

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

	/* = Site Header
	---------------------------------------------------- */

	.site-navigation .wrap{
		padding: 0 5px;
	}

	.site-navigation ul{
		padding-right: 127px;
	}

	.site-navigation li a{
		padding: 20px 25px;
	}

	/* = Front Page
	---------------------------------------------------- */

	.page.home .testimonial{
		padding: 0 20px;
	}

	.page.home .testimonial-inner{
		padding: 35px 40px 40px;
	}

	/* = Catalog Page
	---------------------------------------------------- */

	.directories .filters{
		padding: 40px 0 35px;
	}

	.directories .filters .notice{
		margin-bottom: 30px;
		padding: 0 4.5%;
	}

	.directories .filters .column{
		padding: 0 4.5% 15px;
	}

	/* = Directory Page
	---------------------------------------------------- */

	.page.directory .options .grades .grade{
		padding-bottom: 67px;
	}

	.page.directory .options .grades.row-3 .grade{
		width: 50%;
	}

	.page.directory .options .grades.row-3 .grade:nth-child(3){
		border-top: 1px solid #dedede;
	}

	.page.directory .options .grades.row-3 .grade:nth-child(2n+1){
		border-right: 1px solid #dedede;
	}

	.page.directory .options .grades.row-3 .grade:nth-child(3n+1),
	.page.directory .options .grades.row-3 .grade:nth-child(3n+2){
		border-right: none;
	}

	.page.directory .options .grades .grade .price{
		bottom: 30px;
	}

	.page.directory .options .managements.row-4 .management{
		width: 50%;
	}

	.page.directory .options .managements.row-4 .management:nth-child(3),
	.page.directory .options .managements.row-4 .management:nth-child(4){
		border-top: 1px solid #dedede;
	}

	.page.directory .options .managements.row-4 .management:nth-child(4n+1),
	.page.directory .options .managements.row-4 .management:nth-child(4n+2),
	.page.directory .options .managements.row-4 .management:nth-child(4n+3){
		border-right: none;
	}

	.page.directory .options .managements.row-4 .management:nth-child(2n+1){
		border-right: 1px solid #dedede;
	}

	/* = Shortcodes
	---------------------------------------------------- */

	.white-container.padding-big{
		padding: 70px 100px 60px;
	}

	/* = Site Footer
	---------------------------------------------------- */

	.site-footer .wrap{
		padding: 0 10px;
	}

	.bottom-navigation li a{
		padding: 5px 20px;
	}

	.copyrights{
		margin: 20px 20px 0;
	}

}

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

	/* = Site Header
	---------------------------------------------------- */

	.site-logo{
		height: 61px;
		padding-left: 480px;
		background-position: 0 -95px;
	}

	.site-header .button{
		margin-top: 7px;
	}

	.site-navigation .wrap{
		padding: 0 10px;
	}

	.site-navigation ul{
		padding-right: 122px;
	}

	.site-navigation li a{
		padding: 18px 20px;
	}

	/* = Home Page
	---------------------------------------------------- */

	.page.home .featured-directories .tabs{
		width: auto;
		background-color: #dcdcdc;
		position: static;
		bottom: auto;
		right: auto;
	}

	.page.home .featured-directories .tab{
		width: 33.33%;
		margin-top: 0;
		display: table;
		float: left;
	}

	.page.home .featured-directories .tab:nth-child(3n+1),
	.page.home .featured-directories .tab:nth-child(3n+2){
		border-right: 1px solid #e6e6e6;
	}

	.page.home .featured-directories .tab:nth-child(n+4){
		border-top: 1px solid #e6e6e6;
	}

	.page.home .featured-directories .tab span{
		vertical-align: middle;
		display: table-cell;
	}

	/* = Directory Page
	---------------------------------------------------- */

	.page.directory .options h2{
		padding-top: 60px;
	}

	.page.directory .options h2 .title{
		padding: 15px 20px;
	}

	.page.directory .options h2 .arrow{
		width: 50%;
	}

	.page.directory .options h2 .arrow.prev{
		padding: 14px 20px 10px 42px;
	}

	.page.directory .options h2 .arrow.next{
		padding: 14px 42px 10px 20px;
	}

	.page.directory .options .section h3{
		text-align: center;
	}

	.page.directory .options .screens .section-help{
		text-align: center;
	}

	.page.directory .options .managements.row-3 .management{
		width: 50%;
	}

	.page.directory .options .managements.row-3 .management:nth-child(3){
		border-top: 1px solid #dedede;
	}

	.page.directory .options .managements.row-3 .management:nth-child(3n+1),
	.page.directory .options .managements.row-3 .management:nth-child(3n+2){
		border-right: none;
	}

	.page.directory .options .managements.row-3 .management:nth-child(2n+1){
		border-right: 1px solid #dedede;
	}

	.page.directory .options .form .gform_fields li{
		margin-bottom: 15px;
	}

	.page.directory .options .form .gform_fields .name,
	.page.directory .options .form .gform_fields .email,
	.page.directory .options .form .gform_fields .phone,
	.page.directory .options .form .gform_fields .address,
	.page.directory .options .form .gform_fields .city{
		width: 47.6%;
	}

	.page.directory .options .form .gform_fields .zip,
	.page.directory .options .form .gform_fields .state{
		width: 22.35%;
	}

	.page.directory .options .form .gform_fields .name,
	.page.directory .options .form .gform_fields .phone,
	.page.directory .options .form .gform_fields .city{
		margin-right: 4.8%;
	}

	.page.directory .options .form .gform_fields .email,
	.page.directory .options .form .gform_fields .address{
		margin-right: 0;
	}

	.page.directory .options .form .gform_fields .zip{
		margin-right: 2.9%;
	}

	.page.directory .summary h3{
		padding: 15px 20px;
	}

	.page.directory .summary .block-title{
		padding: 11px 20px 10px;
	}

	/* = Confirmation Page
	---------------------------------------------------- */

	.page.confirmation .left-column{
		padding-right: 50px;
	}

	.page.confirmation .right-column{
		padding: 50px 40px 25px;
	}

	/* = About Page
	---------------------------------------------------- */

	.page.about .key-features-inner{
		padding: 70px 60px 35px;
	}

	/* = Shortcodes
	---------------------------------------------------- */

	.white-container.padding-big{
		padding: 60px 60px 45px;
	}

	/* = Site Footer
	---------------------------------------------------- */

	.site-footer .wrap{
		padding: 0 15px;
	}

	.bottom-navigation li a{
		padding: 5px 15px;
	}

	.copyrights{
		margin: 20px 15px 0;
	}

}

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

	/* = Document Setup
	---------------------------------------------------- */

	h1{
		font-size: 50px;
		line-height: 54px;
	}

	h2{
		font-size: 32px;
		line-height: 36px;
	}

	h3{
		font-size: 26px;
		line-height: 28px;
	}

	select,
	input[type="tel"],
	input[type="text"],
	input[type="email"],
	input[type="number"],
	input[type="password"],
	input[type="search"]{
		padding: 10px 18px;
		height: 46px;
	}

	textarea{
		padding: 10px 18px;
	}

	/* = Core Classes
	---------------------------------------------------- */

	.checkbox{
		margin: 4px 12px 3px 0;
	}

	/* = Page Header
	---------------------------------------------------- */

	.page-header.page.big .page-header-outer{
		min-height: 420px;
	}

	.page-header.directory .page-header-outer{
		min-height: 420px;
	}

	.page-header .page-title{
		line-height: 60px;
		font-size: 63px;
	}

	.page-header.directory .page-excerpt{
		line-height: 28px;
		font-size: 18px;
	}

	/* = Front Page
	---------------------------------------------------- */

	.page.home .page-content{
		padding-bottom: 35px;
		padding-top: 60px;
	}

	.page.home .featured-directories .title{
		font-size: 42px;
		line-height: 46px;
		padding: 25px 0;
	}

	.page.home .featured-directories .directory{
		padding-bottom: 60px;
		padding-top: 45px;
	}

	.page.home .featured-directories .directory-title{
		line-height: 49px;
		font-size: 52px;
	}

	.page.home .featured-directories .tab{
		font-size: 21px;
		line-height: 25px;
		padding: 11px 30px;
	}

	.page.home .testimonials{
		padding-bottom: 70px;
		padding-top: 60px;
	}

	.page.home .testimonials h3{
		line-height: 54px;
		font-size: 50px;
	}

	.page.home .testimonial{
		padding: 0 15px;
	}

	.page.home .testimonial-inner{
		padding: 30px 25px;
	}

	.page.home .testimonials .button{
		margin-top: 50px;
	}

	/* = Catalog Page
	---------------------------------------------------- */

	.directories{
		padding: 50px 0;
	}

	.directories h1{
		margin-bottom: 35px;
	}

	.directories .filters{
		padding: 30px 0 25px;
		margin-bottom: 25px;
	}

	.directories .filters .notice{
		font-size: 24px;
		line-height: 27px;
		margin-bottom: 25px;
		text-align: left;
	}

	.directories .filters .column{
		width: 50%;
	}

	.directories .filters .column.second{
		border-right: none;
	}

	.directories .filters .column.third{
		clear: left;
	}

	.directories .list{
		margin: 0 -10px;
	}

	.directories .directory{
		width: 50%;
		margin-bottom: 20px;
		padding: 0 10px;
	}

	.directories .directory:nth-child(2n+1){
		clear: left;
	}

	.directories .directory:nth-child(3n+1){
		clear: none;
	}

	.directories .directory-thumb{
		padding: 30px 10px;
	}

	.directories .directory-outer{
		padding: 25px 25px 30px;
	}

	.directories .directory-title{
		line-height: 27px;
		font-size: 22px;
	}

	.directories .directory-sizes{
		line-height: 22px;
		font-size: 14px;
	}

	.directories .directory-price{
		margin-bottom: 8px;
		font-size: 22px;
	}

	/* = Directory Page
	---------------------------------------------------- */

	.page.directory .promo-area .slogan{
		line-height: 54px;
		font-size: 44px;
	}

	.page.directory .directory-form{
		padding-right: 310px;
	}

	.page.directory .options h2{
		line-height: 41px;
		font-size: 32px;
	}

	.page.directory .options .group{
		margin-bottom: 30px;
	}

	.page.directory .options .section h3{
		padding: 15px 25px;
	}

	.page.directory .options .radio-buttons{
		display: none;
	}

	.page.directory .options .drop-down{
		display: block;
	}

	.page.directory .options .grades .grade{
		padding: 25px 25px 60px;
	}

	.page.directory .options .grades.row-2 .grade,
	.page.directory .options .grades.row-3 .grade{
		width: 100%;
	}

	.page.directory .options .grades.row-2 .grade:nth-child(2),
	.page.directory .options .grades.row-3 .grade:nth-child(2){
		border-top: 1px solid #dedede;
	}

	.page.directory .options .grades.row-2 .grade:nth-child(2n+1),
	.page.directory .options .grades.row-3 .grade:nth-child(2n+1){
		border-right: none;
	}

	.page.directory .options .grades .grade .price{
		bottom: 25px;
		left: 25px;
	}

	.page.directory .options .screens .section-inner{
		padding: 30px 15px 3px;
	}

	.page.directory .options .screens .screen{
		padding: 0 10px;
	}

	.page.directory .options .screens .screen .title{
		font-size: 22px;
	}

	.page.directory .options .screens .section-help{
		padding: 0 25px 18px;
	}

	.page.directory .options .templates.row-2 .template{
		width: 100%;
	}

	.page.directory .options .templates.row-2 .template:nth-child(2){
		border-top: 1px solid #dedede;
	}

	.page.directory .options .templates.row-2 .template:nth-child(2n+1){
		border-right: none;
	}

	.page.directory .options .templates .template .image{
		margin: 4px 20px 8px 0;
		float: left;
	}

	.page.directory .options .templates .template.landscape .image{
		width: 40%;
	}

	.page.directory .options .templates .template.portrait .image{
		width: 28%;
	}

	.page.directory .options .managements .management{
		padding: 25px 25px 55px;
	}

	.page.directory .options .managements.row-2 .management,
	.page.directory .options .managements.row-3 .management,
	.page.directory .options .managements.row-4 .management{
		width: auto;
		float: none;
	}

	.page.directory .options .managements.row-2 .management:nth-child(2),
	.page.directory .options .managements.row-3 .management:nth-child(2),
	.page.directory .options .managements.row-4 .management:nth-child(2){
		border-top: 1px solid #dedede;
	}

	.page.directory .options .managements.row-2 .management:nth-child(2n+1),
	.page.directory .options .managements.row-3 .management:nth-child(2n+1),
	.page.directory .options .managements.row-4 .management:nth-child(2n+1){
		border-right: none;
	}

	.page.directory .options .managements .management .price{
		left: 25px;
	}

	.page.directory .options .installations .section-inner,
	.page.directory .options .plans .section-inner,
	.page.directory .options .government .section-inner{
		padding: 18px 25px;
	}

	.page.directory .options .form .section-inner{
		padding: 25px;
	}

	.page.directory .options .form .gform_fields textarea{
		height: 130px;
	}

	.page.directory .summary{
		margin-right: -310px;
	}

	/* = Confirmation Page
	---------------------------------------------------- */

	.page.confirmation .page-content{
		padding-bottom: 65px;
		padding-top: 60px;
	}

	.page.confirmation .left-column{
		padding-right: 40px;
	}

	.page.confirmation .right-column{
		padding: 45px 30px 20px;
		line-height: 28px;
		font-size: 22px;
	}

	/* = About Page
	---------------------------------------------------- */

	.page.about .page-content{
		padding-bottom: 55px;
		padding-top: 65px;
	}

	.page.about .white-container:first-child{
		margin-top: -65px;
	}

	.page.about .key-features .wrap{
		padding: 0;
	}

	.page.about .key-features-inner{
		padding: 60px 50px 30px;
	}

	.page.about .feature-icon{
		top: 5px;
	}

	.page.about .feature-title{
		margin-bottom: 20px;
		line-height: 32px;
		font-size: 26px;
	}

	/* = Default Page
	---------------------------------------------------- */

	.page.default .page-content{
		padding-bottom: 80px;
		padding-top: 60px;
	}

	/* = Shortcodes
	---------------------------------------------------- */

	.faq{
		margin-bottom: 30px;
	}

	.faq .faq-title{
		padding-left: 18px;
	}

	.faq .faq-text{
		padding-top: 0;
	}

	.subheader-text.big{
		margin-bottom: 30px;
		line-height: 40px;
	}

	.white-container{
		margin: 0 -30px 27px;
	}

	/* = Page Footer
	---------------------------------------------------- */

	.bottom-section{
		padding-top: 60px;
		padding-bottom: 65px;
	}

	.bottom-section .logo{
		margin-bottom: 40px;
	}

	.bottom-section .title{
		font-size: 40px;
		line-height: 44px;
	}

	.bottom-section .text{
		font-size: 20px;
		line-height: 30px;
		padding: 0 10px;
	}

	.bottom-section .button{
		margin-top: 40px;
	}

	/* = Site Footer
	---------------------------------------------------- */

	.site-footer{
		padding-top: 25px;
		padding-bottom: 30px;
	}

	.bottom-navigation li,
	.site-footer .phone{
		font-size: 22px;
	}

	.copyrights{
		margin-top: 15px;
	}

}

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

	/* = Directory Page
	---------------------------------------------------- */

	.page.directory .options .templates .template.landscape .title.desktop{
		display: none;
	}

	.page.directory .options .templates .template.landscape .title.mobile{
		display: block;
	}

	/* = Gallery Page
	---------------------------------------------------- */

	.page.gallery .item{
		width: 50%;
	}

	.page.gallery .item .overlay{
		padding-top: 29px;
	}

	.page.gallery .item .icon{
		top: 120px;
	}

	.page.gallery .item .bottom{
		bottom: 24px;
	}

}

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

	/* = Site Header
	---------------------------------------------------- */

	.site-navigation .wrap{
		padding: 0 15px;
	}

	.site-navigation ul{
		padding-right: 117px;
	}

	.site-navigation li a{
		padding: 16px 15px;
	}

	/* = Site Footer
	---------------------------------------------------- */

	.bottom-navigation li a{
		padding: 5px 15px;
	}

}

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

	/* = Gallery Page
	---------------------------------------------------- */

	.page.gallery .item .icon{
		top: 115px;
	}

}

@media only screen and (min-width: 768px){

	/* = Site Header
	---------------------------------------------------- */

	.site-navigation{
		display: block !important;
	}

	.site-header .button{
		display: block !important;
	}

}

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

	/* = Document Setup
	---------------------------------------------------- */

	body{
		font-size: 16px;
		line-height: 24px;
	}

	h1{
		font-size: 42px;
		line-height: 46px;
		margin-bottom: 25px;
	}

	h2{
		font-size: 28px;
		line-height: 32px;
		margin-bottom: 20px;
	}

	h3{
		font-size: 24px;
		line-height: 27px;
		margin-bottom: 15px;
	}

	h4{
		font-size: 22px;
	}

	select,
	textarea,
	input[type="tel"],
	input[type="text"],
	input[type="email"],
	input[type="number"],
	input[type="password"],
	input[type="search"]{
		line-height: 23px;
		font-size: 15px;
	}

	select,
	input[type="tel"],
	input[type="text"],
	input[type="email"],
	input[type="number"],
	input[type="password"],
	input[type="search"]{
		padding: 9px 16px;
		height: 43px;
	}

	textarea{
		padding: 9px 16px;
	}

	input[type="button"],
	input[type="submit"]{
		font-size: 18px;
		line-height: 44px;
		padding: 0 25px;
	}

	hr{
		width: 170px;
		margin: 25px auto 35px;
	}

	/* = Core Classes
	---------------------------------------------------- */

	.wrap{
		padding: 0 20px;
	}

	.checkbox{
		margin: 3px 10px 2px 0;
	}

	/* = Site Header
	---------------------------------------------------- */

	.site-header-main{
		background-color: #d4d4d4;
		padding-bottom: 11px;
		padding-top: 17px;
	}

	body.mobile-menu .site-header-main{
		padding-bottom: 64px;
		position: fixed;
		right: 0;
		left: 0;
		top: 0;
	}

	.site-logo{
		height: 33px;
		padding-left: 254px;
		background-position: 0 -157px;
	}

	.site-header .button{
		font-size: 14px;
		line-height: 20px;
		padding: 7px 23px;
		margin-top: 0;

		position: absolute;
		display: none;
		left: 20px;
		top: 58px;
	}

	.navigation-button{
		display: block;
	}

	.site-navigation{
		background-color: rgba(0,0,0,0.9);
		position: fixed;
		display: none;
		top: 114px;
		bottom: 0;
		right: 0;
		left: 0;
	}

	.site-navigation .wrap{
		padding: 0;
	}

	.site-navigation ul{
		padding: 20px 0 80px;
	}

	.site-navigation li{
		font-size: 21px;
		line-height: 26px;
		float: none;
	}

	.site-navigation li a{
		padding: 4px 20px;
	}

	.site-navigation li:hover a,
	.site-navigation li.current_page_item a,
	.site-navigation li.current-menu-item a,
	.site-navigation li.current_page_parent a,
	.site-navigation li.current-menu-parent a,
	.site-navigation li.current-page-ancestor a,
	.site-navigation li.current-menu-ancestor a{
		background-color: rgba(206,8,16,0.9);
	}

	.site-header .social-buttons{
		left: 20px;
		bottom: 28px;
		position: fixed;
		right: auto;
		top: auto;
	}

	/* = Site Main
	---------------------------------------------------- */

	body.mobile-menu .site-main{
		padding-top: 61px;
	}

	/* = Page Header
	---------------------------------------------------- */

	.page-header{
		padding: 30px 0;
	}

	.page-header.page.big .page-header-outer{
		min-height: 360px;
	}

	.page-header.page.normal .page-header-outer{
		min-height: 300px;
	}

	.page-header.directory .page-header-outer{
		min-height: 360px;
		width: 100%;
	}

	.page-header .page-title{
		line-height: 48px;
		font-size: 50px;
	}

	.page-header.directory .page-excerpt{
		line-height: 26px;
		font-size: 16px;
	}

	.page-header.directory .button{
		margin-top: 10px;
	}

	/* = Page Content
	---------------------------------------------------- */

	.page-content p{
		margin-bottom: 24px;
	}

	.page-content ol,
	.page-content ul{
		margin-bottom: 24px;
	}

	.page-content li{
		padding-right: 35px;
		left: 35px;
	}

	.page-content blockquote{
		margin-left: 35px;
	}

	.page-content blockquote p{
		margin-bottom: 15px;
	}

	.page-content .contact-phones{
		text-align: center;
		padding-top: 10px;
	}

	/* = Contact Forms
	---------------------------------------------------- */

	.gform_fields li{
		margin-bottom: 15px;
	}

	.gform_fields li .gfield_label{
		line-height: 24px;
		font-size: 18px;
	}

	.ask-question{
		margin: 0 -20px;
		padding: 25px 20px 35px;
	}

	.ask-question .gform_fields li select,
	.ask-question .gform_fields li textarea,
	.ask-question .gform_fields li input[type="tel"],
	.ask-question .gform_fields li input[type="text"],
	.ask-question .gform_fields li input[type="email"],
	.ask-question .gform_fields li input[type="number"],
	.ask-question .gform_fields li input[type="password"]{
		padding: 9px 16px;
	}

	.ask-question .gform_fields li select,
	.ask-question .gform_fields li input[type="tel"],
	.ask-question .gform_fields li input[type="text"],
	.ask-question .gform_fields li input[type="email"],
	.ask-question .gform_fields li input[type="number"],
	.ask-question .gform_fields li input[type="password"]{
		height: 43px;
	}

	.ask-question .gform_fields li textarea{
		height: 99px;
	}

	.ask-question .gform_footer{
		margin-top: 25px;
	}

	.ask-question .gform_footer input{
		padding: 0 45px;
	}

	.request-quote{
		margin: 0 -20px;
		padding: 15px 20px 35px;
	}

	.request-quote .gform_fields li select,
	.request-quote .gform_fields li textarea,
	.request-quote .gform_fields li input[type="tel"],
	.request-quote .gform_fields li input[type="text"],
	.request-quote .gform_fields li input[type="email"],
	.request-quote .gform_fields li input[type="number"],
	.request-quote .gform_fields li input[type="password"]{
		padding: 9px 16px;
	}

	.request-quote .gform_fields li select,
	.request-quote .gform_fields li input[type="tel"],
	.request-quote .gform_fields li input[type="text"],
	.request-quote .gform_fields li input[type="email"],
	.request-quote .gform_fields li input[type="number"],
	.request-quote .gform_fields li input[type="password"]{
		height: 43px;
	}

	.request-quote .gform_fields li textarea{
		height: 99px;
	}

	.request-quote .gform_footer{
		margin-top: 25px;
	}

	.request-quote .gform_footer input{
		padding: 0 45px;
	}

	/* = Front Page
	---------------------------------------------------- */

	.page.home .page-content{
		padding-bottom: 30px;
		padding-top: 40px;
	}

	.page.home .white-container:last-child{
		margin-bottom: -30px;
	}

	.page.home .featured-directories .title{
		display: none;
	}

	.page.home .featured-directories .directory{
		padding-bottom: 45px;
		padding-top: 40px;
	}

	.page.home .featured-directories .directory-inner{
		padding-left: 0;
		width: 100%;
	}

	.page.home .featured-directories .directory-title{
		line-height: 43px;
		font-size: 46px;
	}

	.page.home .featured-directories .directory-excerpt{
		font-size: 14px;
		line-height: 21px;
		padding: 15px 22px 5px;
		margin-top: 25px;
	}

	.page.home .featured-directories .directory .button{
		margin-top: 25px;
	}

	.page.home .featured-directories .tab{
		font-size: 18px;
		line-height: 21px;
		padding: 10px 25px;
		width: 50%;
	}

	.page.home .featured-directories .tab:nth-child(3n+1),
	.page.home .featured-directories .tab:nth-child(3n+2){
		border-right: none;
	}

	.page.home .featured-directories .tab:nth-child(2n+1){
		border-right: 1px solid #e6e6e6;
	}

	.page.home .featured-directories .tab:nth-child(n+3){
		border-top: 1px solid #e6e6e6;
	}

	.page.home .testimonials{
		padding-bottom: 50px;
		padding-top: 45px;
	}

	.page.home .testimonials h3{
		line-height: 46px;
		font-size: 42px;
	}

	.page.home .testimonial{
		width: auto;
		float: none;
		margin-bottom: 20px;
		padding: 0;
	}

	.page.home .testimonial .author{
		line-height: 25px;
		font-size: 20px;
	}

	.page.home .testimonial .text{
		line-height: 24px;
		font-size: 15px;
	}

	.page.home .testimonials .button{
		margin-top: 15px;
	}

	/* = Catalog Page
	---------------------------------------------------- */

	.directories{
		padding: 40px 0;
	}

	.directories h1{
		margin-bottom: 30px;
	}

	.directories .filters .notice{
		font-size: 20px;
		line-height: 24px;
		margin-bottom: 20px;
	}

	.directories .filters .column-title{
		line-height: 24px;
		font-size: 21px;
	}

	.directories .directory-thumb{
		padding: 20px 10px;
	}

	.directories .directory-outer{
		padding: 20px 20px 25px;
	}

	.directories .directory-title{
		line-height: 25px;
		font-size: 20px;
	}

	.directories .directory-sizes{
		line-height: 20px;
		font-size: 12px;
	}

	.directories .directory-price{
		margin-bottom: 6px;
		font-size: 20px;
	}

	/* = Directory Page
	---------------------------------------------------- */

	.page.directory .promo-area .slogan{
		line-height: 48px;
		font-size: 40px;
	}

	.page.directory .directory-form{
		padding-bottom: 40px;
		padding-right: 0;
	}

	.page.directory .options{
		width: auto;
		float: none;
	}

	.page.directory .options h2{
		padding-top: 47px;
		line-height: 28px;
		font-size: 26px;
	}

	.page.directory .options h2 .title{
		padding: 12px 20px;
	}

	.page.directory .options h2 .arrow.prev{
		padding: 10px 10px 6px 33px;
	}

	.page.directory .options h2 .arrow.next{
		padding: 10px 33px 6px 10px;
	}

	.page.directory .options h2 .arrow.prev:before,
	.page.directory .options h2 .arrow.prev:after{
		left: 11px;
	}

	.page.directory .options h2 .arrow.next:before,
	.page.directory .options h2 .arrow.next:after{
		right: 11px;
	}

	.page.directory .options h2 .arrow .pre{
		line-height: 18px;
		font-size: 18px;
	}

	.page.directory .options h2 .arrow .label{
		line-height: 13px;
		font-size: 13px;
	}

	.page.directory .options .group{
		margin-bottom: 20px;
	}

	.page.directory .options .section h3{
		font-size: 21px;
		line-height: 27px;
		padding: 10px 20px;
	}

	.page.directory .options .radio-buttons p{
		margin-bottom: 8px;
	}

	.page.directory .options .radio-buttons label{
		line-height: 25px;
		font-size: 20px;
	}

	.page.directory .options .radio-buttons label strong{
		margin-left: 4px;
		font-size: 28px;
	}

	.page.directory .options .grades .grade{
		padding: 20px 20px 60px;
		line-height: 22px;
		font-size: 16px;
	}

	.page.directory .options .grades .grade .title{
		margin-bottom: 10px;
	}

	.page.directory .options .grades .grade .description p{
		margin-bottom: 8px;
	}

	.page.directory .options .grades .grade .price{
		font-size: 22px;
		line-height: 27px;
		bottom: 20px;
		left: 20px;
	}

	.page.directory .options .screens .section-inner{
		padding: 20px 15px 3px;
	}

	.page.directory .options .screens .screen{
		padding: 0 5px;
	}

	.page.directory .options .screens .screen .title{
		font-size: 20px;
	}

	.page.directory .options .screens .section-help{
		padding: 0 20px 18px;
	}

	.page.directory .options .templates .template{
		padding: 20px;
		line-height: 22px;
		font-size: 16px;
	}

	.page.directory .options .templates .template .description p{
		margin-bottom: 8px;
	}

	.page.directory .options .managements .management{
		padding: 20px 20px 45px;
		line-height: 20px;
		font-size: 14px;
	}

	.page.directory .options .managements.row-2 .management,
	.page.directory .options .managements.row-3 .management,
	.page.directory .options .managements.row-4 .management{
		width: 50%;
		float: left;
	}

	.page.directory .options .managements.row-2 .management:nth-child(2),
	.page.directory .options .managements.row-3 .management:nth-child(2),
	.page.directory .options .managements.row-4 .management:nth-child(2){
		border-top: none;
	}

	.page.directory .options .managements.row-2 .management:nth-child(2n+1),
	.page.directory .options .managements.row-3 .management:nth-child(2n+1),
	.page.directory .options .managements.row-4 .management:nth-child(2n+1){
		border-right: 1px solid #dedede;
	}

	.page.directory .options .managements .management .title{
		line-height: 24px;
		font-size: 20px;
	}

	.page.directory .options .managements .management .description{
		display: none;
	}

	.page.directory .options .managements .management .price{
		font-size: 21px;
		line-height: 24px;
		bottom: 20px;
		left: 20px;
	}

	.page.directory .options .installations .section-inner,
	.page.directory .options .plans .section-inner,
	.page.directory .options .government .section-inner{
		padding: 18px 20px;
	}

	.page.directory .options .plans .excerpt{
		margin-bottom: 10px;
	}

	.page.directory .options .form h2 .arrow.next{
		display: block;
	}

	.page.directory .options .form .section-inner{
		padding: 20px;
	}

	.page.directory .options .form .gform_fields li{
		margin-bottom: 10px;
	}

	.page.directory .options .form .gform_fields textarea{
		height: 100px;
	}

	.page.directory .options .form .excerpt{
		margin-top: 20px;
		line-height: 20px;
		font-size: 14px;
	}

	.page.directory .options .form .excerpt p{
		margin-bottom: 15px;
	}

	.page.directory .summary{
		width: auto;
		padding-top: 30px;
		margin-right: 0;
		float: none;
	}

	.page.directory .summary .sticky{
		width: auto;
	}

	.page.directory .summary h3{
		padding: 12px 20px;
		line-height: 28px;
		font-size: 26px;
	}

	.page.directory .summary .block-title{
		padding: 9px 20px 8px;
	}

	.page.directory .summary .block-content{
		padding-right: 15px;
	}

	.page.directory .summary .terms{
		font-size: 14px;
	}

	/* = Confirmation Page
	---------------------------------------------------- */

	.page.confirmation .page-content{
		border-top: 1px solid #cacaca;
		background-color: #fff;
		padding-bottom: 45px;
		padding-top: 40px;
	}

	.page.confirmation .page-content-inner{
		padding-right: 0;
	}

	.page.confirmation .left-column{
		font-size: 14px;
		line-height: 22px;
		padding-right: 0;
		float: none;
	}

	.page.confirmation .left-column p{
		margin-bottom: 22px;
	}

	.page.confirmation .right-column{
		line-height: 24px;
		font-size: 20px;

		width: auto;
		margin: 0 -20px 35px;
		padding: 40px 20px 15px;
		float: none;
	}

	/* = About Page
	---------------------------------------------------- */

	.page.about .page-content{
		padding-bottom: 35px;
		padding-top: 45px;
	}

	.page.about .white-container:first-child{
		margin-top: -45px;
	}

	.page.about .key-features-inner{
		padding: 50px 40px 25px;
	}

	.page.about .key-feature{
		width: auto;
		min-height: 105px;
		padding: 0 0 25px 100px;
		float: none;
	}

	.page.about .feature-icon{
		width: 80px;
		top: 1px;
	}

	.page.about .feature-title{
		margin-bottom: 15px;
		line-height: 26px;
		font-size: 22px;
	}

	.page.about .feature-excerpt{
		line-height: 19px;
		font-size: 14px;
	}

	/* = Gallery Page
	---------------------------------------------------- */

	.page.gallery{
		padding-bottom: 20px;
	}

	.page.gallery hr{
		margin-bottom: 45px;
	}

	.page.gallery .item{
		width: auto;
		max-width: 360px;
		padding: 0 0 30px;
		float: none;
	}

	.page.gallery .item-inner{
		margin-bottom: 22px;
	}

	/* = Default Page
	---------------------------------------------------- */

	.page.default .page-content{
		padding-bottom: 50px;
		padding-top: 40px;
	}

	.page.default .page-content:first-child{
		border-top: 1px solid #b6b6b6;
	}

	/* = Shortcodes
	---------------------------------------------------- */

	.button{
		font-size: 18px;
		line-height: 24px;
		padding: 9px 25px;
	}

	.one-half,
	.one-third,
	.two-third,
	.one-fourth,
	.three-fourth,
	.one-fifth,
	.two-fifth,
	.three-fifth,
	.four-fifth,
	.one-sixth,
	.five-sixth{
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
		float: none;
	}

	.faq{
		margin-bottom: 25px;
	}

	.faq .faq-title{
		width: auto;
		margin: 0 0 10px;
		padding-left: 16px;
		float: none;
	}

	.faq .faq-title:before{
		top: 2px;
	}

	.faq .faq-text{
		width: auto;
		float: none;
	}

	.feature{
		padding-bottom: 15px;
	}

	.feature .feature-icon{
		margin-bottom: 15px;
	}

	.feature .feature-title{
		margin-bottom: 10px;
	}

	.subheader-text.big,
	.subheader-text.normal{
		font-size: 24px;
		line-height: 36px;
		letter-spacing: 0.02em;
		font-family: 'BebasNeueBook';
		margin-bottom: 25px;
		margin-top: 0;
	}

	.font-size-10, .font-size-11, .font-size-12,
	.font-size-13, .font-size-14, .font-size-15,
	.font-size-16, .font-size-17, .font-size-18,
	.font-size-19, .font-size-20, .font-size-21,
	.font-size-22, .font-size-23, .font-size-24,
	.font-size-25, .font-size-26, .font-size-27,
	.font-size-28, .font-size-29, .font-size-30,
	.font-size-31, .font-size-32, .font-size-33,
	.font-size-34, .font-size-35, .font-size-36,
	.font-size-37, .font-size-38, .font-size-39,
	.font-size-40, .font-size-41, .font-size-42,
	.font-size-43, .font-size-44, .font-size-45,
	.font-size-46, .font-size-47, .font-size-48,
	.font-size-49, .font-size-50, .font-size-51,
	.font-size-52, .font-size-53, .font-size-54,
	.font-size-55, .font-size-56, .font-size-57,
	.font-size-58, .font-size-59, .font-size-60,
	.font-size-61, .font-size-62, .font-size-63,
	.font-size-64, .font-size-65, .font-size-66,
	.font-size-67, .font-size-68, .font-size-69,
	.font-size-70, .font-size-71, .font-size-72,
	.font-size-73, .font-size-74, .font-size-75,
	.font-size-76, .font-size-77, .font-size-78,
	.font-size-79, .font-size-80, .font-size-81,
	.font-size-82, .font-size-83, .font-size-84,
	.font-size-85, .font-size-86, .font-size-87,
	.font-size-88, .font-size-89, .font-size-90{
		font-size: inherit;
	}

	.line-height-10, .line-height-11, .line-height-12,
	.line-height-13, .line-height-14, .line-height-15,
	.line-height-16, .line-height-17, .line-height-18,
	.line-height-19, .line-height-20, .line-height-21,
	.line-height-22, .line-height-23, .line-height-24,
	.line-height-25, .line-height-26, .line-height-27,
	.line-height-28, .line-height-29, .line-height-30,
	.line-height-31, .line-height-32, .line-height-33,
	.line-height-34, .line-height-35, .line-height-36,
	.line-height-37, .line-height-38, .line-height-39,
	.line-height-40, .line-height-41, .line-height-42,
	.line-height-43, .line-height-44, .line-height-45,
	.line-height-46, .line-height-47, .line-height-48,
	.line-height-49, .line-height-50, .line-height-51,
	.line-height-52, .line-height-53, .line-height-54,
	.line-height-55, .line-height-56, .line-height-57,
	.line-height-58, .line-height-59, .line-height-60,
	.line-height-61, .line-height-62, .line-height-63,
	.line-height-64, .line-height-65, .line-height-66,
	.line-height-67, .line-height-68, .line-height-69,
	.line-height-70, .line-height-71, .line-height-72,
	.line-height-73, .line-height-74, .line-height-75,
	.line-height-76, .line-height-77, .line-height-78,
	.line-height-79, .line-height-80, .line-height-81,
	.line-height-82, .line-height-83, .line-height-84,
	.line-height-85, .line-height-86, .line-height-87,
	.line-height-88, .line-height-89, .line-height-90{
		line-height: inherit;
	}

	.white-container.padding-big,
	.white-container.padding-normal{
		padding: 50px 40px 35px;
		margin: 0 -20px 24px;
	}

	.desktop-content{
		display: none;
	}

	.mobile-content{
		display: block;
	}

	.space{
		padding-top: 0 !important;
	}

	/* = Page Footer
	---------------------------------------------------- */

	.bottom-section{
		padding-top: 50px;
		padding-bottom: 55px;
	}

	.bottom-section .logo{
		margin-bottom: 30px;
	}

	.bottom-section .title{
		font-size: 30px;
		line-height: 34px;
	}

	.bottom-section .text{
		font-size: 18px;
		line-height: 28px;
	}

	.bottom-section .button{
		margin-top: 30px;
	}

	/* = Site Footer
	---------------------------------------------------- */

	.site-footer{
		padding-top: 20px;
		padding-bottom: 25px;
	}

	.bottom-navigation ul{
		padding: 0 0 15px 0;
		border-bottom: 1px solid #4e4e4e;
		margin-bottom: 18px;
	}

	.bottom-navigation li{
		line-height: 27px;
		font-size: 20px;
	}

	.bottom-navigation li a{
		padding: 3px 20px;
	}

	.site-footer .phone,
	.site-footer .social-buttons{
		position: static;
		float: left;
		right: auto;
		top: auto;
	}

	.site-footer .phone{
		margin-left: 20px;
		margin-right: 45px;
		font-size: 20px;
	}

	.site-footer .social-buttons{
		padding-top: 2px;
	}

	.copyrights{
		margin: 15px 20px 0;
	}

	.copyrights .owner{
		display: none;
	}

	.copyrights .developer{
		float: none;
	}

}

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

	/* = Directory Page
	---------------------------------------------------- */

	.page.directory .promo-area{
		padding-top: 0;
		display: block;
	}

	.page.directory .promo-area div{
		display: block;
	}

	.page.directory .promo-area .thumb{
		width: auto;
		border-right: none;
		margin: 0 -20px 30px;
		padding: 0;
	}

	.page.directory .promo-area .thumb img{
		margin: 0 auto;
	}

	.page.directory .promo-area .slogan{
		text-align: center;
		padding-left: 0;
	}

	.page.directory .back-button{
		text-align: center;
		padding-bottom: 28px;
		padding-top: 23px;
	}

}

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

	/* = Core Classes
	---------------------------------------------------- */

	.alignleft,
	.alignright{
		margin: 0 0 20px;
		float: none;
	}

	img.alignleft,
	img.alignright{
		display: block;
	}

	/* = Catalog Page
	---------------------------------------------------- */

	.directories .filters{
		padding: 30px 20px 25px;
		margin-bottom: 15px;
	}

	.directories .filters .notice{
		padding: 0;
	}

	.directories .filters .column{
		width: auto;
		max-width: 300px;
		margin-bottom: 20px;
		padding: 0;
		float: none;
	}

	.directories .filters .column.first{
		border-right: none;
	}

	.directories .filters .slider-box .ui-slider{
		margin-bottom: 50px;
	}

	.directories .filters .buttons{
		text-align: left;
	}

	.directories .directory{
		width: auto;
		margin-bottom: 10px;
		float: none;
	}

}

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

	/* = Document Setup
	---------------------------------------------------- */

	body{
		font-size: 15px;
		line-height: 23px;
	}

	h1{
		font-size: 36px;
		line-height: 40px;
		margin-bottom: 20px;
	}

	h2{
		font-size: 26px;
		line-height: 30px;
		margin-bottom: 15px;
	}

	h3{
		font-size: 22px;
		margin-bottom: 10px;
	}

	h4{
		font-size: 20px;
	}

	select,
	textarea,
	input[type="tel"],
	input[type="text"],
	input[type="email"],
	input[type="number"],
	input[type="password"],
	input[type="search"]{
		line-height: 21px;
		font-size: 14px;
	}

	select,
	input[type="tel"],
	input[type="text"],
	input[type="email"],
	input[type="number"],
	input[type="password"],
	input[type="search"]{
		padding: 8px 15px;
		height: 39px;
	}

	textarea{
		padding: 8px 15px;
	}

	input[type="button"],
	input[type="submit"]{
		font-size: 16px;
		line-height: 40px;
		padding: 0 20px;
	}

	hr{
		width: 136px;
		margin: 20px auto 28px;
		border-bottom-width: 2px;
	}

	/* = Core Classes
	---------------------------------------------------- */

	.checkbox{
		margin: 1px 8px 0 0;
	}

	/* = Page Header
	---------------------------------------------------- */

	.page-header{
		padding: 20px 0;
	}

	.page-header.page.big .page-header-outer,
	.page-header.page.normal .page-header-outer,
	.page-header.directory .page-header-outer{
		min-height: 250px;
	}

	.page-header .page-title{
		line-height: 39px;
		font-size: 40px;
	}

	.page-header.directory .page-excerpt{
		margin-top: 10px;
		line-height: 24px;
		font-size: 14px;
	}

	.page-header.directory .button{
		margin-top: 0;
	}

	/* = Contact Forms
	---------------------------------------------------- */

	.gform_fields li{
		margin-bottom: 10px;
	}

	.gform_fields li .gfield_label{
		line-height: 22px;
		font-size: 16px;
	}

	.ask-question .gform_fields li select,
	.ask-question .gform_fields li textarea,
	.ask-question .gform_fields li input[type="tel"],
	.ask-question .gform_fields li input[type="text"],
	.ask-question .gform_fields li input[type="email"],
	.ask-question .gform_fields li input[type="number"],
	.ask-question .gform_fields li input[type="password"]{
		padding: 9px 15px;
	}

	.ask-question .gform_fields li select,
	.ask-question .gform_fields li input[type="tel"],
	.ask-question .gform_fields li input[type="text"],
	.ask-question .gform_fields li input[type="email"],
	.ask-question .gform_fields li input[type="number"],
	.ask-question .gform_fields li input[type="password"]{
		height: 41px;
	}

	.ask-question .gform_footer{
		margin-top: 20px;
	}

	.ask-question .gform_footer input{
		padding: 0 30px;
	}

	.request-quote .gform_fields li select,
	.request-quote .gform_fields li textarea,
	.request-quote .gform_fields li input[type="tel"],
	.request-quote .gform_fields li input[type="text"],
	.request-quote .gform_fields li input[type="email"],
	.request-quote .gform_fields li input[type="number"],
	.request-quote .gform_fields li input[type="password"]{
		padding: 9px 15px;
	}

	.request-quote .gform_fields li select,
	.request-quote .gform_fields li input[type="tel"],
	.request-quote .gform_fields li input[type="text"],
	.request-quote .gform_fields li input[type="email"],
	.request-quote .gform_fields li input[type="number"],
	.request-quote .gform_fields li input[type="password"]{
		height: 41px;
	}

	.request-quote .gform_footer{
		margin-top: 20px;
	}

	.request-quote .gform_footer input{
		padding: 0 30px;
	}

	/* = Front Page
	---------------------------------------------------- */

	.page.home .page-content{
		padding: 30px 0;
	}

	.page.home .featured-directories .title{
		font-size: 20px;
		line-height: 24px;
		padding: 20px 0;
	}

	.page.home .featured-directories .directory{
		padding: 35px 0;
	}

	.page.home .featured-directories .directory-title{
		line-height: 37px;
		font-size: 40px;
	}

	.page.home .featured-directories .directory-excerpt{
		font-size: 12px;
		line-height: 16px;
		padding: 11px 15px 1px;
		margin-top: 20px;
	}

	.page.home .featured-directories .directory .button{
		margin-top: 20px;
	}

	.page.home .featured-directories .tab{
		font-size: 15px;
		line-height: 18px;

		width: 100%;
		padding: 8px 20px;
		float: none;
	}

	.page.home .featured-directories .tab:nth-child(2n+1){
		border-right: none;
	}

	.page.home .featured-directories .tab:nth-child(n+2){
		border-top: 1px solid #e6e6e6;
	}

	.page.home .testimonials{
		padding-bottom: 40px;
		padding-top: 35px;
	}

	.page.home .testimonials h3{
		line-height: 40px;
		font-size: 36px;
	}

	.page.home .testimonial .author{
		line-height: 24px;
		font-size: 18px;
	}

	.page.home .testimonial .text{
		line-height: 19px;
		font-size: 12px;
	}

	.page.home .testimonials .button{
		margin-top: 0;
	}

	/* = Catalog Page
	---------------------------------------------------- */

	.directories{
		padding: 30px 0;
	}

	.directories h1{
		margin-bottom: 25px;
	}

	.directories .filters .notice{
		line-height: 22px;
		font-size: 18px;
	}

	.directories .filters p .checkbox{
		margin: 3px 8px 2px 0;
	}

	.directories .directory{
		font-size: 15px;
	}

	.directories .directory-thumb{
		padding: 10px;
	}

	.directories .directory-title{
		margin-bottom: 2px;
		line-height: 22px;
		font-size: 18px;
	}

	.directories .directory-sizes{
		line-height: 19px;
		font-size: 11px;
	}

	.directories .directory-price{
		margin-bottom: 5px;
		font-size: 18px;
	}

	/* = Directory Page
	---------------------------------------------------- */

	.page.directory .page-content .wrap{
		padding: 0 10px;
	}

	.page.directory .promo-area .thumb{
		margin: 0 -10px 30px;
	}

	.page.directory .promo-area .slogan{
		line-height: 42px;
		font-size: 36px;
	}

	.page.directory .directory-form{
		padding-bottom: 30px;
	}

	.page.directory .options h2{
		padding-top: 41px;
		line-height: 26px;
		font-size: 24px;
	}

	.page.directory .options h2 .title{
		padding: 9px 20px;
	}

	.page.directory .options h2 .arrow.prev{
		padding: 7px 5px 3px 30px;
	}

	.page.directory .options h2 .arrow.next{
		padding: 7px 30px 3px 5px;
	}

	.page.directory .options h2 .arrow.prev:before,
	.page.directory .options h2 .arrow.prev:after{
		left: 9px;
	}

	.page.directory .options h2 .arrow.next:before,
	.page.directory .options h2 .arrow.next:after{
		right: 9px;
	}

	.page.directory .options .section h3{
		font-size: 18px;
		line-height: 24px;
		padding: 10px 18px;
	}

	.page.directory .options .radio-buttons p{
		margin-bottom: 6px;
	}

	.page.directory .options .radio-buttons label{
		line-height: 22px;
		font-size: 17px;
	}

	.page.directory .options .radio-buttons label strong{
		margin-left: 3px;
		font-size: 24px;
	}

	.page.directory .options .grades .grade{
		padding: 15px 18px 45px;
		line-height: 18px;
		font-size: 13px;
	}

	.page.directory .options .grades .grade .title{
		margin-bottom: 6px;
	}

	.page.directory .options .grades .grade .description p{
		margin-bottom: 6px;
	}

	.page.directory .options .grades .grade .price{
		font-size: 21px;
		line-height: 24px;
		bottom: 15px;
		left: 18px;
	}

	.page.directory .options .screens .section-inner{
		padding: 15px 10px 1px;
	}

	.page.directory .options .screens .screen{
		padding: 0 2px;
	}

	.page.directory .options .screens .screen .title{
		font-size: 18px;
	}

	.page.directory .options .screens .section-help{
		padding: 0 12px 15px;
	}

	.page.directory .options .templates .template{
		padding: 15px 18px;
	}

	.page.directory .options .templates .template .image{
		margin: 3px 14px 5px 0;
	}

	.page.directory .options .templates .template .description p{
		margin-bottom: 6px;
	}

	.page.directory .options .managements .management{
		padding: 15px 18px 40px;
	}

	.page.directory .options .managements .management .price{
		font-size: 18px;
		line-height: 21px;
		bottom: 18px;
		left: 18px;
	}

	.page.directory .options .installations .section-inner,
	.page.directory .options .plans .section-inner,
	.page.directory .options .government .section-inner{
		padding: 10px 12px;
	}

	.page.directory .options .plans .excerpt{
		line-height: 18px;
		font-size: 13px;
	}

	.page.directory .options .form .section-inner{
		padding: 18px 12px;
	}

	.page.directory .options .form .gform_fields .name,
	.page.directory .options .form .gform_fields .email,
	.page.directory .options .form .gform_fields .phone,
	.page.directory .options .form .gform_fields .address,
	.page.directory .options .form .gform_fields .city{
		margin-right: 0;
		width: 100%;
	}

	.page.directory .options .form .gform_fields .zip,
	.page.directory .options .form .gform_fields .state{
		width: 47.5%;
	}

	.page.directory .options .form .gform_fields .zip{
		margin-right: 5%;
	}

	.page.directory .options .form .gform_fields textarea{
		height: 85px;
	}

	.page.directory .options .form .excerpt{
		margin-top: 12px;
		line-height: 14px;
		font-size: 12px;
	}

	.page.directory .options .form .excerpt p{
		margin-bottom: 10px;
	}

	.page.directory .summary{
		padding-top: 20px;
	}

	.page.directory .summary h3{
		padding: 9px 20px;
		line-height: 26px;
		font-size: 24px;
	}

	.page.directory .summary .block-title{
		padding: 7px 20px;
	}

	/* = Confirmation Page
	---------------------------------------------------- */

	.page.confirmation .page-content{
		padding-bottom: 30px;
		padding-top: 25px;
	}

	.page.confirmation .left-column{
		line-height: 21px;
		font-size: 13px;
	}

	.page.confirmation .left-column p{
		margin-bottom: 21px;
	}

	.page.confirmation .right-column{
		line-height: 21px;
		font-size: 18px;
	}

	/* = About Page
	---------------------------------------------------- */

	.page.about .page-content{
		padding: 30px 0;
	}

	.page.about .white-container:first-child{
		margin-top: -30px;
	}

	.page.about .key-features-inner{
		padding: 45px 30px 25px;
	}

	.page.about .feature-icon{
		top: 0;
	}

	.page.about .feature-title{
		margin-bottom: 10px;
		line-height: 20px;
		font-size: 18px;
	}

	.page.about .feature-excerpt{
		line-height: 16px;
		font-size: 12px;
	}

	/* = Gallery Page
	---------------------------------------------------- */

	.page.gallery{
		padding-bottom: 10px;
		padding-top: 35px;
	}

	.page.gallery h1{
		margin-bottom: 10px;
	}

	.page.gallery hr{
		margin-bottom: 40px;
		margin-top: 10px;
	}

	/* = Default Page
	---------------------------------------------------- */

	.page.default .page-content{
		padding: 30px 0;
	}

	/* = Shortcodes
	---------------------------------------------------- */

	.button{
		font-size: 16px;
		line-height: 22px;
		padding: 8px 20px;
	}

	.button.with-margins{
		margin-right: 15px;
		margin-left: 15px;
	}

	.faq{
		margin-bottom: 20px;
	}

	.faq .faq-title{
		font-size: 21px;
		line-height: 24px;
		margin-bottom: 8px;
		padding-left: 13px;
	}

	.faq .faq-title:before{
		top: 1px;
	}

	.feature .feature-title{
		font-size: 18px;
		line-height: 22px;
	}

	.feature .feature-text{
		font-size: 12px;
		line-height: 17px;
	}

	.subheader-text.big,
	.subheader-text.normal{
		font-size: 21px;
		line-height: 31px;
		margin-bottom: 20px;
	}

	.white-container.padding-big,
	.white-container.padding-normal{
		padding: 40px 30px 25px;
		margin: 0 -20px 23px;
	}

	/* = Page Footer
	---------------------------------------------------- */

	.bottom-section{
		padding: 45px 0;
	}

	.bottom-section .logo{
		width: 226px;
		height: 29px;
		background-position: left bottom;
		margin-bottom: 25px;
	}

	.bottom-section .title{
		font-size: 20px;
		line-height: 24px;
		margin-bottom: 20px;
	}

	.bottom-section .text{
		font-size: 14px;
		line-height: 24px;
	}

	.bottom-section .button{
		margin-top: 25px;
	}

	/* = Site Footer
	---------------------------------------------------- */

	.bottom-navigation li{
		line-height: 25px;
		font-size: 18px;
	}

	.site-footer .phone{
		font-size: 18px;
	}

}

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

	/* = Document Setup
	---------------------------------------------------- */

	h1{
		font-size: 32px;
		line-height: 36px;
	}

	select,
	input[type="tel"],
	input[type="text"],
	input[type="email"],
	input[type="number"],
	input[type="password"],
	input[type="search"]{
		padding: 6px 13px;
		height: 35px;
	}

	textarea{
		padding: 6px 13px;
	}

	input[type="button"],
	input[type="submit"]{
		font-size: 15px;
		line-height: 36px;
		padding: 0 18px;
	}

	/* = Core Classes
	---------------------------------------------------- */

	.wrap{
		padding: 0 15px;
	}

	/* = Site Header
	---------------------------------------------------- */

	.navigation-button{
		right: 6px;
	}

	/* = Contact Forms
	---------------------------------------------------- */

	.ask-question .gform_fields li select,
	.ask-question .gform_fields li textarea,
	.ask-question .gform_fields li input[type="tel"],
	.ask-question .gform_fields li input[type="text"],
	.ask-question .gform_fields li input[type="email"],
	.ask-question .gform_fields li input[type="number"],
	.ask-question .gform_fields li input[type="password"]{
		padding: 8px 13px;
	}

	.ask-question .gform_fields li select,
	.ask-question .gform_fields li input[type="tel"],
	.ask-question .gform_fields li input[type="text"],
	.ask-question .gform_fields li input[type="email"],
	.ask-question .gform_fields li input[type="number"],
	.ask-question .gform_fields li input[type="password"]{
		height: 39px;
	}

	.request-quote .gform_fields li select,
	.request-quote .gform_fields li textarea,
	.request-quote .gform_fields li input[type="tel"],
	.request-quote .gform_fields li input[type="text"],
	.request-quote .gform_fields li input[type="email"],
	.request-quote .gform_fields li input[type="number"],
	.request-quote .gform_fields li input[type="password"]{
		padding: 8px 13px;
	}

	.request-quote .gform_fields li select,
	.request-quote .gform_fields li input[type="tel"],
	.request-quote .gform_fields li input[type="text"],
	.request-quote .gform_fields li input[type="email"],
	.request-quote .gform_fields li input[type="number"],
	.request-quote .gform_fields li input[type="password"]{
		height: 39px;
	}

	/* = Front Page
	---------------------------------------------------- */

	.page.home .featured-directories .directory-title{
		line-height: 33px;
		font-size: 36px;
	}

	.page.home .testimonials h3{
		line-height: 36px;
		font-size: 32px;
	}

	/* = Catalog Page
	---------------------------------------------------- */

	.directories .filters .button{
		min-width: 100px;
		font-size: 15px;
	}

	.directories .filters .button.reset{
		margin-left: 0;
		float: right;
	}

	/* = Directory Page
	---------------------------------------------------- */

	.page.directory .page-content .wrap{
		padding: 0 8px;
	}

	.page.directory .promo-area .thumb{
		margin: 0 -8px 25px;
	}

	.page.directory .promo-area .slogan{
		line-height: 37px;
		font-size: 32px;
	}

	.page.directory .back-button{
		padding-bottom: 23px;
		padding-top: 18px;
	}

	.page.directory .directory-form{
		padding-bottom: 20px;
	}

	/* = Gallery Page
	---------------------------------------------------- */

	.page.gallery .item .title{
		font-size: 20px;
		line-height: 23px;
		height: 69px;
	}

	.page.gallery .item .icon{
		width: 49px;
		height: 49px;
		margin-left: -25px;
		background-position: left bottom;
		top: 120px;
	}

	.page.gallery .item .label{
		line-height: 16px;
		font-size: 15px;
	}

	.page.gallery .item .button{
		padding: 6px 18px;
	}

	/* = Shortcodes
	---------------------------------------------------- */

	.button{
		font-size: 15px;
		padding: 6px 18px;
	}

	.white-container.padding-big,
	.white-container.padding-normal{
		padding: 30px 20px 15px;
	}

	/* = Site Footer
	---------------------------------------------------- */

	.bottom-navigation li a{
		padding: 3px 10px;
	}

	.site-footer .phone{
		margin-right: 30px;
		margin-left: 10px;
	}

	.copyrights{
		margin: 15px 10px 0;
	}

}

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

	/* = Gallery Page
	---------------------------------------------------- */

	.page.gallery .item .icon{
		top: 110px;
	}

}

/* = Height
---------------------------------------------------- */

@media only screen and (max-height: 380px){

	body.mobile-menu .site-header-main{
		padding-bottom: 11px;
	}

	.site-header .button{
		display: none !important;
	}

	.site-navigation{
		top: 61px;
	}

	.site-header .social-buttons{
		bottom: 20px;
	}

}

@media only screen and (max-height: 340px){

	.site-header .social-buttons{
		display: none;
	}

}