@media screen and (min-width:1366px) {
}

@media screen and (max-width:1366px) {
    .leftgul .gul {
        left: 2%;
    }

    .rightgul .gul {
        right: 2%;
    }

    .leftgul .tabak {
        left: 16%;
    }

    .leftgul .urun {
        left: 22%;
    }

    .rightgul .urun {
        right: 22%;
    }

    .rightgul .urun2 {
        right: 17%;
    }

    .rightgul .tabak {
        right: 12%;
    }

    .neyleneNav .prev {
        left: 5%;
    }

    .neyleneNav .next {
        right: 5%;
    }
}

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

@media screen and (max-width:1024px) {
    .slideprl {
        left: 630px !important;
        top: 290px !important;
    }
}

@media screen and (min-width:375px) and (max-width:414px) {
}

@media screen and (max-width:768px) {
    .navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #411f1f;
        text-decoration: none;
        background-color: transparent;
        background-image: none;
    }

    .hamburger {
        display: none;
    }

    .slideText p span {
        margin: 30px auto;
    }

    .homeSlideNav {
        display: none;
    }

    .slideText {
        margin-top: 0;
        margin-bottom: 30px;
    }

    .slideText2 {
        margin-top: 0;
    }

    .hstg {
        right: 40px;
    }

    .workShop {
        left: -50px;
    }

    .homeSliderBg {
        height: auto;
    }

    .slideprl {
        top: 600px !important;
        left: 0 !important;
    }

    .slideprlImg {
        right: 0;
    }

    .homeSlider img {
        margin: 0 auto;
    }

    .question {
        background: url(../Images/question.png) right center no-repeat;
        width: 100%;
    }

        .question p {
            padding-left: 30px;
        }

    .dropdown-menu > li > a {
        padding: 3px 7px;
    }

    .dropdown-menu .subMenu {
        padding: 15px 0;
    }

    .homeProduct .col-sm-12 {
        margin-bottom: 80px;
    }

    .nav > li {
        height: auto;
    }

    .aboutMenu .dropdown-menu {
        height: 120px;
    }

    .dropdown-menu {
        background-color: white !important;
        height: auto;
    }

        .dropdown-menu li {
            float: inherit;
            height: auto;
        }

        .dropdown-menu .subMenu {
            height: auto;
        }

    .Subicon {
        margin: 0px auto;
    }

    .dropdown-menu > li > a {
        height: auto;
    }

    .ws img {
        margin: 0 auto;
        width: 100%;
    }

    .optionLeft, .optionRight {
        opacity: 1;
    }

        .optionLeft img, .optionRight img {
            max-width: 100%;
            height: auto;
        }

    .colorBg {
        display: none;
    }

    .content {
        padding: 0;
    }

    .hikayemizSlide .slick-prev {
        left: 0;
        z-index: 1;
    }

    .hikayemizSlide .slick-next {
        right: 0;
        z-index: 1;
    }

    .productList .productContent {
        width: 100%;
    }

    .nav-pills > li {
        float: initial;
    }

    .optionBg {
        height: 960px !important;
    }

    .leftgul {
        top: 320px;
        position: relative;
    }



        .leftgul .urun {
            top: 165px;
            left: 19% !important;
        }

            .leftgul .urun span {
                left: 15%;
            }
}

