@media only screen and (min-width:1024px) {
    ul#navbar-menu {
        display: block !important;
    }
}

@media only screen and (min-width:1200px) {
    .container {
        max-width: 1140px;
    }

    #contact {
        display: block;
    }

    .mainmenu {
        width: 66.66666666666668%;
    }
}

@media only screen and (max-width: 1024px) {
    #owl-active6 {
        display: none;
    }

    .nav.navbar-nav.navbar-center {
        position: relative;
        margin-left: 0;
        margin-right: 0;
    }

    .info ul {
        padding: 0;
        text-align: center;
    }
    .wrap-sticky {
        justify-content: center !important;
    }
    #contact {
        margin-left: -20px;
    }

    .menubar a {
        text-decoration: none;
        padding: 35px 9px;
        color: #7c7777;
    }

    .menu-con.dropdown-menu a {
        padding: 15px;
    }

    .item1, .item2, .item3, .item4 {
        padding: 10px;
        height: 262px !important;
        width: 100%;
    }

    .timeline::after {
        left: 100%;
    }
}

@media only screen and (max-width: 1023px) {
    .container.row.wrap-sticky > div {
        padding-left: 0px;
    }

    .container.row.wrap-sticky .menu-top {
        padding-left: 0px;
    }

    ul#navbar-menu {
        background: white;
        display: none;
        margin-top: 70px;
        width: 100%;
        position: absolute;
        left: -10px;
        padding: 10px;
        height: 250px !important;
        overflow: scroll;
        padding-right: 0;
        padding-right: 10%;
        padding-left: 5%;
        text-transform: uppercase;
        transition: all 0.3s;
    }

    .dropdown.show > a {
        padding: 5px 5px 5px 0px;
    }

    li.dropdown > a {
        padding: 0 !important;
        display: block;
        width: 90%;
        margin: 0 auto;
    }

    li.dropdown > .dropdown {
        width: 90%;
        margin: 0 auto;
    }

    .col-xs-12.col-md-2 {
        display: contents;
    }

    .mainmenu {
        width: 100%;
        position: absolute;
    }

    div#contact {
        display: none;
    }

    button#click {
        display: block;
        position: absolute;
        left: 4%;
        z-index: 1000;
        outline: none;
    }


    li.dropdown {
        text-align: left;
        margin-top: 10px;
        padding-bottom: 13px;
        border-bottom: 1px solid #e0e0e0;
        transition: transform 0.1s linear;
        width: 100%;
        padding: 15px 0px;
        height: auto !important;
    }

    .menu-con.dropdown-menu {
        width: 100%;
        position: absolute;
        box-shadow: none;
        border: none;
        margin: 15px !important;
        left: 0px;
        top: 28px;
    }

    .col-xs-12.col-md-2 {
        position: absolute;
    }

    .col-xs-12.col-md-7 {
        position: absolute;
    }

    .col-xs-12.col-md-3 {
        display: contents;
    }
}

@media only screen and (max-width:991px) {
    .service-detail-content {
        padding-right: 0;
    }
    .breadcrumb-area .container {
        flex-direction: column;
    }
    .our-service {
        margin: 10px auto;
    }
    img#image-lightbox {
        height: 300px;
    }

    .full-width-chart {
        width: 100%;
        text-align: center;
    }

    .col-md-6.thumb {
        display: block;
        margin-top: 50px;
        margin-left: 25%;
        float: left;
    }

    .choose-us-area .itemmm {
        height: 360px;
    }

    .item3, .item4 {
        margin-top: 35px !important;
    }

    .item1, .item2, .item3, .item4 {
        padding: 10px;
        height: 262px !important;
        width: 100%;
    }

    .col-lg-6.col-md-6.item-grid2 {
        right: -80px;
    }

    .footernavi li {
        list-style-type: none;
        display: inline-block;
        padding-right: 5px;
        border-right: 1px dotted #979797;
    }

    .our-service {
        text-align: center;
        display: inline-block;
    }

    .clients-area.default-padding-bottom img {
        width: 177px;
    }

    #owl-active1 {
        display: inline-block;
    }

    #owl-active2 {
        display: inline-block;
    }

    #owl-active3 {
        display: inline-block;
    }

    #owl-active4 {
        display: none;
    }

    #owl-active5 {
        display: none;
    }

    #owl-active6 {
        display: none;
    }

    .service-detail-content {
        width: 100%;
    }

    .service-detail-menubar {
        width: 100%;
    }

    .navbar-detail {
        margin-bottom: 0;
    }

    .slide-item.project-item {
        height: 100%;
        width: 50%;
        padding: 15px;
    }

    .statistic-item {
        float: left;
        margin-top: 50px !important;
        margin-bottom: 50px !important;
        justify-content: center;
        padding-right: 0px;
    }

        .statistic-item:first-child {
        }

    .header11 .row .col-md-6 {
        max-width: 100%;
        flex: none;
        text-align: center;
    }

    .content {
        top: 0;
        margin-top: 0;
    }

    .item1, .item3 {
        margin-top: 0;
    }
}

