@media screen and (max-width:1200px){
	header { height: 840px;}
	.insideheader {height: 420px; background-size: cover;}
	.brand2 h2 {font-size: 24px;}
	.timeline dl dd.pos-left .time {margin-left: 100px;}
	.timeline dl dd.pos-right .time {margin-left: -60px;}
	section#speaker1:before {top: -150px;right: 10%;height: 237px;width: 100px;}
	section#speaker3:before {position: absolute;top: -180px;left: inherit;right: 10%;}
	section#sponsorArea:before {top: -150px;right: 10%;height: 237px;width: 100px;}
	.sponsor  p { height: 200px;}
	#indexVideo{ border: 2px solid #ddd;}
	.pad{background: none;width: 100%;height: auto;margin-top: 0px;}
	.pad video{margin-top: 0px;width: 100%;	}
}
@media screen and (max-width:991px){
	header { height: 1200px;}
	.insideheader .inside-text {padding-top: 90px; width: 60%;}	
	.fh5co-press-item {display: block; height: auto;}
	.fh5co-press-item .fh5co-press-text, .fh5co-press-item .fh5co-press-img {height: inherit; float: none !important;width: 100%;
display: block !important;}
	.fh5co-press-item .fh5co-press-img {height: 200px;left: 0;top: 0;position: relative;width: 100%;}
	.fh5co-press-item .fh5co-press-text {padding: 10px 20px;}
	.timeline dl dd.pos-left .time {margin-left: 70px;}
	.timeline dl dd.pos-right .time {margin-left: -80px;}	
	.page4_list .list {display: none;}
	.page4_list .list1,.page4_list .list2,.page4_list .list3,.page4_list .list4,.page4_list .list5 ,.page4_list .list6{line-height: inherit; margin-bottom: 10px;}
	.page4_list p { font-size: 15px;text-align: center;margin: 0 0 15px 0;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: rgba(255,255,255,0.3);
padding-bottom: 10px;}
	.page4_list h4 {font-size: 21px;}
	.page4_list h4 span {font-size: 16px;}
	.page4_list p span {font-size: 24px;}
	.page4_list .btn{margin: 5px 0;}
	.sponsor  p {height: 250px;}
}
@media screen and (max-width:768px){
	header .intro-text { padding-top: 50px;}
	header { background-position: center bottom; height: 1200px; background-image: url(../images/m-bg.jpg);}
	.insideheader { background-position: -100px bottom; background-size: 125%;}
	.intro-text .brand img.pc { display: none;}
	.intro-text .brand img.mobile { display: block;}
	.intro-text .brand2 { margin-top: 0;margin-left: 30px;} 
	.booksGroup .listItem li .caption h3 {height: auto;}
	#report .blog-post .intro h2{height: auto;}	
	.timeline dl h3 {background-color: transparent;}
    .timeline dl:before {left: 80px;}
    .timeline dl dt {margin: 0 0 30px;}
    .timeline dl dd .circ {left: 60px;}
    .timeline dl dd .time {left: 0;}
	.timeline dl dd .eduall {text-align: left;}
    .timeline dl dd.pos-left .time {padding: 10px 0; margin-left: 20px;text-align: left;}
	.timeline dl dd.pos-left .edu {float: right;width: 100%;}
    .timeline dl dd.pos-left .events:before {left: -12px;border-color: transparent #fff transparent transparent;}
	.timeline dl dd.pos-left .edu:before {left: -12px;border-color: transparent #fff transparent transparent;}
	.timeline dl dd .time {top: 65px;}
    .timeline dl dd.pos-right .time {padding: 10px 0;margin-left: 20px;text-align: left;}
	.timeline dl dd.pos-right .edu {float: right;width: 100%;}
	.timeline dl dt {width: 100%;}
	.timeline dl .annotation {background-color: transparent;}
	.textalign { width: inherit;margin: 0 0 10px ;}
	.textalignb {width: inherit;margin: 0 0 10px ;}
	.sponsor  p {height: auto;}
	.page4_list .list5 .linktext {display: inline-block; margin-left: 15px;}
}
@media screen and (max-width:640px){
	.intro-text .brand {padding: 0;}
	.intro-text .brand2 {margin-left: 0px;}
	.insideheader {height: 350px;}	

	.sponsorBox dt {display:block; text-align: center;vertical-align:middle;width: 100%;}
	.sponsorBox dl {text-align: center;}
	
	.ad-banner-b {display: none;}	
	.ad-banner-s {display: block;}	
}
@media screen and (max-width:465px){
	section {padding: 50px 0;}
	header { height: 860px;}
	.intro-text .brand2 h2 {font-size: 32px;}
	.brand2 h2 span {font-size: 16px;}
	.intro-text .brand2 p {font-size: 16px;line-height: 1.6;margin: 0 0 10px 0;}
	.insideheader {     background-position: center bottom;background-size: 155%;height: 280px;}
	.insideheader .inside-text {padding-top: 90px; width: 70%;}	
	#feature .feature-wrap { margin-bottom: 0;}
	#feature .feature-content h3 {font-size: 26px;}
	#feature .feature-content h3 span {font-size: 21px;}
	#feature .feature-content p {font-size: 16px;}
	.social-icons a {font-size: 20px;}
	.sponsorBox .logoSM img { height: 45px !important; }
	.sponsorBox .free img {height: 35px;}
	.person-intro span {display: block;}
	.agendainfo h2 { font-size: 28px;}
	.agendainfo h3 { font-size: 18px; }
	.agendainfo .highlight { font-size: 22px; }
	.img-person, .img-person-r {width: 50%;float: inherit; margin: 0px auto 10px auto; display: block;}
	.person-info h3 {text-align: center;}
	.person-intro span { margin-left: 0;}
	.person-intro span b {display: inline-block; margin-top: 5px; margin-left: 0;width: 100%;}
	.gift{padding: 0; margin: 0 -5px;}
	.gift h3 {font-size: 15px;}
	
	.sponsorBox dl:nth-child(3) dt, .sponsorBox dl:nth-child(4) dt { margin-top: 10px;}
	.sponsor h3 {margin: 20px 0;}
	
	.timeline dl {padding: 10px;}
	.timeline dl dt {margin-bottom: 20px;}
	.timeline dl:before {left: 55px;}
	.timeline dl dd .events {margin-top: 20px;}
	.timeline dl dd.pos-right .events, .timeline dl dd.pos-left .events {width: 75%;}
	.timeline dl dd.pos-right .edu, .timeline dl dd.pos-left .edu {width: 100%;}
	.timeline dl dd .circ {left: 40px;top: 30px;}
	.timeline dl dd .events .events-body .events-heading {font-size: 17px;}
	.timeline dl dd .edu {margin-top: 20px;}
	.timeline dl dd .edu .edu-body .events-heading, .timeline dl dd .eduall .edu-body .events-heading {font-size: 17px;}
	.timeline dl dd .edu .edu-title {font-size: 20px;}
	.timeline dl dd .edu .edutime {padding: 0 0 5px 0;}
	.timeline dl dd .time {width: 45px;font-size: 17px;top: 50px;background-color: #EFEFEF;}
	.timeline dl dd .time span {display: block;text-align: center; line-height: 1;margin: -5px 0;transform: rotate(-90deg);}
	.timeline dl dd .edu .edu-body, .timeline dl dd .eduall .edu-body {padding: 0 10px;}
	
	#notic {padding: 20px 0;margin-top: -20px;}
	.portfolio-modal .modal-body {padding: 5px;}
	.unit-title {font-size: 30px;}
	h3.classtitle {font-size: 21px;}
	
	#back-top {bottom: 85px;}
	#back-top a {width: 50px;height: 50px;background-size: contain;}
	#ordericon a {width: 55px;height: 55px; background-size: contain;}
	
	section#speaker1:before {top: -135px;right: 10%;height: 237px; height: 143px; width: 60px;}
	section#speaker3:before {position: absolute;top: -110px;left: inherit;right: 10%; height: 143px; width: 100px;}
	section#speaker4:before {position: absolute;top: -100px;right: 25%; height: 144px; width: 120px;}
	section#sponsorArea:before {top: -135px;right: 10%;height: 237px; height: 143px; width: 60px;}
	
	.videoGroup .videolist .videoInfor {display: block;width: 80%;margin: 0 auto;}
	
@media screen and (max-width:375px){
	header { height: 790px;}
	.insideheader {height: 250px;}	
	.intro-text .brand2 {padding-right: 0; padding-left: 5px;}
	.intro-text .brand2 p {font-size: 16px;line-height: 1.6;}
	.inside-text .brand {padding-left: 5px;}
	.brand h1 {margin-top: -58px;}
	section .title h2 {font-size: 36px; line-height: 1.4;}
	section#feature .btn-lg { padding: 10px 20px;}
	.timeline dl .annotation {background-color: #EFEFEF;}
	#signupall .box {padding: 20px;}
	.portfolio-modal .modal-body {padding: 0;}
	.videoGroup .videolist .videoInfor {width: 90%;}
}
@media screen and (max-width:320px){
	.insideheader {height: 230px;}
}