/* For: Paver Seal Team */
	
	/* [ Custom ] Begins */

	@media all and (min-width: 1000px) {

	  .new-header-3 .team-header{
               margin-top: 40px !important;
           }

	   .new-header-3 .team-header{
              margin-top: 10px !important;
              margin-bottom: 2px !important;
              padding-bottom: 0px !important;
           }

       }

.new-header-3 img{
width: 80%;
margin-left: 10%;
margin-right: 10%;
padding-top: 10px;
}

@media all and (min-width: 1000px) {
.phone-number-right{
padding-right: 35px !important;
}
.phone-number-top{
margin-top: 52px;
padding-bottom: 0px;
margin-bottom: 0px;
}
}

@media all and (max-width: 450px) {

.new-header img{
width: 80% !important;
margin-left: 10% !important;
margin-right: 10% !important;
}
.new-header h4{
padding-left: 10px !important;
padding-right: 10px !important;
}
}
@media all and (min-width: 451px) and (max-width: 600px) {
.new-header > .logo{
width: 40% !important;
margin-left: 30% !important;
margin-right: 30% !important;
}
.section-largest > .section-half{
	width: 50%;
}


.header-image-half > .section-half{
	width: 50%;
}




}



	
		.pagination{
			text-align: center;
			margin-top: 50px;
			margin-bottom: 50px;
		}
		
		.pagination-button-link, .pagination-button-active{
			display: inline-block;
			padding: 5px 20px;
			margin: 10px;
		}
		 
		.what-to-expect{
			text-indent: 10%;
			list-style-position: inside;
		}
		
		.what-to-expect li{
			padding-top: 5px;
			padding-bottom: 5px;
		}
		
		@media all and (min-width: 1366px) and (max-width: 1599px) {
			.what-to-expect{
				text-indent: 18%;
			}
			.what-to-expect li{
			padding-top: 11px;
			padding-bottom: 11px;
		}
		}
		
		@media all and (min-width: 1100px) and (max-width: 1280px) {
			.what-to-expect{
				text-indent: 5%;
			}
		}
		
		@media all and (min-width: 800px) and (max-width: 1099px) {
			.what-to-expect{
				text-indent: 15%;
			}
		}
		
		@media all and (min-width: 700px) and (max-width: 799px) {
			.what-to-expect{
				text-indent: 0%;
				list-style-position: outside;
			}
		}
		
		@media all and (min-width: 500px) and (max-width: 699px) {
			.what-to-expect{
				text-indent: 0%;
				list-style-position: outside;
			}
			.what-to-expect li{
				font-size: 90% !important;
			}
		}
		
		@media all and (max-width: 499px) {
			.what-to-expect{
				text-indent: 0%;
				margin-left: 0px;
				padding-left: 0px;
				list-style-position: outside;
			}
			.what-to-expect li{
				font-size: 80% !important;
			}
		}
		
	
		#bbb{
			width: 150px;
			margin: auto;
		}
		
		.text-label{
			font-weight: bold;
		}
		
		.paver-button{
			padding: 20px;
			display: inline-block;
		}
	
		/* HOME PAVER BEGINS */
		.paver-background{
			width: 100%;
			height: 410px;
		}
		
		.paver-background-section{
			height: 200px;
		}
		
		@media all and (min-width: 1024px) and (max-width: 1280px) {
			.paver-background-section{
				height: 150px;
			}
		}
		@media all and (max-width: 1023px) {
			.paver-background-section{
				height: auto;
			}
		}		
		
		.paver-background .section-paver-1,
			.paver-background .section-paver-2,
			.paver-background .section-paver-3
			{ float: left; padding-left: 2.5%; padding-right: 2.5%; }
		
		.paver-background .section-paver-1{ width: 33% }
		.paver-background .section-paver-2{ width: 35%; }
		.paver-background .section-paver-3{ width: 32%; }
		 
	
		
	
		
		@media all and (max-width: 1023px) { 
		
			.paver-background .section-paver-1,
			.paver-background .section-paver-2,
			.paver-background .section-paver-3
			{ width: 100%; height: 200px; }
			.paver-background #decorative-stone{ background: url(../images/layout/home-paver/p-piece-1.jpg) repeat-x; }
			.paver-background #pavers{ background: url(../images/layout/home-paver/p-piece-2.jpg) repeat-x; }
			.paver-background #travertine{ background: url(../images/layout/home-paver/p-piece-3.jpg) repeat-x; }
			.paver-background-section{ margin-left: 15%; width: 70%; }
			.heading-home{ margin-top: 20px !important; margin-bottom: 0px; }
			
		}
		@media all and (min-width: 2561px){ 	
			.paver-background{ background: url(../images/layout/home-paver/pavers-3000.png) repeat-x; height: 900px; }
		}
		@media all and (min-width: 1921px) and (max-width: 2560px) { 
			.paver-background{ background: url(../images/layout/home-paver/pavers-2560.png) repeat-x; height: 768px; }
		}
		@media all and (min-width: 1681px) and (max-width: 1920px) { 
			.paver-background{ background: url(../images/layout/home-paver/pavers-1920.png) repeat-x; height: 576px; }
		}
		@media all and (min-width: 1601px) and (max-width: 1680px) { 
			.paver-background{ background: url(../images/layout/home-paver/pavers-1680.png) repeat-x; height: 504px; }			
		}
		@media all and (min-width: 1521px) and (max-width: 1600px) { 
			.paver-background{ background: url(../images/layout/home-paver/pavers-1600.png) repeat-x; height: 480px; }
		}	
		@media all and (min-width: 1441px) and (max-width: 1520px) { 
			.paver-background{ background: url(../images/layout/home-paver/pavers-1520.png) repeat-x; height: 480px; }
		}
		@media all and (min-width: 1367px) and (max-width: 1440px) { 
			.paver-background{ background: url(../images/layout/home-paver/pavers-1440.png) repeat-x; height: 432px; }		
		}
		@media all and (min-width: 1331px) and (max-width: 1366px) { 
			.paver-background{ background: url(../images/layout/home-paver/pavers-1366.png) repeat-x; height: 410px; }		
		}
		@media all and (min-width: 1301px) and (max-width: 1330px) { 
			.paver-background{ background: url(../images/layout/home-paver/pavers-1330.png) repeat-x; height: 399px; }		
		}
		@media all and (min-width: 1281px) and (max-width: 1300px) { 
			.paver-background{ background: url(../images/layout/home-paver/pavers-1300.png) repeat-x; height: 390px; }		
		}
		@media all and (min-width: 1241px) and (max-width: 1280px) { 
			.paver-background{ background: url(../images/layout/home-paver/pavers-1280.png) repeat-x; height: 384px; }
		}
		@media all and (min-width: 1211px) and (max-width: 1240px) { 
			.paver-background{ background: url(../images/layout/home-paver/pavers-1240.png) repeat-x; height: 372px; }
		}
		@media all and (min-width: 1151px) and (max-width: 1210px) { 
			.paver-background{ background: url(../images/layout/home-paver/pavers-1210.png) repeat-x; height: 363px; }
		}
		@media all and (min-width: 1121px) and (max-width: 1150px) { 
			.paver-background{ background: url(../images/layout/home-paver/pavers-1150.png) repeat-x; height: 345px; }
		}
		@media all and (min-width: 1101px) and (max-width: 1120px) { 
			.paver-background{ background: url(../images/layout/home-paver/pavers-1120.png) repeat-x; height: 336px; }
		}
		@media all and (min-width: 1051px) and (max-width: 1100px) { 
			.paver-background{ background: url(../images/layout/home-paver/pavers-1100.png) repeat-x; height: 330px; }
		}
		@media all and (min-width: 1025px) and (max-width: 1050px) { 
			.paver-background{ background: url(../images/layout/home-paver/pavers-1050.png) repeat-x; height: 315px; }
		}
		@media all and (min-width: 1024px) and (max-width: 1024px) { 
			.paver-background{ background: url(../images/layout/home-paver/pavers-1024.png) repeat-x; width: 100%; height: 307px; }	
			
		}
		
		@media all and (min-width: 1024px) and (max-width: 1280px) { 
			.paver-background-section h3, .paver-background-section p{ margin: 2px; padding: 2px; }
		}
		
		
		
		/* HOME PAVER ENDS */
	/* [ Custom ] Ends */
	
	/* [ Selectors ] Begins */
	
		body{
			font-family: 'Karla', sans-serif !important;
			font-size: 16px;
		}
		
		#middle{
			font-size: 19px;
		}
		
		h1, h2, h3, h4, h5, h6{
			text-align: center;
		}
		
		h1, .h1{ font-size: 27px; }
		h2, .h2{ font-size: 25px; }
		h3, .h3{ font-size: 22px; }
		h4, .h4{ font-size: 19px; }
		h5, .h5{ font-size: 16px; }
		h6, .h6{ font-size: 13px; }
		
		#middle h3, #middle .h3{ font-size: 22px; margin-top: 2px;  }
		

	
	/* [ Selectors ] Ends */

	/*** [ Tools ] Begins ***/ 	
	
		.toggle{ margin-bottom: 25px;border: 1px solid black; }
		.toggle-title{ cursor: pointer; }
		.toggle-title h3{ margin: 0px; padding: 20px;font-size: 14px; }
		.toggle-content{ display: none; }
		.toggle-content p{ padding: 5px 10px; }
		.toggle-content.default{ display: block; }
	
		.link-button{
			padding: 5px 10px;
			border-radius: 20px;
		}
		
		/* mobile edits begins */
		.mobile-map{ display: none; }		
		@media all and (max-width: 1199px) { .mobile-map{ display: block;} }
		
		.no-mobile-clear{ clear: both; }
		@media all and (min-width: 600px) and (max-width: 999px) { .no-mobile-clear{ display: inline; clear: none; } }
		/* mobile edits ends */
		
		
		/* no border link begin */
		.no-border-link, .no-border-link a{ border: none !important; }
		
		.no-border-link, .no-border-link a{ border: none !important; }
		/* no border link ends */
		
		
		.img, .img-0{ width: 100%; }
		@media all and (min-width: 500px) and (max-width: 800px) { 
			.img-0{ width: 50%; margin-left: 0%; }
			.img{ width: 50%; margin-left: 25%; }
		}
		@media all and (min-width: 801px) and (max-width: 1099px) {	
			.img-0{ width: 50%; margin-left: 0%; }
			.img{ width: 50%; margin-left: 25%; }
		}
		
		
			/* photo gallery begins */
			.photo-top{
				padding-top: 10px;
			}
			.photo-width{
				width: 32%;
				padding-bottom: 10px;
				float: left;
			}
			.photo-width-2{
				width: 49%;
				padding-bottom: 10px;
				float: left;
			}
			.space-mobile-box-5, .block-mobile-box-5{
				width: 2%;
				float: left;
			}
			
			@media all and (min-width: 1px) and (max-width: 599px) { 
			
				.photo-top{
					padding-top: 0px;
				}
				.photo-width{
					width: 100%;
					float: left;
					padding-bottom: 0px;
				}
				.photo-width-2{
					width: 100%;
					float: left;
					padding-bottom: 0px;
				}
				.first-mobile-box-5{
					width: 0%;
					padding-top: 10px;
				}
				.space-mobile-box-5{
					height: 10px;
				}
				.block-mobile-box-5{
					height: 10px;
				}

			}
			@media all and (min-width: 600px) and (max-width: 999px) { 
				
				.photo-top{
					padding-top: 10px;
				}
				.photo-width{
					width: 49%;
					float: left;
					padding-bottom: 0px;
				}
				.photo-width-2{
					width: 49%;
					float: left;
					padding-bottom: 0px;
				}
				.first-mobile-box-5{
					width: 2%;
					height: 10px;
					float: left;
				}
				.space-mobile-box-5{
					width: 2%;
					float: left;
				}
				.block-mobile-box-5{
					width: 0%;
					padding-top: 10px;
					float: left;
				}
			
			}
			
		/* photo gallery ends */
		
		/* tabs begins */
		
			@media all and (min-width: 1000px){
				
				.tabs ul li a{ padding-left: 10px; padding-right: 10px; }
				/* tab width */
				.ui-tabs-vertical > .ui-tabs-nav{ width: 15%; text-indent: 0px; text-align: center; }
				/* section width */
				.side-tabs > .tab-item { width: 85%; padding-left: 20px; }
				
			}
			@media all and (max-width: 1000px){
				
				.side-tabs > .tab-item  .tab-heading{
					padding-top: 20px;
				}
				
			}	
		
		/* tabs ends */
		
		/* form begins */ 
			
			.input-box{
				margin-top: 10px;
				margin-bottom: 10px;
			}
		
		/* form ends */
		
		/* blog begins */
		
			.link-more{
				display: none;
			}
		
			/* Blog Global Container Begins */
				.blog-container{
					width: 100%; 
					padding-left: 5%; 
					padding-right: 5%; 
					margin-bottom: 10px;
				}
				.blog-post{
					width: 100%; 
					min-height: 200px; 
					padding: 2%; 
				
				}
			/* Blog Global Container Ends */

			/* Individual blog begins */
				.blog-post-item{
					margin-top: 10px;
					margin-bottom: 10px;
				}
			/* Individual blog ends */
			
			
			/* blog header begins */ 
				.blog-post-item-time{ text-align: center; }
			/* blog header ends */ 

			/* blog body begins */ 
				.blog-post-item-image{
					width: 15%;
					padding: 2%;
					float: left
				}
				.blog-post-item-image a:hover{
					border: none !important;
				}
				.blog-post-item-image img{
					width: 100% !important;
					height: auto !important;
				}
				.blog-post-item-content{
					width: 85%;
					padding: 2%;
					float: left;
				}
				.blog-post-item-content p{
					text-indent: 20px;
				}
				.blog-post-item-content p:first-child{
					padding-top: 0px;
					margin-top: 0px;
				}
				
				#blog-value{
					padding-left: 3%;
					padding-right: 3%;
				}
				#blog-value img{
					padding-right: 2%;
					padding-bottom: 2%;
					float: left;
				}
				
				@media all and (max-width: 699px) {
					#blog-value img{
						width: 50% !important;
						height: auto !important;
						margin-right: 25% !important;
						margin-left: 25% !important;
					}
				}
				
				@media all and (max-width: 1000px) {
					.blog-post-item h1, .blog-post-item h2, .blog-post-item h3{ font-size: 95%; }
				}
		
				@media all and (min-width: 700px) and (max-width: 1000px) {
					
					.blog-post-item-image{ width: 30%; }
					.blog-post-item-content{ width: 70%; }

				}
				@media all and (min-width: 600px) and (max-width: 699px) {
					
					.blog-post-item-image{ width: 35%; }
					.blog-post-item-content{ width: 65%; }
					
				}
				@media all and (max-width: 599px) {
					
					.blog-post-item-image{ width: 100%; padding-left: 20%; padding-right: 20% }
					.blog-post-item-content{ width: 100%; }
					
					#blog{ padding-bottom: 50px; }
					.blog-container{ padding-left: 2%; padding-right: 2%; }
					.blog-post-item{ border: none; }
	
				}
				
			/* blog body ends */ 
			
		/* blog ends */
		
	/*** [ Tools ] Ends ***/ 
	
	/*** [ Header ] Begins ***/
		
		.header-section-left, .header-section-right, .right-header-section-left, .right-header-section-right, #header .logo{
			float: left;
		}

		.header-section-left{  width: 45%; } 
		.header-section-right{ width: 55%; }
		
		#header .logo{
			width: 80%;
			margin-top: 5px;
			margin-left: 10%;
		} 

		.header-headers{
			font-weight: bold;
			padding-top: 0px;
			margin-top: 0px;
		}
		
		.header-section-right h1{ font-size: 16px !important; margin-top: 20px; }
			
		@media all and (max-width: 499px) {
			.header-headers{
				margin-bottom: 0px;
				padding-bottom: 0px;
				
			}
			#header-hours{
				margin-bottom: 10px;
			}
		}
		
		.social-media-icon{ height: 24px; }
		.social-space{ margin-left: 10px; }
		
		@media all and (max-width: 499px) {
			
			.header-section-left{  width: 100%; }
			.header-section-right{ width: 100%; }
			
			.header-section-left .section-half{	width: 50%;	}
			
			#header .logo{
				width: 80%;
				margin-top: 5px;
				margin-left: 10%;
			}	
			
			.social-media-icon{ height: 32px; }
			.social-space{ margin-left: 25px; }
			
			.header-section-right h1{ font-size: 15px !important; }
			
		}
		@media all and (min-width: 500px) and (max-width: 899px) {
			
			.header-section-left{	width: 100%; }
			.header-section-right{	width: 100%; }
			
			.header-section-left .section-half{	width: 50%;	}
			
			.header-section-right .first-item, .header-section-right .second-item, .header-section-right .first-item{
				padding-left: 1%; padding-right: 1%;
			}
			
			.header-section-right .first-item{ width: 30%; }
			.header-section-right .second-item{ width: 40%; }
			.header-section-right .third-item{ width: 30%; }

			#header .logo{
				width: 60%;
				margin-top: 15px;
				margin-left: 20%;
			}	
			
			.social-media-icon{ height: 28px; }
			.social-space{ margin-left: 20px; }
			
			.header-section-right h1{ font-size: 15px !important; }
			
		}
		@media all and (min-width: 900px) and (max-width: 949px) {
			
			.header-section-left{  width: 40%; } 
			.header-section-right{ width: 60%; }
			
			.header-section-left .section-half{ width: 100%; }
				
		}
		@media all and (min-width: 950px) and (max-width: 999px) {
			
			.header-section-left{  width: 33%; } 
			.header-section-right{ width: 67%; }
			
			.header-section-left .section-half{ width: 100%; }
				
		}
		@media all and (min-width: 1000px) and (max-width: 1099px) {
			
			.header-section-left{  width: 20%; } 
			.header-section-right{ width: 80%; }
			
			.header-section-left .section-half{ width: 100%; }
			
			.header-section-left .section-half img{ width: 90%; padding-left: 5%; padding-right: 5%; }
	
		}
		@media all and (min-width: 1100px) and (max-width: 1199px) {
			
			.header-section-left{  width: 20%; } 
			.header-section-right{ width: 80%; }
			
			.header-section-left .section-half{ width: 100%; margin-left: 0%; padding-left: 0%;margin-right: 0%; padding-right: 0%; }
			
			.header-section-left .section-half img{ width: 100%; padding-left: 20%; padding-right: 20%; }
			
		}
		@media all and (min-width: 1200px) and (max-width: 1299px) {

			.header-section-left{  width: 40%; } 
			.header-section-right{ width: 60%; }
				
		}
		
	/*** [ Header ] Ends ***/
	
	/*** [ Footer ] Begins ***/
		@media all and (max-width: 999px) {
			#footer-nav div{
				margin: 10px 0;
			}
			#footer-nav-2 div{
				margin: 10px 0;
				width: 100% !important;
			}
		}
	/*** [ Footer ] Ends ***/