/* xl */
@media (min-width: 1600px) {
	.mockup {
		bottom: -80px !important;
	}
}

/* lg */
@media (min-width: 1200px) and (max-width: 1599px) {
	.mockup {
		bottom: -20% !important;
	}
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
	.tr-header .container {
		position: relative;
	}

	.tr-header .btn.btn-primary {
		position: absolute;
		right: 0;
		top: 56px;
		z-index: 99999999;
		padding: 8px 20px;
	}

	.tr-header .btn.btn-primary.btn-employer {
		top: auto;
	}

	.tr-header .sign-in {
		margin-right: 0;
	}

	.tr-header .navbar-right {
		padding: 19px 0;
	}

	.app-content {
		padding: 0;
	}

	.tr-job-posted .col-lg-3 {
		-ms-flex: 0 0 33.33333333%;
		flex: 0 0 33.33333333%;
		max-width: 33.33333333%;
	}

	.tr-job-posted .job-item .job-info {
		padding: 40px 45px 20px;
	}

	.tr-job-posted .item-overlay .job-info {
		padding: 45px 45px 40px;
	}

	.jobs-listing .two-column .job-info {
		padding: 40px 30px;
	}

	.testimonial-slider {
		max-width: 740px;
	}

	.profile-tabs.section {
		padding: 40px 20px;
	}

	.tr-sidebar .btn {
		font-size: 13px;
		padding: 8px 10px 7px;
	}

	.tr-sidebar .btn i {
		margin-right: 0;
	}

	.entry-content {
		padding: 28px 40px;
	}

	.profile-tabs.section {
		padding: 30px 15px;
	}

	.bookmark .col-md-4 {
		width: 50%;
	}

	.tr-post-job input[type="radio"] + label {
		margin-right: 15px;
	}

	.testimonial-info {
		padding: 40px 15px;
	}

	.list-menu > ul > li {
		width: 25%;
		margin-bottom: 1px;
	}

	.profile-tabs > li i {
		margin-right: 5px;
	}

	.account-info .fun-fact-icon {
		margin-right: 10px;
	}

	.account-content {
		padding: 35px 20px;
	}

	.bookmark .col-md-4 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.pricing h1 {
		font-size: 65px;
	}
}

