html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

.nyil {
    max-height: 50px;
}

.custom-dropdown {
    padding: 5px 25px 5px 13px!important;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%!important;
}

@media(max-width:767px) {
    nav.navbar.navbar-default {
        height: 67px!important;
    }
    .nyil {
        max-height: 30px!important;
    }
    .carousel-indicators {
        bottom: -5px!important;
    }
    #myCarousel {
        height: 220px;
    }
    .carousel-inner .item img {
        max-width: 250px!important;
    }
    .carousel-caption.first {
        left: calc(5% + .5vw);
        right: calc(5% + .5vw);
        /*top: calc(5px + .5vw);
        bottom: inherit;*/
        bottom: 0px;
        padding-top: 15px;
    }
    .carousel-caption.sec {
        left: calc(20% + .5vw);
        right: calc(20% + .5vw);
        top: inherit;
        bottom: 17px;
        padding-top: 15px;
    }
    .carousel-caption.third {
        left: calc(20% + .5vw);
        right: calc(20% + .5vw);
        top: inherit;
        bottom: 13px;
        padding-top: 15px;
    }
    .carousel-caption p {
        font-size: calc(12px + .5vw);
    }
    .menu-image {
        height: 16px;
        width: 16px;
        margin-right: 5px;
        margin-top: 3px;
        position: relative;
        float: left;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .navbar-nav .dropdown-menu>li>a {
        color: #ffffff!important;
    }
    .navbar-header img.img-responsive {
        max-height: 40px;
        margin-top: 13px;
        margin-left: 13px;
    }
}

@media(min-width:768px) {
    .carousel-caption.first {
        left: 32%;
        right: 32%;
        top: 16px;
        bottom: inherit;
    }
    .carousel-caption.sec {
        left: calc(25% + .5vw);
        right: calc(25% + .5vw);
        top: inherit;
        bottom: 10px;
        padding-top: 15px;
    }
    .carousel-caption.third {
        left: calc(25% + .5vw);
        right: calc(25% + .5vw);
        top: inherit;
        bottom: 7px;
        padding-top: 15px;
    }
    .carousel-caption p {
        font-size: calc(14px + .5vw);
    }
    .menu-image {
        height: 20px;
        margin-right: 5px;
    }
    .navbar-header img.img-responsive {
        max-height: 40px;
        margin-top: 13px;
        margin-left: 13px;
    }
}

@media(min-width:992px) {
    .carousel-caption.first {
        left: 32%;
        right: 32%;
        top: 16px;
        bottom: inherit;
    }
    .carousel-caption p {
        font-size: calc(14px + .5vw);
    }
    .menu-image {
        height: 24px;
        margin-right: 5px;
    }
    .navbar-header img.img-responsive {
        max-height: 50px;
        margin-top: 13px;
        margin-left: 13px;
    }
}

@media(min-width:1200px) {
    #settings-container {
        margin-left: 25%;
        margin-right: 25%;
    }
    .carousel-caption.first {
        left: 32%;
        right: 32%;
        top: 16px;
        bottom: inherit;
    }
    .carousel-caption p {
        font-size: calc(14px + .5vw);
    }
    .menu-image {
        height: 28px;
        margin-right: 5px;
    }
}

.navbar-default {
    background-color: #000000;
}

.container>.navbar-header,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-collapse {
    margin-bottom: 10px;
}

.navbar-toggle {
    margin-top: 15px!important;
}