/* Computer */
.grid_1 { width: 6.5%; } 
.grid_2 { width: 15%; } 
.grid_3 { width: 40%; } 
.grid_4 { width:32%; } 
.grid_5 { width: 40.5%; }
.grid_6 { width: 49%; } 
.grid_7 { width: 57.5%; } 
.grid_8 { width: 66%; } 
.grid_9 { width: 100%; } 
.grid_10 { width: 83%; } 
.grid_11 { width: 91.5%; } 
.grid_12 { width: 100%; } 
.grid_13 { width: 90%; } 



.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	
	float: center;
	display: inline;
	margin: auto;

}
.grid_13 {

	display:inline-block;
}



.alpha			{margin-left:0;}
.omega			{margin-right:0;}
.gallery-list 	{margin:auto; padding:0;}

@media (min-device-width: 376px) {

.container1{
	width: 1000px;
	max-width: 1000px;
	margin: auto;
	height:74px;
	border:0px solid red;
}

.container{
	width: 800px;
	max-width: 800px;
	margin: 0 auto 0;
	border:0px solid red;
	
	
}
.container2{
	width: 1000px;
	max-width: 1000px;
	margin: auto;
	border:0px solid red;
	

	
}


.container3{
  width: auto;
    max-width: 100%;
	margin: auto;	
	border:0px solid red;
}
.container4{
	width: 1240px;
	max-width: 100%;
	margin: auto;
	border:0px solid red;

}
.container5{
	width: 1240px;
	max-width: 1240px;
	margin:0;
	border:0px solid red;

}
.container6{
	width: 1056px;
	max-width: 1056px;

	margin:auto;
	border:0px solid red;

}

.container7{
	width: 800px;
	max-width: 800px;
	margin: auto;
	
	
}

}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{position:relative;z-index:99;clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}


@media (min-width: 769px) and (max-width: 899px){
	
.container1{
	width: 700px;
	max-width: 700px;
	margin: auto;
	height:40px;
}

.container{
	width: 600px;
	max-width: 600px;
	margin: auto;
	
	
}
.container2{
	width: 900px;
	max-width: 900px;
	margin: auto;
	border:0px solid red;

}
.container22{
	width: 414px;
	max-width: 414px;
	margin: auto;
	border:0px solid red;

}
.alpha			{margin-left:0;}
.omega			{margin-right:0;}
.gallery-list 	{margin:0 0px 0 0;padding:0;}

.grid_3 { width: 30%; } 

.grid_9 { width: 60%; } 

.container3{
	  width: auto;
    max-width: 100%;
	margin: auto;	
	border:0px solid red;
}
.container4{
	width: 800px;
	max-width: 100%;
	margin: auto;

}
.container5{
	width: 750px;
	max-width: 750px;
	margin:0;

}
.container6{
	width: 600px;
	max-width: 600px;

	margin:auto;
	border:0px solid red;

}
.container7{
	width: 700px;
	max-width: 700px;

	border:0px solid red;

}
}


@media (min-width: 415px) and (max-width: 768px){
	
.container1{
	width: 700px;
	max-width: 700px;
	margin: auto;
	height:40px;
}

.container{
	width: 500px;
	max-width: 500px;
	margin: auto;
	
	
}
.container2{
	width: 740px;
	max-width: 740px;
	margin: auto;
	border:0px solid red;

}
.container22{
	width: 414px;
	max-width: 414px;
	margin: auto;
	border:0px solid red;

}
.alpha			{margin-left:0;}
.omega			{margin-right:0;}
.gallery-list 	{margin:0 0px 0 0;padding:0;}

.grid_3 { width: 30%; } 

.grid_9 { width: 60%; } 

.container3{
	  width: auto;
    max-width: 80%;
	margin: auto;	
	border:0px solid red;
}
.container4{
	width: 740px;
	max-width: 100%;
	margin: auto;

}
.container5{
	width: 750px;
	max-width: 750px;
	margin:0;

}
.container6{
	width: 600px;
	max-width: 600px;

	margin:auto;
	border:0px solid red;

}
.container7{
	width: 740px;
	max-width: 740px;

	border:0px solid red;

}
}




