﻿* {
    box-sizing: border-box;
}

body {
    margin: 0;
}

.navbar-mega {
    overflow: hidden;
    font-family: Calibri;
}

.navbar-mega a {
    float: left;
    font-size: 0.85rem;    
    color:#000;
    font-weight: 600;
    text-align: center;
    /*padding: 14px 16px;*/
    padding: 8px 3.2px 8px 8px;
    text-decoration: none;
}

.dropdown-mega:first-child {
    width: 201px;
}

.dropdown-mega:last-child {
    /*width: 127px;*/
    width: 153px;
}

.dropdown-mega {
    float: left;
    overflow: hidden;
    padding: 0 14px;
    width: 180px;
}

.dropdown-mega .dropbtn-mega {
    font-size: 0.85rem;
    border: none;
    outline: none;
    padding: 8px 3.2px 8px 8px;
    color:#000;
    font-weight: 600;
    background: rgb(0 0 0 / 0%);
    text-transform: uppercase;
    /*width: 173px;*/
    width: auto;
    text-align: left;
    letter-spacing: 1px;
}

.dropdown-content-mega {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 1;
    /*overflow: auto;
    white-space: nowrap;*/
    top: 63px;
}

.dropdown-content-mega .header-mega {
    background: red;
    padding: 16px;
    color: white;
}

.dropdown-mega:hover .dropdown-content-mega {
    display: block;
}

.dropdown-mega:hover a.dropbtn-mega {
    color: #F45C5D;
    /*border: 1px solid;*/
}
/* Create three equal columns that floats next to each other */
/*.menu-section-mega {
    display: flex;
    position: absolute;
    left: 25%;
    right: 0;
    margin: 0 auto;
    text-align: center;
}*/

.column-mega {
    padding: 20px;
    margin-top: .0;
    border-left: 1px solid rgb(204 204 204);
    background-color: rgb(248 249 250) !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.column-mega a {
    float: none;
    color: black;
    padding: 10px 0 0 18px;
    text-decoration: none;
    display: block;
    text-align: left;
    /*font-size: 16px !important;*/
    font-size: 15px !important;
    font-weight: normal;
}

.column-mega h3 a {
    font-size: 12px !important;
    padding: 0 12px;
    font-weight: 700;
}

.column-mega h3 {
    font-size: 12px !important;
    padding: 0 10px;
}

.column-mega span a {
    text-align: left;
    /*font-size: 16px !important;*/
    font-size: 15px !important;
    padding: 10px 0 0 18px;
    font-weight: 700;
}

.column-mega span a:hover {
    color: #F45C5D;
}
.column-mega a:hover {
    color: #F45C5D !important;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

.row.menu-section-mega {
    margin-top: 39px;
    background: rgb(248 249 250);
    border-bottom: 1px solid rgb(204 204 204);
}

@media only screen and (min-width:1200px) and (max-width:1280px) {


    .dropdown-mega:first-child {
        width: 184px;
    }

    .dropdown-mega {
        float: left;
        overflow: hidden;
        padding: 0 14px;
        width: 169px;
    }
}