@media screen and (max-width:1239px) {
#tepeorta {	max-width: 1199px; background-position: 0px bottom;}
#telefonu, #epostasi, #instag {	margin-right: 5px;margin-left: 5px;}
#tepeorta .aklas1{font-size: 12px;}
#tepeorta .logom {margin-left: 160px;}
#ortasol {margin-left: 10px; padding: 2%; width: calc(100% - 330px);}
#ortasa {
	float: right;
	height: auto;
	width: 310px; 
	margin-bottom: 20px;
	margin-right: 0px; margin-left:10px;
}
#altblmortasol {margin-left:20px;}
#altmenu {max-width: 1080px;}
#altmenu a {padding: 0px 15px;}
#altblm #altblmorta #sosyalmedyalt {margin-right: 10px;}
#enaltblm #altmenu .skynet {margin-right:50px;}
.kutu3lu { margin-left: 1%; margin-right:1%; width: 48%;}
.kutu3lu img { width:90%; height:auto; margin:15px auto;}
.kutu3lu h3 { padding: 5px;}
#ortasol .makaleresim {width:35%;}
.hucre strong { 
margin: 5px; 
width:110px; height:30px; 
display:block; float:left; font-size:12px;}
.secimkutusu {width:95%;}
}
@media screen and (max-width:991px) {
/* Dikey Tablet - zaten izin vermiyoz
#tepeorta {	max-width: 991px; background-position: 100px bottom;}*/
}
@media screen and (max-width: 767px){
body {font-size:15px;}
.mobildeyok {display:none !important;}
ul {padding:10px 5px 10px 15px;}
#telefonetsin {	position: fixed; display:block;	left: 10px; right: 15px; bottom: 10px;	z-index: 999998;}
.telefonetsin {height: 55px; width: 55px;}
#komple{width:100% !important;border-width:0;border-radius:0;overflow:hidden;border-bottom:5px solid #f93;}
#ekranuyar { display:none; }
#tepe {	height: 135px; background-position: center 35px;}
.NavigationBar {
	float:left; display:block;
	height:46px;width:46px;
	margin-left: 5px; margin-top:25px;
}
.MobilMenu {
	display:block;height:46px; width:46px;
	background-image: url(../rs/mobilmenu.png); 
}
.MobilMenuX {
	display:block;height:46px; width:28px;
	background-image: url(../rs/mobilmenuX+.png); background-repeat:no-repeat; background-position:center center;
}
#menum, #menum2 {display:none}
#tepeorta {	
height: 135px; max-width: 740px;
background-image: none;
}
#tepeiletisim {
	float: right; padding-top:0px;
	height: auto;
	width: 35px;
	margin-top:37px; margin-right:10px;
}
#tepeiletisim span {display:none}
.tepea1, .tepea2 { display:none;}
#tepeorta .logom {
	float:none; display:block;
	width: 270px; height:55px; padding-top:80px; text-decoration:none; color:#FFF; 
	margin: 0px auto; background-position: center 20px;	 	
}
.logom span {float:none; text-align:center; text-align:18px; }
#slayt {height:260px; width:100%; background-position: center center;}
#reklamband {display:none;}
#haberband {
width:100%; height:260px; 
display:flex;
overflow-x:auto;
-ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
#haberband::-webkit-scrollbar { display:none}

