/* ====== Responsive start here ====== */
/* ========== Services Slider Responsive CSS */
@media (max-width: 1024px){
    .jobBox h3 {
		font-size: 16.13px !important;
	}
	
	.jobBox:hover .jobBox-hover {
		top: 0;
	}
	.jobBox:hover .jobBox-hover .card .card-body{
		top: 0;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
	}
    .jobBox:hover .jobBox-hover .card .card-body h4{ 
        margin-bottom: 0px !important;
    }
    .jobBox:hover .jobBox-hover .card .card-img-top{
        height: 150px !important;
    }

	.jobBox {
		margin-bottom: 70px;
	}
	
	.jobBox .card {
		border-radius: 22px;

	}
	
	.joblist_Left h4 {
		font-size: 18.96px;
	}
	
	.joblist_Left .custom-control {
		font-size: 12.92px;
	}
	
	.joblist_Left label.custom-control-label { padding: 0;}
	
	#slideProfile a.btn-floating.prev, #slideProfile a.btn-floating.next {
		position: inherit;
		padding: 2px 6px;
	}
	
	.proFile .controls-top {
		text-align: center;
		padding-bottom: 70px;
	}
	
	.joblist_Right .btn-outline-dark, .companyLeft_list .btn-outline-dark{
		padding: 5px 25px;
		font-size: 15.62px !important;
	}
	
	.exoInner h6 {
		font-size: 15px;
	}
	
	.jobPart .pt-sm-0, .weCompany .pt-sm-0, .overview .pt-sm-0 {
		padding-top: 0 !important;
	}
	
	.w-90 {
		width: auto;
	}
}
/* ======================= service section css =================== */

@media (max-width: 768px){
    .jobforYou h5.card-title {
		font-size: 18.62px !important;
	}

	.seekerPart  .pro_one {
		left: 5%;
	}
	
	.seekerPart .pro_two {
		left: 30%;
	}
	
	.seekerPart  .pro_three {
		left: 15%;
		top: 150px;
	}
	
	.seekerPart  .pro_four {
		left: 54%;
	}
	
	.seekerPart  .pro_six {
		left: 70%;
		top: 160px;
	}
}

@media (max-width: 575px){
    .jobforYou .pre, .jobforYou .next{
            font-size: 14.96px !important;
        }
            
    .jobforYou h3.card-title, .latestBlog h3.card-title {
		font-size: 18.62px !important;
	}
    .jobforYou .card:hover {
		border-top-left-radius: 50px;
		border-top-right-radius: 50px;
	}
    .jobBox h3,.jobBox-hover h4{
		font-size: 24.13px !important;
	}
	
	.jobBox-content .btn-outline-warning,.jobBox-hover ul li {
		font-size: 14.58px !important;
	}
	
	.jobBox-hover-content {
		bottom: 60%;
	}
	
	.jobBox-hover a {
		font-size: 16.67px !important;
	}
	
	.jobBox {
		margin-bottom: 30px;
	}
	
	.jobBox .card {
		border-radius: 40px;
	}
	.jobforYou h5.card-title {
		font-size: 18px !important;
	}
}

@media (max-width: 375px){
    .jobBox .card {
		border-radius: 35px;
	}
}

@media (max-width: 320px){
    .way-success{
		width: 310px;
	}
    .jobBox .card {
		border-radius: 30px;
	}
}

/* =====================  Gallery page Responsive CSS ===================  */
@media(max-width: 991px){
	.gallery .gallery-item{
		width: 50%;
	}
}
@media(max-width: 767px){
	.gallery .gallery-item{
		width: 100%;
	}
}

