/*dekstop css*/
@media(min-width: 1440px) and (max-width: 1520px) {
    
}

@media(min-width: 1540px) and (max-width: 1920px) {
    .grey-btn {font-size: 1rem;}
    .home-section4 p {
        font-size: 1rem;
        width: 80%;
    }
    .home-about-content h3, .home-about-content h1 {font-size: 3rem;}
    .home-about-content p {font-size: 1.2rem;}
    .home-about-content a.grey-btn-dark-font {
        margin-top: 0.5rem;
        display: inline-block;
    }
    .home-services .owl-carousel .owl-nav {right: 20rem;}
    .home-services #services-slider .home-service-content img {height: 8rem;}
    .home-services #services-slider .home-service-content h3 {font-size: 2.2rem;}
    .home-services #services-slider .home-service-wrapper p {font-size: 1.2rem;}
    .mission-vision-wrapper .tab-content .tab-pane {padding: 0 0rem !important;}
    .mission-vision-wrapper .mission-vision-container p:nth-child(2) {font-size: 1.5rem;}
    .mission-vision-wrapper .mission-vision-container p:nth-child(3) {font-size: 1rem;}
    .home-services .container-fluid {padding: 0 30px;}
    .breadcrumb-links {right: 16%;}
}

/*@media(min-width: 1540px) and (max-width: 1700px) {
    
}*/

@media(min-width: 1540px) and (max-width: 1770px) {
    .home-about-content h3, .home-about-content h1 {font-size: 2.5rem;}
    .home-about-content {width: 100%;}
    .breadcrumb-links {right: 10%;}
}

@media(min-width: 1350px) and (max-width: 1540px ) {
    .breadcrumb-links {right: 10%;}
}

@media(max-width: 1440px ) {.breadcrumb-links {right: 5%;}}

@media(max-width: 1330px ) {
    #blog-wrapper {padding: 3rem 0;}
    #team-wrapper, #team-cards-container .col-md-12 {padding: 0 0rem;}
    .team-intro {
        padding: 3rem 0rem;
        width: 100%;
        margin: 0 auto;
    }
    .contact-wrapper {padding: 3rem 1rem;}
    .faq {width: 100%;}
    .breadcrumb-links {right: 1.5%;}
}

@media(max-width: 1300px ) {
    .home-about-content, .home-section5-container h2 {width: 100%;}
}
@media(max-width: 1290px) {
    
}

@media(max-width: 1230px ) {
    .navbar-nav .nav-item {
        padding: 0px;
    }
    header .nav-head .container-fluid {padding: 0px;}
}

@media(max-width: 1200px) {
    .last-career h2 {font-size: 25px;}
    .home-section4 .section-container {padding: 0 1rem;}
    .home-about-content {padding: 1.5rem 4rem;}
    .home-about-content h3, .home-about-content h1 {font-size: 1.8rem;}
    .home-banner-content h2 {font-size: 3rem;}
    .navbar-brand img {width: 90%;}
    .cta-section .cta-content h2 {font-size: 2.4rem;}
    .footer-headers {font-size: .73rem;}
    .footer-wrapper, .bottom-footer {font-size: 12px;}
    .footer-contact-deatils a {font-size: 14px;}
    .about-intro-1 {width: 30%;}
    .about-intro-2 {
        width: 70%;
        padding: 0rem 2rem 0;
    }
    .about-intro-2 h2, .about-intro-2 h1 {font-size: 1.8rem;}
    .about-intro {padding: 5rem 0 2rem;}
    .mission-vision {padding: 2rem 0; overflow: hidden;}
    .about-certificates {margin-top: 3rem;}
    .about-intro-1 .about-intro-img .about-stat {font-size: 0.7rem; padding: 0.5rem 1.2rem;}
    .page-breadcrumb .breadcrumb-element-bg h2, .page-breadcrumb .breadcrumb-element-bg h1 {font-size: 2.4rem;}
    .service-container .nav-tabs, .projects-container .nav-tabs {justify-content: center;}
    .service-container .nav-tabs .nav-item, .projects-container .nav-tabs .nav-item {
        width: auto;
        margin: 0 0.1rem;
    }
    .service-container .nav-tabs .nav-link, .projects-container .nav-tabs .nav-link {padding: 1rem 2rem;}
    .service-container .service-tabs-wrapper, .service-tab-content-wrapper, #services-intro .services-intro-wrapper,
    .projects-tab-content-wrapper, .projects-tabs-wrapper {width: 100%; margin: 0 auto;}
}

