/*
Template:       metro
Theme Name:     Metro Child
Theme URI:      https://radiustheme.com/demo/wordpress/themes/metro
Author:         RadiusTheme
Author URI:     https://www.radiustheme.com
Description:    Metro is a clean and modern WordPress Theme for Ecommerce and Online Store. This theme comes with all necessary features and pages for a Ecommerce website.
Version:        1.0
Tags:           two-columns, three-columns, left-sidebar, right-sidebar, custom-colors, custom-menu, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, blog
License:        Envato split License
License URI:    https://themeforest.net/licenses/terms/regular
*/

.banner {
    background-color: #f2f2f2;
    text-align: center;
    position: relative
}

.banner .banner-content {
    position: relative;
    padding: 130px 0 120px
}

@media all and (max-width: 1199.98px) {
    .banner .banner-content {
        padding: 80px 0 75px
    }
}

@media all and (max-width: 991.98px) {
    .banner .banner-content {
        padding: 50px 0
    }
}

.banner .banner-content h1,
.banner .banner-content h2 {
    color: #000;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 1.1;
    word-wrap: break-word
}

@media all and (max-width: 1199.98px) {
    .banner .banner-content h1,
    .banner .banner-content h2 {
        margin-bottom: 10px
    }
}

@media all and (max-width: 991.98px) {
    .banner .banner-content h1,
    .banner .banner-content h2 {
        font-size: 30px
    }
}

.header-style-7 .banner .banner-content {
    padding-top: 160px
}

@media all and (max-width: 1199.98px) {
    .header-style-7 .banner .banner-content {
        padding-top: 130px
    }
}

@media all and (max-width: 991.98px) {
    .header-style-7 .banner .banner-content {
        padding: 50px 0
    }
}

.header-style-7.has-topbar .banner .banner-content {
    padding-top: 200px
}

@media all and (max-width: 1199.98px) {
    .header-style-7.has-topbar .banner .banner-content {
        padding-top: 180px
    }
}

@media all and (max-width: 991.98px) {
    .header-style-7.has-topbar .banner .banner-content {
        padding: 50px 0
    }
}

.header-bgimg .banner:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3)
}