/* Constants */

:root {
	--white:     #FFFFFF;
	--offwhite:  #F8F8F8;
	--lightgray: #DADADA;
	--gray:      #595959;
	--darkgray:  #111111;
	--black:     #000000;
	--red:       #D90000;
	--pink:      #EC6E85;
	--rose:      #FFE4E4;
	--orange:    #F1A454;
	--blue:      #040468;
	--lightblue: #F4F9FF;
	--lavender:  #EEEEFF;
	--lavdark:   #9999CC;
	--sky:       #DDF0FF;
	--skydark:   #CCE0F8;

	--headbig:    36px;
	--headmed:    24px;
	--head:       20px;
	--subheadbig: 18px;
	--subhead:    15px;
	--bodybig:    14px;
	--body:       13px;
	--bodysmall:  12px;
	--small:      10px;
	--tiny:        9px;

	--gradient:   linear-gradient(180deg, rgba(248,248,248,0) 0%, rgba(248,248,248,1) 100%);
}

/* Native elements */

html {
	font-size: 100%; /* basis for rem */
}

body {
	font-family: Verdana, sans-serif;
	color: var(--darkgray);
	border: 0;
	line-height: 1;
	min-width: 350px;
	max-width: 1400px;
	margin: 0 auto;
}

a {
	color: inherit;
}
button {
	background-color: #ffffff;
}

/* UI elements */

.White {
	color: var(--white) !important;
}
.Black {
	color: var(--black);
}
.Red {
	color: var(--red);
}
.Blue {
	color: var(--blue) !important;
}
.LightBlue {
	color: var(--lightblue);
}
.DarkGray {
	color: var(--darkgray);
}
.Gray {
	color: var(--gray);
}
.LightGray {
	color: var(--lightgray);
}
.Gradient {
	background: var(--gradient);
}

.navbar-static-top {
    z-index: 500;
}
.navbar-autolog {
    font-weight: 700;
    color: var(--blue);
    font-size: var(--body);
    border: 1px dotted #555;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 8px;
    top: 6px;
}

.dot {
  height: 40px;
  width: 40px;
  background-color: #BBBBBB;
  border-radius: 50%;
  display: inline-block;
}

.PMLogo {
	width: auto;
	height: 48px;
	padding: 0;
}

#DesktopLogo {
	padding: 0; 
	margin: 0; 
	padding-bottom: 16px;
	padding-right: 36px;
}
#DesktopLogo a {
	padding: 0;
	margin: 0;
}

.Vector {
	width: 9px;
	height: 4px;
	color: var(--blue);
	margin-left: 6px;
}

.Checkmark {
	width: 24px;
	height: auto;
}

.Icons {
	margin-left: 256px;
}
.Icon {
	display: inline-block;
	width: auto;
	height: 18px;
	margin-right: 12px;
}
.Icon-large {
	display: inline-block;
	width: auto;
	height: 36px;
	margin-right: 12px;
}

.UserIcon {
	padding: 0; 
	width: 13px; 
	height: auto; 
	margin-top: -5px; 
	margin-right: 3px;
}
.Screencast-icon {
	width: auto;
	height: 14px;
	padding-left: 4px;
	margin-top: -2px;
	display: inline-block;
}

.Buttons {
	clear: both;
	margin-left:max(1rem, 64px);
}

.Button,
.Button-rad,
.Button-rad-fill {
	display: inline-block;
	box-sizing: border-box;
	border: 1px solid var(--gray);
	padding: 8px 14px 10px 14px;
	font-family: Verdana, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: var(--body);
	color: var(--gray);
}

.Button-rad,
.Button-rad-fill {
	border-radius: 30px;
}

.Button-rad-fill {
	border-color: #ffffff;
	display: inline-block;
	background-color: var(--red);
	color: #ffffff;
}
.Button-rad-fill:hover {
	border: 1px solid var(--red);
	background-color: #ffffff;
	color: var(--red);
}


.Button-fill,
.Button-hollow {
	display: inline-block;
	box-sizing: border-box;
	border: 1px solid var(--red);
	border-radius: 19px;
	padding: 5px 14px 6px 14px;
	font-family: Verdana, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
}

.Button-fill,
.Button-hollow:hover {
	background-color: var(--red);
	color: #ffffff;
}

