html, body{ height: 100%; box-sizing: border-box;}
body{ overflow: hidden; }
.sitewrap{ overflow-y: scroll;background: #ececec url(../images/bg-main.jpg) no-repeat center center ; background-size: cover; width: 100%; height: 100%;  }

.social{ position: fixed; bottom: 30px; left: 30px; }
.landing{ width: 100%; height: 100%; padding-top:1px; box-sizing: border-box;  }
.landing-main{ width: 860px; margin:0 auto; margin-top: 20%; z-index: 0; position: relative; }
.landing-main h1{ font-size: 135px; }
.landing-main h3{  text-align: center; }
.lm-links{ width: 90%; margin:0 auto; margin-top: 20px; }
.lm-links span{ width: 24%; float: left; text-align: center; cursor: pointer;  }
.lm-links span p { cursor: default; cursor: pointer;  background-color: #252525; padding: 5px 12px 5px 12px; display: inline-block; text-decoration: none; 
	color: #fff; border-radius: 3px; font-size: .9em; width: 90%;  height: 50px;  
}
	
.lm-links span p:hover{ background-color: #828282; } 
.landing-topright{ position: fixed; right: 20px; top: 20px; }
.video-hover { width: 480px; height: 360px; position: fixed; right: 20px; top: 20px; }
.video-hover video{ width: 100%; height: 100%; z-index: 9000; }
.video-hover2 { width: 480px; height: 360px; position: fixed; left: 20px; bottom: 40px; }
.video-hover2 video{ width: 100%; height: 100%; z-index: 9000; }
.video-hover3 { width: 480px; height: 360px; position: fixed; left: 20px; top: 20px; }
.video-hover3 video{ width: 100%; height: 100%; z-index: 9000; }
.video-hover4 { width: 480px; height: 360px; position: fixed; right: 20px; bottom: 40px; }
.video-hover4 video{ width: 100%; height: 100%; z-index: 9000; }
.video-page { width: 80%; height: auto; position: absolute; top: 0; left: 10%; z-index: 9991; }
.video-page-content{ width: 80%; height: auto; left: 10%; top: 0; z-index: 9000; position: absolute;  display: none; }
.video-page-content img{ transition:all .5s ease-out; }
#bgm-play{ display: none; }
.ripplex, .bgm-pause{ transition: all .6s; }
.link-main1{ line-height: 40px; }

.lm-links img{ width: 40px; position: relative; top: 20px;  }

.page-menu{ position: fixed; top: 35%;  z-index: 9999; transition:all .5s; }
.page-menu p{ display: block; color: #d2d2d2; text-decoration: none; padding: 8px 0 8px 0; margin-top: 16px;
transition: all .3s; font-weight: 400; cursor: pointer; }
.page-menu p span{ width: 12px; height: 12px; border-radius: 6px; border:solid 2px #d2d2d2; display: inline-block; margin-right: 10px; transition: all .5s; box-sizing: border-box; }
.page-menu p:hover { margin-left: 20px; font-family: 'montbold'; color: #fff; }
.page-menu p:hover>span{ border:solid 3px #d4d4d4; }
.page-menu-high{ margin-left: 20px; font-size: 1.2em; font-family: 'montbold'; color: #fff; text-shadow: 0 0 4px #fff;}
.page-menu-high p span{ border:solid 3px #d4d4d4; }
.page-menu h3{ color: #fff; }
#fsmenu1 .page-menu { left: 37%; }
#fsmenu2 .page-menu { left:37%; width: 160px;  top: 25%; }
#fsmenu3 .page-menu { left: 37%; }
#fsmenu4 .page-menu { left: 37%; }

.imglink{ width: 80%;   }
.imglink img{ width: 100%; border-radius: 10px; }

.imglink_title{ margin-top: 40px; font-family: 'chap_b', times!important; margin-bottom: 20px; }

.imglink_small{ width: 100%;  display: block; position: relative; box-sizing: border-box; }
.imglink_small img{ width: 70%!important; border:solid 5px rgba(255,255,255,.6); background-color: rgba(255,255,255,.2); transition: all .5s;
	box-shadow: 1px 1px 24px -8px rgba(0,0,0,.4); box-sizing: border-box; }


.imglink_overlay{ width: 100%;  height: 100%; position: absolute; left: 0; top: 0; display: block; z-index: 9999; background: rgba(0,0,0,.4);opacity: 0;  
transition: all .4s;}
.imglink_small:hover > imglink_overlay{ opacity: 1;  }

.mus_page_content{ display: none; width: 80%; height: 100%; position: fixed; right: 0; top: 0; /* background-color:rgba(255, 255, 255, 0.7);*/ border-left:solid 1px rgba(255,255,255,.25); padding-left: 60px; 
box-sizing: border-box; padding: 50px 80px 50px 80px; overflow-y: scroll; transition: all .5s; 
 background: #ececec url(../images/bg-main.jpg) no-repeat center center ; background-size: cover; }
.mus_page_content h2{ color: #525252;  font-size: 1.6em; transition: all .5s; font-size: 3em; text-transform: uppercase;  }
.txt_heading{ border-bottom:solid 4px #525252; display: inline-block; }
.txt_subheading { font-family: 'chap_i',times;   color: #828282;  font-size: 1.6em; transition: all .5s; font-size: 2.5em;  } 


.mus_page_content h3, h4, h5{ color: #828282; font-family: 'chap_r'; }
.mus_page_content h3{ font-size: 1.5em; font-family: 'chap_r'; }
.mus_page_content h4{ font-size: 1.3em; font-family: 'chap_r'; }
.mus_page_content p{ padding-top: 50px; color: #828282;  line-height: 1.3em; font-weight: 200; font-weight: normal;  transition: all .5s; font-family: 'chap_r'; }
.mus_page_back { color:#fff; display: none; margin-bottom:30px; background: url(../images/back.png) no-repeat left center; background-size: contain; padding-left: 35px;
cursor: pointer; text-transform: uppercase; }

.g1{ width: 65%; float: left; }
.g2{ width: 32%; float: left; }
.k1{ width: 65%; float: left; }
.k2{ width: 32%; float: left; }
.t2{ width: 100%; margin-top: 40px; }
.t2 .boxlinetext{ padding-left: 0px; }
.t2 .boxline{ margin-left: 0px; }
.boxline{ width: 100px; height: 8px; background-color: #3ae79c; display: block; margin-left: 30px; }


.article_2col{ width: 90%; margin-top: 50px; }
.article_each{ width: 45%; float: left; display: block; text-decoration: none; margin-left: 20px; margin-top:40px; }
.article_each:hover>img{  box-shadow: 1px 1px 24px -8px rgba(0,0,0,.4);  }
.article_each:hover>h3{  color: #000!important; }
.article_each:hover>p{ }
.article_each:hover>.art_img .art_each_overlay{ opacity: 0; }
.art_author{font-family: 'chap_r',times;  font-size: .9em;  padding-top: 10px!important;  border-top: solid 1px #d2d2d2; margin-top: 10px; display: inline-block;  }
.art_img{ position: relative; width: 100%; height: 200px; border-radius: 10px; }
.art_each_overlay{ width: 100%; height: 100%; background: rgba(0,0,0,.4); position: absolute; border-radius: 10px; top: 0; left: 0; opacity: 1; transition: all .4s;  }
.article_each img{ width: 100%;	height: 100%!important; object-fit: cover; border-radius: 10px;  transition: all .3s!important;  }
.article_each h3{ font-family: 'chap_r',times!important; height: 58px;  font-size: 1.2em!important;  margin-top: 20px; color: #424242!important; transition: all .5s!important;   }
.article_each p{ font-family: 'chap_r',times; height: 65px; font-size: .9em;  padding-top: 10px!important;  transition: all .5s!important; color: #626262!important;  }

.lhigh{ background: rgba(255,255,255,.2); border-radius: 8px; display: inline-block!important; padding-right: 10px!important;
    padding-left: 10px!important; }

/* .lhigh span{ display: none!important; } */

.art_shorttitle{ height: 25px!important; }
.art_shortdesc{ height: 40px!important;  }

.big_viewmore{ display: inline-block; text-decoration: none; font-family: 'chap_r',times; font-size: 1.5em; border: solid 2px #626262; padding: 20px 30px; border-radius: 8px; 
margin-left: 20px; margin-top: 40px;  transition: all .4s;  }
.big_viewmore:hover{ background: #525252; color: #fff; }

	.edu_page_content{ display: none; width: 80%; height: 100%; position: fixed; right: 0; top: 0; background-color: rgba(0,0,0,.7);
		 background-color:rgba(64, 64, 64, 0.7); border-left:solid 1px rgba(255,255,255,.25); padding-left: 60px; 
	box-sizing: border-box; padding: 50px 80px 50px 80px; overflow: auto; transition: all .5s; 
	background: #ececec url(../images/bg-main.jpg) no-repeat center center ; background-size: cover; }
	.edu_page_content h2{ color: #525252;  font-size:3em; transition: all .5s;}
	.edu_page_content h3, h4, h5{ color: #828282; font-family: 'montregular'; }
	.edu_page_content h3{ font-size: 1.5em; font-family: 'montregular'; }
	.edu_page_content h4{ font-size: 1.3em; font-family: 'montregular'; }
	.edu_page_content p{ padding-top: 50px; color: #828282;  line-height: 1.3em; font-weight: 200; font-weight: normal;  transition: all .5s;}
	.edu_page_back { color:#fff; display: none; margin-bottom:30px; background: url(../images/back.png) no-repeat left center; background-size: contain; padding-left: 30px;
	cursor: pointer; }

	.com_page_content{ display: none; width: 80%; height: 100%; position: fixed; right: 0; top: 0; background-color: rgba(0,0,0,.7); background-color:rgba(64, 64, 64, 0.7); border-left:solid 1px rgba(255,255,255,.25); padding-left: 60px; 
	box-sizing: border-box; padding: 50px 80px 50px 80px; overflow: auto; transition: all .5s;
	background: #ececec url(../images/bg-main.jpg) no-repeat center center ; background-size: cover; }
	.com_page_content h2{ color: #525252;  font-size: 3em; transition: all .5s;}
	.com_page_content h3, h4, h5{ color: #828282; font-family: 'montregular'; }
	.com_page_content h3{ font-size: 1.5em; font-family: 'montregular'; }
	.com_page_content h4{ font-size: 1.3em; font-family: 'montregular'; }
	.com_page_content p{ padding-top: 50px; color: #828282;  line-height: 1.3em; font-weight: 200; font-weight: normal;  transition: all .5s;}
	.com_page_back { color:#fff; display: none; margin-bottom:30px; background: url(../images/back.png) no-repeat left center; background-size: contain; padding-left: 30px;
	cursor: pointer; }

	.writer_page_content{ display: none; width: 80%; height: 100%; position: fixed; right: 0; top: 0; background-color: rgba(0,0,0,.7); background-color:rgba(64, 64, 64, 0.7); border-left:solid 1px rgba(255,255,255,.25); padding-left: 60px; 
	box-sizing: border-box; padding: 50px 80px 50px 80px; overflow: auto; transition: all .5s;

	background: #ececec url(../images/bg-main.jpg) no-repeat center center ; background-size: cover; }
	.writer_page_content h2{ color: #525252;  font-size: 3em; transition: all .5s;}
	.writer_page_content h3, h4, h5{ color: #828282; font-family: 'montregular'; }
	.writer_page_content h3{ font-size: 1.5em; font-family: 'montregular'; }
	.writer_page_content h4{ font-size: 1.3em; font-family: 'montregular'; }
	.writer_page_content p{ padding-top: 50px; color: #828282;  line-height: 1.3em; font-weight: 200; font-weight: normal;  transition: all .5s;}
	.writer_page_back { color:#fff; display: none; margin-bottom:30px; background: url(../images/back.png) no-repeat left center; background-size: contain; padding-left: 30px;
	cursor: pointer; }
.pox-box{ width: 80%; height: 80%; margin:0 auto; margin-top:5%; background: #fff; box-shadow: 4px 4px 24px -6px rgba(0,0,0,.4); top: 5%; }



	.pox{ width: 100%; height: 100%; background: rgba(255,255,255,.7); position: fixed; top:0; left:0; display: none; }
	.poxclose{ width: 40px; height: 40px; background: rgba(0,0,0,.4); border: solid 3px #fff;  box-shadow: 4px 4px 12px -6px rgba(0,0,0,.4); cursor: pointer;
	display: block; border-radius: 50%; margin:0 auto; position: relative ; top: 7.5%; color: #fff; font-weight: bold; color: #fff; text-align: center; line-height: 33px; }

.video-holder{ width: 70%;  height: 400px; border:solid 5px rgba(255,255,255,.6); background-color: rgba(255,255,255,.2); transition: all .5s;
	box-shadow: 1px 1px 24px -8px rgba(0,0,0,.4); }

	.image-holder{ width: 70%;   border:solid 5px rgba(255,255,255,.6); background-color: rgba(255,255,255,.2); transition: all .5s;
		box-shadow: 1px 1px 24px -8px rgba(0,0,0,.4); 

	}

	.image-holder img{ width: 100%; height: auto; }
	.image-2{  margin-bottom:40px;}
	.image-2 .image-holder{ width: 48%; float: left; }
	.image-2 .image-holder:nth-child(2){ margin-left: 2%; }

.g1 .video-holder { width: 100%; }
.k1 .video-holder { width: 100%; }
.boxlinetext{  font-family: 'chap_i', times!important; font-size: 1.5em; padding: 30px; padding-top: 20px!important;  }
.g1, .g2, .k1, .k2{ margin-top: 60px; }
.k1, .k2{ margin-top: 100px; }
.k2 .boxlinetext{ text-align: right; }
.k2 .boxline{ float: right; margin-right: 30px; }
.scale_3{ transform: scale(3); }

.sprite-music1, .sprite-play{
 border: solid 2px #424242; border-radius: 50%; box-sizing: border-box;
}

.outer-circle1, .outer-circle2, .outer-circle3, .outer-circle4{ width: 60px; height: 60px; border-radius: 50%;  border:solid 2px  #424242; position: fixed; z-index: -1; }
.outer-circle2{ border:solid 2px #828282;  }
.outer-circle3{ border:solid 3px #65d3eb;
	-webkit-box-shadow: 0px 0px 5px 10px rgba(22,202,241,.7);
-moz-box-shadow: 0px 0px 5px 10px rgba(22,202,241,.7);
box-shadow: 0px 0px 5px 10px rgba(22,202,241,.7);

}
/*.outer-circle4{ border:solid 3px #fff;
	-webkit-box-shadow: 0px 0px 5px 10px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 5px 10px rgba(255,255,255,1);
box-shadow: 0px 0px 5px 10px rgba(255,255,255,1);

}*/
.outer-circle4{ border:solid 3px #3ae79c;
	-webkit-box-shadow: 0px 0px 5px 10px rgba(58,231,156,.7);
-moz-box-shadow: 0px 0px 5px 10px rgba(58,231,156,.7);
box-shadow: 0px 0px 5px 10px rgba(58,231,156,.7);
}
.outer-circle1	{
	animation: ripple 3s infinite;
	transform-origin: center center;
}
.outer-circle2	{
	animation: ripple 2s 4s infinite;
	transform-origin: center center;
}
.outer-circle3	{
	animation: ripple2 5s  8s infinite;
	transform-origin: center center;
}
.outer-circle4	{
	animation: ripple2 7s  12s infinite;
	transform-origin: center center;
}


@keyframes ripple{ 
	0%{  transform: scale(1); opacity: 1; 	}
	100%{  transform: scale(2); opacity: 0; 	}
 }

 @keyframes ripple2{ 
	0%{  transform: scale(1); opacity: 0; 	}
	25%{ transform: scale(1); opacity: 1;  }
	100%{  transform: scale(2); opacity: 0; 	}
 }



 .fs-menu{ width: 100%; height: 100%;  position: fixed; top: 0; left: 0; display:none;  }
 .fs-menu img{ width: 100%; height: auto; }
 .fsclose{ position: fixed; right: 140px; top:20px; z-index: 9999; }


.title_tag{ width: 300px; font-size: 1.1em; color: #d2d2d2; }


.press-content h3{ margin-top: 30px; color: #ff573d; }
.press-content a{ color: #fff; text-decoration: none; cursor: pointer; }
.press-content a:hover{ color: #ff573d; }
.press-content{ text-align: center;}
.press-content p{ padding-top:0px; margin-top: 10px; }
.press-content h2{ border-top:solid 1px #d2d2d2; border-bottom: solid 1px #d2d2d2; padding: 10px; }


.pox-box{ padding: 40px; overflow-y: scroll;  }
.pox-box h2{ font-size: 1.7em; display:block; padding: 10px; border-top:solid 1px #d2d2d2; border-bottom: solid 1px #d2d2d2; padding: 10px; margin-bottom: 20px; }
.pox-box h3{ margin-top: 40px; }

.pox-box{ text-align: center;  }

.mus_page_inner, .edu_page_inner, .com_page_inner{ width: 80%;  }


.bg-blur { display: block; }
.bg-blur-1024 { display: none; }
.bg-blur-920 { display: none; }
.bg-blur-512 { display: none; }


@media( max-width:1801px){

.title_tag{ width: 290px; }
}

@media( max-width:1601px){

	 .landing-main{ margin-top: 16%; }
	 .title_tag{ width: 250px; }
	
 }


@media( max-width:1441px){

 .sc-info h4{ font-size: 1em; }
 .sc-info p{ font-size: .8em; }
 .page-menu{ top:25%; }
 .sc-albumart img{ width: 60px; height: 60px; }
.sc-each{ padding:10px; height: 106px; }

.sprite-i{ transform: scale(.9); }
}

@media( max-width:1367px){
.mus_page_content h2 { font-size:2.5em;  }
.video-page-content{ width:90%; left: 5%; }
.video-page{ width:90%; left: 5%; }
#fsmenu2 .page-menu{ left: 32%; top: 18%; }
#fsmenu4  .page-menu{ top: 35%; top: 23%; }

#fsmenu1 .page-menu{ left:35%;  top: 24% }
.mus_page_content{ padding: 40px; }
.mus_page_inner, .edu_page_inner, .com_page_inner{ width: 90%; }
.fs-menu img{ height: 100%; }
.fsclose{ right: 40px; }
.title_tag{ width: 220px; }
} 


@media( max-width:1201px){

	.video-page-content{ width:100%; left: 0%; }
	.video-page{ width:100%; left: 0%; }
	.mus_page_inner, .edu_page_inner, .com_page_inner{ width: 95%; }
	.page-menu p{ font-size: .9em; }
	.page-menu h3{ font-size: 1.4em; }

	.title_tag{ width: 200px; }
	} 
	


@media( max-width:1111px){
	.mus_page_content h2 { font-size:2em;  }
	.edu_page_content h2 { font-size:2em;  }
	.com_page_content h2 { font-size:2em;  }
	.writer_page_content h2 { font-size:2em;  }

	.mus_page_content{ padding: 30px; }
	.edu_page_content{ padding: 30px; }
	.com_page_content{ padding: 30px; }
	.writer_page_content{ padding: 30px; }
	.mus_page_inner, .edu_page_inner, .com_page_inner{ width: 100%; }
	.article_each{ width: 100%; }
	.article_each h3 { height: auto; }
	.article_each p{ height: auto; }
.g1{ width: 100%;  }
.g2{ width: 100%; }
.k2{ width: 100%; }
.k1{ width: 100%; }
.k1, .k2{ margin-top: 20px; }
.boxline{ margin-left: 0px; }
.boxlinetext { padding-left: 0px; }
.g1, .g2, .k1, .k2{ margin-top:20px;}  
.k2 .boxline{ margin-right: 0px; }
.k2 .boxlinetext{ padding-right: 0px; }
.title_tag{ width: 180px; }



}


@media( max-width:1025px){
	.landing-main h1 { font-size: 100px;  text-align: center; }
	.lm-links span{ width: 100%; margin-top: 10px; }
	
	.video-hover, .video-hover2, .video-hover3, .video-hover4{ width:360px; height: 240px;  }
	.lm-links{ width:200px; }
	
	.social {
		position: static;
		margin: 0 auto;
		width: 320px;
		margin-top: 40px;
	}
	.author {
		position: static;
		margin: 0 auto;
		width: 260px;
		margin-top: 40px;
		text-align: right;
	}
	.bg-blur { display: none; }
	.bg-blur-1024 { display: block; }
	.bg-blur-920 { display: none; }
	.bg-blur-512 { display: none; }

	.lm-links img{  top: 00px;  }
	.title_tag{ width: 180px; }
	#fsmenu2 .page-menu{  top: 13%; }
#fsmenu4  .page-menu{ top: 20%; }
#fsmenu3 .page-menu{ top: 22%; }
#fsmenu1 .page-menu{  top: 20% }
}
@media( max-width:961px){
.video-page-content{ width: 110%; left: -5%; }
.page-menu{ width: 140px!important; }
#fsmenu1 .page-menu{  left: 30%; top:31%; }
#fsmenu2 .page-menu{ left: 28%; }
.page-menu p:hover{ margin-left: 0px; }
.title_tag{ display: none; }


#fsmenu2 .page-menu{  top: 9%; }
#fsmenu4  .page-menu{ top: 18%; }
#fsmenu3 .page-menu{ top: 18%; }
#fsmenu1 .page-menu{  top: 16% }

}
@media( max-width:921px){
	.common-nav{ left: 0px; }
	.video-page-content{ width: 120%; left: -10%;; }
	.bg-blur { display: none; }
	.bg-blur-1024 { display: none; }
	.bg-blur-920 { display: block; }


	.bg-blur-512 { display: none; }
}

@media( max-width:860px){
.landing-main h1{ font-size:80px; }
.landing-main { width: 100%; }
.video-hover, .video-hover2, .video-hover3, .video-hover4 {
    width: 280px;
    height: 190px;
}

.video-holder{ height: 360px!important; width: 90%; }
.fsclose{ top: 3px!important; }

.image-2 .image-holder{ width: 90%;   }
.image-2 .image-holder:nth-child(2){ margin-left: 0px; margin-top: 20px;}
.image-2 { margin-bottom: 20px; }

}


@media( max-width:760px){
.video-page-content {
    width: 130%;
    left: -15%;
}
.page-menu p{ margin-top: 8px; padding: 4px; }
#fsmenu1 .page-menu{ top: 26%; }
.page-menu p{ font-size: .85em;     border-left: solid 2px #fff;
    border-radius: 0px; padding-left: 6px; }
.page-menu p span{display: none;   }
.page-menu h3{ font-size: 1em; }

.page-menu p:hover { margin-left: 20px; font-family: 'montbold'; color: #fff; }
.page-menu p:hover>span{ border:solid 3px #d4d4d4; }
.page-menu{ width: 110px!important; }
.com_page_back, .writer_page_back, .edu_page_back, .mus_page_back{ 
	background: url(../images/back.png) no-repeat left center;
    background-size: 30px;
    padding-left: 37px;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    font-size: .8em;
}
.video-holder{ height:300px!important; }
.mus_page_content{ padding: 40px 20px; }
.mus_page_content{width: 85%;}
.edu_page_content{ width: 85%; }
.com_page_content{ width: 85%; }
.writer_page_content{ width: 85%; }

.page-menu p:hover{ margin-left: 0px; }
.mus_page_content h2{ font-size: 1.5em; }
.boxlinetext{ font-size: 1.2em; }

.video-hover2, .video-hover, .video-hover3, .video-hover4{ display: none!important; }

}

@media(max-width:720px){ 

	.mus_page_content{width: 80%; padding: 20px;  padding-top: 70px; }
.edu_page_content{ width: 80%; padding: 20px;  padding-top: 70px;}
.com_page_content{ width: 80%;   padding: 20px;  padding-top: 70px;}
.writer_page_content{ width: 80%;  padding: 20px; padding-top: 70px;}
}


@media( max-width:601px){
	.bg-blur { display: none; }
	.bg-blur-1024 { display: none; }
	.bg-blur-920 { display: none; }
	.bg-blur-512 { display: block; }

.page-menu h3{ font-size: .9em; }
.com_page_back{ 
	font-size: .7em;
}
.page-menu{ width: 90px!important; }
.landing-main{ margin-top: 20%; }


}


@media( max-width:501px){
.video-page-content{ width: 170%; left: -25%; }
.landing-main h1{font-size: 60px; }


}

@media( max-width:461px){

.video-page-content {
    width: 190%;
    left: -35%;
}

.video-holder {
    height: 200px!important;
}

/* .mus_page_content{ padding: 10px;  padding-top: 70px; }
.edu_page_content{ padding: 10px;  padding-top: 70px;}
.com_page_content{   padding: 10px;  padding-top: 70px;}
.writer_page_content{ padding: 10px; padding-top: 70px;} */
.mus_page_content{width: 76%; padding: 8px;  padding-top: 70px; }
	.edu_page_content{ width: 76%; padding: 8px;  padding-top: 70px;}
	.com_page_content{ width: 76%;   padding: 8px;  padding-top: 70px;}
	.writer_page_content{ width: 76%;  padding: 8px; padding-top: 70px;}
.boxlinetext{ font-size: 1em; }
.page-menu p{ padding-left: 3px!important; }

.landing-main h1{  font-size: 50px;}
.landing-main{ margin-top: 30%; }

.page-menu p{ font-size: .75em; }

.boxlinetext{ padding-right: 10px; }
}


@media( max-width:401px){
.video-page-content {
    width: 210%;
    left: -45%;
}

}


@media( max-width:381px){
.mus_page_content{width: 74%;  }
	.edu_page_content{ width: 74%;}
	.com_page_content{ width: 74%;  }
	.writer_page_content{ width: 74%; }
	.page-menu h3{ font-size: .8em;      width: 80px;
		word-wrap: break-word;}
	.page-menu p{ font-size: .65em; }
	.com_page_back, .writer_page_back, .edu_page_back, .mus_page_back{ padding-left: 33px; }
	
}

@media( max-width:361px){
	.video-page-content {
		width: 240%;
		left: -55%;
		top: 10%;
	}


	

	.video-holder {		height: 160px!important;	}
}