/*
 * Copyright inpleworks, Co.
*/


.hidden_pc { display: none; }

/*  grid 12  */	
[class*="grid_"] {
    float: left;
  }
.grid_12 { width: 100%; }	
.grid_11 { width: 91.66%; }
.grid_10 { width: 83.33%; }
.grid_9 { width: 75%; }
.grid_8 { width: 66.66%; }
.grid_7 { width: 58.33%; }
.grid_6 { width: 50%; }
.grid_5 { width: 41.66%; }
.grid_4 { width: 33.33%; }
.grid_3 { width: 25%; }
.grid_2 { width: 16.66%; }
.grid_1 { width: 8.333%; }

.margin-right { margin-right: 10px; }
.margin-left { margin-left: 10px; }


@media (min-width: 1200px) {
	.xet_container { width:1170px; }
}
@media (min-width: 980px) and (max-width: 1199px) {}
@media (max-width: 1199px) {	
	.xet_container { }
}
@media (min-width: 768px) and (max-width: 979px) {}
@media (max-width: 979px) {		
	.logo_tablet {
		float: none !important;
		text-align: center;
	}
	.acc_tablet {
		position: absolute;
		right: 15px;
		top: 0;
	}	
	.hidden_tablet { display: none; }
	.visible_tablet { display: block; }
	.bg_size_tablet { -webkit-background-size: cover; }
}
@media (min-width: 480px) and (max-width: 767px) {}

@media (max-width: 767px) {
	.width100 { width: 100% !important; }	
	h1.h1 { font-size: 28px; }
	h2.h2 { font-size: 24px; }
	h3.h3 { font-size: 20px; }
	h4.h4 { font-size: 16px; }
	h5.h5 { font-size: 13px; }
	
	.grid_12,
	.grid_11,
	.grid_10,
	.grid_9,
	.grid_8,
	.grid_7,
	.grid_5,
	.grid_4,
	.grid_3,
	.grid_2,
	.grid_1 { width: 50% !important; }		
	
	.grid_6 { width: 100% !important; }
	.margin-right { margin-right: 0 !important; }
	.margin-left { margin-left: 0 !important; }			
	
	.parallax1 {
		padding: 60px 0;
	}
}
@media (max-width: 479px) {	
	.fontsize12_mobile { font-size: 12px !important; }	
	.fontsize11_mobile { font-size: 11px !important; }	
	.hidden_mobile { display: none !important; }
	.visible_mobile { display: block !important; }
	h1.h1 { font-size: 28px; }
	h2.h2 { font-size: 24px; }
	h3.h3 { font-size: 18px; }
	h4.h4 { font-size: 14px; }
	h5.h5 { font-size: 12px; }
	
	.more_btn_mobile { 
		font-size: 12px; 
		padding: 5px 15px;
		border-width: 2px;
	}
	
	.bg_size_mobile { -webkit-background-size: cover; }	
	
	
}
@media (min-width: 320px)  and (max-width: 478px) {
	.grid_3 { width: 100% !important; }		
}