/**
 * Phone/phablet layout.
 */
@media (max-width: 767px) {
    .description {
        padding: 0;
    }
    
    .logo-cake img {
        margin-top: 20px;
        margin-bottom: 14px;
    }

    .navbar-right {
        float: right!important;
        margin-right: -15px;
    }

    .title-red {
        font-size: 40px;
    }

    #quote h4 {
        font-size: 35px;
    }

    #quote h5 {
        text-align: left;
        line-height: 1;
        margin-top: 30px;
    }

    #quote h6 {
        text-align: left;
    }

    .subtitle-black {
        font-size: 30px;
        line-height: 34px;
    }


    .search-form {
        top: -21px;
    }

    .icon-irc, .icon-social-q {
        margin-bottom: 30px;
    }

    .submenu {
        background-color: #D33C44;
    }

    #wrap .ac_input:focus {
        width: 300px;
    }

    #wrap input[type="submit"] {
        height: 58px;
    }

    .nav-up {
        top: -600px;
    }

    .menu-title-m {
        margin-top: 180px;
    }

    .logo {
        padding: 14px 0;
    }

    .toggle-menu .fa {
        margin: 21px 0;
    }

    #sub {
        margin-top: 60px;
    }

    #cakefest p {
        text-align: center;
    }

    .sub-expertise {
        text-align: center;
    }

    #expertise p {
        text-align: center;
    }

    .icon-expertise-2 {
        text-align: center;
    }

    .title-expertise{
        text-align: center;
    }

    .box-services-d:hover .icon-expertise-2 {
        text-align: center;
    }

    .git-frame iframe{
        padding-left: 34%;
    }

    .social-footer a {
        padding: 10px 6px;
    }

    .social {
        margin-bottom: 15px;
    }

    .social iframe {
        margin: 5px;
    }


    /* ---------------------- COOK BOOK ------------------------- */


    #cookbook {
        padding-top: 50px;
    }

    .page-container {
        padding-top: 20px;
    }

    .nav-btn {
        padding-top: 73px;
        padding-bottom: 17px;
    }

    .read-the-book a {
            margin: 15px 5px 22px;
    }

    .page-container .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .btn-nav {
            font-size: 11px;
    }

    #improve-slideout {
        bottom: 0;
    }

    #improve-slideout-inner {
        bottom: 0;
    }

    .page-contents {
        float: none;
        margin-left: 0;
    }
}



@media (min-width:768px) {
    .row.col-p30 { margin-left:-15px; margin-right:-15px; }
}

@media (min-width:1200px) {
    .row.col-p30 { margin-left:-30px; margin-right:-30px; }

    .row.col-p30 [class*="col-"].business-solution {
        padding: 0 15px;
    }
}


/**
 * Tablet Portrait layout.
 */
@media (min-width: 768px) and (max-width: 991px) {
    .header-transparent .main-header {
        background-color: #d33c44;
    }

    .search-form {
        top: -21px;
    }

    .menu > li > a:hover, .menu > li > a:focus, .menu > li:hover > a {
        color: #ffffff;
    }

    .menu > li > a {
            padding: 25px 25px;
    }

    .logo-cake img {
        margin-top: 15px;
        margin-bottom: 14px;
    }

    #sub {
        margin-top: 60px;
    }

    /* ---------------------- COOK BOOK ------------------------- */

    .page-container {
        padding-top: 20px;
    }

    #wrap .ac_input:focus {
        width: 450px;
    }

    #wrap input[type="submit"] {
        height: 58px;
    }

    #improve-slideout {
        bottom: 0;
    }

    #improve-slideout-inner {
        bottom: 0;
    }
}










@media (min-width: 992px) and (max-width: 1199px) {
/*CSS LIDO EM DISPOSITIVOS ATÉ 1199 PX DE LARGURA*/
    .menu > li > a {
        padding: 25px 20px;
    }

    .menu-fixed .menu > li > a {
        padding: 25px 25px;
    }
    .fa-menu-title {
        font-size: 17px;
        display: block;
        padding-bottom: 8px;
    }
    /* ---------------------- COOK BOOK ------------------------- */

    .t-language h6 {
        font-size: 9px;
    }

    .dropdown > a {
        font-size: 12px;
            padding: 5px 5px !important;
    }
}

/* Site menu in modal window */
#modal .menu {
    float: none;
}
#modal .menu > li {
    float: none;
    display: block;
    width: 100%;
    margin-bottom: 1em;
}
#modal .menu .fa-chevron-down {
    display: none;
}
#modal .menu > li {
    background: #aaabac;
    border-bottom: 2px solid #aaabac;
}
#modal .menu > li > a {
    color: #363638;
    font-weight: bold;
    display: block;
}
#modal .menu a {
    color: #667;
    padding: 10px;
}
#modal .menu-title {
    padding: 2px 0 0 10px;
    color: #363637;
}
#modal .megamenu,
#modal .submenu .submenu,
#modal .submenu {
    margin: 2px 2px 0 2px;
    padding: 0;
    background: #F1F1F1;
    min-width: auto;
    width: auto;
    top: 0;
    left: 0;
    position: relative;
    z-index: auto;
}
#modal .megamenu-list {
    padding-top: 5px;
}
#modal .megamenu-list li {
    padding: 0;
}
#modal .col-3 {
    padding: 0;
    width: 100%;
    border-bottom: 2px solid #aaabac;
    margin-bottom: 0;
}
#modal .col-3:last-child {
    border-bottom: 0;
}

/* Book nav in modal menu */
#modal .back-book:hover,
#modal .back-book {
    background: transparent;
}
#modal .back-book h6,
#modal .back-book h2 {
    color: #363638;
}
#modal .t-language h6 {
    text-align: left;
    color: #363638;
}
#modal .search,
#modal .dropdown .fa-chevron-down {
    display: none;
}
#modal .navbar-nav {
    float: none;
}
#modal .dropdown-toggle {
    display: inline-block;
    position: static;
}
#modal .dropdown-menu {
    float: none;
    display: inline;
    position: static;
    background: transparent;
    box-shadow: none;
}
#modal .dropdown-menu li {
    float: none;
    display: inline-block
}

@media (min-width: 768px) and (max-width: 1199px) {
    .social {
        margin-bottom: 20px;
    }
}