@media only screen and (max-width:991px) {
    .footerwrap {
        display: none;
    }
}

@media only screen and (min-width:768px) {
    .introduce-col-md-7 {
        width: 100%;
    }

    .statistic-item {
        width: 100%;
    }

    .row.introduce-item > div {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .item2, .item4 {
        margin-top: 0px;
    }

    .fun-factor-area.overflow-hidden > div {
        padding: 0;
    }

    .row.logotech.mt30 > div {
        padding: 0;
    }

    .footer > div {
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {
    html {
        margin: 0;
        padding: 0;
        max-width: 100%;
    }

    .owl-item {
        width: 117px;
    }

    body {
        max-width: 768px !important;
    }

    .dnone {
        display: block;
        position: absolute;
        right: 40px;
    }

    .carousel-caption h1 {
        font-size: 30px;
    }

    .wrapper {
        max-width: 768px;
    }

    .header11 .aaaa .row {
        max-width: 100%;
    }

    .header11 {
        display: none;
        text-align: center;
    }

        .header11 .row .col-md-6 {
            max-width: 100%;
            flex: none;
            text-align: center;
        }

    #contact {
        display: none;
    }

    #click {
        display: block !important;
        position: absolute;
        float: left;
        left: 10px;
    }

    .hpb-logo {
        position: relative;
        float: left;
        left: 0;
    }

    #home {
        width: 100%;
        z-index: 1000;
    }

    #navbar-menu {
        display: none;
        overflow: auto;
    }

    ul#navbar-menu {
        width: 100%;
        position: absolute;
    }

    .col-md-6.thumb {
        width: 50%;
        margin-top: 0;
    }

    .navbar-nav .dropdown-menu {
        position: static;
        border: none;
        box-shadow: none;
    }

    .navbar-default {
        position: relative;
    }

    div#banner {
        display: inline;
    }

    .full-width-chart {
        text-align: center;
        position: relative;
        width: 100% !important;
    }

        .full-width-chart h2 {
            font-size: 40px !important;
        }

    .navbar {
        display: block !important;
    }

    .nav.navbar-nav.navbar-center {
        width: 100%;
        margin: 0;
    }

    .menubar {
        background: white;
        display: none;
        right: 0;
        width: 100%;
        height: 100vh;
        text-align: center;
        transition: 0.7s;
        line-height: normal;
        height: auto;
    }

        .menubar li {
            display: block !important;
        }


    li.dropdown {
        text-align: left;
        margin-top: 10px;
        padding-bottom: 13px;
        border-bottom: 1px solid #e0e0e0;
        transition: transform 0.1s linear;
    }

    .item {
        /* padding-left: 50px; */
    }

    .col-lg-3.col-md-6.item {
        width: 24%;
        display: inline-block;
        padding-left: -10px;
        text-align: center;
        margin-left: 170px;
    }

    .item1, .item2, .item3, .item4 {
        margin-top: 30px;
        width: 50%;
        float: left;
    }

    .col-lg-6.col-md-6.item-grid1 {
        margin-left: 50px;
    }

    .fun-fact {
        height: 180px;
        width: 100%;
    }

    .col-md-66 {
        width: 100%;
    }

    .row.footerlinewrap_content > div:first-child {
        display: none;
    }

    p.copyright {
        text-align: center;
    }

    .footerwrap {
        height: auto;
        padding-bottom: 20px;
        display: none;
    }

    .side_info img {
        display: none;
    }

    .hpb_info {
        padding-left: 50px;
        margin: 0;
    }

    .footerlinewrap_content {
        padding-top: -30px;
    }

    .full-width-chart > div {
        margin-bottom: 50px;
    }

    .item3, .item4 {
        margin-top: 35px !important;
        margin-left: 0 !important;
    }

    .col-md-5 {
        -ms-flex: none;
        flex: none !important;
        max-width: none !important;
    }

    .item1, .item2, .item3, .item4 {
        width: 100%;
    }

    .slide-item.project-item {
        width: 100%;
    }

    .heading.text-center > h2, #feedback_client .section_title h2, #form-contact-us .site-heading h2 {
        font-size: 25px;
    }
    /*CareersPage*/
    .jp_job_post_right_btn_wrapper {
        margin-left: 0 !important;
    }

    .jp_job_post_right_cont {
        float: left;
        margin-left: 0;
        padding-left: 10px;
    }

    .job-post {
        width: 100%;
        padding-left: 20px;
    }

    .jp_job_post_right_btn_wrapper ul {
        display: flex;
        justify-content: left;
    }

    .jp_job_post_right_btn_wrapper li {
        padding: 10px;
    }

    .job-button {
        width: 100%;
        display: block;
        justify-content: right;
        margin-right: 30px;
    }



    .col-lg-4.col-md-4.col-sm-4.col-xs-12 {
        margin-left: 150px;
    }

    .col-lg-8.col-md-8.col-sm-8.col-xs-12 {
        margin-left: 120px;
        margin-top: 30px;
    }

    .clients-area.default-padding-bottom img {
        width: 117px;
    }

    .choose-us-area .itemmm {
        height: auto;
    }

    #owl-active1 {
        display: inline-block;
    }

    #owl-active2 {
        display: inline-block;
    }

    #owl-active3 {
        display: inline-block;
    }

    #owl-active4 {
        display: none;
    }

    #owl-active5 {
        display: none;
    }

    #owl-active6 {
        display: none;
    }

    .col-lg-8.offset-lg-2 {
        margin-left: 0px;
    }

    .project-item {
        width: 99%;
        margin: 5px;
    }

    .statistic-item {
        width: 100%;
        float: none;
        justify-content: center;
        margin: 0;
    }




    .row.statistic > div > div {
        padding-left: 0;
        padding-right: 0;
    }

    .item-wall::before {
        right: 35px;
    }

    .introduce-col-md-7 {
        width: 100%;
    }

    .introduce-item {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .fun-factor-area.overflow-hidden > div {
        padding: 0;
    }

    .col-md-6.text-right {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .row.align-center.services-banner {
        text-align: center;
    }

    .sitemap ul li {
        width: 100% !important;
    }

    ul.col-md-6.sitemap-item li {
        float: left !important;
    }

    .col-md-66 {
        display: flex;
        justify-content: center;
        text-align: center;
    }

    .single-item.col-lg-6.col-md-6 {
        width: 100% !important;
        padding: 15px !important;
    }

    .call {
        display: flex;
        justify-content: center;
    }

    .infoo {
        font-size: 17px;
        margin-top: 0;
    }

    .itemmm {
        text-align: center;
        width: 100%;
    }

    .iconnnn {
        position: absolute;
        display: flex;
        justify-content: center;
        width: 85%;
    }

    .start-now {
        margin-top: 60px;
    }

    #form-contact-us .btnGroup {
        justify-content: center;
    }

    #form-contact-us .address {
        padding: 0px;
    }

        #form-contact-us .address ul.info {
            padding: 0px 15px;
        }

        #form-contact-us .address .info li {
            padding-right: 0px;
        }
    /*information page*/
    .bottom-section > .row > div {
        width: 50%;
    }
}


