/* Extra small devices (phones, 600px and down) */
@media only screen and (min-width: 600px) {}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (max-width: 600px) {
    .header-slider-wrapper .container .slider-content {
        position: relative;
        top: 35%;
        transform: translateY(0%);
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (max-width: 768px) {




    .mobile-header-menubar {
        top: 0;
        background-color: darkred;
    }

    .page-breadcrumb {
        margin-top: 80px;
    }

    .page-breadcrumb p {
        font-size: 18px;
    }

    .page-breadcrumb h1, .page-breadcrumb h3 {
        font-size: 27px;
    }


    .header-slider-wrapper .container .slider-content {
        position: relative;
        top: 35%;
        transform: translateY(100%);
        text-align: center;
    }

    .banner-carousel .slide-item {
        height: 350px;
    }

    .header-slider-wrapper .banner-carousel {
        height: 100%;
    }

    .header-slider-wrapper .slide_img {
        background-position: center center;
    }

    .header-slider-wrapper .container {
        padding-top: 50px;
        height: auto;
    }

    .header-slider-wrapper .container .slider-content p {
        font-size: 16px;
        margin-bottom: 0px;
    }

    .header-slider-wrapper .container .slider-content h1,
.header-slider-wrapper .container .slider-content .slide-title {
        font-size: 30px;
        margin: 10px 0;
        line-height: 30px;
    }

    .header-slider-wrapper .container .slider-content .btn-group a.btn-primary {
        margin: 0 auto;
        padding: 7px 12px;
        font-size: 11px;
        border: 1px solid;
    }

    .header-slider-wrapper .container .slider-content .btn-group a {}

    .owl-nav {
        display: none;
    }

    .owl-dots {
        display: none;
    }

    .products {
        padding: 50px 0;
    }

    .companyoffer {
        padding: 0;
    }

    .companyoffer h1 {
        font-size: 25px;
        margin-top: 15px;
    }

    .companyoffer p.offerbody {
        text-align: justify;
    }

    .home-rating-image {
        top: 10%;
        left: 0;
    }

    .home-rating-image img {
        width: 80%;
        padding: 40px;
        animation: none;
    }

    .home-ratting img {
        width: 90%;
    }

    .committee {
        padding: 30px 0;
    }


    .credit-rating img.rating-status{
        width: 90%;
        margin: 20px auto;
    }

    .yearofexperience{
        padding: 20px 0;
    }

    .experience-itembox{
        margin-top: 250px;
    }

    .happyclientcount {
        text-align: center;
        padding: 5px 0;
    }

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

    .happyclientcount ul li {
        padding: 10px;
    }

    .happyclientcount ul li span:first-child {
        font-size: 20px;
        font-weight: 700;
    }

    .happyclientcount ul li span:last-child {
        margin-top: 5px;
        font-size: 12px;
        font-family: var(--pi-font-sans);
    }

    .why-choose-us-content-section {
        position: inherit;
        width: 100%;
        padding: 30px;
        margin: 10px 0;
        overflow: inherit;
    }

    .why-choose-us-content-section p {
        text-align: justify;
    }

    .why-choose-left-bg {
        background: none;
    }

    .who-chhose-us-title h2 {
        font-size: 22px;
    }

    .who-chhose-us-title h2 i {
        font-size: 20px;
    }

    .why-choose-us-content {
        margin: 0;
        width: 100%;
        height: 100%;
    }

    .experienceitem {
        font-size: 40px;
        padding: 20px 20px;
        height: 100%;
    }

    .experienceitem i {
        font-size: 40px;
        border: 1px solid red;
        color: red;
        padding: 30px 10px;
        border-radius: 50%;
        width: 100px;
        height: 100px;
    }

    .yearofexperience-title {
        padding: 0 0 70px 0;
        position: relative;
        top: 0;
    }

    .yearofexperience-title p {
        text-align: center;
    }

    .yearofexperience h3 {
        padding: 20px 30px 0 0;
        font-size: 25px;
        text-align: center;
    }

    .claim-title {
        margin-bottom: 30px;
    }

    .claim-title h3 {
        font-size: 22px;
        padding: 3px 10px;
    }

    .claim {
        min-height: 300px;
    }


    .home_reports_heading h3 {
        text-align: center;
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .report_banner {
        padding: 40px;
    }

    .report-item {
        padding: 40px 10px;
        width: 47%;
    }

    .report-item a span{
        padding: 5px;
    }

    .home_report_item .report-item {
        margin: 5px !important;
    }

    .report-item a span:last-child {
        height: 30px;
    }



    .annual-report-item h4 {
        margin: 10px;
        font-size: 13px;
    }

    .annual-report-item img {
        border-radius: 20px 20px 0 0;
        transition: .5s ease;
    }

    a.annual-report-button {
        padding: 5px 10px;
    }

    .gallery-title {
        margin-bottom: 20px;
    }

    .gallery-title img {
        width: 60%;
    }

    .gallery-item {
        width: 50% !important;
        height: 100%;
    }

    .awards{
        padding: 30px 0;
    }


    .certification{
        padding: 30px 0;
    }

    .award-title img {
        width: 60%;
    }

    .certificate-title img {
        width: 60%;
    }


    .news-title {
        width: 100%;
    }

    .news-title h3 {
        font-size: 25px;
        line-height: 47px;
    }


    .our-vission img{
        padding: 20px;
    }

    .our-mission img{
        padding: 20px;
    }

    .our-goal img{
        padding: 10px;
    }
    /* // branch */

    .branch-head {
        width: 35%;
        padding: 2px;
    }



    .branch-head h5 {
        font-size: 12px;
    }

    .branch-head p {
        margin-top: 0;
        font-size: 10px;
    }


    .branch-location {
        width: 65%;
    }

    .branch-location h5 {
        font-size: 12px;
    }

    .branch-location p {
        font-size: 10px;
        line-height: 1rem;
    }

    .mobile-zone-list li {
        width: 32%;
        border: 1px solid #ddd;
        border-radius: 10px;
        margin: 2px;
    }


    .mobile-zone-list li button {
        width: 100%;
    }

    .branch-info-box{
        padding: 10px 0;
    }




    .footer-logo {
        padding: 0 30px;
    }

    .footer-about {
        padding: 0 30px;
        width: 100%;
    }

    .footer-title {
        padding: 0 30px;
    }

    .footer-menu {
        padding: 0 30px;
    }

    .footer-bottom {
        /* text-align: center !important;
        background: #000; */
    }

    .footer-bottom p {
        text-align: center !important;
        align-content: center;
        font-size: 14px;
    }


}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .header-slider-wrapper .container .slider-content {
        position: relative;
        top: 35%;
        transform: translateY(0%);
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {}






/* ================= Committee ====================*/


.wk-desk-1 {
    width: 8.333333%;
}

.wk-desk-2 {
    width: 16.666667%;
}

.wk-desk-3 {
    width: 25%;
}

.wk-desk-4 {
    width: 33.333333%;
}

.wk-desk-5 {
    width: 41.666667%;
}

.wk-desk-6 {
    width: 50%;
}

.wk-desk-7 {
    width: 58.333333%;
}

.wk-desk-8 {
    width: 66.666667%;
}

.wk-desk-9 {
    width: 75%;
}

.wk-desk-10 {
    width: 83.333333%;
}

.wk-desk-11 {
    width: 91.666667%;
}

.wk-desk-12 {
    width: 100%;
}

@media (max-width: 1024px) {
    .wk-ipadp-1 {
        width: 8.333333%;
    }

    .wk-ipadp-2 {
        width: 16.666667%;
    }

    .wk-ipadp-3 {
        width: 25%;
    }

    .wk-ipadp-4 {
        width: 33.333333%;
    }

    .wk-ipadp-5 {
        width: 41.666667%;
    }

    .wk-ipadp-6 {
        width: 50%;
    }

    .wk-ipadp-7 {
        width: 58.333333%;
    }

    .wk-ipadp-8 {
        width: 66.666667%;
    }

    .wk-ipadp-9 {
        width: 75%;
    }

    .wk-ipadp-10 {
        width: 83.333333%;
    }

    .wk-ipadp-11 {
        width: 91.666667%;
    }

    .wk-ipadp-12 {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .wk-tab-1 {
        width: 8.333333%;
    }

    .wk-tab-2 {
        width: 16.666667%;
    }

    .wk-tab-3 {
        width: 25%;
    }

    .wk-tab-4 {
        width: 33.333333%;
    }

    .wk-tab-5 {
        width: 41.666667%;
    }

    .wk-tab-6 {
        width: 50%;
    }

    .wk-tab-7 {
        width: 58.333333%;
    }

    .wk-tab-8 {
        width: 66.666667%;
    }

    .wk-tab-9 {
        width: 75%;
    }

    .wk-tab-10 {
        width: 83.333333%;
    }

    .wk-tab-11 {
        width: 91.666667%;
    }

    .wk-tab-12 {
        width: 100%;
    }
}

@media (max-width: 500px) {
    .wk-mobile-1 {
        width: 8.333333%;
    }

    .wk-mobile-2 {
        width: 16.666667%;
    }

    .wk-mobile-3 {
        width: 25%;
    }

    .wk-mobile-4 {
        width: 33.333333%;
    }

    .wk-mobile-5 {
        width: 41.666667%;
    }

    .wk-mobile-6 {
        width: 50%;
    }

    .wk-mobile-7 {
        width: 58.333333%;
    }

    .wk-mobile-8 {
        width: 66.666667%;
    }

    .wk-mobile-9 {
        width: 75%;
    }

    .wk-mobile-10 {
        width: 83.333333%;
    }

    .wk-mobile-11 {
        width: 91.666667%;
    }

    .wk-mobile-12 {
        width: 100%;
    }
}