@media screen and (max-width: 1530px) {
	.form-wrapper {
		margin: 215px auto;
	}
}
@media screen and (max-width: 1420px) {
	.form-wrapper {
		margin: 186px auto;
	}
}
@media screen and (max-width: 1350px) {
	.form-wrapper {
		margin: 189px auto;
	}
}
@media screen and (max-width: 1330px) {
	#profile-settings {
    	float: right;
    	width: 15%;
    }
}
@media screen and (max-width: 1320px) {
	#profile-drop-down {
    	left: -50px;
	}
}
@media screen and (max-width: 1310px) {
	.operation-icon-title-right {
    	width: 21%;
	}
}
@media screen and (max-width: 1300px) {
	#profile-drop-down {
	    left: -60px;
	}
}
@media screen and (max-width: 1290px) {
	#tab-icon {
	   width: 24%;
	}
}
@media screen and (max-width: 1250px) {
	#search .fa-search {
	    left: 167px;
	}
	.operation-icon-title-right {
	    width: 22%;
	}
}
@media screen and (max-width: 1240px) {
	#profile-settings {
	    width: 16%;
	}
	#profile-drop-down {
	    left: -40px;
	}
	#tab-icon {
	    width: 25%;
	}
}
@media screen and (max-width: 1230px) {
	.operation-icon-title-right {
	    float: right;
	    width: 20%;
	}
	.operation-icon-title-right {
	    float: right;
	    width: 22%;
	}
}
@media screen and (max-width: 1220px) {
	#button-wrapper {
    	width: 72%;
    }
    #tab-icon {
    	padding-top: 9px;
    	padding-bottom: 9px;
	}
	.form-wrapper {
	    margin: 157px auto;
	}
}
@media screen and (max-width: 1210px) {
	#profile-drop-down {
	    left: -50px;
	}
}
@media  screen and (max-width: 1200px) {
	#search .fa-search {
	    left: 161px;
	}
}
@media screen and (max-width: 1190px) {
	#tab-icon {
	    width: 75%;
	}
	.content-main-menu {
		display: block;
	}
    .tab-icon-wrapper {
        float: left;
        width: 100%;
        border-bottom: 1px solid #eee;
        padding-bottom: 10px;
    }
	.all-button-wrapper {
		float: left;
		width: 100%;
		padding-left: 1%;
	    position: relative;
	    padding-bottom: 1px;
	    border-top: 1px solid #ccc;
	    margin-top: 10px;
	}
	#button-wrapper {
	    width: 92%;
	    padding-left: 1%;
	}
	/* .tabpanel {
    	top: 75px !important;
	} */
	.drop-operations {
    	top: 7px;
	}
	.all-button-wrapper {
    	padding-left: 0px;
	}
	span.tooltiptext-drop {
	    top: 3px;
	    left: -16px;
	    width: 75%;
	}
	span.tooltiptext-drop::after {
	    border-left: 4px solid transparent;
	    border-right: 4px solid transparent;
	    border-bottom: 7px solid #000;
	    top: 2px;
	    left: 48px;
	    transform: rotate(336deg);
	}
	.tabpanel {
	    top: 75px;
	}
	.operation-icon-title-right {
	    float: right;
	    width: 23%;
	}
}
@media screen and (max-width: 1160px) {
	span.tooltiptext-drop {
	    top: -23px;
	    left: 17px;
	    width: 75%;
	}
	span.tooltiptext-drop::after {
	    border-left: 7px solid transparent;
	    border-right: 5px solid transparent;
	    border-bottom: 9px solid #000;
	    top: 12px;
	    left: 26px;
	    transform: rotate(298deg);
	}
}
@media screen and (max-width: 1150px) {
	#search .fa-search {
	    left: 154px;
	}
	.nav-flyout-content{
		column-count: 4;
	}
}
@media screen and (max-width: 1140px) {
	/*span.light-blue, span.lighter-blue, span.dark-blue {
    	width: 20%;
    }*/
    /*span.recent-text {
    	width: 75%;
    }*/
    #tab-icon {
	    width: 75%;
	}
	.operation-icon-title-right {
	    float: right;
	    width: 24%;
	}
	span.tooltiptext-drop {
	    top: 4px;
	    left: -11px;
	}
	/*.recently-used-items-btn button {
	    margin-right: 5%;
	    width: 27%;
	}*/
	/*.span.recent-text {
		margin-top: 14px;
	}
	span.light-blue, span.lighter-blue, span.dark-blue {
	    padding-top: 14px;
	    height: 42px;
	}*/
}
@media screen and (max-width: 1130px) {
	#profile-drop-down {
	    left: -61px;
	}
}
@media screen and (max-width: 1120px) {
	.tooltip {
    	width: 110%;
    }
    .tooltip2 {
    	width: 110%;
    }
}
@media screen and (max-width: 1110px) {
	#search .fa-search {
	    left: 147px;
	}
	ul.launch-query-row li:nth-child(2) {
	    width: 24%;
	}
}
@media screen and (max-width: 1100px) {
	.form-wrapper {
	    margin: 182px auto;
	}
}
@media screen and (max-width: 1090px) {
	.operation-icon-title-right {
    	width: 25%;
	}
}
@media screen and (max-width: 1070px) {
	#search .fa-search {
	    left: 141px;
	}
}
@media screen and (max-width: 1060px) {
	#profile-settings {
	    width: 18%;
	}
	#profile-drop-down {
	    left: -50px;
	}
	#tab-icon {
	    width: 75%;
	}
}
@media screen and (max-width: 1050px) {
	.operation-icon-title-right {
	    width: 26%;
	}
}
@media screen and (max-width: 1040px) {
	/*.nav-flyout {
    	column-count: 4;  
	}
	#search .fa-search {
	    left: 176px;
	}*/
	.operation-icon-title-right {
	    width: 27%;
	}
}
@media screen and (max-width: 1030px) {
	#recently-used-items ul li {
    	width: 30%;
    }
    /*span.light-blue, span.lighter-blue, span.dark-blue {
	    width: 16%;
	}*/
	.tooltip2 {
	    width: 127%;
	    height: 31px;
	}
	.tooltip {
	    width: 127%;
	    height: 31px;
	}
}
@media screen and (max-width: 1020px) {
	.tooltip {
	    width: 125%;
	}
	.tooltip2 {
	    width: 125%;
	}
}
@media screen and (max-width: 1010px) {
	#profile-drop-down {
	    left: -60px;
	}
	span.tooltiptext-drop {
	    top: 4px;
	    left: -17px;
	    width: 86%;
	}
}
@media screen and (max-width: 1000px) {
	/*span.light-blue, span.lighter-blue, span.dark-blue {
	    width: 17%;
	}*/
	#search .fa-search {
	    left: 169px;
	}
	.multi-level-clicks span {
    	margin-left: 59%;
	}
}
@media screen and (max-width: 990px) {
	#tab-icon {
	    width: 75%;
	}
}
@media screen and (max-width: 970px) {
	.operation-icon-title-right {
	   width: 28%
	}
}
@media screen and (max-width: 960px) {
	/*span.light-blue, span.lighter-blue, span.dark-blue {
	    width: 18%;
	}*/
	/*span.recent-text {
	    width: 72%;
	}*/
	.tooltip {
	    width: 131%;
	}
	.tooltip2 {
	    width: 131%;
	}
	#search .fa-search {
	    left: 165px;
	}
}
@media screen and (max-width: 950px) {
	#profile-drop-down {
	    left: -70px;
	}
}
@media screen and (max-width: 940px) {
	#button-wrapper {
	    width: 95%;
	}
	.operation-icon-title-right {
	    width: 29%;
	}
}
@media screen and (max-width:930px) {
	#profile-settings {
	    width: 20%;
	}
	#profile-drop-down {
	   left: -54px;
	}
	.tooltip {
	    width: 137%;
	}
	.tooltip2 {
	    width: 137%;
	}
	#search .fa-search {
	    left: 157px;
	}
	ul.launch-query-row li {
		width: 32%;
	}
}
@media screen and (max-width: 920px) {
	#tab-icon {
	    width: 75%;
	}
}
@media screen and (max-width: 910px) {
	#search .fa-search {
	    left: 150px;
	}
	#button-wrapper {
	    width: 100%;
	}
	.operation-icon-title-right {
	    width: 30%;
	}
}
@media screen and (max-width: 900px) {
    #content-left {
        position: absolute;
        top: 42px;
        z-index: 100000;
    }
	/*#content-left2 {
		display: block;
	}*/
	/*a#desktop-menu {
		display: none;
	}
	a#mobile-menu {
		display: block;
	}*/
	.content-right {
	    float: left;
	    width: 100%;
	}
	.tooltip, .tooltip2 {
	    width: 120%;
	}
	/*span.light-blue, span.lighter-blue, span.dark-blue {
	    width: 15%;
	}*/
	#recently-used-items ul li {
	    width: 31%;
	}
	#search .fa-search {
	    left: 185px;
	}
	button.tooltip3 .first-btn-tooltip {
		left: 363%;
	}
	.operation-icon-title-right {
	    width: 25%;
	}
}
@media screen and (max-width: 890px) {
	#profile-drop-down {
	    left: -64px;
	}
	#header-left {
    	width: 20%;
	}
	#header-right {
	    width: 80%;
	}
	#grid-links button {
		margin-right: 1%;
	} 
}
@media screen and (max-width: 880px) {
	#content-left {
    	width: 21.7%;
    }
}
@media screen and (max-width: 860px) {
	span.tooltiptext-drop {
	    top: -23px;
	    left: 9px;
	    width: 92%;
	}
	.operation-icon-title-right {
	    width: 26%;
	}
}
@media screen and (max-width: 850px) {
	#company-name {
    	width: 12%;
    }
    #profile-drop-down {
	    left: -58px;
	}
	#profile-settings {
	    width: 22%;
	}
	/*span.light-blue, span.lighter-blue, span.dark-blue {
	    width: 16%;
	}*/
	#search .fa-search {
	    left: 174px;
	}
	span.tooltiptext-drop {
	    top: 4px;
	    left: -26px;
	    width: 100%;
	}
}
@media screen and (max-width: 830px) {
	.tooltip, .tooltip2 {
	    width: 129%;
	}
	.operation-icon-title-right {
	    width: 27%;
	}
}
@media screen and (max-width: 820px) {
	#search .fa-search {
	    left: 165px;
	}
}
@media screen and (max-width: 800px) {
	#profile-drop-down {
	    left: -68px;
	}
	#header-left {
	    width: 23%;
	}
	#header-right {
	    width: 77%;
	}
	.operation-icon-title-right {
	    width: 28%;
	}
}
@media screen and (max-width: 790px) {
	#profile-settings {
	    width: 24%;
	}
	#profile-drop-down {
	    left: -60px;
	}
}
@media screen and (max-width: 780px) {
	/*span.light-blue, span.lighter-blue, span.dark-blue {
	    width: 17%;
	}*/
	.tooltip, .tooltip2 {
	    width: 135%;
	}
	#search .fa-search {
	    left: 160px;
	}
}
@media screen and (max-width: 770px) {
	.operation-icon-title-right {
	    width: 29%;
	}
}
@media screen and (max-width: 760px) {
	span.tooltiptext-drop {
	    top: 6px;
    	left: -30px;
	    width: 100%;
	}
}
@media screen and (max-width: 1024px) {
    #details-container-content {
        column-count: 2;
    }
}
@media screen and (max-width: 750px) {
	#profile-drop-down {
	    left: -69px;
	}
	#search .fa-search {
	    left: 149px;
	}
	.drop-operations {
	    top: -29px;
	}
	#button-wrapper {
	    width: 100%;
	}
	/*span.tooltiptext-drop {
	    top: -12px;
	    left: -16px;
	    width: 100%;
	}*/
	/*span.tooltiptext-drop::after {
	    border-left: 8px solid transparent;
	    border-right: 6px solid transparent;
	    border-bottom: 10px solid #000;
	    top: 10px;
	    left: 26px;
	    transform: rotate(407deg);
	}*/
	.drop-operations {
	    top: 4px;
	}
	.buttoncontainer button {
		margin-right: 2%;
	}
}
@media screen and (max-width: 740px) {
	#company-name {
	    width: 15%;
	}
	/*span.light-blue, span.lighter-blue, span.dark-blue {
	    width: 18%;
	}*/
	.tooltip, .tooltip2 {
	    width: 144%;
	}
	#tooltip-holder {
    	margin-right: 24%;
	}
	.operation-icon-title-right {
	    float: right;
	    width: 27%;
	}
	#grid-links {
		margin-top: 0px;
	}
	#grid-links button {
		margin-top: 5px;
	}
	.grid-link-scroll {
		width: 740px;
	}
	.operation-icon-title-right {
	    width: 30%;
	}
	.nav-flyout-content {
	    column-count: 3;
	}
	.search input[type="text"] {
    	width: 37%;
	}
}
@media screen and (max-width: 730px) {
	#content-left {
    	width: 26.7%;
	}
}
@media screen and (max-width: 720px) {
	#profile-settings {
	    width: 26%;
	}
	#profile-drop-down {
	    left: -62px;
	}
	#search .fa-search {
	    left: 144px;
	}
	.operation-icon-title-right {
	    width: 31%;
	}
	#tab-icon {
	    width: 75%;
	}
	.multi-level-clicks {
		width: 32%;
	}
	ul.launch-query-row li {
	    width: 35%;
	}
}
@media screen and (max-width: 710px) {
	/*span.light-blue, span.lighter-blue, span.dark-blue {
	    width: 19%;
	}*/
	.operation-icon-title-right {
		width: 31%;
	}
	#tab-icon {
	    width: 75%;
	}
	.buttoncontainer button {
    	margin-right: 2%;  
	}
}
@media screen and (max-width: 700px) {
	.operation-icon-title-right {
	    width: 32%;
	}
}
@media screen and (max-width: 690px) {
	#header-left {
	    width: 27%;
	}
	#header-right {
	    width: 73%;
	}
	#profile-settings {
	    width: 29%;
	}
	/*span.light-blue, span.lighter-blue, span.dark-blue {
	    width: 20%;
	}*/
	.tooltip, .tooltip2 {
	    width: 160%;
	}
	#search .fa-search {
	    left: 140px;
	}
	.operation-icon-title-right {
	    width: 32%;
	}
	#tab-icon {
	    width: 39%;
	}
}
@media screen and (max-width: 680px) {
	.operation-icon-title-right {
	    width: 33%;
	}
}
@media screen and (max-width: 670px) {
	/*.nav-flyout {
	    column-count: 3;
	}*/
	#search .fa-search {
	    left: 184px;
	}
	#tab-icon {
	    width: 75%;
	}
	.buttoncontainer button {
    	font-size: 0.8125em;
	}
	.operation-icon-title-right {
	    width: 33%;
	}
}
@media screen and (max-width: 660px) {
	/*span.recent-text {
	    width: 75%;
	}*/
	#tooltip-holder {
	    margin-right: 33%;
	}
}
@media screen and (max-width: 650px) {
	/*span.tooltiptext-drop::after {
    	left: 20px;
	}*/
	.operation-icon-title-right {
	    width: 34%;
	}
	.recently-used-items-btn button {
		width: 30%;
	}
	ul.launch-query-row li:nth-child(2) {
	    width: 100%;
	}
	ul.launch-query-row li {
	    width: 100%;
	}
	ul.launch-query-row {
    	width: 70%;
	}
	.push-top {
     margin-top: 0px; 
	}
}
@media screen and (max-width: 640px) {
	#profile-drop-down {
	    left: -73px;
	}
	#search .fa-search {
	    left: 178px;
	}
	.operation-icon-title-right {
	    float: right;
	    width: 31%;
	}
	.buttoncontainer button {
	    margin-right: 1.5%;
	}
	.operation-icon-title-right {
	    width: 35%;
	}
}
@media screen and (max-width: 630px) {
	/*span.recent-text {
	    width: 76%;
	}*/
	#tab-icon {
	    width: 75%;
	}
}
@media screen and (max-width: 620px) {
	#company-name {
	    width: 20%;
	}
	#profile-settings {
	    width: 33%;
	}
	#profile-drop-down {
	    left: -58px;
	}
	#recently-used-items ul li {
	    width: 47%;
	}
	/*span.light-blue, span.lighter-blue, span.dark-blue {
	    width: 15%;
	}*/
	.tooltip, .tooltip2 {
	    width: 168%;
	}
	#search .fa-search {
	    left: 169px;
	}
	.operation-icon-title-right {
	   width: 36%;
	}
}
@media screen and (max-width: 610px) {
	#content-left {
    	width: 30.7%;
	}
	/*span.tooltiptext-drop {
	    top: -12px;
	    left: -16px;
	    width: 116%;
	}*/
}
@media screen and (max-width: 600px) {
	#search .fa-search {
	    left: 164px;
	}
	.operation-icon-title-right {
	    width: 38%;
	}
	.tabpanel {
	    margin-left: -1%;
	    z-index: 30000;
	    /*position: relative;
	    top: 1px;*/
	    position: absolute;
	    top: 36px;
	}
	.mobile-categories-toggle {
		display: block;
	}
	.buttoncontainer button {
	    margin-right: 3%;
	}
	/*div.tabpanel-scrollable {
	    width: 3000px;
	}*/
	.tabpanel-menu {
    	width: 11%;
	}
	.drop-operations {
	    top: 8px;
	}
	.buttoncontainer button {
	    margin-right: 3%;
	}
	.mobile-operation-category {
		float: left;
		width: 100%;
		overflow-x: scroll;
	}
	.mobile-operation-category-holder {
		float: left;
		width: 800px;
	}
	.tabpanel {
    	top: 74px;
    	margin-left: 0px;
	}
	#tab-icon {
	    width: 42%;
	}
}
@media screen and (max-width: 590px) {
	#header-left {
	    width: 30%;
	}
	#header-right {
	    width: 70%;
	}
	#profile-drop-down {
	    left: -70px;
	}
	#tab-icon {
	    width: 75%;
	}
	#details-container-content {
	    column-count: 1;
	}
}
@media screen and (max-width: 580px) {
	#search .fa-search {
	    left: 155px;
	}
}
@media screen and (max-width: 570px) {
	#profile-drop-down {
	    left: -76px;
	}
	#notification {
    	margin-right: 9%;
    }
    .tooltip, .tooltip2 {
	    width: 128%;
	}
	.content-right-row1-right {
    	width: 15%;
    }
    #tooltip-holder {
	    margin-right: 20%;
	}
	.operation-icon-title-right {
	    width: 39%;
	}
	span.tooltiptext-drop {
    	width: 128%;
    	margin-left: -9%;
	}
}
@media screen and (max-width: 560px) {
	#profile-settings {
	    width: 36%;
	}
	#profile-drop-down {
	    left: -63px;
	}
	#tab-icon {
	    width: 75%;
	}
	span.tooltiptext-drop {
	    width: 131%;
	}
	.operation-icon-title-right {
	    width: 40%;
	}
	.nav-flyout-content {
	    column-count: 2;
	}
}
@media screen and (max-width: 550px) {
	#tab-icon {
	    width: 75%;
	}
}
@media screen and (max-width: 540px) {
	#profile-drop-down {
	    left: -71px;
	}
	/*span.light-blue, span.lighter-blue, span.dark-blue {
	    width: 17%;
	}*/
	#search .fa-search {
	    left: 147px;
	}
	.operation-icon-title-right {
	    width: 41%;
	}
	.search input[type="text"] {
	    width: 55%;
	}
	.query-table-content {
	    width: 104%;
	}
}
@media screen and (max-width: 530px) {
	#header-left {
	    width: 33%;
	}
	#header-right {
	    width: 67%;
	}
	#profile-settings {
    	width: 40%;
	}
	#profile-drop-down {
    	left: -64px;
	}
	#content-left {
	    width: 36.7%;
	}
	#tab-icon {
	    width: 75%;
	}
	.operation-icon-title-right {
	    width: 42%;
	}
	.query-table-content {
	    width: 110%;
	}
}
@media screen and (max-width: 520px) {
	#search .fa-search {
	    left: 140px;
	}
	.operation-icon-title-right {
	    width: 43%;
	}
	#tab-icon {
	    width: 75%;
	}
}
@media screen and (max-width: 510px) {
	#profile-drop-down {
	    left: -69px;
	}
	#company-name {
	    width: 22%;
	}
	#tab-icon {
	    width: 75%;
	}
}
@media screen and (max-width: 500px) {
	#company-name {
	    width: 23%;
	}
	/*span.light-blue, span.lighter-blue, span.dark-blue {
	    width: 18%;
	}*/
	/*span.recent-text {
	    width: 78%;
	}*/
	.tooltip, .tooltip2 {
	    width: 141%;
	}
	#search .fa-search {
	    left: 133px;
	}
	.operation-icon-title-right {
	    width: 44%;
	}
	.form-wrapper {
		width: 80%;
	}
	.query-table-content {
	    width: 120%;
	}
	ul.launch-query-row {
	    width: 95%;
	}
}
@media screen and (max-width: 490px) {
	header {
		height: auto;
	}
	#header-left {
	    width: 100%;
	}
	#header-right {
	    float: left;
	    width: 100%;
	    padding-top: 5px;
	    padding-bottom: 12px;
	    border-top: 2px solid var(--light-blue);
	}
	#company-name {
	    width: 35%;
	    z-index: 11000;
	}
	#profile-drop-down {
    	left: -9px;
    	top: 24px;
	}
	#company-list {
	    top: 40px;
	    left: -2px;
	 }
	#notification-details {
    	top: 40px;
    }
    #content-left {
    	top: 89px;
    	width: 100%;
	}
	#search .fa-search {
	    left: 197px;
	}
	.operation-icon-title-right {
	    width: 45%;
	}
}
@media screen and (max-width: 480px) {
	#profile-drop-down {
    	left: -19px;
	}
	#tab-icon {
	    width: 75%;
	}
	.operation-icon-title-right {
	    width: 46%;
	}
	.recently-used-items-btn button {
	    width: 47%;
	}
	.multi-level-clicks {
	    width: 44%;
	}
	.login-wrap {
		width: 16%;
	}
}
@media screen and (max-width: 470px) {
	.tooltip, .tooltip2 {
	    width: 148%;
	}
	#tooltip-holder {
	    margin-right: 27%;
	}
	.operation-icon-title-right {
	    width: 47%;
	}
	.multi-sub-menu {
    	width: 90%;
    }
}
@media screen and (max-width: 460px) {
	/*span.light-blue, span.lighter-blue, span.dark-blue {
    	width: 20%;
	}*/
	/*span.recent-text {
	    width: 75%;
	}*/
	#tab-icon {
	    width: 75%;
	}
	.operation-icon-title-right {
	    width: 48%;
	}
	.query-table-content {
	    width: 130%;
	}
}
@media screen and (max-width: 450px) {
	#profile-drop-down {
	    left: -28px;
	}
	/*span.lighter-blue, span.dark-blue {
	    width: 20%;
	}*/
	#search .fa-search {
	    left: 190px;
	}
	.operation-icon-title-right {
	    width: 49%;
	}
	span.tooltiptext-drop {
	    width: 148%;
	    margin-left: -17%;
	}
}
@media screen and (max-width: 440px) {
	#search .fa-search {
	    left: 181px;
	}
	.operation-icon-title-right {
	    width: 50%;
	}
}
@media screen and (max-width: 430px) {
	#profile-drop-down {
	    left: -36px;
	}
	.operation-icon-title-right {
	    width: 51%;
	}
	#tab-icon {
	    width: 75%;
	}
	span.tooltiptext-drop {
	    width: 168%;
	    margin-left: -44%;
	}
}
@media screen and (max-width: 420px) {
	.tooltip, .tooltip2 {
	    width: 169%;
	}
	#tooltip-holder {
	    margin-right: 35%;
	}
	/*span.recent-text {
	    width: 77%;
	}*/
	#search .fa-search {
	    left: 172px;
	}
	.operation-icon-title-right {
	    width: 53%;
	}
	#tab-icon {
	    width: 75%;
	}
	.search input[type="text"] {
	    width: 94%;
	}
	.recently-used-items-btn button {
	    width: 95%;
	}
	.recently-used-items-btn button {
	    padding-bottom: 10px;
	    height: auto;
	    margin-bottom: 15px;
	}
	.query-table-content {
	    width: 140%;
	    font-size: 0.8125em;
	}
}
@media screen and (max-width: 410px) {
	#profile-drop-down {
	    left: -44px;
	}
	span.recent-text {
	    width: 76%;
	}
	/*span.light-blue, span.lighter-blue, span.dark-blue {
	    width: 21%;
	}*/
	#recently-used-items ul li {
	    width: 48%;
	}
	#recently-used-items ul li a {
    	font-size: 0.9375em;
	}
	.operation-icon-title-right {
	    width: 55%;
	}
	.multi-level-clicks {
    	width: 40%;
	}
	.multi-level-clicks span {
	    margin-left: 55%;
	}
}
@media screen and (max-width: 400px) {
	#search .fa-search {
	    left: 163px;
	}
	.login-wrap {
		width: 18%;
	}
}
@media screen and (max-width: 390px) {
	#profile-drop-down {
	    left: -52px;
	}
	.operation-icon-title-right {
	    width: 57%;
	}
    #tab-icon {
        width: 75%;
    }
}
@media screen and (max-width: 380px) {
	.tooltip, .tooltip2 {
	    width: 179%;
	}
	#recently-used-items ul li {
	    width: 94%;
	}
	/*span.light-blue, span.lighter-blue, span.dark-blue {
	    width: 12%;
	}*/
	#recently-used-items ul li a {
	    font-size: 1em;
	}
	#recently-used-items ul li {
	    margin-bottom: 20px;
	    height: 50px;
	}
	#search .fa-search {
	    left: 154px;
	}
	.operation-icon-title-right {
	    width: 58%;
	}
	.nav-flyout-content {
	    column-count: 1;
	}
	#company-name h1 {
    	padding-left: 1%;
	}
	.operation-icon-title-left h1 {
		padding-left: 1%;
	}
}
@media screen and (max-width: 370px) {
	#profile-drop-down {
	    left: -61px;
	}
	#tab-icon {
	    width: 75%;
	}
	.operation-icon-title-right {
	    width: 60%;
	}
	.query-table-content {
    	width: 160%;
	}
}
@media screen and (max-width: 360px) {
	#search .fa-search {
	    left: 145px;
	}
	.operation-icon-title-right {
	    width: 61%;
	}
	.login-wrap {
		width: 22%;
	}
}
@media screen and (max-width: 350px) {
	#profile-drop-down {
	    left: -68px;
	}
	#profile-drop-down::before {
	    border-bottom: 11px solid var(--white);
	    top: -11px;
	}
	#tab-icon {
	    width: 75%;
	}
	.operation-icon-title-right {
	    width: 63%;
	}
	.multi-sub-menu {
		top: 25px;
	}
	.multi-level-clicks {
	    width: 50%;
	    left: 34px;
	}
	.multi-sub-menu {
	    width: 76%;
	}
}
@media screen and (max-width: 340px) {
	/*span.light-blue, span.lighter-blue, span.dark-blue {
	    width: 13%;
	}*/
	.tooltip, .tooltip2 {
	    width: 62%;
	}
	#tooltip-holder {
	    margin-right: -4%;
	}
	.content-right-row1-right {
	    width: 50%;
	}
	#search .fa-search {
	    left: 137px;
	}
	.operation-icon-title-right {
	    width: 65%;
	}
}
@media screen and (max-width: 330px) {
	#profile-drop-down {
	    left: -74px;
	}
	/*.nav-flyout {
	    column-count: 1;
	}*/
	#tab-icon {
	    width: 75%;
	}
	span.tooltiptext-drop {
	    width: 206%;
	   	left: -37px;
	}
	.operation-icon-title-right {
	    float: right;
	    width: 100%;
	    padding-top: 5px;
	}
	.search .fa-search {
	    position: absolute;
	    right: 34px;
	    cursor: pointer;
	    top: 15px;
	}
	.multi-level-clicks {
	    width: 60%;
	}
	.multi-level-clicks {
    	width: 50%;
    }
    .query-table-content {
	    width: 170%;
	}
}
@media screen and (max-width: 320px) {
	#profile-settings {
	    width: 42%;
	}
	#company-name {
	    width: 34%;
	    padding-left: 1%;
	}
	#notification-details {
    	left: -128px;
	}
	/*#search form {
	    width: 95%;
	}*/
	/*.tabpanel { 
		top: 74px !important;
	}*/
	.search span.fa-search {
	    top: -24px !important;
	    right: 86% !important;
	}
	.login-wrap {
	    width: 22%;
	}
}
@media screen and (max-width: 310px) {
	#tab-icon {
	    width: 82%;
	}
	.query-table-content {
	    width: 180%;
	}
}
@media screen and (max-width: 300px) {
	#search .fa-search {
	    left: 247px;
	}
	/*span.tooltiptext-drop {
	    width: 233%;
	    left: -38px;
	}*/
	button.tooltip3 {
    	margin-right: 4%;
	}
}
@media screen and (max-width: 290px) {
	#search .fa-search {
	    left: 238px;
	}
	.query-table-content {
	    width: 190%;
	}
}
@media screen and (max-width: 280px) {
	#search .fa-search {
	    left: 223px;
	}
	.multi-sub-menu {
    	top: 40px;
   	}
}
@media screen and (max-width: 310px) {
	#profile-settings {
	    width: 48%;
	}
	#notification {
     	margin-right: 0px;
	}
	#profile-drop-down {
    	left: -57px;
	}
	#notification-details {
    	left: -138px;
	}
	/*span.light-blue, span.lighter-blue, span.dark-blue {
	    width: 15%;
	}*/
}
@media screen and (max-width: 290px) {
	#profile-settings {
	    width: 50%;
	}
	#notification-details {
	    left: -122px;
    	width: 267px;
	}
	/*span.light-blue, span.lighter-blue, span.dark-blue {
	    width: 16%;
	}*/
	.tooltip, .tooltip2 {
	    width: 73%;
	}
}
@media screen and (max-width: 280px) {
	#company-name {
	    width: 32%;
	}
	#notification {
	    margin-right: 2%;
	}
	#notification-details {
    	left: -117px;
	}
}

@media screen and (max-width: 1365px) {
    .fieldgroup_host_div {
        column-count: 2
    }
}

@media screen and (max-width: 879px) {
    .fieldgroup_host_div {
        column-count: 1
    }
}