﻿ @media only screen and (min-width:1200px){  #nav UL{padding-right:100px}  #home-icons DIV.placeholder IMG{width:160px} #home-featured-article DIV.container{padding:95px 0px 100px 0px} #home-summary{padding:90px 0px 95px 0px} #home-quote P.quote{padding-left:100px; padding-right:100px}  #recommendations-box{padding:70px 0px}  DIV.video{margin:20px 0px 50px 0px}} @media only screen and (max-width:960px){  #header DIV.container{width:100%} #logo{width:347px; height:82px; left:4%; top:23px; background:url(../images/header-small.png)} #nav-icons LI.home{display:none} #nav-icons LI.search{margin-right:-1px; border-right:solid 1px var(--border-color)} #nav-icons LI P{padding-left:25px; padding-right:25px} #icon-menu-wrapper{border:none; display:block}  #nav{height:auto; border:none; display:none; position:absolute; top:127px; z-index:50; overflow:hidden} #nav DIV.container{width:100%; background:#5090b0} #nav UL{text-align:left} #nav UL:after{width:0%; display:none} #nav UL LI,#nav UL LI.login,#nav UL LI.account{margin:0px 0px 1px 0px; display:block} #nav UL A.top-nav{color:#fff; font-size:5vw; line-height:100%; white-space:nowrap; height:auto; padding:30px 0px 30px 0px; padding-left:4%; padding-right:4%; cursor:pointer; transition:.3s ease-in-out; background:#265986} #nav UL A.top-nav:hover{background:#5090b0}  #search{width:calc(100% - 40px); padding-left:20px; padding-right:20px; border:none} #search INPUT.search-query{width:calc(80% - 22px)} #search P.header,#search #top-searches{width:80%} #search #top-searches FORM.top-searches{width:49%} #search #top-searches FORM.responsive-left{text-align:left} #search #top-searches FORM.responsive-right{text-align:right}  #home-intro{padding:60px 0px} #home-intro DIV.container{text-align:left} #home-intro H1,#home-intro P{margin:0px}  #home-icons{text-align:left; border:none; background:#b0b0b0} #home-icons DIV.container{width:100%; padding:0px; border-right:none; display:block} #home-icons DIV.placeholder{width:calc(100% - 190px - 10%); min-height:180px; margin:0px 0px 1px 0px; padding:50px 0px 50px 0px; padding-left:calc(190px + 5%); padding-right:5%; border:none; position:relative; background:#265986} #home-icons DIV.placeholder:last-child{margin:0px} #home-icons DIV.placeholder P.header{color:#fff; font-size:20px; line-height:20px; padding:0px 0px 25px 0px} #home-icons DIV.placeholder P.text{color:#fff; padding:0px 0px 25px 0px} #home-icons DIV.placeholder P.link A{color:#fff; text-decoration:underline; background:none} #home-icons DIV.placeholder IMG{width:150px; margin:0px; position:absolute; left:5%; top:55px}  #home-featured-article DIV.container{padding:70px 0px 70px 0px} #home-featured-article P.quote,#home-featured-article P.text,#home-featured-article P.learn-more{padding-left:0px} #home-featured-article P.quote{font-size:50px; line-height:64px; background:none} #home-featured-article P.text{font-size:26px; line-height:34px; padding-top:40px; padding-bottom:40px} #home-featured-article P.learn-more A{font-size:18px; line-height:18px}  #home-news{padding:60px 0px 60px 0px} #home-news DIV.container{display:block} DIV.home-news-left{width:100%; padding:0px; display:block} DIV.home-news-left H2,DIV.home-news-left H2 SPAN{font-size:36px; line-height:44px} DIV.home-news-left H2 SPAN{display:inline-block} A.home-news-article{width:calc(50% - 41px); padding:5px 0px 5px 0px; border:none; display:inline-block; vertical-align:top} #home-news-article-1{padding-right:40px; border-right:solid 1px var(--border-color)} #home-news-article-2{margin-left:-1px; padding-left:40px; border-left:solid 1px var(--border-color)} A.home-news-article P.main{padding-bottom:30px} A.home-news-article P.news-link{position:relative; left:0px; bottom:0px}  #home-summary DIV.container{width:100%} DIV.summary P.summary{padding-left:40px; padding-right:40px}  #home-map{padding-top:65px}  #home-quote P.quote{font-size:34px; line-height:42px} #home-quote P.quote:before{content:url(../images/backgrounds/quote-before-small.png)} #home-quote P.quote:after{content:url(../images/backgrounds/quote-after-small.png)}  DIV.inner-left{width:auto; float:none} DIV.inner-left H1,DIV.inner-left H2,DIV.inner-left H3,DIV.inner-left P.header{text-align:left} DIV.inner-right{margin:0px; padding:0px} #body DIV.inner-left #date{display:block}  P.bullet-link-responsive{margin-top:-1px; padding:12px 0px 4px 10px; border:solid 1px #bfdafa; border-left:none; border-right:none; transition:.3s ease-in-out; background:#fff} P.bullet-link-responsive,DIV.dash-bullet P.bullet-link-responsive:last-child{padding-bottom:12px} P.bullet-link-responsive:hover{color:#fff; text-decoration:none; background:#0070a8}  DIV.articles-quote{padding-left:55px; background:url(../images/backgrounds/quote-blue-small.png) no-repeat 0px 40px} DIV.articles-quote P.quote{color:#005088; font-size:28px; line-height:38px}  #recommendations-box-left{width:280px; height:auto} #recommendations-box-left-inner{padding:35px 0px} P.recommendations-box-left{padding-right:30px} #recommendations-box-right{width:calc(100% - 280px - 80px); margin:0px 40px}  DIV.article-row{margin-bottom:20px} DIV.article-row A.article{width:calc(50% - 12px)} DIV.article-row A.article-left{margin-right:10px} DIV.article-row A.article-right{margin-left:10px}} @media only screen and (max-width:750px){ :root{--border-color:#b0b0b0}  H2.lato,H2.lato A,H3.lato,H3.lato A,P.lato,P.lato SPAN,P.lato STRONG,P.lato A,TH{font-size:24px; line-height:30px}  #logo{width:231px; height:62px; top:34px; background:url(../images/header-very-small.png)} #nav-icons LI.login,#nav-icons LI.search,#nav-icons LI.account{display:none} #search{padding-top:35px; padding-bottom:35px} #search P.header,#search #top-searches{width:auto} #search #top-searches FORM.top-searches{text-align:center; width:auto; display:block}  #nav-sub{display:none}  #home-intro{padding:45px 0px} #home-intro H1{font-size:32px; line-height:44px; padding-bottom:35px} #home-intro P{font-size:18px; line-height:30px}  #home-icons DIV.placeholder{width:calc(100% - 110px - 10%); min-height:auto; padding-left:calc(110px + 5%)} #home-icons DIV.placeholder IMG{width:80px}  #home-featured-article{background-image:url(../images/backgrounds/abstract-small.png); background-position:center center} #home-featured-article DIV.container{padding:50px 0px 55px 0px} #home-featured-article P.quote{font-size:40px; line-height:50px} #home-featured-article P.text{font-size:22px; line-height:30px}  #home-news{padding:50px 0px 10px 0px} DIV.home-news-left H2,DIV.home-news-left H2 SPAN{padding-bottom:15px} A.home-news-article{width:100%; margin:0px; padding:0px; display:block} #home-news-article-1,#home-news-article-2{padding:50px 0px 50px 0px; border:none} #home-news-article-1{padding-top:0px; border-bottom:solid 1px var(--border-color)}  #home-summary{padding:60px 0px 10px 0px} #home-summary DIV.container{width:90%} #home-summary P.summary-header{padding:0px 0px 60px 0px} #home-summary-inner{display:block} #home-summary-inner DIV.summary{width:100%; padding:45px 0px; border-right:none; border-top:solid 1px #888} #home-summary-inner DIV.summary-3{border-right:solid 1px #303030} DIV.summary P.number{font-size:85px; line-height:85px} DIV.summary P.summary{padding:20px 20px 0px 20px}  #home-map{padding:50px 0px 40px 0px}  #home-quote{padding:70px 0px 65px 0px} #home-quote IMG{width:200px}  DIV.iso-img,DIV.video,DIV.articles-quote,DIV.infographic{margin-bottom:30px}  DIV.infographic IMG.revisions-iso-9001,DIV.infographic IMG.ultimate-guide{margin-top:0px} DIV.infographic IMG.pdca-cycle{margin-top:10px}  DIV.container-inner,DIV.container-inner-single-column,#articles,#search-results{padding-top:40px}  #recommendations-box-outer{margin-top:50px} #recommendations-box{margin-bottom:0px; padding:40px 0px 0px 0px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column} #recommendations-box-left,#recommendations-box-right{display:block} #recommendations-box-left{width:calc(100% - 40px); padding-left:40px; order:2; background:#e2f8ff} #recommendations-box-right{width:calc(100% - 90px); max-width:374px; margin:0px 50px 40px 40px; order:1}  DIV.article-row{margin:0px; display:block} DIV.article-row A.article-left,DIV.article-row A.article-right{margin:0px} DIV.article-row A.article{width:calc(100% - 2px); margin-bottom:40px; display:block}  #related-articles{padding-top:50px}  DIV.bar-chart-outer P.bar-chart-header{font-size:28px; line-height:34px} DIV.bar-chart-outer P.intro{padding-bottom:30px} DIV.bar-chart P.country{text-align:left; width:75px} DIV.bar-chart DIV.bar-outer{margin-left:90px} DIV.bar-chart P.sector{text-align:left; width:120px} DIV.bar-chart DIV.bar-outer-sector{margin-left:135px} } 