@charset "utf-8";
@media(min-width:1401px) and (max-width:1520px) {
    .mgmenu>li>a, .mgmenu>li>span {
        font-size: 14px
    }
    .mgmenu>li>a,
    .mgmenu>li>span {
        font-size: 14px;
        padding-left: 8px
    }
    .mgmenu>li {
        padding-right: 8px
    }
    .top-includes>li a.btn.btn-outline-secondary {
        padding: 10px 16px;
        font-size: 14px
    }
    .navbar_tab.cad-tab .dropdown_tab {
        width: 95px
    }
    .navbar_tab .dropdown_tab {
        width: 114px
    }
    .residential-projects-bg,
    .commercial-projects-bg {
        padding: 50px 12px
    }
    .carousel-caption h3 {
        font-size: 42px;
        font-weight: 800;
        margin-bottom: 10px
    }
    .carousel-caption p {
        font-size: 16px;
        line-height: 32px;
        font-weight: 400
    }
    .carousel-inner .carousel-caption {
        top: 50px;
        text-align: left;
        width: 70%
    }
    h1.special-heading+p,
    h2.special-heading+p {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 30px;
        padding-bottom: 10px
    }
    h1.special-heading,
    h2.special-heading {
        font-size: 32px;
        padding: 10px 0 42px 0
    }
    .latest_services_box .heading {
        font-size: 14px
    }
    .page_footer .widget ul li a {
        font-size: 14px
    }
    .mgmenu li .dropdown_fullwidth {
        width: 950px
    }
    .country_number {
        font-size: 20px
    }
    .country_number_main {
        padding: 30px 0 15px 0
    }
    #about-page,
    #our_service,
    .technology_part,
    #our_work,
    #cad-latest-services-link,
    #cad-footer-project-banner,
    #mobile-footer-project-banner,
    #web-footer-project-banner,
    #enterpise-solution-footer-project-banner {
        padding: 30px 0
    }
    ul .android-apps li a,
    ul .dedicated li a,
    ul .ipad-apps li a,
    ul .iphone-apps li a,
    ul .microsoft-techno li a,
    ul .open-source li a,
    ul .php-mysql li a,
    ul .web-design li a,
    ul .web-development li a,
    ul .iot-apps li a,
    ul .other-mobile li a,
    ul .architectural li a,
    ul .structural li a,
    ul .electrical li a,
    ul .mep li a,
    ul .mechanical li a,
    ul .plumbing li a,
    ul .hvac li a,
    ul .shop-drawing li a,
    ul .bim li a,
    ul .civil li a {
        width: 100%
    }
    .mgmenu_tabs_panels ul li {
        width: 31.333%!important
    }
    .menu_bottom ul li {
        padding-left: 0!important
    }
    .experience {
        padding-right: 0!important
    }
    .page_header .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
        padding: 0;
        text-align: right!important
    }
    .page_slider .intro_layers .intro_layer h4 {
        line-height: 56px;
        margin-bottom: 0
    }
    .page_slider .intro_layers .intro_layer h4 span {
        font-size: 60px
    }
    .page_slider .intro_layers .intro_layer p {
        font-size: 15px;
        line-height: 30px;
        margin-bottom: 15px;
        margin-top: 10px;
        width: 100%
    }
    .page_slider .intro_layers .intro_layer h6 span.above {
        font-size: 20px
    }
    .our-project-images p {
        font-size: 13px;
        line-height: 24px
    }
    .project-desc h3 {
        margin-bottom: 15px;
        font-size: 28px
    }
    .our-project-detail p {
        font-size: 14px;
        line-height: 28px;
        text-align: justify;
        margin: 0
    }
    .our-project-detail h3 {
        font-size: 18px;
        margin-top: 0;
        margin-bottom: 4px
    }
    .shortcode-simple-counter .counter_wrap .counter-size {
        font-size: 32px;
        line-height: 1;
        margin-bottom: 0;
        margin-top: 0
    }
    .shortcode-simple-counter .counter_wrap .counter-size {
        font-size: 32px;
        font-weight: 700;
        line-height: 1;
        margin-bottom: 0;
        margin-top: 0
    }
    .plus_counter {
        font-size: 34px;
        padding-left: 10px
    }
    .shortcode-simple-counter .counter_wrap .counter-text {
        font-size: 14px
    }
    .shortcode-simple-counter .counter_wrap .counter-add-green {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 1;
        margin-bottom: 0;
        margin-top: 8px
    }
    .our-project-images {
        padding: 20px 0
    }
    .our_work_project .item img {
        width: 366px
    }
    .inline-list li h3 {
        font-size: 24px;
        line-height: 34px
    }
    .expertise-box .intro-header-box .intro-description a.btn-explore {
        margin-top: 30px
    }
    .shortcode-simple-counter {
        position: relative;
        padding: 36px 0
    }
    .map_image {
        position: relative;
        margin-top: 50px;
        width: 225px
    }
    .connect_bg:before,
    .connect_bg:after {
        display: none
    }
    .mgmenu li .dropdown_fullwidth {
        right: 0
    }
    .carousel-inner .carousel-item,
    .portfolio-banner li {
        height: 480px;
        overflow: hidden
    }
    .carousel-inner .carousel-item .img-fluid {
        max-width: 100%;
        max-height: none
    }
    .mgmenu li .dropdown_fullwidth {
        width: 1170px
    }
    .mgmenu_tabs .mgmenu_tabs_nav li a {
        font-size: 13px
    }
}

