@charset "utf-8";
/* CSS Document */
@import "../fonts/fonts.css";
@import "../font-awesome/css/all.css";
.sosyal-link, img, textarea {
  display: block
}
.bannerBox, .overlay3, .swiper-belge-galeri, .swiper-etkinlik-galeri, .swiper-haber-galeri {
  overflow-x: hidden
}
#accordion a, .listeGenel .indirBtn a, .navbar ul.menu li.menu a.menu, .options a, .tabAlan ul.tabmenu li a, a, a:hover {
  text-decoration: none
}
#accordion, .clearfix:after {
  visibility: hidden
}
.navbar ul.menu, ul.alt-menu-list, ul.dokuman-list, ul.iletisim-list, ul.list-open-menu, ul.muzik-list, ul.overlay-menu-list, ul.sosyal, ul.teknik-destek-list {
  list-style-type: none
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.preload * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important
}
body::-webkit-scrollbar {
  width: 8px
}
body::-webkit-scrollbar-track {
  background-color: #f1f1f1
}
body::-webkit-scrollbar-thumb {
  background-color: #ffd842;
  border-radius: 4px
}
body::-webkit-scrollbar-thumb:hover {
  background-color: #ce7c80
}
body, html {
  height: 100%;
  min-height: 100%
}
a, abbr, acronym, address, applet, article, aside, audio, big, blockquote, body, button, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, select, small, span, strike, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, tt, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0
}
 
body {
  min-width: 1064px;
  background: #fff
}
ul {
  padding: 0;
  margin: 0
}
 
