@charset "utf-8";
/* CSS Document */
@media only screen and (max-width : 1680px) {
    .carousel-caption {
        left: 15%;
    }

    .home-slider nav a.prev {
        left: 14%;
    }

    .home-slider nav a.next {
        left: 16.9%;
    }

    .submenu {
        min-width: 230px !important;
        padding: 15px 0 !important;
    }

    .carousel-caption {
        top: 100px;
    }
    .carousel-caption h1 {
    padding-left: 0;
}
}

@media only screen and (max-width : 1600px) {
    .carousel-caption {
        left: 13.2%;
    }

    .home-slider nav a.prev {
        left: 12%;
    }

    .home-slider nav a.next {
        left: 15%;
    }

    .submenu {
        min-width: 230px !important;
        padding: 15px 0 !important;
    }

    .carousel-caption {
        top: 100px;
    }

        .carousel-caption h1 {
            font-size: 82px;
            line-height: 64px;
        }
}

@media only screen and (max-width : 1440px) {
    .submenu li > a {
        padding: 8px 15px !important;
    }

    .carousel-caption {
        top: 105px;
    }

    .carousel-caption {
        left: 10%;
    }

        .carousel-caption h1 {
            font-size: 62px;
            line-height: 50px;
        }

        .carousel-caption h2 {
            font-size: 30px;
            margin-top: 40px;
        }

    .home-slider nav a.prev {
        left: 9%;
    }

    .home-slider nav a.next {
        left: 12.3%;
    }

    .banner2-small-test-top-spce {
        margin-top: 50px !important;
        line-height: 26px !important;
    }
}

@media only screen and (max-width : 1366px) {
    .submenu li > a {
        padding: 8px 15px !important;
    }

    .submenu {
        min-width: 215px !important;
        padding: 15px 0 !important;
    }

    .carousel-caption {
        top: 112px;
    }

    .carousel-caption {
        left: 6.5%;
    }

        .carousel-caption h1 {
            font-size: 60px;
            line-height: 50px;
        }

        .carousel-caption h2 {
            font-size: 30px;
            margin-top: 45px;
        }

    .home-slider nav a {
        bottom: 11%;
    }

        .home-slider nav a.prev {
            left: 5.1%;
        }

        .home-slider nav a.next {
            left: 8.7%;
        }

    .banner2-small-test-top-spce {
        margin-top: 50px !important;
        line-height: 26px !important;
    }

    #owl-carousel-text2 .owl-nav .owl-prev {
        left: -40px;
    }

    #owl-carousel-text2 .owl-nav .owl-next {
        right: -40px;
    }
}





@media only screen and (max-width : 1280px) {
    .submenu {
        min-width: 200px !important;
        padding: 15px 0 !important;
    }

    #owl-carousel-text2 .owl-nav {
        position: absolute;
        top: -120px;
        right: 70px;
        z-index: 100;
        bottom: auto;
    }

        #owl-carousel-text2 .owl-nav .owl-prev {
            left: -103px;
        }

        #owl-carousel-text2 .owl-nav .owl-next {
            right: 0px;
        }
}

@media only screen and (max-width : 1199px) {
    .abt-ceo-text {
        padding: 25px 18px;
    }

    .icon-content {
        min-height: 212px;
    }

    .pding-tp-bt {
        padding: 46px 30px;
    }

    .ceo-text h2 {
        font-size: 20px;
    }



    .ceo-text {
        position: relative;
    }
}

@media only screen and (max-width : 1060px) {
    .mobile-menu-area {
        padding: 0px !important;
    }

    /*.mobile-navigation-icon i:before {
        background-color: #fff !important;
    }

    .mobile-navigation-icon i:after {
        background-color: #fff !important;
    }

    .mobile-navigation-icon i {
        background-color: #fff !important;
    }*/

    .carousel-caption {
        left: 4.5%;
        top: 70px;
    }

        .carousel-caption h1 {
            font-size: 42px;
            line-height: 35px;
        }

    .home-slider nav a.prev {
        left: 3%;
    }

    .home-slider nav a.next {
        left: 7.7%;
    }


    .about-tile h2 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 22px;
    }

    /*.about-tile p {
        font-size: 14px;
        line-height: 20px;
    }*/

    .about-title2 h2 {
        font-size: 56px;
        line-height: 52px;
    }

    .about-title2 ul li {
        width: 30%;
        height: auto;
    }

    .section-space--inner--120 {
        height: auto !important;
    }

    .ht-swiper-button-prev {
        left: 55px !important;
    }

    .services-item-one .content-box {
        padding: 15px;
        margin: -30px 15px 0;
    }

    .right-border {
        width: 101% !important;
    }

    .demo-top-spce {
        margin-top: 0px;
        margin-bottom: 100px;
    }

    .demo-top-spce-mobile {
        margin-bottom: 40px;
    }

    /*.tab1024-space {margin-top: 0px ; margin-bottom: 0px !important;}*/

    /*.tab1024-space {
        margin-bottom: -70px !important;
    }*/

    .section-space--bottom--120 {
        margin-bottom: 0px !important;
    }

    .width-auto-video {
        width: 100%;
        height: 340px;
    }

    .our-team-two .overlay {
        height: 100%;
    }

    .footer-team {
        padding: 30px 10px;
    }
}