/* =============== Home Page Responsive CSS ====================== */
@media(min-width:768px){
	.mobile-menu {
		display: none;
	}
}
@media(max-width: 767px){
	section.language-icons {
		display: none;
	}
	.top-header {
		display: none;
	}
	.main-menu {
		display: none;
	}
	.event-slider {
		padding: 50px 0;
		padding-top: 17rem;
		padding-bottom: 12rem;
	}
	.slide-text {
		padding-top: 0 !important;
		padding: 0 20px !important;
	}
	section h1.first-heading {
		font-size: 30px;
	}
	.slide-form {
		display: none;
	}
	/* .language-icons .icons {
		margin-left: 75px;
	} */
	.language-icons .icons img {
		margin: 0 16px;
	}
	section.about-wrap {
		padding: 0;
		padding-top: 100px;
	}
	section h2.heading {
		font-size: 28px;
	}
	.about-wrap .about-content .section-title p {
		font-size: 20px;
	}
	.regular {
		width: 94% !important;
		padding-left: 62px !important;
	}
	section#events-section {
		padding: 0;
	}
	.events-image-content.border .events-info p {
		font-size: 14px;
	}
	.events-image-content.border .events-info {
		bottom: 6px;
		padding: 7px;
		width: 62%;
		left: 20%;
		margin-bottom: 5px;
	}
	.events-image-content.border .event-content h3 {
		font-size: 23px;
		padding: 10px;
		margin-bottom: 0;
	}
	.events-image-content.border .event-content p {
		line-height: 22px;
		font-size: 14px;
		text-align: justify;
		padding: 10px;
		margin-bottom: 0;
	}
	.event-slider {
		padding: 50px 0;
		padding-top: 15rem;
    	padding-bottom: 17rem;
	}
	.wrapper .card-slider {
		width: 83%;
	}
	.intro {
		display: none;
	}
	.carousel-inner iframe {
		width: 100%;
		height: 375px;
	}
	section#service-section {
		padding-bottom: 0;
	}
	.footer .row.m-f {
		display: flex;
		flex-direction: column;
	}
	.footer .row.m-f .col-sm-2 {
		margin-left: 0 !important;
	}
	.footer .row.m-f > div {
		width: 50%;
	}
	.events-image-content.border {
		width: 615px;
		margin: 0 auto;
	}

	/*  ============ About Page Responsive CSS ==============  */
	.user-img {
		left: 42%;
	}
	.user-img img {
		height: 100px;
		width: 100px;
		border-radius: 50%;
	}
	.user-text{
		left: 18%;
    	top: 55%;
	}
	section#director{
		padding-bottom: 0;
	}
	section.director .director_image .image img {
		height: 350px;
		width: 100%;
	}

	/* ========== Price Page Responsive CSS ================= */
	.nearJob img.near-img {
		height: 173px;
	}
	.nearcol {
		padding: 10px 10px 0 !important;
	}
	.nearJob h1 {
		font-size: 40.23px !important;
	}
	.pricing {
		padding-top: 0;
	}

	/* =========== Contact Page Responsive CSS ============ */
	form.contact-form {
		padding-bottom: 30px;
	}
}

@media(max-width:575px){
	.slide-text {
		padding-top: 0 !important;
		padding: 0 20px !important;
	}
	section h1.first-heading {
		font-size: 30px;
	}
	.slide-form {
		display: none;
	}
	/* .language-icons .icons {
		margin-left: 75px;
	} */
	.language-icons .icons img {
		margin: 0 19px;
	}
	section.about-wrap {
		padding: 0;
		padding-top: 100px;
	}
	section h2.heading {
		font-size: 28px;
	}
	.about-wrap .about-content .section-title p {
		font-size: 20px;
	}
	.regular {
		width: 94% !important;
		padding-left: 147px !important;
		padding-right: 103px !important;
	}
	section#events-section {
		padding: 0;
	}
	.events-image-content.border .events-info p {
		font-size: 14px;
	}
	.events-image-content.border .events-info {
		bottom: 6px;
		padding: 7px;
	}
	.events-image-content.border .event-content h3 {
		font-size: 23px;
		padding: 10px;
		margin-bottom: 0;
	}
	.events-image-content.border .event-content p {
		line-height: 22px;
		font-size: 14px;
		text-align: justify;
		padding: 10px;
		margin-bottom: 0;
	}
	.event-slider {
		padding: 50px 0;
		padding-top: 15rem;
    	padding-bottom: 17rem;
	}
	.wrapper .card-slider {
		width: 144%;
	}
	.intro {
		display: none;
	}
	.carousel-inner iframe {
		width: 100%;
		height: 423px;
	}
	.events-image-content.border {
    	width: 550px;
    	margin: 0 auto;
	}

	/* ============== Price Page Responsive CSS ============  */
	.pricing .container-fluid {
		padding: 0 15px;
	}

	/* =========== Contact Page Responsive CSS ============ */
	section.contactForm .container-fluid{
		padding: 0 12px;
	}
	.contact-address .contact-info p a {
		font-size: 15px;
	}
	h2.section-heading{
		font-size: 29px;
	}
	.section-heading:before{
		top: 50%;
		left: 65%;
	}
	form.contact-form {
		padding-bottom: 30px;
	}

	/* ============ About Page Responsive CSS ================  */
	.testimonial-section{
		width: 300px;
	}
	.slide-row{
		width: 1200px;
	}
	.slide-col{
		width: 300px;
	}
	.user-img {
		left: 33%;
	}
	.user-img img {
		height: 100px;
		width: 100px;
		border-radius: 50%;
	}
	.user-text {
		top: 55%;
		left: 0;
		width: 300px;
		padding: 18px;
		height: 260px;
	}
	.user-text h3 {
		margin: 10px 0 5px;
		color: #fff;
	}
}



