/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {

    ul.nav li.dropdown:hover ul.dropdown-menu,
    ul.nav li.dropdown.open ul.dropdown-menu {
        opacity: 1;
        visibility: visible;
        display: inherit;
    }

    ul.nav li.dropdown ul.dropdown-menu {
        display: inherit;
        -webkit-transform: initial !important;
        transform: initial !important;
        opacity: 0;
        visibility: hidden;
        transition: opacity .25s linear;
        -webkit-transition: opacity .25s linear;
    }

    footer .footerMenu.p-left {
        padding-left: 30px;
    }

    .green .navbar-brand .logo {
        display: block;
    }

    /*.green.shrink .navbar-brand .logo {*/
        /*display: none;*/
    /*}*/

    .green .navbar-brand .logo-icon {
        display: none;
    }

    /*.green.shrink .navbar-brand .logo-icon {*/
        /*display: block;*/
    /*}*/

    /*.green.shrink .navbar-brand .logo-icon {*/
        /*padding: 10px 0;*/
        /*height: auto;*/
        /*width: 90px;*/
    /*}*/
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
    .modal-dialog {
        width: 780px;
        margin: 30px auto;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {

}

@media only screen and (min-width: 1400px) {

}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1199px) {
    .navbar-nav > li > a {
        font-size: 14px;
        padding: 15px 30px;
    }

    .sideMenu > span {
        font-size: 16px;
    }

    .sideMenu > ul > li > a {
        font-size: 15px;
        font-weight: 500;
        padding: 5px 15px;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 991px) {
    footer .footerMenu.grid-2 li {
        width: 50%;
        float: left;
    }

    .contactPage.contactList li {
        display: block;
    }

    .topBar ul {
        font-size: 13px;
        font-weight: 500;
        margin-top: 0px;
        float: right;
    }

    .breadcrumbWrapper,
    .breadcrumbWrapper .text-right {
        text-align: center !important;
    }

    .breadcrumbWrapper {
        line-height: 23px;
        padding: 10px 0;
    }

    .hizmetPage h1 {
        margin-top: 40px;
    }

    .sub-header .sub-header-content h2 {
        font-size: 21px !important;
    }

    .sub-header .sub-header-content span {
        font-size: 14px !important;;
    }

    .latestWorksPage .item .content .desc h4 {
        margin-top: 6px;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width: 767px) {
    #owl-slider .caption {
        font-size: 20px;
    }

    .pushmenu .push_nav {
        width: 100%;
    }

    .pushmenu.pushmenu-right {
        padding: 120px 20px 20px 20px;
    }

    .navbar-brand {
        width: 150px;
        float: none;
        display: block;
        padding: 5px 0;
    }

    .navbar-toggle {
        border: 1px solid #318bc3;
        border-radius: 0;
        margin-top: 15px;
        margin-right: 0;
    }

    .navbar-toggle .icon-bar {
        background-color: #318bc3;
    }

    .navbar-nav > li > a {
        border: 0;
        text-align: center;
        color: #318bc3;
    }

    #owl-urunler .owl-next {
        right: -15px;
    }

    #owl-urunler .owl-prev {
        left: -15px;
    }

    .topBar {
        text-align: center;
        padding: 0 !important;
        display: none;
    }

    .topBar ul {
        margin-top: 0;
    }

    footer .footerMenu.grid-2 li {
        width: 98%;
        float: left;
    }

    .navbarWrapper {
        background-color: #fff;
    }

    .sub-header-1 {
        height: 300px;
    }

    .pushmenu {
        width: 100%;
    }

    .inografi {
        display: none;
    }

    .blogItem .p-l-0 {
        padding-left: 15px !important;
    }

    .hizmetItem {
        min-height: 275px;
    }

    .container-fluid .container-fluid {
        margin-right: -15px;
        margin-left: -15px;
    }

    #menu_bars {
        right: 0;
        top: 3px;
    }

    .latestWorksPage .item .content {
        padding: 10px 18px;
    }

    .pushmenu .push_nav > li > a {
        font-size: 19px;
        margin: 0 5px 0px 5px;
    }

    #menu_bars {
        width: 50px;
    }

    .navbar {
        background: #2a2a2a;
    }

    #index5 .navbar.navbar-fixed-top.green {
        position: relative !important;
    }

    #index5.aboutUs .navbar.navbar-fixed-top.green {
        position: fixed !important;
    }

    #index5 .navbar.navbar-fixed-top.green.shrink {
        position: fixed !important;
    }

    .mobileLogo {
        position: absolute;
        top: 25px;
        left: 15px;
        z-index: 9;
        width: 150px;
    }

    .workItem {
        margin: 15px 0;
    }

    .footerMenu {
        float: none;
        text-align: center;
    }

    .footerMenu li {
        display: block;
    }
    .faaliyetItem .desc{
        padding: 15px !important;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 479px) {
    .owl-thumbs {
        display: none;
    }

    #owl-slider .caption {
        bottom: 15px;
        font-size: 16px;
    }

    .rev_slider .tp-caption {
        font-size: 14px !important;
        line-height: 18px !important;
    }

    .latestWorksPage .item .content {
        padding: 10px 18px;
    }

    .latestWorksPage .item .content .desc h4 {
        margin-top: 5px;
        font-size: 15px;
    }

    .latestWorksPage .item .content .desc p {
        font-size: 13px;
    }

    .latestWorksPage .item .content .desc .btn {
        right: 0;
        font-size: 11px !important;
        background-color: rgba(10, 134, 146, 0.69);
    }

    #welcomePage .lastWorks .item .content .desc {
        font-size: 20px;
    }

    #welcomePage .lastWorks .item .content .desc span {
        font-size: 18px;
    }

    .hashtags {
        font-size: 18px;
        margin: 0;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width: 320px) {
    .hashtags {
        font-size: 15px;
        margin: 0;
    }
}