/*：当前代码仅为演示用,不能二次开发。源码只发布在: http://www.bootstrapmb.com/item/2820(此说明只在演示页面有,不在下载的源码里)*//*================ Normal desktop :992px.==================== */@media (min-width: 992px) and (max-width: 1169px) {	.header-right-menu ul li a,	.header-menu ul li a {		padding: 5px	}	.site-logo {		margin-top: 13px	}	.banner-welcome form .video-banner-input {		width: 40%	}	.top-job-company-image h3,	.single-browse-company h3 {		font-size: 16px	}}/*================ Tablet desktop :768px.==================*/@media (min-width: 768px) and (max-width: 991px) {	.header-right-menu {		display: none	}	.jobguru-responsive-menu {		display: block;		width: 50%;		z-index: 99999	}	.header-menu {		display: none	}	.site-logo {		width: 100%;		margin: 0;		padding: 0	}	.slicknav_btn {		margin-top: 0	}	.forsticky.sticky {		position: absolute;		background: transparent	}	.banner-search h2 {		font-size: 40px	}	.single-candidate-widget-2 a.jobguru-btn-2 {		padding: 10px	}	.jobguru-inner-hire-area::after {		width: 55%	}	.jobguru-inner-hire-area::before {		width: 48%	}	.hire_circle {		left: 30%	}	.video-container h2 {		font-size: 35px	}	.how-works-box img {		display: none	}	.how-works-box {		width: auto;		height: auto;		padding: 60px 20px;		margin-top: 30px	}	.how-works-box.box-1::before,	.how-works-box.box-2::before,	.how-works-box.box-3::before {		display: none	}	.works-box-text p {		font-size: 18px	}	.how-works-area {		padding-bottom: 70px	}	.blog-image p {		padding: 35px 0	}	.single-footer-widget {		margin: 30px 0	}	.banner-welcome form {		width: 100%	}	.banner-welcome form .video-banner-input {		width: 36%	}	.sigle-top-job,	.single-browse-company,	.dashboard-right,	.single-about-box,	.blog-page-right {		width: 75%;		margin: 30px auto 0	}	.job-grid-sidebar,	.dashboard-left {		width: 75%;		margin: 0 auto	}	.price-standard .price-value::before {		top: -54px	}	.single-blog-page-item,	.pagination-box-row {		width: 75%;		margin: 0 auto 30px	}	.hire-box-2-btn a.jobguru-btn-2 {		text-align: center;		padding: 10px 15px	}	.hire-2-box h2 {		font-size: 24px	}	.page-header .slicknav_menu .slicknav_icon-bar {		background-color: #111	}	.available-count h4 {		text-align: center	}	.instagram>li {		width: 15%	}	.breadcromb-box h3 {		font-size: 35px	}	.single-input label span {		display: none	}	.single-candidate-action a.bookmarks,	.single-candidate-action a.candidate-contact {		padding: 10px	}	.nav-tabs .nav-item {		margin: 3px 0	}	.chat-board-right {		margin-top: 30px;		height: auto	}	.earnings-flex,	.balance-box-flex {		display: block	}	.single-earnings,	.single-balance-box {		margin: 10px 0	}	.change-pass form {		width: 100%	}	.job-grid-right {		margin-top: 30px	}	.search-category-box h3 {		font-size: 16px	}	.candidate-text-bottom {		display: block	}	.candidate-text-bottom {		text-align: left;	}	.candidate-text-box {		margin-bottom: 10px	}	.about-main-box {		width: 70%	}	.login-box {		width: 65%	}	.footer-top::after {		width: 100%	}}/*================== small mobile :320px. ===================*/@media (max-width: 767px) {	.header-right-menu {		display: none	}	.jobguru-responsive-menu {		display: block	}	.header-menu {		display: none	}	.site-logo {		width: 60%	}	.banner-search h2 {		display: none	}	.banner-search h4 {		display: none	}	.banner-form-box {		background: transparent;		display: block	}	.banner-form-input {		display: block;		border-radius: 5px;		padding: 5px;		background: #fff none repeat scroll 0 0;		margin-top: 8px	}	.banner-form-input input {		padding: 3px 5px	}	.mob-hide {		display: none	}	.banner-form-input:last-child {		display: block;		margin-top: 8px;		background: #25ad60 none repeat scroll 0 0	}	.banner-form-input button {		position: relative	}	.banner-form-input button:hover {		background: #25ad60 none repeat scroll 0 0	}	.banner-form-input .select2 {		padding: 0	}	.select2-container--default .select2-selection--single .select2-selection__arrow {		top: 8px	}	.site-heading {		width: 100%	}	.site-heading h2 {		font-size: 25px;		line-height: 35px	}	.jobguru-categories-area .row .col-lg-3 {		padding-left: 15px;		padding-right: 15px	}	.jobguru-inner-hire-area::after,	.hire_circle {		display: none	}	.jobguru-inner-hire-area::before,	.inner-hire-left {		width: 100%	}	.inner-hire-left h3 {		font-size: 32px	}	.job-tab .job-tab-switch {		border: 0px solid #ddd;		padding: 0	}	.job-tab-switch li {		margin-top: 10px	}	.top-company-list {		display: block;		text-align: center	}	.top-company-list .company-list-logo {		margin: 0 auto 15px !important;		max-width: 110px !important;	}	.top-company-list .company-list-details>h3 {		line-height: 30px	}	.company-list-details p {		display: block;		margin-right: 0;		margin-bottom: 10px	}	.rating-company {		width: 25%;		margin: 0 auto 10px !important;		padding: 5px;		text-align: center	}	.video-container h2 {		font-size: 26px;		line-height: 40px	}	.how-works-box img {		display: none	}	.how-works-box {		border-radius: 5px;		margin: 30px auto 0	}	.how-works-area {		padding-bottom: 70px	}	.blog-image p {		font-size: 15px;		line-height: 22px	}	.single-footer-widget {		margin: 30px 0	}	.banner-welcome h4 {		font-size: 22px;		line-height: 40px	}	.banner-welcome h4 span {		font-size: 35px	}	.banner-welcome {		text-align: center	}	.banner-welcome form {		width: 70%;		margin: 30px auto 0	}	.banner-welcome form .video-banner-input:last-child {		float: none;		text-align: center	}	.banner-welcome form .video-banner-input {		width: 100%;		float: none;		margin-top: 10px	}	.banner-welcome form .video-banner-input input {		padding: 0	}	.top-search-cat {		display: none	}	.no-pad-right {		padding-right: 15px	}	.no-pad-left {		padding-left: 15px	}	.no-pad-all {		padding-left: 15px;		padding-right: 15px	}	.single-pricing {		margin-top: 30px	}	.single-pricing.price-standard {		transform: scale(1)	}	.jobguru-pricing-area.section_70 {		padding-bottom: 70px	}	.hire-2-box {		text-align: center	}	.hire-2-box h2 {		font-size: 26px;		line-height: 40px	}	.hire-box-2-btn {		text-align: center;		margin-top: 20px	}	.breadcromb-top {		padding: 50px 0	}	.breadcromb-box h3 {		font-size: 30px;		line-height: normal	}	.browse-job-head-option,	.job-browse-search {		display: block	}	.job-browse-action {		display: block;		margin-left: 0;		margin-top: 10px	}	.job-browse-action .dropdown button {		margin-left: 0;		width: 100%;		margin-top: 10px	}	label.styled {		text-align: left	}	.job-browse-action .dropdown-menu {		min-width: 100%	}	.job-browse-action .dropdown-toggle:after {		top: 30px	}	.search-category-box {		width: 100%;		float: none	}	.nav-tabs .nav-item {		margin: 3px 0	}	.single-candidate-action {		text-align: left;		margin: 30px 0 0	}	.single-candidate-bottom-right {		margin-top: 30px	}	.progressbar-example {		width: 100%	}	.single-candidate-widget-2 ul li {		display: block	}	.single-candidate-widget-2>ul.candidate-social>li {		display: inline-block	}	.submit-resume-box {		width: 100%	}	.feild-flex-2 {		display: block	}	.single-resume-feild.feild-flex-2 .single-input:last-child {		margin-left: 0	}	.single-resume-feild.feild-flex-2 .single-input:first-child {		margin-right: 0	}	.dashboard-right,	.chat-board-right {		margin-top: 30px	}	.chat-content {		width: calc(70%)	}	.chat-board-right {		height: 80%	}	.earnings-flex,	.balance-box-flex {		display: block	}	.single-earnings,	.single-balance-box {		margin-right: 0;		margin-top: 30px	}	.change-pass form {		width: 100%	}	.job-grid-right {		margin-top: 30px	}	.main-comment {		padding: 30px 0px 10px 0px	}	.candidate-image {		position: relative;		top: 0	}	.candidate-text-bottom {		display: block	}	.candidate-text-box {		margin-bottom: 20px	}	.candidate-text-inner ul {		display: inline-block	}	.about-main-box {		width: 100%	}	.blog-title>h3 {		font-size: 20px	}	.blog-page-right {		margin-top: 30px	}	.leave-comment input[type="text"],	.leave-comment input[type="email"] {		width: 100%;		margin-right: 0	}	.leave-comment textarea {		width: 100%;		margin-right: 0	}	.login-box {		width: 100%	}	.contact-right {		margin-top: 30px	}	.top-job-company-desc ul li span i {		display: none	}	.single-candidate-box {		display: block	}	.single-candidate-img {		margin-bottom: 20px	}	.single-candidate-action a.candidate-contact {		margin-left: 0;		margin-top: 10px	}	.resume-box h3 {		font-size: 20px	}	.message-text-area button {		right: 15px	}	.single-balance-box h2 {		font-size: 22px	}	.single-balance-box h3 span {		display: block;		float: none;		margin-top: 10px	}	.blog-social-follow a {		display: block;		width: 100%;		text-align: center;		margin-top: 5px	}	.blog-content blockquote .quote-inner {		padding-left: 20px	}	.single-work-history.reply-commnt {		padding-left: 0	}	.remember-row {		display: block;		text-align: center	}	.page-header .slicknav_menu .slicknav_icon-bar {		background-color: #111	}	.remember {		display: block;		float: none	}	.lost-pass a {		float: none	}	.footer-top::after {		width: 100%	}	.forsticky.sticky {		position: absolute;		background: transparent	}}/* ======================Large Mobile :480px.================== */@media only screen and (min-width: 480px) and (max-width: 767px) {	.header-right-menu {		display: none	}	.jobguru-responsive-menu {		display: block	}	.header-menu {		display: none	}	.site-logo {		width: 60%	}	.banner-search h2 {		display: none	}	.banner-search h4 {		display: none	}	.banner-form-box {		background: transparent;		display: block	}	.banner-form-input {		display: block;		border-radius: 5px;		padding: 5px;		background: #fff none repeat scroll 0 0;		margin-top: 8px	}	.banner-form-input input {		padding: 3px 5px	}	.banner-form-input:last-child {		display: block;		margin-top: 8px;		background: #25ad60 none repeat scroll 0 0	}	.banner-form-input button {		position: relative	}	.banner-form-input button:hover {		background: #25ad60 none repeat scroll 0 0	}	.banner-form-input .select2 {		padding: 0	}	.select2-container--default .select2-selection--single .select2-selection__arrow {		top: 8px	}	.site-heading {		width: 100%	}	.site-heading h2 {		font-size: 25px;		line-height: 35px	}	.jobguru-categories-area .row .col-lg-3 {		padding-left: 15px;		padding-right: 15px	}	.jobguru-inner-hire-area::after,	.hire_circle {		display: none	}	.jobguru-inner-hire-area::before,	.inner-hire-left {		width: 100%	}	.inner-hire-left h3 {		font-size: 32px	}	.job-tab .job-tab-switch {		border: 0px solid #ddd;		padding: 0	}	.job-tab-switch li {		margin-top: 10px	}	.top-company-list {		display: block;		text-align: center	}	.top-company-list .company-list-logo {		margin: 0 auto 15px !important;		max-width: 110px !important;	}	.top-company-list .company-list-details>h3 {		line-height: 30px	}	.company-list-details p {		display: block;		margin-right: 0;		margin-bottom: 10px	}	.category-holder-text h3 {		font-size: 14px	}	.single-category-holder {		margin-top: 30px	}	.how-works-box {		width: 100%;	}	.how-works-box.box-1::before,	.how-works-box.box-2::before,	.how-works-box.box-3::before {		display: none	}	.rating-company {		width: 25%;		margin: 0 auto 10px !important;		padding: 5px;		text-align: center	}	.video-container h2 {		font-size: 26px;		line-height: 40px	}	.how-works-box img {		display: none	}	.how-works-box {		border-radius: 5px;		margin: 30px auto 0	}	.how-works-area {		padding-bottom: 70px	}	.blog-image p {		font-size: 17px;		line-height: 23px;		padding: 22px 0	}	.single-footer-widget {		margin: 30px 0	}	.banner-welcome h4 {		font-size: 22px;		line-height: 40px	}	.banner-welcome h4 span {		font-size: 35px	}	.banner-welcome {		text-align: center	}	.banner-welcome form {		width: 70%;		margin: 20px auto 0	}	.slicknav_menu .slicknav_icon-bar {		background-color: #fff	}	.banner-welcome form .video-banner-input:last-child {		float: none;		text-align: center	}	.banner-welcome form .video-banner-input {		width: 100%;		float: none;		margin-top: 10px	}	.banner-welcome form .video-banner-input input {		padding: 0	}	.top-search-cat {		display: none	}	.no-pad-right {		padding-right: 15px	}	.no-pad-left {		padding-left: 15px	}	.no-pad-all {		padding-left: 15px;		padding-right: 15px	}	.single-pricing {		margin-top: 30px	}	.single-pricing.price-standard {		transform: scale(1)	}	.jobguru-pricing-area.section_70 {		padding-bottom: 70px	}	.hire-2-box {		text-align: center	}	.hire-2-box h2 {		font-size: 26px;		line-height: 40px	}	.hire-box-2-btn {		text-align: center;		margin-top: 20px	}	.breadcromb-top {		padding: 50px 0	}	.breadcromb-box h3 {		font-size: 30px;		line-height: normal	}	.browse-job-head-option,	.job-browse-search {		display: block	}	.job-browse-action {		display: block;		margin-left: 0;		margin-top: 10px	}	.job-browse-action .dropdown button {		margin-left: 0;		width: 100%;		margin-top: 10px	}	label.styled {		text-align: left	}	.job-browse-action .dropdown-menu {		min-width: 100%	}	.job-browse-action .dropdown-toggle:after {		top: 30px	}	.search-category-box {		width: 100%;		float: none	}	.nav-tabs .nav-item {		margin: 3px 0	}	.single-candidate-action {		text-align: left;		margin: 30px 0 0	}	.single-candidate-bottom-right {		margin-top: 30px	}	.progressbar-example {		width: 100%	}	.single-candidate-widget-2 ul li {		display: block	}	.single-candidate-widget-2>ul.candidate-social>li {		display: inline-block	}	.submit-resume-box {		width: 100%	}	.feild-flex-2 {		display: block	}	.single-resume-feild.feild-flex-2 .single-input:last-child {		margin-left: 0	}	.single-resume-feild.feild-flex-2 .single-input:first-child {		margin-right: 0	}	.dashboard-right,	.chat-board-right {		margin-top: 30px	}	.chat-content {		width: calc(70%)	}	.chat-board-right {		height: 80%	}	.earnings-flex,	.balance-box-flex {		display: block	}	.single-earnings,	.single-balance-box {		margin-right: 0;		margin-top: 30px	}	.change-pass form {		width: 100%	}	.job-grid-right {		margin-top: 30px	}	.main-comment {		padding: 30px 0px 10px 0px	}	.candidate-image {		position: relative;		top: 0	}	.candidate-text-bottom {		display: block	}	.candidate-text-box {		margin-bottom: 20px	}	.candidate-text-inner ul {		display: inline-block	}	.about-main-box {		width: 100%	}	.blog-title>h3 {		font-size: 20px	}	.blog-page-right {		margin-top: 30px	}	.leave-comment input[type="text"],	.leave-comment input[type="email"] {		width: 100%;		margin-right: 0	}	.leave-comment textarea {		width: 100%;		margin-right: 0	}	.login-box {		width: 100%	}	.contact-right {		margin-top: 30px	}	.top-job-company-desc ul li span i {		display: none	}	.single-candidate-box {		display: block	}	.single-candidate-img {		margin-bottom: 20px	}	.single-candidate-action a.candidate-contact {		margin-left: 0;		margin-top: 10px	}	.resume-box h3 {		font-size: 20px	}	.message-text-area button {		right: 15px	}	.single-balance-box h2 {		font-size: 22px	}	.single-balance-box h3 span {		display: block;		float: none;		margin-top: 10px	}	.blog-social-follow a {		display: block;		width: 100%;		text-align: center;		margin-top: 5px	}	.blog-content blockquote .quote-inner {		padding-left: 20px	}	.single-work-history.reply-commnt {		padding-left: 50px	}	.remember-row {		display: block;		text-align: center	}	.remember {		display: block;		float: none	}	.lost-pass a {		float: none	}	.footer-top::after {		width: 100%	}	.slicknav_btn {		margin-top: 0	}	.forsticky.sticky {		position: absolute;		background: transparent	}	.instagram>li {		width: 15%	}	.page-header .slicknav_menu .slicknav_icon-bar {		background-color: #111	}	.banner-welcome h4 {		display: none	}}/*：当前代码仅为演示用,不能二次开发。源码只发布在: http://www.bootstrapmb.com/item/2820(此说明只在演示页面有,不在下载的源码里)*/