
@media(max-width:1280px) {
.detail-box:after{ width: 220px; height: 380px; right: -133px; top: -43px;}
}

@media(max-width:1024px) {
#header:after{ display:none;}
.wrap{ width: 96%;}
#header h1{ font-size: 34px;}
#header h1 br{ display:none;}
#header h1.stamp:after{ bottom: -55px; right: 55px;}
.testimonials ul li{ margin: 0 4px 20px; max-width: 314px;}

.video-box:after{ display:none;}
.button1.n2{ max-width: none;}
.seen-logo ul{ margin:0;}

.detail-box{ text-align: left;}
.detail-box .time-div{ width: 30%; margin-right:10px;}
.detail-box::after { height: 310px; right: -2px; top: 16px; width: 179px;}
.bullet-box ul li{ max-width: 312px; min-height: 160px;}
}

@media(max-width:980px) {
#header{ margin-top: -27px; padding: 70px 0 40px;}
footer{ padding: 20px 20px 0;}
footer .ftabtcon{ max-width: 370px;}
#middle h1{ font-size: 35px;}
.testimonials ul li{ max-width: 290px;}
.testimonials ul li p{ min-height:120px;}
.icon{ margin: 0 0 -50px 50px;}
footer .copyright{ margin: 12px -20px 0;}
.leftdiv{ max-width: 312px;}
.logo{ margin-bottom: 15px; padding: 0 0 15px;}
.bullet-box ul li{ max-width: 296px;}
.detail-box::after { height: 288px; top: 34px; width: 166px;}
}

@media(max-width:800px) { /*768*/
.wrap{ width: 92%;}
.ftlogo{ position:inherit; left:auto; bottom:auto; clear:both; }
footer {  padding: 20px 0 0;}
footer .ftabtcon{ float:none; max-width:none; margin:0 0 15px; }
footer .ftabt{ margin: 0 30px 10px 0;}

#header h1 br{ display:none;}
#header h1{ float:none; text-align: center; max-width: none;}
#header h1:after{ display:none;}

.detail-box{ float:none; margin:0 auto;}

.bullet-box{ float:none; max-width: none; margin-top:30px;}
.bullet-box ul{ padding:0; margin:0;}
.bullet-box ul li { max-width: none; margin: 0 0 10px; min-height: inherit; padding: 14px 50px 14px 14px;}
.bullet-box ul li::before{ top: 16px; margin: 0; left: 10px; content: "\f0a8";}
.bullet-box:after{ display:none;}

.testimonials{ background:none;}
.testimonials ul li{ max-width: none; width: 96%; margin: 0 auto 20px; }
.testimonials ul li p { min-height: inherit; }

.video-box{ float: none; margin:0 auto 20px;}
.discl br{ display:none;}
.discl { margin: 0;  padding: 10px 0 20px;}
.mid-conten2 .wrap{ padding: 0 10px;}
.icon { margin: 0 0 20px 10px; }
.mid-conten2 .wrap{ padding: 0;}
.seen-logo li{ margin: 0 1%; width: 100px;}
.seen-logo ul li img { width: 90%; }
.bullet-box h2 br{ display:none;}

.rightdiv{ float:none; max-width: none;}
.logo{ text-align:center;}
.leftdiv { float: none; height: 180px; margin: 10px auto 0; max-width: 350px; text-align: center; }
.rightimg{ float:none; margin:0 auto;}

.button1{ display: block; margin: 10px 0 0 107px;}
.detail-box{ padding-bottom:0;}
.detail-box .time-div{ width: 60%; margin-right: 0;  padding-top: 13px;}
.detail-box .time-div p::after{ display: none;}
.detail-box::after { height: 347px; top: 85px; width: 185px;}
.logo{ padding: 20px 0 0;}
}

@media(max-width:600px) { /*600*/
.footer {line-height: 27px;}
.container{ padding:15px;}
footer .container{ width:auto;}
#header h1 { font-size: 30px; line-height: 40px; }

#middle h1{ font-size: 36px; margin: 0 0 20px;}
#middle h2{ font-size: 26px; margin: 0 0 20px;}
.button1.n1 a, .button1.n1 a button{ width: 94%; font-size: 36px; padding: 20px 30px;}

.seen-logo li{ margin: 0 ; width: 86px;}
.seen-logo ul li img { width: 80%; }
.bullet-box h2 { font-size: 30px !important; line-height: 43px; }

.button1{ margin: 10px 0 0;}
.detail-box .time-div{ width: 51%;}
.detail-box::after { height: 295px; top: 122px; width: 170px; }
}

@media(max-width:500px) { /*480*/
footer .ftabt, footer .ftsupp, footer .ftlegal{ float:none; max-width:none; margin:0 0 15px; }
#header h1{ font-size: 26px; padding: 0 12px; line-height: 32px;  margin: 4px 0 24px;}
#header h2{ font-size:22px;}
.button1::before{ display:none;}
.header-top h3{ font-size: 20px;}
#middle h1{ font-size: 26px; margin: 0 0 20px;}
.icon{ float:none; margin:0 auto 20px;}
.button1.n1 a{ font-size: 26px; line-height: 30px;  padding: 18px;}
.detail-box .calendar{ float: none; margin:0 auto; display: block;}
.detail-box .time-div{ float: none; margin:0 auto; width: auto; text-align: center;}
.detail-box .time-div p{ font-size: 18px; line-height: 28px;}
.testimonials ul li{ width: 94%;}
.seen-logo li{ margin: 0 ; width: 45px;}
.seen-logo ul li img { width: 90%; }
.detail-box{ padding:0;}
.detail-box .time-div h4{ text-align: center;}

#header h1.stamp::after { bottom: 0; height: 50px; right: 30px; top: -50px; width: 43px; }
.bullet-box h2 { font-size: 24px !important; line-height: 32px; }
h2.cta-btn{ display:block;}
.button1{ margin-top: 20px; width:auto;}
.button1 a, .button input[type="submit"], .button1 button{ width: 92%; font-size: 26px;}
.detail-box::after { bottom: 10px; height: 138px; top: -110px; width: 78px; }
.bullet-box{ margin-top:0px;}
}

@media(max-width:400px) { /*360*/
#header{ padding:0; margin-top: 66px;}
.logo{ padding: 10px 0 6px;}
.header-top h3{ padding: 6px 0 ;}
.detail-box h3{ font-size: 20px;}
.detail-box{ margin: 0 auto; padding-bottom: 26px;}
.detail-box::after{ display:none;}
.detail-box .time-div p{ text-align: center; padding:0 6px; margin:0;}
.detail-box .time-div p:before{ right: 0;}
.detail-box .time-div h4{ text-align:center;}
.detail-box h2{ line-height: 50px; margin-bottom: 16px;}

.button1 a, .button input[type="submit"], .button1 button{ max-width: none; width: 92%; padding: 10px 6px; font-size: 18px; line-height:28px;} 
#middle{ padding:0;}
#middle h1{ line-height: 30px;}
#middle h2{ font-size: 22px;}
.button1.n1 a, .button1.n1 button{ padding: 14px ; font-size: 20px;}
.button1.n1 a span{ font-size: 18px;}
.bullet-box h2 { font-size: 22px !important; }
#header h1.stamp::after { right: 10px;}

.header-top .logo img{ max-width: 200px;}
.detail-box h3 i{ font-size: 24px; margin-right: 0;}
.bullet-box{ font-size: 16px;}
.bullet-box ul li{ font-size: 16px; padding: 10px 14px 14px 45px;}
.bullet-box ul li:before{ font-size: 24px; }
.detail-box::after { display:none;}
.header-top{ padding: 100px 0 20px;}
}