.logomobile{background: #fff; display: none; float:left; width: 55%; border-right: 1px solid #e5e5e5; padding-top:6px; padding-bottom:5px; }
.logomobile img{margin-left:10px; margin-top:0; height:23px;}

.navMobile{box-shadow: 0 0 20px #cccccc;height: 40px;display: none; background: rgba(255,255,255,1); border-top: 5px solid #040404; top:0px; margin: 0 auto; width:100%; z-index: 1000;position: fixed;}
.navMobile.home{position: relative;}
.navMobile span{background: url(../images/menuphone.png) no-repeat;background-size:25px 25px; background-position: center; cursor:pointer; color:#111; display: block; padding: 5px 0; height: 30px; text-transform: uppercase;width: 15%; float: left;border-right: 1px solid #e5e5e5;}
.navMobile .contact{background: #fff; float: left; width: 15%;border-right: 1px solid #e5e5e5; height:40px;}
.navMobile .search {background: #fff; height:40px;}
.navMobile .contact img, 
.navMobile .search img{display:block; padding:12px 0; margin:0 auto; width:29px; height:20px;}
.navMobile .search img{display:block; padding:12px 0; margin:0 auto; width:16px; height:20px;}
.related .related-thumb{margin-bottom: 10px;}

footer a{color:#fff;}

/* #Tablet (Portrait)
================================================== */
    /* Note: Design for a width of 768px */
    @media only screen and (min-width: 768px) and (max-width: 959px) {
        #timeline{width: 768px;}
        #timeline li{width:320px;}
        #timeline .article img{width:360px;}
        #timeline .advertising img{width:320px;}
        .navMobile{display:none;}
    }
    
/*  #Mobile (Portrait)
================================================== */
    /* Note: Design for a width of 320px */
    @media only screen and (max-width: 767px) {
        
        .heading{font-size:22px; line-height:26px; margin:10px 0;}

        .detail .entry-meta .date{width:75px;}
        .main-navigation .current_page_item, 
        .main-navigation .current_page_ancestor{border:none;}
        #searchform input[type=text]{background-position: 300px 5px;}
        .detail, 
        .detail .entry-content, 
        .detail.entry-summary{float:none!important; width:90%;}
        .detail .entry-meta .share{margin-right:20px; width:150px;}
        #site-navigationmobile{background:#fff; position: absolute; margin-top: 40px;}
        .site-header{padding: 0;}
        #searchform{display: none; float: none;position: relative;}
        #searchform input[type=text]{width:90%; font-size:13px; padding:10px 5%; margin: 0 auto; border-bottom:2px solid #000;}
        .navMobile{display: block;}  
        .bx-wrapper{height:160px;}
        .bx-wrapper img {min-height:160px;}
        .main-navigation{display:none; margin-top:0; width:100%;}
        .main-navigation ul.nav-menu, 
        .main-navigation div.nav-menu > ul{display:block;}
        .main-navigation ul{float:none; text-align:center;}
        .main-navigation li{background:none;display:block; float:none; width:100%;}
        .main-navigation a{padding: 10px 5%; display: block;width: 90% !important; color: #333;}
        .logo{display: none;}
        .logomobile{display: block;}

        /* INDEX */
        #timeline{background:none; padding:30px 0 60px;}
        #timeline li:nth-of-type(odd){margin-right:0px;}
        #timeline li:nth-of-type(odd){float:right;}
        #timeline li:nth-of-type(even) .corner{margin-left:0;}
        #timeline{float:none; width:90%;}
        #timeline li{width: 85%; margin: 0 auto;}
        #timeline li:nth-of-type(odd),#timeline li:nth-of-type(even){float:left!important; margin-bottom:10px;}
        #timeline li:nth-of-type(odd) .corner, 
        #timeline li:nth-of-type(even) .corner{margin:0; display:none;}
        #timeline .article img{margin:-20px 0 10px -20px; width:300px;}
        #timeline .advertising img{width:100%;}   
        #timeline .share{width: 125px;}
        #timeline .date{ width: 75px; margin: 0;}
        .container{width: 100%;}        

        /* single*/
        .detail{width: 90%; margin: 30px auto 20px auto; padding:20px 0 40px;}
        .entry-header img{width:100%; float:none; margin:-20px 0 20px;}
        .entry-content, 
        .entry-summary{width:90%; margin: 0 auto; padding: 10px 5%;}
        
        .site-header{height: 45px; padding: 0;}
        .social{display: none;}
        .detail .entry-meta .date{margin-left: 20px; margin-bottom:20px;}
        
        .comments{width: 80%;margin: 20px 5%; padding: 10px 5%;}
        .content-left,
        .content-right{float: none; width: auto;margin:0;}

        .related{width: 80%; padding: 10px 5%; margin: 0 5% 5px;}
        .related h3{font-size:13px;}
        .related .related-thumb{height:60px; width:60px; margin:0 10px 0 0; overflow: hidden;}

        /* Navigation */
        .navigation{float:none; margin:0 auto; padding:0 0 50px; width:90%;}
        .navigation a{font-size:10px; padding:4px 8px;}
        
        /* Archive */
        .archive-sidebar{float:none; margin:0 0 20px; padding:0 5%; width:90%;}
        .archive-sidebar a.toggle{float:none; display:block; width:auto;}
        .archive-sidebar li{float:none;}

        .archive-content{float:left; padding:0 5%; width:90%;}
        .list-archive{float:left; width:100%;}

        /* Contact */
        .contactForm .wpcf7{float:none; width:auto}
        .contactForm .wpcf7 input[type=text],
        .contactForm .wpcf7 input[type=email],
        .contactForm .wpcf7 textarea,
        .contactForm .wpcf7 input[type=submit]{width:252px;}
    
    }

    /* #Mobile (Landscape)
================================================== */
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .logo{position: absolute; top:10px; left: 335px; width: 75px;}
        
        #timeline li{width: 392px; margin:10px auto !important;}
        #timeline .article img{margin:-20px 0 20px -20px; width:432px;}
        
        #searchform input[type=text]{background-position: 620px 5px;}
    }