@media (min-width: 1500px) and (max-width: 3000px) {
	.geographical-section{
		max-width: 1440px;
		margin: auto;
	}
}

/* ================== Laptop(1024px) ================== */
@media (max-width: 1024px) {

	nav {
		padding: 10px 20px;
		gap: 40px;
	}

	.hero-section {
		padding-top: 120px;
	}

	.hero-content {
		width: 90%;
	}

	.hero-content h1 {
		font-size: 42px;
	}

	.expert-solutions-meta {
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
	}

	.geographical-overly {
		width: 15rem;
		height: 5rem;
		left: 10;
	}


}

@media (min-width: 769px) and (max-width: 1000px) {
	.nav-menu li a {
		font-size: 12px;
	}

	nav ul {
		gap: 15px;
	}
}


/* ================== Tablet (768px) ================== */
@media (max-width: 768px) {

	/* Navbar */
	nav {
		padding: 10px 15px;
	}

	nav ul {
		display: none;
	}

	nav div:last-child img {
		display: block;
	}

	.sidebarul {
		display: block;
	}

	.sidebarul h2 {
		margin: 30px 0px 15px;
		font-size: 24px;
		position: relative;
		font-family: "HelveticaNeueCondensedBold";
	}

	.sidebarul ul {
		list-style: none;
		margin-top: 15px;
		cursor: pointer;
	}

	.sidebarul ul a {
		text-decoration: none;
	}

	.sidebarul li {
		color: #9c1b20;
	}

	.hero-section {
		height: auto;
		padding: 150px 20px 60px;
	}

	.hero-content {
		width: 100%;
		text-align: center;
	}

	.hero-content h1 {
		font-size: 32px;
	}

	.hero-content p {
		font-size: 16px;
	}

	.expert-solutions-meta {
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
	}

	.expert-solutions-card__content {
		padding: 25px;
	}

	.expert-solutions-card__title {
		font-size: 24px;
	}

	.geographical-overly {
		width: 13rem;
		height: 5rem;
		left: 10;
	}

	.sidebar {
		width: 70%;
	}

	.we-work-meta {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 25px;
		margin-top: 60px;
	}

	.our-sty-img {
		height: 15rem;
	}

	.how-work-p {
		width: 95%;
	}

	.ts-about-title {
		margin-top: 30px;
	}

	.how-work-img-sec {
		height: 300px;
	}

	.why-join-us-section-main {
		grid-template-columns: repeat(2, 2fr);
	}

	.safety-by-company {
		padding: 60px 0px 0px 0px;
	}

	.safety-by-grid {
		margin-top: 30px;
		grid-template-columns: repeat(1, 3fr);
	}

	.safety-by-grid-card img {
		margin: 20px 0px;
	}

	.geo-sec3-tap-grid {
		grid-template-columns: repeat(2, 1fr);
	}

    	.contact-map-container{
			margin-top: 30px;
	height: 250px;
	width: 100%;
}

.email-box {
		width: 75%;
	}
	.map-img {
    width: 75%;
    }

}


/* ================== Mobile (480px) ================== */
@media (max-width: 520px) {
	.hero-section {
		height: 65vh;
	}

	.geographical-section,
	.about-section,
	.expert-solutions-section,
	.we-work-main,
	.careers-sec1,
	.why-join-us,
	.ts-about-sec,
	.how-work,
	.wall-panels-section,
	.why-join-us-section,
	.about-four-reason,
	.safety-by-company,
	.geo-unique,
	.geo-area-sec3,
	.contact-us-section {
		margin: auto;
		width: 95%;
		padding-top: 60px;
	}


	nav img {
		max-height: 30px;
	}

	.sidebarul ul {
		gap: 10px;
	}

	.hero-content h1 {
		font-size: 26px;
	}

	.hero-content p {
		font-size: 14px;
	}

	.hero-content button {
		padding: 8px 18px;
		font-size: 14px;
	}

	.all-same-heading {
		font-size: 28px;
		margin-bottom: 15px;
	}

	.expert-solutions-card__content {
		padding: 20px;
	}

	.our-sty-img {
		height: 230px;
	}

	.geo-heading {
		line-height: 30px;
		margin-bottom: 15px;
	}

	.geographical-meta {
		margin-top: 30px;
	}

	.sub-heading {
		font-size: 11px;
	}

	.geographical-overly {
		display: none;
	}

	.sidebar {
		width: 100%;
	}

	.we-work {
		padding: 0px 0px;
	}

	.we-work-meta {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		gap: 25px;
		margin-top: 40px;
		width: 90%;
		margin: auto;
	}

	.expert-solutions-meta {
		grid-template-columns: repeat(1, 1fr);
		gap: 15px;
	}

	.stat-box h2 {
		font-size: 20px;
	}

	.stat-box p {
		font-size: 8px;
	}

	.stats-section {
		margin-top: 60px;
	}

	.capital-right {
		margin-top: 30px;
		margin-left: 10px;
	}

	.footer-section {
		margin-top: 60px;
	}

	.expert-solutions-meta {
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
	}

	.expert-solutions-card {
		height: 330px;
	}

	.wall-panels-section h2 {
		margin-bottom: 30px;
	}

	.how-work-img {
		height: 16rem;
	}

	.how-work-img-sec {
		height: 250px;
		width: 100%;
	}

	/*-----------------------------------Career Page---------------------------------------*/
	.careers-page-section {
		background-position-x: 75%;
	}

	.careers-sec1 h3 {
		text-align: start;
		color: #9c1b20;
	}

	.careers-sec1 p {
		width: 100%;
		text-align: start;
	}

	.join-us-btn {
		text-align: start;
	}

	.why-join-us h3 {
		color: #9c1b20;
	}

	.why-join-us-section-main {
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;
	}

	/* --------------------------------------geographical area------------------------------------------------- */
	.region-geo-sec2 {
		display: none;
	}

	.map-center img {
		width: 100%;
	}

	.geo-sec3-tap-grid {
		grid-template-columns: repeat(1, 1fr);
	}

	.map-center-geo-sec2 img {
		width: 100%;
	}

	.geo-sec3-tap-ul {
		justify-content: flex-start;
		padding-bottom: 5px;
	}

	.geo-sec3-tap {
		padding: 8px 12px;
		font-size: 12px;
	}

}