@media(min-width: 320px) and (max-width: 567px){
	.category-2{
		order: 1;
	}
	.category-1{
		order: 2;
	}
	.category-3{
		order: 3;
	}
	.logo{
		margin-bottom: 20px;
	}
	.logo img{
		max-width: 250px;
	}
	header {
    color: #fff;
    padding: 30px 20px 20px;
}
	.gallery-section {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 10px;

}	
.gallery-heading h2 {
    letter-spacing: 5.15px;
    font-size: 17px;
    line-height: 31px;
}
}
@media(min-width: 567px) and (max-width: 767px){
.gallery-section {
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 10px;

}
	.gallery-heading h2 {
    letter-spacing: 5.15px;
    font-size: 17px;
    line-height: 31px;
}
	
}
@media(min-width: 320px) and (max-width: 767px){
	.category h1 {
    font-size: 25px;
    font-weight: 800;
    line-height: 32px;
}
	.column {
    flex: 0 0 260px;
}
	.gallery-heading {
   width: 100%;
}
	.main {
    margin-right: 0px;
		margin-bottom: 30px;
}
	.gallery-detail {
    max-width: 100%;
}
		.gallery-detail ul li {
    font-size: 16px;
    line-height: 20px;
}
	.gallery-detail p {
    font-size: 16px;
    line-height: 22px;
}
	.btn-gallery a {
    padding: 15px 25px;
    font-size: 12px;
  
}
	.wrapper-single {
    overflow: auto !important;
}
.new-design {
    margin: 0px 15px;
    
}	
.build-patios {
    margin: 0px 15px;
  
}	

.testimonial-area {
    margin: 0px 15px 30px;
  
}
.testimonial-content {
    padding: 2.2rem 0rem 2rem 0rem;
   
}
	.super-heading {
    margin-bottom: 0px;
}
	.new-design h1{
		font-size: 40px;
        line-height: 52px;
	}
	.counter-list {
   
    gap: 20px 40px;
}
	.detail-list p {
    line-height: 20px;
    font-size: 16px;
		    max-width: 250px;
}
	.spaces p {
    font-weight: 200;
    font-size: 16px;
}
	.patiotext  p {

    font-size: 18px;
}
	.fillter-section img {
    width: 28px;
    margin-left: 15px;
}
	.finish {
    font-size: 20px;
    line-height: 27px;
}
}

@media(min-width: 768px) and (max-width: 991px){
		.wrapper-single {
    overflow: auto !important;
}
	.category h1 {
    font-size: 26px;
    font-weight: 800;
    line-height: 32px;
}
		.gallery-heading {
   width: 100%;
}
	.column {
    flex: 0 0 280px;
}
	

	.gallery-section {
    grid-template-columns: repeat(auto-fit, minmax(285px, 1fr));
    gap: 10px;

}
	.wrapper {
    height: 98vh !important;
   
}
	.gallery-heading h2 {
    letter-spacing: 3px;
    font-size: 21px;
    line-height: 31px;
}	
	
	.gallery-detail ul li {
    font-size: 16px;
    line-height: 20px;
}
	.gallery-detail p {
    font-size: 16px;
    line-height: 22px;
}
	.btn-gallery a {
    padding: 15px 25px;
    font-size: 12px;
  
}	
	.detail-list p {
    line-height: 20px;
    font-size: 16px;
		    max-width: 250px;
}
	.spaces p {
    font-weight: 200;
    font-size: 16px;
}
	.patiotext  p {

    font-size: 18px;
}
	.fillter-section img {
    width: 28px;
    margin-left: 15px;
}

}

@media(min-width: 992px) and (max-width: 1199px){
			.gallery-heading {
   width: 100%;
}
.detail-list p {
 font-size: 18px;
}
.counter-list {
    gap: 40px 20px;
}
.column {
    flex: 0 0 300px;
}
		.gallery-section {
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: 10px;

}
	.category h1 {
    font-size: 28px;
    line-height: 32px;
}
	.gallery-detail ul li {
    font-size: 16px;
    line-height: 20px;
}
	.gallery-detail p {
    font-size: 16px;
    line-height: 22px;
}
	.btn-gallery a {
    padding: 15px 25px;
    font-size: 12px;
  
}
.wrapper {
    height: 98vh !important;
   
}
.single-gallery .wrapper-single {
    overflow: auto;
}	
.logo img{
		max-width: 250px;
	}	
.gallery-gridnew{
		height: 97vh !important;
	}	
	
}
@media(min-width: 1200px) and (max-width: 1300px){
.wrapper {
    height: 98vh !important;
   
}
.gallery-gridnew{
		height: 97vh !important;
	}	
.gallery-section {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
	.column {
    flex: 0 0 300px;
}
	.gallery-heading h2 {
    letter-spacing: 7.15px;

}
		.gallery-heading {
    width: 100%;
}
		.gallery-detail ul li {
    font-size: 16px;
    line-height: 20px;
}
	.gallery-detail p {
    font-size: 16px;
    line-height: 22px;
}
	.category h1 {
    font-size: 38px;
    line-height: 41px;
}
	.logo img{
		max-width: 250px;
	}
	
	.gallery-detail {
    max-width: 500px;
    height: 450px;
    overflow-y: auto;
		 overflow-x: hidden;
}
.wrapper-single .main img {
    max-height: 75vh;
 
}	
	.counter-item h3 {
    font-size: 98px;
    line-height: 98px;

}
}
@media(min-width: 1301px) and (max-width: 1434px){
.gallery-section {
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}
	.logo img{
		max-width: 250px;
	}
		.column {
    flex: 0 0 310px;
}
		.gallery-heading h2 {
    letter-spacing: 7.15px;

}
	.gallery-heading {
    width: 100%;
}
			.gallery-detail ul li {
    font-size: 16px;
    line-height: 20px;
}
	.gallery-detail p {
    font-size: 16px;
    line-height: 22px;
}
		.category h1 {
    font-size: 38px;
    line-height: 41px;
}
	.wrapper-single .main img {
    max-height: 75vh;
 
}
		.gallery-detail {
    max-width: 500px;
    height: 568px;
    overflow-y: auto;
		 overflow-x: hidden;
}
		.counter-item h3 {
    font-size: 98px;
    line-height: 98px;

}
}
@media(min-width: 1435px) and (max-width: 1600px){
.gallery-section {
    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));

}
		.counter-item h3 {
    font-size: 98px;
    line-height: 98px;

}

.column {
    flex: 0 0 350px;
}
		.gallery-heading {
    width: 100%;
}
			.gallery-detail ul li {
    font-size: 16px;
    line-height: 20px;
}
	.gallery-detail p {
    font-size: 16px;
    line-height: 22px;
}
		.category h1 {
    font-size: 40px;
    line-height: 44px;
}
	.logo img{
		max-width: 280px;
	}
}
@media(min-width:1601px) and (max-width: 1800px){
.column {
    flex: 0 0 380px;
}
}

@media (min-width: 1600px) {
.counter  .container{
    max-width: 1400px;
}
}



@media (min-width: 1800px) {
.counter  .container{
    max-width: 1600px;
}
}