/*------------------------------------------------------------------//
//  Responsive System                                               //
//------------------------------------------------------------------*/
@media screen and (max-width: 1400px) and (min-width: 1201px) {  
  .featuredCategories .featuredCategorySlider .owl-nav button.owl-prev {
    left: -35px;
  }

  .featuredCategories .featuredCategorySlider .owl-nav button.owl-next {
    right: -45px;
  }

  .homeProductSlider .owl-nav button.owl-prev {
    left: -35px;
  }

  .homeProductSlider .owl-nav button.owl-next {
    right: -35px;
  }

  .home-brand-information .container .brand-information-slider .owl-nav button.owl-prev {
    left: -35px;
  }

  .home-brand-information .container .brand-information-slider .owl-nav button.owl-next {
    right: -35px;
  }

  .home-brand-product .container .brand-product-slider .owl-nav button.owl-prev {
    left: -35px;
  }

  .home-brand-product .container .brand-product-slider .owl-nav button.owl-next {
    right: -35px;
  }
}

@media screen and (max-width: 1200px) and (min-width: 1024px) { /* PC 1200px+ ~ 1024px */
  #menus .container .menu {
    padding: 0 13px;
    font-size: 13px;
  }

  #menus .container .allBrands .allBrandsMenu {
    font-size: 13px;
  }

  .services {
    margin-top: 50px;
  }
  
  .basketLists .bUPrice {
    width: 17%;
  }

  .basketLists .bPrice {
    width: 15%;
  }

  .basketLists .bproduct {
    width: 45%;
  }
  
  .featuredCategories .featuredCategorySlider .owl-nav button.owl-prev {
    left: -45px;
  }

  .featuredCategories .featuredCategorySlider .owl-nav button.owl-next {
    right: -45px;
  }

  .homeProductSlider .owl-nav button.owl-prev {
    left: -45px;
  }

  .homeProductSlider .owl-nav button.owl-next {
    right: -45px;
  }

  .home-brand-information .container .brand-information-slider .owl-nav button.owl-prev {
    left: -45px;
  }

  .home-brand-information .container .brand-information-slider .owl-nav button.owl-next {
    right: -45px;
  }

  .home-brand-product .container .brand-product-slider .owl-nav button.owl-prev {
    left: -45px;
  }

  .home-brand-product .container .brand-product-slider .owl-nav button.owl-next {
    right: -45px;
  }

  .car-select .car-select-left {
    width: 192px;
  }

  .car-select .car-select-right {
    width: calc(100% - 197px);
  }

  .car-select .car-select-left .car-figure {
    height: 180px;
  }

  .car-select .car-select-left .car-figure .car-img-icon {
    width: 108px;
  }

  .car-select .car-select-right .car-detail .car-detail-content .car-detail-content-item span {
    font-size: 15px;
  }

  .car-select .car-select-right .car-detail .car-detail-content .car-detail-content-item strong {
    font-size: 15px;
  }

  .car-select .car-select-right .car-detail .car-detail-new-query {
    width: 25%;
  }

  .car-select .car-select-right .car-detail .car-detail-new-query a img {
    width: 80px;
  }

  .car-select .car-select-right .car-detail .car-detail-content {
    width: 45%;
  }

  .car-select .car-select-right .car-detail .car-detail-brands .car-detail-brands-title {
    font-size: 16px;
  }

  .car-select .car-select-right .car-detail .car-detail-brands .car-detail-brands-model {
    font-size: 14px;
  }

  .category-select .category-select-left {
    width: 192px;
  }

  .category-select .category-select-right {
    width: calc(100% - 197px);
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) { /* PC 768px+ ~ 1024px */
  #headerTop {
    display: none
  }

  #menus {
    position: fixed;
    left: -100%;
    top: 0;
    z-index: 999999;
    flex-direction: column;
    height: 100vh;
    overflow-x: hidden;
    width: 310px;
    padding-top: 90px;
    overflow-y: scroll;
    transition: all .3s;
  }

  #menus .menu-user {
    display: flex
  }
  
  #menus.active {
    left: 0;
  }

  .nav-search > .container .search {
    margin-left: 0;
  }

  .nav-search > .container {
    position: static;
  }

  .nav-search {
    position: static;
  }

  #menus .menu {
    display: block !important;
    width: 100%;
    height: auto;
  }

  #menus .menu .menu-link {
    padding: 10px 20px;
    text-align: left;
    width: 100%;
    justify-content: flex-start;
  }

  #menus .menu .menu-link span {
    position: static;
    margin-left: 10px;
  }

  #menus .menu .menu-sub {
    position: relative;
    height: 0;
    top: 0;
    overflow: hidden;
  }

  #menus .menu .menu-sub:after {
    display: none;
  }

  #menus .menu.active .menu-sub {
    height: auto !important;
    width: 100%;
  }

  #menus .menu .menu-sub .container {
    padding: 35px 25px;
    background: #0ea5c3;
  }

  .brandsLists .brandsList {
    width: 33.333%;
    margin-bottom: 30px;
  }

  .brandsLists .brandsList img {
    height: 30px;
    margin-right: 10px;
  }

  .brandsLists .brandsList i {
    font-size: 22px;
    color: white;
  }

  .brandsLists .brandsList strong {
    color: #ffffff;
  }

  #menus .close-menu {
    display: block !important;
    position: absolute;
    right: 35px;
    top: 42px;
  }

  .menuNav {
    display: block
  }
  
  .brandsLists .more-button {
    color: white;
    border-color: white;
    font-size: 12px;
  }

  .brandsLists .more-button i {
    margin-left: 10px;
    font-size: 30px;
  }

  #header {
    margin-bottom: 119px;
    position: relative;
  }

  .headerContact {
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    height: auto;
    align-items: flex-start;
    padding: 40px 10px 20px 10px;
    justify-content: center;
    background: white;
  }  

  .headerContact:before {
    content: '';
    width: 80%;
    background: #e9e9e9;
    height: 1px;
    position: absolute;
    top: 18px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
  }

  #header .container .headerRight .callcenter {
    margin-right: 0;
  }


  #header .container .headerRight .wheteOrderButton {
    display: none;
  }

  #header .container .headerRight .baskedButton i {
    font-size: 25px;
  }

  #header .container {
    justify-content: space-between;
    height: 110px;
  }

  .headerRight {
    flex: 0;
    width: 46px;
  }  

  .nav-search > .container .search {
    margin-left: 0;
    border-top: 1px solid #11b4d4;
    border-left: 1px solid #11b4d4;
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.25);
  }

  .nav-search > .container {
    position: static;
  }

  .nav-search {
    position: static;
    background: white;
    margin-top: -1px;
    padding-bottom: 10px;
  }

  .services {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  
  .services .container .row .service a strong span {
    font-size: 11px;
  }

  .services .container .row .service a strong {
    font-size: 18px;
    line-height: 21px;
  }

  .homeTitle .more-button {
    display: none;
  }

  .homeTitle h2 {
    font-size: 30px;
  }

  .homeTitle h2 span {
    font-size: 24px;
  }

  .featuredCategories .featuredCategorySlider .owl-nav button.owl-prev {
    left: 15px;
  }

  .featuredCategories .featuredCategorySlider .owl-nav button.owl-next {
    right: 15px;
  }

  .featuredCategories {
    margin-bottom: 55px;
  }

  .homeTitle {
    flex-direction: column;
    align-items: flex-start;
  }

  .homeTitle .homeTitleNav {
    width: 100%;
    overflow-x: scroll;
  }
  
  .homesss .homeTitle .more-button {
    display: flex;
    margin: 0 auto;
  }

  #footer .container .footerServices .footerService {
    max-width: 220px;
    margin: 0 auto;
  }

  #footer .container .footerServices {
    flex-flow: wrap;
    padding-top: 200px;
    width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  #footer .container .footerServices .footerService.footerWhatsapp {order: -1;position: absolute;left: 50%;transform: translateX(-50%);top: 0;}

  #footer .container .footerNav {
    height: auto;
    justify-content: center;
  }

  #footer .container .footerNav a {
    text-align: center;
    margin-right: 20px;
  }

  #contents .contentsContainer {
    padding: 50px 30px;
  }
  .homeProduct {
      margin-bottom: 35px;
  }

  .adressButton {
    flex-direction: column;
  }

  .adressButton .check {
    margin-bottom: 30px !important;
  }

  .newAdress .newAdressTop {
    flex-direction: column;
    margin-bottom: 40px;
  }

  .newAdress {
    padding: 38px 30px;
  }

  .newAdress h1 {
    margin-bottom: 30px !important;
  }

  .newAdressButton {
    flex-direction: column;
  }

  #contents .container .contentTabs {
    position: absolute;
    width: 100%;
    height: auto;
    flex-direction: column;
    top: 100%;
    left: 15px;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
  }

  .contactTabs-mobile.active .contentTabs {
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  .contactTabs-mobile {
    position: relative;
    padding-top: 20px;
  }

  #contents .container .contentTabs .contentTab {
    height: 65px;
    flex-direction: row;
    justify-content: flex-start;
    padding: 0 20px;
    background: #efefef;
  }

  #contents .container .contentTabs .contentTab i {
    margin-right: 12px;
  }

  .bankinformation .bank {
    padding: 0 15px !important;
  }

  .bankinformation .bank .payinfo {
    padding-left: 45px;
    padding-top: 30px;
  }

  .bankinformation .bank .payinfo .bankinfos {
    padding-bottom: 0;
  }

  .bankinformation .bank .payinfo .bankinfos > div {
    margin-bottom: 20px;
    max-width: 50%;
  }

  .productDetain .product-details {
    padding: 0 15px;
    margin-top: 20px;
  }

  .productDetain .product-details .piece {
    width: 80px;
  }

  .table {
    margin-bottom: 30px;
  }

  .product-paragraph {
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .similarProduct {
    margin-bottom: 60px;
  }

  .similarProduct .productLists .productList {
    width: 230px;
  }

  .uyeOlAlt {
    flex-direction: column;
  }

  .uyeOlAlt .blue-button {
    margin-top: 30px !important;
  }
  .contacts .contact {
    margin-bottom: 30px;
  }

  .general-tabs a {
    font-size: 14px;
    padding: 0 20px;
  }

  .homePayment .kargo-uyari .kargo {
    width: 100%;
  }

  .homePayment .kargo-uyari {
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
  }

  .homePayment .kargo-uyari .uyari {
    width: 100%;
  }

  .homePayment .kargo-uyari .uyari .kapida-odeme-bedeli {
    width: calc(100% + 35px);
  }

  .homePayment .kargo-uyari .uyari .kapida-odeme-bedeli article p {
    width: 100%;
  }

  .homePayment .kargo-uyari .kargo .kargo-firma label {
    padding-left: 60px;
  }

  .homePayment .kargo-uyari .kargo .kargo-firma label img {
    width: 90px;
  }

  .basketLists .basketListTitle {
    display: none;
  }

  .basketLists .basketList > div {
    width: 100% !important;
    padding: 10px;
    border-bottom: 1px solid white;
    height: auto;
    flex-direction: column;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    justify-content: center;
  }
  
  .basketLists .bUPrice {
    display: none !important;
  }

  .basketLists .bproduct {
    flex-direction: row !important;
    justify-content: flex-start !important;
  }

  .basketLists .bpiece {
    max-width: 32%;
  }

  .basketLists .bPrice {
    max-width: 42%;
  }

  .basketLists .bRemove {
    max-width: 75px;
  }

  .basketLists .basketList {
    flex-wrap: wrap;
    background: #efefef;
    margin-bottom: 20px;
  }

  .basketLists .basketList .listTitle {
    display: block !important;
  }

  .my-basket .basketTitle {
    margin-top: 0;
  }

  .basketLists .basketList > div .listpiece input {
    background: #efefef;
  }
  
  .orderTabs {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow: scroll;
    height: 70px;
  }

  .orderTabs a span {
    top: 0px;
  }

  .orderLists .orderListTitle {
    display: none;
  }

  .orderLists .orderList {
    flex-wrap: wrap;
    background: #efefef;
    margin-bottom: 20px;
  }

  .orderLists .orderList > div {
    align-items: flex-start;
    padding: 0 10px;
    border-bottom: 1px solid white;
    flex-direction: column;
    justify-content: center;
  }

  .orderLists .orderList .orderMobileTitle {
    display: block !important;
  }
  
  .orderLists .oIcon {
    width: 90px;
  }

  .orderLists .oNo {
    width: calc(50% - 45px);
  }

  .orderLists .oStatus {
    width: calc(50% - 45px);
  }

  .orderLists .oCargo {
    width: calc(50% - 38px);
  }

  .orderLists .oDate {
    width: calc(50% - 38px);
  }

  .orderLists .oOrderDetail {
    width: 75px;
  }
  
  #productDemand .container .productDemandContent {
    padding: 40px 20px;
  }

  #productDemand .container .productDemandContent .productDemandContentText {
    margin-bottom: 30px;
  }

  #productDemand .container .productDemandContent form {
    width: auto;
  }
  
  .brandsLists {
    flex-flow: wrap;
  }
  
  .productDetain .product-image {
    height: 100%;
  }

  .productLists .productList {
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
  
  .homeProductSlider.productLists .productList {
    max-width: 230px !important;
    -ms-flex: 0 0 230px;
    flex: 0 0 230px !important;
  }

  .menu .garage-title strong {
    color: #ffffff;
    font-size: 20px;
  }

  .menu .garage-title {
    margin-bottom: 25px;
    flex-direction: column;
  }

  .menu .garage-list-item {
    flex-wrap: wrap;
    padding: 10px 0px;
    justify-content: center;
    border-color: white;
  }

  .menu .garage-list-item .garage-content {
    min-width: 100%;
    padding-left: 0;
    margin-bottom: 10px;
  }

  .menu .garage-list-item .garage-button.-blue a {
    background: #11b4d4;
  }

  .menu .garage-list-item .garage-content i {
    color: white;
  }

  .menu .garage-list-item .garage-content p {
    font-size: 13px;
    color: white;
  }

  .menu .garage-title .how-to {
    margin-top: 10px;
    color: white;
  }

  .menu .garage-car-add-input .select-icon .select-input .input {background-color: white;}

  .menu .garage .how-to-popup {
    width: calc(100% + 50px);
    left: -25px;
    height: calc(100% + 70px);
    top: -35px;
    padding: 20px;
  }

  .menu .garage .how-to-popup-content img {
    height: auto !important;
    width: 100%;
  }
  .garage-list-item .garage-content {
    padding-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  
  .maintenance-price {
    width: 100%;
    justify-content: center;
  }

  .maintenance-price .price {
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
    margin-right: 0;
  }
  .garage-car-add > div {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .garage-car-add-input > div {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }

  .garage-car-add-submit .garage-button {
    height: 70px;
    max-width: 100%;
  }

  #menus .menu-logo {
    display: flex;
  }

  a.footer-logo {
    display: none;
  }

  .footer-logo-social {
    justify-content: center;
  }

  #menus .menu .menu-link i {
    width: 31px;
    display: flex;
    justify-content: center;
  }
  
  .kargo-sec .kargo {
    width: 420px;
  }
  .product-image {
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }

  .productDetail .product-details {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
    padding: 0 20px;
  }
  
  .productDetail .productLeftImg {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  
  
  .findPiece .container .findPieceContainer .findPieceContents .findPieceContent .row .findPieceContentItem {
    min-width: 100%;
    margin-bottom: 12px;
  }
  
  .findPiece .container .findPieceContainer .findPieceContents .findPieceContent .row .findPieceContentItem.disabled {
    display: none;
  }

  .findPiece .container .findPieceContainer .findPieceContents .findPieceContent .row .findSearch {
    min-width: 100%;
    margin-top: 0;
    height: auto;
  }
  
  .findPiece .container .findPieceContainer .findPieceContents .findPieceContent .findSearch button {
    background: #f87f11;
    color: white;
    width: 100%;
    box-sizing: border-box;
  }

  .findPiece .container .findPieceContainer .findPieceContents {
    padding-bottom: 0;
  }
  
  .brand-information-slider {
    padding-left: 10px;
    padding-right: 10px;
  }

  .brand-information-slider .owl-nav button.owl-prev {
    left: -20px !important;
  }

  .brand-information-slider .owl-nav button.owl-next {
    right: -20px !important;
  }

  .brand-product-slider {
    padding-left: 10px;
    padding-right: 10px;
  }

  .brand-product-slider .owl-nav button.owl-prev {
    left: -20px !important;
  }

  .brand-product-slider .owl-nav button.owl-next {
    right: -20px !important;
  }

  .home-brand-information {
    padding-bottom: 40px;
  }

  .home-brand-product {
    padding-bottom: 40px;
  }

  .brand-information-item .brand-information-item-content article {
    padding: 10px;
    height: 285px;
  }
  
  .brand-product-item .brand-product-item-content .brand-product-link {
    font-size: 13px;
  }

  .brand-information-item .brand-information-item-content .brand-link {
    font-size: 13px;
  }

  .brand-information-item .brand-information-item-content article p {
    font-size: 15px;
  }
  
  .homeProductSlider .owl-nav button.owl-prev {
    left: -30px;
  }

  .homeProductSlider .owl-nav button.owl-next {
    right: -30px;
  }
  .productDetail .productLeftImg {
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
  }

  .productDetail .product-details {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 25px;
  }

  .product-image {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
  
  .car-select {
    flex-direction: column;
  }

  .car-select .car-select-left {
    width: 100%;
    margin-right: 0;
    display: flex;
    flex-direction: row;
  }

  .car-select .car-select-right {
    width: 100%;
  }

  .car-select .car-select-left .car-figure {
    height: 130px;
    width: 130px;
    margin-right: 4px;
    margin-bottom: 3px;
  }

  .car-select .car-select-left .car-select-left-bottom {
    width: calc(100% - 134px);
    height: 130px;
    justify-content: space-between;
  }

  .car-select .car-select-left .car-figure .car-img-icon {
    width: 66px;
  }

  .car-select .car-select-left .car-select-left-bottom strong {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
  }

  .car-select .car-select-left .car-select-left-bottom strong:after {
    content: '\e906';
    color: white;
    font-family: 'parca-piyasasi';
    transform: rotate(-90deg);
    transition: all .3s;
  }

  .car-select .car-select-left .car-select-left-bottom strong.active:after {
    transform: rotate(90deg);
  }

  .car-select .car-select-right {
    padding: 15px 15px;
    display: none;
  }
  .car-select .car-select-right.active {
    display: flex;
  }

  .car-select .car-select-right .car-select-form {
    flex-direction: column;
  }

  .car-select .car-select-left .car-select-left-bottom .open-car-detail {
    right: 48px;
  }

  .car-select .car-select-right .car-detail .car-detail-brands {
    width: 100%;
    margin-bottom: 20px;
  }

  .car-select .car-select-right .car-detail .car-detail-content {
    width: 100%;
    margin-bottom: 20px;
  }

  .car-select .car-select-right .car-detail .car-detail-new-query {
    width: 100%;
  }

  .car-select .car-select-right .car-detail .car-detail-new-query a img {
    width: 50px;
  }

  .car-select .car-select-right .car-detail .car-detail-new-query a span {
    font-size: 12px;
  }

  .car-select .car-select-right .car-model-select .row .col .car-model-select-item .car-model-select-item-img {
    width: 150px;
    margin-bottom: 10px;
  }

  .car-select .car-select-right .car-model-select .row .col .car-model-select-item .car-model-select-item-article {
    width: 100%;
  }

  .car-select .car-select-right .car-model-select .row .col .car-model-select-item {
    flex-direction: column;
  }

  .car-select .car-select-right .car-model-select .row .col:not(:last-child) {
    margin-bottom: 5px;
  }

  .category-filter-content .category-list-type {
    margin-left: 10px;
    padding-left: 10px;
  } 

  .category-filter-content .category-list-type a {
    font-size: 25px;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
  } 
  
  .category-filter-content .category-list-type a:not(:last-child) {
    margin-right: 10px;
  }
  
  .category-select {
    flex-direction: column;
  }

  .category-select .category-select-left {
    width: 100%;
    margin-right: 0;
    display: flex;
    flex-direction: row;
  }

  .category-select .category-select-right {
    width: 100%;
  }

  .category-select .category-select-left .category-img {
    height: 130px;
    width: 130px;
    margin-right: 4px;
    margin-bottom: 3px;
  }

  .category-select .category-select-left .category-select-left-bottom {
    width: calc(100% - 134px);
    height: 130px;
    justify-content: space-between;
  }

  .category-select .category-select-left .category-img img {
    width: 59px;
  }

  .category-select .category-select-left .category-select-left-bottom strong {
    font-size: 14px;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
  }

  .category-select .category-select-left .category-select-left-bottom strong:after {
    content: '\e906';
    color: white;
    font-family: 'parca-piyasasi';
    transform: rotate(-90deg);
    transition: all .3s;
  }

  .category-select .category-select-left .category-select-left-bottom strong.active:after {
    transform: rotate(90deg);
  }

  .category-select .category-select-right {
    padding: 15px 15px;
    display: none;
  }
  .category-select .category-select-right.active {
    display: flex;
  }

  .category-select .category-select-right .category-select-form {
    flex-direction: column;
  }
  
  .category-filter-content .category-list-content .category-list-content-detail a {
    padding: 5px 8px;
    font-size: 11px;
    margin-left: 5px;
  }

  .category-filter-content .category-list-content.active {
    width: 330px;
  }

  .category-filter-content .category-list-content .category-list-content-open {
    width: 45px;
    height: 45px;
    font-size: 24px;
  }
  
  .category-filter-content .category-list-content {
    width: 45px;
    height: 45px;
  }
  
  .product-track-list .product-track-list-item {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .product-track-list-item-popup-top .product-track-list-item-content {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .product-track-list .product-track-list-item .product-list-button {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
}

@media screen and (max-width: 767px) and (min-width: 640px) { /* TABLET 640+ ~ 768 */
  #headerTop {
    display: none
  }

  #menus {
    position: fixed;
    left: -100%;
    top: 0;
    z-index: 999;
    flex-direction: column;
    height: 100vh;
    overflow-x: hidden;
    width: 310px;
    padding-top: 90px;
    overflow-y: scroll;
    transition: all .3s;
  }

  #menus .menu-user {
    display: flex
  }
  
  #menus.active {
    left: 0;
  }

  #menus .menu {
    display: block !important;
    width: 100%;
    height: auto;
  }

  #menus .menu .menu-link {
    padding: 10px 20px;
    text-align: left;
    width: 100%;
    justify-content: flex-start;
  }

  #menus .menu .menu-link span {
    position: static;
    margin-left: 10px;
  }

  #menus .menu .menu-sub {
    position: relative;
    height: 0;
    top: 0;
    overflow: hidden;
  }

  #menus .menu .menu-sub:after {
    display: none;
  }

  #menus .menu.active .menu-sub {
    height: auto !important;
    width: 100%;
  }

  #menus .menu .menu-sub .container {
    padding: 35px 25px;
    background: #0ea5c3;
  }

  .brandsLists {
      margin-left: 0;
      margin-right: 0;
  }
  
  .brandsLists .brandsList {
    width: 50%;
    margin-bottom: 30px;
  }

  .brandsLists .brandsList img {
    height: 30px;
    margin-right: 10px;
  }

  .brandsLists .brandsList i {
    font-size: 22px;
    color: white;
  }

  .brandsLists .brandsList strong {
    color: #ffffff;
  }

  #menus .close-menu {
    display: block !important;
    position: absolute;
    right: 35px;
    top: 42px;
  }

  .menuNav {
    display: block
  }
  
  .brandsLists .more-button {
    color: white;
    border-color: white;
    font-size: 12px;
  }

  .brandsLists .more-button i {
    margin-left: 10px;
    font-size: 30px;
  }

  #header {
    margin-bottom: 119px;
    position: relative;
  }

  .headerContact {
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    height: auto;
    align-items: flex-start;
    padding: 40px 10px 20px 10px;
    justify-content: center;
    background: white;
  }  

  .headerContact:before {
    content: '';
    width: 80%;
    background: #e9e9e9;
    height: 1px;
    position: absolute;
    top: 18px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
  }

  #header .container .headerRight .callcenter {
    margin-right: 0;
  }


  #header .container .headerRight .wheteOrderButton {
    display: none;
  }

  #header .container .headerRight .baskedButton i {
    font-size: 25px;
  }

  #header .container {
    justify-content: space-between;
    height: 110px;
  }

  .headerRight {
    flex: 0;
    width: 46px;
  }  

  .nav-search > .container .search {
    margin-left: 0;
    border-top: 1px solid #11b4d4;
    border-left: 1px solid #11b4d4;
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.25);
  }

  .nav-search > .container {
    position: static;
  }

  .nav-search {
    position: static;
    background: white;
    margin-top: -1px;
    padding-bottom: 10px;
  }

  .services {
    margin-top: 20px;
    margin-bottom: 45px;
  }

  .services .container .row .service {
    width: 50%;
  }
  
  .homeTitle .more-button {
    display: none;
  }

  .homeTitle h2 {
    font-size: 30px;
  }

  .homeTitle h2 span {
    font-size: 24px;
  }

  .featuredCategories .featuredCategorySlider .owl-nav button.owl-prev {
    left: 15px;
  }

  .featuredCategories .featuredCategorySlider .owl-nav button.owl-next {
    right: 15px;
  }

  .featuredCategories {
    padding-bottom: 55px;
  }

  .homeTitle {
    flex-direction: column;
    align-items: flex-start;
  }

  .homeTitle .homeTitleNav {
    width: 100%;
    overflow-x: scroll;
    padding-bottom: 20px;
  }

  .homeTitle .homeTitleNav a {
    white-space: nowrap;
  }

  .homeProduct {
    padding-bottom: 50px;
  }

  .homeProductSlider.productLists .productList {
    max-width: 230px !important;
    -ms-flex: 0 0 230px;
    flex: 0 0 230px !important;
  }
  
  .homeProductSlider .owl-nav button.owl-prev {
    left: -35px;
  }

  .homeProductSlider .owl-nav button.owl-next {
    right: -35px;
  }

  .homesss .homeTitle .more-button {
    display: flex;
    margin: 0 auto;
  }

  #footer .container .footerServices .footerService {
    width: 220px;
    margin: 0 auto;
  }

  #footer .container .footerServices {
    flex-flow: wrap;
    padding-top: 200px;
  }

  #footer .container .footerServices .footerService.footerWhatsapp {order: -1;position: absolute;left: 50%;transform: translateX(-50%);top: 0;}

  #footer .container .footerNav {
    flex-direction: column;
    height: auto;
    justify-content: center;
  }

  #footer .container .footerNav a {
    text-align: center;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .pageNavMobile {
    display: flex;
    max-width: 540px;
  }

  #contents .contentsContainer {
    padding: 15px;
  }

  .my-basket-steps {
    display: none;
  }

  .adressButton {
    flex-direction: column;
  }

  .adressButton .check {
    margin-bottom: 30px !important;
  }

  .newAdress .newAdressTop {
    flex-direction: column;
    margin-bottom: 40px;
  }

  .newAdress {
    padding: 38px 30px;
  }

  .newAdress h1 {
    margin-bottom: 30px !important;
  }

  .newAdressButton {
    flex-direction: column;
  }

  #contents .container .contentTabs {
    position: absolute;
    width: 100%;
    height: auto;
    flex-direction: column;
    top: 100%;
    left: 15px;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
  }

  .contactTabs-mobile.active .contentTabs {
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  .contactTabs-mobile {
    position: relative;
    padding-top: 20px;
  }

  #contents .container .contentTabs .contentTab {
    height: 65px;
    flex-direction: row;
    justify-content: flex-start;
    padding: 0 20px;
    background: #efefef;
  }

  #contents .container .contentTabs .contentTab i {
    margin-right: 12px;
  }

  .bankinformation .bank {
    padding: 0 15px !important;
  }

  .bankinformation .bank .payinfo {
    padding-left: 45px;
    padding-top: 30px;
  }

  .bankinformation .bank .payinfo .bankinfos {
    padding-bottom: 0;
  }

  .bankinformation .bank .payinfo .bankinfos > div {
    margin-bottom: 20px;
    max-width: 50%;
  }

  .productDetain .product-details {
    padding: 0 15px;
    margin-top: 20px;
  }

  .productDetain .product-details .piece {
    width: 80px;
  }

  .table {
    margin-bottom: 30px;
  }

  .product-paragraph {
    padding-left: 15px;
    padding-right: 15px;
  }

  .similarProduct .productLists {
    /* flex-wrap: nowrap; */
    /* overflow: scroll; */
  }
  
  .similarProduct {
    margin-bottom: 60px;
  }

  .similarProduct .productLists .productList {
    max-width: 230px;
    margin-bottom: 0;
  }
  .uyeOlAlt {
    flex-direction: column;
  }

  .uyeOlAlt .blue-button {
    margin-top: 30px !important;
  }
  .contacts .contact {
    margin-bottom: 30px;
  }

  .list-of-payment-methods {
    padding: 20px 10px;
  }

  .general-tabs a {
    font-size: 14px;
    padding: 0 20px;
  }

  .homePayment .kargo-uyari .kargo {
    width: 100%;
  }

  .homePayment .kargo-uyari {
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
  }

  .homePayment .kargo-uyari .uyari {
    width: 100%;
  }

  .homePayment .kargo-uyari .uyari .kapida-odeme-bedeli {
    width: calc(100% + 35px);
  }

  .homePayment .kargo-uyari .uyari .kapida-odeme-bedeli article p {
    width: 100%;
  }

  .homePayment .kargo-uyari .kargo .kargo-firma label {
    padding-left: 60px;
  }

  .homePayment .kargo-uyari .kargo .kargo-firma label img {
    width: 90px;
  }

  .basketLists .basketListTitle {
    display: none;
  }

  .basketLists .basketList > div {
    width: 100% !important;
    padding: 10px;
    border-bottom: 1px solid white;
    height: auto;
    flex-direction: column;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    justify-content: center;
  }
  
  .basketLists .bUPrice {
    display: none !important;
  }

  .basketLists .bproduct {
    flex-direction: row !important;
    justify-content: flex-start !important;
  }

  .basketLists .bpiece {
    max-width: 32%;
  }

  .basketLists .bPrice {
    max-width: 42%;
  }

  .basketLists .bRemove {
    max-width: 75px;
  }

  .basketLists .basketList {
    flex-wrap: wrap;
    background: #efefef;
    margin-bottom: 20px;
  }

  .basketLists .basketList .listTitle {
    display: block !important;
  }

  .my-basket .basketTitle {
    margin-top: 0;
  }

  .basketLists .basketList > div .listpiece input {
    background: #efefef;
  }
  .totalPrice {
    width: 100%;
  }
  .orderTabs {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow: scroll;
    height: 70px;
  }

  .orderTabs a span {
    top: 0px;
  }

  .orderLists .orderListTitle {
    display: none;
  }

  .orderLists .orderList {
    flex-wrap: wrap;
    background: #efefef;
    margin-bottom: 20px;
  }

  .orderLists .orderList > div {
    align-items: flex-start;
    padding: 0 10px;
    border-bottom: 1px solid white;
    flex-direction: column;
    height: 90px;
    justify-content: center;
  }

  .orderLists .orderList .orderMobileTitle {
    display: block !important;
  }
  
  .orderLists .oIcon {
    width: 90px;
  }

  .orderLists .oNo {
    width: calc(100% - 90px);
  }

  .orderLists .oStatus {
    width: 45%;
  }

  .orderLists .oCargo {
    width: 55%;
  }

  .orderLists .oDate {
    width: calc(100% - 76px);
  }

  .orderLists .oOrderDetail {
    width: 75px;
  }
  
  #productDemand .container .productDemandContent {
    padding: 40px 20px;
  }

  #productDemand .container .productDemandContent .productDemandContentText {
    margin-bottom: 30px;
  }

  #productDemand .container .productDemandContent form {
    width: auto;
  }

  .product-property .general-tabs {
    display: none;
  }

  .product-property {
    padding-left: 0;
    padding-right: 0;
  }

  .product-property .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .product-property .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .product-property .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }

  .productLists .productList {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .menu .garage-title strong {
    color: #ffffff;
    font-size: 20px;
  }

  .menu .garage-title {
    margin-bottom: 25px;
    flex-direction: column;
  }

  .menu .garage-list-item {
    flex-wrap: wrap;
    padding: 10px 0px;
    justify-content: center;
    border-color: white;
  }

  .menu .garage-list-item .garage-content {
    min-width: 100%;
    padding-left: 0;
    margin-bottom: 10px;
  }

  .menu .garage-list-item .garage-button.-blue a {
    background: #11b4d4;
  }

  .menu .garage-list-item .garage-content i {
    color: white;
  }

  .menu .garage-list-item .garage-content p {
    font-size: 13px;
    color: white;
  }

  .menu .garage-title .how-to {
    margin-top: 10px;
    color: white;
  }

  .menu .garage-car-add-input .select-icon .select-input .input {background-color: white;}

  .menu .garage .how-to-popup {
    width: calc(100% + 50px);
    left: -25px;
    height: calc(100% + 70px);
    top: -35px;
    padding: 20px;
  }

  .menu .garage .how-to-popup-content img {
    height: auto !important;
    width: 100%;
  }
  .garage-list-item .garage-content {
    padding-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  
  .maintenance-price {
    width: 100%;
    justify-content: center;
  }

  .maintenance-price .price {
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
    margin-right: 0;
  }

  #menus .menu-logo {
    display: flex;
  }

  a.footer-logo {
    display: none;
  }

  .footer-logo-social {
    justify-content: center;
  }

  #menus .menu .menu-link i {
    width: 31px;
    display: flex;
    justify-content: center;
  }

  .slider .findPiece .findPieceContents .findPieceContent .findPieceContentItem.car-filtre-long .arac-dolu a {
    margin-top: 0;
  }
  
  .deliveryAddress {
    margin-bottom: 30px;
  }

  .kargo-sec .kargo {
    width: 420px;
  }

  .acount-tab {
    display: flex;
  }

  .account .accountEntry > div {
    padding: 0;
    border: none;
  }

  .account .accountRegistration > div {
    padding: 0;
    border: none;
  }
  
  .account > div {
    display: none;
  }
  
  .account > div.active {
    display: flex;
  }

  #header .container .headerRight .basket-header .basket-header-content .basket-header-content-item > img {
    width: 65px;
    margin-right: 10px;
  }
  
  .product-add-popup .product-add-popup-content .product-add-popup-content-detail {
    flex-direction: column;
  }

  .product-add-popup .product-add-popup-content .product-add-popup-content-detail .content-right {
    width: 100%;
  }
  
  .slider .slider-web {
    display: none !important; 
  }

  .slider .slider-mobile {
    display: block !important; 
  }
  
  .findPiece .container .findPieceContainer .findPieceContents .findPieceContent .row .findPieceContentItem {
    min-width: 100%;
    margin-bottom: 12px;
  }
  
  .findPiece .container .findPieceContainer .findPieceContents .findPieceContent .row .findPieceContentItem.disabled {
    display: none;
  }

  .findPiece .container .findPieceContainer .findPieceContents .findPieceContent .row .findSearch {
    min-width: 100%;
    margin-top: 0;
    height: auto;
  }
  
  .findPiece .container .findPieceContainer .findPieceContents .findPieceContent .findSearch button {
    background: #f87f11;
    color: white;
    width: 100%;
    box-sizing: border-box;
  }

  .findPiece .container .findPieceContainer .findPieceContents {
    padding-bottom: 0;
  }
  
  .brand-information-slider {
    padding-left: 10px;
    padding-right: 10px;
  }

  .brand-information-slider .owl-nav button.owl-prev {
    left: -20px !important;
  }

  .brand-information-slider .owl-nav button.owl-next {
    right: -20px !important;
  }

  .brand-product-slider {
    padding-left: 10px;
    padding-right: 10px;
  }

  .brand-product-slider .owl-nav button.owl-prev {
    left: -20px !important;
  }

  .brand-product-slider .owl-nav button.owl-next {
    right: -20px !important;
  }

  .home-brand-information {
    padding-bottom: 40px;
  }

  .home-brand-product {
    padding-bottom: 40px;
  }

  .brand-information-item .brand-information-item-content article {
    padding: 10px;
    height: 285px;
  }
  
  .brand-product-item .brand-product-item-content .brand-product-link {
    font-size: 13px;
  }

  .brand-information-item .brand-information-item-content .brand-link {
    font-size: 13px;
  }

  .brand-information-item .brand-information-item-content article p {
    font-size: 15px;
  }
  
  .productDetail .product-details {
    padding: 0 15px;
  }

  .productDetail {
    padding: 30px 15px;
  }

  .iconic-card {
    height: 50px;
  }

  .generalTabContents .generalTabContent {
    display: block;
    margin-bottom: 10px;
  }
  .generalTabContents .generalTabContent .mobile-toggle-link {
    display: flex;
  }
  .mobile-general-content {
    display: none;
  }

  .generalTabContents .generalTabContent.active .mobile-general-content {
    display: block;
  }
  
  .product-property .productPropertyListsTitle {
    display: none;
  }

  .car-select {
    flex-direction: column;
  }

  .car-select .car-select-left {
    width: 100%;
    margin-right: 0;
    display: flex;
    flex-direction: row;
  }

  .car-select .car-select-right {
    width: 100%;
  }

  .car-select .car-select-left .car-figure {
    height: 100px;
    width: 100px;
    margin-right: 4px;
    margin-bottom: 3px;
  }

  .car-select .car-select-left .car-select-left-bottom {
    width: calc(100% - 104px);
    height: 100px;
    justify-content: space-between;
  }

  .car-select .car-select-left .car-figure .car-img-icon {
    width: 53px;
  }

  .car-select .car-select-left .car-select-left-bottom strong {
    font-size: 14px;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
  }

  .car-select .car-select-left .car-select-left-bottom strong:after {
    content: '\e906';
    color: white;
    font-family: 'parca-piyasasi';
    transform: rotate(-90deg);
    transition: all .3s;
  }

  .car-select .car-select-left .car-select-left-bottom strong.active:after {
    transform: rotate(90deg);
  }

  .car-select .car-select-right {
    padding: 15px 15px;
    display: none;
  }
  .car-select .car-select-right.active {
    display: flex;
  }

  .car-select .car-select-right .car-select-form {
    flex-direction: column;
  }

  .car-select .car-select-left .car-select-left-bottom .open-car-detail {
    right: 35px;
  }

  .car-select .car-select-right .car-detail .car-detail-brands {
    width: 100%;
    margin-bottom: 20px;
  }

  .car-select .car-select-right .car-detail .car-detail-content {
    width: 100%;
    margin-bottom: 20px;
  }

  .car-select .car-select-right .car-detail .car-detail-new-query {
    width: 100%;
  }

  .car-select .car-select-right .car-detail .car-detail-new-query a img {
    width: 50px;
  }

  .car-select .car-select-right .car-detail .car-detail-new-query a span {
    font-size: 12px;
  }

  .car-select .car-select-right .car-model-select .row .col .car-model-select-item .car-model-select-item-img {
    width: 150px;
    margin-bottom: 10px;
  }

  .car-select .car-select-right .car-model-select .row .col .car-model-select-item .car-model-select-item-article {
    width: 100%;
  }

  .car-select .car-select-right .car-model-select .row .col .car-model-select-item {
    flex-direction: column;
  }

  .car-select .car-select-right .car-model-select .row .col:not(:last-child) {
    margin-bottom: 5px;
  }


  .category-filter-content .category-list-type {
    margin-left: 10px;
    padding-left: 10px;
  } 

  .category-filter-content .category-list-type a {
    font-size: 25px;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
  } 
  
  .category-filter-content .category-list-type a:not(:last-child) {
    margin-right: 10px;
  }
  
  .category-select {
    flex-direction: column;
  }

  .category-select .category-select-left {
    width: 100%;
    margin-right: 0;
    display: flex;
    flex-direction: row;
  }

  .category-select .category-select-right {
    width: 100%;
  }

  .category-select .category-select-left .category-img {
    height: 100px;
    width: 100px;
    margin-right: 4px;
    margin-bottom: 3px;
  }

  .category-select .category-select-left .category-select-left-bottom {
    width: calc(100% - 104px);
    height: 100px;
    justify-content: space-between;
  }

  .category-select .category-select-left .category-img img {
    width: 40px;
  }

  .category-select .category-select-left .category-select-left-bottom strong {
    font-size: 14px;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
  }

  .category-select .category-select-left .category-select-left-bottom strong:after {
    content: '\e906';
    color: white;
    font-family: 'parca-piyasasi';
    transform: rotate(-90deg);
    transition: all .3s;
  }

  .category-select .category-select-left .category-select-left-bottom strong.active:after {
    transform: rotate(90deg);
  }

  .category-select .category-select-right {
    padding: 15px 15px;
    display: none;
  }
  .category-select .category-select-right.active {
    display: flex;
  }

  .category-select .category-select-right .category-select-form {
    flex-direction: column;
  }
  
  .category-filter-content .category-list-content .category-list-content-detail a {
    padding: 5px 8px;
    font-size: 11px;
    margin-left: 5px;
  }

  .category-filter-content .category-list-content.active {
    width: 330px;
  }

  .category-filter-content .category-list-content .category-list-content-open {
    width: 45px;
    height: 45px;
    font-size: 24px;
  }
  
  .category-filter-content .category-list-content {
    width: 45px;
    height: 45px;
  }
  
  .track-groups-content .track-groups-content-article {
    margin-top: 20px;
  }

  .product-track-list .product-track-list-item {
    margin-bottom: 20px;
  }

  .product-track-list .product-track-list-item .product-track-list-item-popup .product-track-list-item-popup-top .product-list-button {
    margin-top: 20px;
  }

  .product-track-list .product-track-list-item .product-track-list-item-popup .product-track-list-item-popup-top {
    margin-bottom: 20px;
  }

  .product-track-list .product-track-list-item .product-track-list-item-popup {
    padding: 50px 15px;
    width: 100%;
    left: 0;
    top: -50px;
  }

  .product-track-list .product-track-list-item .product-track-list-item-popup .product-track-list-item-popup-close {
    width: 30px;
    height: 30px;
    top: 10px;
    right: 10px;
  }

  .product-track-list .product-track-list-item .product-track-list-item-popup .product-track-list-item-popup-close img {
    width: 15px;
  }

  .product-track-list .product-track-list-item .product-track-list-item-popup .product-track-list-item-popup-top .product-list-button a {
    font-size: 14px;
  }

  .product-track-list .product-track-list-item .product-track-list-item-popup .product-track-list-item-popup-text p {
    font-size: 15px;
  }

  .product-track-list .product-track-list-item .product-track-list-item-popup .product-track-list-item-popup-text {
    padding: 10px;
  }
  .compatible-parts .compatible-parts-content {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999999;
    overflow: scroll;
    width: 90%;
    height: 90vh !important;
    bottom: auto;
  }
}

