@media only screen and (max-width: 40em) { 

    body{background-image: none}

  

    #headerLogo{
      text-align: center;
    }

    #headerSocial{text-align: center;}

    #headerLogo img{max-width: 90%}


    #main_menu_section{bottom:auto}


.headerSection{
    /*border-bottom:5px solid rgba(38, 57, 151, 0.65);*/
    border-bottom: 5px solid #264590;
    background-color:#fff;
    display:block;
    position:absolute;
    width:100%;
    z-index:9003;
    padding-top:20px;
    padding-bottom:0px;
    top:0px;
    /*border-bottom:1px solid #fff;*/
}

.top-bar {
height: 2.8125rem;
}
    




  .top-bar .toggle-topbar.menu-icon a span::after {
          content: "";
          display: block;
          height: 0;
          position: absolute;
          margin-top: -8px;
          top: 50%;
          right: 0.9375rem;
          box-shadow: 0 0 0 1px #b4975a, 0 7px 0 1px #b4975a, 0 14px 0 1px #b4975a;
          width: 16px; }
        .top-bar .toggle-topbar.menu-icon a span:hover:after {
          box-shadow: 0 0 0 1px "", 0 7px 0 1px "", 0 14px 0 1px ""; }



.programContent h3{
     
    
    font-size:1rem;

    margin-top:0.9375rem !important;
   
    
    }



#mmtContainer{margin-top:0rem}



body.naslovna .contentSection{padding-top: 150px;position:relative;}




h1{
font-size:1.125rem;
text-align: center;
margin-top:0.6375rem;
margin-bottom:0.6375rem;

}

h2{
   
    font-size:1.1925rem;




}

/*h2{
   
    font-size:1.1925rem;




}*/

h4{
   
    font-size:1rem;




}


#smallNav{margin-top:0.4rem;margin-bottom:0.6375rem; text-align: center; }


.programItem .programInfo{margin-bottom:0.9375rem;}

.programContent{padding-left: 0rem !important; }




#mc_embed_signup{margin-top:0.9375rem;}


    .mjena{padding-left:0.9375rem !important;padding-right:0.9375rem !important}

    #slide_4{padding-left:0.9375rem !important;padding-right:0.9375rem !important; background-color:  #FCF3F8}

    .vodstvo_donji{margin-top: inherit !important;}

    #slide_9 li{padding-bottom:1.25rem;}

    ul.footerKontaktInfo {

      background-size: auto 80px;
      padding: 0 0 0 100px;
    }

    #slide_8 h3 {

      text-align: center;
      display: block
    }


    ul.footerKontaktInfo li {
       
        float: none;

        /*padding:0 0.5rem;*/
    }

    body:not(.frontpage) #slide_1 {
        color:blue;
    }

    body:not(.locations) #slide_1 {
        display:none;
    }

    body.locations #slide_1{margin-left:0.9375rem;margin-right:0.9375rem;padding-top:140px;}




  

    .logo_link{

        font-size:1.75rem;
        line-height: 4rem;
        margin-top:0.6375rem;

    }

    #headerArea{margin-bottom:0px;}

    .tekstTitle{font-size:2.75rem; color:#005aa9;} 
    .brojTitle{font-size:1.75rem;}

    .imgFull{min-width:100%;}
    .imgHalf{max-width:100%;}
    .imgLeft{float:none;margin:0.5rem 0rem 0.5rem 0rem}
.imgThird{max-width:100%;}



    section.top-bar-section {
        display: inherit; /**/
        margin-left: inherit;
    }



    .top-bar-section i{margin-left: 0.5rem}

    .top-bar-section span{margin-left: 0rem}   



    ul.copyr li{

        text-align: center;
    }


     ul.social{margin-top:0.9375rem;}


    ul.social li{text-align: center;}


    #calendarContainer{margin-bottom:0.9375rem;}



   .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
    
       border-right:none; border-left:none;

       
      }

      .top-bar-section{float:none !important;}

      li.back{background-color: #b4975a !important}







       .top-bar-section ul li > a, .top-bar-section .has-dropdown > a,  li.langs a.languages{
        
        
        
        
     
      padding-left: 0.9375rem  !important;
      padding-right: 0.9375rem  !important;
     }


#blogKategorije{text-align: center;}



#googleMapIcon{display:none}

#googleMapIcon2{display:inline-block !important;}


#googleMapIcon2 a{font-size:0.4rem;color:red}
#googleMapIcon2 i{font-size:1rem;line-height:0.6rem;color:red}



}

/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (orientation: landscape) and (max-width: 40em)   {
	
}