/*---START mobile---*/
@media all and (max-width: 768px) {
	@charset "utf-8";


	
.kategori{width:90%;position:absolute;z-index:2;background:url(../images/renk.png)repeat;height:auto;left:0;right:0;top:48%;margin:auto;padding:5% 0px;border:2px solid  #F75F14}
.kategori h3{display:block;margin:0px;padding:0px;color:#fff;font-size:22px;text-align:center;width:100%}

.main-bg{width:100%;height:auto;position:relative;left:0%;top:0%;z-index:1;float:left; background:#fff ; -webkit-animation-name: none;
  animation-name: none;z-index:1111;float:lefT;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;padding:0px 0px 0px 0px}


.main-bg img{display:none}

.logo a{width:calc(100% - 244px);height:auto;position:relative;z-index:2;display:block;float:left;padding:0px}
.logo a img{display:block;margin:20px auto 0px auto;padding:0px 0px 0px 0px;width:100%;left:0px;right:0px; -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;animation-delay:0.7s}

  
  .flagmd{position:fixed;z-index:11111;background:#374859;width:160px;height:50px;right:0;top:0;display:none}	

  
  
.flag{width:122px;height:30px;position:relative;margin:60px 0px 0px 0px;float:left;display:block}
.flag ul{display:block;margin:0px 0px 0px 0px;padding:0px;float:left;width:100%}
.flag ul li{display:block;margin:0px 5px;padding:0px;float:left}

.tr a{display:block;width:27px;height:21px;color:#374859;font-size:18px;font-weight:600}
.en a{display:block;width:27px;height:21px;color:#374859;font-size:18px;font-weight:600}
.ru a{display:block;width:27px;height:21px;color:#374859;font-size:18px;font-weight:600}

.m-menus{display:block;width:100%;height:50px;float:left;border-bottom:3px solid #F75F14}
.m-menu{display:block;width:75px;height:74px;background:url(../images/icon/list.png)no-repeat;margin:12px auto 0px auto;position:relative;z-index:1111;}

.main{width:100%;position:relative;display:none;background:#2C3E50 !important;float:left}
.main ul{display:block;margin:30px 0px 20px 0px;padding:0px;background:#2C3E50}
.main ul li a{display:block;margin:4px 0px 0px 0px;padding:0px;width:100%;float:left;color:#fff;font-weight:500;font-size:15px;height:40px;line-height:40px;transition-duration:0.3s}
.main ul li a:hover{color:#F75F14}
.main ul li a:before{display:block;margin:19px 0px;padding:0px;width:18%;float:left;height:2px;background:#fff;content:"";transition-duration:0.3s;}
.main ul li:hover a:before{background:#F75F14;width:50px}
.main ul li a:after{display:block;margin:14px 15px 0px 0px;padding:0px;width:9px;float:left;height:9px;background:none;content:"";border:2px solid #fff;transition-duration:0.3s;-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);}

.main ul li:hover a:after{border:2px solid #F75F14;-webkit-animation: rotation 2s infinite linear;}

.mains{width:100%;position:relative;display:none;background:#2C3E50 !important;float:left}
.mains ul{display:block;margin:30px 0px 20px 0px;padding:0px;background:#2C3E50}
.mains ul li a{display:block;margin:4px 0px 0px 0px;padding:0px;width:100%;float:left;color:#fff;font-weight:500;font-size:15px;height:40px;line-height:40px;transition-duration:0.3s}
.mains ul li a:hover{color:#F75F14}
.mains ul li a:before{display:block;margin:19px 0px;padding:0px;width:18%;float:left;height:2px;background:#fff;content:"";transition-duration:0.3s;}
.mains ul li:hover a:before{background:#F75F14;width:50px}
.mains ul li a:after{display:block;margin:14px 15px 0px 0px;padding:0px;width:12px;float:left;height:12px;background:none;content:"";border:2px solid #fff;transition-duration:0.3s;-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);}

.mains ul li:hover a:after{border:2px solid #F75F14;-webkit-animation: rotation 2s infinite linear;}


.footer{display:none}
.mobil-footer{width:100%;height:auto;position:relative;bottom:0px;left:0px;z-index:2;display:block;background:#2C3E50;display:block}
.mobil-footer p{display:block;margin:0px;padding:0px;float:left;text-indent:20px;color:#fff;font-weight:500;font-size:14px;line-height:50px}

.social-media{width:100%;height:30px;float:left;display:none}

.mobil-social-media{width:122px;height:30px;float:left;display:block;margin:60px 0px 0px 0px}
.mobil-social-media ul{display:block;margin:0px 0px 0px 0px;padding:0px;float:left}
.mobil-social-media ul li{display:block;margin:0px 5px;padding:0px;float:left}

.mobil-facebook>a{width:30px;height:30px;float:left;text-indent:-9999px;background:url(../images/icon/mobil-facebook.png)no-repeat;transition-duration:0.3s}

.mobil-twitter>a{width:30px;height:30px;float:left;text-indent:-9999px;background:url(../images/icon/mobil-twitter.png)no-repeat;transition-duration:0.3s}

.mobil-linkedin>a{width:30px;height:30px;float:left;text-indent:-9999px;background:url(../images/icon/mobil-linkedin.png)no-repeat !important;transition-duration:0.3s}

	
	
.bgs{display:block;background:url(../images/arrow-bg.png)no-repeat ;position:fixed;right:0px;bottom:0px;z-index:222;width:299px;height:240px;  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5 s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;display:none}	
	
.bannerControls1{	position:fixed;left:0;top:0;z-index:2;width:100%;display:block;margin:0px;padding:0px;height:100%}		
			

	
	
.bannerscollection_zoominout {
    position: fixed;
    line-height: 20px;
    top: 18%;
}
	

/*-----------------------------------------------------------------------------------*/
/*	0.	SAYFA İÇLERİ
/*-----------------------------------------------------------------------------------*/			
			
			
			
			
			

.content-page{width:90%;height:100%;position:relative;right:0;top:0;  -webkit-animation-name: none;float:left;background:#333 !important;
  animation-name: none;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5 s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;display:none}
.content-page img{display:none}
			
			
.content{width:100%;height:96%;position:relative;z-index:121;float:left;right:0;padding:3% 0 3% 0;overflow:hidden !important; background:url(../images/white2.png)repeat; -webkit-animation-name: none;
  animation-name: none;
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;border-bottom:10px solid #333}			
			
.content-default{width:98%;height:auto;float:left;margin-top:20px}			
.content-default h1{width:98%;height:auto;float:left;color:#F75F14;font-weight:700;font-size:22px;line-height:40px;margin:10px 1%}			
.content-default h1:before{width:73px;height:44px;float:left;background:url(../images/icon/before.png)no-repeat;content:"";display:none}			
.content-default h2{width:98%;height:auto;float:left;color:#F75F14;font-weight:600;font-size:23px}			
.content-default h3{width:98%;height:auto;float:left;color:#F75F14;font-weight:600;font-size:20px}			
.content-default h4{width:98%;height:auto;float:left;color:#F75F14;font-weight:600;font-size:18px}			
.content-default h5{width:98%;height:auto;float:left;color:#F75F14;font-weight:600;font-size:16px}			
.content-default h6{width:98%;height:auto;float:left;color:#F75F14;font-weight:600;font-size:15px}		
	
.content-default p{width:98%;height:auto;float:left;color:#354758;font-weight:500;font-size:14px;margin:10px 0px;line-height:24px;padding-left:10px}			
			
.tab-detail{width:100%;height:auto;float:left}			
.tab-detail h1{width:100%;height:auto;float:left;color:#F75F14;font-weight:700;font-size:28px;line-height:70px}			
.tab-detail h1:before{width:73px;height:44px;float:left;background:url(../images/icon/before.png)no-repeat;content:"";}			
.tab-detail h2{width:100%;height:auto;float:left;color:#F75F14;font-weight:600;font-size:23px}			
.tab-detail h3{width:100%;height:auto;float:left;color:#F75F14;font-weight:600;font-size:20px}			
.tab-detail h4{width:100%;height:auto;float:left;color:#F75F14;font-weight:600;font-size:18px}			
.tab-detail h5{width:100%;height:auto;float:left;color:#F75F14;font-weight:600;font-size:16px}			
.tab-detail h6{width:100%;height:auto;float:left;color:#F75F14;font-weight:600;font-size:15px}		
	
.tab-detail p{width:100%;height:auto;float:left;color:#354758;font-weight:500;font-size:14px;margin:10px 0px;line-height:24px;padding-left:10px}			
						
			
			
			
.foto-galeri {margin-bottom: 0; margin:20px 0px 20px 0px; padding:0;width:100%;display:block;float:left}

.foto-galeri ul{display:block;margin:0px;padding:0px;}		
.foto-galeri ul li{display:block;margin:0.5%;padding:0px;border-radius: 3px;display: block;overflow: hidden;position: relative;float: left;height:150px;width:48%;transition-duration:0.3s;border:1px solid #ccc;float:left}			
	
.foto-galeri a img{-webkit-transition: -webkit-transform 0.15s ease 0s;
              -moz-transition: -moz-transform 0.15s ease 0s;
              -o-transition: -o-transform 0.15s ease 0s;
              transition: transform 0.15s ease 0s;
              -webkit-transform: scale3d(1, 1, 1);
              transform: scale3d(1, 1, 1);
              height: 100%;
              width: 100%;              
             flex-shrink:0;height:100%; object-fit: cover;display:block;transition-duration:0.3s
			 }
			
.foto-galeri ul li a:hover img {
              -webkit-transform: scale3d(1.1, 1.1, 1.1);
              transform: scale3d(1.1, 1.1, 1.1);
            }





.kutu-detail{width:95%;padding:0px;margin:0px auto;overflow:hidden}

.kutu-detail ul{width:100%;margin:0px ;padding:0px;display:block;float:left;overflow:hidden}
.kutu-detail ul li {width:98%;margin:20px 1%;padding:0px;display:block;float:left;transition-duration:0.3s;border:1px solid #ccc}
.kutu-detail ul li a{width:100%;margin:0px;padding:0px;display:block;float:left}
.kutu-detail ul li a h4{width:100%;margin:0px 0px 0px 0px;padding:0px;display:block;font-size:21px;color:#31313F;text-align:center;font-weight:600;height:30px;float:left;line-height:30px;overflow:hidden}
.kutu-detail ul li a p{width:100%;margin:0px 0px 0px 0px;padding:10px;display:block;font-size:13px;color:#31313F;text-align:center;font-weight:400;line-height:20px;float:left}


.kutu-detail ul li a figure{height:40px;border:2px solid #344658;text-align:center;line-height:34px;color:#344658;background:none;padding:0px;font-weight:600;border-radius:0px;margin:20px auto 0px auto !important;widtH:150px;float:none;overflow:hidden}
.kutu-detail ul li a:hover figure{background:#344658;color:#fff}



.haber-photo{width:100%;overflow: hidden;position: relative;float: left;height:222px;margin:0px 0px 20px 0px;padding:0px}
.haber-photo img{height: 100%;width: 100%;flex-shrink:0;height:100%; object-fit: cover;display:block;margin:0px;padding:0px}


.c-left{width:99%;float:left;height:auto;margin:0px 0.5%;padding:0px}			
.c-right{width:99%;float:right;height:auto;margin:0px 0.5%;padding:0px}			
.c-right h3{width:100%;float:left;height:auto;margin:20px 0px 20px 0px;padding:0px;display:block;color:#F75F14;font-size:22px;font-weight:600;text-indent:10px}			
	
			
.c-left ul{display:block;margin:0px;padding:0px 20px}
.c-left ul li {width:100%; overflow:hidden; border-bottom:1px solid #bbb; padding-bottom:5px; padding-top:15px;display:block;float:left}
.c-left ul li span{width:150px; color:#F75F14; font-weight:500;  font-size:16px;line-height:0px;text-indent:10px}

.c-left ul li p{color:#31313F; font-weight:500;  font-size:14px;margin:0px 0px 0px 0px}
.c-left ul li p a{color:#31313F; font-weight:500;  font-size:14px;}

	


.urun{width:100%;height:auto;float:left;}
.urun ul{width:100%;height:auto;float:left;display:block;margin:0px;padding:0px;}
.urun ul li a{width:98%;height:50px;float:left;display:block;margin: 1% ;padding:0px;background:#344658;border-top:2px solid #F75F14;color:#fff;font-weight:600;line-height:50px;text-align:center;font-size:16px;transition-duration:0.3s}
.urun ul li a:hover{background:#F75F14;border-top:2px solid #344658}

label {
  font-weight: bold;
  font-size: 14px;
  display: block;
  float: left;
  padding: 10px 0px 10px 0px;width:48%;
  border-top: 2px solid transparent;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
  border-bottom: 1px solid #CCC;
  color:#333;margin: 0.5%;text-align:center;float:left
}
	
	
	
	

}




/*---START Tablet---*/
@media (min-width: 768px)  and (max-width: 1024px) {
	@charset "utf-8";
body{ margin:0; padding:0;font-family: 'Ubuntu', sans-serif;background:url(../images/bin/bg.html)repeat center center}



.logo a{width:calc(60% - 244px);height:auto;position:relative;z-index:2;display:block;float:left;padding:0px;margin:0px 20%}
.main ul li a:before{display:block;margin:19px 0px;padding:0px;width:8%;float:left;height:2px;background:#fff;content:"";transition-duration:0.3s;}
.foto-galeri ul li{display:block;margin:0.5%;padding:0px;border-radius: 3px;display: block;overflow: hidden;position: relative;float: left;height:150px;width:31.3%;transition-duration:0.3s;border:1px solid #ccc;float:left}			
.kutu-detail ul li {width:47.5%;margin:20px 1%;padding:0px;display:block;float:left;transition-duration:0.3s;border:1px solid #ccc}	



label {
  font-weight: bold;
  font-size: 14px;
  display: block;
  float: left;
  padding: 10px 0px 10px 0px;width:23.5%;
  border-top: 2px solid transparent;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
  border-bottom: 1px solid #CCC;
  color:#333;margin: 0.5%;text-align:center;float:left
}







}







/*---Küçük ---*/
@media (min-width: 1200px)  and (max-width: 1589px) {

/*---HOME---*/



}

		
/* Orta */
@media (min-width: 1590px)  and (max-width: 1900px) {


/*---HOME---*/



	}