@media(min-width:1200px) and (max-width:1400px) {
    .mgmenu>li>a, .mgmenu>li>span {
        font-size: 14px
    }
    .mgmenu>li>a,
    .mgmenu>li>span {
        font-size: 14px;
        padding-left: 8px
    }
    .mgmenu>li {
        padding-right: 8px
    }
    .top-includes>li a.btn.btn-outline-secondary {
        padding: 10px 16px;
        font-size: 14px
    }
    .navbar_tab.cad-tab .dropdown_tab {
        width: 95px
    }
    .navbar_tab .dropdown_tab {
        width: 114px
    }
    .residential-projects-bg,
    .commercial-projects-bg {
        padding: 50px 12px
    }
    .carousel-caption h3 {
        font-size: 42px;
        font-weight: 800;
        margin-bottom: 10px
    }
    .carousel-caption p {
        font-size: 16px;
        line-height: 32px;
        font-weight: 400
    }
    .carousel-inner .carousel-caption {
        top: 50px;
        text-align: left;
        width: 70%
    }
    h1.special-heading+p,
    h2.special-heading+p {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 30px;
        padding-bottom: 10px
    }
    h1.special-heading,
    h2.special-heading {
        font-size: 32px;
        padding: 10px 0 42px 0
    }
    .latest_services_box .heading {
        font-size: 14px
    }
    .page_footer .widget ul li a {
        font-size: 14px
    }
    .mgmenu li .dropdown_fullwidth {
        width: 1170px
    }
    .country_number {
        font-size: 20px
    }
    .country_number_main {
        padding: 30px 0 15px 0
    }
    #about-page,
    #our_service,
    .technology_part,
    #our_work,
    #cad-latest-services-link,
    #cad-footer-project-banner,
    #mobile-footer-project-banner,
    #web-footer-project-banner,
    #enterpise-solution-footer-project-banner {
        padding: 30px 0
    }
    ul .android-apps li a,
    ul .dedicated li a,
    ul .ipad-apps li a,
    ul .iphone-apps li a,
    ul .microsoft-techno li a,
    ul .open-source li a,
    ul .php-mysql li a,
    ul .web-design li a,
    ul .web-development li a,
    ul .iot-apps li a,
    ul .other-mobile li a,
    ul .architectural li a,
    ul .structural li a,
    ul .electrical li a,
    ul .mep li a,
    ul .mechanical li a,
    ul .plumbing li a,
    ul .hvac li a,
    ul .shop-drawing li a,
    ul .bim li a,
    ul .civil li a {
        width: 100%
    }
    .mgmenu_tabs_panels ul li {
        width: 31.333%!important
    }
    .menu_bottom ul li {
        padding-left: 0!important
    }
    .experience {
        padding-right: 0!important
    }
    .page_header .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
        padding: 0;
        text-align: right!important
    }
    .page_slider .intro_layers .intro_layer h4 {
        line-height: 56px;
        margin-bottom: 0
    }
    .page_slider .intro_layers .intro_layer h4 span {
        font-size: 60px
    }
    .page_slider .intro_layers .intro_layer p {
        font-size: 15px;
        line-height: 30px;
        margin-bottom: 15px;
        margin-top: 10px;
        width: 100%
    }
    .page_slider .intro_layers .intro_layer h6 span.above {
        font-size: 20px
    }
    .our-project-images p {
        font-size: 13px;
        line-height: 24px
    }
    .project-desc h3 {
        margin-bottom: 15px;
        font-size: 28px
    }
    .our-project-detail p {
        font-size: 14px;
        line-height: 28px;
        text-align: justify;
        margin: 0
    }
    .our-project-detail h3 {
        font-size: 18px;
        margin-top: 0;
        margin-bottom: 4px
    }
    .shortcode-simple-counter .counter_wrap .counter-size {
        font-size: 32px;
        line-height: 1;
        margin-bottom: 0;
        margin-top: 0
    }
    .shortcode-simple-counter .counter_wrap .counter-size {
        font-size: 32px;
        font-weight: 700;
        line-height: 1;
        margin-bottom: 0;
        margin-top: 0
    }
    .plus_counter {
        font-size: 34px;
        padding-left: 10px
    }
    .shortcode-simple-counter .counter_wrap .counter-text {
        font-size: 14px
    }
    .shortcode-simple-counter .counter_wrap .counter-add-green {
        font-size: 16px;
        letter-spacing: 0;
        line-height: 1;
        margin-bottom: 0;
        margin-top: 8px
    }
    .our-project-images {
        padding: 20px 0
    }
    .our_work_project .item img {
        width: 366px
    }
    .inline-list li h3 {
        font-size: 24px;
        line-height: 34px
    }
    .expertise-box .intro-header-box .intro-description a.btn-explore {
        margin-top: 30px
    }
    .shortcode-simple-counter {
        position: relative;
        padding: 36px 0
    }
    .map_image {
        position: relative;
        margin-top: 50px;
        width: 225px
    }
    .connect_bg:before,
    .connect_bg:after {
        display: none
    }
    .portfolio_project {
        width: 450px;
        float: right;
        padding: 0 20px 0 10px
    }
    #fancybox-content .portfolio_project {
        width: 390px;
        float: right;
        padding: 0 20px 0 10px
    }
    .mgmenu li .dropdown_fullwidth {
        right: 0
    }
    .carousel-inner .carousel-item,
    .portfolio-banner li {
        height: 460px;
        overflow: hidden
    }
    .carousel-inner .carousel-item .img-fluid {
        max-width: 100%;
        max-height: none
    }
    .bottom-img-row .new-menu-details-right-clo {
        width: 65%
    }
    .bottom-img-row .new-menu-details-img-clo {
        width: 30%
    }
    .bottom-img-row .new-menu-details-right-clo .contact-details-row {
        font-size: 13px
    }
    .mgmenu_tabs .mgmenu_tabs_nav li a {
        font-size: 13px
    }
    .mgmenu_tabs .portfolio-tabs li a.current .active {
        left: 30%;
        width: 40%
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .text-sm-right .top-nav+.top-includes {
        margin-right: 60px
    }
    .logo_part {
        margin: 10px 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .page_header .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
        padding: 0
    }
    h1.special-heading,
    h2.special-heading {
        font-size: 32px
    }
    h1.special-heading::before,
    h2.special-heading::before {
        width: 120px;
        left: 44%
    }
    h1.special-heading::after,
    h2.special-heading::after {
        left: 47.5%;
        width: 60px
    }
    .page_slider .intro_layers .intro_layer h4 span {
        font-size: 40px
    }
    .page_slider .intro_layers .intro_layer h4 {
        line-height: 40px
    }
    .page_slider .intro_layers .intro_layer.intro_layers_top h4 span::before {
        top: 27px
    }
    .page_slider .intro_layers_wrapper {
        top: 50px
    }
    h6.special-heading {
        margin-bottom: 10px
    }
    .page_slider .intro_layers .intro_layer p {
        width: 100%
    }
    h1.special-heading+p,
    h2.special-heading+p {
        font-size: 14px;
        line-height: 28px
    }
    .special-text {
        font-size: 17px
    }
    .nav-tabs .nav-link {
        font-size: 16px
    }
    h5.box-heading {
        font-size: 20px
    }
    .inline-list li h3 {
        top: 15%;
        font-size: 20px
    }
    .btn {
        font-size: 16px;
        line-height: 24px;
        padding: 8px 20px
    }
    .our-project-detail h3 {
        font-size: 16px
    }
    .our-project-detail p {
        font-size: 12px;
        line-height: 18px;
        margin: 0
    }
    .project-desc h3 {
        font-size: 22px
    }
    .our-project-images p {
        font-size: 13px;
        line-height: 22px
    }
    .shortcode-simple-counter .counter_wrap .counter-size {
        font-size: 22px
    }
    .plus_counter {
        font-size: 25px
    }
    .shortcode-simple-counter .counter_wrap .counter-text,
    .shortcode-simple-counter .counter_wrap .counter-add-green {
        font-size: 15px
    }
    .shortcode-simple-counter {
        padding: 12px 0
    }
    .our-project-images {
        padding: 30px 0
    }
    .our_work_project .item img {
        width: 306px
    }
    .expertise-box .intro-header-box h2 {
        font-size: 36px;
        line-height: 42px
    }
    .expertise-box .intro-header-box .intro-description a.btn-explore {
        margin-top: 20px
    }
    .country_number {
        font-size: 18px
    }
    .country_number span {
        font-size: 17px
    }
    body {
        font-size: 14px
    }
    h4.footer_title {
        font-size: 14px
    }
    h5.box-heading a {
        font-size: 20px
    }
    .tab_icon_part {
        top: 24px
    }
    #about-page,
    #our_service,
    .technology_part,
    #our_work {
        padding: 10px 0
    }
    .social_icon {
        margin-top: 0
    }
    .country_number_main {
        padding: 10px 0
    }
    .address_middle p {
        font-size: 13px;
        line-height: 26px
    }
    .fw-theme-steps-mobile .fw-theme-steps-wrap-mobile .item-title {
        font-size: 15px
    }
    .fw-theme-steps-mobile .fw-theme-steps-wrap-mobile .item-text {
        font-size: 13px;
        line-height: 26px
    }
    .mgmenu>li>a,
    .mgmenu>li>span {
        font-size: 13px;
        outline: 0;
        text-decoration: none;
        padding: 20px 0 20px 10px;
        font-weight: 600
    }
    .mgmenu>li {
        padding-right: 10px
    }
    .top-includes {
        display: none
    }
    .mgmenu li .dropdown_fullwidth {
        width: auto
    }
    .cad-services-row ul li {
        width: 31.3%!important
    }
    ul .android-apps li a,
    ul .dedicated li a,
    ul .ipad-apps li a,
    ul .iphone-apps li a,
    ul .microsoft-techno li a,
    ul .open-source li a,
    ul .php-mysql li a,
    ul .web-design li a,
    ul .web-development li a,
    ul .iot-apps li a,
    ul .other-mobile li a,
    ul .architectural li a,
    ul .structural li a,
    ul .electrical li a,
    ul .mep li a,
    ul .mechanical li a,
    ul .plumbing li a,
    ul .hvac li a,
    ul .shop-drawing li a,
    ul .bim li a,
    ul .civil li a {
        line-height: 28px;
        list-style: none!important;
        text-decoration: none;
        color: #525151;
        font-size: 12px;
        display: block
    }
    .mgmenu>li ul li,
    .mgmenu>li ol li {
        padding: 4px 0;
        width: 48%;
        margin: 0 0 0 10px
    }
    .app_development_services .col-lg-4 {
        flex: 0 0 30%;
        max-width: 34%;
        width: 34%
    }
    .app_development_services .col-lg-8 {
        flex: 0 0 66%;
        max-width: 66%;
        width: 66%
    }
    .app_development_services .tab-content p {
        font-size: 14px;
        line-height: 28px
    }
    .mgmenu_tabs_bottom .mgmenu_tabs_panels,
    .mgmenu_tabs_top .mgmenu_tabs_panels {
        padding: 0;
        flex: 0 0 70%;
        max-width: 70%;
        width: 70%
    }
    .mgmenu>li ul.mep,
    .mgmenu>li ul.mechanical,
    .mgmenu>li ul.electrical,
    .mgmenu>li ul.plumbing,
    .mgmenu>li ul.hvac {
        padding: 5px;
        margin: 0;
        display: inline-block
    }
    .mgmenu>li ul.mep li,
    .mgmenu>li ul.mechanical li,
    .mgmenu>li ul.electrical li,
    .mgmenu>li ul.plumbing li,
    .mgmenu>li ul.hvac li {
        width: 48%!important
    }
    .navbar_tab.cad-tab .dropdown_tab {
        width: 80px
    }
    .navbar_tab .dropdown_tab {
        width: 96px
    }
    ul .cad-eng-portfolio li {
        width: 31.3%!important
    }
    .cad-eng-portfolio-clo-row .clo-div {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        float: none
    }
    .menu_bottom ul li {
        padding-left: 0!important
    }
    .experience {
        padding-right: 0!important;
        padding-top: 0!important
    }
    .experience span {
        color: #fff!important;
        font-size: 13px!important
    }
    ul .shop-drawing li a {
        width: 88%
    }
    .carousel-caption h3 {
        font-size: 26px;
        margin-bottom: 10px
    }
    .special-text p {
        padding: 6px 0;
        margin: 0;
        font-size: 14px;
        line-height: 28px
    }
    .carousel-inner .carousel-item .carousel-caption {
        top: 50px;
        text-align: left;
        width: 70%
    }
    .carousel-inner .carousel-item .carousel-caption p {
        font-size: 14px;
        line-height: 26px;
        font-weight: 400
    }
    .special-text {
        font-size: 16px;
        line-height: 36px
    }
    .tab_heading {
        font-size: 24px;
        line-height: 42px;
        padding: 30px 0
    }
    .brand-slider-section {
        background: #fff;
        padding: 40px 0
    }
    .residential-projects-bg,
    .commercial-projects-bg {
        padding: 50px 10px
    }
    .inner_our_project .address_middle p {
        font-size: 13px
    }
    .inner_our_project .special-heading h5 {
        font-size: 26px
    }
    .latest_services .col-lg-3 {
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
        max-width: 33.3333%
    }
    .scrollbar-outer>.scroll-element.scroll-y .scroll-element_outer {
        left: 2px;
        width: 0!important
    }
    .app-portlofio-outerblock-first p {
        font-size: 13px;
        line-height: 18px
    }
    .page_footer .widget ul li a {
        font-size: 13px
    }
    .color-trigger {
        font-size: 16px
    }
    .color-trigger i {
        margin-left: 5px
    }
    .color-switcher .form-div .submit {
        font-size: 16px
    }
    .page_slider .intro_layers .intro_layer p {
        font-size: 14px;
        line-height: 28px;
        margin-bottom: 20px;
        margin-top: 10px;
        width: 100%
    }
    .page_slider .intro_layers .intro_layer a.btn {
        padding: 5px 25px
    }
    .fw-theme-steps.style2 .fw-theme-steps-wrap .item-text {
        font-size: 14px
    }
    .fw-theme-steps.style2 .fw-theme-steps-wrap .item-title {
        font-size: 18px;
        margin-bottom: 6px;
        margin-top: 12px
    }
    .emerging .bg {
        width: calc(50% - 240px);
        height: 100%
    }
    .service-isotope .vertical-item.vertical-center .item-content {
        padding-left: 40px;
        padding-right: 0;
        position: relative
    }
    .service-title {
        font-size: 30px
    }
    .vertical-item .item-media+.item-content {
        padding: 20px 40px 20px
    }
    .divider-md-30 {
        margin-top: 0
    }
    .service-isotope [class*="col-"]:nth-child(2n) .vertical-item.vertical-center .item-content {
        padding-right: 40px
    }
    .map_image {
        position: relative;
        margin-top: 50px;
        width: 174px;
        margin-right: 0
    }
    .connect_bg:before,
    .connect_bg:after {
        display: none
    }
    .box-wrap .box-content {
        line-height: 34px;
        font-size: 16px
    }
    .expertise-box .intro-header-box {
        position: absolute;
        left: 62px;
        right: 0;
        width: 100%;
        margin: 50px auto 0 auto;
        background: #00a7f5;
        z-index: 10;
        padding: 20px
    }
    .inner-special-heading a.join-now {
        letter-spacing: 2px
    }
    .scrollable {
        position: relative;
        overflow: hidden;
        width: 480px;
        height: 225px
    }
    .portfolio_project {
        width: 410px;
        float: right;
        padding: 0 20px 0 10px
    }
    .items>div {
        width: 480px
    }
    .next,
    .prev {
        top: 90px
    }
    .fancy_portfolio_project {
        float: right;
        width: 50%!important;
        padding-right: 0
    }
    #fancybox-wrap {
        width: 94%!important;
        left: 3%!important
    }
    #fancybox-content {
        width: 99.2%!important
    }
    .fancy_portfolio_slider .scrollable {
        position: relative;
        overflow: hidden;
        width: 480px;
        height: 225px
    }
    .mgmenu li .dropdown_fullwidth {
        right: 0
    }
    .menu_bottom ul li a {
        font-size: 11px!important
    }
    .menu_mobile_no {
        font-size: 11px!important
    }
    .carousel-inner .carousel-item,
    .portfolio-banner li {
        height: 390px;
        overflow: hidden
    }
    .part_list_menu li {
        font-size: 14px;
        padding-bottom: 8px;
        line-height: 30px;
        padding-left: 28px
    }
    .inner-special-heading {
        font-size: 22px;
        line-height: 34px
    }
    .mgmenu>li>a,
    .mgmenu>li>span {
        padding: 20px 4px;
        font-size: 12px;
        font-weight: 500
    }
    .top-includes {
        margin-top: 0!important
    }
    .menu-left-details {
        display: none
    }
    .menu-right-details {
        padding-left: 0
    }
    .mgmenu_tabs .web-technologies-tabs {
        border-radius: 5px;
        padding: 5px 10px
    }
    .mgmenu_tabs_top .mgmenu_tabs_nav li,
    .mgmenu_tabs_bottom .mgmenu_tabs_nav li {
        margin-bottom: 5px;
        width: auto!important
    }
    .mgmenu_tabs_bottom .mgmenu_tabs_panels,
    .mgmenu_tabs_top .mgmenu_tabs_panels {
        max-width: 100%;
        width: 100%
    }
    .mgmenu_tabs_panels ul li {
        width: 31%!important
    }
    .top-includes .btn.btn-outline-secondary {
        padding: 7px 10px;
        margin-top: 8px
    }
    .mgmenu_tabs .web-technologies-tabs,
    .mgmenu_tabs .mobile-apps-tabs,
    .mgmenu_tabs .custom-app-tabs,
    .mgmenu_tabs .portfolio-tabs,
    .mgmenu_tabs .cad-services-tabs {
        border-radius: 5px;
        padding: 5px 5px 0
    }
    ul .company-menu li a {
        margin-bottom: 0
    }
    .bottom-img-row .new-menu-details-img-clo {
        width: 30%
    }
    .bottom-img-row .new-menu-details-right-clo {
        width: 70%
    }
    .mgmenu_tabs_top .mgmenu_tabs_nav li a,
    .mgmenu_tabs_bottom .mgmenu_tabs_nav li a {
        float: none;
        padding: 0 10px 0;
        width: 100%;
        display: inline-block;
        text-align: center
    }
    .mgmenu_tabs .web-technologies-tabs li a .tabs-icon,
    .mgmenu_tabs .mobile-apps-tabs li a .tabs-icon,
    .mgmenu_tabs .custom-app-tabs li a .tabs-icon,
    .mgmenu_tabs .cad-services-tabs li a .tabs-icon,
    .mgmenu_tabs .portfolio-tabs li a .web-design-development-icon,
    .mgmenu_tabs .portfolio-tabs li a .tabs-icon {
        display: block;
        position: relative;
        top: 0;
        text-align: center;
        margin: 0 auto
    }
    .mgmenu_tabs .web-technologies-tabs li a.current .active,
    .mgmenu_tabs .mobile-apps-tabs li a.current .active,
    .mgmenu_tabs .custom-app-tabs li a.current .active,
    .mgmenu_tabs .cad-services-tabs li a.current .active,
    .mgmenu_tabs .portfolio-tabs li a.current .active {
        bottom: -10px;
        height: 3px;
        left: 25%;
        position: absolute;
        width: 50%;
        z-index: 200;
        background: #00a651
    }
    ul .android-apps li a,
    ul .dedicated li a,
    ul .ipad-apps li a,
    ul .iphone-apps li a,
    ul .microsoft-techno li a,
    ul .open-source li a,
    ul .php-mysql li a,
    ul .web-design li a,
    ul .web-development li a,
    ul .iot-apps li a,
    ul .other-mobile li a,
    ul .architectural li a,
    ul .structural li a,
    ul .electrical li a,
    ul .mep li a,
    ul .mechanical li a,
    ul .plumbing li a,
    ul .hvac li a,
    ul .shop-drawing li a,
    ul .bim li a,
    ul .civil li a,
    ul .mean-stack li a,
    ul .enterpise_solution li a {
        margin-bottom: 0;
        padding-bottom: 4px!important
    }
    ul .cad-eng-portfolio li a,
    ul .custom-app li a,
    ul .mobile-application li a,
    ul .web-design-development li a {
        margin-bottom: 0;
        padding-bottom: 4px!important
    }
    .mgmenu>li ul {
        list-style: none;
        margin: 0 0 10px 0;
        display: inline-block;
        width: 100%
    }
    #cad-main-banner-part {
        height: auto
    }
    
    
        
    /*New css */
    
    
    .hirebanner-new h1 {font-size: 34px;}
    h2.inner-special-heading-new {font-size: 32px;}
    .timer_box_head {font-size: 24px;line-height: 34px;}
    .innerpage_tab_new.nav-tabs > li > a {font-size: 14px;}
    .innerpage_tab_new_text .outsourcing-main-text h3 {font-size: 22px;}
    .section_detail {padding: 40px 10px;}
    .special-text-new p{font-size: 16px;}
    
    .section_counter h3.cmt-fid-title {	font-size: 16px;}
    
    .section_counter h4.cmt-fid-inner{font-size: 36px;}
    
    .section_counter h4 i {font-size: 34px;}
    
    
    
    
}

