.products .system-builder-container{
  max-width:1170px;
  margin:0 auto;
}
.products{
  padding-top: 40px;
  background-color: #000000;
}
.product .column-ind-holder .column-ind-header {
    background: #464646;
}
.product .column-ind-holder .column-content {
  border-radius: 5px;
  padding: 0 0 20px 0!important;
  background: #252525;
  border: 2px solid #464646;
}
.product .column-ind-holder .column-content .products-points-holder{
  background: transparent;
  margin:0;
  padding: 20px
}
.product .column-ind-holder .column-content .config_button_holder .btn {
    background-color: #f16827;
    border-color: #f16827;
    color: #000000;
}
.product .column-ind-holder .column-content .config_button_holder .btn:hover {
    color: #000000;
    background-color: #f16827;
    border-color: #f16827;
}
.product .column-ind-holder .column-content .from-inc-price{
  color: #ffffff;
  margin: 0 20px;
}
.product .column-ind-holder .column-content .from-inc-price span{
  color: #f16827;
}
ul.exceptions_list li:before, ul.list-caret li:before, ul.list-chevron-right li:before {
  color: #f16827;
}
.product .column-ind-holder .column-content .product-image-holder .product-image {
  	height:auto;
}
.product .column-ind-holder .column-content .product-image-holder .product-image img{
  	width: 150px;
 	height: auto;
    padding: 0px 0;
  	margin:15px auto;
}
.column-ind-holder {
    box-shadow: 1px 1px 7px 2px rgba(0, 0, 0, 0.08);
}
.config_button_holder{
	margin: 0 20px;
  margin-top: auto;
}
.product .column-ind-holder .column-content .products-points-holder ul li{
  color: #ffffff;
  margin: 0;
}
.config_button_holder p{
  font-family: Montserrat-Medium,"Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #fff;
}
ul.list-caret {
	margin: 0;
}
section#main .inner {
max-width: 100% !important;
}
section#main.main-ind {
padding-top:0;
padding-bottom: 0;
background:#ffffff;
}
.products {
max-width:1170px;
margin:0 auto;
}

/**fonts**/

.landing-wrapper h1, .landing-wrapper h2{
    font-family: 'montserrat-bold';/***change to required font***/
    text-transform: uppercase;
    line-height: 1.2;
    font-weight: normal;
}
.landing-wrapper h1{
    font-size: 60px;
	padding-bottom: 20px;
}
.landing-wrapper h2{
    font-size: 30px;
}
.landing-wrapper h3{
	font-family: 'montserrat-light';
    font-size: 22px;
	text-transform: none;
}
.landing-container{
    max-width: 1170px;
    margin: 0 auto;
}
/**larger-container to replace .landing-container**/
.lg-container{
    max-width: 1920px;
    margin: 0 auto;
}
.landing-button{
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    display: inline-block;
    padding: 15px 20px;
    background-color: #f16827;
    color: #fff;
    margin-top: 20px;
}

.pcs__row{
    display: flex;
    align-items: center;
}

/**columns**/
.pcs_col-2{ /**2columns**/
    width: 50%;
}
.pcs_col-3{ /**3columns**/
    width: 33.33%;
}
.pcs_col-4{ /**4columns**/
    width: 25%;
}

/*************for more padding inside div**********/
.col_inner{
    padding: 80px;
}


/**sections**/
.feature{
    padding: 40px;
    background-color: #1a1a1a;
}
.feature:nth-child(even){
    background-color: #ffffff;
}
/**feat1**/
#feat1{
	background: url('/images/landing/gigabyte/hub/gigabyte-header5.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
    background-color: #000;
    color: #fff;
}
#feat1bg {
	display:none;
}
#feat1 img {
	max-width: 275px;
	padding-bottom: 40px;
}
#feat1 h3 {
	padding-bottom: 20px;
	max-width: 475px;
}
#feat1 p {
	font-size: 18px;
	max-width: 500px;
	padding-bottom: 20px;
}
#feat1 .vas {
	min-height: 800px;
	align-items: center;
	flex-wrap: wrap;
}

#z790, #b760, #x670 {
	min-height: 400px;
	color: #fff;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
#b760 {
	flex-direction: row-reverse;
}
#feat2 img {
	display: none;
}
#feat2 h3 {
	font-size: 18px;
	text-transform: none;
	font-family: 'montserrat-light';
}
#feat2 .pcs_col-2 {
	width: 40%;
}
#z790 {
	background: url('/images/landing/gigabyte/hub/z790-background.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
    background-color: #000;
}
#b760 {
	background: url('/images/landing/gigabyte/hub/b760-background.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
    background-color: #000;
}
#x670 {
	background: url('/images/landing/gigabyte/hub/x670-background.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
    background-color: #000;
}
#rec-specs {
	background-color: #000;
}
#divider-sec {
	min-height: 55px;
	background-color: #484848;
	color: #fff;
	text-align: center;
}
#divider-sec h1 {
	font-size: 36px;
	text-transform: uppercase;
	padding: 10px;
}


@media screen and (min-width: 2850px){
    #feat1 {
		background-size: contain;
	}
}
@media screen and (max-width: 1170px){
    .pcs__row{
        flex-wrap: wrap;
    }
	.pcs_col-2 {
        width: 100%;
    }
    #feat2 .pcs_col-2 {
        width: 100%;
    }
    .pcs_col-4{
        width: calc(50% - 10px);
    }
	.col_inner {
		padding: 0;
	}
	#feat1 .pcs_col-2 {
		padding: 40px;
	}
	#feat1 p {
		max-width: 950px;
	}
	#feat2 {
		padding: 20px 0 0 0;
	}
	#feat1bg {
		display: block;
		max-width: 100% !important;
	}
	#feat2 img {
		display: block;
	}
	#feat2 h2, #feat2 h3 {
		padding: 20px 40px 0 40px;
	}
	#z790, #b760, #x670, #feat1 {
		background: none;
		background-color: #000;
		padding: 0;
	}
	#feat1 .landing-button {
		margin: 0;
	}
	.landing-button {
		margin: 40px;
	}
}
@media screen and (max-width: 720px){
    .pcs__row{
        flex-wrap: wrap;
    }
    .pcs_col-2, .pcs_col-3{
        width: 100%;
    }
    .pcs_col-4{
        width: 100%;
    }
	#divider-sec h1 {
		font-size: 28px;
	}
}

@media screen and (max-width: 550px){
    #z790, #b760, #x670 {
		text-align: center;
	}
}