@media only screen and (max-width: 1279px){

.banner .inner{ min-height:400px; }
.banner_intro{ left:30px; top:50px; max-width:100%; }

#layout.first .banner_intro h1{ font-size:80px; line-height:52px; letter-spacing:2px; }
#layout.first .banner_intro h1 span{ font-size:160px; line-height:80px; letter-spacing:4px; }

#layout.second .banner_intro h1{ font-size:70px; line-height:48px; letter-spacing:2px; }
#layout.second .banner_intro h1 span{ font-size:115px; line-height:62px; letter-spacing:2px; }

#layout.third .banner_intro h1{ font-size:70px; line-height:54px; letter-spacing:2px; }
#layout.third .banner_intro h1 span{ font-size:100px; line-height:52px; letter-spacing:2px; }

#layout.fourth .banner_intro h1{ font-size:80px; line-height:54px; letter-spacing:2px; }
#layout.fourth .banner_intro h1 strong{ font-size:100px; line-height:59px; letter-spacing:2px; }

#layout.fifth .banner_intro h1{ font-size:90px; line-height:57px; letter-spacing:2px; }

#layout.sixth .banner_intro h1{ font-size:80px; line-height:52px; letter-spacing:2px; }
#layout.sixth .banner_intro h1 strong{ font-size:100px; line-height:52px; letter-spacing:2px; }
#layout.sixth .banner_intro h1 span{ font-size:120px; line-height:67px; letter-spacing:3px; }

.article_desc .round_img { width: 472px; margin: -25px -140px 20px 35px; }
.img_col .prod_img { width: 268px; margin: 0 0 0 38px; }


.slide_intro { top: 40px; width: 400px; }
.slide_intro h3 { font-size: 95px; line-height: 55px; padding: 0 0 25px; }
.slide_intro p { font-size: 21px; line-height: 19px; letter-spacing: 2px; max-width: 360px; padding: 0 0 0 20px; }
.slide_intro .scratch_btn { width: 250px; font-size: 22px; line-height: 26px; letter-spacing: 1px; margin: 30px 0 0 20px; }

.link_box {
	width: 340px;
	padding: 15px 15px 15px 15px;
}

.main_cont .link_box { top: 50px; }

.link_box .link_img { width: 100px; min-width: 100px; max-width: 100px; }
.link_box .link_desc { width: calc(100% - 100px); padding: 0 15px 0 0; }
.link_box .link_desc h3 { font-size: 30px; line-height: 25px; }
.link_box .link_desc .read_more { width: 160px; font-size: 26px; line-height: 30px; margin: 12px 0 0; }

.last_slide .link_boxes { width: 740px; }
.last_slide .link_boxes .link_box { margin: 10px 0 10px; }


.nav-bar { bottom: 20px; width: 800px; }	
	
}

@media only screen and (max-width: 1200px){

.vid_box_inner { width: 940px; }

}



