/* ==========================================================================
   Dominator sections styles
   ========================================================================== */

#dominator .text-center {
    text-align:center;   
}

#dominator .yellow {
    color:#f0cf1e;
}

#dominator section {
    position:relative;   
}

#dominator .show-on-mobile,
#dominator .show-on-tablet {
        
    display:none;
}

#dominator section h1 {
    text-transform:uppercase;
    font-weight:300;
    letter-spacing:0.05em;
    font-size:1.8em;
}

#dominator section h1 {
    font-size:1.8em;   
    letter-spacing:0.1em;
}

#dominator section p {
    font-size:1.2em;
    line-height:1.8;
    letter-spacing:0.1em;
    font-weight:300;
}

#dominator section .wrapper {
    position:relative;   
}

#dominator section p.centered {
    font-size:1.2em;
    line-height: 1.8;
    max-width:700px;
    margin: 1.5em auto 0;
}

#dominator .item,
#dominator .item a,
#dominator .item a img {
    outline:none;   
}

#dominator {
    margin:0;
    padding:0;
}

#dominator .cta {
    padding:1em 2em;
    font-weight:400;
    letter-spacing:0.1em;
    display:inline-block;
    background:#000;
    color:#fff;
    margin:1em 0 0;
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
}

#dominator .cta:hover {
    
    background:#fecf2e;
    color:#000;
    font-weight:600;
    
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
}

/**/
/* HERO */
/**/

#dominator .hero {
    position:relative;
    width:100%;
    height:42vw;
    background:url('http://cwsmgmt.corsair.com/responsive/img/dominator/hero_bg.jpg') center;
    background-size:cover;
    display:table;
    max-height:100vh;
    min-height:600px;
    overflow:hidden;
    margin-top:50px;
}

#dominator .hero #hero-img {

    position:absolute;
    left: 0;
    top: 0;
    z-index:-1;
    
    max-width: 100%;
    max-height: 100%;
    height: auto;
}

#dominator .hero .wrapper {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    height:100%;
    color:#fff;
    position: relative;
    width: 100%;
    z-index:1;
        
    padding:6em 1em;
}


#dominator .hero h1 {
    margin:0;
    letter-spacing:0.1em;
    text-transform:uppercase;
    font-weight:100;
    font-size:4.5vw;
    z-index:1;
    position:relative;
}


#dominator .hero p {
    font-size: 1.5em;
    letter-spacing: 0.3em;
    
    color:#fff;
    display: block;
    max-width: 750px;
    font-weight: 300;
    margin: 0 auto;
    line-height: 2;
    padding-bottom:1em;
}

#dominator .hero .hero_case {
    position:relative;
    width:1200px;
    max-width:100%;
    margin:0 auto 2em;
    
}

#dominator .hero h1,
#dominator .hero p,
#dominator .hero #logo-ces,
#dominator .hero .hero_case,
#dominator .hero .cta {
    display:none;   
}

#dominator .hero .down-arrow{
    position:absolute;
    bottom:5%;
    margin:0 auto;
    left:0;
    right:0;
    cursor:pointer;
    height:5em;
    fill: #fff;
    z-index:1;
    
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
}

#dominator .hero .down-arrow:hover {
    fill: #ccc;
    
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
}


#dominator .hero video {
    z-index:0;
    top: 0em;
    left: 0em;
    position:absolute;
    z-index:0;
    width: 100vw;
    
    display:none;
}



/* PANEL 1 */
#dominator #panel1 {
    background: #fff;
    background-size:cover;
    color:#111;
    height: auto;
    padding-bottom: 9em;
}

#dominator #panel1 .wrapper {
    padding: 8em 0 12em;
}

#dominator #panel1 span {
}

#dominator #panel1 span {
    text-transform: uppercase;
    font-weight:400;
    max-width:800px;
    margin:2em auto;
    display:block;
    
    line-height:2em;
    font-size:1.1em;
    letter-spacing:0.1em;
}