@media (min-device-width: 376px) and (max-device-width: 414px) {
.container1{
	width: 700px;
	max-width: 700px;
	margin: auto;
	height:40px;
}

.container{
	width: 414px;
	max-width: 414px;
	margin: auto;
	
	
}
.container2{
	width: 395px;
	max-width: 395px;
	margin: auto;
	border:0px solid red;	
}
.alpha			{margin-left:0;}
.omega			{margin-right:0;}
.gallery-list 	{margin:0 0px 0 0;padding:0;}

.grid_3 { width: 30%; } 

.grid_9 { width: 60%; } 

.container3{
	  width: auto;
    max-width: 100%;
	margin: auto;	
	border:0px solid red;
}
.container4{
	width: 400px;
	max-width: 100%;
	margin: auto;

}
.container5{
	width: 750px;
	max-width: 750px;
	margin:0;

}
.container6{
	width: 600px;
	max-width: 600px;

	margin:auto;
	border:0px solid red;

}
.container7{
	width: 400px;
	max-width: 400px;

	margin:auto;
	border:0px solid red;

}
}

/* media elements index 375 -------------------------------------------------------------------------------------------------------------------------------- */

@media (max-width: 375px) {

.container1{
	width: 320px;
	max-width: 320px;
	margin: auto;
	height:74px;
}

.container{
	width: 90%;
	max-width: 90%;
	margin: auto;
	
	
}
.container2{
	width: 95%;
	height:100%;
	max-width: 95%;
	margin: auto;
	border:0px solid red;

	
}

.grid_12 { 
	width: 100%;


	margin:0px 0 0 0;
	border:0px solid red;
 } 
 .grid_12a { 
	width: 100%;


	margin:0px 0 0 0;
	border:0px solid red;
 } 
  .grid_12b { 
	width: 100%;

	
	margin:0px 0 0 0;
	border:0px solid red;
 }
.grid_13 { width: auto; } 
.container3{
  width: auto;
    max-width: 100%;
	margin: auto;	
	border:0px solid red;
}
.container4 {
	width: 355px;
	max-width: 100%;
	margin: auto;

}
.container5 {
	width: 320px;
	max-width: 320px;
	margin:0;

}
.container6 {
	width: 320px;
	max-width: 320px;

	margin:auto;
	border:0px solid red;

}
.container7 {
	width: 320px;
	max-width: 320px;

	margin:auto;
	border:0px solid red;

}
.gallery-list 	{margin:0 0px 0 0;padding:0;}

.grid_12c { 
	height:170px;
	width: 100%;  
	border:0px solid red;
}
.grid_3 { width: 100%; } 
}


@media (min-width: 900px) and (max-width: 1024px){
	
.container1{
	width: 700px;
	max-width: 700px;
	margin: auto;
	height:40px;
}

.container{
	width: 600px;
	max-width: 600px;
	margin: auto;
	
	
}
.container2{
	width: 900px;
	max-width: 900px;
	margin: auto;
	border:0px solid red;

}
.container22{
	width: 414px;
	max-width: 414px;
	margin: auto;
	border:0px solid red;

}
.alpha			{margin-left:0;}
.omega			{margin-right:0;}
.gallery-list 	{margin:0 0px 0 0;padding:0;}

.grid_3 { width: 30%; } 

.grid_9 { width: 60%; } 

.container3{
	  width: auto;
    max-width: 100%;
	margin: auto;	
	border:0px solid red;
}
.container4{
	width: 800px;
	max-width: 100%;
	margin: auto;

}
.container5{
	width: 750px;
	max-width: 750px;
	margin:0;

}
.container6{
	width: 600px;
	max-width: 600px;

	margin:auto;
	border:0px solid red;

}
.container7{
	width: 700px;
	max-width: 700px;

	border:0px solid red;

}
}

@media (max-device-width: 320px) {
	
	.container3{
	  width: auto;
    max-width: 100%;
	margin: auto;	
	border:0px solid red;
}
	
.grid_13 { width: auto; } 
.container3{
  width: auto;
    max-width: 100%;
	margin: auto;	
	border:0px solid red;
}
.container4 {
	width: 300px;
	max-width: 100%;
	margin: auto;

}	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}