:focus {
  outline: 0
}
input[type=text], select, textarea {
  width: 100%;
  height: 50px;
  border: 1px solid #ccc;
  padding-left: 12px;
  font: 15px Montserrat-Light;
  color: #1a509f
}
select {
  height: 50px;
  padding-right: 34px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: Montserrat-Light;
  background: url(../pageFile/selectOk.svg) 94% center/12px 6px no-repeat, 0 0/12px 6px #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}
textarea {
  padding-top: 10px
}
.imgBox.kariyer, .inputDiv {
  width: 100%;
  margin-bottom: 16px
}
input[type=text].transparent {
  border: 1px solid #fff;
  background-color: transparent;
  font: 17px Montserrat-Regular;
  color: #fff
}
input[type=password] {
  width: 100%;
  height: 50px;
  border: 1px solid #738b9e;
  padding-left: 12px;
  font: 17px Montserrat-Regular;
  color: #707070
}
select::-ms-expand {
  display: none
}
.transparent::-webkit-input-placeholder {
  color: #fff
}
.transparent::-moz-placeholder {
  color: #fff
}
.transparent:-ms-input-placeholder {
  color: #fff
}
.transparent:-moz-placeholder {
  color: #fff
}
.pull-left {
  float: left !important
}
.pull-right {
  float: right !important
}
.clearfix::after {
  content: "";
  clear: both;
  display: table
}
.row {
  width: 100%;
  min-height: 5px
}
.container-menu {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 98px;
  width: 100%;
  padding: 0 36px;
  z-index: 999s
}
.container-big, .container-med {
  position: relative;
  height: auto
}
.container-big {
  margin: 0 auto;
  width: 100%;
  max-width: 940px;
 
}
.container-med {
  margin: 0 auto;
  width: 100%;
  max-width: 1064px
}
.col, .col-left, .col-right, .row, h1, h2, h3, h4, h5 {
  position: relative;
  float: left;
  height: auto
}
 
 
 
 
 
  
 
.genel-title-breadcrumb span, .urun-detay-breadcrumb span, h1.ana span {
  font-family: Montserrat-Light
}
select.dil, select.dil option {
  width: 36px;
  font: 13px Montserrat-Bold;
  color: #fff;
  height: 36px;
  text-align: center
}
.puanlama-str, s .ust-btn-grup {
  margin-top: 6px
}
select.dil {
  padding-left: 10px;
  padding-right: 0;
  background: url("../pageFile/selectOkBeyaz.svg") center 25px/10px no-repeat, 0 0/10px #1a509f;
  -webkit-border-radius: 36px;
  -moz-border-radius: 36px;
  border-radius: 36px
}
select.dil option {
  background-size: 10px;
  -webkit-border-radius: 36px;
  -moz-border-radius: 36px;
  border-radius: 36px
}
 
 
 
 
.overlay, .overlay2, .overlay3, .overlay4, .overlay5, .overlay6, .overlay7, .overlay8 {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  z-index: 900000;
  overflow-y: auto;
  top: 0;
  left: 0;
  background-color: rgba(64, 92, 88, .85)
}
.overlay3 {
  background-color: rgba(0, 0, 0, .85);
  overflow-y: auto
}
.overlay-content, .overlay2-content, .overlay3-content, .overlay4-content, .overlay5-content, .overlay6-content, .overlay7-content, .overlay8-content {
  position: relative;
  top: 38%;
  width: 40%;
  text-align: center;
  margin: auto
}
.overlay2-content {
  width: 50%;
  top: 24%
}
.overlay3-content {
  top: 9%;
  width: 100%
}
.overlay5-content {
  top: 18%
}
.overlay7-content {
  top: 8%
}
.overlay .closebtn, .overlay2 .closebtn, .overlay3 .closebtn, .overlay4 .closebtn, .overlay5 .closebtn, .overlay6 .closebtn, .overlay7 .closebtn, .overlay8 .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  cursor: pointer;
  color: #fff
}
.overlay2 .bosAlan, .overlay3 .bosAlan, .overlay4 .bosAlan, .overlay5 .bosAlan, .overlay6 .bosAlan, .overlay7 .bosAlan, .overlay8 .bosAlan {
  padding: 0 !important;
  margin: 0 !important;
  width: 0 !important;
  height: 0 !important
}
.overlay .closebtn:hover, .overlay2 .closebtn:hover, .overlay3 .closebtn:hover, .overlay4 .closebtn:hover, .overlay5 .closebtn:hover, .overlay6 .closebtn:hover, .overlay7 .closebtn:hover, .overlay8 .closebtn:hover {
  color: #ccc
}
.overlay input[type=text], .overlay2 input[type=text], .overlay3 input[type=text] {
  padding: 15px;
  height: 50px;
  font-size: 17px;
  border: none;
  float: left;
  font-family: Montserrat-Regular;
  width: 86%;
  background: #fff
}
.overlay2 input[type=text], .overlay3 input[type=text], .overlay4 input[type=text], .overlay5 input[type=text], overlay6 input[type=text] {
  width: 100%;
  height: 50px
}
.overlay3 select {
  padding: 15px;
  height: 50px
}
.overlay input[type=text]:hover, .overlay2 input[type=text]:hover, .overlay3 input[type=text]:hover {
  background: #f1f1f1
}
.overlay button, .overlay2 button, .overlay3 button, .overlay4 button, .overlay5 button, .overlay6 button {
  float: left;
  width: auto;
  padding: 15px;
  background: #f1f1f1;
  font-size: 17px;
  cursor: pointer
}
.overlay button:hover, .overlay2 button:hover, .overlay3 button:hover, .overlay4 button:hover, .overlay5 button:hover, .overlay6 button:hover {
  background: #bbb
}
.bannerBox {
  width: 100%;
  height: auto;
  margin-top: 0;
  z-index: 0
}
 
 
 
 
 
.custom-checkbox {
  cursor: pointer;
  display: block;
  font-size: 18px;
  line-height: 30px;
  margin: 0 0 20px;
  padding: 0 0 0 40px;
  position: relative
}
.custom-checkbox input[type=checkbox], .custom-urun-liste-checkbox input[type=checkbox], .filtre-custom-select select, .filtre-select-hide, .styled-checkbox.bulten-check {
  display: none
}
 