.Button-hollow,
.Button-fill:hover {
	background-color: #ffffff;
	color: var(--red);
}

.Button,
.Button-rad,
.Button-fill,
.Button-hollow {
	cursor: pointer;
}


/* Text styles */

.HeaderBig,
.HeaderSmall,
.SubheadBig,
.SubheadSmall,
.BodyBig,
.Body,
.Byline {
	font-family: 'Verdana';
	font-style: normal;
	font-weight: 400;
	color: var(--darkgray); /* dark grey */
}

.HeaderBig {
	font-weight: 700;
	font-size: var(--headbig);
	line-height: 1.22; /* 44px; */
}
.Header {
	font-weight: 700;
	font-size: var(--headmed);
	line-height: 1.22;
}
.HeaderSmall {
	font-weight: 700;
	font-size: var(--head);
	line-height: 1.3; /* 24px */
}
.SubheadBig {
	font-weight: 700;
	font-size: var(--subheadbig);
	line-height: 1.39; /* 25px */
	/* text-transform: capitalize; */
}
.SubheadSmall {
	font-weight: 700;
	font-size: var(--subhead);
	line-height: 1.47; /* 22px */
}
.BodyBig {
	font-size: var(--bodybig);
	line-height: 1.71; /* 24px; */
}
.Body,
.BodyBold {
	font-size: var(--body);
	line-height: 1.67; /* 22px; */
}
.BodyBold {
	font-weight: 700;
}
.BodySmall,
.BodyBoldSmall {
	font-size: var(--bodysmall);
	line-height: 1.25;
}
.BodyBoldSmall {
	font-weight: 700;
}
.Small {
	font-size: var(--small);
	line-height: 1.33;
}

.Byline {
	font-style: italic;
	font-size: var(--body);
	line-height: 1.54; /* 20px; */
}
.Dateline {
	text-transform: uppercase; 
	font-size: var(--tiny); 
	line-height: 1.22; 
	font-weight: 700; 
	background-color: var(--lightblue);
	border-radius: 2px; 
	padding: 2px 5px 3px 5px;
}

/* Bootstrap */

#flexarea {
	margin-right: 16px;
}

.container {
	margin-left:0; 
	padding-left:0; 
	width:100%;
}
.container-fluid {
	padding: 0;
}

.col-xs-12 {
	float: none;
	margin: 0 auto;
	max-width: 1400px;
	padding-left: 64px;
	margin-top: 50px;
}
.col-xs-12 a {
	text-decoration: none;
	border-bottom: 1px solid;
	color: var(--darkgray);
}

/* Header */

.nav {
	font-family: Verdana, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
}
.nav > li > a {
	padding-top: 12px;
}

#navbar {
	margin-left: 0; 
	margin-right: 0; 
	padding-top: 16px; 
	padding-right: 0; 
	padding-left: 54px;
	padding-right: 54px;
}

.navbar,
.navar-static-top {
	margin-top: 0;
	border: 0;
}
.navar-static-top {
	min-height: 80px;
}
.navbar-default .navbar-nav > li > a {
	color: var(--blue); /* Blue */
}
.navbar-default .navbar-toggle .icon-bar,
.icon-bar {
	background-color: var(--blue);
}

#menu_account {
	padding-left: 24px;
}

.dropdown-toggle {
	font-family: Verdana, sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px; /* identical to box height, or 138% */
	color: var(--darkgray); /* dark grey */

}

.DropdownMenu {
	left: -60px;
}
.closeMenu {
	height: 14px;
	width: 15px;
}

#TopSearch {
	border-bottom: 1px dotted var(--darkgray); 
	padding-right:0; 
	padding-left:0; 
	margin-top:10px; 
}

#ss_q {
	border: 0; 
	box-shadow: none; 
	font-size: 16px; 
	width: auto;
	max-width: 232px;
}
.form-group {
	border: 0;
	margin-right: 0;
}

.btn {
	background-color: #ffffff;
}
.searchH {
	height: 18pt;
}
input.searchH {
	border: 0;
}
button.searchH {
	margin-left: 0;
	border: 0;
	border-color: #ffffff; 
}

/* Footer */

