@media screen and (min-width:992px){
    .webhidden{display: none;}
}

@media screen and (min-width:1024px) and (max-width:1400px){
    .serviceList{ }
    .serviceList .item {
        width: calc(25% - 15px);
        background: black;
        border-radius: 0px 20px 20px 0px;
        overflow: hidden;
        height: 115px;
    }
    .ftscIcon{min-width: 50px;}
    .contactArea .ftInfo ul{flex-direction: column;}
    .fastOrder .fastselect{/* min-width: auto; */}
    .menuWrapper > ul > li{margin-left: 20px;    display: flex;}
    .menuWrapper > ul > li > a { font-size: 12px; }
    .fast-first { padding: 0px 0 0px 0px; }
    .headerTopBar{padding:10px 10px;}
    .titleWrapper span {
        font-size: 26px;
    }

    .menuWrapper > ul > li > a{
        line-height: 22px;
        padding: 0 20px;
    }
    .menuWrapper ul li ul.toolsMenu li a {
        font-size: 12px;
    }
    .menuWrapper ul li ul.toolsMenu li ul > span {
        font-size: 16px;
    }
}

@media screen and (min-width:1041px){
    #faq .ns-heading{text-align: center;width: 100%;}
}

@media screen and (max-width:1041px){
    .headerTopBar { display: flex; justify-content: center; flex-direction: column; align-items: center; }
    .modalBanner img{width: auto;}
    .contactArea { background: white; }
    .detailShareButtons { flex-wrap: wrap; }
    .fastOrder .fastselect::after{display: block!important;}
    .fastOrder .fastselect .cont i{display: none!important;}
    .fast-first h1:after{display: none;}
    .fast-first p:before{display: none;}
    .fast-first h1 strong{letter-spacing: 0;}
    .fast-first p{padding: 0;max-width: 100%;margin-top: 0;font-size: 15px;}
    .fast-first p br{display: none;}
    .fast-flex{padding: 0 10px;flex-direction: column;}
    .fastOrder .fastitems{gap:5px;}
    .fastOrder .fastselect{/* min-width: auto; */}
    .area2{background: none;}
    .fastOrder{/* background: #707390; *//* width: 100%; *//* border-radius: 0; */}
    .butto-fast { height: 60px!important; }
    .serviceList .item a{padding:0px;}
    .titleWrapper span { font-weight: 600; font-size: 22px; }
    .titleIcon img { width: 22px; }
    .offerWrapper{flex-direction: column;align-items: center;margin-bottom: 10px;}
    .offerDescription{padding-left: 0;}
    .offerDescription{margin-top: 30px;padding-right: 0;}
    .ns-heading.flexStart{margin-bottom: 30px;}
    .offerBoxWrapper .offerBox{align-items: center;text-align: left;}
    .offerBox p{font-size: 15px;}
    .intall .conts .detabox h1 { font-size: 22px; margin-bottom: 5px; }
    .intall .conts .detabox p { font-size: 15px; }
    .firstcont .step h2 { font-size: 16px; }
    .firstcont .step p { font-size: 10px;}
    .packageDesc{font-size: 22px;}
    .packageDesc p{font-size: 18px;}
    .packagesLinks{gap: 15px;}
    .packagesLinks a { width: calc(100% * 1/2 - 7.5px); padding: 10px 10px; background: #e0316c; gap: 6px; border-radius: 8px; }
    .inPageFaq .faqwell .item {
        width: 100%;
        margin-bottom: 0;
    }
    .pack-item .btn-pack-buy.ucretsizAraclar {
        height: 40px;
        max-width: 70%;
        margin-top: 10px!important;
    }
    .inPageFaq .faqwell{
        flex-direction: column;
        margin-bottom: 30px;
    }
    .splide.testimonial .splide__track {
        padding: 20px 0;
    }
    .contentArea{padding-top:0px}
    /**/
    .titleIcon {
        width: 65px;
        height: 65px;
        min-width: 65px;
        min-height: 65px;
    }
    .menuLogo{
        padding-left: 0;
        padding: 0 0 20px 0;
    }
    .noneTitle{display: none!important;}
    .ftInfo ul{
        flex-direction: column;
        gap: 0;
    }
    .support-bottom .action{
        display: flex;
        margin: 0px 0 30px 0;
        justify-content: flex-start;
        text-align: left;
        width: 100%;
    }
    .NavListArea .ftInfo{
    padding: 20px 0px 0px 0px;
    width: 100%;
    float: left;
}
    .NavListArea .ftInfo ul{flex-direction: column;align-items: flex-start;gap:10px;}
    .NavListArea .ftInfo ul li{}
    .NavListArea .ftInfo ul li a .ftscIcon{
        min-width: 40px!important;
        width: 40px;
        height: 40px;
        margin-right: 10px;
        min-height: 40px;
}
.ftInfo ul li a > span strong{color: #444;}
#support .ftInfo ul li a > span strong{color: #fff;}
    .NavListArea .ftInfo ul li a{}
    .NavListArea .ftInfo ul li a{}
    .NavListArea .ftInfo ul li a{}
    .NavListArea .ftInfo ul li a{}
    .NavListArea .ftInfo ul li a > span{
    font-size: 13px;
}
    .NavListArea .ftscIcon.email{
    background: #3ba9da;
}
    .NavListArea .ftscIcon.wsapp{}
    .NavListArea .ftInfo ul li a img{}
    .NavListArea .ftInfo ul li a i{
    font-size: 18px;
}
.NavListArea .ftInfo ul li{margin-bottom: 15px;}
.NavListArea .ftInfo ul li a{
    display: flex;
    align-items: center;
}
.NavListArea .ftInfo ul li a > span{display: flex;flex-direction: column;color: #2c2d2d;font-size: 14px;font-weight: 400;line-height: 20px;}
.ftscIcon{
    width: 50px;
    height: 50px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    color: white;
}
    .ftscIcon{min-width: 50px;}
    .serviceList{gap: 10px;padding: 0px 10px;}
    .serviceList .item {
        width: calc(33.333% - 6.666px);
        background: white;
        border-radius: 5px;
        overflow: hidden;
        height: 120px;
        margin:0px;
        padding-top: 12px;
    }
    .serviceList .item a{
        padding-left: 0;
        justify-content: center;
        flex-direction: column;
    }
    .serviceList .item .box {
        border-radius: 100%;
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
        top: 10px;
        left: calc(50% - 30px);
        margin-bottom: 10px;
    }
    .serviceList .item .serviceName{
        max-width: 100%;
        align-items: center;
        padding-left: 0px;
        padding-bottom: 10px;
        font-size: 15px;
    }
    .serviceList .item:nth-child(1) {
        margin-left: 0;
        padding-left: 0;
    }
    .serviceList .item .box i{font-size: 17px;}

    .platList .icon {width: 50px;height: 50px;min-width: 50px;min-height: 50px;top: -37px;}
    .platList .detail{padding-right: 0;/* margin-bottom: 20px; */}

    .platList .icon i {
        font-size: 25px;
    }

    .platList .icon:before{
    left: -10px;
    top: -10px;
    right: -10px;
    bottom: -10px;
}
    .platList .icon:after{
    left: -5px;
    top: -5px;
    right: -5px;
    bottom: -5px;
}

    .platList .item {
        padding: 10px;
        margin-bottom: 40px;
    }
    .platList .action i {
        font-size: 20px;
        transition: all .3s ease;
    }
    .platList .action .platActiBut {
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
        width: 100%;
        font-size: 0;
        /* padding: 10px 20px; */
        height: auto;
    }

    .platList .detail h2 {
        color: rgba(var(--txtall));
        font-weight: 500;
        font-size: 15px;
        margin-bottom: 0;
    }
    .contactArea .ftInfo ul{flex-direction: column;}

    

    .infoBox a {
        font-size: 14px;
    }
    .infoBox img {
        margin-right: 3px;
        width: 24px;
    }
    .logo{
        margin-bottom: 10px;
    }
    .infoBox.fav{display: none;}

    .fast-first h1 span {
        font-size: 19px;
        color: #fff;
        letter-spacing: 0;
    }

    .ns-heading.mb{
        margin-bottom: 10px;
    }
    .offerTitle span {
        font-size: 22px;
        line-height: 26px;
    }
    .offerTitle p{
        font-size: 16px;
    }

    .offerTitle h2 {
        font-size: 24px;
        color: #3e5a70;
        font-weight: 800;
        margin: 0px 0px 25px 0px;
        position: relative;
        padding-bottom: 18px;
    }

    .offerBoxWrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        flex-direction: row;
        align-items: center;
        padding-left: 0;
        margin-bottom: 40px;
        gap: 20px;
    }
    .offerBox{
        width: auto;
        justify-content: flex-start;
    }
    .offerIcon {
        width: 40px;
        min-width: 40px;
        height: 40px;
        min-height: 40px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #3340a3;
        color: #ffffff;
        margin-bottom: 0;
        font-size: 14px;
        margin-right: 10px;
    }
    .offerBox p span {
        font-weight: 600;
        font-size: 18px;
        float: left;
        clear: left;
        line-height: 25px;
    }

}

/*burada*/


@media screen and (min-width:768px) and (max-width:1041px){
    .support-bottom {
        flex-direction: row!important;
    }
    .widgetsSpecBox{
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }
    .whyUsImg{display: none;}
}

.mobileSticky{display: none;}
@media screen and (max-width: 992px){
    .fastOrder .fastselect {
        min-width: 205px;
    }
    .fastTitle{
        text-align: left;
    }
    .srcwell .osBtn {
        font-size: 13px;
        height: 45px;
    }
    .searcharea .srcwell input{
        height: 45px;
        padding: 10px 20px 10px 60px;
    }
    .orderSteps {}
    .orderSteps .obj-tablink{}
    .orderSteps .obj-tablink span{}
    .orderSteps .obj-tabcontent{
    flex-direction: column;
    padding: 0;
}
    .orderSteps .obj-tab{}
    .orderSteps .obj-tab.active{}
    .orderSteps .obj-tab.active.orderColor{}
    .orderSteps .obj-tabcontent li:first-child a{
    border-radius: 0;
}
    .orderSteps .obj-tabcontent li {}
    .orderSteps .obj-tabcontent li:last-child a{
    border-radius: 0;
}
    .orderSteps .obj-tabcontent li a span{}

    .PaymentMethod ul{flex-direction: column;gap: 10px;}

    .PaymentMethod ul li{width: 100%;}

    .mobileSticky{display: flex;background: #f5f6f9;position: fixed;bottom: 0;left: 0;right: 0;z-index: 9999999999;}

    .mobileSticky ul{ width: 100%; display: flex; align-items: center; justify-content: space-between; }

    .mobileSticky ul li{width: 30%;display: flex;justify-content: center;height: 100%;align-items: self-end; border-top:1px solid #4f5dce3b}

    .mobileSticky ul li a{display: flex;flex-direction: column;align-items: center;font-size: 13px;color: #323056;font-weight: 500;padding-top: 10px;padding-bottom: 5px;}

    .mobileSticky ul li i{font-size: 18px;margin-bottom: 4px;color: #4b5bd2;}

    .mobileSticky ul li a img{width: 20px;margin-bottom: 5px;}

    .mobileSticky ul li:nth-child(2){ background: #4f5dce; color: white; width: 40%; position: relative; }
    .mobileSticky ul li:nth-child(2):before{content:"";height: 10px;width: 100%;background: #4f5dce;position: absolute;top: -10px;}

    .mobileSticky ul li:nth-child(2) a { color: white; }
    .mobileSticky ul li:nth-child(2) a i{ color: white; }

    .mobileSticky ul li:nth-child(2) a img{ margin-bottom: 10px; width: 22px; }

    body #exampleModal .modal-body .container2{min-height: 450px!important;}
    
    .menuWrapper{display: none;}
    .navbar-collapse {
        flex-basis: auto;
    }
    body .sign-in-container form div{margin-top:0px!important}
    .modalTitle h4 {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .modalTitle p {
        font-size: 15px;
        margin-bottom: 20px;
    }
    .fast-first {
        width: 100%;
        padding-right: 0px;
        margin-top: 0px;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 30px 0 20px 0;
    }
    .fast-two {
        display: flex;
        position: relative;
        width: 100%;
        margin-top: 15px;
    }
    .whyUsdesc {
        width: 100%;
    }
    .whyUsImg {
        text-align: center;
        width: 100%;
    }
    .whyUsWrapper{
        flex-direction: column;
    }
    .foot-flex {
        display: flex;
        flex-direction: column;
        padding: 0 10px;
    }
    body .modal-dialog-centered {
        min-height: auto;
    }

}

@media screen and (min-width:769px) and (max-width:1400px){
    .bannerArea{padding-top: 80px;padding-bottom: 60px;}
    .headerMenu {
        padding: 10px 0;
    }
    .card-img-top {
        width: 40px;
        height: 40px;
        min-width: 40px;
        min-height: 40px;
    }
    .commentStars {
        padding: 2px 10px;
    }
    .stars .star.active i {
        color: #eeaa18;
        font-size: 10px;
    }
    .ns-heading p {
        font-size: 18px;
    }
}

@media screen and (max-width:768px){
    .orderSteps .obj-tab.orderColor {
        margin: 0 80px;
        opacity: 1!important;
    }
    .orderSteps .obj-tab{display: none;}
    .orderSteps .obj-tab.active{display: block;}
    button.btn.btn-paket {
        font-size: 13px;
        padding: 10px 7px;
        text-align: center;
        gap: 0;
    }
    button.btn.btn-paket i{
        display:none;
    }
    .cardContent {
        width: 100%;
        padding: 0px 10px 20px 10px;
        background: white;
    }

    .ftInfo ul li a{
        padding: 10px 0;
    }

    .support-bottom .ftInfo {
        margin-left: 0;
        width: 100%;
    }

    .footer .fdef .title:after {
        content: "";
        position: absolute;
        bottom: 4px;
        left: -44px;
        height: 36px;
        width: 36px;
        border-radius: 5px;
        background: url(../img/rocket.png);
        background-size: contain;
    }

    .fdef {
        height: 100%;
        padding-left: 36px;
    }

    .splide__pagination{
        bottom: 0px!important;
    }

    .hizmetList .splide__pagination {
        bottom: -20px!important;
    }

    .person{
        flex-direction: column;
    }

    .personInfo{
        width: 100%;
    }

    .stars{
        width: 100%;
    }

    .ord-control{
        flex-direction: column;
        align-items: flex-start;
    }
    .amount.statu ul li {
        flex-direction: column;
        align-items: flex-start;
    }
    
.footer .fdef ul > li{
	flex-direction: column;
	align-items: flex-start;
}
    .kalanSure > img, .siraBekleme > img{margin-right: 0;}
    .kalanSure {
        flex-direction: column;
        text-align: center;
    }
    #intall{margin-bottom: 70px;}
    .widgetsSpec{flex-direction: column;}
    .buttonArea{flex-direction: column;}
    .orPayDetail.pt0{padding-top: 20px!important;}
    .flexdd .btn-pack-buy{font-size: 14px;}
    .flexdd .btn-pack-buy { padding: 10px 10px 10px 10px; }
    .flexdd{flex-direction: column;padding:10px 0}
    .flexdd .btn-pack-buy{max-width: 100%;}
    .allPackages{flex-direction: column;}
    .allPackages img{ width: 100%;}
    .ucretsizAraclarKapsar{padding:15px}
    .packagesLinks a {
        width: calc(100% * 1/2 - 10px);
        padding: 10px 10px;
        background: #e0316c;
        gap: 6px;
        border-radius: 8px;
    }
    .otherLink{
        justify-content: flex-start;
    }
    .flexdd .otherLink > a.btn-pack-buy{
        width: 100%;
        width: auto;
    }
.footer .fdef ul li ul{
    position: unset;
    display: none;
}
header .navbar{
    justify-content: center;
}
.poab{
    position: absolute;
    margin-right: 20px;
}



    .headerInfo{
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .headerLinks a {
        font-size: 11px;
        margin-right: 5px;
    }
    .headerOrder {
        margin: 0;
        flex-grow: 1;
        flex-basis: auto;
        justify-content: flex-end;
        padding-right: 10px;
    }
    .orderBox {
        font-size: 12px;
        padding: 5px 7px;
        font-weight: 400;
        box-shadow: 1px 1px 6px 4px #0000002b;
    }
    .navbar-collapse{flex-basis: unset;flex-grow: unset;float: right;}
    #headerBar{}
    .wigetsArea{
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 20px 10px;
        padding: 0 20px;
    }
    .widgetIcon{
        width: 30px;
        height: 30px;
        min-width: 30px;
        min-height: 30px;
        margin-right: 7px;
    }
    .widgetsBox img {width: 18px;}
    .widgetsBox{width: calc(50% - 10px);justify-content: flex-start;padding: 0;}
    .widgetsWrapper{padding-bottom: 10px;padding: 20px 0 10px 0;}
    #whyus{display: none;}
    .whywidgets{flex-direction: column;}
    .footerBar{flex-direction: column;}
    .testimonialsCard{margin-bottom: 10px;}
    .whyUsdesc{text-align: center;}
    .whyUsdesc h2 br{display: none;}
    .whyUsdesc h2 {
        margin-bottom: 25px;
        font-size: 24px;
        line-height: 35px;
    }
    .fast-first h1 {
        font-size: 20px;
        max-width: 510px;
        margin-bottom: 25px;
        clear: left;
        text-align: center;
    }
    .fast-first p{text-align: center;padding: 0px 20px;}
    .announcement {
        border-radius: 60px;
        float: left;
        clear: left;
        position: relative;
        padding: 4px 10px 4px 30px;
        margin-bottom: 20px;
        margin-top: 0px;
    }
    .announcement > span:before {
        content: "";
        width: 20px;
        height: 2px;
        background: white;
        position: absolute;
        left: 0;
        top: 16px;
    }
    .announcement > img {
        position: absolute;
        left: 0;
        top: -20px;
        width: 60px;
    }
    .fast-box {
        padding: 10px 10px;
        margin: 0 10px 0 0;
        font-size: 20px;
    }
    .fast-box-area{margin-top:20px; margin-bottom: 20px;}
    .widgetsBox span {
        display: flex;
        flex-direction: column;
        font-size: 11px;
    }
    .widgetsBox span strong {
        font-size: 14px;
        line-height: 15px;
    }
    .why-us-text{justify-content: center;text-align: center;padding: 0px 10px;}
    .why-us-text h2{font-size: 20px;}
    .why-us-text p{font-size: 16px;}
    .packallBTN {
        font-size: 14px;
        color: #fff;
        background: rgba(var(--lsdb), .05);
        padding: 12px 23px;
        margin-left: 0px;
        margin-bottom: 0px;
        border-radius: 37px;
    }
    .ns-heading h2 {
        font-size: 24px;
    }
    .ns-heading p {
        font-size: 16px;
        letter-spacing: ;
    }
    .whyUsdesc ul li{width: 100%;}
    .whyUsdesc ul{margin-bottom: 30px;}
    .whyWidgetBox:after{display: none;}
    .faqwell .item{padding: 0;}
    .faqwell .item .fs-head{padding: 15px;}
    #faq{margin-bottom: 0;}
    .testiarea{gap: 10px;
        max-height: 564px;
        overflow-y: scroll;
    }
    .testiarea .card {
        width: 100%;
        padding: 10px;
        border-radius: 10px;
    }
    .titleLeft{padding-right: 0;text-align: center;width: 100%;margin-top: 30px;}
    .card-img-top{display: none;}
    .stars .star.active i {
        font-size: 12px;
    }
    .commentStars {
        padding: 5px 10px;
    }
    .cardTitle{margin-left: 0;}
    .card-text {
        font-size: 13px;
    }
    #testimonial{padding-bottom: 10px;}
    .pad20bgw {
        /* background: white; */
        /* padding: 10px 10px 0px 10px; */
        /* position: relative; */
    }
    .seoWrapper {
        /* background: white; */
        max-height: 380px;
        overflow: auto;
        padding: 5px;
    }
    .contentArea h1, .contentArea h2, .contentArea h3, .contentArea h4, .contentArea h5 {
        font-size: 16px;
    }
    .contentArea p {
        font-size: 15px;
    }
    .footerButton{justify-content: center;margin-bottom: 15px;}
    .footerButton a {
        gap: 15px;
        padding: 5px 10px;
        color: white;
        margin-right: 10px;
        transition: .2s;
    }
    .footerSocial {
        display: flex;
        justify-content: center;
    }
    .contactForm {
        padding: 0;
    }
    .contactTitle{padding-left: 0;margin-bottom: 10px;}
    .newCommentArea, .specPad.newCommentArea{flex-wrap: wrap;}

    .newCommentArea li, .specPad.newCommentArea li{
        width: 100%;
        margin-bottom: 10px;
    }
    .contact-area .form-control{margin-bottom: 10px;}
    .widget-visible{display: none!important;}
}