/*tablet*/
 @media all and (max-width: 1200px) {
    .open_mobile_menu {
        position: absolute;
        display: block;
        top: 40px;
        right: 10px;
        z-index: 30;
    }     
   
     .wrapper {
        width: 100%;
     }     
    
     .header-container .logo {   
        left: 10px;
     }

     .header-container .title-background {
        top: 10px;     
        height: 100px; 
     }

     .header-container .social-icon {
        top: 5px;
        right: calc(5% + 10px);
     }
     
     .header-container .title {
        top: -55px;
        font-size: 1.35em;
     }
     
     .header-container form.search {
        top: -85px;     
    }     
     
     .header-container form.search input[type="text"] {
        background-color: #B30F0E;
        border: 0;
        border-bottom: 1px solid #FFFFFF;
        outline: none;
        color: #FFFFFF; 
        position: relative;
        top: -5px; 
        margin-left: 10px;
    }     

     .header-container form.search input[type="text"]::-webkit-input-placeholder {
        color: #FFFFFF;
    }

     .header-container form.search input[type="text"]::-moz-placeholder {
         color: #FFFFFF;
    }

     .header-container form.search input[type="text"]:-ms-input-placeholder {
         color: #FFFFFF;
     }

     .header-container form.search input[type="text"]:-moz-placeholder {
         color: #FFFFFF;
     }
     
     .main-content .main {     
        width: 94%;   
        margin: 3%; 
     }
     
     .main-content .right-panel {
         width: 100%;
         float: left;
     }
     
     .right-panel .facebook-container {
         padding: 3% 0;
         max-width: 285px;
         margin:0 auto;
     }
     
     .right-panel .banner-placeholder {
        margin: 0 auto;   
     }
 
     .news-related {
        width: 94%;
        margin: 3%;
     }               
     
     .news-related .news-latest-item {
       width: 45%;
       padding: 2% 0;
    } 
 
    .news-related .news-latest-item:nth-child(2n) {
       padding-left: 10%;
    }

    .news-related .news-latest-item:nth-child(3) {
       clear: left;
    }

    .news-related .news-latest-item img {
       float: none;
    }
    
    .news-latest-date {
       display: block;
       padding: 10px 0; 
       font-size: 12px;
    }

    .news-single-backlink {
       text-align: center;
    }

}



/*smartphone*/
@media all and (max-width: 480px) {

    h2 { 
        font-size: 1.25em;
    }

    .open_mobile_menu {
        top: 45px;   
    }

    .header-container .title-background { 
        height: 100px;
    }  
  
    .header-container .title {
        top: -55px;
        font-size: 1.25em;
    }

    .header-container form.search {
        top: -85px;
    }

    div.csc-textpic .csc-textpic-imagewrap {
        margin-left: 0;
        float: none;
    }  

    div.csc-textpic .csc-textpic-imagewrap img {
        margin: 15px auto;
        max-width: 100%;
    }  

    .news-latest-date {
       padding: 5px 0; 
    }

    .news-single-img {
       margin: 20px auto;
       width: 100%;
       text-align: center;
    }    

    footer .legal-notice {
        font-size: 0.6em;
        padding: 35px 0 5px;
     }
    
    
}