/* MEDIA QUERIES*/

/* tablets and desktop */
@media only screen and (max-width: 1080px) {    
    .row{padding: 0 20px;}
    #user3-wrap input[type="text"] {width: 140px;;}
}

@media only screen and (max-width: 1025px) {
    .footer-morada{
        width: 280px !important;
        float: right;
    }
    .footer-servicos, .footer-cliente{
        width: 160px !important;
    }
    .footer-newsletter{
        width: 230px !important;
    }
    
    
}

@media only screen and (max-width: 950px) {
    .footer-servicos, .footer-cliente {
        width: 32% !important;
    }
    .footer-newsletter {
        width: 32% !important;
        float:right;
       
    }
    .footer-morada {
        width: 100% !important;
        float: none;
        clear:both;
        margin-left: 0;
        margin-top: 20px;
    }


    #footer-logo, #footer-tele-mail, #footer-morada, #footer-redes-sociais, #icons-sociais{
        float:none;
        text-align:center;
    }
    #footer-logo img{
        float:none;
    }
    #footer-redes-sociais h3.module-title {
        text-align:center;
    }
    #icons-sociais{
        margin: 5px auto;
        display: table;
        height: 20px;
    }
    #footer-tele-mail img:first-child{
        margin-left: 0;
    }
    #social-share-btn{
        float: none;
    }
}

@media only screen and (max-width: 950px) {
    .footer-servicos, .footer-cliente {
        width: 27% !important;
    }
    .footer-newsletter {
        width: 41% !important;
    }
    .cmc-signup.footer-newsletter{
        width: 100% !important;
    }
    #footer-tele-mail, #footer-morada{
        float: left;
        clear: none;
    }
    #morada-wrapper{
        margin: 0 auto;
        display: table;
        text-align: center;
    }
    #footer-tele-mail{
        text-align: right;
    }
    #footer-morada{
        text-align: left;
        margin-left: 30px;
    }
}


@media only screen and (max-width: 840px){
    #servico-1, #servico-2, #servico-3 {
        width:100%;
        margin-right:0;
        margin-bottom: 30px;
        text-align:left;
    }
    #servico-1 img, #servico-2 img, #servico-3 img,
    #servico-1 h3, #servico-2 h3, #servico-3 h3,
    #servico-1 h5, #servico-2 h5, #servico-3 h5,
    #servico-1 p, #servico-2 p, #servico-3 p{
        float: left;
    }    
    #servico-1 h3, #servico-2 h3, #servico-3 h3,
    #servico-1 h5, #servico-2 h5, #servico-3 h5,
    #servico-1 p, #servico-2 p, #servico-3 p{
        margin-left:120px;
        float:none;
    }
    #servico-1 h5, #servico-2 h5, #servico-3 h5{
        clear:right;
        height:auto;
        margin-bottom: 25px;
    }
    .servicos-btn{
        position:absolute;
        top:100px;
        left:0;
        text-align:center;
    }
    #destaque-1 p , #destaque-2 p, #destaque-3 p{
        width: 50%;
        margin-left: 10px;
    }
    /* contactos*/
    #fluid{
        margin-left: 0;
    }
    .content-wrap-left{
        width:100%;
        margin-left: 0;
    }
    .content-wrap-right{
        clear:left;
        margin-left: 0;
    }
    .content-wrap-right.contactos{
        width:100%;
    }
    .content-wrap-right.contactos .wrap-telefone,
    .content-wrap-right.contactos .wrap-email,
    .content-wrap-right.contactos .wrap-morada{
        float: left;
    }
    .content-wrap-right.contactos .wrap-telefone{
        width:150px;
        margin-right: 20px;
    }
    .content-wrap-right.contactos .wrap-email{
        width:180px;
        margin-right: 20px;
    }
    .content-wrap-right.contactos .wrap-morada{
        width:235px;
        float: right;
    }
    .content-wrap-right.redes-sociais{
        display:none;
    }
}
@media only screen and (max-width: 725px){
    .content-wrap-servicos{
        width:100%;
    }
    .servico-right{
        position:relative;
        margin-top: 20px;
    }    
    .content-wrap .content-left {
        float: left;
        width: 100%;
    }
    .content-wrap .content-right {
        float: none;
        width: 70%;
        margin:0 auto;
    }
    
    .content-wrap-right.contactos .wrap-telefone{
        width:45%;
        margin-right: 5%;
    }
    .content-wrap-right.contactos .wrap-email{
        width:50%;
        margin-right:0;
    }
    .content-wrap-right.contactos .wrap-morada{
        width:100%;
        float: left;
    }
    .content-wrap-right.contactos .wrap-morada span.morada-full{
       display:inherit;
    }
    .content-wrap-right.contactos .wrap-morada span.morada-break{
       display:none;
    }
}

