.bg_f{
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}

.bg{
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

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

    .about_mission_in{
        padding-left: 24px;
    }

    .article_highlight_section .info_in{
        padding-right: 24px;
    }

    .difference_in:after{
        content: '';
        position: absolute;
        left: 100%;
        top: 0;
        height: 100%;
        width: 24px;
        background-color: #013E5A;
    }

    .difference_in{
        padding: 40px 40px;
    }

    .pag_empresa .nav > .link.empresa:after, 
    .pag_orcamento .nav > .link.orcamento:after, 
    .pag_servicos .nav > .link.servicos:after, 
    .pag_contactos .nav > .link.contactos:after, 
    .nav_bar .nav > .link:hover:after{
        width: 16px;   
    }

    .nav_bar .nav > .link:after{
        left: 16px;
    }

    .nav_bar .nav > .link{
        margin-right: 8px;
        padding: 8px 8px 8px 22px;
    }
}

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

    .pag_empresa .nav > .link.empresa:after, 
    .pag_orcamento .nav > .link.orcamento:after, 
    .pag_servicos .nav > .link.servicos:after, 
    .pag_contactos .nav > .link.contactos:after, 
    .nav_bar .nav > .link:hover:after{
        width: 8px;   
    }

    .nav_bar .nav > .link:after{
        left: 8px;
    }

    .nav_bar .nav > .link{
        margin-right: 4px;
        padding: 8px 8px 8px 12px;
    }

}

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

}

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

}

/*IPAD HORIZONTAL*/
@media only screen and (max-width: 1024px) {

    .swiper-slide.partners_slider{
        width: calc(33.333% - 24px);
    }

    .about_mission {
        max-width: none;
    }

    .about_mission_in {
        padding: 0 24px 0 24px;
    }

    .difference_in{
        max-width: none;
    }

    .process_section{
        padding: 64px 0 64px 0;
    }
    
    .article_highlight_section .info_in{
        padding: 0 24px;
    }

    .article_highlight_section .img{
        width: 100%;
        margin-top: 0px;
    }

    .article_highlight_section {
        padding: 0 0 64px 0;
    }

    .article_highlight_section .info{
        width: 100%;
        margin-top: 80px;
        max-width: 100%;
    }

    .services_in .service{
        width: 50%;
    }

    .services_in .service:last-child{
        margin-top: 80px;
    }

    .nav_bar{
        display: none;
    }

    .nav_btn{
        display: block;
    }

    .header_component .logo img {
        height: 100px;
    }

    .banner_section .in{
        height: calc(100vh - 164px);
    }

    .technical_info_section .img{
        width: 100%;
        order: 1;
        margin-top: 0px;
        padding: 0 0 0 0;
    }

    .technical_info_section .info{
        width: 100%;
        order: 2;
        margin-top: 80px;
    }

    .technical_info_section{
        padding: 0 0 64px 0;
    }

    .contacts_btns_in .contact_btn{
        width: 50%;
        margin-top: 80px;
    }

    .contacts_btns_in .contact_btn:nth-child(-n+2){
        margin-top: 0px;
    }

    .info_section_in .about_mission, .info_section_in .difference{
        width: 100%;
    }  

    .info_section:after{
        display: none;
    }

    .info_section{
        padding: 64px 0 0 0;
    }

    .about_mission_slider{
        margin-bottom: 80px;
    }

    .info_section_in .difference{
        background-color: #013E5A;
    }

    .difference {
        margin: 0 0 0 0;
    }

    .documents{
        width: 50%;
    }

    .page_title_section .img{
        width: 100%;
        padding: 0 0 0 0;
    }

    .page_title_section .title{
        margin-top: 80px;
        padding: 0 0 0 0;
    }

    .pag_servicos .services_section{
        padding: 64px 0;
        margin-top: 0px; 
    }

    .page_title_section .img img{
        max-height: none;
        min-height: auto;
        object-fit: fill;
    }

    .img.border .content:after {
        width: calc(100% - 36px);
        height: calc(100% - 36px);
        margin: 16px 16px 16px 16px;
    }

    .swiper-container.about_mission_slider:after{
        width: calc(100% - 36px);
        height: calc(100% - 36px);
        margin: 16px 16px 16px 16px;
    }

    .page_title_section .info{
        width: 100%;
    }

}