#Footer {
	display: block;
	visibility: visible;
	margin-top: 100px;
	margin-left: 24px;
	margin-bottom: 24px;
	margin-right: 24px;
	color: #656565;
}
.Ftext {
	font-size: var(--bodybig);
	line-height: 1.7;
	margin-right: 16px;
}
.Fitem {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 23px;
	white-space: nowrap;
}
.Fhed {
	margin-top: 0;
	padding-top: 0;
	font-weight: 700;
	font-size: var(--subheadbig);
	line-height: 1.39;
	margin-bottom: 22px;
	color: var(--darkgray);
}
.Ftable {
	display: table;
	width: 100%;
	max-width: 1260px;
	padding-left: 82px;
}
.Frow {
	display: table-row;
}
.Fcell {
	display: table-cell;
	vertical-align: top;
}
#Footer a {
	text-decoration: none;
	border: 0;
	color: #656565;
}
#Footer a:hover {
	text-decoration: none;
	border-bottom: 1px solid;
}

#Footer-M {
	display: none;
	visibility: hidden;
}
#Footer-M .PMLogo,
#Footer .PMLogo {
	height: 56px;
}


/* Content  */

#Content {
	display: flex;
	flex-direction: column;
	margin-right: 16px;
}

#HeaderBlock {
	clear: both;
	margin-left: 54px;
	margin-bottom: 0;
	margin-top: 30px;
}

.Section {
    margin: 50px 0 0 0;
    position: relative;
	padding: 0;
}

.Flex,
.Flex-section {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 80px;
    align-content: flex-start;
    align-items: stretch;
    padding-left: 70px;
    padding-right: 70px
}
.Flex-section {
	margin-top: 40px;
	gap: 80px;
}

.Flex-L1 {
	order: 1;
	flex: 1 1 200px;
}
.Flex-L2 {
    order: 1;
    flex: 1 2 380px;
}
.Flex .Flex-L2 {
	min-height: 200px;
}
.Flex-L3 {
	flex: 1 3 630px;
}
.Flex-R1 {
    order: 2;
    flex: 1 1 190px;
    min-width: 280px;
    max-width: 380px;
}
.Flex-R2 {
    order: 2;
	flex: 1 2 380px;
	min-width: 300px;
    max-width: 380px;
}

.Flex-row { /* replaces .row */
	flex: 1 1 100%;
}
.Flex-row > .Section {
	margin-left: 70px;
	margin-right: 70px;
}

.Flexline {
    flex: 1 1 auto;
}

.Para {
    margin-bottom: 36px
}

.Section a,
.Flex-section a {
	text-decoration: none;
	border-bottom: 1px solid;
	color: var(--darkgray);
}

.HomeTop, 
.HomeTop2 {
	/* max-width: 1440px; */
	/* background: linear-gradient(360deg, #F8F8F8 0%, #F8F8F8 100%); */
	padding: 1rem 1rem 1rem 1rem; 
	margin-bottom: 3rem; 
	margin-left: max(1rem, 64px);
}
.HomeTop {
	background: var(--gradient);
	margin: 0;
	clear: both;
}
.HomeTop2 {
	margin-right: 50px;
}

.CallToAction {
	max-width:496px; 
	height:auto; 
}
.CallToAction-table {
	display: table;
}
.CallToAction-table > div {
	display: table-row;
}
.CallToAction-table > div > div {
	display: table-cell;
}
.CallToAction-table > div > div:first-child {
	width: 64px; 
	vertical-align: middle; 
	padding-bottom: 16px;
}
.CallToAction-table > div > div:nth-child(2) {
	font-size: var(--body);
	line-height: 1.7;
	padding-bottom: 16px;
}

.Public {
	display: flex; 
	flex-direction: row; 
	flex-wrap: wrap; 
	justify-content: space-between;
	align-content: center; 
	align-items: stretch; 
	min-width: 340px;
	padding-left: 70px;
	padding-right: 70px;
}
.SSAction {
	width: 100%;
	height: auto;
}
.SSDiv {
	width: 574px;
	text-align: center;
}


.Lift2 {
	display: inline-block;
	vertical-align: middle;
	margin-top: -6px;
	margin-right: 6px;
}

#LoginBlock,
#MobileLogo {
	display: none;
}

#LoginBlock a {
	color: var(--blue);
	border-bottom: 1px solid;
}

