/* Normal desktop :992px. */

@media (min-width: 992px) and (max-width: 1200px) {
	
}

@media (max-width: 1199px) {
    
}

/* Tablet desktop :768px. */


@media  (max-width: 991px) {
	
}

@media (min-width: 768px) and (max-width: 991px) {
	
}

/*  Small mobile :320px. */

@media (max-width: 767px) {
    .zPost-item {
        padding: 15px !important;
        border-radius: 15px !important;
        margin-bottom: 20px !important;
    }
    
    .post-content-text.line-clamp-mobile-2 {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    
    .postPhotoItems li {
        aspect-ratio: 16 / 9 !important;
        overflow: hidden !important;
    }
    
    .postPhotoItems li img, 
    .postPhotoItems li video {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .postPhotoItems-one li,
    .postPhotoItems-two li,
    .postPhotoItems-three li,
    .postPhotoItems-multi li {
        height: auto !important;
        max-height: 250px !important;
    }
}

@media (max-width: 575px) {
    .zMainContent {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    
    .zPost-item {
        border-radius: 0 !important;
        border-left: none !important;
        border-right: none !important;
    }
}


/* Large Mobile :577px. */

@keyframes pulse {
    0% { opacity: 0.6; }
    50% { opacity: 1; }
    100% { opacity: 0.6; }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.skeleton-avatar { background: #f1f5f9; }
.skeleton-line { background: #f1f5f9; border-radius: 4px; }
.skeleton-image { background: #f1f5f9; }

.post-skeleton {
    border: 1px solid #ededed;
}