﻿/*Anasayfa Banner Mobil Ayarı*/
.showcase-style-2 .container-fluid .slider-wrapper .slider-item {
    background-size: 100% 100%;
}

@media (max-width: 319px) {
    .showcase-style-2 .container-fluid .slider-wrapper .slider-item {
        height: 57vw !important;
        min-height: auto !important;
    }

    .showcase-style-2 .container-fluid {
        height: 57vw !important;
    }

    .showcase-style-2 {
        height: auto;
    }

        .showcase-style-2 .container-fluid .slider-wrapper .slider-item .v-container video {
            width: 100%;
        }

        .showcase-style-2 .container-fluid .indicator-style-2 {
            width: 150px !important;
            right: 19px !important;
        }

    .clsHizliErisim {
        margin: 15px;
    }

    .block-links .post-wrapper, .block-links .career-content, .block-links .content-calendar {
        height: inherit;
    }
}

@media (min-width: 320px) and (max-width:375px) {
    .showcase-style-2 .container-fluid .slider-wrapper .slider-item {
        /*height: 25vh !important;*/
        height: 57vw !important;
    }

    .showcase-style-2 .container-fluid {
        height: 57vw !important;
    }

        .showcase-style-2 .container-fluid .slider-wrapper .slider-item {
            min-height: auto !important;
        }

    .showcase-style-2 {
        height: auto;
    }

        .showcase-style-2 .container-fluid .slider-wrapper .slider-item .v-container video {
            width: 100%;
        }

    .clsHizliErisim {
        margin: 15px;
    }

    .block-links .post-wrapper, .block-links .career-content, .block-links .content-calendar {
        height: inherit;
    }
}

@media (min-width: 376px) and (max-width:425px) {
    .showcase-style-2 .container-fluid .slider-wrapper .slider-item {
        /*height: 28vh !important;*/
        height: 57vw !important;
    }

    .showcase-style-2 .container-fluid {
        height: 57vw !important;
    }

        .showcase-style-2 .container-fluid .slider-wrapper .slider-item {
            min-height: auto !important;
        }

    .showcase-style-2 {
        height: auto;
    }

        .showcase-style-2 .container-fluid .slider-wrapper .slider-item .v-container video {
            width: 100%;
        }

        .showcase-style-2 .container-fluid .indicator-style-2 {
            width: 150px !important;
            right: 19px !important;
        }

    .clsHizliErisim {
        margin: 15px;
    }

    .block-links .post-wrapper, .block-links .career-content, .block-links .content-calendar {
        height: inherit;
    }
}

@media (min-width:426px) and (max-width:768px) {
    body.kingster-body-front .kingster-container {
        max-width: none;
    }

    .showcase-style-2 .container-fluid .slider-wrapper .slider-item {
        /*background-size: cover;*/
        min-height: auto;
        background-size: 100% 100%;
    }

    .showcase-style-2 .container-fluid .slider-wrapper .slider-item {
        /*height: 50vh !important;*/
        height: 57vw !important;
    }

    .showcase-style-2 .container-fluid {
        height: 57vw !important;
    }

    .showcase-style-2 {
        height: auto;
    }

        .showcase-style-2 .container-fluid .slider-wrapper .slider-item .v-container video {
            width: 100%;
        }

        .showcase-style-2 .container-fluid .indicator-style-2 {
            width: 150px !important;
            right: 19px !important;
        }

    .clsHizliErisim {
        margin: 20px 0px 0px 20px;
    }

    .block-links .column-career .company-item {
        margin-bottom: 17px;
    }

    .block-links .post-wrapper, .block-links .career-content, .block-links .content-calendar {
        height: inherit;
    }
}

/*    @@media (max-width: 375px) and (min-width:768px) {
        .showcase-style-2 .container-fluid .slider-wrapper .slider-item {
            height: 25vh !important;
        }
    }*/
@media (min-width:769px) and (max-width:1024px) {
    .showcase-style-2 .container-fluid .slider-wrapper .slider-item {
        /*height: 69vh !important;*/
        height: 57vw !important;
        min-height: auto !important;
    }

    .showcase-style-2 .container-fluid {
        height: 57vw !important;
    }

        .showcase-style-2 .container-fluid .indicator-style-2 {
            width: 150px !important;
            right: 19px !important;
        }


    .clsHizliErisim {
        margin: 20px 0px 20px 0px;
    }

    .block-links .post-wrapper, .block-links .career-content, .block-links .content-calendar {
        height: 500px;
    }

    .container {
        width: 100% !important;
        max-width: 100%;
    }

    @media (min-width:1025px) and (max-width:1440px) {
        .showcase-style-2 .container-fluid .slider-wrapper .slider-item {
            background-position: right 47px;
            background-size: 100% 100%;
            top: 0px !important;
        }

        .clsHizliErisim {
            margin: 20px 0px 20px 0px;
        }

        .block-links .post-wrapper, .block-links .career-content, .block-links .content-calendar {
            height: inherit;
        }
    }

    @media (min-width:1440px) {
        .showcase-style-2 .container-fluid .slider-wrapper .slider-item {
            background-position: right 47px;
            background-size: 100% 100%;
            top: 0px !important;
        }

        .clsHizliErisim {
            margin: 20px 0px 20px 0px;
        }
    }
}

@media (max-width: 768px) {
    .showcase-style-2 .container-fluid .indicator-style-2 .current {
        font-size: 1.8rem !important;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.9), -1px -1px 1px rgba(0,0,0,0.9), 1px -1px 1px rgba(0,0,0,0.9), -1px 1px 1px rgba(0,0,0,0.9), 0 0 4px rgba(0,0,0,0.7) !important;
    }

    .showcase-style-2 .container-fluid .indicator-style-2 .total,
    .showcase-style-2 .container-fluid .indicator-style-2 .divider {
        font-size: 1.1rem !important;
        text-shadow: 1px 1px 1px rgba(0,0,0,0.9), -1px -1px 1px rgba(0,0,0,0.9), 1px -1px 1px rgba(0,0,0,0.9), -1px 1px 1px rgba(0,0,0,0.9), 0 0 4px rgba(0,0,0,0.7) !important;
    }
}
