.uibord1,
.uibord2{
position: absolute;
    top: 0;
    right: 0;
    height: 100vh;
    width: 180px;
    background-color: #999;
    padding-top: 50px;
    padding-left: 1em;
}

.uibord1{
	left: 0;
}

.uibord__btn-change-model{
	color: #fff;
	margin-bottom: 0.25em;
}

.parts__btn-partslist{
	margin-bottom: 1.5em;
}

.parts__btn-partslist dt{
	margin-bottom: 0.25em;
}

.uibord__btn.change-model{
	/*border: solid red;*/
}

.capture-sample__close_btn{
	position: absolute;
	top: 2.5%;
	right: 2.5%;
	width: 10%;
	display: block;
}

.get-snap{
	    border: solid #fff;
    padding: 0.2em 0.5em 0.3em;
    border-radius: 0.3em;
    width: 90%;
    text-align: center;

}

.change-model{
	display: none;
}

.introduction{
	padding-top: 1em;
	padding-right: 1em;
}

.introduction p{
	font-size: 0.7em;
	color: #fff;
	line-height: 1.75;
	margin-bottom: 1em;
	text-indent: -1em;
	padding-left: 1em;
}

.uibord__info-categoly,
.parts__btn-partslist dt{
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
	margin-bottom: 0.5em;
}

.uibord__btn-select-products{
	margin-bottom: 1.5em;
}

@media (max-aspect-ratio: 10/7){

	.canvaframe{
	  width: 100%;
	  height: 65%;
	  left: 0;
	}
	.uibord1{
	  width: 37%;
	  height: 35%;
	  top: auto;
	  bottom: 0;
	  left:0;
	  right:0;
	  padding-top: 1em;
	  padding-left: 2em;
	}

	.uibord__btn-select-products {
		margin-bottom: 1em;
	}

	.introduction{
		padding-top:0;
	}
  
	.uibord2{
	  width: 63%;
	  height: 35%;
	  top: auto;
	  bottom: 0;
	  left:auto;
	  padding-top: 1em;
	  padding-left: 8em;
	}

	.uibord__info-categoly{
		line-height:1;
	}

	.parts__btn-partslist dt{
		

		

	}

	.introduction p {
		line-height: 1.25em;
		font-size: 0.6em;

	}

	.uibord2 .uibord__btns{
		width:100%;
	}
	.uibord__btns {
		flex-direction: column;
		position: relative;
		width:100%;
		bottom:0;
	}

	.uibord__btns-set{

		position:absolute;
		right:2em;
		top:1em;
		width: 25%;

	}
	.get-snap {
		
	}

	.uibord__btns .uibord__btns ul{
		width:40%;
	}

	.uibord__btn-partslist{

	}

	.uibord__btns ul .uibord__btns-set{
		width:20%;
	}

	.parts__btn-partslist{
	margin-bottom:0.5em;
	}
  }

  @media (max-aspect-ratio: 5/7){

	.canvaframe{
		height: 62%;
	  }
	  .uibord1{
		width: 45%;
		
	  }

	  .introduction p {
		font-size:1.35em
	  }

	  .uibord1,
	  .uibord2{
		height: 38%;
		padding-top:2em;
	  }
  
	  .uibord__btn-select-products {
		
	  }

	  .uibord__btns-set{
		margin-bottom:0.5em;
	  }
  
	  .introduction{
	  }

	  .introduction p {
        font-size: 1em;

	  }
	
	  .uibord2{
		width: 55%;
		padding-left: 4.5em;

		
	  }
	  .uibord1 select,.uibord2 select{
	  font-size: 1.2em;
	  }

	  .parts__btn-partslist {
		margin-bottom:1.2em;
	  }

	.uibord__info-categoly,
	.parts__btn-partslist dt {
		font-size: 1.2em;
	}
	
	.uibord__btns-set {
		position: relative;
		right: auto;
		top: auto;
		bottom: 0;
		width: 60%;
		font-size: 1.5em;
	}

	.uibord__btn.get-snap{
		padding: 0.4em 0.5em 0.6em;

	} 
  }

  @media (max-aspect-ratio: 4/8){
	.uibord__btns-set {
		font-size: 1.75em;
	}

	.uibord1 select,.uibord2 select{
		font-size: 1.5em;
		}
  
		.parts__btn-partslist {
		  margin-bottom:1.5em;
		}
  
	  .uibord__info-categoly,
	  .parts__btn-partslist dt {
		  font-size: 1.5em;
	  }
  }