/* TABLET */

@media (min-width: 0px) and (max-width: 1030px) 
{

	/* HEADER */

	header menu div.navs { margin-right: 0px; }
	header menu div.navs a { padding: 0 10px; }

	header menu a.logo { max-width: calc(100% - 15px); margin-left: -15px; }

	header menu a.logo img { max-width: 100%; }

	
	/* ANASAYFA */

	main section#mauretimb div.left { width: calc(100% - 580px); }
	main section#mauretimb div.right { width: 600px; float: right; margin-left: 35px; }

	main section#mareferans div.refs { padding: 50px 50px; }

	section#slider div#slidernav a.navleft { margin-left: 0px; }
	section#slider div#slidernav a.navright { margin-right: 0px; }

	main section#mahaber div.tiboxs { margin-bottom: 100px; }

	main section#mahaber div.tiboxs div.titem1,
	main section#mahaber div.tiboxs div.titem2,
	main section#mahaber div.tiboxs div.titem3
	{ width: 100%; height: 260px; }

	main section#mahaber div.tiboxs div.titem1 div.left,
	main section#mahaber div.tiboxs div.titem1 div.right,
	main section#mahaber div.tiboxs div.titem2 div.top,
	main section#mahaber div.tiboxs div.titem2 div.bottom,
	main section#mahaber div.tiboxs div.titem3 div.left,
	main section#mahaber div.tiboxs div.titem3 div.right
	{ width: 50%; }

	main section#mahaber div.tiboxs div.titem1 div.left { float: right; }

	main section#mahaber div.tiboxs div.titem1 div.right span { background: url('../img/risaret.png') no-repeat right center; }
	main section#mahaber div.tiboxs div.titem2 div.bottom span { background: url('../img/lisaret.png') no-repeat left center; }

	/* MAIN */

	main section.icontent div.fiveboxs a.item { width: 23.442214%; }
	main section.icontent div.fiveboxs a.item:nth-child(4n+0) { margin-right: 0px; }
	main section.icontent div.fiveboxs a.item:nth-child(5n+0) { margin-right: 20.67187px; }


	main section#haberler div.otherboxs a.item { width: 125px; margin-right: 19.843749px; }

	main section#urelist div.urebox { width: 230px; margin-right: 24.6718px; }


	main section.icontent article div.fourboxs a.item,
	main section.icontent article div.fourboxs a.item:nth-child(4n+0) 
	{ margin-right: 39px; }

	main section.icontent article div.fourboxs a.item:nth-child(3n+0) { margin-right: 0px; }

	main section.icontent article div.fourboxsabout div.fleft { width: 100%; margin-bottom: 25px;}
	main section.icontent article div.fourboxsabout div.fright { width: 100%; padding-left: 0px; }

	/* FOOTER */
	
}

/* ------------------------------------------------------------------- */

/* MOBIL */

