* {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: Arial;
}

.header {
  text-align: center;
  padding: 32px;
}

@media (max-width: 767.998px){
	.row{display: none;
  width: 100%;
  padding: 0 4px;  
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  background-color: white;
	}
	.rowShow {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  width: 100vw;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  background-color: white;

}
}

@media(min-width: 768px){

.row {
  display: none;
  width: 100vw;
  margin: 0;
  padding: 0 10vw;
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  background-color: white;
}

.rowShow {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  width: 100vw;
  margin: 0;
  padding: 0 10vw;
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  background-color: white;

}

}



/* Create four equal columns that sits next to each other */
.column1 {
  -ms-flex: 27.19%; /* IE10 */
  flex: 27.19%;
  max-width: 27.19%;
  padding: 0;
}

.column2 {
  -ms-flex: 72.81%; /* IE10 */
  flex: 72.81%;
  max-width: 72.81%;
  padding: 0;
}

.column1 img, .column2 img {
  margin-top: 0;
  vertical-align: middle;
  width: 100%;
}

.res{
	margin: 0;
	padding:0;
	width: 100;
}
/*********************************************************** rezColor Start ***********************************************************/

	.rezColorBack
		{
			background-color: rgba(0,0,0,0.7);
			width: 100%;
			height: 100vh;
			position: fixed;
			left: 0;
			top: 0;
			z-index: 10000000000;
			display: none;
		}

	.rezColor
		{
			position: absolute;
			top:50%;
			left:50%;
			transform: translate(-50%,-50%);
			background-color: rgba(100,100,100,1);
		}

	.rezColor > ul 
		{
			padding-top:2vh;
			padding-bottom: 2vh;
			padding-left: 2vw;
			padding-right: 2vw; 
			float: left;
			margin: 0;
		}

	.rezColor > ul > li
		{
			list-style: none;
			text-decoration: none;
			line-height: 3vh;
			color: #dddddd;
		}


	.rezColor input

		{
			float: left;
			
		
		}

	.kutuColor
		{	
			height: 10px;
			width: 10px;
			float: left;
			margin-left: 1vw;
			margin-right: 0.25vw;
			margin-top: 1vh;

		}


	.rezColorBut
		{
			border-radius: 2px;
			background-color: rgba(75, 105, 135,1);
			color: #dddddd;
			margin-top: 1vh;
			margin-right: .35vw;
			border:none;
		}

/*********************************************************** rezColor End ***********************************************************/