/* ===================================================================================

* Theme Name: Roofx Child
* Theme URI: https://www.themedox.com/roofx/
* Author: ThemeDox
* Author URI: https://themeforest.net/user/themedox/
* Description: Roofx - Roofing Services WordPress Theme
* Version: 1.0
* Template: roofx
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

====================================================================================== */

.header-top-wrap .row.justify-content-center {
	margin-left: auto;
    margin-right: auto;
    width: auto;
    max-width: 665px;
}

.fetures-content-three {
    min-height: 220px;
}

.breadcrumb-bg::after {
	content: " ";
	background:red;
	opacity:0.5;
}

.header-action {
	display:block !important;
}


.navbar-wrap ul li .sub-menu li a {
	text-transform:none;
}

.navbar-wrap ul li:hover > .sub-menu {
	width: max-content;
}

.mobile-menu {
	width: 85%;
}

@media (max-width: 1199.98px) {
    .header-action > ul li.header-btn {
        display: block;
    }
	.header-action .header-btn .btn {
		font-size:13px;
	}
}

@media (max-width: 991.98px) {
    .menu-area .mobile-nav-toggler {
        display: block;
        margin-top: 20px;
    }
}

@media (max-width: 1222px) {
    .menu-area .mobile-nav-toggler {
        display: block;
        margin-top: 20px;
    }
	.navbar-wrap.main-menu.d-none.d-lg-flex {
		display:none !important;
	}
    .menu-nav {
        justify-content: space-between;
    }	
    .header-action {
        margin-right: 40px;
    }	
    .menu-area {
        padding: 10px 0;
    }	
}

@media (max-width: 410px) {
	.main-logo img {
		    max-height: 65px !important;
	}
    .header-action .header-btn .btn {
        font-size: 12px;
        padding: 13px;
    }	
    .menu-area .mobile-nav-toggler {
        margin-top: 17px;
	}
    .header-action {
        margin-right: 20px;
    }
}

.grecaptcha-badge {
	display:none !important;
}