@media only screen and (max-width : 980px) {
    .our-team-two .overlay {
        height: 100%;
    }

    .foter-tab-margin-bottom {
        margin-bottom: 70px;
    }

    .left-side-bar {
        max-width: 100%;
    }

    .dex-hiden {
        display: none;
    }

    .mobil-show {
        display: block;
    }

    .lef-height {
        min-height: 200px;
    }

    .pdf-down a span {
        left: 30px;
    }

    .btn:not(:disabled):not(.hidden) {
        cursor: pointer;
    }

    .datashow .collapse:not(.show) {
        display: none;
    }

    .card .hed-icon button:after {
        position: absolute;
        right: 30px;
        top: 7px;
        font-weight: 900;
        position: absolute;
        margin-top: 8px;
        margin-left: -20px;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f067";
        font-size: 10px;
        height: 25px;
        width: 25px;
        background: transparent;
        line-height: 25px;
        text-align: center;
        color: #313c8c;
        font-size: 16px;
    }

    .card .hed-icon button[aria-expanded="true"]:after {
        content: "\f068";
        background: #ea343a;
        color: #FFF;
    }

    .hed-icon button:after {
        visibility: inherit;
    }

    .hed-icon > .btn {
        cursor: pointer !important;
    }

    .img-contact {
        margin-bottom: 50px;
    }

    .user-content span {
        left: 26%;
    }

    .user-content h3 {
        left: 26%;
    }

    .team-bg {
        padding: 80px 91px;
    }

    .about-title2 {
        margin-left: 0px;
    }

        .about-title2 ul li {
            width: 25%;
        }

    .buttons-about {
        right: 0;
    }



    .item-team .team-one-item img {
        opacity: 0.9;
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -o-transform: scale(1.15);
        transform: scale(1.15);
    }

    .item-team .team-one-item .overlay-team {
        opacity: 1;
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1);
        display: block;
    }

    .team-one-item .overlay-team {
        position: relative;
        left: 0;
        bottom: 0;
        right: 0;
        top: 0px;
    }

    .item-team .team-one-item .overlay-team .inner-overlay {
        opacity: 1;
        top: 0;
        transition-delay: 0.5s;
    }

    .zoom-case {
        display: none !important;
    }

    .slider-text-case {
        position: absolute;
        bottom: 0px;
        top:10px;
    }
    .img-services img{
        width: 100%;
    }
    .services-item-one{
        margin-bottom: 50px;
    }
    .links-case div{
        display: none;
    }
}


@media only screen and (max-width : 768px) {
    .carousel-caption h1 {
        font-size: 28px;
        line-height: 26px;
    }

    .home-slider nav a {
        bottom: 0%;
    }

        .home-slider nav a.next {
            left: 9.1%;
        }

    .about-title2 {
        margin-left: 0px;
    }

        .about-title2 h2 br {
            display: none;
        }

        .about-title2 h2 {
            font-size: 46px;
            line-height: 40px;
            margin-top: 30px;
        }

    .buttons-about {
        position: absolute;
        bottom: 0px;
    }

    .section-title h3, .section-title-left h3 {
        font-size: 30px;
    }

    .industry-six-slider__single-slide {
        padding-left: 230px !important;
    }

    .industry-six-slider__content .slider-no {
        font-size: 30px !important;
        margin-bottom: 0px !important;
    }

    .industry-six-slider__content .slider-excerpt {
        margin-bottom: 30px !important;
    }

    .industry-six-slider__content {
        left: 15px !important;
    }

    .industry-six-slider__content {
        width: 300px !important;
        height: 310px !important;
    }

    .industry-six-slider__background {
        min-height: 400px !important;
    }

    .ht-swiper-button-prev {
        left: 17px !important;
    }

    .right-border {
        width: 101% !important;
    }

    .d-none {
        display: block !important;
    }

    .tab1024-space {
        margin-bottom: 30px !important;
    }

    .ht-swiper-button-nav-top-spce-mobile {
        margin-top: 100%;
    }

    .foter-tab-margin-bottom {
        margin-bottom: 50px !important;
    }

    .demo-top-spce {
        margin-top: 0px;
        margin-bottom: 200px;
    }

    .demo-top-spce-mobile {
        margin-bottom: 40px;
    }

    .width-auto-video {
        width: 100%;
        height: 340px;
    }

    .pding-tp-bt {
        margin-bottom: 40px;
    }

    .abt-line {
        padding-left: 0px;
        margin-bottom: 40px;
    }

    .imgroicon {
        left: 50px;
        top: 46px;
    }

    .sim-button {
        width: 100%;
    }
}



