﻿@media (max-width: 576px) {
    h1 {
        font-size: 25px !important;
    }
    h3 {
        font-size: 20px !important;
    }
    .MenuCatL1 a:hover {
        display: none;
    }
    .product_detalis_content_text {
        font-size: 15px !important;
    }
    .first_logo {
        display: none;
    }
    .second_logo {
        display: none;
    }
    .hiden {
        display: none;
    }
    .title_container {
     display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    margin-top:0px;
    }
    .img_product{
         width: 200px;
    height: 170px;
    }
    .categorii_tarife_container {
        min-height: inherit;
        padding: 0;
        margin-bottom: 0;
    }
    .categorii_tarife_container table{
        margin-top:0;
    }
    .table-responsive{
        font-size: 11px;
        border: none;
    }
        .img_product img {
               max-width: 190px;
    max-height: 150px;
        }
        .description-prices{
            font-size:12px;
        }
        .product_name h3{
            text-align: center;
        }
        .img-responsive{
    width:100%;
}
    .product_name h3{
        font-size: 18px !important;
    }
    #TopZona {
        height: auto !important;
        background-color: rgba(60, 60, 60, 0) !important;
        line-height: 0px !important;
        position: absolute;
        top: -38px;
        width: 235px;
    }
    #TopZona a {
        padding-right: 0px !important;
    }
    .language_ro {
        padding-right: 18px;
    }
    #TopZona .glyphicon {
        font-size: 21px !important;
    }
    .footer_container .ArtDetalii {
        text-align: center;
    }
    .mean-container .mean-bar {
        float: left;
        width: 100%;
        position: absolute;
        background: #0c1923;
        padding: 4px 0;
        top: 0px;
        min-height: 42px;
        z-index: 999999;
    }
    .mean-container a.meanmenu-reveal {
        right: 15px !important;
    }
    .ParallaxImghome {
        margin-top: 50px !important;
    }
    .MenuCatL1 a:hover {
        border-bottom: 0px !important;
    }
    .navbar-fixed-top {
        z-index: 9999999 !important;
    }
    #services {
        padding: 20px 0px !important;
    }
    .col-sm-6 {
        min-height: 30px !important;
    }
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        position: relative !important;
        right: 0;
        left: 0;
        border-width: 0 0 1px;
    }
    .navbar-custom {
        background-color: transparent !important;
    }
    .servicii_img img {
        width: 100%;
        height: 100%;
    }
    .hvr-rectangle-out {
        height: 100%;
    }
    .latest_product_container {
        flex-flow: column nowrap !important;
    justify-content: center;
    align-items: center;
    }
    .button_detailsproducts {
        width: 130px !important;
    }
    .footer_container {
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
    }
    .chestionar_container {
        width: 100%;
        margin-top: 20px;
    }
    .social_container {
        width: 100%;
        margin-top: 20px;
    }
    .social_content {
        flex-flow: row nowrap !important;
        justify-content: space-around !important;
    }
    .site-path {
        height: 55px !important;
        margin-top: 30px !important;
    }
    .SitePath {
        height: 15px !important;
    }
    .social_img:hover {
        width: 40px;
        height: 40px;
    }
    .about_content p {
        font-size: 15px;
    }
    .about_list {
        font-size: 15px;
    }
    .footer_inform {
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
    }
    .JobImg {
        display: none;
    }
    .services_content_home{
            display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    }
     .first-service, .second-service, .third-service, .fourth-service, .fifth-service, .sixth-service {
        max-width:400px;
    }

    .header_job {
        margin-right: 25px;
    }
    .job_articol {
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
    }
    .job_button {
        width: 110px;
        height: 35px;
        line-height: 30px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .product_margin {
        margin-top: 30px !important;
            max-width: 400px;
    }
    .contact_form .relative {
        padding: 0 !important;
    }
    #footer_copyright {
        margin-left: 0 !important;
    }
    .ParallaxImghome {
        min-height: 160px !important;
    }
    .caption {
        display: none;
    }
    .cover-text-container h1 {
        font-size: 17px !important;
    }
    .cover-text-container p span {
        font-size: 11px !important;
    }
    .button_detailsproducts {
        margin-top: 15px;
    }
    .ArtDetalii {
        width: 170px !important;
    }
    .captchaWrap {
        display: flex !important;
        flex-flow: column nowrap !important;
        justify-content: center !important;
        align-items: center !important;
    }
    .contact_form_top {
        float: left;
        margin-bottom: 30px !important;
    }
    .captchWrap_verifyCode {
        display: flex;
        flex-flow: column nowrap;
        justify-content: center;
        width: 70%;
    }
    iframe {
        height: 280px;
    }
    .zona_container {
        position: fixed !important;
        z-index: 9999999;
        top: 10px;
        width: auto !important;
        justify-content: flex-start;
    }
    .JobDescription span {
        text-align: left !important;
    }
    .PagerStyleSelect {
        display: none;
    }
    .chestionar_opinii {
    padding:20px;
    }
    .article-fb-section {
        overflow: hidden !important;
    }
    .article-icon .glyphicon {
        top: -3px !important;
    }
    .article_content_right {
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
        align-items: center;
        margin-top: 0px !important;
    }
    .chestionar_opinii textarea {
        width: 100% !important;
    }
    .chestionar_opinii .button_detalii {
        width: 170px !important;
        height: 35px;
    }
    .services_img {
        width: 100%;
        margin-bottom: 20px;
    }
    .cere-oferta-top {
        float: left;
        margin-bottom: 25px;
    }
    .JobApply .captchaWrap{
        margin-left:20%;
    }
}
@media (min-width: 577px) and (max-width: 767px) 

 {
    .MenuCatL1 a:hover {
        display: none;
    }
      .img-responsive{
    width:100%;
}
       .table-responsive{
        border: none;
    }
      .categorii_tarife_container table {
    margin-top: 0px;
}
    .first-service, .second-service, .third-service, .fourth-service, .fifth-service, .sixth-service {
        width: 50%!important;
        float: left !important;
    }
    .first_logo {
        display: none;
    }
    .page_footer_name{
        display: none;
    }
    .second_logo {
        display: none;
    }
    .hiden {
        display: none;
    }
    .JobApply{
        float: none;
    }
    .article-contain{
        width:50%;
    }
    .ArtDescription span{
        font-size:14px;
    }
    .ArtDescription p {
        font-size:14px;
    }
    .chestionar_opinii {
        width: 80%;
    margin: 0 auto;
    padding: 30px;
    }
    h1 {
        font-size: 25px !important;
    }
    h3 {
        font-size: 20px !important;
    }
    .product_detalis_content_text {
        font-size: 15px !important;
    }
    #TopZona {
        height: auto !important;
        background-color: rgba(60, 60, 60, 0) !important;
        line-height: 0px !important;
        position: absolute;
        top: -38px;
        width: 235px;
    }
    #TopZona a {
        padding-right: 0px !important;
    }
    .language_ro {
        padding-right: 18px;
    }
    #TopZona .glyphicon {
        font-size: 21px !important;
    }
    .footer_container .ArtDetalii {
        text-align: center;
    }
    .mean-container .mean-bar {
        float: left;
        width: 100%;
        position: absolute;
        background: #0c1923;
        padding: 4px 0;
        top: 0px;
        min-height: 42px;
        z-index: 999999;
    }
    .mean-container a.meanmenu-reveal {
        right: 15px !important;
    }
    .ParallaxImghome {
        margin-top: 50px !important;
    }
    .MenuCatL1 a:hover {
        border-bottom: 0px !important;
    }
    .navbar-fixed-top {
        z-index: 9999999 !important;
    }
    #services {
        padding: 20px 0px !important;
    }
    .col-sm-6 {
        min-height: 30px !important;
    }
    .navbar-fixed-top,
    .navbar-fixed-bottom {
        position: relative !important;
        right: 0;
        left: 0;
        border-width: 0 0 1px;
    }
    .navbar-custom {
        background-color: transparent !important;
    }
    .servicii_img img {
        width: 100%;
        height: 100%;
    }
    .hvr-rectangle-out {
        height: 100%;
    }
    .latest_product_container {
        flex-flow: row nowrap !important;
    }
    .button_detailsproducts {
        width: 130px !important;
    }
    .footer_container {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    }
    .chestionar_container {
        width: 50%;
        margin-top: 20px;
        float: left;
    }
    .contact {
        width:50%;
        float: left;
    }
    .articole{
        width: 50%;
        float: left;
    }
    .social_container {
        width: 50%;
        float: left;
            height: 180px;
    }
    .social_content {
        flex-flow: row nowrap !important;
        justify-content: space-around !important;
    }
    .site-path {
        height: 55px !important;
        margin-top: 30px !important;
    }
    .SitePath {
        height: 15px !important;
    }
    .social_img:hover {
        width: 40px;
        height: 40px;
    }
    .about_content p {
        font-size: 15px;
    }
    .about_list {
        font-size: 15px;
    }
    .footer_inform {
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
        align-items: center;
    }
    .JobImg {
        display: none;
    }
    .header_job {
        margin-right: 25px;
    }
    .job_articol {
        flex-flow: row nowrap;
        /*justify-content: center;
        align-items: center;*/
    }
    .job_button {
        width: 110px;
        height: 35px;
        line-height: 30px;
        margin-top: 10px;
    }
    .product_margin {
        margin-top: 30px !important;
        width:50%;
        float: left;
    }
    .contact_form .relative {
        padding: 0 !important;
    }
    #footer_copyright {
        margin-left: 0 !important;
    }
    .ParallaxImghome {
        min-height: 280px !important;
    }
    .caption {
    position: absolute;
    top: 19px;
    width: 577px;
    height: auto;
    left: 0px;
    text-align: left;
    }
    .button_container{
        display:none;
    }
    .cover-text-container h1 {
        font-size: 17px !important;
    }
    .cover-text-container p span {
        font-size: 11px !important;
    }
    .button_detailsproducts {
        margin-top: 15px;
    }
    .ArtDetalii {
        width: 170px !important;
    }
    .captchaWrap {
        display: flex !important;
        flex-flow: column nowrap !important;
        justify-content: center !important;
        align-items: center !important;
    }
    .contact_form_top {
        float: left;
        margin-bottom: 30px !important;
    }
    .captchWrap_verifyCode {
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
        width: 100%;
    }
    .servicii_text{
         min-height: 125px;
    }
    iframe {
        height: 280px;
    }
    .zona_container {
        position: fixed !important;
        z-index: 9999999;
        top: 10px;
        width: auto !important;
        justify-content: flex-start;
    }
    .JobDescription span {
        text-align: left !important;

    }
    .JobDescription{
        width:auto;
    }
    .servicii_categories_container{
        width:50%;
        float: left;
    }
    .PagerStyleSelect {
        display: none;
    }
    .article-fb-section {
        overflow: hidden !important;
    }
    .article-icon .glyphicon {
        top: -3px !important;
    }
    .article_content_right {
        display: flex;
        flex-flow: row nowrap;
        justify-content: center;
        align-items: center;
        margin-top: 0px !important;
    }
    .img_product img {
    max-height: 110px;
}

    .chestionar_opinii textarea {
        width: 100% !important;
    }
    .chestionar_opinii .button_detalii {
        width: 170px !important;
        height: 35px;
    }
    .services_img {
        width: 65%;
        margin-bottom: 20px;
    }
    .cere-oferta-top {
        float: left;
        margin-bottom: 25px;
    }
    .contact_form{
        width:100%;
        float:left;
    }
}
@media (min-width: 768px) and (max-width: 990px) { 
    .zona_container{
        align-items:flex-start;
    }
    .navbar-custom .nav li a{
            margin: 0px 4px;
    }
      .img-responsive{
    width:100%;
}
    .contact_form{
    width: 100%;
    float: left;
    }
    .img_product img{
        max-height: 165px;
    }
    .main-header{
        display:flex;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center;
    }
    .caption {
    position: absolute;
    top: 51px;
    width: 600px;
    height: auto;
    left: 20px;
    text-align: left;
}
    .cover-text-container h1{
        font-size:30px;
    }
    .cover-text-container span{
        font-size:15px !important;
    }
    .header_job{
        margin-right:40px;
    }
    .main_contact_form{
        width:60% !important;
        float:left;
    }
    .textbox_container .relative{
        margin-top:25px;
    }
    .product_details_images img{
        width:100%;
        height:auto;
    }
    .contact_container{
    margin-top: 30px;
    text-align: left;
    float: left;
    width: 40%;
    }
    .contact_form_top{
        float: left;
    margin-bottom: 30px;
    }
    .MenuCatL1 a {
    font-size:13px;
    }
    .MenuCatL1{
        padding-right: 12px;
    }
    .second_logo{
        display:none;
    }
    .first_logo img {
    width: 120px;
    height: 35px;
}
    .site-path{
        margin-top:65px;
    }
    footer .ArtDetalii{
        width:170px;
    }
    .social_container, .chestionar_container{
        margin-top:20px;
    }
    .ParallaxImghome{
        min-height:450px;
        margin-top:100px;
    }
    .button_container .button_detalii, .button_oferta {
        height:35px;
        line-height:35px;
    }
    .servicii_text {
    
    min-height:153px;

    }
    .social_img:hover{
            width: 13%
    }
    .glyphicon{
        font-size:15px;
    }
    .MenuCatL1 a:hover {
    padding-bottom:11px;
    border-color:#e41820;
    }
       .title_container h3{
        font-size:20px;
    }
    }
