@media (max-width: 800px) {
  
  .fullSImage{width:100% !important; max-width: unset !important;}
    .cCard
    {
        padding:10px;
    }
    .nosmall
    {
        display:none;
    }
    .homeP_modal
    {
        top:50px !important;
        bottom:10px !important;
    }
    .homeP_container {
        max-width: 100%;
    }
    .cCardNoT {
        background-color: var(--diplomaBgColor); /* Dodaj boju pozadine */
        border-radius: 16px;
        padding: 10px;
        width: 300px;
        border: 1px solid var(--diplomaBorderColor); /* Dodaj boju okvira */
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        transition: transform 0.3s ease, box-shadow 0.3s ease;
    
        outline: none; /* Za tastaturu */
    }
    .contentsDiv .profilePicture
    {
        width:150px !important;
        
    }
    .hButton
    {
        font-size:12px;
    }
    #navMinBar
    {
        display: block;
        cursor: pointer;
 
        left: 0px;
        width: 100% !important;
       
        float:unset;
        position:relative;
        clear: both;
        height: 40px;
        opacity:0.9;
    
    }
    body{ overflow: auto}

    #contents
    {
        top:40px;
      bottom:0px;
      position:relative;
    }
    
    header img {height: 26px;}
    header {width:32px;height:40px !important;

    }
    .cImg {display:none;}
    header {
    width: 40px;
    position: fixed;
     z-index: 1100; 
      opacity:0.95;
    }
#mainContents
{
    position: relative;
    top: unset !important;
    z-index:900;
    padding-bottom: 60px;
}
footer{opacity: 0.9; height: 40px;}
.fdiv{
    
    
   
    font-size: 16px;
    height: 32px;
   
}

.fdiv img
{
   
    height:32px;

}

    .navphidden{display:block !important}

    #navMinBar img
    {
        margin:0px 5px;
        height: 24px;
    }
    header
    {
        width:40px;
    }

    nav .visible 
    {
        position: fixed;
        top: 40px;
        left: 0px;
        right: 0px;
        z-index: 5000;
        background: var(--navBgColor);
        height: unset;opacity: 1;
        border-top:1px solid var(--contentsBorderColor);
    }
    
    nav {  
        width: -webkit-calc(100% - 40px) !important;
        width: -moz-calc(100% - 40px) !important;
        width: calc(100% - 40px) Impo !important;
        position:fixed;
        left: 40px;
        z-index:1100;
        height:40px;
         opacity:0.98;
    }

    nav ul
    {
        overflow:auto;
    }

    nav ul li
    {
        left: 0px;
        right: 0px;
        width: 100%;;
        position: relative;
        float:unset;
        display: block;

    }

    nav ul li p
    {
        display: block;
        font-size: 1em;
    }

    nav ul li img
    {
        height:24px;
        width:24px;
    }

    #mainContents, .nolhelper #mainContents, .norhelper #mainContents,.norhelper.nolhelper #mainContents 
    {
        width:100%;
        margin:0px;
        border-radius: 0px;
        top:40px;

    }
    

    .expand
    {
        display:none !important;
    }

    .expanded{width:100% !important;top:40px !important;
        bottom:unset !important;height:100% !important;
        overflow: auto;
        
    }
    .expanded .helperContents
    {
        width:100%; 
   
    }
#mainContents{

    -webkit-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.53);
-moz-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.53);
box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0.53);


}
.small-noshow
{

    display:none !important;
}
    .small-hidden
    {display:none; }
  }
  
  
  
  
@media (max-width: 1250px) {
  .blog_content #b_content,  .blog_content #a_content
 {
     width:100%;max-width: 100%;
 }
.stat_view_text
{
    float: left; margin-right: 50px
}

.more_on_site
{
    margin-bottom: 10px;
}
.more_on_site img
{
  height: 60px;width:auto; 
}
.more_on_site p
{
    padding:5px;
    width: auto; float: right;

}
}