@media screen and (max-width:640px) {
    .affix {
        top: 0px;
    }

    .leftgul .urun img, .rightgul .urun img {
        height: auto;
    }

    .rightgul .urun {
        top: 130px;
    }

    #exTab1 {
        width: 100%;
    }

    .urunler {
        position: relative !important;
        overflow-y: scroll;
        height: 380px;
    }

    .dropdown-menu li {
        background: none;
    }

    .nerelerdeyiz {
        height: auto !important;
    }

        .nerelerdeyiz img {
            width: 100%;
        }

        .nerelerdeyiz .text {
            margin: 15px 0;
        }

    .fancyDetayText .col-md-5 {
        border-radius: 10px 10px 0 0;
        border: 1px solid #bfddcd;
    }

    .topText p, .content {
        padding: 0;
    }

    .fancyDetayText .col-md-7 {
        border-radius: 0 0 10px 10px;
        border-left: 1px solid #bfddcd;
        border-right: 1px solid #bfddcd;
        border-bottom: 1px solid #bfddcd;
    }

    .social li {
        margin: 10px 0 0 0;
    }

    .mobilMenu {
        display: block;
    }

    .pastalar h2 {
        margin: 20px 0;
    }

    .ws .right, .ws .left {
        padding: 0;
        margin-bottom: 10px;
    }

    .rightText, .leftText {
        opacity: 1;
    }

    .socialMediaTop {
        display: none;
    }

    .navbar-nav {
        text-align: center;
        width: 100%;
    }

    .nav > li {
        border-bottom: 1px solid #411f1f;
        margin: 5px 0;
    }

    .aboutMenu .dropdown-menu {
        border-radius: 0;
    }

        .aboutMenu .dropdown-menu li, .aboutMenu .dropdown-menu a {
            text-align: center;
            display: block;
            width: 100%;
            padding: 0;
        }

    .rightContent .lang {
        right: 15px;
    }

    .slideText {
        height: 230px;
        padding: 80px 0 0 0;
    }

        .slideText p {
            line-height: 35px;
            font-size: 50px;
            z-index: 1;
            position: relative;
        }

            .slideText p span {
                font-size: 30px;
            }

    .slideprl img {
        width: 200px;
    }

    .slideText {
        margin: 0;
    }

    .slideText2 {
        background: none;
        height: auto;
    }

        .slideText2 p {
            font-size: 50px;
        }

            .slideText2 p span {
                font-size: 40px;
            }

    .navbar-toggle {
        position: absolute;
        top: 60px;
        right: 0;
    }

    .logo {
        margin: 10px auto;
        background-size: 80%;
    }

    .optionText {
        top: 0;
    }

    .slide2ImgRight {
        margin-top: 140px;
    }

    .question {
        background-size: cover;
        margin-bottom: 20px;
    }

    .footer {
        height: auto;
        padding: 20px 0;
    }

    .footerLogo {
        margin-bottom: 40px;
    }

        .footerLogo img {
            margin: 0 auto;
        }

    .footer span {
        text-align: center;
        display: block;
    }

    .footer .social {
        width: 60px;
        margin: 0 auto;
    }

    #ws {
        display: block !important;
    }

    .workShop {
        display: none;
    }

    .ins .col-md-4 {
        height: auto;
    }
}


