/* For larger screen sizes */
@media (min-width:370px)
{
    
.blog-item-image-panel
{
 width:auto;
 vertical-align:top;
 margin:0px 7px 10px 7px;
}

.blog-item-image-panel img
{
    display:block;
    width:auto;
    height:120px;
}


}

@media (min-width:400px)
{
    
header .header-logo-text 
{
    margin:5px auto 5px auto;
}
    
.blog-item-panel
{
 width:95%;
}

}

@media (min-width:530px)
{
        .blog-list-three-items-panel
{
  padding:0px 0px 0px 0px;
}
    
    .blog-item-panel
{
 width:30%;
 vertical-align:top;
 margin:0px 7px 20px 7px;
}

.blog-item-panel h2 
{
 font-size:0.9rem;   
}

}

@media (min-width:600px)
{
           .blog-item-panel-image-holder
{
    display:flex;
    align-items: center;
    overflow:hidden;
    max-height:160px;
}  
}

@media (min-width:670px)
{
    .cm-modal-footer-buttons
{
   display:inline-block;
   float:right;
   width:auto;
}
    
    .cm-modal-button-ok
{
    display:inline-block;
    padding:10px 4vw 10px 4vw;
    border:1px solid #1994C0;
    margin-top:0px;
}

.cm-modal-button-cancel
{
    display:inline-block;
    padding:10px 4vw 10px 4vw;
    border:1px solid #D1D0D1;
    margin-top:0px;
    margin-left:10px;
}

.footer-inner-social-container
    {
        overflow:hidden;
        width:auto;
        float:right; 
    }
    
    .footer-inner-pagelinks-container
    {
        overflow:hidden;
        width:40%; 
        float:left;
    }        
    
    .blog-item-panel-image-holder
{
    display:flex;
    align-items: center;
    overflow:hidden;
    max-height:180px;
} 

.cookie-warning-dialog
    {
        padding:40px 40px 20px 40px;
    }

.cookie-warning-text-holder
{
        float:left;
        width:80%;
}

.cookie-warning-button-holder
{
    float:right;
        width:10%;
}

     
}

@media (min-width:750px)
{

.section-inner-container 
{
    padding-top:0px;  
}

.section-inner-container-holder
{
    /*margin-top:-120px;
    border-radius:10px;*/
    padding-top:0px; 
    width:91%;      
}

.page-header-heading 
{
 
}

.page-header-content
{
    
}

    .blog-item-panel
{
 width:31%;
 vertical-align:top;
 margin:0px 7px 20px 7px;
}

.blog-item-panel h2 
{
 font-size:1.1rem;   
}

}

