/* 1 Header responsive styles here 
1.1 responsive header menu styles here 
1.2 footer section styles here
*/

@media all and (max-width: 1199px) {
	.responsive-header {
		display: none;
	}
}

@media all and (max-width: 1199px) {
	.header-section{
		padding: 1rem 1.5rem;
	}

	.menu-background {
		overflow: hidden;
	}
	.menu-background .header-section {
		background: var(--white-100);
	}
	.menu-background .hamburger-inner {
		background-color: var(--black-100);
	}
	.menu-background .hamburger-inner:after, .menu-background .hamburger-inner:before {
		background-color: var(--black-100);
	}
	.header-mobile-navbar.show .responsive-header {
		display: block;
		background-color: var(--white-100);
		height: calc(100vh - 4.5rem);
		position: fixed;
		top: 4.5rem;
		left: 0;
		width: 100%;
		overflow: hidden;
	}

	.drop-header .responsive-header-container {
		display: flex;
		align-items: baseline !important;
		height: calc(100vh - 170px);
		overflow: auto;
	}
	.hamburger-box {
		width: 1.875rem;
		cursor: pointer;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
	}


	.default-header .header-mobile-navbar .hamburger-box div {
		background: var(--white-100);
	}

	.page-id-6836 .default-header .header-mobile-navbar .hamburger-box div {
		background: var(--black-100) !important;
	}


	.page-id-3036.menu-background .default-header .header-mobile-navbar .hamburger-box div, .page-id-2593.menu-background .default-header .header-mobile-navbar .hamburger-box div{
		background: var(--black-100) !important;
	}


	.page-id-3036 .default-header .header-mobile-navbar .hamburger-box div{
		background: var(--white-100) !important;
	}	

	.error404 .default-header .header-mobile-navbar .hamburger-box div, .page-id-2593 .default-header .header-mobile-navbar .hamburger-box div{
		background: var(--black-100) !important;
	}

	.hamburger-box div {
		display: block;
		width: 100%;
		border-radius: 0.188rem;
		height: 0.125rem;
		background: var(--white-100);
		transition: all .3s;
		position: relative;
	}
	.hamburger-box div:nth-child(2) {
		width: 0.875rem;
	}
	.header-mobile-navbar .hamburger-box div {
		background: var(--black-100);
	}
	.hamburger-box div + div {
		margin-top: 0.5rem;
	}

	.hamburger-box div:nth-child(1) {
		animation: ease .5s top-2 forwards;
	}
	.header-mobile-navbar.show .hamburger-box div:nth-child(1) {
		animation: ease .5s top forwards;
	}

	.hamburger-box div:nth-child(2) {
		animation: ease .5s scaled-2 forwards;
	}
	.header-mobile-navbar.show .hamburger-box div:nth-child(2) {
		animation: ease .5s scaled forwards;
	}

	.hamburger-box div:nth-child(3) {
		animation: ease .5s bottom-2 forwards;
	}
	.header-mobile-navbar.show .hamburger-box div:nth-child(3) {
		animation: ease .5s bottom forwards;
	}

	@keyframes top {
		0% {
			top: 0;
			transform: rotate(0);
		}
		50% {
			top: 0.625rem;
			transform: rotate(0);
		}
		100% {
			top: 0.625rem;
			transform: rotate(45deg);
		}
	}
	@keyframes top-2 {
		0% {
			top: 0.625rem;
			transform: rotate(45deg);
		}
		50% {
			top: 0.625rem;
			transform: rotate(0deg);
		}
		100% {
			top: 0;
			transform: rotate(0deg);
		}
	}

	@keyframes bottom {
		0% {
			bottom: 0;
			transform: rotate(0);
		}
		50% {
			bottom: 0.625rem;
			transform: rotate(0);
		}
		100% {
			bottom: 0.625rem;
			transform: rotate(135deg);
		}
	}
	@keyframes bottom-2 {
		0% {
			bottom: 0.625rem;
			transform: rotate(135deg);
		}
		50% {
			bottom: 0.625rem;
			transform: rotate(0);
		}
		100% {
			bottom: 0;
			transform: rotate(0);
		}
	}

	@keyframes scaled {
		50% {
			transform: scale(0);
		}

		100% {
			transform: scale(0);
		}
	}

	@keyframes scaled-2 {
		0% {
			transform: scale(0);
		}
		50% {
			transform: scale(0);
		}
		100% {
			transform: scale(1);
		}
	}

	/* responsive header menu styles here */
	.drop-header {
		padding: 1.5rem 0;
	}
	.drop-header .services {
		border-bottom: 0.063rem solid var(--black-10);
		padding-bottom: 0.75rem;
	}
	.drop-header h5 {
		margin-bottom: 0.625rem;
		font-size: 0.75rem !important;
		font-weight: normal;
		line-height: normal;
		letter-spacing: 0.031rem;
		color: var(--black-45);
	}
	.drop-header p {
		font-size: 1.125rem !important;
		font-weight: bold;
		line-height: 1.22;
		letter-spacing: normal;
		color: var(--black-85);
	}
	.drop-header .service-toggle {
		padding: 0.625rem 1.5rem 0.625rem 0;
	}
	.drop-header .service-toggle .active-img {
		display: none;
	}
	.drop-header .service-toggle:hover .wp-block-image, .drop-header .service-toggle.active .wp-block-image {
		display: none;
	}

	.drop-header .service-toggle:hover p, .drop-header .service-toggle.active p {
		color: var(--primary-100);
	}
	.drop-header .service-toggle:hover .active-img, .drop-header .service-toggle.active .active-img {
		display: block;
		padding: 0 0.125rem 0.125rem;
	}
	.drop-header .service-toggle .wp-block-image {
		width: 1.5rem;
		height: 1.5rem;
	}
	.drop-header .service-toggle .wp-block-image img {
		width: 100%;
		height: 100%;
		object-fit: contain;
		object-position: center;
	}
	.drop-header .responsive-header-link {
		width: 100%;
		border-bottom: 0.063rem solid var(--black-10);
	}
	.drop-header .responsive-header-link a {
		display: block;
		padding: 1rem 1.5rem 1rem 1.5rem;
	}
	.page-id-38 .hamburger-box div, .page-id-84 .hamburger-box div, .blog .hamburger-box div, .page-id-67 .hamburger-box div {
		background: var(--black-100) !important;
	}
}