@media(max-width:479px){
	.slide-text {
		padding-top: 0 !important;
	}
	section h1.first-heading {
		font-size: 30px;
	}
	.slide-form {
		display: none;
	}
	.language-icons .icons {
		margin-left: 75px;
	}
	section.about-wrap {
		padding: 0;
		padding-top: 100px;
	}
	section h2.heading {
		font-size: 28px;
	}
	.about-wrap .about-content .section-title p {
		font-size: 20px;
	}
	.regular{
		width: 92% !important;
		padding-left: 44px !important;
	}
	section#events-section {
		padding: 0;
	}
	.events-image-content.border .events-info p {
		font-size: 14px;
	}
	.events-image-content.border .events-info {
		bottom: 6px;
		padding: 7px;
		width: 83%;
    	left: 9%;
	}
	.events-image-content.border .event-content h3 {
		font-size: 23px;
		padding: 10px;
		margin-bottom: 0;
	}
	.events-image-content.border .event-content p {
		line-height: 22px;
		font-size: 14px;
		text-align: justify;
		padding: 10px;
		margin-bottom: 0;
	}
	.event-slider {
		padding: 50px 0;
		padding-top: 15rem;
    	padding-bottom: 17rem;
	}
	.wrapper .card-slider {
		width: 144%;
	}
	.intro {
		display: none;
	}
	.events-image-content.border {
    	width: 450px;
    	margin: 0 auto;
	}
	.footer .row.m-f > div {
		width: 100%;
	}
	.carousel-inner iframe {
		width: 106%;
		height: 368px !important;
		/* padding-left: 67px; */
	}

	/* ============== Price Page Responsive CSS ============  */
	.pricing .container-fluid {
		padding: 0 15px;
	}

	/* =========== Contact Page Responsive CSS ============ */
	section.contactForm .container-fluid{
		padding: 0 12px;
	}
	.contact-address .contact-info p a {
		font-size: 15px;
	}
	h2.section-heading{
		font-size: 29px;
	}
	.section-heading:before{
		top: 50%;
		left: 65%;
	}
	form.contact-form {
		padding-bottom: 30px;
	}

	/* ============ About Page Responsive CSS ================  */
	.testimonial-section{
		width: 300px;
	}
	.slide-row{
		width: 1200px;
	}
	.slide-col{
		width: 300px;
	}
	.user-img {
		left: 33%;
	}
	.user-img img {
		height: 100px;
		width: 100px;
		border-radius: 50%;
	}
	.user-text {
		top: 55%;
		left: 0;
		width: 300px;
		padding: 18px;
		height: 260px;
	}
	.user-text h3 {
		margin: 10px 0 5px;
		color: #fff;
	}
}



@media(max-width:375px){
	.slide-text {
		padding-top: 0 !important;
	}
	section h1.first-heading {
		font-size: 30px;
	}
	.slide-form {
		display: none;
	}
	.language-icons .icons {
		margin-left: 15px;
	}
	section.about-wrap {
		padding: 0;
		padding-top: 100px;
	}
	section h2.heading {
		font-size: 28px;
	}
	.about-wrap .about-content .section-title p {
		font-size: 20px;
	}
	.regular{
		width: 98% !important;
		padding-left: 44px !important;
	}
	section#events-section {
		padding: 0;
	}
	.events-image-content.border .events-info p {
		font-size: 10px;
	}
	.events-image-content.border .events-info {
		bottom: 6px;
		padding: 7px;
		width: 83%;
    	left: 9%;
	}
	.events-image-content.border .event-content h3 {
		font-size: 23px;
		padding: 10px;
		margin-bottom: 0;
	}
	.events-image-content.border .event-content p {
		line-height: 22px;
		font-size: 14px;
		text-align: justify;
		padding: 10px;
		margin-bottom: 0;
	}
	.event-slider {
		padding: 50px 0;
		padding-top: 20rem;
    	padding-bottom: 24rem;
	}
	.wrapper .card-slider {
		width: 144%;
	}
	.intro {
		display: none;
	}
	.events-image-content.border {
    	width: 350px;
    	margin: 0 auto;
	}
	.footer .row.m-f > div {
		width: 100%;
	}
	.carousel-inner iframe {
		width: 134%;
		height: 390px !important;
	}

	/* ============== Price Page Responsive CSS ============  */
	.pricing .container-fluid {
		padding: 0 15px;
	}

	/* =========== Contact Page Responsive CSS ============ */
	section.contactForm .container-fluid{
		padding: 0 12px;
	}
	.contact-address .contact-info p a {
		font-size: 15px;
	}
	h2.section-heading{
		font-size: 29px;
	}
	.section-heading:before{
		top: 50%;
		left: 65%;
	}
	form.contact-form {
		padding-bottom: 30px;
	}

	/* ============ About Page Responsive CSS ================  */
	.testimonial-section{
		width: 300px;
	}
	.slide-row{
		width: 1200px;
	}
	.slide-col{
		width: 300px;
	}
	.user-img {
		left: 33%;
	}
	.user-img img {
		height: 100px;
		width: 100px;
		border-radius: 50%;
	}
	.user-text {
		top: 55%;
		left: 0;
		width: 300px;
		padding: 18px;
		height: 260px;
	}
	.user-text h3 {
		margin: 10px 0 5px;
		color: #fff;
	}
	

}