@media screen and (max-width: 799px){
    
    .company {
        margin: 0;
        padding: 0;
        position: absolute;
        bottom: -10px;
        right: 3%;
    }
    
    #wrapper {
        padding: 10px!important;
    }
    
    #social  {
        display: block;
        float: none;
    }
    
    #logo  {
        text-align: center;
    }
    
    #logo.span_4{
        width:100%;    
    }
    
    #logo img  {
        max-width: 250px;
        max-height: 70px;
        display: block;
        margin: 0 auto;
        
    }
    #logo a {
        text-align: center;
    }
    #site-description  {
        text-align: center;
    }
    #top  {
        float: none;
    }
    #menu-icon  {
        width: 100%;
        height:  55px;
        line-height: 55px;
        text-decoration: none;
        background: #fff;
        padding: 0;
        cursor:  pointer;
        display:  block;
    }
    
    #menu-icon:hover {
        background-color:  #01b29f;
        color: #fff;
    }
    #menu-icon.active   {
        background-color:  transparent;
        color: #01b29f;
    }
    .menu-icon-title  {
        font-size: 20px;
        padding: 0 0 0 10px;
    }
    
    .icon-double-angle-down  {
        font-size: 30px;
        padding: 0 10px 0 0;
        float: right;
        height: 55px!important;
        line-height: 55px!important;
    }
    
    #navbar {
        display:  none;
        height: auto;
        margin: 0;
        padding: 0;
    }
    
    #navbar-wrap.span_8{
        width:100%;    
    }
    
    /* Menu */
    #navbar-wrap  {
        height: auto;
        display: block;
        margin: 0 0 10px 0;
        padding: 0;
        float: none;
        border: 1px solid #01b29f;
        background: transparent;
        box-shadow:  0 1px 4px rgba(0, 0, 0, .2);
        -webkit-box-shadow:  0 1px 4px rgba(0, 0, 0, .2);
        -moz-box-shadow:  0 1px 4px rgba(0, 0, 0, .2);
        -o-box-shadow:  0 1px 4px rgba(0, 0, 0, .2);
    }
    
    /* Navigation */
    #navigation  {
        padding: 0 10px;
        display: block;
    }
    
    #navigation ul.menu  {
        float: none;
    }
    #navigation .menu  {
        margin:  0;
        padding:  0 0 10px 0;
        list-style:  none;
    }
    
    #navigation .menu .icon-angle-right  {
        position:  absolute;
        right:  10px;
        top:  50%;
        margin-top:  -6px;
        font-size:  12px;
    }
    
    #navigation .menu > li  {
        display:  block;
        float: none;
    }
    
    #navigation .menu > li ul  {
    }
    
    #navigation .menu ul  {
        position:  relative;
        left:  0;
        top:  100%;
        margin: 0;
        opacity:  1;
        transition: none;
        visibility:  visible;
        z-index:  99;
        box-shadow:  none;
        -webkit-box-shadow:  none;
        -moz-box-shadow:  none;
        -o-box-shadow:  none;
    }
    
    #navigation .menu ul ul  {
        position: relative!important;
        margin: 1px 0 0 0;
        padding: 0;
        left: 0px;
        width: 100%;
        display: block;
        -webkit-box-shadow:  none;
        -moz-box-shadow:  none;
        box-shadow: none;
    }
    
    #navigation .menu ul ul li  {
        width: auto;
    }
    #navigation .menu li  {
        position:  relative }
    #navigation .menu li:hover > ul  {
        margin:  0;
        opacity:  1;
        visibility:  visible;
    }
    
    #navigation .menu a  {
        display:  block;
        position:  relative;
        color: #444 !important;
    }
    
    /* current item */
    #navigation .menu > li > a:hover,  #navigation .menu > li.sfHover > a,  #navigation .menu > .active > a,  #navigation .active > a:hover,  #navigation .active > a:hover  {
        color:  #fff !important;
       
    }
    
    #navigation .menu > .active > a,  #navigation li.active > a  {
        color:  #fff!important;
        background-color:#01b29f;
    }
    #navigation .menu > li  {
        margin: 0;
        padding: 0;
    }
    
    #navigation .menu a  {
        height: auto;
        color:  #eee;
        font-weight:  400;
        text-align:  left;
        text-decoration:  none;
        cursor:  pointer;
        line-height:  45px;
        font-size: 16px;
        padding: 0 10px;
    }
    
    /*drop-down styles*/
    #navigation .menu ul  {
        border-top:  none;
        background: transparent;
        border: none;
    }
    
    #navigation .menu li:hover ul  {
        margin:  0;
    }
    
    #navigation .menu ul ul.sub-menu  {
        margin: 0;
        padding: 0;
        border-top:  0px solid #68b6d8;
    }
    #navigation .menu ul ul.sub-menu li {
        margin: 0;
        padding: 0;
    }
    
    #navigation .menu ul li  {
        border-bottom: 0px solid #62D9CC }
    #navigation .menu ul li:first-child  {
    }
    
    #navigation .menu ul li:last-child  {
        border:  0 }
    #navigation .menu ul li > a:hover  {
        color:  #fff !important;
        background: #01b29f;
    }
    #navigation .menu ul a  {
        display:  block;
        height:  auto;
        margin:  0 0 0 10px;
        padding:  0 15px;
        text-transform:  none;
        border:  0px;
        
    }
    
    #navigation ul.sub-menu .icon-angle-down:before  {
        content: ""!important;
    }
    
    #navigation ul.sub-menu a  {
        font-size: 12px;
        line-height:  35px;
    }
    
    #navigation i  {
        text-align: right;
    }
    #footer-nav  {
        float: none;
    }
    #footer-nav ul  {
        float: none;
    }
    
}

