style.css

/*
Theme Name: Zitec Child
Theme URI: https://wordpress.com
Author: Gonga Robert
Author URI: https://wordpress.com
Description: Child Theme Zitec
Template: twentytwenty
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0.0
Text Domain: twentytwenty-child
*/

a{
	text-decoration: none;
}
section{
	    background: #b2cec1;
}

h2,h3{
	font-weight: 500;
	margin: 0;
}

select{
	padding: 2rem 1.5rem;
    padding-right: 3rem;
    border: 3px solid;
	 -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("chevron.svg");
  background-repeat: no-repeat;
  background-position: 90%;
}

.container{
	width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    padding: 0 20px;
}

.filter-wrapper{
	    display: flex;
    align-items: center;
    column-gap: 25px;
	    row-gap: 25px;
    flex-wrap: wrap;
}

.car-post{
	display: block;
	    padding: 20px 0;
	background: #eee;
    margin-top: 50px;
    margin-bottom: 70px;
	text-align: center;
}



.post-title h2{
	background: #bcbcbc;
    margin: 0 20px;
	color: #fafafa;
    padding: 5px 0;
    font-size: 40px;
}

.car-filters{
	display: flex;
    justify-content: space-between;
}

.filter-name{
    margin-top: 15px;
    flex: 0 0 33.333%;
	width: 33.333%;
}

.filter-name h3{
	background: gray;
	    color: #fafafa;
	    margin: 0 20px;
    padding: 5px 0;
    font-weight: 400;
    text-transform: capitalize;
}

#preload-ajax{
	    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
   background: #ffffff8a;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    visibility: hidden;
    opacity: 0;
    z-index: -1;

}

#loader{
    width: 300px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

#preload-ajax.active-loader{
	transition: all 0.5s ease;
    visibility: visible;
    opacity: 1;
    z-index: 2;
}

@media screen and (max-width: 1240px) {
  .car-filters {
     flex-wrap: wrap;
  }
	
	.filter-name{
		flex: 0 0 50%;
		width: 50%;
	}
	
	.filter-name h3{
		font-size: 25px;
	}
}

@media screen and (max-width: 768px) {
	
		.filter-name{
			flex: 0 0 100%;
			width: 100%;
	}
	
	
}