@media screen and (max-width: 1200px) { 

    .tp-banner-container { height: 100% !important }

    .animated { -webkit-animation: 0 !important }

    #wrapper { width: 100% !important }

    nav {

        width: 100% !important;

        left: auto !important;

    }

    .promo-text-blog:first-child { margin-top: 50px }

    .med-blog-naz { margin-top: 25px }

    .clients div span {

        float: none;

        display: table;

        margin: auto;

    }

    .testi-slider .flex-control-nav { bottom: -30px }

    .twitter-footer .tweet_list li {

        line-height: 20px;

        margin-top: 20px;

        overflow: hidden;

    }

}

@media screen and (min-width: 992px) and (max-width: 1200px) { 

    .promo-paragraph { padding: 0 30px }

    .testi-slider .flex-control-paging li a {

        width: 13px;

        height: 13px;

    }

    .blog-name {

        float: none;

        margin-top: 3px;

        margin-left: 0px;

        text-align: center;

    }

    .blog-desc {

        float: none;

        margin-left: 0px;

        font-size: 12px;

        text-align: center;

    }

    .blog-icon i {

        font-size: 35px;

        border-right: none;

        padding-right: 0px;

    }

    .blog-icon {

        float: none;

        text-align: center;

    }

    .btn-blog { margin-top: 59px }

    .footer { height: auto }

    .flickr_widget_wrapper a {

        width: 85px;

        height: 85px;

    }

    .testi-text { padding: 0 35px }

    .prl-1 {

        background: url(../images/parallax.jpg)  100% !important;

        min-height: 310px;

        height: auto;

    }

    .prl-2 {

        background: url(../images/parallax2.jpg)  100% !important;

        min-height: 300px;

        height: auto;

    }

    .prl-3 {

        background: url(../images/parallax3.jpg)  100% !important;

        min-height: 70px;

        height: auto;

    }

    .cbp-l-inline-left { width: 40% !important }

    .cbp-l-inline-right { width: 56% !important }

    .about-name { margin-top: 15px }

}