@media (max-width: 768px) {
	.mobile-resume-bottom-bar {
		position: fixed;
		bottom: 0 !important;
		padding: 12px;
		z-index: 100000;
		background-color: white;
		border-top: 1px solid #f7f7f7;
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.content-expand {
		margin-right: 0px;
	}
	.job-status-info-header {
		display: block !important;
	}
	.content-margin {
		margin-left: 0px;
	}
	.resume-options {
		justify-content: start !important;
		margin-top: 10px;
		margin-bottom: 0;
	}
	.resume-options div .dropdown {
		position: absolute;
		top: -50px;
		right: 0;
	}

	.row.collapse,
	.row.collapsing {
		margin-right: 0 !important;
		right: 0 !important;
		overflow: visible;
	}

	.row > .sidebar.collapse {
		display: flex !important;
		margin-right: -100% !important;
		transition: all 0.3s linear;
		position: fixed;
		z-index: 1050;
		max-width: 0;
		min-width: 0;
		flex-basis: auto;
	}

	.row > .sidebar.collapse.show {
		margin-right: 0 !important;
		width: 100%;
		max-width: 100%;
		min-width: initial;
	}

	.row > .sidebar.collapsing {
		display: flex !important;
		margin-right: -10% !important;
		transition: all 0.3s linear !important;
		position: fixed;
		z-index: 1050;
		min-width: initial;
	}
}

@media (max-width: 991px) {
	.my-resumes-section {
		min-height: 80vh;
		margin-left: 0px;
	}

	.side-nav {
		height: 100%;
		position: fixed;
		padding-top: 20px;
		top: 70px;
		left: 0;
		z-index: 10;
		background-color: white;
		overflow: scroll;
		overflow-x: hidden;
	}

	.navbar-header {
		float: none;
	}

	.navbar-left,
	.navbar-right {
		float: none !important;
	}

	.navbar-toggle {
		display: block;
	}

	.navbar-nav {
		float: none !important;
	}

	.navbar-nav > li {
		float: none;
	}

	.collapse.in {
		display: block !important;
	}

	.topbar-left {
		margin-left: 0;
	}

	.navbar-brand.logo {
		display: none;
	}

	.navbar-brand.logo-2 {
		display: block;
		top: 0;
		left: 15px;
		margin-left: 0 !important;
	}

	.navbar-nav > li {
		margin-left: 0;
	}

	.tr-search {
		right: 95px;
	}

	.navbar-collapse {
		padding-top: 15px;
		border-top: 1px solid #e7e7e7;
	}

	.navbar-nav > li {
		margin: 0 0 1px;
	}

	.tr-dropdown-menu,
	.tr-dropdown-menu.left {
		min-width: inherit;
		width: 95%;
		left: 15px;
	}

	.navbar-nav > li > a {
		padding: 5px 10px;
	}

	.cta-info h1 {
		margin: 0;
	}

	.cta-info .btn.btn-primary {
		margin-top: 10px;
	}

	.cta-info .pull-left {
		text-align: right;
		float: none !important;
	}

	.testimonial-content {
		background-image: inherit;
	}

	.tr-header .btn.btn-primary {
		padding: 8px 20px 7px;
	}

	.apply-job .job-item .left-content,
	.apply-job .job-item .right-content {
		float: none;
	}

	.apply-job .job-item .right-content {
		margin-top: 10px;
	}

	.right-content span.applied {
		display: inline;
		text-align: inherit;
	}

	.role .left-content,
	.role .right-content {
		float: none;
		overflow: hidden;
	}

	.open-role .tr-title {
		margin-bottom: 5px;
	}

	.open-role .role {
		padding: 25px;
	}

	.contact-section .info-list .media-body {
		font-size: 13px;
	}

	.navbar {
		padding: 15px 0;
	}

	.navbar-toggler {
		top: 5px;
	}
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	.tr-header .container {
		position: relative;
	}

	.tr-header .navbar-right {
		position: absolute;
		top: 0;
		right: 50px;
		padding: 5px 0;
	}

	.sign-in {
		margin-right: 20px;
	}

	.navbar-toggle {
		margin: 10px 0;
	}

	.tr-header .navbar-nav {
		max-height: 300px;
		overflow-x: hidden;
	}

	.banner-content h1,
	.page-title h1,
	.user-title h1 {
		font-size: 36px;
	}

	.banner-form input {
		width: 300px;
	}

	.banner-form .dropdown {
		width: 270px;
	}

	.tr-job-posted .job-item .job-info {
		padding: 40px 50px 20px;
	}

	.tr-job-posted .item-overlay .job-info {
		padding: 50px 50px 40px;
	}

	.two-column .company-logo {
		float: none;
		margin-bottom: 15px;
	}

	.jobs-listing .two-column .job-info {
		padding: 40px 20px;
	}

	.jobs-listing .two-column .job-meta li {
		margin-top: 5px;
	}

	.list-menu > ul > li {
		width: 33.3333%;
		margin-bottom: 1px;
	}

	.entry-content {
		padding: 19px 20px;
	}

	.entry-title {
		font-size: 22px;
	}

	.fun-fact {
		padding: 30px 15px;
	}

	.app-content {
		padding: 0;
	}

	.download-image,
	.download-info {
		display: block;
		margin-right: 0;
		text-align: center;
	}

	.download-image {
		margin-bottom: 15px;
	}

	.download-image img {
		margin-top: 0;
	}

	.download-app a {
		min-height: 170px;
		padding: 30px 15px;
	}

	.category-list li {
		font-size: 14px;
	}

	.testimonial-slider {
		max-width: 740px;
	}

	.profile-tabs.section {
		padding: 40px 20px;
	}

	.tr-sidebar .btn {
		padding: 8px 10px 7px;
	}

	.tr-sidebar .btn i {
		margin-right: 0;
	}

	.account-info .fun-fact {
		text-align: center;
		padding: 30px 18px;
	}

	.account-info .fun-fact-icon img {
		display: inline-block;
	}

	.account-info .fun-fact-icon {
		margin-right: 0;
		float: none;
	}

	.account-info .fun-fact h1 {
		margin: 10px 0;
	}

	.education-background li ul li {
		margin-right: 15px;
	}

	.personal-deatils .left {
		min-width: 150px;
	}

	.edit-resume .checkbox {
		margin-top: 0;
	}

	.testimonial-info {
		min-height: 240px;
	}

	.job-post-page .section,
	.contact-section .section {
		padding: 40px 25px;
	}

	.tr-coming-soon h1 {
		font-size: 60px;
	}

	.contact-section .info-list li i {
		margin-right: 5px;
	}

	.contact-section .social li {
		margin-right: 8px;
	}

	.found-info h1 {
		font-size: 80px;
	}

	.apply-job .job-info {
		padding: 30px 35px;
	}

	.close-account span {
		font-size: 20px;
	}

	.profile-tabs > li i {
		margin-right: 4px;
	}

	.contact-section .info-list {
		margin: 30px 0;
	}

	.info-list .media-body span {
		margin-bottom: 0;
	}

	.pricing {
		margin-bottom: 30px;
	}

	.category-list li a {
		padding: 40px 10px;
	}

	.download-app strong {
		font-size: 22px;
	}

	.tr-testimonial-2 .col-md-3 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.testimonial-info {
		padding: 40px 30px;
	}

	.change-photo .upload-photo .btn {
		padding: 10px 10px 7px;
	}

	.tr-sidebar .btn span {
		font-size: 13px;
	}
}

/* xs */
@media (max-width: 767px) {
	.navbar-brand {
		max-width: 100px;
	}

	.overflow-scroll {
		overflow: scroll;
	}

	.overflow-scroll div {
		justify-content: start !important;
	}

	.tr-header .navbar-right {
		padding: 0;
		width: 100%;
	}

	.tr-header .btn.btn-primary {
		position: absolute;
		top: 8px;
		right: 70px;
		padding: 5px 15px 4px;
	}

	.navbar-right .dropdown {
		float: left;
		padding: 0;
		margin-right: 10px;
	}

	.sign-in {
		float: left;
		margin-right: 0;
	}

	.navbar-right .dropdown-menu {
		top: 40px;
	}

	.navbar-toggle {
		margin: 15px;
	}

	.btn {
		padding: 8px 20px 6px;
		font-size: 12px;
	}

	.banner-content h1,
	.page-title h1,
	.user-title h1 {
		font-size: 36px;
	}

	.banner-content h2 {
		font-size: 20px;
	}

	.banner-form input,
	.banner-form .dropdown,
	.banner-form button.btn-primary {
		width: 100%;
	}

	.banner-form input {
		border-radius: 4px 4px 0 0;
		border-right: 0;
		border-bottom: 1px solid #cdcdcd;
	}

	.banner-form button.btn-primary {
		border-radius: 0 0 4px 4px;
	}

	.section-padding {
		padding: 50px 0;
	}

	.section-title h1 {
		font-size: 20px;
	}

	.category-list li {
		width: 50%;
	}

	.category-list li:nth-child(even) {
		border-right: 0;
	}

	.category-list.category-list-bottom li {
		border-bottom: 1px solid #e6e3e6;
	}

	.category-list.category-list-bottom li:last-child,
	.category-list.category-list-bottom li:nth-child(3) {
		border-bottom: 0;
	}

	.tr-steps h2 {
		font-size: 16px;
	}

	.tr-cta .cta-content {
		text-align: center;
		padding: 40px 15px;
	}

	.tr-cta .cta-content {
		background-image: inherit;
	}

	.tr-cta .pull-left {
		text-align: center;
	}

	.tr-cta .pull-right {
		float: none !important;
	}

	.cta-info h1 {
		margin: 0;
		font-size: 22px;
	}

	.testimonial-content {
		padding: 80px 0;
	}

	.tr-testimonial .media-left {
		max-width: 75px;
		min-width: inherit;
		margin-right: 15px;
	}

	.testimonial-slider {
		font-size: 20px;
	}

	.entry-header.pull-left {
		float: none !important;
	}

	.entry-header img {
		width: 100%;
	}

	.entry-content {
		padding: 30px 20px;
	}

	.entry-title {
		font-size: 22px;
	}

	.job-tab .nav-tabs li {
		margin-right: 0;
	}

	.job-item {
		margin-bottom: 15px;
	}

	.footer-social.pull-right,
	.copyright {
		float: none !important;
	}

	.tr-breadcrumb .buttons i {
		font-size: 18px;
	}

	.tr-breadcrumb .buttons .btn {
		padding: 7px 15px 6px;
		font-size: 12px;
		margin-bottom: 10px;
	}

	.breadcrumb-logo,
	.user-image {
		width: 100px;
		height: 100px;
	}

	.tr-sidebar {
		margin-bottom: 30px;
	}

	.section {
		padding: 0 !important;
	}

	.resume-builder-content .container {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}

	.app-content {
		padding: 0;
	}

	.resume-last-updated {
		padding: 10px 15px;
	}

	.breadcrumb-social li {
		margin-right: 0;
	}

	.breadcrumb-social li a i {
		font-size: 14px;
		width: 35px;
		height: 35px;
		line-height: 35px;
	}

	.btn.button-cancle {
		margin-right: 5px;
	}

	.edit-resume .checkbox {
		margin-top: 0;
	}

	.two-column .job-info,
	.apply-job .job-info {
		padding: 30px 25px;
	}

	.personal-deatils .left {
		min-width: 110px;
	}

	.resume-info .icon {
		margin-right: 15px;
	}

	.banner-form form {
		display: block;
	}

	.list-menu > ul > li {
		width: 50%;
		margin-bottom: 1px;
		padding: 15px;
	}

	.tr-post-job .tr-title {
		margin-bottom: 20px;
	}

	.tr-post-job .col-sm-3 label {
		margin-top: 0;
	}

	.close-account h1 {
		font-size: 24px;
	}

	.close-account span {
		font-size: 18px;
	}

	.tr-coming-soon h1 {
		font-size: 30px;
	}

	.tr-coming-soon h2 {
		font-size: 18px;
	}

	.tr-coming-soon .tr-form {
		width: 290px;
	}

	.countdown li {
		font-size: 13px;
		margin-right: 15px;
	}

	.countdown li span {
		font-size: 35px;
	}

	.tr-coming-soon .tr-form .form-control {
		height: 45px;
		font-size: 12px;
	}

	.tr-coming-soon .tr-form button {
		top: 7px;
		font-size: 20px;
	}

	.countdown {
		margin: 50px 0;
	}

	.tr-notification {
		font-size: 18px;
		padding: 50px 15px;
	}

	.tr-notification .icon {
		font-size: 55px;
	}

	.tr-notification h1 {
		font-size: 24px;
	}

	#gmap {
		height: 300px;
	}

	.pricing h1 {
		font-size: 55px;
	}

	.pricing h1 sup {
		top: -20px;
	}

	.found-info h1 {
		font-size: 60px;
	}

	.found-info h2 {
		font-size: 20px;
	}

	.tr-found.section {
		padding: 50px 30px;
	}

	.tr-users {
		padding: 70px 0;
		background-image: inherit;
	}

	.job-find {
		margin-bottom: 100px;
	}

	.tr-users::before,
	.tr-users::after {
		width: 100%;
		height: 50%;
	}

	.tr-users::before {
		top: 0;
	}

	.tr-users::after {
		bottom: 0;
		top: inherit;
	}

	.tr-post-job .aegotiable {
		margin: 0 0 20px;
	}

	.personal-deatils .middle {
		margin-right: 15px;
	}

	.archived-job .job-info,
	.open-role .role {
		padding: 30px 20px;
	}

	.tr-download-app h1 {
		font-size: 22px;
	}

	.account-content {
		padding: 30px 14px;
	}

	.tr-testimonial-2 .testimonial {
		margin-bottom: 30px;
	}

	.tr-testimonial-2 {
		margin-bottom: 50px;
	}

	.testimonial-info {
		min-height: inherit;
	}

	.page-content {
		margin: 50px 0;
	}

	.tr-post {
		display: block;
	}

	.entry-content {
		overflow: hidden;
	}

	.tr-steps .col-sm-4,
	.fun-fact-content .col-sm-4,
	.app-content .col-sm-4,
	.footer-top .col-sm-3,
	.tr-users .col-sm-6,
	.tr-testimonial-2 .col-md-3 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.banner-content {
		display: table;
	}

	.navbar-expand-lg > .container,
	.navbar-expand-lg > .container-fluid {
		position: relative;
	}

	.tr-header .btn.btn-primary {
		right: 50px;
	}
}

