.menu-top {
    width: 100%;
    background-color: black;
    height: 25px;
    position: fixed;
    top: 0;
    z-index: 999;
}

.social-media a i   {
    color: #ffffff9c;
    border-left: 1px solid grey;
    padding: 0% 6px;
    text-decoration:none;
}
.social-media a :hover {color: #ffffffff;text-decoration:none;}
a img {
    width: 100%;
    height: 115px;
    border: 1px solid white;
    border-radius: 50%;
}
a.navbar-brand {color: black;padding-left: 1%;}
a.navbar-brand p { font-size: 15px;}
.menu {
    width: 100%;
    top: 25px;
    position: fixed;
    float: left;
    background-color: #fff;
    height: 55px;
    z-index: 999;
    -webkit-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 11px 1px rgba(0,0,0,0.75);
}
nav ul li:hover {border-bottom: 2px solid #020202;}
li.nav-item {padding: 0 3%;}
a.nav-link {color: #000000d9;}
a.nav-link :hover {color: #000000;}
.carousel-item img {width: 100%;}
.urunler {
    position: relative;
    float: left;
    width: 100%;
    padding-top: 2%;
    background-size: 100%;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+47,d8d8d8+58,bbbbbb+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 47%, rgba(216,216,216,1) 58%, rgba(187,187,187,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 47%,rgba(216,216,216,1) 58%,rgba(187,187,187,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 47%,rgba(216,216,216,1) 58%,rgba(187,187,187,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-9 */
  Z-INDEX: 55;
}
.col-lg-3.col-md-6.col-sm-6 {
    float: left;
    padding: 0px 1%;
    position: relative;
    margin-bottom: 1%;
}
img.card-img {width: 255px !important;height: 185px;background-color: white;}
a.carousel-control-prev,a.carousel-control-next {top: 12%;}
.urunler h4 {margin-bottom: 3%;}
.card-body a {
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    color: #3ca4f0;
}
.card-body a i{padding-left: 2px;font-size: 13px;}
.col-md-4 {float: left;}
.card-body p {font-size: 14px;}
a.btn.btn-outline-primary {margin-top: 2%;color: white;border: 2px solid white;margin-bottom: 3%;}
.btn-outline-primary:hover {color: #595555 !important;background-color:white !important;border: 2px solid #676565;}
.card {float: left;position: relative;}
.kisa_hak {
    width: 100%;
    color: white;
    margin-bottom: 2%;
    padding-bottom: 4%;
    position: relative;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#36978e+14,36978e+58&1+47,0+100 */
    background: -moz-linear-gradient(left, rgba(54,151,142,1) 14%, rgba(54,151,142,1) 47%, rgba(54,151,142,0.79) 58%, rgba(54,151,142,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(54,151,142,1) 14%,rgba(54,151,142,1) 47%,rgba(54,151,142,0.79) 58%,rgba(54,151,142,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(54,151,142,1) 14%,rgba(54,151,142,1) 47%,rgba(54,151,142,0.79) 58%,rgba(54,151,142,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36978e', endColorstr='#0036978e',GradientType=1 ); /* IE6-9 */
    padding-top: 5%;
}
.kisa_hak a {color: rgba(159, 235, 228, 0.91);}
i.fas.fa-chevron-right {margin-left: 4px;}
.kisa_hak a:hover{text-decoration:none;color:rgb(14, 84, 77);}
.mix_center {
    width: 100%;
    background-image: url('../img/mm.png');
    position: relative;
    z-index: 15;
    background-size: 100%;
    margin-bottom: 2%;
    background-repeat: no-repeat;
    padding-bottom: 2%;
    height: 290px;
    padding-top: 2%;
    background-color: black;
    color: white;
}
.row {width: 100%;float: left;}
.mc.text-center h4 {font-family: TrajanPro Regular;margin-top: 2%;font-size: 28px;}
.mc.text-center p {font-family: Righteous Regular;margin-top: 4%;}
.firat {
    width: 100%;
    position: relative;
    margin-bottom: 2%;
    background-color: white;
}
.firat img {width: 100%;float: left;}
.firat a {
    font-family: Righteous Regular;
    color: black;
    font-size: 19px;
    font-weight: bold;
}
.firat a:hover {text-decoration:none;color:#ff7609;}
.contant {
    width: 100%;
    padding-bottom: 2%;
    position: relative;
    padding-top: 2%;
    float: left;
    -webkit-box-shadow: 0px 0px 21px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 21px -1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 21px -1px rgba(0,0,0,0.75);
    background-color: #2593d2;
}
.mix_center button.btn.btn-outline-primary {margin-bottom: 0;}
.col-md-6.iletisim_text {
    position: relative;
    float: left;
    width: 100%;
    color: white;
}
.col-md-6.iletisim_text p i {margin-right: 2%;}
.col-md-6.iletisim_form h4 {color:white;}
.col-md-6.iletisim_form {float: left;width: 100%;position: relative;}
.contant button.btn.btn-danger {background-color: #c55033;}
div#accordion {padding: 0 !important;}
.harita {
    width: 100%;
    text-align: center;
    padding: 1% 0%;
    font-size: 20px;
    background-color: #f6f6f6;
    -webkit-box-shadow: 0px 0px 21px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 21px -1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 21px -1px rgba(0,0,0,0.75);
}
a.harita_m {color: #6b6767;}
a.harita_m:hover {color:#333 !important;text-decoration:none;}
.footer {
    width: 100%;
    float: left;
    position: relative;
    background-color: #333;
    color: white;
    padding: 2% 0;
}
.urunler button.btn.btn-outline-primary {color: #ffffff;border: 2px solid #ffffff;}
.urunler button.btn.btn-outline-primary:hover {color: black !important;background-color:#f5f4f4 !important;}
.card-body a:hover {text-decoration:none;}
.sus {width: 100%;position: relative;}
.mc.text-center {padding: 0 23%;}
.brand {
     position: relative;
     float: left;
     line-height: 55px;
     text-transform: uppercase;
     font-size: 1.4em;
}
 .brand a, .brand a:visited {color: #000;text-decoration: none;}
 .nav-container {max-width: 100%;margin: 0 auto;}
nav {float: right;}
nav ul {list-style: none;margin: 0;padding: 0;}
 nav ul li {
     float: left;
     color: #333 !important;
     position: relative;
}
 nav ul li a,nav ul li a:visited {
     display: block;
     padding: 0 20px;
     line-height: 55px;
     color: #333;
     background: #262626;
     text-decoration: none;
}
 nav ul li a{background: transparent;color: #333 !important;}
 nav ul li a:hover, nav ul li a:visited:hover {
     background: #f3f2f2;
     color: #000;
     text-decoration: none;
}
 nav ul li.arama:hover, nav ul li.arama:visited:hover {
     background: #f3f2f2;
     color: #000;
     text-decoration: none;
}
 .navbar-dropdown li a{background: #2581DC;}
 nav ul li a:not(:only-child):after, nav ul li a:visited:not(:only-child):after {
     padding-left: 4px;
     content: ' \025BE';
}
 nav ul li ul li {min-width: 190px;}
 nav ul li ul li a {padding: 15px;line-height: 20px;}
 .navbar-dropdown {
     position: absolute;
     display: none;
     z-index: 1;
     background: #fff;
     box-shadow: 0 0 35px 0 rgba(0,0,0,0.25);
}
/* Mobile navigation */
 .nav-mobile {
     display: none;
     position: absolute;
     top: 0;
     right: 0;
     background: transparent;
     height: 55px;
     width: 70px;
}
 #navbar-toggle {
     position: absolute;
     left: 18px;
     top: 15px;
     cursor: pointer;
     padding: 10px 35px 16px 0px;
}
 #navbar-toggle span, #navbar-toggle span:before, #navbar-toggle span:after {
     cursor: pointer;
     border-radius: 1px;
     height: 3px;
     width: 30px;
     background: #333;
     position: absolute;
     display: block;
     content: '';
     transition: all 300ms ease-in-out;
}
 #navbar-toggle span:before {top: -10px;}
 #navbar-toggle span:after {bottom: -10px;}
 #navbar-toggle.active span {background-color: transparent;}
 #navbar-toggle.active span:before, #navbar-toggle.active span:after {top: 0;}
 #navbar-toggle.active span:before {transform: rotate(45deg);}
 #navbar-toggle.active span:after {transform: rotate(-45deg);}
li.arama {font-size: 33px;padding-bottom: 1%;}
input.form-control.form-control-sm.mr-3.w-75 {
    width: 80% !important;
    margin-right: 0 !important;
    border-radius: 5px 0px 0px 5px;
}
i.fas.fa-search {font-size: 19px;}
.modal-body p {font-size: 16px;}
.cf:before, .cf:after{content:"";display:table;}
.cf:after{clear:both;}
.cf{zoom:1;}
 /* Form wrapper styling */
.search-wrapper {width: 100%;box-shadow: 0 1px 1px rgba(0, 0, 0, .4) inset, 0 1px 0 rgba(255, 255, 255, .2);}
/* Form text input */
.search-wrapper input {width: 77%;height: 40px;padding: 10px 5px;float: left;font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';border: 0;background: #EEE;border-radius: 3px 0 0 3px;}
.search-wrapper input:focus {
    outline: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}
.search-wrapper input::-webkit-input-placeholder {color: #999;font-weight: normal;font-style: italic;}
.search-wrapper input:-moz-placeholder {color: #999;font-weight: normal;font-style: italic;}
.search-wrapper input:-ms-input-placeholder {color: #999;font-weight: normal;font-style: italic;}    
/* Form submit button */
.search-wrapper button {overflow: visible;position: relative;float: right;border: 0;padding: 0;cursor: pointer;height: 40px;width: 100%;font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';color: white;text-transform: uppercase;background: #D83C3C;border-radius: 0 3px 3px 0;text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);}  
.search-wrapper button:hover{background: #e54040;}     
.search-wrapper button:active,
.search-wrapper button:focus{background: #c42f2f;outline: 0;   }
.search-wrapper button:before { /* left arrow */
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #d83c3c transparent;
    top: 12px;
    left: -6px;
}
.search-wrapper button:hover:before{border-right-color: #e54040;}
.search-wrapper button:focus:before,
.search-wrapper button:active:before{border-right-color: #c42f2f;}      
.search-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
    border: 0;
    padding: 0;
}    
.modal-body {padding: 15% 5%;}
.arka_plan {position: relative;width: 100%;margin-top: 80px;}
.arka_plan img {width: 100%;}
.hakkimizda {position: relative;width: 100%;margin: 3% 0;}
.hakkimizda .container {-webkit-box-shadow: 0px 0px 11px -3px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 11px -3px rgba(0,0,0,0.75);box-shadow: 0px 0px 11px -3px rgba(0,0,0,0.75);padding: 4%;}
.hakkimizda .container h6 {color: #2593d2;font-weight: bold;}
.hakkimizda .container h4 {color: #091c3b;font-weight: bold;font-size: 27px;}
.social-media a {color: #ffffff9c;font-size: 13px;text-decoration: none;}
.social-media a:hover {color: white;text-decoration: none;}
.urunler_2 {position: relative;width: 100%;margin: 3% 0;}
.urunler_2 .container {
    -webkit-box-shadow: 0px 0px 11px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 11px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 11px -3px rgba(0,0,0,0.75);
    padding: 0 !important;
}
.tab-container {height: 100vh;} 
.tab-tabs {list-style: none;width: 30%;height: 100%;float: left;padding-left: 0 !important;}
.tab-link {
    width: 100%;
    height: 14.3%;
    cursor: pointer;
    color: white;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
 } 
.tab-link-mobile {display: none;} 
.tab-link p {position: relative;top: 50%;transform: translateY(-50%);font-size: 18px;} 
#tab-phone {background-color: rgb(58, 66, 80);}
#tab-shy {background-color: rgb(72, 80, 95);}
#tab-deals {background-color: rgb(85, 100, 115);}
#tab-homework {background-color: rgb(100, 118, 136); }
#tab-rewards {background-color: rgb(115, 135, 156);}
#tab-retail {background-color: rgb(129, 152, 175);}
#tab-hortum {background-color: rgb(163, 188, 212);color:#fff;}
.tab-content {
   width: 70%;
   overflow: auto !important;
   height: 100%;
   margin-left: 30%;
   display: none;
   padding: 0% 3%;
   background-color: white;
   border-top: white solid 1px;
} 
.tab-content h1 {margin-bottom: 20px;margin-top: 60px !important;}
.tab-content-current {display: inherit;}
.tab-link p i {margin: 0px 4%;margin-left: 8%;}
.modal-body img {width: 100%;}
.modal-content {margin-top: 50px;}
img.urun_card {width: 200px;height: 200px;border-radius: 0;}
.box {
    border-style: solid;
    border-width: 1px;
    position: absolute;
    width: 100%;
    height: 200px;
    background-color: #56080800;
    -webkit-transition: width 2s, height 2s, background-color 2s, -webkit-transform 2s;
    transition: transform 1s;
    border: none;
    border-bottom: 1px solid grey;
}
.box:hover {
    background-color: #526f7d91;
    width: 100%;
    height: 200px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
	content: '+';
    font-family: FontAwesome;
}
.tab-content .row .card {margin-right: 5%;margin-bottom: 3%;width: 200px;}
.form-group.col-md-6 { padding: inherit;}
.tab-content .row {margin-bottom: 5%;}
.tab-content .modal-body p {font-family: Arial, Helvetica, sans-serif;}
.tab-content .modal-body p a {text-decoration: none;color: red;}
.tab-content .modal-body p a:hover {color:#c86969;}
.modal-body .u_detaylar tr, td, th {border: 1px solid;text-align: center;width: 80%;padding-left: 10px;}
.iletisim_sayfa {
    width: 100%;
    margin: 3% 0;
    background-color: #15394e;
    height: 600px;
    position: relative;
    padding: 3% 0;
    color: white;
    webkit-box-shadow: 0px 0px 21px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 21px -1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 21px -1px rgba(0,0,0,0.75);
}
.col-md-6.iletisims_text2 {width: 100%;margin: 0 !important;float: left;}
.col-md-6.iletisims_form2 {float: left;}
.col-md-6.iletisims_text2 p i {margin-right: 7px;}
.galeri {width: 100%;position: relative;float: left;margin: 5% 0;}
.galeri .container {
    -webkit-box-shadow: 0px 0px 11px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 11px -3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 11px -3px rgba(0,0,0,0.75);
    padding: 2% 0;
}
.galeri .container h4 {color: #091c3b;font-weight: bold;font-size: 27px;margin-bottom: 0%;}
.clearall {clear: both;}
/* The Modal (background) */
#gallery-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 50px; /* Location of the box */
    left: 0;
    top: 55px;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}
/* Modal Content */
#gallery-modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    overflow-x: hidden;
    text-align: center;
    width: 50%;
}
/* The Close Button */
#gallery-modal-close {color: #aaaaaa;float: right;font-size: 28px;font-weight: bold;}
#gallery-modal-close:hover, #gallery-modal-close:focus {color: #000;text-decoration: none;cursor: pointer;}
#gallery-container {position: relative;}
.gallery-arrow {
  width: 5%;
  font-size: 5em;
  position: absolute;
  text-align: center;
  top: 50%;
  color: black;
  transform: translateY(-50%);
}
.gallery-arrow.gallery-prev {left: 0;}
.gallery-arrow.gallery-prev::before {content: '\02039';}
.gallery-arrow.gallery-next {right: 0;}
.gallery-arrow.gallery-next::before {content: '\0203A';}
#gallery-rows {
  position: relative;
  left: 5%;
  top: 0;
  width: 90%;
  overflow-x: hidden;
  height: auto;
}
.gallery-row {white-space: nowrap;}
/* Gallery Grid */
.gallery-item {
  display: inline-block;
  position: relative;
  margin: 2% 4%;
  height: 250px;
  -webkit-box-shadow: 0px 0px 11px -3px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 11px -3px rgba(0,0,0,0.75);
  box-shadow: 0px 0px 11px -3px rgba(0,0,0,0.75);
}
.gallery-img img {height: 250px;width: 250px;}
.gallery-item .gallery-overlay {
  line-height:150px; /* The image height */
  display:none;
  text-align:center;
  position:absolute;
  white-space: normal;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  cursor: pointer;
  padding-top: 17% !important;
  overflow: hidden;
  /* styling below */
  padding:0 10px;
  background-color:black;
  font-family: 'tahoma';
  font-size:1.2em;
  color:white;
  opacity: 0.8; /* transparency */
  filter:alpha(opacity=70); /* IE transparency */
}
.gallery-item span {display: inline-block;line-height: 1em;}
.gallery-item:hover .gallery-overlay {display: inline-block;}
#gallery-modal-image {max-width: 80%;max-height: 500px;width: auto;height: auto;}
.page-item.active .page-link {color: #fff;background-color: #c55033 !important;border: 1px solid #c55033 !important;font-weight: bold;}
a.page-link {color: #333;border: 1px solid #bbb7b7;}
a.page-link:hover {color: #fff;
    background-color: #c550339e;
    border-color: #007bff;
    border: 1px solid #c55033;
    font-weight: bold;
}
.brand a img {height: 43px;width: 77px;border-radius: 0;border: 0 !important;}
#demo {margin-top: 80px;}
.thumbnail {margin-bottom:6px;}
section a img {
    width: 230px;
    border-radius: 0;
    height: 200px;
    border: 1px solid #dedede;
    margin-bottom: 2%;
    margin-right: 2%;
}
.fancybox-is-open {z-index: 9999999;}
.fancybox-container {z-index: 999999;}
.modal-backdrop.show {background-color:black;z-index: 998;}
section center a:hover {text-decoration: none;}
.gsc-control-cse.gsc-control-cse-tr {padding: 0 !important;border: none;}
.modal-body.gsc-search-box, tr, td, th {border: none !important;overflow: auto;}
.gsc-input {padding: 0 !important;}
.gsc-search-button {
    width: 100% !important;
    float: left;
    margin: 0 !important;
    padding: 0;
}
#gsc-iw-id1 {border: none;}
#gsc-iw-id1 table {border: 1px solid #ccc;height: 40px;}
#gs_tti50 {padding: 0;width: 100% !important;height: 40px;}
#gsc-i-id1 {height: 100% !important;border: none !important;padding-left: 5px !important;height: 40px;}
#gs_id50 tr {width: 100%;padding: 0;}
.gsib_b {padding: 0 !important;}
.gsst_b {padding: 0 !important;}
#gs_cb50 {display: none !important;}
.gsc-search-button {width: 100% !important;height: 40px;}
.gsc-search-button.gsc-search-button-v2 {height: 40px !important;background: #D83C3C;border: 1px solid #D83C3C;}
.gsc-search-button.gsc-search-button-v2:hover {height: 40px !important;background: #cf6767;border: 1px solid #D83C3C;}
.gsc-search-button-v2:focus {background: #D83C3C;border: 1px solid #D83C3C;}
li.aktif_menu { background: #f3f2f2 !important;color:#000 !important; text-decoration: none; border-bottom: 2px solid black !important;}
/* Media Etiketleri */
@media (max-width: 550px) {
    .tab-container {height: auto;min-width: 230px;display: flex;flex-direction: column;}
    .tab-tabs {display: none;}
    .tab-link-mobile {display: inline-block;width: 100%;height: 46px;}
    .tab-link p {width: 195px;margin: 0 auto;text-align: left;}
    .tab-link span {display: inline;font-size: 14px;}
    .tab-content-current {
      box-sizing: border-box;
      width: 100%;
      height: auto;
      margin: 0;
      padding: 30px;
      display: inline-block;
      order: 1;
    }
    .tab-content h1 {margin-top: 0px !important;font-size: 24px;}
    .tab-content p {font-size: 12px;line-height: 18px;}
    .tab-content h3 {font-size: 14px;}
}
@media (min-width: 551px) {
    .tab-link-current {background-color: white !important;color: black !important;}
    .tab-link:hover {background-color: white !important;color: black !important;}
}
@media screen and (max-width: 556px) {
  .sus img {width: 100% !important;}
  .mix_center {background-image: radial-gradient(#585252 5%, #3a3535 15%, black 60%) !important;}
  .mc.text-center {padding: 0;}
}
@media screen and (max-width: 575px) {img.card-img {height: 315px;}}
@media only screen and (min-width: 801px) {nav ul {display: block !important; }}
@media only screen and (max-width: 800px) {
    .nav-mobile {display: block;}
    nav {padding: 0;width: 100%;}
	.fl-pop-up__overlay--pop-up {width: 80% !important; height: 160px !important;}
	.carousel-item img {width: 100%;height: 280px;}
    nav ul {width: 100%;display: none;background: #fff;float: right;right: 0 !important;position: absolute;}
    .menu{position:fixed;margin-bottom:55px}
    .iletisim_sayfa{float:left;height:100%}
    nav ul li {float: none;background-color: white;text-align: center;}
    nav ul li a {padding: 15px;line-height: 20px;}
    nav ul li ul li a {padding-left: 30px;}
    .navbar-dropdown {position: static;}
	ul.pagination.justify-content-center {margin-top: 5%;}
	.arka_plan {
    position: relative;
    width: 100%;
    margin-top: 80px !important;}
}
#gallery-modal-content {width: 83%;}
@media screen and (min-width:800px) {}
@media screen and (max-width:768px){.iletisim_form .form-group.col-md-6 {padding-right: 0 !important;}}
@media (max-width: 890px) {
    .tab-tabs {width: 18%;text-align: center;}
    .tab-tabs span {display: none;}
    .tab-content {margin-left: 18%;width: 62%;}
	.tab-content .row .card {margin-right: 2%;width:100%}
    img.urun_card {width: 78%;height: 200px;padding-left: 22%;z-index: 99999;}
} 
@media screen and (max-width: 1010px) {
  li.nav-item {padding: 0 2%;}
  a.nav-link {font-size: 15px;}
  img.card-img {width: 100% !important;height: 200px;}
  .tab-content .row .card {margin-right: 2%;}
}