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

a.home_btn { right: 20px; top: 20px; width: 70px; }

}

@media only screen and (max-width: 1280px) {
.wrapper1 { max-width: 1024px; }	

.home_intro .banner_caption { width: 560px; padding: 20px 20px 20px; right:15px; }

.info_thumbs .info_thumb .box_inner { min-height: 620px; padding: 20px 20px 0 20px; }
.info_thumbs .info_thumb:nth-child(1) figure { background-size: 330px !important; }
.info_thumbs .info_thumb h3 { font-size: 27px; line-height: 33px; }



.blocks_container .box .heading_text h3 { font-size: 23px; line-height: 28px; }
.blocks_container .box .heading_full h3 { font-size: 27px; line-height: 33px; }
.blocks_container .box .cont_box .text_box h3 { font-size: 30px; line-height: 28px; padding: 0 5px 0 10px; }

.flip_intro .flip_intro_cont h1 { font-size: 90px; line-height: 94px; }
.flip_intro .flip_intro_cont h1 span{ font-size:70px; line-height:74px; }
.flip_intro .flip_intro_cont p { font-size: 20px; line-height: 28px; }

/*.flipcards { max-width: 1024px; }
.flip-container .inner { height: 360px; }*/


.infographic_intro { padding:0 15px; }
.infographic_intro .infographic_intro_cont { max-width: 1024px; }
.infographic_intro .infographic_intro_cont h1 { font-size: 90px; line-height: 80px; padding:0 20px 0 0; }
.infographic_intro .infographic_intro_cont p { font-size: 28px; line-height: 34px; }

.info1_wrapper { max-width: 1024px; }
.infographic1 .info1_box { width: calc(50% - 50px); margin: 209px 25px 35px; }
.infographic1 .info1_box p { padding: 0 28px; }


.infographic2_intro { padding:0 15px; }
.infographic2_intro .infographic_intro_cont { max-width: 1024px; margin: 100px auto 20px; }
.infographic2_intro .infographic_intro_cont h1 { font-size: 75px; line-height: 77px; }
.infographic2_intro .infographic_intro_cont p { font-size: 24px; line-height: 28px; }

.info2_wrapper { max-width: 1024px; }
.info_bottom img { max-width: 787px; }


}