#dominator #panel1 h1 {
    font-weight:400;
    letter-spacing:0.2em;   
    padding-bottom:1em;
}

#dominator #panel1 .third {
    width:29%;
    padding:0 2%;
    display:inline-block;
    vertical-align: top;
    padding-top:50px;
}

#dominator #panel1 .third h2 {
    font-weight:500;   
    text-transform: uppercase;
    min-height:35px;
    font-size:1.2em;
    color: #937744;
    letter-spacing:0.2em;
}

#dominator #panel1 .third p{
    min-height:105px;
}

#dominator #panel1 .third::after {
    height:5px;
    width:80px;
    content:" ";
    display:block;
    
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;

}

#dominator #panel1 .third:hover::after {
    width:90%;
    
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;

}

#dominator #panel1 .third.first-gradient:after {
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ad8f55+0,876c3d+50,f6d79f+100 */
background: #ad8f55; 
background: -moz-linear-gradient(left,  #ad8f55 0%, #876c3d 50%, #f6d79f 100%);
background: -webkit-linear-gradient(left,  #ad8f55 0%,#876c3d 50%,#f6d79f 100%); 
background: linear-gradient(to right,  #ad8f55 0%,#876c3d 50%,#f6d79f 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad8f55', endColorstr='#f6d79f',GradientType=1 ); 

}

#dominator #panel1 .third.second-gradient:after {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ccbfa9+1,ccbfa9+1,876c3d+100 */
background: #ccbfa9;
background: -moz-linear-gradient(left,  #ccbfa9 1%, #ccbfa9 1%, #876c3d 100%); 
background: -webkit-linear-gradient(left,  #ccbfa9 1%,#ccbfa9 1%,#876c3d 100%); 
background: linear-gradient(to right,  #ccbfa9 1%,#ccbfa9 1%,#876c3d 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccbfa9', endColorstr='#876c3d',GradientType=1 ); 

}

#dominator #panel1 .third.third-gradient:after {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ccb588+15,ccb588+15,a3864f+89 */
background: #ccb588; 
background: -moz-linear-gradient(left,  #ccb588 15%, #ccb588 15%, #a3864f 89%); 
background: -webkit-linear-gradient(left,  #ccb588 15%,#ccb588 15%,#a3864f 89%); 
background: linear-gradient(to right,  #ccb588 15%,#ccb588 15%,#a3864f 89%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccb588', endColorstr='#a3864f',GradientType=1 );  
}

#dominator #panel1 .cta{
    padding:1.3em 4em;
    font-weight:600;
    letter-spacing:0.1em;
    background:#dadada;
    color:#000;
    display:inline-block;
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    
    margin-top:6em;
}

/* PANEL 5b */
#dominator #panel5b {
    color:#000;
    padding-top: 13vw;
    padding-bottom: 10vw;
    background:url('http://cwsmgmt.corsair.com/responsive/img/dominator/bg_panel5b.jpg') center no-repeat;
    background-size:cover;
}

#dominator #panel5b .wrapper {
    padding-left:1em;
}

#dominator #panel5b h1 {
    line-height:1;
    font-size:1.8em;
    letter-spacing:0.1em;
    color:#fff;
    font-weight:300;
    margin-bottom:0.3em;
}


#dominator #panel5b h1 small {
    font-size:60%;
    color:#1b1b1b;
    font-weight:400;
}

#dominator #panel5b .content-left {
    width:45%;
    display:inline-block;
    vertical-align:middle;
    position: relative;
}

#dominator #panel5b p {
    font-weight:400;
    padding-bottom:5em;
}

#dominator #panel5b #vector {
    max-width:100%;
    padding-bottom:4em;
}

#dominator #panel5b .vector-expand {
    max-width: 50%;
    position: absolute;
    left: 0%;
    top: -10%;
    opacity:0;
    
    transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
}

