/* ========================= ========================= ========================= ========================= ========================= =========================
***
* please make sure all print css inside @layer print_query {}
***
* please make sure all print css inside @layer print_query {}
* please make sure all print css inside @layer print_query {}
* Use CSS @layer
* Use CSS @layer
* Use CSS @layer
***
 ========================= ========================= ========================= ========================= ========================= =========================*/


@layer print_query {
	@media print {
		* {
			/*chrome will trigger print preview first and then transition start so set all transition to none in print*/
			transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
		}

		html,
		html {
			height: auto;
			background: transparent;
		}

		@page {
			size: auto\9;
			/* auto is the current printer page size */
			margin: 0mm\9;
			/* this affects the margin in the printer settings */
		}

		body {
			width: 100%;
			margin: 0\9;
			/* the margin on the content before printing */
		}

		body {
			min-width: 1024px;
			width: 1024px;
			-webkit-print-color-adjust: exact !important;
		}


		.body_area {
			/*background: none;*/
			padding-top: 0 !important;
			position: static;
		}

		.breadcrumbbg .container {
			max-width: 100%;
		}


		.clientTool {
			display: none;
		}

		.headerTool .myLogo {
			position: relative;
		}

		.headerMenu,
		.leftMenu,
		.footer_area1,
		.headerTop {
			display: none;
		}

		.body_area {
			margin-top: 0;
		}


		.header_area {
			position: static;
		}



		.section_header_banner {
			display: none;
		}

		.breadcrumbbg {
			background-color: transparent;
		}


		.swiper-wrapper {
			flex-wrap: wrap;
		}

		.footer_area .swiper {
			max-width: 100%;
		}

		.footer_slider_area {}

		.footer_slider_area .swiper-slide {
			margin-bottom: 10px;
		}


		.footer_area {
			box-shadow: none;
		}

	}
}