@media only screen and (max-width: 1024px) {
.home_intro .banner_img{ min-height:0; background:none !important; }
.home_intro .banner_img img{ display:block; }
.home_intro .banner_caption { width: 460px; padding: 15px 15px 15px; }
.home_intro .banner_caption h3 { font-size: 59px; line-height: 63px; padding: 0 0 5px; }
.home_intro .banner_caption p { font-size: 20px; line-height: 26px; padding: 0 0 15px; }
.home_intro .banner_caption a.click_more { padding: 0 0 20px; }
.home_intro .banner_caption a.click_more span { font-size: 20px; line-height: 26px; }


.quiz_logic .quiz_box { min-height: 500px; }
.quiz_box .quiz_step { padding: 0 15px; }
.quiz_box .quiz_step1 p { font-size: 26px; line-height: 44px; padding: 0 0 20px; }
.quiz_box .quiz_step2 { max-width: 304px; }
.quiz_box .quiz_step3 p { font-size: 23px; line-height: 37px; padding: 0 0 10px; }
.quiz_box .quiz_step3 p:last-of-type { font-size: 24px; line-height: 42px; }
.quiz_box .quiz_step3 a.retake_btn { margin: 15px 0 0; }

.info_thumbs .info_thumb .img_box { min-height: 250px; }
.info_thumbs .info_thumb .box_inner { min-height: 500px; padding: 15px 15px 0 15px; }
.info_thumbs .info_thumb:nth-child(1) figure { background-size: 280px !important; }
.info_thumbs .info_thumb:nth-child(2) figure { background-size: 180px !important; }
.info_thumbs .info_thumb h3 { font-size: 22px; line-height: 28px; }

.thumbs_container { padding: 50px 0 20px; margin: 0 0 50px; }

.blocks_container .box { margin: 0 15px 40px 15px; }
.blocks_container .box .box_inner { min-height: 460px; }

.blocks_container .box .heading_text { padding: 15px 15px 0; }
.blocks_container .box .heading_text h3 { font-size: 19px; line-height: 25px; }

.blocks_container .box .heading_full { padding: 0 15px 0; }
.blocks_container .box .heading_full h3 { font-size: 22px; line-height: 28px; }
.blocks_container .box.full .brand_logo { padding: 15px 18px 0; }

.blocks_container .box .cont_box .text_box { height: 345px; width:52%; }
.blocks_container .box .cont_box .text_box h3 { font-size: 23px; line-height: 23px; padding:0 2px 0 4px; }
.blocks_container .box .cont_box .img_box1 { min-height: 345px; width:48%; }


.blocks_container .box .img_box { min-height: 280px; }
.blocks_container .box.full .img_box { min-height: 250px; margin: 50px 0 0; }
.blocks_container .box.full figure { background-size: 180px !important; }

.info_container .info_box { padding: 15px 15px 15px 15px; }
.info_container .info_box h3{ font-size:17px; line-height:21px; }
.info_container .info_box h3 span{ line-height:21px; }
.info_container .info_box p{ font-size:17px; line-height:21px; }


.flip_intro { padding: 0 15px; }
.flip_intro .flip_intro_cont { max-width: 768px; }
.flip_intro .flip_intro_cont h1 { font-size: 66px; line-height: 70px; }
.flip_intro .flip_intro_cont h1 span { font-size: 60px; line-height: 64px; }
.flip_intro .flip_intro_cont p { font-size: 17px; line-height: 23px; }


.flipcards { max-width: 768px; }
.flip-container { padding: 30px 0 30px; }
.flip-container .inner { height: 408px; }
.flip-container .half { width: calc(50% - 30px); margin:0 15px 30px; }

.inner_banner .banner_img{ background:none !important; min-height:0;}
.inner_banner .banner_img img{ display:block; }

.inner_banner .text_part { max-width: 738px; margin: -50px auto 0; padding: 20px 15px 15px; position:relative; z-index:999; }
.inner_banner .text_part.short { max-width: 538px; }
.inner_banner .text_part h1 { font-size: 44px; line-height: 38px; }

.article_desc { padding: 0 15px; }
.article_desc figure { margin: 3px 25px 15px 0; }
.article_desc p { font-size: 17px; line-height: 27px; padding: 0 0 30px; }
.article_desc p strong { font-size: 20px; }
.article_desc h3 { font-size: 20px; line-height: 27px; }

.disclosure{  padding:30px 15px 0; }
.disclosure:after{ left:15px; }
.disclosure p{ font-size:15px; line-height:25px; }


.infographic_intro .infographic_intro_cont { max-width: 768px; }
.infographic_intro .infographic_intro_cont h1 {	font-size: 58px; line-height: 52px; padding: 0 0 5px; max-width:630px; }
.infographic_intro .infographic_intro_cont p { font-size: 22px; line-height: 30px; }

.info1_wrapper { max-width: 768px; }
.infographic1 { padding: 55px 0 0; }
.infographic1 .info1_box .info1_box_inner { min-height: 490px; }
.infographic1 .info1_box:nth-child(6) .info1_box_inner { background-size: 300px !important; }
.infographic1 .info1_box { width: calc(50% - 30px); margin: 150px 15px 40px; }
.infographic1 .info1_box .top_box { width: 320px; height: 320px; margin: -160px auto 0; border-width: 15px; }
.infographic1 .info1_box .top_box h3 { font-size: 164px; line-height: 168px; }
.infographic1 .info1_box .top_box h3 > span { font-size: 30px; line-height: 34px; }
.infographic1 .info1_box .top_box h3 small { font-size: 100px; line-height: 168px; }
.infographic1 .info1_box .top_box h3 label + span { margin: -25px 0 0; }
.infographic1 .info1_box p { font-size: 17px; line-height: 22px; padding: 0 12px; }


.infographic2_intro .infographic_intro_cont { max-width: 768px; margin: 100px auto 20px; }
.infographic2_intro .infographic_intro_cont h1 { font-size: 58px; line-height: 52px; }
.infographic2_intro .infographic_intro_cont p { font-size: 23px; line-height: 29px; }

.info2_wrapper { max-width: 768px; }
.infographic2 .info2_box .info2_box_inner { min-height: 405px; padding: 15px 15px 10px; }

.infographic2 .info2_box h3 { font-size: 28px; line-height: 32px; }
.infographic2 .info2_box p { font-size: 15px; line-height: 19px; }
.info_bottom img { max-width: 640px; margin:0 0 0 100px; }


.infographic2 .info2_box:nth-child(1) .line_anim { left: 65px; }
.infographic2 .info2_box:nth-child(2) .line_anim { left: 115px; }
.infographic2 .info2_box:nth-child(3) .line_anim { left: 160px; }
.infographic2 .info2_box:nth-child(4) .line_anim { left: 105px; }
.infographic2 .info2_box:nth-child(5) .line_anim { left: 105px; }


}



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

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: 8px 0 0 0; }
ul.left_logos li.ishares_logo { padding: 0 17px 0 0; background-size: 9px;}
ul.left_logos li.ishares_logo a { width: 90px; }
ul.left_logos li.money_logo { padding: 0 0 0 5px; }
ul.left_logos li.money_logo a { width: 82px; }
header ul.social_icon { margin-top: 8px; }