.custom-checkbox span.checkbox {
  background-color: #fff;
  border: 1px solid #ccc;
  cursor: pointer;
  display: block;
  height: 30px;
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 30px
}
.custom-checkbox input[type=checkbox]:checked + span.checkbox {
  background: #353535;
  border-color: #353535;
  text-align: center
}
.custom-checkbox input[type=checkbox]:checked + span.checkbox:before {
  content: "\f00c";
  color: #fff;
  font: 16px/1 FontAwesome
}
.custom-checkbox input[type=checkbox]:disabled + span.checkbox {
  background: #f4db7a;
  border-color: #ccc;
  text-align: center
}
   
 
  
 
.uk-accordion li {
  background-color: #fff !important
}
.uk-accordion-title {
  font-family: Montserrat-Bold !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 24px !important;
  height: 54px !important;
  line-height: inherit !important
}
.uk-accordion-title::before {
  margin-top: 0 !important
}
   
input[type=text]:disabled {
  background: #fff
}
 
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0
}
.video-container embed, .video-container iframe, .video-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
 
#accordion ul {
  padding: 0;
  margin: 0;
  list-style: none
}
#accordion ul ul {
  padding: 0
}
#accordion .top > a, #accordion .top > div {
  padding-left: 20px;
  padding-top: 12px;
  padding-bottom: 12px
}
#accordion li li > a, #accordion li li > div {
  padding-left: 30px;
  padding-top: 8px;
  padding-bottom: 8px
}
#accordion li li li > a, #accordion li li li > div {
  padding-left: 50px
}
#accordion li > div {
  font-family: 'Lucida Grande', Geneva, Candara, Tahoma, sans-serif;
  font-weight: 700;
  font-size: large;
  color: #000
}
#accordion .active > div {
  color: #333
}
#accordion li {
  font-family: Arial, sans-serif;
  font-size: 13px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  -ms-user-select: none;
  -mos-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  user-select: none
}
#accordion li.top + li.top {
  border-top: 0
}
#accordion a {
  color: #000;
  font-weight: 400;
  font-size: 13px;
  display: block;
  line-height: 1;
  transition: .3s
}
.anket-btn, .belge-box {
  -webkit-transition: .5s
}
#accordion div.caret {
  color: inherit;
  display: inline-block;
  margin-top: 3px;
  width: 0;
  height: 0;
  background: url("../pageFile/yan-menu-cizgi.svg") right center/46px no-repeat, 0 0/46px #005a9e;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px
}
 
.inputDiv-2 {
  width: calc(50% - 6px)
}
.inputDiv-3 {
  width: calc(32% - 3px)
}
.inputDiv-4 {
  width: calc(25% - 3px)
}
.inputDiv-5 {
  width: calc(20% - 12px)
}
.inputDiv-6 {
  width: calc(16.66% - 12px)
}
select.form-2 {
  width: 50%;
  height: 42px;
  background-color: #f7f7f7;
  font: 13px Montserrat-Light;
  color: #a6a6a6;
  padding: 0 10px;
  background-size: 9px
}
.cv-input-box {
  margin-top: 12px
}
label.cvfile {
  flex-direction: row-reverse;
  justify-content: space-between
}
input[type=radio]:checked, input[type=radio]:not(:checked), label.cvfile input {
  position: absolute;
  left: -9999px
}
span.cvFile {
  border: 1px solid #ffd842;
  text-align: center;
  width: 148px;
  height: 50px;
  color: #5a6771;
  cursor: pointer;
  font: 17px Montserrat-Bold;
  justify-content: center;
  align-items: center
}
 
.transition-200 {
  -webkit-transition: .2s ease-in;
  -ms-transition: .2s ease-in;
  -moz-transition: .2s ease-in;
  transition: .2s ease-in
}
 
.mr-0 {
  margin-right: 0 !important
}
.mb-0 {
  margin-bottom: 0 !important
}
.text-center {
  text-align: center !important
}
.text-right {
  text-align: right !important
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto
}
.clearfix:after {
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0
}
      
.transition-05 {
  -webkit-transition: .5s;
  transition: .5s
}
.transition-1s {
  -webkit-transition: 1s;
  transition: 1s
}  













