#wrapper{ width: 100%; }
#wrapper.boxed{ max-width: 1230px; }
.container{ max-width: 960px; }
#wrapper.boxed, .container{ width: 100%; }



@media only screen and (min-width:300px) and (max-width:1200px){
    #top-area .container,  
    #header .container,
    #content,
    #footer .container{
        padding-left:50px;
        padding-right:50px;
    }

}

@media only screen and (min-width:801px) and (max-width:1200px){
    #block-block-31 {
    position: relative;
    right: -82%;
    top: -85px;
    width: 169px;
}

.last.odd.sf-item-5.sf-depth-1.sf-total-children-5.sf-parent-children-0.sf-single-children-5.menuparent ul{ display: block;
    float: none;
    left: auto;
    right: 0px;
    top: 34px !important;
    width: 12em;}
}




@media only screen and (min-width:100px) and (max-width:300px){

    #top-area .container,  
    #header,
    #content,
    #footer .container{
        padding-left:10px;
        padding-right:10px;
    }

}



@media only screen and (min-width:768px) and (max-width:979px){
    .tab-nav li a{padding:10px;}
    .page-title span{display:none;}
}




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

    .barra1{width:100%; margin: 0 auto;}

    [class*="span"]{ padding: 0 10px 0px 10px; }
    .row{ margin: 0 -10px; }
    #header.style1 #menu > li > a{ padding: 0 20px; }
}



@media (max-width:800px){

    .front #header nav, .page-contact nav, .page-home-2 #header nav, .page-home-3 #header nav, .page-home-4 #header nav {
    margin-top: -30px;
    margin-bottom: 0;
    padding-top: 13px;
}


    #block-search-form {
    float: right;
    padding-top: 0;
    position: relative;
    right: 0;
    width: 217px;
    top: -30px;
}


    #block-block-31 {
    position: relative;
    right: -75%;
    top: -86px;
    width: 169px;
}

    #block-superfish-1 { margin-left: 0; margin-bottom: 15px;
}


    .blockdestaque1, .blockdestaque2, .blockdestaque3 {
    
    width: 33%;
}

.blockdestaque2 {
    background-color: rgb(221, 80, 35);
    border: 1px solid #eeeeee;
    border-radius: 5px;
    box-shadow: -3px 0 11px #eee;
    float: left;
    height: 96px;
    margin-bottom: 30px;
    margin-right: 0;
    padding: 28px 46px 46px;
    text-align: center;
   
}

    #block-views-recent-tecnologies-block-1 .views-column {
    float: left;
    width: 50%;
}

.view-videos .views-column {
    float: left;
    width: 50%;
}

#block-views-events-block .views-column {
    float: left;
    width: 50%;
}

#block-views-news-block .views-column {
    float: left;
    width: 50%;
}

    .container2 {
    width: 98%;
    height: 842px;
    margin-right: 2%;
}

    .copyright-area {
    text-align: left !important;
}
#block-block-26 {
    margin-left: 4%;
}


    #block-block-24, #block-block-25, #block-block-26, #block-block-27 {
    float: left;
    height: 365px;
    width: 30%;
    margin-right: 2%;
    margin-top: 20px;
}

