@media (min-width:0px) and (max-width:450px) {     #altlogo{ border-bottom: 1px solid blue;}


.bodytop{ margin-top:50px; }    
.ustuser{ float: none; padding-top:10px;  }         
.uyeol{ float: none; clear: both;} 
.displaynone450{ display: none;  }
.mobildisplay{ display: none; }

.h_top_part .container .row .col-lg-4{  }
.h_top_part .container .row{ height: auto; margin-top:0px; }
.serachnav{ display: none; position: absolute; top:0px; left: 0px; width:94%; padding-left: 0px;  padding-right: 0px; padding-top:50px; z-index: 15550;}

.search-rows{
    position: absolute; top:32px; left: 0px; width: 104%;   height: auto; background-color: white; 
}




.mini-slide{ height: 382px; width: 183px;  }
.slide-bottom2{display: none;}
.slide .slide-right{ background-color: #323a45; }
.direction-nav li{ position: absolute; top:100px; right:-15px; }
.direction-nav li:first-child{ position: absolute; top:100px; left:-15px; }
.minislide{ margin-top: 10px;}
.minislide .slide-top2{ display: none;}

.slide_caption{padding:20px;}
.slide_caption_r{    position: absolute; bottom:60px; right: 60px; font-size: 15px; }
.slide_caption_l{    position: absolute; bottom:60px; left: 60px; font-size: 15px; }
.slide_caption_c{    position: absolute; bottom:60px; right: 474px; font-size: 15px;  }

.slayt_buton_div{
  width:100%; height: 50px; padding-top: 0px; margin-bottom: 3px;                                                 
}

.upclear{ width:100%; height: 1px; clear: both;}

.minislide .slide-bottom2{
    bottom: -11px; left: -20px; width:0px; height: 0px; 
}



.ustlogo{
    width:100%;
}


.langlist{
    position: fixed; top:42px; right:0px; width:100%; 
}
.langrow{
   padding-left:100px; 
}


.uplogo{
    margin-top:21px;
}

.slide {
    width:100%; margin-top:10px;
}
.ust-phone{
    position: fixed; top: 13px; right: 0px;
    width:218px; height: 30px; 
    font-size: 20px; font-weight: bold; 
    color:#fff;
    float: right; margin-top: 5px; margin-right: 5px;   z-index: 91453;
}

.uyegirisformu,.uyelikformu{
    width:100%;
}

.upsection{ padding: 20px; }


.product{
 width:300px;   margin-left:auto; margin-right:auto;  margin-top:25px; 
}
.product .product-item1,.product .product-item1-md3{
    width:292px; 
}

.upmenu{
    position: fixed; top:50px; left:0px; overflow: auto; z-index: 91453; width:92%; height: 90%; display: none;
}

.home-wecommet{
    font-size: 19px; line-height:27px; 
}


.ustlogoup{
   padding-top:35px;  margin-left: -8px;
}

.watchimg32{
    max-width:100%; height: auto;
}

.home-mod-title2{
    clear: both;
}

#jssor_1{
    top:-1px;
}

.home-wecommet-title{
      margin-top:15px; 
}



.right-div{
    width:100%;
}

}  /* blue */

















@media (min-width:451px) and (max-width:768px) {          #altlogo{ border-bottom: 1px solid green;}
    
.bodytop{ margin-top:60px; }                               

.ustuser{ float: none; padding-top:10px; width: 100%;  } 
.uyeol{ float: none; clear: both;} 
  .displaynone768{ display: none;  }
  .mobildisplay{ display: none; }
  .h_top_part .container .row .col-lg-4{ margin-top: 0px; }
  .h_top_part .container .row{ height: auto; margin-top:-10px; }
  .serachnav{ display: none; position: absolute; top:0px; left: 0px; width:96%; padding-left: 0px;  padding-right: 0px;  padding-top:50px; z-index: 15550; }

    .search-rows{
        position: absolute; top:32px; left: 0px; width: 104%;   height: auto; background-color: white; 
    }



  .mini-slide{ height: 382px; width: 183px;  }
  .slide-bottom2{display: none;}
  .slide .slide-right{ background-color: #323a45; }
  .direction-nav li{ position: absolute; top:130px; right:5px; }
  .direction-nav li:first-child{ position: absolute; top:130px; left:5px; }
  .minislide{ margin-top: 10px;}
  .minislide .slide-top2{ display: none;}

  .slide_caption{padding:20px;}
  .slide_caption_r{    position: absolute; bottom:58px; right: 100px; font-size: 15px; }
  .slide_caption_l{    position: absolute; bottom:58px; left: 100px; font-size: 15px; }
  .slide_caption_c{    position: absolute; bottom:58px; right: 482px; font-size: 15px;  }

.slayt_buton_div{
  width:100%; height: 50px; padding-top: 0px; margin-bottom: 3px;                                                 
}



  .upclear{ width:100%; height: 1px; clear: both;}

  .minislide .slide-bottom2{
  bottom: -11px; left: -20px; width:0px; height: 0px; 
  }

  
   .ustlogo{
    width:100%;
}



.langlist{
    position: fixed; top:42px; right:0px; width:100%; 
}
.langrow{
   padding-left:100px; 
}

.uplogo{
    margin-top:21px; margin-left:auto; margin-right: auto;
}
#ustlogo{
    text-align: center;
}

.slide {
    width:100%;
}
.ust-phone{
    position: fixed; top: 13px; right: 0px;
    width:218px; height: 30px; 
    font-size: 20px; font-weight: bold; 
    color:#fff;
    float: right; margin-top: 5px; margin-right: 5px;   z-index: 91453;
}



.uyegirisformu,.uyelikformu{
    width:100%;
}


.upsection{ padding: 20px; }


.product{
 width:300px;   margin-left:auto; margin-right:auto;  margin-top:25px; 
}
.product .product-item1,.product .product-item1-md3{
    width:292px; 
}

.upmenu{
    position: fixed; top:50px; left:0px; overflow: auto; z-index: 91453; width:85%; height: 100%; display: none;
}

.home-wecommet{
    font-size: 19px; line-height:27px; 
}


.ustlogoup{
   padding-top:45px;  margin-left: -8px;
}

.watchimg32{
    max-width:100%; height: auto;
}

.home-mod-title2{
    clear: both;
}

#jssor_1{
    top:-1px;
}

