@media only screen and (max-width: 1100px) {
.years_nav { left: 15px; }

.infographic_banner .text h3 { font-size: 119px; line-height: 99px; }
.infographic_banner .text h3 span { font-size: 115px; line-height: 107px; }

}
	

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

.homecontent .wrapper{ padding:0 15px;}

/*
.home_banner { min-height: 0; background:none !important; }
.home_banner .home_banner_img{ display:block; width:100%;}

.home_banner .banner_caption h3 { font-size: 70px; line-height: 74px; }
*/
	
.home_banner .banner_caption {
    padding: 20px 15px 20px;
}
	
.video_sec { min-height: 450px; }
.video_sec span { font-size: 30px; line-height: 34px; padding: 15px 0 15px; }

.infographic1_intro figure { width: 50%; }
.infographic1_intro .text { width: 50%; }
.infographic1_intro .text h3 { font-size: 112px; line-height: 92px; display: inline-block; }
.mac-os .infographic1_intro .text h3{ padding:23px 0 0;}
.infographic1_intro .text h3 span { font-size: 109px; line-height: 90px; }

.infographic2_intro figure { width: 50%; }
.infographic2_intro .text { width: 50%; }
.infographic2_intro .text h3 { font-size: 60px; line-height: 64px; display: inline-block; }
.mac-os .infographic2_intro .text h3{ padding:16px 0 3px;}

.intro_sec .intro_sec_inner { padding: 0 20px; }
.intro_sec .intro_sec_head h1 { font-size: 50px; line-height: 54px; }
.intro_sec .intro_sec_cont figure { margin: 0 20px 70px 0; }
.intro_sec .intro_sec_cont h3 { font-size: 50px; line-height: 52px; }
.intro_sec .intro_sec_cont p { font-size: 18px; line-height: 28px; }
.intro_sec .intro_sec_cont a.read_more { margin: 30px 0 0; }


.article_banner { min-height: 450px; }
.article_intro { padding: 0 15px; }
.article_intro h1 { font-size: 64px; line-height: 68px; letter-spacing: -2px; padding: 0 0 20px; }
.article_content h3 { font-size: 20px; line-height: 28px; }
.article_content blockquote { font-size: 30px; line-height: 34px; margin: 8px 0 25px -40px; }

.model_box_details h3 { font-size: 20px; line-height: 28px; }


.infographic_banner .text h3 { font-size: 85px; line-height: 65px; }
.infographic_banner .text h3 span { font-size: 83px; line-height: 68px; }

.source_sec { padding: 10px 15px 30px; }
.article_content .source_sec { padding: 10px 0 30px; }

.years_nav { left: 5px; }
.filter_sec .wrapper1 { max-width: 680px; margin: 0 auto; }
.blocks_container .block_box { padding: 30px 0px 20px; }

.block_box .inner_block .desc_box { padding: 5px 0 0; }
.block_box .inner_block:hover .desc_box{ width:395px; }
.block_box .inner_block .desc_box p { font-size: 12px; line-height: 16px; }

}



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

.map_sec .map_intro { padding: 0 10px 0; }	
.map_intro h3 { font-size: 68px; line-height: 72px; }	
.map_intro h3 span { font-size: 30px; line-height: 30px; }
.mac-os .map_intro h3 span{ margin:5px 0 0 15px;}
.map_img { padding: 0 10px; }

.legend_sec h3 { font-size: 30px; line-height: 34px; padding:0; }
.legend_sec ul { padding: 3px 0 3px 7px; max-width: 110px; }
.legend_sec ul li:nth-of-type(1) { background-size: 14px; }
.legend_sec ul li:nth-of-type(2) { background-size: 16px; }
.legend_sec ul li { font-size: 13px; line-height: 13px; }


}


