﻿.section-box.shop-template {
    padding: 24px 18px;
}

.shop-template .container {
    padding: 24px 0px 10px;
    max-width: 1283px;
    margin: 0 auto;
    width: 100%;
    /*min-height: calc(100vh - 294px);*/
    /*padding-bottom: 111px;*/
}

.box-contactUs h3 {
    color: #191919 !important;
}

.shop-template .container .row {
    margin: 0;
}

.shop-template .container .box-contactUs *, .box-contact-address * {
    color: #191919;
}

.shop-template .container .box-contactUs .frow .col-lg-6, .shop-template .container .box-contactUs .frow .col-lg-12 {
    padding-left: 0 !important;
}

.shop-template .container .page_title {
    color: #707070 !important;
    font-weight: 400;
    font-size: 0.875rem;
    margin-bottom: 20px;
}

.shop-template .page_title a {
    color: #191919 !important;
}

.shop-template h2 {
    font-size: 1.4rem;
}

.contactBorder {
    border: 1px solid #CCCCCC;
    border-radius: 6px;
}

.contactUsFormpd {
    padding: 32px 19px 17px 19px;
}

.box-contactUs.no-before::before {
    content: none;
}

.box-contactUs.no-before {
    width: 59%;
    margin-left: 1%;
}

.bg-ContactLeft {
    background-color: #191919;
    color: #FFFFFF;
    border-radius: 6px;
    width: 40%;
}

.contactLeftpd {
    padding: 22px 20px;
}

    .contactLeftpd label {
        color: #FFFFFF;
        font-size: 1.125rem !important;
    }

    .contactLeftpd .subTitle {
        color: #FFFFFF !important;
        font-size: 1.125rem !important;
    }

.error {
    border-color: red !important;
}

.phone_Container .error {
    color: red !important;
}


.contact-form .btn {
    background: #357ae8 !important;
    color: #FFFF !important;
    border: 0 !important;
    height: 40px;
    line-height: 40px;
    padding-top: 0;
    padding-bottom: 0;
}

    .contact-form .btn.btn-clear {
        color: #000 !important;
    }

.input-group-text-contact {
    background-color: transparent;
    border: 1px solid #DDE4F0;
}

.form-control-phone {
    border-left: none !important;
}

.contactUsCol1 {
    color: white !important;
    background-color: #191919;
    height: 100%;
    border-radius: 6px
}

    .contactUsCol1 h3 {
        color: white !important;
    }

    .contactUsCol1 p {
        color: white !important;
    }

@media(max-width:720px) {
    .bg-ContactLeft {
        width: 100%;
        margin-top: 30px;
    }

    .box-contactUs.no-before {
        width: 100%;
        margin-left: 0;
        padding: 0;
    }

    .mobileFix {
        display: flex;
        flex-direction: column-reverse;
    }
}