.home_intro .wrapper { height: auto; position: static; top: auto; left: auto; transform: none; -webkit-transform: none; -moz-transform: none; float: left; }
.home_intro .banner_caption { width: 100%; padding: 15px 15px 15px; float: left; position: static; right: auto; top: auto; transform: none; -webkit-transform: none; -moz-transform: none; }

.home_intro .banner_caption h3 { font-size: 50px; line-height: 50px; }
.home_intro .banner_caption p { font-size: 18px; line-height: 24px; }

.quiz_logic .quiz_box { min-height: 450px; }
.quiz_box .quiz_step1 p { font-size: 22px; line-height: 32px; padding: 0 0 15px; }
.quiz_box .quiz_step2 h3 { font-size: 18px; line-height: 22px; margin: 0 0 10px; }
.quiz_box .quiz_step2 h3 span { font-size: 12px; line-height: 16px; top: 21px; }
.quiz_box .quiz_step2 ul li a { font-size: 20px; line-height: 24px; }
.quiz_box .quiz_step3 p { font-size: 22px; line-height: 32px; padding: 0 0 15px; }
.quiz_box .quiz_step3 p:last-of-type { font-size: 23px; line-height: 33px; }


.thumbs_container { padding: 30px 0 0px; margin: 0 0 30px; }

.info_thumbs .info_thumb .box_inner { min-height: 470px; padding: 10px 0 0 0; }
.info_thumbs .info_thumb:nth-child(1) figure { background-size: 265px !important; }
.info_thumbs .info_thumb .heading_text { padding: 5px 10px 40px; min-height:110px; }
.info_thumbs .info_thumb h3 { font-size: 19px; line-height: 25px; }


.blocks_container .box .box_inner { min-height: 440px; }
.blocks_container .box.full .box_inner { border-width: 6px; }
.blocks_container .box .img_box { min-height: 250px;  }
.blocks_container .box.paid .img_box { border-width:6px; }

.blocks_container .box .heading_text { padding: 15px 10px 0; }
.blocks_container .box .heading_text h3 { font-size: 18px; line-height: 24px; }

.blocks_container .box .heading_full h3 { font-size: 19px; line-height: 25px; padding:0 0 15px; }

.blocks_container .box .cont_box .text_box { height: 310px; width:50%; }
.blocks_container .box .cont_box .text_box h3 { font-size: 18px; line-height: 20px; padding:0 2px 0 4px; }
.blocks_container .box .cont_box .img_box1 { min-height: 310px; width:50%; }

.info_container .info_box { padding: 10px 10px 10px 10px; }
.info_container .info_box h3{ font-size:14px; line-height:20px; }
.info_container .info_box h3 span{ line-height:20px; }
.info_container .info_box p{ font-size:14px; line-height:20px; }

