#footer .col-12 { padding: 0 15px; }



    #PortalPagina { width: 100%; background: #ededed; position: relative; z-index: 0;}

    #PortalPagina img { width: 100%; }

    #PortalPagina h1 { font-size: 30px; } 

    #PortalPagina h2 { font-size: 30px; line-height: 35px; }

    #PortalPagina p { font-size: 16px; line-height: 24px; }

    #PortalPagina figure { margin: 0; padding: 0; }

    .SeoBasisBlok a { font-size: 16px; line-height: 30px; color: red; }

 

    /* Header */

    .OmslagLogo { display: block; background: #131313; padding: 15px 30px; }

    .OmslagLogo img { width: auto !important; }



    /* Menu - Desktop */

    

    

    /* Vlakverdeling */

    #PortalPagina .SeoBasisBlok { display: flex; margin: 0 auto; }

    #PortalPagina .SeoTekstvlak { width: 80%; padding: 60px 30px; display: flex; flex-direction: column; }



    .SeoEnkelvlak { width: 100%; display: inline-flex; flex-direction: row-reverse; }

    .SeoEnkelvlak div { width: 80%; align-self: center; flex: auto; }

    .SeoEnkelvlakImg { width: 100%; padding: 0; }

    .SeoEnkelvlakImg div { width: 100%; }

    .SeoDubbelvlak { width: 50%; margin: 0 auto; padding: 30px; text-align: center; }

    .infocenterarea { text-align: center; }

    .infocenterarea > div { flex-wrap: wrap; }

    .infocenterarea figure { width: 100%; }

    .InfoLeftRightArea { flex-wrap: wrap; }   

    .Inleiding { text-align: center; padding: 60px; background: white;}

    

    /* Uitklapvragen */

    .Uitklapmenu { width: 100%; padding: 17px; cursor: pointer; }

    .UitklapVlak { display: none;}

    .Pijltje { float: left; background: url(https://www.alternate.nl/pix/navigation/treeArrowRight.png) no-repeat; width: 14px; height: 26px; background-position: left 10px; cursor: pointer; }

    .Pijltje.flip { background-position: left 14px; transform: rotate(90deg); background-position-x: 5px; }

    

    /* Content */

    .SeoBasisBlok:nth-child(even) .SeoEnkelvlak { flex-direction: row; }

    .SeoBasisBlok:nth-child(odd) .SeoTekstvlak h2 { background: url(/download/b2c_nl/pic/merken/kingston/portal/grey_title_background.png) no-repeat; margin-left: -30px; margin-bottom: 50px; padding: 10px 30px; color: white; }

    .SeoBasisBlok:nth-child(even) .SeoEnkelvlak h2 { background: url(/download/b2c_be_nl/pic/Kingston-Brand/red_title_background.png) no-repeat; padding: 10px 30px; margin-bottom: 50px; color: white; margin-right: -30px !important; background-position: right; text-align: right;}

    #PortalPagina .SeoTekstvlak h3 { font-size: 28px; line-height: 35px; margin-bottom: 20px; }

    #PortalPagina .Inleiding .SeoTekstvlak { width: 100%; }

    

    #nlYoutube { display: flex; margin: 30px 0 0 !important; align-self: center;}

    #nlYoutube iframe { border: none; padding: 0 5px; }

    

    #SSD { background: black; color: white; }

    

    #SD-kaarten .ItemAfbeelding img {  width: 50%; }

    

    #Kaartlezers { background: black; color: white; }

    #Kaartlezers .ItemAfbeelding img { height: 545px; object-fit: cover; object-position: left; }

    

    #USB .ItemAfbeelding img { height: 545px; object-fit: cover; object-position: right; }

    

    .nlHyperxButtonRed { line-height: 50px !important; color: #f2f2f2 !important; background: #bd0e2e; width: fit-content; padding: 0 20px; margin: 20px 0 0; }

    .nlHyperxButtonWhite { line-height: 50px !important; color: #bd0e2e !important; background: #f2f2f2; width: fit-content; padding: 0 20px; margin: 20px 0 0; border: 2px solid #bd0e2e; }



    @media screen and (max-width: 667px) { /* Mobile */

        #PortalPagina header { background: white; }

        .SeoEnkelvlak { flex-direction: column; }

        .SeoDubbelvlak { width: 100%; padding: 0; }

        .SeoEnkelvlak div { width: 100%; }

        #PortalPagina .SeoDubbelvlak .SeoTekstvlak { padding: 30px !important; }

        #PortalPagina .SeoTekstvlak { width: 100%; padding: 10px; }

        .SeoBasisBlok:nth-child(odd) .SeoEnkelvlak { flex-direction: column; }

        .SeoBasisBlok:nth-child(odd) .SeoEnkelvlak h2 { margin-right: -10px !important; background-position: left; }        

        .SeoBasisBlok:nth-child(even) .SeoEnkelvlak h2 { background-position: right; }

        

        .navportal { flex-flow: column; margin: 0; width: 100%; position: inherit; }

        .Inleiding { padding: 20px 5px; }

        #nlYoutube { display: none; }

        #Geheugen img { height: 14em; object-fit: contain; object-position: right; }

        #SSD .ItemAfbeelding img { height: auto; }

        #SD-kaarten .ItemAfbeelding { overflow: hidden; }

        #SD-kaarten img { height: 25em !important; margin: -86px 0; }

        #Kaartlezers .ItemAfbeelding { overflow: hidden; }

        #Kaartlezers img { height: 25em !important; margin: -86px 0; }

        #USB img { height: 18em !important; }        

    }



    @media screen and (min-width: 768px) and (max-width: 1032px) { /* Tablet */

        #PortalPagina .SeoDubbelvlak .SeoTekstvlak { padding: 30px 0; }

        #PortalPagina { width: 100%; position: relative; margin-top: -10px;}

        #PortalPagina .Inleiding .SeoTekstvlak { padding: 0; }

        .SeoBasisBlok:nth-child(even) .SeoTekstvlak h2 { background-position: right; }

        .SeoBasisBlok:nth-child(odd) .SeoEnkelvlak h2 { background-position: left; }

    }