section.slider .swiper-wrapper .swiper-slide.swiper-slide-active {
    position: relative;
}

section.slider .swiper-wrapper .swiper-slide.swiper-slide-active .swiper-img {
    position: absolute;
    top: 0;
    bottom: 0;
    background-size: cover;
    width: 100%;
    background-position: top center;
}

section.slider .swiper-wrapper .swiper-slide.swiper-slide-active .swiper-mobileimg {
    display: none;
}

section.slider .onkayitButton .onkayitpopup {
    display: none;
}

.slideonkayit {
    width: 290px;
    max-width: 100%;
}

body .background.background-mobile {
    display: none;
}

.onkayitFormu {
    top: 60%;
}

.slider-parent {
    position: relative;
}


@media only screen and (max-width: 767px) {
    .mobile-hidden {
        display: none !important;
    }

    .video-dersler-body .background, .video-derslerdetay-body .background, .pagedersvideo .background {
        display: flex;
    }

    .kurs-detay {
        padding-top: 30px;
    }

    .page-content .content .kurs-detay .kurs-basvuru {
        margin-bottom: 20px;
    }

    section.basarilar-banner .banner ul li span {
        line-height: 24px;
        width: 70%;
    }

    .page-content .content .kurs-detay .kurs-content h4 {
        padding: 20px 30px;
        font-size: 20px;
        text-align: center;
    }

    .sliderparent {
        z-index: 3;
    }

    body .background {
        display: none;
    }

    body.duyurular .background {
        display: flex;
    }

    body .background.background-mobile {
        display: block;
    }

    section.page-akordiyon .labkod-akordiyon .akordiyon-item .header h4 {
        font-size: 16px;
    }

    section.page-akordiyon .labkod-akordiyon .akordiyon-item .header {
        min-height: 50px;
        height: auto;
        padding: 15px;
    }

    body.kurumsal .page-content {
        min-height: 130vw;
    }

    body.rehberlik .page-content {
        min-height: 110vw;
    }

    body.rehberlik .page-content .background {
        max-height: 100vw;
    }

    body.rehberlik .title {
        margin-top: 0;
        font-size: 37px;
    }

    section.page-text .logo-area {
        height: auto;
        background-color: transparent;
        margin-top: 300px;
    }


    section.slider .swiper-wrapper .swiper-slide.swiper-slide-active .swiper-mobileimg {
        display: none;
        width: 100%;
        background-size: cover;
        padding-bottom: 75vh;
        position: absolute;
        top: 0;
        left: 0;
        background-position: center;
    }

    section.slider .swiper-wrapper .swiper-slide.swiper-slide-active .swiper-mobile-content {
        position: absolute;
        display: flex;
        padding-bottom: 165%;
        width: 100%;
        background-size: cover;
        background-position: top center;
        top: 0;
        left: 0;
    }

    section.slider .swiper-wrapper .swiper-slide.swiper-slide-active .swiper-img {
        display: none;
    }

    section.slider .swiper-wrapper .swiper-slide.swiper-slide-active .container {
        display: none;
    }

    body.mobileMenuActive {
        overflow: hidden;
    }

    header {
        display: none;
    }

    .mobileMenu {
        display: block;
    }

    .mobileHeader {
        display: block;
        position: absolute;
        left: 0px;
        right: 0%;
        top: 0px;
        padding: 20px 30px;
        z-index: 16;
        transition: 0.1s 0.2s ease box-shadow, 0.1s ease background;
    }

    .mobileHeader .logo {
        display: block;
        position: relative;
    }

    .mobileHeader .logo img {
        opacity: 1;
        transition: 0.3s ease all;
    }

    .mobileHeader .logo .img {
        -webkit-mask: url('../img/svg/gunes-color-logo.svg');
        -webkit-mask-position: center;
        -webkit-mask-size: 100% auto;
        -webkit-mask-repeat: no-repeat;
        display: block;
        position: absolute;
        left: 0px;
        top: 0px;
        bottom: 0px;
        right: 0px;
        background: white;
        opacity: 0;
        transition: 0.3s ease all;
    }

    body.mobileMenuActive .mobileHeader .logo img {
        opacity: 0;
    }

    body.mobileMenuActive .mobileHeader .logo .img {
        opacity: 1;
    }

    body.mobileMenuActive .mobileHeader {
        background: transparent;
        box-shadow: 0px 20px 35px 0px rgba(0, 0, 0, 0);
        transition: 0.1s ease box-shadow, 0.1s 0.2s ease background;
    }

    .mobileHeader .btnPoisition {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    body.mobileMenuActive .button-toggle span {
        background: #fff
    }

    .button-toggle {
        top: 35px;
        cursor: pointer;
        background: 0 0;
        box-shadow: none;
        border: none;
        transition: all .3s;
        height: 50px;
        position: absolute;
        z-index: 30;
        outline: unset !important;
        vertical-align: middle;
        padding: 0;
        margin: 0;
        right: 60px;
    }

    .button-toggle span {
        display: block;
        width: 48px;
        height: 8px;
        background: #ffffff;
        border-radius: 10px;
        margin: 0;
        position: absolute;
        top: 23px;
        left: 14px;
        box-shadow: 0px 20px 35px 0px rgba(0, 0, 0, 0.20);
        transition: all .3s;
    }

    body.mobileMenuActive .button-toggle span:nth-child(1) {
        transform: rotate(45deg) translate(-4px, 4px)
    }

    body.mobileMenuActive .button-toggle span:nth-child(2) {
        transform: translateX(-50px);
        opacity: 0
    }

    body.mobileMenuActive .button-toggle span:nth-child(3) {
        transform: rotate(-45deg) translate(-4px, -4px)
    }

    body.mobileMenuActive .button-toggle span {
        width: 42px
    }

    .button-toggle span:nth-child(1) {
        transform: translateY(-13px)
    }

    .button-toggle span:nth-child(3) {
        transform: translateY(13px)
    }

    body.mobileMenuActive .button-toggle span {
        background: #fff
    }

    body.mobileMenuActive .button-toggle span:nth-child(1) {
        transform: rotate(45deg) translate(-4px, 4px)
    }

    body.mobileMenuActive .button-toggle span:nth-child(2) {
        transform: translateX(-50px);
        opacity: 0
    }

    body.mobileMenuActive .button-toggle span:nth-child(3) {
        transform: rotate(-45deg) translate(-4px, -4px)
    }

    body.mobileMenuActive .button-toggle span {
        width: 42px
    }

    .button-toggle span:nth-child(1) {
        transform: translateY(-13px)
    }

    .button-toggle span:nth-child(3) {
        transform: translateY(13px)
    }

    .mobileMenu {
        position: absolute;
        left: 0px;
        right: 100%;
        overflow: hidden;
        height: 100vh;
        transition: 0.3s ease all;
        z-index: 15;
        background: rgba(46, 30, 60, .95);
    }

    body.mobileMenuActive .mobileMenu {
        right: 0%;
        width: 100vw;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .mobileMenu .menucontainer {
        opacity: 0;
        transition: 0.3s 0.3s ease all;
        width: 100vw;
        height: 100vh;
        position: relative;
    }

    .mobileMenu .menucontainer .navbar-nav {
    }

    body.mobileMenuActive .mobileMenu .menucontainer {
        opacity: 1;
    }

    .mobileMenu .navbar-nav {
        padding: 25px 0px;
    }

    .mobileMenu .navbar-nav > li {
    }

    .mobileMenu .navbar-nav > li > a {
        color: #fff;
        font-size: 26px;
        font-weight: bold;
        line-height: 42px;
        display: block;
        padding: 0px;
        text-align: center;
        padding-left: 0;
    }

    .mobileMenu .navbar-nav > li > a:hover {
        color: #474443;
    }

    .mobileMenu .navbar-nav > li.megaMenu {
    }

    .mobileMenu .navbar-nav > li.megaMenu .dropdown {
        display: none;
    }

    .mobileMenu .menuContent1 {
        position: absolute;
        left: -100%;
        top: 0px;
        bottom: 0px;
        transition: 0.3s ease left;
        padding-top: 200px;
        width: 100vw;
        height: 100vh;
        display: flex;
        flex-direction: column;
    }

    .mobileMenu .menuContent1 .onlinearea {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        padding: 0 5px;
        margin-top: auto;
        order: 2;
    }

    .mobileMenu .menuContent1 .btn-mobileonline {
        background: #ffe900;
        width: 48%;
        margin: 0 auto 20px;
        color: #51207a;
        font-weight: 600;
        font-size: 17px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .mobileMenu .menuContent2 {
        position: absolute;
        right: -100%;
        top: 0px;
        bottom: 0px;
        transition: 0.3s ease right;
        padding-top: 200px;
        width: 100vw;
        height: 100vh;
        flex-direction: column;
    }

    .mobileMenu .menuContent3 {
        position: absolute;
        right: -100%;
        top: 0px;
        bottom: 0px;
        transition: 0.3s ease right;
        padding-top: 200px;
        width: 100vw;
        height: 100vh;
        flex-direction: column;
    }

    .mobileMenu .menuContent1.active {
        left: 0%;
    }

    .mobileMenu .menuContent2.active {
        right: 0%;
    }

    .mobileMenu .menuContent3.active {
        right: 0%;
    }

    .mobileMenu .menuContent2 .content {
        border-top: 2px solid #3c3c3b0d;
    }

    .mobileMenu .menuContent2 .title {
        display: inline-block;
        width: calc(100% - 106px);
        font-size: 28px;
        font-weight: 800;
        color: #ffe900;
        line-height: 40px;
        vertical-align: middle;
        margin-bottom: 10px;
        margin-left: 20px;
    }

    .mobileMenu .menuContent2 .back {
        -webkit-mask: url('../img/svg/left-arrow.svg');
        -webkit-mask-position: center;
        -webkit-mask-size: 100% auto;
        -webkit-mask-repeat: no-repeat;
        width: 40px;
        height: 30px;
        background: #ffe900;
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 0px;
        margin-top: 5px;
        margin-left: calc(20% - 40px);
        float: left;
    }

    .mobileMenu .menuContent3 .back {
        display: inline-block;
        width: calc(100% - 106px);
        font-size: 28px;
        font-weight: 800;
        color: #ffe900;
        line-height: 40px;
        vertical-align: middle;
        margin-bottom: 10px;
        margin-left: 20px;
    }

    .mobileMenu .menuContent3 .loginbox {
        max-width: 100%;
        border-radius: 10px;
        padding: 17px 30px 25px;
        transition: 0.3s ease all;
        position: relative;
    }

    .mobileMenu .menuContent3 .loginbox .title {
        color: #d8d8d8;
        font-size: 24px;
        line-height: 19px;
        font-weight: 600;
        text-align: center;
        margin-bottom: 30px;
    }

    .mobileMenu .menuContent3 .loginbox .form-group {
    }

    .mobileMenu .menuContent3 .loginbox .form-group label {
        color: #bdbdbd;
        font-size: 13px;
        line-height: 24px;
        font-weight: 500;
        text-align: center;
        display: block;
    }

    .mobileMenu .menuContent3 .loginbox .form-group input:focus {
        border-color: #f3912f;
    }

    .mobileMenu .menuContent3 .loginbox .form-group input {
        height: 39px;
        line-height: 39px;
        transition: 0.3s ease all;
    }

    .mobileMenu .menuContent3 .loginbox .btn {
        margin: 0 auto;
        display: block;
        padding: 12px 56px;
        font-size: 18px;
        font-weight: 700;
        background: #ffe900;
    }

    .mobileMenu .menuContent3 .loginbox p {
        font-size: 13px;
        line-height: 16px;
        font-weight: 500;
        text-align: center;
        color: #bdbdbd;
        margin: 30px 0px 0px;
    }

    .mobileMenu .menuContent3 .back:before {
        content: '';
        -webkit-mask: url('../img/svg/left-arrow.svg');
        -webkit-mask-position: center;
        -webkit-mask-size: 100% auto;
        -webkit-mask-repeat: no-repeat;
        width: 40px;
        height: 30px;
        background: #ffe900;
        display: inline-block;
        vertical-align: middle;
        margin-bottom: 0px;
        margin-top: 5px;
        margin-left: calc(20% - 40px);
        float: left;
        margin-right: 10px;
    }

    .mobileMenu .menuContent2 .navbar-nav {
        padding: 10px 0px;
    }

    .mobileMenu .menuContent2 .navbar-nav > li {
    }

    .mobileMenu .menuContent2 .navbar-nav > li > a .icon {
        display: none;
        -webkit-mask-position: center;
        -webkit-mask-size: 100% auto;
        -webkit-mask-repeat: no-repeat;
        width: 26px;
        height: 26px;
        background: white;
        position: absolute;
        left: -44px;
    }

    .mobileMenu .menuContent2 .navbar-nav > li > a {
        color: #fff;
        font-size: 22px;
        font-weight: bold;
        line-height: 31px;
        display: block;
        padding: 0px;
        margin-bottom: 10px;
        position: relative;
        text-align: center;
    }

    .mobileMenu .menuContent2 .navbar-nav > li > a:hover {
        color: #474443;
    }

    header .logo, header .loginarea {
        display: none;
    }

    section.slider .swiper-wrapper .swiper-slide .content {
        margin: 0;
    }

    section.slider .swiper-wrapper .swiper-slide.swiper-slide-active .content h3 {
        font-size: 22px;
        width: 50%;
        line-height: 28px;
    }


    section.slider .swiper-wrapper .swiper-slide .content h3 b {

        font-size: 35px;

        white-space: nowrap;

        margin-bottom: 20px;

        line-height: 40px;

    }

    .onkayitFormu {
        position: fixed;
        opacity: 0;
        transition: .3s ease all;
        max-height: 0;
        top: 0;
        left: calc((100vw - 290px) / 2);
        right: calc((100vw - 290px) / 2);
        pointer-events: none;
        z-index: 18;
    }

    .onkayitFormu.active {
        max-height: 100vh;
        opacity: 1;
        display: block;
        top: 60%;
        pointer-events: auto;
    }

    .mainbackdrop {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: black;
        z-index: 17;
        opacity: 0;
        transition: .3s ease all;
        max-height: 0;
    }

    .mainbackdrop.active {
        max-height: 100vh;
        opacity: .5;
        display: block;
    }

    section.slider .onkayitButton {
        position: absolute;
        z-index: 2;
        bottom: 5%;
        width: 100%;
        text-align: right;
        padding: 0 10px;
    }

    section.slider .onkayitButton .onkayitpopup {
        display: inline-block;
        background: #ffe900;

        padding: 10px 25px;

        border-radius: 8px;

        color: #51207a;

        font-weight: 800;

        font-size: 20px;
    }

    .swiper-container {
        height: 170vw;
    }

    .onkayitFormu form {

        margin: 0 auto 0px;

    }

    .btn.btn-border.btn-light.duyurular-btn {
        background: #51207a;
    }

    section.slider .basarilar {
        bottom: -180px;
        z-index: 0;
    }

    section.slider .basarilar h4 {
        justify-content: center;
        padding-left: 0;
        margin-bottom: 12px;
    }

    section.slider .basarilar h4 svg {
        height: 67px;
        margin-top: -15px;
        margin-left: 0;
    }

    section.slider .basarilar .owl-basarilarimiz .item p {
        text-align: center;
    }

    section.slider .basarilar .owl-basarilarimiz .item p b:nth-child(1) {
        display: inline;
    }


    section.kurslarimiz {
        margin-top: 180px;
    }

    section.kurslarimiz h2 {
        margin-bottom: 10px;
        font-size: 24px;
        text-align: center;
    }

    section.basarilar-banner .banner {
        flex-direction: column;
        height: auto;
        padding-bottom: 8px;
        margin: 30px 0;
        margin-bottom: 0;
    }

    section.basarilar-banner .banner .title {
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
        padding: 0 15px;
        margin: 30px 0;
    }

    section.basarilar-banner .banner img {
        width: 35%;
        margin-top: -4px;
        margin-bottom: -10px;
        position: absolute;
        right: 0;
    }

    section.sinav-takvimi {
        margin-bottom: 160px;
    }


    section.basarilar-banner .banner .title h4 {
        font-size: 40px;
        line-height: 45px;
        text-align: left;
    }

    section.basarilar-banner .banner .title:after {
        display: none;
    }

    section.basarilar-banner .banner .title h4 br {
        display: block;
    }

    section.basarilar-banner .banner ul {

        padding: 0;

        margin-top: 15px;

    }

    section.basarilar-banner .banner ul li {

        padding: 5px 30px;

        justify-content: flex-start;

        text-align: left;

        align-items: flex-start;

    }

    section.basarilar-banner .banner ul li b {

        justify-content: flex-start;

        width: 20%;

    }

    section.basarilar-banner .banner:after {

        background-size: cover;

        display: none;

    }

    section.sinav-takvimi .header .content h4 {
        position: relative;
        z-index: 5;
        font-size: 30px;
    }


    section.teste-katil .banner {
        flex-direction: column;
        align-items: flex-start;
        padding: 15px;
        height: 210px;
    }

    section.teste-katil .banner .text {
        padding-left: 0;
        position: relative;
        z-index: 3;
    }

    section.teste-katil .banner .text h4 {
        margin-bottom: 18px;
    }

    section.duyurular .content {
        padding: 20px 0;
    }

    section.teste-katil .banner .img-container {
        position: absolute;
        top: 0;
        left: 0px;
        justify-content: flex-start;
        bottom: 0;
        display: none;
    }

    section.duyurular {
        margin-top: 30px;
    }

    section.teste-katil .banner .img-container img {
        width: auto;
        opacity: 0.3;
        height: 100%;
    }

    section.duyurular .header {
        padding: 18px 15px;
    }

    section.duyurular .header h4 {

        font-size: 18px;
        margin-bottom: 0;

    }

    section.duyurular .btn.btn-border.btn-light {

        font-size: 15px;

        padding: 10px 15px;

    }

    .slideonkayit {
        margin: 0 auto;
    }

    footer {
        padding-top: 50px;
    }

    footer .menu {
        min-height: unset;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 50px;
    }

    footer .menu li {
        width: 50%;
        margin-bottom: 0px;
        text-align: left;
    }

    footer ul.social {
        flex-direction: row;
        align-items: center;
        justify-content: center;
        min-height: unset;
        margin: 30px 0 120px;

    }

    footer ul.social li {
        margin-bottom: 0;
        width: 20%;
        text-align: center;
    }

    footer .logo-area {
        text-align: center;
    }

    footer .logo-area p {
        margin-top: 30px;
    }

    footer .imza {
        margin-top: 30px;
        padding-bottom: 15px;
        font-size: 12px;
        text-align: center;
    }

    footer .logo-area a img {
        width: 50%;
    }

    footer ul.social:after {
        display: none;
    }

    body.kurumsal .kurumsalMenu li {
        text-align: left;
        padding: 0 30px;
    }

    section.page-text {
        padding: 0 15px;
    }

    section.page-text .content-item {
        margin: 30px 0;
    }

    .page-content .content .kurs-detay .kurs-content .box-container {
    }

    .page-content .content .kurs-detay .kurs-content {
        margin-bottom: 20px;
    }

    body.duyurular .teste-katil {
        margin-bottom: 20px;
    }

    footer .iletisim-bilgileri .item {
        margin-bottom: 15px;
    }

    section.kurslarimiz .kurs .icon {
        -webkit-mask-position: right;
    }

    section.sinavTakvimiDetay > .container > .row.newrow {
        display: flex;
    }

    section.sinavTakvimiDetay > .container > .row.newrow .col-md-6:last-child {
        order: 1;
    }

    section.sinavTakvimiDetay > .container > .row.newrow .col-md-6:first-child {
        order: 2;
    }

    section.sinavTakvimiDetay .denemesinavlari.pasif {
        margin-bottom: 30px;
        padding: 40px 10px 0 0;

    }

    section.sinavTakvimiDetay .denemesinavlari {
        padding: 40px 10px 0 0;
    }

    .page-content .content .breadcrumb {
        padding: 10.5px 45px;
        margin: 0 25px 30px;
        width: calc(100% - 50px);
        left: unset;
        transform: unset;
        display: none;
    }

    .page-content .content .iletisim-content .item .contact-items {
        flex-direction: column;
    }

    .page-content .content .iletisim-content .item .contact-items .detail {
        width: 100%;
        margin-bottom: 30px;
        padding: 0 15px;
    }

    .page-content .content .iletisim-content .item .contact-items .detail:after {
        height: unset;
        top: -30px;
    }

    .page-content .content .iletisim-content .item .contact-items .detail:first-child:after {
        top: 0;
    }

    section.videodersler .videolar .videolist .btn-izle {
        margin-top: 15px;
    }

    section.videodersler h4 {
        margin-bottom: 15px;
        font-size: 23px;
    }

    section.videodersler h4 p {
        margin: 10px 0 30px;
    }

    .modal#denemeSinavBasvuru .modal-dialog .modal-content {
        padding: 15px;
    }

    .modal#denemeSinavBasvuru .modal-dialog .modal-content svg {
        margin-bottom: 15px;
    }

    section.duyurular .row.newrow > div {
        flex-direction: row;

    }

    footer .imza br {
        display: none;
    }

    footer .imza a:not(:last-child) {
        margin-right: 13px;
    }

    body .page-content .background {
        max-height: 130vw;
        background-size: cover;
    }

    body.kurumsal .background {
        display: none;
    }

    body.kurumsal .background.background-mobile {
        display: block;
    }

    section.sinav-takvimi .slider-content .owl-sinav-takvimi .item .item-container svg {
        width: 100%;
        padding-left: 10px;
    }

    section.sinav-takvimi .slider-content .owl-sinav-takvimi .item .item-container .text {
        margin-top: 10px;
    }

    section.sinav-takvimi .slider-content .owl-sinav-takvimi .item .item-container .text h4 {
        margin-bottom: 10px;
    }

    section.sinav-takvimi .header .content .takvim-nav .next-btn {
        margin-left: 5px;
    }

    section.page-text .logo-area .box {
        margin-bottom: 20px;
        height: 150px;
    }

    body.form-active {
        overflow: hidden;
    }

    body.form-active section.slider .basarilar {
        z-index: -1;
    }

    body.form-active section.kurslarimiz .kurs {
        z-index: 0;
    }

    section.sinavTakvimiDetay .denemesinavlari .sinav {
        padding: 45px 0 45px 45px;
        justify-content: space-between;
    }

    section.sinavTakvimiDetay .denemesinavlari .sinav .gun-box {
        left: 15px;
    }

    section.sinavTakvimiDetay .denemesinavlari .sinav .tarih {
        width: 60px;
        height: 60px;
    }

    section.sinavTakvimiDetay .denemesinavlari .sinav .tarih .gun {
        font-size: 20px;
    }

    section.sinavTakvimiDetay .denemesinavlari .sinav .tarih .ay {
        font-size: 11px;
        line-height: 11px;
    }

    section.sinavTakvimiDetay .denemesinavlari .sinav .tarih .yil {
        font-size: 12px;
        margin-bottom: 3px;
    }

    section.sinavTakvimiDetay .denemesinavlari .sinav .sinavicerigi {
        padding: 0;
    }

    section.sinavTakvimiDetay .denemesinavlari .sinav .sinavicerigi p {
        font-size: 18px;
        margin-bottom: 10px;
    }

    body.kurslarimiz .page-content {
        min-height: 100vw;
    }

    body.kurslarimiz .page-content .background {
        max-height: 100vw;
    }

    body.kurslarimiz .page-content .content .page-title {
        margin: 0;
        font-size: 32px;
        text-align: left;
        padding-left: 30px;
    }

    body.kurslarimiz .kurslarimiz .kurs .text {
        padding-left: 25px;
    }

    body.kurslarimiz .kurslarimiz .kurs .icon {
        right: 25px;
    }

    body.duyurular {
        overflow-x: hidden;
        overflow-y: scroll;
    }

    body.duyurular.mobileMenuActive {
        overflow: hidden;
    }

    body.duyurular .page-content {
        min-height: 130vw;
    }

    body.duyurular .page-content .background {
        max-height: 100vw;
    }

    body.duyurular .page-content .content .page-title {
        margin: 0 0 160px;
        font-size: 30px;
        padding-left: 30px;
        text-align: left;
    }

    section.sinavTakvimiDetay {
        padding-bottom: 20px;
    }

    body.duyurular .page-content .content .kurs-detay h4.title {
        color: #704d94;
    }

    section.teste-katil .banner:before {
        display: none;
    }

    .page-content .content .duyurular-content .item {
        padding: 40px 15px;
    }


}

@media only screen and (max-width: 320px) {

    body.duyurular .page-content .content .page-title {
        margin-bottom: 160px;
    }

    section.teste-katil .banner a.btn {
        width: 100%;
        padding: 10px 0;
    }

    section.basarilar-banner .banner .title h4 {
        font-size: 33px;
        line-height: 35px;
    }

    section.slider .onkayitButton {
        bottom: 0;

    }

    section.slider .onkayitButton .onkayitpopup {
        font-size: 18px;
        padding: 9px 15px;
    }

    body.kurslarimiz .kurslarimiz .kurs .text {
        padding-left: 15px;
    }

    body.kurslarimiz .kurslarimiz .kurs .icon {
        right: 15px;
    }


    section.sinavTakvimiDetay .denemesinavlari .sinav {
        padding: 35px 0 35px 35px;
    }

    section.sinavTakvimiDetay .denemesinavlari .sinav .gun-box {
        left: 10px;
    }

    section.duyurular .header h4 {
        margin-bottom: 15px;
    }

    section.teste-katil .banner .img-container {
        width: 100%;
    }

    section.slider .swiper-wrapper .swiper-slide .content h3 b {
        font-size: 29px;
        line-height: 32px;
    }

    .page-content .content .breadcrumb {
        padding: 10px 15px;
    }

    body.rehberlik .title {
        font-size: 32px;
    }

    .page-content .content .breadcrumb {
        position: relative;
        z-index: 3;
        margin-bottom: 0;
    }

    .mobileMenu .menuContent1 {
        padding-top: 150px;
    }

    .mobileMenu .menuContent2.active {
        padding-top: 150px;
    }

    .mobileMenu .menuContent1 .btn-mobileonline {
        font-size: 14px;
    }

    .page-content .content .iletisim-content .item {
        padding: 50px 15px;
    }

    .sa-confirm-button-container .btn-primary:hover {
        background: #51207a !important;
        border-color: #51207a !important;
    }

    section.kurslarimiz .kurs .text {
        padding-left: 15px;
    }

    section.kurslarimiz .kurs .baslik {

        font-size: 17px;

        margin-bottom: 0;

    }

    section.kurslarimiz .kurs .detay {

        font-size: 10px;

    }

    section.kurslarimiz .kurs .icon {

        width: 100px;

        height: 28px;

        right: 10px;

        top: 24px;
    }

    section.sinav-takvimi .header .content h4 {
        font-size: 27px;
    }


    .page-content .content {
        padding-top: 130px;
    }

    .button-toggle {
        top: 25px;
    }


}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    section.slider .swiper-wrapper .swiper-slide {
        background-position: 42%;
    }

    header .menu .navbar-nav > li > a {
        font-size: 12px;
    }

    section.slider .basarilar {
        bottom: -30px;
    }

    section.kurslarimiz .kurs .icon {
        -webkit-mask-position: right;
    }

    section.kurslarimiz {
        margin-top: 100px;
    }

    section.basarilar-banner .banner img {
        position: absolute;
        opacity: 0.4;
        top: -10px;
        left: 0;
        height: 100%;
        margin: 0;
    }

    section.basarilar-banner .banner .title {
        margin-left: 15px;
    }

    section.basarilar-banner .banner ul li {
        justify-content: space-between;
        text-align: right;
        padding-right: 15px;
    }

    section.basarilar-banner .banner ul li b {
        justify-content: flex-start;
    }

    section.sinav-takvimi .slider-content .owl-sinav-takvimi .item .item-container {
        padding: 40px 10px 40px 25px;
    }

    section.teste-katil .banner {
        justify-content: flex-start;
    }

    section.teste-katil .banner .text {
        padding-left: 15px;
        width: 40%;
    }

    section.teste-katil .banner .img-container {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        max-height: 100%;
        width: auto;
    }

    section.teste-katil .banner .img-container img {
        height: 100%;
        width: auto;
    }

    footer {
        padding: 110px 0 30px;
    }

    body.kurslarimiz .kurslarimiz .kurs .text {
        padding-left: 15px;
    }

    body.kurslarimiz .kurslarimiz .kurs .icon {
        right: 15px;
    }

    body.kurslarimiz .page-content {
        min-height: 800px;
    }

    section.sinavTakvimiDetay .denemesinavlari {
        padding-right: 30px;
    }

    footer .iletisim-bilgileri .item {
        margin-bottom: 15px;
    }

    body {
        width: 100vw;
        overflow-x: hidden;
    }

    section.teste-katil .banner:before {
        display: none;
    }


}


/*# sourceMappingURL=responsive.css.map */