.yataykydr {
width:100%; height:260px; 
display:flex;
overflow-x:auto;
-ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.yataykydr::-webkit-scrollbar { display:none}

.resimkydr {
width:100%; height:400px; 
display:flex;
overflow-x:auto;
-ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.resimkydr::-webkit-scrollbar { display:none}
.resimkydr img {width:auto; height:400px; margin:0px 20px; float:left; }

.haber {width:60%; height:auto; flex-shrink:0; margin:10px; border: dotted 1px #CCC; border-radius:10px;}
.haber img {float:none; margin:10px auto; width:80%; height:auto;}
.haber span {float:none; width:90%; height:40px; display:block; margin:0px auto; text-align:center;}


.haber2 {width:60%; height:auto; flex-shrink:0; margin:10px; border: dotted 1px #CCC; border-radius:10px;}
.haber2 img {width:80%; height:auto; float:none; margin:10px auto;}
.haber2 span {width:90%; height:40px; padding: 5px 10px; float:none; text-align:center}


#ortablm {max-width: 700px;	padding: 5px 0px 0px 0px;}
#ortasol {
	float: none; padding: 10px 20px;
	 max-width: 700px; width:96%;
	height: auto; min-height:250px;
	border-radius:10px;
	margin: 5px auto 10px;
}
a.kategoritip1 {height:auto}
a.kategoritip1 strong { display:block}
.derskategori {
	padding: 5px; font-size:14px; width:40%; margin:15px 10px;
	text-align:center;
	background-image: none;
}
#ortasol .makaleresim {
	width:90%; height:auto; display:block;
	float: none; margin: 0px auto 30px;
}
#ortasol .hklas2 {line-height: 24px; margin: 10px auto 15px; letter-spacing: 0px; font-size:13px;}
#ortasol .katlog {width:90%; margin-left:10px;}
.resleft1 {float: none; display:block; width:90%; margin:15px auto;}
#okunma {margin: 10px auto;	float: none;}
.imgeklas2{width: 90px; height:90px;}
.imgeklas3 {width:100%}
#ortasa { float: none; margin: 25px auto 15px; width:100%; max-width:700px;}
#yanmenu {margin: 5px 0px; width:100%;}
.sorusor, #yasal-uyar {display:none;}
.hklas {
	width:100%;	margin: 15px 0px;
	height: 65px;
	letter-spacing: 1px; text-align:center;
	background-image: none; background-color:#000; 
}
#ortasa .menukutu {
	height:auto; 
	width: 100%;
	clear:both;
}
#ortasa .menukutu a {
	float: left; font-size:16px;
	width:60%; margin:auto;
	margin: 15px 1%;
}
#ortasa .menukutu .haberikon {
	margin-top:15px;
	width:30%;
	height:auto;
	margin: 20px 2%;
}

#altblm {
	background-image: none;
	width: 100%; height:520px; margin: 20px auto 0px;	clear: both; 
}
#altblmorta {max-width:700px; height:200px;}
#altblmortasol {
	float: none;
	height: auto;
	width:100%; 
	margin-top: 5px;
}
#altblmortasol img {
	height: auto;
	width:80%; 
	margin: 15px 15% 15px 5%;
}
#sosyalmedyalt {
	float: none; height:auto;
	margin: 10px auto;
	width:100%;
	background-image:none; 
}
#yasalbilgi {
	margin: 10px auto 25px auto;
	width: 68%; padding-bottom:15px !important;
	
}
.sosyalink {display: inline-block; height: 40px; width: 35px;}




#enaltblm {display:none;}

.makalink {
	height: auto; width: 100%; float: none; display:block;
	margin: 20px auto; padding:10px;
	border-radius:5px 5px; 
}
.makalink a {display:block;}
.iletablo td {
	clear: both;
	float: left;
	width: 100%;
	margin-left: -15px;
	margin-bottom: 10px;
}
#tabloklas1 {
	height: auto;
	width: 100%;
	overflow: scroll;
	padding-bottom: 35px;
}
.pdfindir {
   float:none; width:90%;
    display: block;
    margin: 10px 5px;
}
.link-ikonu {
	

}
.izlikon {
     float:none; width:86%;
	height:auto; min-height:40px;
    display: block;
    margin: 10px 5px;
    padding: 0px 10px 0px 40px;
}
.yorumlistele {height: auto; width: 100%;}
.listad {width: 35%;margin-left: 3%; overflow:hidden;}
.listarih {width: 60%;margin-right: 2%;}
.listemesaj {width: 80%;}

.soltablo {
	margin: 15px 5px 15px 0px;
	float: none;
	height: auto;
	width: 100%;
	border: 0px dashed #CCC;
}
.islet {width: 80%;}

#uyar {
	top: 29%;
	left: 5%; 
	width:90%;
	height: 100px;
      }

.iletablo td a {font-size:13px;}
.hucre, .hucretam {float:none;	clear: both; width: 100%; height: auto;	padding: 5px 0px; display: block; margin-top:20px;}
.hucre strong { margin: 5px; width:120px;}
#iletablo input {width: calc(100% - 160px);}
.textalan {	padding: 5px; height:100px;}
.secimkutusu {margin:10px auto; width:100%;}
#kaydet {margin-top:30px;}
.telefon-edin{position:fixed;bottom:70px;left:0;display:block}
.telefon-edin-titresim{width:60px;height:60px;top:5px;left:5px;position:absolute;background-color:transparent;border-radius:100%;border:4px solid rgba(30,30,30,.4);opacity:.1;opacity:.5}
.telefon-edin-titresim,.telefon-edin:hover .telefon-edin-titresim{border-color:#3498db}
.telefon-edin-resim{width:42px;height:42px;top:15px;left:15px;position:absolute;background:url(../rs/telefon-ikon.png) center center no-repeat rgba(30,30,30,.1);-webkit-border-radius:100%;-moz-border-radius:100%;opacity:1;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%;background-size:100%}

#ortasol .tanit {
	margin: 15px auto;
	width: 100%;
	float: none;
}