@media(max-width: 1190px) {
    .about-quality .section-container, .about-certificates .section-container {padding: 0 1rem;}
    .projects-details-content {padding: 2.5rem 1rem 1rem;}
    .project-gallery .projects-details-content {padding: 0rem 1rem 3rem;}
    .service-related-projects {padding: 0 1rem 0.5rem;}
    .blog-share-container {padding: 0 1rem 2rem;}
}
@media(max-width: 1080px) {
    .mission-vision-wrapper .mission-vision-container img {height: 4rem; margin-bottom: 1rem;}
    .mission-vision-wrapper .mission-vision-container p:nth-child(2) span {font-size: 1.5rem;}
}

/*ipad lanscape view */
@media(max-width: 1024px) {
    #banner-slider .owl-item .home-banner-content, #banner-slider .owl-nav {left: 5%;}
    .slider-section .banner-counter {right: 5%;}
    #home-counter .home-points-counter {margin-bottom: 1rem;}
    .home-points-counter h3 {font-size: 2.5rem;}
    .modal-dialog.modal-xxl {width: 90%; max-width: 90%;}
}

/*ipad  view */
@media(min-width: 992px) and (max-width: 1200px) {
    /*.navbar-brand, .header-contact {width: 30%;}*/
}
@media(max-width: 992px) {
    .opening-single:nth-child(odd) {margin-right: 1.33%;}
    .opening-single:nth-child(even) {margin-right: 0;}
    .opening-single h2 {min-height: 60px;}
    .opening-single {width: 49%; margin-bottom: 1rem;}
    .career-wrapper .text-box p {
        font-size: 14px;
        line-height: 20px;
    }
    .career-wrapper .text-box .common-btn {font-size: 13px;}
    .last-career {padding: 1rem;}
    .last-career .common-btn {width: 20%; font-size: 13px;}
    .career-wrapper .text-box {padding: 20px;}
    .last-career h2 {
        font-size: 20px;
        line-height: 30px;
        padding-right: 10px;
    }
    .home-section5, .home-section5 img {height: 350px;}
    .navbar-wrapper {
        width: 100%;
        justify-content: flex-end;
    }
    p {font-size: 12px;}
    .footer-wrapper {
        flex-wrap: wrap;
        margin-bottom: -1rem;
    }
    .top-contact-details {display: none;}
    .header-contact {
        width: 20%;
    }
    .footer-about img {width: 100%;}
    .footer-about {
        width: 25%;
    }
    .footer3 {width: 35%;}
    .footer-contact {
        width: 33%;
        /*display: flex;
        align-items: flex-end;*/
    }
    .footer-contact-container {margin: 0rem 0 1rem;}
    .footer-social {margin-bottom: 0;}
    .footer-contact-deatils {padding-left: 20px;}
    .footer-contact-deatils p br {display: none;}
    .navbar-brand img {width: 100%;}

    .home-slider img, .home-slider {height: auto;}
    #banner-slider .home-banner-content h1, #banner-slider .home-banner-content h2 {font-size: 3rem;}
    .navbar-nav .nav-item {font-size: 12px;}
    .top-contacts-btn {
        padding: 5px 12px;
        font-size: 10px;
    }
    .navbar-nav .nav-item a {padding: 10px 1rem;}
    /*#banner-slider .owl-item .home-banner-content, #banner-slider .owl-nav {left: 5%;}*/
    .home-about {margin-top: -2rem;}
    .home-about-content {padding: 1.5rem 2rem;}
    .home-about-content p {width: 100%; line-height: 1.2; font-size: .55rem;}
    .home-about-content h3, .home-about-content h1 {font-size: 1.2rem;}
    .home-section4 p {width: 80%;}
    .home-section4 h2 {font-size: 2rem;}
    .home-section5-container {width: 80%;}
    .home-section5-container h2 {margin-bottom: 1rem;}
    .counter-container {font-size: 10px;}
    .about-points-counter {
        padding: 0.5rem 0rem 0rem;
        margin: 0 2px;
    }
    .about-points-counter h3 {font-size: 1.5rem;}
    .about-intro-1 .about-intro-img .about-stat:nth-child(1):before {left: -1.2rem;}
    .about-intro-1 {width: 40%;}
    .about-intro-2 h2, .about-intro-2 h1 {font-size: 1.5rem;}
    .about-intro-2 {
        width: 60%;
        padding: 0.3rem 0 0 1rem;
    }
    .about-intro-1 .about-intro-img .about-stat {padding: 0.5rem 0.7rem;}
    .mission-vision-wrapper ul li.nav-item a.nav-link {padding: 0.8rem 3rem;}
    .mission-vision-wrapper .tab-content {top: 60%;}
    .mission-vision-wrapper .tab-content .tab-pane {padding: 0 3rem !important;}
    .mission-vision-wrapper .mission-vision-container img {
        height: 3rem;
        margin-bottom: 0.5rem;
    }
    .mission-vision .container-fluid > img.img-fluid {height: 40vh;}
    .mission-vision-wrapper .mission-vision-container p:nth-child(2) {font-size: 1rem;}
    .mission-vision-wrapper .mission-vision-container p:nth-child(2) span {font-size: 1.2rem;}
    .mission-vision-wrapper .mission-vision-container ul li img {
        margin-bottom: 0rem;
        filter: invert(1);
        margin-top: 0;
        height: 4rem;
    }
    #safety-wrapper {flex-wrap: wrap;}
    .safety-wrapper-content {width: 100%;}
    .section-head {font-size: 2rem;}
    .about-certificates-wrapper .certificates-container {padding: 0rem;}
    .services-title-container {margin-left: 15px;}
    .services-title-container img {height: 2.5rem;}
    .services-title-container h1 {font-size: 2rem;}
    .services-intro-content p {margin-bottom: 2rem;}
    .service-container .service-tabs-wrapper {padding: 0;}
    .service-container .nav-tabs, .projects-container .nav-tabs {width: 100%;}
    .service-container .nav-tabs .nav-item {
        line-height: 1.2;
        width: 22%;
    }
    .service-container .nav-tabs .nav-link {padding: 1rem 0rem;}
    .service-container .nav-tabs .nav-link p {font-size: .8rem;}
    .service-container .card-body li {margin-top: 0px;}
    .service-container .card-body {padding: 3rem 3.5rem 0;}
    .service-container .nav-tabs .nav-link, .projects-container .nav-tabs .nav-link {padding: 1rem 0.5rem;}
    .service-subpoints-wrapper {width: 100%; margin: 0 auto;}
    .service-subpoints-wrapper .service-subpoints {width: 33.33%;}
    .single-project-content {padding: 2rem 0rem;}
    .projects-tab-content-wrapper .project-wrapper .projects-single-project {width: 49.1%;}
    .blog-images-wrapper {padding: 1rem 0rem 1rem;}
    ul.clients-wrappers {padding: 0 0rem;}
    ul.clients-wrappers li {padding: 2rem 1rem 1rem;}
    .contact-details-container {padding: 0 1rem 0 0;}











    
    .faq .card-header .btn-link {font-size: 15px;}
    .faq .card-body p {font-size: 12px; width: 100%;}
    .faq .collapsed .icon-mathematical-addition-sign img {width: 13px;}
    .faq .icon-minus-symbol img {width: 18px;}
    .sitemap-section h3 {font-size: 1rem;}
    .sitemap-section ul li a {font-size: 12px;}
    .content-section h6, .content-section h5 {
        font-size: 1rem;
        margin-top: 1rem;
    }
    .cta-section .cta-content h2, .service-container .card-body h2 {font-size: 2rem;}
    
    
    .service-container .nav-tabs .nav-link img {width: 70%;}
    
    .home-slider img {
        object-fit: cover;
    }
}

