@media screen and (max-width: 2000px) {
}

@media screen and (min-width: 1761px) {
    .container {
        max-width: 80.625rem;
        width: 80.625rem;
    }

    .urun-main {
        width: 300px;
    }
}

@media screen and (max-width: 1600px) {
}

@media screen and (max-width: 1440px) {
}

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

}

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

}

@media screen and (max-width: 1360px) {
}

@media screen and (max-width: 1280px) {
}

@media screen and (min-width: 1201px) {
    .container {
        max-width: 80.625rem;
        width: 80.625rem;
    }
}

@media screen and (max-width: 1200px) {
    .container {
        max-width: 100% !important;
        width: 100% !important;
    }

    .urun-main {
        width: calc((100% - 80px) / 4);
    }
}

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

}

@media screen and (max-width: 1024px) {
    .urun-main {
        width: calc((100% - 60px) / 3);
        margin: 10px !important;
    }

    .urun-main img {
        height: 150px;
    }
}

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

}

@media screen and (max-width: 992px) {
    .container {
        margin: 0;
        max-width: 100% !important;
    }

    .hotel-right, .hotel-left {
        width: 50%;
    }
}

@media screen and (max-width: 885px) {
    .iletisim-col {
        width: 30% !important;
    }

    .nav-link {
        padding: 0 10px;
    }

    .iletisim-banner > div:nth-child(1) a {
        font-size: calc(20px + 8 * ((100vw - 1000px) / 680));
    }

    .iletisim-banner > div:nth-child(2) {
        width: 78% !important;
    }
}

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

}

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

    .iletisim-banner > div:nth-child(2) {
        width: 100% !important;
    }

    #logo span {
        font-size: calc(32px + 6 * ((100vw - 800px) / 680));
    }

    .iletisim-col {
        width: 50% !important;
        height: 150px;
        padding: 0;
    }

    .slider-right, .slider-left {
    }

    h1 {
        font-size: calc(2em + 6 * ((100vw - 800px) / 680));
    }

    h4 {
        font-size: calc(1.33em + 6 * ((100vw - 800px) / 680));
    }

    h6 {
        font-size: calc(1em + 6 * ((100vw - 800px) / 680));
    }
}

@media screen and (max-width: 768px) {
    .p-none-m768 {
        padding: 0 !important;
    }

    .d-768-none {
        display: none !important;
    }
    .m-w-100{
        min-width: 100%!important;
    }

    #logo span {
        margin-top: -10px;
    }

    .responsive-menu ul {
        text-align: center;
        width: 100%;
        float: none;
        display: inline-block;
    }

    .mt-sm-60px {
        margin-top: 50px !important;
    }

    .ul.nav-menu li a {
        font-size: calc(1em + 12 * ((100vw - 1000px) / 768)) !important;
    }

    .info-main {
        width: 100%;
        float: left !important;
    }

    .info-icon {
        float: left;
        font-size: 14px;
        margin: 10px 0px;
    }

    .info-main img {
        width: 18px;
        margin: 4px;
        float: left;
    }

    .urun-main h2 {
        font-size: calc(17px + 8 * ((100vw - 1200px) / 768)) !important;
    }

    .grid-item h2 {
        font-size: calc(14px + 6 * ((100vw - 900px) / 768)) !important;
    }

    .category-menu ul li a {
        font-size: calc(13px + 6 * ((100vw - 800px) / 768)) !important;
    }
}

@media screen and (max-width: 692px) {
    .iletisim-col {
        width: 100% !important;
        height: initial;
        margin: 20px 0;
    }
}

@media screen and (max-width: 632px) {
    .iletisim-banner > div:nth-child(2) > div {
        width: 50%;
        transition: .8s;
    }

    .iletisim-banner > div:nth-child(2) > div:nth-child(3) {
        width: 100% !important;
        text-align: center;
        transition: .8s;
    }

    .social-media {
        float: none;
        display: inline-block;
        transition: .8s;
    }

    .project-left, .project-right, .hr-right {
        width: 100% !important;
        transition: .8s;
    }

    .project-main {
        background-repeat: round;
    }

    .hotel-right, .hotel-left {
        width: 100%;
    }
    .blog-left{
        width: 100%;
        margin: 0;
        padding: 18px;
    }
}

@media screen and (max-width: 585px) {
    .kadro {
        float: none;
        margin: 10px auto;
    }
}

@media screen and (max-width: 579px) {
    .urun-main {
        width: calc((100% - 24px) / 2) !important;
        margin: 6px !important;
    }

    .grid {
        webkit-column-count: 2;
        column-count: 2;
    }

    .owl-one, .iletisim-banner {
        width: 100% !important;
    }

    .iletisim-banner {
        height: inherit;
        padding: 1rem !important;
    }

    .fix-search {
        position: fixed;
        top: 0;
        background: #71abb6;
        left: 0;
        width: 100%;
        margin: 0 !important;
        padding: 8px;
        z-index: 9;
    }

    .fix-search img {
        float: inherit;
    }

    .iletisim-banner > div:nth-child(2) > div a {
        float: none !important;
        display: inline-block;
    }
    body, html, main {
    margin: 0;
    -webkit-font-smoothing: antialiased;
    font-family: 'Open Sans', sans-serif;
    overflow: -moz-scrollbars-none !important;
    background-color: #f6f8f7;
    background-image: none!important;
    
}
}

@media screen and (max-width: 425px) {
    .slider-right, .slider-left {
        width: 100% !important;
    }

    .slider-description > div > div {
        width: 100% !important;
        padding: 0 !important;
    }

    .slider-description {
        bottom: 20%;
    }

    .text-425-center {
        text-align: center !important;
        transition: .8s;
    }

    .slider-right, .slider-left {
        height: 165px !important;
    }

    .slider-right img, .slider-left img {

    }

    .owl-one, .iletisim-banner {
        width: 100% !important;
    }

    .iletisim-banner {
        height: inherit;
        padding: 1rem !important;
    }
  .grid {
        webkit-column-count: 1;
        column-count: 1;
    }

}

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

}

@media screen and (max-width: 380px) {
    .iletisim-banner > div:nth-child(2) > div {
        width: 100%;
        transition: .8s;
        text-align: center;
    }

    .iletisim-banner > div:nth-child(2) > div a {
        float: none !important;
        display: inline-block;
    }

}

@media screen and (max-width: 325px) {
    .responsive-menu ul li {
        font-size: 12px;
    }
}

@media screen and (max-width: 325px) {
    .urun-main {
        width: calc(100% - 12px) !important;
        margin: 6px !important;
    }
}