@media only screen and (max-width:767px) {
    .row.introduce-item > div > div {
        background: #f7f6f6;
        color: black;
    }

    .item1 h5, .item4 h5 {
        color: black;
    }

    .item1 p, .item4 p {
        color: black;
    }

    .row.statistic {
        padding: 15px 0px 50px 0;
    }

        .row.statistic > div {
            padding: 0;
        }

    .statistic-item {
        margin-top: 35px !important;
        margin-bottom: 0px !important;
    }

    .column.one-third.col-md-4 {
        padding: 0;
        margin-bottom: 30px;
    }

    li#bunyad-latest-reviews-widget-2 {
        display: none;
    }

    .border-right {
        border: none !important;
    }
}

@media only screen and (min-width:992px) {
    .introduce-col-md-7 {
        width: 58%;
    }
}

@media only screen and (max-width: 540px) {
    .header11 {
        display: none;
        text-align: center;
    }

    .col-lg-2.col-md-3.col-sm-4.col-6 {
        width: 143px;
    }

    .footernavi li {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    #owl-active1 {
        display: inline-block;
    }

    #owl-active2 {
        display: inline-block;
    }

    #owl-active3 {
        display: none;
    }

    #owl-active4 {
        display: none;
    }

    #owl-active5 {
        display: none;
    }

    #owl-active6 {
        display: none;
    }

    .owl-item {
        width: 117px;
    }

        .owl-item img {
            width: 117px;
        }

    img#image-lightbox {
        height: 250px;
    }
}

@media only screen and (max-width: 469px) {
    .col-lg-8.col-md-8.col-sm-8.col-xs-12 {
        margin: 0;
    }

    .col-lg-4.col-md-4.col-sm-4.col-xs-12 {
        margin: 0;
    }
}