@media screen and (max-width: 639px) and (min-width: 416px) { /* Tablet 415+ ~ 640 */
  #headerTop {
    display: none
  }

  #menus {
    position: fixed;
    left: -100%;
    top: 0;
    z-index: 999999;
    flex-direction: column;
    height: 100vh;
    overflow-x: hidden;
    width: 310px;
    padding-top: 90px;
    overflow-y: scroll;
    transition: all .3s;
  }

  #menus .menu-user {
    display: flex
  }
  
  #menus.active {
    left: 0;
  }

  .nav-search > .container .search {
    margin-left: 0;
    border-top: 1px solid #11b4d4;
    border-left: 1px solid #11b4d4;
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.25);
  }

  .nav-search > .container {
    position: static;
  }

  .nav-search {
    position: static;
    background: white;
    margin-top: -1px;
    padding-bottom: 10px;
  }


  #menus .menu {
    display: block !important;
    width: 100%;
    height: auto;
  }

  #menus .menu .menu-link {
    padding: 10px 20px;
    text-align: left;
    width: 100%;
    justify-content: flex-start;
  }

  #menus .menu .menu-link span {
    position: static;
    margin-left: 10px;
  }

  #menus .menu .menu-sub {
    position: relative;
    height: 0;
    top: 0;
    overflow: hidden;
  }

  #menus .menu .menu-sub:after {
    display: none;
  }

  #menus .menu.active .menu-sub {
    height: auto !important;
    width: 100%;
  }

  #menus .menu .menu-sub .container {
    padding: 35px 25px;
    background: #0ea5c3;
  }

  .brandsLists .brandsList img {
    height: 30px;
    margin-right: 10px;
  }

  .brandsLists .brandsList i {
    font-size: 22px;
    color: white;
  }

  .brandsLists .brandsList strong {
    color: #ffffff;
  }

  #menus .close-menu {
    display: block !important;
    position: absolute;
    right: 35px;
    top: 42px;
  }

  .menuNav {
    display: block
  }
  
  .brandsLists .more-button {
    color: white;
    border-color: white;
    font-size: 12px;
  }

  .brandsLists .more-button i {
    margin-left: 10px;
    font-size: 30px;
  }

  #header {
    margin-bottom: 95px;
    position: relative;
  }

  .headerContact {
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    height: auto;
    align-items: flex-start;
    padding: 30px 10px 20px 10px;
    justify-content: center;
    background: white;
  }  

  .headerContact:before {
    content: '';
    width: calc(100% - 100px);
    background: #e9e9e9;
    height: 1px;
    position: absolute;
    top: 13px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
  }

  #header .container .headerRight .whatsappHeader {
    margin-right: 11px;
  }

  #header .container .headerRight .callcenter {
    margin-right: 0;
  }

  #header .container .headerRight .whatsappHeader i {
    font-size: 24px;
  }

  #header .container .headerRight .whatsappHeader > div a {
    font-size: 12.5px;
  }

  #header .container .headerRight .callcenter i {
    font-size: 24px;
  }

  #header .container .headerRight .callcenter > div a {
    font-size: 13px;
  }

  #header .container .headerRight .wheteOrderButton {
    display: none;
  }

  #header .container .headerRight .baskedButton i {
    font-size: 25px;
  }

  #header .container {
    justify-content: space-between;
    height: 110px;
  }

  .headerRight {
    flex: 0;
    width: 46px;
  }

  .services {
    margin-top: 20px;
    margin-bottom: 30px;
  }

  .services .container .row .service {
    width: 50%;
  }

  .services .container .row .service a {
    height: 120px;
  }
  .services .container .row .service a strong span {
    font-size: 14px;
  }

  .services .container .row .service a strong {
    font-size: 18px;
    line-height: 20px;
  }

  .homeTitle .more-button {
    display: none;
  }

  .homeTitle h2 {
    font-size: 30px;
  }

  .homeTitle h2 span {
    display: block;
    font-size: 24px;
  }

  .featuredCategories .featuredCategorySlider .owl-nav button.owl-prev {
    left: 15px;
  }

  .featuredCategories .featuredCategorySlider .owl-nav button.owl-next {
    right: 15px;
  }

  .featuredCategories {
    padding-bottom: 55px;
  }

  .homeTitle {
    flex-direction: column;
    align-items: flex-start;
  }

  .homeTitle .homeTitleNav {
    width: 100%;
    overflow-x: scroll;
    padding-bottom: 20px;
  }
  .homeTitle .homeTitleNav a {
    white-space: nowrap;
  }
  
  .homeProduct {
    padding-bottom: 50px;
  }
  
  .homeProductSlider.productLists {
  }

  .homesss .homeTitle .more-button {
    display: flex;
    margin: 0 auto;
  }

  #footer .container .footerServices .footerService {
    width: 50%;
    margin: 0 auto;
  }

  #footer .container .footerServices {
    flex-flow: wrap;
    padding-top: 200px;
  }

  #footer .container .footerServices .footerService.footerWhatsapp {order: -1;position: absolute;left: 50%;transform: translateX(-50%);top: 0;}

  #footer .container .footerNav {
    flex-direction: column;
    height: auto;
    justify-content: center;
  }

  #footer .container .footerNav a {
    text-align: center;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .pageNavMobile {
    display: flex
  }

  #contents .contentsContainer {
    padding: 15px 15px 30px 15px;
  }

  .my-basket-steps {
    display: none;
  }

  .adressButton {
    flex-direction: column;
  }

  .adressButton .check {
    margin-bottom: 30px !important;
  }

  .newAdress .newAdressTop {
    flex-direction: column;
    margin-bottom: 40px;
  }

  .newAdress {
    padding: 38px 30px;
  }

  .newAdress h1 {
    margin-bottom: 30px !important;
  }

  .newAdressButton {
    flex-direction: column;
  }

  #contents .container .contentTabs {
    position: absolute;
    width: 100%;
    height: auto;
    flex-direction: column;
    top: 100%;
    left: 15px;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
  }

  .contactTabs-mobile.active .contentTabs {
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  .contactTabs-mobile {
    position: relative;
    padding-top: 20px;
  }

  #contents .container .contentTabs .contentTab {
    height: 65px;
    flex-direction: row;
    justify-content: flex-start;
    padding: 0 20px;
    background: #efefef;
  }

  #contents .container .contentTabs .contentTab i {
    margin-right: 12px;
  }

  .bankinformation .bank {
    padding: 0 15px !important;
  }

  .bankinformation .bank .payinfo {
    padding-left: 15px;
    padding-top: 30px;
  }

  .bankinformation .bank .payinfo .bankinfos {
    padding-bottom: 0;
  }

  .bankinformation .bank .payinfo .bankinfos > div {
    margin-bottom: 20px;
  }

  .productDetain .product-details {
    padding: 0 15px;
    margin-top: 20px;
  }

  .productDetain .product-details .piece {
    width: 80px;
  }

  .table {
    margin-bottom: 30px;
  }

  .product-paragraph {
    padding-left: 15px;
    padding-right: 15px;
  }

  .similarProduct .productLists {
    /* flex-wrap: nowrap; */
    /* overflow: scroll; */
  }
  .similarProduct {
    margin-bottom: 70px;
  }
  .similarProduct .productLists .productList {
    width: 230px;
    margin-bottom: 0;
  }
  .uyeOlAlt {
    flex-direction: column;
  }

  .uyeOlAlt .blue-button {
    margin-top: 30px !important;
  }
  .contacts .contact {
    margin-bottom: 30px;
  }

  .list-of-payment-methods {
    padding: 20px 10px;
    margin-bottom: 65px;
  }

  .general-tabs a {
    font-size: 14px;
    padding: 0 20px;
  }

  .homePayment .kargo-uyari .kargo {
    width: 100%;
  }

  .homePayment .kargo-uyari {
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
  }

  .homePayment .kargo-uyari .uyari {
    width: 100%;
  }

  .homePayment .kargo-uyari .uyari .kapida-odeme-bedeli {
    width: calc(100% + 30px);
  }

  .homePayment .kargo-uyari .uyari .kapida-odeme-bedeli article p {
    width: 100%;
  }

  .homePayment .kargo-uyari .kargo .kargo-firma label {
    padding-left: 60px;
  }

  .homePayment .kargo-uyari .kargo .kargo-firma label img {
    width: 90px;
  }

  .basketLists .basketListTitle {
    display: none;
  }

  .basketLists .basketList > div {
    width: 100% !important;
    padding: 10px;
    border-bottom: 1px solid white;
    height: auto;
    flex-direction: column;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    justify-content: center;
  }
  
  .basketLists .bUPrice {
    display: none !important;
  }

  .basketLists .bproduct {
    flex-direction: row !important;
    justify-content: flex-start !important;
  }

  .basketLists .bpiece {
    max-width: 32%;
  }

  .basketLists .bPrice {
    max-width: 45%;
  }

  .basketLists .bRemove {
    max-width: 75px;
  }

  .basketLists .basketList {
    flex-wrap: wrap;
    background: #efefef;
    margin-bottom: 20px;
  }

  .basketLists .basketList .listTitle {
    display: block !important;
  }

  .basketLists .basketList > strong {
    display: block;
  }

  .my-basket .basketTitle {
    margin-top: 0;
  }

  .basketLists .basketList > div .listpiece input {
    background: #efefef;
  }
  .totalPrice {
    width: 100%;
  }
  .orderTabs {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow: scroll;
    height: 70px;
  }

  .orderTabs a span {
    top: 0px;
  }

  .orderLists .orderListTitle {
    display: none;
  }

  .orderLists .orderList {
    flex-wrap: wrap;
    background: #efefef;
    margin-bottom: 20px;
  }

  .orderLists .orderList > div {
    align-items: flex-start;
    padding: 0 10px;
    border-bottom: 1px solid white;
    flex-direction: column;
    height: 90px;
    justify-content: center;
  }

  .orderLists .orderList .orderMobileTitle {
    display: block !important;
  }
  
  .orderLists .oIcon {
    width: 90px;
  }

  .orderLists .oNo {
    width: calc(100% - 90px);
  }

  .orderLists .oStatus {
    width: 45%;
  }

  .orderLists .oCargo {
    width: 55%;
  }

  .orderLists .oDate {
    width: calc(100% - 76px);
  }

  .orderLists .oOrderDetail {
    width: 75px;
  }

  #productDemand .container .productDemandContent {
    padding: 40px 20px;
  }

  #productDemand .container .productDemandContent .productDemandContentText {
    margin-bottom: 30px;
  }

  #productDemand .container .productDemandContent form {
    width: auto;
  }
  

  .orderDetailPopup .orderDetailPopupContent {
    padding: 40px 10px;
    height: 90%;
    overflow: scroll;
  }

  .orderDetailPopup .orderDetailPopupContent .orederDetailImg {
    width: 230px;
    margin:  auto;
    float: none;
    margin-bottom: 20px;
  }

  .orderDetailPopup .orderDetailPopupContent .orederDetailText {
    width: 100%;
  }

  .orderDetailPopup .orderDetailPopupContent .orederDetailText .orederDetailTextLists .orederDetailTextList .orederDetailTextListTitle {
    width: 110px;
  }

  .orderDetailPopup .orderDetailPopupContent .orederDetailText .orederDetailTextLists .orederDetailTextList .orederDetailTextListTitle strong {
    font-size: 15px;
  }

  .orderDetailPopup .orderDetailPopupContent .orederDetailText .orederDetailTextLists .orederDetailTextList .orederDetailTextListInfo p {
    font-size: 15px;
  }
  .brandsLists {
    margin-left: 0;
    margin-right: 0;
  }

  .brandsLists .brandsList {
    width: 100%;
    margin-bottom: 30px;
  }

  .product-property .general-tabs {
    display: none;
  }

  .product-property {
    padding-left: 0;
    padding-right: 0;
  }

  .product-property .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .product-property .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .product-property .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  
  .productLists .productList {
    width: 280px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }
  
  .homeProductSlider .owl-nav button.owl-prev {
    left: 10px;
  }

  .homeProductSlider .owl-nav button.owl-next {
    right: 10px;
  }

  .menu .garage-title strong {
    color: #ffffff;
    font-size: 20px;
  }

  .menu .garage-title {
    margin-bottom: 25px;
    flex-direction: column;
  }

  .menu .garage-list-item {
    flex-wrap: wrap;
    padding: 10px 0px;
    justify-content: center;
    border-color: white;
  }

  .menu .garage-list-item .garage-content {
    min-width: 100%;
    padding-left: 0;
    margin-bottom: 10px;
  }

  .menu .garage-list-item .garage-button.-blue a {
    background: #11b4d4;
  }

  .menu .garage-list-item .garage-content i {
    color: white;
  }

  .menu .garage-list-item .garage-content p {
    font-size: 13px;
    color: white;
  }

  .menu .garage-title .how-to {
    margin-top: 10px;
    color: white;
  }

  .menu .garage-car-add-input .select-icon .select-input .input {background-color: white;}

  .menu .garage .how-to-popup {
    width: calc(100% + 50px);
    left: -25px;
    height: calc(100% + 70px);
    top: -35px;
    padding: 20px;
  }

  .menu .garage .how-to-popup-content img {
    height: auto !important;
    width: 100%;
  }
  .garage-list-item {flex-wrap: wrap;justify-content: center;padding: 10px 0;}
  
  .garage-list-item .garage-content {
    padding-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    min-width: 100%;
  }
  
  .maintenance-price {
    width: 100%;
    justify-content: center;
  }

  .maintenance-price .price {
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
    margin-right: 0;
  }  

  #menus .menu-logo {
    display: flex;
  }
  
  a.footer-logo {
    display: none;
  }

  .footer-logo-social {
    justify-content: center;
  }

  #menus .menu .menu-link i {
    width: 31px;
    display: flex;
    justify-content: center;
  }

  .slider .findPiece .findPieceContents .findPieceContent .findPieceContentItem.car-filtre-long .arac-dolu a {
    margin-top: 0;
  }
  
  .deliveryAddress {
    margin-bottom: 30px;
  }
  
  .kargo-sec .kargo {
    width: 100%;
    padding: 0;
  }

  .kargo .kargo-firma label:after {
    left: 10px;
  }

  .kargo .kargo-firma label {
    padding-left: 40px;
  }

  .kargo .kargo-firma label img {
    width: 80px;
  }

  .acount-tab {
    display: flex;
  }

  .account .accountEntry > div {
    padding: 0;
    border: none;
  }

  .account .accountRegistration > div {
    padding: 0;
    border: none;
  }
  
  .account > div {
    display: none;
  }
  
  .account > div.active {
    display: flex;
  }
  
  .categoryPage .container .categoryFilter .categoryFilterContent .row .col {
    min-width: 100%;
  }

  .categoryPage .container .categoryFilter .categoryFilterContent {
    padding: 15px 25px 0 24px;
  }
  
  .orderLists .orderList > div.oOrderDetail {
    justify-content: center;
  }

  .order-detail .order-detail-content {
    padding: 30px 0;
    overflow: scroll !important;
  }

  .order-detail .order-detail-content .order-detail-title {
    text-align: left;
    padding-left: 21px;
    font-size: 20px;
    margin-bottom: 30px;
  }

  .order-detail .order-detail-content .order-detail-content-close {
    top: 35px;
  }

  .order-detail-list .order-detail-list-item {
    flex-direction: column;
  }

  .order-detail-list .order-detail-list-item .order-detail-list-content img {
    width: 70px;
    margin-right: 20px;
  }

  .order-detail-list .order-detail-list-item .order-detail-list-content article .order-detail-list-title {
    font-size: 16px;
  }

  .order-detail-list .order-detail-list-item .order-detail-list-content article .order-detail-list-category {
    font-size: 14px;
  }

  .order-detail-list .order-detail-list-item .order-detail-list-price {
    padding-left: 90px;
  }

  .order-detail-list .order-detail-list-item .order-detail-list-price strong {
    font-size: 19px;
  }

  .content-order.row {
    box-sizing: border-box;
    margin-right: 0;
    margin-left: 0;
  }
  
  .order-detail-list .order-detail-list-item .order-detail-list-content article .order-detail-list-tag a {
    font-size: 12px;
  }
  
  .list-of-payment-methods .payment-method div div {
    min-width: 100%;
  }

  #header .container .headerRight .basket-header .basket-header-content {width: 370px;padding: 0 10px;}

  #header .container .headerRight .basket-header .basket-header-content .basket-header-content-item > img {
    width: 65px;
    margin-right: 10px;
  }
  
  .product-add-popup .product-add-popup-content .product-add-popup-content-detail {
    flex-direction: column;
  }

  .product-add-popup .product-add-popup-content .product-add-popup-content-detail .content-right {
    width: 100%;
  }
  
  .slider .slider-web {
    display: none !important; 
  }

  .slider .slider-mobile {
    display: block !important; 
  }
  
  .findPiece .container .findPieceContainer .findPieceContents .findPieceContent .row .findPieceContentItem {
    min-width: 100%;
    margin-bottom: 12px;
  }
  
  .findPiece .container .findPieceContainer .findPieceContents .findPieceContent .row .findPieceContentItem.disabled {
    display: none;
  }

  .findPiece .container .findPieceContainer .findPieceContents .findPieceContent .row .findSearch {
    min-width: 100%;
    margin-top: 0;
    height: auto;
  }
  
  .findPiece .container .findPieceContainer .findPieceContents .findPieceContent .findSearch button {
    background: #f87f11;
    color: white;
    width: 100%;
    box-sizing: border-box;
  }

  .findPiece .container .findPieceContainer .findPieceContents {
    padding-bottom: 0;
  }
  
  .brand-information-slider {
    padding-left: 10px;
    padding-right: 10px;
  }

  .brand-information-slider .owl-nav button.owl-prev {
    left: -20px !important;
  }

  .brand-information-slider .owl-nav button.owl-next {
    right: -20px !important;
  }

  .brand-product-slider {
    padding-left: 10px;
    padding-right: 10px;
  }

  .brand-product-slider .owl-nav button.owl-prev {
    left: -20px !important;
  }

  .brand-product-slider .owl-nav button.owl-next {
    right: -20px !important;
  }

  .home-brand-information {
    padding-bottom: 40px;
  }

  .home-brand-product {
    padding-bottom: 40px;
  }

  .brand-information-item .brand-information-item-content article {
    padding: 10px;
    height: 285px;
  }
  
  .brand-product-item .brand-product-item-content .brand-product-link {
    font-size: 13px;
  }

  .brand-information-item .brand-information-item-content .brand-link {
    font-size: 13px;
  }

  .brand-information-item .brand-information-item-content article p {
    font-size: 15px;
  }
  
  .productDetail .product-details {
    padding: 0 15px;
  }

  .productDetail {
    padding: 30px 15px;
  }

  .iconic-card {
    height: 50px;
  }

  .generalTabContents .generalTabContent {
    display: block;
    margin-bottom: 10px;
  }
  .generalTabContents .generalTabContent .mobile-toggle-link {
    display: flex;
  }
  .mobile-general-content {
    display: none;
  }

  .generalTabContents .generalTabContent.active .mobile-general-content {
    display: block;
  }
  
  .product-property .productPropertyListsTitle {
    display: none;
  }

  .car-select {
    flex-direction: column;
  }

  .car-select .car-select-left {
    width: 100%;
    margin-right: 0;
    display: flex;
    flex-direction: row;
  }

  .car-select .car-select-right {
    width: 100%;
  }

  .car-select .car-select-left .car-figure {
    height: 75px;
    width: 75px;
    margin-right: 4px;
    margin-bottom: 3px;
  }

  .car-select .car-select-left .car-select-left-bottom {
    width: calc(100% - 79px);
    height: 74px;
    justify-content: space-between;
  }

  .car-select .car-select-left .car-figure .car-img-icon {
    width: 40px;
  }

  .car-select .car-select-left .car-select-left-bottom strong {
    font-size: 14px;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
  }

  .car-select .car-select-left .car-select-left-bottom strong:after {
    content: '\e906';
    color: white;
    font-family: 'parca-piyasasi';
    transform: rotate(-90deg);
    transition: all .3s;
  }

  .car-select .car-select-left .car-select-left-bottom strong.active:after {
    transform: rotate(90deg);    
  }

  .car-select .car-select-right {
    padding: 15px 15px;
    display: none;
  }
  .car-select .car-select-right.active {
    display: flex;
  }

  .car-select .car-select-right .car-select-form {
    flex-direction: column;
  }

  .car-select .car-select-left .car-select-left-bottom .open-car-detail {
    right: 35px;
  }

  .car-select .car-select-right .car-detail .car-detail-brands {
    width: 100%;
    margin-bottom: 20px;
  }

  .car-select .car-select-right .car-detail .car-detail-content {
    width: 100%;
    margin-bottom: 20px;
  }

  .car-select .car-select-right .car-detail .car-detail-new-query {
    width: 100%;
  }

  .car-select .car-select-right .car-detail .car-detail-new-query a img {
    width: 50px;
  }

  .car-select .car-select-right .car-detail .car-detail-new-query a span {
    font-size: 12px;
  }

  .car-select .car-select-right .car-model-select .row .col .car-model-select-item .car-model-select-item-img {
    width: 150px;
    margin-bottom: 10px;
  }

  .car-select .car-select-right .car-model-select .row .col .car-model-select-item .car-model-select-item-article {
    width: 100%;
  }

  .car-select .car-select-right .car-model-select .row .col .car-model-select-item {
    flex-direction: column;
  }

  .car-select .car-select-right .car-model-select .row .col:not(:last-child) {
    margin-bottom: 5px;
  }

  .category-filter-content .category-list-type {
    margin-left: 0;
    padding-left: 0;
    border: none;
    width: 100%;
    justify-content: flex-end;
    border-bottom: 1px solid #f87f00;
  }
  
  .category-filter-content {
    flex-direction: column-reverse;
    align-items: flex-end;
  }

  .category-filter-content .category-list-type a {
    font-size: 25px;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
  }  
  
  .category-filter-content .category-list-type a:not(:last-child) {
    margin-right: 0;
  }
  
  .category-select {
    flex-direction: column;
  }

  .category-select .category-select-left {
    width: 100%;
    margin-right: 0;
    display: flex;
    flex-direction: row;
  }

  .category-select .category-select-right {
    width: 100%;
  }

  .category-select .category-select-left .category-img {
    height: 75px;
    width: 75px;
    margin-right: 4px;
    margin-bottom: 3px;
  }

  .category-select .category-select-left .category-select-left-bottom {
    width: calc(100% - 79px);
    height: 75px;
    justify-content: space-between;
  }

  .category-select .category-select-left .category-img img {
    width: 40px;
  }

  .category-select .category-select-left .category-select-left-bottom strong {
    font-size: 14px;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
  }

  .category-select .category-select-left .category-select-left-bottom strong:after {
    content: '\e906';
    color: white;
    font-family: 'parca-piyasasi';
    transform: rotate(-90deg);
    transition: all .3s;
  }

  .category-select .category-select-left .category-select-left-bottom strong.active:after {
    transform: rotate(90deg);
  }

  .category-select .category-select-right {
    padding: 15px 15px;
    display: none;
  }
  .category-select .category-select-right.active {
    display: flex;
  }

  .category-select .category-select-right .category-select-form {
    flex-direction: column;
  }
  
  .category-filter-content .category-list-content .category-list-content-detail a {
    padding: 5px 8px;
    font-size: 11px;
    margin-left: 5px;
  }

  .category-filter-content .category-list-content.active {
    width: 330px;
  }

  .category-filter-content .category-list-content .category-list-content-open {
    width: 45px;
    height: 45px;
    font-size: 24px;
  }
  
  .category-filter-content .category-list-content {
    width: 45px;
    height: 45px;
  }
  .track-groups-content .track-groups-content-article {
    margin-top: 20px;
  }

  .product-track-list .product-track-list-item .product-track-list-item-content .product-track-list-item-content-icon {
    width: 60px;
    height: 60px;
    font-size: 35px;
  }

  .product-track-list .product-track-list-item .product-track-list-item-content .product-track-list-item-content-text {
    width: calc(100% - 65px);
  }

  .product-track-list .product-track-list-item .product-track-list-item-content .product-track-list-item-content-text p {
    font-size: 14px;
  }

  .product-track-list .product-track-list-item {
    margin-bottom: 20px;
  }

  .product-track-list .product-track-list-item .product-track-list-item-popup .product-track-list-item-popup-top .product-list-button {
    margin-top: 20px;
  }

  .product-track-list .product-track-list-item .product-track-list-item-popup .product-track-list-item-popup-top {
    margin-bottom: 20px;
  }

  .product-track-list .product-track-list-item .product-track-list-item-popup {
    padding: 50px 15px;
    width: 100%;
    left: 0;
    top: -50px;
  }

  .product-track-list .product-track-list-item .product-track-list-item-popup .product-track-list-item-popup-close {
    width: 30px;
    height: 30px;
    top: 10px;
    right: 10px;
  }

  .product-track-list .product-track-list-item .product-track-list-item-popup .product-track-list-item-popup-close img {
    width: 15px;
  }

  .product-track-list .product-track-list-item .product-track-list-item-popup .product-track-list-item-popup-top .product-list-button a {
    font-size: 14px;
  }

  .product-track-list .product-track-list-item .product-track-list-item-popup .product-track-list-item-popup-text p {
    font-size: 15px;
  }

  .product-track-list .product-track-list-item .product-track-list-item-popup .product-track-list-item-popup-text {
    padding: 10px;
  }
  .productListsLine .productListLine .product-content .product-content-left {
    width: 43%;
  }

  .productListsLine .productListLine .product-content .product-content-right {
    width: 57%;
    padding: 10px;
  }
  .productListsLine .productListLine .product-content {
    background: white;
    padding: 0;
  }
  
  .category-filter .container {
    padding: 0;
  }
  
  #contents .container {
    padding: 0;
  }
  .productListsLine .productListLine .product-content .product-content-left .product-img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 10px;
  }
  
  .productListsLine .productListLine .product-content .product-content-right i {
    font-size: 12px;
  }
  
  .productListsLine .productListLine .product-content .product-content-right .product-title {
    font-size: 13px;
  }
  
  .productListsLine .productListLine .product-content .product-content-right .product-category {
    font-size: 12px;
  }
  
  .productListsLine .productListLine .product-content .product-content-right .product-stok-code {
    font-size: 12px;
  }
  
  .productListsLine .productListLine .product-content .product-content-right .product-price a {
    font-size: 18px;
  }
    
  .productListsLine .productListLine .product-content .product-content-left .product-img .discount strong {
    font-size: 12px;
  }
  
  .productListsLine .productListLine .product-content .product-content-left .product-img .discount span {
    font-size: 11px;
  }
  
  .productListsLine .productListLine .product-content .product-content-left .product-img .discount {
    width: 44px;
    height: 44px;
    top: 10px;
  }
  .productListsLine .productListLine .product-content .product-stok-content .product-stok-cars i {
    font-size: 25px;
  }

  .productListsLine .productListLine .product-content .product-stok-content .product-stok-name {
    font-size: 15px;
  }

  .productListsLine .productListLine .product-content .product-stok-content .product-stok-category {
    font-size: 14px;
    margin-bottom: 12px;
  }

  .productListsLine .productListLine .product-content .product-stok-content .product-stok-contact-title {
    font-size: 10px;
    margin-bottom: 15px;
  }

  .productListsLine .productListLine .product-content .product-stok-content .product-stok-contact .product-stok-contact-item {
    width: 50%;
  }

  .productListsLine .productListLine .product-content .product-stok-content .product-stok-contact .product-stok-contact-item i {
    font-size: 21px;
  }
  .compatible-parts .compatible-parts-content {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999999;
    overflow: scroll;
    width: 90%;
    height: 90vh !important;
    bottom: auto;
  }
}

