/* 3rd button update start*/
.dropdown.make-payment.desktop-only {
    padding-right: 0;
}
.dropdown.make-payment.mobile-only {
    z-index: 9 !important;
}
.privia-logo {
    margin-top: 2px;
}
.button-holder .dropdown.mobile-only{
    margin-bottom: 9px !important;
	vertical-align: middle !important;
}
/* 3rd button update end*/

@media only screen and (max-width : 1200px ) {
    .top-header .dropdown {
		margin: 3px 0 0 7px !important;
	}
}
@media only screen and (max-width : 1097px)  and (min-width : 901px) {
    nav.sub-nav {
        width: 100%;
		margin-top: 10px;
	}
	header h1.logo {
		margin: 0 0px 14px;
	}
	header .page-wrap {
		margin-top: -38px;
	}
}

@media screen and (max-width: 900px) {
    .dropdown.patient-portal.mobile-only {
        right: 0;
    }
	header .collapse-button {
		margin-top: 9px !important;
	}
	h1.logo {
		margin: -10px auto 5px;
		position: relative;
		float: none;
    margin: 0 auto !important;
	}
	.privia-logo{
		clear: both;
		margin-top: 10px;
	}
	.sub-nav {
		margin-top: 12px;
	}
	.top-header a.patient-portal {
		position: relative;
		top: auto;
		left: 0;
		width: 46%;
		float: left;
		margin: 0 !important;
	}
	.dropdown.mobile-only {
		position: relative;
		top: auto;
		/*width: 32.7%;*/
		right: 0;
		float: right;
		padding-top: 0;
		margin: 0 !important;
    }
    
	.top-header .dropbtn{
        width: 100%;
	} 
}

@media screen and (max-width: 900px) and (min-width: 601px){
    .button-holder {
        display: flex;
    } 
    .button-holder .dropdown {
        flex-grow: 1;
    }
}