@media only screen and (min-width:375px) and (max-width:425px) {
    .header11 {
        display: none;
    }


    .single-item {
        width: 100%;
        margin-bottom: 30px;
    }

    #click {
        display: block !important;
        position: absolute;
        float: left;
        left: 10px;
    }

    img#image-lightbox {
        height: 200px;
    }

    .nav.navbar-nav.navbar-center {
        display: contents;
        float: left;
    }

    .navbar-nav {
        margin: 0;
    }

    .banner-area {
        margin-top: 0;
        text-align: center;
    }

        .banner-area .content h4 {
            font-size: 20px;
        }

        .banner-area .content h2 {
            font-size: 35px;
        }

    .col-lg-3.col-md-6.item {
        width: 100%;
        margin-left: 50px;
        text-align: center;
    }

    .dnone {
        right: 20px;
    }

    .item {
        /* padding-left: 20px; */
    }

    .topnew {
        margin-left: 0 !important;
    }

    #banner {
        /* margin-left: -60px; */
    }

    .jp_job_post_right_btn_wrapper li {
        display: inline-block;
    }

    .jp_job_post_right_cont li {
        display: block !important;
        margin: 0 !important;
    }

    .col-md-6 {
        text-align: center;
    }

    .infoo {
        float: left;
        font-size: 17px;
        margin-top: 0px;
    }


    .choose-us-area .itemmm {
        display: block;
    }

    .fixed-shape-bottom {
        padding-top: 220px;
    }

    .owl-item {
        width: 117px;
    }

        .owl-item img {
            width: 117px;
        }

    .col-lg-8.col-md-8.col-sm-8.col-xs-12 {
        margin: 0;
    }

    .col-lg-4.col-md-4.col-sm-4.col-xs-12 {
        margin: 0;
    }

    .introduce > .row > .col-md-7 {
        margin-left: 60px;
    }

    h2.wall-page_title {
        font-size: 30px;
    }

    .timeline::after {
        left: 100%;
    }

    .wall-album {
        width: 80%;
    }


    .item-wall::before {
        right: -11px;
    }

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

    .col-md-5.item3 {
        margin-right: 0px;
    }
}

@media only screen and (max-width:540px) {
    .job-post {
        padding-left: 0;
    }

    .jp_job_post_right_cont {
        padding-left: 0;
    }

    .jp_job_post_side_img {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    job-post {
        display: block;
    }

    .jp_job_post_side_img img {
        width: 80% !important;
    }

    .job-button {
        margin: 0;
        display: flex;
        justify-content: center;
    }

    .jp_job_post_right_cont ul {
        width: 100%;
        padding: 0;
        margin: 0;
        justify-content: center;
        display: flex;
    }

    .jp_job_post_right_btn_wrapper ul {
        padding: 0;
    }

    .jp_job_post_right_cont {
        width: 100%;
        text-align: center;
    }

    jp_job_post_right_cont ul {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 0;
        margin: 0;
    }

    .jp_job_post_right_cont li {
        padding: 10px;
    }

    .job-detail-info ul li {
        margin: 0;
        padding: 35px 0;
        text-align: center;
        display: block;
        padding-left: 10%;
        width: 100%;
        border-right: none;
    }

    .content-job.careers-skill {
        float: left;
        text-align: left;
    }

    @media only screen and (max-width:375px) {
        .pagination {
            margin-right: 0;
            width: 100%;
        }

            .pagination ul {
                padding-left: 0;
            }


        .single-item {
            width: 100%;
        }

        .dnone {
            right: 15px;
        }

        /*information page*/
        .social-media i {
            width: 30px;
            height: 30px;
            line-height: 60px !important;
            background: none;
        }

            .social-media i:after {
                top: 15px;
            }

        .social-media a {
            margin-bottom: 18px;
        }
    }

    @media only screen and (max-width: 320px) {
        .header11 {
            display: none;
        }

        .single-item {
            width: 100%;
            margin-bottom: 30px;
        }

        .iconnnn {
            width: 65%;
        }

        .content h2 {
            font-size: 30px !important;
        }

        .col-lg-6.col-md-6.item-grid1 {
            margin-left: -25px;
        }

        .col-lg-3.col-md-6.item {
            width: 100%;
            margin-left: 90px;
        }

        .topnew {
            margin-left: 0 !important;
        }

        .heading.text-center {
            margin-left: 30px;
        }

        .infoo {
            float: left;
            font-size: 17px;
            margin-top: 0px;
        }

        .choose-us-area .itemmm {
            display: block;
        }

        .owl-item {
            width: 117px;
        }

            .owl-item img {
                width: 117px;
            }

        .client-img {
            margin-left: -60px;
        }

        .col-lg-8.col-md-8.col-sm-8.col-xs-12 {
            margin: 0;
        }

        .col-lg-4.col-md-4.col-sm-4.col-xs-12 {
            margin: 0;
        }

        .jp_job_post_right_btn_wrapper li {
            display: table-cell;
            padding-right: 20px;
        }

        .introduce > .row > .col-md-7 {
            margin-left: -30px;
        }

        span.timeline-badge2 {
            margin-right: 0;
        }

        img#image-lightbox {
            height: 150px;
        }

        .item-wall::before {
            right: -11px;
        }

        .timeline::after {
            left: 100%;
        }
    }
}