@media only screen and (max-width : 767px) {
    .carousel-caption {
        left: 0;
        top: 40px;
        right: 0;
    }

        .carousel-caption h1 {
            font-size: 28px;
            line-height: 26px;
            text-align: center;
        }

    .home-slider nav a {
        bottom: 0%;
    }

        .home-slider nav a.next {
            left: 9.1%;
        }

    .nav-circleslide svg.icon {
        width: 36px;
        height: 36px;
    }

    .about-title2 {
        margin-left: 0px;
    }

        .about-title2 h2 br {
            display: none;
        }

        .about-title2 h2 {
            font-size: 36px;
            line-height: 20px;
            margin-top: 30px;
        }

    .buttons-about {
        position: absolute;
        bottom: 0px;
    }

    .section-title h3, .section-title-left h3 {
        font-size: 30px;
    }

    .industry-six-slider__single-slide {
        padding-left: 0px !important;
    }

    .industry-six-slider__content .slider-no {
        font-size: 30px !important;
        margin-bottom: 0px !important;
    }

    .industry-six-slider__content .slider-excerpt {
        margin-bottom: 30px !important;
    }

    .industry-six-slider__content {
        left: 15px !important;
    }

    .industry-six-slider__content {
        width: 100% !important;
        height: auto !important;
    }

    .industry-six-slider__background {
        min-height: 400px !important;
    }

    .ht-swiper-button-prev {
        left: -25px !important;
    }

    .ht-swiper-button-next {
        right: -25px !important;
    }

    .right-border {
        width: 100% !important;
    }

    .d-none {
        display: block !important;
    }

    .ht-swiper-button-nav {
        background-color: #fff;
    }

    .ht-swiper-button-nav-top-spce-mobile {
        margin-top: 100%;
    }

    .product-botton-top-spce {
        margin-top: 32%;
    }

    .foter-tab-margin-bottom {
        margin-bottom: 50px !important;
    }

    .ht-swiper-button-nav-top-spce-mobile {
        margin-top: 32%;
    }

    .width-auto-video {
        width: 100%;
        height: 340px;
    }


    .demo-top-spce {
        margin-top: 0px;
        margin-bottom: 100px;
    }

    .demo-top-spce-mobile {
        margin-bottom: 40px;
    }

    .services-item-one .img-services img {
        width: 100%;
    }

    .user-content span {
        left: 38%;
    }

    .user-content h3 {
        left: 38%;
    }

    .user-picture img {
        top: -5%;
    }

    .goup-img a {
        float: none;
    }

    .goup-img {
        text-align: center;
    }

    .career-item h3 {
        text-align: center;
    }

    .sub-tile-grop {
        text-align: center;
    }

    .career-item .title-item {
        padding-bottom: 40px;
    }
    .right-border{
        margin-bottom: 50px;
    }
    .right-border-none{
        border-right: solid 2px #f6f6f6;
    }
}


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

    .carousel-caption {
        left: 0;
        top: 40px;
        right: 0;
        margin: 0 15px;
    }

        .carousel-caption h1 {
            font-size: 22px;
            line-height: 30px;
            text-align: center;
        }

            .carousel-caption h1 br {
                display: none;
            }

    .home-slider nav a.next {
        left: 11%;
    }

    .industry-six-slider__background {
        min-height: 230px !important;
    }

    .foter-tab-margin-bottom {
        margin-bottom: 20px !important;
    }

    .ht-swiper-button-prev {
        left: 15px !important;
    }

    .ht-swiper-button-next {
        right: 15px !important;
    }

    .ht-swiper-button-nav-top-spce-mobile {
        margin-top: 40%;
    }

    .product-botton-top-spce {
        margin-top: 38%;
    }

    .ht-swiper-button-nav {
        background-color: #fff;
    }

    .demo-top-spce {
        margin-top: 0px;
        margin-bottom: 100px;
    }

    .demo-top-spce-mobile {
        margin-bottom: 40px;
    }

    .width-auto-video {
        width: 100%;
        height: 340px;
    }

    .header-banner {
        min-height: 200px;
    }

    .services-item-one .img-services img {
        width: 100%;
    }
}

