@media(max-width:1800px) {
.video-wrap.stuck{ width: 270px;}
}

@media(max-width: 1500px) {
.video-floating.fixedbanner {
	width: 100%;
	max-width: 180px;
	position: fixed;
	top: 0px;
	z-index: 999;
	padding: 0px;
	margin: 0 0 0 1000px;
	text-align: center;
	border-radius: 6px;
	animation-timing-function: ease-in-out;
	transition: .6s;
}
.video-floating.fixedbanner .video-box {
	max-width: 150px;
	margin-bottom: 5px;
}

.video-floating.fixedbanner .button a {
	font-size: 16px;
	padding: 15px 15px 10px;
	line-height: 22px;
}
.video-floating.fixedbanner .button a span {
	display: block;
	font-size: 13px;
	color: #fffed2;
}
.video-wrap.stuck{ width: 234px;}
.video-wrap.stuck .button a{ font-size: 16px; padding: 8px 12px 4px; line-height: normal;}
.video-wrap.stuck .button a span{ font-size: 14px;}
}

@media(max-width: 1390px) {
.video-wrap.stuck{ width: 180px;}
.video-wrap.stuck .button a{ font-size: 13px; padding: 8px 8px 4px; line-height: normal;}
.video-wrap.stuck .button a span{ font-size: 11px;}
}

@media(max-width: 1200px) {
.video-floating.fixedbanner{ display: none; }
.video-wrap.stuck{ position: relative; margin: 0;}
}

@media(max-width:980px) {
.left-img { display: none; }
.left.img1{ margin-right: 0px; }
.m30{ margin-top: 0px }

.contentbox .conimg1{ float: none; margin: 0 auto 10px;}
.contentbox .conbox1{ float: none; margin: 0 auto;}
.contentbox .conimg1.right{ float: none; margin: 0 auto 10px;}
.seen-logo li img{ height: 40px;}
.seen-logo{ padding: 24px 0 14px;}
.button a{ font-size: 24px; line-height: 30px; padding: 12px 10px 10px; width: 90%;}
.button a span{ font-size: 18px;}
.button a span.t2{ font-size: 18px;}
.button a span.t1{ font-size: 25px;}
.button a:before{ width: 80px; height: 64px; top: 15px; left: -90px;}
.button a:after{ width: 80px; height: 64px; top: 15px; right: -90px;}
.contentbox h3{ font-size: 36px; line-height: 46px;}
.contentbox h3 br{ display:none;}
h2.pre{ font-size: 20px;}
#middle h1{ font-size: 2em;}
hr.white{ margin: 50px 0;}
.list ul { margin: 0 0 20px 0px; }
.list ul ul { margin: 20px 0 0px 0px; }

.top-head h3{ font-size: 14px; }
.headbox h1 { font-size: 1.8em; }
.headbox h3 { font-size: 1em; }

.boxbg { padding: 20px 15px; }
.video-box.mid { max-width: 710px; }
.video-box{ width: auto; max-width: none;}
#header{ padding: 0 0 10px;}
}



@media(max-width:600px) {
.mob-r { display: block; }
.desk-r { display: none; }
.main-banner{ margin: 0 0 -34px;}
#header{ background-size: auto;}
/*.logo{ position: relative; max-width: 70px; top: 0px; margin: 0 auto;}*/
.topbar{ padding: 15px 0;}
.pre-head{ font-size: 18px;}
.bealbanner{ font-size: 36px; line-height: 44px;}
.bealbanner span{ font-size: 20px; line-height: normal;}
.seen-logo li img{ height: 30px;}
.button.n1 a:before, .button.n1 a:after{ display:none;}
.button.mrt a:before, .button.mrt a:after{ display:none;}
#middle h1{ font-size: 1.6em;}
#middle h1 br{ display:none;}
.boxbg{ padding: 30px 0;}
.contentbox{ width: 94%;}
.contentbox .conimg3{ max-width: 300px;}
.contentbox h3{ text-align: center;}
.hours, .value{ display: block;}
.contentbox ul li h3{ text-align:left;}
.contentbox .conbox2 h2{ font-size:22px; line-height: 48px; text-align: center;}
.contentbox .conbox2 h2 span{ padding: 0 16px; font-size: 25px; display: block; margin: 0 auto; width: 200px;}
.button.mrt{ padding-top: 10px;}
.hl-box{
	width: 90%;
    margin: 0 auto;
    text-align: center;
    background: #fffed2;
    padding: 15px;
    border-radius: 4px;
    border: 2px dashed #e1e0a5;
}
.ep-box ul li img { float: none; margin: 0px auto 10px; display: block; }
.ep-box{ text-align: center; }
.ep-box ul li { margin: 0 0 20px 0;}
.vtm-box ul li { max-width: 340px; margin: 0 0px 20px;}
.vtm-box ul{ margin: 0;}
.vtm-box{ padding: 15px 0 0;}
#middle h3.sub{ font-size: 1.1em;}
#middle h2 br{ display:none;}
#middle h2{ font-size: 1.4em; margin: 0 10px 20px;}
#middle h2 span{ font-size: .9em;}

.top-head .wrap{ width: auto;}
.step{ font-size: 1em; padding: 10px 10px 10px 140px; }
.HLB{ font-size: 1em; max-width: 500px; width: 96%;}
}




