@media only screen and (max-width: 1200px) {
    .container{
        max-width: 960px;
    }
    #mainSliderCont{
        max-width: 70%;
    }
    #mainBigSliderCont{
        background-size: cover;
    }
    .mainNewsSingle{
        width: 31%;
    }
    #singleNewsLayout{
        flex-direction: column;
        gap: 80px;
    }
    #singleNewsCont,
    #singleNewsRestCont{
        width: 100%;
        max-width: unset;
    }
    .usersBlogBodyCell{
        padding-right: 16px;
    }
}
@media only screen and (max-width: 770px) {
    #mobBurger{
        display: block;
    }
    .container{
        max-width: 720px;
    }
    #headerLinksCont{
        display: none;
    }
    #mainCont{
        flex-direction: column;
    }
    #mainSliderCont,
    #mainRestNewsCont,
    .prijavaCont#registracijaCont{
        width: 100%;
        max-width: unset;
    }
    .mainNewsSingle {
        width: 47%;
    }
    #footerContactCont{
        flex-direction: column;
        gap: 80px;
    }
    .userBlogBodyCellTitleSignatureColumn{
        width: 41%;
    }
    #previewDiv{
        width: 100%;
    }
}
@media (max-width: 740px) {
    .container {
      max-width: 90%;
    }
    #allNewsSearchCont{
        flex-direction: column;
        height: auto;
    }
    #allNewsSearchCont .mnaInput,
    #newsSelectYearCont,
    #allNewsSearchCont #newsSearchinputWrap{
        max-width: 100%;
        width: 100%;
    }
    #newsSearchBtn{
        align-self: end;
    }
    .usersBlogBodyCellTitle{
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .galImagePreview{
        width: 100%;
    }
    .galImageDesc.form-control{
        max-width: 100%;
    }
    #newsSelectCatCont{
        width: 100%;
    }
    .userBlogBodyCellTitleSignatureColumn {
        width: 35%;
    }
}
@media (max-width: 480px) {
    .container{
        max-width: unset;
        padding: 0px 16px;
    }
    #mainSmallSlidersCont{
        flex-direction: column;
    }
    #mainBigSliderTitle,
    #mainSmallSlidersCont,
    .mainSmallSliderSingle,
    .mainNewsSingle,
    .mainNewsBtns,
    .prijavaCont#prijavaCont{
        width: 100%;
    }
    .mainSmallSliderSingle img,
    #mainSmallSlidersCont,
    .mainSmallSliderSingle{
        height: auto;
        max-height: unset;
    }
    #mainNewsButtonsCont{
        height: auto;
        flex-direction: column;
        gap: 40px;
    }
    .prijavaBottom  br{
        display: none;
    }
    .prijavaRow{
        flex-direction: column;
    }
    #registracijaCont .prijavaBottom b{
        width: 100%;
        display: block;
    }
    .usersBlogBodyCell{
        flex-wrap: wrap;
        padding: 16px 0px;
        flex-direction: row;
        gap: 8px 0px;
        height: auto;
    }
    .usersBlogBodyCell:first-of-type{
        border-top: 0;
    }
    .usersBlogBodyCellDate {
        width: 65%;
        flex-direction: row;
    }
    .usersBlogBodyCellContent {
        width: 35%;
    }
    #usersBlogContHeader{
        display: none;
    }
    .mainBigSliderTitle{
        width: 100%;
    }
    #galCont{
        flex-direction: column;
        flex-wrap: nowrap;
    }
    #galCont .imgWthTitle{
        width: 100%;
    }
    #galCont .imgWthTitle img{
        height: auto !important;
    }
    #singleNewsTop{
        height: auto;
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 16px;
    }
    #singleNewsBottom{
        justify-content: flex-start;
    }
    .userBlogBodyCellTitleSignatureColumn {
        width: 61%;
    }
    #relatedNews-popup{
        top: 70px;
        left: 0%;
        transform: translate(-50%, 0%);
        padding: 16px 16px 48px 16px;
    }
    #relatedNews-popup-close{
        width: 100%;
        height: 32px;
        bottom: 0;
        top: unset;
    }
}