body,html{
    width: 100%;
    height: 100%;
    margin: 0; padding: 0;
}

.site-width{
    width: 1260px;
}

.top-header-links .top-header-inside{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto;
    text-align: left;
    padding: 13px 0;
}
.compare-table-main{
    display: block;
}
.mobile-category-help,
.compare-table-mobile{
    display: none;
}
.top-header-links .top-header-inside .inside-left{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.top-header-links .top-header-inside .inside-left .links{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    text-decoration: none;
}

.top-header-links .top-header-inside .inside-left .links i{
    font-size: 15px ;
}

.top-header-links .top-header-inside .inside-left .links:first-child .line{
    display: none;
}

.eklentiler.content-area .eklenti-container .mobile-eklenti-category{
    display: none;
}

.top-header-links .top-header-inside .inside-right{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.top-header-links .top-header-inside .inside-right .links{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    text-decoration: none;
}

.top-header-links .top-header-inside .inside-right .links i{
    font-size: 15px ;
}
.top-header-links .top-header-inside .inside-right .links:first-child .line{
    display: none;
}

.header-area .header-links{
    width: 100%;
}
.header-area .header-links .header-links-inside{
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.header-area .header-links .header-links-inside .logo{
    width: 210px;
}
.header-area .header-links .header-links-inside .logo img{
    max-width: 100%;
}

.header-area .header-links .header-links-inside .header-link-right{
    flex:1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-area .header-links .header-links-inside .header-link-right .header-buton{
    display: inline-block;
    text-decoration: none;
    transition-duration: 0.1s; transition-timing-function: linear;
}

.top-level-menu
{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.top-level-menu > li
{
    position: relative;
    width: auto;
    height: auto;
    transition-duration: 0.1s; transition-timing-function: linear;

}

.top-level-menu li:hover > ul
{
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    margin-left: 0;
}
.top-level-menu > li span /* Apply to all links inside the multi-level menu */
{
    text-decoration: none;
}
.top-level-menu > li a{
    text-decoration: none;
}
.top-level-menu > li:hover a{
    text-decoration: none;
}
.top-level-menu > li span{
    display: block;
    transition-duration: 0.1s;
    transition-timing-function: linear;
}

.third-level-menu
{
    position: absolute;
    top: 10px !important;
    list-style: none;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 9;
    transition: 0.1s ease-in-out 0s;
}

.mega-level-menu
{
    position: absolute;
    list-style: none;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    transition: 0.01s ease-in-out 0s;
    margin-top: 30px !important;
}


.mega-level-menu
{
    width: 600px; /* Açılan menu alanının genişliğidir */
    background-color: transparent; /* Açılan menu alanının arkaplan rengidir */
    /* Açılan menunun içten bosluk değeridir */
}



.second-level-menu
{
    position: absolute;
    left: 0;
    list-style: none;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    transition: 0.01s ease-in-out 0s;
    margin-top: 30px !important;
}


.yardim-back .yardim-liste .left{
    display: block;
}


.second-level-menu > div > li
{
    position: relative;
    height: auto;
}


.top-level-menu
{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.top-level-menu > li
{
    position: relative;
    width: auto;
    height: auto;
    transition-duration: 0.1s; transition-timing-function: linear;

}

.top-level-menu li:hover > ul
{
    opacity: 1;
    visibility: visible;
    margin-top: 0 !important;
    margin-left: 0;
    transition-duration: 0.1s; transition-timing-function: linear;
}
.top-level-menu > li span /* Apply to all links inside the multi-level menu */
{
    text-decoration: none;
}
.top-level-menu > li a{
    text-decoration: none;
}
.top-level-menu > li:hover a{
    text-decoration: none;
}
.top-level-menu > li span{
    display: block;
    transition-duration: 0.1s;
    transition-timing-function: linear;
}
.top-level-menu{
    width:auto;
    display:flex;
    align-items:center;
    justify-content:space-between !important;
}
.top-level-menu > li{
    background: none;
}

.top-level-menu > li:hover {
    background-color:transparent;
}
.second-level-menu
{
    width: 330px;
}
.second-level-menu > div
{
    width: 100%;
}
.second-level-menu > div > li:hover .headerlink .header-arrow-icon{
    display: none;
}
.third-level-menu
{
    left: 265px; /* Bir üst menü için belirlediğiniz genişlik ne ise ona göre ayarlayın.(.second-level-menu) Eğer bir üst menu kodlamasında padding değeri var ise ona göre hesaplayın */
    width: 280px; /* Üçüncü açılır menunuzun genişlik değeri */
    margin-left: 280px; /* Üstteki değerin aynısı olmalıdır. Animasyon olarak ekrana gelmesi için. */
}

.second-level-menu .upsarrow li .headerlink{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
}
.second-level-menu .upsarrow li .headerlink .simge{
    width: 33px;
    margin-right: 10px;
}
.second-level-menu .upsarrow li .headerlink .simge img{
    max-width: 100%;
}
.second-level-menu .upsarrow li .headerlink .txtes{
    flex:1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.upsarrow:before{
    content: '';
    height: 13px;
    width: 13px;
    position: absolute;
    top: 12px;
    left:36px;
    transform: rotate(45deg);
}
.upsarrow-right:before{
    content: '';
    height: 13px;
    width: 13px;
    position: absolute;
    top: 12px;
    right:36px;
    transform: rotate(45deg);
}

.mega-level-menu-inside{
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}


.mega-level-menu-inside .boxes  .headerlink .simge{
    width: 33px;
    margin-right: 10px;
}
.mega-level-menu-inside .boxes  .headerlink .simge img{
    max-width: 100%;
}
.mega-level-menu-inside .boxes  .headerlink .txtes{
    flex:1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mega-level-menu-inside .boxes .headerlink{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
}


.slider-area .swiper-button-prev{
    left:0
}
.slider-area .swiper-button-next{
    right:0
}
.slider-area .swiper-button-prev,
.slider-area .swiper-button-next{
    top:50% !important;
}
.slider-area .swiper-button-next.swiper-button-disabled, .slider-area .swiper-button-prev.swiper-button-disabled {
    opacity: .4 !important;
}


.slider-area:hover .swiper-button-prev,
.slider-area:hover .swiper-button-next {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1 ;
    visibility: visible;
}
.slider-area .swiper-pagination-bullet-active{
    opacity: 1 !important;
}
.slider-area .swiper-button-prev,
.slider-area .swiper-button-next{
    opacity: 1;
    background-image: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.referans-listesi .referans-box .inside .imag{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
 .referans-listesi .referans-box .inside .imag img{
    max-height: 100%;
    max-width: 100%;
}



.pagination .page-link {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border: 1px solid #ccc !important;
    border-radius: 100% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    margin:6px;
}
.pagination .page-link:hover{
    background-color: #383c4d;
    color: #fff;
}

.pagination .page-item.active .page-link {
    background-color: #383c4d;
    color: #fff;
}

#loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.75);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999999 !important;
}

#loading-spinner {
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#loading-text {
    margin-top: 10px;
    font-weight: bold;
    color: #333;
    font-size: 20px ;
}
.modal-editable .kapat{
    width: 35px;
    height: 35px;
    font-size: 16px ;
    color: #000;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    top: -20px;
    right: 10px;
    position: absolute;
    background-color: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
#alertModal .modal-body{
    padding: 50px;
}
#alertModal .kapat{
    width: 35px;
    height: 35px;
    font-size: 16px ;
    color: #000;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    top: -20px;
    right: 10px;
    z-index: 2;
    position: absolute;
    background-color: #fff;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.tanitim-videosu #videoPlayer{
    width: 100%;
    height: 500px;
}
.yorum-videosu #videoPlayer{
    width: 100%;
    height: 300px;
}
.adres-modal-content{
    padding: 40px;
}
.loading_payment {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
}

.loading_payment::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #ccc;
    border-top-color: dodgerblue;
    animation: spinsmal 1s infinite linear;
}
@keyframes spinsmal {
    to {
        transform: rotate(360deg);
    }
}

.loading-overlay-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
}

.spinners {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    animation: spinfast 1s linear infinite;
}

@keyframes spinfast {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.mobileheader-menu-html,
.mobile_account_side,
.header-mobile-bar-show{
    display: none;
}
.mobile_account_side_toggle {
    display: none;
}
.mobile_account_side_toggle:checked + .mobile_account_side {
    right: 0;
}

.mobile_account_side_toggle:checked ~ .mobile_account_side_overlay {
    display: block;
}
.mobile_account_side .mobile-menu-html img{
    max-width: 100%;
}
.ladder ul {
    margin: 0;
    padding: 0;
}
.ladder ul li {
    background: #FFF;
}
.ladder ul ul li {
    height: auto;
    padding: 0;
    transition: 3s ease-in;
    background-color: #FFF;

}
.ladder ul .collapse li {
    height: 0;
    max-height: 0;
}
.ladder li {
    list-style-type: none;
    padding: 0;
    height: auto;
}
.mobile_account_side_overlay {
    background: rgba(0, 0, 0, 0.7);
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 900;
    height: 100%;
}
.mobile_account_side {
    overflow: auto;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 999;
}
@media screen and (min-width: 0) and (max-width:1279px ) {
    .site-width{
        width: 100%;
    }
    .header-area .header-links .header-links-inside .header-link-right{
        justify-content: flex-end !important;
    }
    .header-area .header-links .header-links-inside {
        padding: 8px 14px;
    }
    .user-header-container .ic-kisim{
        padding: 4px 14px;
    }
    .accounts-page-main .account-inside .left-side,
    .header-html,
    .header-link-right .linkler,
    .header-link-right .hed-link-btn,
    .top-header-links{
        display: none !important;
    }
    .header-area .header-links .header-links-inside .logo{
        max-width: 140px;
    }
    .header-mobile-bar-show{
        display: inline-block;
        margin-left: 20px;
    }
    .mobileheader-menu-html,
    .mobile_account_side{
        display: block;
    }
    .header-area .header-links{
        padding-bottom: 0 !important;
    }
}

@media screen and (min-width: 0) and (max-width:280px ) {
    .slider-area:before{
        height: auto !important;
    }
    .header-area .header-links .header-links-inside {
        padding: 8px 9px;
    }
    .user-header-container .ic-kisim .musteri_adi{
        font-size: 10px ;
    }
    .header-area .header-links .header-links-inside .logo{
        max-width: 120px;
    }
    .mobile_account_side{
        width: 250px;
        right: -250px;
    }
    .user-header-container .ic-kisim .musteri_adi{
        width: 100px;
        text-align: left;
    }
}
@media screen and (min-width: 281px) and (max-width:766px ) {
    .slider-area:before{
        height: auto !important;
    }
    .mobile_account_side{
        width: 345px;
        right: -345px;
    }
}
@media screen and (min-width: 0) and (max-width:767px ) {
    .slider-text-type{
        padding: 0 !important;
    }
    .slider-text-type .left-area{
        width: 90% !important;
        margin: 0 auto !important;
        padding-top: 30px;
        margin-bottom: 20px !important;
    }
    .slider-text-type .left-area .slider-baslik{
        font-size: 30px !important;
        line-height: 34px !important;
        margin-bottom: 20px !important;
    }
    .slider-text-type .left-area .slider-spot {
        font-size: 16px;
        font-weight: 400;
        color: #999;
        line-height: 22px;
    }
    .slider-text-type .right-area{
        flex:none !important;
        width: 90%;
        margin: 0 auto !important;

    }
    .slider-text-type .right-area .slider-img{
        width: 100% !important;
    }
    .yazi-modul .yazi-modul-inside .left-side{
        width: 90% !important;
        margin: 0 auto !important;
        text-align: center !important;
        font-size: 29px !important ;
        line-height: 33px !important;
        margin-bottom: 30px !important;
    }
    .yazi-modul .yazi-modul-inside .right-side{
        width: 90% !important;
        margin: 0 auto !important;
        text-align: center !important;
        flex:none !important;
        font-size: 16px !important ;
    }
    .yazi-modul-btns{
        justify-content: center !important;
    }
    .sayac{
        padding: 20px 0 !important;
    }
    .sayac .sayac-inside .left-side{
        width: 90% !important;
        margin: 0 auto !important;

    }
    .sayac .sayac-inside .left-side .sayac-shape {
        bottom: -89px !important;
        right:0!important;
        width: 60% !important;
    }
    .sayac .sayac-inside .left-side .sayac-box-container{
        width: 100% !important;
    }
    .sayac .sayac-inside .left-side .sayac-dots {
        bottom: -20px !important;
        left: 0 !important;
    }
    .sayac .sayac-inside .right-side{
        width: 90% !important;
        margin: 0 auto !important;
        text-align: center !important;
        flex:none !important;
        margin-top: 100px !important;
    }
    .sayac .sayac-inside .right-side .sayac-baslik{
         font-size: 30px !important;
         line-height: 34px !important;
         margin-bottom: 20px !important;
     }
    .sayac .sayac-inside .left-side .sayac-box-container .sayac-box .sayac-no {
        font-size: 24px !important;
        line-height: 32px !important;
    }

    .referans-listesi .referans-box{
        width: 50% !important;
    }

    .swiper-comments .swiper-slide .comment-box .comment-in{
        flex-wrap: wrap !important;
    }
    .ayricalik-inside .ayricalik-ayrimi{
        margin-top: 0 !important;
    }
    .ayricalik-inside .ayricalik-ayrimi .gorsel{
        width: 100%;  
        margin-left: 0 !important;
        margin-top: 35px !important;
        text-align: center !important;

    }
    .ayricalik-inside .ayricalik-ayrimi .gorsel img{
        max-width: 50% !important;
    }
    .bloglar-detay .content-inside .content,
    .accounts-page-main .account-inside .right-side,
    .footer-area .copyright-area .inside .image {
        flex: none !important;
        width: 90% !important;
        margin: 0 auto !important;
    }
    .eklentiler.html-area .html-inside .text{
        text-align: center;
    }
    .entegrasyon-detay .detay-main .text,
    .eklenti-detayi .detay-inside .info-area .text,
    .eklentiler.html-area .html-inside .text,
    .belge-listesi .box .texts,
    .yorum-listesi .box .texts,
    .ayricalik-inside .ayricalik-listesi {
        flex: none !important;
        width: 100% !important;
        margin: 0 auto !important;
    }
    .swiper-comments .swiper-slide .comment-box .comment-in .texts{
        flex: none !important;
        width: 100% !important;
        margin: 0 auto !important;
        margin-top: 15px !important;
    }
    .tabs-inside .nav{
        width: 90%;
        margin: 0 auto;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
    }
    .tabs-inside .nav .nav-item{
        margin-bottom: 10px;
    }
    .tabs-inside .nav .nav-item .nav-link{
        font-size: 13px ;
    }
    .tab-inside-custom-content{
        margin-top: 10px !important;
    }
    .tab-pane-custom{
        width: 90%;
        margin: 0 auto;
        margin-top: 20px !important;
    }
    .referans.content-area,
    .blok-vitrin-box,
    .tabs-main-container{
        padding: 20px 0 !important;
    }
    .bloglar-detay .content-inside .right{
        width: 90% !important;
        margin: 0 auto !important;
        margin-top: 30px !important;
    }


    .konsept-listesi .tasarim-box,
    .blog-box,
    .eklenti-box,
    .ayricalik-inside .ayricalik-listesi .ayricalik-box,
    .ozellik-listesi .ozellik-box{
        width: 100% !important;
    }
    .blok-vitrin-img{
        text-align: center;
    }
    .blok-vitrin-img img{
        max-width: 80% !important;
    }

    .footer-area-inside .right-boxes-main .right-boxes-main-title{
        margin-bottom: 10px !important;
    }

    .footer-area-inside .right-boxes-main,
    .footer-area-inside .ofisler{
        width: 90% !important;
        margin: 0 auto !important;
        margin-bottom: 30px !important;
    }
    .eklentiler.content-area .eklenti-container .content-side .inside,
    .footer-links-area-inside {
        width: 100% !important;
        flex-wrap: wrap;
    }
    .siparis-olustur .content-area .left,
    .eklentiler.html-area .html-inside .image{
        width: 100% !important;
        margin-right: 0 !important;
    }

    .ozellik-detay{
        padding: 0 !important;
    }

    .siparis-olustur .content-area .right{
        width: 100% !important;
        margin-left: 0 !important;

    }

    .eklentiler.page-head-area .inside .page-baslik .spot{
        border-radius: 4px !important;
    }
    .siparis-olustur .content-area .blok .contain .head .spot{
        text-align: left !important;
    }
    .wire-box .banka_radio .bank .img {
        width: 147px !important;
        margin-right: 30px !important;
        margin-top: 31px !important;
        margin-bottom: 20px !important;
        padding: 29px !important;
    }
    .siparis-olustur .content-area .blok .contain .head .big-title{
        font-size: 20px !important ;
    }
    .siparis-olustur .content-area,
    .entegrasyonlar.content-area .entegrasyon-boxes .box,
    .ozellik-detay .all-features-link,
    .footer-area-inside .ebulten,
    .blok-vitrin-img,
    .footer-area-inside .right-boxes-main .work-hour,
    .list-table-main .list-box{
        width: 100% !important;
        margin-bottom: 20px !important;
        margin-right: 0 !important;
    }

    .sozlesme-content-area,
    .belge-listesi,
    .yorum-listesi,
    .sss-listesi,
    .konsept-listesi,
    .tetikleyici-inside .head,
    .tetikleyici-inside .spot,
    .paket-listesi,
    .blog-listesi,
    .eklenti-inside .eklenti-listesi,
    .yorumlar-inside .slider,
    .ozellik-listesi,
    .referans-listesi{
        width: 90% !important;
        margin: 0 auto !important;
    }
    .bloglar-detay.page-head-area .inside,
    .payment-succces-page .content-area,
    .user-login-register .content-area,
    .hesapbilgisi-listesi,
    .contact-page .form-area .inside,
    .belgelerimiz.content-area .spot,
    .footer-area .copyright-area .inside .text,
    .footer-area-inside .ebulten-container,
    .deneme-inside .form-area,
    .deneme-inside .modul-baslik,
    .sss-inside .modul-baslik,
    .konsept-inside .modul-baslik,
    .blog-inside .modul-baslik,
    .anasayfa-paketler-inside .modul-baslik,
    .eklenti-inside .modul-baslik,
    .entegrasyon-inside .modul-baslik,
    .ayricalik-inside .modul-baslik,
    .yorumlar-inside .modul-baslik,
    .ozellikler-inside .modul-baslik,
    .referanslar-inside .modul-baslik{
        width: 90% !important;
        margin: 0 auto !important;
    }
    .eklentiler.content-area .eklenti-container .content-side .inside .box,
    .list-table-main,
    .paket-detay-back .content-area,
    .paket-detay-page.page-head-area .inside,
    .deneme-inside .modul-spot,
    .sss-inside .modul-spot,
    .konsept-inside .modul-spot,
    .blog-inside .modul-spot,
    .anasayfa-paketler-inside .modul-spot,
    .eklenti-inside .modul-spot,
    .entegrasyon-inside .modul-spot,
    .ayricalik-inside .modul-spot,
    .yorumlar-inside .modul-spot,
    .ozellikler-inside .modul-spot,
    .referanslar-inside .modul-spot {
        width: 90% !important;
        margin: 0 auto !important;
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }


    .scroll-top-button{
        right: 10px !important;
    }
    .footer-area-inside .ebulten-container{
        margin-bottom: 30px !important;
    }
    .footer-links-area .footer-link {
        width: 50% !important;
        padding-top: 10px !important;
        padding-bottom: 30px;
        padding-left: 15px !important;
        padding-right: 10px !important;
        margin-right: 0 !important;
        border-right: 0 !important;
    }
    .footer-links-area .footer-link .footer-link-sub a {
        display: block;
        font-size: 13px !important;
        margin-bottom: 10px !important;
        color: #666;
        font-weight: 300;
    }

    .footer-area-inside .right-boxes-main .socials,
    .footer-area-inside .right-boxes-main .kanal-box .inside,
    .footer-area-inside .ofisler .ofis-box .ofis-adi{
        justify-content: center !important;
    }

    .footer-area-inside .right-boxes-main .work-hour,
    .footer-area-inside .right-boxes-main .right-boxes-main-title,
    .footer-area-inside .ofisler .ofis-box .ofis-adresi,
    .footer-area-inside .ebulten form .ebulten_head{
        text-align: center !important;
    }

    .sektor-sec,
    .hesapbilgisi-listesi .box .image,
    .yorum-listesi .box .image{
        margin-bottom: 20px;
    }
    .belge-listesi .box .image{
        margin-right: 0 !important;
        margin-bottom: 20px;
    }
    .belge-listesi .box{
        justify-content: center !important;
    }

    .yardim-page .yardim-cat-box{
        display: flex !important;
        align-items: center !important;
        justify-content: center!important;
        flex-wrap: wrap !important;
    }
    .yardim-page .yardim-cat-box img{
        width: 100%;
    }
    .link-odeme-main .link-odeme .contain {
        width: 100% !important;
        padding: 20px !important;
    }
    .yardim-cat-box .spot{
        width: 100% !important;
    }
    .eklentiler.page-head-area .inside .page-baslik,
    .yardim-back .content-area{
        width: 90% !important;
    }

    .eklentiler.content-area .eklenti-container .left-side{
        display: none ;
    }
    .entegrasyon-detay .detay-main .image,
    .eklenti-detayi .detay-inside .info-area .image{
        width: 100px !important;
        height: auto !important;
        margin-bottom: 30px !important;
    }
    .entegrasyonlar.html-area .html-inside{
        border-radius: 0 !important;
    }

    .entegrasyonlar.html-area{
        height: auto !important;
        margin-bottom: 0 !important;
    }

    .eklenti-detayi .detay-inside .content-area.gallery .gallery-list a{
       height: 60px !important;
    }

    .link-odeme-main,
    .entegrasyonlar.html-area .html-inside,
    .ozelliks.content-area,
    .eklenti-detayi .detay-inside,
    .eklentiler.html-area .html-inside{
        padding: 30px !important;
    }

    .entegrasyonlar.content-area .entegrasyon-boxes .box{
        align-items : flex-start !important;
    }
    .entegrasyonlar.content-area .entegrasyon-boxes .box .text .incele{
        margin-top: 15px;
        width: 100%;
        text-align: center;
    }

    .entegrasyonlar.content-area .kategoriler a{
        padding: 5px 10px !important;
    }
    .entegrasyonlar.content-area,
    .entegrasyonlar.content-area .entegrasyon-boxes{
        padding: 0 !important;
    }
    .entegrasyonlar.content-area .kategoriler{
        padding: 20px !important;
    }
    .entegrasyon-detay .detay-main{
        margin-top: 0 !important;
    }
    .user-login-register .content-area .contain{
        padding: 15px 15px 35px 15px !important;
    }
    .html-content-area{
       padding: 30px !important;
    }

    .eklenti-detayi .detay-inside{
        width: 90% !important;
    }
    .loginmodal_tabs .input-box{
        width: 100% !important;
    }
    .accounts-page-main .account-inside .right-side .contain {
        padding: 20px !important;
    }
    .loginmodal_tabs .input-box{
        padding: 10px 10px !important;
    }
    .siparis-olustur,
    .header-area .header-links{
        padding: 10px !important;
    }
    .siparis-olustur .content-area .blok,
    .account-inside .right-side .inside-box .flex-groups{
        flex: none !important;
        width: 100% !important;
        margin-bottom: 10px;
    }
    .account-inside .right-side .inside-box .flex-groups:last-child{
        text-align: left !important;
    }
    .accounts-page-main .account-inside .right-side .head{
        font-size: 18px !important ;
    }
    .payment-succces-page,
    .accounts-page-main{
        padding: 20px 0 !important;
    }
    .siparis-olustur .input-box:last-child{
        margin-bottom: 20px !important;
    }
    .installment-form{
        margin-left: 0 !important;
        width: 100% !important;

    }
    .mobile-category-help,
    .compare-table-mobile,
    .eklentiler.content-area .eklenti-container .mobile-eklenti-category{
        display: block;
    }
    .yardim-back .yardim-liste .left,
    .compare-table-main{
        display: none;
    }


}


@media screen and (min-width: 768px) and (max-width:819px ) {
    .mobile_account_side{
        width: 345px;
        right: -345px;
    }
    .slider-text-type{
        padding: 0 !important;
    }
    .slider-text-type .left-area{
        width: 90% !important;
        margin: 0 auto !important;
        padding-top: 30px;
        margin-bottom: 20px !important;
    }
    .slider-text-type .left-area .slider-baslik{
        font-size: 30px !important;
        line-height: 34px !important;
        margin-bottom: 20px !important;
    }
    .slider-text-type .left-area .slider-spot {
        font-size: 16px;
        font-weight: 400;
        color: #999;
        line-height: 22px;
    }
    .slider-text-type .right-area{
        flex:none !important;
        width: 90%;
        margin: 0 auto !important;

    }
    .slider-text-type .right-area .slider-img{
        width: 100% !important;
        text-align: center !important;
    }
    .slider-text-type .right-area .slider-img img{
        width: auto !important;
    }
    .yazi-modul .yazi-modul-inside .left-side{
        width: 90% !important;
        margin: 0 auto !important;
        text-align: center !important;
        font-size: 29px !important ;
        line-height: 33px !important;
        margin-bottom: 30px !important;
    }
    .yazi-modul .yazi-modul-inside .right-side{
        width: 90% !important;
        margin: 0 auto !important;
        text-align: center !important;
        flex:none !important;
        font-size: 16px !important ;
    }
    .yazi-modul-btns{
        justify-content: center !important;
    }
    .sayac{
        padding: 20px 0 !important;
    }
    .sayac .sayac-inside .left-side{
        width: 90% !important;
        margin: 0 auto !important;

    }
    .sayac .sayac-inside .left-side .sayac-shape {
        bottom: -89px !important;
        right:0!important;
        width: 60% !important;
    }
    .sayac .sayac-inside .left-side .sayac-box-container{
        width: 100% !important;
    }
    .sayac .sayac-inside .left-side .sayac-dots {
        bottom: -20px !important;
        left: 0 !important;
    }
    .sayac .sayac-inside .right-side{
        width: 90% !important;
        margin: 0 auto !important;
        text-align: center !important;
        flex:none !important;
        margin-top: 100px !important;
    }
    .sayac .sayac-inside .right-side .sayac-baslik{
        font-size: 30px !important;
        line-height: 34px !important;
        margin-bottom: 20px !important;
    }
    .sayac .sayac-inside .left-side .sayac-box-container .sayac-box .sayac-no {
        font-size: 24px !important;
        line-height: 32px !important;
    }

    .referans-listesi .referans-box{
        width: 25% !important;
    }

    .swiper-comments .swiper-slide .comment-box .comment-in{
        flex-wrap: wrap !important;
    }
    .ayricalik-inside .ayricalik-ayrimi{
        margin-top: 0 !important;
    }
    .ayricalik-inside .ayricalik-ayrimi .gorsel{
        width: 100%;
        margin-left: 0 !important;
        margin-top: 35px !important;
        text-align: center !important;

    }
    .ayricalik-inside .ayricalik-ayrimi .gorsel img{
        max-width: 50% !important;
    }
    .bloglar-detay .content-inside .content,
    .accounts-page-main .account-inside .right-side,
    .footer-area .copyright-area .inside .image {
        flex: none !important;
        width: 90% !important;
        margin: 0 auto !important;
    }
    .eklentiler.html-area .html-inside .image{
        width: 200px !important;
    }

    .entegrasyon-detay .detay-main .text,
    .ayricalik-inside .ayricalik-listesi {
        flex: none !important;
        width: 100% !important;
        margin: 0 auto !important;
    }
    .swiper-comments .swiper-slide .comment-box .comment-in .texts{
        flex: none !important;
        width: 100% !important;
        margin: 0 auto !important;
        margin-top: 15px !important;
    }
    .tabs-inside .nav{
        width: 90%;
        margin: 0 auto;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
    }
    .tabs-inside .nav .nav-item{
        margin-bottom: 10px;
    }
    .tabs-inside .nav .nav-item .nav-link{
        font-size: 13px ;
    }
    .tab-inside-custom-content{
        margin-top: 10px !important;
    }
    .tab-pane-custom{
        width: 90%;
        margin: 0 auto;
        margin-top: 20px !important;
    }
    .referans.content-area,
    .blok-vitrin-box,
    .tabs-main-container{
        padding: 20px 0 !important;
    }
    .bloglar-detay .content-inside .right{
        width: 90% !important;
        margin: 0 auto !important;
        margin-top: 30px !important;
    }

    .eklenti-box .image{
        width: 70px !important;
    }
    .eklenti-box,
    .ayricalik-inside .ayricalik-listesi .ayricalik-box,
    .ozellik-listesi .ozellik-box{
        width: 45% !important;
    }
    .konsept-listesi .tasarim-box {
        width: 40% !important;
    }
    .blog-box
    {
        width: 45% !important;
    }
    .blok-vitrin-img{
        text-align: center;
    }
    .blok-vitrin-img img{
        max-width: 80% !important;
    }

    .footer-area-inside .right-boxes-main .right-boxes-main-title{
        margin-bottom: 10px !important;
    }

    .footer-area-inside{
        padding: 30px !important;
    }
    .footer-links-area-inside {
        width: 100% !important;
        flex-wrap: wrap;
    }
    .siparis-olustur .content-area .left{
        width: 100% !important;
        margin-right: 0 !important;
    }

    .ozellik-detay{
        padding: 0 !important;
    }

    .siparis-olustur .content-area .right{
        width: 100% !important;
        margin-left: 0 !important;

    }

    .eklentiler.page-head-area .inside .page-baslik .spot{
        border-radius: 4px !important;
    }
    .siparis-olustur .content-area .blok .contain .head .spot{
        text-align: left !important;
    }
    .wire-box .banka_radio .bank .img {
        width: 147px !important;
        margin-right: 30px !important;
        margin-top: 31px !important;
        margin-bottom: 20px !important;
        padding: 29px !important;
    }
    .siparis-olustur .content-area .blok .contain .head .big-title{
        font-size: 20px !important ;
    }
    .siparis-olustur .content-area,
    .ozellik-detay .all-features-link,
    .footer-area-inside .ebulten,
    .footer-area-inside .right-boxes-main .work-hour,
    .list-table-main .list-box{
        width: 100% !important;
        margin-bottom: 20px !important;
        margin-right: 0 !important;
    }
    .entegrasyonlar.content-area .entegrasyon-boxes .box .image{
        width: 55px !important;
    }
    .entegrasyonlar.content-area .entegrasyon-boxes .box .text .name{
        margin-bottom: 20px !important;
    }
    .entegrasyonlar.content-area .entegrasyon-boxes .box{
        align-items: flex-start !important;
    }
    .sozlesme-content-area,
    .belge-listesi,
    .yorum-listesi,
    .sss-listesi,
    .konsept-listesi,
    .tetikleyici-inside .head,
    .tetikleyici-inside .spot,
    .paket-listesi,
    .blog-listesi,
    .eklenti-inside .eklenti-listesi,
    .yorumlar-inside .slider,
    .ozellik-listesi,
    .referans-listesi{
        width: 90% !important;
        margin: 0 auto !important;
    }
    .bloglar-detay.page-head-area .inside,
    .payment-succces-page .content-area,
    .user-login-register .content-area,
    .hesapbilgisi-listesi,
    .contact-page .form-area .inside,
    .belgelerimiz.content-area .spot,
    .footer-area .copyright-area .inside .text,
    .deneme-inside .form-area,
    .deneme-inside .modul-baslik,
    .sss-inside .modul-baslik,
    .konsept-inside .modul-baslik,
    .blog-inside .modul-baslik,
    .anasayfa-paketler-inside .modul-baslik,
    .eklenti-inside .modul-baslik,
    .entegrasyon-inside .modul-baslik,
    .ayricalik-inside .modul-baslik,
    .yorumlar-inside .modul-baslik,
    .ozellikler-inside .modul-baslik,
    .referanslar-inside .modul-baslik{
        width: 90% !important;
        margin: 0 auto !important;
    }
    .list-table-main,
    .paket-detay-back .content-area,
    .paket-detay-page.page-head-area .inside,
    .deneme-inside .modul-spot,
    .sss-inside .modul-spot,
    .konsept-inside .modul-spot,
    .blog-inside .modul-spot,
    .anasayfa-paketler-inside .modul-spot,
    .eklenti-inside .modul-spot,
    .entegrasyon-inside .modul-spot,
    .ayricalik-inside .modul-spot,
    .yorumlar-inside .modul-spot,
    .ozellikler-inside .modul-spot,
    .referanslar-inside .modul-spot {
        width: 90% !important;
        margin: 0 auto !important;
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }

    .entegrasyonlar.content-area .entegrasyon-boxes .box {
        width: 45% !important;
    }
    .eklentiler.content-area .eklenti-container .content-side .inside .box{
        width: 42.5% !important;
        margin-top: 20px;
    }


    .scroll-top-button{
        right: 10px !important;
    }

    .footer-links-area .footer-link {
        width: 50% !important;
        padding-top: 10px !important;
        padding-bottom: 30px;
        padding-left: 15px !important;
        padding-right: 10px !important;
        margin-right: 0 !important;
        border-right: 0 !important;
    }
    .footer-links-area .footer-link .footer-link-sub a {
        display: block;
        font-size: 13px !important;
        margin-bottom: 10px !important;
        color: #666;
        font-weight: 300;
    }





    .sektor-sec,
    .hesapbilgisi-listesi .box .image{
        margin-bottom: 20px;
    }



    .yardim-page .yardim-cat-box{
        display: flex !important;
        align-items: center !important;
        justify-content: center!important;
        flex-wrap: wrap !important;
    }
    .yardim-page .yardim-cat-box img{
        width: 100%;
    }
    .link-odeme-main .link-odeme .contain {
        width: 100% !important;
        padding: 20px !important;
    }
    .yardim-cat-box .spot{
        width: 100% !important;
    }
    .eklentiler.page-head-area .inside .page-baslik,
    .yardim-back .content-area{
        width: 90% !important;
    }

    .eklentiler.content-area .eklenti-container .left-side{
        display: none ;
    }
    .entegrasyon-detay .detay-main .image,
    .eklenti-detayi .detay-inside .info-area .image{
        width: 140px !important;
        height: auto !important;
        margin-bottom: 30px !important;
    }
    .entegrasyonlar.html-area .html-inside{
        border-radius: 0 !important;
    }

    .entegrasyonlar.html-area .html-inside .image{
        width: 300px !important;
    }

    .entegrasyonlar.html-area{
        height: auto !important;
        margin-bottom: 0 !important;
    }

    .eklenti-detayi .detay-inside .content-area.gallery .gallery-list a{
        height: 60px !important;
    }

    .link-odeme-main,
    .entegrasyonlar.html-area .html-inside,
    .ozelliks.content-area,
    .eklenti-detayi .detay-inside,
    .eklentiler.html-area .html-inside{
        padding: 30px !important;
    }



    .entegrasyonlar.content-area .kategoriler a{
        padding: 5px 10px !important;
    }
    .entegrasyonlar.content-area,
    .entegrasyonlar.content-area .entegrasyon-boxes{
        padding: 0 !important;
    }
    .entegrasyonlar.content-area .kategoriler{
        padding: 20px !important;
    }
    .entegrasyon-detay .detay-main{
        margin-top: 0 !important;
    }

    .html-content-area{
        padding: 30px !important;
    }

    .eklenti-detayi .detay-inside{
        width: 90% !important;
    }
    .loginmodal_tabs .input-box{
        width: 100% !important;
    }
    .accounts-page-main .account-inside .right-side .contain {
        padding: 20px !important;
    }
    .loginmodal_tabs .input-box{
        padding: 10px 10px !important;
    }
    .siparis-olustur,
    .header-area .header-links{
        padding: 10px !important;
    }
    .siparis-olustur .content-area .blok,
    .account-inside .right-side .inside-box .flex-groups{
        flex: none !important;
        width: 100% !important;
        margin-bottom: 10px;
    }
    .account-inside .right-side .inside-box .flex-groups:last-child{
        text-align: left !important;
    }
    .accounts-page-main .account-inside .right-side .head{
        font-size: 18px !important ;
    }
    .payment-succces-page,
    .accounts-page-main{
        padding: 20px 0 !important;
    }
    .siparis-olustur .input-box:last-child{
        margin-bottom: 20px !important;
    }
    .installment-form{
        margin-left: 0 !important;
        width: 100% !important;

    }
    .mobile-category-help,
    .compare-table-mobile,
    .eklentiler.content-area .eklenti-container .mobile-eklenti-category{
        display: block;
    }
    .yardim-back .yardim-liste .left,
    .compare-table-main{
        display: none;
    }
    .tanitim-video{
        border-radius: 0 !important;
        margin-top: 0 !important;
    }
    .footer-area-inside .right-boxes-main{
        width: 236px !important;
    }


}

@media screen and (min-width: 820px) and (max-width:1023px )
{

    .slider-area .swiper-button-prev, .slider-area .swiper-button-next{
        display: none !important;
    }
    .mobile_account_side{
        width: 345px;
        right: -345px;
    }
    .slider-text-type{
        padding: 0 !important;
    }
    .slider-text-type .left-area{
        width: 50% !important;
        margin: 0 auto !important;
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 30px;
        margin-bottom: 20px !important;
    }
    .slider-text-type .left-area .slider-baslik{
        font-size: 30px !important;
        line-height: 34px !important;
        margin-bottom: 20px !important;
    }
    .slider-text-type .left-area .slider-spot {
        font-size: 16px;
        font-weight: 400;
        color: #999;
        line-height: 22px;
    }
    .slider-text-type .right-area{
        flex:none !important;
        width: 50%;
        margin: 0 auto !important;
        padding-left: 30px;
        padding-right: 30px;

    }
    .paket-listesi,
    .eklenti-inside .eklenti-listesi{
        width: 100% !important;
    }
    .slider-text-type .right-area .slider-img{
        width: 100% !important;
        text-align: center !important;
    }
    .slider-text-type .right-area .slider-img img{
        width: auto !important;
    }
    .yazi-modul .yazi-modul-inside{
        width: 90% !important;
    }
    .yazi-modul .yazi-modul-inside .left-side{
        width: 40% !important;
        font-size: 29px !important ;
        line-height: 33px !important;
        margin-bottom: 30px !important;
    }
    .yazi-modul .yazi-modul-inside .right-side{
        width: 60% !important;
        flex:none !important;
        font-size: 16px !important ;
        margin-left: 0 !important;
        padding: 0 20px !important;

    }
    .sayac .sayac-inside .left-side {
        margin-right: 40px !important;
    }
    .sayac .sayac-inside .left-side,
    .sayac .sayac-inside .left-side .sayac-shape,
    .sayac .sayac-inside .left-side .sayac-box-container{
        width: 300px !important;
    }
    .sayac .sayac-inside .left-side .sayac-shape{
        right: -50px !important;
    }
    .sayac .sayac-inside .left-side .sayac-box-container .sayac-box .sayac-no{
        font-size: 25px !important ;
    }
    .referans-listesi .referans-box{
        width: 25% !important;
    }

    .swiper-comments .swiper-slide .comment-box .comment-in{
        flex-wrap: wrap !important;
    }

    .bloglar-detay .content-inside .content,
    .accounts-page-main .account-inside .right-side,
    .footer-area .copyright-area .inside .image {
        flex: none !important;
        width: 90% !important;
        margin: 0 auto !important;
    }
    .eklentiler.html-area .html-inside .image{
        width: 200px !important;
    }

    .entegrasyon-detay .detay-main .text{
        flex: none !important;
        width: 100% !important;
        margin: 0 auto !important;
    }
    .swiper-comments .swiper-slide .comment-box .comment-in .texts{
        flex: none !important;
        width: 100% !important;
        margin: 0 auto !important;
        margin-top: 15px !important;
    }
    .tabs-inside .nav{
        width: 90%;
        margin: 0 auto;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
    }
    .tabs-inside .nav .nav-item{
        margin-bottom: 10px;
    }
    .tabs-inside .nav .nav-item .nav-link{
        font-size: 13px ;
    }
    .tab-inside-custom-content{
        margin-top: 10px !important;
    }
    .tab-pane-custom{
        width: 90%;
        margin: 0 auto;
        margin-top: 20px !important;
    }
    .referans.content-area,
    .blok-vitrin-box,
    .tabs-main-container{
        padding: 20px 0 !important;
    }
    .bloglar-detay .content-inside .right{
        width: 90% !important;
        margin: 0 auto !important;
        margin-top: 30px !important;
    }
    .ayricalik-inside .ayricalik-ayrimi{
        width: 90% !important;
        margin: 0 auto !important;
    }
    .ayricalik-inside .ayricalik-ayrimi .gorsel{
        margin-left: 0 !important;
        margin-top: 30px !important;
        text-align: center;
        width: 100%;
    }
    .ayricalik-inside .ayricalik-ayrimi .gorsel img{
        max-width: 100% !important;
    }

    .ozellik-listesi .ozellik-box{
        width: 33% !important;
    }
    .konsept-listesi .tasarim-box {
        width: 40% !important;
    }
    .eklenti-box,
    .blog-box
    {
        width: 30% !important;
    }
    .blok-vitrin-img{
        text-align: center;
    }
    .blok-vitrin-img img{
        max-width: 80% !important;
    }

    .footer-area-inside .right-boxes-main .right-boxes-main-title{
        margin-bottom: 10px !important;
    }

    .footer-area-inside{
        padding: 30px !important;
    }
    .footer-links-area-inside {
        width: 100% !important;
        flex-wrap: wrap;
    }
    .siparis-olustur .content-area .left{
        width: 100% !important;
        margin-right: 0 !important;
    }

    .ozellik-detay{
        padding: 0 !important;
    }

    .siparis-olustur .content-area .right{
        width: 100% !important;
        margin-left: 0 !important;

    }

    .eklentiler.page-head-area .inside .page-baslik .spot{
        border-radius: 4px !important;
    }
    .siparis-olustur .content-area .blok .contain .head .spot{
        text-align: left !important;
    }
    .wire-box .banka_radio .bank .img {
        width: 147px !important;
        margin-right: 30px !important;
        margin-top: 31px !important;
        margin-bottom: 20px !important;
        padding: 29px !important;
    }
    .siparis-olustur .content-area .blok .contain .head .big-title{
        font-size: 20px !important ;
    }
    .siparis-olustur .content-area,
    .ozellik-detay .all-features-link,
    .footer-area-inside .ebulten,
    .footer-area-inside .right-boxes-main .work-hour{
        width: 100% !important;
        margin-bottom: 20px !important;
        margin-right: 0 !important;
    }
    .entegrasyonlar.content-area .entegrasyon-boxes .box .image{
        width: 55px !important;
    }
    .entegrasyonlar.content-area .entegrasyon-boxes .box .text .name{
        margin-bottom: 20px !important;
    }
    .entegrasyonlar.content-area .entegrasyon-boxes .box{
        align-items: flex-start !important;
    }
    .eklenti-box{
        padding: 20px !important;
    }
    .eklenti-box .image{
        width: 55px !important;
    }
    .sozlesme-content-area,
    .belge-listesi,
    .yorum-listesi,
    .konsept-listesi,
    .tetikleyici-inside .head,
    .tetikleyici-inside .spot,
    .yorumlar-inside .slider,
    .ozellik-listesi,
    .referans-listesi{
        width: 90% !important;
        margin: 0 auto !important;
    }
    .bloglar-detay.page-head-area .inside,
    .payment-succces-page .content-area,
    .user-login-register .content-area,
    .hesapbilgisi-listesi,
    .contact-page .form-area .inside,
    .belgelerimiz.content-area .spot,
    .footer-area .copyright-area .inside .text,
    .deneme-inside .form-area{
        width: 90% !important;
        margin: 0 auto !important;
    }
    .paket-detay-back .content-area,
    .paket-detay-page.page-head-area .inside {
        width: 90% !important;
        margin: 0 auto !important;
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .list-table-main .list-box{
        width: 22% !important;
    }

    .entegrasyonlar.content-area .entegrasyon-boxes .box {
        width: 45% !important;
    }
    .eklentiler.content-area .eklenti-container .content-side .inside .box{
        width: 42.5% !important;
        margin-top: 20px;
    }


    .scroll-top-button{
        right: 10px !important;
    }

    .footer-links-area .footer-link {
        width: 50% !important;
        padding-top: 10px !important;
        padding-bottom: 30px;
        padding-left: 15px !important;
        padding-right: 10px !important;
        margin-right: 0 !important;
        border-right: 0 !important;
    }
    .footer-links-area .footer-link .footer-link-sub a {
        display: block;
        font-size: 13px !important;
        margin-bottom: 10px !important;
        color: #666;
        font-weight: 300;
    }





    .sektor-sec,
    .hesapbilgisi-listesi .box .image{
        margin-bottom: 20px;
    }



    .yardim-page .yardim-cat-box{
        display: flex !important;
        align-items: center !important;
        justify-content: center!important;
        flex-wrap: wrap !important;
    }
    .yardim-page .yardim-cat-box img{
        width: 100%;
    }
    .link-odeme-main .link-odeme .contain {
        width: 100% !important;
        padding: 20px !important;
    }
    .yardim-cat-box .spot{
        width: 100% !important;
    }
    .eklentiler.page-head-area .inside .page-baslik,
    .yardim-back .content-area{
        width: 90% !important;
    }

    .eklentiler.content-area .eklenti-container .left-side{
        display: none ;
    }
    .entegrasyon-detay .detay-main .image,
    .eklenti-detayi .detay-inside .info-area .image{
        width: 140px !important;
        height: auto !important;
        margin-bottom: 30px !important;
    }
    .entegrasyonlar.html-area .html-inside{
        border-radius: 0 !important;
    }

    .entegrasyonlar.html-area .html-inside .image{
        width: 300px !important;
    }

    .entegrasyonlar.html-area{
        height: auto !important;
        margin-bottom: 0 !important;
    }

    .eklenti-detayi .detay-inside .content-area.gallery .gallery-list a{
        height: 60px !important;
    }

    .link-odeme-main,
    .entegrasyonlar.html-area .html-inside,
    .ozelliks.content-area,
    .eklenti-detayi .detay-inside,
    .eklentiler.html-area .html-inside{
        padding: 30px !important;
    }



    .entegrasyonlar.content-area .kategoriler a{
        padding: 5px 10px !important;
    }
    .entegrasyonlar.content-area,
    .entegrasyonlar.content-area .entegrasyon-boxes{
        padding: 0 !important;
    }
    .entegrasyonlar.content-area .kategoriler{
        padding: 20px !important;
    }
    .entegrasyon-detay .detay-main{
        margin-top: 0 !important;
    }

    .html-content-area{
        padding: 30px !important;
    }

    .eklenti-detayi .detay-inside{
        width: 90% !important;
    }
    .loginmodal_tabs .input-box{
        width: 100% !important;
    }
    .accounts-page-main .account-inside .right-side .contain {
        padding: 20px !important;
    }
    .loginmodal_tabs .input-box{
        padding: 10px 10px !important;
    }
    .siparis-olustur,
    .header-area .header-links{
        padding: 10px !important;
    }
    .siparis-olustur .content-area .blok{
        flex: none !important;
        width: 100% !important;
        margin-bottom: 10px;
    }

    .accounts-page-main .account-inside .right-side .head{
        font-size: 18px !important ;
    }
    .payment-succces-page,
    .accounts-page-main{
        padding: 20px 0 !important;
    }
    .siparis-olustur .input-box:last-child{
        margin-bottom: 20px !important;
    }
    .installment-form{
        margin-left: 0 !important;
        width: 100% !important;

    }
    .mobile-category-help,
    .compare-table-mobile,
    .eklentiler.content-area .eklenti-container .mobile-eklenti-category{
        display: block;
    }
    .yardim-back .yardim-liste .left,
    .compare-table-main{
        display: none;
    }
    .tanitim-video{
        border-radius: 0 !important;
        margin-top: 0 !important;
    }
    .footer-area-inside .right-boxes-main{
        width: 236px !important;
    }


}

@media screen and (min-width: 1024px) and (max-width:1279px )
{

    .slider-area .swiper-button-prev, .slider-area .swiper-button-next{
        display: none !important;
    }
    .mobile_account_side{
        width: 345px;
        right: -345px;
    }
    .slider-text-type{
        padding: 0 !important;
    }
    .slider-text-type .left-area{
        width: 50% !important;
        margin: 0 auto !important;
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 30px;
        margin-bottom: 20px !important;
    }
    .slider-text-type .left-area .slider-baslik{
        font-size: 30px !important;
        line-height: 34px !important;
        margin-bottom: 20px !important;
    }
    .slider-text-type .left-area .slider-spot {
        font-size: 16px;
        font-weight: 400;
        color: #999;
        line-height: 22px;
    }
    .slider-text-type .right-area{
        flex:none !important;
        width: 50%;
        margin: 0 auto !important;
        padding-left: 30px;
        padding-right: 30px;

    }
    .paket-listesi,
    .eklenti-inside .eklenti-listesi{
        width: 100% !important;
    }
    .slider-text-type .right-area .slider-img{
        width: 100% !important;
        text-align: center !important;
    }
    .slider-text-type .right-area .slider-img img{
        width: auto !important;
    }
    .yazi-modul .yazi-modul-inside{
        width: 90% !important;
    }
    .yazi-modul .yazi-modul-inside .left-side{
        width: 40% !important;
        font-size: 29px !important ;
        line-height: 33px !important;
        margin-bottom: 30px !important;
    }
    .yazi-modul .yazi-modul-inside .right-side{
        width: 60% !important;
        flex:none !important;
        font-size: 16px !important ;
        margin-left: 0 !important;
        padding: 0 20px !important;

    }
    .sayac .sayac-inside .left-side {
        margin-right: 40px !important;
    }
    .sayac .sayac-inside .left-side,
    .sayac .sayac-inside .left-side .sayac-shape,
    .sayac .sayac-inside .left-side .sayac-box-container{
        width: 300px !important;
    }
    .sayac .sayac-inside .left-side .sayac-shape{
        right: -50px !important;
    }
    .sayac .sayac-inside .left-side .sayac-box-container .sayac-box .sayac-no{
        font-size: 25px !important ;
    }
    .referans-listesi .referans-box{
        width: 25% !important;
    }

    .swiper-comments .swiper-slide .comment-box .comment-in{
        flex-wrap: wrap !important;
    }

    .bloglar-detay .content-inside .content,
    .footer-area .copyright-area .inside .image {
        flex: none !important;
        width: 90% !important;
        margin: 0 auto !important;
    }
    .eklentiler.html-area .html-inside .image{
        width: 200px !important;
    }

    .entegrasyon-detay .detay-main .text{
        flex: none !important;
        width: 100% !important;
        margin: 0 auto !important;
    }
    .swiper-comments .swiper-slide .comment-box .comment-in .texts{
        flex: none !important;
        width: 100% !important;
        margin: 0 auto !important;
        margin-top: 15px !important;
    }
    .tabs-inside .nav{
        width: 90%;
        margin: 0 auto;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
    }
    .tabs-inside .nav .nav-item{
        margin-bottom: 10px;
    }
    .tabs-inside .nav .nav-item .nav-link{
        font-size: 13px ;
    }
    .tab-inside-custom-content{
        margin-top: 10px !important;
    }
    .tab-pane-custom{
        width: 90%;
        margin: 0 auto;
        margin-top: 20px !important;
    }
    .referans.content-area,
    .blok-vitrin-box,
    .tabs-main-container{
        padding: 20px 0 !important;
    }
    .bloglar-detay .content-inside .right{
        width: 90% !important;
        margin: 0 auto !important;
        margin-top: 30px !important;
    }
    .ayricalik-inside .ayricalik-ayrimi{
        width: 90% !important;
        margin: 0 auto !important;
    }
    .ayricalik-inside .ayricalik-ayrimi .gorsel{
        width: 200px !important;
        margin-left: 20px !important;

    }
    .ayricalik-inside .ayricalik-ayrimi .gorsel img{
        max-width: 100% !important;
    }


    .konsept-listesi .tasarim-box {
        width: 40% !important;
    }
    .eklenti-box,
    .blog-box
    {
        width: 30% !important;
    }
    .blok-vitrin-img{
        text-align: center;
    }
    .blok-vitrin-img img{
        max-width: 80% !important;
    }

    .footer-area-inside .ofisler{
        width: 200px !important;
    }
    .footer-area-inside .right-boxes-main .right-boxes-main-title{
        margin-bottom: 10px !important;
    }

    .footer-area-inside{
        padding: 15px !important;
    }
    .footer-links-area-inside {
        width: 100% !important;
        flex-wrap: wrap;
    }


    .ozellik-detay{
        padding: 0 !important;
    }


    .accounts-page-main .account-inside{
        width: 96% !important;
        margin: 0 auto !important;
    }
    .accounts-page-main .account-inside .left-side{
        display: inline !important;
        width: 250px !important;
        margin-right: 25px !important;
    }
    .eklentiler.page-head-area .inside .page-baslik .spot{
        border-radius: 4px !important;
    }
    .siparis-olustur .content-area .blok .contain .head .spot{
        text-align: left !important;
    }
    .wire-box .banka_radio .bank .img {
        width: 147px !important;
        margin-right: 30px !important;
        margin-top: 31px !important;
        margin-bottom: 20px !important;
        padding: 29px !important;
    }
    .siparis-olustur .content-area .blok .contain .head .big-title{
        font-size: 20px !important ;
    }
    .siparis-olustur .content-area,
    .footer-area-inside .right-boxes-main .work-hour{
        width: 100% !important;
        margin-bottom: 20px !important;
        margin-right: 0 !important;
    }
    .ozellik-detay .all-features-link{
        width: 150px !important;
    }
    .blog-listesi{
        width: 100% !important;
    }
    .entegrasyonlar.content-area .entegrasyon-boxes .box .image{
        width: 55px !important;
    }
    .entegrasyonlar.content-area .entegrasyon-boxes .box .text .name{
        margin-bottom: 20px !important;
    }
    .entegrasyonlar.content-area .entegrasyon-boxes .box{
        align-items: flex-start !important;
    }
    .eklenti-box{
        padding: 20px !important;
    }
    .eklenti-box .image{
        width: 55px !important;
    }
    .sozlesme-content-area,
    .belge-listesi,
    .yorum-listesi,
    .konsept-listesi,
    .tetikleyici-inside .head,
    .tetikleyici-inside .spot,
    .yorumlar-inside .slider,
    .ozellik-listesi,
    .referans-listesi{
        width: 90% !important;
        margin: 0 auto !important;
    }
    .bloglar-detay.page-head-area .inside,
    .payment-succces-page .content-area,
    .user-login-register .content-area,
    .hesapbilgisi-listesi,
    .contact-page .form-area .inside,
    .belgelerimiz.content-area .spot,
    .footer-area .copyright-area .inside .text{
        width: 90% !important;
        margin: 0 auto !important;
    }
    .paket-detay-back .content-area,
    .paket-detay-page.page-head-area .inside {
        width: 90% !important;
        margin: 0 auto !important;
        margin-top: 20px !important;
        margin-bottom: 20px !important;
    }
    .list-table-main .list-box{
        width: 28% !important;
    }

    .entegrasyonlar.content-area .entegrasyon-boxes .box {
        width: 45% !important;
    }
    .eklentiler.content-area .eklenti-container .content-side .inside .box{
        width: 42.5% !important;
        margin-top: 20px;
    }


    .scroll-top-button{
        right: 10px !important;
    }

    .footer-links-area .footer-link {
        width: 24% !important;
        padding-top: 10px !important;
        padding-bottom: 30px;
        padding-left: 15px !important;
        padding-right: 10px !important;
        margin-right: 0 !important;
    }
    .footer-links-area .footer-link .footer-link-sub a {
        display: block;
        font-size: 13px !important;
        margin-bottom: 10px !important;
        color: #666;
        font-weight: 300;
    }





    .sektor-sec,
    .hesapbilgisi-listesi .box .image{
        margin-bottom: 20px;
    }



    .yardim-page .yardim-cat-box{
        display: flex !important;
        align-items: center !important;
        justify-content: center!important;
        flex-wrap: wrap !important;
    }
    .yardim-page .yardim-cat-box img{
        width: 100%;
    }
    .link-odeme-main .link-odeme .contain {
        width: 100% !important;
        padding: 20px !important;
    }
    .yardim-cat-box .spot{
        width: 100% !important;
    }
    .eklentiler.page-head-area .inside .page-baslik,
    .yardim-back .content-area{
        width: 90% !important;
    }

    .eklentiler.content-area .eklenti-container .left-side{
        display: none ;
    }
    .entegrasyon-detay .detay-main .image,
    .eklenti-detayi .detay-inside .info-area .image{
        width: 140px !important;
        height: auto !important;
        margin-bottom: 30px !important;
    }
    .entegrasyonlar.html-area .html-inside{
        border-radius: 0 !important;
    }

    .entegrasyonlar.html-area .html-inside .image{
        width: 300px !important;
    }

    .entegrasyonlar.html-area{
        height: auto !important;
        margin-bottom: 0 !important;
    }

    .eklenti-detayi .detay-inside .content-area.gallery .gallery-list a{
        height: 60px !important;
    }

    .link-odeme-main,
    .entegrasyonlar.html-area .html-inside,
    .ozelliks.content-area,
    .eklenti-detayi .detay-inside,
    .eklentiler.html-area .html-inside{
        padding: 30px !important;
    }



    .entegrasyonlar.content-area .kategoriler a{
        padding: 5px 10px !important;
    }
    .entegrasyonlar.content-area,
    .entegrasyonlar.content-area .entegrasyon-boxes{
        padding: 0 !important;
    }
    .entegrasyonlar.content-area .kategoriler{
        padding: 20px !important;
    }
    .entegrasyon-detay .detay-main{
        margin-top: 0 !important;
    }

    .html-content-area{
        padding: 30px !important;
    }

    .eklenti-detayi .detay-inside{
        width: 90% !important;
    }
    .loginmodal_tabs .input-box{
        width: 100% !important;
    }
    .accounts-page-main .account-inside .right-side .contain {
        padding: 20px !important;
    }
    .loginmodal_tabs .input-box{
        padding: 10px 10px !important;
    }
    .siparis-olustur,
    .header-area .header-links{
        padding: 10px !important;
    }


    .accounts-page-main .account-inside .right-side .head{
        font-size: 18px !important ;
    }
    .payment-succces-page,
    .accounts-page-main{
        padding: 20px 0 !important;
    }
    .siparis-olustur .input-box:last-child{
        margin-bottom: 20px !important;
    }
    .installment-form{
        margin-left: 0 !important;
        width: 100% !important;

    }
    .mobile-category-help,

    .eklentiler.content-area .eklenti-container .mobile-eklenti-category{
        display: block;
    }
    .compare-table-mobile,
    .yardim-back .yardim-liste .left{
        display: none;
    }
    .tanitim-video{
        border-radius: 0 !important;
        margin-top: 0 !important;
    }
    .footer-area-inside .right-boxes-main{
        width: 236px !important;
    }


}

.z-index-9{
    z-index: 9 !important;
}

.link-odeme-main .link-odeme .contain .spot img{
    max-width: 100%;
}