.carousel-inner img {
        width: 100%;
        height: 100%;
    }
    
    .myaccount-content .ht-btn--default {
        color: #fff !important;
    }
    
    @media only screen and (max-width: 767px) {
        .d-none-mobile {
            display: none !important;
        }
        .col-xs-6 {
            position: relative;
            width: 50%;
            padding-right: 5px;
            padding-left: 5px;
        }
    }
    
    .about-box-image-single {
        margin-bottom: 40px;
        text-align: center;
        background: #fff;
        padding: 20px 20px;
    }
    
    .about-box-image-single__image {
        margin-bottom: 25px;
    }
    
    .about-box-image-single__image img {
        /* width: 100%; */
    }
    
    .img-fluid {
        max-width: 100%;
        height: auto;
    }
    
    .about-box-image-single__content .title {
        font-size: 19px;
        line-height: 1.2;
        margin-bottom: 20px;
        color: #DE2021;
        font-weight: 700;
    }
    /*=============== Breadcumb Start Here ===============*/
    
    .breadcrumb-area-bg {
        background-size: cover;
        background-position: center center;
        position: relative;
        z-index: 1;
        background: #8f2608;
        padding: 40px 0 !important;
    }
    
    .section-space--inner--30 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    .section-space--inner--80 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    
    .breadcrumb-page-title {
        font-size: 2.5rem;
        font-weight: 700;
        color: #ffffff;
        margin-bottom: 0;
    }
    
    .breadcrumb-page-list {
        text-align: left;
    }
    
    .breadcrumb-page-title {
        text-align: right;
    }
    
    .breadcrumb-page-list li.has-children {
        position: relative;
        padding-right: 25px;
    }
    
    .breadcrumb-page-list li {
        display: inline-block;
        color: #ffffff;
        font-size: 0.8125rem;
        line-height: 1.2;
        font-weight: 700;
    }
    
    .breadcrumb-page-list li.has-children:before {
        font-family: Ionicons;
        content: '\f125';
        font-size: 8px;
        font-weight: 500;
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
    
    .breadcrumb-page-list li.has-children a {
        color: #ffffff;
        position: relative;
        letter-spacing: 0.5px;
        padding: 2px 0;
    }
    
    .breadcrumb-page-list li.has-children a:after {
        -webkit-transition: 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
        -o-transition: 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
        transition: 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
        content: '';
        width: 0;
        height: 1px;
        bottom: 0;
        position: absolute;
        left: auto;
        right: 0;
        z-index: 1;
        background-color: transparent;
    }
    
    .breadcrumb-page-list li {
        display: inline-block;
        color: #ffffff;
        font-size: 0.8125rem;
        line-height: 1.2;
        font-weight: 700;
    }
    /*=============== Breadcumb Start Here ===============*/
    /*=============== Trustee Start Here ===============*/
    
    table.trustee {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        border: 1px solid #ddd;
    }
    
    table.trustee th,
    td {
        text-align: center;
        padding: 8px;
        border: 1px solid #ddd;
        /* background: #fff; */
    }
    
    table.trustee tr td img {
        width: 100px;
        border-radius: 10px;
    }
    /* table.trustee tr td:first-child {
    text-align: center;
} */
    
    table.trustee tr th {
        background: #de2021;
        color: #fff;
    }
    
    table.trustee tr th:first-child {
        text-align: center;
    }
    
    table.trustee tr:nth-child(odd) {
        background-color: #f2f2f2
    }
    
    table.trustee tr:nth-child(even) {
        background-color: #fff
    }
    /*=============== Trustee End Here ===============*/
    /*=============== All Member Start Here ===============*/
    
    table.allmember {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        border: 1px solid #ddd;
    }
    
    table.allmember th,
    td {
        text-align: left;
        padding: 8px;
        border: 1px solid #ddd;
        /* background: #fff; */
    }
    
    table.allmember tr td img {
        width: 100px;
        border-radius: 10px;
    }
    
    table.allmember tr th {
        background: #de2021;
        color: #fff;
    }
    
    table.allmember tr th:first-child,
    table.allmember tr td:first-child,
    table.allmember tr td:last-child {
        text-align: center !important;
    }
    
    table.allmember tr:nth-child(odd) {
        background-color: #f2f2f2
    }
    
    table.allmember tr:nth-child(even) {
        background-color: #fff
    }
    /*=============== All Member End Here ===============*/
    
    #contact-form label span {
        color: red;
    }
    
    .error {
        color: red;
    }
    
    .mb-15 {
        margin-bottom: 15px !important;
    }
    
    .service-details-list li {
        color: #222;
        padding-left: 20px;
        position: relative;
        margin-bottom: 15px;
    }
    
    .service-details-list li:before {
        position: absolute;
        /* top: 6px; */
        left: 0;
        display: block;
        font-family: Ionicons;
        content: '\f122';
        font-size: 15px;
        color: #FF0000;
    }
    
    .case-study__single-gallery-image {
        margin-bottom: 30px;
    }
    
    .gallery-text {
        background: #FF0000;
        color: #fff;
        text-align: center;
        font-weight: 600;
        padding: 10px 10px;
    }
    /*=============================================
=           My Account            =
=============================================*/
    
    .myaccount-tab-menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        background-color: #ffffff;
    }
    
    .myaccount-tab-menu a {
        border: 1px solid #eeeeee;
        border-bottom: none;
        color: #888;
        font-weight: 500;
        font-size: 12px;
        display: block;
        padding: 15px 15px 13px;
        text-transform: uppercase;
    }
    
    .myaccount-tab-menu a:last-child {
        border-bottom: 1px solid #eeeeee;
    }
    
    .myaccount-tab-menu a:hover,
    .myaccount-tab-menu a.active {
        background-color: #de2021;
        color: #ffffff;
    }
    
    .myaccount-tab-menu a i {
        font-size: 14px;
        text-align: center;
        width: 25px;
    }
    /*-- My Account Content -*/
    
    .myaccount-content {
        background-color: #ffffff;
        font-size: 14px;
        border: 1px solid #eeeeee;
        padding: 30px;
        font-weight: 700;
    }
    
    .myaccount-content h3 {
        border-bottom: 1px dashed #eeeeee;
        padding-bottom: 10px;
        margin-bottom: 25px;
        color: #de2021;
        line-height: 40px;
    }
    
    .myaccount-content h3 span,
    .myaccount-content h3 span a {
        float: right;
        text-decoration: underline;
        color: #000;
    }
    
    .myaccount-content .welcome a {
        color: #000000;
    }
    
    .myaccount-content .welcome a:hover {
        color: #de2021;
    }
    
    .myaccount-content .welcome strong {
        font-weight: 600;
    }
    
    .myaccount-content a.edit-address-btn {
        background: none;
        border: none;
        font-weight: 400;
        font-size: 14px;
        text-transform: uppercase;
        color: #ffffff;
        background-color: #222;
        border-color: #222;
        padding: 10px 20px;
        border-radius: 0;
    }
    
    .myaccount-content a.edit-address-btn i {
        padding-right: 5px;
    }
    
    .myaccount-content a.edit-address-btn:hover {
        background-color: #ffc246;
    }
    
    .myaccount-content button.save-change-btn {
        background: none;
        border: none;
        font-weight: 400;
        text-transform: uppercase;
        color: #ffffff;
        background-color: #222;
        border-color: #222;
        width: 140px;
        padding: 10px 0;
    }
    
    .myaccount-content button.save-change-btn:hover {
        background-color: #ffc246;
    }
    /*-- My Account Table -*/
    
    .myaccount-table {
        white-space: nowrap;
        font-size: 15px;
    }
    
    .myaccount-table table th,
    .myaccount-table .table th {
        padding: 10px;
    }
    
    .myaccount-table table td,
    .myaccount-table .table td {
        padding: 20px 10px;
        vertical-align: middle;
    }
    
    .myaccount-table table td a:hover,
    .myaccount-table .table td a:hover {
        color: #ffc246;
    }
    
    .myaccount-content table tr td a:first-child {
        padding-right: 10px;
    }
    
    .saved-message {
        border-top: 3px solid #ffc246;
        border-radius: 5px 5px 0 0;
        font-weight: 600;
        font-size: 13px;
        padding: 20px;
    }
    /*-- My Account Details Form -*/
    
    .account-details-form h4 {
        margin: 0;
    }
    
    .account-details-form input {
        margin-bottom: 10px;
        display: block;
        width: 100%;
        border: 1px solid #ebebeb;
        border-radius: 0;
        line-height: 24px;
        padding: 11px 25px;
        color: #000000;
    }
    /*=====  End of My Account  ======*/
    /*-- Login Title --*/
    
    .login-title {
        font-size: 20px;
        line-height: 23px;
        text-decoration: underline;
        text-transform: capitalize;
        font-weight: 700;
        margin-bottom: 30px;
    }
    /*-- Login Form --*/
    
    .login-form {
        background-color: #ffffff;
        padding: 30px;
        -webkit-box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 5px 4px 0px rgba(0, 0, 0, 0.1);
    }
    
    .login-form label {
        display: block;
        font-size: 14px;
        margin-bottom: 12px;
        font-weight: 500;
        text-transform: capitalize;
    }
    
    .login-form .nice-select {
        margin-bottom: 20px;
        width: 100%;
        background-color: transparent;
        border: 1px solid #999999;
        border-radius: 0;
        line-height: 23px;
        padding: 10px 20px;
        font-size: 14px;
        height: 45px;
        color: #888;
        margin-bottom: 15px;
    }
    
    .login-form .nice-select::after {
        width: 6px;
        height: 6px;
        border-width: 1px;
        right: 20px;
        border-color: #888;
    }
    
    .login-form .nice-select .current {
        color: #888;
        display: block;
        line-height: 23px;
    }
    
    .login-form .nice-select .list {
        width: 100%;
    }
    
    .login-form input {
        width: 100%;
        background-color: transparent;
        border: 1px solid #999999;
        border-radius: 0;
        line-height: 23px;
        padding: 10px 20px;
        font-size: 14px;
        color: #888;
        margin-bottom: 15px;
    }
    
    .login-form input[type="checkbox"] {
        width: auto;
    }
    
    .login-form .check-box {
        float: left;
        margin-right: 70px;
    }
    
    .login-form .check-box:last-child {
        margin-right: 0;
    }
    
    .login-form .check-box input[type="checkbox"] {
        display: none;
    }
    
    .login-form .check-box input[type="checkbox"]+label {
        position: relative;
        padding-left: 30px;
        line-height: 20px;
        font-size: 14px;
        font-weight: 400;
        color: #222;
        margin: 0;
    }
    
    .login-form .check-box input[type="checkbox"]+label::before {
        position: absolute;
        left: 0;
        top: 0;
        width: 20px;
        height: 20px;
        display: block;
        border: 2px solid #999999;
        content: "";
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }
    
    .login-form .check-box input[type="checkbox"]+label::after {
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        content: "\f00c";
        font-family: Fontawesome;
        font-size: 12px;
        line-height: 20px;
        opacity: 0;
        color: #222;
        width: 20px;
        text-align: center;
        -webkit-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
    }
    
    .login-form .check-box input[type="checkbox"]:checked+label::before {
        border: 2px solid #222;
    }
    
    .login-form .check-box input[type="checkbox"]:checked+label::after {
        opacity: 1;
    }
    /*-- Place Order --*/
    
    .register-button {
        display: block;
        margin-top: 20px;
        width: 140px;
        height: 36px;
        border: none;
        line-height: 24px;
        padding: 6px 20px;
        float: left;
        font-weight: 400;
        text-transform: uppercase;
        color: #ffffff;
        background-color: #222;
    }
    
    .register-button:hover {
        background-color: #ffc246;
    }
    
    .forget-pass-link:hover {
        color: #ffc246;
    }
    /*=====  End of Login Register  ======*/
    
    .align-end {
        text-align: end !important;
    }
    
    .bg-img1 {
        width: 100%;
        background: url(../img/bg.png) repeat left top;
        padding: 60px 0 60px 0;
        min-height: 200px;
    }
    
    .bg-img2 {
        width: 100%;
        background: url(../img/pattern-2.jpg) repeat left top;
        padding: 60px 0 60px 0;
        min-height: 200px;
    }
    
    .bg-img3 {
        width: 100%;
        background: url(../img/bg-texture.jpg) repeat left top;
        padding: 30px 0 30px 0;
        /* min-height: 200px; */
    }
    
    .head5 {
        font-size: 24px;
        line-height: 2;
        color: #fff;
        font-weight: 700;
    }
    
    .aboutus .banner-image-three__image {
        padding: 80px 30px;
    }
    
    .feature-project-two-single-item:hover .stretched-Name {
        color: #fff;
    }
    
    .stretched-Name {
        font-size: 1.5rem;
        font-weight: bold;
        color: #DE2021;
    }
    
    .stretched-designation {
        font-size: 1rem;
        font-weight: 500;
    }
    
    .stretched-contact {
        font-size: 1rem;
        font-weight: 500;
    }
    
    @media (max-width: 1200px) {
        .breadcrumb-page-list {
            text-align: center;
        }
        .breadcrumb-page-title {
            text-align: center;
            margin-top: 30px;
        }
    }