@media only screen and (min-width: 100px) and (max-width: 576px) {
    .mobile-activate-account-link{
        display: flex;
    }
}
@media only screen and (min-width: 100px) and (max-width: 768px) {
	.PostProjectSec01 {
		padding: 50px 0;
	}
    .link-col{
        padding-bottom: 10px;
    }
}
@media only screen and (min-width: 375px) {
    /* Homeowner Toolkit Popup */
    #ho_toolkit_popup_images{
        display: none;
    }
    #ho_toolkit_popup_images_mobile{
        display: block;
    }
}

@media only screen and (min-width: 576px) {
	.table-of-contents {
		margin: 0 0 15px 15px;
		float: right;
		width: 50%;
	}
	.page-title {
		padding-bottom: 15px;
	}
	.membership_bar_label {
		padding-top: 0;
	}
	.membership_bar_navitem {
		text-align: left;
	}
	ul.find_painter > li {
		width: 33.333%;
	}
	.main-btn {
		margin: auto;
		padding: 0.5rem 6rem;
	}
}
@media only screen and (min-width: 768px) {
	.join-painting-company-block {
		padding-top: 0;
	}
    .navbar-logo {
		width: 20rem;
	}
	.menu {
		padding: 13px 40px;
		height: 87px;
	}
	.menu-drawer {
		top: 87px;
	}
	.p_menu-drawer {
		top: 87px;
	}
	.profile_summary {
		float: right;
	}
	.page_link_column {
		width: fit-content;
		text-align: left;  
	}
	.form-card {
		padding: 2rem 1.5rem;
		width: 30em;
	}
	.menu-btn {
		padding: 0.5rem 3rem;
	}
	.mobile_filter_accordion {
		display: none;
	}
	.desktop_filter_accordion {
		display: block;
	}
	.accordion-body {
		border-radius: 0;
	}
	ul.find_painter > li {
		width: 50%;
	}
	.side_map {
		height: 75vh;
	}
}
@media only screen and (min-width: 992px) {
    .menu-drawer {
        background-color: transparent;
        margin-left: auto;
        padding-bottom: initial;
        text-align: center;
        position: inherit;
		height: 100%;
    }
	.btn_subnav {
		font-size: 0.9em;
	}
	ul.find_painter > li {
		width: 25%;
	}
}
@media only screen and (min-width: 1024px) {
    /* Homeowner Toolkit Popup */
    #ho_toolkit_popup_images{
        display: block;
    }
    #ho_toolkit_popup_images_mobile{
        display: none;
    }
	.menu .nav-link {
		margin-top: 0;
	}
	.table-card {
		padding: 2rem 1.5rem;
		width: 50em;
	}
	.project_sidebar {
		height: 60vh;
		overflow-y: auto;
	}
	.main-image {
		height: 60vh;
	}
}
@media only screen and (min-width: 1200px) {
    .table-of-contents {
        margin: 0 0 15px 15px;
        float: right;
        width: 33.333%;
    }
    /* Homeowner Toolkit Popup */
    #ho_toolkit_popup_images{
        display: block;
    }
    #ho_toolkit_popup_images_mobile{
        display: none;
    }
    .p_menu-drawer {
        background-color: transparent;
        margin-left: auto;
        padding-bottom: initial;
        text-align: center;
        position: inherit;
    }
}
@media only screen and (min-width: 1440px) {
    .table-of-contents {
        margin: 0 0 15px 15px;
        float: right;
        width: 25%;
    }
    .nav-link{
        white-space: nowrap;
    }
    /* Homeowner Toolkit Popup */
    #ho_toolkit_popup_images{
        display: block;
    }
    #ho_toolkit_popup_images_mobile{
        display: none;
    }
	.ExteriorInterior ul li h5,
	.ExteriorInterior .list_hover_card h5 {
		font-size: 16px;
	}
	.ExteriorInterior ul li h6,
	.ExteriorInterior .list_hover_card h6 {
		font-size: 14px;
	}
	ul.find_painter > li {
		width: 20%;
	}
}

@media only screen and (min-width: 1400px){
	.footer {
		margin-top: 1rem;
	}
}

@media only screen and (min-width: 2500px) {
	.menu {
		height: 125px;
	}
	.phone-number {
		height: 75px;
	}
	.phone-number h5 {
		font-size: 2rem;
		margin: auto;
	}
	.footer {
		margin-top: 5rem;
	}
	.ExteriorInterior ul li h5,
	.ExteriorInterior .list_hover_card h5 {
		font-size: 24px;
	}
	.ExteriorInterior ul li h6,
	.ExteriorInterior .list_hover_card h6 {
		font-size: 22px;
		padding-bottom: 0.75rem;
	}
	.ExteriorInterior ul li label, .ExteriorInterior .list_hover_card label {
		font-size: 1.25rem;
	}
}