/* lg - Small laptops: 1024px - 1280px */

@media (max-width: 72rem){
		/* 1150px / 16px = 71.875rem */
		/* 72rem x 16px = 1152px */
}
/* Small laptops - phone: 896px - 1024px */

@media (max-width: 56rem ){
	/* 880px / 16PX = 55.625 */
	/* 56 Rem * 16PX =  896px*/
	/* "740" */
	html{
		font-size: 62.75%;
	   /*  8px / 16px = 50% */

	   .two-column-layout {
			column-gap: 1.5rem;

	   }
	   
		.select_thrust_div {
			row-gap: 20px;
		}
		.selection_div{
			row-gap: 20px;
		}
		.select_trans_div{
			row-gap: 20px;
		}
		.select_curb_div{
			row-gap: 20px;
		}
		.two_column_layout_ordering {
			gap: 10px;
			
		}
  
}
  
	   }


	/* Small - phone: 656px - 896px */

@media (max-width: 40rem){
	/* 650px / 16px = 40.625rem  */
	/* 41rem * 16px = 656px */
	html{
		font-size: 44%;
		/* 7px / 16px = 43.75% */

		.two-column-layout-bottom {
			display: flex;
			flex-direction: column-reverse;
		}
	
			 .two_column_layout_ordering {
				display: flex;
			   flex-direction: column;
			}
	
			.slection_TextSet {
				font-size: 4.5rem;
				padding-inline: 10px;
			 }
			 /* .select_thrust_div{
				max-width: 62.5rem;
				
			 } */
			   .button_OrignalAdjuster{
				line-height: 2.8rem;
				width: 20rem;
				font-size: 2.5rem;
				margin-inline: 2rem;
				padding: 1rem;
			} 
		}

@media (max-width: 32rem){
	
	/* 530px / 16px = 31.25rem */
	/*  34rem * 16px = 544px */
	/* "500" */
	html{
		font-size: 37.5%;
		/* 6px / 16px = 37.5% */

		.slection_TextSet {
			font-size: 3.5rem;
			padding-inline: 6px;

		 }
		.inlineButtonDiv{
			gap: 5px
		} 
		.button_transverse {
			padding-inline: 5px;

		}
	}    
	   
}
}