@charset "utf-8";
/* CSS Document */

.altmenu, .ust-bant{
	width:auto!important;
}
.bodycontainer, .ustmenu{
	max-width:980px;
	width:auto!important;

}
.ustmenu{
	background-repeat: no-repeat;
}
.bolgeler-text{
	text-align: left;
	font-weight: bold;
	margin: 15px;
}
.bolgeler{
	display:none;
}
.altmenu{
	max-width: 1200px;
}
@media (max-width: 1135px){
	.altmenu{
		background: none !important;
	}
	.altmenu div{
		text-align: center;
		height: auto!important;
		margin-left: 0!important;
		margin-top: 40px;
		color: #666;
		font-size: 14px;
		display: inline-block;
		width: 100%!important;
	}
}

@media (max-width: 1015px){
	.ustmenu {
		float:left;
		width:540px!important;
		height: auto!important;
	}
	.serviscontainer1, .serviscontainer2{
		width:auto!important;
		margin-top:40px;
	}
	.mailcontainer {
		position: absolute;
		right:0;
		margin-top: 15px;
	}
	.ustmenu > div:nth-of-type(1){
		position: absolute;
		right: 0;
		top: 35px;
	}
	.bolgeler-text {
		margin-bottom: -15px;
	}
	.bolgeler{
		display:block;
		margin-top:20px;
		width:98%;
	}

	.bolge1, .bolge2, .bolge3 {
		display: none;
	}

	.marka1, .marka2, .marka3, .marka4{
		width:23%!important;
		float:left!important;
		padding:5px!important;

	}
	.logocontainer1, .ustyazicontainer, .ustyazi1{
		width:98%!important;
		height: auto!important;
	}
	.ustyazi1 .renk{
		margin-top:20px;
		display: inline-block;
	}
	.ustyazi1 p{
		margin-top:7px;
	}

	.logok, .logok1{
		margin:10px;
	}

	.kutucontainer, .kutucontainer2{
		width:100%!important;
		overflow: auto;
		height:auto!important;

	}
	.kutuyazi, .kutuyazi2{
		width: calc(100% - 100px)!important;
		height:auto!important;
	}
	.kutuyazi .kutuyazibaslik, .kutuyazi .kutuyaziicerik, .kutuyazi2 .kutuyazibaslik2, .kutuyazi2 .kutuyaziicerik2{
		width:100%!important;
		height:auto!important;
		font-size: 14px!important;
	}

	.uzuncizgi{
		width:99%!important;
	}

}

@media (max-width: 750px){
	.ustmenu {
		float:left;
		width:100%!important;
		height: auto!important;
	}

	.mailcontainer {
		position: relative;
		float:left;
		margin-top: 15px;
		margin-bottom: 20px;
		width:100%;
	}
	.gonder{
		margin-right:35%;
	}
	.ustmenu > div:nth-of-type(1) {
		display: inherit;
		position: absolute;
		right: auto;
		margin: auto;
		top: 175px;
		width: 40%!important;
	}

}
@media (max-width: 560px) {
	.serviscontainer{
		float:none;
		max-width:98%;
	}
	.serviscontainer1, .serviscontainer2 {
		width: 47%!important;
		margin-top: 40px;
	}
	.mailcontainer {
		position: absolute;
		right:0;
		margin-top: 15px;
		width:auto;
		top: 40px;
		margin-right: 15px;
	}
	.ustmenu > div:nth-of-type(1){
		display: inherit;
		position: absolute;
		right: -35px;
		top: 35px;
	}
	.marka1, .marka2, .marka3, .marka4{
		width:45%!important;
	}
	.logoalt, .logoalt2 {
		background-repeat: no-repeat!important;
		width: 100%;
		height: 90px;
		margin-left: 0px;
		background-size: 100% 100%!important;
	}
}
@media (max-width: 480px) {

	.mailcontainer {
		position: relative;
		float:left;
		margin-top: 25px;
		margin-bottom: 20px;
		width:100%;
		top:0;
	}

	.ustmenu > div:nth-of-type(1) {
		display: inherit;
		position: absolute;
		right: auto;
		margin:auto;
		top: 275px;
		width:96%!important;
	}

}
@media (max-width: 285px) {
	.serviscontainer1 {
		display: none;
	}
	.serviscontainer2,.marka1, .marka2, .marka3, .marka4{
		width: 100%!important;
	}
}
@media (max-width: 484px) {
	.logocontainer1{
		margin-left:7%!important;
	}
}

@media (max-width: 333px) {
	.logocontainer1{
		margin-left:15%!important;
	}
}