@media (min-width: 991px) and (max-width: 1200px) {
        .zona_container{
        align-items:flex-start;
    }
    .navbar-custom .nav li a{
            margin: 0px 4px;
    }
    .contact_form{
    width: 100%;
    float: left;
    }
      .img-responsive{
    width:100%;
}
    .categorii_tarife_container{
        min-height:480px;
    }
    .caption {
    position: absolute;
    top: 51px;
    width: 600px;
    height: auto;
    left: 20px;
    text-align: left;
}
    .cover-text-container h1{
        font-size:30px;
    }
    .cover-text-container span{
        font-size:15px !important;
    }
    .header_job{
        margin-right:40px;
    }
    .main_contact_form{
        width:60% !important;
        float:left;
        margin-top: 80px;

    }
    .textbox_container .relative{
        margin-top:24px;
    }
    .product_details_images img{
        width:100%;
        height:auto;
    }
    .contact_container{
    margin-top: 30px;
    text-align: left;
    float: left;
    width: 40%;
    }
    .contact_form_top{
        float: left;
    margin-bottom: 30px;
    }
    .social_img:hover{
        width:41%;
    }
    .MenuCatL1 a {
    font-size:12px;
    }
    .MenuCatL1{
        padding-right: 20px;
    }
    .first_logo img {
        width: 135px;
    height: 35px;
}
    .second_logo img{
        width: 37px;
    height: 35px;
    }
    .site-path{
        margin-top:65px;
    }
    footer .ArtDetalii{
        width:170px;
    }
    .social_container, .chestionar_container{
        margin-top:0px;
    }
    .inf_contact{
           width: 100% !important;
    }
    .ParallaxImghome{
        min-height:450px;
        margin-top:100px;
    }
    .button_container .button_detalii, .button_oferta {
        height:35px;
        line-height:35px;
    }
    .servicii_text {
    
    min-height:153px !important;

    }
    .glyphicon{
        font-size:15px;
    }
    .MenuCatL1 a:hover {
    padding-bottom:11px;
    border-color:#e41820;
    }
    .article_month_paragraph {
        padding-left: 0px !important;
    }
    .social_content_items p {
        margin-left: 25px;
    }
    .title_container h3{
        font-size:20px;
    }

}