.Lunch-flex {
	padding-top: 60px; 
	padding-left: 70px; 
	padding-right: 70px; 
	background-color: #ffffff;
	border-top: 1px solid var(--blue); 
	display: flex; 
	flex-direction: row; 
	justify-content: stretch;
	align-items: center;
	gap: 80px;
}
.Lunch-flex-first {
	padding-top: 0px;
	border-top: 0;
}
.Lunch-item {
	width:calc(100% - 400px); 
	flex: 1 1 auto;
	align-self: flex-start !important;
}
.Lunch-item a {
	border: 0;
	cursor: pointer;
	color: var(--blue);
}
.Lunch-item a:hover {
	border-bottom: 1px dotted;;
}
.MoreLunch,
.MostPop {
	width: 380px;
	flex-grow: 0;
	flex-shrink: 0;
}
.MoreLunch-item {
	padding: 13px 0;
	border-top: 1px solid var(--lightgray);
}
.MoreLunch-item a {
	border: 0;
	cursor: pointer;
}
.MoreLunch-item a:hover {
	border-bottom: 1px dotted;;
}

.DotD {
	margin-bottom: 56px;
}

.BooksNews {
	width:calc(100% - 400px); 
	flex: 1 1 auto;
	align-self: start;
}
.BooksNews-flex {
	display: flex; 
	justify-content: stretch;
	gap: 40px;
}
.BooksNews-item {
	flex: 1;
	max-width: 40%;
	text-align: center;
}
.BooksNews-item a {
	border: 0;
	cursor: pointer;
	color: var(--blue);
}
.BooksNews-item a:hover {
	border-bottom: 1px dotted;
}
.BooksNews-item img {
	display: inline-block;
	height: 150px;
	width: auto;
	margin-bottom: 24px;
}


.Automat {
	width: 380px;
	flex-grow: 0;
	flex-shrink: 0;
	align-self: start;
}
.Automat > .SubheadBig > a {
	color: var(--blue);
	border: 0;	
}
.Automat-item {
	padding: 13px 0;
	border-top: 1px solid var(--lightgray);
}
.Automat-item a {
	border: 0;
	cursor: pointer;
	color: var(--blue);
}
.Automat-item a:hover {
	border-bottom: 1px dotted;;
}

.PMNews-item {
	margin-bottom: 2px;
}


.Callout-flex {
	padding-top: 60px; 
	padding-left: 70px; 
	padding-right: 70px; 
	background-color: #ffffff;
	display: flex; 
	flex-direction: row; 
	justify-content: space-between;
	align-items: stretch;
	column-gap: min(80px, 6%);
	row-gap: 40px;
}

.Callout {
	width: 380px;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: 380px;
	padding: 28px 30px 18px 30px;
	background-color: #f8f8f8;
	position: relative;
}
.Callout > .SubheadBig {
	margin-bottom: 36px;
}
.Callout-footer {
	position:absolute;
	bottom: 16px;
	padding-top: 36px;
	min-width: 320px;
}
.Callout-NPD {
	margin-bottom: 66px;
}

.Callout-footer2 {
	position: absolute;
	bottom: 16px;
	min-width: 320px;
	border-top: 2px dotted #93ADCC;
	padding-top: 12px;
	width: calc(100% - 60px);
	font-size: var(--bodysmall);
}
.Callout-footer2 a {
	color:var(--blue);
	text-decoration: none;
	border-bottom: 0;
}
.Callout-footer2 a:hover {
	text-decoration: none;
	border-bottom: 1px dotted var(--blue);
}

.ActionFor-flex {
	display: flex; 
	flex-direction: row; 
	align-items: stretch; 
	gap: 60px; 
	justify-content: center;
	flex-wrap: nowrap; 
	margin-top: 60px; 
	margin-bottom: 28px; 
	padding-left: 60px; 
	padding-right: 60px
}
.Act1, .Act2, .Act3 {
	flex-grow: 1;
	flex-shrink: 1;
	text-align: center;
}
.Act1 {
	max-width: 320px;
	flex-basis: 22%;
}
.Act2 {
	max-width: 360px;
	flex-basis: 33%;
}
.Act3 {
	max-width: 370px;
	flex-basis: 33%;
}

