@media(min-width:1200px) {
    .container {
        padding-right: 60px;
        padding-left: 60px
    }
    .container-fluid {
        padding-right: 60px;
        padding-left: 60px
    }
}

@media only screen and (max-width:1629px) {
    .cards__item-inner {
        width: 100%;
        background-size: cover;
        background-position: 50%;
        display: block;
        text-decoration: none;
        color: currentColor;
        padding: 8px 24px;
        position: relative;
    }
    .cards__item-text {
        color: #ffffff;
        font-size: 16px;
        line-height: 1.75;
        display: block;
        min-height: 224px;
    }
}


@media only screen and (max-width:1439px) {
    .header-full-page {
        display: none
    }
}

@media only screen and (max-width:1199px) {
    .article-listing-item__content {
        padding: 40px
    }
    .articles-list__item {
        margin-bottom: 50px
    }
    .awards-block__year {
        width: 20%;
        min-width: 20%
    }
    .awards-block__text {
        width: 50%;
        font-size: 16px;
        margin-bottom: 30px
    }
    .clients__list {
        margin-left: -20px;
        margin-right: -20px
    }
    .clients__item {
        padding-right: 20px;
        padding-left: 20px
    }
    .featured-block__item {
        width: 50%
    }
    .grid-block__item {
        min-height: 280px
    }
    .header__menu-button_fixed {
        right: 2px
    }
    .main-slide__title {
        font-size: 160px
    }
    .main-slide_size_medium .main-slide__title {
        font-size: 140px
    }
    .panorama-slider__container {
        padding: 0 20px
    }
    .panorama-slider2__controls {
        right: 15px
    }
    .parallax-block__title {
        font-size: 140px
    }
    .parallax-image {
        height: 400px
    }
    .project-slider__container {
        padding: 0 20px
    }
    .revolution-slider .tparrows.tp-leftarrow {
        left: 10px!important
    }
    .revolution-slider .tparrows.tp-rightarrow {
        right: 10px!important
    }
    .zoom-counter__card {
        width: 40%;
        min-width: 40%;
        margin-right: 10%
    }
    .zoom-counters__value {
        min-width: 1.8em
    }
    .no-mobile .zoom-image-head {
        margin-bottom: 300px
    }
    .zoom-slider__header {
        margin-bottom: 66px
    }
    .zoom-slider__filter-link:not(:last-child) {
        margin-right: 40px
    }
    .zoom-slider__button {
        padding: 22px 15px
    }
    .zoom-slider__button-title {
        font-size: 38px
    }
    .zoom-slider__control_prev {
        left: 15px
    }
    .zoom-slider__control_next {
        right: 15px
    }
}