@media(min-width:768px) and (max-width:991px) {
    .connect_btn {
        display: none
    }
    .logo_part {
        flex: 0 0 100%;
        max-width: 220px;
        margin: 15px auto 0
    }
    .page_header [class*="col-xl-10"] {
        min-height: 0;
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0;
        text-align: center!important
    }
    .menu_width {
        flex: 0 0 40%;
        max-width: 40%
    }
    .page_slider .intro_layers .intro_layer h6 span.above {
        font-size: 22px
    }
    .page_slider .flexslider .slides li.flex-slide {
        min-height: 480px
    }
    .page_slider .intro_layers_wrapper {
        top: 50px
    }
    .page_slider .intro_layers .intro_layer h4 span {
        font-size: 38px
    }
    .page_slider .intro_layers .intro_layer h4 {
        line-height: 48px
    }
    .page_slider .intro_layers .intro_layer.intro_layers_top h4 span::before {
        top: 24px!important;
        line-height: 27px
    }
    .page_slider .intro_layers .intro_layer p {
        font-size: 13px;
        line-height: 27px;
        margin-bottom: 15px
    }
    .special-heading {
        margin-bottom: 0;
        margin-top: 0
    }
    .btn-maincolor {
        font-size: 12px
    }
    #about-page,
    #our_service,
    .technology_part,
    #our_work {
        padding: 20px 0
    }
    h1.special-heading,
    h2.special-heading {
        font-size: 30px
    }
    h1.special-heading::before,
    h2.special-heading::before {
        left: 30%;
        width: 40%
    }
    h1.special-heading::after,
    h2.special-heading::after {
        left: 39%;
        width: 22%
    }
    .section-decorate::before {
        top: 10px;
        left: 10px
    }
    h1.special-heading+p,
    h2.special-heading+p {
        font-size: 14px;
        line-height: 28px
    }
    .special-text {
        line-height: 28px;
        font-size: 14px;
        text-align: justify
    }
    .fw-theme-steps.style2 .fw-theme-steps-wrap .item-title {
        font-size: 15px
    }
    .fw-theme-steps.style2 .fw-theme-steps-wrap .item-text {
        font-size: 13px
    }
    .inline-list li {
        97 width: 50%
    }
    .inline-list li h3 {
        font-size: 20px
    }
    .btn {
        padding: 9px 25px;
        font-size: 14px
    }
    .our-project-images,
    .our-project-detail {
        max-width: 100%
    }
    .our_work_project .item img {
        width: 226px
    }
    .expertise-box .intro-header-box h2 {
        font-size: 30px;
        line-height: 35px
    }
    .expertise-box .intro-header-box .intro-description p {
        line-height: 24px;
        font-size: 14px
    }
    .connect_bg .col-lg-4 {
        max-width: 33%
    }
    .special-heading h5 {
        font-size: 20px
    }
    .address_middle p {
        font-size: 13px;
        line-height: 24px
    }
    .country_number {
        width: 20%;
        font-size: 14px;
        line-height: 34px
    }
    .country_number span {
        font-size: 16px;
        line-height: 22px
    }
    body {
        font-size: 14px
    }
    .col-lg-offset-6 {
        margin-left: 0
    }
    .q-t-s .q-t-s-h .div-hd {
        padding: 0;
        position: relative;
        top: 0;
        width: 100%
    }
    .q-t-s-h h2.special-heading::before {
        left: 30%;
        display: none
    }
    .q-t-s-h h2.special-heading {
        padding-bottom: 18px
    }
    .q-t-s .induse-sec-rgt {
        height: auto
    }
    .q-t-s .q-t-s-txt {
        padding-top: 10px
    }
    .q-t-s {
        height: auto
    }
    h5.box-heading a {
        font-size: 16px
    }
    .hexagon {
        background-size: 80%;
        left: 10px
    }
    .tab_icon_part {
        top: 13px;
        left: 8px
    }
    .box-wrap {
        padding-left: 100px
    }
    .inline-list li h3 {
        font-size: 14px;
        line-height: 24px
    }
    .col-lg-offset-6 {
        margin-left: 0
    }
    #solution-sec .mb-tblt {
        max-width: 40%
    }
    #solution-sec .tfg {
        max-width: 60%
    }
    .carousel-caption {
        top: 0;
        width: 70%
    }
    .carousel-caption h3 {
        font-size: 24px
    }
    .carousel-caption p {
        font-size: 14px;
        line-height: 30px;
        font-weight: 600
    }
    .navbar_tab.cad-tab .dropdown_tab {
        width: 60px
    }
    .navbar_tab .dropdown_tab {
        width: 72px
    }
    .navbar_tab {
        margin-top: -26px
    }
    .navbar_tab.cad-tab {
        margin-top: -26px
    }
    .inner_detail {
        padding: 10px 0
    }
    .inner-special-heading {
        font-size: 18px;
        line-height: 37px;
        padding-bottom: 8px;
        margin-bottom: 5px
    }
    .inner-special-heading::before {
        bottom: 0
    }
    .fw-theme-steps-mobile .fw-theme-steps-wrap-mobile .vertical-item {
        width: 49%
    }
    .fw-theme-steps-mobile .fw-theme-steps-wrap-mobile .item-title {
        font-size: 18px
    }
    .iphone_app_project,
    .android_app_projects {
        float: left
    }
    .inner_our_project .special-heading h5 {
        font-size: 25px
    }
    .inner_our_project .address_middle p {
        font-size: 13px
    }
    .app-portlofio-outerblock-first h6 {
        font-size: 12px;
        line-height: 17px;
        margin-bottom: 3px
    }
    .app-portlofio-outerblock-first p {
        font-size: 12px;
        line-height: 14px
    }
    .mgmenu {
        text-transform: uppercase;
        font-size: 13px;
        list-style: none;
        padding: 0;
        margin: 0;
        position: relative;
        line-height: 1;
        margin-bottom: 0;
        display: inline-block;
        width: 100%
    }
    .mgmenu>li>a,
    .mgmenu>li>span {
        display: block;
        color: #fff;
        font-size: 13px;
        outline: 0;
        text-decoration: none;
        padding: 20px 6px;
        font-weight: 600
    }
    .mgmenu>li {
        padding-right: 0
    }
    .mgmenu>li.top-includes {
        display: none!important
    }
    .top-includes .btn.btn-outline-secondary {
        padding: 5px 12px
    }
    .mgmenu li .dropdown_fullwidth {
        width: auto
    }
    .mgmenu>li .mgmenu_tabs_panels_3 ul li,
    .mgmenu>li .mgmenu_tabs_panels_3 ol li {
        width: 48%!important
    }
    .menu_bottom ul li {
        padding-left: 0!important
    }
    .experience {
        padding-right: 0!important
    }
    .experience span {
        color: #fff!important;
        font-size: 11px!important
    }
    .menu_bottom ul li a {
        font-size: 11px!important
    }
    .menu_mobile_no {
        font-size: 11px!important
    }
    .architectural-bottom-logo-img-row {
        margin-top: 0
    }
    .mgmenu_tabs .cad-services-tabs {
        flex: 0 0 100%;
        max-width: 100%
    }
    .mgmenu_tabs_bottom .mgmenu_tabs_panels,
    .mgmenu_tabs_top .mgmenu_tabs_panels {
        padding: 0 0 10px 0;
        flex: 0 0 70%;
        max-width: 70%;
        width: 70%
    }
    .mgmenu>li ul.mep,
    .mgmenu>li ul.mechanical,
    .mgmenu>li ul.electrical,
    .mgmenu>li ul.plumbing,
    .mgmenu>li ul.hvac {
        padding: 5px;
        margin: 0;
        display: inline-block
    }
    ul .cad-eng-portfolio li {
        width: 31.3%!important
    }
    .cad-eng-portfolio-clo-row .clo-div {
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0;
        float: none
    }
    .top-includes {
        display: none
    }
    .header_under_slider {
        position: relative
    }
    .app_development_services .col-lg-4 {
        width: 40%
    }
    .app_development_services .col-lg-8 {
        width: 60%
    }
    .tab_heading {
        font-size: 22px;
        line-height: 42px;
        padding: 30px 0 15px 0
    }
    .mega-menu-tab .nav-tabs .nav-link {
        padding: 10px
    }
    .residential-projects-bg,
    .commercial-projects-bg {
        padding: 20px 10px
    }
    h1.special-heading,
    h2.special-heading {
        padding: 10px 0 20px 0;
        margin: 0 0 10px 0
    }
    h1.special-heading::after,
    h2.special-heading::after {
        left: 43%;
        width: 15%;
        bottom: 0
    }
    h1.special-heading::before,
    h2.special-heading::before {
        left: 42.5%;
        width: 15%;
        bottom: 10px
    }
    .address_middle {
        text-align: center;
        padding: 20px 0
    }
    .add_btn,
    .career_btn {
        margin-top: 0
    }
    .social_icon {
        margin-top: 0
    }
    .page_footer .widget ul li a {
        font-size: 14px
    }
    h4.footer_title {
        color: #45c4ff;
        font-weight: 600;
        font-size: 16px
    }
    .app_development_services .tab-content p {
        font-size: 15px;
        line-height: 30px;
        margin-bottom: 0;
        font-weight: 600
    }
    h1.special-heading,
    h2.special-heading {
        padding: 10px 0 30px 0;
        margin: 0 0 10px 0
    }
    h1.special-heading::after,
    h2.special-heading::after {
        left: 45%;
        width: 10%;
        bottom: 0
    }
    #box_wrapper>section,
    #box_wrapper>div>section {
        clear: both;
        position: relative;
        display: inline-block;
        width: 100%
    }
    .nav-link {
        line-height: 22px
    }
    .q-t-s .induse-sec-rgt li {
        height: 140px
    }
    .q-t-s .induse-sec-rgt li a {
        padding: 12px 5px
    }
    .box-wrap .box-content {
        font-size: 14px;
        line-height: 24px
    }
    .icon-box.icon_left+.icon-box.icon_left,
    .icon-box.icon_left+.icon-box.icon_right,
    .icon-box.icon_right+.icon-box.icon_left,
    .icon-box.icon_right+.icon-box.icon_right,
    .icon-box.icon_right.icon-boxes+.icon-box.icon_left,
    .icon-box.icon_right.icon-boxes+.icon-box.icon_right {
        margin-top: 20px;
        padding-top: 0
    }
    .other-mobile-menu-titel {
        padding: 0 0 10px 0
    }
    ul .cad-eng-portfolio {
        margin: 0;
        padding: 0;
        float: none;
        clear: both;
        width: 100%;
        display: inline-block;
        padding-bottom: 10px!important
    }
    .page_slider [class*="col-"] {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%
    }
    .fw-theme-steps.style2 .fw-theme-steps-wrap {
        -webkit-box-pack: justify;
        display: -webkit-box;
        display: -webkit-flex;
        display: inline-block;
        margin-top: 20px;
        width: 100%
    }
    .fw-theme-steps.style2 .fw-theme-steps-wrap .vertical-item {
        margin-bottom: 0;
        padding: 30px 20px 0 20px;
        position: relative;
        width: 50%;
        float: left
    }
    .expertise-box .intro-header-box {
        position: absolute;
        left: 0;
        right: 0;
        width: 80%;
        margin: 80px auto 0 auto;
        background: #00a7f5;
        z-index: 10;
        padding: 20px
    }
    .our_work_project .item a .work-title {
        padding: 15px 5px;
        font-size: 16px;
        top: 0
    }
    .our_work_project .item a .work-description {
        display: block;
        padding-top: 6px;
        font-size: 14px
    }
    .service-isotope .vertical-item.vertical-center .item-media {
        width: 32%
    }
    .service-isotope .vertical-item.vertical-center .item-content {
        padding-left: 40px;
        padding-right: 0;
        position: relative;
        width: 68%
    }
    .service-title {
        font-size: 24px
    }
    .vertical-item .item-media+.item-content {
        padding: 20px 40px 20px
    }
    .divider-md-30 {
        margin-top: 0
    }
    .service-isotope [class*="col-"]:nth-child(2n) .vertical-item.vertical-center .item-content {
        padding-right: 40px
    }
    .connect_bg:after {
        display: none
    }
    .connect_bg:before {
        display: none
    }
    .our-footprint {
        display: none
    }
    .inner-special-heading a.join-now {
        float: none;
        margin: 10px auto
    }
    #protfolio_center li {
        font-weight: 600;
        padding-left: 5px;
        padding-right: 5px;
        font-size: 13px
    }
    #portfolio-subTabs li {
        padding-left: 5px;
        padding-right: 5px
    }
    #slider_main {
        margin: auto;
        background-color: #ededed;
        height: 560px
    }
    .portfolio_slider {
        float: none;
        padding: 4px;
        margin: 2px;
        background-color: #efefef;
        width: 658px;
        margin: 2px auto
    }
    .scrollable {
        width: 648px
    }
    .scrollable img {
        margin: 0;
        padding: 0;
        width: 648px
    }
    .items>div {
        width: 658px
    }
    .portfolio_project {
        width: 100%;
        float: right;
        padding: 0 20px 0 10px
    }
    #fancybox-content .portfolio_slider {
        width: 620px
    }
    .fancy_portfolio_slider .scrollable {
        position: relative;
        overflow: hidden;
        width: 610px;
        height: 296px
    }
    .fancy_portfolio_slider .items>div {
        width: 610px
    }
    .mgmenu li .dropdown_fullwidth {
        right: 0
    }
    .carousel-inner .carousel-item,
    .portfolio-banner li {
        height: auto;
        overflow: hidden
    }
    .carousel-inner .carousel-item .img-fluid {
        min-width: 100%;
        max-height: none;
        top: -10%;
        position: relative
    }
    .multiple_tabs_design .second_clo_new {
        height: auto
    }
    .tab-pane .inner-special-heading {
        font-size: 16px;
        line-height: 34px
    }
    .tab-types td {
        padding: 7px
    }
    .contant-table-out table td,
    table th {
        font-size: 12px;
        line-height: 22px
    }
    .new_our_services p {
        padding: 6px 0;
        margin: 0;
        line-height: 28px;
        font-size: 14px
    }
    .tabcontent .container .clo-div-right ul li {
        font-size: 14px;
        line-height: 28px
    }
    .mgmenu>li>a,
    .mgmenu>li>span {
        padding: 20px 7px;
        font-size: 14px;
        font-weight: 500
    }
    .top-includes {
        margin-top: 0!important
    }
    .menu-left-details {
        display: none
    }
    .menu-right-details {
        padding-left: 0
    }
    .mgmenu_tabs .web-technologies-tabs {
        border-radius: 5px;
        padding: 5px 10px
    }
    .mgmenu_tabs_top .mgmenu_tabs_nav li,
    .mgmenu_tabs_bottom .mgmenu_tabs_nav li {
        margin-bottom: 5px;
        width: auto
    }
    .mgmenu_tabs_top .mgmenu_tabs_nav li a,
    .mgmenu_tabs_bottom .mgmenu_tabs_nav li a {
        float: none;
        padding: 0 10px 0;
        width: 100%;
        display: inline-block;
        text-align: center
    }
    .mgmenu_tabs_bottom .mgmenu_tabs_panels,
    .mgmenu_tabs_top .mgmenu_tabs_panels {
        max-width: 100%;
        width: 100%
    }
    .mgmenu_tabs_panels ul li {
        width: 33%!important
    }
    .mgmenu_tabs .web-technologies-tabs,
    .mgmenu_tabs .mobile-apps-tabs,
    .mgmenu_tabs .custom-app-tabs,
    .mgmenu_tabs .portfolio-tabs,
    .mgmenu_tabs .cad-services-tabs {
        border-radius: 5px;
        padding: 5px 5px 0
    }
    .mgmenu>li ul li,
    .mgmenu>li ol li {
        width: 33.33%
    }
    .cad-services-row {
        margin: 0;
        padding: 0;
        width: auto;
        min-height: auto
    }
    .bottom-img-row .new-menu-details-img-clo {
        display: none
    }
    .bottom-img-row .new-menu-details-right-clo {
        width: 100%
    }
    .mgmenu_tabs .web-technologies-tabs li a .tabs-icon,
    .mgmenu_tabs .mobile-apps-tabs li a .tabs-icon,
    .mgmenu_tabs .custom-app-tabs li a .tabs-icon,
    .mgmenu_tabs .cad-services-tabs li a .tabs-icon,
    .mgmenu_tabs .portfolio-tabs li a .web-design-development-icon,
    .mgmenu_tabs .portfolio-tabs li a .tabs-icon {
        display: block;
        position: relative;
        top: 0;
        text-align: center;
        margin: 0 auto
    }
    .mgmenu_tabs .mgmenu_tabs_nav li a {
        font-size: 13px
    }
    .mgmenu_tabs .web-technologies-tabs li a.current .active,
    .mgmenu_tabs .mobile-apps-tabs li a.current .active,
    .mgmenu_tabs .custom-app-tabs li a.current .active,
    .mgmenu_tabs .cad-services-tabs li a.current .active,
    .mgmenu_tabs .portfolio-tabs li a.current .active {
        bottom: -10px;
        height: 3px;
        left: 25%;
        position: absolute;
        width: 50%;
        z-index: 200;
        background: #00a651
    }
    #cad-main-banner-part {
        height: auto
    }
    
      /*  new css */
    
    
    .hirebanner-new .headtext{width: 100%;}
    .formbox-new{width: 100%;}
    .hirebanner-new{padding: 20px;}
    .hirebanner-new h1{font-size: 26px;line-height: 30px;}
    .sub-head-n {color: #0ff780;font-size: 20px;line-height: 30px;padding-bottom: 10px;}
    .hirebanner-new p{padding-top: 20px;font-size: 16px;line-height: 32px;}
    .hirebanner-new li {padding-bottom: 3px;font-size: 16px;}
    .hirebanner-new ul{padding-bottom: 20px;}
    
    .formbox-new .headingsec {padding: 20px 20px;}
    .hirebanner-new p{padding-top: 0px;}
    .formbox-new .headingsec h2 {font: 24px/32px DINPro-Regular,sans-serif;color: #fff;}
    
    h2.inner-special-heading-new {font-size: 24px;	text-transform: none;margin: 15px 0px 0px 0px;line-height: 30px;}
    .inner-special-heading-text {font-size: 18px;margin: 5px 0px 15px 0px;line-height: 24px;}
    
    
    .special-text-new p {line-height: 30px;font-size: 16px;}
    
    .special-text-new ul li {
	display: inline-block;
	width: 100%;
	line-height: 28px;
}
    
    .inner-special-heading-text-list {
	
	font-size: 18px;
	line-height: 40px;
}
    .inner-special-heading-text-list li{padding-right: 15px;}
    .inner-special-heading-text-list .fa{font-size: 18px;}
    .timer_box_head {font-size: 22px;margin-bottom: 10px;line-height: 28px;}
    .outsourcing-main-text {padding: 0px 10px;}
    .outsourcing-main h3 {font-size: 24px;line-height: 30px;}
    .outsourcing-main-left::before {background: #fff;}
    .outsourcing-main-right::before {background: #fff;}
    .outsourcing-main-left , .outsourcing-main-right{padding: 10px 0px}
    
    .inner-special-heading-text span{font-size: 18px;}
    
    .section_detail{margin-bottom: 50px;}    
    .accordion .link {padding: 10px 15px 10px 40px;font-size: 16px;}
    .accordion li i {position: absolute;top: 14px;}
    
    
    .submenu li a{font-size: 18px;}    
    .outsourcing-main p {line-height: 30px;text-align: justify;font-size: 18px;}    
    .submenu li{font-size: 16px;}  
    .accordion li.open .link {font-size: 18px;}
    
    .innerpage_tab_new1.nav-tabs > li {width: 100%;}
    
    
        .innerpage_tab_new_text .outsourcing-main-text h3 {font-size: 22px;}
    
.innerpage_tab_new_text .outsourcing-main-text p {line-height: 26px;font-size: 18px;}
    .country-list{padding: 10px;}    
    .part_list_menu li {font-size: 16px;}
    
    .fw-theme-steps-new .vertical-item{padding: 10px !important;margin-bottom: 15px !important;}

    .timer_box {flex: 0 0 100%;max-width: 100%;}
    
    .section_counter_detail .col-md-4{flex: 0 0 100%;max-width: 100%;}
    .section_counter .col-sm-3{flex: 0 0 50%;max-width: 50%;}
    .fw-theme-steps-new.style2 .fw-theme-steps-wrap .vertical-item {width: 100% !important;}
    
    .innerpage_tab_new.nav-tabs > li {width: 100%;padding: 0px 0px;}
    
	
	ul.cad-eng-portfolio li.project_name_titel {
	margin: 10px 0px;
	width: 50% !important;
	float: left;
}
    
}

@media(min-width:480px) and (max-width:767px) {
    .connect_btn {
        display: none
    }
    .menu_width {
        flex: 0 0 40%;
        max-width: 40%
    }
    .page_slider .intro_layers .intro_layer h6 span.above {
        font-size: 20px
    }
    .page_slider .intro_layers .intro_layer.intro_layers_top h4 span {
        padding-left: 88px
    }
    .page_slider .flexslider .slides li.flex-slide {
        min-height: 480px
    }
    .page_slider .intro_layers_wrapper {
        top: 30px
    }
    .page_slider .intro_layers .intro_layer.intro_layers_top h4 span::before {
        top: 20px;
        line-height: 27px
    }
    .page_slider .intro_layers .intro_layer h4 span {
        font-size: 32px;
        line-height: 38px
    }
    .page_slider .intro_layers .intro_layer h4 {
        line-height: 35px
    }
    .page_slider .intro_layers .intro_layer p {
        font-size: 13px;
        line-height: 27px;
        margin-bottom: 15px;
        width: 100%;
        text-align: justify
    }
    .special-heading {
        margin-bottom: 0
    }
    .btn-maincolor {
        font-size: 12px
    }
    #about-page,
    #our_service,
    .technology_part,
    #our_work {
        padding: 20px 0
    }
    h1.special-heading,
    h2.special-heading {
        font-size: 22px;
        padding: 0 0 22px 0;
        margin-bottom: 10px
    }
    h1.special-heading::before,
    h2.special-heading::before {
        left: 40%;
        width: 20%;
        bottom: 9px
    }
    h1.special-heading::after,
    h2.special-heading::after {
        left: 43%;
        width: 14%;
        bottom: 0
    }
    .section-decorate::before {
        top: 0;
        left: 0;
        display: none
    }
    .section-decorate:before,
    .section-decorate:after {
        display: none
    }
    h1.special-heading+p,
    h2.special-heading+p {
        font-size: 13px;
        line-height: 24px
    }
    .special-text {
        line-height: 25px;
        font-size: 14px;
        text-align: justify
    }
    .fw-theme-steps-wrap {
        display: block!important
    }
    .fw-theme-steps.style2 .fw-theme-steps-wrap .vertical-item {
        width: 100%
    }
    .nav-tabs .nav-item {
        width: 100%
    }
    h5.box-heading {
        font-size: 20px
    }
    .box-wrap .box-content {
        font-size: 14px;
        line-height: 26px
    }
    .inline-list li {
        width: 100%
    }
    .btn {
        padding: 9px 25px;
        font-size: 14px;
        margin: 5px 0
    }
    .special-text p {
        padding: 6px 0;
        margin: 0;
        line-height: 26px
    }
    .nav-tabs .nav-link {
        font-size: 18px
    }
    .tac_img {
        width: 33.3333%;
        text-align: center
    }
    .our-project {
        display: block
    }
    .project-desc h3 {
        font-size: 24px
    }
    .our-project-images p {
        font-size: 14px;
        line-height: 27px
    }
    .inner-column {
        padding: 10px
    }
    .shortcode-simple-counter .counter_wrap .counter-size {
        font-size: 24px
    }
    .plus_counter {
        font-size: 29px
    }
    .shortcode-simple-counter .counter_wrap .counter-add-green {
        font-size: 15px
    }
    .our-project-detail h3 {
        margin-top: 20px
    }
    .our-project-detail p {
        font-size: 15px;
        line-height: 26px
    }
    .expertise-box .intro-header-box {
        left: 0;
        width: 80%
    }
    .expertise-box .intro-header-box h2 {
        font-size: 22px;
        line-height: 33px
    }
    .expertise-box .intro-header-box .intro-description p {
        line-height: 26px;
        font-size: 14px
    }
    .page_slider .intro_layers .intro_layer a.btn {
        padding: 10px 18px
    }
    .country_number {
        width: 100%;
        line-height: 30px;
        padding-bottom: 20px;
        padding-left: 15px;
        padding-right: 15px
    }
    .special-heading h5 {
        font-size: 25px
    }
    .border_nav_bottom {
        width: 35%
    }
    h4.footer_title {
        margin-top: 0
    }
    .widget_text {
        margin-top: 20px
    }
    .page_footer .widget ul li {
        margin-bottom: 8px
    }
    .col-lg-offset-6 {
        margin-left: 0
    }
    .q-t-s .q-t-s-h .div-hd {
        padding: 0;
        position: relative;
        top: 0;
        width: 100%
    }
    .div-hd {
        width: 100%
    }
    .q-t-s-h h2.special-heading::before {
        left: 40%
    }
    .q-t-s .induse-sec-rgt {
        height: auto;
        width: 100%
    }
    .q-t-s .induse-sec-rgt li {
        width: 33.3333%
    }
    .q-t-s .q-t-s-txt {
        padding-top: 10px
    }
    .q-t-s {
        height: auto
    }
    h5.box-heading a {
        font-size: 16px
    }
    .hexagon {
        background-size: 80%;
        left: 10px
    }
    .tab_icon_part {
        top: 13px;
        left: 8px
    }
    .box-wrap {
        padding-left: 92px!important;
        padding-right: 10px;
        text-align: justify
    }
    .inline-list li h3 {
        font-size: 30px;
        line-height: 42px
    }
    .navbar_tab {
        display: none
    }
    .inner_detail {
        padding: 10px 0
    }
    .inner-special-heading {
        font-size: 18px;
        padding: 0 0 12px 0;
        line-height: 27px;
        margin: 0
    }
    .inner-special-heading::before {
        bottom: 0
    }
    .tab_heading {
        font-size: 22px;
        line-height: 30px;
        padding: 20px 0
    }
    .mega-menu-tab .nav-tabs .nav-link {
        font-size: 14px;
        padding: 7px
    }
    .tabs-left-box {
        height: auto;
        padding-bottom: 12px
    }
    .mega-menu-tab .tab-content {
        padding-left: 0
    }
    .app_development_services .tab-content p {
        font-size: 14px;
        line-height: 28px
    }
    .fw-theme-steps-mobile .fw-theme-steps-wrap-mobile .vertical-item {
        width: 100%;
        padding: 0 10px
    }
    .fw-theme-steps-mobile .fw-theme-steps-wrap-mobile .item-title {
        font-size: 16px
    }
    .inner_our_project .special-heading h5 {
        font-size: 20px
    }
    .v-tab-head {
        width: 100%
    }
    .sf-menu {
        padding: 20px 10px 20px 10px
    }
    .v-tab-head .v-tab-link {
        color: #fff!important
    }
    .v-tab-pane {
        width: 100%
    }
    .v-tab-pane .mega-menu-col ul li {
        width: 100%
    }
    .mega-menu-row {
        padding-left: 0
    }
    .mega-menu-row ul {
        padding-left: 0
    }
    .top-includes {
        display: none
    }
    #canvas:not(.boxed) .header_absolute .page_header.affix-top {
        background-color: #fff
    }
    .header_under_slider {
        position: relative;
        width: 100%
    }
    .logo_part {
        flex: 0 0 100%;
        max-width: 220px;
        margin: 10px auto
    }
    .page_header [class*="col-xl-10"] {
        min-height: 0;
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0
    }
    .mgmenu_container>.mgmenu>li.mgmenu_button,
    .mgmenu_fixed>.mgmenu>li.mgmenu_button,
    .mgmenu_footer>.mgmenu>li.mgmenu_button {
        float: none!important;
        width: auto!important
    }
    .mgmenu_tabs_top .mgmenu_tabs_panels_3 {
        max-width: 100%!important;
        padding: 10px;
        float: none;
        flex: 0 0 100%;
        width: 100%
    }
    .company-menu-call-us-details {
        max-width: 100%;
        width: 100%;
        float: none;
        font-size: 14px
    }
    .mgmenu_tabs_nav_raw1 {
        display: block
    }
    .mgmenu>li .mgmenu_tabs_panels_3 ul li,
    .mgmenu>li .mgmenu_tabs_panels_3 ol li {
        width: 100%!important
    }
    .mgmenu>li ul li,
    .mgmenu>li ol li {
        float: none;
        margin: 0;
        padding: 4px 0;
        width: 100%
    }
    ul .company-menu li a,
    ul .architectural li a,
    ul .structural li a,
    ul .civil li a,
    ul .bim li a,
    ul .shop-drawing li a,
    ul .cad-eng-portfolio li a,
    ul .plumbing li a,
    ul .hvac li a,
    ul .mep li a,
    ul .mechanical li a,
    ul .electrical li a,
    ul .dedicated li a,
    ul .mean-stack li a,
    ul .php-mysql li a,
    ul .open-source li a,
    ul .web-development li a,
    ul .web-design li a,
    ul .microsoft-techno li a,
    ul .iphone-apps li a,
    ul .android-apps li a,
    ul .other-mobile li a,
    ul .cad-eng-portfolio li a,
    ul .custom-app li a,
    ul .mobile-application li a,
    ul .web-design-development li a {
        float: none;
        display: inline-block
    }
    .mgmenu>li ul {
        padding: 0 10px
    }
    .mgmenu>li ul.company-menu {
        padding: 0
    }
    .boxed .page_header,
    .page_header.affix {
        position: relative!important
    }
    .company-menu-call-us-details {
        font-weight: 400
    }
    .company-menu-call-us-details .call-us-details-div .row-div {
        line-height: 28px
    }
    .titel-out-div {
        margin-bottom: 5px
    }
    .menu_bottom ul li {
        padding-left: 10px!important
    }
    .experience {
        display: none
    }
    .menu_bottom {
        padding: 8px 0
    }
    .cad-services-row ul li,
    ul .cad-eng-portfolio li {
        width: 100%!important
    }
    .new-cad-menu-out-row {
        padding: 0 10px
    }
    .menu_sub_title,
    .other-mobile-menu-titel {
        padding: 15px 10px 6px 10px;
        text-align: center
    }
    .bottom-img-row .new-menu-details-right-clo .software_expertise {
        text-align: center
    }
    .civil-bottom-logo-img-row,
    .bim-bottom-logo-img-row {
        margin-top: 0
    }
    .mgmenu_tabs_bottom .mgmenu_tabs_panels,
    .mgmenu_tabs_top .mgmenu_tabs_panels {
        max-width: 100%!important
    }
    .portfolio-row {
        width: auto;
        height: auto;
        padding: 0;
        margin: 0
    }
    .cad-eng-portfolio-clo-row .clo-div {
        width: 100%;
        float: none
    }
    .mgmenu_tabs .cad-services-tabs {
        max-width: 100%!important
    }
    .mgmenu_tabs .cad-services-tabs li a {
        border-left: none
    }
    .mgmenu_tabs_top li a.current,
    .mgmenu_tabs_top li a.current:hover,
    .mgmenu_tabs_bottom li a.current,
    .mgmenu_tabs_bottom li a.current:hover {
        border-left: none!important
    }
    .scrollbar-outer>.scroll-element.scroll-y .scroll-element_outer {
        width: 0!important
    }
    .connect_bg::before,
    .connect_bg::after {
        display: none!important
    }
    .address_middle {
        text-align: center;
        padding: 20px 0
    }
    .address_middle p {
        font-size: 16px;
        line-height: 32px;
        color: #fff;
        margin: 0
    }
    .social_icon {
        margin-top: 0
    }
    .page_footer .widget ul li a {
        font-size: 14px
    }
    .mgmenu>li ul.hvac,
    .mgmenu>li ul.plumbing,
    .mgmenu>li ul.electrical,
    .mgmenu>li ul.mechanical,
    .mgmenu>li ul.mep {
        padding: 0 10px
    }
    .page_slider [class*="col-"] {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%
    }
    #about-page [class*="col-"] {
        margin: 0 auto;
        text-align: center
    }
    .our_work_project {
        width: 100%
    }
    .our_work_project .item {
        float: none!important;
        width: 80%;
        margin: 8px auto
    }
    .our_work_project .item img {
        border-radius: 0;
        display: block;
        height: auto;
        width: 100%
    }
    .vertical-center {
        display: -webkit-flex;
        display: inline-block;
        width: 100%
    }
    .service-isotope .vertical-item.vertical-center .item-media {
        width: 100%;
        margin-bottom: 12px
    }
    .service-isotope .vertical-item.vertical-center .item-content,
    .service-isotope [class*="col-"]:nth-child(2n) .vertical-item.vertical-center .item-content {
        padding-left: 0;
        padding-right: 0;
        position: relative;
        width: 100%
    }
    .vertical-item .item-media+.item-content {
        padding: 0
    }
    .divider-md-30 {
        margin-top: 0
    }
    .service-title {
        font-size: 22px;
        font-weight: 300;
        margin-bottom: 10px;
        text-transform: none;
        line-height: 32px
    }
    .service-isotope .col-sm-12 {
        margin-bottom: 15px;
        margin-top: 15px
    }
    .color-switcher {
        width: 100%
    }
    .resources-pdf-d-box {
        width: 100%
    }
    .resources-pdf-d-box .details-out-div .forum-row .lable {
        display: block;
        float: none;
        margin: 1px 0 2px 0;
        text-align: left;
        width: auto
    }
    .resources-pdf-d-box .details-out-div .forum-row .input {
        width: 100%
    }
    .resources-pdf-d-box .details-out-div .forum-row .Verify-code-div {
        width: 100%
    }
    .resources-pdf-d-box .details-out-div .forum-row .Verify-code-div .new-input {
        width: 140px!important
    }
    .opning-list {
        padding: 12px
    }
    .opning-list h3 {
        font-size: 22px;
        line-height: 34px;
        margin: 0 0 10px 0;
        text-align: left
    }
    .opning-list ul li {
        font-size: 14px;
        line-height: 28px
    }
    .inner-special-heading a.join-now {
        float: none;
        margin: 10px auto
    }
    #canvas:not(.boxed) .header_absolute .page_header.pro-affix-top {
        background-color: #fff
    }
    #protfolio_center {
        padding: 0
    }
    #protfolio_center li {
        border-bottom: 1px dashed #00a651;
        border-right: medium none;
        float: none;
        font-size: 14px;
        font-weight: 600;
        line-height: 36px;
        margin: 0 12px;
        padding-left: 0;
        padding-right: 0;
        text-decoration: none
    }
    #portfolio-subTabs li {
        padding-left: 5px;
        padding-right: 5px
    }
    #protfolio_center li:last-child {
        border-bottom: 0
    }
    #slider_main {
        height: 450px
    }
    .scrollable {
        height: 210px;
        overflow: hidden;
        position: relative;
        width: 430px
    }
    .prev {
        height: 31px;
        left: 0;
        top: 75px;
        width: 30px
    }
    .next {
        height: 31px;
        right: 0;
        top: 75px;
        width: 30px
    }
    .portfolio_project {
        clear: both;
        float: none;
        padding: 0 6px;
        width: auto
    }
    .portfolio_heading {
        font-size: 16px;
        padding-bottom: 0;
        padding-top: 10px
    }
    .portfolio_desc {
        font-size: 14px;
        line-height: 26px;
        padding-bottom: 8px
    }
    .launch_site,
    .site_details {
        width: auto;
        font-size: 14px;
        padding: 10px 16px;
        border-radius: 50px
    }
    .scrollable .items img {
        max-width: 100%;
        max-height: 100%;
        height: 210px
    }
    .items>div {
        width: 430px;
        height: 210px
    }
    .portfolio_slider {
        float: none;
        padding: 4px;
        background-color: #efefef;
        width: 440px;
        margin: 5px auto
    }
    #fancybox-content .portfolio_slider {
        float: none;
        padding: 4px;
        background-color: #efefef;
        width: 360px;
        margin: 5px auto
    }
    #fancybox-content {
        width: 100%!important
    }
    .fancy_portfolio_slider {
        float: none;
        margin-right: 0
    }
    .fancy_portfolio_slider .scrollable {
        height: 210px;
        overflow: hidden;
        position: relative;
        width: 350px
    }
    .fancy_portfolio_project {
        float: none;
        width: auto
    }
    .f-main-div-out {
        padding: 6px 6px;
        width: 100%!important;
        margin: 0!important
    }
    #fancybox-wrap {
        width: 80%!important;
        left: 10%!important
    }
    .carousel-inner .carousel-item,
    .portfolio-banner li {
        height: auto;
        overflow: hidden
    }
    .carousel-inner .carousel-item .img-fluid,
    .portfolio-banner li .img-fluid {
        position: relative
    }
    .course-tabs .first_clo_new .nav-pills li {
        width: 100%
    }
    .course-tabs .first_clo_new .nav-pills li a {
        text-align: left;
        margin: 0;
        padding: 10px 10px
    }
    .multiple_tabs_design .second_clo_new {
        height: auto
    }
    .mega-menu-tab .tab-content {
        float: left;
        padding: 10px 0
    }
    .tab-pane .inner-special-heading {
        font-size: 18px;
        padding: 0 0 8px 0;
        margin: 0 0 5px 0;
        line-height: 32px
    }
    .tab-types td {
        padding: 14px 16px;
        float: left;
        border: 0;
        width: 100%;
        border-bottom: 1px solid #ccc
    }
    .tab-types tr {
        border-bottom: 0
    }
    .tab-types td i {
        margin-right: 6px
    }
    .tabcontent .container .clo-div-left {
        max-width: 100%;
        margin: 0;
        padding: 0;
        flex: 0 0 100%
    }
    .tabcontent .container .clo-div-right {
        max-width: 100%;
        float: none;
        margin: 0;
        padding: 0;
        flex: 0 0 100%;
        border-left: none
    }
    .tabcontent .container {
        padding: 0;
        display: initial
    }
    .benefits_clo_div .left-clo-div {
        padding-left: 15px
    }
    .benefits_clo_div .right-clo-div {
        padding-right: 15px
    }
    .benefits_clo_div .right-border {
        border-right: 0
    }
    .tabcontent {
        padding: 10px
    }
    .new_our_services p {
        text-align: justify;
        padding: 6px 0;
        margin: 0;
        line-height: 28px;
        font-size: 14px;
        font-weight: 600
    }
    .new_our_services .titel-bold {
        font-weight: 700;
        font-size: 18px
    }
    .card-body {
        padding: 8px;
        font-size: 14px;
        font-weight: 600
    }
    footer#our_service {
        padding: 0;
        padding-bottom: 48px
    }
    .menu-left-details {
        display: none
    }
    .menu-right-details {
        padding-left: 0
    }
    .mgmenu_tabs .web-technologies-tabs {
        border-radius: 5px;
        padding: 20px
    }
    .mgmenu_tabs .mgmenu_tabs_nav li a {
        width: 100%;
        padding-bottom: 20px;
        border-bottom: 1px solid #d6d6d6
    }
    .mgmenu_tabs .web-technologies-tabs li a.current .active {
        bottom: -2px
    }
    .mgmenu_tabs_top .mgmenu_tabs_nav li,
    .mgmenu_tabs_bottom .mgmenu_tabs_nav li {
        padding-bottom: 5px
    }
    .bottom-img-row .new-menu-details-right-clo {
        width: 100%
    }
    .bottom-img-row .new-menu-details-right-clo .contact-details-row {
        font-size: 12px;
        margin-right: 0;
        text-align: center;
        border-radius: 50px 50px 50px 50px
    }
    ul .company-menu li a {
        margin-bottom: 0
    }
    .mgmenu>li ul li,
    .mgmenu>li ol li {
        padding: 1px 10px
    }
    .bottom-img-row .new-menu-details-img-clo {
        width: 100%;
        text-align: center
    }
    .top-includes {
        display: none
    }
    .mgmenu_tabs .web-technologies-tabs,
    .mgmenu_tabs .mobile-apps-tabs,
    .mgmenu_tabs .custom-app-tabs,
    .mgmenu_tabs .portfolio-tabs,
    .mgmenu_tabs .cad-services-tabs {
        border-radius: 5px;
        padding: 20px
    }
    .top-includes {
        display: none!important
    }
    .accordion__link {
        font-size: 14px;
        line-height: 20px
    }
    .sub-accordion__item {
        padding: 5px 0;
        color: #222;
        font-size: 13px;
        font-weight: 500
    }
    .accordion__link {
        font-size: 14px;
        line-height: 20px
    }
    .sub-accordion__item {
        padding: 5px 0;
        color: #222;
        font-size: 13px;
        font-weight: 500
    }
    #cad-main-banner-part {
        height: auto
    }
    
       /*  new css */
    
    
    .hirebanner-new .headtext{width: 100%;}
    .formbox-new{width: 100%;}
    .hirebanner-new{padding: 20px;}
    .hirebanner-new h1{font-size: 24px;line-height: 30px;}
    .sub-head-n {color: #0ff780;font-size: 18px;line-height: 30px;}
    .hirebanner-new p{padding-top: 20px;font-size: 14px;line-height: 23px;}
    .hirebanner-new li {padding-bottom: 0px;font-size: 14px;}
    .hirebanner-new ul{padding-bottom: 20px;}
    
    .formbox-new .headingsec {padding: 20px 20px;}
    .hirebanner-new p{padding-top: 0px;}
    .formbox-new .headingsec h2 {font: 21px/32px DINPro-Regular,sans-serif;color: #fff;}
    
    h2.inner-special-heading-new {font-size: 19px;	text-transform: none;margin: 15px 0px 0px 0px;line-height: 30px;}
    .inner-special-heading-text {font-size: 16px;margin: 5px 0px 15px 0px;line-height: 24px;}
    
    
    .special-text-new p {line-height: 26px;font-size: 14px;}
    
    .special-text-new ul li {
	display: inline-block;
	width: 100%;
	line-height: 28px;
}
    
    .inner-special-heading-text-list {
	
	font-size: 16px;
	line-height: 40px;
}
    .inner-special-heading-text-list li{padding-right: 15px;}
    .inner-special-heading-text-list .fa{font-size: 16px;}
    .timer_box_head {font-size: 20px;margin-bottom: 10px;line-height: 28px;}
    .outsourcing-main-text {padding: 0px 10px;}
    .outsourcing-main h3 {font-size: 22px;line-height: 30px;}
    .outsourcing-main-left::before {background: #fff;}
    .outsourcing-main-right::before {background: #fff;}
    .outsourcing-main-left , .outsourcing-main-right{padding: 10px 0px}
    
    .inner-special-heading-text span{font-size: 16px;}
    
    .section_detail{margin-bottom: 50px;}    
    .accordion .link {padding: 10px 15px 10px 40px;font-size: 14px;}
    .accordion li i {position: absolute;top: 14px;}
    
    
    .submenu li a{font-size: 16px;}    
    .outsourcing-main p {line-height: 30px;text-align: justify;font-size: 16px;}    
    .submenu li{font-size: 14px;}  
    .accordion li.open .link {font-size: 16px;}
    
    .innerpage_tab_new1.nav-tabs > li {width: 100%;}
    
    
        .innerpage_tab_new_text .outsourcing-main-text h3 {font-size: 20px;}
    
.innerpage_tab_new_text .outsourcing-main-text p {line-height: 26px;font-size: 16px;}
    .country-list{padding: 10px;}    
    .part_list_menu li {font-size: 14px;}
    
    .fw-theme-steps-new .vertical-item{padding: 10px !important;margin-bottom: 15px !important;}
    
    .innerpage_tab_new.nav-tabs > li {width: 100%;padding: 0px 0px;}
    
	
	ul.cad-eng-portfolio li.project_name_titel {
	
	padding: 0 0px;
	
	width: 100% !important;
	float: none;
}
	
	ul.cad-eng-portfolio li.project_name_titel .btn-div {
	border: #f0f0f0 1px solid;
	padding: 20px 20px 20px 60px !important;
	margin: 0px;
	background: #f8fafd;
	line-height: normal;
	border-radius: 8px;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	height: auto;
}
ul.cad-eng-portfolio li.project_name_titel .btn-div ul {
	margin: 0px;
	padding: 0px;
	float: none;
	margin-left: 0;
	display: inline-block;
	width: 100%;
	/* clear: both; */
	margin-top: 14px;
	left: -61px;
	position: relative;
}	
	
    
}

@media(min-width:320px) and (max-width:479px) {
    .connect_btn {
        display: none
    }
    .menu_width {
        flex: 0 0 40%;
        max-width: 40%
    }
    .page_slider .intro_layers .intro_layer h6 span.above {
        font-size: 16px;
        line-height: 30px;
		display: none;
    }
    .page_slider .intro_layers .intro_layer.intro_layers_top h4 span {
/*        padding-left: 88px;*/
		padding-left: 0px;
    }
 .page_slider .flexslider .slides li.flex-slide {
	min-height: auto;
	background-image: none !important;
}
	.cover-image > img {
	visibility: unset;
}
    .page_slider .intro_layers_wrapper {
        top: 2%;
    }
   .page_slider .intro_layers .intro_layer.intro_layers_top h4 span::before {
	top: 20px;
	line-height: 27px;
	display: none;
}
    .page_slider .intro_layers .intro_layer h4 span {
        font-size: 24px;
        line-height: 36px
    }
    .page_slider .intro_layers .intro_layer h4 {
        line-height: 35px
    }
    .page_slider .intro_layers .intro_layer p {
        font-size: 13px;
        line-height: 27px;
        margin-bottom: 15px;
        width: 100%;
        text-align: justify;
		display: none !important;
    }
    .special-heading {
        margin-bottom: 0;
        margin-top: 15px
    }
    .btn-maincolor {
        font-size: 12px
    }
    #about-page,
    #our_service,
    .technology_part,
    #our_work {
        padding: 20px 0
    }
    h1.special-heading,
    h2.special-heading {
        font-size: 22px;
        padding: 0 0 22px 0;
        margin-bottom: 10px
    }
    h1.special-heading::before,
    h2.special-heading::before {
        left: 40%;
        width: 20%;
        bottom: 9px
    }
    h1.special-heading::after,
    h2.special-heading::after {
        left: 43%;
        width: 14%;
        bottom: 0
    }
    .section-decorate::before {
        top: 0;
        left: 0
    }
    h1.special-heading+p,
    h2.special-heading+p {
        font-size: 13px;
        line-height: 24px
    }
    .special-text {
        line-height: 25px;
        font-size: 14px;
        text-align: justify
    }
    .fw-theme-steps-wrap {
        display: block!important
    }
    .fw-theme-steps.style2 .fw-theme-steps-wrap .vertical-item {
        width: 100%
    }
    .nav-tabs .nav-item {
        width: 100%
    }
    h5.box-heading {
        font-size: 20px;
        text-align: left
    }
    .box-wrap .box-content {
        font-size: 14px;
        line-height: 26px
    }
    .inline-list li {
        width: 100%
    }
    .btn {
        padding: 9px 25px;
        font-size: 14px;
        margin: 5px 0
    }
    .special-text p {
        padding: 6px 0;
        margin: 0;
        line-height: 26px
    }
    .nav-tabs .nav-link {
        font-size: 18px
    }
    .tac_img {
        width: 33.3333%;
        text-align: center
    }
    .our-project {
        display: block
    }
    .project-desc h3 {
        font-size: 24px
    }
    .our-project-images p {
        font-size: 14px;
        line-height: 27px
    }
    .inner-column {
        padding: 10px
    }
    .shortcode-simple-counter .counter_wrap .counter-size {
        font-size: 24px
    }
    .plus_counter {
        font-size: 29px
    }
    .shortcode-simple-counter .counter_wrap .counter-add-green {
        font-size: 15px
    }
    .our-project-detail h3 {
        margin-top: 20px
    }
    .our-project-detail p {
        font-size: 15px;
        line-height: 26px
    }
    .expertise-box .intro-header-box {
        left: 0;
        width: 80%
    }
    .expertise-box .intro-header-box h2 {
        font-size: 22px;
        line-height: 33px
    }
    .expertise-box .intro-header-box .intro-description p {
        line-height: 26px;
        font-size: 14px
    }
    .page_slider .intro_layers .intro_layer a.btn {
        padding: 6px 18px
    }
    .country_number {
        width: 100%;
        line-height: 30px;
        padding-bottom: 20px;
        padding-left: 15px;
        padding-right: 15px
    }
    .special-heading h5 {
        font-size: 25px
    }
    .border_nav_bottom {
        width: 35%
    }
    h4.footer_title {
        margin-top: 0
    }
    .widget_text {
        margin-top: 20px
    }
    .page_footer .widget ul li {
        margin-bottom: 8px
    }
    .col-lg-offset-6 {
        margin-left: 0
    }
    .q-t-s .q-t-s-h .div-hd {
        padding: 0;
        position: relative;
        top: 0;
        width: 100%
    }
    .div-hd {
        width: 100%
    }
    .q-t-s-h h2.special-heading::before {
        left: 40%
    }
    .q-t-s .induse-sec-rgt {
        height: auto;
        width: 100%
    }
    .q-t-s .induse-sec-rgt li {
        width: 50%
    }
    .q-t-s .q-t-s-txt {
        padding-top: 10px
    }
    .q-t-s {
        height: auto
    }
    h5.box-heading a {
        font-size: 16px
    }
    .hexagon {
        background-size: 80%;
        left: 10px
    }
    .tab_icon_part {
        top: 13px;
        left: 8px
    }
    .box-wrap {
        padding-left: 92px!important;
        padding-right: 10px;
        text-align: justify
    }
    .inline-list li h3 {
        font-size: 30px;
        line-height: 42px
    }
    .navbar_tab {
        display: none
    }
    .inner_detail {
        padding: 10px 0
    }
    .inner-special-heading {
        font-size: 16px;
        padding: 0 0 12px 0;
        line-height: 27px;
        margin: 0 0 12px 0
    }
    .inner-special-heading::before {
        bottom: 0
    }
    .tab_heading {
        font-size: 22px;
        line-height: 30px;
        padding: 20px 0
    }
    .mega-menu-tab .nav-tabs .nav-link {
        font-size: 14px;
        padding: 7px
    }
    .tabs-left-box {
        height: auto;
        padding-bottom: 12px
    }
    .mega-menu-tab .tab-content {
        padding-left: 0
    }
    .app_development_services .tab-content p {
        font-size: 14px;
        line-height: 28px
    }
    .fw-theme-steps-mobile .fw-theme-steps-wrap-mobile .vertical-item {
        width: 100%;
        padding: 0 10px
    }
    .fw-theme-steps-mobile .fw-theme-steps-wrap-mobile .item-title {
        font-size: 16px
    }
    .inner_our_project .special-heading h5 {
        font-size: 20px
    }
    .v-tab-head {
        width: 100%
    }
    .sf-menu {
        padding: 20px 10px 20px 10px
    }
    .v-tab-head .v-tab-link {
        color: #fff!important
    }
    .v-tab-pane {
        width: 100%
    }
    .v-tab-pane .mega-menu-col ul li {
        width: 100%
    }
    .mega-menu-row {
        padding-left: 0
    }
    .mega-menu-row ul {
        padding-left: 0
    }
    #about-page [class*="col-"] {
        text-align: center
    }
    .top-includes {
        display: none
    }
    #canvas:not(.boxed) .header_absolute .page_header.affix-top {
        background-color: #fff
    }
    .header_under_slider {
        position: relative;
        width: 100%
    }
    .logo_part {
        flex: 0 0 100%;
        max-width: 220px;
        margin: 10px auto
    }
    .page_header [class*="col-xl-10"] {
        min-height: 0;
        max-width: 100%;
        flex: 0 0 100%;
        padding: 0
    }
    .mgmenu_container>.mgmenu>li.mgmenu_button,
    .mgmenu_fixed>.mgmenu>li.mgmenu_button,
    .mgmenu_footer>.mgmenu>li.mgmenu_button {
        float: none!important;
        width: auto!important
    }
    .mgmenu_tabs_top .mgmenu_tabs_panels_3 {
        max-width: 100%!important;
        padding: 10px;
        float: none;
        flex: 0 0 100%;
        width: 100%
    }
    .company-menu-call-us-details {
        max-width: 100%;
        width: 100%;
        float: none;
        font-size: 14px
    }
    .mgmenu_tabs_nav_raw1 {
        display: block
    }
    .mgmenu>li .mgmenu_tabs_panels_3 ul li,
    .mgmenu>li .mgmenu_tabs_panels_3 ol li {
        width: 100%!important
    }
    .mgmenu>li ul li,
    .mgmenu>li ol li {
        float: none;
        margin: 0;
        padding: 4px 0
    }
    ul .company-menu li a,
    ul .architectural li a,
    ul .structural li a,
    ul .civil li a,
    ul .bim li a,
    ul .shop-drawing li a,
    ul .cad-eng-portfolio li a,
    ul .plumbing li a,
    ul .hvac li a,
    ul .mep li a,
    ul .mechanical li a,
    ul .electrical li a,
    ul .dedicated li a,
    ul .mean-stack li a,
    ul .php-mysql li a,
    ul .open-source li a,
    ul .web-development li a,
    ul .web-design li a,
    ul .microsoft-techno li a,
    ul .iphone-apps li a,
    ul .android-apps li a,
    ul .other-mobile li a,
    ul .cad-eng-portfolio li a,
    ul .custom-app li a,
    ul .mobile-application li a,
    ul .web-design-development li a {
        float: none;
        display: inline-block
    }
    .mgmenu>li ul {
        padding: 0 10px
    }
    .mgmenu>li ul.company-menu {
        padding: 0
    }
    .boxed .page_header,
    .page_header.affix {
        position: relative!important
    }
    .company-menu-call-us-details {
        font-weight: 400
    }
    .company-menu-call-us-details .call-us-details-div .row-div {
        line-height: 28px
    }
    .titel-out-div {
        margin-bottom: 5px
    }
    .menu_bottom ul li {
        padding-left: 10px!important
    }
    .experience {
        display: none
    }
    .menu_bottom {
        padding: 8px 0
    }
    .cad-services-row ul li,
    ul .cad-eng-portfolio li {
        width: 100%!important
    }
    .new-cad-menu-out-row {
        padding: 0
    }
    .menu_sub_title,
    .other-mobile-menu-titel {
        padding: 15px 10px 6px 10px
    }
    .civil-bottom-logo-img-row,
    .bim-bottom-logo-img-row {
        margin-top: 0
    }
    .mgmenu_tabs_bottom .mgmenu_tabs_panels,
    .mgmenu_tabs_top .mgmenu_tabs_panels {
        max-width: 100%!important
    }
    .portfolio-row {
        width: auto;
        height: auto;
        padding: 0;
        margin: 0
    }
    .cad-eng-portfolio-clo-row .clo-div {
        width: 100%;
        float: none
    }
    .mgmenu_tabs .cad-services-tabs {
        max-width: 100%!important
    }
    .mgmenu_tabs .cad-services-tabs li a {
        border-left: none
    }
    .mgmenu_tabs_top li a.current,
    .mgmenu_tabs_top li a.current:hover,
    .mgmenu_tabs_bottom li a.current,
    .mgmenu_tabs_bottom li a.current:hover {
        border-left: none!important
    }
    .scrollbar-outer>.scroll-element.scroll-y .scroll-element_outer {
        width: 0!important
    }
    .connect_bg::before,
    .connect_bg::after {
        display: none!important
    }
    .address_middle {
        text-align: center;
        padding: 20px 0
    }
    .address_middle p {
        font-size: 16px;
        line-height: 32px;
        color: #fff;
        margin: 0
    }
    .social_icon {
        margin-top: 0
    }
    .page_footer .widget ul li a {
        font-size: 14px
    }
    .mgmenu>li ul.hvac,
    .mgmenu>li ul.plumbing,
    .mgmenu>li ul.electrical,
    .mgmenu>li ul.mechanical,
    .mgmenu>li ul.mep {
        padding: 0 10px
    }
    .page_slider [class*="col-"] {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%
    }
    #about-page [class*="col-"] {
        margin: 0 auto;
        text-align: center
    }
    .our_work_project {
        width: 100%
    }
    .our_work_project .item {
        float: none!important;
        width: 80%;
        margin: 8px auto
    }
    .our_work_project .item img {
        border-radius: 0;
        display: block;
        height: auto;
        width: 100%
    }
    .q-t-s .induse-sec-rgt ul {
        width: 100%
    }
    .expertise-box .intro-header-box .intro-description a.btn-explore {
        margin-top: 20px
    }
    .mgmenu>li ul li,
    .mgmenu>li ol li {
        width: 100%
    }
    .vertical-center {
        display: -webkit-flex;
        display: inline-block;
        width: 100%
    }
    .service-isotope .vertical-item.vertical-center .item-media {
        width: 100%;
        margin-bottom: 12px
    }
    .service-isotope .vertical-item.vertical-center .item-content,
    .service-isotope [class*="col-"]:nth-child(2n) .vertical-item.vertical-center .item-content {
        padding-left: 0;
        padding-right: 0;
        position: relative;
        width: 100%
    }
    .vertical-item .item-media+.item-content {
        padding: 0
    }
    .divider-md-30 {
        margin-top: 0
    }
    .service-title {
        font-size: 22px;
        font-weight: 300;
        margin-bottom: 10px;
        text-transform: none;
        line-height: 32px
    }
    .service-isotope .col-sm-12 {
        margin-bottom: 15px;
        margin-top: 15px
    }
    .color-switcher {
        width: 100%
    }
    .resources-pdf-d-box {
        width: 100%
    }
    .resources-pdf-d-box .details-out-div .forum-row .lable {
        display: block;
        float: none;
        margin: 1px 0 2px 0;
        text-align: left;
        width: auto
    }
    .resources-pdf-d-box .details-out-div .forum-row .input {
        width: 100%
    }
    .resources-pdf-d-box .details-out-div .forum-row .Verify-code-div {
        width: 100%
    }
    .resources-pdf-d-box .details-out-div .forum-row .Verify-code-div .new-input {
        width: 140px!important
    }
    .footer_link p {
        margin-bottom: 0;
        font-size: 13px;
        line-height: 20px;
        padding: 8px 0
    }
    .our-footprint {
        display: none
    }
    .section-decorate:before,
    .section-decorate:after {
        display: none
    }
    .inner-special-heading a.join-now {
        display: block;
        margin-top: 15px;
        margin-bottom: 6px
    }
    .opning-list {
        padding: 12px
    }
    .opning-list h3 {
        font-size: 18px;
        line-height: 28px;
        margin: 0 0 10px 0;
        text-align: left
    }
    .opning-list ul li {
        font-size: 14px;
        line-height: 28px
    }
    #canvas:not(.boxed) .header_absolute .page_header.pro-affix-top {
        background-color: #fff
    }
    #protfolio_center {
        padding: 0
    }
    #protfolio_center li {
        border-bottom: 1px dashed #00a651;
        border-right: medium none;
        float: none;
        font-size: 14px;
        font-weight: 600;
        line-height: 36px;
        margin: 0 12px;
        padding-left: 0;
        padding-right: 0;
        text-decoration: none
    }
    #portfolio-subTabs li {
        padding-left: 5px;
        padding-right: 5px
    }
    #protfolio_center li:last-child {
        border-bottom: 0
    }
    #slider_main {
        height: 430px
    }
    .scrollable {
        height: 170px;
        overflow: hidden;
        position: relative;
        width: 274px
    }
    .prev {
        height: 31px;
        left: 0;
        top: 75px;
        width: 30px
    }
    .next {
        height: 31px;
        right: 0;
        top: 75px;
        width: 30px
    }
    .portfolio_project {
        clear: both;
        float: none;
        padding: 0 6px;
        width: auto
    }
    .portfolio_heading {
        font-size: 16px;
        padding-bottom: 0;
        padding-top: 10px
    }
    .portfolio_desc {
        font-size: 12px;
        line-height: 20px;
        padding-bottom: 8px
    }
    .launch_site,
    .site_details {
        width: auto;
        font-size: 14px;
        padding: 10px 16px;
        border-radius: 50px
    }
    .scrollable .items img {
        max-width: 100%;
        max-height: 100%;
        height: 170px
    }
    .items>div {
        width: 274px;
        height: 170px
    }
    .portfolio_slider {
        float: none;
        padding: 4px;
        background-color: #efefef;
        width: 284px;
        margin: 5px auto
    }
    #fancybox-content .portfolio_slider {
        float: none;
        padding: 4px;
        background-color: #efefef;
        width: 250px;
        margin: 5px auto
    }
    #fancybox-content {
        width: 270px!important
    }
    .fancy_portfolio_slider {
        float: none;
        margin-right: 0
    }
    .fancy_portfolio_slider .scrollable {
        height: 170px;
        overflow: hidden;
        position: relative;
        width: 218px
    }
    .fancy_portfolio_slider .scrollable {
        height: 170px;
        overflow: hidden;
        position: relative;
        width: 240px
    }
    .fancy_portfolio_project {
        float: none;
        width: auto
    }
    .f-main-div-out {
        padding: 6px 6px;
        width: 264px!important;
        margin: 0!important
    }
    #fancybox-wrap {
        width: 280px!important
    }
    .carousel-inner .carousel-item,
    .portfolio-banner li {
        height: auto;
        overflow: hidden
    }
    .carousel-inner .carousel-item .img-fluid,
    .portfolio-banner li .img-fluid {
        position: relative
    }
    .course-tabs .first_clo_new .nav-pills li {
        width: 100%
    }
    .course-tabs .first_clo_new .nav-pills li a {
        text-align: left;
        margin: 0;
        padding: 10px 10px
    }
    .multiple_tabs_design .second_clo_new {
        height: auto
    }
    .mega-menu-tab .tab-content {
        float: left;
        padding: 10px 0
    }
    .tab-pane .inner-special-heading {
        font-size: 18px;
        padding: 0 0 8px 0;
        margin: 0 0 5px 0;
        line-height: 32px
    }
    .tab-types td {
        padding: 14px 16px;
        float: left;
        border: 0;
        width: 100%;
        border-bottom: 1px solid #ccc
    }
    .tab-types tr {
        border-bottom: 0
    }
    .tab-types td i {
        margin-right: 6px
    }
    .tabcontent .container .clo-div-left {
        max-width: 100%;
        margin: 0;
        padding: 0;
        flex: 0 0 100%
    }
    .tabcontent .container .clo-div-right {
        max-width: 100%;
        float: none;
        margin: 0;
        padding: 0;
        flex: 0 0 100%;
        border-left: none
    }
    .tabcontent .container {
        padding: 0;
        display: initial
    }
    .benefits_clo_div .left-clo-div {
        padding-left: 15px
    }
    .benefits_clo_div .right-clo-div {
        padding-right: 15px
    }
    .benefits_clo_div .right-border {
        border-right: 0
    }
    .tabcontent {
        padding: 10px
    }
    .new_our_services p {
        text-align: justify;
        padding: 6px 0;
        margin: 0;
        line-height: 28px;
        font-size: 14px;
        font-weight: 600
    }
    .new_our_services .titel-bold {
        font-weight: 700;
        font-size: 18px
    }
    .card-body {
        padding: 8px;
        font-size: 14px;
        font-weight: 600
    }
    footer#our_service {
        padding: 0;
        padding-bottom: 48px
    }
    .part_list_menu li {
        font-size: 14px;
        line-height: 28px
    }
    .tabcontent .container .clo-div-right ul li {
        font-size: 14px;
        line-height: 28px
    }
    .menu-left-details {
        display: none
    }
    .menu-right-details {
        padding-left: 0
    }
    .mgmenu_tabs .web-technologies-tabs,
    .mgmenu_tabs .mobile-apps-tabs,
    .mgmenu_tabs .custom-app-tabs,
    .mgmenu_tabs .portfolio-tabs,
    .mgmenu_tabs .cad-services-tabs {
        border-radius: 5px;
        padding: 20px
    }
    .mgmenu_tabs .mgmenu_tabs_nav li a {
        width: 100%;
        padding-bottom: 20px;
        border-bottom: 1px solid #d6d6d6
    }
    .mgmenu_tabs .web-technologies-tabs li a.current .active {
        bottom: -2px
    }
    .mgmenu_tabs_top .mgmenu_tabs_nav li,
    .mgmenu_tabs_bottom .mgmenu_tabs_nav li {
        padding-bottom: 5px
    }
    .bottom-img-row .new-menu-details-right-clo {
        width: 100%
    }
    .bottom-img-row .new-menu-details-right-clo .contact-details-row {
        font-size: 12px
    }
    ul .company-menu li a {
        margin-bottom: 0
    }
    .mgmenu>li ul li,
    .mgmenu>li ol li {
        padding: 1px 10px
    }
    .top-includes {
        display: none
    }
    .bottom-img-row .new-menu-details-right-clo .contact-details-row {
        border-radius: 0;
        height: auto;
        font-size: 16px;
        text-align: center;
        padding: 10px 0;
        margin-right: 0
    }
    .bottom-img-row .new-menu-details-right-clo .contact-details-row .social-media-icon {
        display: inline-block;
        top: 0;
        position: relative
    }
    .bottom-img-row .new-menu-details-right-clo .contact-details-row .contact-text {
        padding: 0 5px;
        display: block;
        margin: 8px 0
    }
    .bottom-img-row .new-menu-details-img-clo {
        width: 100%
    }
    .top-includes {
        display: none!important
    }
    .accordion__link {
        font-size: 14px;
        line-height: 20px
    }
    .sub-accordion__item {
        padding: 5px 0;
        color: #222;
        font-size: 13px;
        font-weight: 500
    }
    h5.box-heading a::before {
        display: none
    }
    #cad-main-banner-part {
        height: auto
    }
    
    
    
    
    
    
   /*  new css */
    
    
    .hirebanner-new .headtext{width: 100%;}
    .formbox-new{width: 100%;}
    .hirebanner-new{padding: 20px;}
    .hirebanner-new h1{font-size: 24px;line-height: 30px;}
    .sub-head-n {color: #0ff780;font-size: 18px;line-height: 30px;}
    .hirebanner-new p{padding-top: 20px;font-size: 14px;line-height: 23px;}
    .hirebanner-new li {padding-bottom: 0px;font-size: 14px;}
    .hirebanner-new ul{padding-bottom: 20px;}
    
    .formbox-new .headingsec {padding: 20px 20px;}
    .hirebanner-new p{padding-top: 0px;}
    .formbox-new .headingsec h2 {font: 21px/32px DINPro-Regular,sans-serif;color: #fff;}
    
    h2.inner-special-heading-new {font-size: 19px;	text-transform: none;margin: 15px 0px 0px 0px;line-height: 30px;}
    .inner-special-heading-text {font-size: 16px;margin: 5px 0px 15px 0px;line-height: 24px;}
    
    
    .special-text-new p {line-height: 26px;font-size: 14px;}
    
    .special-text-new ul li {
	display: inline-block;
	width: 100%;
	line-height: 28px;
}
    
    .inner-special-heading-text-list {
	
	font-size: 16px;
	line-height: 40px;
}
    .inner-special-heading-text-list li{padding-right: 15px;}
    .inner-special-heading-text-list .fa{font-size: 14px;}
    .timer_box_head {font-size: 18px;margin-bottom: 10px;line-height: 28px;}
    .outsourcing-main-text {padding: 0px 10px;}
    .outsourcing-main h3 {font-size: 22px;line-height: 30px;}
    .outsourcing-main-left::before {background: #fff;}
    .outsourcing-main-right::before {background: #fff;}
    .outsourcing-main-left , .outsourcing-main-right{padding: 10px 0px}
    
    .inner-special-heading-text span{font-size: 16px;}
    
    .section_detail{margin-bottom: 50px;}    
    .accordion .link {padding: 10px 15px 10px 40px;font-size: 14px;}
    .accordion li i {position: absolute;top: 14px;}
    
    
    .submenu li a{font-size: 14px;}    
    .outsourcing-main p {line-height: 30px;text-align: justify;font-size: 14px;}    
    .submenu li{font-size: 14px;}  
    .accordion li.open .link {font-size: 14px;}
    
    .innerpage_tab_new1.nav-tabs > li {width: 100%;}
    
    
        .innerpage_tab_new_text .outsourcing-main-text h3 {font-size: 18px;}
    
.innerpage_tab_new_text .outsourcing-main-text p {line-height: 26px;font-size: 14px;}
    .country-list{padding: 10px;}
    
    .part_list_menu li {font-size: 14px;}
    
    
    .fw-theme-steps-new .vertical-item{padding: 10px !important;margin-bottom: 15px !important;}
 .innerpage_tab_new1.nav-tabs > li {width: 100%;padding: 0px 0px;}   
    
    .innerpage_tab_new.nav-tabs > li {width: 100%;padding: 0px 0px;}
    
    .section_counter h4.cmt-fid-inner {
	color: #00a24f;
	font-size: 32px;
	font-weight: 700;
}
	
	ul.cad-eng-portfolio li.project_name_titel {
	
	padding: 0 0px;
	
	width: 100% !important;
	float: none;
}
	
	ul.cad-eng-portfolio li.project_name_titel .btn-div {
	border: #f0f0f0 1px solid;
	padding: 20px 20px 20px 60px !important;
	margin: 0px;
	background: #f8fafd;
	line-height: normal;
	border-radius: 8px;
	position: relative;
	width: 100%;
	box-sizing: border-box;
	height: auto;
}
ul.cad-eng-portfolio li.project_name_titel .btn-div ul {
	margin: 0px;
	padding: 0px;
	float: none;
	margin-left: 0;
	display: inline-block;
	width: 100%;
	/* clear: both; */
	margin-top: 14px;
	left: -61px;
	position: relative;
}	
	
    
}