/* XS Portrait */
@media (max-width: 575px) {
	/* .navbar-expand-lg > .container,
  .navbar-expand-lg > .container-fluid {
    margin-left: 15px;
    margin-right: 15px;
  } */
	.banner-form .dropdown-menu {
		left: -10px !important;
	}

	.job-tab .nav-tabs::after {
		display: none;
	}

	.tr-users h1 {
		font-size: 30px;
	}
}

/* XS Portrait */
@media (max-width: 479px) {
	.section-title h1 {
		font-size: 16px;
	}

	.tr-dropdown-menu,
	.tr-dropdown-menu.left {
		width: 92%;
	}

	.banner-content h1,
	.page-title h1,
	.user-title h1 {
		font-size: 26px;
	}

	.banner-content h2 {
		font-size: 18px;
	}

	.category-list li {
		width: 100%;
		border-right: 0;
	}

	.category-list.category-list-bottom li:nth-child(3) {
		border-bottom: 1px solid #e6e3e6;
	}

	.job-tab .nav-tabs > li a {
		margin-bottom: 5px;
	}

	.change-photo {
		text-align: center;
	}

	.change-photo .user-image {
		margin: 0;
		float: none;
	}

	.change-photo .user-image img {
		display: inline-block;
	}

	.change-photo .upload-photo {
		margin-top: 5px;
	}

	.account-info .social a {
		padding: 10px;
	}

	.account-info .social i {
		margin-top: 10px;
		margin-right: 5px;
		width: 40px;
		height: 40px;
		line-height: 40px;
	}

	.right-content span.applied {
		display: block;
		margin-top: 5px;
	}

	.list-menu > ul > li {
		width: 100%;
	}

	.two-column .company-logo {
		float: none;
		margin-bottom: 15px;
	}

	.buttons .btn {
		margin-bottom: 5px;
	}

	.additem:first-of-type .icon,
	.additem-1:first-of-type .icon {
		left: 0;
		top: 48px;
	}

	.job-item .left-content,
	.job-item .right-content,
	.apply-job .company-logo,
	.two-column .company-logo,
	.updated-info .pull-right,
	.updated-info .pull-left {
		float: none !important;
	}

	.user-account {
		width: 100%;
		display: block;
	}
}

