#Communicate{
    position: relative;
    top:54px;
}
#Nav{
    width:auto;
    margin:0px auto;
    float: none;
}
#Nav .menu > li > a.active:before{
    height:25px;
}
#Nav .menu > li > a.active:after{
    width:100%;
    left:0px;
}
.twocolumn #Mainright,
.twocolumn #Mainleft{
    padding:0px 45px 45px; 45px;
}


.books .twocolumn #Mainleft {
	width:100%;
	float:none;
	display: block;
	border-right: none;
}
.books .twocolumn #Mainright {
	width:100%;
	float:none;
	padding: 25px 75px;
	display: block;
    margin-bottom: 48px;
}
.books .twocolumn #Mainright:after{
    content:'';
    display: block;
    clear: both;
}
.books #Mainright .book-description{
    width:60%;
    float: left;
    padding-right:32px;
}
.books #Mainright .sidebar{
    width:40%;
    margin:0px;
    float:right;
}
.books #Mainright .sidebar img{
    width:100%;
    height: auto;
    float:right;
}

.biography #Mainleft{
    display: block;
    float: none;
    width: auto;
    padding:45px;
}
.biography #Mainleft .sidebar{
    position: absolute;
    top:100%;
    left:45px;
    width:25%;
}
.biography #Mainleft .sidebar img{
    width:100%;
    height: auto;
}
.biography #Mainright{
    display: block;
    float: none;
    width: auto;
    padding:0px 45px 45px 90px; 
    margin-left:25%;
}
.graphic-design .hero-right{

}
.graphic-design .type-text{
    width:auto; 
    min-width: 0;
    
}
.graphic-design #Mainright{
    padding-right:45px;
    display: block;
    float:none;
    width:auto;
}
.graphic-design #Mainleft{
    width:auto;
    max-width: 375px;
    margin:0px auto;
    display: block;
    float: none;
    border:none;
}

.logo-design #Mainright{
    width:auto;
    float: none;
}
.logo-design #Mainleft{
    width:auto;
    float: none;
    margin: 0px auto;
    max-width: 375px;
    border: none;
    display: block;
    
}

.commercial #Mainright{
    display: block;
    float: none;
    width:auto;
}
.commercial #Mainleft{
    display: block;
    float: none;
    width: auto;
    margin:0px auto;
    border: none;
    clear: both;
}
.commercial #Mainleft .type-text{
    text-align: center;
    margin:0px auto;
}
.commercial #Mainleft .more{display: block;}
.commercial #Mainleft .sidebar img{
    display: block;
    max-width: 350px;
    margin:0px auto;
}
.home #Communicate{
    top:0px;
}
#Home-Top .home-menu li .disappear {
    margin-top: 8px;
    margin-bottom: 16px;
    height: 1.5em;
    opacity: 1;
    padding-left: 32px;
    top: 0px;
}
#Home-Side{
    position: relative;
    height: 272px;
    margin-bottom:24px;
    top:auto; margin-top:-122px; padding-left: 0px;
}
#Home-Side .comming-soon{bottom:7px;}

@media screen and (max-width:943px){
    #Home-Side{margin-top:-62px;}
}
@media screen and (max-width:760px){
    #Home-Top .type-text{
        width:auto;
    }
   
}
@media screen and (max-width:695px){
    #Home-Side{padding-right: 0px; padding-bottom: 287px; height: auto;}
    #Home-Side .now-available{max-width: none; display: block;}
    #Home-Side .comming-soon.on{right: 180px;}
}