@media (max-width: 1500px) {
   

        .sldCon .owl-prev {
            left: 60px;
        }

        .sldCon .owl-next {
            right: 60px;
        }

    .dblImgCon {
        padding: 0 35px;
    }

    .mltSld {
        padding: 0 35px;
    }

    .cWrpCon {
        padding: 0 15px;
    }

    .cItmConSml {
        height: 540px;
    }

  /*  .sldBtmBx {
        flex: 0 0 calc(33.3333% - 20px);
        margin-bottom: 20px;
    }*/

    .ssPgTpItm {
        width: calc(50% - 30px);
        margin-bottom: 30px;
    }
}

@media (max-width: 992px) {
    .sld {
        height: 350px;
    }

    .sldImg {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .dblImgCon {
        padding: 0 45px;
    }

        .dblImgCon a {
            width: calc(50% - 10px);
            margin: 0 5px;
        }

            .dblImgCon a:nth-child(2) {
                width: calc(50% - 10px);
            }

    .dblImgTx {
        max-width: calc(90% - 20px);
        width: calc(90% - 20px);
        left: 20px;
    }

        .dblImgTx h2 {
            font-size: 13px;
        }

        .dblImgTx h3 {
            margin-top: 10px;
            font-size: 12px;
        }

    .dblImgBtn {
        margin-top: 20px;
        font-size: 13px;
    }

    .sldTx h3 {
        font-size: 25px;
    }

    .sldBt {
        display: flex;
        flex-wrap: wrap;
    }

    .sldBtClBx {
        width: 100%;
        max-width: 100%;
        margin: 5px;
    }

    .sldBt a {
        width: calc(50% - 10px);
        margin: 5px;
    }

    .cWrpCon a {
        width: calc(33.3333% - 40px);
    }

    .cItmConSml {
        height: 440px;
    }

    .filtPgRg a {
        margin: 0 0 50px 10px;
        width: calc(50% - 13px);
    }

    .cBtnSpt {
        width: 100%;
        margin-top: 10px;
    }

    #dSptAdrAllCon {
        flex-wrap: wrap;
        margin: 30px 0 80px 0;
    }

    .cSptAdrItm {
        margin-top: 10px;
        padding: 0 10px;
    }

    .cSptAdrBtnCon {
        padding: 0 10px;
    }

    .cSptAdrBtn {
        width: 100%;
        padding: 10px 0;
    }

    .cRtr {
        flex-wrap: wrap;
        margin-bottom: 200px;
    }

    #dRtrImg {
        width: 100%;
        margin: 0 0 20px 0;
    }

    #dRtrTxt {
        padding: 20px 10px;
        font-size: 17px;
        text-align: center;
        display: block;
    }

    .cRtrLnk {
        padding: 10px 20px;
        text-align: center;
        margin-top: 20px;
    }

    .cPymAdrCon {
        flex-direction: column;
    }

    .cPymAdrRg {
        max-width: 100%;
        min-width: 100%;
        margin: 20px 0 0 0;
    }

    .cPymAdr {
        width: calc(33.3333% - 20px);
    }

    .pgBlg {
        width: calc(50% - 30px);
    }

    .sldBtmBxCn {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        gap: 10px;
        padding: 20px 10px 10px 10px;
/*        margin-left:15px;
*/    }

    .sldBtmBx {
        flex: 0 0 auto;
        max-width: 120px;
        flex-direction: column;
    }

    .sldBtmTx {
        display: flex;
        flex-wrap: wrap;
         padding: 0 0 0 0; 
        text-align: center;
        justify-content: center;
    }

    .sldBtmBx h2 {
        font-size: 14px;
   
    }

    .sldBtmBx h3 {
        font-size: 12px;
 
    }

    .sldBtmImg img {
        width: 35px;
        height: 35px;
        object-fit: contain;
        margin-bottom: 10px;
    }

    /*.sldBtmBx {
        flex: 0 0 calc(50% - 20px);
    }*/

    /*.sldBtmBxCn {
        padding: 80px 15px;
    }*/

    .bdyAlpTx {
        font-size: 50px;
    }

    .bdyAlpCen {
        padding: 0 20px;
    }

    .bdyAlpTxCon {
        max-width: 600px;
    }
    .glryTbTxCon {
        margin: 50px 55px;
    }

    .bdyAlpCon{
        height:400px;   
    }

    .mltSldDgr {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 750px) {
    

        .sldCon .owl-prev {
            left: 20px;
            background-size: 20px !important;
        }

        .sldCon .owl-next {
            right: 20px;
            background-size: 20px !important;
        }

    .sldTx h2 {
        font-size: 25px;
    }

    .sldTx h3 {
        margin-top: 10px;
        font-size: 18px;
    }

    .sldBtn {
        margin-top: 10px;
        font-size: 12px;
    }

    .dblImgCon {
        padding: 0 5px;
    }

    .dblImg {
        height: 250px;
    }

    .mltSld {
        padding: 0 15px;
    }

    .frHkBs {
        font-size: 20px;
    }

    .frHkDty {
        font-size: 14px;
    }

    .pgBlg {
        width: 100%;
        margin: 15px 0;
    }

    .ssPgTpItm {
        width: 100%;
        margin: 0 0 15px 0;
    }

    .bdyAlp {
        align-items: flex-start;
        padding-top: 50px;
        text-align: center;
    }

    .bdyAlpCen {
        left: 0;
        right: 0;
        margin: 0 auto;
        padding: 0 20px;
    }

    .bdyAlpTx {
        font-size: 36px;
        margin: 15px 0;
    }

    .bdyAlpTpBs {
        font-size: 14px;
    }

    .bdyAlpTxCon {
        max-width: 100%;
        margin: 0 auto;
    }

    .bdyAlpLnk {
        font-size: 13px;
        padding: 8px 18px;
    }

    .glTb {
        padding: 15px 7px;
    }
    .mltSldDgr {
        grid-template-columns: repeat(2, 1fr);
    }


    .mltSldDgr {
        padding: 0 15px;
    }
    
}

