#main { width: 100%; height: 100%; background-color: #000000; color: #ffffff; text-align: center; } #main .container { width: 100%; height: 100%; background-color: #000000; color: #ffffff; text-align: center; } #main .container .row { width: 100%; height: 100%; background-color: #000000; color: #ffffff; #main .container .row { width: 100%; } #main .container .row .col-md-12 { width: 100%; } #main .container .row .col-md-6 { width: 50%; } #main .container .row .col-md-4 { width: 33.33%; } #main #main .container .row .col-md-3 { width: 100%; } #main .container .row .col-md-3 .col-md-3 { width: 50%; } #main .container .row .col-md-3 .col-md-3 .col-md-3 { width: 33.33%; } #main .

You can use the following code to achieve what you want:
HTML:
<div class="wrapper">
    <div class="box">
        <div class="box__content">
            <div class="box__content__inner">
                <div class="box__content__inner__left">
                    <div class="box__content__inner__left__inner">
                        <div class="box__content__inner__left__inner