@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,.siziAlt { display:none}
.dil { position:absolute; top:-35px; right:20px; border-radius:.5em; background:#555555; padding:4px 10px 5px 10px;}
.dil span { padding:0 5px; font-size:11px }
.dil a { color:#fff;  }
.dil a:hover { color:#EA5A05;}
.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:30px 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:#565656; z-index:999; display:table}
.toogleMenu { display:block; font-size:20px; color:#FFF; background:#565656; 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:#707070; margin:0; padding:0}
.MobileMenu ul li {float:none; margin:0 0px 0 0px; text-align:center;  padding:0; background:#707070; border-bottom:1px solid #565656}
.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:#565656; color:#FFF;  text-shadow: 0px 0 0px #000000;-webkit-border-radius: 0px; border-radius: 0px;}
.MobileMenu  ul li:hover {
    background: #565656;
}
.MobileMenu .aktif { text-decoration:none; background:#565656; 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:#565656;
    list-style: none;
    text-align: center;
    width: 100%;  border-bottom:none;
}

.MobileMenu  ul li ul li:hover {
    background: #707070;
}
	/*.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
}
/*2. açılır menü*/
.MobileMenu ul li ul li ul { display:table;  position:static;}
.MobileMenu ul li ul li ul{
    color: #FFF;
    padding: 3px 0;
    margin: 0; float:none;
    padding: 3px 0px;
    letter-spacing: 0px;
    text-transform: none;
  	background:#565656;
    list-style: none;
    text-align: center;
    width: 100%;  border-bottom:none;
}

.MobileMenu ul li ul li ul li:hover {
    background: #707070;
}
	/*.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 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 ul li a:hover {
    text-decoration: none;
    padding: 3px;
    color: #FFF;
    border: none;
    white-space: nowrap; background:none
}
/*2. menü son*/
.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:#555; 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:#707070}
.slider ul li a:hover {color:#333}
.slider ul li i { margin:0 10px !important; font-size:10px !important; color:#707070}
.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 #ffbe98; margin:10px auto; background:#FFFFFF; -webkit-border-radius: 5px;
border-radius: 5px;-webkit-box-shadow: 0 0 1px 1px #ffbe98; box-shadow: 0 0 1px 1px #F5F5F5; text-align:center; padding:10px 0}

.haberBant { width:100%; min-height:50px; display:table; margin:0; padding:0; line-height:50px;  background-image: linear-gradient(#122A71, #153288);}
.haberBant .baslik { float:none; height:50px; width:300px; background:none; text-align:center;}
.haberBant .baslik h3 { line-height:50px; margin:0; padding:0; text-align:center; color:#FFF; font-size:20px;}
.haberBant .haberLine { float:none; padding:0 0 0 5px; font-size:16px; width:100%; margin:0; color:#FFF; line-height:50px}

.solBlok { width:100%; min-height:468px; display:table; float:none; margin:0; padding:5px 0 0 0; background:url(../images/solBlokBG.png) no-repeat left top; background-size:cover}
.solBlok h2 { width:100%; height:55px; margin-left:5px; padding:0 0 0 50px; background:url(../images/_solBlokH2BG.png) no-repeat; background-size:cover; color:#FFF; font-family:titillium-regular; font-size:18px; line-height:59px;}

.urunKategori ul { margin:0 auto; width:80%; padding:0;}
.urunKategori ul li { margin:10px 0; padding:0}
.urunKategori ul li a {color:#545454; font-family:titillium-regular; font-size:18px; }
.urunKategori ul li a i { margin-right:10px; font-size:14px;}
.urunKategori ul li a:hover { color:#153288}
.urunKategori ul li a:hover > i{ color:#153288}
.partner { width:80%; margin:20px auto 0 auto; text-align:center}
.partner img { margin:0 auto 35px auto; width:60%; height:auto}

.sagBlok { width:100%; min-height:468px; display:table; float:none; margin:0; padding:15px 0 0 0;}
.urunBox {border:1px solid #F8F8F8; width:90%; height:200px; border-radius:1em; float:none; margin:15px auto 10px auto; position:relative; text-align:center; padding:15px 0 0 0}
.urunBoxLM {margin:15px 10px 10px 10px !important;}
.urunBox img { width:60%; height:130px;}
.urunBox h3 {color:#555555; font-size:18px; line-height:24px; font-family:titillium-regular;}
.urunBox i { position:absolute; right:10px; bottom:10px; font-size:36px; color:#34302E}
.urunBox:hover {border:1px solid #EAEAEA;}
.urunBox:hover > h3, .urunBox:hover > i { color:#153288}
.tumu { width:319px; font-size:20px; text-align:center; background:url(../images/sliderButtonBG.png) no-repeat; cursor:pointer; margin:15px auto; text-align:center; color:#fff; height:49px; line-height:42px;}
.tumu:hover {  text-align:center; background:url(../images/sliderButtonBGHover.png) no-repeat; color:#FFFFFF; }

.kurumsalBlok { width:100%; height:220px; display:table; padding:50px 0 20px 0; margin:20px 0; background:#F4f4f4}
.kurumsalBlokIc { background:url(../images/kurumsalLogo.png) center top no-repeat !important; background-size:cover; padding:70px 0 0 0; font-size:16px; color:#545454; font-family:titillium-light;}
.footerAdres { float:left; width:100%; margin:0; padding:0; text-align:left; font-size:14px; line-height:18px}
.haberBox { width:100%; height:147px; display:table; padding:5px; border:1px solid #ffbe98; 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:#707070; -webkit-border-radius: 10px; border-radius: 10px; height:30px; padding:0; text-align:center; border:1px solid #FFF; background:#707070; position:relative; bottom:0; right:0; margin:15px auto 0 auto;}

.mailBox { width:100%; height:100px; margin:10px 0; padding:0; background:#565656; 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:#707070; 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:#707070}

.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 #ffbe98; margin:15px 5px; background:#FFFFFF; -webkit-border-radius: 5px;
border-radius: 5px;-webkit-box-shadow: 0 0 1px 1px #ffbe98; 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:#707070; 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 #ffbe98; 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 #ffbe98; 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:#707070; -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:#707070 !important; padding:5px; margin:0}
.clr1:hover { color:#707070 !important; background:#FFFFFF; }
.clr3 { color:#333 !important; padding:5px; margin:0}
.clr3:hover { color:#707070 !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}

#QuarterForm {
    position: absolute;
    display: none;
    z-index: 99999999999999999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(58, 61, 72, 0.6);
}

.QuarterFormSubmit {
    margin: 3% auto 0 auto;
    width: 96%;
    height: 500px;
    display: table;
    background: #FFF !important; border-radius:.5em
}

.QuarterFormSubmit_icerik {
    
    width: 96%;
    height: 500px;
    padding: 5px;
    position: relative;
    color: #9D9EA4;
}

.QuarterFormSubmit_icerik h2 {
    font-weight: normal;
    font-size: 34px;
    line-height: 44px;
    color: #555555;
}

.QuarterForm_Close {
    top: 20px;
    right: 20px;
    cursor: pointer;
	position:absolute;
}

#QuarterForm input[type=text], #QuarterForm input[type=email] { width:100%; height:40px;-webkit-border-radius: 7px; border-radius: 7px; border:1px solid #ffbe98; padding:0 10px; margin-bottom:10px; margin:0px 0 15px 0%; color:#555}
#QuarterForm textarea { width:100%; height:125px;-webkit-border-radius: 7px;color:#555; border-radius: 7px; border:1px solid #ffbe98; padding:10px; margin-bottom:10px; resize:none}
#QuarterForm input[type=submit] { width:150px; height:40px; cursor:pointer; font-size:18px; font-weight:300; letter-spacing:-1px; border:none; float:left; margin:0; padding:0; text-align:center; color:#FFFFFF; background:#BE2025; -webkit-border-radius: 7px; border-radius: 7px;}
#QuarterForm textarea::-webkit-input-placeholder, #QuarterForm input::placeholder{ color:#666; font-family: 'titillium-light', sans-serif; }

}