.JobTable {
	display: table;
	vertical-align: top;
	margin-top: 12px;
	width: 100%;
}
.JobTable > div {
	display: table-row;
}
.JobTable > div:nth-child(odd) {
	background-color: var(--offwhite);
}
.JobTable > div > div:first-child {
	max-width: 378px;
}
.JobTable > div > div {
	display: table-cell;
	padding: 16px 6px;
}
.JobTable > div > div a {
	color: var(--blue);
	border: 0;
}

.MostVisited {
	font-size: var(--bodysmall);
	line-height: 1.33;
	color: var(--black);
}
.MostVisited a {
	color: var(--blue);
	border: 0;
	text-decoration: none;
}
.MostVisited a:hover {
	border-bottom 1px solid inherit;
}
.MostVisited-tabs {
	white-space: nowrap;
}
.MostVisited-tab,
.MostVisited-tab-active {
	display: inline-block;
	padding: 8px 13px 8px 12px;
	margin-right: 6px;
	border-radius: 5px 5px 0px 0px;
	cursor: pointer;
}
.MostVisited-tab {
	border: 1px solid var(--lightgray);
	border-bottom-color: var(--offwhite);
}
.MostVisited-tab-active {
	border: 1px solid var(--offwhite);
	background-color: var(--offwhite);
}
.MostVisited-lists {
	padding: 31px 35px 18px 22px;
	background-color: var(--offwhite);
}
#MostVisited-p1, 
#MostVisited-p2 {
	min-height: 450px;
}
.MostVisited-list,
.MostVisited-list-active {
	min-height: 450px;
}
.MostVisited-list {
	display: none;
}
.MostVisited-list-active {
	display: block;
}

.MostVisited-list > ol,
.MostVisited-list-active > ol {
	padding-left: 20px;
}
.MostVisited-list > ol > li,
.MostVisited-list-active > ol > li {
	padding-bottom: 12px;
}

.TP-switcher {
	text-align: center;
}
.TP-a:hover {
	cursor: pointer;
}


.ReviewCover {
	width: 84px; 
	margin-right: 22px;
}
.ReviewCover > img {
	width: 84px;
	height: auto;
}
.Review-item {
	display:flex; 
	flex-flow: row wrap; 
	justify-content:center; 
	margin-bottom: 66px;
}
.Review-title {
	flex: 0 1 200px;
}
.Review-footer {
	;
}
.Review-footer-m {
	display: none;
}


.fill24 {
	clear: both;
	height: 24px;
}
.MostPop-title {
	padding-bottom: 32px;
}


.Deal-bar {
	padding: 0 8px;
}
.Deal-report {
	white-space: nowrap;
}

.dealDetails {
	font-size: var(--body);
	line-height: 1.67;
}

.Qmark {
    width: 18px;
    height: auto;
}

.select-wrapper {
    position: relative
}

.select-wrapper::after {
    content: url(/images/Select-down.svg);
    width: auto;
    height: 4px;
    top: 9px;
    right: 1rem;
    position: absolute
}

.select-wrapper select {
	appearance: none;
}

.Checklist,
.Selector {
    display: table;
}

.Checklist > div,
.Selector > div {
    display: table-row;
}
.Checklist > div > div,
.Selector > div > div {
    display: table-cell;
}

.Checklist > div > div {
    display: table-cell;
    text-align: left;
    vertical-align: top;
    padding-bottom: 16px
}

.Checklist > div > div:nth-child(1) {
    width: 48px;
    padding-right: 23px;
    padding-top: 10px;
    text-align: right
}

.Checklist > div > div input[type=checkbox],
.Checklist > div > div input[type=radio] {
    width: 22px;
    height: 22px
}

.Selector > div > div:first-child {
    width: 44px;
    text-align: left;
    vertical-align: top;
    padding-bottom: 11px;
}

.Selector > div > div:nth-child(n+2) {
    vertical-align: top;
    padding-top: 4px;
    padding-bottom: 11px;
}

.Selector > div > div input[type=checkbox],
.Selector > div > div input[type=radio] {
    width: 22px;
    height: 22px
}

.select-wrapper input[type=email],
.select-wrapper input[type=text],
.select-wrapper select {
    width: 100%;
    border: 1px solid #a7a7a7;
    padding: 10px 10px 10px 17px;
    font-size: 13px;
    line-height: 1.25;
}