.radius-5 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px
}
.radius-10 {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px
}
.radius-15 {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px
}
.on_izleme_hata {
  position: absolute;
  font: 9pt Arial;
  min-width: 200px;
  height: auto;
  width: auto;
  padding: 0 10px;
  min-height: 30px;
  left: 30%;
  top: -22px;
  color: #fff;
  text-align: center;
  background: -webkit-linear-gradient(90deg, #8f0808 5%, #f70505 100%);
  background: -moz-linear-gradient(90deg, #8f0808 5%, #f70505 100%);
  background: -ms-linear-gradient(90deg, #8f0808 5%, #f70505 100%);
  background: linear-gradient(180deg, #f70505 5%, #8f0808 100%);
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  -webkit-box-shadow: 0 2px 10px 0 #616161;
  -moz-box-shadow: 0 2px 10px 0 #616161;
  box-shadow: 0 2px 10px 0 #616161;
  display: table
}
.on_izleme_hata:after {
  content: "";
  position: absolute;
  bottom: -7px;
  left: 50%;
  border-style: solid;
  border-width: 7px 9px 0;
  border-color: #8f0808 transparent;
  display: block;
  width: 0;
  z-index: 1
}
/**********************************************************************************************************************************/
body{background-color: #f3f4f5;}


header{ position: fixed;background-color: #f3f4f5;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 940px;
    z-index: 999;}

.ust-arama-str{margin: 15px 0;}
.ust-arama-stn{display: flex; flex-direction:row;}
.ust-arama-sol-stn{width:calc(100% - 172px);margin-right: 15px;}
.ust-arama-sag-stn{width: 157px;}
.ust-arama-input{height: 42px !important; background-color: #f8f8f9;border-radius: 21px;-webkit-border-radius:21px;}

.ust-btn-box{background-color: #fff;height: 42px !important; border-radius: 21px;-webkit-border-radius:21px;display: flex; align-items: center;padding: 0 8px;}
.ust-btn{display: flex; justify-content: center; align-items: center;width:30px;width: 80px; height: 30px; color: #000;border-radius: 15px;-webkit-border-radius:15px;}
.ust-btn.secili,.ust-btn:hover{background-color: #f9df4b;}



.ust-model-str{margin: 15px 0;}
.ust-model-stn{display: flex; flex-direction:row;}
.ust-model-sol-stn{width: 40px;margin-right: 16px; }
.ust-model-sag-stn{width:calc(100% - 56px);text-align: center;font: 18px 'Montserrat-Bold';}
 
 
 














.marka-genel-title{font: 18px 'Montserrat-Bold'; color: #000;text-align: left;margin: 15px 0;}


.marka-str{margin-top: 128px;}
.marka-stn{display: flex; flex-direction: row; flex-wrap:wrap;}
.marka-box{width:calc(25% - 12px); margin-right: 16px; margin-bottom: 16px; background-color: #fff;padding: 14px;border-radius: 15px;-webkit-border-radius:15px;}
.marka-box:nth-child(4n){margin-right: 0;}

.marka-box:hover{background-color: #d2d3d3;}

.marka-img {
    width: 100%;
    height: 76px;
    overflow: hidden; /* Taşmayı engeller */
}

.marka-img img {
    width: 100%;
    height: 100%;
 
    object-position: center;  /* Resmi ortala */
    display: block;           /* Boşluk kalmasın */
}




.marka-title{font: 18px 'Montserrat-Regular'; color: #000;text-align: center;}
.model-yil{font: 17px 'Montserrat-Light'; color: #000000;text-align: center;}



.model-str{margin-top: 40px;}
.model-stn{display: flex; flex-direction: row; flex-wrap:wrap;}
.model-box{width:calc(25% - 12px); margin-right: 16px; margin-bottom: 16px; background-color: #fff;padding: 14px;border-radius: 15px;-webkit-border-radius:15px;}
.model-box:nth-child(4n){margin-right: 0;}

.model-box:hover{background-color: #d2d3d3;}
.model-title{font: 19px 'Montserrat-Bold'; color: #000;text-align: left;margin-bottom: 16px;}

.model-geri-btn{width: 40px; height: 40px; font-size: 22px; display: flex; align-items: center; justify-content: center; color: #000;}
.model-geri-btn:hover{background-color: #e0e1e2;border-radius: 20px;-webkit-border-radius:20px;}


.car-str{margin-bottom: 16px;}
.car-stn{display: flex; flex-direction: row; flex-wrap:wrap;}
.car-box{width:calc(25% - 12px); margin-right: 16px; margin-bottom: 16px; background-color: #fff;padding: 14px;border-radius: 15px;-webkit-border-radius:15px;}
.car-box:nth-child(4n){margin-right: 0;}

.car-kasa-type{font: 17px 'Montserrat-Regular'; color: #000;text-align: center;}
.car-title{font: 16px 'Montserrat-Light'; color: #000;text-align: center;}
/**********************************************************************************************************************************/
.model-detay-str{}
.model-detay-stn{}

.model-detay-geri-btn{position: absolute;z-index: 999; width: 40px; height: 40px; font-size: 22px; display: flex; align-items: center; justify-content: center; color: #000;}
.model-detay-geri-btn:hover{background-color: #e0e1e2;border-radius: 20px;-webkit-border-radius:20px;}

.model-detay-fullscreen-btn{position: absolute; right: 15px; z-index: 999; width: 40px; height: 40px; font-size: 22px; display: flex; align-items: center; justify-content: center; color: #000;}
.model-detay-fullscreen-btn:hover{background-color: #e0e1e2;border-radius: 20px;-webkit-border-radius:20px;}



.model-detay-ust-str{background-color: #fff;padding: 15px;margin-bottom: 16px;}
.model-detay-ust-img-box{display: flex; justify-content: center;margin-bottom: 16px;}
.model-detay-ust-img {
    width: 324px;
    height: 212px;
    overflow: hidden; /* Taşmayı engeller */
}

.model-detay-ust-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;        /* Kırp ama bozmadan doldur */
    object-position: center;  /* Resmi ortala */
    display: block;           /* Boşluk kalmasın */
}


.model-detay-stn{display: flex;flex-direction: row;}
.model-detay-ust-sol-stn{margin-right: 16px;}
.model-deay-ust-sag-stn{}
.model-detay-ust-title-box{background-color: #f3f4f5;border-radius: 15px;-webkit-border-radius:15px; padding:6px 12px;display: flex; align-items: center;}
.model-detay-ust-marka-model-title{font: 18px 'Montserrat-Bold'; color: #000;text-align: left;margin-bottom:6px;}
.model-detay-ust-model-kasa-yil{font: 17px 'Montserrat-Regular'; color: #000;text-align: left;}


.model-detay-title{font: 19px 'Montserrat-Bold';
    color: #000;
    text-align: left;
    margin-bottom: 16px;}



.model-detay-sheet-stn{display: flex;flex-direction: row;background-color: #fff;border-radius: 15px;-webkit-border-radius:15px; padding:6px 12px; margin-bottom: 16px;}
 
.model-detay-sheet-sol-stn{width: calc(100% - 90px);}
.model-detay-sheet-sag-stn{width: 90px;}

.model-detay-sheet-marka-model-title{font: 17px 'Montserrat-Regular'; color: #000;text-align: left;margin-bottom:6px;}
.model-detay-sheet-model-kasa-yil{font: 15px 'Montserrat-Light'; color: #000;text-align: left;}



.emergency-box{display: flex;flex-direction: row;background-color: #fff;border-radius: 15px;-webkit-border-radius:15px; padding:6px 12px; margin-bottom: 16px;}
.emergency-sol-stn{width: 90px;}
.emergency-sag-stn{width: calc(100% - 90px);}
.emergency-sol-stn img{width: 50px;}

.emergency-title{font: 17px 'Montserrat-Bold'; color: #000;text-align: left; }
.emergency-file-title{font: 15px 'Montserrat-Light'; color: #000;text-align: left;}




.search-genel-title{font: 19px 'Montserrat-Bold'; color: #000;text-align: left;margin: 80px 0 15px;}



.search-sonuc-str{background-color: #fff;border-radius: 15px;-webkit-border-radius:15px; padding:6px 12px;display: flex; align-items: center;margin-bottom:16px;}
.search-sonuc-sol-stn{margin-right: 16px;}
.search-sonuc-sag-stn{}
.search-sonuc-title{font: 17px 'Montserrat-Bold'; color: #000;text-align: left;margin-bottom:6px;}
.search-sonuc-aciklama{font: 15px 'Montserrat-Light'; color: #000;text-align: left;}


/**********************************************************************************************************************************/
@media (min-width:1441px) {
  .mobil-banner, .mobil-header, .mobil-img {
    display: none !important
  }
  .desk-header, .desk-img {
    display: block
  }
 
}
@media (min-width:1367px) and (max-width:1440px) {
  .header .logo, .header .logo.logo-ana {
    background-size: 176px 68px
  }
 
  .mobil-banner, .mobil-header, .mobil-img {
    display: none !important
  }
  .desk-header, .desk-img {
    display: block
  }
   
         
 
}
@media (min-width:1281px) and (max-width:1366px) {
 
 
  .mobil-banner, .mobil-header, .mobil-img {
    display: none !important
  }
  .desk-header, .desk-img {
    display: block
  }
 
}
@media (min-resolution:160dpi) and (min-width:1367px) {
  .header .logo, .header .logo.logo-ana {
    background-size: 176px 68px
  }
 
  .mobil-banner, .mobil-header, .mobil-img {
    display: none !important
  }
  .desk-header, .desk-img {
    display: block
  }
   
 
}
@media (min-width:1025px) and (max-width:1280px) {
  .container-menu {
    padding: 0 24px
  }
  .container-med {
    margin: inherit;
    padding: 0 15px;
    max-width: 100%
  }
 
  .mobil-banner, .mobil-header, .mobil-img {
    display: none !important
  }
  .desk-header, .desk-img {
    display: block
  }
  
 
 
}
@media (min-width:801px) and (max-width:1024px) {
 
 
  body {
    min-width: 100%
  }
  .container, .container-big, .container-med {
    padding: 0 15px;
    width: 100%;
    max-width: 100%
  }
      
}
@media (min-width:481px) and (max-width:800px) {
 
 
  body {
    min-width: 100%
  }
  .container, .container-big, .container-med {
    padding: 0 15px;
    width: 100%;
    max-width: 100%
  }
      
	
.marka-box{width:calc(33.33% - 10.66px); margin-right: 16px; margin-bottom: 16px; background-color: #fff;padding: 14px;border-radius: 15px;-webkit-border-radius:15px;}
.marka-box:nth-child(3n){margin-right: 0;}
	
	
.car-box{width:calc(33.33% - 10.66px); margin-right: 16px; margin-bottom: 16px; background-color: #fff;padding: 14px;border-radius: 15px;-webkit-border-radius:15px;}
.car-box:nth-child(3n){margin-right: 0;}		
	
	
	
 
 
}



@media (min-width:0) and (max-width:480px) {
 
 
  body {
    min-width: 100%
  }
  .container, .container-big, .container-med {
    padding: 0 15px;
    width: 100%;
    max-width: 100%
  }
      
	
.marka-box{width:calc(50% - 8px); margin-right: 16px; margin-bottom: 16px; background-color: #fff;padding: 14px;border-radius: 15px;-webkit-border-radius:15px;}
.marka-box:nth-child(2n){margin-right: 0;}
	
	
.car-box{width:calc(50% - 8px); margin-right: 16px; margin-bottom: 16px; background-color: #fff;padding: 14px;border-radius: 15px;-webkit-border-radius:15px;}
.car-box:nth-child(2n){margin-right: 0;}	
 
 
}