@media (min-width:320px){

    .content{
        height: 410px;
    }
    .content-img img {
        width: 83%;
        height: 40%;
        margin: 6% 0% 0% 0%;
    }
    .content-text .content-title {
        font-size: 12px;
    }
    .content-text .content-subtitle  {
        font-size: 10px;
    }
    .content-text .content-paragraph {
        font-size: 8px;
        margin: 2px 0px 6px -27px;
        width: 148%;
    }
    .content-text {
        margin: -39% 0% 0% 0%;
    }
    .button-sm {
        padding: 2px 5px;
        font-size: 7px;
        line-height: 16px;
        margin: 0px 0px 3px 0px;
    }
    .share {
        margin: 3px -43px 0px 0px;
    }
    .share p {
        font-weight: 600;
        font-size: 10px;
    }
    .fa-share-alt {
        font-size: 15px;
        padding: 3px;
        margin: -5px 0px 0px 5px;
        }
    .fa-thumbs-up {
        font-size: 15px;
        padding: 3px;
        margin: -5px 0px 0px 5px;
        }

}
@media (max-width:360px){
    .content-img img {
        width: 83%;
        height: 40%;
        margin: 6% 0% 0% 0%;
    }
    .content-text .content-title {
        font-size: 12px;
    }
    .content-text .content-subtitle  {
        font-size: 10px;
    }
    .content-text .content-paragraph {
        font-size: 8px;
        margin: 2px 0px 6px -27px;
        width: 148%;
    }
    .content-text {
        margin: -39% 0% 0% 0%;
    }
    .button-sm {
        padding: 2px 5px;
        font-size: 7px;
        line-height: 16px;
        margin: 0px 0px 3px 0px;
    }
    .share {
        margin: 3px -43px 0px 0px;
    }
    .share p {
        font-weight: 600;
        font-size: 10px;
    }
    .fa-share-alt {
        font-size: 15px;
        padding: 3px;
        margin: -5px 0px 0px 5px;
        }
    .fa-thumbs-up {
        font-size: 15px;
        padding: 3px;
        margin: -5px 0px 0px 5px;
        }
}

@media (max-width:568px){
.content {
    height: 405px;
}
}

@media (min-width:361px) and (max-width:480px){
    .content{
        height: 448px;
    }
    .content-img img {
        width: 83%;
        height: 50%;
        margin: 6% 0% 0% 0%;
    }
    .content-text .content-title {
        font-size: 13px;
        margin: -10px 0px 0px 0px;
    }
    .content-text .content-subtitle  {
        font-size: 11px;
    }
    .content-text .content-paragraph {
        font-size: 9px;
        margin: 2px 0px 6px -27px;
        width: 148%;
    }
    .content-text {
        margin: -39% 0% 0% 0%;
    }
    .button-sm {
        padding: 2px 5px;
        font-size: 8px;
        line-height: 16px;
        margin: 0px 0px 3px 0px;
    }
    .share {
        margin: 3px -17px 0px 0px;
    }
    .share p {
        font-weight: 600;
        font-size: 10px;
    }
    .fa-share-alt {
        font-size: 15px;
        padding: 3px;
        margin: -5px 0px 0px 5px;
        }
    .fa-thumbs-up {
        font-size: 15px;
        padding: 3px;
        margin: -5px 0px 0px 5px;
        }

}

@media (min-width:481px) and (max-width:640px){
    .content {
        height: 520px;
    }
    .content-img img {
        width: 100%;
        height: 73%;
        margin: 1% 0% 0% 0%;
        object-fit: cover;
    }
    .content-text .content-title {
        font-size: 18px;
        margin: 63px 0px 0px 0px;
    }
    .content-text .content-subtitle {
        font-size: 13px;
        margin: 4px 0px 0px 0px;
    }
    .content-text .content-paragraph {
        font-size: 12px;
    margin: 2px 0px 6px -27px;
    width: 117%;
    }
    .content-text {
        margin: -39% 0% 0% 0%;
    }
    .button-sm {
        padding: 6px 7px;
    font-size: 11px;
    line-height: 16px;
    margin: 0px 0px 3px -35px;
    }
    .share {
        margin: -1px -43px 0px 0px;
    }
    .share p {
        font-weight: 600;
        font-size: 10px;
    }
    .fa-share-alt {
        font-size: 15px;
        padding: 3px;
        margin: -5px 0px 0px 5px;
        }
    .fa-thumbs-up {
        font-size: 15px;
        padding: 3px;
        margin: -5px 0px 0px 5px;
        }

}

