/**************************************************************/
/* CUSTOMIZATION STYLESHEET                                   */
/* Use this file for any custom style overrides or additions  */
/**************************************************************/
/********************************************************/
/* GLOBAL STYLES */
/*******************************************************/
/******************************************/
/* Normalize  */
/****************************************/

/******************************************/
/* Typography  */
/****************************************/

h1, h2,
section.module-storage-memory .detail-content table.detail-table p.value {
    line-height: 1.1em;
}
h3, h4, h6,
section.module.module-header nav.tabs a.nav-link,
section.module-how-you-use .slider-nav button.slick-current,
section.module-how-you-use .slide-content .text-wrap h6,
section.module.module-choose-pc h5,
.modal-close,
section.module.module-compare-chart #main_headline,
section.module.module-compare-chart #main_subhead,
section.module.module-compare-chart #chart .core .core-title,
section.module.module-compare-chart #chart .core .core-text,
section.module.module-compare-chart #detail_container .detail-title,
section.module.module-compare-chart #detail_container #detail_default_body,
section.module.module-compare-chart #detail_container .label_button div,
section.module-storage-memory .detail-content .detail-head p {
  max-width: 30em;
  line-height: 1.3em;
}
h5, p, a, li,
button,
a.button,
.button,
section.module-how-you-use .slider-nav button,
section.module.module-compare-chart #main_body,
section.module.module-compare-chart #detail_container .details-body,
section.module.module-compare-chart #detail_container .detail-title span {
  line-height: 1.1em;
}
section.module.module-choose-pc .slick-list {
	font-size: 0.9em;
}
section.module-how-you-use #productivity.slide-content .text-wrap ul {
    max-width: 400px;
}

@media screen and (max-width: 767px) {
section.module.module-compare-chart #detail_container .label_button div {
	font-size: 8px;
}
}
@media screen and (max-width: 767px) {
section.module.module-compare-chart #detail_container .detail .legal {
margin-top: 5px;
    font-size: 7.5px;	
}
}
@media screen and (max-width: 767px) {
section.module-storage-memory .detail-content table.detail-table th p.value {
    font-size: 1.25em;
}
}
section.module.module-header div.main > div.left h5 {
    font-size: 1.7em;
    margin: 0;
}
section.module.module-compare-chart #main_headline {
    max-width: 17em;
}
section.module.module-compare-chart #buttons_container .btn-detail-container .btn-detail span {
    font-size: 13px;
}
@media screen and (max-width: 480px) {
section.module-brain-of-your-pc .content-left h2 {
    max-width: 300px;
    margin: 0;
}
section.module.module-compare-chart #buttons_container .btn-detail-container .btn-detail span {
    font-size: 8px;
}
}
/********************************************************/
/* MODULE STYLES */
/*******************************************************/
/************************************/
/* Preloader Styles */
/************************************/

/***************************************/
/* Header Module Styles */
/**************************************/

/******************************************************/
/* Module Styles - How Do You Use Your PC?  */
/****************************************************/


/*************************************************/
/* Module Styles - Choose The Right PC For You  */
/***********************************************/


/******************************************/
/* Module Styles - The Brain of Your PC  */
/****************************************/

/************************************************/
/* Module Styles - Processor Comparison Chart  */
/**********************************************/


@media screen and (max-width: 767px) {
  section.module.module-compare-chart #main_headline {
	line-height: 1.1em;
  }
  section.module.module-compare-chart #detail_container .detail-body sup {
    top: -0.4em;
  }
  section.module.module-compare-chart #chart #core_i3.core .core-text {
    margin: 2px auto 4px auto;
  }
  section.module.module-compare-chart #chart #core_i5.core .core-text {
    margin: 2px auto 5px auto;
  }
  section.module.module-compare-chart #chart #core_i7.core .core-text {
    margin: 3px auto 5px auto !important;
  }
}

/***************************************/
/* Module Styles - Storage and Memory */
/*************************************/

/******************************************/
/* Module Styles - LEGAL  */
/****************************************/