#block-block-30 {
    float: left;
    height: 300px;
    width: 30%;
    margin-right: 2%;
    margin-top: 20px;
    margin-left: 4%;
}



    #menu{background:none !important;}
    #menu .container{
        background:none !important;
        border:none !important;
    }
    .res-menu{
        display:block;
        margin:0 auto;
        margin-top:14px;
        padding:10px;
        width:100%;
        background-color:#f9f9f9;
        border:1px solid #f2f2f2;
    }

    #header nav{ 
        border: none !important; 
        padding: 0;
        margin-bottom: 50px;
    }
    #header.style2 .container{ border-bottom: none; }

    #header.style2{ text-align: center; }
    #header.style2{ margin-bottom: 0; }
    #header.style2 .logo,
    #header.style2 nav{ 
        float: none; 
        margin-bottom: 50px;
    }

    .full-slider{ margin-top: 0 }

    #content-area > .aq-template-wrapper > .aq-block-bmd_revslider_block > div{ margin-top: 0 !important; }

    .latest-post article{ margin-bottom: 50px; }
    .latest-post article:last-child{
        margin-bottom:0 !important;
        padding-bottom:0 !important;
    }
    .latest-post img{ width: 100%; }

    .row{
        width:auto;
        max-width:none;
        min-width:none;
        margin:0;
    }
    [class*="span"]{
        width:100%;
        float:none;
        min-height:none;
        padding:0;
        position:relative;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
    }

    #menu,
    .flexslider .caption{display:none;}


    .portfolio-single ul.p-info{ width: 100%;}
    .portfolio-single ul.p-info li{
        float: none;
        padding: 0;
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-right: none;
        border-bottom-width: 1px;
        border-bottom-style: solid;
    }
    .portfolio-single ul.p-info li:last-child{
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
    }

    .portfolio-items.col4 article,
    .aq-block-bmd_client_block .client > div{ width: 33.333%; }


    #content-area.alignright{float:none !important;}
    #content-area.alignleft{float:none !important;}
    .copyright-area{text-align:center;}
    .copyright-area ul{display:inline-block;}
    .copyright-area .footer-menu li{margin:0 5px;}
    .copyright-area .social{float:none;margin-top:15px;}
    .portfolio.carousel article{padding-bottom:30px !important;}
    .portfolio-items article[class*='span']{width:50% !important;}
    .page-title h1, .page-title h2, .page-title h3, .page-title h4, .page-title h5, .page-title h6{float:none;}
    .client [class*="span"]{margin-bottom:-1px;}
	a.readmore {
	margin-bottom: 30px;
	}
}



@media (max-width:550px){

       #block-views-events-block-2 .views-row {
    float: left;
    margin-bottom: 20px;
    padding-right: 3%;
    width: 100%;

}

    #block-block-22 {
    clear: both;
    width: 53% !important;
}



    #block-block-31 {
    position: relative;
    /* right: -75%; */
    top: 115px;
    left: 25%;
    width: 200px;
}



    #block-block-22 {
    clear: both;
    width: 98%;
    margin-left: 4%;
}

    .blockdestaque1, .blockdestaque2, .blockdestaque3 {
    width: 66%;
    margin-bottom: 20px;
}

    #block-search-form {
    float: right;
    top: 80px;
    padding-top: 0;
    position: relative;
    right: 22%;
}

.md-slide-wrap {
    margin-top: 90px;
    
}

.md-bullets {
    position: absolute;
    text-align: center;
    z-index: 4;
    right: 17% !important;
    left: 17% !important;
    width: 180px;
}



.view-news img, .view-events img, .view-recent-tecnologies img{ width: 100%; height: auto;}

    #block-views-recent-tecnologies-block-1 .views-column {
    float: left;
    width: 100%;
}

.view-videos .views-column {
    float: left;
    width: 100%;
}
#block-views-events-block .views-column {
    float: left;
    width: 100%;
}

#block-views-news-block .views-column {
    float: left;
    width: 100%;
}





    .container2 {
    width: 98%;
    height: 1500px;
    margin-right: 2%;
}


     #block-block-24, #block-block-25, #block-block-26, #block-block-27 {
    float: left;
    height: 190px;
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
    margin-top: 20px;
}

#block-block-30 {
    float: left;
    height: 340px;
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
    margin-top: 20px;
 
}

#block-block-28 {
    float: left;
    height: 220px;
    width: 90%;
    margin-right: 5%;
    margin-left: 5%;
    margin-top: 20px;
}






    .portfolio-items.col4 article,
    .portfolio-items.col3 article,
    .aq-block-bmd_client_block .client > div{width:49.5%;}
	a.readmore {
	margin-bottom: 30px;
	}
}


@media (max-width:420px){



    .blockdestaque1 .tituloblockdestaque {
    width: 153px;
}

.barra1 {
    width: 100%;
    margin: 0 auto;
    margin-top: 100px;
}

.view-news img, .view-events img, .view-recent-tecnologies img {
    width: 100%;
    height: auto;
}

#block-views-news-block-2 .views-row {
    
    height: 400px;
    
    width: 100%;
}

#page-title{padding: 15px;}

    .portfolio-items article,
    .portfolio-items article img,
    .aq-block-bmd_client_block .client > div{width:100% !important;}
	a.readmore {
	margin-bottom: 30px;
	}

}


@media only screen and (min-width:1200px){
.blg img {
width: 218px;
height: 142px;
}

}