/*IPAD VERTICAL*/
@media only screen and (max-width: 768px) {

}

/* PHONES HORIZONTAL */
@media only screen and (max-width: 737px) {

    .ct_radios .it, .projects_section_filters{
        width: 100%;
    }

    .ct_radios .it{
        margin-top: 8px;
    }

    .ct_radios .it:first-child{
        margin-top: 0px;
    }


    .projects_section_filters{
        margin-top: 16px;
    }

    .projects_section_filters:first-child{
        margin-top: 0px;
    }

    .h1 {
        font-size: 56px;
        line-height: 64px;
    }

    .h2 {
        font-size: 40px;
        line-height: 48px;
    }

    .h3 {
        font-size: 32px;
        line-height: 40px;
    }

    .h4 {
        font-size: 24px;
        line-height: 32px;
    }

    .h5 {
        font-size: 20px;
        line-height: 28px;
    }

    .h5_b {
        font-size: 18px;
        line-height: 26px;
    }

    .m_t_48{
        margin-top: 32px;
    }

    .m_t_72{
        margin-top: 56px;
    }

    .m_t_104{
        margin-top: 80px;
    }

    .m_t_24{
        margin-top: 16px;
    }

    .m_t_32{
        margin-top: 24px;
    }

    .article_highlight_section .info{
        margin-top: 40px;
    }

    .services_in .service{
        width: 100%;
    }

    .services_in .service:first-child{
        margin-top: 0px;
    }

    .services_in .service{
        margin-top: 40px;
    }

    .services_in .service:last-child{
        margin-top: 40px;
    }

    .footer_component .column{
        width: 100%;
        margin-top: 40px;
    }

    .footer_component .column:first-child{
        margin-top: 0px;
    }

    .footer_component .row.bottom .column{
        margin-top: 8px;
    }

    .footer_component .row.bottom .column:first-child{
        margin-top: 0px;
    }

    .section{
        padding: 48px 0;
    }

    .article_highlight_section{
        padding: 0 0 48px 0;
    }

    .footer_component .row.top{
        padding: 24px 24px;
    }

    .footer_component .row.bottom{
        padding: 8px 24px; 
    }

    .header_in{
        padding: 24px 0;
    }

    .banner_section .in{
        height: calc(100vh - 148px);
    }

    .menu_mobile{
        padding: 180px 24px 32px 24px;
    }

    .link .link_in{
        font-size: 16px;
        padding-left: 32px; 
    }

    .link .link_in:before{
        content: "";
        position: absolute;
        border-top: 1px solid #02A8CD;
        opacity: 0.4;
        left: 0px;
        width: 24px;
        top: 8px;

    }

    .technical_info_section{
        padding: 0 0 48px 0;
    }

    .technical_info_section .text {
        left: 24px;
    }

    .small{
        min-height: 176px;
    }

    .contacts_btns_in .contact_btn{
        width: 100%;
        margin-top: 40px;
    }

    .contacts_btns_in .contact_btn:nth-child(-n+2){
        margin-top: 40px;
    }

    .contacts_btns_in .contact_btn:first-child{
        margin-top: 0px;
    }

    .info_section{
        padding: 48px 0 0 0;
    }

    .info_section_in .difference{
        background-color: #013E5A;
    }

    .difference_in{
        padding: 40px 24px;
    }

    .difference .text {
        padding-left: 0px;
    }

    .about_mission_slider{
        margin-bottom: 40px;
    }

    .documents{
        width: 100%;
    }

    .page_title_section{
        padding: 0 0 48px 0;
    }

    .page_title_section .title{
        margin-top: 40px;
    }

    .img.border .content:after {
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        margin: 8px 8px 8px 8px;
    }

    .swiper-container.about_mission_slider:after{
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        margin: 8px 8px 8px 8px;
    }

    .nav_btn{
        margin-right: 24px;
    }
    
    .header_component .logo{
        margin-left: 24px;
    }

}

/* PHONES HORIZONTAL */
@media only screen and (max-width: 414px) {

    .budget_btns .budget_btn:first-child{
        margin: 0 auto 0 auto;
    }

    .budget_btns .budget_btn{
        margin: 40px auto 0 auto;
    }
}