@media screen and (max-width:480px) {
    .bottom,
    .slide4 {
        display: none !important;
    }

    .hikayemizSlide .slick-prev,
    .hikayemizSlide .slick-next {
        height: auto;
    }

    .timeline ul li.in-view div {
        background: #f1efeb;
    }

    .productList .productContent {
        height: 370px;
    }

    .productContent .plus {
        bottom: 0;
    }

    .wsText p {
        padding-right: 77px;
    }

    .bannerFixed {
        height: 254px;
    }

    .dropdown-menu li {
        width: 100%;
    }

    .navbar-default .nav > li > a {
        margin: 0;
    }

    .hamburger {
        display: none !important;
    }

    .navContent {
        display: block !important;
    }

    .navbar-nav .aboutMenu.open .dropdown-menu,
    .dropdown.open .urunler {
        position: relative !important;
        top: 0;
        display: block !important;
    }

    .slideText3 p span {
        font-size: 38px;
        line-height: 30px;
    }

    .aboutMenu:hover .dropdown-menu,
    .dropdown:hover .urunler {
        display: none;
    }

    .iletisim .iletisimBg {
        margin-bottom: 20px;
    }

    .iletisim {
        margin-top: 20px;
    }

    .wForm {
        padding: 20px;
        height: auto;
    }

    .nerelerdeyiz a.info {
        height: 75% !important;
    }

    .wDetail {
        padding: 0 20px;
    }

    .iletisimBilgi {
        padding: 20px;
    }

    .subeler {
        margin-top: 20px;
    }

    .ws .col-md-6 {
        margin-bottom: 20px;
    }

    .grid li a, .grid li img {
        width: 100%;
    }

    .productList .productContent img {
        width: 100%;
        border-radius: 15px 15px 0 0;
    }

    .productList h2 {
        background-position: left 10% center,right 10% center;
    }

    .leftgul, .rightgul {
        width: 50%;
        float: left;
        position: relative;
        top: 0;
        height: 100%;
    }

    .optionBg {
        height: auto;
        background: url(../Images/circleRight.png) center center no-repeat;
        background-size: contain !important;
    }

    .tabakBg {
        display: none !important;
    }

    .rightgul .gul {
        top: -10px;
    }

    .rightgul .tabak {
        right: 0;
    }

    .img-select {
        width: 100%;
    }

    .form form {
        padding: 20px;
    }

    .iletisim .topTitle h2 {
        background-position: left 20px center,right 20px center;
    }

    .iletisim .topTitle {
        padding: 10px 0;
        height: auto;
    }

    .selected select {
        width: 100%;
    }

    .iletisim form input[type=text], .iletisim form input[type=button], .iletisim form textarea {
        width: 100%;
    }

    .timeline ul {
        width: 60%;
    }

    .optionLeft, .optionRight {
        top: 90px;
    }

    .optionText h3 {
        font-size: 80px;
        position: absolute;
        left: 50%;
        width: 340px;
        margin-left: -140px;
    }

        .optionText h3 span {
            font-size: 35px;
            text-indent: 0;
        }

    .leftText {
        width: 50%;
        left: 0;
        margin: 0;
    }

        .leftText p, .rightText p {
            font-size: 12px;
            line-height: 17px;
            padding: 12px 0;
        }

    .rightText {
        width: 50%;
        right: 0;
        margin: 0;
    }

    .slide2ImgRight {
        margin-top: 70px;
    }

    .slide2ImgLeft {
        margin-top: 70px;
    }

    .homeProduct .row {
        margin-bottom: 0;
    }

    .footerBottom {
        height: auto;
        text-align: center;
    }

        .footerBottom .right {
            text-align: center;
            margin-top: 5px;
        }

    .question p {
        padding-left: 10px;
    }

    .lezzetYolculugumuz h2 {
        line-height: 35px;
    }


    .optionBg {
        height: 400px !important;
    }

    .neyleneNav .prev {
        left: 0;
    }

    .neyleneNav .next {
        right: 0;
    }

    .leftgul .gul {
        top: 235px;
    }

    .leftgul .urun {
        left: 50px !important;
    }
}

@media screen and (max-width:380px) {
    .rightContent .lang ul li {
        width: 35px;
    }

    .subTitle {
        font-size: 20px;
    }

    .question p {
        padding: 0 10px;
        font-size: 21px;
        line-height: 23px;
    }

    .slideText p span {
        font-size: 21px;
        padding: 10px 0;
        width: 100%;
        margin: 0;
    }

    .slideprl {
        top: 415px !important;
    }

    .timeline ul {
        width: 100%;
    }

    .optionText {
        margin-left: -205px;
    }

        .optionText h3 {
            font-size: 45px;
        }

            .optionText h3 span {
                font-size: 25px;
            }

    .neyleneNav {
        display: none;
    }

    .title h2 {
        font-size: 30px;
    }

        .title h2 span {
            text-indent: 0;
        }

    .wsText {
        padding: 5px;
    }

    .iletisim .col-md-6, .iletisim .col-xs-12 h2 {
        margin: 0;
        font-size: 20px;
    }

    .leftgul .urun {
        left: 15px !important;
    }


    .rightgul .urun span {
        left: 20px;
        bottom: 12px !important;
    }

    .leftgul .urun {
        top: 125px !important;
    }
}

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

/* IPHONE 6 */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) {
}
/* IPHONE 6PLUS */
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) {
}
/* IPAD */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {
}

@media (max-width: 1024px) {
}