@media only screen and (min-width:991px) {
    .socials__social {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 32px;
        width: 32px;
        border: 1px solid #ccc;
        color: #fff;
        border-radius: 100%;
        text-decoration: none;
        font-size: 13px;
        margin-bottom: 15px;
        transition: all .3s;
    }
    .header-fixed__bottom {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .team-block__body {
        padding-bottom: 105px
    }
    .footer-default__bottom {
        margin-top: 70px;
        display: -ms-flexbox;
        display: flex;
        color: #ffffff;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .articles-block__head {
        display: -ms-flexbox;
        /* display: flex; */
        -ms-flex-align: start;
        /* align-items: flex-start; */
        /* width: 100%; */
        margin-bottom: 27px;
    }

    .header__menu-button {
        position: absolute;
        right: -13px;
        top: 50%;
        margin-top: -25px;
        border: 0;
        color: #ffffff;
        width: 50px;
        height: 50px;
        background: 0 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        transition: color .5s;
        z-index: 2;
        display: none;
    }
    .articles-block__head-link {
        display: inline-block;
        vertical-align: top;
        margin-left: 474px;
        color: #999;
        margin-top: -16px;
        font-size: 16px;
    }
    .mobil-img{
        width: 66%;
    }
    .logo .logo-siyah {
        height: 70px;
        width: auto;
    }
}
.logo .logo-beyaz {
    height: 70px;
    width: auto;
}
@media only screen and (max-width:991px) {
    .footer-default__bottom {
        margin-top: 0px;
        display: -ms-flexbox;
        display: flex;
        color: #ffffff;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .logo .logo-siyah {
        height: 58px;
        width: auto;
        padding-bottom: 5px;
    }
    .header__menu-button {
        position: absolute;
        right: -6px;
        top: 33%;
        /*margin-top: -25px;*/
        border: 0;
        color: #FFFFFF;
        width: 50px;
        height: 50px;
        background: 0 0;
        /*display: -ms-flexbox;*/
        display: flex;
        /*-ms-flex-align: center;*/
        /*align-items: center;*/
        /*-ms-flex-pack: center;*/
        /*justify-content: center;*/
        /*transition: color .5s;*/
        z-index: 2
    }
    .articles-block__head-link {
        display: inline-block;
        vertical-align: top;
        margin-left: 85px;
        color: #999;
        margin-top: -88px;
        font-size: 16px;
    }
    .team-block__body {
        padding-bottom: 0px
    }
    .mobil-img{
        width: 52%;
    }
    .articles-block__head {
        display: -ms-flexbox;
        /* display: flex; */
        -ms-flex-align: start;
        /* align-items: flex-start; */
        /* width: 100%; */
        margin-bottom: -17px;
    }
    .header_is_fixed .header__menu-button {
        position: absolute;
        right: -6px;
        top: 33%;
        /*margin-top: -25px;*/
        border: 0;
        color: #000000;
        width: 50px;
        height: 50px;
        background: 0 0;
        /*display: -ms-flexbox;*/
        display: flex;
        /*-ms-flex-align: center;*/
        /*align-items: center;*/
        /*-ms-flex-pack: center;*/
        /*justify-content: center;*/
        /*transition: color .5s;*/
        z-index: 2
    }
    .header_is_fixed .header__menu-button_fixed{
        position: absolute;
        right: -6px;
        top: 6%;
        /*margin-top: -25px;*/
        border: 0;
        color: #000000;
        width: 50px;
        height: 50px;
        background: 0 0;
        /*display: -ms-flexbox;*/
        display: flex;
        /*-ms-flex-align: center;*/
        /*align-items: center;*/
        /*-ms-flex-pack: center;*/
        /*justify-content: center;*/
        /*transition: color .5s;*/
        z-index: 2
    }
    .header__menu-button_fixed{
        position: absolute;
        right: -6px;
        top: 6%;
        /*margin-top: -25px;*/
        border: 0;
        color: #000000;
        width: 50px;
        height: 50px;
        background: 0 0;
        /*display: -ms-flexbox;*/
        display: flex;
        /*-ms-flex-align: center;*/
        /*align-items: center;*/
        /*-ms-flex-pack: center;*/
        /*justify-content: center;*/
        /*transition: color .5s;*/
        z-index: 2
    }
    .header-fixed__bottom {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: justify;
        justify-content: space-between;
        display: none;
    }
    .socials__social {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 32px;
        width: 32px;
        border: 1px solid #ccc;
        color: #000000;
        border-radius: 100%;
        text-decoration: none;
        font-size: 13px;
        margin-bottom: 15px;
        transition: all .3s;
    }
    .socials__social.socials__soc {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 32px;
        width: 32px;
        border: 1px solid #ccc;
        color: #FFFFFF;
        border-radius: 100%;
        text-decoration: none;
        font-size: 13px;
        margin-bottom: 15px;
        transition: all .3s;
    }
    .main-slider__footer {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 20;
        height: 100%;
        width: 100%;
        display: none;
    }
    .article-listing-item {
        display: block
    }
    .article-listing-item__cover {
        width: 100%;
        padding-bottom: 45%
    }
    .article-listing-item__content {
        width: 100%
    }
    .article-listing-item__text {
        min-height: auto
    }
    .contact-block__text {
        margin-bottom: 50px
    }
    .contact-block__submit {
        margin-top: 50px
    }
    .full-screen-block__label {
        padding-top: 24px;
        font-size: 16px
    }
    .full-screen-block__label-value {
        font-size: 32px
    }
    .full-screen-block__link {
        font-size: 24px
    }
    .full-screen-block__counter {
        font-size: 32px
    }
    .main-slide__title {
        font-size: 140px
    }
    .main-slide_size_medium .main-slide__title {
        font-size: 120px
    }
    .main-slide__label {
        padding-top: 24px;
        font-size: 16px
    }
    .main-slide__label-value {
        font-size: 32px
    }
    .main-slide__link {
        font-size: 24px
    }
    .main-slide__counter {
        font-size: 32px
    }
    .menu-panel {
        width: 50%
    }
    .news-masonry-item__text {
        min-height: auto
    }
    .panorama-slider__menu-link {
        min-width: 50px;
        margin-left: 20px
    }
    .panorama-slider2__title {
        font-size: 100px
    }
    .panorama-slider2__label {
        margin-top: 40px;
        font-size: 16px
    }
    .panorama-slider2__label-icon {
        font-size: 60px
    }
    .panorama-slider2__label-value {
        font-size: 26px;
        margin-top: 10px
    }
    .panorama-slider2__link {
        font-size: 24px
    }
    .parallax-block__title {
        font-size: 120px
    }
    .parallax-block__label {
        padding-top: 24px;
        font-size: 16px
    }
    .person-block {
        padding: 40px 50px
    }
    .posts__item:not(:last-child) {
        margin-bottom: 30px
    }
    .project-block__title {
        margin-bottom: 30px
    }
    .project-block__project {
        margin-bottom: 30px
    }
    .project-block__project-content {
        padding: 30px
    }
    .project-block__project-content-inner {
        padding-right: 0
    }
    .project-block__project-title {
        font-size: 40px
    }
    .project-block__project-more {
        display: block;
        margin-top: 18px;
        position: relative;
        right: auto;
        bottom: auto
    }
    .project-slider__menu-link {
        min-width: 50px;
        margin-left: 20px
    }
    .specialization-block__item {
        max-width: none
    }
    .studio-intro-slide__link {
        font-size: 24px
    }
    .studio-main-slide__link {
        font-size: 24px
    }
    .team-block__control {
        top: 35%
    }
    .top-menu__menu-item:not(:last-child) {
        margin-right: 30px;
        list-style: none;
    }
    .top-menu__menu-item{
        list-style: none;
    }
    .zoom-counter__card {
        width: 45%;
        min-width: 45%;
        margin-right: 5%
    }
    .zoom-services__item {
        width: 50%
    }
    .zoom-services__item-text {
        font-size: 14px
    }
    .zoom-slider__filter-link:not(:last-child) {
        margin-right: 35px
    }
    .zoom-slider__slider-wrapper:before,
    .zoom-slider__slider-wrapper:after {
        display: none
    }
}

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

    .article-listing-item__content {
        padding: 20px
    }
    .articles-block__item {
        width: 100%
    }
    .articles-grid__item {
        width: 100%
    }
    .articles-list__item {
        margin-bottom: 20px
    }
    .awards-block__item {
        margin-bottom: 20px
    }
    .awards-block__text {
        width: 100%
    }
    .clients__list {
        margin-left: 0;
        margin-right: 0;
        display: block
    }
    .clients__item {
        padding-left: 0;
        padding-right: 0
    }
    .clients__item:not(:last-child) {
        margin-bottom: 60px
    }
    .featured-block__title {
        margin-bottom: 40px
    }
    .featured-block__item {
        width: 100%
    }
    .footer-default__column {
        margin-bottom: 40px
    }
    .footer-interior {
        padding-top: 60px;
        font-size: 14px;
        padding-bottom: 0
    }
    .footer-interior__column {
        margin-bottom: 30px
    }
    .footer-interior__bottom {
        margin-top: 30px
    }
    .footer-minimal {
        padding-top: 60px;
        padding-bottom: 0
    }
    .footer-minimal__column {
        margin-bottom: 30px
    }
    .footer-minimal__bottom {
        margin-top: 30px
    }
    .footer-studio {
        padding-top: 60px;
        font-size: 14px;
        padding-bottom: 0
    }
    .footer-studio__column {
        margin-bottom: 30px
    }
    .footer-studio__bottom {
        margin-top: 30px
    }
    .full-screen-block__subtitle {
        font-size: 18px
    }
    .full-screen-block__title-wrapper {
        display: block
    }
    .full-screen-block__label {
        display: none
    }
    .full-screen-block__text {
        font-size: 16px
    }
    .grid-block__item {
        min-height: 220px
    }
    .header-fixed__bottom {
        display: none
    }
    .header-full-page__bottom {
        display: none
    }
    .info-card-content__list-item-text {
        font-size: 14px
    }
    .info-card-content__social:not(:first-child) {
        margin-left: 12px
    }
    .main-slide__subtitle {
        font-size: 18px
    }
    .main-slide__title-wrapper {
        display: none;
    }
    .main-slide__title {
        font-size: 120px
    }
    .main-slide_size_medium .main-slide__title {
        font-size: 85px
    }
    .main-slide__label {
        text-align: left
    }
    .main-slide__label-value {
        text-align: left
    }
    .main-slide__text {
        font-size: 16px
    }
    .menu-panel {
        width: 100%;
        max-width: 100%
    }
    .minimal-head-block {
        padding-top: 180px;
        padding-bottom: 80px
    }
    .minimal-head-block__title br {
        display: none
    }
    .minimal-head-block__title {
        font-size: 60px
    }
    .minimal-head-block__label {
        height: 60px
    }
    .minimal-head-block__text {
        font-size: 16px
    }
    .news-masonry-item__content {
        padding: 20px
    }
    .panorama-slider2__subtitle {
        font-size: 16px
    }
    .panorama-slider2__title-wrapper {
        display: block
    }
    .panorama-slider2__label {
        display: none!important
    }
    .panorama-slider2__text {
        font-size: 16px
    }
    .panorama-slider2__footer:after {
        right: 0
    }
    .panorama-slider2__footer-menu {
        width: 100%
    }
    .panorama-slider2__controls {
        margin-top: 0;
        margin-bottom: 30px;
        top: auto;
        bottom: 100%
    }
    .panorama-slider2__control {
        margin-left: 15px;
        width: 40px;
        height: 40px;
        font-size: 16px
    }
    .parallax-block__title-wrapper {
        display: block
    }
    .parallax-block__title {
        font-size: 100px
    }
    .parallax-block__label {
        text-align: left
    }
    .parallax-block__play {
        margin-top: 30px;
        margin-left: 0
    }
    .parallax-block__download-link {
        font-size: 20px
    }
    .parallax-block__download-icon {
        margin-right: 14px;
        font-size: 28px
    }
    .parallax-block__download-text {
        margin-top: 0
    }
    .person-block {
        padding: 20px
    }
    .person-block__image {
        width: 80px;
        min-width: 80px;
        margin-right: 20px
    }
    .project-block {
        padding-top: 80px
    }
    .project-block__image-wrapper_offset {
        margin-top: 0
    }
    .project-block__reviews {
        margin-bottom: 60px
    }
    .projects-block__title {
        margin-bottom: 40px
    }
    .review-slider__slider {
        margin-bottom: 40px
    }
    .reviews-block__title {
        margin-bottom: 40px
    }
    .reviews-block__slide {
        padding: 30px 15px
    }
    .reviews-block__text {
        font-size: 16px
    }
    .reviews-block__person-image {
        width: 40px;
        height: 40px;
        min-width: 40px;
        margin-right: 15px
    }
    .reviews-block__quote {
        width: 20px!important
    }
    .single-post__posts-list {
        display: block
    }
    .single-post__posts-item {
        width: 100%
    }
    .socials {
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .specialization-block__item {
        margin-left: auto;
        margin-right: auto
    }
    .studio-filter__inner {
        display: block
    }
    .studio-intro-slide__subtitle {
        font-size: 18px
    }
    .studio-intro-slide__title-wrapper {
        display: block
    }
    .studio-intro-slide__text {
        font-size: 16px
    }
    .studio-main-slide__subtitle {
        font-size: 18px
    }
    .studio-main-slide__title-wrapper {
        display: block
    }
    .studio-main-slide__text {
        font-size: 16px
    }
    .studio-reviews__head {
        display: block
    }
    .team-block__slide {
        padding: 30px 15px
    }
    .team-block__control {
        top: 40%
    }
    .top-menu__bottom {
        display: none
    }
    .zoom-counter {
        padding: 30px 0
    }
    .zoom-counter__inner {
        display: block
    }
    .zoom-counter__card {
        width: 100%;
        margin-right: 0
    }
    .zoom-image-head__title {
        font-size: 80px;
        margin-bottom: 40px
    }
    .zoom-services__list {
        display: block
    }
    .zoom-services__item {
        width: 100%
    }
    .zoom-services__item-icon {
        margin-bottom: 25px
    }
    .zoom-slider__slider:after {
        display: none
    }
}

@media only screen and (min-width:575px) {
    .captcha_image{
        width: 12%;
    }
    .contact-page-section {
        position: relative;
        padding: 110px 0 0px;
    }
    .contact-block__form {
        display: block;
        margin-top: 72px
    }
    .contact-page-section .rs-quick-contact {
        background-color: #f9f8f8;
        padding: 70px 150px 70px;
    }
    .widget .widget-header img.wave {
        margin-top: 10px;
        width: 30%;
    }
    .single-post {
        padding-top: 85px;
        overflow: hidden
    }
    .cards-block {
        background-color: #fafafa;
        padding-top: 45px;
        padding-bottom: 30px
    }

    .top-menu__menu-link {
        color: #ffffff;
        font-family: inherit;
        text-decoration: none;
        transition: .3s ease;
        display: inline-block;
        vertical-align: top;
        position: relative;
        background: 0 0;
        border: none;
        cursor: pointer;
        /*text-transform: uppercase;*/
        font-size: 17px;
        font-weight: 600
    }

    .articles-block {
        padding-top: 71px;
        padding-bottom: 50px;
        overflow: hidden;
    }
    .zoom-counters__text {
        /*padding-top: 11px;*/
        font-size: 22px;
        line-height: 1.4;
        text-transform: uppercase;
        color: #666
    }
    .zoom-counters {
        padding-top: 50px;
        padding-bottom: 55px
    }

    .specialization-block {
        padding-top: 94px;
        padding-bottom: 51px;
    }
    .reviews-block__slider {
        margin-top: 76px
    }
    .zoom-counter__text {
        font-size: 16px;
        line-height: 1.75;
        color: #666;
        margin-bottom: 19px
    }
    .main-slide__link-wrapper {
        display: inline-block;
        vertical-align: top
    }
    .main-slide__subtitle-wrapper {
        display: inline-block;
        vertical-align: top;
        margin-bottom: 24px
    }
    .faaliyet{
        float: right;
    }
    .main-slider__footer {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 20;
        /*height: 100%;*/
        width: 100%;
    }



}
@media only screen and (max-width:575px) {
    .contact-page-section {
        position: relative;
        padding: 41px 0 0px;
    }
    .contact-block__form {
        display: block;
        margin-top: 0px
    }
    .captcha_image{
        width: 30%;
    }
    .contact-page-section .rs-quick-contact {
        background-color: #f9f8f8;
        padding: 21px 8px 38px;
    }
    .widget .widget-header img.wave {
        margin-top: 10px;
        width: 25%;
    }
    .single-post {
        padding-top: 40px;
        overflow: hidden
    }
    .cards-block {
        background-color: #fafafa;
        padding-top: 0px;
        padding-bottom: 30px
    }
    .hakkimizda{
        padding-bottom: 15px;
    }

    .top-menu__menu-link {
        color: #000000;
        font-family: inherit;
        text-decoration: none;
        transition: .3s ease;
        display: inline-block;
        vertical-align: top;
        position: relative;
        background: 0 0;
        border: none;
        cursor: pointer;
        /*text-transform: uppercase;*/
        font-size: 17px;
        font-weight: 600;
        padding: 15px;
    }
    .articles-block {
        padding-top: 14px;
        padding-bottom: 0px;
        overflow: hidden;
    }
    .zoom-counters__text {
        /*padding-top: 11px;*/
        font-size: 22px;
        line-height: 2.4;
        text-transform: uppercase;
        color: #666
    }
    .zoom-counters {
        padding-top: 7px;
        padding-bottom: 23px
    }

    .specialization-block {
        padding-top: 26px;
        padding-bottom: 51px;
    }
    .reviews-block__slider {
        /*margin-top: 76px*/
    }
    .zoom-counter__text {
        font-size: 16px;
        line-height: 1.75;
        color: #666;
        margin-bottom: 22px
    }
    .main-slide__link-wrapper {
        display: inline-block;
        vertical-align: top;
        margin-top: 43px;
        margin-left: -69px;
    }
    .main-slide__subtitle-wrapper {
        display: inline-block;
        vertical-align: top;
        margin-bottom: 233px;
        padding-left: 68px;
    }
    .faaliyet{
        float: left;
    }
    .main-slide__text-wrapper{
        display: none;
    }

    .main-slider__footer {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 20;
        height: 100%;
        width: 100%;
        display: none;
    }
    .awards-block__item {
        display: block
    }
    .awards-block__year {
        width: 100%
    }
    .cards__item-inner {
        padding: 15px
    }
    .grid-block__item {
        min-height: 180px;
        padding: 60px 15px 15px
    }
    .grid-block__year {
        right: 15px;
        top: 15px
    }
    .info-card-content {
        padding: 12px 20px 20px
    }
    .info-card__button {
        height: 50px;
        padding: 0 20px
    }
    .main-slide__title {
        font-size: 70px
    }
    .main-slide_size_medium .main-slide__title {
        font-size: 50px
    }
    .panorama-slider__menu-link {
        display: none
    }
    .panorama-slider2__title {
        font-size: 70px
    }
    .panorama-slider2__footer-item:last-child {
        padding-right: 0
    }
    .panorama-slider2__footer-item {
        padding-right: 20px
    }
    .parallax-block__title {
        font-size: 60px
    }
    .project-block__title {
        font-size: 40px
    }
    .project-block__project-content {
        padding: 15px
    }
    .project-block__project-title {
        font-size: 34px
    }
    .project-slider__menu-link {
        display: none
    }
    .projects-block__controls {
        margin-top: 0
    }
    .quote__text {
        font-size: 20px
    }
    .single-post__intro {
        font-size: 20px
    }
    .studio-intro-slide__title {
        font-size: 70px
    }
    .studio-main-slide__title {
        font-size: 70px
    }
    .team-block__text {
        font-size: 16px
    }
    .zoom-image-head__subtitle {
        font-size: 20px
    }
    .zoom-image-head__subtitle {
        margin-bottom: 24px
    }
    .zoom-image-head__title {
        font-size: 60px;
        margin-bottom: 30px
    }
    .zoom-image-head__text {
        font-size: 16px
    }
}