/*==========  Mobile First Method  ==========*/

/** Per fer el bxsldier 100% **/
#slide .bxslider{height: 200px !important;}
#slide .bx-wrapper .bx-controls-direction a{z-index: 100;}
#slide .bxslider > div{
    height: 200px !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

    #contactar .bottom{margin-top:20px;}
    #footer h1{margin-bottom:10px;}
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 769px) {
    #cos{border-top: 130px solid #fff;}
    .info_telefon{width:auto;font-size: 16px;}
    .info_telefon i{font-size: 16px;}
    #top #logo img{transition:0.5s all;}
    #contactar .bottom{margin-top:70px;}

    #slide .bxslider{height: 600px !important;} /*400px*/
    #slide .bxslider > div{
        height: 600px !important;
    }
    #slide h1{font-size: 58px;}
    #slide p{font-size: 30px;font-weight: bold;}

    .bg_menu{background:white;}

    .owl-carousel .owl-stage {
        display: flex !important;
        height: 100% !important;
        justify-content: center !important;
    }
    .owl-carousel .owl-item {
        display: flex;
    }
    .owl-item .card{height: 100%;display: flex;}
    .owl-item .card-body{height: 100%;}



}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}



/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .nivo-caption .tbl .tbl-cell{vertical-align: middle;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

    .col-data{width:15%;margin-right:5%;}
    .col-noticia{width: 90%;margin-right:10px;}

    .data_box span.dia{font-size: 24px;line-height: 24px;margin-bottom: 4px;}
    .data_box span.mes{text-transform: uppercase;line-height: 12px;font-size: 14px;}
    .data_box span.any{font-size: 12px;}

    #noticies_destacades{padding:20px 30px;}

    .container{min-width: 100%;}

    #top{position: relative;padding-bottom:0;}
    #top p{color:#000;}
    #top p a{color:#000;}
    #top .info{padding-top:10px;}

    .w-sm-100{width: 100%;}
    .linia_telefons{background:#ccc;width: 100%;display: block;}
    .linia_telefons p{color:#222 !important;}

    body{padding-top:60px;}

    .jumbotron{padding: 10px;margin-bottom: 0;}
    .jumbotron h1{font-size: 24px;padding:10px;}

    .box{margin-bottom: 40px;}
    .sf-menu > li {background: none}
    .sf-menu a{border-left: none;}

    #menu{box-shadow: 0 3px 5px rgba(57, 63, 72, 0.2);}
    #menu .box_menu{min-height: 60px;}
    #logo_small img{height:40px;}
    #logo_small h1{float:left;color:#00225F;font-size: 22px;line-height:63px;text-transform: uppercase;}

    .area_clients{float:right;position:relative;}

    #footer .text-right{text-align: left;}

    .accessos_directes .box{width:48%;}

    #cercar input[type="text"]{}
    .text-cap a.icon i{font-size:20px;}
    .text-cap a.baloon{margin-left:8px;}
    .text-cap a i{font-size: 18px;margin-top: 1px;}

    .llistat_pagina p{text-align: center;}

}


/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .accessos_directes .box{width:90%;}
    .descripcio_principal_portada { padding-top: 30px;}
    .descripcio_principal_portada p { margin-left: 0px; margin-top: 15px;}

    .obres_destacades_portada {margin-top: 10px;}
    .obres_destacades_portada h3 {padding-left: 0px;}
    .llistat_obres_destacades > div { width: 100%; height: 250px;}

    .quadrat-fosc{
        margin-top:12px;
        margin-left: 17px;
    }


    .text-formulari-responsive { display:block !important; }
    .justify-self-start { display: none !important; }

    .container_serveis_detail { margin-bottom: 40px; }

    .titol_galeria{ margin-bottom: 40px; }
    .titol_galeria_detail { margin-bottom: 40px; margin-top:20px; }

    .serveis_detail { display: none; }

    #slide h1 { font-size: 30px; }

    .descripcio_servei { padding-bottom: 30px; padding-top: 30px;}
    .descripcio_servei h3 { margin-left: 0px; }
    .descripcio_servei p { margin-left: 0px; }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}

@media (min-width: 1200px){
    .container {
        max-width: 1200px;
    }
}