#dominator #panel5b .vector-expand.active {
    
    opacity:1;   
    transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
}
/*
#dominator #panel5b:hover .vector-expand {
    opacity:1;   
    transition: all 400ms ease;
    -webkit-transition: all 400ms ease;
}*/

#dominator #panel5b .content-left span .circle {
    width:8px;
    height:8px;
    border-radius:50%;
    padding:3px;
    border:2px solid #fff;
    margin:0 auto;
    text-align:center;
}

#dominator #panel5b .content-left span .circle .inner {
    width:100%;
    height:100%;
    border-radius:50%;
    opacity:0;
    background:#000;
}

#dominator #panel5b .content-left span.active .inner,
#dominator #panel5b .content-left span .circle:hover .inner {

    opacity:1;
}

#dominator #panel5b .content-left span {
    cursor:pointer;
    opacity:0.7;
    letter-spacing:0.25em;
    display:inline-block;
    text-align:center;
    padding:0 1em;
    font-weight:600;
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
}

#dominator #panel3 .content-left span.active,
#dominator #panel3 .content-left span:hover {
    opacity:1;
    
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
}


/* PANEL 2 */
#dominator #panel2 {
    color:#fff;
    padding-top: 10vw;
    padding-bottom: 10vw;
    background:url('http://cwsmgmt.corsair.com/responsive/img/dominator/bg_panel2.jpg') 70% 50% no-repeat;
    background-size:cover;
}

#dominator #panel2 .wrapper {
    padding-left:1em;
}

#dominator #panel2 h1 {
    line-height:1;
    font-size:1.8em;
    letter-spacing:0.1em;
    color:#fff;
    font-weight:100;
    margin-bottom:0.3em;
}


#dominator #panel2 h1 small {
    font-size:50%;
}

#dominator #panel2 .content-left {
    width:45%;
    display:inline-block;
}

#dominator #panel2 p {
    font-weight:100;
}


#dominator #panel2 ul {
    margin:0;
    padding:0;
}

#dominator #panel2 ul li {
    display:inline-block;
    width:24%;
    min-height:60px;
    border-left:1px solid #666;
    padding: 0em 5%;
    margin: 2em 0;
    vertical-align:top;
    
    letter-spacing:0.15em;
    font-size:.9em;
    line-height:1.8;
    font-weight:100;
}

#dominator #panel2 ul li:first-child {
    border-left:none;   
    padding-left:0;
}

/* PANEL 2b */
#dominator #panel2b {
    color:#fff;
    padding-top: 13vw;
    padding-bottom: 13vw;
    background:#bdbdbd;
    background-size:cover;
}

#dominator #panel2b .wrapper {
    padding-left:1em;
}

#dominator #panel2b h1 {
    line-height:1;
    font-size:1.75em;
    letter-spacing:0.1em;
    color:#fff;
    font-weight:100;
    margin-bottom:0.3em;
}


#dominator #panel2b h1 small {
    font-size:50%;
    color: #1b1b1b !important;
}

#dominator #panel2b .content-left {
    width:40%;
    display:inline-block;
    margin-left:59%;
}

#dominator #panel2b p {
    font-weight:400;
    padding-bottom:2em;
    color:#1b1b1b;
}

#dominator #panel2b #platinum-chrome {
    position:absolute;
    right:50vw;
    top: 9vw;
    margin-top: -4em;
    margin-right:120px;
    max-height:43em;
}

/* PANEL 2c */
#dominator #panel2c {
    color:#fff;
    padding-top: 13vw;
    padding-bottom: 13vw;
    background:#1b1b1b ;
    background-size:cover;
}

#dominator #panel2c .wrapper {
    padding-left:1em;
}

#dominator #panel2c h1 {
    line-height:1;
    font-size:1.75em;
    letter-spacing:0.1em;
    color:#fff;
    font-weight:100;
    margin-bottom:0.3em;
}


#dominator #panel2c h1 small {
    font-size:50%;
}

#dominator #panel2c .content-left {
    width:40%;
    display:inline-block;
}

#dominator #panel2c p {
    font-weight:100;
    padding-bottom:2em;
}