@media only screen and (max-width : 500px),
    only screen and (max-device-width : 500px){
    #wrapper{
        padding:5px !important;
    }
    
    #secnav li:last-child a{
        margin-right: 10px;
    }
    .row{padding: 0 10px;}
    .footer-servicos, .footer-cliente {
        width: 153px !important;
    }
    .copyright, .admin-area{
        float: none;
        text-align: center;
    }
    #footer-copyright{
        float: none;
    }
}

@media only screen and (max-width: 685px){
    #destaque-1 h4, #destaque-2 h4, #destaque-3 h4{
        font-size:12px;
        width:160px;
        margin-left: 10px;
    }
    #destaque-1 a:hover h4, #destaque-2 a:hover h4, #destaque-3 a:hover h4{   
        margin-left: 13px;
    }
}

@media only screen and (max-width: 615px) {
    .footer-servicos, .footer-cliente {
        width: 45% !important;
    }
    .footer-cliente {
        width: 45% !important;
        float:right;
    }
    .footer-newsletter {
        width: 100% !important;
        float: none;
        clear:both;
        margin-left: 0;
    }
    .footer-newsletter h3.module-title {
        text-align:center;
    }
        
    .cmc-signup.footer-newsletter {
        text-align:center;
    }
    .cmc-signup.footer-newsletter, input[type="submit"] {
        width: 70% !important;
    }
    .cmc-signup.footer-newsletter{
        margin:0 auto;
        margin-bottom: 30px;;
    }
     #destaque-1 p , #destaque-2 p, #destaque-3 p{
        width: 40%;
    }
    
    .full-width, .mobile-width{
        display: none;
    }
     .half-width{
        display:block;
    }
    
}
@media only screen and (max-width: 560px){
    .half-left{
        width:100%;
    }
    .half-right{
        width:100%;
        float: left;
    }  
    .recap-img{
        display:none;
    }
    .wrap-recap{
        float: left;
        width:82%;
    }
    #contact input[type="text"]{
        max-width: 100% !important;
    }
    
    #recaptcha_image{
        width:99% !important;
    }
    #recaptcha_image img{
        width:98%;
    }
    .recapcha-btn{
        float: right;
    }
    
}
    