.home-wecommet-title{
      margin-top:20px; 
}

.right-div{
    width:100%;
}


} /* green */

















@media (min-width:769px) and (max-width:1000px) {       #altlogo{ border-bottom: 1px solid brown;}
       
.bodytop{ margin-top:0px; }      
.ustuser{ float: right;  }                        
.uyeol{ float: right;}
.displaynone1000{ display: none;  }
.h_top_part .container .row .col-lg-4{ margin-top: 11px; }
.h_top_part .container .row{ height: auto; }




.serachnav{  position: relative; width:32%; z-index: 15550; margin-left:65px;}

.search-rows{
    position: absolute; top:44px; left: 0px; width: 100%;   height: auto; background-color: white; 
}

.searcht{ border: 2px solid #e4e4e2; }




.mini-slide{ height: 251px; width: 177px; overflow: hidden; }
.mini-slide ul li img{ width:176px; height: 250px; }
.mini-slide-cont .slide-left{ height: 275px; background-color: #323a45;  }
.slide-bottom2{display: none;}
.slide .slide-right{ background-color: #323a45;  width:1px; }
.mini-slide-head span{ font-size: 8px;}
.direction-nav li{ position: absolute; top:142px; right:5px; }
.direction-nav li:first-child{ position: absolute; top:142px; left:5px; }
.slide_caption_r{    position: absolute; bottom:50px; right: 100px; }
.slide_caption_l{    position: absolute; bottom:50px; left: 100px; }
.slide_caption_c{    position: absolute; bottom:50px; left: 222px; }







.upclear{ width:0px; height: 0px; float:left;}

.minislide .slide-bottom2{
bottom: -11px; left: -20px; width:0px; height: 0px; 
}


.ustlogo{
    width:33%;
 }

.langlist{
    position: absolute; top:32px; right:2px; width:150px; 
}
.langrow{
    padding-left:46px;
}

.uplogo{
    margin-top:2px;
}

.ust-phone{
    width:242px; height: 16px; 
    font-size: 20px; font-weight: bold; 
    color:#292f38;
    float: right; margin-top: 4px; margin-right: 10px;    
}


.uyegirisformu{
    width:35%;
}


.uyelikformu{
    width:60%;
}


.menu-res li ul.sub-menu {
    width:236px;
}
 


.upsection{ padding-top: 20px; }


.product{
 width:207px; float: left;  margin-left:25px;  margin-top:25px; 
}

.product-satir{
 width:100%; float: left;  margin-left:25px;  margin-top:25px; 
}

.product .product-item1,.product .product-item1-md3{
    width:193px; 
}

.upmenu{
    position: relative; 
}


.home-wecommet{
    font-size: 30px; line-height:40px; 
}


.ustlogoup{
   padding-top:35px;  margin-left: 3px;
}

.watchimg32{
    width:auto; height: 400px;
}

.home-mod-title2{
    float:right;
}

#jssor_1{
    top:-223px;
}

.home-wecommet-title{
      margin-top:-120px; 
}

.ustlogoup{
    width:217px; height: 123px;  margin-left: auto; margin-right: auto;
}

.right-div{
    width:608px;
}
} /* brown */


















@media (min-width:1001px) and (max-width:1199px) {          #altlogo{ border-bottom: 1px solid orange;}

        
.bodytop{ margin-top:0px; }    
.ustuser{ float: right; margin-top:10px;  }                             
.uyeol{ float: right;}
.displaynone1199{ display: none;  }
.serachnav{ margin-top: 17px; margin-left: 19px; }
.ustlogo{
    width:31%; margin-top:0px;
 }
.h_top_part .container .row{ height: 66px; }






.serachnav{  position: relative; width:32%; z-index: 15550;}

.search-rows{
    position: absolute; top:44px; left: 0px; width: 100%;   height: auto; background-color: white; 
}

.searcht{ border: 2px solid #e4e4e2; }





.mini-slide{ height: 340px; width: 232px; overflow: hidden; }
.mini-slide ul li img{ width:229px; height: 382px;}
.mini-slide-cont .slide-left{ height: 387px; background-color: #e0e1e2; }
.slide .slide-right{ background-color: #e0e1e2;  width:2px; }
.direction-nav li{ position: absolute; top:170px; right:5px; }
.direction-nav li:first-child{ position: absolute; top:170px; left:5px; }
.slide_caption_r{    position: absolute; bottom:50px; right: 100px; }
.slide_caption_l{    position: absolute; bottom:50px; left: 100px; }
.slide_caption_c{    position: absolute; bottom:50px; left: 425px; }


.slayt_buton_div{
  width:100%; height: 50px; padding-top: 20px; margin-bottom: 3px;                                                 
}



.upclear{ width:0px; height: 0px; float:left;}

.minislide .slide-bottom2{
    bottom: -11px; left: -20px; width:0px; height: 0px; 
}



.langlist{
    position: absolute; top:32px; right:2px; width:150px; 
}
.langrow{
    text-align: left; padding-left:46px; font-size: 15px; height: 32px;  border-bottom:1px solid #2b313a;
}

.ust-phone{
    width:242px; height: 16px; 
    font-size: 20px; font-weight: bold; 
    color:#292f38;
    float: right; margin-top: 4px; margin-right: 10px;    
}


.uyegirisformu{
    width:35%;
}


.uyelikformu{
    width:60%;
}

.menu-res li ul.sub-menu {
    width:234px;
}

.upsection{ padding-top: 20px; }


.slide{
    width:540px; height: 341px; padding:0px;  
}

.product{
 width:207px; float: left;  margin-left:25px;  margin-top:25px; 
}
.product .product-item1,.product .product-item1-md3{
    width:193px; 
}

.upmenu{
    position: relative; 
}

.home-wecommet{
    font-size: 30px; line-height:40px; 
}
.ustlogoup{
   padding-top:35px;  margin-left: 3px;
}
.watchimg32{
    width:auto; height: 400px;
}

.home-mod-title2{
    float:right;
}

#jssor_1{
    top:-172px;
}

.home-wecommet-title{
      margin-top:-120px; 
}

.ustlogoup{
    width:217px; height: 123px;  margin-left: auto; margin-right: auto;
}

.right-div{
    width:775px;
}
} /*   orange */



















@media (min-width:1200px) and (max-width:5000px) {      #altlogo{ border-bottom: 1px solid yellow;}

.bodytop{ margin-top:0px; }    
.ustuser{ float: right; margin-top:10px;  }                                           
.uyeol{ float: right;}
.slayt_buton_div{
  width:100%; height: 50px; padding-top: 20px; margin-bottom: 3px;                                                 
}
                                                        
.displaynone5000{ display: none;  }
.serachnav{  margin-top: 17px;   }
.ustlogo{
    width:33%; margin-top:-12px;
 }
.h_top_part .container .row{ height: 66px; }





.serachnav{  position: relative; width:32%; z-index: 15550;}

.search-rows{
    position: absolute; top:44px; left: 0px; width: 100%;   height: auto; background-color: white; 
}

.searcht{ border: 2px solid #e4e4e2; }




.mini-slide{ height: 381px; width: 183px;   }
.mini-slide ul li img{ width:183px; height: 382px;}
.mini-slide-cont .slide-left{ height: 467px; background-color: #fff; }
.slide .slide-right{ background-color: #fff; width:2px; }
.direction-nav li{ position: absolute; top:200px; right:5px; }
.direction-nav li:first-child{ position: absolute; top:200px; left:5px; }
.slide_caption_r{    position: absolute; bottom:85px; right: 100px; }
.slide_caption_l{    position: absolute; bottom:85px; left: 100px; }
.slide_caption_c{    position: absolute; bottom:85px; left: 444px; }







.upclear{ width:0px; height: 0px; float:left;}

.clone img{ height: 469px;}


.minislide .slide-bottom2{
bottom: -11px; left: 0px; width:6px; height: 1px; 
}

 
 .product-menu{
    width:128px; height: 40px; text-align: center;
}


.langlist{
    position: absolute; top:32px; right:-5px; width:150px; 
}

.langrow{
   padding-left:46px; 
}


.ust-phone{
    width:242px; height: 16px; 
    font-size: 20px; font-weight: bold; 
    color:#292f38;
    float: right; margin-top: 4px; margin-right: 10px;    
}


.uyegirisformu{
    width:35%;
}


.uyelikformu{
    width:50%; margin-left: 30px;
}


.menu-res li ul.sub-menu {
    width:auto;
	padding-bottom:0px;
}
 
.upsection{ padding-top: 20px; }


.h_top_part .container, .main-menu .container{ padding-left: 0px; padding-right: 0px;     width: 1190px; }

.slide{
    width:749px; height: 382px; padding:0px;  
}


.product{
 width:212px; float: left;  margin-left:14px;  margin-top:14px;  padding-bottom: 15px; padding-top: 0px;
}

.product .product-item1,.product .product-item1-md3{
    width:193px; 
}
.upmenu{
    position: relative; 
}


.home-wecommet{
    font-size: 30px; line-height:40px; 
}

.ustlogoup{
   padding-top:35px;  margin-left: 3px;
}

.watchimg32{
    width:auto; height: 400px;
}

.home-mod-title2{
    float:right;
}


#jssor_1{
    top:-124px;
}
.home-wecommet-title{
      margin-top:-80px; 
}


.ustlogoup{
    width:217px; height: 123px;  float: left;
}

.right-div{
    width:938px;
}

} 


/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */
/* yellow */



.toprightul li{
    float:right; padding:0px 10px 0px 10px;  height: 18px; border-left:1px solid #cacaca;
}

.toprightul li a{ font-size: 13px;  }

.uyegirisformu,.uyelikformu{
    padding-top:50px; margin-top: -25px;
}









.uyeol{
    background-color: #2b313a; padding: 10px 6px 10px 6px;
}

.slyt_link_buton{
    background-color: #2b313a; box-shadow: 0 0px 0 #bdc3c7!important;
}

.langlist{
   display: none; height: auto; z-index: 11453; background-color: #323a45; color:#fff;
}


.langrow{
      text-align: left; font-size: 15px; height: 38px;  padding-top: 10px; border-top:1px solid #2b313a; background-color:#323a45; 
}
.langrow:hover{
     background-color:#2b313a; 
}








.product-menu{
     padding-top:11px;  background-color: #323a45; float: left; font-weight: 400; font-size: 15px; color:#fff;
}
.product-menu:hover{
    background-color: #2b313a; 
}

.product-link{
    color:#fff;
}
.other-link{
    color:#fff;
}


.other-menu{
    min-height: 40px; padding-top: 10px; padding-right: 5px; padding-left: 15px;
    background-color: #333b46; 
    position: relative;
}
.other-menu a{
    color:orange; font-weight: bold;
}
.other-menu:hover{
    background-color: #2b313a; 
}

.other-menu-in{
    width:100%; height: auto; min-height: 50px; 
    background-color: #333b46; display: none;
}

.other-menu-in-link{
    width:100%; min-height: 40px; padding-top: 10px; 
    background-color: #333b46; padding-left: 15px; padding-right: 5px;
    position: relative;
}

.famenu{
    width:25px; height: 32px;  font-size: 23px;   color:#ffffff; float: left; 
}
.langl .famenu{ margin-top: -4px; margin-left: 15px;  }
.menulist .famenu{ margin-top: -5px; margin-left: 20px;  }
.searchl .famenu{ margin-top: -6px; margin-left: 15px;  }

.phonel .famenu{ margin-top: -5px;  }
.whatsl .famenu{ margin-top: -6px;  }
.iletisim famenu{ margin-top:-2px; }
.digersosyal .famenu{  margin-top:-5px; }
.jssora051{
    background:rgba(0,0,0,0.0);
}
.jssora051:hover{
   
}

.direction-nav li{  }
.direction-nav li:first-child{  }

.direction-nav li a{
    background: none;
}
.direction-nav li a i{
    font-size: 15px;
    color: rgba(255,255,255,0.7);
    font-size: 3.3em;
    font-weight: bold;
    margin-top: 0px;
    width: 50px;
    height: 38px;
    padding-top: 8px;
    text-align: center;
    background: rgba(0,0,0,0.3);
}


.slider{
    width:100%; height: 100%;
}




.slide_caption{
    z-index: 1453;
    border-radius: 1px;
}

.slide-out{
    position: absolute; top:0px; left:0px; width: 100%; height: 100%;  z-index: 313;
    display: none;
}


.slide{
    position: relative; overflow:hidden; border-bottom:1px solid #ccc; background-color: #154473;
}
.minislide{
    position: relative; width:181px; overflow: hidden; margin:0px 0px 0px 0px;
  
    float: right;
}

.slide .slide-top{
    position: absolute; top: 0px; left: 0px; width:100%; height: 1px; background-color: #bfbfbf; z-index: 313;
}
.slide .slide-bottom{
    position: absolute; bottom: 0px; left: 0px; width:100%; height: 1px; background-color: #bfbfbf; z-index: 313;
}

.slide .slide-right{
    position: absolute; top: 1px; right: 0px;  height: 100%; z-index: 313;
}
.slide .slide-left{
    position: absolute; top: 0px; left: 0px; width:1px; height: 100%; background-color: #bfbfbf; z-index: 313;
}





.banner-title-lb1{ bottom:6px;  left: 19px;  text-align: left; }
.banner-title-lb2{ bottom:8px;  left: 20px;  text-align: left;  }
.banner-title-lb3{ bottom:7px;  left: 20px; text-align: left;  }
.banner-title-lb4{ bottom:9px;  left: 22px; text-align: left;  }
.banner-title-lb5{ bottom:9px;  left: 22px; text-align: left;  }
.banner-title-lb6{ bottom:13px;  left: 27px; text-align: left;  }
.banner-title-lb7{ bottom:13px;  left: 27px; text-align: left;  }
.banner-title-lb8{ bottom:13px;  left: 27px; text-align: left;  }
.banner-title-lb9{ bottom:13px;  left: 27px; text-align: left;  }
.banner-title-lb10{ bottom:13px;  left: 27px; text-align: left;  }
.banner-title-lb11{ bottom:13px;  left: 27px; text-align: left;  }
.banner-title-lb12{ bottom:13px;  left: 27px; text-align: left;  }
.banner-title-lt1{ top:6px;  left: 19px; text-align: left; }
.banner-title-lt2{ top:8px;  left: 20px; text-align: left;  }
.banner-title-lt3{ top:7px;  left: 20px; text-align: left;  }
.banner-title-lt4{ top:9px;  left: 22px; text-align: left;  }
.banner-title-lt5{ top:9px;  left: 22px; text-align: left;  }
.banner-title-lt6{ top:13px;  left: 27px; text-align: left;  }
.banner-title-lt7{ top:13px;  left: 27px; text-align: left;  }
.banner-title-lt8{ top:13px;  left: 27px; text-align: left;  }
.banner-title-lt9{ top:13px;  left: 27px; text-align: left;  }
.banner-title-lt10{ top:13px;  left: 27px; text-align: left;  }
.banner-title-lt11{ top:13px;  left: 27px; text-align: left;  }
.banner-title-lt12{ top:13px;  left: 27px; text-align: left;  }

.banner-title-rb1{ bottom:6px;  right: 19px;  text-align: right; }
.banner-title-rb2{ bottom:8px;  right: 20px;  text-align: right;  }
.banner-title-rb3{ bottom:7px;  right: 20px; text-align: right;  }
.banner-title-rb4{ bottom:9px;  right: 22px; text-align: right;  }
.banner-title-rb5{ bottom:9px;  right: 22px; text-align: right;  }
.banner-title-rb6{ bottom:13px;  right: 27px; text-align: right;  }
.banner-title-rb7{ bottom:13px;  right: 27px; text-align: right;  }
.banner-title-rb8{ bottom:13px;  right: 27px; text-align: right;  }
.banner-title-rb9{ bottom:13px;  right: 27px; text-align: right;  }
.banner-title-rb10{ bottom:13px;  right: 27px; text-align: right;  }
.banner-title-rb11{ bottom:13px;  right: 27px; text-align: right;  }
.banner-title-rb12{ bottom:13px;  right: 27px; text-align: right;  }
.banner-title-rt1{ top:6px;  right: 19px; text-align: right; }
.banner-title-rt2{ top:8px;  right: 20px; text-align: right;  }
.banner-title-rt3{ top:7px;  right: 20px; text-align: right;  }
.banner-title-rt4{ top:9px;  right: 22px; text-align: right;  }
.banner-title-rt5{ top:9px;  right: 22px; text-align: right;  }
.banner-title-rt6{ top:13px;  right: 27px; text-align: right;  }
.banner-title-rt7{ top:13px;  right: 27px; text-align: right;  }
.banner-title-rt8{ top:13px;  right: 27px; text-align: right;  }
.banner-title-rt9{ top:13px;  right: 27px; text-align: right;  }
.banner-title-rt10{ top:13px;  right: 27px; text-align: right;  }
.banner-title-rt11{ top:13px;  right: 27px; text-align: right;  }
.banner-title-rt12{ top:13px;  right: 27px; text-align: right;  }




.mini-slide-head{
    width: 98%; margin-left: auto; margin-right: auto; height: 35px; padding-top:7px; 
    padding-bottom: 11px; 
}
.mini-slide-head span{float: left; margin-left: 10px; font-weight: 400;}
.mini-slide-nav{ position: relative; float: right; width:80px; margin-right:10px; height: 23px; overflow: hidden; }
.mini-slide-out{position: absolute; top:-10px; left:-10px; width: 127%; height: 173%; display: none; }
.mini-prev{ position: absolute; top:190px; left:-5px; font-size: 25px; font-weight: bold;  color:#696868; z-index: 100; }
.mini-next{ position: absolute; top:190px; right:-5px; font-size: 25px; font-weight: bold;  color:#696868; z-index: 100;  }
.mini-slide-cont{
    position: relative;  width: 100%; margin-left: auto; margin-right: auto; height: auto;
}

.mini-slide{
    margin-left: auto; margin-right: auto;  background-color: #fff;
    overflow: hidden;
}


.mini-slide ul li{ float: left; position: relative;}
.minileft{ position: absolute; top:0px; left: -183px; width: 183px; height: 382px;  }
.miniright{ position: absolute; top:0px; right: -183px; width: 183px; height: 382px;  }
.mini-slide-cont .slide-top{
    position: absolute; top: 0px; left: 0px; width:100%; height: 3px; background-color: #323a45; z-index: 313;
}
.mini-slide-cont .slide-bottom{
    position: absolute; bottom: -11px; left: 0px; width:100%; height: 37px; background-color: #323a45; z-index: 313;
}
.mini-slide-cont .slide-right{
    position: absolute; top: 3px; right: 0px; width:1px; height: 96%; background-color: #bfbfbf; z-index: 313;
}

.mini-slide-cont .slide-left{
    position: absolute; top: -34px; left: 0px; width:1px; z-index: 313;
}

.minislide .slide-top2{
    position: absolute; top: 0px; left: -1px; width:7px; height: 1px; background-color: #bfbfbf; z-index: 0;
}
.minislide .slide-bottom2{
    position: absolute; background-color: #bfbfbf; z-index: 0;
}



.fa-angle-left,.fa-angle-right{
    background: rgba(0,0,0,0.03); color:#fff;
}

.button_type_10 .fa-angle-left,.button_type_10 .fa-angle-right{
    padding-right: 3px; padding-left: 3px;
}

.down-list-number  li{ width:17px; text-align: center; background-color: #ecf0f1;}

.mini-prev .fa-angle-left,.mini-next .fa-angle-right{
    padding: 8px; height: 30px; margin-top:-8px;
}







.slide-down{
    width:100%; margin-left: auto; margin-right: auto; height: auto; margin-top: 0px; margin-bottom: 7px; padding: 0px;
  
}


.slide-down-in,.slide-down-in-last{
    padding-left: 15px; padding-right: 15px; text-align: center;
}

.slide-down-in div,.slide-down-in-last div{
    min-height: 55px; 
}

.slide-down-in:first-child{
    border-left: 1px dotted #ccc; 

}
.slide-down-in{
    border-right: 1px dotted #ccc; 

}
.slide-down-in-last{
    border-right: 1px dotted #ddd; 
}


.slide-down-in .col-sm-2,.slide-down-in-last .col-sm-2{
    text-align: right; padding-right:0px; padding-top: 15px; 
}

.slide-down-in .col-sm-10,.slide-down-in-last .col-sm-10{
    text-align: left; padding-left:12px; padding-top: 15px; 
}


.slide-down i{
    font-size: 30px; color:#aeb1b5;
}
.slide-down i:hover{
    color:#323a45;
}
.slide-down span{
    font-size: 13px; font-weight: 400;  color:#7f8286;
}.slide-down span:hover{
    color:#323a45;
}

.h-title{
    width:100%; margin-left: auto; margin-right: auto; min-height: 40px; 
    margin-top: 30px;  padding-top:3px; padding-left:15px;
}


.h-title3{
   width:100%; margin-left: 0%; min-height:37px; text-align:left;  background-color: #f9f9f9; color:#666; font-size: 17px; font-weight: bold;
}
.h-title3in{
    width:auto; min-height: 37px; float: left; margin-left: 30px; color:#666;
}

.h-title100{
    width:100%; margin-top:-5px;
}

.h-title span{
    font-weight: 400;  margin-left:4px; color:#323a45;
}



.clear{
    clear: both;
}












.product-parent100{
    width:100%; height: auto; margin-left:auto; margin-right: auto; margin-top:10px; 
}

.product-parent94{
    width:94%; height: auto; margin-left:auto; margin-right: auto; margin-top:10px; 
}
.product-parent93{
    width:93%; height: auto; margin-left:auto; margin-right: auto; margin-top:10px; 
}
.product-parent92{
    width:92%; height: auto; margin-left:auto; margin-right: auto; margin-top:10px; 
}

.product{
  position:relative;   background-color: #fff;  border:1px solid #f1f1f1; overflow:hidden;
}

.product:hover{
   border:1px solid #ccc;  
}




.product .product-item1,.product .product-item1-md3{
    height:225px;  text-align: center;  overflow: hidden; margin-left:auto; margin-right:auto;
   margin-top:13px; 

}

.product-item1{
  display:flex;
  justify-content:center;
  align-items: center;
  border-bottom: 1px solid #ebebeb;
} 


.product .product-item2{
    position: absolute; top: 0px; left: 2.5%; width:95%; height: 50px; text-align: center;  
   
}

.product-name{ position: absolute; top:5px; left: 0px;   width:100%;  padding-top:2px; font-size: 12px; text-align: center; padding-left:5px; 
max-height:24px; overflow: hidden;  }
.product-kod{ position: absolute; bottom: 0px; right: 0px;    width:52%; float: right; height: 25px; padding-top:2px;  font-size: 12px;  text-align: right; padding-right:5px; 
               overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.product-kod span{ color:#ccc; }
.product-price{ position: absolute; bottom: 0px; right: 0px;    width:57%; float: right; height: 25px; padding-top:2px;  font-size: 12px;  text-align: right; padding-right:5px; 
               overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }


.product-brand{ position: absolute; bottom: 0px; left: 0px;    width:48%; float: left; height: 25px; padding-top:2px;  font-size: 12px; text-align: left; padding-left:5px; 
 overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }
.product-brand span{  }


.product-padding-bot{
    position:absolute; bottom: 0px; left: 0px; width: 100%; height: 21px; 
}

.product-item-data{
    position: relative; width:100%; height: 75px;  margin-top:19px;
}


.product-titles{ }

.kate-way{
    max-width:200px; height: 19px; float: left; margin-left:10px; 
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    overflow: hidden; /* taşanları gizle */
    white-space: nowrap; /* alt satıra hiç inme */
    text-overflow: ellipsis; /* eğer uzunsa üç nokta koy */
}

.kate-way a{
     color:#94c6f9;
}
.kate-way a:hover{
     color:#ccc;
}

.kate-way-i{
    float: left;  width:15px; height: 20px; padding-left:3px; text-align: left;
}


.contact{
    float: right;  width:70%; height: 30px; padding: 3px;  padding-right:10px;  margin-top:3px; border-top: 1px solid #f1f1f1;  text-align: right; border-bottom: 1px solid #f1f1f1;
}

.contact a span{
    color:#292f38; font-size: 13px;
}

.flaglink{font-size: 11px;}
.flaglink img{ width:19px; height: 12px;}






.top-resp{
    position:fixed; width:102%; height: 50px; top:0px; left: 0px; padding-top:17px; z-index: 915571;
}

.contact_e{
    margin-left:18px;
}


.altmenutrue1{
    float:right; margin-right:10px;
}



.search-row{
    width: 95%; height: 50px; text-align: left; margin:10px; border: 1px solid #ccc; 
}

.search-row-img{
    width:14%; height: 50px;  float: left;
    min-width:50px;
}

.search-row-img img{
    height: 100%; 
}

.search-row-product{
    width:58%; height: 48px; padding-top: 6px; padding-left: 3px; float: left; border-left: 1px dotted #ccc;  
   overflow: hidden; 
    background: rgba(255,255,255,0.9);
}
.search-row-marka{
    width:20%; height: 50px; padding-top: 6px; padding-left: 3px; float: right; overflow: hidden;  
     border-left: 1px dotted #ccc; 
}

.search-link{ color:#000;}




  .product-title-first{
     width:100.5%;  
     min-height:35px; 
     margin-left:auto; 
     margin-right: auto; 
     padding-top:7px; 
     padding-left: 7px; 
     font-size: 15px; 
     font-weight: 400; 
}
.product-title{
     width:100.5%; 
     height:35px; 
     margin-left:auto; 
     margin-right: auto; 
     padding-top:7px; 
     padding-left: 7px; 
     font-weight: 400; 
}
.product-share{
     width:100.5%; 
     height:42px; 
     margin-left:auto; 
     margin-right: auto; 
     padding-top:7px;  
     padding-left: 7px; 
     font-weight: 400; 
}


.product-title-explanation{ 
    width:100.5%; 
    min-height:35px;  
    height:auto; 
    margin-left:auto; 
    margin-right: auto; 
    padding-top:7px; 
    padding-left: 7px; 
    font-weight: 300; 
}


label{
    color: #292f38; font-size: 17px;
}

h1{
    color: #292f38; line-height: 35px; 
}

h2{
    color: #292f38; line-height: 30px; 
}

h3{
    color: #292f38; line-height: 30px; 
}


.firs-title{
    font-weight: 400;
}

.h-title2{
    padding-top: 10px;
}


.product-in:hover {
    
}

.product-in {
  position:relative;  
}

.product:hover .product-item1{
    transform: scale(1.1); 
}

.product-item1{
    transition: transform 0.3s;
}


.basket-add{
    cursor: pointer; width:28px; height: 27px; padding-top:4px; background:rgb(255, 86, 57); color:#fff;
    margin-left: auto; margin-right: auto;
}
.basket-add i{ margin-top:3px; }

.detail{
  cursor: pointer;  left: 12px; background:rgba(0,0,0,0.5); color:#fff; padding: 10px; 
  position: absolute; bottom:3px;   width:205px; text-align: center;  
    border-radius: 3px;  font-size: 14px; display: block; 
}

.basket{
   position: relative; margin-left: auto; margin-right: auto; margin-top:3px; height: 32px;   width:205px; text-align: center;  
    border-radius: 3px;  font-size: 14px; display: block; color:#fff;
}

.basket-add:hover,.detail:hover{
    background:#666; color:#eee; 
}

.basket-quantity{
    position:absolute; bottom:0px; left: 0px; width:82px; height: 43px; background:rgba(0,0,0,0.5);
   border-bottom: 2px solid rgba(0,0,0,0);
}

.basketkalp{
    position:absolute; top:3px; left: 53px; width:27px; height: 27px; 
}
.basketincele{
    position:absolute; top:3px; left: 124px; width:27px; height: 27px; 
}


.basketkalpa{
    color:#109ccd; font-size: 19px;
}

.basketincelea{
    color:#93bf36; font-size: 19px;
}

.basketkalpa:hover,.basketincelea:hover{
    color:#666;
}

.basket-input{
    width:50px;     height: 20px!important; padding:3px; float: left; margin:3px 0px 0px 3px;
}

.basket-quantity-input-top{
    width:25px; height: 40px; float: right; margin:3px 3px 0px 0px; 
}

.basket-quantity-input-poz,.basket-quantity-input-neg{
   cursor: pointer;   width:100%; height: 19px; background:rgba(0,0,0,0.2); color:#fff;
}

.basket-quantity-input-neg{
   margin-top:2px;
}

.basket-quantity-input-poz:hover,.basket-quantity-input-neg:hover{
   background:rgba(0,0,0,0.4);
}

.basket-unit{
    text-align: left; font-weight: normal; padding: 5px 0px 0px 5px;
}




.text-area{
    padding:10px 0px 10px 10px; min-height: 70px;
}





.ilanekleust{
     width:85px;   height: 50px; float:right; margin-right:0px; margin-left: 10px;
    
}
.ilanekleust div{
    width:100%; height: 20px; text-align:left;
}

.hesabim{
     min-width:105px; width: 45%;   height: 50px; float:right; margin-right:5px;
    
}

.hesabim div{
    width:100%; height: 20px; text-align:right;
}

.hesabim1{
    font-size: 17px;
}

.hesabim2 ,.hesabim2 a{
   position: relative; font-size: 12px;
}

.hesabim1 i{
    float:right; margin-right:15px; font-size:15px;
}

.hesabim2 i{
    margin-top:2px; font-size:13px; 
}


.uplogo{
    max-width: 300px;
}

.yildizlar{
 width:80px; height: 19px;  margin-left:auto; margin-right: auto;
}









.ucnokta{
    white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
}

.dikeyortala{
    display:flex; justify-content:center; align-items: center; 
}


.kurkutuout{
    padding: 20px;  
}


.kurkutu{
  position: relative; width: 100%; height: 400px; overflow: hidden; 
  border:1px solid #ddd;   
}



.kurimgdiv{
    text-align: center; overflow: hidden; 
  
}

.kurimgdiv:hover img {
    transform: scale(1.2);
}

.kurimgdiv img{
    width:100%; margin-top: 0px; height: auto; transition: transform .5s;
}

.kurtitle{
    width:100%; 
    height: 50px; 
    padding-bottom: 3px; 
    position: absolute; 
    bottom: 128px; 
    left: 0px; 
    text-align: center;
    background: rgba(255,255,255,0.95); 
    color:#154473;  
    font-size: 17px; 
    overflow: hidden;
    font-weight: bold;
    line-height: 24px;
}




.kurcomment{
    width: 100%;
    height: auto;
    max-height: 123px;
    padding-bottom: 3px;
    position: absolute;
    top: 269px;
    left:0px;
    text-align: center;
    background: rgba(255,255,255,0.95);
    color: #000;
    font-size: 13px; 
    font-weight: bold;
    overflow: hidden;
    line-height: 24px;
}


.iletisimkutu{
    padding-left:20px;
}


.kurumsalaciklama{
    margin-top:50px; padding: 30px;
}


#jssor_1{
    position:relative;margin:0 auto; left:0px;width:1300px; height:520px; overflow:hidden;visibility:hidden;
    z-index:4;
}
#jssor_1 div{
       z-index:4;
}
header , header .h_top_part ,header .h_top_part .container,header .h_top_part .container .row{
 position:relative;   z-index:9255;
}



.home-wecommet-title{
    padding-left:0px; text-align: center; border:0px; 
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    min-height: 40px;
    padding-top: 10px;
}


.label-title{
   width: auto; height: 40px; margin-top:25px;  background:rgba(0,0,0,0.1); padding-top: 10px; padding-right: 20px;margin-left:25px;
}

.label-title:hover{
     background:rgba(0,0,0,0.3); 
}

.upsection{
    padding: 20px; margin-top:-20px;
}

.profilsatir{
    width:100%; padding-top: 2px;  padding-left: 10px;  border-bottom:1px solid #eee; color:#000;
}













@media (min-width:0px) and (max-width:450px) {   
.vitrindiv{
  width:46%; margin:2%;  
}
}



@media (min-width:451px) and (max-width:768px) {  
.vitrindiv{
  width:30.3%; margin:1.5%;  
}
}


@media (min-width:769px) and (max-width:1000px) {  
.vitrindiv{
  width:18%; margin:1%;  
}
}


@media (min-width:1001px) and (max-width:1199px) {  
.vitrindiv{
  width:15%; margin:0.8%;  
}
}


@media (min-width:1200px) and (max-width:5000px) {  
.vitrindiv{
  width:10%; margin:0.5%;  
}
}
.vitrindiv:hover  {
    transform: scale(1.5);
}
.vitrindiv{
  float: left;  height: 130px;  padding: 0px; transition: transform 0.3s;
}

.vitrinresim{
    width:100%; height: 98px;  text-align: center; display: flex;
    justify-content: center;
    align-items: center; overflow: hidden; border:1px solid #eee; 
}

.vitrinbaslik{
    width:100%; height: 20px; padding-left: 3px; background-color: #fff; font-size:10px; color:#000; 
}