body {
    font-family: Inconsolata;
    font-weight: 400;
    font-style: normal;
}

.slidesol,
.swiper {
    margin-left: auto
}

.slidesag,
.swiper {
    margin-right: auto
}

a,
a:hover {
    color: inherit
}

.lg-hotspot,
.sl-nav li {
    cursor: pointer
}

.no-pad,
.no-padding {
    padding: 0
}

.absolute-header {
    position: absolute;
    z-index: 2;
    background: linear-gradient(180deg, rgba(0, 0, 0, .5760679271708684) 70%, rgba(0, 212, 255, 0) 100%)
}

.wsmenu {
   width: 74% !important;
}

.wsmenu>.wsmenu-list>li>a {
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: Inconsolata!important;
    font-weight: 600!important;
    font-style: normal!important;
    font-size: 16px!important
}

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

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff
}

.sameres {
    align-self: center
}

.swiper-wrapper {
    transition-timing-function: linear
}

.caption_hero {
    position: absolute;
    top: 25%
}

.slideorta {
    transition: transform 1s ease-in-out
}



.sl-nav i {
    padding-right: 7px
}

button {
    outline: 0;
    border: none
}

a {
    text-decoration: none
}

button a {
    font-size: 14px;
    color: #353535;
    font-family: Montserrat;
    font-weight: 500;
    font-style: normal
}

.nav-wrapper {
    display: grid;
    place-content: center;
    z-index: 99999;
    width: 80px
}

.sl-nav {
    display: inline-flex;
    padding: 6px 8px;
    border-radius: 25px;
    max-height: 35px;
    color: #fff
}

.ana-mor p,
.sl-flag,
.sl-nav ul {
    display: inline-block
}

.sl-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative
}

.sl-nav li ul {
    display: none
}

.sl-nav li:hover ul {
    top: 26px;
    right: -15px;
    display: block;
    background: #fff;
    width: 120px;
    padding-top: 0;
    border-radius: 5px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    position: absolute;
    z-index: 9999
}

.sl-nav li:hover .triangle {
    position: absolute;
    top: 15px;
    right: -10px;
    z-index: 10;
    height: 14px;
    overflow: hidden;
    width: 30px;
    background: 0 0
}

.sl-nav li:hover .triangle:after {
    content: '';
    display: block;
    z-index: 20;
    width: 15px;
    transform: rotate(45deg) translateY(0) translatex(10px);
    height: 15px;
    background: #fff;
    border-radius: 2px 0 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}

.sl-nav li ul li {
    position: relative;
    text-align: left;
    background: 0 0;
    padding: 15px 15px 0;
    z-index: 2;
    font-size: 15px;
    color: #3c3c3c
}

.sl-nav li ul li:last-of-type {
    padding-bottom: 15px
}

.sl-nav li ul li span {
    padding-left: 5px
}

.sl-nav li ul li span.active,
.sl-nav li ul li span:hover {
    color: #146c78
}

.sl-flag {
    box-shadow: 0 0 3px rgba(0, 0, 0, .4);
    width: 15px;
    height: 15px;
    background: #aaa;
    border-radius: 50%;
    position: relative;
    top: 2px;
    overflow: hidden
}

.sl-nav span {
    font-family: Inconsolata;
    font-weight: 400;
    font-style: normal;
    font-size: 15px
}

.slide-concept,
.slider-button button {
    font-weight: 400;
    font-size: 16px;
    font-family: Inconsolata;
    color: #fff;
    font-style: normal
}

.sl-nav i.fa.fa-angle-down {
    font-size: 12px
}

.header-iletisim {
    padding-right: 16px
}

.footer-social {
    border-bottom: 2px solid #000
}

.footer-social ul li {
    display: inline;
    height: 30px;
    width: 30px;
    background-color: #fff;
    border-radius: 50%;
    display: inline-grid;
    place-content: center;
    transition: .5s
}

.footer-social ul li:hover {
    border: 1px solid #000;
    position: relative
}

.footer-copyright {
    padding-top: 50px
}

.footer-site-harita ul li {
    padding-bottom: 3px
}

.kanatboya-banner {
    background-color: #fcdb04
}

.slide-inner {
    display: grid;
    grid-template-columns: auto 300px auto
}

.slide-concept {
    padding-top: 15px
}

.slider-button {
    padding-top: 15px;
    text-align: right
}