@media only screen and (max-width: 767px) {
#layout { padding: 100px 0 0; }	
header .header_inner{ border-bottom:18px solid #bce2f1; border-top:none; padding:0 10px 10px;}
header a.paid_logo{ margin:0 auto 0; padding:0 5px 0; top:auto; bottom:-18px; left:0; right:0; transform:none; -webkit-transform:none; -moz-transform:none; -ms-transform:none;-o-transform:none;}

ul.left_logos li.hilton_logo { padding: 0 18px 0 0; }
ul.left_logos li.fortune_logo { padding: 0 0 0 5px; }
header ul.social_icon li { margin-left: 5px; }


.nav_menu ul li{ font-size:14px;}
.nav_menu ul li a { padding: 7px 0 6px; }

.home_banner { min-height: 350px; background-size:768px !important; background-position:center top !important; }
.home_banner .banner_caption { padding: 20px 15px 20px; }
.home_banner .banner_caption h3 { font-size: 60px; line-height: 64px; color: #fff; padding: 9px 0 9px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; }
.mac-os .home_banner .banner_caption h3{ padding: 15px 0 3px;}
.home_banner .banner_caption p{ color: #fff; }
	
.video_sec { min-height: 400px; margin:0 0 30px; }
.video_sec a { background-size: 50px; }
.video_sec span { font-size: 26px; line-height: 30px; padding: 10px 0 10px; }

.infographic1_intro { margin: 0 0 30px; }
.infographic1_intro .text h3 { font-size: 94px; line-height: 74px; padding: 4px 0 12px; }
.mac-os .infographic1_intro .text h3{ padding: 8px 0 0;} 
.infographic1_intro .text h3 span { font-size: 92px; line-height: 96px; }

.infographic2_intro { margin: 0 0 30px; }
.infographic2_intro .text h3 { font-size: 50px; line-height: 54px; }
.mac-os .infographic2_intro .text h3{ padding: 14px 0 3px;}


.intro_sec { padding: 42px 0 30px; }
.intro_sec .intro_sec_inner { padding: 0 15px; }
.intro_sec .intro_sec_cont figure { float:none; margin: 0 20px 20px 0; }
.vid_row .vid_col { width: calc(50% - 30px); margin: 0 15px 30px; }

.intro_sec .intro_sec_head h1 { font-size: 40px; line-height: 44px; }
.intro_sec .intro_sec_head h1 span { font-size: 28px; line-height: 32px; }
.intro_sec .intro_sec_cont h3 { font-size: 40px; line-height: 42px; }


.article_intro h1 { font-size: 56px; line-height: 60px; letter-spacing: -1px; padding: 0 0 15px; }
.article_content h3 { font-size: 18px; line-height: 26px; }
.article_content blockquote { font-size: 28px; line-height: 32px; margin: 8px 0 25px 0; }

.article_banner { min-height: 350px; }


.source_sec { padding: 10px 15px 15px; }
.article_content .source_sec { padding: 10px 0 15px; }

.model_box_details { padding: 15px 90px 0 0; }
.model_box_details h3 { font-size: 18px; line-height: 26px; }

a.vid-close { width: 25px; height: 35px; font-size: 25px; line-height: 35px; }
.vid_box.active a.vid-close { top: -36px; }

.years_nav { left: 0; top: 100px; transform: none; -webkit-transform: none; -moz-transform: none; width: 100%; background:#fff; }
.years_nav li{ display:inline-block; margin:0 7px; }
.years_nav li:first-child { margin: 0 7px; }
.years_nav::after { width: 240px; height: 2px; left: 50%; top: 50%; margin: -1px 0 0 -120px; }

.infographic_banner { margin: 19px 0 0; }
.infographic_content { padding: 0 15px; }

.filter_sec .blocks_container { padding: 0 10px; }
.blocks_container .block_box { padding: 20px 0px 20px; }
.block_box .left_block { padding: 0 39px 0 0; margin: 0 0 0; }
.block_box .right_block { padding: 0 0 0 39px; margin: 0 0 0; }
.block_box .inner_block:hover .desc_box{ width:360px; }

.block_box .left_block .inner_block:after{ width:28px; right:-28px; }
.block_box .right_block .inner_block:after{ width:28px; left:-28px; }

.map_sec{ max-height:calc(100% - 97px); }
.map_sec.active { top: 97px; }
header a.expand_map { top: 100%; }


.map_sec .map_intro { padding: 0 15px 0; margin:45px 0 0; float:left; width:100%; position:relative; }
.map_sec .map_intro:after{ content:""; position:absolute; left:0; top:-35px; width:100%; background: url(../images/map0.png) no-repeat center 20px; background-size:400px; min-height:230px; z-index:-1; opacity:0.5;}
.map_sec .legend_sec{ display:none; }
.map_img { display:none; }
.map_intro h3 { display: block; }
.map_intro p { float: left; }

.map_sec .map_mob{ display:block; }

.map_intro h3 { font-size: 63px; line-height: 63px; }
.map_intro h3 span { font-size: 26px; line-height: 28px; padding:5px 0 5px; }
.mac-os .map_intro h3 span{ margin:3px 0 0 15px;  padding:9px 0 3px; }
.map_popup{ background:rgba(0,0,0,0.8); }



/*.map_popup{ position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0);  z-index:999999; display:none; }*/
.map_popup{ position:fixed; width:100%; height:100%; left:0; top:0;  box-shadow:none;  z-index:999999; }
.map_popup.right_side{ left:auto; right:calc(100% + 5px);}

.map_popup .map_popup_inner{ position:absolute; width:295px; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.3); }


header a.expand_map { width: 60px; }

.ad_container .ad.ad_top{ margin:48px auto 30px;}

}




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

.nav_menu ul li { font-size: 11px; }

.infographic1_intro figure { float: none; display: block; width: 100%; max-width: 480px; margin: 0 auto; }
.infographic1_intro .text { padding:15px; width: 100%; max-width:320px; display:block; margin:0 auto; clear:both; text-align: center; background:rgba(255,255,255,0.85); left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);  }

.infographic2_intro figure { float: none; display: block; width: 100%; max-width: 480px; margin: 0 auto; }
.infographic2_intro .text { padding:15px; width: 100%; max-width:320px; display:block; margin:0 auto; clear:both; text-align: center; background:rgba(255,255,255,0.85); left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); }



.infographic2_intro .text a { margin: 30px 0 0; }


.vid_row .vid_col { width: calc(100% - 30px); margin:0 15px 15px; }
.vid_row .vid_col figure { background-size: cover !important; }

.article_content { padding: 0 15px; }
.article_intro h1 { font-size: 44px; line-height: 48px; }

.model_box_details h3 { font-size: 16px; line-height: 22px; }

.grid_images { width: 100%; }
.infographic_banner .text { padding:15px; width: 100%; max-width:320px; display:block; margin:0 auto; clear:both; text-align: center; background:rgba(255,255,255,0.85); left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);  }




