@media (max-width:1199.98px) {
    header .headerNav ul.siteNav li {
        margin-left: 5px;
    }

    footer .footerTop .footerButton h3 {
        font-size: 16px;
    }

    footer .footerTop .footerButton .title {
        font-size: 13px
    }

    .mainServicesJS .serviceItem {
        padding: 12px 0 12px;
    }

        .mainServicesJS .serviceItem .serviceIcon, .mainServicesJS .serviceItem .serviceIconHover {
            width: 74px;
            height: 60px;
        }

    .pageCorporate .corporateDesc .corporateSlogan {
        padding-left: 100px
    }
}

@media (max-width:991.98px) {
    .mainMiddleBanner .bannerDescription {
        padding-right: 40px
    }

    .mainMiddleBanner .myfiBg {
        background-position: 100% bottom;
    }

    .mainMiddleBanner .bannerDescription .triangle {
        bottom: 20px;
    }

    .basvurButton {
        color: #0B60B2;
        line-height: 46px;
        width: 140px;
        text-align: center;
        background: #fff;
        border-radius: 23px;
        box-shadow: 0 3px 6px rgba(0,70,126,0.15);
        display: block;
        margin: 30px 0 0;
    }

        .basvurButton:before {
            display: none
        }

    .mainMiddleBanner .videoWrapper {
        text-align: center;
    }

    header .headerNav .logo {
        text-align: center;
    }

    .mainBottomBanner .imageWrapper {
        margin-top: -153px;
    }

    .mainBottomBanner .bannerDescription h3 {
        font-size: 26px;
        line-height: 32px;
    }

    .mainBottomBanner .bannerDescription a {
        margin-bottom: 40px
    }

    .mainUsers .usersElement .user3 {
        left: 10%
    }

    .mobileSubListJS {
        margin-bottom: 15px;
    }

        .mobileSubListJS .swiper-slide {
            display: inline-block;
            width: auto;
            border-radius: 10px;
            border: 1px solid #C3CAE0;
            color: #C3CAE0;
            font-size: 16px;
            font-weight: 400;
            line-height: 40px;
            padding: 0 15px
        }

    .pageApplications .applicationTabs .tab-content-main .tab-content-sub {
        margin: 30px 0 0
    }
}