.slider-button button {
    border: 1px solid #fff;
    padding: 4px 15px;
    background-color: transparent;
    border-radius: 10px
}

.anasayfa-aciklama p,
.stick-urun a {
    font-family: Inconsolata;
    font-weight: 500;
    font-style: normal
}

.ana-mor p,
.anasayfa-aciklama h2,
h3 {
    font-family: Inconsolata;
    font-weight: 700
}

.stick-urun {
    font-family: Inconsolata;
    font-weight: 500;
    font-style: normal;
    background-color: #d9d9d9;
    width: 75%;
    margin: auto;
    height: 10px
}

.skewme,
.skewmeright {
    height: 20px;
    background-color: #d9d9d9;
    position: relative
}

.stick-urun span {
    z-index: 99;
    position: relative
}

.skewme {
    width: 50%;
    transform: skew(32deg);
    right: 64px;
    left: 6px
}

.skewdiv {
    width: 75%;
    margin: auto;
    display: inline-flex
}

.skewmeright {
    width: 50%;
    transform: skew(321deg);
    right: 8px
}

.lg-hotspot,
.lg-hotspot__button:after {
    transform: translate(-50%, -50%);
    position: absolute
}

.stick-menu-position {
    position: relative;
    bottom: 10px;
    z-index: 1
}

.button-fazla {
    padding: 7px 15px;
    background-color: #00a4c2;
    border-radius: 25px;
    width: 125px;
    color: #fff;
    text-align: center;
}