#dominator #panel2c #platinum-black {
    position:absolute;
    left:50vw;
    top: 9vw;
    margin-left:120px;
    margin-top: -4em;
    max-height:43em;
}

/* PANEL 2d */
#dominator #panel2d {
    color:#fff;
    padding-top: 13vw;
    padding-bottom: 13vw;
    background:url('http://cwsmgmt.corsair.com/responsive/img/dominator/bg_panel2d.jpg') center right no-repeat;
    background-size:cover;
}

#dominator #panel2d .wrapper {
    padding-left:2em;
}

#dominator #panel2d h1 {
    line-height:1;
    font-size:1.8em;
    letter-spacing:0.1em;
    color:#fff;
    font-weight:100;
    margin-bottom:0.3em;
}


#dominator #panel2d h1 small {
    font-size:50%;
}

#dominator #panel2d .content-left {
    width:40%;
    display:inline-block;
    margin-left:59%;
}

#dominator #panel2d p {
    font-weight:100;
}

/* PANEL 2e */
#dominator #panel2e {
    color:#000;
    padding-top: 8vw;
    padding-bottom: 8.5vw;
    background:#fff;
    background-size:cover;
}

#dominator #panel2e .wrapper {
    padding-left:1em;
}

#dominator #panel2e h1 {
    line-height:1.2;
    font-size:1.8em;
    letter-spacing:0.1em;
    color:#000;
    font-weight:400;
    margin-bottom:0.3em;
}


#dominator #panel2e h1 small {
    font-size:50%;
}

#dominator #panel2e .content-left {
    width:40%;
    display:inline-block;
}

#dominator #panel2e p {
    font-weight:400;
    padding-bottom:1em;
}


#dominator #panel2e #special-edition {
    max-width:50%;
    position:absolute;
    left:50%;
    top:-2em;
    margin-top:60px;
}

#dominator .cta { 
    padding: 1.3em 4em;
    font-weight: 600;
    letter-spacing: 0.1em;
    background: #fff;
    color: #000;
    display: inline-block;
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
    margin-top: 4em;
}

#dominator .cta:hover {
    
    background:#ccc;
    color:#000;
    font-weight:600;
    
    transition: all 200ms ease;
    -webkit-transition: all 200ms ease;
}


/* PANEL 5 */
#dominator #panel5 {
    background: #ebebeb ;
    padding: 27em 0 8em 0;
    color:#000;
}

#dominator #panel5  h1 small {
    color:#000;
    font-size:.6em;
}

#dominator #panel5  h1 {
    color:#000;
    font-weight:400;
}

#dominator #panel5 p {
    margin:3em auto;   
    max-width:600px;
    font-weight:400;
    margin-bottom:0;
}

#dominator #angle-shot {
    position:absolute;
    top: -43em;
    max-width: 130%;
    left: -27%;
}

/* GALLERY */
#dominator #gallery .item {
    position:relative;   
}

#dominator #gallery .gradient {
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    width:100%;
    height:100%;
    
    opacity: 0;
    
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-8 */
    
    transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
}

#dominator #gallery .gradient:hover {
    opacity:1;
    
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease; 
}

#dominator #gallery .gradient img {
    position: absolute;
    top: 41%;
    left: 0;
    right: 0;
    height: 3.5vw;
    width: 100%;
    opacity:0.6;
}