.dsktpIcns {
    position: fixed; display:block;
    width:auto;
	padding: 12px 5px;
    left:10px;
    bottom:0px;
    z-index: 999;
}
.dsktpIcns .btnShow{display:none; padding: 0px;  margin-bottom: 10px;}
.btnShow a {display:block; text-decoration:none; color:#FFF; margin:3px; padding:8px 10px 7px 45px;background-repeat: no-repeat; background-color: rgba(0, 153, 168, 0.99); border-radius: 10px; border:3px solid #000;	background-position: 10px center;}
.a-katalog {background-image: url(../rs/katalog-ikon.png);}
.a-email {background-image: url(../rs/msj-ikon.png);}
.a-telefon {background-image: url(../rs/tel-25x25.png);}
.a-konum {background-image: url(../rs/konum-25x25.png);}
.a-distri {background-image: url(../rs/takim-25x25.png);}
.a-destek {background-image: url(../rs/destek-30x30.png);}
.dsktpIcns .allBtn a{
    margin-bottom: 40px;
    padding: 7px;
    border-radius: 50%;
    background: url(../rs/all-btn.png) no-repeat center center #0099a8;
    width: 30px;
    height: 30px;
    float: left;
    display: block;
    cursor: pointer;
    border-radius: 90px;
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    }
.dsktpIcns .allBtn a:after {
    content: ' ';
    background-color: #fff;
    z-index: 0;
}	
.dsktpIcns .allBtn a:before {
	content: '';
	border-color: inherit;
	width: 100%;
	height: 100%;
	border-radius: 50px;
	position: absolute;
	background-color: #0099a8; /*Burasi Dalga*/
	top: 0;
	left: 0;
	opacity: 1;
	-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-name: video_sc;
	animation-name: video_sc;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s;
	-o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s;
	transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.25s;
	z-index: -1;
}

@-webkit-keyframes video_sc {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(1.8);
            transform: scale(1.8);
    opacity: 0; } }

@keyframes video_sc {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(1.8);
            transform: scale(1.8);
    opacity: 0; } }


}
@media screen and (max-width:480px) {

}
@media screen and (max-width:350px){

}
@media screen and (max-width: 1080px) and (orientation: landscape) {
#komple { display: none; }
#ekranuyar { background-color:#000; color:#FFF; font-size:30px; display:block; width:100%; height:100vh; line-height:70vh; text-align:center; font-weight:bold}
}
@media screen and (min-width: 1080px) and (orientation: portrait) {
#komple { display: none; }
#ekranyatay { background-color:#000; color:#FFF; font-size:30px; display:block; width:100%; height:100vh; line-height:90vh; text-align:center; font-weight:bold}
}
	
		.offcanvas{
             width: 300px; display:block;
             height: 100%; 
             position: fixed;
             top: 0;
             bottom: 0;
             background: #333;
             z-index: 5000;
             transform: translateX(-300px);
             transition: all 200ms ease-in-out;
         }
         
         .offcanvas ul{
	list-style: none;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 20px;
         }
             
         .offcanvas ul li{
			 margin: 5px 0;
         }
         
         .offcanvas-expanded .offcanvas{transform: translateX(0);}
         
         .offcanvas-toggle{
             background-color: transparent;
             border: 0;
             color: white;
         }
                  
         .offcanvas-toggle:focus{
             outline: none;
         }
         
         .linkbaslik {
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding-top: 7px;
}
		 
.linkana, .linkat, .linkhak, .linkonum, .linkgaleri, .linkTL {
	line-height: 25px;
	background-image: url(../rs/sprite-menulink.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 25px;
	padding-left: 30px; color:#FFF; text-decoration:none;
}
.linkat {background-position: 0px -25px !important;}
.linkhak {background-position: 0px -50px !important;}
.linkonum {background-position: 0px -75px !important;}
.linkgaleri {background-position: 0px -100px !important;}
.linkTL {background-position: 0px -125px !important;} 
     .offcanvas #adres {
	color: #FFF;
	text-align: center;
	background-image: url(../rs/logosu.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	height: auto;
	width: 300px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	padding-top: 80px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 25px;
}
.randevulink, .sorulink, .konumlink {
	line-height: 22px;
	color: #FFF;
	background-color: #F60;
	display: block;
	height: 22px;
	width: 260px;
	text-align: center;
	border-radius:5px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}
.sorulink {background-color: #093;}
.konumlink {
	background-color: #06C;
}
.blink{
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.8s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.tada{-webkit-animation-name:tada;animation-name:tada}
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
@-webkit-keyframes tada{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}
@keyframes tada{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}
@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}
@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}