@media screen and (max-width: 415px) and (min-width: 320px) { /* MOBILE 320+ ~ 415 */
  #headerTop {
    display: none
  }

  #menus .menu-user {
    display: flex
  }

  #menus {
    position: fixed;
    left: -100%;
    top: 0;
    z-index: 999999;
    flex-direction: column;
    height: 100vh;
    overflow-x: hidden;
    width: 310px;
    padding-top: 90px;
    overflow-y: scroll;
    transition: all .3s;
  }
  
  #menus.active {
    left: 0;
  }

  .headerContact:before {
    content: '';
    width: calc(100% - 30px);
    background: #e9e9e9;
    height: 1px;
    position: absolute;
    top: 13px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
  }

  #header .container .logo img {
    width: 68px;
  }

  .nav-search > .container .search {
    margin-left: 0;
    border-top: 1px solid #11b4d4;
    border-left: 1px solid #11b4d4;
    box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.25);
  }

  .nav-search > .container {
    position: static;
  }

  .nav-search {
    position: static;
    background: white;
    margin-top: -1px;
    padding-bottom: 10px;
  }

  #menus .menu {
    display: block !important;
    width: 100%;
    height: auto;
  }

  #menus .menu .menu-link {
    padding: 10px 25px;
    text-align: left;
    width: 100%;
    justify-content: flex-start;
  }

  #menus .menu .menu-link span {
    position: static;
    margin-left: 10px;
  }

  #menus .menu .menu-sub {
    position: relative;
    height: 0;
    top: 0;
    overflow: hidden;
  }

  #menus .menu .menu-sub:after {
    display: none;
  }

  #menus .menu.active .menu-sub {
    height: auto !important;
    width: 100%;
  }

  #menus .menu .menu-sub .container {
    padding: 35px 25px;
    background: #0ea5c3;
  }

  .brandsLists .brandsList img {
    height: 30px;
    margin-right: 10px;
  }

  .brandsLists .brandsList i {
    font-size: 22px;
    color: white;
  }

  .brandsLists .brandsList strong {
    color: #ffffff;
  }

  #menus .close-menu {
    display: block !important;
    position: absolute;
    right: 35px;
    top: 42px;
  }

  .menuNav {
    display: block
  }

  #header {
    margin-bottom: 95px;
    position: relative;
  }

  .headerContact {
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    height: auto;
    align-items: flex-start;
    padding: 30px 10px 20px 10px;
    justify-content: center;
    background: white;
  }

  #header .container .headerRight .whatsappHeader {
    margin-right: 11px;
  }

  #header .container .headerRight .callcenter {
    margin-right: 0;
  }

  #header .container .headerRight .whatsappHeader i {
    font-size: 24px;
  }

  #header .container .headerRight .whatsappHeader > div a {
    font-size: 12.5px;
  }

  #header .container .headerRight .callcenter i {
    font-size: 24px;
  }

  #header .container .headerRight .callcenter > div a {
    font-size: 13px;
  }

  #header .container .headerRight .wheteOrderButton {
    display: none;
  }

  #header .container .headerRight .baskedButton i {
    font-size: 25px;
  }

  #header .container {
    justify-content: space-between;
    height: 110px;
  }

  .headerRight {
    flex: 0;
    width: 46px;
  }

  .services {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .services .container .row .service {
    width: 50%;
  }

  .services .container .row .service a {
    height: 120px;
  }

  .services .container .row .service a i {
    font-size: 25px;
    margin-bottom: 10px;
  }

  .services .container .row .service a strong span {
    font-size: 14px;
  }

  .services .container .row .service a strong {
    font-size: 15px;
    line-height: 17px;
  }

  .homeTitle .more-button {
    display: none;
  }

  .homeTitle h2 {
    font-size: 30px;
  }

  .homeTitle h2 span {
    display: block;
    font-size: 24px;
  }

  .featuredCategories .featuredCategorySlider .owl-nav button.owl-prev {
    left: 15px;
  }

  .featuredCategories .featuredCategorySlider .owl-nav button.owl-next {
    right: 15px;
  }

  .featuredCategories {
    padding-bottom: 55px;
  }

  .homeTitle {
    flex-direction: column;
    align-items: flex-start;
  }

  .homeTitle .homeTitleNav {
    width: 100%;
    overflow-x: scroll;
    padding-bottom: 15px;
  }
  .homeTitle .homeTitleNav a {
    white-space: nowrap;
  }
  
  .homeProduct {
    padding-bottom: 75px;
  }
  
  .homeProductSlider .owl-nav button.owl-prev {
    left: 10px;
  }

  .homeProductSlider .owl-nav button.owl-next {
    right: 10px;
  }

  .homeProductSlider.productLists {
  }

  .homesss .homeTitle .more-button {
    display: flex;
    margin: 0 auto;
  }

  #footer .container .footerServices .footerService {
    width: 230px;
    margin: 0 auto;
  }

  #footer .container .footerServices {
    flex-flow: wrap;
  }

  #footer .container .footerServices .footerService.footerWhatsapp {order: -1;}

  #footer .container .footerNav {
    flex-direction: column;
    height: auto;
    justify-content: center;
  }

  #footer .container .footerNav a {
    text-align: center;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .pageNavMobile {
    display: flex
  }

  #contents .contentsContainer {
    padding: 15px 15px 30px 15px;
  }

  .my-basket-steps {
    display: none;
  }

  .adressButton {
    flex-direction: column;
  }

  .adressButton .check {
    margin-bottom: 30px !important;
  }

  .newAdress .newAdressTop {
    flex-direction: column;
    margin-bottom: 40px;
  }

  .newAdress {
    padding: 38px 30px;
  }

  .newAdress h1 {
    margin-bottom: 30px !important;
  }

  .newAdressButton {
    flex-direction: column;
  }

  #contents .container .contentTabs {
    position: absolute;
    width: 100%;
    height: auto;
    flex-direction: column;
    top: 100%;
    left: 15px;
    z-index: 9999;
    opacity: 0;
    pointer-events: none;
  }

  .contactTabs-mobile.active .contentTabs {
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  .contactTabs-mobile {
    position: relative;
    padding-top: 20px;
  }

  #contents .container .contentTabs .contentTab {
    height: 65px;
    flex-direction: row;
    justify-content: flex-start;
    padding: 0 20px;
    background: #efefef;
  }

  #contents .container .contentTabs .contentTab i {
    margin-right: 12px;
  }

  .bankinformation .bank {
    padding: 0 15px !important;
  }

  .bankinformation .bank .payinfo {
    padding-left: 15px;
    padding-top: 30px;
  }

  .bankinformation .bank .payinfo .bankinfos {
    padding-bottom: 0;
  }

  .bankinformation .bank .payinfo .bankinfos > div {
    margin-bottom: 20px;
  }

  .productDetain .product-details {
    padding: 0 15px;
    margin-top: 20px;
  }

  .productDetain .product-details .piece {
    width: 80px;
  }

  .table {
    margin-bottom: 30px;
  }

  .product-paragraph {
    padding-left: 15px;
    padding-right: 15px;
  }

  .similarProduct .productLists {
    /* flex-wrap: nowrap; */
    /* overflow: scroll; */
  }
  .similarProduct {
      margin-bottom: 60px;
  }
  .similarProduct .productLists .productList {
    width: 230px;
    margin-bottom: 0;
  }
  .uyeOlAlt {
    flex-direction: column;
  }

  .uyeOlAlt .blue-button {
    margin-top: 30px !important;
  }
  .contacts .contact {
    margin-bottom: 30px;
  }

  .list-of-payment-methods {
    padding: 20px 10px;
    margin-bottom: 65px;
  }

  .general-tabs a {
    font-size: 14px;
    padding: 0 20px;
  }

  .homePayment .kargo-uyari .kargo {
    width: 100%;
  }

  .homePayment .kargo-uyari {
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
  }

  .homePayment .kargo-uyari .uyari {
    width: 100%;
  }

  .homePayment .kargo-uyari .uyari .kapida-odeme-bedeli {
    width: calc(100% + 33px);
  }

  .homePayment .kargo-uyari .uyari .kapida-odeme-bedeli article p {
    width: 100%;
  }

  .homePayment .kargo-uyari .kargo .kargo-firma label {
    padding-left: 60px;
  }

  .homePayment .kargo-uyari .kargo .kargo-firma label img {
    width: 90px;
  }

  .basketLists .basketListTitle {
    display: none;
  }

  .basketLists .basketList > div {
    width: 100% !important;
    padding: 10px;
    border-bottom: 1px solid white;
    height: auto;
    flex-direction: column;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
    justify-content: center;
  }
  
  .basketLists .bUPrice {
    display: none !important;
  }

  .basketLists .bproduct {
    flex-direction: row !important;
    justify-content: flex-start !important;
  }

  .basketLists .bpiece {
    max-width: 50%;
  }

  .basketLists .bPrice {
    max-width: 50%;
  }

  .basketLists .bRemove {
    max-width: 75px;
    margin-left: auto;
    margin-right: auto;
  }

  .basketLists .basketList {
    flex-wrap: wrap;
    background: #efefef;
    margin-bottom: 20px;
  }

  .basketLists .basketList .listTitle {
    display: block !important;
  }

  .my-basket .basketTitle {
    margin-top: 0;
  }

  .basketLists .basketList > div .listpiece input {
    background: #efefef;
  }
  .totalPrice {
    width: 100%;
  }
  .orderTabs {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow: scroll;
    height: 70px;
  }

  .orderTabs a span {
    top: 0px;
  }

  .orderLists .orderListTitle {
    display: none;
  }

  .orderLists .orderList {
    flex-wrap: wrap;
    background: #efefef;
    margin-bottom: 20px;
  }

  .orderLists .orderList > div {
    align-items: flex-start;
    padding: 0 10px;
    border-bottom: 1px solid white;
    flex-direction: column;
    height: 90px;
    justify-content: center;
  }

  .orderLists .orderList .orderMobileTitle {
    display: block !important;
  }

  .orderLists .oIcon {
    width: 90px;
  }

  .orderLists .oNo {
    width: calc(100% - 90px);
  }

  .orderLists .oStatus {
    width: 45%;
  }

  .orderLists .oCargo {
    width: 55%;
  }

  .orderLists .oDate {
    width: calc(100% - 76px);
  }

  .orderLists .oOrderDetail {
    width: 75px;
  }
  
  #productDemand .container .productDemandContent {
    padding: 40px 20px;
  }

  #productDemand .container .productDemandContent .productDemandContentText {
    margin-bottom: 30px;
  }

  #productDemand .container .productDemandContent form {
    width: auto;
  }

  .orderDetailPopup .orderDetailPopupContent {
    padding: 40px 10px;
    height: 90%;
    overflow: scroll;
  }

  .orderDetailPopup .orderDetailPopupContent .orederDetailImg {
    width: 230px;
    margin:  auto;
    float: none;
    margin-bottom: 20px;
  }

  .orderDetailPopup .orderDetailPopupContent .orederDetailText {
    width: 100%;
  }

  .orderDetailPopup .orderDetailPopupContent .orederDetailText .orederDetailTextLists .orederDetailTextList .orederDetailTextListTitle {
    width: 110px;
  }

  .orderDetailPopup .orderDetailPopupContent .orederDetailText .orederDetailTextLists .orederDetailTextList .orederDetailTextListTitle strong {
    font-size: 15px;
  }

  .orderDetailPopup .orderDetailPopupContent .orederDetailText .orederDetailTextLists .orederDetailTextList .orederDetailTextListInfo p {
    font-size: 15px;
  }
  
  .brandsLists {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }
  
  .brandsLists .more-button {
    color: white;
    border-color: white;
    font-size: 12px;
  }

  .brandsLists .more-button i {
    margin-left: 10px;
    font-size: 30px;
  }

  .brandsLists .brandsList {
    width: 100%;
    margin-bottom: 30px;
  }

  .product-property .general-tabs {
    display: none;
  }

  .product-property {
    padding-left: 0;
    padding-right: 0;
    margin-top: 30px;
  }

  .product-property .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  .product-property .col-md-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }

  .product-property .col-md-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .productLists .productList {
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }

  .menu .garage-title strong {
    color: #ffffff;
    font-size: 20px;
  }

  .menu .garage-title {
    flex-direction: column;
    margin-bottom: 25px;
  }

  .menu .garage-list-item {
    flex-wrap: wrap;
    padding: 10px 0px;
    justify-content: center;
    border-color: white;
  }

  .menu .garage-list-item .garage-content {
    min-width: 100%;
    padding-left: 0;
    margin-bottom: 10px;
  }

  .menu .garage-list-item .garage-button.-blue a {
    background: #11b4d4;
  }

  .menu .garage-list-item .garage-content i {
    color: white;
  }

  .menu .garage-list-item .garage-content p {
    font-size: 13px;
    color: white;
  }

  .menu .garage-title .how-to {
    margin-top: 10px;
    color: white;
  }

  .menu .garage-car-add-input .select-icon .select-input .input {background-color: white;}

  .menu .garage .how-to-popup {
    width: calc(100% + 50px);
    left: -25px;
    height: calc(100% + 70px);
    top: -35px;
    padding: 20px;
  }

  .menu .garage .how-to-popup-content img {
    height: auto !important;
    width: 100%;
  }
  .garage-list-item {flex-wrap: wrap;justify-content: center;padding: 10px 0;}
  
  .garage-list-item .garage-content {
    padding-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    min-width: 100%;
  }

  .maintenance-price {
    width: 100%;
    justify-content: center;
  }

  .maintenance-price .price {
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
    margin-right: 0;
  }

  #menus .menu-logo {
    display: flex;
  }

  a.footer-logo {
    display: none;
  }

  .footer-logo-social {
    justify-content: center;
  }

  #menus .menu .menu-link i {
    width: 31px;
    display: flex;
    justify-content: center;
  }

  .deliveryAddress {
    margin-bottom: 30px;
  }
  
  .kargo-sec .kargo {
    width: 100%;
    padding: 0;
  }

  .kargo .kargo-firma label:after {
    left: 0;
  }

  .kargo .kargo-firma label {
    padding-left: 40px;
  }

  .kargo .kargo-firma label img {
    width: 80px;
  }

  .acount-tab {
    display: flex;
  }

  .account .accountEntry > div {
    padding: 0;
    border: none;
  }

  .account .accountRegistration > div {
    padding: 0;
    border: none;
  }
  
  .account > div {
    display: none;
  }
  
  .account > div.active {
    display: flex;
  }

  .categoryPage .container .categoryFilter .categoryFilterContent .row .col {
    min-width: 100%;
  }

  .categoryPage .container .categoryFilter .categoryFilterContent {
    padding: 15px 25px 0 24px;
  }
  
  .orderLists .orderList > div.oOrderDetail {
    justify-content: center;
  }

  .order-detail .order-detail-content {
    padding: 30px 0;
    overflow: scroll !important;
  }

  .order-detail .order-detail-content .order-detail-title {
    text-align: left;
    padding-left: 21px;
    font-size: 20px;
    margin-bottom: 30px;
  }

  .order-detail .order-detail-content .order-detail-content-close {
    top: 35px;
  }

  .order-detail-list .order-detail-list-item {
    flex-direction: column;
  }

  .order-detail-list .order-detail-list-item .order-detail-list-content img {
    width: 70px;
    margin-right: 20px;
  }

  .order-detail-list .order-detail-list-item .order-detail-list-content article .order-detail-list-title {
    font-size: 16px;
  }

  .order-detail-list .order-detail-list-item .order-detail-list-content article .order-detail-list-category {
    font-size: 14px;
  }

  .order-detail-list .order-detail-list-item .order-detail-list-price {
    padding-left: 90px;
  }

  .order-detail-list .order-detail-list-item .order-detail-list-price strong {
    font-size: 19px;
  }

  .content-order.row {
    box-sizing: border-box;
    margin-right: 0;
    margin-left: 0;
  }

  .order-detail-list .order-detail-list-item .order-detail-list-content article .order-detail-list-tag a {
    font-size: 12px;
  }

  .list-of-payment-methods .payment-method div div {
    min-width: 100%;
  }

  #header .container .headerRight .basket-header .basket-header-content {
    width: 280px;
    padding: 0 10px;
  }

  #header .container .headerRight .basket-header .baskedButton {
    width: 46px;
    height: 46px;
  }

  #header .container .headerRight .basket-header .baskedButton i {
    font-size: 25px;
  }

  #header .container .headerRight .basket-header .baskedButton span {
    right: 8px;
    top: 0px;
  }

  #header .container .headerRight .basket-header .basket-header-content .basket-header-content-item article .basket-product-title {
    font-size: 13px;
  }

  #header .container .headerRight .basket-header .basket-header-content .basket-header-content-item article .basket-product-tip {
    font-size: 13px;
  }

  .category-product-tag a {
    padding: 5px 2px;
    font-size: 12px;
  }

  #header .container .headerRight .basket-header .basket-header-content .basket-header-content-item article .category-product-tag {
    padding: 0 3px;
  }

  #header .container .headerRight .basket-header .basket-header-content .basket-header-content-item article {
    width: calc(100% - 90px);
  }

  #header .container .headerRight .basket-header .basket-header-content .basket-header-content-item > img {
    width: 55px;
    margin-right: 7px;
  }

  .product-add-popup .product-add-popup-content .product-add-popup-content-detail {
    flex-direction: column;
  }
  .basket-header-bottom {
    flex-direction: column;
  }

  #header .container .headerRight .basket-header .basket-header-bottom > div {
    margin-bottom: 10px;
  }

  .product-add-popup .product-add-popup-content .product-add-popup-content-detail .content-right {
    width: 100%;
  }
  
  .slider .slider-web {
    display: none !important; 
  }

  .slider .slider-mobile {
    display: block !important; 
  }
  
  .findPiece .container .findPieceContainer .findPieceContents .findPieceContent .row .findPieceContentItem {
    min-width: 100%;
    margin-bottom: 12px;
  }
  
  .findPiece .container .findPieceContainer .findPieceContents .findPieceContent {
    width: 100%;
  }
  
  .findPiece .container .findPieceContainer .findPieceContents .findPieceContent .row .findPieceContentItem.disabled {
    display: none;
  }

  .findPiece .container .findPieceContainer .findPieceContents .findPieceContent .row .findSearch {
    min-width: 100%;
    margin-top: 0;
    height: auto;
  }
  
  .findPiece .container .findPieceContainer .findPieceContents .findPieceContent .findSearch button {
    background: #f87f11;
    color: white;
    width: 100%;
    box-sizing: border-box;
  }

  .findPiece .container .findPieceContainer .findPieceContents {
    padding-bottom: 0;
  }
  
  .brand-information-slider {
    padding-left: 10px;
    padding-right: 10px;
  }

  .brand-information-slider .owl-nav button.owl-prev {
    left: -20px !important;
  }

  .brand-information-slider .owl-nav button.owl-next {
    right: -20px !important;
  }

  .brand-product-slider {
    padding-left: 10px;
    padding-right: 10px;
  }

  .brand-product-slider .owl-nav button.owl-prev {
    left: -20px !important;
  }

  .brand-product-slider .owl-nav button.owl-next {
    right: -20px !important;
  }

  .home-brand-information {
    padding-bottom: 40px;
  }

  .home-brand-product {
    padding-bottom: 40px;
  }

  .brand-information-item .brand-information-item-content article {
    padding: 10px;
    height: 285px;
  }
  
  .brand-product-item .brand-product-item-content .brand-product-link {
    font-size: 13px;
  }

  .brand-information-item .brand-information-item-content .brand-link {
    font-size: 13px;
  }

  .brand-information-item .brand-information-item-content article p {
    font-size: 15px;
  }
  
  .productDetail .product-details {
    padding: 0 15px;
  }

  .productDetail {
    padding: 30px 15px;
  }

  .iconic-card {
    height: 50px;
  }

  .generalTabContents .generalTabContent {
    display: block;
    margin-bottom: 10px;
  }
  .generalTabContents .generalTabContent .mobile-toggle-link {
    display: flex;
  }
  .mobile-general-content {
    display: none;
  }

  .generalTabContents .generalTabContent.active .mobile-general-content {
    display: block;
  }
  
  .product-property .productPropertyListsTitle {
    display: none;
  }

  .car-select {
    flex-direction: column;
  }

  .car-select .car-select-left {
    width: 100%;
    margin-right: 0;
    display: flex;
    flex-direction: row;
  }

  .car-select .car-select-right {
    width: 100%;
  }

  .car-select .car-select-left .car-figure {
    height: 75px;
    width: 75px;
    margin-right: 4px;
    margin-bottom: 3px;
  }

  .car-select .car-select-left .car-select-left-bottom {
    width: calc(100% - 79px);
    height: 74px;
    justify-content: space-between;
  }

  .car-select .car-select-left .car-figure .car-img-icon {
    width: 40px;
  }

  .car-select .car-select-left .car-select-left-bottom strong {
    font-size: 14px;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
  }

  .car-select .car-select-left .car-select-left-bottom strong:after {
    content: '\e906';
    color: white;
    font-family: 'parca-piyasasi';
    transform: rotate(-90deg);
    transition: all .3s;
  }

  .car-select .car-select-left .car-select-left-bottom strong.active:after {
    transform: rotate(90deg);    
  }

  .car-select .car-select-right {
    padding: 15px 15px;
    display: none;
  }
  .car-select .car-select-right.active {
    display: flex;
  }

  .car-select .car-select-right .car-select-form {
    flex-direction: column;
  }

  .car-select .car-select-left .car-select-left-bottom .open-car-detail {
    right: 35px;
  }

  .car-select .car-select-right .car-detail .car-detail-brands {
    width: 100%;
    margin-bottom: 20px;
  }

  .car-select .car-select-right .car-detail .car-detail-content {
    width: 100%;
    margin-bottom: 20px;
  }

  .car-select .car-select-right .car-detail .car-detail-new-query {
    width: 100%;
  }

  .car-select .car-select-right .car-detail .car-detail-new-query a img {
    width: 50px;
  }

  .car-select .car-select-right .car-detail .car-detail-new-query a span {
    font-size: 12px;
  }

  .car-select .car-select-right .car-model-select .row .col .car-model-select-item .car-model-select-item-img {
    width: 150px;
    margin-bottom: 10px;
  }

  .car-select .car-select-right .car-model-select .row .col .car-model-select-item .car-model-select-item-article {
    width: 100%;
  }

  .car-select .car-select-right .car-model-select .row .col .car-model-select-item {
    flex-direction: column;
  }

  .car-select .car-select-right .car-model-select .row .col:not(:last-child) {
    margin-bottom: 5px;
  }
  
  .category-select {
    flex-direction: column;
  }

  .category-select .category-select-left {
    width: 100%;
    margin-right: 0;
    display: flex;
    flex-direction: row;
  }

  .category-select .category-select-right {
    width: 100%;
  }

  .category-select .category-select-left .category-img {
    height: 75px;
    width: 75px;
    margin-right: 4px;
    margin-bottom: 3px;
  }

  .category-select .category-select-left .category-select-left-bottom {
    width: calc(100% - 79px);
    height: 75px;
    justify-content: space-between;
  }

  .category-select .category-select-left .category-img img {
    width: 40px;
  }

  .category-select .category-select-left .category-select-left-bottom strong {
    font-size: 14px;
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
  }

  .category-select .category-select-left .category-select-left-bottom strong:after {
    content: '\e906';
    color: white;
    font-family: 'parca-piyasasi';
    transform: rotate(-90deg);
    transition: all .3s;
  }
  
  .category-select .category-select-left .category-select-left-bottom strong.active:after {
      transform: rotate(90deg);
  }
  .category-select .category-select-right {
    padding: 15px 15px;
    display: none;
  }
  .category-select .category-select-right.active {
    display: flex;
  }

  .category-select .category-select-right .category-select-form {
    flex-direction: column;
  }
  
  .category-filter-content .category-list-content .category-list-content-detail a {
    padding: 5px 8px;
    font-size: 11px;
    margin-left: 5px;
  }

  .category-filter-content .category-list-content.active {
    width: 330px;
  }

  .category-filter-content .category-list-content .category-list-content-open {
    width: 45px;
    height: 45px;
    font-size: 24px;
  }
  
  .category-filter-content .category-list-content {
    width: 45px;
    height: 45px;
  }

  .track-groups-content .track-groups-content-article {
    margin-top: 20px;
  }

  .product-track-list .product-track-list-item .product-track-list-item-content .product-track-list-item-content-icon {
    width: 60px;
    height: 60px;
    font-size: 35px;
  }

  .product-track-list .product-track-list-item .product-track-list-item-content .product-track-list-item-content-text {
    width: calc(100% - 65px);
  }

  .product-track-list .product-track-list-item .product-track-list-item-content .product-track-list-item-content-text p {
    font-size: 14px;
  }

  .product-track-list .product-track-list-item {
    margin-bottom: 20px;
  }

  .product-track-list .product-track-list-item .product-track-list-item-popup .product-track-list-item-popup-top .product-list-button {
    margin-top: 20px;
  }

  .product-track-list .product-track-list-item .product-track-list-item-popup .product-track-list-item-popup-top {
    margin-bottom: 20px;
  }

  .product-track-list .product-track-list-item .product-track-list-item-popup {
    padding: 50px 15px;
    width: 100%;
    left: 0;
    top: -50px;
  }

  .product-track-list .product-track-list-item .product-track-list-item-popup .product-track-list-item-popup-close {
    width: 30px;
    height: 30px;
    top: 10px;
    right: 10px;
  }

  .product-track-list .product-track-list-item .product-track-list-item-popup .product-track-list-item-popup-close img {
    width: 15px;
  }

  .product-track-list .product-track-list-item .product-track-list-item-popup .product-track-list-item-popup-top .product-list-button a {
    font-size: 14px;
  }

  .product-track-list .product-track-list-item .product-track-list-item-popup .product-track-list-item-popup-text p {
    font-size: 15px;
  }

  .product-track-list .product-track-list-item .product-track-list-item-popup .product-track-list-item-popup-text {
    padding: 10px;
  }
  
  .productListsLine .productListLine .product-content {
    background: white;
    padding: 0;
  }

  .category-filter .container {
    padding: 0;
  }

  #contents .container {
    padding: 0;
  }
  
  .productListsLine .productListLine .product-content .product-content-left {
    width: 43%;
    display: flex;
  }

  .productListsLine .productListLine .product-content .product-content-right {
    width: 57%;
    padding: 10px;
  }
  
  .productListsLine .productListLine .product-content .product-content-left .product-img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 10px;
  }

  .productListsLine .productListLine .product-content .product-content-right i {
    font-size: 12px;
  }

  .productListsLine .productListLine .product-content .product-content-right .product-title {
    font-size: 13px;
  }

  .productListsLine .productListLine .product-content .product-content-right .product-category {
    font-size: 12px;
  }

  .productListsLine .productListLine .product-content .product-content-right .product-stok-code {
    font-size: 12px;
  }

  .productListsLine .productListLine .product-content .product-content-right .product-price a {
    font-size: 18px;
  }
  
  .productListsLine .productListLine .product-content .product-content-left .product-img .discount strong {
    font-size: 12px;
  }

  .productListsLine .productListLine .product-content .product-content-left .product-img .discount span {
    font-size: 11px;
  }

  .productListsLine .productListLine .product-content .product-content-left .product-img .discount {
    width: 44px;
    height: 44px;
    top: 10px;
  }

  .categoryPage .container .paragraph-limitter {
    background: white;
    padding: 10px;    
  }
  
  .category-filter-content {
    flex-direction: column-reverse;
    align-items: flex-end;
    justify-content: center;
  }

  .category-filter-content .category-list-type a {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
  }

  .category-filter-content .category-list-type {
    border-left: none;
    padding-left: 0;
    margin-left: 0;
    width: 100%;
    justify-content: flex-end;
    border-bottom: 1px solid #f87f00;
  }

  .category-filter-content .category-list-type a:not(:last-child) {
    margin-right: 0;
  }

  .productListsLine .productListLine .product-content .product-stok-content .product-stok-cars i {
    font-size: 25px;
  }

  .productListsLine .productListLine .product-content .product-stok-content .product-stok-name {
    font-size: 15px;
  }

  .productListsLine .productListLine .product-content .product-stok-content .product-stok-category {
    font-size: 14px;
    margin-bottom: 12px;
  }

  .productListsLine .productListLine .product-content .product-stok-content .product-stok-contact-title {
    font-size: 10px;
    margin-bottom: 15px;
  }

  .productListsLine .productListLine .product-content .product-stok-content .product-stok-contact .product-stok-contact-item {
    width: 50%;
  }

  .productListsLine .productListLine .product-content .product-stok-content .product-stok-contact .product-stok-contact-item i {
    font-size: 21px;
  }
  .compatible-parts .compatible-parts-content {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99999999;
    overflow: scroll;
    width: 90%;
    height: 90vh !important;
    bottom: auto;
  }
  .general-popup .general-popup-content {
    padding: 20px 15px;
  }
  
  .general-popup .general-popup-content .general-popup-title {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: left;
  }
}