﻿.container-contactusbanner {
    --link-font-size: 0.8vw;
    --link-font-size-offset: 0.1vw;
    height: auto;
}

    .container-contactusbanner .section-cols-2 {
        padding: 0vw 2vw 0vw 2vw;
    }

        .container-contactusbanner .section-cols-2 .banner-image {
            position: relative;
            height: 100%;
        }

            .container-contactusbanner .section-cols-2 .banner-image img {
                width: 100%;
                height: auto;
            }

        .container-contactusbanner .section-cols-2 .section-content {
            position: relative;
            height: 100%;
            padding: 2.5vw;
            display: flex;
            align-items: flex-start;
            justify-content: center;
            flex-direction: column;
        }

            .container-contactusbanner .section-cols-2 .section-content .section-title {
                font-family: var(--primary-font-family);
                font-size: 4.1vw;
                line-height: 4.5vw;
                color: var(--header-font-color);
                width: 100%;
            }

            .container-contactusbanner .section-cols-2 .section-content .section-text {
                padding: 2vw 10vw 2vw 0;
                text-align: left;
                font-family: var(--secondary-font-family);
                font-size: 1.2vw;
                font-weight: 100 !important;
                line-height: 1.5vw;
                color: var(--text-font-color);
                width: 100%;
            }

            .container-contactusbanner .section-cols-2 .section-content .contact-details {
                padding: 2vw 0vw 1vw 0;
                text-align: left;
                font-family: var(--secondary-font-family);
                font-size: 1.2vw;
                line-height: 1.5vw;
                color: var(--text-font-color);
                width: 100%;
            }

                .container-contactusbanner .section-cols-2 .section-content .contact-details a {
                    text-decoration: none;
                    color: var(--text-font-color);
                }

                .container-contactusbanner .section-cols-2 .section-content .contact-details .contact-label {
                    font-family: var(--primary-font-family);
                    font-size: 1.4vw;
                    font-weight: 700;
                    padding: 0 0 10px 0;
                    color: var(--label-font-color);
                    width: 100%;
                }

                .container-contactusbanner .section-cols-2 .section-content .contact-details .social-list {
                    list-style: none;
                    padding: 0;
                }

                    .container-contactusbanner .section-cols-2 .section-content .contact-details .social-list li a {
                        text-decoration: none;
                        color: var(--header-font-color);
                    }

.w-100 {
    width: 100%;
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 768px) and (max-width: 991px) {
}

/*@media (min-width: 576px) and (max-width: 767px) {
    .container-contactusbanner {
        height: auto;
        padding: 0 0 0 0;
    }

        .container-contactusbanner .section-cols-2 {
            padding: 0 0 0 0;
        }

            .container-contactusbanner .section-cols-2 .banner-image {
                position: relative;
                height: 100%;
            }

                .container-contactusbanner .section-cols-2 .banner-image img {
                    width: 100%;
                    height: auto;
                }

            .container-contactusbanner .section-cols-2 .section-content {
                position: relative;
                height: 100%;
                padding: 50px 20px 20px 20px;
                display: flex;
                align-items: flex-start;
                justify-content: center;
                flex-direction: column;
            }

                .container-contactusbanner .section-cols-2 .section-content .section-title {
                    font-family: var(--primary-font-family);
                    font-size: 60px;
                    line-height: 72px;
                    color: var(--header-font-color);
                    width: 100%;
                }

                .container-contactusbanner .section-cols-2 .section-content .section-text {
                    padding: 30px 10px 20px 0;
                    text-align: left;
                    font-family: var(--secondary-font-family);
                    font-size: 20px;
                    line-height: 24px;
                    color: var(--text-font-color);
                    width: 100%;
                }

                .container-contactusbanner .section-cols-2 .section-content .contact-details {
                    padding: 0 0 0 0;
                    text-align: left;
                    font-family: var(--secondary-font-family);
                    font-size: 22px;
                    line-height: 28px;
                    color: var(--text-font-color);
                    width: 100%;
                }

                    .container-contactusbanner .section-cols-2 .section-content .contact-details a {
                        text-decoration: none;
                        color: var(--text-font-color);
                    }

                    .container-contactusbanner .section-cols-2 .section-content .contact-details .contact-label {
                        font-size: 26px;
                        font-weight: 700;
                        padding: 40px 0 10px 0;
                        color: var(--label-font-color);
                        width: 100%;
                    }

                    .container-contactusbanner .section-cols-2 .section-content .contact-details .social-list {
                        list-style: none;
                        padding: 0;
                    }

                        .container-contactusbanner .section-cols-2 .section-content .contact-details .social-list li a {
                            text-decoration: none;
                            color: var(--header-font-color);
                        }
}

@media (max-width: 575px) {
    .container-contactusbanner {
        height: auto;
        padding: 0 0 0 0;
    }

        .container-contactusbanner .section-cols-2 {
            padding: 0 0 0 0;
        }

            .container-contactusbanner .section-cols-2 .banner-image {
                position: relative;
                height: 100%;
            }

                .container-contactusbanner .section-cols-2 .banner-image img {
                    width: 100%;
                    height: auto;
                }

            .container-contactusbanner .section-cols-2 .section-content {
                position: relative;
                height: 100%;
                padding: 50px 20px 20px 20px;
                display: flex;
                align-items: flex-start;
                justify-content: center;
                flex-direction: column;
            }

                .container-contactusbanner .section-cols-2 .section-content .section-title {
                    font-family: var(--primary-font-family);
                    font-size: 60px;
                    line-height: 72px;
                    color: var(--header-font-color);
                    width: 100%;
                }

                .container-contactusbanner .section-cols-2 .section-content .section-text {
                    padding: 30px 10px 20px 0;
                    text-align: left;
                    font-family: var(--secondary-font-family);
                    font-size: 20px;
                    line-height: 24px;
                    color: var(--text-font-color);
                    width: 100%;
                }

                .container-contactusbanner .section-cols-2 .section-content .contact-details {
                    padding: 0 0 0 0;
                    text-align: left;
                    font-family: var(--secondary-font-family);
                    font-size: 22px;
                    line-height: 28px;
                    color: var(--text-font-color);
                    width: 100%;
                }

                    .container-contactusbanner .section-cols-2 .section-content .contact-details a {
                        text-decoration: none;
                        color: var(--text-font-color);
                    }

                    .container-contactusbanner .section-cols-2 .section-content .contact-details .contact-label {
                        font-size: 26px;
                        font-weight: 700;
                        padding: 30px 0 10px 0;
                        color: var(--label-font-color);
                        width: 100%;
                    }

                    .container-contactusbanner .section-cols-2 .section-content .contact-details .social-list {
                        list-style: none;
                        padding: 0;
                    }

                        .container-contactusbanner .section-cols-2 .section-content .contact-details .social-list li a {
                            text-decoration: none;
                            color: var(--header-font-color);
                        }
}
*/