.flip_intro .flip_intro_cont { max-width: 666px; }
.flip_intro .flip_intro_cont h1 { font-size: 54px; line-height: 58px; padding:0 0 10px; }
.flip_intro .flip_intro_cont h1 span { font-size: 50px; line-height: 54px; }
.flip_intro .flip_intro_cont p { font-size: 16px; line-height: 22px; padding:0 0 15px; }

.flipcards { max-width: 666px; }
.flip-container .inner { height: 350px; }


.inner_banner { margin: 0 0 25px; }
.inner_banner .text_part { max-width: 100%; margin: 0; }
.inner_banner .text_part.short { max-width: 100%; }
.inner_banner .text_part h1 { font-size: 40px; line-height: 36px; }

.article_desc p { font-size: 16px; line-height: 26px; padding: 0 0 15px; }
.article_desc p strong { font-size: 18px; line-height: 24px; }
.article_desc h3 { font-size: 18px; line-height: 26px; }
.article_desc figure { margin: 3px 20px 15px 0; max-width:250px; }

.disclosure{  padding:30px 15px 0; }
.disclosure p{ font-size:14px; line-height:24px; padding:0 0 10px; }

.blocks_container.bottom_slider { padding: 5px 0 30px; }


.infographic_intro .infographic_intro_cont h1 { font-size: 48px; line-height: 44px; max-width:525px; }
.infographic_intro .infographic_intro_cont p { font-size: 20px; line-height: 26px; }

.infographic1 .info1_box .top_box { width: 290px; height: 290px; margin: -150px auto 0; border-width: 10px; }
.infographic1 .info1_box .top_box h3 { font-size: 150px; line-height: 154px; }
.infographic1 .info1_box .top_box h3 small { font-size: 100px; line-height: 154px; }

.infographic1 .info1_box p { font-size: 16px; line-height: 20px; padding: 0 9px; }
.infographic1 .info1_box:nth-child(6) .info1_box_inner { background-size: 280px !important; }

.infographic2_intro .infographic_intro_cont h1 { font-size: 48px; line-height: 44px; }
.infographic2_intro .infographic_intro_cont p { font-size: 20px; line-height: 26px; }

.infographic2 .info2_box { width: calc(50% - 30px); margin: 0 15px 30px; }
.infographic2 .info2_box:nth-child(4), .infographic2 .info2_box:nth-child(5) { margin: 0 15px 30px; }
.infographic2 .info2_box .line_anim { display:none; }
.infographic2 .info2_box .info2_box_inner { min-height: 340px; padding: 10px 10px 10px; }


.info_bottom{ padding:0 15px; }
.info_bottom img { max-width: 100%; margin: 0; }


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

a.vid-close::before { height: 35px; width: 3px; }
a.vid-close::after { height: 35px; width: 3px; }

.info_thumbs .info_thumb .paid { font-size: 13px; }
.blocks_container .box .paid { font-size: 13px; }
a.home_btn { right: 15px; top: 15px; width: 50px; }


.blocks_container .box .brand_logo{ padding:10px 10px 10px; }

}


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

.home_intro .banner_caption h3 { font-size: 40px; line-height: 40px; }
.home_intro .banner_caption p { font-size: 17px; line-height: 23px; }
.home_intro .banner_caption a.click_more span { font-size: 18px; line-height: 24px; }


.quiz_logic .quiz_box { min-height: 420px; }
.quiz_box .quiz_step1 p { font-size: 20px; line-height: 30px; }
.quiz_box .quiz_step1 a.next_btn { font-size: 14px; line-height: 18px; padding: 10px 0 8px; }

.quiz_box .quiz_step2 a.submit_btn{ font-size: 14px; line-height: 18px; padding: 10px 0 8px; margin:5px 0 0; }

.quiz_box .quiz_step3 p { font-size: 18px; line-height: 24px; }
.quiz_box .quiz_step3 p:last-of-type { font-size: 18px; line-height: 24px; }
/*.quiz_box .quiz_step3 a.click_more1 { padding: 0 0 10px; }*/


