@-ms-viewport
{
	width:device-width;
}
@-viewport
{
	width:device-width;
}
@media only screen and (max-width:1200px)
{
	img
	{
		max-width:100%;
	}
	.left_section .number_01
	{
		width: 55%;
	}
	.left_section .number_02 {
		width: 45%;
		padding: 22px 32px;
	}
	.right_section .number_01 {
		width: 55%;
	}
	.right_section .number_02 {
		width: 45%;
		position: relative;
		background: #00031d;
		padding: 57px 25px;
	}
	.right_section .number_02:nth-last-of-type(2):before {
		left: 248px;
		z-index: 9;
	}
	.left_section .number_02:nth-last-of-type(2)::before{
		left: 248px;z-index: 9;
	}
}
@media only screen and (max-width:1024px)
{
	
}
@media only screen and (max-width:960px)
{
	.get_in{
		display: none;
	}
	.about_us_section aside {
			padding: 0px 35px;
	}
	.nav {
		float: none;
	}
	.nav ul li{
		text-align: center;
	}
	.nav ul li a {
		padding: 15px 0px;
	}
	.first_01, .first_02, .first_03 {
		padding: 30px;
		width:auto;
	}


	.inner_product .left_section{
		display: block;width:45%;
		margin:18px;
	}
	.left_section .number_01, .left_section .number_02 {
		width:auto;
		float: none;
	}
	.inner_product .right_section{
		display: block;
		width:45%; margin:18px;
	}
	.right_section .number_01, .right_section .number_02{
		width:auto;
		float: none;
	}
	.right_section .number_02{
		padding: 27px 32px;
	}

	.left_section .number_02:nth-last-of-type(2)::before, .right_section .number_02:nth-last-of-type(2):before{
		left: 0px;
		z-index: 9;
	}

	.inner_footer{
		display: block;
		text-align: center;
	}
	.footer_right {
		margin-right: 0%;
	}


	.header-button
	{
		margin: 32px 45px 32px 10px;
	}
	.nav-shrink .header-button
	{
		margin: 22px 45px 22px 10px;
	}
	.container, .intro aside, .products-content, .contact-strip article, .footer
	{
		padding:25px 20px;
	}
	.footer article, .footer p, .footer-bottom p
	{
		text-align:center;
		float:none;
	}
	.footer article aside
	{
		margin:15px 0;
		float:none;
	}
	.footer article aside h3
	{
		margin:30px 0;
		display:inline-block;
	}
}
@media only screen and (max-width:768px)
{
	.nav-shrink .inner_header {
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		-o-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;
		background: #fff;
		top: -10px;
		z-index: 10001;
		box-shadow: 0px 2px 26px rgb(0 0 0 / 50%);
		height: 25vh;
	}
	
	.about_us_section{
		margin: 30px 0px 70px;
		
	}
	.about_us_section figure{
		width: 50%;
	}
	.about_us_section aside {
		width: 50%
	}
	.about_us_section aside h1::before{
		width: 44%;
	}





	
}
@media only screen and (max-width:767px)
{
	.main_banner h1{
		font-size: 32px;
		margin-left: 0rem;
	}
	.breadcrum{
		display: block;
		margin-left: 0rem;
	}
	.nav-shrink .inner_header {
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		-o-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;
		background: #fff;
		top: -10px;
		z-index: 10001;
		box-shadow: 0px 2px 26px rgb(0 0 0 / 50%);
		height: 25vh;
	}
	

	.contactus{
		margin: 40px 15px;
	}
	.contactus fieldset {
		width: 100%;
		float: none;
		margin-bottom: 50px;
	}
	.contactus aside{
		width: auto;
		float: none;
	}
	.contac__us {
		padding: 30px 15px;
	}
	.inner_contact h1{
		font-size: 25px;
	}
	.inner_footer_bottom div.left, .inner_footer_bottom div.right{
      float: none;
	  text-align: center;
	}

	/*.client-sec{
		padding: 0px 25px;
	}*/
	
	
	.client-sec ul li{
		display: block;
		width: auto;
		margin: 12px 10px;
	}

	.about_us_page{
		padding: 40px 20px;
		align-items: center;
	  }
	  .why-us{
		  display: block;
		  padding: 0px 20px;
	  }
	  .why-us .left, .why-us .right{
		  width: auto;
		  float: none;
	  }

	  .why_us_section{
		display: block;
	  }


	  .inner_header h1 {
		display: block;
		position: absolute;
		left: 12px;
		top: -9px;
		width:70%;
	}
	
	.why_us_section {
		display: block;
		justify-content: center;
		position: relative;
	}
	.about_us_section{
		display: block;
		padding: 60px 20px 30px;
	}
	.about_us_section figure {
		width: auto;
		float: none;
	}
	.about_us_section aside {
		width: auto;float: none;
		left:0;
	}
	.heading_case h1:before {
		
		width: 40%;
		height: 33%;
		top: 53px;
		left: 29%;
		
	}
	.inner_product .left_section, .inner_product .right_section {
		display: block;
		width: auto;
		
	}
	.right_section .number_02::before, .left_section .number_02::before{
		display: none;
	}
	.left_section .number_02:nth-last-of-type(2)::before, .right_section .number_02:nth-last-of-type(2):before {
		display: none;
	}
	.client_title h1:before {
	
		width: 41%;
		height: 33%;		
		left: 28%;
	}
	.contac__us {
		padding: 79px 15px;
		background-size: auto;
	}
	.inner_contact h1 {
		font-size: 28px;
	}
	.inner_contact a {
		margin: 10px auto;
	}
	.inner_footer_bottom{
		text-align: center;
	}
	.inner_footer_bottom div.left, .inner_footer_bottom div.right
	{
		float: none;
	}

	.first_01, .first_02, .first_03 {
		padding: 30px;
		width:auto;
	}
	.why_section{
		display: block;
		margin: 70px 20px 140px;
	}
	.why_section figure{
		width: 100%;
		position: relative;
		padding: 0;
		right: 0;
		background: #fff;
		z-index: 1;
	}
	.icons-sec {
		display: block;
	}
	.why_section figure a{
		margin-left: 1rem;
	}
	.why_section aside {
		width: auto;
		position: relative;
		margin-top: 4rem;
	}
	.category-section {
		position: relative;
		padding: 140px 80px 30px;
		text-align: center;
	}
	.category-section h1:before {
		content: "";
		position: absolute;
		width: 100%;
	}
	.inner-category {
		display: block;
		text-align: center;
	}
	.category-types {
		margin: auto; 
		 display: block; 
	}
	.category-types a {
		display: inline-block;
		border: 2px solid #dcdada;
		border-radius: 20px;
		text-align: center;
		margin: auto;
	}
	.footer_right ul li::before{
		display: none;
	}
	.inner_footer{
		padding: 80px 50px 70px;
	}
	.head-ct{
		display: none;
	}
	.about_us_section:after{
		display: none;
	}
	.main_banner{
		
		padding: 55px;
	}
	.main_products{
		padding: 0px;
	}
	.product-11 ul li {
		width: 90%;
	}
	.certificate {
		width: fit-content;
	}
	.maps{
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}
	.indv-map{
		flex-direction: column;
	}
	.address-text {		
		text-align: left;
	}
	
}

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