.years_nav { top: 95px; }
.filter_tabbing ul li { display: block; max-width: 400px; margin: 0 auto 5px; text-align: center; }
.filter_tabbing ul li:nth-of-type(2) { margin: 0 auto 5px; }
.filter_tabbing ul li a { width: 100%; font-size: 22px; line-height: 29px; padding: 5px 0; }

.filter_tabbing .filtered_box { width: calc(100% - 20px); padding: 25px 30px 10px 15px; }

.block_box .left_block { float: none; width: 100%; max-width:284px; padding: 0 0 0 0; margin: 30px auto 30px; display: block; }
.block_box .right_block { float: none; width: 100%; max-width:284px; padding: 0 0 0 0; margin: 30px auto 30px; display: block; }

.blocks_container .block_box .left_block.inactive, .blocks_container .block_box .right_block.inactive{ margin:30px auto 0; }


.block_box .inner_block { float: none; margin: 0 auto; display: block; min-height: 100px; }
.block_box .left_block .inner_block { float: none; }
.block_box .left_block .dot { right: calc(50% - 13px); top: -38px; transform: none; -webkit-transform: none; -moz-transform: none; }
.block_box .right_block .dot { left: calc(50% - 13px); top: -38px; transform: none; -webkit-transform: none; -moz-transform: none; }

