@media screen and (width <= 767px) {
    .product-doors{
        margin-top: 10px !important;
    }
    .doors-container{
        width: 100%;
        display: flex;
        flex-direction: column !important;
        margin-top: 0px !important;
        padding-top: 0px !important;
        justify-content: center !important;
        align-items: center !important;
        
        
    }
    
    .filter-group{
        width: 100% !important;
        min-width: 200px;
        padding: 20px;
        margin-top: 10px !important;
        align-self: flex-start !important;
        flex-basis: 100px;
    }
    .doors-archive{
        column-gap: 10px;
        row-gap: 20px;
    }
    .doors-archive-single{
        width: 200px !important;
    }
    
}

@media screen and (767px < width < 900px){
    .filter-group {
        width: 250px;
        min-width: 250px;
        margin-left: 20px;
    }
    
    .doors-archive{
        row-gap: 30px;
        column-gap: 10px;
    }
    
    .doors-archive-single{
        flex-basis: 140px;
        width: 140px;
    }
}

@media screen and (900px <= width <= 1024px) {
    .doors-container{
        width: 100%;
    }
    
        .filter-group{
        width: 250px;
        min-width: 250px;
        margin-left: 20px;
    }
    
    .doors-archive{
        column-gap: 10px;
        row-gap: 30px;
    }
    .doors-archive-single{
        width: 140px;
        flex-basis: 140px;
    }
} 


@media screen and (1024px <= width <= 1400px){
    .doors-container{
        width: 100%;
        min-width: 100%;
        margin-left: 20px;
        
    }
    .filter-group{
        width: 300px;
        min-width:300px;
    }
    .doors-archive {
        margin-left: 10px !important;
        row-gap: 30px;
        column-gap: 15px;
    }
    .doors-archive-single{
        width: 150px;
        flex-basis: 150px;

    }
    
}
@media screen and (1400px < width ) {
    .doors-container{
        width: 1340px;
    }
    .filter-group{
        width: 300px;
        min-width: 300px;
    }
    
    .doors-archive {
        margin-left: 40px;    
        column-gap: 30px;
    }
    .doors-archive-single{
        width: 200px;
    }
}

    .doors-archive-single{
        display: flex;
        flex-direction:column;
        justify-content: space-between;
        border: 1px solid #e2e7e2;
    }
    
    .cont-thumb{
        width: 130px;
        height: 210px;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items:center;
        margin: 5px 0;
    }
    
    .doors-archive-single img{
        -webkit-user-select: none; /* Safari */
        -ms-user-select: none; /* IE 10 and IE 11 */
        user-select: none; /* Standard syntax */

    }
    
    .doors-archive-single .doors-archive-single-variations{
        width: 100%;
        display:flex;
        flex-direction:row;
        flex-wrap: wrap;
        row-gap: 5px;
        column-gap: 5px;
        justify-content: center;
        align-items:center;
    }
    .doors-archive-single .doors-archive-single-variations span{
        width: 30px;
        padding: 0 !important;
    }
    
    .doors-archive-single .doors-archive-single-variations span img{
        margin: 0 !important;
        padding:0 important;
    }
    
    .doors-archive-single-variations h2{
        border: 1px solid #e2e7e2;
        color: black !important;
        font-size: 20px !important;
        background-color: #e2e7e2;
        
    }
	.product-doors{
		 width: 100%;
		 display: flex;
		 flex-direction: column;
		 justify-content: center;
		 align-items: center;
		 color: black;
		 margin: 50px 0px;
	 }
	 
	 
	 
	 .doors-container{
		 display: flex;
		 flex-direction: row;
		 column-gap: 20px;
		 justify-content: flex-start;
	 }
	 

    .filter-group{
        background-color: #fff;
        border: 3px solid #ccc;
        padding: 1px !important;
        align-self: flex-start;
    }

        .filter-title{
            text-align: center;
            width: 100%;
        }

        .filters-akordiyon{
            list-style-type: none;
            border: 2px solid #ccc;
            margin: 0px;
            padding: 5px;
            background-color: #fff;
        }

        .filters-akordiyon .taxonomy-title{
            font-family: 'Outfit';
            background-color:#eeeeee;
            color: #1c4726 !important;
            width: 100% !important;
            padding: 5px 20px;
            font-weight: 400;
            font-size: 17px;
            border: 1px solid #9fafa1;
            margin-bottom: 5px;
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
			-ms-user-select: none;
            -webkit-user-select: none;
             user-select: none;
            text-shadow: 0.5px 0.75px #6c7b6d;
            transition: 0.5s;
        } 
        
        .filters-akordiyon .taxonomy-title:hover{
            color: black !important;
            background-color: #ccc;
            font-weight: 500;
        }
        
        .filters-akordiyon .taxonomy-title .taxonomy-title-name::first-letter{
            text-transform: uppercase;
        }
        
        .filters-akordiyon li .taxonomy-items ul {
            padding: 0;
        }

        .filters-akordiyon li .taxonomy-items ul li {
            display: flex;
            flex-direction: row;
            column-gap: 20px;
            align-items: center;
            height: 40px;
            overflow: hidden;
            padding-left: 10px;
            font-size: 15px;
            font-weight: 500;
            border-bottom: 1px solid #e2e7e2;
            transition: 0.4s;
        }
        
        .filters-akordiyon li .taxonomy-items ul li span{
            width: 100%;
        }
        .filters-akordiyon li .taxonomy-items ul li:hover{
            background-color: #e2e7e2;
        }
        
        .filters-akordiyon li .taxonomy-items ul li:last-child{
            border: none !important;
        }

        .filters-akordiyon li .taxonomy-items ul li input{
            
            transform: scale(1.5);
            margin-left:22px;
        }

        
        .filters-akordiyon li .taxonomy-items ul li input[type="checkbox"]:checked:enabled{
            background-color: red;
        }   

        .filters-akordiyon li:not(:first-child) .taxonomy-items {
            display: none;
        }

        .taxonomy-title-arrow{
            width: 20px;
            height: 20px;
        }

        .taxonomy-filter-open{

            height: 100%;
            width: 20px;
        }

        .taxonomy-filter-closed{
            height: 100%;
            width: 20px;
        }

        .taxonomy-filter-hide{
            display: none;
        }
        .taxonomy-filter-show{
            display: block;
        }
        
        .doors-archive{
            display: flex;
            flex-direction: row;
            padding: 5px;
            flex-wrap: wrap;
            row-gap: 30px;
        }
        
        .doors-archive .doors-archive-single{
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            overflow: hidden;
        }
        
        .doors-archive .doors-archive-single img {
            margin: 10px;
            width: 130px;
        }
        .doors-archive .doors-archive-single h2{
            color: #1c4726;
            font-size: 20px;
            font-weight: 500;
            text-align: center;
            width: 100%;
            margin-bottom: 0;
            font-family: 'Outfit';font-size: 22px;
        }