/* Desktop */
    
    @media (min-width: 1600px) {
        .container,
        .navbar-static-top .container,
        .navbar-fixed-top .container,
        .navbar-fixed-bottom .container,
        header .navbar .navbar-inner .container {
            width: 1170px !important;
        }
        section.home-topstarter .container:before,
        section.home-bedrijf .container:before {
            left: 10%;
        }
        header .mobile-menu {
            width: 20%;
        }
    }
    
    @media (min-width: 1200px) and (max-width: 1599px) {
        .container,
        .navbar-static-top .container,
        .navbar-fixed-top .container,
        .navbar-fixed-bottom .container,
        header .navbar .navbar-inner .container {
            width: 1080px !important;
        }
        section.topstarter-howto .container-image:before {
            width: 940px;
            background: url(https://cdn2.hubspot.net/hubfs/2752837/PlanetTalent/bg_round_white_half_top.png) no-repeat 540px 0;
        }
        section.topstarter-howto .container-image:after {
            width: 940px;
            background: url(https://cdn2.hubspot.net/hubfs/2752837/PlanetTalent/bg_round_orange_half_big.png) no-repeat 540px -115px;
        }
        header .mobile-menu {
            width: 25%;
        }
        section.article-details ul.navigation li {
            max-width: 350px;
        }
    }
    
    @media (min-width: 1200px) {
        .row-fluid [class*="span"]:first-child {
            min-height: 0;
        }
        .row {
            margin-left: 0;
        }
        section.article-details ul.navigation li {
            max-width: 300px;
        }
    }
    
    @media (max-width: 1199px) {
        header .navbar .navbar-inner .container .brand {
            margin-left: 0px;
        }
        section.article-details ul.navigation li {
            max-width: 300px;
        }
    }
    /*hotfixes*/
    
    @media (min-width: 980px) {
        section.topstarter-blog.topstarter-blog-listing .row [class*="span"]:first-child,
        section.topstarter-blog.topstarter-blog-listing .row [class*="span"]:nth-child(3),
        section.topstarter-blog.topstarter-blog-listing .row [class*="span"]:nth-child(6) {
            margin-left: 0;
        }
    }
    
    @media (min-width: 980px) and (max-width: 1199px) {
        section.topstarter-howto .container-image:before {
            width: 940px;
            background: url(https://cdn2.hubspot.net/hubfs/2752837/PlanetTalent/bg_round_white_half_top.png) no-repeat 540px 0;
        }
        section.topstarter-howto .container-image:after {
            width: 940px;
            background: url(https://cdn2.hubspot.net/hubfs/2752837/PlanetTalent/bg_round_orange_half_big.png) no-repeat 540px -115px;
        }
        .row {
            margin-left: 0 !important;
        }
        header .mobile-menu {
            width: 30%;
        }
        .content-banner figure {
            width: 90% !important;
        }
    }
    
    @media (min-width: 900px) and (max-width: 1200px) {
        section.home-topstarter .container:before,
        section.home-bedrijf .container:before {
            left: 0%;
        }
    }
    
    @media (min-width: 300px) and (max-width: 900px) {
        section.topstarter-blog .container-fluid .row-fluid .span9,
        section.topstarter-blog .container-fluid .row-fluid .span3 {
            width: 100%;
        }
        section.topstarter-blog .container-fluid .row-fluid .span3 {
            margin: 30px 0 0 0;
        }
        section.topstarter-blog article figure {
            display: none;
        }
        section.topstarter-blog article h2 {
            max-width: 75%;
        }
        header .mobile-menu .nav-mobile .hs_cos_wrapper:nth-child(1) ul {
            display: block;
        }
        header .mobile-menu .nav-mobile .hs_cos_wrapper:nth-child(2) ul {
            display: block;
            margin-top: 0px;
        }
    }
    /* Portrait tablet to landscape and desktop */
    
    @media (min-width: 768px) and (max-width: 979px) {
        section.topstarter-startertop .container .row .span6:nth-child(4):before {
            margin-left: 330px;
        }
        header .mobile-menu .nav-mobile .hs_cos_wrapper:nth-child(1) ul {
            display: block;
        }
        header .mobile-menu {
            width: 35%;
        }
        section.topstarter-blog .container-fluid .row-fluid .span9,
        section.topstarter-blog .container-fluid .row-fluid .span3 {
            width: 100%;
        }
        section.topstarter-blog .container-fluid .row-fluid .span3 {
            margin: 30px 0 0 0;
        }
        section.article-details ul.navigation li {
            max-width: 240px !important;
        }
        section.article-details h4.social-article-details-title:after {
            top: 60px;
        }
        section.home-topstarter .container:before,
        section.home-bedrijf .container:before {
            left: 0%;
            width: 250px;
            height: 125px;
            background-size: 100%;
        }
        section.topstarter-tabs::before {
            width: 0;
        }
        section.topstarter-howto .container-image:before {
            width: 724px;
            background: url(https://cdn2.hubspot.net/hubfs/2752837/PlanetTalent/bg_round_white_half_top.png) no-repeat 375px 0;
        }
        section.topstarter-howto .container-image:after {
            width: 724px;
            background: url(https://cdn2.hubspot.net/hubfs/2752837/PlanetTalent/bg_round_orange_half_big.png) no-repeat 375px -115px;
        }
        section.topstarter-blog.topstarter-blog-listing .row [class*="span"]:first-child,
        section.topstarter-blog.topstarter-blog-listing .row [class*="span"]:nth-child(2),
        section.topstarter-blog.topstarter-blog-listing .row [class*="span"]:nth-child(4),
        section.topstarter-blog.topstarter-blog-listing .row [class*="span"]:nth-child(6),
        section.topstarter-blog.topstarter-blog-listing .row [class*="span"]:nth-child(8) {
            margin-left: 0;
        }
        section.topstarter-blog.topstarter-blog-listing .row [class*="span"] {
            width: 48.61878453038674%;
        }
        section.topstarter-blog.topstarter-blog-listing .row [class*="span"]:first-child {
            width: 100%;
        }
        section.topstarter-blog.topstarter-blog-listing .row [class*="span"]:first-child article figure {
            display: block !important;
        }
        section.topstarter-blog.topstarter-blog-listing .row [class*="span"]:last-child article figure {
            display: none !important;
        }
        .row {
            margin-left: 0 !important;
        }
        section.topstarter-tabs ul.nav li a span {
            font-size: 18px;
        }
        footer .footer-form .hs_email {
            width: 300px;
        }
        footer form input[type="text"],
        footer form input[type="email"] {
            width: 285px;
        }
        .content-banner figure {
            width: 90% !important;
        }
        section.topstarter-contact-persons .container .row .span6:nth-child(2):before {
            margin-left: 300px;
        }
        section.topstarter-contact-persons h3 {
            font-size: 25px;
        }
    }
    
    @media (max-width: 979px) {
        .nav-collapse,
        .nav-collapse.collapse {
            display: none;
        }
        /*topstarter logos*/
    }
    /* Landscape phone to portrait tablet */
    
    @media (max-width: 767px) {
        header .mobile-menu {
            width: 40%;
        }
        ul li,
        ol li,
        p {
            font-size: 30px;
            line-height: 40px;
        }
        .row-fluid [class*="span"] {
            min-height: 0px;
        }
        .hs-button,
        .btn {
            width: 100% !important;
            box-sizing: border-box !important;
            padding-left: 0px !important;
            padding-right: 0px !important;
            height: 99px !important;
            line-height: 99px !important;
            margin-top: 20px;
            padding-top: 0px !important;
            padding-bottom: 0px !important;
            font-size: 36px;
        }
        .btn.btn-linkedin,
        .btn.btn-linkedin:hover,
        .btn.btn-linkedin:focus,
        .btn.btn-meet,
        .btn.btn-meet:hover,
        .btn.btn-meet:focus {
            width: initial !important;
            box-sizing: border-box !important;
            padding-left: 11% !important;
            padding-right: 10% !important;
            height: initial !important;
            line-height: initial !important;
            margin-top: initial;
            padding-top: 2% !important;
            padding-bottom: 2% !important;
            background-size: 9% !important;
            font-size: 22px;
        }
        h2 {
            font-size: 52px;
            margin-bottom: 50px;
            line-height: 60px;
        }
        /*navbar*/
        section.topstarter-cv {
            background: none;
        }
        .header-container-wrapper .container-fluid .row-fluid .span12 {
            padding: 0 !important;
        }
        .navbar .navbar-inner .container .brand {
            font-size: 32px;
        }
        .navbar .navbar-inner {
            margin-top: 20px;
        }
        header .navbar .navbar-inner .container .brand {
            margin-left: 0px;
            font-size: 49px;
            padding: 30px 20px 25px 20px;
        }
        header .navbar .navbar-inner .container .brand small {
            font-size: 14px;
            padding-top: 12px;
            padding-left: 3px;
            text-shadow: none;
            letter-spacing: 0.7px;
        }
        header .btn-mobile {
            width: 77px;
            height: 77px;
            display: inline-block;
        }
        header .btn-mobile:before {
            width: 77px;
            height: 77px;
            font-size: 77px;
        }
        header .mobile-menu {
            width: 60%;
        }
        header .mobile-menu .nav-mobile ul {
            display: block;
            margin: 50px 0 30px 0;
        }
        header .mobile-menu .nav-mobile ul li a {
            font-size: 25px;
        }
        header .mobile-menu .nav-mobile ul li a:before {
            top: 8px;
            font-size: 22px;
            left: -35px;
        }
        header .mobile-menu .hs-button,
        header .mobile-menu .btn {
            width: 88%;
            box-sizing: border-box !important;
            padding-left: 0px !important;
            padding-right: 0px !important;
            height: 70px !important;
            line-height: 70px !important;
            margin-top: 20px;
            padding-top: 0px !important;
            padding-bottom: 0px !important;
            font-size: 26px;
        }
        header .mobile-menu address p {
            font-size: 20px;
            line-height: 22px;
        }
        /*home*/
        header.header-home {
            height: 140px;
        }
        header.bg-yellow .navbar .navbar-inner .container .brand {
            margin-left: 0px;
            font-size: 49px;
            padding: 30px 20px 25px 20px;
        }
        section.home-bedrijf .container h2,
        section.home-topstarter .container h2 {
            font-size: 52px;
            line-height: 60px;
            margin-bottom: 14px;
        }
        section.home-topstarter .container:before,
        section.home-bedrijf .container:before {
            left: 0%;
            right: 0;
            margin-left: auto;
            margin-right: auto;
            width: 380px;
            height: 191px;
            background-size: 100%;
        }
        section.home-bedrijf .container .btn,
        section.home-topstarter .container .btn {
            margin-top: 30px;
            margin-bottom: 30px;
        }
        section.home-topstarter .container .row {
            padding-bottom: 210px;
        }
        section.home-bedrijf .container .row {
            padding-top: 210px;
        }
        section.home-topstarter,
        section.home-bedrijf {
            padding-left: 40px;
            padding-right: 40px;
        }
        section.home-bedrijf .container P,
        section.home-topstarter .container P {
            line-height: 43px;
        }
        /*general padding*/
        section.topstarter-cv,
        section.topstarter-text,
        section.topstarter-starter,
        section.list-heading {
            padding-left: 40px;
            padding-right: 40px;
            padding-top: 38px;
            padding-bottom: 70px;
        }
        section.list-heading {
            background: none;
        }
        section.list-heading h1,
        section.list-heading h2 {
            margin-top: 0px;
        }
        section.list-heading p {
            line-height: 40px;
        }
        section.list-heading ul.tags,
        section.list-heading .widget-module ul {
            margin-bottom: 0px;
        }
        /*topstarter-cv*/
        section.topstarter-cv h1,
        section.topstarter-cv h2 {
            font-size: 52px;
            margin-bottom: 14px;
            line-height: 58px;
        }
        section.topstarter-cv .topstarter-cv-action {
            padding-top: 17px;
        }
        section.topstarter-cv .topstarter-cv-action .topstarter-cv-counter {
            line-height: 40px;
            padding-left: 0px;
            padding-top: 20px;
            width: 100%;
            font-family: 'Open Sans', sans-serif;
            font-size: 26px !important;
            text-align: center;
            line-height: 40px;
            padding-top: 26px;
            width: 100%;
        }
        section.topstarter-cv .topstarter-cv-action .topstarter-cv-counter b {
            font-size: 53px;
        }
        section.topstarter-cv .topstarter-cv-action .topstarter-cv-counter b:after {
            top: 62px;
        }
        /*topstarter howto*/
        section.topstarter-howto .span10 {
            padding: 0 40px;
        }
        section.topstarter-howto h2 {
            margin-top: 0;
            margin-bottom: 100px;
        }
        section.topstarter-howto .container-image {
            margin-bottom: 178px;
        }
        section.topstarter-howto h2:after {
            top: 45px;
        }
        section.topstarter-howto .container-image:before {
            width: 100%;
            background-position: 50% 0;
        }
        section.topstarter-howto .container-image:after {
            width: 100%;
            background-position: 50% -115px;
        }
        section.topstarter-howto h2 {
            float: left;
            text-align: left;
            margin-bottom: 20px;
            font-size: 52px;
            line-height: 60px;
            max-width: 540px;
        }
        section.topstarter-howto p {
            text-align: left;
            float: initial;
        }
        /*topstarter 4 boxes*/
        section.topstarter-startertop h2 {
            margin: 0 40px 0 40px;
            top: 13px;
            position: relative;
            z-index: 5;
            font-size: 52px;
            line-height: 60px;
        }
        section.topstarter-startertop .container .row .span6 h3 {
            font-size: 48px;
            line-height: 62px;
            margin-bottom: 15px;
            padding-top: 100px;
        }
        section.topstarter-startertop h3:before {
            width: 78px;
            height: 78px;
            display: block;
            content: "1";
            text-align: center;
            line-height: 80px;
            font-family: 'Comfortaa', cursive;
            font-size: 41px;
            font-weight: 700;
            color: #ffffff;
            margin: 0 0 15px 0;
        }
        section.topstarter-startertop h3:after {
            font-size: 75px;
            width: 78px;
            height: 78px;
            left: 2px;
        }
        section.topstarter-startertop .container .row ul li {
            margin-bottom: 5px;
            padding-left: 40px;
        }
        section.topstarter-startertop .container .row ul li:after {
            font-size: 27px;
            top: 8px;
        }
        section.topstarter-startertop .container .row ul li a {
            font-size: 30px;
        }
        section.topstarter-startertop .container .row .span6 {
            width: 100%;
            padding: 80px 40px !important;
        }
        section.topstarter-startertop .container .row .span6:nth-child(2) {
            display: none !important;
        }
        section.topstarter-startertop.topstarter-startertop--4text-boxes .container .row .span6:nth-child(2) {
            display: block !important;
        }
        section.topstarter-startertop .container .row .span6:nth-child(4) {
            background: #1f1e67;
        }
        section.topstarter-startertop .container .row .span6:nth-child(4) h3,
        section.topstarter-startertop .container .row .span6:nth-child(4) p,
        section.topstarter-startertop .container .row .span6:nth-child(4) li,
        section.topstarter-startertop .container .row .span6:nth-child(4) h2,
        section.topstarter-startertop .container .row .span6:nth-child(4) h4,
        section.topstarter-startertop .container .row .span6:nth-child(4) h5,
        section.topstarter-startertop .container .row .span6:nth-child(4) ul li a {
            color: #ffffff;
        }
        section.topstarter-startertop .container .row .span6:before {
            display: none !important;
        }
        section.topstarter-startertop .topstarter-video {
            display: none;
        }
        /*topstarter tabs*/
        section.topstarter-tabs .accordion .accordion-group .accordion-title a {
            font-size: 49px;
            line-height: 54px;
            height: 200px;
            text-align: left;
            display: flex;
            flex-direction: column;
            justify-content: center;
            letter-spacing: -1.5px;
        }
        section.topstarter-tabs .accordion .accordion-group .accordion-title a.collapsed {
            background: url(https://cdn2.hubspot.net/hubfs/2752837/PlanetTalent/icon_arrow_white_down.png) no-repeat 95% 85%;
        }
        section.topstarter-tabs .accordion .accordion-group .accordion-title a::before {
            font-family: 'Comfortaa', cursive;
            font-weight: 700;
            content: "STAP 1";
            display: block;
            width: 100%;
            height: 30px;
            position: absolute;
            left: 43px;
            top: 0;
            font-size: 30px;
            line-height: 15px;
            text-align: left;
            color: #ffffff;
            top: 50px;
        }
        section.topstarter-tabs .accordion .accordion-group:nth-child(2) a::before {
            content: "STAP 2";
        }
        section.topstarter-tabs .accordion .accordion-group:nth-child(3) a::before {
            content: "STAP 3";
        }
        section.topstarter-tabs .accordion .accordion-group:nth-child(4) a::before {
            content: "STAP 4";
        }
        section.topstarter-tabs .accordion .accordion-group:nth-child(5) a::before {
            content: "STAP 5";
        }
        section.topstarter-tabs .accordion .accordion-group:nth-child(6) a::before {
            content: "STAP 6";
        }
        section.topstarter-tabs .accordion .accordion-group .accordion-title a.collapsed::before {
            display: none;
        }
        section.topstarter-tabs .accordion .accordion-group .accordion-title a {
            padding: 100px 80px 40px 40px;
        }
        section.topstarter-tabs .accordion .accordion-group .accordion-title a.collapsed {
            padding: 40px 80px 40px 40px;
        }
        section.topstarter-tabs .left-content,
        section.topstarter-tabs .right-content {
            width: 100% !important;
            padding: 50px 40px 0 40px;
            display: block;
            float: none;
            position: relative;
            min-height: auto;
            overflow: hidden;
            box-sizing: border-box;
        }
        section.topstarter-tabs .right-content {
            padding: 0 40px 50px 40px;
        }
        section.topstarter-tabs .left-content:before {
            position: absolute;
            content: "";
            width: 87%;
            display: block;
            margin: -50px 0 0 0;
            border-top: 1px solid #ffffff;
        }
        section.topstarter-tabs::before {
            display: none;
        }
        section.topstarter-tabs .container-tabimg img {
            top: 0;
            width: 100%;
            height: auto;
            position: relative;
            border-radius: 5px;
        }
        section.topstarter-tabs h3 {
            margin: 20px 0 26px 0;
            font-weight: 700;
            font-size: 36px;
            color: #282762;
            line-height: 45px;
            max-width: 100%;
        }
        /*topstarter starter*/
        section.topstarter-starter img {
            display: none;
        }
        /*topstarter starter blockquote*/
        section.topstarter-starter h2,
        section.topstarter-starter blockquote,
        section.topstarter-starter .btn {
            margin-left: 0px;
        }
        section.topstarter-starter h2 {
            margin-bottom: 116px;
            font-size: 52px;
            line-height: 60px;
            max-width: 520px;
        }
        section.topstarter-starter blockquote {
            padding: 120px 30px 100px 30px;
            background: #ebecec;
            border-radius: 20px;
            margin-bottom: 80px;
        }
        section.topstarter-starter blockquote:before {
            left: 30px;
            top: -86px;
            width: 174px;
            height: 78px;
            font-size: 175px;
        }
        section.topstarter-starter blockquote:after {
            right: 32px;
            bottom: 14px;
            width: 174px;
            height: 78px;
            font-size: 175px;
        }
        section.topstarter-starter blockquote p {
            font-size: 48px;
            line-height: 58px;
            font-weight: 300;
        }
        section.topstarter-starter blockquote cite b {
            display: block;
        }
        section.topstarter-starter blockquote cite {
            font-family: 'Open Sans', sans-serif;
            font-weight: 300;
            font-style: italic;
            font-size: 28px;
            line-height: 40px;
            margin-top: 15px;
            display: block;
            color: #000100;
        }
        /*topstarter logos*/
        section.topstarter-logos h2 {
            position: relative;
            text-align: center;
            font-size: 52px;
            line-height: 60px;
            max-width: 90%;
            margin-bottom: 50px;
            margin-left: auto;
            margin-right: auto;
        }
        section.topstarter-logos .owl-carousel .owl-nav .owl-prev {
            left: 20px !important;
        }
        section.topstarter-logos .owl-carousel .owl-nav .owl-next {
            right: 30px !important;
        }
        section.topstarter-logos .owl-carousel .owl-nav .owl-prev:before,
        section.topstarter-logos .owl-carousel .owl-nav .owl-next:before {
            font-size: 30px;
        }
        /*topstarter startertop*/
        section.topstarter-startertop .container-fluid .row-fluid .span6 {
            min-height: 400px;
        }
        section.topstarter-startertop .container-fluid .row-fluid .span6:nth-child(1) {
            background-size: 180px auto;
        }
        section.topstarter-startertop .container-fluid .row-fluid .span6:nth-child(1) h2 {
            max-width: 60%;
        }
        section.topstarter-startertop .container-fluid .row-fluid .span6:nth-child(1) h2:after {
            top: 100px;
        }
        /**topstarter text **/
        section.topstarter-text h2 {
            margin-bottom: 20px;
            font-size: 52px;
            line-height: 60px;
        }
        section.topstarter-become {
            padding: 30px 40px 65px 40px;
        }
        section.topstarter-become h2 {
            font-size: 52px;
            margin-bottom: 10px;
            line-height: 60px;
        }
        /*topstarter banner image*/
        section.topstarter-banner-image:after {
            background: url(../img/bg_round_half_vertical.png) no-repeat;
            width: 230px;
            height: 50%;
            bottom: 25%;
            background-size: auto 100%;
            background-position: center right;
        }
        /*** faq ****/
        section.topstarter-faq ul {
            margin: 20px 20px 60px 40px;
        }
        section.topstarter-faq .accordion {
            margin: 20px;
        }
        /*topstarter persons contact*/
        section.topstarter-contact-persons .container .row .span6 {
            width: 100%;
        }
        section.topstarter-contact-persons .container .row .span6:before {
            display: none !important;
        }
        section.topstarter-contact-persons h3 {
            margin-bottom: 40px;
            margin-top: 60px;
            font-size: 52px;
        }
        section.topstarter-contact-persons h4 {
            font-size: 30px;
            line-height: 40px;
            margin-bottom: 10px;
        }
        section.topstarter-contact.bg-purple h2 {
            margin-left: 20px;
        }
        section.topstarter-contact-about .container-fluid .row-fluid [class*="span"] {
            width: 100%;
            float: left;
        }
        section.topstarter-contact-about .container-fluid .row-fluid [class*="span"] img {
            width: 100%;
        }
        section.topstarter-contact-about .container-fluid .row-fluid [class*="span"] h3 {
            font-size: 42px;
            line-height: 42px;
        }
        section.topstarter-contact-about .container-fluid .row-fluid [class*="span"] h4 {
            font-size: 30px;
            line-height: 30px;
        }
        section.topstarter-contact {
            padding-left: 40px;
            padding-right: 40px;
        }
        section.topstarter-contact h2 {
            font-size: 52px;
            line-height: 60px;
            max-width: 80%;
        }
        section.topstarter-contact form {
            margin-left: 0;
            margin-right: 0;
        }
        section.topstarter-contact form label {
            font-size: 30px;
            line-height: 36px;
        }
        section.topstarter-contact form ul li label {
            font-size: 22px;
        }
        section.topstarter-contact fieldset.form-columns-2 .hs-form-field {
            width: 100%;
        }
        section.topstarter-contact input[type="text"],
        section.topstarter-contact input[type="email"],
        section.topstarter-contact textarea,
        section.topstarter-contact select {
            font-family: 'Open Sans', sans-serif;
            width: 100%;
            margin-bottom: 10px;
            height: 97px;
            padding-left: 20px;
            padding-right: 20px;
            font-size: 40px;
        }
        section.topstarter-contact textarea {
            height: 300px;
            line-height: 45px;
        }
        /*blog items*/
        section.topstarter-blog .blog-item,
        section.topstarter-blog.topstarter-blog-listing .blog-item {
            margin-bottom: 0px !important;
        }
        section.topstarter-blog h2 {
            position: relative;
            text-align: left;
            top: 13px;
            margin: 0 0 0 40px;
            z-index: 5;
            font-size: 52px;
            line-height: 60px;
        }
        section.topstarter-blog article {
            padding-left: 40px;
            padding-right: 40px;
            padding-bottom: 30px;
        }
        section.topstarter-blog article,
        section.topstarter-blog.topstarter-blog-model1 .span8 article,
        section.topstarter-blog.topstarter-blog-model1 .span4 article,
        section.topstarter-blog.topstarter-blog-model2 .span8 article,
        section.topstarter-blog.topstarter-blog-model2 .span4 article {
            padding-left: 40px !important;
            padding-right: 40px !important;
        }
        section.topstarter-blog.topstarter-blog-listing article h3,
        section.topstarter-blog article h3 {
            text-align: left;
            max-width: 100%;
            font-size: 42px !important;
            line-height: 50px;
            margin: 0px 0 20px 0;
        }
        section.article-details article time,
        section.topstarter-blog article time {
            display: table;
            position: relative;
            width: 78px;
            height: 78px;
            font-size: 19px;
            padding: 11px 1px 0 0;
            text-align: center;
        }
        section.article-details article time span,
        section.topstarter-blog article time span {
            font-size: 35px;
            line-height: 37px;
        }
        section.topstarter-blog article ul li a {
            font-size: 20px;
            border-radius: 10px;
        }
        section.topstarter-blog article .read-more {
            color: #ffffff;
            font-size: 26px;
        }
        section.topstarter-blog article .read-more:after {
            top: -2px;
            font-size: 24px;
        }
        section.topstarter-blog article address,
        section.topstarter-blog article address span {
            font-size: 25px;
            line-height: 30px;
        }
        section.topstarter-blog article address span:before {
            width: 30px;
            height: 30px;
            top: -2px;
            font-size: 30px;
        }
        section.topstarter-blog .blog-more {
            line-height: 36px;
            font-size: 32px;
            padding-left: 40px;
            float: none;
        }
        section.topstarter-blog .blog-more:after {
            top: 4px;
            font-size: 27px;
        }
        section.topstarter-blog.topstarter-blog-model2 .span4 {
            width: 100% !important;
        }
        /*****item details*****/
        section.article-details {
            margin: 70px 0 40px 0;
        }
        section.article-details article time,
        section.article-details article address {
            float: none !important;
            text-align: left !important;
            margin: 0 0 20px 0px;
        }
        section.article-details article address.author,
        section.article-details article address.info {
            font-size: 16px;
            line-height: 22px;
            margin-top: 20px;
            margin-bottom: 40px;
        }
        section.article-details article address {
            background-position: 0 0 !important;
        }
        section.article-details article .container {
            width: auto;
            padding: 0 40px;
        }
        section.article-details article h1,
        section.article-details article h2,
        section.article-details article h3,
        section.article-details article h4,
        section.article-details article h5,
        section.article-details article p,
        section.article-details article ul,
        section.article-details article ol,
        section.article-details article address,
        section.article-details article .btn,
        section.article-details article time {
            margin-left: 0px;
            margin-right: 0px;
        }
        section.article-details article ul,
        section.article-details article ol {
            margin-left: 30px;
        }
        section.article-details article ul li,
        section.article-details article ol li {
            margin-bottom: 10px;
        }
        section.article-details article h2 {
            font-size: 39px;
            line-height: 45px;
        }
        section.article-details article h2 {
            font-size: 32px;
            line-height: 40px;
        }
        section.article-details h4.social-article-details-title {
            position: relative;
            font-size: 20px;
            text-align: left;
            margin-bottom: 0;
            padding-left: 0px;
        }
        section.article-details h4.social-article-details-title:after {
            right: auto;
            left: 0px;
        }
        section.article-details ul.social-article-details {
            float: left !important;
            text-align: left;
        }
        section.article-details h5.social-article-details-cv {
            margin-top: 70px;
        }
        section.article-details span.author {
            font-size: 18px;
            font-family: 'Open Sans', sans-serif;
            margin-top: 40px;
            float: left;
        }
        section.article-details ul.navigation li {
            max-width: 240px !important;
        }
        section.article-details h4.social-article-details-title:after {}
        /**content banner***/
        .content-banner figure img {
            max-width: 150%;
            width: 150% !important;
            right: 0;
            left: 0;
        }
        section.article-details .content-banner .container {
            padding: 0px;
        }
        .content-banner figure {
            margin-left: 0px;
        }
        /*footer*/
        footer .bg-blue-light {
            padding: 45px 40px 40px 40px;
        }
        footer .bg-blue-light h3 {
            text-align: center;
            font-size: 40px;
            line-height: 47px;
        }
        footer .bg-blue-light em {
            text-align: center;
            display: block;
            font-size: 23px;
            line-height: 33px;
            letter-spacing: -0.4px;
        }
        footer .footer-form form {
            display: block;
        }
        footer .footer-form .hs_email {
            display: block;
            float: none;
            width: 100%;
            height: 97px;
            font-size: 40px;
        }
        footer .footer-form .hs_submit {
            display: block;
            float: none;
            font-size: 40px;
            width: 100%;
            padding-top: 5px;
        }
        footer form input[type="text"],
        footer form input[type="email"],
        button.btn.btn-small {
            width: 100%;
            margin-bottom: 10px;
            height: 97px;
            padding-left: 0;
            padding-right: 0;
            font-size: 40px;
        }
        footer form .hs-button {
            display: block;
            width: 100%;
        }
        footer .footer-planet-links {
            padding-bottom: 40px;
        }
        footer .bg-blue {
            padding: 75px 40px 85px 40px;
        }
        footer h3 {
            font-size: 35px;
            margin-bottom: 10px;
        }
        footer p,
        footer a,
        footer li {
            font-size: 20px !important;
            line-height: 30px !important;
        }
        ul.social li a {
            width: 72px !important;
            height: 72px !important;
            margin: 10px 10px 0 0;
        }
        ul.social li a.facebook {
            background-size: auto 48px !important;
        }
        ul.social li a.linkedin {
            background-size: auto 40px !important;
        }
        ul.social li a.instagram {
            background-size: auto 38px !important;
        }
        header .mobile-menu ul.social li a {
            width: 39px;
            height: 39px;
        }
        header .mobile-menu ul.social li a.facebook {
            background-size: auto 25px;
        }
        header .mobile-menu ul.social li a.linkedin {
            background-size: auto 22px;
        }
        header .mobile-menu ul.social li a.instagram {
            background-size: auto 20px;
        }
        /*container fluid*/
        form {
            margin: 20px;
        }
        section.topstarter-contact {
            background-image: none !important;
        }
        section.topstarter-faq-intro {
            padding-left: 40px;
            padding-right: 40px;
        }
        section.topstarter-faq {
            padding-left: 20px;
            padding-right: 20px;
        }
        section.topstarter-faq ul li {
            margin-bottom: 20px;
            display: inline-block;
            border-right: 1px solid #666666;
            padding-left: 10px;
            padding-right: 10px;
            height: 40px;
            line-height: 40px;
            padding-top: 0;
            padding-bottom: 0;
        }
        section.topstarter-faq ul li a {
            font-size: 26px;
        }
        section.topstarter-faq .accordion .accordion-group .accordion-heading a {
            color: #ffffff;
            font-size: 30px;
            line-height: 45px;
            text-decoration: none;
            font-weight: 700;
            padding: 11px 11px;
        }
        /*section cookies*/
        section.cookie-block {
            padding-left: 40px;
            padding-right: 40px;
        }
        section.cookie-block p {
            line-height: 30px;
            font-size: 20px;
            text-align: justify;
            padding-left: 0px;
        }
        section.cookie-block p .icon-info-item {
            width: 25px;
            height: 25px;
            background-size: 100%;
            left: -32px;
            top: 2px;
        }
        section.cookie-block p .icon-info-item:before {
            font-size: 25px;
        }
        section.cookie-block .btn-close-cookie {
            margin-left: 0px;
            margin-right: 0px;
            width: auto;
            display: block;
            line-height: 65px !important;
            height: 60px !important;
            font-size: 25px;
        }
        section.cookie-block .cookie-block-close {
            display: none;
        }
    }
    /* Landscape phones and down */
    
    @media (max-width: 480px) {
        /*header*/
        header .btn-mobile {
            width: 36px;
            height: 36px;
            display: inline-block;
            position: relative;
            background-size: 100% !important;
            top: 17px;
        }
        header .btn-mobile:before {
            width: 36px;
            height: 36px;
            font-size: 36px;
        }
        /*home*/
        header.header-home {
            height: 120px;
        }
        header .navbar .navbar-inner .container .brand {
            margin-left: 0px !important;
            font-size: 34px !important;
            padding: 20px 0px 15px 0px !important;
            z-index: 99999;
            position: relative;
        }
        header .navbar .navbar-inner .container .brand small {
            font-size: 9.3px;
            padding-top: 5px;
        }
        header .mobile-menu {
            position: fixed;
            right: 0;
            top: 0;
            padding-left: 20px;
            padding-right: 20px;
            width: 100%;
            overflow: hidden;
            box-sizing: border-box;
            height: 100%;
            padding-top: 60px;
        }
        header .mobile-menu ul.social {
            text-align: center;
            margin-top: 12px;
        }
        header .mobile-menu ul.social li {
            margin: 0 5px !important;
        }
        header .mobile-menu address {
            display: none;
        }
        header .mobile-menu .nav-mobile ul {
            margin: 50px 0 30px 34px;
        }
        header .mobile-menu .nav-mobile ul li a:before {
            top: 2px;
            font-size: 20px;
            left: -30px;
        }
        header .mobile-menu .nav-mobile ul li a {
            font-size: 20px;
        }
        header .mobile-menu address p {
            font-size: 16px;
            line-height: 20px;
        }
        /*home*/
        section.home-topstarter,
        section.home-bedrijf {
            padding-left: 20px;
            padding-right: 20px;
        }
        section.home-bedrijf .container h2,
        section.home-topstarter .container h2 {
            font-size: 38px;
            line-height: 44px;
            margin-bottom: 14px;
        }
        section.home-bedrijf .container P,
        section.home-topstarter .container P {
            line-height: 30px;
            font-size: 20px;
        }
        section.home-topstarter .container:before,
        section.home-bedrijf .container:before {
            width: 300px;
            height: 150px;
            background-size: 100%;
        }
        section.home-topstarter .container .row {
            padding: 30px 0 35px 0;
        }
        section.home-topstarter .container .row {
            padding-bottom: 170px;
        }
        section.home-bedrijf .container .row {
            padding-top: 170px;
        }
        /*topstarter*/
        section.topstarter-contact-about .container-fluid .row-fluid [class*="span"] {
            width: 100%;
        }
        section.topstarter-contact-about .container-fluid .row-fluid [class*="span"] h3 {
            font-size: 24px;
            line-height: 30px;
        }
        section.topstarter-contact-about .container-fluid .row-fluid [class*="span"] h4 {
            font-size: 18px;
            line-height: 24px;
        }
        section.topstarter-cv h1,
        section.topstarter-cv h2 {
            font-size: 32px;
            margin-bottom: 14px;
            line-height: 38px;
            margin-left: 0;
        }
        /*general padding*/
        section.topstarter-cv,
        section.topstarter-text,
        section.topstarter-starter,
        section.list-heading {
            padding-left: 20px;
            padding-right: 20px;
            padding-top: 38px;
            padding-bottom: 40px;
            overflow: hidden;
        }
        section.list-heading {
            background: none;
            padding-bottom: 40px;
        }
        section.list-heading p {
            font-size: 16px;
            line-height: 24px;
            margin-left: 0;
        }
        section.list-heading ul.tags,
        section.list-heading .widget-module ul {
            margin: 0;
        }
        section.list-heading .widget-module ul li,
        section.list-heading ul.tags li {
            margin: 0 8px 8px 0;
        }
        section.list-heading .widget-module ul li a,
        section.list-heading ul.tags li a {
            padding: 1px 20px;
        }
        section.list-heading h1,
        section.list-heading h2 {
            margin-top: 0px;
            margin-left: 0;
            font-size: 32px;
            line-height: 40px;
        }
        ul li,
        ol li,
        p {
            font-size: 16px;
            line-height: 28px;
        }
        header .mobile-menu .hs-button,
        header .mobile-menu .btn,
        .hs-button,
        .btn {
            width: 100%;
            box-sizing: border-box !important;
            padding-left: 11px !important;
            padding-right: 11px !important;
            height: 49px !important;
            line-height: 49px !important;
            margin-top: 0px;
            padding-top: 0px !important;
            padding-bottom: 0px !important;
            font-size: 22px;
        }
        .btn.btn-linkedin,
        .btn.btn-linkedin:hover,
        .btn.btn-linkedin:focus,
        .btn.btn-meet,
        .btn.btn-meet:hover,
        .btn.btn-meet:focus {
            font-size: 16px;
        }
        section.topstarter-cv .topstarter-cv-action .topstarter-cv-counter {
            font-size: 14px !important;
        }
        .topstarter-cv-action .topstarter-cv-counter b {
            font-size: 33px !important;
        }
        section.topstarter-cv .topstarter-cv-action .topstarter-cv-counter b:after {
            top: 40px;
        }
        section.topstarter-howto h2 {
            font-size: 32px;
            line-height: 40px;
        }
        section.topstarter-howto .span10 {
            padding: 0 20px;
        }
        section.topstarter-tabs .accordion .accordion-group .accordion-title a {
            font-size: 24px;
            line-height: 24px;
        }
        section.topstarter-tabs .accordion .accordion-group .accordion-title a {
            height: 100px;
        }
        section.topstarter-tabs .accordion .accordion-group .accordion-title a {
            padding: 65px 40px 40px 20px;
        }
        section.topstarter-tabs .accordion .accordion-group .accordion-title a.collapsed {
            padding: 40px 40px 40px 20px;
            background-size: 17px auto;
        }
        section.topstarter-tabs .accordion .accordion-group .accordion-title a::before {
            top: 20px;
            left: 20px;
            font-size: 16px;
        }
        section.topstarter-tabs .left-content:before {
            margin: -25px 0 0 0;
        }
        section.topstarter-tabs .left-content,
        section.topstarter-tabs .right-content {
            width: 100% !important;
            padding: 30px 20px 0 20px;
        }
        section.topstarter-tabs .right-content {
            padding-bottom: 20px;
        }
        section.topstarter-tabs h3 {
            font-size: 24px;
            line-height: 36px;
        }
        section.topstarter-starter h2 {
            font-size: 32px;
            line-height: 40px;
            margin-bottom: 70px;
            margin-top: 20px;
        }
        section.topstarter-starter blockquote p {
            font-size: 20px;
            line-height: 38px;
        }
        section.topstarter-starter blockquote cite {
            font-size: 16px;
            line-height: 30px;
        }
        section.topstarter-startertop h2 {
            font-size: 32px;
            line-height: 40px;
            top: 10px;
            margin: 0 20px;
        }
        section.topstarter-starter blockquote:before {
            left: 30px;
            top: -50px;
            width: 174px;
            height: 78px;
            font-size: 100px;
        }
        section.topstarter-starter blockquote:after {
            font-size: 100px;
            right: -45px;
            bottom: -26px;
        }
        section.topstarter-starter blockquote {
            padding: 70px 20px 50px 20px;
            margin-bottom: 40px;
        }
        section.topstarter-startertop .container .row .span6 {
            padding: 40px 20px !important;
        }
        section.topstarter-startertop .container .row .span6 h3 {
            font-size: 24px;
            line-height: 36px;
            margin-bottom: 5px;
            padding-top: 55px;
        }
        section.topstarter-startertop h3:before {
            width: 39px;
            height: 39px;
            display: block;
            background-size: 100%;
            font-size: 16px;
            line-height: 40px;
        }
        section.topstarter-startertop h3:after {
            font-size: 39px;
            width: 39px;
            height: 39px;
            left: 1px;
        }
        section.topstarter-startertop .container .row ul li {
            padding-left: 30px;
        }
        section.topstarter-startertop .container .row ul li a {
            font-size: 16px;
        }
        section.topstarter-startertop .container .row ul li:after {
            font-size: 20px;
            top: 4px;
        }
        section.topstarter-text h2 {
            margin-bottom: 20px;
            font-size: 32px;
            line-height: 40px;
        }
        section.topstarter-logos h2 {
            font-size: 32px;
            line-height: 40px;
        }
        section.topstarter-logos {
            padding: 44px 0 20px 0;
        }
        section.topstarter-blog h2 {
            font-size: 32px;
            line-height: 40px;
            margin-left: 20px;
            top: 10px;
        }
        section.topstarter-blog article {
            padding-left: 20px;
            padding-right: 20px;
            padding-bottom: 0px;
        }
        section.topstarter-blog.topstarter-blog-listing article h3,
        section.topstarter-blog article h3 {
            font-size: 24px !important;
            line-height: 32px !important;
        }
        section.topstarter-blog .blog-more {
            font-size: 22px;
            padding-left: 20px;
        }
        section.topstarter-blog .blog-more:after {
            top: 8px;
            font-size: 19px;
        }
        section.topstarter-blog.topstarter-blog-model1 .span8 article,
        section.topstarter-blog.topstarter-blog-model1 .span4 article {
            padding-left: 20px;
            padding-right: 20px;
        }
        section.topstarter-blog article time {
            display: block;
            position: relative;
            width: 60px;
            height: 60px;
            color: #ffffff;
            font-size: 14px;
            padding: 13px 0px;
            text-align: center;
            box-sizing: border-box;
            margin: 45px 0 30px 0;
            clear: both;
            text-transform: uppercase;
            background-size: 100% !important;
        }
        section.topstarter-blog article address,
        section.topstarter-blog article address span {
            font-size: 16px;
            line-height: 22px;
        }
        section.topstarter-blog article address span:before {
            font-size: 24px;
            top: 0;
            width: 24px;
            height: 24px;
        }
        section.article-details ul.navigation li {
            width: 100%;
            max-width: 500px !important;
            margin: 10px 0 0 0;
        }
        section.topstarter-blog article ul li a {
            font-size: 15px;
        }
        section.topstarter-become h2 {
            font-size: 32px;
            line-height: 40px;
        }
        section.topstarter-become {
            padding: 30px 20px 65px 20px;
        }
        footer h3 {
            font-size: 28px;
            margin-bottom: 5px;
        }
        footer .bg-blue-light h3 {
            font-size: 22px;
            line-height: 37px;
        }
        footer form input[type="text"],
        footer form input[type="email"],
        button.btn.btn-small {
            height: 40px;
            font-size: 20px;
        }
        footer form .hs-button {
            margin: 0px;
        }
        footer .footer-form .hs_email {
            height: auto;
        }
        footer .bg-blue-light {
            padding: 45px 20px 45px 20px;
        }
        footer .bg-blue {
            padding: 45px 20px 45px 20px;
        }
        footer .bg-blue-light em {
            font-size: 13px;
            line-height: 23px;
        }
        footer p,
        footer a,
        footer li {
            font-size: 14px !important;
            line-height: 22px !important;
            margin-bottom: 0px !important;
        }
        ul.social li {
            margin: 0 0 0 0;
        }
        ul.social li a {
            width: 27px !important;
            height: 27px !important;
        }
        ul.social li a.facebook {
            background-size: auto 17px !important;
        }
        ul.social li a.linkedin {
            background-size: auto 15px !important;
        }
        ul.social li a.instagram {
            background-size: auto 14px !important;
        }
        body {
            padding-top: 98px !important;
        }
        header {
            position: fixed;
            width: 100%;
            top: 0px;
            z-index: 99999;
        }
        header .mobile-menu ul.social li a {
            width: 27px;
            height: 27px;
            margin-right: 0;
        }
        header .mobile-menu ul.social li a.facebook {
            background-size: auto 17px;
        }
        header .mobile-menu ul.social li a.linkedin {
            background-size: auto 15px;
        }
        header .mobile-menu ul.social li a.instagram {
            background-size: auto 14px;
        }
        /*blog details*/
        section.article-details {
            margin: 40px 0 30px 0;
        }
        section.article-details h1 {
            margin: 0 20px;
            line-height: 40px;
            font-size: 32px;
        }
        section.article-details article p,
        section.article-details article .btn,
        section.article-details article h2,
        section.article-details article h3,
        section.article-details article h4,
        section.article-details article h5 {
            margin-left: 0px;
            margin-right: 0px;
            line-height: 30px;
        }
        section.article-details article h2 {
            font-size: 32px;
            line-height: 40px;
        }
        section.article-details article .container {
            width: auto;
            padding: 0 20px;
        }
        section.article-details .content-banner {
            margin: 30px 0 50px 0;
        }
        .content-banner figure {
            margin-left: 0;
        }
        section.article-details article ul,
        section.article-details article ol {
            margin-left: 0px;
        }
        section.article-details article ul li,
        section.article-details article ol li {
            margin-bottom: 2px;
            font-size: 16px;
            margin: 0 20px;
        }
        section.article-details article address.author,
        section.article-details article address.info {
            font-size: 12px;
            line-height: 16px;
            margin-top: 20px;
            margin-bottom: 20px;
        }
        section.topstarter-blog.topstarter-blog-model2 h2 {
            top: 11px;
            font-size: 32px;
            line-height: 40px;
        }
        section.topstarter-blog.topstarter-blog-model2 .span4 {
            width: 100% !important;
            margin: 0px;
        }
        section.topstarter-blog.topstarter-blog-model2 article {
            padding: 0px;
        }
        section.topstarter-blog article p {
            font-size: 16px;
            line-height: 30px;
        }
        section.topstarter-blog article .read-more {
            font-size: 16px;
        }
        section.topstarter-blog article .read-more:after {
            top: 0px;
            font-size: 19px;
        }
        section.article-details article time,
        section.topstarter-blog article time {
            width: 60px;
            height: 60px;
            font-size: 14px;
            padding: 9px 1px 0 0;
            line-height: 15px;
            box-sizing: border-box;
            background-size: 60px;
            display: table;
            text-align: center !important;
        }
        section.article-details article time span,
        section.topstarter-blog article time span {
            font-size: 26px;
            line-height: 28px;
        }
        section.topstarter-blog article,
        section.topstarter-blog.topstarter-blog-model1 .span8 article,
        section.topstarter-blog.topstarter-blog-model1 .span4 article,
        section.topstarter-blog.topstarter-blog-model2 .span8 article,
        section.topstarter-blog.topstarter-blog-model2 .span4 article {
            padding-left: 20px !important;
            padding-right: 20px !important;
            padding-bottom: 20px;
            box-sizing: border-box;
        }
        section.topstarter-contact.bg-purple h2 {
            margin-left: 0;
            font-size: 32px;
            line-height: 40px;
        }
        section.topstarter-contact input[type="text"],
        section.topstarter-contact input[type="email"],
        section.topstarter-contact textarea,
        section.topstarter-contact select {
            min-height: 44px;
        }
        section.topstarter-contact-persons h3 {
            margin-bottom: 30px;
            margin-top: 40px;
            font-size: 30px;
        }
        section.topstarter-contact-persons h4 {
            font-size: 18px;
            line-height: 24px;
            margin-bottom: 0px;
        }
        /*contact section*/
        section.topstarter-contact {
            padding-left: 20px;
            padding-right: 20px;
        }
        section.topstarter-contact h2 {
            font-size: 32px;
            line-height: 40px;
            max-width: 100%;
            margin-top: 0;
            margin-bottom: 10px;
        }
        section.topstarter-contact form {
            margin-left: 0;
            margin-right: 0;
        }
        section.topstarter-contact form label {
            font-size: 16px;
            line-height: 24px;
        }
        section.topstarter-contact form ul li label {
            font-size: 14px;
        }
        section.topstarter-contact fieldset.form-columns-2 .hs-form-field {
            width: 100%;
        }
        section.topstarter-contact input[type="text"],
        section.topstarter-contact input[type="email"],
        section.topstarter-contact textarea,
        section.topstarter-contact select {
            height: 40px;
            font-size: 16px;
        }
        section.topstarter-contact textarea {
            height: 200px;
            font-size: 16px;
            line-height: 22px;
        }
        /*faq section*/
        section.topstarter-faq-intro {
            padding-left: 20px;
            padding-right: 20px;
        }
        section.topstarter-faq {
            padding-left: 0px;
            padding-right: 0px;
        }
        section.topstarter-faq ul {
            margin: 0px 15px 60px 15px;
        }
        section.topstarter-faq ul li {
            margin-bottom: 20px;
            display: inline-block;
            border-right: 1px solid #cccccc;
            padding-left: 10px;
            padding-right: 10px;
            height: 20px;
            line-height: 15px;
            padding-top: 0;
            padding-bottom: 0;
        }
        section.topstarter-faq .accordion .accordion-group .accordion-heading a {
            color: #ffffff;
            font-size: 18px;
            line-height: 22px;
            font-weight: 700;
            padding: 8px 8px;
        }
        section.topstarter-faq ul li a {
            font-size: 14px;
        }
        /*section cookies*/
        section.cookie-block {
            padding-left: 20px;
            padding-right: 20px;
        }
        section.cookie-block p .icon-info-item {
            display: none;
        }
    }