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

@media (max-width: 1199px) {
    .counter-item{
        padding-right: 15px;
        padding-left: 15px;
    }
}
@media (max-width: 1080px) {
    .full-slider .owl-nav > button,
    .two-slider .owl-nav > button {
        background-color: rgba(255,255,255,0.3) !important;
    }
}
@media (max-width: 991px) {
    .technology {
        /* padding-top: 100px; */
        background: url(../../../images/technology.png) no-repeat 0 95% / contain;
    }

    .tab-image {
        text-align: center;
    }

    .process-holder .nav-justified{
        justify-content: center;
        margin-bottom: 20px;
    }

    .process-holder .nav-justified .nav-item{
        flex: 0 0 25%;
        margin-bottom: 25px;
    }

    .process-tab-image {
        background: url(../../../images/process-bg.png) no-repeat center 100%;
        background-size: 100%;
    }

    .h_x3,
    .h_x1{
        height: 290px !important;
    }

    .counter-item{
        box-shadow: none;
        border: 1px solid #f4f4f4;
    }

    .process-holder .nav .nav-item:nth-child(4)::before{
        display: none !important
    }

    #navbarSupportedContent{
        height: calc(100vh - 75px);
        overflow: auto;
    }
    #menuSide{
        padding-bottom: 25px;
    }
    .main-header .navbar-light .navbar-nav .nav-link{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .technology .section_title .title{
        padding-top: 15px;
    }
    .technology-tabs .tab-image img{
        height: 320px;
    }
    .fp-tableCell{
        padding-top: 50px;
    }
    .slider-image img{
        height: auto;
        max-width: 80%;
        max-height: 40vh;
        margin: auto;
    }

    .contact_info_box .f-about{
        border-right: 0;
        padding-right: 0;
        margin-bottom: 10px;
    }
}

@media (max-width: 767px) {
    
    .service-item{
        max-width: 25%;
        flex: 0 0 25%;
    }

    .process-holder .nav-justified .nav-item{
        flex: 0 0 50%;
    }

    .process-tab-image {
        background: url(../../../images/process-bg.png) no-repeat center 30%;
        background-size: 100%;
    }

    .pro-text{
        margin-bottom: 20px;
    }

    .ord-sm-1{
        order: 1;
    }

    .ord-sm-2{
        order: 2;
    }
    .year-slider .item{
        padding: 10px 0;
    }
    .year-slider .item h1, .year-slider .item h2{
        font-size: 50px;
    }

    .year-slider{
        border: none;
    }

    .year-slider .owl-dots{
        top: 120%;
    }

    .process-holder .nav .nav-item::before{
        display: none !important
    }
    .contact_section .contact_us_wrap .contact_info{
        padding-top: 15px;
    }
    .clients_filter_wrap .filter_body{
        text-align: center;
    }

    .full-slider-item {
        height: auto !important;
    }
    /*.full-slider-item .row{*/
        /*-ms-flex-direction: column-reverse !important;*/
        /*flex-direction: column-reverse !important;*/
    /*}*/
    .slider-image img{
        margin: auto;
    }
    .slider-text{
        text-align: center;
        padding-bottom: 15px;
    }
    .slider-text .product_logo{
        text-align: center !important;
    }
    .history .section_title{
        margin-bottom: 55px;
    }
    .contact_section{
        padding-bottom: 25px;
    }

    /*.process .process-holder .tab-content {
        display: block !important;

        position: fixed;

        top: 0;

        right: 0;

        width: 100%;

        height: auto;

        background: #FFF;

        z-index: 9999;

        box-shadow: 1px 1px 5px#CCC;
    }*/

    .technology {
        padding: 30px 0;
    }

    .process,
    .history {
        background: #F9F9F9;
    }

    .counter-item {
        box-shadow: none;
        border: 1px solid #e3e3e3;
        transform: none !important;
    }

    .products-slider > .owl-stage-outer {
        height: auto;
    }

    .section {
        padding-bottom: 30px;
    }

    .technology-tabs .nav-link {
        padding: 12px 15px;
    }

    .technology-tabs .nav-link h3, .technology-tabs .nav-link h4 {
        font-size: 16px;
    }

    #v-pills-tabContent {
        margin-left: 0;
        margin-top: 20px;
    }

    .products-slider .owl-nav {
        position: absolute;
        top: -150px;
        right: 0;
    }

    .products-items .owl-nav [class*="owl-"] {
        width: 35px;
        height: 35px;
    }

    .products-items .owl-nav [class*="owl-"] img {
        width: 26px;
    }

    .clients_filter_wrap .filter_body {
        margin-bottom: 35px;
    }

    .products-text {
        margin-bottom: 20px;
    }

    .two-images-slider .slider-image-2 img {
        width: 100% !important;
    }

    .technology-tabs {
        display: none;
    }

    .accordions {
        display: block;
    }

    .technology {
        background: none;
    }

    .hero-text h3 {
        font-size: 28px;
        margin-bottom: 5px;
    }

    .hero-text p {
        font-size: 16px;
    }
    .footer-social ul p{
        font-size: 14px;
    }

    .contact_info_box .contact_info.info {
        border-right: none;
        padding-right: 0;
        margin-bottom: 15px;
    }
}

@media (max-width: 576px) {
    .service-item{
        max-width: 33.33333333333%;
        flex: 0 0 33.33333333333%;
    }

    .year-slider .owl-theme .owl-nav{
        /*display: none;*/
    }
    .year-slider .owl-theme .owl-nav{
        margin-top: -20px;
    }

    .technology .section_title .title{
        padding-top: 25px;
    }

    .process .section_title{
        margin-bottom: 35px;
    }
}

@media (max-width: 575px) {
    /* .year-slider .item h1, .year-slider .item h2{
        font-size: 14px;
    } */
    .year-slider .item h1, .year-slider .item h2{
        font-size: 18px;
    }
}
@media (max-width: 330px) {
    .service-item{
        max-width: 50%;
        flex: 0 0 50%;
    }
}
@media (max-width: 320px) {
    .year-slider .item h1, .year-slider .item h2{
        font-size: 38px;
        padding: 10px 0;
    }
    .footer-social ul p{
        margin-right: 5px;
        font-size: 14px;
    }
}
@media (min-width: 1200px){
    .container {
        max-width: 1400px;
    }
}