/*Extra large devices (large desktops, 1200px and up)*/
@media (max-width: 1150) {

}

/*Large devices (desktops, 992px and up)*/
@media (max-width: 992px) {
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .cloudContent {
        display: none
    }
}

@media (max-width:768px) {
    .carousel-control-prev, .carousel-control-next{display:none}
    .navbar-light .navbar-nav .nav-link.active:before, .navbar-light .navbar-nav .nav-link:hover:before {
        display: none !important;
    }
    .navbar-light .navbar-nav .nav-link{
        text-align:center;
    }
    .subpageBanner h1 {
        font-size: 24px;
    } 
    .fixed-top {
        position: initial !important;
    }
    .blogitem .col-lg-4 {
        margin-bottom: 20px;
    }

    .upcommingEvents .title img {
        width: 32px;
        height: 32px;
    }

    .upcommingEvents p, .upcommingEvents {
        font-size: 18px;
    }

        .upcommingEvents span {
            font-size: 12px;
        }

        .upcommingEvents .title {
            margin-top: 11px;
        }

        .upcommingEvents .upcommingEventsControl {
            margin: 10px;
        }
    #bannerCarousel .carousel-caption p{
        font-size:28px;
    }
    
}

@media (max-width: 767px) {
    .urunContent iframe {
        width: 100% !important;
    }
    .image-frame .image-content {
        width: 100% !important;
    }
    .bulutimg {
        display: none;
    }

    .cloudContent {
        display: block
    }

    .stars .container {
        padding-bottom: 30px;
    }

    .nelervarneler img {
        padding: 0;
        padding-bottom: 10px;
    }
    .editor img{
        float:none;width:100%;
        max-width:100%;
        margin:0 auto;
    }
}

@media (max-width: 767px) and (min-width:370px) {
    .imgDar, .imgGenis {
        width: 340px !important;
        margin: auto auto;
    }

    .nelervarnelerTitle {
        float: none !important;
        margin: 0 auto;
        display: table;
    }
}
/*Small devices (landscape phones, 576px and up)*/

@media (max-width: 576px) {
    .subpageBanner .sub-title a{
        font-size:10px;
    } 
    .subpageBanner h1 {
        font-size: 18px;
    }
    .subpageBanner .sub-title{
        bottom:1%;
    }
    .upcommingEventsControl {
        display: none !important;
    }
    .upcommingEvents .title{
        margin:0 auto;
        display:table;
        padding-top:5px;
    }
    .upcommingEvents .title p{
        float:right;
    }
    .upcommingEvents .title img {
        float:left;
    }
    #upcommingEventsCarousel .carousel-item.active {
        text-align: center;
    }
    .upcommingEvents .title img {
        width: 18px;
        height: 18px;
       
    }

    .upcommingEvents p, .upcommingEvents {
        font-size: 14px;
        padding:0;
        padding-left:5px;
    }

        .upcommingEvents span {
            font-size: 12px;
        }

}

@media (max-width: 370px) {
    .imgDar, .imgGenis {
        width: 100% !important;
    }
}