/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199px) {}
/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991px) {
    .col-md-6.CWRight, .col-md-6.CWLeft {
        width:  !important;
        margin:  !important;
        float: left;
    }
    button.hamburger {
        margin: 0 auto;
        display: block;
    }
    .mobileBars {
        display: block;
        font-size: 30px;
        float: left;
        padding-left: 15px;
        color: #2f2f2f;
        margin-top: 10px;
    }
    ul#menu-main-menu {
        margin-bottom: 0;
    }
    ul#menu-main-menu li {
        display: block;
        float: left;
        width: 100%;
    }
    ul#menu-main-menu a {
        padding: 8px 15px 8px 15px;
        width: 100%;
        display: block;
        float: left;
        text-align: left;
        font-size: 1em;
    }
    ul#menu-main-menu {
        display: block;
        position: absolute;
        background-color: #ffffff;
        width: 100%;
        margin-top: 0px;
        max-height: 0px;
        padding: 0;
        border-bottom: none;
        overflow: hidden;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }
    ul#menu-main-menu.mobileOn {
        max-height: 800px;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }
    .menuWrap {
        display: block;
        float: left;
        width: 100%;
    }
    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
        width: 40px;
        height: 4px;
        background-color: #b90e4f;
        border-radius: 4px;
        position: absolute;
        transition-property: transform;
        transition-duration: 0.15s;
        transition-timing-function: ease;
    }
}
/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767px) {}
/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) {}
/* Small devices (landscape phones, 576pxup)*/
@media (min-width: 576px) {}
/* Medium devices (tablets, 768pxup)*/
@media (min-width: 768px) {}
/* Large devices (desktops, 992pxup)*/
@media (min-width: 992px) {
    .fa-bars.mobileBars {
        display: none;
    }
    button.hamburger, br.mobile-break, hr.lg-hr {
        display: none;
    }
    /*======= header dropdown =======*/
    ul#menu-main-menu ul {
        display: none;
        padding: 0;
        margin-top: 25px;
    }
    ul#menu-main-menu ul.sub-menu {
        position: absolute;
        background: rgba(0, 0, 0, 0.60);
        text-align: left;
        width: 260px;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        z-index: 9;
    }
    ul#menu-main-menu>li.menu-item-has-children:after {
        content: "+";
        font-size: 20px;
        color: #fff;
        position: absolute;
        right: 0;
        float: right;
        top: 10px;
        -webkit-transition: color 0.5s ease;
        -moz-transition: color 0.5s ease;
        -o-transition: color 0.5s ease;
        -ms-transition: color 0.5s ease;
    }
    ul#menu-main-menu>li.menu-item-has-children.btn-minus:after {
        content: "-";
        font-size: 30px;
        color: #fff;
        position: absolute;
        right: 0;
        float: right;
        top: 2px;
        -webkit-transition: color 0.5s ease;
        -moz-transition: color 0.5s ease;
        -o-transition: color 0.5s ease;
        -ms-transition: color 0.5s ease;
    }
    ul#menu-main-menu ul.sub-menu>li {
        display: block;
        width: 100%;
    }
    ul#menu-main-menu ul.sub-menu>li a {
        width: 100%;
        display: block;
        float: left;
    }
    ul#menu-main-menu ul.sub-menu li {
        margin: 0;
    }
    /*======= end header dropdown ========*/
}
/* Extra large devices (large desktops, 1200pxup)*/
@media (min-width: 1200px) {}
/* * {
    background: #000 !important;
    color: #0f0 !important;
    outline: solid #f00 1px !important;
} */