/*mobile css start */
@media(max-width: 767px) {
    .opening-single h2 {font-size: 20px; min-height: auto;}
    .career-modal .modal-body {display: block;}
    .content-career {margin-right: 0px; margin-bottom: 2rem;}
    .modal-dialog.modal-xxl {width: 100%; max-width: 100%;}
    .content-career, .career-modal .form-single {width: 100%;}
    .career-wrapper .text-box p {font-size: 16px;}
    .last-career .common-btn {
        width: auto;
        font-size: 16px;
        margin-top: 1rem;
        padding: 0.8rem 1rem;
    }
    .last-career {
        height: auto;
        display: flex;
        flex-wrap: wrap;
        padding: 1.5rem;
        justify-content: center;
        text-align: center;
    }
    .last-career h2 {
        font-size: 17px;
        line-height: 30px;
        padding-right: 10px;
    }
    .career-wrapper {
        width: 100%;
        margin: 0 auto;
        flex-wrap: wrap;
    }
    .career .career-single p, .career-wrapper .text-box, .career .career-single, .opening-single, .opening-wrapper, .benefit-wrapper {width: 100%;}
    .opening-single {width: 100%; margin-right: 0%;}
    .opening-wrapper, .benefit-wrapper {flex-wrap: wrap;}
    .benefit-single {width: 50%;}
    .benefit-single h4 {font-size: 12px; line-height: 22px;}
    .home-about-content p {font-size: .6rem;}
    .dropdown-item.active, .dropdown-item:active {background-color: transparent !important;}
    .header-contact {display: none;}
    /*navbar toggler*/
    button.navbar-toggler:focus {
        outline: 0px dotted;
        outline: 0px auto -webkit-focus-ring-color;
    }
    .navbar-toggler {
        padding: 0;
        z-index: 3;
        position: relative;
        top: 0px;
        right: 15px;
        overflow: hidden;
    }
    .navbar-toggler .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 0px;
        background-color: #fff;
        border-color: transparent;
        position: relative;
        margin: 5px 0;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -o-transition: all 0.3s;
        z-index: 3;
    }
    .navbar-toggler.active .icon-bar.one {
        top: 7px;
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
    }
    .navbar-toggler.active .icon-bar{
        background-color:  #fff;
        z-index: 3;
    }
    header.shrink .navbar-toggler .icon-bar{
        background-color:  #fff;
        z-index: 3; 
    }
    .navbar-toggler.active .icon-bar.two {
        transform: translateX(155px);
    }
    .navbar-toggler.active .icon-bar.three {
        top: -7px;
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
    }
    .navbar-mob {
        background: #f8ac12;
        position: fixed !important;
        top: 0 !important;
        right: 0;
        width: 0%;
        height: 100vh;
        transition: all 0.3s ease;
        z-index: 2;
    }
    .navbar-mob.open{
        width: 70%; 
    }
    .navbar-mob .navbar-nav{
        padding: 55px 0 0 0px;
        display: block;
    }
    header {background: #00000057;}
    header.shrink {background: #000000a6;}
    header.shrink .navbar-nav .nav-link,
    header .navbar-nav .nav-link {
        color: #fff;
        font-size: 17px;
    }
    header .navbar-brand:before{
        display: none;
    }
    .navbar {padding: 10px 0;}
    .navbar-brand {width: 50%;}
    .navbar-brand img {
        width: auto;
        height: 2.5rem;
    }
    .navbar-nav .nav-item a {
        color: #000 !important;
        font-family: 'Montserrat-Bold';
    }
    .dropdown-menu {
        background-color: transparent;
        border: none;
    }
    .navbar-nav .nav-item a.dropdown-item {
        color: #000 !important;
        padding: 0.25rem 1rem !important;
    }
    .navbar-nav .nav-item a.dropdown-item.active {
        border-bottom: 2px solid #fff;
        color: #fff !important;
        background: no-repeat;
    }
    .navbar-nav .nav-item a.active {
        border-bottom: 2px solid #fff;
        color: #000 !important;
    }
    .navbar-nav .nav-item:hover a, .navbar-nav .nav-item a.dropdown-item:hover {color: #fff !important;}
    .home-banner-content h2 {
        margin-bottom: 0;
        font-size: 20px;
        text-align: center;
        padding: 1rem 0.2rem !important;
        display: inline-block;
    }
    .home-banner-content{
        position: relative;
        left: 0;
        top: 50%;
        background: #000000;
        transform: translateY(0px);
        padding: 0 1rem !important;
    }
    .home-slider img {
        height: 35vh;
        object-fit: cover;
    }
    .home-banner-content .banner-btns {
        margin: 0rem;
        display: flex;
        justify-content: flex-start;
        padding-bottom: 1rem;
    }
    .home-slider .owl-nav{
        display: none;
    }
    .home-banner-content .banner-link{
        margin: 0 1rem 0 0;
        padding: 10px 25px;
        font-size: .6rem;
    }
    .home-slider .owl-dots {
        top: -8rem;
    }
    .home-services .owl-carousel .owl-nav {
        position: unset;
        display: flex !important;
        justify-content: flex-end;
    }
    .home-services {padding: 2rem 1rem;}
    .home-services .container {padding: 0rem;}
    .home-services #services-slider .home-service-content {padding: 3rem 0 2rem 2rem;}
    .home-services #services-slider .home-service-wrapper p {padding: 1rem 2.5rem;}
    .home-services #services-slider {margin-top: 1rem;}
    .home-section4 > img {
        object-fit: cover;
        height: 300px;
    }
    .home-section5, .home-section5 > img {
        object-fit: cover;
        height: 300px;
    }
    .home-section5-container {width: 90%;}
    .home-section5-container h2 {font-size: 1.2rem;}
    #home-counter .home-points-counter {width: 33.33%;}
    .home-points-counter h3 {font-size: 2rem;}
    .home-points-counter p {margin-bottom: 0.5rem;}
    .home-recent-projects .nav-tabs a.nav-link {font-size: 1.2rem;}
    .home-recent-projects h2.section-header {font-size: 1.5rem;}
    .home-recent-projects .tab-content {padding: 0 1rem;}
    .home-recent-projects .owl-nav {
        width: 100%;
        top: 100%;
        transform: translate(-50%, 40%);
    }
    .home-recent-projects .owl-nav button, .project-gallery .owl-nav button {
        height: 40px !important;
        width: 40px !important;
    }
    .home-recent-projects .owl-nav button img, .project-gallery .owl-nav button img {height: 1rem;}
    .footer-about img {
        width: 50%;
        margin: 0 auto 1rem !important;
    }
    .footer-about p {width: 100%;}
    .footer3, .footer-contact, .footer-about {
        width: 100%;
        margin-bottom: 0rem;
    }
    .footer-about, .footer-contact {margin-bottom: 2rem;}
    .footer-social li {font-size: 1.2rem;}
    .footer-contact-deatils h6, .footer-headers {font-size: 1rem;}
    .footer-contact {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .footer-contact-container {margin: 0 0 1rem;}
    .footer-contact-container .footer-icon {
        width: 10%;
        min-width: 10%;
    }
    .footer-contact-deatils a {font-size: 0.8rem;}
    .footer-links ul li a {font-size: .8rem;}
    .bottom-footer {
        display: block;
        text-align: center;
    }
    .bfooter1, .bfooter2 {margin-bottom: 0.5rem;}
    .bfooter3 {text-align: center;}


    /*About page*/
    /*.page-breadcrumb {height: 200px;}*/
    .page-breadcrumb .breadcrumb-img img {
        object-fit: cover;
        height: 37vh;
    }
    .page-breadcrumb .breadcrumb-content {top: 60%;}
    /*.page-breadcrumb .breadcrumb-element-bg {padding: 1rem 1.5rem;}*/
    .page-breadcrumb .breadcrumb-element-bg h2, .page-breadcrumb .breadcrumb-element-bg h1 {font-size: 1.2rem;}
    .page-breadcrumb .breadcrumb-element-bg h2 br, .page-breadcrumb .breadcrumb-element-bg h1 br {display: none;}
    .page-breadcrumb .breadcrumb-element-bg h2 span:first-child, .page-breadcrumb .breadcrumb-element-bg h2 span:first-child {
        padding: 1rem 0rem 1rem 1.5rem;
    }
    .page-breadcrumb .breadcrumb-element-bg h2 span:last-child, .page-breadcrumb .breadcrumb-element-bg h2 span:last-child {
        padding: 1rem 1.5rem 1rem 0.5rem;
    }
    .breadcrumb-links {padding: 0.5rem; font-size: .7rem;}
    .about-intro-1 .about-intro-img .about-stat {padding: 0.5rem 1.7rem;}
    .about-intro {padding: 3rem 0 0rem;}
    .about-intro-1 {
        width: 100%;
        text-align: center;
    }
    .about-intro-2 {
        width: 100%;
        padding: 2rem 0 0;
    }
    .about-intro-2 h2, .about-intro-2 h1 {font-size: 1.5rem;}
    .about-intro-3 {padding: 0;}
    .about-intro-1 .about-intro-img .about-stat:nth-child(1):before {left: -1.5rem;}
    .mission-vision .container-fluid > img.img-fluid {
        object-fit: cover;
        height: 550px;
    }
    .mission-vision .container-fluid {padding: 0;}
    .mission-vision-wrapper ul li.nav-item {width: 40%; font-size: .8rem;}
    .mission-vision-wrapper ul li.nav-item a.nav-link {padding: 0.8rem 0rem;}
    .mission-vision-wrapper ul li.nav-item a.nav-link:before {transform: skew(160deg);}
    .mission-vision-wrapper .tab-content .tab-pane {
        padding: 0 1rem !important;
        width: 100%;
    }
    .mission-vision-wrapper .tab-content {top: 56%;}
    .mission-vision .section-top p {width: 100%;}
    .mission-vision-wrapper .mission-vision-container ul li {width: 33%;}
    .section-head {font-size: 1.5rem;}
    .safety-wrapper-content img {height: 4rem;}
    .about-quality li, .service-tab-content-wrapper .card-body ul.service-content2 li,
    .service-tab-content-wrapper .card-body ul li, .project-gallery ul li {width: 100%;}
    .about-certificates {padding: 4rem 0 1rem;}
    .about-certificates-wrapper .owl-nav {
        display: block !important;
        position: absolute;
        top: -5.5rem;
        right: 0;
    }
    .about-certificates-wrapper .owl-nav button {
        background: transparent !important;
        height: 40px;
        width: 40px;
        border-radius: 50% !important;
        border: 1px solid #000 !important;
        transition: all 0.5s ease-in-out;
    }
    .about-certificates-wrapper .owl-nav button img {height: 1.2rem;}
    .about-certificates-wrapper .owl-nav button:hover {background: #F8AC12 !important;}


    /*Services page*/
    .services-title-container h1 {font-size: 1.5rem;}
    .service-container .service-tabs-wrapper, .service-tab-content-wrapper,
    #services-intro .services-intro-wrapper, .projects-tab-content-wrapper, .projects-tabs-wrapper {padding: 3rem 0;}
    .services-intro-content h2 {font-size: 1rem;}
    .service-container {margin-top: 0; padding-bottom: 0rem;}
    .service-tabs-wrapper, .projects-tabs-wrapper {display: none;}    
    .service-container .left_service .tab-content {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .service-container .tab-content>.tab-pane, .projects-tab-content-wrapper .tab-content>.tab-pane {
        display: block;
        width: 100%;
        transition: width 0.5s ease-in-out;
    }
    .service-container .btn-link[aria-expanded*="true"], .projects-tab-content-wrapper .btn-link[aria-expanded*="true"] {
        background: #F8AC12;
        color: #fff;
    }
    .service-container .btn-link[aria-expanded*="true"] p, .projects-tab-content-wrapper .btn-link[aria-expanded*="true"] p {color: #fff;}
    .service-container .btn-link, .projects-tab-content-wrapper .btn-link {
        text-decoration: none;
        background: #E8E8E8;
        width: 100%;
        color: #000;
        margin-bottom: 10px;
        border-radius: 0;
        text-transform: uppercase;
        font-weight: 700;
        line-height: 1.2;
        padding: 1rem;
        transition: all 0.5s ease-in-out;
    }
    .service-container .btn-link p, .projects-tab-content-wrapper .btn-link p {
        width: 100%;
        margin: 0 auto;
        font-family: 'Montserrat-Bold';
        font-size: 1rem;
    }
    .service-tab-content-wrapper .card-body h5 {font-size: 1rem;}
    #services-we-do {margin-top: 3rem; overflow: hidden;}
    #services-we-do h2 {margin-bottom: 1rem; font-size: 1.2rem;}
    .service-subpoints-wrapper {width: 100%; margin: 0 auto;}
    .service-subpoints-wrapper .service-subpoints {width: 50%;}
    .service-subpoints-wrapper .service-subpoints:nth-child(even) {padding-left: 7px;}
    .service-subpoints-wrapper .service-subpoints:nth-child(odd) {padding-right: 7px;}
    .service-subpoints-wrapper .service-subpoints p {padding: 0.6rem 0rem; font-size: 11px;}
    .service-subpoints-wrapper .service-subpoints p:before {width: 100%;}
    .service-container .card-body p, .service-container .card-body li,
    .about-quality li, .service-tab-content-wrapper .card-body ul.service-content2 li, .service-tab-content-wrapper .card-body ul li,
    .project-gallery ul li {
        margin-top: 0px;
        font-size: 0.8rem !important;
    }
    .about-quality li:before, .service-tab-content-wrapper .card-body li:before {
        top: 0%;
        transform: translateY(50%);
    }
    .service-tab-content-wrapper .card-body ul {margin-bottom: 2rem;}
    .service-container .card-header, .projects-tab-content-wrapper .card-header {
       padding:0;
       background-color: transparent;
       border-bottom: 0;
    }
    .service-container .card-body li {margin-top: 8px;}
    .service-container .card-body {
        padding: 1rem;
        margin-bottom: 2rem;
    }
    .service-container .card-body {
        padding: 1rem;
        margin-bottom: 2rem;
    }
    .service-container .tab-pane:last-child .card-body {margin-bottom: 0rem;}
    .services-intro-content br {display: none;}
    .services-intro-content p {margin-bottom: 1rem;}
    .service-related-projects {padding: 0 1rem 2rem;}
    h2.section-header {font-size: 1.2rem;}
    .service-related-projects .col-md-6:first-child {padding-right: 15px;}
    .service-related-projects .col-md-6:first-child .service-related-projects-content {margin-bottom: 1rem;}
    .service-related-projects .col-md-6:last-child {padding-left: 15px;}
    .service-related-projects .single-card {width: 100%; margin-bottom: 1rem;}

    /*Project page*/
    .projects-tab-content-wrapper .project-wrapper .projects-single-project, .blog-images-wrapper .blog-image-box,
    .team-card {width: 100%; margin: 0 0 1rem;}
    .projects-tab-content-wrapper .col-md-12 {padding: 0;}
    .projects-single-project img {padding-bottom: 4rem;}

    /*Project detail page*/
    .projects-details-intro h1 {font-size: 1.2rem;}
    p.projects-location {font-size: .8rem;}
    .projects-details-content h2 {font-size: 1rem;}
    p.projects-location img {height: 1rem;}

    /*Blog page*/
    #blog-wrapper {padding: 0;}
    #blog-wrapper .single-project-content {padding: 1rem;}

    /*Teams page*/
    .team-intro .team-image, .team-intro .team-intro-2 {
        width: 100%;
        padding: 0 15px;
    }
    .team-intro-2 h2 {margin-top: 2rem;}
    #management-heading h5 {padding-top: 0;}
    .team-intro-2 h2, #management-heading h5, .clients-container .text-center h2 {font-size: 1.2rem;}
    .team-intro-2 p.team-designation {font-size: 1rem;}
    ul.clients-wrappers {justify-content: flex-start;}
    ul.clients-wrappers li {
        width: 50%;
        padding: 2rem 0.5rem 1rem;
    }


    /* Contact page */
    .contact-wrapper {flex-wrap: wrap; padding-bottom: 1rem;}
    .contact-details-container {padding: 0 0 2rem;}
    .contact-details-container, .contact-form {width: 100%;}
    .contact-map {margin: 0rem 0 2rem;}
    .contact-details-container h2 {
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }
    .contact-form {padding: 2rem 2rem 1rem;}
    .contact-deatils h6, .contact-form h2 {font-size: 1.2rem;}
    .contact-map iframe {height: 350px;}


















    

   


    

    
    
    
    
    
    
    
    
    
    
    
    
    
    #banner-slider .owl-item .home-banner-content {top: 60%;}
    #banner-slider .home-banner-content h1, #banner-slider .home-banner-content h2 {font-size: 1.5rem;}
    #banner-slider .home-banner-content .banner-link {
        padding: 5px 15px;
        font-size: 8px;
    }
    #banner-slider .owl-nav {
        left: auto;
        right: 5%;
        bottom: 15%;
        z-index: 5;
    }
    #banner-slider .owl-nav button {
        height: 30px;
        width: 30px;
    }
    #banner-slider .owl-dots {top: -1.5rem;}
    
    #about-breadcrumb, #certificates-breadcrumb, #sitemap-breadcrumb, #privacypolicy-breadcrumb,
    #termsconditions-breadcrumb, #disclaimer-breadcrumb {
        background: url('../images/about-banner.jpg');
    }
}

@media(max-width: 411px) {
    .page-breadcrumb .breadcrumb-element-bg h2, .page-breadcrumb .breadcrumb-element-bg h1 {
        font-size: 1.5rem;
    }
    .page-breadcrumb .breadcrumb-img img {
        object-fit: cover;
        height: 27vh;
    }
}

@media(max-width: 375px) { 
    .page-breadcrumb .breadcrumb-img img {
        object-fit: cover;
        height: 37vh;
    }
    .service-container .btn-link p {width: 100%;}
    .home-banner-content h2{font-size: 17px;}
    img.mecon-design {margin-bottom: 1rem;}
    .about-intro-1 .about-intro-img .about-stat {padding: 0.5rem 1.2rem;}
    .mission-vision-wrapper .mission-vision-container p:nth-child(2) {font-size: .9rem;}
    .mission-vision-wrapper .mission-vision-container p:nth-child(2) span {font-size: 1rem;}
    .contact-form {padding: 1rem;}
    /*.projects-single-project:hover .single-project-content {padding: 1.5rem 0rem;}
    .projects-single-project:hover .single-project-content p.single-project-location {margin-bottom: 0.5rem;}*/
    .services-title-container h1 {font-size: 1.2rem;}
    .service-subpoints-wrapper .service-subpoints p:before {width: 100%;}
}

@media(max-width: 360px) {
    .service-container .btn-link p, .footer4, .footer-contact {
        width: 100%;
    }
    .page-breadcrumb .breadcrumb-img img {
        object-fit: cover;
        height: 31vh;
    }
    .home-services #services-slider .home-service-content img {height: 3.5rem;}
}

@media(max-width: 320px) {
    .home-banner-content h2 {font-size: 15px;}
    .home-banner-content .banner-link {font-size: .5rem;}
    .home-about-content {padding: 1.5rem 1rem;}
    .home-about .home-about-container:last-child > img {
        object-fit: cover;
        height: 50vh;
    }
    .home-about-content h3, .home-about-content h1 {font-size: 1rem;}
    img.mecon-design {margin-bottom: 2rem;}
    .home-services #services-slider .home-service-content {padding: 3rem 0 1rem 1rem;}
    .home-services #services-slider .home-service-content h3 {padding-left: 0rem;}
    .home-services #services-slider .home-service-wrapper p {padding: 1rem 1.5rem;}
    .home-services #services-slider .home-service-content img {height: 3rem;}
    .home-section4 h2 {font-size: 1.5rem;}
    .home-recent-projects .nav-tabs a.nav-link {font-size: 1rem;}
    .about-quality h5, .service-tab-content-wrapper .card-body h5 {
        font-family: 'Montserrat-Bold';
        font-size: 1rem;
    }
    .section-head {font-size: 1.2rem;}
    .mission-vision .container > img.img-fluid {height: 600px;}
    .mission-vision-wrapper .tab-content {top: 55%;}
    .mission-vision-wrapper .mission-vision-container img {
        height: 2.5rem;
        margin-bottom: 1rem;
    }
    .mission-vision-wrapper .tab-content .tab-pane {padding: 0 1rem !important;}
    .services-title-container h1 {font-size: 1rem;}
    .service-container .btn-link p, .projects-tab-content-wrapper .btn-link p {font-size: 0.8rem;}
    #services-we-do {overflow: hidden;}
    .service-subpoints-wrapper .service-subpoints p {padding: 0.6rem 0rem;}
    .service-subpoints-wrapper .service-subpoints p:before {width: 100%;}
    .service-related-projects-content {padding: 1.2rem 1rem;}
    .page-breadcrumb .breadcrumb-img img {
        object-fit: cover;
        height: 37vh;
    }
    .page-breadcrumb .breadcrumb-element-bg h2 span:first-child, .page-breadcrumb .breadcrumb-element-bg h2 span:first-child {
        padding: 1rem 0rem 1rem 1rem;
    }
    .page-breadcrumb .breadcrumb-element-bg h2 span:last-child, .page-breadcrumb .breadcrumb-element-bg h2 span:last-child {
        padding: 1rem 1rem 1rem 0.5rem;
    }
    .page-breadcrumb#termsconditions-breadcrumb .breadcrumb-element-bg h1 {font-size: 1rem;}
}

@media(min-width:768px) {
    .service-container .card-header, .projects-tab-content-wrapper .card-header {
        display: none;
    } 
    .service-container .card .collapse, .projects-tab-content-wrapper .card .collapse {
        display: block;
    }
}