#homeBannerContainer { width:95%; margin:35px auto 40px auto;}
#logoContainer { text-align:left; width:40%;}
#logoContainer img { width:100%; max-width:100%;}
#footerContact span { max-width:90%; margin:0 auto; }
#footerTwitter { float:none; width:90%; margin:0 auto; min-height:0; border-bottom:1px dashed #cececf;}
#footerSiteHaritasi { float:none; width:90%; margin:0 auto; border:none; min-height:0; border-bottom:1px dashed #cececf;}
#footerBlog { float:none; width:90%; margin:0 auto; border:none; min-height:0; border-bottom:1px dashed #cececf;}
#footerSocial { float:none; width:90%; margin:0 auto; border:none; min-height:0; text-align:center;}
#footerSocial a { display:inline-block;}
#footerSocial a:first-child { margin:10px 0 0 0;}

.pageHeaderSummary { margin:0 0 0 2%;}
#breadcrumb { text-align:left; }
#pageLeftContainer { width:100%; float:none;}
.pageContentleftContainer { width:95%; float:none; margin:0 auto;}
.pageContentImageContainer { width:95%; float:none; margin:0 auto;}
.pageContentText { width:95%; float:none; margin:20px auto 0 auto;}
.pageContentTextBlog { width:95%; float:none; margin:0 auto;}
.pageContentTextBlog img { width:100%; max-width:100%; height:auto;}
.pageContentTextBlog iframe { width:100%;}
#pageRightContainer { width:90%; float:none; border:none; margin:0 auto;}
ul.leftMenuLedisXSLT { text-align:center;}
.subMenuContainer li a:hover, .subMenuContainer li a.selected { background:none;}

#listPageContainer { width:95%; margin:0 auto;}
.listPageSummaryTitle { padding:0 0 5px 0;}

.isotope-item { width:97%;}
.projectSummary { width:60%; margin:0 auto;}

#projectDetailLeftContainer { width:95%; float:none; margin:0 auto;}
#projectDetailRightContainer { width:90%; float:none; margin:0 auto;}

#tbl_Form tr td { width:auto !important;}
.rightMenuitem_content1, .rightMenuitem_content2, .rightMenuitem_content3 { position:fixed; width:100%; height:100%; background:url(/images/bg/golge.png); right:0; left:0; top:0; padding:25% 0; z-index:9999;}
.closePanel { width:95%;}


.homeBlogNewsList .listItem { width: 93%; min-height:450px; }
.homeBlogMansetNews .owl-pagination {display: block; float: left; margin: -80px 0 0 10px; position: relative; z-index: 999;}
.homeBlogMansetNews{  margin: 20px 0 0; }
.blogHeader #mobileHeaderContainer { margin: 35px 0 0 !important;}
.blogHeader #topMenuContainer {background: #34b8d4 none repeat scroll 0 0 !important; top: 78px !important;}

#blogLeft{ display:block; width:91%; }
#blogRight{ width:100%; margin:20px 0 0; }
#blogRight .rightBanner img{ width:100%; height:auto; }
#blogRight .otherContent{ width:auto; }
#blogRight .rightBanner {
    display: block;
    float: left;
    margin: 0 0 15px;
	width:100%;
}
#blogRight .otherContent {
    background: #fff none repeat scroll 0 0;
    clear: none;
    display: block;
    float: left;
    margin: 0 10px;
    padding: 15px;
    width: 100% !important;
}

#blogLeft .pageHTML h1, #blogLeft .pageHTML h1 span, #blogLeft .pageHTML h1 strong{ font-size:25px !important; line-height:30px; }
.contentReviews iframe, .contentReviews frame{ width:100%; }
#detailBlogContainer {
    display: block;
    margin: 25px 0 0;
}

@media only screen  and (min-device-width: 360px) 
{

#blogLeft {
    display: block;
    width: 88% !important;
}
#blogRight .otherContent{ margin:20px 0; width:91% !important; }


}

@media only screen  and (min-device-width: 320px) 
{

#blogLeft {
    display: block;
    width: 87%;
}
#blogLeft .pageHTML h1, #blogLeft .pageHTML h1 span, #blogLeft .pageHTML h1 strong{ font-size:21px !important; }
#blogRight .otherContent{ width:90% !important; margin:20px 0 !important; }
#tbl_FormN input[type="text"] {
    width: 180px;
}

}