@media (max-width: 1900px)
{
	.about-main
	{
		margin-right: 20vw;
  		margin-left: 20vw;
	} 
}

@media (max-width: 1280px) {
	
	.sg-photo1
	{
		height: 250px;
  		background-position: 0 -160px;
	}
	
	.photo-hotel1
	{
		height: 250px;
  		background-position: 0 -160px;
	}
	
	.photo-tax-deadline
	{
	height: 250px;
			background-position: 0 -160px;
	}
	.photo-storage-mnc
	{
		height: 250px;
		background-position: 0 -160px;
	}
	
	main {
		padding: 0 25px;
		max-width: 80%;
		min-height: 1000px;
		margin-right: 10%;
		margin-left: 10%;
	}
	
	.location-main {
	  position: relative;
	  padding:0px;
	  padding-top: 0px; 
	  padding-top: 350px;
	  max-width: 100%;
	  min-height: 45vh;
	  margin-right: 5vw;
	  margin-left: 10vw;
	  margin-bottom: 10vw;
	  font-size: 13px;
	}
	
	.dropMenu .column {
		width: 28vw;
		margin-left: 50px;
	}
	
	.yellowBoxNarrow
	{
		background: #ffd503;
		border-left: 6vw solid #f57f20;
		border-radius: 0 0 50px 0px;
		padding: 5%;
    	width: 84%;
	}
	
	.yellowBoxNarrow .two-column-equal {   
	  width: 100%;
	}	
	
	.yellowBoxNarrow .two-column-equal .column{   
	  	width: 80%;
		max-width: 80%;
	}
		.yellowBoxNarrow .quote {   
	  width: 100%;
	}
	
	
	.two-column-equal .column {
	  max-width: 30vw;
	  position: relative;
	  z-index: 1;
	}
	
	.two-column-equal .column h1{
	  max-width: 29vw; 
	}
	.contact-us-btn {
	  	padding: 10px;
	  border: 3px solid #0000;
	  background-color: white;
	  width: fit-content;
	  text-align: center;
	  margin: 0;
	cursor: pointer;
	user-select: none;
	 color: inherit;
	margin-top: 20px;
	}
	
	.servicesArtBanner-1 .banner-headerMod {
		  text-align: left;
		  margin: 10vh 0 0 10vw;
		  display: block;
		  justify-content: left;
		  background-color: #fff;
		  width: 300px;
		  border: 3px solid #363332;
		  border-radius: 40px 0 40px 40px;
		  position: relative; 
	}
	
	
	.servicesArtBanner-1  
	{
		top: 95px;
	} 
	
	.services-main {
		position: relative;
		padding: 0px;
		padding-top: 0px;
		padding-top: 350px;
		max-width: 100%;
		min-height: 45vh;
		margin-right: 10vw;
		margin-left: 10vw;
		margin-bottom: 10px;
	}
	
	
	.about-main
	{
		margin-right: 10vw;
    	margin-left: 10vw;
	}
	
	.banner-content { 
	  margin-right: 10vw;
	  margin-left: 10vw; 
	}
	
	.featured-news { 
	  margin-right: 10vw;
	  margin-left: 10vw; 
		max-width: 100%;
	}
	
	
	.featured-pages { 
	  	margin-right: 10%;
    	margin-left: 10%;
    	max-width: 80%;
	}
	
	.featured-service {  
		max-width: 80%;
    	padding-right: 10%;
    	padding-left: 10%;
	}
	
	.two-rows-2point2over1 {
	  display: grid;
	  grid-template-rows: 1.5fr 1fr;
	}
	
	.three-column-equal .services2 img {
  		max-width: 100%;
	}
	
	.contact-info .column
	{
		margin-top: 10px;
	}
	
	.contact-info h2
	{
		font-size: 20px;
		margin: 5px 0;
		text-align: left;
	}
	
	.contact-info .businessLocation h2
	{
		font-size: 20px;
		margin: 5px 0;
	}
	 
	.extra-margin-bottom
	{
		margin-bottom: 15px;
	}
	
	.three-column-equal .services,
	.two-column-equal .services
	{
		  text-align: center;
		  display: grid;
		  justify-content: center;
		  align-items: center;
		  width: 90%;
		  padding: 19px 17px;
	}
	
	.two-column-equal .services img
	{
		width: 37%;
	}
	
	.two-column-equal .servicesPartner img,
	 .three-column-equal .servicesPartner img {
		max-width: 100%; 
		 width: 100%;
	  }  
	
	.footerPageNav .footerDivider {
	  width: 65%;
	}
	
	.latest-openings {
	  padding:	0px;
	  max-width: 80%;
	  margin-right: 10%;
	  margin-left: 10%;
	}
	
	.breadcrumb
	{
		padding: 5px 60px;
	}
	
	.services-main-extra
	{
		padding-top: 0px;
		min-height: auto;
		margin-bottom: 0px;
	}
	.four-column-equal img {
		  border-radius: 100%;
		  height: auto;
		  width: 100%;
	}
	
	.display-kits a
	{
		max-width:100vw;
	}
}
/* Responsive styles */
@media (max-width: 930px) 
{
	
	body.no-scroll {
		overflow: hidden; /* Prevent scrolling */
		height: 100%; /* Ensure the body takes full height */
	}

    nav ul li {
        display: none; /* Stack navigation items vertically on smaller screens */
        margin: 10px 0;
    }
	
	h1
	{
		font-size: 24px;
		width: 100%;
	}
	
	nav
	{
		width: 100%;
	}
	
	.breadcrumb
	{
			width: 90%; 
		  padding: 5px 14px 5px 16px;  
	}

	.breadcrumb a
	{
	}

	.breadcrumb a:hover
	{
	}
	
	.menu
	{
		margin: 40px;
	}
	
	.logo
	{
		margin-left: 0;
	}
	
	
	.logo img {
	  height: 25px; 
	  margin-left: 5px;

	}

    header {
		width: inherit;
		padding: 2px 0;
    }
	
	header .logo
	{
		margin: 8px 0px 0 16px;
	}
	
	.logo-dropDown
	{ 
		transition: opacity ease 0.3s, transform ease 0.3s;
		opacity: 100%;
	}
	
	.logo-dropDown.hide
	{
		opacity: 0;
		transform: translate(-90px,0);
	}
	
	.header-line {
	   	height: 1px;
		background: #e4e4e4;
	}

    main {
        max-width: 100vw;
  		min-height: 1000px;
  		margin: 0 0px;
		padding: 0 25px;
    }

    section {
        margin: 10px 0;
        padding: 15px;
		cursor: pointer;
    }
	
	section div {
		cursor: pointer;
	}
	section p {
		cursor: pointer;
	}
	
	body
	{
		padding: 0;
	}
	
	.container {
        grid-template-columns: repeat(2, 1fr); /* 2 columns on smaller screens */
	}
	
	.contact-info
	{
		padding-top: 30px;
		top:0;
		width: 100%;
		bottom: inherit;
		position: relative;
		left: inherit;
	}
	
	.close-icon
	{
		font-size: 24px;
		top: 5vh;
		right: 0;
		margin:	20px;
	}
	
	.contact-info p
	{
		text-align: left;
		font-size: 13px;
	}
	
	.contact-info h1 
	{
		text-align: left;
		font-size: 20px;
		width: 100%;
	}
	
	.contact-info .container {
		 	display: grid;
			min-width: 100%;
			grid-template-columns: repeat(2, 1fr);
			border-top: 1px solid #35424A;
		width: 50%;
	}
	 
  	.contact-info .column {
		flex: 1;
		min-width: 95%;
		margin: 0;
		padding: 5px;
		border-right: none;
		border-bottom: 1px solid #35424A;
		font-size: 15px;
		width: 100%;
		padding-bottom: 35px;
		padding-top: 15px;
	}
	
		 
  	.contact-info .column p {
		width: 41vw;
   	 	line-height: 1.5;

	}
	
	.contact-info .businessLocation 
	{
		  margin-bottom: 20px;
	}
	
	.contact-info .businessLocation h2
	{
		  font-size: 17px;
		  margin-bottom: 5px;
		  text-align: left;
		  width: 100%;
	}
	
	.contact-info .location { 
		  margin: 0 0 10px 0;
		  font-size: 16px;
	}
	
	.contact-info .name
	{
		font-size: 14px;
	}
	
	.contact-info a {
		  font-family: 'Roboto Slab', serif;
		  font-size: 14px;
		  font-weight: 500;
		  color: #35424A;
	}
	
	.contact-info .noLink {
		  margin-top: 5px;
		  font-family: 'Roboto Slab', serif;
		 font-size: 13px;
		  font-weight: 500;
		  color: #35424A;
	}  
	
	.infoBoxBG
	{
		display: none;
	}
	 
	.infoBoxMobile
	{
		display: block;
		width: 100%;
		position: relative;
		line-height: 1.3;
		
	}
	
	.infoBoxPaddingBottom
	{
		padding-bottom: 180px; 	
	}
	
	.squareContainer
	{
		gap: 0px;
		display: none;
	}
	
	.squareContainer .section
	{
		margin: 0;
		padding: 0; 
		width: 200px;
	}
	
	.squareContainer .section .text
	{ 
		padding: 0;
	}
	
	.section .square {
		width: 20px; /* New width on hover */
		height: 20px; /* New height on hover */ 
	}
 
	.section .square:hover {
		width: 180px; /* New width on hover */
		height: 100px; /* New height on hover */ 
	}

	.section .square.expanded {
		width: 180px; /* New width when expanded */
		height: 100px; /* New height when expanded */ 
	}
  
	.red-square-mobile {
		display: block;
		width: 16px; /* Width of the square */
		height: 16px; /* Height of the square */
		background-color: red; /* Color of the square */
		margin-right: 10px; /* Space between the icon and the title */ 
	}
	
	.sourceSubtitle
	{
		position: relative;
		cursor: default;
			pointer-events: none;
		background: #ffd400;
		padding: 22px 15px 12px 15px;
		line-height: 0;
		opacity: 1; /* Start hidden */
        transition: opacity 0.5s ease; /* Transition for fade-in effect */
	}
	
	
	.sourceSubtitle.visible {
		opacity: 1; /* Fully visible when the class is added */
	}
	
	.sourceSubtitle h3 
	{ 
		line-height: 0.3;
	} 
	
	.sourceSubtitle h2 
	{ 
		line-height: 0.3;
	} 
	
	.sourceSubtitle p
	{ 
		line-height: 1;
	} 
	
	.sourceSubtitle .square {  
		position: absolute;
		top: 0;
		right: 0;
		width: 20px;
		height: 20px;
		padding: 3px;
		background-color: red;
		transform-origin: top left;
		transition: width 0.3s ease, height 0.3s ease, colour 0.3s ease;
		z-index: 2;
		user-select: none;
	} 
   
	.sourceSubtitle .square.expanded {
		width: 180px; /* New width when expanded */
		height: 100px; /* New height when expanded */ 
	}
	 
	.infoBox {
		position: relative;
		width: inherit;
		display: block;
		padding: 0;
		background-color: #f9f9f9; 
		transition: height 0.3s ease, max-height 0.3s ease, opacity 0.3s ease;
		max-height: 0;
		opacity: 0;
		overflow: hidden 
	}

	.infoItem {
		margin-bottom: 20px; 
	}

	.infoItem h3, .infoItem h2 {
		margin: 0;
		padding: 10px;
		background-color: #e0e0e0;
		border: 1px solid #ccc;
	}
	
	.infoItem.active {
		display: block; /* Show the info box when active */
		max-height:none; /* Set a max height for animation */
		opacity: 1; /* Fade in */
		padding: 0;
	}
	 
	 
	.infoItem.active .infoBox {
		display: block; /* Show the info box when active */
		max-height: 270px; /* Set a max height for animation */
		opacity: 1; /* Fade in */ 
		margin: 0;
		  padding: 24px;
		  height: 288px;
	}
	
	.newsBanner
	{
		padding: 20px 5vw 100px 5vw;
	}
	
	.newsBanner .banner-title {
		  font-weight: 600;
		  color: #918f8f;
		  font-size: 16px;
		  margin-bottom: 20px;
		  text-align: left;
	}
	
	.news-items-container {
	  display: grid;
	  justify-content: space-between;
	  width: 100%;
	  cursor: pointer;
	  grid-template-columns: repeat(1, 1fr);
	}
	
	.news-item {
	  display: block;
	  padding: 10px 0 50px 0;
	  margin: 0 5px;
	  background-color: white;
	  border-radius: 5px;
	  overflow: hidden;
	  transition: background-color 0.3s;
	}
	
	.news-image
	{
		width: 100%;
		height: auto;
		max-width: 100%;       /* Make the image responsive */
		max-height: 100%;      /* Ensure the image does not exceed the container's height */
		object-fit: contain;    /* Maintain aspect ratio while fitting the image */
	}
	
	.newsContent
	{
		width: 100%;
		padding: 0px;
	}
	
	.newsContent h2
	{
		text-align: left;
	}
	 
	.footerContactUs
	{
		padding: 10px 80px 10px 30px;
		padding: 0px;
		height:130px;
	}
	
	.footerContactUs p {
	  margin-left: 0;
	}
	
	.footerAFACompliance
	{ 
		right: auto; 
		width: 100%;
	}
	
	.footerAFACompliance p
	{ 
		text-align: center;
	}
	
	
	.whatsapp-button
	{
		right: 0px;
		font-size: 35px;
		width: 60px;
  		height: 60px;
		bottom: 90px;
	}
	
	.artwork1-bg { 
		left: 0;
		top: 0;
		position: relative;
		width: 100%;
    	height: 90px;
		display: block; 
		background-size: 100%;
		background-position: bottom left;
		background-repeat: no-repeat;
		background-attachment: local;
		z-index: -1;
		margin-bottom: 21px;
		max-width: 100%;       /* Make the image responsive */
		max-height: 100%;      /* Ensure the image does not exceed the container's height */
		object-fit: contain;
	}
	
	.sg-photo1
	{
		background-image: url('../wp-afa-theme/images/photos/pexels-alaric-sim-380461-1029188.jpg');
		background-size: cover;
		height: 110px;
    	background-position: 0 -50px;
	}
	
	.photo-hotel1
	{
		background-image: url('../wp-afa-theme/images/photos/pexels-azri-suratmin-33181-122244.jpg');
		background-size: cover;
		height: 110px;
		background-position: 0 -50px;
	}
	
	.fixedFooter.expanded { 
	  	height: 100%;
		overflow: auto;
		padding: 15px;
		z-index: 9999;
	}
	
	.social-icons .icons {
		  display: flex;
		  gap: 10px;
		  align-content: flex-start;
		  margin-right: 20%;
	}
	
	.social-icons .logo img {
		  max-height: 20px;
		}
	
	footer p
	{
		 text-align: center;
	}
	
	.hamburger {
        display: block; /* Show hamburger on mobile */
    }

    nav {
        display: none; /* Hide original nav */
    }
	
	.footerPageNav .arrowDir {
		  background-size: 70%;
		  width: 60%;
	}
	
	.footerPageNav h3
	{
		line-height: 0.7;
	}
	
	.footerPageNav h2
	{
		line-height: 0; 
	}
	
	.menuContent
	{    
		width: 100vw;
		transition: height 0.3s ease; /* Transition effect */ 
		overflow-y: auto; /* Allow scrolling if content overflows */
		display: flex;
		align-items: flex-start; /* Align items to the top */
		overflow-x: hidden;
		padding-left: 0px;
	}
	
	
	.dropMenuDivider
	{
		display: none;
	}

	.dropMenu 
	{ 
		top: 0;
		position: absolute;
		left: 0;
		width: 100%; /* Full width */
		height: 0; /* 70% height */
		background-color: rgba(41, 41, 41, 1); /* Dark background with transparency */
		color: white;
		padding: 0px; /* Padding for content */
		transition: height 0.3s ease; /* Transition effect */ 
		overflow-y: hidden; /* Allow scrolling if content overflows */ 
		overflow-x: hidden;
		z-index: 9999;
	}
	
	.dropMenu.show {
		  height: 100vh;
		  position: absolute; 
			padding-left: 0;
	}
	
	.dropMenu h2 {
		font-family: 'Roboto Slab', serif; /* Use Roboto Slab font */
		width: 50vw;
		margin: 20px 0 5px 0;
		padding: 0;
		line-height: 1.2; 
		font-weight: 200;
		overflow: hidden;
	} 
	.dropMenu.reveal {   
		display: none;
	}
	.dropMenu .column { 
		width: 95%;
    	margin: 0 20px;
		margin-top: 15px;
	  }

	.sideBar {
		padding: 10px;
		border-right-width: thin;
		border-right-color: aliceblue;
	}

	.dropMenu .column a{
		width: 25vw; 
		padding: 10px;
		background-color: rgba(51, 51, 51, 1); 
		color: white;
		font-size: 15px;
	}
	.dropMenu .column a:hover{
		width: 25vw; 
		padding: 10px; 
		background-color: #ffcc00;
		color: black;
		cursor: pointer;
	}

	.dropMenu .service-length a{
		width: 100%;
	}
	
	.dropMenu .service-length a:hover{
		width: 100%;
	}
	
	.dropMenu .column .flexBox
	{
		display: flex;
	}
	
	
	.dropMenu .column h2 {
		margin: 5px 0 20px 0;
		width: 100%;
		text-align: left;
	}
	
	.dropMenu .column p {
		line-height:  1.4;
	}
	
	
	.dropMenu .column div {
		margin-bottom: 15px; /* Margin between items */
		cursor: pointer; /* Pointer cursor on hover */
		font-size: 18px; /* Font size for items */
	}
	.dropMenu .column div:hover {
		color: #ffcc00; /* Change color on hover */
	} 
	
	.extraSpace
	{
		font-size: 0px;
		margin: 0px;
	}
	
	.extra-margin-bottom
	{
		margin-bottom: 20px;
	}
	
	
	.mobile-nav
	{
		transition: opacity ease 0.3s, transform ease 0.3s;
		opacity: 100%;
	}
	
	.mobile-nav.hide
	{
		transform: translateX(-90px);
		opacity: 0%;
	}
	
	.mobile-nav.show
	{
		display: block;
	}
	
	.mobile-nav img
	{
		width: 55px;
  		filter: grayscale(100%) brightness(1000%)
	}
	
	.menu li {
   		 margin-left: 0px; /* Space between menu items */
	}
	
	.menu-item.active {
	  color: white;
	  position: relative;
	}
	
	.menuContent
	{
		display: flex;
		transform: translateX(90px);
		opacity: 0%;
		position: absolute;
  		top: 60px; 
		border-left: 100px #ffd400 solid;
	}
	
	.menuContent.hide
	{
		display: flex;
		transform: translateX(90px);
		opacity: 0%;  
		z-index: -99;
		border-left: 100px #ffd400 solid;
	}
	 
	.menuContent.active
	{
		display: block;
		transform: translateX(0px);
		transition: opacity ease 0.3s, transform ease 0.3s, border ease .8s;
		opacity: 100%;
		width: 95%;
		padding-left: 0 35px;
		overflow: hidden;
		padding-bottom: 10px;
		border-left: 0px #ffd400 solid;
	}
	
	.menuContentBack
	{
		display: block;
		cursor: pointer;
		text-decoration: underline;
		position: absolute;
		top: 0;
		padding: 20px;
		transition: opacity ease 0.3s, transform ease 0.3s;
		opacity: 0;
		transform: translateX(90px);
	}
	
	.menuContentBack.active
	{
		transform: translateX(0px);
		transition: opacity ease 0.3s, transform ease 0.3s;
		opacity: 100%;
	}
	
	.menuContentBack.hide
	{
		transform: translateX(90px);
		opacity: 0%;  
		z-index: -99;
	}
	
	.hamburger-container {
		  display: flex;
		  justify-content: space-between;
		  align-items: center;
		  padding: 8px 8px;
		  position: absolute;
		  top: 0;
		  right: 0;
		  z-index: 99999;
		  background-color: #ffd400;
		 transition: padding 0.3s ease, transform 0.3s ease; /* Animation for the underline */ 
	} 

	.hamburger .line{
			transition: transform ease 0.3s;
			transform: scaleX(100%);
			transform-origin: right;
	}
	
	.hamburger .line.active { 
			transform: scaleX(0%);
	}
	
	.diagonal {
		position: absolute;
		width: 4px;
		height: 31px;
		background-color: black;
		transition: transform ease 0.3s;
		transform-origin: center;
		top: 0;
		right: 0;
		margin: 10px 20px 0px 0px;
	}
	
	.left.active {
		transform: scaleZ(100%) rotate(45deg); 
	}
	
	.right.active {
		transform: scaleZ(100%) rotate(-45deg);
	}


	.left {
		transform: scale(0) rotate(45deg); /* Rotate to create one diagonal */
	}

	.right {
		transform: scale(0) rotate(-45deg); /* Rotate to create the other diagonal */
	}

	.mobile-nav {
		display: none; /* Hidden by default */  
		width: -moz-available;  
		overflow: hidden;
	}

	.mobile-nav.show {
	   padding: 0;
	}

	.mobile-nav ul {
		list-style-type: none; /* Remove default bullet points */
		padding: 0px; /* Remove default padding */
		margin: 0; /* Remove default margin */
		display: flex; /* Use flexbox */
		flex-direction: column; /* Align items vertically */
	}

	.mobile-nav li {
		text-align: left; 
		display: inline-grid;
		width: inherit;
		padding: 10px 30px; 
	}

	.mobile-nav li a {
		text-decoration: none;
		color: white; /* Change color as needed */
		padding: 0;
	} 
	
	.barContainer {
	  display: block;
	  margin-bottom: -266px;
	  margin-top: 113px;
	}
	
	.barchartWrapper {
	  display: flex;
	  font-family: Arial, sans-serif;
	  transform: scale(0.45);
	  position: relative;
	  top: -109px;
	  left: -84px;
		font-weight: 600;
	}
	
	.barTexts {
	  text-align: right;
	  padding-right: 20px;
	  width: 74vw;
	}
	
	.barBG {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 436px;
	  height: 306px;
	  display: flex;
	  justify-content: space-between;
	  z-index: -1;
	  margin-top: 68px;
	  margin-left: 300px;
	} 
	
	.about-main
	{
		max-width: 100vw;
  		min-height: 1000px;
  		margin: 0 0px;
		padding: 0 15px;
	}
	
	.yellowBox
	{ 
		background: #ffd503;
  		padding: 20px 45px 45px 45px;
  		border-left: 16px solid #58595b;
  		border-radius: 0 0 0px 0px; 
	}
	
	.yellowBox h2
	{ 
		font-size: 5vw;
		text-align: left;
	}
	
	.two-column
	{ 
		  grid-template-columns: repeat(1, 1fr); 
	}
	
	.two-column p
	{ 
		 margin-bottom: 50px;
			padding-right: 0;
	}
	
	.three-column
	{
		grid-template-columns: repeat(1, 1fr); 
		padding:15px;
		padding-top: 20px;
	}	
	
	.three-column p
	{
			margin-top: 10px;
		  padding-right: 30px;
		  margin-bottom: 25px;
	}
	
	.four-column
	{
		grid-template-columns: repeat(1,1fr);
	}

	.four-column .img img {
		  width: 60vw;
		  border-radius: 50%;
	}
	
	.four-column p, 
	.four-column h1,
	.four-column h2,
	.four-column h3,
	.four-column h4
	{
		padding-right: 20px;
  		padding-left: 20px;
		padding-bottom: 0;
    	margin-bottom: 0;
	}
	
	.four-column .profile p
	{ 
		margin-bottom: 3px;
	}
	
	.four-column .text {
	   margin-top: -5px;
    background: #eaeaea;
    padding-bottom: 50px;
    padding-top: 10px;
    border-bottom-right-radius: 0;
    margin-bottom: 22px;
    border-bottom: 6px solid #ffd400;
	}
	
	.ourTeamArtBanner {
	  position: relative;
	  width: 100%;
	  height: 20.5vw;
	  background-image: url("images/about-us-graphic-2.png");
	  background-repeat: no-repeat;
	  background-size: contain;
	  background-position: center;
	  margin-top: 30px;
	}
	
	.aboutUsArtBanner {
	  position: absolute;
	  width: 100%;
	  height: 100px;
	  background-image: url("images/about-us-graphic-b.png");
	  background-repeat: no-repeat;
	  top: 100px;
	  background-size: contain;
	  background-position: center;
	}
	
	.aboutUsArtBanner .banner-header {
		background-size: contain;
		background-position: center;
		text-align: left;
		margin: 0;
		display: grid;
		position: relative;
		width: 88%;
		top: 100px;
		padding: 0px 6%;
		max-width: 95%;
		grid-template-columns: repeat(1,1fr);
		align-content: center;
	}
	
	.aboutUsArtBanner .banner-header h2 { 
		width: 93%;
		text-align: left;
		margin-top: 5px;
		margin-bottom: 10px;
		font-weight: bold;
		font-size: 21px;
		padding: 0 12px;
		align-content: center;
	}
	
	.aboutUsArtBanner .banner-header p { 
	    margin-top: 25px;
		padding: 0 10px;
		width:inherit;
	}
	
	.aboutUsArtBanner .banner-header h4 {  
		width:inherit;
		padding: 0 10px;
	}
	
	.categoryBox
	{
		font-size: 14px;
	}
	
	
	p
	{
		line-height: 1.3;
	}
	
	.location-main
	{
		margin-top: 0;
		margin-right: 10px;
		margin-left: 0;
		min-width: 100%;
		top: 0;
		padding-top: 220px;
	}
	
	.location-main h1
	{
		font-size: 24px;
		padding: 10px;
		margin-bottom: 30px;
		width: inherit;
		border-top: 1px solid #d1d2d4;
		margin-top: 12vw;
		text-align: center;
	}
	
	.location-main .title
	{
		margin-left: 23px; 
		margin-bottom: 25px;
	}
	
	.four-column-equal
	{ 
		display: grid;
		grid-template-columns: repeat(1, 1fr);  
		margin-bottom: 100px;
	}
	
	.four-column-equal .locationText h3
	{
		font-size: 15px;
	}	
	
	.four-column-equal .locationText 
	{ 
		border-bottom: 3px solid #ddd;
		margin-bottom: 50px;
		padding: 0 25px;
		padding-bottom: 0px;
		padding-bottom: 39px;
	}
	
	.four-column-equal .locationText p {
  		line-height: 1.5;
	 	margin: 0;
		margin: 10px 0;
		width: 100%;
	}
	
	.four-column-equal .locationText .grey-square
	{
		margin-left: 0px;
	}

	.yellowBanner { 
		width: 100%;
		height: 93px; 
		top: 175px;
		z-index: -10;
  	}
	
	.servicesArtBanner-1 { 
		top: -105px;
    	position: relative;
	}
	
	 .servicesArtBanner-1 .banner-headerMod { 
		width: 80%;   
		padding: 6%;
		margin: 3%;
		 top: 275px;
	  } 
	
	 .services-main { 
   	 	padding-top: 60px; 
	}
	
	.two-column-equal .services,
	.three-column-equal { 
	  	grid-template-columns: repeat(1, 1fr);
		width: 100%;
    	padding: 0;
	}
	
	.two-column-equal .services
	{
		margin-bottom: 40px;
	}
	
	.two-column-equal { 
		margin-top: 20px;
	  	grid-template-columns: repeat(1, 1fr); 
	  	width: 90%;
	}
	
	.two-column-equal .services,
	.three-column-equal .services
	{
		width: 100%;
    	padding: 0;
	}
	
	 .two-column-equal .services img,
	 .three-column-equal .services img {
		max-width: 47%;
		 width: 100%;
	  }  
	
	.two-column-equal .servicesPartner img,
	 .three-column-equal .servicesPartner img {
		max-width: 75%;
	  }  
	
	.services-main
	{
		margin: 0;
		padding: 0 20px;
    	margin-top: 10vh;
	}
	
	.whiteBanner { 
	  height: inherit; 
	}
	
	  .two-column-equal .column h1 {
		max-width: 100%;
	  }
	
	.quote {   
	  width: inherit;
	}
	
	  .two-column-equal .column {
		max-width: 100%;
	  }
	
	.serviceBottomGraphic {
	  width: 100%;; 
		margin-bottom: 30px;
		display: none;
	}
	
	.contact-us-btn {
		margin-top: 20px;
		margin-bottom: 20px;
  }
	
	.servicesArtBanner-1 .banner-header h2 
	{
		width: 100%;
	}
	
	.quoteCenter { 
	  width: 80%;
	  padding: 30px; 
	}
	
	.servicesArtBanner-1 p {
	    line-height: 1.3;
	    border-bottom: 0px solid black;
  		padding-bottom: 15px;
	}
	
	.yellowBoxNarrow
	{
		padding: 35px; 
		width: 72%;
		padding-left: 30px;
	}
	
	.yellowBoxNarrow .two-column-equal
	{
		width: 100%;
	}
	
	.yellowBoxNarrow h2
	{
		font-size: 26px;
	}
	
	.yellowBoxNarrow .two-column-equal .column
	{
		max-width: 100%;
    	width: 100%;
	}
	
	.about-social-icons
	{
		padding-left: 20px;
		line-height: 3;
	}
	
	.hiringArtBanner
	{
		height: 135px;
		margin-top: 0;
	}
	
	.two-column-flex {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		padding-top: 50px;
    	padding-bottom: 0;
	}
	
	.two-column-flex img
	{
		max-width: 50%;
  		max-height: 100%;
		padding: 0;
		margin: auto;
  		display: block; 
		margin-top: 0px;
	}
	
    .two-column-flex p {
    	margin-bottom: 0;
	}
	
	.two-column-flex p, h2 {
    	text-align: center;
	}
	
	.texture-banner { 
	  background-size: 100%;
	}
	
	.banner-content { 
	  margin-right: 5%;
	  margin-left: 5%; 
	}
		
	.banner-content p{ 
		width: 90%;
	}
	
	
	
	.featured-news { 
	  	margin-right: 5%;
    	margin-left: 5%;
		max-width: 100%;
	}
	
	.featured-news h2{ 
	 	text-align: left;
	}
	
	
	.featured-news p {  
		padding-bottom: 50px;
	}
	 
	
	.featured-service {  
		max-width: 80%;
    	padding: 25px 10% ; 
	}
	
	.featured-service img{  
		width: 100%;
  		padding: 0;
	}
	
	.featured-service h2{  
		text-align: left;
		margin-top: 0;
	}
	
	.featured-service .service-content{  
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}
	
	.main-banner
	{
		position: relative;
  		height: 320px;
	}
	
	.two-rows-mainpage-banner 
	{
	  display: block;
	  grid-template-rows: 1fr 1fr;
	  margin: auto;
	  position: relative;
	  top: 85px;
	}
	
	.featured-service .mobile-content
	{  
	   display: block;
	}

	.featured-service .desktop-content
	{  
	   display: none;
	}
	
	.featured-service .service-content
	{
		  margin-bottom: 35px;
	} 
	
	.featured-pages .three-column-equal
	{
		grid-gap: 0;
  		margin-top: 0;
	}
	
	.featured-pages {  
		padding: 20px 0;
    	max-width: 100%;
		margin-right: 5%;
    	margin-left: 5%;
		margin-bottom: 0;
	}
	
	.featured-pages h2
	{
		text-align: left;
		margin-bottom: 35px;
	}
	
	.featured-pages p
	{
		height: auto;
		padding: 0;
		padding-bottom: 20px;
	}
	
		
	.featured-pages h2
	{
		margin-top: 10px;
		margin-bottom: 10px;
	}
	
	.page-button
	{
		height: auto; 
	}
	
	.mainpage .texture-banner {
	  height: 110px;
	  background-size: 100%;
	}
	
	.texture-banner.expanded { 
	  background-size: 100%;
	}
	
	.footerPageNav
	{
		padding: 20px 5%;
	}
	
	.footerPageNav .footerDivider 
	{
		width: 95px;
	}
		
	.footerPageNav h2
	{
		font-size: 18px;
		font-weight: 600;
		margin-top: 15px;
		text-align: left;
	}
	
	.footerPageNav .arrowDir {
		width: 24px;
		background-size: 80%;
	}
	
	.blog-listing-item-two-column {
  	display: block;
	}
	
	.blog-thumbnail {
	  width: 100%;
	  height: 200px;
	  padding: 0px;
	  margin: auto;
	  object-fit: cover;
	}
	
	.more-content 
	{ 
		  padding-left: 10px; 
	}
	
	.more-content ul
	{ 
		 margin: 20px 0;
  		padding: 0 15px;
	}
	
	.toggleSeeMoreButton {
	  width: inherit;
	}
	
	.toggleSeeMoreButton h2 {
	 	font-size: 20px;
	}
	
	.toggleSeeMoreButton.active {
	  width: inherit;
	}
	
	 .latest-openings {
		padding: 0px;
		max-width: 100%;
		margin: 0;
  	} 
	
	.latest-openings h1{ 
		margin: auto;
		text-align: center;
  	}
	
	.latest-openings-main
	{
		display: block;
		width: 100%;
	}

	.blog-listing-item-single-column
	{
		display: block; 
		flex: 0; /* Each item takes up 50% of the container's width minus margin */
	}

	.tax-ed-button
	{
		font-size: 24px;
	}
	
	.services-main-extra
	{
		padding-top: 0px;
		min-height: auto;
		margin-bottom: 0px;
		margin-top:0;
	}

	.step-contiainer
	{
		width: 100%;
	}

	.step
	{
		font-family: 'Roboto Slab', serif; /* Use Roboto Slab font */
		padding: 12px;
		background-color: #ffd400;
	}

	.step h2
	{
		margin:0;
	}

	.step-description
	{
		padding: 10px 10px 39px 20px;
		line-height: auto;
	}

	.step-description p
	{
		line-height: 1.6;
	}
	
	.gridBox
	{
		grid-template-columns: auto;
	}
	
	.gridBox-special {
	  background-color: #e4e4e4;
	  border-right: none;
	  border-bottom: 4px solid #ffd400;
	}
	
	.gridBox-special-empty
	{
		background-color: #e4e4e4;
		border-right: none;
		display: none;
	}
	
	.gridBox-mobile-hide
	{
		display: none;
	}

	.gridBox-mobile-only
	{
		display: grid;
	}
	
	
	.magrinBottom0-mobile p
	{
		margin-bottom: 0px;
	}
	
	.border-left-none-mobile
	{
		border-left: none;
	}

	.yellowBG
	{
		background: #ffd400;
	} 
	
	.display-kits.show 
	{
		display: block; /* Show the div when the 'show' class is added */ 
		width: 100%;
	}

	
	.display-kits a
	{
		max-width:100%;
	}
	
	.imageSize250
	{
		max-width: 250px;
	}
}
@media (max-width: 600px) {
    body {
        padding: 0px; /* Reduce padding on smaller screens */
    }

    .headertext {
        padding: 15px; /* Reduce header padding */
    }

    main {
        padding: 15px; /* Reduce main content padding */
    }
	
	.display-kits a
	{
		width: 100%;
	}
}
	

@media (max-width: 480px) {
    .container {
        grid-template-columns: 1fr; /* 1 column on very small screens */
    }
}