/*Site css*/
#main-container h4 {
    color: #000 !important;
    margin-top: 25px;
}

.logo a img {
    width:  230px;
}

.footer-logo a img{
    width: 200px;
}

.nice-select {
    width: 100% !important;
    float: none !important;
    color: #a5a5a5;
}

.active-menu {
    color: #ffa73c !important;
}

.required {
    color: red;
}

.input-invalid {
    color: red;
}

@media screen and (max-width: 768px) {
    .logo a img {
        width: 140px;
    }

    .header-area .main-header {
            padding-top: 0;
            padding-bottom: 0;
    }

    .header-area .main-header {
        padding: 0 0px;
    }

    .mobile_menu {
        position: absolute;
        right: 0px;
        width: 100%;
        z-index: 99;
        top: -21px;
    }

    .slicknav_menu .slicknav_icon {
        margin-right: 6px;
        margin-top: 3px;
        position: relative;
        right: 0px;
    }

    .slider-area .hero__caption span {
        color: #fff;
        font-size: 37px;
    }

    .pb-100 {
        padding-bottom: 50px;
    }
    .pt-100 {
        padding-top: 50px;
    }

    .section-padding3 {
        padding-bottom: 30px !important;
    }

    h2, .section-tittle h2 {
        font-size: 28px;
        line-height: 30px;
    }

    .services-area .single-services .services-caption h3 a {
        color: #222222;
        font-weight: 700;
        font-size: 20px;
        display: block;
    }

    .wantToWork-area {
        text-align: center;
    }

   .wantToWork-area .wantToWork-caption h2 {
       font-size: 23px !important;
       margin-bottom: 0px;
       text-align: left;
       line-height: 28px;
   }

    .btn.btn-black.f-right {
        float: none;
        margin-top: 0;
        padding: 20px;
    }

    .w-padding2 {
        padding-top: 20px;
        padding-bottom: 30px;
    }

    .footer-logo a img{
            width: 100px;
    }

    .footer-area .footer-top .single-footer-caption .footer-number h4 {
        color: #9e6622;
        font-size: 20px;
        font-weight: 500;
        text-transform: capitalize;
        line-height: 22px;
    }

    .footer-number {
        margin-bottom: 30px;
    }

    .footer-area .footer-top .single-footer-caption .footer-tittle h4 {
        margin-bottom: 22px;
    }

    .mb-50 {
        margin-bottom: 15px;
    }

    .footer-bottom {
        text-align: center;
    }

    .footer-bottom .f-right {
        float: none;
    }

    .footer-area .footer-bottom {
        padding-bottom: 0px;
        padding-top: 10px;
        font-size: 12px !important;
    }

    .footer-area .footer-bottom .footer-copy-right p {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 0px;
    }

    .footer-padding {
        padding-top: 50px;
        padding-bottom: 30px;
    }

}

@media screen and (max-width: 575px) {
    .section-padding3 {
        padding-top: 20px !important;
        padding-bottom: 0px !important;
    }

    .wantToWork-area .wantToWork-caption h2 {
        font-size: 20px !important;
        margin-bottom: 25px;
        text-align: center;
        line-height: 28px;
    }

    .footer-area .footer-top .single-footer-caption .footer-tittle h4 {
        margin-bottom: 5px;
        font-size: 14px;
        line-height: 16px;
    }

    .footer-area .footer-top .single-footer-caption .footer-cap p, .footer-area .footer-top .single-footer-caption .footer-cap span  {
        color: #bdbdbd;
        font-size: 13px;
        line-height: 17px;
    }

    .footer-padding {
        padding-top: 50px;
        padding-bottom: 0px;
    }

    .disp-none {
        display: none;
    }

}