<p>.mavi span.sppb-tab-title { margin-left: -50px; } .mavi .sppb-tab-image { left: -60px !important; position: relative !important; } .mavi span.sppb-tab-subtitle { font-size: 20px; } .mavi span.sppb-tab-title { font-size: 30px; } .mavi { text-align: center; } li.mavi::after { content: 'Önemli'; background-color: red; position: absolute; width: 75px; height: 75px; right: -20px; bottom: -20px; border-radius: 50px; text-align: center; line-height: 75px; color: white; } .sppb-nav-tabs li:nth-child(1), .sppb-nav-tabs li:nth-child(2), .sppb-nav-tabs li:nth-child(3), .sppb-nav-tabs li:nth-child(4) { width: 285px; } .mavi { width: 100%; } header#sp-header a { color: #0085cd; } .filtrelerSekmesi .sppb-tab-image { position: absolute; left: -35px; top: -10px; } .anasayfa #sp-header.header-sticky a#btn-1595602222523 { color: #fff; } .anasayfa a#btn-1595602222523 { color: #fff; }/* .sp-megamenu-parent&gt;li&gt;a { color: #fff; }*/ header#sp-header { background: #fff !important; } .anasayfa #sp-header.header-sticky a { color: #002060; } .sp-megamenu-parent&gt;li&gt;a:hover { color: #67b6e1 !important; } a#btn-1609146966780 { padding: 10px !important; } a#btn-1595602222523 { padding: 10px !important; margin-top: 10px !important; } .filtrelerSekmesi .sppb-tab-image { position: absolute; left: -35px; top: -10px; width: 60px; } .sppb-nav-tabs&gt;li&gt;a { font-size: 14px; font-weight: bolder; line-height: 1.42857143; padding: 18px 50px !important; background: #f5f5f5; border: 1px solid #e5e5e5; border-right-width: 0; } @media only screen and (max-width: 1366px) { .sp-megamenu-parent li a { font-size: 12px !important; } } .magaza-linkleri img.sppb-img-responsive { padding: 40px !important; } #sp-header.header-sticky .magaza-button { display: none !important; } .anasayfa #sp-header.header-sticky .magaza-button { display: none !important; } .anasayfa #sp-header.header-sticky #sp-menu-right .magaza-button { display: none !important; } #sp-header.header-sticky .magaza-button { background: red !important; } #sp-top-bar { padding: 5px 0; background: #fff; border: 1px solid #e1e1e1; color: #002060; } #sp-top2 { text-align: right; } #sp-header { border-top-color: #f1f1f1; padding:0 30px; } .lassons-home-slider.sp-slider .sp-slider-content-align-left:after{ display: none; } div[itemprop="articleBody"] h3 { color: #002060; } .lassons-home-slider.sp-slider .sppb-sp-slider-title, .lassons-home-slider.sp-slider .sppb-sp-slider-text { text-shadow: 1px 1px 1px rgba(5,30,70,0.5); } .lassons-home-slider.sp-slider .sppb-sp-slider-title { max-width: 80%; letter-spacing: -3px; } .lassons-home-slider.sp-slider .sp-slider-content-align-left { top: 0; } .sp-slider .sp-dots { width: auto; } .lassons-home-slider.sp-slider .sppb-sp-slider-title span { color: #002060; text-shadow: 1px 1px 1px #fff; } .heroCalltoAction { margin-top:-60px!important; } .sppb-title-heading span, .sppb-addon-title span { color: #0085cd; } .owl-filter-bar { text-align: left; margin-bottom: 40px; } .owl-filter-bar li { /* background: #0085cd; */ /* color: #fff; */ /* white-space: pre-wrap; */ /* padding: 10px; */ margin-right: 10px; border-radius: 5px; max-width: 230px; position: relative; } .owl-filter-bar li .filter-item { background: #f1f1f1; color: #002060; /* white-space: pre-wrap; */ padding: 10px; margin-right: 10px; border-radius: 5px; line-height: 20px; font-weight: 500; font-size: 16px; } .owl-filter-bar .tab-icon { width: 50px; margin-right: 15px; transition: all 0.3s ease-in-out 0s; } .owl-filter-bar li.active .filter-item, .owl-filter-bar li.active .filter-item:hover { background: #002060; color: #fff; } .owl-filter-bar li .filter-item:hover { background: #0085cd; color: #fff; } .owl-filter-bar li .filter-item:hover .tab-icon{ transform:scale(1.5); margin-right: 20px; } .owl-filter-bar li.active:after { content: ""; border: 10px solid transparent; display: block; position: absolute; bottom: -20px; border-top-color: #002060; width: 0; height: 0; left: 50%; transform: translateX(-50%); } .sppb-products-carousel-wrapper.owl-carousel .owl-stage-outer{ overflow:visible; } .sppb-products-carousel-wrapper.owl-carousel .owl-item{ opacity: 0.35; filter:blur(7px); transition: all 0.3s ease-in-out 0s; } .sppb-products-carousel-wrapper.owl-carousel .owl-item.active{ opacity: 1; filter: none; } .sppb-products-carousel-wrapper.owl-carousel .owl-item .sppb-products-item-wrap, .urun-listesi .sppb-products-item-wrap { border: 1px solid transparent; border-radius: 10px; /* -webkit-box-shadow: 0 0 25px rgba(17,44,145,.1); -moz-box-shadow: 0 0 25px rgba(17,44,145,.1); box-shadow: 0 0 25px rgba(17,44,145,.1); */ text-align: center; transition: all 0.3s ease-in-out 0s; } .sppb-products-carousel-wrapper.owl-carousel .owl-item.active .sppb-products-item-wrap:hover, .urun-listesi .sppb-products-item-wrap:hover{ border: 1px solid #e1e7ec; /* -webkit-box-shadow: 0 0px 10px rgba(17,44,145,.3); -moz-box-shadow: 0 0px 10px rgba(17,44,145,.3); box-shadow: 0 0px 10px rgba(17,44,145,.3); */ -webkit-box-shadow: 0 0 25px rgba(17,44,145,.1); -moz-box-shadow: 0 0 25px rgba(17,44,145,.1); box-shadow: 0 0 25px rgba(17,44,145,.1); padding: 20px; } .urun-listesi .sppb-products-item-wrap:hover{ background-color: #fff; } .urun-listesi .sppb-products-item-wrap { margin-bottom: 30px; } .urun-listesi .sppb-products-title { color: #002060; } .urun-listesi .sppb-products-item-wrap:hover .sppb-products-title{ color: #0085cd; } .sppb-products-item-wrap .new { position: absolute; right: 20px; top: 20px; background: #fd0050; color: #fff; font-size: 12px; padding: 5px 10px; border-radius: 30px; } .sppb-products-title a{ color: #002060; } .sppb-products-content a{ color: #444; } .sppb-products-title a:hover, .sppb-products-content a:hover{ color: #0085cd; } .sppb-products-title { margin-bottom: 0; } .sppb-products-carousel-wrapper.owl-carousel .owl-nav button.owl-next, .sppb-products-carousel-wrapper.owl-carousel .owl-nav button.owl-prev { position: absolute; top: 50%; width: 50px; height: 50px; line-height: 50px; background: #fff; border: 1px solid #e1e1e1; border-radius: 100%; color: #002060; font-size: 24px; transition: all 0.3s ease-in-out 0s; outline: none; } .owl-carousel .owl-nav button.owl-prev { left: -20px; } .owl-carousel .owl-nav button.owl-next { right: -20px; } .sppb-products-carousel-wrapper.owl-carousel .owl-nav button.owl-next:hover, .sppb-products-carousel-wrapper.owl-carousel .owl-nav button.owl-prev:hover, .sppb-products-carousel-wrapper.owl-carousel .owl-nav button.owl-next:focus, .sppb-products-carousel-wrapper.owl-carousel .owl-nav button.owl-prev:focus { outline: none; background: #0085cd; border-color: #0085cd; color: #fff; } .lassons-feature-section .sppb-img-container { background: #0085cd; border-radius: 100%; padding: 15px; display: inline-block!important; transition: all 0.3s ease-in-out 0s; } .lassons-feature-section .sppb-img-container img { width: 60px; } .lassons-feature-section .sppb-column-addons:after { content: ""; width: 0; height: 5px; display: block; background: #fff; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out 0s; } .lassons-feature-section .sppb-container-inner &gt; .sppb-row &gt; div:hover .sppb-column-addons:after { width: 100%; background: #002060; } .lassons-feature-section .sppb-container-inner &gt; .sppb-row &gt; div:hover .sppb-img-container { background: #002060; } .sabitCesme { left: -40%; transform: scaleX(-1); } .sayiBuyut .sppb-blocknumber-number{ font-size:30px; } .filtrelerSekmesi .sppb-nav-tabs &gt; li.yesil &gt; a, .filtrelerSekmesi .sppb-nav-tabs &gt; li.yesil.active &gt; a::after, .filtrelerSekmesi .sppb-nav-tabs &gt; li.yesil.active::after { background:#83bb24; } .filtrelerSekmesi .sppb-nav-tabs &gt; li.turuncu &gt; a, .filtrelerSekmesi .sppb-nav-tabs &gt; li.turuncu.active &gt; a::after, .filtrelerSekmesi .sppb-nav-tabs &gt; li.turuncu.active::after { background:#eb7403 } .filtrelerSekmesi .sppb-nav-tabs &gt; li.kirmizi &gt; a, .filtrelerSekmesi .sppb-nav-tabs &gt; li.kirmizi.active &gt; a::after, .filtrelerSekmesi .sppb-nav-tabs &gt; li.kirmizi.active::after { background:#e42d17 } .filtrelerSekmesi .sppb-nav-tabs &gt; li.lacivert &gt; a, .filtrelerSekmesi .sppb-nav-tabs &gt; li.lacivert.active &gt; a::after, .filtrelerSekmesi .sppb-nav-tabs &gt; li.lacivert.active::after { background:#011d56 } .filtrelerSekmesi .sppb-nav-tabs &gt; li.mavi &gt; a, .filtrelerSekmesi .sppb-nav-tabs &gt; li.mavi.active &gt; a::after, .filtrelerSekmesi .sppb-nav-tabs &gt; li.mavi.active::after { background:#2db1df } .filtrelerSekmesi .sppb-nav-tabs &gt; li.yesil.active &gt; a::before { border-color:#83bb24; } .filtrelerSekmesi .sppb-nav-tabs &gt; li.turuncu.active &gt; a::before { border-color:#eb7403 } .filtrelerSekmesi .sppb-nav-tabs &gt; li.kirmizi.active &gt; a::before { border-color:#e42d17 } .filtrelerSekmesi .sppb-nav-tabs &gt; li.lacivert.active &gt; a::before { border-color:#011d56 } .filtrelerSekmesi .sppb-nav-tabs &gt; li.mavi.active &gt; a::before { border-color:#2db1df } .filtrelerSekmesi .sppb-nav-tabs &gt; li &gt; a { border: medium none; padding-left: 50px; margin-right: 20px; border-radius: 100px; padding-right: 25px; color:#fff } .filtrelerSekmesi .sppb-tab-title { font-size: 18px; } .filtrelerSekmesi .sppb-tab-image { position: absolute; left: -10px; top: -15px; } .filtrelerSekmesi .sppb-tab-subtitle { display: block; font-size: 12px; font-weight: normal; } .filtrelerSekmesi .sppb-nav-tabs { border-bottom: none; } .filtrelerSekmesi .sppb-tab-content { margin-top: 60px; padding-top: 50px; border-top: 4px solid #e1e1e1; } .filtrelerSekmesi .sppb-nav-tabs &gt; li &gt; a::after { content: ""; width: 4px; height: 50px; display: block; background: #e1e1e1; position: absolute; bottom: -60px; left: 50%; transform: translateX(-50%); } .filtrelerSekmesi .sppb-nav-tabs &gt; li &gt; a::before { width: 14px; content: ""; height: 14px; background: #fff; border:3px solid #e1e1e1; display: block; position: absolute; left: 50%; bottom: -68px; transform: translateX(-50%); border-radius: 100%; z-index:2 } .referansKarusel .sppb-carousel-extended-nav-control .nav-control { color: #fff; border-color: #0085cd; background: #0085cd; border-radius: 100%; } .referansKarusel .sppb-carousel-extended-dots ul li span{ background: #0085cd; } .referansKarusel .sppb-carousel-extended-nav-control .nav-control:hover { border-color: #002060; background: #002060; } .referansKarusel.sppb-addon-clients .sppb-carousel-extended-item{ padding: 25px 0; } #sp-bottom { background-blend-mode: color-burn; background-attachment: scroll; background-position-x: center; background-position-y: -10%; background-repeat: no-repeat; background-size: cover; } .referansKarusel.sppb-addon-clients .sppb-carousel-extended-item img { padding: 5px; background: #fff; } .projeler .sppb-articles-carousel-meta { display: none; } .projeler .bx-wrapper .bx-pager.bx-default-pager a.active, .projeler .bx-wrapper .bx-pager.bx-default-pager a:focus, .projeler .bx-wrapper .bx-pager.bx-default-pager a:hover { background: #0085cd; } .projeler .bx-wrapper .bx-pager.bx-default-pager a { background: #ccc; } .projeler .bx-wrapper .bx-controls-direction a { left: -45px; width: 50px; height: 50px; background: #0085cd; line-height: 50px; color: #fff; border-radius: 100%; } .projeler .bx-wrapper .bx-controls-direction a:hover, .projeler .bx-wrapper .bx-controls-direction a:focus { background: #002060; } .sppb-addon-articles-carousel.projeler .bx-controls.bx-has-pager { top: 50%; } .sppb-addon-articles-carousel.projeler .bx-pager.bx-default-pager { display: none; } .projeler .bx-wrapper .bx-controls-direction a.bx-next { left: auto; right: -45px; } .projeler .sppb-articles-carousel-img { overflow: hidden; } .projeler .sppb-articles-carousel-column img { transition: all 0.3s ease-in-out 0s; } .projeler .sppb-articles-carousel-column:hover img { transform: scale(1.2); } .projeler .sppb-articles-carousel-column:hover .sppb-articles-carousel-link, .projeler .sppb-articles-carousel-link:hover{ color: #0085cd!important; } /* .projeler .sppb-articles-carousel-content { margin-bottom: 0; position: absolute; bottom: 0; background: rgb(0,32,96); background: linear-gradient(180deg, rgba(0,32,96,0) 0%, rgba(0,32,96,1) 100%); left: 15px; right: 15px; padding-bottom: 5px; } .projeler .sppb-articles-carousel-img { padding: 5px; background: #fff; } */ .sp-page-title:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgb(0,32,96); background: linear-gradient(78deg, rgba(0,32,96,0.85) 0%, rgba(0,165,255,0.85) 50%, rgba(15,3,149,0.70) 100%); } .sp-page-title .sp-page-title-sub-heading { z-index: 2; color: #f1f1f1; margin: 0 0 0 30px; } .borderResim .sppb-addon-single-image-container:before { content: ""; width: 100%; height: 100%; border: 10px solid #0085cd; display: block; position: absolute; top: -20px; right: -20px; z-index: -1; transition: all 0.3s ease-in-out 0s; } .borderResim:hover .sppb-addon-single-image-container:before { top: -10px; right: -10px; } #sp-page-builder .page-content .sppb-section.sppb-sticky-it, #sp-page-builder .sppb-section.sppb-sticky-it{ background:#f1f1f1; border-bottom: 1px solid #e1e1e1; top:70px; } #sp-page-builder .sppb-section.sppb-sticky-it.innerMenu .sppb-positioned-addon{ border:medium none; } .kategoriKutusu { box-shadow: 0 30px 30px -10px rgba(0,0,0,0.2); } .kategoriKutusu:hover { box-shadow: 0 20px 20px -15px rgba(0,0,0,0.2); } .sp-menu-item img { display: inline-block; max-width: 75px; margin-right: 10px; vertical-align: top; } .sp-megamenu-parent .sp-dropdown li.sp-menu-item &gt; a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge){ text-transform: none; font-weight: 500; } .sp-megamenu-parent .sp-mega-group &gt; li &gt; a { line-height: 18px; } .sp-megamenu-parent .sp-mega-group &gt; li &gt; a:hover, .sp-megamenu-parent .sp-mega-group &gt; li &gt; a:focus { color:#0085cd; } .sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover::before { content: ""; width: 5px; height: 100%; position: absolute; left: -26px; display: block; background: #0085cd; border-radius: 4px 0 0 4px; } body.ltr .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child &gt; a::after { margin-right: -30px; margin-top: 15px; } .sp-megamenu-parent .sp-dropdown li.sp-menu-item span.image-title { max-width: 135px; padding: 0 0; font-size: 14px; line-height: 20px; } .sp-megamenu-parent .sp-dropdown li.sp-menu-item.sp-has-child { margin-bottom: 5px; } .sp-megamenu-parent .sp-dropdown.sp-dropdown-sub li.sp-menu-item .image-title { margin-top: 5px; } .sp-megamenu-parent .sp-dropdown.sp-dropdown-sub li.sp-menu-item img { max-width: 50px; } .sp-megamenu-parent .sp-dropdown li.sp-menu-item { background: #fff; border-radius: 4px; padding-left: 10px; } .sp-megamenu-parent .sp-dropdown li.sp-menu-item:hover { background: #f5f3f1; border-radius: 4px; padding-left: 10px; } .sp-megamenu-wrapper { text-align: right; } .sp-megamenu-parent &gt; li { text-align: left; } body.ltr .sp-megamenu-parent .sp-dropdown.sp-dropdown-sub { width: 265px !important; } .urunBadge { position: absolute; top: 50px; right: 0; max-width: 200px; } .binaDiyagram { position: absolute; right: -150px; width: 775px; top: 0; } .akordiyonResim { position: absolute; transition: all 0.3s ease-in-out 0s; transform: scale(0); } .sppb-panel-heading.active + .sppb-panel-collapse .akordiyonResim { transform: scale(1.1); } .lavabo { right: -25px; top: 330px; } .mutfak { right: -73px; top: 330px; } .banyo { right: -10px; top: 220px; } .kuvet { right: 50px; top: 225px; } .camasir { right: 290px; top: 475px; } .enerji { right: 355px; top: 122px; width: 250px; } .enerji img { width: 250px !important; max-width: 250px !important; } .deterjan { right: 316px; top: 600px; } .makine { right: -155px; top: 350px; } .referansListe img { padding: 5px; background: #fff; border: 1px solid #e1e3e5; margin-bottom: 30px; transition: all 0.3s ease-in-out 0s; box-shadow: none; filter: grayscale(1); } .referansListe img:hover { box-shadow: 0 10px 10px rgba(0,0,0,0.2); filter: grayscale(0); } .article-details.projeler { max-width: inherit; } .article-details.projeler .article-header { max-width: initial; padding-left: 0; } .article-details.projeler .article-header h1, .article-details.projeler .article-header h2 { font-size: 35px; line-height: 1; color:#002060; } .article-details.projeler .fields-container { margin-bottom: 0; } .article-details.projeler .field-entry { display: inline-block; margin-right: 10px; margin-bottom: 0; } .article-details.projeler .field-label { font-weight: 600; } .article-list .article .article-body.proje { flex-direction: column; } .article-body.proje .field-label { font-weight: 500; } .article-body.proje .field-entry { display: inline-block; margin-right: 5px; } .article-body.proje .fields-container { font-size: 12px; } .article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery { border-radius: 5px 5px 0 0; border-bottom: medium none; padding: 10px; background: #fff; } .article-details .article-intro-image, .article-details .article-feature-gallery { border: 1px solid #e1e3e5; padding: 15px; background: #fff; box-shadow: 0 20px 20px -10px rgba(0,0,0,0.2); } .related-article-list-container { margin-top: 50px; } .related-article-list-container .related-article-title { margin-bottom: 20px; } .related-article-list-container .article-header h1, .related-article-list-container .article-header h2 { font-size: 14px!important; margin-bottom: 0!important; } .related-article-list-container .article-header{ margin-bottom: 0!important; padding: 10px!important; } .article-details .related-article-list-container .article-full-image { margin-bottom: 10px; } section#sp-bottom-top { position: relative; z-index: 2; } section#sp-bottom-top:before { content: ""; display: block; width: 100%; height: 60px; background: url(../images/bottom-top.svg) repeat-x scroll 0 0 transparent; position: absolute; top: -60px; left: 0; transform: scaleY(-1); } body.com-content.view-category #sp-main-body { background-color: #f6f6f6; } .carousel-control-next-icon, .carousel-control-prev-icon { width: 40px; height: 40px; background-size: 20px; background-color: #0085cd; border-radius: 50%; } .category-desc { text-align: center; max-width: 80%; margin: 0 auto; line-height: 21px; } h2.heading-category { text-align: center; color: #002060; } .gizlilik .related-article-list-container { display: none; } .sp-slider .sp-item img.taksitler { max-width: 500px!important; height: auto!important; } #sp-menu-right &gt; .sp-column a { margin: 20px 0 0 0; padding: 7px 20px 7px 45px; border-radius: 50px; font-family: Arial, Helvetica, sans-serif; transition: all 0.3s ease-in-out 0s; } #sp-menu-right &gt; .sp-column a i { background: #fff; padding: 5px; color: #0085cd; border-radius: 50%; transition: all 0.3s ease-in-out 0s; font-size: 20px; width: 30px; height: 30px; position: absolute; left: 3px; top: 3px; } .anasayfa #sp-header { border: medium none; /* border-top: 1px solid rgba(0,0,0,0.1); */ position: absolute; top: 0; background: rgba(0,0,0,0.0); background: linear-gradient(180deg, rgba(2, 0, 36, 0.3) 0%, rgba(2,0,36,0) 100%); } .anasayfa #sp-header.header-sticky { position: fixed; top: 0; background: #fff; } /* .anasayfa #sp-top-bar { background: rgba(2, 0, 36, 0.38); color: #fff; position: absolute; top: 0; left: 0; width: 100%; z-index: 2; } */ #sp-top-bar a { color: #002060; } #sp-top-bar a:hover { color: #0085cd; } .anasayfa .logo-image-phone { display: block!important; } .anasayfa .logo-image { display: none!important; } .anasayfa #sp-header.header-sticky .logo-image-phone{ display: none!important; } .anasayfa #sp-header.header-sticky .logo-image{ display: block!important; } .anasayfa .sp-megamenu-parent &gt; li &gt; a, .anasayfa .sp-megamenu-parent &gt; li.active &gt; a, .anasayfa .sp-megamenu-parent &gt; li.active:hover &gt; a{ color:#fff; } .anasayfa #sp-header.header-sticky .sp-megamenu-parent &gt; li &gt; a, .anasayfa #sp-header.header-sticky .sp-megamenu-parent &gt; li.active &gt; a, .anasayfa #sp-header.header-sticky .sp-megamenu-parent &gt; li.active:hover &gt; a{ color:#002060; } .anasayfa #sp-header.header-sticky .sp-megamenu-parent &gt; li &gt; .magaza-button, .anasayfa #sp-header.header-sticky .sp-megamenu-parent &gt; li.active &gt; .magaza-button, .anasayfa #sp-header.header-sticky .sp-megamenu-parent &gt; li.active:hover &gt; .magaza-button{ display:none !important; } .anasayfa .sp-megamenu-parent &gt; li &gt; a:hover { color: #002060; } .anasayfa #sp-header.header-sticky .sp-megamenu-parent &gt; li &gt; a:hover { color: #0085cd; } .anasayfa #offcanvas-toggler &gt; .fa { color: #fff; } .anasayfa #sp-header.header-sticky #offcanvas-toggler &gt; .fa { color: #002060; } .anasayfa #sp-menu-right &gt; .sp-column a { background: #fff; color: #0085cd; } .anasayfa #sp-menu-right &gt; .sp-column a i { background: #0085cd; color: #fff; } #sp-menu-right &gt; .sp-column a:hover i { color: #002060; transform: scale(1.3) rotate(-45deg); /* margin-right:10px; */ } /* #sp-menu-right &gt; .sp-column a:hover { padding-right: 10px; } */ .anasayfa #sp-menu-right &gt; .sp-column a:hover i, .anasayfa #sp-header.header-sticky #sp-menu-right &gt; .sp-column a i{ background:#fff; color:#0085cd; } .anasayfa #sp-menu-right &gt; .sp-column a:hover, .anasayfa #sp-header.header-sticky #sp-menu-right &gt; .sp-column a, .anasayfa #sp-header.header-sticky #sp-menu-right &gt; .sp-column a:hover i, #sp-menu-right &gt; .sp-column a:hover i{ background:#0085cd; color:#fff; } .anasayfa #sp-header.header-sticky #sp-menu-right &gt; .sp-column a:hover{ background:#002060; color:#fff; } .offcanvas-menu .offcanvas-inner .sp-module ul &gt; li &gt; a &gt; img { display: none; } .offcanvas-menu .offcanvas-inner .sp-module ul &gt; li a { padding: 5px 0; line-height: 30px; } .offcanvas-menu .offcanvas-inner .sp-module ul &gt; li + li { border-top:1px solid #ededed } .offcanvas-menu .offcanvas-inner .sp-module .sp-module-content &gt; ul &gt; li &gt; a { font-weight: 600; } .offcanvas-menu .offcanvas-inner .sp-module ul &gt; li.menu-parent &gt; a &gt; .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul &gt; li.menu-parent &gt; .menu-separator &gt; .menu-toggler { color: #11212d; } .urunOzellikleri .sppb-media{ overflow:visible; } .urunOzellikleri .sppb-img-container { /*border: 5px solid #0085cd;*/ border-radius: 100%; padding: 5px; box-shadow: 0 0 0 2px #0085cd; position: relative; transition: all 0.3s ease-in-out 0s; background: #fff; } .urunOzellikleri .sppb-img-container:after { content: ""; width: 0; height: 0; position: absolute; border: 10px solid transparent; border-left: 15px solid #0085cd; top: 20px; transform: translateY(-50%) rotate(-30deg); right: -15px; transition: all 0.3s ease-in-out 0s; } .urunOzellikleri:hover .sppb-img-container:after { right: -20px; } .urunOzellikleri:hover .sppb-img-container { box-shadow: 0 0 0 5px #0085cd; } .urunOzellikleri .sppb-img-container img { transition: all 0.3s ease-in-out 0s; } .urunOzellikleri:hover .sppb-img-container img { transform: scale(1.1); } .urunOzellikleri.kare .sppb-img-container { border-radius: 10px; } .urunOzellikleri.kare .sppb-img-container:after { transform: translateY(-50%) rotate(0deg); right: -25px; } @media (max-width:991px){ .lassons-home-slider.sp-slider.dot-controller-position-vertical_right.sp-slider .sp-dots { top: -60px; } .sp-slider .sp-item img.taksitler { max-width: 350px!important; } .heroCalltoAction { margin-top: -35px!important; } .sppb-youtube-video-bg { display: none; } .projeler .bx-wrapper .bx-controls-direction a { left: -15px; } .projeler .bx-wrapper .bx-controls-direction a.bx-next { left: auto; right: -15px; } .binaDiyagram { position: initial; right: auto; width: auto; } .akordiyonResim { display: none; } .referansListe img { filter: grayscale(0); } .sppb-link-list-wrap li a { font-size: 13px; } } @media (min-width: 768px) and (max-width: 991px){ body.helix-ultimate .sppb-row-container, body.helix-ultimate .container { max-width: 95%; width: 95%; } .owl-filter-bar li { margin-right: 5px; max-width: 24%; } .owl-filter-bar li .filter-item { margin-right: 0; font-size: 13px; line-height: 14px; } .owl-filter-bar li .filter-item .tab-icon { margin-right: 10px; } .owl-filter-bar li .filter-item:hover .tab-icon { margin-right: 15px; } .sabitCesme { left: auto; transform: scaleX(1); right: -90px; top: 10px; } .filtrelerSekmesi .sppb-nav-tabs { border-bottom: none; float: left; width: 210px; } .filtrelerSekmesi .sppb-nav-tabs&gt;li { float: none; margin-bottom: 30px; } .filtrelerSekmesi .sppb-nav-tabs &gt; li &gt; a { padding-left: 45px; margin-right: 0; padding-right: 10px; } .filtrelerSekmesi .sppb-tab-image { left: -15px; } .filtrelerSekmesi .sppb-tab-content { margin-top: 0; border-top: medium none; border-left: 4px solid #e1e1e1; /* width: 60%; */ /* float: left; */ margin-left: 285px; padding: 0 25px; } .filtrelerSekmesi .sppb-nav-tabs &gt; li &gt; a::after { width: 50px; height: 4px; bottom: auto; left: auto; transform: translateX(0) translateY(-50%); right: -75px; top: 50%; } .filtrelerSekmesi .sppb-nav-tabs &gt; li &gt; a::before { left: auto; bottom: auto; transform: translateX(0) translateY(-50%); top: 50%; right: -85px; } .filtrelerSekmesi .sppb-addon-feature .sppb-media .pull-left { width: auto!important; float: none!important; text-align: center; } .filtrelerSekmesi .sppb-addon-feature .sppb-media .pull-left img { max-width: 250px; } .filtrelerSekmesi .sppb-addon-feature .sppb-media .sppb-media-content { text-align: center; } .filtrelerSekmesi .sppb-addon-feature .sppb-media .sppb-media-content h3{ margin-top:20px !important; margin-bottom: 5px !important; } #sp-slider-item-1589446117156-num-3-key .sp-slider-content-wrap{ width:87%!important } #sp-slider-item-1589446117156-num-4-key .sp-slider-content-wrap{ width:87%!important } #sp-slider-item-1589446117156-num-5-key .sp-slider-content-wrap{ width:87%!important } #sp-slider-item-1589446117156-num-6-key .sp-slider-content-wrap{ width:87%!important } } @media (max-width:767px){ #sp-header{ padding:0 15px; } /* .logo-image,.logo-image-phone { height: auto!important; } */ .anasayfa #sp-header { position: relative; background: #fff; } .anasayfa .logo-image-phone { display: none!important; } .anasayfa .logo-image { display: block!important; } .anasayfa .sp-megamenu-parent &gt; li &gt; a, .anasayfa .sp-megamenu-parent &gt; li.active &gt; a, .anasayfa .sp-megamenu-parent &gt; li.active:hover &gt; a{ color:#002060; } .anasayfa .sp-megamenu-parent &gt; li &gt; a:hover { color: #0085cd; } .anasayfa #offcanvas-toggler &gt; .fa { color: #002060; } .anasayfa #sp-menu-right &gt; .sp-column a i{ background:#fff; color:#0085cd; } .anasayfa #sp-menu-right &gt; .sp-column a, .anasayfa #sp-menu-right &gt; .sp-column a:hover i{ background:#0085cd; color:#fff; } .anasayfa #sp-menu-right &gt; .sp-column a:hover{ background:#002060; color:#fff; } .lassons-home-slider.sp-slider .sppb-sp-slider-text, .sp-slider .sp-item img.taksitler { display:none!important } .sp-page-builder .page-content #section-id-1594894074844 { margin-top: 30px!important; } .owl-filter-bar li .filter-item { line-height: 15px; font-size: 12px; display: block!important; text-align: center; max-width: 63px; } .owl-filter-bar .tab-icon { margin-right: 0; margin-bottom: 5px; } .owl-filter-bar { margin-bottom: 0; } .sabitCesme { left: auto; transform: scaleX(1); right: -50px; top: 15px; } .sayiBuyut .sppb-blocknumber-number { font-size: 22px; } .filtrelerSekmesi .sppb-nav-tabs &gt;li { float: none; margin-bottom: 30px; } .filtrelerSekmesi .sppb-tab-content { margin-top: 15px; padding-top: 25px; border-top: medium none; } .filtrelerSekmesi .sppb-nav-tabs &gt; li &gt; a::after { display: none; } .filtrelerSekmesi .sppb-nav-tabs &gt; li &gt; a::before { width: 25px; height: 25px; left: auto; bottom: 20px; transform: translateX(0); right: 20px; border-width: 5px; } .filtrelerSekmesi .sppb-nav-tabs &gt; li.yesil.active &gt; a::before { border-color: #fff; background: #83bb24; } .filtrelerSekmesi .sppb-nav-tabs &gt; li.turuncu.active &gt; a::before { border-color: #fff; background: #eb7403; } .filtrelerSekmesi .sppb-nav-tabs &gt; li.kirmizi.active &gt; a::before { border-color: #fff; background: #e42d17; } .filtrelerSekmesi .sppb-nav-tabs &gt; li.lacivert.active &gt; a::before { border-color: #fff; background: #011d56; } .filtrelerSekmesi .sppb-nav-tabs &gt; li.mavi.active &gt; a::before { border-color: #fff; background: #2db1df; } .filtrelerSekmesi .sppb-addon-feature .sppb-media { text-align: center; } span.sp-copyright { text-align: center; display: block; } .sp-copyright img { display: inline-block; } #sp-footer ul.menu { text-align: center; } .sp-page-title &gt; .container { display: block; position: relative; text-align: center; } .sp-page-title .breadcrumb { justify-content: center; } #sp-bottom1{ order:3; } #sp-bottom2{ order:2; } #sp-bottom3{ order:1; } #sp-bottom4{ order:4; } } @media (min-width:576px) and (max-width:767px){ .lassons-feature-section .sppb-row &gt; div{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .lassons-feature-section .sppb-container-inner &gt; .sppb-row &gt; div:not(:last-child) { border-right: solid 1px #e1e7ec; } } @media (max-width:575px){ .owl-filter-bar li { margin-right: 5px; } .owl-filter-bar li .filter-item { line-height: 12px; font-size: 10px; max-width: 80px; } } .sp-scroll-up { display: none; position: fixed; bottom: 120px; right: 35px; width: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 16px; color: #fff; background: #0085cd; border-radius: 100%; z-index: 1000; } .header-sticky .magaza-button { display: none !important; position: absolute; } .header-sticky #sppb-addon-1609146966780 { display: none !important; } .header-sticky #sppb-addon-wrapper-1609146966780 { display: none !important; } .social-head { text-align:left !important; } .social-head h3 { font-size: 60px; color: #0085cd; width: 80%; } .social-text .sppb-addon-content { width: 80% !important; font-size:20px !important; }</p>