@media only screen and (max-width : 575px) {
     .right-border{
        border-right:0px;
        border-bottom: 1px solid #ddd;
        padding-bottom: 30px;
    }
    .buttons-about{
       position: relative;
    }
}


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

    .carousel-caption {
        left: 0;
        top: 40px;
        right: 0;
        margin: 0 0px;
    }

        .carousel-caption h1 {
            font-size: 22px;
            line-height: 30px;
            text-align: center;
            text-shadow: 1px 1px 1px #000;
        }

            .carousel-caption h1 br {
                display: none;
            }

    .home-slider nav a.next {
        left: 11%;
    }

    .industry-six-slider__background {
        min-height: 230px !important;
    }

    .foter-tab-margin-bottom {
        margin-bottom: 20px !important;
    }

    .ht-swiper-button-nav-top-spce-mobile {
        margin-top: 40%;
    }

    .product-botton-top-spce {
        margin-top: 38%;
    }

    .ht-swiper-button-nav {
        background-color: #fff;
    }

    .demo-top-spce {
        margin-top: 0px;
        margin-bottom: 100px;
    }

    .demo-top-spce-mobile {
        margin-bottom: 40px;
    }


    .width-auto-video {
        width: 100%;
        height: 340px;
    }

    .colarge-2 {
        margin-left: 20px;
    }

    .icon-content {
        min-height: 170px;
    }

    .side-bom {
        position: relative !important;
    }

    .our-team-two {
        height: auto;
    }

    .tem-text span {
        color: #fff;
    }

    .header-banner {
        min-height: 200px;
    }

    .header-banner {
        padding: 60px 0px;
    }

    .abt-iner-text p {
        padding-right: 0;
    }

    .our-team-two .overlay {
        height: 100%;
    }

    . /*ceo-text h2::before {
        bottom: 50px;
        left: 0px;
    }*/
    #owl-carousel-text2 .owl-item img {
        margin: 0 50px;
    }

    .left-side-bar {
        max-width: 100%;
    }

    .borfer {
        border-right: 0px;
        border-bottom: 1px solid #fff;
    }

    .product-banner {
        min-height: 210px;
        padding: 60px 0px;
    }

    .page-title-heading {
        font-size: 30px;
        line-height: 22px;
    }

    .page-site-link {
        margin-top: 8px;
    }

        .page-site-link li {
            font-size: 13px;
        }

    .cold-img {
        margin-bottom: 25px;
    }

    /*.section-tp-bt-pading{
    padding-top: 30px;
    padding-bottom: 30px;
}*/
    .title-widget h3 {
        font-size: 26px;
    }

    .height {
        min-height: 60px;
    }

    .text-border {
        border-bottom: 1px solid #313c8c;
        border-right: 0px solid;
    }

    .about-tile h2 {
        position: relative;
    }

    .text-proafter h2::after {
        top: 32px;
        left: 0px;
    }

    .air-img {
        margin-bottom: 35px;
    }

    .fl-title {
        width: 100%;
    }

    .cht2 {
        width: 80%;
    }

    .pnel-hed a {
        font-size: 15px;
    }

    .our-team-two {
        margin-bottom: 16%;
    }

    .team-bg {
        padding: 60px 15px;
    }

    .user-picture img {
        position: relative;
        margin-bottom: 30px;
    }

    .bg-shadow {
        padding: 20px 20px;
    }

    .user-content span {
        left: 0%;
    }

    .user-content h3 {
        left: 0%;
    }

    .mrgin-top-bom {
        margin: 0px 0px;
    }

    .buttons-about {
        position: relative;
    }

    .abt-con-text {
        padding: 25px 15px;
    }
    .right-border{
        border-right:0px;
    }

}

@media only screen and (max-width : 420px) {
    .about-title2 h2 {
        font-size: 35px;
        line-height: 40px;
    }
}
@media only screen and (max-width : 414px) {
    .team-one-item .overlay-team{
        height:0px;   
    }
}
@media only screen and (max-width : 384px) {
   .carousel-caption h1 {
    font-size: 17px;
}
}
@media only screen and (max-width : 360px) {
    .carousel-caption {
        top: 30px;
    }

        .carousel-caption h1 {
            font-size: 18px;
            line-height: 22px;
            text-align: center;
        }

    .home-slider nav a {
        bottom: -5%;
    }

        .home-slider nav a.next {
            left: 13%;
        }

    .about-title2 h2 {
        font-size: 30px;
        line-height: 35px;
        margin-top: 30px;
    }

    .about-title2 ul li {
        width: 28%;
        height: auto;
    }


    .product-botton-top-spce {
        margin-top: 50%;
    }

    .ht-swiper-button-nav {
        background-color: #fff;
    }

    .ht-swiper-button-nav-top-spce-mobile {
        margin-top: 55%;
    }

    .demo-top-spce {
        margin-top: 0px;
        margin-bottom: 100px;
    }

    .demo-top-spce-mobile {
        margin-bottom: 40px;
    }



    .width-auto-video {
        width: 100%;
        height: 240px;
    }

    #owl-carousel-text2 .owl-item img {
        margin: 0 15px;
    }
       .carousel-caption h1 {
    font-size: 16px;
}
}