@media (max-width: 700px) {
    .cItmConSml {
        height: 440px;
    }

    .ssPgTpItmCon {
        padding: 0 55px;
    }

    .mltSldDgr {
        grid-template-columns: repeat(2, 1fr);
    }

    .cItmAltBs {

        flex-direction: column;
      
    }

    .cItmAltBsLnTx {
 
        margin-right: 0px;
 
    }
}

@media (max-width: 600px) {
    .cWrpCon a {
        width: calc(50% - 40px);
    }

    .filtPgLf {
        display: none;
    }

    .filtPgCon {
        padding: 0 15px;
    }

    .cItmDtyCon {
        flex-wrap: wrap;
    }

    .cItmDtyImg {
        width: 100%;
    }

    .cItmDtyInfAllCon {
        width: 100%;
        margin-left: 0;
    }

    .cItmDtyInfCon {
        margin-top: 15px;
    }

    .cSptBs {
        font-size: 22px;
    }

    .cSptBck {
        padding: 9px 45px;
    }

    .cSptItm {
        padding: 15px;
    }

    .cSptItmImg {
        width: 70px;
        height: 70px;
        margin-right: 15px;
        border-radius: 3px;
    }

    .cSptItmCnt {
        align-items: normal;
        flex-direction: column;
    }

    .cSptUrnBs {
        width: 100%;
        margin: 0 0 5px 0;
        padding-right: 20px;
        box-sizing: border-box;
        font-size: 13px;
        white-space: normal;
    }

    .cSptUrnTpFyt {
        margin: 0;
    }

    .cSptUrnSil {
        position: absolute;
        right: 10px;
        top: 10px;
    }

    .cFrmAllCon {
        width: 100%;
        padding: 0 25px;
        box-sizing: border-box;
    }

    .cFrmTabBtn {
        line-height: 43px;
    }

    .cFrmItmBs {
        margin: 15px 0 10px 0;
    }

    .cTxtFrm {
        height: 38px;
    }

    .cPymAdr {
        width: calc(50% - 20px);
    }

    .pgBlgCon {
        padding: 80px 15px;
    }

  /*  .sldBtmBx {
        flex: 0 0 100%;
    }

        .sldBtmBx h2 {
            font-size: 18px;
        }*/

   /* .sldBtmImg img {
        height: 40px;
    }
*/
    .frHkCn {
        padding: 40px 15px;
    }

    .mltSldDgr {
        padding: 0 15px;
    }

    .cItmCon img {
        height: 200px;
    }

    /* Mobil Sayfalama Stilleri */
    .pagination-container {
        padding: 0 15px;
        margin: 20px auto 60px auto;
    }

    .pagination {
        gap: 3px;
        flex-wrap: nowrap;
        justify-content: center;
        overflow: hidden;
        align-items: center;
    }

    .page-btn {
        min-width: 32px;
        height: 32px;
        padding: 0 6px;
        font-size: 12px;
        flex-shrink: 0;
    }

        .page-btn.prev-btn,
        .page-btn.next-btn {
            font-size: 11px;
            padding: 0 8px;
            min-width: 60px;
            flex-shrink: 0;
        }

    .page-dots {
        max-width: 12px;
        height: 32px;
        font-size: 12px;
        flex-shrink: 0;
    }

    #page-numbers {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        gap: 3px;
        overflow: hidden;
        max-width: calc(100vw - 140px);
        flex-shrink: 1;
    }
    
}

