@import url("https://cdnjs.cloudflare.com/ajax/libs/drawer/3.2.2/css/drawer.min.css") only screen and (max-width: 700px);

@media (max-width:700px){
    .content{max-width: 100%;}

    header .logo{ width: 100%;text-align: left;padding: 20px;}
    header .logo img{height: 60px;}
    header .sectionSearch{position: absolute;top: 0px;left: 0px;z-index: 1;}
    header .sectionSearch .search .input input{font-size: 16px;width: 100px;}
    header .sectionSearch .search .icon{top: -2px;position: relative;}
    header .menu ul li:hover, header .menu ul li.active{color:white;}
    header .group:after{z-index: 0;}
    header .menu{margin:0px;float: left;}
    header .menu ul li{color: black;float: none;}
    header button{right: 0px!important;left: auto!important;top: 40px!important;}

    .pattern{text-align: center;padding: 150px 0px 0px 0px;}
    .pattern img{width:auto;margin:0px;max-width: 100%;}

    .banner{padding-top: 10px;}
    .banner .carousel-item{height:240px;}
    .banner .carousel-control-next-icon, .banner .carousel-control-prev-icon{transform: scale(0.6);-moz-transform: scale(0.6);-webkit-transform: scale(0.6);-o-transform: scale(0.6);}
    .banner .carousel-control-prev-icon{margin-right: 20px;}
    .banner .carousel-control-next-icon{margin-left: 20px;}
    .banner .description{padding:20px 80px}
    .sectionTitle .group .title{font-size: 22px;}
    .sectionTitle{padding-left:20px;padding-right:20px;padding-bottom: 20px!important;}
    .sectionTitle .group .description{max-width:100%;}

    .highlight{display: inline-block; text-align: center;margin-top: 0;}

    footer ul li{width:50%;text-align: center;padding:20px 20px;}
    footer ul li:last-child{text-align: center;width:100%;}
    footer .copyright{padding: 0px;padding-top: 10px;height:auto;}
    footer .copyright .text{display: inline-block;width: 100%;float: none;text-align: center;}
    footer .copyright .moreInfo{background: #2f2e2e;text-align: center;width: 100%;float: none;}
    footer .copyright .moreInfo ul li{width: 50%;float: left;margin: 0px;padding: 20px;}

    .page{padding:20px}
    .page .imageBlock .text{width:70%;}
    .page .imageBlock .text .sinopsis{color:#fff;}
    .page .itemList ul li{width:100%;padding:20px 0px;}
    .page .description .block .invert .right{width:100%;padding:10px 0px;}
    .page .description .block .invert .left{width:100%;padding:10px 0px;}
    .page .description .block .right{width:100%;padding:10px 0px;}
    .page .description .block .left{width:100%;padding:10px 0px;}
    .page .listPtfolio ul li{width:46%;margin:2%;}
    .page .listPtfolio ul li .image{height:100px;}
    .page .description .contact .left{width:100%;margin-top:20px;}
    .page .description .contact .right{width:100%;margin-top:20px;}

    .page .portugal2020 ul li{width:100%;}

}