@import url("https://fonts.googleapis.com/css?family=Montserrat:400,600,700");


/*Изменнные стили для карточек*/
        .slide_photo {
            width: 288px;
        }
		li.photo {
			position: relative;
			display: block;
			width: 288px;
			height: 100%;
			padding: 0px;
		}

		.quiz_image_photo_block {
			width: 288px;
			height: 170px;
			float: left;
            overflow:hidden; /* this is important */ 
            position:relative; /* this is important too */
		}

                
        .quiz_image_photo {
		    width: 288px;
			padding: 0px;
			margin: 0px;
            position:absolute;
            top:0px;
            left:0px;
            border-radius: 20px 20px 20px 20px;
		}
                
		.org_photo{
		 margin:0px;
		}

        
.rating-small-box {
        height: 40px;
        width: 40px;
        background-color:blue;
        position: absolute; 
        bottom: 0px; 
        right: 0px; 
        border-radius: 20px 0px 20px; 
        background: #5199FF; 
        text-align: center;
        z-index: 2;
    }
    .rating-small-date{
        display: inline-block;
        padding-top: 2px;
        font-style: normal; 
        font-weight: 500; 
        font-size: 17px; 
        color: #FFFFFF;
    }
    .rating-small-month1{
        visibility: hidden;
    }
    
    .rating-small-month2{
        position: absolute;
        visibility: visible;
        font-style: normal; 
        font-weight: 500; 
        font-size: 10px; 
        line-height: 10px; 
        color: #FFFFFF;
        top: 24px;
        left: 5px;
    }
    
    .rating-small-week{
        display: inline-block; 
        font-style: normal; 
        font-weight: 500; 
        font-size: 8px; 
        color: #FFFFFF; 
        vertical-align: text-top;
        padding-left: 2px;
    }
    
    .quiz_image_photo {
    height: auto;
    }


@media (min-width: 680px){
    .rating-small-box {
        height: 60px;
        width: 60px;
        background-color:blue;
        position: absolute; 
        bottom: 0px; 
        right: 0px; 
        border-radius: 20px 0px 20px; 
        background: #5199FF; 
        text-align: center; 
        vertical-align: text-top;
    }
    .rating-small-date{
        display: inline-block;
        padding: 0px;
        font-style: normal; 
        font-weight: 500; 
        font-size: 28px; 
        color: #FFFFFF;
    }
    .rating-small-month1{
        float:left;
        display: inline-block;
        visibility: visible;
        font-style: normal; 
        font-weight: 500; 
        font-size: 14px; 
        color: #FFFFFF;
        margin-top: -10px;
        margin-left: 10px;
    }
    .rating-small-month2{
        visibility: hidden;
        line-height: 0px;
    }
    
    .rating-small-week{
        display: inline-block; 
        font-style: normal; 
        font-weight: 500; 
        font-size: 10px; 
        color: #FFFFFF; 
        vertical-align: text-top; 
        padding-left: 2px;
        padding-top: 2px;
    }
    
    .quiz_image_photo {
    height: auto;
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: 0px;
    left: 0px;
}
}