@media (max-width: 540px) {
    .ssPgTpItmCon {
        padding: 0 15px;
    }

    .sld {
        height: 500px !important;
    }

    .sldTx {
        min-width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }

    .dblImgCon {
        padding: 0 10px;
        margin-top: 20px;
    }

    .dblImg a {
        width: 40%;
        height: 150px;
        margin: 0 5px;
    }

    .dblImgTx {
        width: calc(80% - 15px);
        left: 15px;
    }

        .dblImgTx h2 {
            font-size: 11px;
        }

        .dblImgTx h3 {
            margin-top: 5px;
            display: none;
        }

    .dblImgBtn {
        margin-top: 20px;
        font-size: 12px;
    }

    .bs {
        padding: 15px 0;
        font-size: 22px;
    }

    .lnkAll {
        padding: 15px 0;
    }

        .lnkAll a {
            font-size: 22px;
        }

  
    .filtPgRg a {
        margin: 0 0 30px 0;
        width: calc(50% - 13px);
    }

    .product-item a {
        margin: 0 0 30px 10px;
        width: calc(100% - 13px);
    }

    .blgTxCon h2 {
        font-size: 15px;
    }

    .blgTxCon p {
        font-size: 15px;
    }

    .blgDtyCon {
        padding: 80px 15px;
    }

    .pgHd {
        padding: 40px 15px;
    }

    .blgDtyCon {
        padding: 80px 15px;
    }

    /*    .cItmCon {
        height: auto;
    }

        .cItmCon img {
            width: 100%;
            height: auto;
        }*/

    .bdyAlpTx {
        font-size: 28px;
        margin: 10px 0;
    }

    .bdyAlpTpBs {
        font-size: 13px;
    }

    .bdyAlpLnk {
        font-size: 12px;
        padding: 8px 16px;
    }

    .bdyAlp {
        padding-top: 40px;
    }

    .bdyAlpCen {
        position: absolute;
        max-width: 1230px;
        right: 0;
        bottom: 40%;
        padding: 0 15px;
        box-sizing: border-box;
    }

   /* .bdyAlpCon {
        height: 200px;
    }*/

    .galleryBx {
        width: calc(100% - 20px);
        margin: 0 15px 20px 15px;
    }

    .dblImgCon a {
        width: calc(100% - 10px);
        margin: 0 0 30px 0;
    }

        .dblImgCon a:nth-child(2) {
            width: calc(100% - 10px);
        }

    .sldTx {
        left: 10px;
        top:50px;
    }

    .glryTbTxCon {
        margin: 50px 15px;
    }

    .cItmCon {
  
        height: 315px;
 
    }



    .filtPgRg .product-item {
        flex: 0 1 calc(50% - 15px);
        max-width: calc(50% - 15px);
    }

    
   
}

@media (max-width: 450px) {
    #kategori-pagination-container .pagination {
        flex-wrap: nowrap;
        overflow: hidden;
        justify-content: center;
        align-items: center;
        gap: 2px;
        white-space: nowrap;
    }

    #kategori-page-numbers {
        display: flex;
        flex-wrap: nowrap;
        overflow: hidden;
        max-width: 100%;
        justify-content: center;
    }

    #kategori-pagination-container .page-btn {
        min-width: 28px;
        height: 28px;
        font-size: 11px;
        padding: 0 3px;
        flex-shrink: 0;
    }

    #kategori-btn-prev,
    #kategori-btn-next {
        min-width: 50px !important;
        font-size: 10px !important;
        padding: 0 4px !important;
        flex-shrink: 0;
    }

    #kategori-page-numbers .page-btn {
        min-width: 24px;
        height: 24px;
        font-size: 10px;
        margin: 0 1px;
    }

    #kategori-page-numbers .page-dots {
        min-width: 20px;
        text-align: center;
        font-size: 12px;
        padding: 0;
    }
}





@media (max-width: 400px) {
    .sldBxImg {
        min-width: 60px;
        max-width: 60px;
        min-height: 60px;
        max-height: 60px;
    }

    .mltSldDgr {
        grid-template-columns: repeat(2, 1fr);
        padding: 0 15px;
    }

   

    

}


@media (max-width: 360px) {
    .pagination {
        gap: 2px;
    }

    .page-btn {
        min-width: 28px;
        height: 28px;
        font-size: 11px;
        padding: 0 4px;
    }

        .page-btn.prev-btn,
        .page-btn.next-btn {
            font-size: 10px;
            min-width: 45px;
            padding: 0 5px;
        }

    .pagination-container {
        padding: 0 5px;
    }

    #page-numbers {
        max-width: calc(100vw - 110px);
    }
}