.r-container{
  max-width: 1170px;
  margin: 0 auto;
}
.r-container a{
  text-decoration: none;
}
.r-container hr{
  border: 0;
  border-bottom: 2px solid #000000;
  clear: none;
  margin: 10px auto;
}
.r-graphics-content sup {
  font-size:14pt;
}
.r-container h1{
  font-family: 'Montserrat-Medium';
  font-size: 22pt;
  font-weight: bold;
  text-transform: uppercase;
  color: #000000;
  margin: 0;
}
.r-processor-content img {
  margin:20px auto;
}
.r-container p{
  font-family: 'Open Sans';
  font-size: 12pt;
  color: #000000;
  line-height: 1.5;
  margin: 0;
  margin-top: 10px;
}
.r-container h2{
  font-family: 'Montserrat-Light';
  font-size: 12pt;
  font-weight: normal;
  text-transform: uppercase;
  color: #000000;
  margin: 0;
}
.r-button{
  background-color: #9600af;
  border: none;
  color: #fff;
  padding: 12px;
  margin: 20px 0 0 0;
  text-transform: uppercase;
  font-family: Montserrat-Medium,sans-serif;
  font-size: 12pt;
  cursor: pointer;
  float:left;
}
.r-button:hover{
  background-color: #4e005a;
}
.r-button:focus{
  outline: 0!important;
}
.r-button i{
  padding-left: 5px;
}
/*******END-GLOBAL*******/
/*******HEADER-SECTION*******/
.r-feature{
  background-image:url("/images/landing/pcs/recoilii/recoil-header.png");
  background-repeat: no-repeat;
  width: 100%;
  height: auto;
  display: block;
  overflow: hidden;
  margin-bottom: 20px;
}
.r-feature-fl{
  width: 45%;
  float: left;
}
.r-feature-fr{
  width: 55%;
  float: right;
  text-align: center;
}
.r-feature-content{
  margin-top: 170px;
  margin-left: 20px;
}
.r-feature-content hr{
  border-bottom: 2px solid #9600af;
}
.r-feature-content h1{
  font-family: 'Montserrat-Bold';
  font-size: 26pt;
  font-weight: bold;
}
.r-feature-content sup{
  font-size: 14pt;
  font-family: 'Montserrat-Medium';
}
.r-feature-image{
  margin: 20px 0;
}
.r-feature-image img{
  display: block;
  margin: 0 auto;
}
/*******END-HEADER-SECTION*******/
/*******FEATURE-SECTION*******/
.r-processor{
  max-width:100%;
  background-color: #ffffff;
  overflow:hidden;
}
.r-processor-content{
  text-align: center;
  max-width: 960px;
  margin: 0 auto;
  padding: 20px 20px 40px 20px;
}
.r-processor-content hr{
  border-bottom: 2px solid #00e8ff;
}
.r-processor img{
  max-width: 100%;
}
/*******END-FEATURE*******/
/*******FEATURE-ONE*******/
.r-graphics{
  display: flex;
  overflow: hidden;
  background: #171717;
  padding: 20px;
}
.r-graphics-fl{
  display: flex;
  align-items: center;
  width:50%;
}
.r-graphics-fr img{
  max-width: 100%;
  display: block;
}
.r-graphics-fr{
  width:50%;
  display: flex;
  align-items: center;
}
.r-graphics-content img{
  margin-top:20px;
}
.r-graphics h1{
  color: #ffffff;
}
.r-graphics h2{
  color: #ffffff;
}
.r-graphics p{
  color: #ffffff;
}
.r-graphics hr{
  border-bottom: 2px solid #9600af;
}
/*******END-FEATURE-ONE*******/
/*******R-STORAGE*******/
.r-storage{
  display: flex;
  flex-direction: row-reverse;
  overflow: hidden;
  background: #000000;
  padding: 20px;
  border-bottom: 4px solid #464646;
}
.r-storage-fl{
  display: flex;
  width: 50%;
  align-items: center;
  margin-right: 10px;
}
.r-storage-fr{
  width: 50%;
}
.r-storage-fr img{
  max-width: 100%;
}
.r-storage-fl h1{
  color: #ffffff;
}
.r-storage-fl h2{
  color: #ffffff;
}
.r-storage-fl p{
  color: #ffffff;
}
.r-storage-fl hr{
  border-bottom: 2px solid #9600af;
}
/*******R-STORAGE-END*******/
/*******R-RAM*******/
.r-ram{
  display:flex;
  overflow: hidden;
  background: #000;
  padding: 20px;
}
.r-ram-fl{
  display: flex;
  width: 50%;
  align-items: center;
}
.r-ram-fr img{
  max-width: 100%;
}
.r-ram-fr{
  width: 50%;
}
.r-ram-fl h1{
  color: #ffffff;
}
.r-ram-fl h2{
  color: #ffffff;
}
.r-ram-fl p{
  color: #ffffff;
}
.r-ram-fl hr{
  border-bottom: 2px solid #9600af;
}
/*******R-RAM-END*******/
/*******r-cooling*******/
.r-cooling{
  background-color: #171717;
  overflow: hidden;
  max-width: 100%;
}
.fans-content{
  text-align: center;
  max-width: 960px;
  margin: 0 auto;
  padding: 20px 20px 0 20px;
}
.r-cooling hr{
  border-bottom: 2px solid #9600af;
}
.r-cooling h1{
  color: #ffffff;
}
.r-cooling h2{
  color: #ffffff;
}
.r-cooling p{
  color: #ffffff;
}
.r-cooling img{
  display: block;
  max-width: 100%;
}
/*******END-r-cooling*******/
/*******MECHANICAL*******/
.r-mechanical{
  background-color: #000000;
  overflow: hidden;
  padding: 20px 20px 0 20px;
}
.r-mechanical img{
  max-width: 100%;
  display: block;
}
.r-mechanical-content{
  text-align: center;
  max-width: 960px;
  margin: 0 auto;
}
.r-mechanical-content h1{
  color: #ffffff;
}
.r-mechanical-content hr{
  border-bottom: 2px solid #9600af;
}
.r-mechanical-content h2{
  color: #ffffff;
}
.r-mechanical-content p{
  color: #ffffff;
}
/*******END-MECHANICAL*******/
/*******RGB*******/
.full-rgb{
  display: flex;
  background: #202020;
  overflow: hidden;
  padding: 20px;
}
.full-rgb-fl{
  display: flex;
  width: 50%;
  align-items: center;
}
.full-rgb-fr{
  width: 50%;
}
.full-rgb-fr img{
  max-width: 100%;
}
.full-rgb-content{
  margin-right: 10px;
}
.full-rgb-content h1{
  color: #ffffff;
}
.full-rgb-content h2{
  color: #ffffff;
}
.full-rgb-content p{
  color: #ffffff;
}
.full-rgb-content hr{
  border-bottom: 2px solid #9600af;
}
/*******RGB-END*******/
/*******NARROW-BEZEL*******/
.bezel-image img{
  max-width: 100%;
}
.narrow-bezel-content{
  text-align: center;
  max-width: 960px;
  margin: 0 auto;
  padding: 20px;
}
.narrow-bezel-content img{
  margin: 20px 0;
  max-width: 100%;
}
.narrow-bezel-content hr{
  border-bottom: 2px solid #9600af;
}
/*******NARROW-BEZEL-END*******/
/*******FEATURE-FOUR*******/
.feature-four{
  background-image: url("/images/landing/pcs/recoilii/feature-bg.jpg");
  background-repeat: no-repeat;
  text-align: center;
  padding: 20px;
}
.feature-four img{
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.feature-four-content{
  text-align: center;
  margin: 10px auto;
  max-width: 600px;
}
.feature-four-content ul{
  font-size: 12pt;
  font-family: 'Montserrat-Medium';
  text-align: left;
  line-height: 1.75;
  background: #e9e9e9;
  padding: 20px;
  list-style-type: none;
}
.feature-four-content li{
  background: #dddddd;
  margin: 10px;
  padding: 5px;
}
@media screen and (max-width: 1170px) {
  .r-feature-fl{
    width: 100%;
    float: none;
  }
  .r-feature-fr{
    width: 100%;
    float: none;
  }
  .r-feature-image{
    padding: 0px 20px;
  }
  .r-feature-content{
    margin: 0 20px;
  }
  .r-feature-fr img{
    max-width: 100%;
  }
  .r-graphics{
    display: block;
  }
  .r-graphics-fl{
    width:100%;
  }
  .r-graphics-fr{
    width:100%;
    display: block;
  }
  .r-graphics-fr img{
    margin: 0 auto;
  }
  .r-storage{
    display: block;
  }
  .r-storage-fl{
    display: block;
    width: 100%;
    margin-right: 0px;
  }
  .r-storage-fr{
    width: 100%;
    text-align: center;
  }
  .r-ram{
    display:block;
  }
  .r-ram-fl{
    display: block;
    width: 100%;
  }
  .r-ram-fr{
    width: 100%;
    text-align: center;
  }
  .full-rgb{
    display: block;
  }
  .full-rgb-fl{
    display: block;
    width: 100%;
  }
  .full-rgb-fr{
    width: 100%;
    text-align: center;
  }
  .full-rgb-fr img{
    margin-top: 20px;
  }
}