@media (min-width:830px)
{

.section-container
{
    padding-top:0px; 
}

    .section-inner-container {
        padding-top: 2vw;
    }
    
    nav
    {
     text-align:right;
     flex: 1;
     padding:16px 0px 9px 0px;   
    }
    
    header 
    {
     position:relative;
     display:block;
     overflow:hidden;
     z-index:auto;        
    }
    
    .header-inner-holder 
    {
       display:flex; 
    }
    
    .header-logo-holder
{
    flex: 0 0 270px;   
}

header .header-logo-text 
{
    margin:5px 0px 5px 5px;
}
    
    header nav li 
    {
        display: inline-block;
        width: auto;
        vertical-align: top;
    }
    
    header nav li a
    {
        display: inline-block;
        width: auto;
        padding: 10px 10px 10px 10px;
        margin: 0px 5px 0px 5px;
        text-align: center;        
    }
    
    header nav ul a:hover
    {
          
    }
    
    header nav .topnavigation-container
    {
        clear:none;
        max-height:none;
        display:inline-block;
        
    }
    
    header .topnavigation-icon-label
    {
        display:none;
        
    }

.page-header-image-holder
{
 display: flex;
 align-items: center;
 max-height:380px;
 overflow:hidden;   
}

.blog-item-panel-image-holder
{
    display:flex;
    align-items: center;
    overflow:hidden;
    max-height:200px;
}

.page-header-image-holder-blank
{
 height:250px;
}

.page-header-title-holder 
{
    display: block;
        width: 100%;
        position: absolute;
        bottom: 0px;
        left: 0px;
        top:0px;
        margin:0px;
        padding:0px;
        background-color:transparent;
}

.page-header-inner-title-holder
{
    display: block;
        width: 96%;
        max-width: 1240px;
        margin: 0px auto 0px auto;
        height:100%;
        position:relative;
}

.page-header-inner-title-left-holder
{
    display: block;
        position: absolute;
        bottom: 0px;
        left: 0px;
        top:0px;
        right:0px;
}

.page-header-inner-title-left-text-holder
{
    display: inline-block;
    width:auto;
    position: absolute;
    bottom: 0px;
    padding:0px 0px 0px 0px;
}

.page-header-inner-title-left-text-holder .blog-published-date 
{
    display:inline-block;
    margin:0px;
    padding:10px 20px 0px 20px;
    color:#ffeb00;
    text-shadow: 2px 4px 3px #000000;
    font-size:15px;
    background-color: rgba(0, 0, 0, 0.3);
}

.page-header-inner-title-left-text-holder .blog-category-breadcrumb
{
    display:inline-block;
    margin:0px;
    padding:10px 20px 0px 20px;
    color:#FFFFFF;
    text-shadow: 2px 4px 3px #000000;
    font-size:15px;
    background-color: rgba(0, 0, 0, 0.3);    
}

.page-header-inner-title-left-text-holder .blog-category-breadcrumb a
{
    color:#ffeb00;
    font-size:15px;
}

.page-header-inner-title-left-text-holder .page-header-heading
{
    display:inline-block;
    margin:0px;
    padding:10px 20px 15px 20px;
    font-size:50px;
    color:#FFFFFF;
    text-shadow: 2px 4px 7px #000000;
    line-height:55px;
    background-color: rgba(0, 0, 0, 0.3);
}

.page-header-inner-title-left-text-holder .page-header-heading-home
{
    padding:10px 20px 0px 20px;
    width:60%;
}

.page-header-inner-title-left-text-holder .page-header-content
{
    display:block;
    margin:0px 0px 20px 0px;
    padding:20px 20px 0px 20px;
    color:#FFFFFF;
    text-shadow: 2px 4px 7px #000000;
    background-color: rgba(0, 0, 0, 0.3);
    width:60%;
}

.page-header-inner-title-left-text-holder .page-header-content p
{
    font-size:1.0rem;
    margin:0px;
    padding:0px 0px 20px 0px;
}

.page-header-inner-title-left-text-holder .page-header-content-home
{
    display:block;
    margin:0px 0px 20px 0px;
    padding:15px 20px 0px 20px;
    color:#FFFFFF;
    text-shadow: 2px 4px 7px #000000;
    background-color: rgba(0, 0, 0, 0.3);
    width:60%;
}

.page-header-inner-title-left-text-holder .page-header-content-home p
{
    font-size:1.0rem;
    margin:0px;
    padding:0px 0px 15px 0px;
}

.blog-details-panel .blog-published-date
{
    display:none;
}

.blog-details-panel .page-header-heading
{
    display:none;
}

.blog-details-panel .page-header-content
{
    display:none;
}

.blog-details-panel .blog-category-breadcrumb
{
    display:none;
}

.page-header-heading-holder .page-header-heading
{
    display:none;
}

.home-blog-items-container
{
    display:block;
    padding-right:10px;
    float:left;
    width:60%;
}

.home-about-details-container
{
    width:39%;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    overflow:hidden;
    float:right;
}

.fullwidth-button-home 
{
 width:auto;
 text-align:center;   
}

.blog-details-inner-panel
{
    display:flex;
}

.blog-details-panel 
{
    flex: 1;
}

.blog-details-images-holder-panel 
{
    flex: 0 0 200px;
    padding-top:0px;
}

.blog-details-images-holder-panel h2
{
    display:none;
}

}

@media (min-width:1000px)
{
  
    .blog-item-panel
{
 width:26%;
 vertical-align:top;
 margin:0px 25px 20px 25px;
}

.blog-item-panel h2 
{
 font-size:1.2rem;   
}

.blog-item-panel-image-holder
{
    display:flex;
    align-items: center;
    overflow:hidden;
    max-height:220px;
}

.blog-details-images-holder-panel 
{
    flex: 0 0 400px;
}

.blog-item-image-panel-show-medium
{
    display:inline-block;
}

}

@media (min-width:1100px)
{
     .page-header-image-holder
{
 max-height:420px;
 overflow:hidden;   
}

}

@media (min-width:1140px)
{
          .blog-item-panel
{
 width:27%;
 vertical-align:top;
 margin:0px 25px 20px 25px;
}
    

}

@media (min-width:1200px)
{
    .blog-item-panel
    {
 width:305px;
 vertical-align:top;
 margin:0px 25px 20px 25px;
    }
    
    .blog-details-images-holder-panel 
{
    flex: 0 0 45%;
}

.blog-item-image-panel-show-large
{
    display:inline-block;
}

.page-header-inner-title-left-text-holder .page-header-heading
{
    line-height:65px;
}

.page-header-inner-title-left-text-holder .page-header-heading-home
{
    line-height:55px;
}

}

@media (min-width:1300px)
{
    header .header-logo-text 
    {
        margin: 5px 0px 5px 0px;
    }   
}