.ana-siyah {
    background-color: #000;
    height: 350px;
    background-image: url(../../img/bg11.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size:auto;
}

.ana-mor {
    background-color: #41273d;
    height: 350px;
    line-height: 350px;
    background-position: top left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: contain;
}



.ana-mor p {
    font-size: 28px;
    line-height: 1.5;
    vertical-align: middle;
    color: #fff
}

.ana-mor p span {
    font-size: 17px
}

.mySwiperHome .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.mySwiperHome .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.notes {
    margin: auto;
    padding: 2rem 1.2rem 0;
    max-width: 35rem;
    font-family: Inconsolata;
    text-align: center
}

.anafilter,
.belge-text,
.button-fazla-hotspot,
.carousel-head,
.lg-hotspot__label {
    font-family: Inconsolata
}

.lg-container {
    max-width: 720px;
    position: relative;
    margin: 1rem;
    padding: 0
}

.lg-image {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: scale-down
}

.lg-hotspot {
    margin: 0;
    padding: 0;
    z-index: 0
}

.lg-hotspot:active .lg-hotspot__button,
.lg-hotspot:hover .lg-hotspot__button {
    border-color: #fff
}

.lg-hotspot--selected {
    z-index: 999
}

.lg-hotspot--selected .lg-hotspot__label {
    opacity: 1
}


.lg-hotspot__button {
    height: 48px;
    width: 48px;
    padding: 0;
    border-radius: 100%;
    border: 5px solid #00a4c2;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    z-index: 999;
    animation: 7s ease-in-out infinite button-pulse;
    -moz-box-shadow: 0 0 5px #fff;
    -webkit-box-shadow: 0 0 5px #fff;
    box-shadow: 0 0 5px #fff
}

.lg-hotspot__button:after {
    top: 50%;
    left: 50%;
    pointer-events: none;
    content: url(../../img/plus.png);
    display: block;
    height: 26px;
    width: 26px;
    border-radius: 100%
}

.lg-hotspot__label {
    position: absolute;
    padding: 0 0 1.1em;
    width: 12em;
    max-width: 50vw;
    background-color: #313131;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    font-size: 14.5px;
    line-height: 1.45em;
    z-index: -1;
    pointer-events: none;
    border-radius: 2px;
    user-select: none;
    opacity: 0;
    transition: .1s linear;
    font-weight: 400;
    font-style: normal
}

.lg-hotspot__label h4 {
    margin: 0;
    padding: .65em 24px;
    background-color: #555;
    font-size: 1.1em;
    font-weight: 400;
    letter-spacing: .02em;
    color: #fff;
    border-radius: 2px 2px 0 0;
    text-align: center
}

.lg-hotspot__label p {
    margin: 0;
    padding: 1.1em 24px 0;
    color: #fff
}

.lg-hotspot--top-left .lg-hotspot__label {
    top: 24px;
    left: 24px
}

.lg-hotspot--top-right .lg-hotspot__label {
    top: 24px;
    right: 24px
}

.lg-hotspot--bottom-right .lg-hotspot__label {
    right: 24px;
    bottom: 24px
}

.lg-hotspot--bottom-left .lg-hotspot__label {
    bottom: 24px;
    left: 24px
}

@keyframes button-pulse {
    0%,
    100% {
        transform: scale(1, 1);
        opacity: 1
    }
    40% {
        transform: scale(1.15, 1.15);
        opacity: 1
    }
}

.button-fazla-hotspot {
    padding: 7px 15px;
    background-color: #00a4c2;
    border-radius: 25px;
    width: 115px;
    color: #fff;
    margin: 15px auto auto;
    font-weight: 400;
    font-style: normal
}

.anasayfakulp {
    position: relative;
    top: 150px;
    left: 150px
}

.swiper-button-next:after,
.swiper-button-prev:after {
    color: #000
}

.carousel-head {
    font-weight: 400;
    font-style: normal
}

.pt-175 {
    padding-top: 175px
}

.pb-150 {
    padding-bottom: 150px
}

.swiper-pagination-bullet-active {
    background-color: #000!important
}

.anafilter {
    background-color: #1f1f1f;
    font-weight: 600
}

.filter-head,
.saglik-filter {
    color: #fff
}

.filter-head h2 {
    text-shadow: 0 0 13px #00a4c2
}

.filter-head p {
    color: #c2c2c2
}

.saglik-filter h1 {
    font-size: 58px
}

.saglik-filter p {
    color: #c4c4c4;
    font-size: 20px
}

.button-group {
    width: 432px;
    height: 70px;
    border: 1px solid #fff;
    border-radius: 50px;
    color: #fff;
    display: grid;
    grid-template-columns: auto auto;
    margin: 0 auto;
}

.button-group .button-res {
    background-color: transparent;
    color: #fff;
    border-radius: 50px
}

.active {
    background-color: #00f
}

.line-white {
    height: 3px;
    background: #5ac8fa;
    background: linear-gradient(81deg, #5ac8fa 28%, #fff 43%)
}

.belge-text {
    font-weight: 400;
    font-style: normal;
    color: #c4c4c4
}

.belge-text p {
    font-size: 14px
}

.saglisolu {
    padding: 100px 0px;
    font-family: Inconsolata;
    font-style: normal;
}

.haberlerhome {
    background-color: #1f1f1f;
    padding: 100px 0px;
    color: #fff;
}

.sizehaber {
    width: max-content;
    margin: auto;
    border: 1px solid #fff;
    border-radius: 25px;
    pad: 8px;
}

.border-haber {
    display: grid;
    grid-template-columns: auto auto ;
    padding: 25px;
    align-self: center;
    align-items: center;
}

.text-haber {
    padding: 0px 15px;
}

.text-haber h3 {
    text-shadow: 0 0 13px #00a4c2;
}

footer {
    background-color: #1f1f1f;
    padding: 75px 0px;
    color: #fff;
    text-align: center;
}

.index-brands {
    padding: 75px 0px;
}

.copy-right-footer {
    background-color: #E3E3E3;
    color: #43484C;
    padding: 25px 0px;
}

.footericon i {
    font-size: 30px;
    padding-bottom: 15px;
}

.inner-banner {
    background-image: url(../../img/maphak.png);
    height: 450px;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.inner-banner-iletisim{  background-image: url(../../img/iletisimbg.png);
    height: 450px;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;

}
    .inner-banner-iletisim h1 {
        color: #fff;
    }
    .inner-banner-arge{ background-image: url(../../img/arge-banner.png);
        height: 450px;
        background-color: #000;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    
    }
    .inner-banner-orman{ background-image: url(../../img/orman.png);
        height: 450px;
        background-color: #000;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    
    }
    .inner-banner-orman h1 {
        color: #fff;
    }


        .inner-banner-arge h1 {
            color: #fff;
        }

.inner-banner h1 {
    color: #fff;
}

.inner-banner-tag {
    width: max-content;
    z-index: 99999;
    position: relative;
    top: 250px
}

.is-checked {
    background-color: #00A4C2 !important;
}

.urun-filter .button-group {
    width: auto !important;
    height: 70px;
    border: 1px solid #AFAFAF;
    border-radius: 50px;
    color: #000;
    display: grid;
    grid-template-columns: auto auto  ;
    margin: 0 auto; }

    .urun-filter .button-group .button-res {
        background-color: transparent;
        color: #000;
        border-radius: 50px;
        border: 1px solid #c9c9c9;
        width: 85%;
        margin: 6px auto;
        display: grid;
        align-items: center;
        text-align: center;
    }
    
.urun-filter .is-checked {
    color: #fff !important;
}

.hak-filter .button-group {
    width: 432px;
    height: 70px;
    border: 1px solid #AFAFAF;
    border-radius: 50px;
    color: #000;
    display: grid;
    grid-template-columns: auto auto;
    margin: 0 auto;
}

.hak-filter .button-group .button-res {
    background-color: transparent;
    color: #000;
    border-radius: 50px;
}

.hak-filter .is-checked {
    color: #fff !important;
}

.tarih-yazi {
    color: #00A4C2;
    padding: 0px 20px 10px 0px;
    background-color: #F6F6F6;
    align-self: center;
    padding: 0px 25px;
}

.tarih-yazi h1 {
    border-bottom: 1px solid #DBDBDB;
    font-size: 3.5rem;
    padding-bottom: 15px;
}

.tarih-yazi p {
    color: #000000;
    padding-top: 15px;
}

.element-item.kimiz {
    background-color: #f4f4f4;
    overflow-x: hidden;
}

.tarih-res img {
    width: 100%;
}

.inner_contact_box {
    padding-top: 15px;
    padding-bottom: 30px;
    text-align: center;
}

.contact_box {
    padding: 0px 5px;
}

.contact_box_inner {
    display: grid;
    align-content: center;
    background-color: #f4f4f452;
    padding: 0px 25px;
    padding-top: 15px;
    padding-bottom: 35px;
    height: 275px;
    box-shadow: rgb(136 165 191 / 48%) 6px 2px 16px 0px, rgb(255 255 255 / 80%) -6px -2px 16px 0px;
    transition: transform .5s;
}

.contact_box i {
    color: #00a5c3;
    font-size: 2rem;
    padding-bottom: 15px;
}

.contact_box_inner:hover {
    transform: scale(1.1);
}

.contact_box_inner img {
    margin: 0 auto;
}
.arge-p{font-size: 22px;}
.arge-p b{text-shadow: 0 0 10px #00a4c2; font-weight: 500;}
.mar-75{margin-top: 75px;}
.mar-125{margin-top: 175px;}
.border-haber img{width: 450px;}
.logo-bg{  display: flex;
    justify-content: center;
    align-items: center;   height: 300px;}
.logo-bgbir{background-image: url(../../img/bg1.png); background-position: center; background-repeat: no-repeat;}
.logo-bgiki{background-image: url(../../img/bg2.png); background-position: center; background-repeat: no-repeat;}
.logo-bg b{font-size: 32px; padding-bottom: 15px;}
.orman-text{font-size: 22px;}
.fidan-left{position: relative; bottom:110px ;}
.banner-urunler img{height:300px;    object-fit: cover;}

.orman-footer{background-image: url(../../img/orman-footer.png);background-position: bottom; background-repeat: no-repeat;background-size: contain;  height: 437px;}

.box-product{
    color: white;
    height: 45px;
    display: flex;
    align-self: center;
    align-self: center;
    align-content: center;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #ebebeb;
    font-family: 'Inconsolata';}

    .pr-5{padding-right: 15px;}
    .pl-5{padding-left: 15px;}

.header-detay-silicon{background-color: #63013E;border-top-right-radius: 15px; }
.header-detay-bakalit{background-color: #f26322;border-top-right-radius: 15px; }
.header-detay-plastik{background-color: #ffe815;border-top-right-radius: 15px; }
.header-detay-cam{background-color: #7cd0e0;border-top-right-radius: 15px; }
.header-detay-ulti{background-color: #000000;border-top-right-radius: 15px; }
.header-detay-coloria{background-color:#ed008c;border-top-right-radius: 15px; }
.header-detay-basic{background-color: #0071a5;border-top-right-radius: 15px; }
.header-detay-advanced{background-color: #4c892f;border-top-right-radius: 15px; }
.header-detay-premium{background-color: #878b8f;border-top-right-radius: 15px; }
.header-detay-extreme{background-color: #b79357;border-top-right-radius: 15px; }
.header-detay-monocoat{background-color: #a2248e;border-top-right-radius: 15px; }
.header-detay-roller{background-color: #ee1941;border-top-right-radius: 15px; }






.color-accordion .accordion-button{background-color:#63013E ; color: #fff;}
.color-bakalit .accordion-button{background-color:#f26322 ; color: #fff;}
.color-plastik .accordion-button{background-color:#ffe815 ; color: #fff;}
.color-cam .accordion-button{background-color:#7cd0e0 ; color: #fff;}
.color-ulti .accordion-button{background-color:#000000 ; color: #fff;}
.color-coloria .accordion-button{background-color:#ed008c ; color: #fff;}
.color-basic .accordion-button{background-color:#0071a5 ; color: #fff;}
.color-advanced .accordion-button{background-color:#4c892f ; color: #fff;}
.color-premium .accordion-button{background-color:#878b8f ; color: #fff;}
.color-extreme .accordion-button{background-color:#b79357 ; color: #fff;}
.color-monocoat .accordion-button{background-color:#a2248e ; color: #fff;}
.color-roller .accordion-button{background-color:#ee1941 ; color: #fff;}




.active-silicon{color: #63013E; font-size: 32px;font-weight: bolder;}
.active-bakalit{color: #f26322; font-size: 32px;font-weight: bolder;}
.active-plastik{color: #ffe815; font-size: 32px;font-weight: bolder;}
.active-cam{color: #7cd0e0; font-size: 32px;font-weight: bolder;}
.active-ulti{color: #000000; font-size: 32px;font-weight: bolder;}
.active-coloria{color: #ed008c; font-size: 32px;font-weight: bolder;}
.active-basic{color: #0071a5; font-size: 32px;font-weight: bolder;}
.active-advanced{color: #4c892f; font-size: 32px;font-weight: bolder;}
.active-premium{color: #878b8f; font-size: 32px;font-weight: bolder;}
.active-extreme{color: #b79357; font-size: 32px;font-weight: bolder;}
.active-monocoat{color: #a2248e; font-size: 32px;font-weight: bolder;}
.active-roller{color: #ee1941; font-size: 32px;font-weight: bolder;}





.urun-standart{height: 60px; }
.urun-standart img{position:relative; bottom: 50px;}
.main-detay{background-color: #FBFBFB;  border-bottom-left-radius: 35px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.tds-indir{    display: inline-flex;
    float: right;
    align-items: center;
    align-self: center;
    align-content: center;
    height: 60px;
    position: relative;
    text-align: center;
    padding: 0px 25px;
    background: #ffffff3b;
    opacity: 1;
    color: #fff;}

 
    .urun-left-nav ul { width: 100%;list-style: none; text-align: center; padding-left: 0px;
     }
    .urun-left-nav ul li{ font-size: 24px; padding: 15px 0px; border-bottom:1px solid #D9D9D9; }
    .urun-left-nav ul li a:hover{color:inherit !important;}
    .inner-detay{padding: 55px 75px;}
    .detay-ul{text-decoration: none;}
    .detay-ul li{list-style: circle; font-weight: 600; text-decoration: none; padding-bottom: 10px;}



  
    .urun-isim{color: #fff;font-size: 19px; font-weight:500; letter-spacing: 1px;}
    .urun-footer{color: #565656;}

    .accordion-button::after{   font-family:'FontAwesome';
        content:"\2b";
        float: right;
        color: inherit; background: none !important ;}

        .accordion-button:not(.collapsed)::after{font-family:'FontAwesome';
            content:"\f068";
            float: right;
            color: inherit; background: none !important ;}
            .sl-nav-mobile{    top: 15px;
                position: absolute;
                right: 10px; color:#000 !important}
                .wsmobileheader{height: 65px !important;}
                .wsmenucontainer{ width: 100% !important;}
              .wrapper-all{overflow-y: hidden !important;}
              .wsmenu>.wsmenu-list>li>ul.sub-menu{background-color: #000000b6 !important;}
              .wsmenu>.wsmenu-list>li>ul.sub-menu>li>a{color: #fff !important; }
              .wsmenu>.wsmenu-list>li>ul.sub-menu>li{border-bottom: 1px solid #00a5c3;}
              .wsmenu>.wsmenu-list>li>ul.sub-menu>li:hover{background-color: #00A4C2;}
              .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu{min-width: 175px !important;}
              .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu{background-color: #000000b6 !important;}
              .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a{color: #fff !important; }
              .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li{border-bottom: 1px solid #00a5c3;}
              .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li:hover{background-color: #00A4C2;}
              .anasayfa-aciklama .button-fazla {margin-left: auto;}
              
            
            










@media (max-width: 575.98px) { .inner-detay{    padding: 55px 20px;} .main-detay{margin-top: 50px ;}  .urun-left-nav ul{     grid-template-columns: auto auto;
    display: grid;} .urun-standart img{width: 150px;
        bottom: 20px;}.urun-filter   .button-group{grid-template-columns: auto auto;} .urun-filter .button-group{height: 90px;} .urun-filter .button-group .button-res{width: 70%;font-size: 13px; }
    .sizehaber{width: 100%;}.border-haber{text-align: center;    grid-template-columns: auto;} .wsmenu {transform: none;}.wsmenu>.wsmenu-list>li>a{color: #fff !important;}
   
    .slidesag img{width: 140px !important;}
    .slideorta img{display:none;}
    .first-slide {height: 260px;}
    .slidesol, .swiper{margin: auto;}
    .slide-inner{    grid-template-columns: auto;}
    .slidesag img{display: none;}
    .slidesag, .swiper {
        margin: auto;
    }
    .slidesol .slider-button {display: none;}
    .caption_hero{top: 35%;}
    .absolute-header{position: relative;}
    .saglisolu img{ width: 100%;}
    .anasayfa-filter .button-group{width: 330px;}
    .px-5{padding-right:0px !important; padding-left: 10px !important;}
    .anasayfakulp{left: 0px;}
    .smllogo img{width: 150px; width: 150px;
        right: 1px;
        position: relative;}
        .pt-5{padding-top: 1rem !important;}
        .accordion-body{padding: 1rem 0.25rem;}

        .border-haber img{width: 100%;}
        .ana-mor img{width: 100%;}

       
    
    

    
    
    }

@media (min-width: 576px) and (max-width: 767.98px) {.inner-detay{    padding: 55px 20px;}.main-detay{margin-top: 50px ;} .urun-left-nav ul{     grid-template-columns: auto auto;
    display: grid;}  .wsmenu {transform: none;} .wsmenu>.wsmenu-list>li>a{color: #fff !important;}.mySwiper .swiper{height: 360px;}.swiper .first-slide{height: 290px;}.slideorta .first-slide{width: 200px;}.slidesol img{width: 140px;}
    .slidesag img{width: 140px;}.border-haber{    text-align: center;    grid-template-columns: auto;}.haberlerhome{padding: 30px 0px;}.pt-5{padding-top:1rem ;}
    .anasayfakulp{left: 0px;}
    .slidesag img{width: 140px !important;}
    .slideorta img{display:none;}
    .first-slide {height: 260px;}
    .slidesol, .swiper{margin: auto;}
    .slide-inner{    grid-template-columns: auto;}
    .slidesag img{display: none;}
    .slidesag, .swiper {
        margin: auto;
    }
    .slidesol .slider-button {display: none;}
    .caption_hero{top: 50%;}
    .ana-mor img{width: 100%;}
   
} 

@media (min-width: 768px) and (max-width: 991.98px) {.main-detay{margin-top: 50px ;}.urun-left-nav ul{     grid-template-columns: auto auto;
    display: grid;} .inner-detay{    padding: 55px 25px;} .wsmenu {transform: none;} .wsmenu>.wsmenu-list>li>a{color: #fff !important;}.mySwiper .swiper{height: 360px;}.swiper .first-slide{height: 360px;}
    .px-5{    padding-right: 1rem!important;
        padding-left: 1rem!important;}
        .wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover{color: #000 !important;}
        .ana-mor img{width: 100%;}
}

@media (min-width: 992px) and (max-width: 1199.98px) { 
    .inner-detay{    padding: 55px 35px;} .mySwiper .swiper{height: 460px;}.swiper .first-slide{height: 100%;}

    .wsmenu{    width: 73% !important;}
    .wsmenu>.wsmenu-list>li>a{    font-size: 14px!important;}
    .pt-175 {
        padding-top: 100px;
    }
    .pb-150 {
        padding-bottom: 100px;
    }



}

@media (min-width: 1200px) { ... }