#dominator #gallery img {
    height:25vw;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 1600px) {
  
}
@media only screen and (max-width: 1200px) {
    
  
    #dominator .hero h1 {
        font-size:5em !important;   
    }
    
    #dominator .hero .cta a {
        padding: 1em 2.5em;
        font-weight: 500;
        font-size: 1.4em;
    }
    
    /* PANEL 1 */
    #dominator #panel1 .third {
        width:40%;   
        padding-left:5%;
        padding-right:5%;
    }
    
    #dominator #panel1 .wrapper {
        padding: 8em 0 10vw;
    }
    
    /* PANEL 2 */
    #dominator #panel2 {
        
        padding-top: 10em;
        padding-bottom: 10em;
    }
    
    #dominator #panel2 .content-left {
        width: 50%;
    }
    
    #dominator #panel5 {
        background: #ebebeb;
        padding: 26vw 0 8em 0;
    }
    
    #dominator #angle-shot {
        position: absolute;
        top: -42vw;
    }
    
    #dominator #panel2d .content-left {
        width: 45%;
        display: inline-block;
        margin-left: 55%;
    }
    
    #dominator #panel2b #platinum-black,
    #dominator #panel2b #platinum-chrome {
        top: 13vw;
    }
}

@media only screen and (max-width: 992px) {

    #dominator .hero video {
        width: 200%;
        margin-left: -50%; 
    }
    
    #dominator .hide-on-mobile {
        display:none !important;
    }
    
    #dominator .show-on-tablet {
        
        display:block;
    }
    
    #dominator .hero h1 {
        margin-top:-1em;   
    }
    
    /* PANEL 1 */
    
    #dominator .hero #logo-ces {
        margin-top: -20px;
        height: 100px;
    }
    
    #dominator .hero .down-arrow {
        height:4em;
    }
    
    #dominator .hero .wrapper {
        padding-bottom:50px;   
    }
    
    /* PANEL 2 */
    #dominator #panel2 {
        background:#141414;
        max-height:none; 
        max-height: none; 
        padding: 2em 0px 0 !important;
    }

    #dominator #panel2 .wrapper {
        padding:5.5em 0 5em;
    }
    
    #dominator #panel2 .content-left {
        width:100%;
        margin-left:0;
    }
    
    #dominator #panel2 .cta {
        background: #000;
        color: #fff;
        font-weight:300;
        margin-top: 2em
    }
    
    #dominator #panel2 .cta:hover {
        background: #222;
        
        font-weight:300;
        color: #fff;
    }
    
    #dominator #panel2d .content-left {
        width: 55%;
        display: inline-block;
        margin-left: 43%;
    }
    
    /* PANEL 3 */
    #dominator #panel3 h1 {
        margin-bottom: 0;
    }
    
    #dominator #panel3 p {
        padding-bottom: 0;
    }
    
    #dominator #panel5b .content-left {  
        padding-left: 2em;
    }
    
    
    #dominator #panel5b p {
        padding-bottom: 0em;
    }
    
    /*PANEL 4*/ 
    #dominator #panel4 .content-left {
        width: 60%;
    }
    
    /* GALLERy */
    #dominator #gallery img {
        height:33.3vw;
    }
    
    #dominator #gallery .gradient img {
        height:5vw;
    }
    
    
}