@media only screen and (max-width: 1024px){

.banner .inner{ min-height:340px; }
.banner_intro{ left:20px; top:40px; }

#layout.first .banner_intro h1{ font-size:60px; line-height:38px; letter-spacing:1px; }
#layout.first .banner_intro h1 span{ font-size:140px; line-height:70px; letter-spacing:2px; }

#layout.second .banner_intro h1{ font-size:60px; line-height:38px; letter-spacing:1px; }
#layout.second .banner_intro h1 span{ font-size:95px; line-height:52px; letter-spacing:1px; }

#layout.third .banner_intro h1{ font-size:58px; line-height:44px; letter-spacing:1px; }
#layout.third .banner_intro h1 span{ font-size:80px; line-height:42px; letter-spacing:1px; }

#layout.fourth .banner_intro h1{ font-size:70px; line-height:44px; letter-spacing:1px; }
#layout.fourth .banner_intro h1 strong{ font-size:80px; line-height:49px; letter-spacing:1px; }

#layout.fifth .banner_intro h1{ font-size:70px; line-height:44px; letter-spacing:1px; }

#layout.sixth .banner_intro h1{ font-size:70px; line-height:44px; letter-spacing:1px; }
#layout.sixth .banner_intro h1 strong{ font-size:80px; line-height:42px; letter-spacing:1px; }
#layout.sixth .banner_intro h1 span{ font-size:100px; line-height:57px; letter-spacing:1.5px; }


/*.vid_thumb { width: 640px; padding: 15px 15px 40px 15px; }*/
.vid_thumb p { font-size: 32px; line-height: 24px; padding: 0 0 30px; }
.vid_thumb h3 { font-size: 60px; line-height: 50px; max-width: 270px; }
/*.vid_thumb .cat_img { width: 200px; right: 30px; }*/
.vid_thumb a { background: url(../images/play-icon.png) no-repeat center center; background-size: 80px auto; }

.inner_intro p { font-size: 17px; line-height: 27px; padding: 0 0 25px; }

.quiz_box { padding: 0 15px; }
.quiz_box .ques_sec h3 { bottom: 30px; font-size: 45px; line-height: 30px; }
.quiz_box .ans_sec ul li { font-size: 22px; line-height: 28px; padding: 0 0 20px 41px; }
.quiz_box .result_btn { width: 260px; font-size: 32px; line-height: 28px; padding: 10px 0; margin: 0 0 40px; }


.head_bar { margin: 0 0 45px; }
.head_bar h3 { font-size: 50px; line-height: 30px; }
.tile_box { max-width: 768px; }
.tile_box .tile_desc { padding: 0 30px 0 45px; }
.tile_box .tile_desc p { font-size: 18px; line-height: 28px; }
.tile_box.right .tile_desc { padding: 0 45px 0 30px; }
.tile_block { max-width: 768px; }
.tile_block .tile_desc { max-width: 768px; padding: 40px 15px 0; }
.tile_block .tile_desc p { font-size: 18px; line-height: 28px; }

.article_desc { max-width: 752px; padding: 0 15px; }
.article_desc p { font-size: 18px; line-height: 28px; padding: 0 0 25px; }

.img_col { max-width: 768px; margin: 20px auto 35px; }
.img_col figure { width: 500px; }
.img_col figure h3 { font-size: 50px; line-height: 20px; padding: 0 20px 0 0; }
.img_col.right figure h3 { padding: 0 0 0 20px; }
.img_col .polygon { width: 270px; top: 10px; left: -180px; }
.img_col .oval { width: 230px; top: 15px; right: -120px; }
.img_col .triangle { width: 200px; top: 15px; left: -120px; }
.img_col .curl { width: 300px; top: 50px; right: -130px; }
.article_desc .round_img { width: 360px; margin: 0 0 10px 20px; }
.img_col .prod_img { width: 187px; margin: 0 0 0 40px; }


.flipcards { max-width: 768px; }
.flip-container { padding: 30px 0 30px; }
.flip-container .inner { height: 415px; }

.tips_box { width:100%; max-width: 640px; margin: 0 auto 60px; padding: 15px 15px 40px 15px; }
.tips_box h3 { font-size: 49px; line-height: 40px; letter-spacing: 1px; padding: 0 0 35px; }
.tips_box ul { max-width: 410px; }




.cta p { font-size: 35px; line-height: 28px; max-width: 646px !important; }


.vid_box {	padding: 0 50px 0; }

/*.modal_box_inner { width: 700px; }*/
.modal_box_cont{ padding:40px 15px 20px 15px; border-radius:20px; }
.modal_box_cont .modal-close { right: 25px; }
.modal_box.active .modal-close { top: 14px; }
/*.modal_box_cont h3 { font-size: 60px; line-height: 45px; padding: 15px 0 20px; }*/
/*.modal_box_cont p { font-size: 18px; line-height: 28px; padding: 0 0 20px; }*/
/*.modal_box_cont .prod_img { width: 200px; }*/
.modal_box_cont .share_btn { width: 260px; /*font-size: 32px; line-height: 28px;*/ padding: 10px 0; }


.slide_intro { left: 30px; top: 20px; width: 340px; }
.slide_intro h3 { font-size: 75px; line-height: 45px; padding: 0 0 15px; }
.slide_intro p { font-size: 20px; line-height: 18px; letter-spacing: 1.6px; max-width: 350px; padding: 0 0 0 15px; }

.link_box { width: 260px; padding: 12px; }
.link_box .link_img { width: 80px; min-width: 80px; max-width: 80px; }
.link_box .link_desc { width: calc(100% - 80px); padding: 0 10px 0 0; }
.link_box .link_desc h3 { font-size: 25px; line-height: 21px; }
.link_box .link_desc .read_more { width: 130px; font-size: 22px; line-height: 26px; margin: 10px 0 0; padding:2px 0; }

.main_cont .link_box { right: 30px; top: 30px; }
.last_slide .link_boxes { width: 600px; }


.nav-bar { bottom: 20px; width: 600px; }
.nav-bar ul:before { bottom: -7px; width: 60px; height: 71px; background: url(../images/cat.png) no-repeat center top; background-size: 60px; }
.nav-bar li span { width: 30px; }
.nav-bar li#menu-item1 span, .nav-bar li#menu-item6 span { width: 40px; }
.nav-bar ul.cat0:before{ left:-13%; }



.prev_arr { width: 40px; margin: -26px 0 0; }
.next_arr { width: 40px; margin: -26px 0 0; }


}



