/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 10 2024 | 12:50:21 */
@media only screen and (max-width: 700px) {
	.elementor-post__thumbnail::after{
		top: 40%;
	}
	.elementor-8 .elementor-element.elementor-element-3239b08 .elementor-post__title{
		margin-bottom:0;
	}
        .elementor-nav-menu--dropdown.elementor-nav-menu__container {
        position: fixed;
        width: 100%;
        left: 0;
        top: 107px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        z-index: 9;
    }
	.blogs a.elementor-post__thumbnail__link::after {
    position: absolute!important;
    content: ""!important;
    background: rgb(0 0 0 / 67%)!important;
    width: 100%;
    filter: blur(5px);
    right: 0;
    bottom: 0;
    top: 44%!important;
}
	.ProductHover::after {
    content: url(https://baloni.ir/wp-content/uploads/2024/04/ProductHover.png);
    z-index: 99;
    position: absolute;
    bottom: 0;
       margin: -20px 150px!important;
    display: block;
	opacity:0;
    
}
.ProductHover:hover:after{
	opacity:1;
}
	/*blog*/
	.Category-Blogpost ul {
    float: right;
    width: 100%;
    display: flex !important;
    flex-direction: column !important;
}
	.Category-Blogpost ul li {
 
    margin: 16px 16px 0 16px !important;
}
	.Category-Blogpost ul li a {
    font-family: 'dana';
    font-size: 12px;
    font-weight: 700;
    color: #203373;
    padding: 16px 25px !important;
    display: block;
    text-align: center;
}
}