@media (min-width:641px) and (max-width:787px){
   
    .content-img img {
        width: 100%;
        height: 100%;
        margin: 0% 0% 0% 0%;
    }
    .content {
        height: 410px;
        margin: 7% 0% 0% 9%;
    }
    .content-text {
        margin: 0% 0% 0% 0%;
    }
    .content-text .content-title {
        font-size: 20px;
    }
    .content-text .content-subtitle {
        font-size: 18px;
    }
    .content-text .content-paragraph {
        font-size: 17px;
        margin: 2px 0px 6px -27px;
        width: 110%;
        text-align: justify;
    }
    .button-sm {
        padding: 11px 18px;
        font-size: 16px;
        line-height: 16px;
        margin: 15px 0px 3px 27px;
    }
    .share {
        margin: 22px 108px 0px 0px;
    }
    .share p {
        font-size: 21px;
    }
    .content {
        height: 904px;
        margin: 7% 0% 5% 9%;
    }

    .fa-share-alt {
        font-size: 30px;
        padding: 14px;
        margin: 0px 0px 0px 0px;
    }
    .fa-thumbs-up {
        font-size: 30px;
        padding: 14px;
        margin: 0px 0px 0px 0px;
        }


}

@media (min-width:788px) and (max-width:990px){

    .content {
        width: 90%;
        height: 400px;
        margin: 0% 0% 8% 6%;
    }
    .content-text {
        margin: 3% 0% 0% 0%;
    }
    .content-text .content-title {
        font-size: 17px;
    }
    .content-img img {
        width: 100%;
        height: 100%;
        margin: 1% 0% 0% 0%;
        object-fit: cover;
    }
    .content-text .content-subtitle {
        font-size: 15px;
    }
    .content-text .content-paragraph {
        font-size: 12px;
        text-align: justify;
        width: 120%;
    }
    .share {
        margin: 3px -97px 0px 0px;
    }
    .button-sm {
        padding: 5px 4px;
        font-size: 11px;
        margin: 0px 0px 3px -27px;
    }
    .share p {
        font-size: 15px;
        margin: -11px 0px 2px 0px;
    }
    .fa-share-alt {
        font-size: 16px;
        padding: 3px;
        margin: -5px 0px 0px 5px;
        }
    .fa-thumbs-up {
        font-size: 15px;
        padding: 3px;
        margin: -5px 0px 0px 5px;
        }
 
}

@media (min-width:991px) and (max-width:1024px){
    .content-img img {
        width: 100%;
        height: 100%;
        margin: 0% 0% 0% 0%;
    }
    .content-text {
        margin: -1% 0% 0% 0%;
    }
    .content-text .content-title {
        font-size: 25px;
    }
    .content-text .content-subtitle {
        font-size: 20px;
    }
    .content-text .content-paragraph {
        font-size: 15px;
        margin: 2px 0px 6px -27px;
        width: 120%;
        text-align: justify;
    }
    .button-sm {
        padding: 8px 12px;
        font-size: 15px;
        line-height: 16px;
        margin: 3px 0px 3px -26px;
    }
    .share {
        margin: 0px -147px 0px 0px;
    }
	
}

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

@media (min-width:1366px){
    .content-text {
        margin: 0% 0% 0% 0%;
    }.content-img img {
        width: 100%;
        height: 100%;
        margin: 0% 0% 0% 0%;
    }
    .content-text .content-title {
        font-size: 25px;
    }
    .content-text .content-subtitle {
        font-size: 22px;
    }
    .content-text .content-paragraph {
        font-size: 16px;
        margin: 14px 0px 6px -27px;
        width: 110%;
        text-align: justify;
    }
    .button-sm {
        padding: 14px 15px;
        font-size: 14px;
        line-height: 16px;
        margin: 20px 0px 3px -25px;
    }
    .share p {
        font-weight: 600;
        font-size: 14px;
    }
    .share {
        margin: 8px -126px 0px 0px;
    }
    .fa-thumbs-up {
        font-size: 28px;
        padding: 4px;
        margin: 6px 0px 0px 17px;
    }
    .fa-share-alt {

        font-size: 28px;
        padding: 4px;
        margin: 6px 0px 0px 17px;
    }
}