@media only screen and (min-width: 759px) and (max-width: 799px) {

}
@media only screen and (min-width: 320px) and (max-width: 758px) {
.header { min-width:100%; width:100% !important; height:115px; position:relative; left:0; top:0px; background:none; z-index:999999; margin:0; padding:0}
.solLogoBackground { display:none}

.LogoBackground { width:100%; height:50px; float:none; margin:0; padding:0; background:none; text-align:center; position:relative; z-index:9999}
.LogoBackground .logo { float:none; margin:10px auto; padding:0;}
.LogoBackground .logo img { width:80%; height:auto; margin:10px auto;}
.fastcontact { float:none; margin:10px auto 0 auto; width:90%; color:#333 !important; padding:0 0px 0 0; color:#FFFFFF; font-size:11px; letter-spacing:0; line-height:24px; }
.fastcontact i { margin:0 5px; font-size:14px}

.menu { width:100%; height:50px; float:left; margin:0px 0 0 0px; padding:0; background:#E51A4B; z-index:999; display:table}
.toogleMenu { display:block; font-size:20px; color:#FFF; background:#E51A4B; width:100%; padding:0; margin:5px 0 0 0; line-height:50px; text-align:right; cursor:pointer }
.toogleMenu span { padding:0 20px 0 0; text-shadow: 1px 0 1px #000000;}
.MobileMenu {display:none; width:100%; margin:0; padding:0 }

.MobileMenu ul {display:table !important; width:100%; list-style:none;  margin:15px 0 0 0; background:#C21642; margin:0; padding:0}
.MobileMenu ul li {float:none; margin:0 0px 0 0px; text-align:center;  padding:0; background:#C21642; border-bottom:1px solid #E51A4B}
.MobileMenu ul li a { color:#FFF; text-align:center; width:100% text-decoration:none; letter-spacing:-1px; font-size:16px; padding:5px 10px; font-weight:400}
.MobileMenu ul li a:hover { text-decoration:none; background:#E51A4B; color:#FFF;  text-shadow: 0px 0 0px #000000;-webkit-border-radius: 0px; border-radius: 0px;}
.MobileMenu  ul li:hover {
    background: #E51A4B;
}
.MobileMenu .aktif { text-decoration:none; background:#C40000; color:#FFF !important;  text-shadow: 0px 0 0px #000000 !important; -webkit-border-radius: 5px; border-radius: 5px; }

/*Açılır Menü*/
.MobileMenu ul li ul {
    display: table;
    position:static;
    z-index: 999999999;
    margin: 5px 0 0 0;
    padding: 0px; height:auto;
    color: #FFF;
    width: 100%;
    padding-top: 0px;
    margin-left: 0px;
    list-style: none;
    white-space: nowrap; 
	-webkit-border-radius: 0 0 0px 0px;
border-radius: 0 0 0px 0px;
}

.MobileMenu  ul li ul li {
    color: #FFF;
    padding: 3px 0;
    margin: 0; float:none;
    padding: 3px 0px;
    letter-spacing: 0px;
    text-transform: none;
  	background:#E51A4B;
    list-style: none;
    text-align: center;
    width: 100%;  border-bottom:none;
}

.MobileMenu  ul li ul li:hover {
    background: #C21642;
}
	/*.menu  ul li ul li:hover, .menu ul li a { color:#FFFFFF; border-top:4px solid #ce992c; font-size:12px;}*/
.MobileMenu ul li ul li a {
    color: #FFF;
    margin: 0;
    padding: 3px;
    white-space: nowrap;
    font-size: 13px; background:none; 
	text-shadow: 0px 0 0px #000000;
}

.MobileMenu  ul li ul li a:hover {
    text-decoration: none;
    padding: 3px;
    color: #FFF;
    border: none;
    white-space: nowrap; background:none
}
.toogleMenu span { padding:0 20px 0 0; text-shadow: 1px 0 1px #000000;}
.MobileMenu {display:none; width:100%; margin:0; padding:0 }

.slider { width:100%; height:198px; margin:0; padding:0; display:block}
.slider h1 { margin:0; padding:70px 0 0 0; color:#FFFFFF; font-weight:bold; text-align:center; font-size:34px; text-shadow: 1px 1px 2px #6B6B6B; }
.slider iframe { display:block;}
.slider .burda { margin:10px auto !important; padding:0; min-width:100px; display:table; background:rgba(255,255,255,0.7); padding:5px 5px;-webkit-border-radius: 5px; border-radius: 5px;}
.slider .burda ul { width:100%; margin:0; padding:0}
.slider ul li { float:left !important; margin:5px 5px !important; color:#333; font-weight:700; font-size:12px;}
.slider ul li a { color:#C21642}
.slider ul li a:hover {color:#333}
.slider ul li i { margin:0 10px !important; font-size:10px !important; color:#C21642}
.menu ul {display:none}

.content { display:none}

.boxButton { width:100%; height:200px; margin:0; padding:0; display:table}
.boxButton1 { width:100%; height:200px; margin:0; padding:0; float:none; background:url(../images/boxButton1Background.jpg) repeat-y left top #1FD8F7; position:relative}
.boxButton2 { width:100%; height:200px; margin:0; padding:0; float:none; background:url(../images/boxButton2Background.jpg) repeat-y left top #FF6F6F;position:relative}
.boxButton3 { width:100%; height:200px; margin:0; padding:0; float:none; background:url(../images/boxButton3Background.jpg) repeat-y left top #52DBBD;position:relative}

.boxButton img { float:left; margin:0; padding:0; width:37%; height:auto; position:absolute; bottom:0}
.boxButton .info { float:right; margin:5px 5px 0 0; padding:0; color:#FFF; font-size:12px; width:61%; text-align:right; line-height:16px}
.boxButton h1 { font-weight:700; font-size:18px; margin:10px 0 10px 0; padding:0; white-space:nowrap }
.boxButton .detay { width:180px; height:25px; padding:0; text-align:center; border:1px solid #FFFFFF; float:right; margin-top:5px}
.boxButton .detay a { color:#FFF; line-height:25px; font-size:14px; margin:0; padding:0; font-weight:300}
.boxButton .detay:hover { background:#a11d21; border:1px solid #77070a}

.container { margin:0 auto; padding:0; width:96%; display:table; position:relative;}
.container h1 { text-align:center; font-size:24px; line-height:64px; margin:10px 0; padding:0; letter-spacing:-1px; font-weight:400}
.urunBox { float:none; width:100%; height:300px; display:table; border:1px solid #EEEEEE; margin:10px auto; background:#FFFFFF; -webkit-border-radius: 5px;
border-radius: 5px;-webkit-box-shadow: 0 0 1px 1px #EEEEEE; box-shadow: 0 0 1px 1px #F5F5F5; text-align:center; padding:10px 0}


.bant { width:100%; height:500px; display:table; margin:0; padding:10px 0; background:url(../images/bantBackGround.jpg) repeat-y left top; font-size:16px; line-height:22px}
.banticerik { margin-top:10px; margin-left:0px;}
.bant h2 { font-size:32px; line-height:32px;}
.bant img { float:right; margin-top:25px; margin-right:80px; display:none;}

.haberBox { width:100%; height:147px; display:table; padding:5px; border:1px solid #EEEEEE; margin:15px 0px; background:#FFFFFF; -webkit-border-radius: 5px;
border-radius: 5px; border:1px solid #E1E7EC; position:relative; color:#373F50}
.haberBox img { float:left; margin:0 10px 0 0px;}
.haberBox h2 { line-height:22px; font-size:16px; margin:0; height:auto; padding:0; color:#C11541; font-weight:bold;}
.haberBox .detay { width:100%; color:#C21642; -webkit-border-radius: 10px; border-radius: 10px; height:30px; padding:0; text-align:center; border:1px solid #FFF; background:#C21642; position:relative; bottom:0; right:0; margin:15px auto 0 auto;}

.mailBox { width:100%; height:100px; margin:10px 0; padding:0; background:#E51A4B; display:table; text-align:center}
.mailBoxForm { width:100%; color:#FFFFFF; padding:10px 0; height:40px; line-height:20px; margin:0 auto 0 auto; display:table;}
.mailBoxForm .baslik { font-size:16px; line-height:30px; margin:5px 0 0 0; float:none; padding:0;}
.mailBoxForm input[type=email] { width:96%; height:40px; border:none; float:none; margin:5px auto; padding:0 10px;}
.mailBoxForm input[type=submit] { width:40%; height:40px; cursor:pointer; font-size:16px; font-weight:300; letter-spacing:-1px; border:none; float:none; margin:0; padding:0; text-align:center; color:#FFFFFF; background:#8F1030;}

.footerLeft { float:none; width:100% !important; display:block;  color:#999999; font-weight:300; font-size:14px; margin:10px auto 15px auto; line-height:22px;}
.footerLeft h3 { color:#333333; font-size:18px; font-weight:700; margin:5px 0; padding:0;}
.footerLeft ul { margin:15px 0; padding:0; color:#999999; list-style:none}
.footerLeft ul li { line-height:24px;}
.footerLeft ul li a {color:#999999; font-weight:300}
.footerLeft ul li a:hover { text-decoration:underline}

.footerLeft i { margin-right:5px; line-height:16px;}

.altMenu { font-size:12px; font-weight:bold; color:#33302C; margin-bottom:15px}
.altMenu span {font-weight:300; color:#BFBEBD}

.Mw100 { width:100% !important;}
.Mw90 { width:90% !important;}
.Mw50 { width:50% !important; border:1px solid red; clear:both}
.left { float:left !important}
.Mmr5 { margin-right:5px !important}
.MdisNone { display:none}
.Mh190 { height:190px !important}
.Mh250 { height:250px !important}
.Mh300 { height:300px !important}
.Mmt10 { margin-top:10px !important}
.sosyalaglar {
    
    width: 90%;
    margin: 20px auto !important;
}
.sosyalaglar ul {
    float: none;
   width: 100%;
    height: 70px;
}

.kurumsalImg {padding:5px; border:1px solid #E9EAEC; margin:0 ; float:none; width:100%; display:table }
.kurumsalGorsel {margin:0; padding:0; -webkit-box-shadow: 0 0 2px 2px #E0E0E0; box-shadow: 0 0 2px 2px #E0E0E0; width:100%; height:auto}

.urunImage {padding:5px; border:1px solid #E9EAEC; margin:0 20px 20px 0; float:none; width:100%; display:table}
.urunGorsel { margin:0; padding:0; -webkit-box-shadow: 0 0 2px 2px #E0E0E0; box-shadow: 0 0 2px 2px #E0E0E0; width:100%; height:auto}
.urunGaleri { float:left; margin:10px 3px 5px 2px; padding:5px; border:1px solid #e5e5e5; cursor:pointer }

.urunDetay {float:none; width:100%; line-height:22px}
.urunDetay h2 { font-size:32px; text-align:left; color:#C21642; margin:0; line-height:64px}
.urunDetay span { font-size:14px; }

.hizmetBox { width:100%; min-height:199px; display:table; margin:0 0 10px 0; padding:0 0 5px 0; border:1px solid #E9EAEC; padding-right:20px}
.hizmetBox img { height:none; width:100%; float:none; margin-right:0px; margin-bottom:15px}
.hizmetBox h2 { font-size:20px; line-height:56px; margin:0; padding:0; color:#C21642}

.HizmetImg {padding:5px; border:1px solid #E9EAEC; margin:0 auto 20px auto; width:100%; display:table }
.HizmetGorsel {margin:0; padding:0; -webkit-box-shadow: 0 0 2px 2px #E0E0E0; box-shadow: 0 0 2px 2px #E0E0E0; width:100%; height:auto}

.refBox { float:left; width:47%; min-height:200px; border:1px solid #EEEEEE; margin:15px 5px; background:#FFFFFF; -webkit-border-radius: 5px;
border-radius: 5px;-webkit-box-shadow: 0 0 1px 1px #EEEEEE; box-shadow: 0 0 1px 1px #F5F5F5; text-align:center; padding:0px 0 5px 0; display:table}
.refBox img { width:100%; height:auto; -webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;}

.refBox:hover { -webkit-box-shadow: 0 0 2px 2px #fddadb; box-shadow: 0 0 2px 2px #fddadb;}
.refBox h2 { line-height:26px; font-size:16px; margin:0; height:30px; padding:0; color:#C21642; font-weight:700}
.refBox span {color:#111111; font-weight:700; font-size:16px; line-height:24px}

.selectedPro { width:96%; height:200px; margin:0px auto; padding:0; position:relative; display:table}
.selectedPro h2 { text-align:center; margin:0; padding:0; line-height:44px}

.sag { float:left; width:96%; margin:0 auto; display:table}
.ik_form { float:left; width:96%; margin:0 auto; padding:0;}

.ik_form input[type=text], input[type=password], textarea, select {
		font-size:12px;
		padding:6px;
		background:#FFF;
		border:1px solid #EEE;
		vertical-align:middle;
		resize:none;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		margin:0; width:85%
	}
.map input[type=text], .map input[type=email] { width:100%; height:50px;-webkit-border-radius: 7px; border-radius: 7px; border:1px solid #EEEEEE; padding:0 10px; margin-bottom:10px; float:left; margin:0px 0 15px 0.5%}
.map textarea { width:100%; height:175px;-webkit-border-radius: 7px; border-radius: 7px; border:1px solid #EEEEEE; padding:10px; margin-bottom:10px; resize:none}
.map input[type=submit] { width:150px; height:40px; cursor:pointer; font-size:18px; font-weight:300; letter-spacing:-1px; border:none; float:none; margin:25px 0 0 0; padding:0; text-align:center; color:#FFFFFF; background:#C21642; -webkit-border-radius: 7px; border-radius: 7px;}
.btnn { margin:15px 0}

.col-sm-4 { width:90%; height:auto; float:none; padding:5px; border:1px solid #E9EAEC; margin: 10px auto 20px auto}
.order-message { float:none; padding:5px; border:1px solid #E9EAEC; margin: 0px auto 20px auto; width:90%}
.order-price {float:none; padding:5px; border:1px solid #E9EAEC;  margin: 0px auto 20px auto; width:90% }
.Sepetim { max-width:300px;overflow:scroll; overflow-x: auto; margin:0 auto; overflow-style:marquee-line;}
.table-condensed {width:100%;  }
.table-condensed tr td { padding:5px; white-space:nowrap }
.siparis-tamam {width:90%; margin:25px auto}

.MLheight60 { line-height:120px !important}
.Mfs12 { font-size:12px !important}
.clr1 { color:#C21642 !important; padding:5px; margin:0}
.clr1:hover { color:#C21642 !important; background:#FFFFFF; }
.clr3 { color:#333 !important; padding:5px; margin:0}
.clr3:hover { color:#C21642 !important;}
.galeriBox { width:100%; height:150px; float:none; padding:5px; margin:10px 0 10px 0%; background:#FFFFFF; display:table; -webkit-box-shadow: 0 0 2px 2px #E0E0E0; box-shadow: 0 0 2px 2px #E0E0E0;}
.galeriBoxIc { width:100%; height:150px; position:relative;   background-position:center center; background-size:cover}
.galeriBoxHeader { height:118px; width:100% !important; z-index:9999; position:absolute; left:0; bottom:0; background:url(../images/tourSecondHeaderBackGround.png) repeat-x;}

.photoBox { width:100% !important; height:160px; float:none; padding:5px; margin:10px 0 10px 0; background:#FFFFFF; display:table; -webkit-box-shadow: 0 0 2px 2px #E0E0E0; box-shadow: 0 0 2px 2px #E0E0E0;}
.photoBoxIc { width:100%; height:160px; position:relative;   background-position:center center; background-size:cover}
.iletisimBox {
	width:100%
	}
}