/* mukesh */

@media (max-width: 767px) {
	.profile-tabs-2 {
		padding: 0 !important;
		border: 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.mobile-tab {
		padding: 0 !important;
		border: 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		display: none;
		border: 1px solid #dee2e6;
	}

	.profile-tabs-2 > li > a {
		padding: 10px;
	}

	.profile-tabs-2 > li > a {
		border-right: 0;
		border-bottom: 1px solid #dee2e6;
	}

	.profile-tabs-2 > li > a:hover,
	.profile-tabs-2 > li > a:focus,
	.profile-tabs-2 > li a.active,
	.profile-tabs-2 > li > a.active:focus,
	.profile-tabs-2 > li > a.active:hover {
		border: 0 !important;
	}

	.dashboard-tabs-wrapper .btn.btn-primary {
		padding: 5px 8px;
	}

	.dashboard-tabs {
		margin-top: 10px;
	}

	.dashboard-tabs li a {
		padding: 5px 10px;
	}

	.dashboard-filters-bar [class*="col"] {
		margin-bottom: 10px;
	}

	.dashboard-filters-bar.mb-4 {
		margin-bottom: 0 !important;
	}

	.sorting-filters {
		text-align: left !important;
	}

	.candidate-tabs li a {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		border-right: 0;
	}

	.candidate-tabs li a span {
		margin-right: 5px;
	}

	.dashboard-top .selected-tab-status {
		padding: 6px;
		margin-top: 15px;
	}

	.dashboard-top .selected-tab-status p {
		font-size: 16px;
	}

	.dashboard-top .top-right.text-right {
		margin-top: 15px;
	}

	.dashboard-filters-bar .btn-dropdown {
		margin-bottom: 5px;
	}

	.chat-box-main {
		max-height: none;
		position: relative;
	}

	.right-panel-wrapper {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #ffff;
		z-index: 999;
		display: none;
	}

	.selected-tab-status {
		display: block;
	}
}

@media (max-width: 479px) {
	.dashboard-tabs-wrapper .form-control {
		padding: 5px;
	}

	.dashboard-tabs li {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
	}

	.dashboard-tabs li a {
		font-size: 13px;
		padding: 5px;
	}

	.dashboard-top.mb-5 {
		margin-bottom: 15px !important;
	}

	.sorting-filters {
		font-size: 12px;
	}

	.sorting-filters .dropdown {
		margin-right: 5px !important;
	}

	.sorting-filters .dropdown:last-child {
		margin-right: 0 !important;
	}

	.dashboard-filters-bar .btn-dropdown {
		font-size: 11px;
		margin-right: 5px !important;
	}

	.dashboard-main .db-tr {
		font-size: 12px;
	}

	.dashboard-main .db-tr h5 {
		font-size: 15px;
	}
}

@media (min-width: 576px) {
	.message-popup .modal-dialog {
		max-width: 767px;
		margin: 1.75rem auto;
	}

	.message-popup .modal-dialog .modal-content {
		padding: 20px;
	}
}

@media (max-width: 991px) {
	.list-menu.listing-filters .tr-list li a {
		display: block;
	}
	.auth-screen {
		flex-direction: column;
	}
	.account-content {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	h1 {
		font-size: 2.4rem !important;
	}
}

@media (max-width: 767px) {
	body {
		font-size: 12px;
	}
	.hide-on-mobile {
		display: none !important;
	}
	.job-item .job-info {
		padding-bottom: 0 !important;
		-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
		box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
	}

	.job-item .job-actions {
		background: #03a9f4;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		width: 100%;
		margin-top: 15px;
		position: relative;
		padding-top: 15px;
		width: calc(100% + 40px);
		margin-left: -20px;
		padding: 10px 20px;
	}

	.job-item .job-info-top .job-actions {
		margin-left: auto;
		display: none;
	}

	.job-item .job-actions .btn-dropdown {
		background: transparent !important;
		background: transparent !important;
		border: 1px solid #ffffff;
		color: #ffffff !important;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 125px;
		flex: 0 0 125px;
		font-size: 15px;
	}

	.job-item .job-actions .btn-dropdown:hover:before {
		content: none;
	}

	.job-item .job-actions:after {
		position: absolute;
		content: "";
		bottom: 50px;
		left: -50px;
		width: 150%;
		height: 1px;
		background-color: #f5f4f5;
		z-index: -1;
	}

	.job-item .bookmark {
		color: #ffffff;
	}

	.list-menu.listing-filters .tr-list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.list-menu.listing-filters .tr-list li a {
		display: inline-block;
	}

	.custom-popup .custom-popup-inner {
		max-width: 90%;
	}

	.profile-update-popup .custom-file-btn {
		margin-top: 20px;
	}

	.custom-popup .popup-header {
		padding: 10px;
		padding-right: 50px;
	}

	.custom-popup .popup-header h4 {
		font-size: 18px;
	}

	.profile-update-popup .action .btn.btn-lg {
		margin-bottom: 10px;
	}

	.profile-update-popup .action .btn.btn-lg ~ a {
		margin-left: 0 !important;
	}

	.header-stats .stats {
		margin-bottom: 20px;
	}

	.tr-header .navbar-right {
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	.job-topbar .input-group {
		padding-bottom: 15px;
	}

	.final-resume-section .resume-edit-actions {
	}

	/* create  resume page  ====================*/
	.create-resume-section .inner-box {
		max-width: 95%;

		padding: 35px 20px;
	}

	.create-resume-section .inner-box .steps .step-no {
		display: inline-block;
		height: 40px;
		width: 40px;
		flex: 0 0 40px;
		background-color: #b3e2f7;
	}

	.select-template .select-template-inner {
		max-height: calc(100vh - 216px);
	}

	.banner-form .dropdown {
		background-position: 18px center;
		padding-left: 45px;
	}

	.final-resume-preview {
		font-size: 5px;
	}

	.final-resume-preview h3 {
		font-size: 8px;
	}

	.final-resume-preview {
		border-width: 2px;
	}

	.final-resume-preview h1 {
		font-size: 10px;
	}

	.final-resume-preview .resume-pic {
		height: 40px;
		width: 40px;
		border-width: 2px;
		font-size: 12px;
	}

	.final-resume-preview .resume-user-quick-info {
		font-size: 6px;
	}

	.final-resume-preview h3.with-circle::before {
		width: 6px;
		height: 6px;
		left: -0.75rem !important;
		border-width: 1px;
	}

	.final-resume-section .final-resume-preview .resume-user-quick-info .fa {
		font-size: 6px;
	}

	#ResumePreview {
		padding-right: 0 !important;
	}

	#ResumePreview .modal-dialog {
		max-width: 98%;
	}

	.header-user {
		position: fixed;
		top: 15px;
		right: 60px;
		z-index: 9;
	}

	.resume-main-section bg-white .btn {
		font-size: 12px;
	}

	.select-template .select-template-inner .templates-list,
	.select-template .select-template-inner {
		height: auto;
		max-height: none;
	}
}

@media (max-width: 479px) {
	.job-summary {
		padding-bottom: 0 !important;
	}

	.job-summary .job-summary-inner .job-title {
		font-size: 20px;
	}

	.job-summary .job-company-location {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.job-summary .job-company-location p {
		margin-bottom: 0;
		font-size: 12px;
	}

	.job-summary .job-quick-info .job-quick-info-row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.job-summary .job-quick-info .job-quick-info-row .job-quick-info-col:first-child {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		font-size: 15px;
	}

	.job-summary .job-quick-info .job-quick-info-row .job-quick-info-col strong {
		font-size: 13px;
		color: #b5b5b5;
	}

	.job-summary .job-complete-description h4 {
		font-size: 18px;
		margin-top: 25px;
	}

	.job-summary .job-summary-inner {
		max-height: 550px;
	}

	.job-summary .action-expand .btn {
		height: 40px;
		width: 40px;
		line-height: 40px;
		font-size: 25px;
	}

	.job-summary .action-expand:after {
		top: 40px;
	}

	.job-item .job-info-top .job-info-top-content .job-info-top-content-bottom {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.job-item .job-info-top .job-info-top-content .job-info-top-content-bottom p {
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		margin-bottom: 0;
	}

	.navbar-right .dropdown-menu a,
	.sign-in a,
	.tr-header .navbar-right {
		font-size: 11px;
	}

	.resume-main-section .btn {
		font-size: 10px;
	}
}

/* @media (min-width: 576px) {
  .container {
    max-width: 95% !important;
  }
 
} */

@media (max-width: 576px) {
	.select-template .select-template-inner .templates-list .template {
		max-width: 300px;
		margin: 0 auto;
	}

	.select-template .select-template-inner .templates-list .template img {
		max-width: 100%;
	}
}

@media (max-width: 991px) {
	.admin-ul li a {
		color: #252525;
	}

	.resume-progress .progress-section .step .step-text {
		font-size: 8px;
	}

	.resume-progress .progress-section .step::after {
		width: 10px;
	}

	.resume-progress .progress-section .step::before {
		height: 15px;
		width: 15px;
		font-size: 8px;
	}

	.resume-progress .progress-section .step.active::before {
		line-height: 12px;
	}
}

@media (max-width: 767px) {
	.resume-progress .logo {
		flex: 0 0 100%;
	}

	.resume-progress .logo img {
		max-width: 100px;
	}

	.resume-progress .progress-section {
		flex: 0 0 100%;
	}

	.resume-progress .inner {
		flex-wrap: wrap;
	}

	/* .resume-progress + .resume-main-section {
    margin-top: 80px;
  } */
	.resume-main-section {
		margin-top: 0px;
	}
}

@media (min-width: 768px) {
	.create-resume-options-section,
	.resume-select-options-section {
		min-height: 75vh;
	}
}

@media (max-width: 645px) {
	.tips-sidebar {
		padding-top: 75px;
		width: 90vw;
	}

	.container.open-tips {
		margin-left: 90vw;
		transition: all 0.15s linear;
	}

	.right-sidebar {
		padding-top: 75px;
		width: 90vw;
	}

	.container.open-right-sidebar {
		margin-left: -90vw;
		transition: all 0.15s linear;
	}
}

@media (max-width: 768px) {
	.package-container {
		min-height: 240px;
	}

	.package-bronze {
		margin-top: 40px;
	}

	.package-image {
		width: 40px;
		height: 40px;
	}
}

@media (max-width: 767px) {
	.final-premium-template-1 .contact-icon {
		height: 15px !important;
		width: 15px !important;
		line-height: 15px !important;
		font-size: 6px !important;
		margin-right: 5px !important;
		flex: 0 0 15px !important;
	}

	.final-premium-template-1 .title-icon {
		height: 25px !important;
		width: 25px !important;
		line-height: 25px !important;
		margin-right: 5px !important;
		font-size: 10px;
		border-width: 1px !important;
	}

	.final-premium-template-1 .border-line {
		flex: 0 0 5px !important;
	}

	.final-premium-template-2 .border-icon {
		flex: 0 0 20px;
		width: 20px;
		height: 20px;
	}

	.final-premium-template-3 .contact-icon {
		width: 20px !important;
		height: 20px !important;
	}

	.final-premium-template-3 .contact-icon + .fa {
		font-size: 15px !important;
	}

	.final-premium-template-3 .title-icon {
		width: 13px !important;
	}

	.final-premium-template-3 .title-icon > span {
		width: 20px !important;
		height: 20px !important;
		line-height: 20px !important;
	}

	.final-premium-template-3 .title-icon > span .fa {
		font-size: 10px !important;
	}

	.final-premium-template-3 .title-icon span + span {
		width: 15px !important;
		height: 15px !important;
		line-height: 15px !important;
		border-radius: 3px;
		left: 10px !important;
		top: 2px !important;
	}

	.final-resume-preview-new {
		font-size: 5px !important;
	}

	.final-resume-preview-new h1 {
		font-size: 14px !important;
	}

	.final-resume-preview-new h2 {
		font-size: 13px !important;
	}

	.final-resume-preview-new h3 {
		font-size: 12px !important;
	}

	.final-resume-preview-new h4 {
		font-size: 10px !important;
	}

	.final-resume-preview-new h5 {
		font-size: 8px !important;
	}

	.final-resume-preview-new h6 {
		font-size: 6px !important;
	}
}

@media (max-width: 767px) {
	.avatar {
		width: 40px;
		height: 40px;
		font-size: 5px;
	}
}