@media screen and (max-width: 991px) { 

    .logo { margin: 10px 0 0 }

    .dl-trigger { display: block }

    .dl-menuwrapper {

        width: 100%;

        max-width: 300px;

        float: left;

        position: relative;

        -webkit-perspective: 1000px;

        -moz-perspective: 1000px;

        perspective: 1000px;

        -webkit-perspective-origin: 50% 200%;

        -moz-perspective-origin: 50% 200%;

        perspective-origin: 50% 200%;

        z-index: 9999999;

    }

    .dl-back { display: block }

    .dl-menuwrapper button {

        border: none;

        width: 48px;

        height: 45px;

        text-indent: -900em;

        overflow: hidden;

        position: relative;

        cursor: pointer;

        outline: none;

        background: transparent;

    }

    .dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul { background: #123f39 }

    .dl-menuwrapper button:hover:after {

        background: #fff;

        box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;

    }

    .dl-menuwrapper button.dl-active:after {

        background: #fff;

        box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;

    }

    .dl-menuwrapper button:after {

        content: '';

        position: absolute;

        width: 68%;

        height: 5px;

        background: #ff7314;

        top: 10px;

        left: 8px;

        box-shadow: 0 10px 0 #ff7314, 0 20px 0 #ff7314;

    }

    .dl-menuwrapper ul {

        padding: 0;

        list-style: none;

        -webkit-transform-style: preserve-3d;

        -moz-transform-style: preserve-3d;

        transform-style: preserve-3d;

    }

    .dl-menuwrapper li { position: relative }

    .dl-menuwrapper li a {

        display: block;

        padding: 15px 20px;

        font-size: 16px;

        line-height: 20px;

        font-weight: 300;

        color: #fff;

        outline: none;

    }

    .no-touch .dl-menuwrapper li a:hover {

        background: rgba(0,248,213,0.25);

        text-decoration: none;

    }

    .dl-menuwrapper li.dl-back > a {

        padding-left: 30px;

        background: rgba(0,0,0,0.25);

    }

    .dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after {

        position: absolute;

        top: 0;

        line-height: 50px;

        font-family: FontAwesome;

        speak: none;

        -webkit-font-smoothing: antialiased;

        content: "\f054";

        display: none;

    }

    .dl-menuwrapper li.dl-back:after {

        left: 10px;

        color: rgba(0,192,227,0.3);

        -webkit-transform: rotate(180deg);

        -moz-transform: rotate(180deg);

        transform: rotate(180deg);

    }

    .dl-menuwrapper li > a:after {

        right: 10px;

        color: rgba(0,0,0,0.15);

    }

    .dl-menuwrapper .dl-menu {

        position: absolute;

        width: 240px;

        opacity: 0;

        pointer-events: none;

        -webkit-transform: translateY(10px);

        -moz-transform: translateY(10px);

        transform: translateY(10px);

        -webkit-backface-visibility: hidden;

        -moz-backface-visibility: hidden;

        backface-visibility: hidden;

    }

    .dl-menuwrapper .dl-menu.dl-menu-toggle {

        -webkit-transition: all 0.3s ease;

        -moz-transition: all 0.3s ease;

        transition: all 0.3s ease;

    }

    .dl-menuwrapper .dl-menu.dl-menuopen {

        opacity: 1;

        pointer-events: auto;

        -webkit-transform: translateY(0px);

        -moz-transform: translateY(0px);

        transform: translateY(0px);

    }

    .dl-menuwrapper li .dl-submenu { display: none }

    .dl-menu.dl-subview li, .dl-menu.dl-subview li.dl-subviewopen > a, .dl-menu.dl-subview li.dl-subview > a { display: none }

    .dl-menu.dl-subview li.dl-subview, .dl-menu.dl-subview li.dl-subview .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu, .dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block }

    .dl-menuwrapper > .dl-submenu {

        position: absolute;

        width: 240px;

        margin-left: -191px;

        top: 50px;

        left: 0;

    }

    .dl-menu.dl-animate-out-5 {

        -webkit-animation: MenuAnimOut5 0.4s ease;

        -moz-animation: MenuAnimOut5 0.4s ease;

        animation: MenuAnimOut5 0.4s ease;

    }

    @-webkit-keyframes MenuAnimOut5 {

        100% {

            -webkit-transform: translateY(40%);

            opacity: 0;

        }

    }

    @-moz-keyframes MenuAnimOut5 {

        100% {

            -moz-transform: translateY(40%);

            opacity: 0;

        }

    }

    @keyframes MenuAnimOut5 {

        100% {

            transform: translateY(40%);

            opacity: 0;

        }

    }

    .dl-menu.dl-animate-in-5 {

        -webkit-animation: MenuAnimIn5 0.4s ease;

        -moz-animation: MenuAnimIn5 0.4s ease;

        animation: MenuAnimIn5 0.4s ease;

    }

    @-webkit-keyframes MenuAnimIn5 {

        0% {

            -webkit-transform: translateY(40%);

            opacity: 0;

        }

        100% {

            -webkit-transform: translateY();

            opacity: 1;

        }

    }

    @-moz-keyframes MenuAnimIn5 {

        0% {

            -moz-transform: translateY(40%);

            opacity: 0;

        }

        100% {

            -moz-transform: translateY();

            opacity: 1;

        }

    }

    @keyframes MenuAnimIn5 {

        0% {

            transform: translateY(40%);

            opacity: 0;

        }

        100% {

            transform: translateY();

            opacity: 1;

        }

    }

    .dl-menuwrapper > .dl-submenu.dl-animate-in-5 {

        -webkit-animation: SubMenuAnimIn5 0.4s ease;

        -moz-animation: SubMenuAnimIn5 0.4s ease;

        animation: SubMenuAnimIn5 0.4s ease;

    }

    @-webkit-keyframes SubMenuAnimIn5 {

        0% {

            -webkit-transform: translateZ(-200px);

            opacity: 0;

        }

        100% {

            -webkit-transform: translateZ();

            opacity: 1;

        }

    }

    @-moz-keyframes SubMenuAnimIn5 {

        0% {

            -moz-transform: translateZ(-200px);

            opacity: 0;

        }

        100% {

            -moz-transform: translateZ();

            opacity: 1;

        }

    }

    @keyframes SubMenuAnimIn5 {

        0% {

            transform: translateZ(-200px);

            opacity: 0;

        }

        100% {

            transform: translateZ();

            opacity: 1;

        }

    }

    .dl-menuwrapper > .dl-submenu.dl-animate-out-5 {

        -webkit-animation: SubMenuAnimOut5 0.4s ease;

        -moz-animation: SubMenuAnimOut5 0.4s ease;

        animation: SubMenuAnimOut5 0.4s ease;

    }

    @-webkit-keyframes SubMenuAnimOut5 {

        0% {

            -webkit-transform: translateZ();

            opacity: 1;

        }

        100% {

            -webkit-transform: translateZ(-200px);

            opacity: 0;

        }

    }

    @-moz-keyframes SubMenuAnimOut5 {

        0% {

            -moz-transform: translateZ();

            opacity: 1;

        }

        100% {

            -moz-transform: translateZ(-200px);

            opacity: 0;

        }

    }

    @keyframes SubMenuAnimOut5 {

        0% {

            transform: translateZ();

            opacity: 1;

        }

        100% {

            transform: translateZ(-200px);

            opacity: 0;

        }

    }

    .menu ul li:hover ul, .menu ul li li:hover ul { /*display: none*/ }

    .menu ul li { float: left; display: inline-block; clear: both; text-align: left; width: 100%;}

    .menu ul li a {

        padding: 15px;

        font-weight: 600;

        color: #fff;

        font-size: 16px !important;

        margin-top: 0;
        width: 100%;

    }

    .nav-container .button-red{margin-top: 15px; width: 100%;}

    .container-logo{margin-left: 0;}

    .slider-banners .slick-dots{display: none !important;}

    .quem-somos-home{margin-top: 0;}

    .text-empresa-home{padding-left: 15px;}

    .content-itens-footer{border: none;}

    .menu li a:before { display: none }

    .menu li:hover { background: rgba(255,248,213,0.25) }

    .menu li:hover a { color: #fff !important }

    .menu li.current a { color: #fff }

    .menu li.current { background: rgba(255,248,213,0.25) }

    .menu ul li ul {

        visibility: visible;

        opacity: 1;

        position: relative;

    }

    .menu ul ul li { width: 240px }

    .menu ul li ul li a {

        padding: 15px 20px;

        font-weight: 300;

        color: #fff !important;

        font-size: 16px;

        border-bottom: none !important;

        border-top: none !important;

    }

    .menu ul li ul {

        box-shadow: none;

        border-top: none;

    }

    .menu ul li ul li a:hover { color: #fff !important }

    .menu ul ul {

        background: #2c497d;

        color: #fff;

    }

    .menu ul li ul li a:hover { background: rgba(0,0,0,0.25) }

    .menu ul ul ul {

        margin-top: 0px !important;

        left: 0px;

    }

    .menu ul li ul li ul { visibility: visible !important }

    .promo-paragraph { padding: 0 50px }

    .testi-text { padding: 0px }

    #style-switcher { display: none }

    .btn-blog { margin-top: 100px }

    .flickr_widget_wrapper a {

        width: auto;

        height: auto;

        margin-right: 6px;

        margin-bottom: 6px;

    }

    .flickr_badge_image img {

        width: 67px;

        height: 67px;

    }

    .contact-top {

        display: table;

        margin: auto;

    }

    .hidden-phone { display: none }

    .prl-1 {

        background: url(../images/parallax.jpg)  100% !important;

        min-height: 310px;

        height: auto;

    }

    .prlx {

        background-color: rgba(105, 113, 119, 0.3);

        min-height: 310px;

        height: auto;

        padding-bottom: 50px;

    }

    .prl-2 {

        background: url(../images/parallax2.jpg)  100% !important;

        min-height: 300px;

        height: auto;

    }

    .prlx-2 {

        background-color: rgba(255, 255, 255, 0.5);

        min-height: 300px;

        height: auto;

        padding-bottom: 30px;

    }

    .prl-3 {

        background: url(../images/parallax3.jpg)  100% !important;

        min-height: 70px;

        height: auto;

    }

    .prlx-3 {

        background-color: rgba(0, 0, 0, 0.1);

        min-height: 70px;

        height: auto;

        padding-bottom: 30px;

    }

    .testi-slider .flex-control-paging li a {

        width: 15px;

        height: 15px;

    }

    .cbp-l-inline-left { width: 40% !important }

    .cbp-l-inline-right { width: 56% !important }

    .paginat a { margin-right: 0px }

    .twitter-footer .tweet_list li {

        line-height: 20px;

        margin-top: 20px;

        overflow: hidden;

    }

    .testimonials p.testimonial-quote { padding: 0 70px }

}

@media (max-width: 767px) { 

    .contact-top {

        display: table;

        margin: auto;

    }

    .menu-footer li a, .content-itens-footer p, .content-itens-footer span{font-size: 18px;}

/*    .menu{border: none; background: transparent;     margin-top: -200px;
    margin-left: 10px;}
*/
    .lojas-btn-online .button-red {

    width: 60%;

    margin: 0 auto;

    margin-top: 25px;

    background: #92bcdf;

    padding: 6px 0;

    font-size: 24px;

    font-weight: 800;

    border-radius: 30px;

    margin-bottom: 25px;

}

    .tecnologia .revestimentos h3 {

     width: 100%; 

    text-align: center;

}

    .content-revestimentos {

    margin-top: 25px;

    margin-bottom: 25px;

}

    .logo img{width: 80%;}

    .nav-container{margin-bottom: 25px;}

    .logo{margin: 0 auto; text-align: center;}

    .container-menu{margin-top: -190px; left: 10px;}

    .menu-responsive{padding: 0;}

    .menu ul li a{border: none; float: left;}

    .content-portal h2{margin: 0;}

    .content-portal{margin-bottom: 40px;}

    .content-portal .itens div{padding: 19% 5%;}

    .content-portal .itens div{display: block;}

    .back-molas{padding: 0; }

    .text-latex{text-align: center; margin-bottom: 20px;}

    .tecnologia .molas h3{text-align: center; margin: 30px 0;}

    .tecnologia .revestimentos li{margin: 10px 0;}

    .iso-tec img{margin-top: 0;}

    .content-revestimentos h2{margin-bottom: 0;}

    .tecnologia .revestimentos li{list-style: none;}

    .latex .text-latex{margin-top: 10px; text-align: center;}

    .tecnologia .desc-tecnologia{text-align: center;}

    .latex img, .visco img, .molas img{margin: 0 auto;}

    .tecnologia .espumas h3, .tecnologia .latex h3, .tecnologia .visco h3{text-align: center;}

    .latex{border: none;}

    .espumas div{padding: 0;}

    .tecnologia .espumas{margin: 50px 0;}

    .produtos .button-red{float: none; margin: 0 auto; margin-top: 20px; margin-bottom: 20px;}

    .produtos h3{text-align: center;}

    .container-colchao, .container-box, .container-espumas, .container-hotel{margin: 50px 0;}

    .content-itens-footer{min-height: auto; margin-top: 15px;}

    .logo-footer{margin: 0;}

    .content-lojas h1{font-size: 32px; padding: 0 15px;}

    .cidades h2{padding: 0;}

    .info-cidades{padding: 0; margin-bottom: 0;}

    .text-onde-lojas{margin-top: 0;}

    .imgs-lojas, .text-onde-lojas{padding: 0;}

    .lojas{margin: 15px 0;}

    .icons-qualidade p{margin-top: 5px;}

    .icons-qualidade li{display: block;}

    .video-institucional{margin-top: 0;}

    .quem-somos h3{text-align: center;}

    .menu-footer li{text-align: left;}


    .promo-paragraph { padding: 0px }

    .soc-footer li {

        float: none;

        display: inline-block;

    }

    .tags-footer li { display: inline-block }

    .tags-footer li a { float: none }

    .soc-footer { margin-bottom: 15px }

    .tags-footer { margin-bottom: 50px }

    .flickr_badge_image img {

        width: 75px;

        height: 75px;

    }

    .plan { margin-right: 0px }

    .hidden-xs { display: none }

    .tweet { overflow: hidden }

    .testimonials p.testimonial-quote { padding: 0 50px }

    .testimonials .carousel-control.right { right: 10px }

}

@media (min-width: 481px) and (max-width: 580px) { 

    .blog-icon { display: none }

    .blog-desc { margin-left: 0px }

    .blog-name {

        margin-top: 10px;

        margin-left: 0px;

    }

    .hover-3 figcaption a { bottom: 40px }

    .hover-3 figcaption { height: 100px }

}

@media (max-width: 480px) { 

    .col-ms-12 { width: 100% }

    .contact-top li {

        float: none;

        text-align: center;

        border-right: none;

    }

    .blog-main {

        margin-bottom: 25px;

        float: left;

    }

    .copyright {

        display: table;

        margin: auto;

    }

    .foot_menu {

        display: table;

        margin: auto;

        float: none;

    }

    .footer { margin-top: 50px }

    .list-check { margin-bottom: 50px }

    .blog-name { width: 60% }

    .comment-inner { margin-left: 100px }

    .img_comm {

        margin-right: 30px;

        width: 70px;

        height: 70px;

    }

    .input-def { width: 100% }

    .input-def-textarea { width: 100% }

    .btn-blog { margin-top: 100px }

    .hover-3 figcaption a { bottom: 40px }

    .hover-3 figcaption { height: 100px }

    .about-name { margin-top: 10px }

    .tweet_list {

        display: table;

        margin: auto;

        min-height: 100% !important;

    }

    .twit-icon {

        display: table;

        margin: auto;

    }

    .tweet { text-align: center }

    .testimonials p.testimonial-quote { padding: 0 30px }

}