.block_box .left_block .inner_block::after { width: 2px; height: 7px; top: -7px; right: calc(50% - 1px); z-index: 9; }
.block_box .right_block .inner_block::after { width: 2px; height: 7px; top: -7px; left: calc(50% - 1px); z-index: 9; }

.block_box .inner_block .desc_box { top: 100%; width: 100%; height: 4px; padding:0; z-index: 999; left: 0; border-bottom: 4px solid #de3d2b; }
.block_box .left_block .inner_block .desc_box { left: 0; border-right: none; }
.block_box .right_block .inner_block .desc_box { border-left: none; }

.block_box .inner_block:hover .desc_box{ width:100%; height:auto; }

.block_box .inner_block .desc_box p { padding: 10px 10px; }


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

.map_sec{ max-height:calc(100% - 95px); }
.map_sec.active { top: 95px; }


}


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

.nav_menu ul li { padding: 0 2px 0 6px; font-size: 10px; }
.nav_menu ul li:first-child{ padding-left:0; }
.nav_menu ul li:last-child{ padding-right:0; } 

.home_banner { min-height: 290px; }
.home_banner .banner_caption h3 { font-size: 46px; line-height: 50px; padding:7px 0 7px; margin:0 0 12px; }
.home_banner .banner_caption p { font-size: 15px; line-height: 19px; padding: 0 0 25px; }

.video_sec { min-height: 250px; }
.video_sec span { font-size: 22px; line-height: 26px; }

.intro_sec .intro_sec_head h1 { font-size: 34px; line-height: 38px; padding: 0 0 20px; }
.intro_sec .intro_sec_cont h3 { font-size: 34px; line-height: 38px; }
.intro_sec .intro_sec_cont p { font-size: 16px; line-height: 26px; }
.vid_row .vid_col figure span { font-size: 14px; }

.article_banner { min-height: 250px; }
.article_intro h1 { font-size: 40px; line-height: 44px; }
.article_content p { font-size: 16px; line-height: 30px; letter-spacing: 0.65px; color: #000; padding: 0 0 25px; }

.model_box_details h3 { font-size: 14px; line-height: 20px; }

.years_nav { top: 94px; }

.filter_tabbing ul li { max-width: 290px; }

.map_sec{ max-height:calc(100% - 94px); }
.map_sec.active { top: 94px; }

.infographic1_intro .text { max-width:260px;  }
.infographic1_intro .text h3 { font-size: 72px; line-height: 52px; }
.mac-os .infographic1_intro .text h3{ padding: 5px 0 0;}
.infographic1_intro .text h3 span { font-size: 70px; line-height: 72px; }

.infographic2_intro .text { max-width:260px; }
.infographic2_intro .text h3 { font-size: 38px; line-height: 42px; }
.mac-os .infographic2_intro .text h3{ padding: 12px 0 3px;}

.infographic_banner .text { max-width:260px;  }
.infographic_banner .text h3 { font-size: 72px; line-height: 52px; }
.infographic_banner .text h3 span { font-size: 69px; line-height: 55px; }

}

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

.nav_menu ul li { padding: 0 1px 0 4px; font-size: 9px; }

.map_intro h3 { font-size: 56px; line-height: 56px; }
.map_intro h3 span { font-size: 22px; line-height: 24px; margin: 9px 0 0 15px; }

.map_mob .map_mob_links a.map_for { font-size: 36px; line-height: 26px; }
.map_mob .map_mob_links a.map_for span { font-size: 26px; line-height: 26px; }
.map_mob .map_mob_links a.map_for small { height: 26px; }

.home_banner .banner_caption h3 { font-size: 38px; line-height: 42px; }
	
}


@media screen and (max-height:690px)and (min-width:768px){


.map_img { max-width: 768px; }

}