/*
Tasarım, kodlama ve içerik DODBOD'a aittir
*/

 
 
@media (max-width: 1200px) {
ul.ustmenu li a 
{
	font-size:15px;
	color:white;
	font-weight:100;
	padding:5px 10px;
	margin-right:25px;
	letter-spacing: 0.01em;
	position:relative;
	border:1px solid transparent;
	transition:250ms all;
}
	.verilen-hizmetler  li {width:50%;}
}
@media (max-width: 991px) {
	#baslik1 {color:black; display:inline-block;font-weight:100;font-size:49px; margin-top:25%;
}
 #baslik1  span {font-weight:500; color:black;}
.daktilo{
-webkit-animation: typing 5s steps(30, end);
border-right: 1px solid black;
width: 11em; 
white-space: nowrap;
overflow: hidden;
}
@-webkit-keyframes typing {
from { width:0; }
}
.formlar .form-control {position:relative; z-index:3;}
.formlar input[type=submit] {z-index:4;}
.menudodbod {
	display:none;
	position:fixed;
	top:65px;
	width:100%;
	height:100%;
	left:0px;
	background:#eee;
	z-index:99999;
	margin:0px!important;
}

.menudodbod ul {width:100%!important;margin:5px!important;list-style-type:circle!important;}
.menudodbod li {width:100%;float:none!important;margin:0px!important;}
.menudodbod li a {margin:0px!important;color:black!important; font-weight:300; border-bottom:1px solid #ddd!important;display:block; text-align:left; width:100%; padding:5px 10px!important;}
.menudodbod li a:hover {background:#333!important; color:white!important; border:none!important;border-bottom:1px solid #ddd!important; border-radius:0px!important;}
.gorun {display:block!important;}
.slider_yazi_alani {text-align:center!important;}
.alt .alt_ust 
{

	height:207px;
}




 
 .harita {width:100%; height:auto!important; position:relative; overflow: none!important;}

.bilgiler .alt_ust .alt_ikon 
{
	color:#fff; 
	letter-spacing: 0.02em; 
	font-weight:100; 
	width:100%;
	text-align:center;
	display:block;
	margin-top:-20px;
}
 .formlar .relative input[type=submit] 
{
	border-radius: 0px;
	position:absolute; bottom:0px; right:15px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
	background:#1d1b2c; 
	display:block;
	color:white;
	font-weight: 100
}
.bilgiler .alt_ust .alt_ikon i 
{
	width:100%; 
	float:left; 
} 
}

@media (max-width: 768px) {
.bir_eleman .bir_eleman_icerik .eleman_baslik 
{
	color:#626262;
	font-weight:100;
	font-size:13px;
	margin:20px 0px;
}

.bir_eleman .bir_eleman_icerik .webtasarim 
{
	width:86px;
	height:52px;
	background:url('../img/neler-yapariz-mobil.png') 0px 0px;
	margin:0 auto;
	transition:350ms all;
}

.bir_eleman:hover .bir_eleman_icerik .webtasarim 
{
	width:86px;
	height:52px;
	background:url('../img/neler-yapariz-mobil.png') 0px -55px;
	margin:0 auto;
	transition:350ms all;
}

.bir_eleman .bir_eleman_icerik .eticaret 
{
	width:62px;
	height:52px;
	background:url('../img/neler-yapariz-mobil.png') -88px 0px;
	margin:0 auto;
	transition:350ms all;
}
.bir_eleman:hover .bir_eleman_icerik .eticaret 
{
	width:62px;
	height:52px;
	background:url('../img/neler-yapariz-mobil.png') -86px -53px;
	margin:0 auto;
	transition:350ms all;
}

.bir_eleman .bir_eleman_icerik .seo 
{
	width:91px;
	height:52px;
	background:url('../img/neler-yapariz-mobil.png') -310px 0px;
	margin:0 auto;
	transition:350ms all;
}

.bir_eleman:hover .bir_eleman_icerik .seo 
{
	width:91px;
	height:52px;
	background:url('../img/neler-yapariz-mobil.png') -310px -53px;
	margin:0 auto;
	transition:350ms all;
}


.bir_eleman .bir_eleman_icerik .webyazilim 
{
	width:60px;
	height:52px;
	background:url('../img/neler-yapariz-mobil.png') -188px 0px;
	margin:0 auto;
	transition:350ms all;
}

.bir_eleman:hover .bir_eleman_icerik .webyazilim 
{
	width:60px;
	height:52px;
	background:url('../img/neler-yapariz-mobil.png') -188px -53px;
	margin:0 auto;
	transition:350ms all;
}


.bir_eleman .bir_eleman_icerik .mobilyazilim 
{
	width:30px;
	height:52px;
	background:url('../img/neler-yapariz-mobil.png') -158px 0px;
	margin:0 auto;
	transition:350ms all;
}


.bir_eleman:hover .bir_eleman_icerik .mobilyazilim 
{
	width:30px;
	height:52px;
	background:url('../img/neler-yapariz-mobil.png') -158px -53px;
	margin:0 auto;
	transition:350ms all;
}



.bir_eleman .bir_eleman_icerik .reklamcilik 
{
	width:49px;
	height:52px;
	background:url('../img/neler-yapariz-mobil.png') -255px 0px;
	margin:0 auto;
	transition:350ms all;
}

.bir_eleman:hover .bir_eleman_icerik .reklamcilik 
{
	width:49px;
	height:52px;
	background:url('../img/neler-yapariz-mobil.png') -255px -53px;
	margin:0 auto;
	transition:350ms all;
}

.icerik .bir_eleman 
{
	width:100%; 
	height:100%;
	border:1px solid #d3d3d3;
	padding:20px 0px;
	padding-top:30px;
	text-align:center;
	transition:350ms all;
}


.neler_yaptik .neler a.neler-buton
{
	display:none;
	position:absolute;
	z-index:5; 
	left:0;
	right:0;
	width:40%!important;
	margin-left:auto;
	margin-right:auto;
	letter-spacing: 0.04em;
	bottom:-320px;
	padding:2px 5px;
	opacity: 0;
	color:White;
	font-size:11px;
	font-weight:100;
	border:1px solid #fff;
	border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	transition:350ms all;
}
.neler_yaptik .neler a.neler-buton:hover
{
	background:white;
	color:#333;
}
.neler_yaptik .neler:hover a.neler-buton 
{
	 display:inline-block!important;
	 bottom:20px;
	 opacity: 1;
	 transition:550ms all;
}


.neler_yaptik .neler .neler-isim 
{
	font-size:16px;
	color:white;
	position:absolute;
	z-index:4;
	font-weight:500;
	width:100%;
	text-align:center;
	top:25%;
	opacity:0;
	transition:350ms all;
}
.neler_yaptik .neler:hover .neler-isim 
{
	top:35%;
	opacity:1;
	transition:350ms all;
}

.slider {
	position:relative;
	height:auto!important;
	max-height:418px; 
	overflow: hidden;
	-webkit-box-shadow: 0px 10px 33px 0px rgba(0,0,0,0.31);
	-moz-box-shadow: 0px 10px 33px 0px rgba(0,0,0,0.31);
	box-shadow: 0px 10px 33px 0px rgba(0,0,0,0.31);
}
.slider .item {
	width: 100%!important;
	height:200px;
	max-height:418px; }


.owl-controls
{
	position:absolute!important;
	background:transparent;
	top:85%!important;
	width:100%;
	left:0px;
	text-align:center;
	padding:0px!important;
	
}
.owl-controls .owl-pagination
{
	position:relative;
	margin:0 auto;
	padding:0px!important;
	margin-left:-50px;
}
.owl-theme .owl-controls .owl-page span {background:white;}





}
@media (max-width: 480px) {
	.sosyal_medya {width:100%!important; text-align: center!important; margin-top:-30px;}
	.alt_slogan {font-size:11px!important; width: 100%!important; text-align: center!important}
	.neler_yaptik .neler:hover p.teknoloji,.neler_yaptik .neler p.teknoloji{display:none!important;}
	#baslik1 {color:black; display:inline-block;font-weight:100;font-size:29px; margin-top:25%;
}
 #baslik1  span {font-weight:500; color:black;}
.daktilo{
-webkit-animation: typing 5s steps(30, end);
border-right: 1px solid black;
width: 11em; 
white-space: nowrap;
overflow: hidden;
}
@-webkit-keyframes typing {
from { width:0; }
}
.alt .alt_ust .alt_ust_resim 
{
	position:absolute;
	top:-70px;
	margin-left:-240px;
	max-width:100%;
}
}


 
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.alt .alt_ust .alt_ust_resim 
{
	position:absolute;
	top:-70px;
	margin-left:-240px;
	max-width:100%;
}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {


}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {


}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {


}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {


}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {


}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {


}
 
/* Large screens ----------- */
@media only screen and (min-width : 1824px) {


}

/* iPhone 5 (portrait & landscape)----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {

}

/* iPhone 5 (landscape)----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {


}

/* iPhone 5 (portrait)----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {


}