@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------------------------------------------------
Media Query (height)
-----------------------------------------------------------------------------------------*/

@media only screen and (max-height:780px) {

	.quote-char-holder {
		min-height: 580px;
	}
}

@media only screen and (max-height:720px) {
	.quote-char-holder {
		min-height: 510px;
	}
}


/*-----------------------------------------------------------------------------------------
Media Query (width)
-----------------------------------------------------------------------------------------*/

@media only screen and (max-width:991px) {
	.quote-char-holder {
		display: block;
	}

	.char-quote {
		width: 100%;
	}

	.char-photo {
		height: 480px;
		width: 100%;
	}

	.vacancies-col {
		padding: 0px 0px 0px 0px;
	}
 
	.urgent-vacancies h1 {
		font-size: 14px !important;
	}
	.user-account-row {
		width: inherit !important;
	}
	.header-title-row > h1 {
		font-size: 18px !important;
	}
	.label-par {
		font-size: 12px !important;
	}
	.body-title {
		font-size: 21px !important;
		margin: 7px 0px 6px;
	}
	.index-page-header {
		margin: 0px 0px 0px;
	}
	.description-title { 
		font-size: 23px !important;
	}
	.Price-upperShadow {
		height: 18px;
	 
		margin-bottom: 32px;
	}
	.urgent-vacancies {
		padding: 28px 20px 20px !important;
	}
	.description-title {
		text-align: center;
		font-size: 32px;
	}

	.register-tabs-row {
		margin: 0px auto 0px;
	}

	.registery-body-container {
		margin-bottom: 0;
	}

	.user-photo-col {
		display: inline-flex;
		align-items: center;
		flex-direction: column;
		top: 0;
	}
}

@media only screen and (max-width:575px) {
	.quote-char-holder {
		width: calc(100% - 20px);
	}

	.header-tab-links { 
		margin-right: auto;
		margin-left: auto;
		/*		padding-left:0px;
*/
	}
	.header-tab-nav > ul li a {
 
		padding: 8px 12px;
  
		font-size: 8px; 
	}
	.h5, h5 {
		font-size: 0.9rem;
	}

	.addition-button {
		min-width: 150px;
		padding: 8px 15px;
		font-size: 11px;
	}

	.custom-table thead tr th, .custom-table thead tr td {
		padding: 7px 8px;
		font-size: 12px;
	}

	.options-popover ul li a {
		font-size: 9px !important;
	}

	.user-col nav ul li a {
		font-size: 9px;
		padding: 5px 5px;
	}

	.input-col > p, .profile-input-col > p {
		font-size: 11px;
	}

	.innerData-innerCol > P {
		font-size: 12px;
	}

	.innerData-innerCol > label {
		font-size: 12px;
	}

	button, input, optgroup, select, textarea {
		font-size: 12px;
	}

	.profile-input-col input, select {
		width: 100%;
		height: 32px;
	}

	.list-experienceType > li a {
		width: 90px !important;
		padding: 5px !important;
		font-size: 9px;
	}

	.skill-title {
		font-size: 12px;
	} 

.field-options {
 
	background-size: 13px 9px; 
}
	.tab-row {
		margin: 0px 5px 6px 5px !important;
	}
	.update-photo-anchor, .update-photo-anchor:link {
		font-size: 10px;
	}
	.user-photo-col .user-photo {
 
		max-width: 100px;
		height: 100px; 
	}
		.skill-title span {
	 
			font-size: 10px; 
		}

		.home-anchor {
		float: left;
		position: relative;
		left: 50%;
		transform: translateX(-50%);
	}

	.header-tab-nav {
		float: left;
		position: relative;
		left: 0% !important;
		/*transform:translateX(-50%);*/
	}

	.char-quote h1 {
		font-size: 1.9rem;
	}

	.char-quote h3 {
		font-size: 1.4rem;
	}

	.body-row {
		width: calc(100% - 20px);
	}

	.gallery-row {
		width: calc(100% - 20px);
	}

	.vacancies-table thead tr th {
		font-size: 13px;
		font-weight: 500;
	}

	.vacancies-table tbody tr td {
		font-size: 13px;
	}

	.blue-button, .blue-button:link {
		font-size: 13px;
	}

	.prim-td {
		font-weight: 500;
	}

	.userName {
		float: left !important;
	}

	.registery-body-container {
		margin-bottom: 0;
	}

	.profile-tab > a {
		font-size: 11px;
		padding: 5px 4px;
	}

	.header-tab-links.row {
		max-width: 330px;
	}

	.Pio-Logo {
	}

	.header-tab-links.row {
		display: flex;
		justify-content: center;
		margin-left: auto;
		margin-right: auto;
	}
}