.select-wrapper select {
    box-sizing: border-box;
    appearance: none;
    padding: 12px 10px 12px 17px
}


/* Tooltips */

.Tooltip {
    display: inline-block;
    position: relative;
    text-align: left;
}

.Tooltip .Tip {
    min-width: 250px; 
    max-width: 400px;
    top: 50%;
    left: 100%;
    margin-left: 20px;
    transform: translate(0, -50%);
    color: #111111;
    background-color: #FFFFFE;
    font-weight: normal;
    font-size: 13px;
    border-radius: 8px;
    position: absolute;
    z-index: 99999999;
    box-sizing: border-box;
    border: 1px solid #111111;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
    display: none;
}

.Tooltip:hover .Tip {
    display:block;
}

.Tooltip .Tip i {
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -12px;
    width: 12px;
    height: 24px;
    overflow: hidden;
}

.Tooltip .Tip i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:0;
    top:50%;
    transform:translate(50%,-50%) rotate(-45deg);
    background-color: #FFFFFE;
    border:1px solid #111111;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
}

.Tooltip-header {
	font-size: var(--body);
	line-height: 1;
	font-weight: 700;
	padding: 4px 8px 5px 12px;
	background-color: var(--gray);
	color: var(--white);
}
.Tooltip-body {
	font-size: var(--bodysmall);
	line-height: 1.5;
	padding: 12px 12px 20px 12px;
}


/* Viewport adaptations */

@media (min-width: 1201px) {
	.LunchFlex {
		padding-left: 80px;
		padding-right: 80px;
	}

}

@media (min-width: 1001px) {
	#ss_q {
		width: 232px;
	}

}

@media (max-width: 1340px) {

	.col-xs-12 {
		margin-top: 30px;
	}
}


@media (max-width: 1240px) {

	.SSAction {
		width: 100%;
	}
	.SSDiv {
		width: 40%;
	}
}


@media (min-width: 951px) and (max-width: 1160px) {
	#TopSearch {
		margin-top: 8px;
	}
}

@media (max-width: 1150px) {

	.CallToAction {
		flex-shrink: 1;
	}

}

@media (max-width: 1068px) {
	#TopSearch {
		margin-right: 0px;
	}
	.ActionFor-flex {
		flex-wrap: nowrap;
		gap: 40px;
	}
	.ActionFor-flex .BodyBig {
		font-size: var(--body);
	}
}

@media (max-width: 1200px) {
	.col-xs-12 {
		margin-top: 30px;
	}
	.Lunch-flex {
		gap: 40px;
	}
	.Callout-flex {
		column-gap: min(21px, 6%);
	}
	.CallToAction {
		max-width: 400px;
	}
	.CallToAction .BodyBig {
		font-size: var(--body);
	}
	.CallToAction .Body {
		font-size: var(--bodysmall);
	}
	.ActionFor-flex {
		flex-wrap: nowrap;
		gap: 40px;
	}
	.ActionFor-flex .BodyBig {
		font-size: var(--body);
	}
	.SSDiv {
		align-self: center;
		width: 50%;
	}
	.Deal-bar {
		display: none;
	}
	.Deal-report {
		display: block;
		padding-left: 4px;
		padding-top: 6px;
		font-size: var(--bodybig);
	}

}

@media (min-width: 951px) and (max-width: 1200px) {

	.BooksNews-item .SubheadSmall {
		font-size: var(--bodybig);
	}
	.BooksNews-item .BodyBig {
		font-size: var(--body);
	}
	.BooksNews-item .Body {
		font-size: var(--bodysmall);
	}

	.Automat {
		width: 350px
	}

	.MostPop {
		width: 350px;
	}
}

@media (max-width: 1100px) {

    .Flex {
        gap: 50px
    }
	.Section,
	.Flex-section {
		margin-top: 30px;
		row-gap: 40px;
	}

	.BooksNews-item:nth-child(n+3) {
		display: none;
	}
}