@media(max-width:480px) {
.logo{ max-width: 60px;}
p.yl { font-size: 16px;line-height: 22px; }
p.yl span { font-size: 16px; }
.pre-head{ font-size: 18px; line-height: 26px; max-width: 300px; margin: 0 auto;}
.pre-head span{ padding: 0;}
.headbox h1{ font-size: 1.3em;}
.headbox h3{ margin-top: 10px;}
.headbox h3 br{ display: none; }
.video-box { width: 95%; }
.headbox h1 br{ display:none;}
h2.pre{ font-size: 20px;}
.footer{ padding: 20px 10px;}
.headbox1{ padding: 25px 0;}
.headbox{ padding: 10px 0 0px;}
.video-box{ padding: 8px;}
.video-box h2{ font-size: 22px;}
.video-box h2 span.sub{ font-size: 18px;}
.message strong{ display: block;}
.button.n1{ padding-top: 30px;}
.button.n1 a{ padding: 8px 23px 5px; width: 96%;}
.button a { font-size: 24px; line-height: normal; padding: 10px 10px 8px;}
#middle h1.ex { font-size: 30px; color: #000; }
.button a span{ font-size: 18px;}	
.button a:before{ width: 50px; height: 40px; top: 22px; left: -53px;}
.button a:after{ width: 50px; height: 40px; top: 22px; right: -53px;}
.counterbox{ font-size: 22px; padding: 5px; width: 96%;}
.counterbox .t1{ font-size: 24px;}
.bealbanner{ font-size: 32px; line-height: 40px;}
#middle h1 br{ display:none;}
#middle h1{ font-size: 1.4em; padding: 0 10px;}
.sub-h { font-size: 18px; }
#middle h1 span.sub{ font-size: 18px; line-height: normal; display: block;}
.contentbox h2{ font-size: 20px; line-height: 40px;}
.contentbox h3{ font-size: 28px; line-height: 38px;}
.contentbox h3 span.t1{ font-size: 24px; line-height: 32px;}
.contentbox h4{ font-size: 22px; line-height: 30px;}
.contentbox h5{ font-size: 20px;}
.boxbg.bg1{ padding: 20px 0;}

hr.white{ margin: 40px 0;}
.value{ font-size: 24px;}
.hours{ font-size: 22px;}
.message{ font-size: 18px; padding: 0 20px 0 20px;}
.message::before{ font-size: 26px; top: -10px;}
.iconR, .iconR.m1{ float:none; margin:0 auto 20px;}
.contentbox .conbox2 h2{ font-size: 20px; line-height: 30px; padding: 0 0 10px;} 
.contentbox .conbox2 h2 span{ padding: 10px 6px; margin: 0 auto 10px; }
.top-head h3 br{ display: none; }


.top-head h3 { font-size: 13px; line-height: 20px; }
p.yl { font-size: 14px; line-height: 20px;}
#header {  padding: 0 0 10px; }
p.yl span { font-size: 14px; }
.vtm-box .dis.ex { min-height: 0;}
.vtm-box .dis.ex2 { min-height: 0;}
.video-box { margin: 0 auto 10px; }
.vtm-box.exv .dis.ex { min-height: 0; }
.boxbg.bg2 { padding-right: 5px; padding-left: 5px; }
.ep-box ul li { margin: 0 0 20px 0; width: 155px; display: inline-block; vertical-align: top; }
.m-none{ display: none; }
.top-head .wrap{ width:100%;}
.topnave ul li{ padding:0; margin: 0 5px 0 0;}
.seen-logo li img{ height: 20px;}
.step span.st::after{ display:none;}
.step span.st{ width: 130px; position: relative; display: block; margin: -10px auto 8px; border-radius: 20px; font-size: 1.1em; line-height: 1.2em; padding: 3px 15px 7px;}
.step{ padding: 1px 10px 12px; text-align: center; width: 95%; font-size: .9em;}
.step.n1{ width: 100%;}
#middle h3.sub span{ padding: 6px 6px 0;}
.HLB{ width: 86%; line-height: 1.4em;}
.HLB span{ font-size: .9em;}
}


@media(max-width: 375px) {
.ep-box ul li { margin: 0 0 20px 0; width: 135px; display: inline-block; vertical-align: top;}
.top-head h3 { font-size: 12px; line-height: 20px; }
.headbox h1 { font-size: 22px; }
p.yl { font-size: 13px; line-height: 20px; }
p.yl span{ font-size: 13px; }
.topnave ul li a{ font-size: .75em;}
.headbox h3{ font-size: .9em;}
.seen-logo li img{ height: 18px;}
#middle h1{ font-size: 1.3em;}
#middle h2{ font-size: 1.2em;}
.seen-logo{ padding: 16px 0 10px;}
}