/* Malmor Diseño Responsive CSS */
@media(max-width:767px){
    /*-------------------------------------- HEADER --------------------------------*/
    header.main-header{
        z-index: 300;
        -webkit-box-shadow: 0 4px 12px 4px rgba(0, 0, 0, 0.4);
        -moz-box-shadow: 0 4px 12px 4px rgba(0, 0, 0, 0.4);
        box-shadow: 0 4px 12px 4px rgba(0, 0, 0, 0.4);
    }
    header.main-header .top-header{
        height: auto;
    }
    header.main-header #logo a img{
        padding: 12px;
        position: relative;
        width: 100%;
    }
    /*-------------------------------------- HEADER --------------------------------*/
    header.main-header .vcenter{
        display: table-cell;
        vertical-align: middle;
        float: none;
    }
    div#logo{
        /*padding: 24px;*/
    }
    div#logo img{
        width: 100%;
        height: auto;
    }
    header.main-header p.phone-header-wrapper{
        margin: 0;
    }
    header.main-header p.phone-header-wrapper a{
        display: block;
    }
    header.main-header p.phone-header-wrapper a{
        width: 40px;
        text-align: right;
        height: 40px;
        padding-right: 8px;
        display: inline;
    }
    header.main-header #main-menu-wrapper{
        background-color: rgba(0, 0, 0, 0.2);
    }
    .navbar-default .navbar-brand{
        color: #fff;
    }
    nav#main-menu ul{
        padding: 4px 0 16px 0;
        margin: 0;
    }
    nav#main-menu ul li{
        display: block;
        font-size: 1.2em !important;
        margin: 6px 0;
        text-align: center;
    }
    nav#main-menu ul li ul{
        display: block;
        position: relative;
        width: 100%;
        margin: 4px 0;
        padding: 0;
        background: rgba(255, 255, 255, 0.1);
        border-top: 1px dotted rgba(255, 255, 255, 0.6);
    }
    nav#main-menu ul li ul li{
        display: block;
        position: relative;
        padding: 2px;
        width: 100%;
        font-size: 0.9em !important;
    }
    nav#main-menu ul li ul li a,
    nav#main-menu ul li ul li a:hover{
        background: none;
        text-decoration: none;
        padding: 2px;
    }
    header.main-header .bottom-header{
        display: none;
    }
    /*-------------------------------------- SIDEBAR --------------------------------*/
    /*---------- COMMON ----------*/
    .main-content{
        padding: 12px;
    }
    /*-------------------------------------- HOME --------------------------------*/
    /*-------------------------------------- PAGE --------------------------------*/
    /*-------------------------------------- ITEMS --------------------------------*/
    /*-------------------------------------- BLOG --------------------------------*/
    /*-------------------------------------- POST --------------------------------*/
    .main-content#post-main-content .post-content .box-right{
        float: none;
        width: 100%;
        display: inline-block;
        margin: 0 0 12px 0;
    }
    /*-------------------------------------- FOOTER --------------------------------*/
    footer.main-footer #footer-wrapper section.footer-block,
    footer.main-footer #footer-wrapper section.footer-block#footer-block-contact-details{
        text-align: center;
    }
    footer.main-footer #footer-wrapper section.footer-block#footer-block-contact-details ul.contact-footer li{
        margin: 8px 0;
        font-size: 1.3em;
    }
    footer.main-footer #footer-wrapper p.author{
        text-align: center;
    }
}
@media(min-width:768px){
    /*-------------------------------------- HEADER --------------------------------*/
    header.main-header .top-header{
        height: 66px;
    }
    header.main-header #logo a img {
        padding: 12px 10px 0 2px;
        width: 218px;
        position: relative;
    }
    nav#main-menu ul{
        margin: 42px 24px 0 0;
    }
    nav#main-menu ul li{
        font-size: 14px;
    }
    header.main-header .bottom-header{
        height: 222px;
    }
    .main-header-title{
        font-size: 22px;
        line-height: 22px;
        padding: 26px 24px 0 0;
    }
    .header-quote{
        font-size: 17px;
        margin: 44px 12px 0 396px;;
    }
    /*------------------------------------- FOOTER ------------------------------- */
    footer.main-footer .footer-block#footer-block-contact-details ul li:last-child{
        margin-top: 26px;
    }
}
@media(min-width:992px){
    /*-------------------------------------- HEADER --------------------------------*/
    header.main-header .top-header{
        height: 66px;
    }
    header.main-header #logo a img {
        padding: 12px 68px 0 46px;
        width: 318px;
        position: absolute;
    }
    nav#main-menu ul{
        margin: 40px 24px 0 0;
    }
    nav#main-menu ul li{
        font-size: 16px;
    }
    header.main-header .bottom-header{
        height: 288px;
    }
    .main-header-title{
        font-size: 27px;
        line-height: 27px;
        padding: 42px 24px 0 0;
    }
    .header-quote{
        font-size: 22px;
        margin: 50px 12px 0 458px;
    }
    /*-------------------------------------- HOME --------------------------------*/
    ul.home-partners li a img{
        height: 48px;
    }
    /*------------------------------------- FOOTER ------------------------------- */
    footer.main-footer .footer-block#footer-block-contact-details ul li:last-child{
        margin-top: 62px;
    }
}
@media(min-width:1200px){
    /*-------------------------------------- HEADER --------------------------------*/
    header.main-header .top-header{
        height: 80px;
    }
    header.main-header #logo a img {
        padding: 12px 10px 0 46px;
    }
    nav#main-menu ul{
        margin: 54px 24px 0 0;
    }
    header.main-header .bottom-header{
        height: 352px;
    }
    .header-quote{
        font-size: 25px;
        margin: 78px 12px 0 506px;
    }
    /*-------------------------------------- HOME --------------------------------*/
    ul.home-partners li a img{
        height: 60px;
    }
    /*------------------------------------- FOOTER ------------------------------- */
    footer.main-footer .footer-block#footer-block-contact-details ul li:last-child{
        margin-top: 74px;
    }
}