@media (min-width: 0px) and (max-width: 650px)
{

	/* HEADER */

	header { height: 60px; background: #fff; position: fixed; z-index: 23; top: 0px; left: 0px; margin: 0px; box-shadow: 0 0 10px rgba(0,0,0,0.3); }
	
	header menu, section.header { margin-top: 0px; height: 60px; }

	main section.icontent aside.norm { display: none; }

	main section.icontent aside.mob { display: block; }

	header div.gray, header menu div.navs { display: none; }

	main section.icontent article { width: 100%; }

	main section.icontent article { padding-top: 15px; }

	header menu div.mMbtn 
	{ 
		display: block;
	    width: 25px;
	    height: 25px;
	    margin: 17.5px 0;
	    float: right;
	    background: url('../img/menu-icon.png') no-repeat center;
	    background-size: 25px;
	}

	main section.icontent aside.mob
	{
		width: 100%;
		height: 51px;
		float: left;
		box-sizing: border-box;
		margin: 12px 0;
	}

	main section.icontent aside.mob select
	{
		width: 100%;
		height: 100%;
		background: url('../img/asdown.png') no-repeat #fff;
	    background-position: right 20px center;
	    color: #333;
	    box-sizing: border-box;
	    padding-left: 21px;
	    float: left;
	    border-radius: 0px;
	    border: 1px solid #cac9c9;
	    -moz-appearance: none;
	    -webkit-appearance: none;
	    appearancce: none;
	    font-size: 15px;
	    font-weight: 700;
	}

	
	/* ANASAYFA */

	section#slider { height: 350px; }
	
	section#slider div#rotator > a { background-size: cover !important; }
	section#slider div#rotator > a span.text { margin-top: 160px; font-size: 14px;}
	section#slider div#rotator > a div.rtext { font-size: 12px; padding: 14px 20px; }

	section#slider div#slidernav a.navleft { position: absolute; bottom: 0px; margin-top: 0px; left: 0px; margin-left: 0px; }
	section#slider div#slidernav a.navright { position: absolute; bottom: 0px; margin-top: 0px; right: 0px; margin-right: 0px; }

	main section#mauretim { margin-top: 210px; }

	main section#mauretim a.mtop { display: none; }

	main section#mauretim div.mutitle { padding-top: 30px; font-size: 25px; }
	main section#mauretim div.mutitlet { font-size: 14px; }

	main section#mauretim div.mtopboxs a.item { width: 100%; margin-right: 0px; margin: 20px 0;}
	main section#mauretim div.mtopboxs a.item div.mtitle { font-size: 16px; padding-bottom: 15px; }
	main section#mauretim div.mtopboxs a.item div.mtext { font-size: 12px; padding-top: 15px; }
	main section#mauretim div.mtopboxs { margin-bottom: 20px; }

	main section#mauretimb div.left { width: 100%; margin-left: 0px; margin-top: 20px; height: 250px; background-size: cover !important; }
	main section#mauretimb div.right { width: 100%; margin-left: 0px; float: left; }
	
	main section#mauretimb div.right div.title { font-size: 25px; padding-top: 40px; }
	main section#mauretimb div.right div.mtitle { font-size: 14px; }

	main section#mauretimb div.right div.mtext { padding-top: 20px; }
	main section#mauretimb div.right a.moreinfo { margin-top: 20px; }
	main section#mauretimb { height: auto; padding-bottom: 20px; box-sizing: border-box;}

	main section#makurum { height: auto; padding-bottom: 40px; background-image: none !important; }
	main section#makurum div.mktitle { font-size: 30px; padding-top: 40px; }
	main section#makurum div.mktitlet { font-size: 15px; padding-top: 20px; }
	main section#makurum div.mktext { text-align: justify; font-size: 15px; padding-top: 30px; padding-bottom: 20px; }

	main section#mahaber { padding: 50px 0 30px 0; }

	main section#mahaber div.titext { font-size: 15px; }
	main section#mahaber div.tititle { font-size: 30px; padding-bottom: 16px; }

	main section#mahaber div.tiboxs { margin-top: 20px; margin-bottom: 100px; }
	main section#mahaber div.tiboxs div.titem { width: 100%; height: auto; margin: 20px 0; }
	main section#mahaber div.tiboxs div.titem div.top { height: auto; }

	main section#mahaber div.tititle2 { font-size: 30px; padding-bottom: 20px; }

	main section#mareferans div.refs a.refitem { width: 100%; border: none !important; border-bottom: 1px solid #d4d4d4 !important; filter: none; -webkit-filter: none; }
	main section#mareferans div.refs a.refitem:last-child { border-bottom: none !important; }
	
	
	main section#mareferans div.refs { padding: 25px 50px; }

	main section#mahaber div.tiboxs div.titem1 div.left,
	main section#mahaber div.tiboxs div.titem2 div.top,
	main section#mahaber div.tiboxs div.titem3 div.right
	{ width: 100%; height: auto; padding: 20px 0; text-align: justify; }

	main section#mahaber div.tiboxs div.titem1 div.right,
	main section#mahaber div.tiboxs div.titem2 div.bottom,
	main section#mahaber div.tiboxs div.titem3 div.right
	{ width: 100%; }



	main section#mahaber div.tiboxs div.titem3 div.left { width: 100%; }
	main section#mahaber div.tiboxs div.titem3 div.left span { background: url('../img/tisaret.png') no-repeat bottom center; }

	main section#mahaber div.tiboxs div.titem1 div.right span,
	main section#mahaber div.tiboxs div.titem2 div.bottom span
	{ background: url('../img/bisaret.png') no-repeat top center; }
	

	/* MAIN */

	main section.contitle { height: 70px; font-size: 25px; }
	main section.contitle div.title { line-height: 70px; }
		
	main section.iletisim div.ileft, main section.iletisim div.iright { width: 100%; }
	main section.iletisim div.iright #iletisimForm button { margin-top: 20px; margin-right: 0px; border: 1px solid #ececec;}

	main section.iletisim div.title { font-size: 18px; padding-bottom: 15px; }
	main section.iletisim div.info2 { font-size: 15px; padding-bottom: 20px; }
	main section.iletisim div.info { font-size: 15px; padding-bottom: 20px; }
	main section.iletisim div.info b { font-size: 20px; }
	main section.iletisim div.ileft a.address { font-size: 15px; }

	main section.iletisim div.iright #iletisimForm input { width: 100%; }


	main section.icontent div.fiveboxs a.item,
	main section.icontent div.fiveboxs a.item:nth-child(5n+0)
	{ width: 100%; margin-right: 0px; }


	main section#haberler div.left { width: 100%; }
	main section#haberler div.left div.btitle { font-size: 19px; padding-bottom: 20px; }
	main section#haberler div.left div.lbold { font-size: 15px; padding-bottom: 15px; text-align: justify; }
	main section#haberler div.left div.texts { text-align: justify; padding-bottom: 20px;}

	main section#haberler div.right { width: 100%; padding-left: 0px; }
	main section#haberler div.right div.hfoto { height: 250px; background-size: 100% auto !important; }

	main section#haberler div.hatitle { margin-top: 40px; }
	main section#haberler div.otherboxs a.item { width: calc(50% - 10px); margin-right: 0px; }
	main section#haberler div.otherboxs a.item:nth-child(2n+0) { float: right; }


	main section#referanslar div.title { font-size: 19px; padding-bottom: 20px; }
	main section#referanslar div.text { text-align: justify; padding-bottom: 20px;}
	main section#referanslar div.text b { font-size: 15px; padding-bottom: 15px; text-align: justify; }

	main section#referanslar div.boxs a.box { width: calc(50% - 7.5px); margin-right: 0px !important;     height: 158px; }
	main section#referanslar div.boxs a.box:nth-child(2n+0) { float: right;  }


	main section#uretim { padding-bottom: 30px; }
	main section#uretim div.left { width: 100%; height: 250px; background-size: 100% auto !important; margin-top: 35px; margin-right: 0px; }
	main section#uretim div.right { width: 100%; margin-top: 30px; }

	main section#uretim div.right div.btitle { font-size: 19px; padding-bottom: 20px; }
	main section#uretim div.right div.texts { text-align: justify; padding-bottom: 20px;}
	main section#uretim div.right div.texts b { font-size: 15px; padding-bottom: 15px; text-align: justify; }


	main section#urelist { background-size: cover; height: auto; }
	main section#urelist div.urebox { width: calc(50% - 10px); margin-right: 0px !important; margin: 10px 0; height: auto; }
	main section#urelist div.urebox:nth-child(2n+0) { float: right; }
	main section#urelist div.urebox div.title { padding-bottom: 18px; }
	main section#urelist div.urebox div.text { padding-top: 10px; }

	
	main section.icontent article div.navibar { width: 100%; display: flex; overflow-x: auto; white-space: nowrap; }
	main section.icontent article div.navibar a { font-size: 12px; }
	main section.icontent article div.navibarright { margin-top: 10px; }

	main section.icontent article div.fourboxs a.item { width: 100%; margin-right: 0px !important; }
	
	main section.icontent article div.fourboxsabout div.fleft a.bigph div.iph { height: 250px; }
	main section.icontent article div.fourboxsabout div.fleft a.lttph { margin-right: 0px !important; width: calc(50% - 10px); }
	main section.icontent article div.fourboxsabout div.fleft a.lttph:nth-child(2n+0) { float: right; }

	main section.icontent article div.fourboxsabout div.fatext,
	main section.icontent article div.fourboxsabout div.fright div.ftext
	{ font-size: 12px; }

	main section.icontent article div.fourboxsabout div.fright div.btitle { font-size: 24px; }
	main section.icontent article div.fourboxsabout div.fright div.stitle { font-size: 15px; padding-bottom: 10px; }
	main section.icontent article div.fourboxsabout div.fright a.fdown { line-height: 15px; padding-top: 12.5px; box-sizing: border-box; }
	
	main section#makurum div.makurumcolor, main section#makurum div.makurumtext { position: relative; }


	/* FOOTER */
	
}