@media only screen and (max-width: 525px){
    #destaque-1 p, #destaque-2 p, #destaque-3 p{
        clear:left;
        width:85%;
        margin-left: 0;
        margin-top: 10px;
    }
    #destaque-1 .arrow-btn , #destaque-2 .arrow-btn, #destaque-3 .arrow-btn{
        position:absolute;
        bottom:10px;
        right:0px;
    }
}



@media only screen and (max-width: 510px){
    .content-wrap .content-right {
        width: 100%;
        margin: 0 auto;
    }
    span.morada-break{
        display:block !important;
    }
    span.morada-full{
        display:none !important;
    }
    .content-wrap-right.contactos .wrap-telefone {
        width: 43%;
        margin-right: 2%;
    }
    .content-wrap-right.contactos .wrap-email{
        float: right;
        width:180px;
    }
}

@media only screen and (max-width: 435px){
    .content-wrap-right.contactos .wrap-telefone {
        width: 100%;
        margin-right: 0;
    }
    .content-wrap-right.contactos .wrap-email{
        float: left;
        clear:both;
    }
    .shrink{
        width: 100%;
        height: auto;
    }
}

@media only screen and (max-width: 390px){
    .content-wrap, .content-wrap-left, .content-wrap-right, #destaques-wrap{
        padding:10px;
    }
    .recapcha-btn{
        clear:left;
        float:left;
        margin-top: 5px;
        margin-left: 0;
    }
    .recapcha-btn div{
        float: left;
        margin-right: 10px;
    }
    .wrap-recap{
        width: 100%;
    }
    #footer-tele-mail, #footer-morada {
        float: none;
        text-align: center;
        margin-left: 0;
    }
}


@media only screen and (max-width : 350px),
only screen and (max-device-width : 350px){
    .footer-servicos, .footer-cliente {
        width: 100% !important;
        text-align:center
    }
    .footer-cliente {
        float:none;
        margin-left:0;
    }
    #user2 ul li a {
        display:block;
        margin:0 auto 7px;
        padding: 3px;
        background: transparent;
        width:150px;
        border: 1px solid #ccc;
        border-radius: 4px;
    }
    #user2 ul li a:hover {
        background:#01B29F;
        color:#fff;
        text-shadow:  0px 0px 0 #FFFFFF;
    }
    .cmc-signup.footer-newsletter {
        width: 70% !important;
    } 
    #main-content.row{
        padding:0;
    }
    .content-wrap-right.contactos img{
        width:25px;
        height:auto;
        margin-left: 0 !important;
    }
    .wrap-telefone >img{
        margin-right: 12px !important;
    }
    
    .full-width, .half-width{
        display: none;
    }
    .mobile-width{
        display:block;
    }
    
    
}
/* proce table */

@media only screen and (min-width : 480px) and (max-width : 790px) {
			.price_block {width: 50%; margin-bottom: 20px;}
			.price_block:nth-child(odd) {border-right: 10px solid transparent;}
			.price_block:nth-child(3) {clear: both;}
			
			.price_block:nth-child(odd):hover {border: 0 none;
            }

		}
		@media only screen and (min-width : 790px){
			.price_block {width: 25%; margin-bottom: 20px;}
			.price_block {border-right: 10px solid transparent; border-bottom: 0 none;}
			.price_block:last-child {border-right: 0 none;}
			
			.price_block:hover {border: 0 none;}
		}