@media (max-width:767.98px) {
    .tabbable .nav-tabs.nav-justified > li {
        width: 100% !important;
        float: left  !important;
    }
    .mainSliderJS .slideTextWrap {
        margin-bottom: -50px;
    }
    .tabbable .nav-tabs.nav-justified {
        margin-bottom: 20px;
        float: left;
}

    .mainSliderJS .slideImageWrap {
        height: 100%;
        position: relative;
        min-height: 35vh;
        margin-bottom: 8vh;
        width: 160%;
        flex: 0 0 160%;
        max-width: 160%;
        left: auto;
        right: 60%;
    }

    .mobileMenuToggle {
        position: absolute;
        width: 30px;
        height: 30px;
        top: 50%;
        transform: translateY(-50%);
        left: 15px;
        z-index: 11;
    }

        .mobileMenuToggle span {
            width: 100%;
            height: 3px;
            background: #e4b95b     ;
            position: absolute;
            border-radius: 10px;
            transition: ease all .5s;
        }

            .mobileMenuToggle span:first-child {
                top: 3px;
            }

            .mobileMenuToggle span:nth-child(2) {
                top: 14px;
            }

            .mobileMenuToggle span:last-child {
                top: 24px;
            }


        .mobileMenuToggle.active span:first-child {
            transform: rotate(45deg);
            top: 14px;
        }

        .mobileMenuToggle.active span:nth-child(2) {
            opacity: 0;
        }

        .mobileMenuToggle.active span:last-child {
            transform: rotate(-45deg);
            top: 14px;
        }

    .onlineIslemlerButton {
        /* background-image: url(../img/onlineIslemlerIcon.png) !important; */
        right: 15px;
        background-color: #218c17 !important;
        width: 35px;
        height: 35px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 50px;
        background-position: center !important;
        background-size: 15px !important;
        background-repeat: no-repeat !important;
        z-index: 1;
        text-align: center;
        line-height: 38px;
        font-size: 24px;
        color: #fff;
    }
    .onlineIslemlerButton i.fa{
        background:transparent;
    }

    header .headerNav ul.siteNav {
        position: relative;
        width: 100%;
        height: auto;
        left: 0;
        top: 0;
        text-align: left;
        background: transparent;
        overflow: auto;
        max-height: calc(100vh - 250px);
    }

    header .headerNav .logo {
        z-index: 1;
        position: relative;
        background: transparent;
    }

    header .headerNav ul.siteNav li {
        width: 100%;
        border-bottom: 1px solid #fff;
        background: transparent;
    }

        /*header .headerNav ul.siteNav li.last {
            border: none;
            text-align: center;
            margin: 50px 0 10px;
        }*/

        header .headerNav ul.siteNav li.last a {
            line-height: 54px;
            font-size: 18px;
            border-radius: 0;
            font-weight: 300;
            background: transparent;
            color: #fff;
            padding: 0;
        }

        header .headerNav ul.siteNav li > a {
            padding-bottom: 10px;
            font-size: 18px;
            font-weight: 300;
            color: #fff;
            padding-left: 0;
            display: inline-block;
            background: transparent;
            padding: 5px 0;
        }
        .iq-objects-01{
            display: none;
        }
        .max-w50{
            max-width:50%;
        }

    .mobileMenuWrap {
        padding: 100px 15px 0;
        display: block;
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-repeat: no-repeat !important;
        background-size: contain !important;
        background-position: center bottom !important;
        pointer-events: none;
        opacity: 0;
        transition: ease all .25s;
    }

        .mobileMenuWrap.active {
            pointer-events: all;
            opacity: 1;
        }

    header .headerNav ul.siteNav li > a.subMenuShow {
        width: 30px;
        text-align: center;
        float: right;
        font-weight: 100;
        font-size: 30px;
        transition: ease all .2s;
    }

    header {
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 33;
    }

    .mainSliderJS .slideText h3 {
        font-size: 16px;
        line-height: 22px
    }

    .mainSliderJS .slideText {
        padding: 40px 0px 40px;
        left: 0;
        text-align: center;
    }

    .mainSliderJS .slideImage {
        width: 90%;
        background-position: right;
        background-size: contain;
        height: 100%;
        left: 50%;
    }

    .mainSlider {
        height: calc(100vh - 180px);
    }

    .mainSliderJS .slideText a {
        line-height: 30px;
        font-size: 13px;
        width: 110px;
        margin: 0 auto;
        margin-top: 10px;
    }
    .mainSliderJS .slideText p {
        font-size: 15px;
    }
    .slider-alt{
        height: auto;
    }
    .slider-alt li{
        width:50%;
        border-bottom:1px solid #ddd;
        border-right:1px solid #ddd;
    }
    .slider-alt li:nth-child(2),.slider-alt li:nth-child(4){
        border-right: none;
    }
    
    .slider-alt-list li:before{
        display: none;
    }
    .slider-alt-list li:after{
        display: none;
    }
    .mainServicesJS .serviceItem h3 {
       /* font-size: 12px */
    }
    .mainPromotionsJS .promotionItem .promotionContent p{
        font-size:18px
    }
    .mainServicesJS .serviceItem .serviceIcon, .mainServicesJS .serviceItem .serviceIconHover {
        width: 50px;
        height: 50px;
        background-size: contain;
        margin-bottom: 0;
    }

    .mainPromotions .sectionTitle {
        text-align: center;
        font-size: 22px
    }

    .mainPromotions .sectionBgTitle {
        font-size: 14vw;
        margin-top: 10px;
        text-align: left;
        padding-left: 12px;
        letter-spacing: 0;
    }

    .mainPromotionsJS {
        margin: 0;
        overflow: visible
    }

    .mainPromotions:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        top: 30%;
        background: #F7F8FB;
        transform: skew(0deg, 0deg);
    }

    .mainPromotionsJS .promotionItem {
        background: #fff
    }

    .mainMiddleBanner .bannerDescription h3 {
        font-size: 16px;
        line-height: 19px
    }

    .mainMiddleBanner .myfiBg {
        padding: 40px 0;
    }

    .mainPromotionsJS .promotionItem .promotionContent h2 {
        font-size: 18px
    }

    .mainPromotionsJS .promotionItem .promotionContent .price {
        font-size: 15px;
        line-height: 40px;
    }

        .mainPromotionsJS .promotionItem .promotionContent .price strong {
            font-size: 22px;
            margin-right: 5px;
        }

    .mainNews .sectionTitle {
        text-align: center;
        font-size: 22px;
    }

    .mainNews .sectionBgTitle {
        font-size: 14vw;
        margin-top: 10px;
        text-align: left;
        padding-left: 12px;
        letter-spacing: 0;
    }

    .mainNewsJS {
        margin: 0;
        overflow: visible
    }

        .mainNewsJS .newItem {
            box-shadow: 0px 3px 20px rgb(0 0 0 / 0.16);
        }

            .mainNewsJS .newItem .newContent h2 {
                font-size: 18px
            }

        .mainNewsJS .swiper-pagination {
            display: none
        }
        .mainNewsJS .newItem .newContent p {
            font-size: 18px;
        }

    .mainBottomBanner .bannerDescription h3 {
        font-size: 18px;
        line-height: 20px;
        color: #D1DBE3
    }

    .mainNews .allNewsButton,.mainPromotions .allPromotionsButton{
        float: none;
        background: #ebae3b;
        color: #fff;
        padding: 12px;
        font-size: 18px;
        margin: 0 auto;
        width: 140px;
        margin-bottom: 50px;
    }
    .mainBottomBanner .bannerDescription a {
        line-height: 30px;
        font-size: 13px;
        width: 110px;
        margin-bottom: 0;
        margin-top: 20px
    }

    .mainBottomBanner .myfiBg {
        padding-top: 100px
    }

    .mainBottomBanner .bannerDescription {
        padding: 30px 10px 20px
    }
    .mainBottomBanner .icenetBg {
        padding: 60px 0 0px;
        overflow: hidden;
    }
    .mainBottomBanner:after {
        height: 50px;
        top:-15px;
        background: #fff;
    }

    .mainBottomBanner .imageWrapper {
        position: absolute;
        bottom: 0;
        margin-top: 0;
        margin-bottom: -13px;
    }

        .mainBottomBanner .imageWrapper img {
            max-width: 120%;
        }

    .mainUsers .sectionBgTitle {
        font-size: 12vw;
        margin-top: 20px;
        letter-spacing: 0;
    }

    header .headerNav .logo a img {
        max-width: 90px;
    }

    header .headerNav .logo {
        padding: 10px 0;
    }

    .mainUsers .usersElement .user {
        border-radius: 100%;
        border: 2px solid #FFC000;
        box-shadow: 0 10px 40px rgba(0,0,0,0.2);
        display: inline-block;
        position: absolute;
        background-size: cover;
    }

    .mainUsers .usersElement .user1 {
        background-image: url(../../uploads/user/user2.png) !important;
        width: 36px;
        height: 36px;
        left: 5%;
        top: -40%;
    }

    .mainUsers .usersElement .user2 {
        background-image: url(../../uploads/user/user3.png) !important;
        width: 45px;
        height: 45px;
        left: -6%;
        top: -14%;
        bottom: auto;
    }

    .mainUsers .usersElement .user3 {
        background-image: url(../../uploads/user/user4.png) !important;
        width: 50px;
        height: 50px;
        left: 16%;
        top: 30%;
    }

    .mainUsers .usersElement .user4 {
        background-image: url(../../uploads/user/user5.png) !important;
        width: 40px;
        height: 40px;
        right: 20%;
        top: 10%;
    }

    .mainUsers .usersElement .user5 {
        background-image: url(../../uploads/user/user6.png) !important;
        width: 48px;
        height: 48px;
        right: -8%;
        top: 30%;
    }

    .mainUsers .usersElement .user6 {
        background-image: url(../../uploads/user/user7.png) !important;
        width: 50px;
        height: 50px;
        right: -2%;
        top: -50%;
    }

    .mainUsers .usersElement .user7 {
        background-image: url(../../uploads/user/user8.png) !important;
        width: 28px;
        height: 28px;
        right: 7%;
        top: -20%;
    }

    .mainUsersJS .userItem .userImage {
        width: 100px;
        height: 100px;
        background-size: 100px;
    }

    .mainUsersJS .userItem .userContent p {
        padding: 80px 0 0;
        font-size: 16px
    }

    .mainUsersJS .userItem .userContent span {
        font-size: 16px;
        margin-bottom: 40px
    }

    .mainUsersJS {
        margin-bottom: 0
    }

    .sozlesmeler {
    }

        .sozlesmeler li {
            margin-bottom: 5px;
        }

            .sozlesmeler li a {
                line-height: 19px;
                color: #fff;
                font-size: 13px;
                position: relative;
            }

                .sozlesmeler li a:before {
                    content: '';
                    position: absolute;
                    width: 6px;
                    height: 6px;
                    border-left: 1px solid #fff;
                    border-bottom: 1px solid #fff;
                    transform: rotate(-135deg);
                    left: -13px;
                    top: 3px;
                }

    footer:after {
        background-repeat: no-repeat;
        background-position: 83.333% bottom;
        z-index: 0;
        background-size: 75%;
    }

    footer .footerMiddle .footerMenu {
        overflow: hidden;
        transition: ease all .5s;
        opacity: 1;
        border-bottom: 1px solid #0B60B2;
        padding: 10px 0;
    }

        footer .footerMiddle .footerMenu.hide {
            height: 0 !important;
            opacity: 0;
            padding: 0;
        }

    footer .footerMiddle h2 {
        margin-bottom: 0;
        line-height: 45px;
    }

    .mobileFooterButton {
        position: relative;
    }

        .mobileFooterButton:after {
            content: '';
            position: absolute;
            width: 11px;
            height: 11px;
            right: 15px;
            top: 50%;
            transform: translateY(-50%) rotate(-45deg);
            border-left: 2px solid #E2E5EF;
            border-bottom: 2px solid #E2E5EF;
            transition: ease all .2s
        }

        .mobileFooterButton.show:after {
            transform: translateY(-50%) rotate(135deg);
        }

    .mobileMenuWrap .socialMedia {
        display: flex;
        justify-content: space-between;
        max-width: 150px;
        margin: 0 auto 30px;
        background: none;
    }

        .mobileMenuWrap .socialMedia li {
            display: inline-block;
        }

            .mobileMenuWrap .socialMedia li a {
                color: #fff;
                line-height: 24px;
                width: 30px;
                height: 30px;
                line-height: 30px;
                text-align: center;
                border: 1px solid #fff;
                display: block;
                border-radius: 15px;
            }

    header .headerNav ul.siteNav li .megaMenu {
        opacity: 1;
        pointer-events: all;
        position: relative;
        padding: 0;
        background: transparent;
        z-index: 1;
        min-height: 0;
        position: absolute;
        max-width: 100%;
        width: calc(100% + 50px);
        left: 0;
        padding-left: 15px;
    }

        header .headerNav ul.siteNav li .megaMenu * {
            background: transparent
        }

        header .headerNav ul.siteNav li .megaMenu .subMenu li a {
            color: #D1DBE3;
            font-size: 12px;
        }

        header .headerNav ul.siteNav li .megaMenu .subMenu li {
            border-bottom: 0;
            margin-bottom: 0;
        }

        header .headerNav ul.siteNav li .megaMenu .subMenu {
            border-top: 1px solid #0B60B2;
            padding: 10px 0;
        }

    header .headerNav ul.siteNav li > a.subMenuShow.show {
        transform: rotate(180deg)
    }

    header .headerNav ul.siteNav li .megaMenu .subMenu {
        overflow: hidden;
        transition: ease all .5s;
        opacity: 1;
        border-bottom: 1px solid #0B60B2;
        padding: 10px 0;
    }

        header .headerNav ul.siteNav li .megaMenu .subMenu.hide {
            height: 0 !important;
            opacity: 0;
            padding: 0;
        }

    .pageServices .serviceItem .categoryIconWrapper {
        width: 89px;
        height: 89px;
        left: -30px;
        top: 30px;
    }

        .pageServices .serviceItem .categoryIconWrapper .categoryIcon {
            width: 44px;
            height: 44px;
            background-size: 44px;
        }

        .pageServices .serviceItem .categoryIconWrapper .categoryTitle {
            font-size: 12px
        }

    

        .pageServices .serviceItem .serviceContent {
            padding-left: 60px;
        }

            .pageServices .serviceItem .serviceContent .serviceTitle h3 {
                font-size: 18px
            }

            .pageServices .serviceItem .serviceContent .serviceShortDesc {
                margin-top: 0
            }

            .pageServices .serviceItem .serviceContent .servicePrice {
                margin-top: 20px;
            }

        .pageServices .serviceItem .serviceFeatures .serviceFeaturesHeader li {
            margin: 0 5px
        }

        .pageServices .serviceItem .serviceFeatures {
            border-top-right-radius: 0;
            border-bottom-left-radius: 30px;
            border-bottom-right-radius: 30px;
        }

    .pageApplications .applicationDesc .categoryIconWrapper {
        width: 112px;
        height: 84px;
        top: -42px;
    }

        .pageApplications .applicationDesc .categoryIconWrapper .categoryIcon {
            background-size: 70px
        }

    .pageApplications .applicationDesc {
        padding-top: 70px
    }

    .pageContent .pageTitle h2 {
        font-size: 18px
    }

    .pageContent {
        padding-top: 120px;
    }

    .pageApplications .applicationTabs .tabs-nav-main li a h2 {
        font-size: 14px;
        line-height: 20px;
    }

    .pageApplications .applicationTabs .tabs-nav-main li a .tabIcon {
        width: 34px;
        background-size: 22px;
    }

    .pageApplications .applicationTabs .tabs-nav-main li a {
        padding: 8px 0;
        padding-right: 15px;
        padding-left: 40px;
        border-radius: 10px;
    }

    .pageApplications .applicationTabs {
        margin-top: 0
    }

        .pageApplications .applicationTabs .tab-content-main {
            margin-top: 20px
        }

            .pageApplications .applicationTabs .tab-content-main ul.tabs-sub li {
                line-height: 11px;
                font-size: 14px;
                display: block;
                padding: 5px 0 0;
            }

                .pageApplications .applicationTabs .tab-content-main ul.tabs-sub li h3 {
                    line-height: 16px;
                }

                .pageApplications .applicationTabs .tab-content-main ul.tabs-sub li span {
                    font-size: 12px;
                    line-height: 16px;
                    display: block;
                }

            .pageApplications .applicationTabs .tab-content-main .tab-content-sub {
                margin: 30px 30px 0;
            }

    .pagePromotions .promotionItem {
        margin: 100px 20px 20px;
    }

    .pagePromotionDetail .promotionItem .promotionIconWrapper .promotionIcon {
        width: 100px;
        height: 100px;
    }

    .pagePromotionDetail .promotionItem .promotionIconWrapper {
        width: 70px;
        height: 70px;
        left: -35px;
    }

    .pagePromotionDetail .promotionItem {
        padding-left: 15px;
        margin-left: 30px
    }

        .pagePromotionDetail .promotionItem .promotionContent {
            padding-left: 50px
        }

            .pagePromotionDetail .promotionItem .promotionContent .promotionTitle h3 {
                font-size: 18px
            }

        .pagePromotionDetail .promotionItem .promotionFeatures .promotionFeaturesHeader li {
            display: inline-block;
            margin: 0 5px;
        }

        .pagePromotionDetail .promotionItem .promotionFeatures {
            border-top-right-radius: 0;
            border-bottom-left-radius: 30px;
            border-bottom-right-radius: 30px;
        }

        .pagePromotionDetail .promotionItem .promotionContent .promotionShortDesc {
            margin-top: 0
        }

    .pageCorporate .corporateDesc .corporateIconWrapper {
        width: 112px;
        height: 84px;
        left: 15px;
        top: -42px;
    }
    .pageCorporate{
        padding-top:120px
    }

        .pageCorporate .corporateDesc .corporateIconWrapper .corporateIcon {
            background-size: 64px;
        }

    .pageCorporate .corporateDesc .corporateSlogan img {
        max-width: 170px;
    }

    .pageCorporate .corporateDesc {
        padding-top: 0px;
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 0;
    }
    .pageCorporate .contactInfo {
        margin-top: 10px;
    }
    .pageCorporate .contactInfo h4 {
        color: #0B60B2;
        font-size: 24px;
        line-height: 2;
        margin: 1px 0 0;
        font-weight: 600;
    }

    .pageCorporate .faqList li .faqItem .faqTitle {
        font-size: 16px;
        line-height: 24px;
        height: 48px;
    }

    .pageCorporate .faqList li .faqItem.show .faqDesc {
        font-size: 13px
    }
}