@media only screen and (max-width: 767px) {
/*#layout { padding: 67px 0 0; }*/
#layout.homepage { padding: 67px 0 0; } 

.head-wrap { padding-bottom: 67px; }
.ad_container .ad { min-height:50px; }

header .header_inner{border-bottom: 18px solid #bce2f1; border-top:none; padding: 0 15px 10px;}
header a.paid_logo { margin: 0 auto 0; padding: 2px 5px 1px; top:auto; bottom:-18px; left:0; right:0; transform:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; }
header ul.left_logos { padding: 14px 0 0 0; }
ul.left_logos li.dp_logo a { width: 88px; }
ul.left_logos li.iams_logo a { width: 78px; }
header ul.social_share { margin-top: 9px; }


.banner{ background-size:auto 80% !important; }
.banner .inner { min-height: 220px; }
.banner_intro { left: 15px; top: 15px; }

#layout.first .banner:after{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 520 234' preserveAspectRatio='none'%3E%3Cpolygon points='837,-450 0,0 0,450' style='fill:%23e58e00;' /%3E%3C/svg%3E"); }
#layout.second .banner:after{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 520 234' preserveAspectRatio='none'%3E%3Cpolygon points='837,-450 0,0 0,450' style='fill:%2334987e;' /%3E%3C/svg%3E"); }
#layout.third .banner:after{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 520 234' preserveAspectRatio='none'%3E%3Cpolygon points='837,-450 0,0 0,450' style='fill:%23663a87;' /%3E%3C/svg%3E"); }
#layout.fourth .banner:after{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 520 234' preserveAspectRatio='none'%3E%3Cpolygon points='837,-450 0,0 0,450' style='fill:%23ffb4f5;' /%3E%3C/svg%3E"); }
#layout.fifth .banner:after{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 520 234' preserveAspectRatio='none'%3E%3Cpolygon points='837,-450 0,0 0,450' style='fill:%23376abd;' /%3E%3C/svg%3E"); }
#layout.sixth .banner:after{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 520 234' preserveAspectRatio='none'%3E%3Cpolygon points='837,-450 0,0 0,450' style='fill:%2334987e;' /%3E%3C/svg%3E"); }

#layout.first .banner_intro h1{ font-size:40px; line-height:28px; }
#layout.first .banner_intro h1 span{ font-size:100px; line-height:50px; letter-spacing:1px; }

#layout.second .banner_intro h1{ font-size:40px; line-height:28px; }
#layout.second .banner_intro h1 span{ font-size:56px; line-height:36px; }

#layout.third .banner_intro h1{ font-size:34px; line-height:28px; }
#layout.third .banner_intro h1 span{ font-size:52px; line-height:32px; }

#layout.fourth .banner_intro h1{ font-size:46px; line-height:32px; }
#layout.fourth .banner_intro h1 strong{ font-size:60px; line-height:32px; }

#layout.fifth .banner_intro h1{ font-size:46px; line-height:32px; }

#layout.sixth .banner_intro h1{ font-size:46px; line-height:32px; }
#layout.sixth .banner_intro h1 strong{ font-size:60px; line-height:32px; }
#layout.sixth .banner_intro h1 span{ font-size:80px; line-height:47px; letter-spacing:1px; }


ul.the_logos li.iams_logo { background: url(../images/plus-icon.png) no-repeat right 6px; padding: 0 28px 0 0; background-size: 12px; }
ul.the_logos li.iams_logo a { width: 118px; }
ul.the_logos li.dp_logo { padding: 0 0 0 15px; }
ul.the_logos li.dp_logo a { width: 128px; }

.back_to_home a { font-size: 20px; line-height: 22px; width: 150px; }
.back_to_home a:after { left: -34px; border-top: 34px solid #A3B7FF; border-left: 34px solid transparent; }

/*.vid_thumb { width: 340px; }*/
/*.vid_thumb .cat_img { width: 150px; right: 0px; }*/
.vid_thumb p { font-size: 24px; line-height: 20px; }
.vid_thumb h3 { font-size: 40px; line-height: 40px; max-width: 180px; }
.vid_thumb a { background: url(../images/play-icon.png) no-repeat center center; background-size: 50px auto; }

.inner_intro { margin: 30px auto 15px; padding: 0 15px; }
.inner_intro p { font-size: 16px; line-height: 26px; padding: 0 0 20px; }


.quiz_box .ques_sec h3 { bottom: 8px; font-size: 25px; line-height: 20px; padding:0 10px 0 10px; }
.quiz_box .ans_sec { padding: 30px 0 30px; }
.quiz_box .ans_sec ul li { font-size: 18px; line-height: 24px; padding: 0 0 20px 32px; }
/*.quiz_box .ans_sec ul li:after { top: 2px; width: 18px; height: 18px; }*/
.quiz_box .ans_sec ul li a:after{ top: 2px; left:-32px; width: 18px; height: 18px; }
.quiz_box .result_btn { width: 240px; font-size: 28px; line-height: 26px; margin: 0 0 20px; }

.head_bar:after{ content:""; position:absolute; top:9px; height:23px; }
.head_bar.left:after{ width:100%; }
.head_bar.right:after{ width:100%; }
.head_bar.full:after{ width:100%; }

.head_bar h3 { font-size: 32px; line-height: 20px; }
.head_bar.left h3{ text-align:center; }
.head_bar.right h3{ text-align:center; }

.tile_box { display: block; padding: 0 15px; margin: 0 auto 40px; max-width:400px; }
.tile_box figure { width: 100%; }
.tile_box .tile_desc { width: 100%; padding: 20px 0 0 0; }
.tile_box.right .tile_desc { padding: 20px 0 0 0; text-align: left; }
.tile_box .tile_desc p { font-size: 16px; line-height: 26px; }

.tile_block { max-width: 400px; }
.tile_block .tile_desc { padding: 20px 15px 0; }
.tile_block .tile_desc p { font-size: 16px; line-height: 26px; }


.article_desc p { font-size: 16px; line-height: 26px; padding: 0 0 20px; }
.img_col { max-width: 400px; margin: 20px auto 20px; }
.img_col figure { width: 300px; }
.img_col figure h3 { font-size: 40px; line-height: 10px; padding: 0 15px 0 0; }
.img_col.right figure h3 { padding: 0 0 0 15px; }

.img_col .polygon { width: 120px; top: 10px; left: -60px; }
.img_col .oval { width: 120px; top: 15px; right: -60px; }
.img_col .triangle { width: 120px; top: 15px; left: -60px; }
.img_col .curl { width: 120px; top: 50px; right: -60px; }
.article_desc .round_img { width: 300px; margin: 0 0 20px; float:none; }
.img_col .prod_img { width: 150px; margin: 15px 0 0 40px; }

.tips_box { max-width: 340px; margin: 0 auto 40px; padding: 15px 15px 350px 15px; }
.tips_box h3 { font-size: 45px; line-height: 35px; padding: 0 0 30px; }


.flipcards { max-width: 375px; }
.flip-container .half { width: calc(100% - 30px); }
.flip-container .inner { height: 398px; }


.info_page .box h3 { font-size: 34px; line-height: 34px; padding: 0 0 10px; }

.info_page .info_intro { margin: 0 auto 40px; padding: 0 15px; }
.info_page1 .box1 { max-width: 375px; padding: 33px 30px 0 30px; }
.info_page1 .box1 figure { margin: 28px 0 0 -50px; padding:0 0 20px; }
.info_page1 .box1 .right_text { position: static; padding: 0 0 20px; }
.info_page1 .box1 figure .heart1{ left:45px; top:70px; }
.info_page1 .box1 figure .heart2{ right:-55px; top:40px; }
.info_page1 .box1 figure .heart3{ right:0; bottom:30px; }


.info_page1 .box2 { padding: 0 15px; max-width: 375px; margin: 0 auto; }
.info_page1 .box2 .prod_img { width: 115px; margin: 70px 0 70px 0; }
.info_page1 .box2 figure { width: 210px; }
.info_page1 .box2 figure .star1{ left:30px; top:-40px;}
.info_page1 .box2 figure .star2{ right:45px; top:-40px; }
.info_page1 .box2 figure .star3{ right:0; top:70px; }
.info_page1 .box2 figure .star4{ left:0; top:125px; }


.info_page1 .box3 { padding: 32px 15px 42px 15px; margin: 0 0 32px; }
.info_page1 .box4 { padding: 0 15px; }
.info_page1 .box5 { max-width: 375px; }
.info_page1 .box5 .box_inner { padding: 20px 15px 8px 15px; }
.info_page1 .box5 .box_inner .bg_img { width: 520px; max-width: 520px; left: -45px; top: -120px; }
.info_page1 .box5 p { max-width: 225px; padding: 0 0 20px; }
.info_page1 .box5 figure { width: 205px; }
.info_page1 .box6 { max-width: 375px; margin: 0 auto; }
.info_page1 .box6 .box_inner { padding: 32px 15px 44px 15px; }


.info_page.info_page2 { max-width: 375px; margin: 0 auto; }
.info_page2 .box1 { padding:0; }
.info_page2 .box1 .box_inner { padding: 25px 120px 105px 15px; }
.info_page2 .box1 figure { width: 295px; right: -85px; }
.info_page2 .box2 { margin: 30px 0 0; }
.info_page2 .box2 .box_inner { padding: 40px 15px 45px 15px; }
.info_page2 .box3 { margin: 0 0 60px; }
.info_page2 .box3 .box_inner { padding: 40px 15px 45px 15px; }
.info_page2 .mid_block figure { width: 275px; left: 115px; }
.info_page2 .mid_block figure .heart1{ right:145px; top:10px; }
.info_page2 .mid_block figure .heart2{ right:80px; top:-55px; }
.info_page2 .mid_block figure .heart3{ right:10px; top:-12px; }

.info_page2 .box4 .box_inner { padding: 40px 130px 45px 15px; }
.info_page2 .box5 { padding: 0 15px; }
.info_page2 .box5 .box_inner { padding: 30px 91px 45px 15px; }
.info_page2 .box5 figure { width: 200px; top: auto; right: 0; bottom: -120px; }
.info_page2 .box5 figure .star1{ left:30px; bottom:60px;}
.info_page2 .box5 figure .star2{ left:-40px; bottom:25px; }
.info_page2 .box5 figure .star3{ left:-20px; bottom:0px; }

.info_page2 .box6 { padding: 0 15px; }
.info_page2 .box7 .box_inner { padding: 40px 20px 45px 15px; }
.info_page2 .box7 figure { width: 130px; margin:20px 0 0 50px; }


.cta { padding: 20px 15px 20px; margin: 20px 0 0; }
.cta p { font-size: 28px; line-height: 24px; }

footer { padding: 15px 0 10px;}
footer ul li { padding: 0; width: 100%; background:none;}
footer ul li a { display: inline-block;}

.vid_box { padding: 30px 25px 0; }
a.vid-close { right: -20px; }
.vid_box.active a.vid-close { top: -20px; }


.modal_box { padding:0 20px; }
.modal_box_cont .result_desc{ padding:20px 0 0; }
.modal_box_cont h3 { font-size: 40px; line-height: 30px; }
.modal_box_cont p { font-size: 16px; line-height: 26px; }
.modal_box_cont .prod_img { float: none; margin: 0 auto; display: block; }
.modal_box_cont .share_btn { width: 240px; font-size: 28px; line-height: 26px; }


.landing{ background: #fac71c url(../images/mob-bg0.jpg) no-repeat center bottom !important; background-size:100% auto !important; }
.main_cont.slide1{ background:#feb4cd url(../images/mob-bg1.jpg) no-repeat center bottom !important; background-size:100% auto !important; }
.main_cont.slide2{ background:#8bd6f5 url(../images/mob-bg2.jpg) no-repeat center bottom !important; background-size:100% auto !important; }
.main_cont.slide3{ background:#ecd7fe url(../images/mob-bg3.jpg) no-repeat center bottom !important; background-size:100% auto !important; }
.main_cont.slide4{ background:#ffd658 url(../images/mob-bg4.jpg) no-repeat center bottom !important; background-size:100% auto !important; }
.main_cont.slide5{ background:#cdeec1 url(../images/mob-bg5.jpg) no-repeat center bottom !important; background-size:100% auto !important; }
.main_cont.slide6{ background:#ff9a7e url(../images/mob-bg6.jpg) no-repeat center bottom !important; background-size:100% auto !important; }


.landing:after{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 203 450' preserveAspectRatio='none'%3E%3Cpolygon points='837,-450 0,0 0,450' style='fill:%2337abbc;' /%3E%3C/svg%3E"); height:404px;  }
.main_cont:after{ height:404px; }
.main_cont.slide1:after{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 203 450' preserveAspectRatio='none'%3E%3Cpolygon points='837,-450 0,0 0,450' style='fill:%23ae2755;' /%3E%3C/svg%3E");}
.main_cont.slide2:after{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 203 450' preserveAspectRatio='none'%3E%3Cpolygon points='837,-450 0,0 0,450' style='fill:%233769bc;' /%3E%3C/svg%3E");}
.main_cont.slide3:after{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 203 450' preserveAspectRatio='none'%3E%3Cpolygon points='837,-450 0,0 0,450' style='fill:%23663a87;' /%3E%3C/svg%3E");}
.main_cont.slide4:after{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 203 450' preserveAspectRatio='none'%3E%3Cpolygon points='837,-450 0,0 0,450' style='fill:%23e58f00;' /%3E%3C/svg%3E");}
.main_cont.slide5:after{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 203 450' preserveAspectRatio='none'%3E%3Cpolygon points='837,-450 0,0 0,450' style='fill:%2333987d;' /%3E%3C/svg%3E");}
.main_cont.slide6:after{ background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 203 450' preserveAspectRatio='none'%3E%3Cpolygon points='837,-450 0,0 0,450' style='fill:%23cd4d2c;' /%3E%3C/svg%3E");}


.landing .inner { height: auto; min-height: 100vh; padding:0 0 400px; }

.main_cont .inner { height: auto; min-height: 100vh; padding:0 0 400px; }
.slide_intro { left: auto; top: auto; width: 100%; max-width:414px; position: relative; margin: 0 auto 0; display: block; padding:17px 20px 0; }
.slide_intro h3 { font-size: 85px; line-height: 55px; letter-spacing:1.5px; padding: 0 0 13px; }
.slide_intro p { font-size: 18px; line-height: 16px; letter-spacing: 1px; padding: 0 0 0 7px; }
.slide_intro .scratch_btn { width: 200px; font-size: 17px; line-height: 28px; letter-spacing: 0.84px; margin: 21px 0 0 7px; border-radius: 6px; }
.slide_intro .read_more_btn{ display:inline-block; margin:11px 0 0; }
.main_cont.slide1 .slide_intro .read_more_btn{ color:#ae2755; }
.main_cont.slide2 .slide_intro .read_more_btn{ color:#3769bc; }
.main_cont.slide3 .slide_intro .read_more_btn{ color:#663a87; }
.main_cont.slide4 .slide_intro .read_more_btn{ color:#e58f00; }
.main_cont.slide5 .slide_intro .read_more_btn{ color:#33987d; }
.main_cont.slide6 .slide_intro .read_more_btn{ color:#cd4d2c; }




.link_box { width:100%;  }
.link_box .link_img { width: 120px; min-width: 120px; max-width: 120px; }
.link_box .link_desc { width: calc(100% - 120px); padding: 0 10px 0 14px; }
.link_box .link_desc h3 { font-size: 35px; line-height: 29px; }
.link_box .link_desc .read_more { width: 190px; font-size: 26px; line-height: 21px; margin: 14px 0 0; padding: 6px 0 7px; border-radius: 7px; }


.main_cont .link_box { display:none; }
.last_slide .inner { height: auto; min-height: 100vh; padding:12px 0 135px; }
.last_slide .link_boxes { width: 380px; }
.last_slide .link_boxes .link_box { margin: 13px 0 13px; }


.nav-bar { bottom: 20px; width: 300px; }
.nav-bar ul:after { height: 3px; margin:1px 0 0; }
.nav-bar ul:before { bottom: 32px; width: 51px; height: 61px; background: url(../images/cat.png) no-repeat center top; background-size: 51px; }
.nav-bar ul.cat0:before { left: -8%; }
.nav-bar ul.cat6:before { left: 90%; }
.nav-bar li span { width: 25px; }
.nav-bar li#menu-item1 span, .nav-bar li#menu-item6 span { width: 35px; }

/*.prev_arr { margin: 0; top:150px; }
.next_arr { margin: 0; top:150px; }*/

.prev_arr { width:57px; }
.next_arr { width:57px; }

}


@media only screen and (max-width: 414px) {

.slide_intro h3 { font-size: 65px; line-height: 40px; padding: 0 0 10px; }

.last_slide .link_boxes { width: 340px; }
.link_box .link_desc { padding: 0 8px 0 8px; }
.link_box .link_desc h3 { font-size: 30px; line-height: 24px; }
.link_box .link_desc .read_more { width: 170px; }


}



@media only screen and (max-width: 374px) {

.slide_intro h3 { font-size: 55px; line-height: 35px; }

.link_box { padding: 10px; }
.last_slide .link_boxes { width: 280px; }
.link_box .link_img { width: 110px; min-width: 110px; max-width: 110px; }
.link_box .link_desc { width: calc(100% - 110px); padding: 0 5px 0 5px; }
.link_box .link_desc h3 { font-size: 23px; line-height: 19px; }
.link_box .link_desc .read_more { width: 130px; font-size: 22px; line-height: 17px; }


}