@media (max-width: 950px) {

	.Section,
	.Flex-section {
		margin-top: 20px;
		row-gap: 20px;
		column-gap: 30px;
	}
	.Flex-R1 {
		order: 2;
		flex: 1 1 190px;
		min-width: 190px
	}

	.col-xs-12 {
		padding-left: 20px;
		margin-top: 20px;
	}

	.container-fluid {
		/* max-width: 400px; */
		margin: 0 auto;
		margin-top: -64px;
		min-width: 300px;
	}
  	.nav > li > a {
		padding-left: 15px
		font-weight: 700;
		font-size: var(--subhead);
		padding-bottom: 24px;
	}
	.dropdown-toggle {
		font-weight: 700;
	}
	#navbar {
		position: absolute;
		top: 100px;
		right: 0px;
		min-height: 550px;
		width: 350px;
		padding-left: 0 !important;
		padding-top: 0 !important;
		padding-right: 12px;
		padding-bottom: 12px;
		border: 0 !important;
		box-shadow: none !important;
		background-color: #ffffff;
	}
	.navbar {
		height: 0;
		min-height: 0;
		background-color: #ffffff;
	}
	.navbar-nav {
		background-color: #ffffff;
		margin-top: 3px;
		margin-right: 0px;
		margin-bottom: 7.5px;
		margin-left: 20px;
	}
	.navbar-static-top {
		background: transparent;
	}
	.navbar-collapse {
		background-color: #fff;
		padding-left: 0 !important;
		padding-top: 0 !important;
		border: 0 !important;
		box-shadow: none !important;
	}
	.navbar-header {
		position: absolute;
		top: 58px;
		right: 32px;
	}
	.navbar-form {
		border-top: 0;
	}
	.navbar-toggle,
	.navbar-toggle:hover {
		background-color: transparent;
		border: 0;
		margin: 0;
		padding: 0;
		margin-left: 0 !important;
	}

	navbar-nav > li > .dropdown-menu {
		margin-top: -19px;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		margin-left: 24px;
	}
	.navbar-nav > li > .dropdown-menu {
		margin-top: -14px;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		margin-left: 9px;
	}

	.PMLogo {
		height: 36px;
	}
	#DesktopLogo {
		display: none;
	}
	.form-control {
		display: inline-block;
		width: 256px;
	}
	.DropdownMenu {
		left: 0px;
	}
	#menu_account {
		padding-left: 8px;
	}
	.dropdown {
		width: 384px;
	}
	.dropdown-menu li a {
  		line-height: 1.5;
	}
	.dropdown-menu .divider {
  		margin-left: 5px !important;
  	}
  	.closeMenu {
  		margin-left: 7px;
  	}

	#flexarea {
		margin-top: 100px;
	}

	#ss_q {
		padding-right:0;
		width: 100%; /* calc(100% - 30px); */
		max-width: 288px;
	}

	#OuterFrame {
		margin-top: 0;
	}
	
	#Content {
		margin-top: 120px;
	}

	#TopSearch {
		margin-left: 21px;
		margin-right: 0;
		margin-bottom: 21px;
		margin-top: 21px;
	}
	#HeaderBlock {
		margin-top: 108px;
		margin-left: 24px;
	}
	#MobileLogo {
		display: inline-block;
		position: relative;
		top: 88px;
		width: 145px;
		padding-left: 24px;
	}
	#LoginBlock {
		display: inline-block;
		position: absolute;
		top: -6px;
		left: -56px;
	}

    .Flex {
        padding-left: 50px;
        padding-right: 40px;
        gap: 40px;
        justify-content: center
    }

    .Flexline {
        flex: 1 1 200px
    }

	.ToAction-text {
		font-size: var(--bodysmall);
	}
	.HomeTop {
		margin-bottom: 0;
		max-width: none;
		padding: 1rem 1rem 1rem 1rem; 
		margin-left: 12px;
	}
	.CallToAction {
		max-width: 600px;
	}

	.Act1, .Act2, .Act3 {
		max-width: 500px;
	}
	.SSAction {
		width: 100%;
		max-width: 500px;
	}
	.SSDiv {
		width: 100%;
		max-width: 500px;
		margin-top: 16px;
		padding: 20px;
		padding-left: 0;
		padding-right: 0;
	}


	.Buttons {
		margin-left: 12px;
	}
	.Icons {
		display: block;
		clear: both;
		margin-left: 12px;
		margin-right: 12px;
		text-align: center;
	}


	#Footer {
		display: none;
		visibility: hidden;
	}

	#Footer-M {
		display: block;
		visibility: visible;
		vertical-align: bottom;
		width: 100%;
		text-align: center;
		padding-top: 40px;
		padding-bottom: 40px;
		font-size: var(--bodysmall);
		line-height: 2;
		color: #656565;
	}

 	.Section {
		margin-bottom: 0;
		margin-top: 20px;
	}

	.Public {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding-left: 36px;
		padding-right: 36px;
	}

	.ActionFor-flex {
		flex-wrap: wrap;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		row-gap: 30px;
		column-gap: 15px;
		margin-top: 15px;
	}

	.Callout-flex {
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		padding-left: 0;
		padding-right: 0;
		padding-top: 40px;
		row-gap: 24px;
		text-align: center;
	}
	.Callout {
		flex-grow: 1;
		width: 100%;
		flex-basis: auto;
		padding-left: 50px;
		padding-right: 50px;
		text-align: center;
		justify-content: center;
	}
	.Callout-footer {
		position: absolute;
		left: 50%;
		transform: translate(-50%,0);
		bottom: 16px;
		padding-top: 36px;
	}
	.Callout-NPD {
		max-width: 450px;
		text-align: left;
		margin: 0 auto 66px auto;
	}
	.Callout > .SubheadBig {
		margin-bottom: 30px;
	}

	.Lunch-flex {
		flex-wrap: wrap;
		padding-top: 40px;
		padding-left: 36px;
		padding-right: 36px;
		gap: 40px;

	}
	.Lunch-flex > div {
		flex-grow: 1;
	}

	.DotD {
		margin-bottom: 88px;
	}

	.JobSection {
		border-top: 1px solid var(--blue);
	}

	.Automat {
		margin-bottom: 20px;
	}

	.BooksNews-item {
		max-width: 60%;
	}
	.BooksNews-item > img {
		height: 150px;
	}

	.BooksNews-item:nth-child(n+3) {
		display: none;
	}

	.MostPop {
		width: auto;
		min-width: 400px;
		max-width: 620px;
		margin-left: auto;
		margin-right: auto;
	}
	#MostVisited-p1, 
	#MostVisited-p2 {
		min-height: 360px;
	}
	.MostVisited-list,
	.MostVisited-list-active {
		min-height: 300px;
	}

	.ReviewCover {
		width: 120px; 
		padding-bottom: 12px;
	}
	.ReviewCover > img {
		width: 120px;
		height: auto;
	}
	.Review-item {
		justify-content: start;
	}
	.Review-title {
		flex: 0 1 auto;
		text-align: left;
		position: relative;
	}
	.Review-footer {
		display: none;
	}
	.Review-footer-m {
		display: block;
		position: absolute;
		bottom: 8px;
		transform: none;
		left: 0;
	}
	.Review-item {
		margin-bottom: 0;;
	}

	.PMNews-item {
		max-width: 450px;
		margin: 0 auto;
	}

	.fill24 {
		display: none;
	}
	.SubheadBig {
		text-align: center;
	}
	.MostPop-title {
		padding-bottom: 18px;
	}
	.CLeft {
		text-align: left;
	}

	.Tooltip .Tip {
		left: auto;
		right: 100%;
		margin-right: 20px;
	}

	.Tooltip .Tip i {
		position: absolute;
		top: 50%;
		left: 100%;
		margin-top: -12px;
		width: 12px;
		height: 24px;
		overflow: hidden;
	}

	.Tooltip .Tip i::after {
		content:'';
		position:absolute;
		width:12px;
		height:12px;
		left:0;
		top:50%;
		transform:translate(-50%,-50%) rotate(-45deg);
		background-color:#FFFFFE;
		border:1px solid #111111;
		box-shadow:0 1px 8px rgba(0,0,0,0.5);
	}
}

@media (max-width:700px) {
    .Flex {
        justify-content: center;
        padding-left: 40px;
        padding-right: 30px
    }
}

@media (max-width: 478px) {

	.col-xs-12 {
		padding-left: 24px;
	}

	.HomeTop {
		margin-left: 12px;
	}

	.BooksNews-item {
		max-width: 100%;
	}
	.BooksNews-item:nth-child(n+2) {
		display: none;
	}

}