/* Tablet Yatay Başladı */
@media only screen and (max-width: 1100px) {	
	.trnNoMobile{display:none;}	
	.trnMobile{display:block;}	
}
/* ########## Tablet Yatay Başladı ########## */





/*Tablet Dikey ve Mobil Telefon*/
@media only screen and (max-width: 768px) {
	
	.trnPopUpContainer{
		width:90%;
		left:5%;
		margin:-150px 0 0 0;
	}
	
	.trnPopUpContainer .button-label {
		display: inline-block;
		padding: 0 5px 0 5px; 
		height:30px;
		line-height:30px;

		cursor: pointer;
		color: #FFFFFF;
		background: #343434;
		/*box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2), inset 0 -3px 0 rgba(0, 0, 0, 0.22);*/
		-webkit-transition: 0.3s;
		transition: 0.3s;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}	
	
	.trnMobile{display:block;}
	
	.trnNoMobile{display:none;}	
	
	.trnTopArea .trnHamburgerDropMenu {
		height:100%;
		position:fixed;
		z-index:100000;
	}

	.trnTitleContainer h1{
		font-size:10px;
	}

	.trnLeftArea{
		width:100%;
		height:60%;
		top:0;
		padding-top:0;
	}
	
	.trnRightArea{
		width:100%;
		height:40%;
		top:60%;
		padding-top:0;
	}
	
	.trnRightArea .trnContentContainer
	{
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		padding-top:50px;
		padding-bottom:60px;
		overflow:hidden;
		z-index:5;
		color:#FFF;
	}
	
	.trnRightArea .trnNoFooter .trnContentScroll
	{
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		padding-top:50px;
		padding-bottom:0;
		z-index:5;
		color:#FFF;
	}	
	
	
	.trnRightArea .trnTitleContainer
	{
		position:absolute;
		width:100%;
		height:50px;
		overflow:hidden;
		top:0;
		z-index:50;
		color:#FFF;
	}
	

	.trnRightArea .trnFooterContainer
	{
		position:relative;
		width:100%;
		height:60px;
		line-height:60px;
		z-index:10;
		top:0;
		color:#FFF;
		background-color:#000;
		display:none;
	}
	
	.trnSelectItem
	{
		font-size:10px;
	}
	
	.trnSelectList .trnSelectItem h1{
		width:100%;
		padding:20px;
		padding:0;
		font-size:12px;
		text-align:center;
	}
	
	.trnSelectList .trnSelectItem  h2
	{
		font-size:12px;
	}
	
	.trnSelectList .trnSelectItem  h3
	{
		font-size:12px;
	}	
	
	.userDetail  figure{
		margin-top:10px;
	}
	
	.trnSelectList .trnSelectItem figure{
		height:30px;
		line-height:30px;
		text-align:center;
		font-size:12px;
	}

	.trnSelectList .trnSelectItem figure svg{
		height:30px;
		max-width:36px;
		fill:#FFFFFF;
	}	
	
	.trnLeftArea .trnContentScroll{
		background-color:#404040;
	}

	.trnLeftArea .trnSelectItem{
		width:100%;
		background-color:#404040;
		height:25%;
		display: table;
		cursor:pointer;
		color:#FFFFFF;
	}
	
	.trnList .trnItem .trnRow{
		font-size:10px;
		font-weight:normal;
	}
	
	.trnLoginArea .trnLoginContainer{
		width:100%;
		min-height:280px;
		position:absolute;
		top:50%;
		left:0;
		margin:-140px 0 0 0;
	}

	.trnLoginArea .trnLoginContainer .trnLoginTitle{
		width:100%;
		height:50px;
		line-height:50px;
		text-align:center;
	}
	.trnLoginArea .trnLoginContainer .trnLoginTitle h1{
		margin:0;
		padding:0;
		font-size:30px;
	}

	.trnLoginArea .trnLoginContainer .trnLoginForm{
		width:100%;
		padding:15px 20px 15px 20px;
		border:1px solid #FFF;
		background-color:#000;
	}	
	
}