.quiz_box .quiz_step3 a.learn_more{ font-size: 14px; line-height: 18px; padding: 10px 0 8px; }
.quiz_box .quiz_step3 a.retake_btn{ font-size: 14px; line-height: 18px; padding: 10px 0 8px; }


.wrapper1 { max-width: 480px; }

.info_thumbs .info_thumb { width: calc(100% - 30px); }
.blocks_container .box { width: calc(100% - 30px); margin: 0 15px 30px 15px; }
.blocks_container .box .box_inner { min-height: 380px; }
.blocks_container .box .img_box { min-height: 200px; }

.blocks_container .box.full .img_box { min-height: 200px; }
.blocks_container .box.full figure { background-size: 150px !important; }

.blocks_container .box .cont_box .text_box { height: 260px; }
.blocks_container .box .cont_box .img_box1 { min-height: 260px; }


.flip_intro .flip_intro_cont { margin: 70px auto 15px; }
.flip_intro .flip_intro_cont h1 { font-size: 44px; line-height: 44px; padding: 0 0 10px; }
.flip_intro .flip_intro_cont h1 span { font-size: 40px; line-height: 44px; }

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

.inner_banner .text_part h1 { font-size: 28px; line-height: 28px; }

.infographic_intro .infographic_intro_cont { margin: 70px auto 0; }
.infographic_intro .infographic_intro_cont h1 { font-size: 36px; line-height: 36px; max-width:390px; }
.infographic_intro .infographic_intro_cont p { font-size: 19px; line-height: 23px; }

.info1_wrapper { max-width: 480px; }
.infographic1 { padding: 60px 0 0; }
.infographic1 .info1_box { width: calc(100% - 30px); margin: 125px 15px 55px; }
.infographic1 .info1_box .info1_box_inner { min-height: 300px; padding: 0 0 10px; }
.infographic1 .info1_box:nth-child(6) { margin: 0 15px 35px; }


.infographic2_intro .infographic_intro_cont { margin: 70px auto 20px; }
.infographic2_intro .infographic_intro_cont h1 { font-size: 36px; line-height: 36px; }
.infographic2_intro .infographic_intro_cont p { font-size: 19px; line-height: 23px; }

.info2_wrapper { max-width: 480px; }
.infographic2 .info2_box { width: calc(100% - 30px); margin:0 15px 20px; }
.infographic2 .info2_box:nth-child(4), .infographic2 .info2_box:nth-child(5) { margin: 0 15px 20px; }
.infographic2 .info2_box .info2_box_inner { min-height: 0; }

}


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

.quiz_box .quiz_step3 p { font-size: 15px; line-height: 20px; }
.quiz_box .quiz_step3 p:last-of-type { font-size: 15px; line-height: 19px; }


.blocks_container .box .cont_box .text_box h3 { font-size: 17px; line-height: 19px; }

.info_thumbs .info_thumb:nth-child(1) figure { background-size: 250px !important; }
.flip_intro .flip_intro_cont h1 { font-size: 30px; line-height: 30px; }
.flip_intro .flip_intro_cont h1 span { font-size: 30px; line-height: 34px; }

.flipcards { max-width: 320px; }
.flip-container .inner { height: 334px; }


.inner_banner .text_part h1 { font-size: 22px; line-height: 22px; }
.bottom_thumbs { padding: 0 25px; }
.bottom_slider .slick-prev { left: -20px; }
.bottom_slider .slick-next { right: -20px; }

.infographic_intro .infographic_intro_cont h1 { font-size: 28px; line-height: 28px; max-width:300px; }
.infographic_intro .infographic_intro_cont p { font-size: 18px; line-height: 22px; }

.infographic2_intro .infographic_intro_cont h1 { font-size: 28px; line-height: 28px; }
.infographic2_intro .infographic_intro_cont p { font-size: 18px; line-height: 22px; }

ul.left_logos li.rs_logo a { width: 95px; height: 12px; }
ul.left_logos li.ishares_logo a { width: 80px; }
ul.left_logos li.tl_logo a { width: 80px; }
ul.left_logos li.parents_logo a { width: 90px; }
header ul.left_logos { padding-top:10px; }
}