@media only screen and (max-width: 768px) {  
    #dominator .text-center {
        text-align: left;
    }
    
    #dominator .show-on-mobile {
        display:block;     
    }
    #dominator .hero .down-arrow {
        display:none;   
    }
    
    #dominator .hero h1 {
        font-size:4em;    
    }
    
    #dominator .hero .wrapper {
        padding-bottom:20px;   
         text-align:center;
    }
    
    #dominator .hero p {
        padding-top:0.5em;
        font-size: 1.2em;
    }
    
    #dominator .hero .down-arrow {
        bottom: 2em;
    }
    
    #dominator #panel2 .content-left,
    #dominator #panel4 .content-left {
        margin:0;
        width:100%;
    }

    #dominator #panel4 .wrapper {
        padding-left:0em;
    }
    
    #dominator section {
        padding:6em 0 !important;   
    }
    
    #dominator section h1,
    #dominator section p.centered {
        text-align:left;   
    }
    
    /* PANEL 1 */
    #dominator #panel1 {
        height: auto;
        padding: 10vw 0!important;
    }
    
    #dominator #panel5 {
        background: #ebebeb;
        padding: 26vw 0 8em 0 !important;
    }
    
    #dominator #panel1 .wrapper {
        padding: 0em 0 6em;
    }
    
    #dominator #panel1 center h1 {
     text-align:left;   
    }
    #dominator #panel1 .content-right {
        width:100%;
        padding:0%;
        text-align:left;
    }
    
    #dominator #panel1 .third {
        width: 95%;
        padding-left: 0;
        padding-right: 2.5%;
        padding-top: 3em;
    }
    
    #dominator #panel1 .third p {
        min-height: 0;
        padding-bottom: .5em;
    }
  
    
    #dominator #panel1 .third h2 {
        min-height:0;   
    }
    
    #dominator #panel1 span {
        text-align: left;
    }
    
   /* PANEL 2 */
    #dominator #panel2 {
        padding:0 !important;   
    }
    
    #dominator #panel2 {
        max-height: none;
    }
    
    
    #dominator #panel2 .cta {
        background: #000;
        color: #fff;
        font-weight:300;
        margin-top: 2em
    }
    
    #dominator #panel2 .cta:hover {
        background: #222;
        
        font-weight:300;
        color: #fff;
    }
    
    #dominator #panel2b #platinum-chrome {
        position: absolute;
        top: 15vw;
        right:0;
        max-height: 60vw;
    }
    
    #dominator #panel2c #platinum-black {
        position: absolute;
        top: 15vw;
        left:0;
        max-height: 60vw;
    }
    
    #dominator #panel2c p,
    #dominator #panel2b p {
        padding-bottom:0;    
    }
    
    #dominator #panel2b .content-left,
    #dominator #panel2c .content-left {
        width: 100%;
        display: inline-block;
        margin-left: 0;
        margin-top: 60vw;
    }
    
    
    #dominator #panel2d {
        background:#4e4e4e;    
    }
    
    #dominator #panel2d .content-left {
        width: 100%;
        margin-left: 0;    
    }
    
    #dominator #panel2b .wrapper,
    #dominator #panel2c .wrapper,
    #dominator #panel2d .wrapper,
    #dominator #panel2e .wrapper {
        padding-left: 0;
    }
    
    #dominator #panel2e .content-left {
        width: 100%;
        margin-top: 83vw;
    }

    #dominator #panel2e #special-edition {
        max-width: 100%;
        left: 0;
        top: -2em;
    }
    
    #dominator #panel5b {
        padding-bottom: 4.5em !important;    
    }
    
    #dominator #panel5b .wrapper {
         padding-left: 0em; 
    }
    
    #dominator #panel5b .content-left:first-child {
        
        padding-bottom:4em;   
    }
    
    #dominator #panel5b .content-left {
        width: 100%;
        padding: 0;
    }
    
    
    /* GALLERY */
    #dominator #gallery {
        padding:0 !important;
    }
    
    #dominator #gallery img {
        height:50vw;
    }
    
    #dominator #gallery .gradient img {
        height:8vw;
    }
    
}

@media only screen and (max-width: 479px) {
    
    #dominator .hero {
        height:90vh;    
    
    
    
        background: url('http://cwsmgmt.corsair.com/responsive/img/dominator/hero_bg.jpg');
        background-size:cover;
        background-position: center;
    }
    
    #dominator .hero video {
        display:none !important;
    }
    
    #dominator .hero h1 {
        font-size:10vw !important;    
    }
    
    #dominator .hero .down-arrow {
        display:block;   
    }
    
    #dominator .hero .wrapper {
        padding-bottom:40px;
    }
     
    #dominator .hero .cta a {
        font-size:1.2em;
    }
    
    #dominator .hero .cta {
        padding-top:3em;
    }
    
    
    #dominator #panel2b #platinum-chrome,
    #dominator #panel2c #platinum-black {
        top: 20vw;
    }
    
    /* GALLERY */
    #dominator #gallery img {
        height:100vw;
    }
    
    #dominator #gallery .gradient {
        opacity:1;   
    }
    
    #dominator #gallery .gradient img {
        height:10vw;
    }
    
    
}