body { padding: 0; background-color: #fff; }
.navbar-index { 
    position: relative; 
    font-size: 13px;
}

.navbar-index .top .pull-right.burger {
    margin-top: 3px!important;
    margin-right: 23px; 
}

#dashboard h4 { border-bottom: none; font-weight: normal; font-size: 28px; }
#dashboard .left { flex-direction: column; width: 163px; margin-bottom: 30px; }
#dashboard .squares { display: flex; justify-content: space-between; margin-bottom: 38px; }
#dashboard .square { float: left; width: 75px; height: 75px; border-radius: 3px; background-color: #5bd7e4; display: flex; }
#dashboard .circle { width: 43px; height: 43px; border-radius: 100px; background-color: #2b263f; }
#dashboard .square * { margin: auto; }
#dashboard .square i { color: #2b263f; font-size: 38px; }
#dashboard .circle p { margin: 6px auto; color: #fff; font-size: 19px; font-weight: bold; letter-spacing: 1px; text-align: center; }
#dashboard .btn.btn-custom { width: 100%; }

#dashboard .right h4 { font-weight: bold; font-size: 15px; margin: 0; padding-bottom: 5px; }
#dashboard .right hr { margin-top: 7px auto; }
#dashboard .right .flexbox { justify-content: center; }
#dashboard .right p { margin-bottom: 30px; }
#dashboard .right a.btn { width: 250px; margin: 0 10px; }

#dashboard .submenu { margin-top: 60px; }
#dashboard .submenu a { float: left; margin-right: 25px; color: #000; font-weight: bold; font-size: 13px; height: 27px; }
#dashboard .submenu a.active { border-bottom: 3px solid #000; }

.container-grey { background-color: #f7f7f7; padding: 30px 0 70px; }
.container-grey .container { padding: 0 20px; }
.filter-box * { float: right; margin-right: 0; margin-left: 5px; margin-bottom: 5px; }
#filter-btn { background-color: #f7f7f7; border-right: 1px solid #9b9b9b; border-bottom: 1px solid #9b9b9b; }
#filter-btn .fa-filter { margin-left: 7px; margin-top: 3px; }
.container-grey h4 { font-size: 14px; clear: both; margin-bottom: 20px; }
.container-grey table td { font-size: 13px; color: #000; }
.container-grey table thead td,
.container-grey table td.name { font-weight: bold; }
.container-grey table tbody td { border-top: none; vertical-align: middle; }
.container-grey table tbody tr:nth-child(4n+2) { background-color: #d2d1d5; }
.container-grey table tbody tr:nth-child(4n+1) { background-color: #bebcc7; }
.container-grey table tr.more-mobile { display: none; }

#sub-news h4 { color: #fff; font-weight: normal; border: none; padding: 0; }
footer.footer { padding: 0; }

.btn.btn-custom.btn-220 { width: 220px; }
#courses .item { margin: auto; width: 230px; background-color: #fff; border: 1px solid #d2d1d5; border-radius: 4px; padding: 9px; float: left; margin-right: 15px; margin-bottom: 15px;
                min-height: 350px; flex-direction: column; justify-content: space-between; }
#courses .item .thumb { width: 100%; height: 130px; border: 1px solid #dedede; }
#courses .item .thumb img { max-height: 100%; max-width: 100%; margin: auto; }
#courses .item h4 { border: none; margin-bottom: 0; }
#courses .item .prog { font-size: 13px; margin: 5px 0; padding-bottom: 3px; }
#courses .item .prog-bar { width: 100%; }
#courses .item .prog-bar .bar { width: 100%; height: 9px; background-color: #d2d1d5; border-radius: 6px; margin-bottom: 10px; }
#courses .item .prog-bar .bar.dark { background-color: #4a4a4a; }
#courses .item .btn.btn-custom { width: 100%; }
#more { width: 100%; clear: both; float: right; }

#coupons a { color: #000; }
#coupons hr { margin-top: 11px; }
#coupons h4, h3 { border: none; padding: 0; margin: 10px 0 0; font-size: 28px; font-weight: normal; }
#coupons h3 { font-size: 25px; margin-top: 28px; }
#coupons .container:first-child { margin-bottom: 50px; }
#coupons .image { width: 100%; }
#coupons .image img { max-width: 100%; max-height: 100%; }


@media only screen and (max-device-width: 768px) {
    p, label, button, .btn.btn-custom {
        font-size: 33px!important;
    }
    .btn.btn-custom {
        font-size: 21px!important;
    }
    #sub-news h4 {
        font-size: 36px!important;
    }
    #sub-news p {
        font-size: 20px!important;
    }
    footer p {
        font-size: 33px!important;
    }
    .btn.btn-custom.btn-blue {
        font-size: 36px!important;
    }
    .results h4 {
        font-size: 36px!important;
    }
    .container.results .col-md-12 a {
        font-size: 36px;
    }
    #coupons h4, h3 {
        font-size: 36px;
    }

    textarea {
        font-size: 33px!important;
    }
    input, input.form-control, select, .custom select, select.form-control {
        font-size: 33px!important;
    }
    table, .pagination > li > a, .pagination > li > span, .courses-table table td {
        font-size: 33px!important;
    }
}