/* footer section styles here */

/*
@media all and (max-width: 992px) {
.footer-container-section {
display: block;
}
.footer-section .footer-text p {
max-width: unset;
}
.footer-section .footer-text {
margin-bottom: 2rem;
}
}

@media all and (max-width: 767px) {
.footer-container-section .footer-right {
display: block;
}
.footer-container-section .footer-right .footer-services {
margin-bottom: 2rem;
}
.footer-container-section .footer-right .footer-services p {
margin-bottom: 0.5rem;
}
.footer-section h3 {
font-size: 1.125rem;
margin-bottom: 1rem;
}
.footer-section .address + .address {
margin-top: 1.5rem;
}
.footer-section .footer-policy {
margin-top: 0;
padding-top: 0;
flex-direction: column-reverse;
align-items: center;
border: none;
}
.footer-policy .wp-block-columns {
width: 100%;
}
.footer-policy .wp-block-columns .wp-block-column {
width: 100%;
justify-content: space-between;
padding: 1.5rem 0;
border-bottom: 0.063rem solid var(--black-10);
}
.footer-section .footer-policy p {
margin-top: 1rem;
}
}*/

/* new footer responsive styles here */

@media only screen and (max-width: 768px) {

	.footer-products-link{
		display: flex;
		gap: 84px;
		align-items: start !important;
	}

	.new-footer-black-bg{
		padding: 32px 24px 36px;
	}
	.new-footer-right-bg{
		padding: 18px 24px 28px;
	}

	.footer-main-products p{
		padding-bottom: 16px;
	}

	.footer-new-tablet{
		display: flex;
		flex-direction: column;
	}
	.new-footer-service{
		display: flex;
		flex-wrap: nowrap !important;
	}

	.icon-new-footer{
		display: none;
	}

	.new-footer-tablet-align{
		display: flex !important;
		flex-wrap: nowrap !important;
		align-items: flex-start !important;
	}

	.icon-new-footer-right {
		padding-top: 24px;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}


	.icon-new-footer-right figure img{
		width: 24px;
	}

	.new-footer-copyrights{
		text-align: center;
		padding-top: 24px;
	}

	.footer-new-tablet{
		background: var(--grey-black-90);
	}

}		

@media only screen and (max-width: 600px) {

	.new-footer-map,
	.new-footer-details-heading,
	.new-footer-details-para{
		padding: 2px 16px 16px 16px
	}

	.core-service-hover a{
		/* 		padding: 4px 24px 4px 18px; */
		padding: 4px 24px 4px 36px;
		display: block;
	}

	.footer-product-accordion{
		margin: 0 -32px;
	}

	.footer-product-accordion #wpsm_accordion_2625 .wpsm_panel-default:hover,
	.footer-product-accordion #wpsm_accordion_2625 .wpsm_panel-default:focus{
		border-bottom: 1px solid var(--grey-light-40) !important;
	}


	.footer-product-accordion #wpsm_accordion_2625 .wpsm_panel-body{
		padding: 0 !important;
		margin: 0 !important;
	} 

	.footer-product-accordion #wpsm_accordion_2625 .wpsm_panel-title a{
		padding: 16px 36px 17px 36px!important;
	}


	.footer-product-accordion #wpsm_accordion_2625 .ac_title_class {
		font-size: 15px !important;	
	}

	.footer-products-link{
		display: block !important;
		gap: inherit !important;
	}

	.footer-main-products{
		margin-right: 0 !important;
	}




	.new-footer-black-bg{
		padding: 32px 16px 0 !important;
	}

	.new-footer-right-bg{
		padding: 0 16px 24px;
	}	

	.new-footer-right-heading{
		display: none;
	}	
	.footer-main-products{
		display: none;
	}
	.footer-product-accordion{
		display: inherit;
	}

	.new-footer-service{
		display: none;
	}

	.new-footer-offshore{
		display: none;
	}
	.new-footer-headline-para{
		padding-bottom: 12px;
	}

	.new-footer-case{
		padding-bottom: 36px;
	}
	.icon-new-footer{
		display: none;
	}

	.icon-new-footer-right{
		padding-top: 24px;
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.icon-new-footer-right figure img{
		width: 34px;
	}

	.new-footer-map iframe{
		width: 100% !important;
	}

	.footer-address{
		display:none;
	}

	.footer-accoridon-content li a{
		padding: 8px 18px 12px 36px;
		display: block;
		width: 100%;
	}


	/* footer down icon */

	.footer-product-accordion #wpsm_accordion_2625 .wpsm_panel .wpsm_panel-heading .wpsm_panel-title a  .fa-plus:before{
		content: "\f0d7" !important;
		font-size: 15px;
	}


	/* footer up icon */

	.footer-product-accordion #wpsm_accordion_2625 .wpsm_panel .wpsm_panel-heading .wpsm_panel-title a  .fa-minus:before{
		content: "\f0d8" !important;
		font-size: 15px;
	}

}