/*!
 * SLEEPY.COM.TR - 08/11/2018
 * Web Developer: Ferdi Tarakci / ferditarakci.com
 * Web Design : Erdogan Cakmak / erdogancakmak.com
 */

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

@media only screen and (max-width: 1220px) {
    #trans_bg {
        position: fixed;
        left: -100%;
        top: 0;
        z-index: 2;
        display: block;
        width: 100%;
        height: 100%;
        height: 100vh;
        opacity: 0;
        background-color: rgba(0, 0, 0, 0.8);
        perspective: 1000;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    #res-nav {
        overflow: hidden;
        position: fixed;
        top: 0;
        left: -280px;
        z-index: 3;
        width: 280px;
        max-width: 96%;
        height: 100%;
        height: 100vh;
        background-color: #3b2482;
    }
    .nav-active #res-nav {
        height: auto;
    }
    #res-nav .close-btn {
        position: absolute;
        top: 0;
        right: 0;
        width: 30px;
        height: 30px;
        background: #7c65e7 url(../images/res_close_icon.png) no-repeat 50%;
        background-size: 24px;
    }
    #res-nav #navigation {
        display: block;
    }
    #res-nav.open #navigation {
        display: block;
    }
    #navigation {
        position: relative;
        z-index: 0;
        float: left;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: scroll;
        perspective: 1000;
        -webkit-overflow-scrolling: touch;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    #navigation .navigation-inner {
        position: relative;
        float: left;
        width: 100%;
        min-height: 100%;
    }
    #navigation .logo {
        display: block;
        width: 182px;
        height: 92px;
        margin: 30px auto;
        -webkit-transition: all .3s linear;
        transition: all .3s linear;
    }
    #navigation .logo a {
        display: block;
        width: 100%;
        height: 100%;
        text-decoration: none;
        background: url(../images/mobile_nav_logo.png) no-repeat;
        background-size: 100%;
    }
    .r2x #navigation .logo a {
        background-image: url(../images/mobile_nav_logo@2x.png);
    }
    .r3x #navigation .logo a {
        background-image: url(../images/mobile_nav_logo@3x.png);
    }
    #navigation .mobil-nav {
        position: relative;
        float: left;
        width: 100%;
    }
    #navigation .mobil-nav a {
        cursor: pointer;
        white-space: normal;
    }
    #navigation .mobil-nav ul,
    #navigation .mobil-nav li {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    #navigation .mobil-nav>ul {
        float: left;
        width: 100%;
    }
    #navigation .mobil-nav>ul>li {
        position: relative;
        float: left;
        width: 100%;
        border-bottom: 1px solid #442fa7;
        -webkit-transform: translate3d(100%, 0, 0);
        -moz-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        -o-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
    }
    .open-nav #navigation .mobil-nav>ul>li {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    #navigation .mobil-nav>ul>li:nth-child(1) {
        -moz-transition-delay: 0.1s;
        -o-transition-delay: 0.1s;
        -webkit-transition-delay: 0.1s;
        transition-delay: 0.1s;
    }
    #navigation .mobil-nav>ul>li:nth-child(2) {
        -moz-transition-delay: 0.2s;
        -o-transition-delay: 0.2s;
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }
    #navigation .mobil-nav>ul>li:nth-child(3) {
        -moz-transition-delay: 0.3s;
        -o-transition-delay: 0.3s;
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
    }
    #navigation .mobil-nav>ul>li:nth-child(4) {
        -moz-transition-delay: 0.4s;
        -o-transition-delay: 0.4s;
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s;
    }
    #navigation .mobil-nav>ul>li:nth-child(5) {
        -moz-transition-delay: 0.5s;
        -o-transition-delay: 0.5s;
        -webkit-transition-delay: 0.5s;
        transition-delay: 0.5s;
    }
    #navigation .mobil-nav>ul>li:nth-child(6) {
        -moz-transition-delay: 0.6s;
        -o-transition-delay: 0.6s;
        -webkit-transition-delay: 0.6s;
        transition-delay: 0.6s;
    }
    #navigation .mobil-nav>ul>li:nth-child(7) {
        -moz-transition-delay: 0.7s;
        -o-transition-delay: 0.7s;
        -webkit-transition-delay: 0.7s;
        transition-delay: 0.7s;
    }
    #navigation .mobil-nav>ul>li:nth-child(8) {
        -moz-transition-delay: 0.8s;
        -o-transition-delay: 0.8s;
        -webkit-transition-delay: 0.8s;
        transition-delay: 0.8s;
    }
    #navigation .mobil-nav>ul>li:nth-child(9) {
        -moz-transition-delay: 0.9s;
        -o-transition-delay: 0.9s;
        -webkit-transition-delay: 0.9s;
        transition-delay: 0.9s;
    }
    #navigation .mobil-nav>ul>li:nth-child(10) {
        -moz-transition-delay: 1s;
        -o-transition-delay: 1s;
        -webkit-transition-delay: 1s;
        transition-delay: 1s;
    }
    #navigation .mobil-nav>ul>li:nth-child(11) {
        -moz-transition-delay: 1.1s;
        -o-transition-delay: 1.1s;
        -webkit-transition-delay: 1.1s;
        transition-delay: 1.1s;
    }
    #navigation .mobil-nav>ul>li:nth-child(12) {
        -moz-transition-delay: 1.2s;
        -o-transition-delay: 1.2s;
        -webkit-transition-delay: 1.2s;
        transition-delay: 1.2s;
    }
    #navigation .mobil-nav>ul>li:nth-child(13) {
        -moz-transition-delay: 1.3s;
        -o-transition-delay: 1.3s;
        -webkit-transition-delay: 1.3s;
        transition-delay: 1.3s;
    }
    #navigation .mobil-nav>ul>li:nth-child(14) {
        -moz-transition-delay: 1.4s;
        -o-transition-delay: 1.4s;
        -webkit-transition-delay: 1.4s;
        transition-delay: 1.4s;
    }
    #navigation .mobil-nav>ul>li:nth-child(15) {
        -moz-transition-delay: 1.5s;
        -o-transition-delay: 1.5s;
        -webkit-transition-delay: 1.5s;
        transition-delay: 1.5s;
    }
    #navigation .mobil-nav>ul>li:nth-child(16) {
        -moz-transition-delay: 1.6s;
        -o-transition-delay: 1.6s;
        -webkit-transition-delay: 1.6s;
        transition-delay: 1.6s;
    }
    #navigation .mobil-nav>ul>li:nth-child(17) {
        -moz-transition-delay: 1.7s;
        -o-transition-delay: 1.7s;
        -webkit-transition-delay: 1.7s;
        transition-delay: 1.7s;
    }
    #navigation .mobil-nav>ul>li:nth-child(18) {
        -moz-transition-delay: 1.8s;
        -o-transition-delay: 1.8s;
        -webkit-transition-delay: 1.8s;
        transition-delay: 1.8s;
    }
    #navigation .mobil-nav>ul>li:nth-child(19) {
        -moz-transition-delay: 1.9s;
        -o-transition-delay: 1.9s;
        -webkit-transition-delay: 1.9s;
        transition-delay: 1.9s;
    }
    #navigation .mobil-nav>ul>li:nth-child(20) {
        -moz-transition-delay: 2s;
        -o-transition-delay: 2s;
        -webkit-transition-delay: 2s;
        transition-delay: 2s;
    }
    #navigation .mobil-nav>ul>li:first-child {
        border-top: 1px solid #442fa7;
    }
    #navigation .mobil-nav>ul>li.hover,
    #navigation .mobil-nav>ul>li.selected {
        background-color: #4c30a2;
    }
    #navigation .mobil-nav>ul>li>a {
        position: relative;
        display: block;
        line-height: 24px;
        padding: 10px 20px;
        font-size: 15px;
        font-weight: 700;
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
        letter-spacing: -0.25px;
        -webkit-transition: all .3s linear;
        transition: all .3s linear;
    }
    #navigation .mobil-nav>ul>li.hover>a,
    #navigation .mobil-nav>ul>li.selected>a {
        background-color: #6649bd;
    }
    #navigation .mobil-nav>ul>li.online-market>a {
        color: #3b2482;
        background-color: #ffcd16;
    }
    #navigation .mobil-nav>ul>li>ul>li:first-of-type {
        margin-top: 15px;
    }
    #navigation .mobil-nav>ul>li>ul>li:last-of-type {
        margin-bottom: 15px;
    }
    #navigation .mobil-nav>ul ul {
        display: none !important;
    }
}

@media only screen and (max-width: 1920px) {
    .sub-page .inner::before {
        height: 116px;
    }
    #footer .top-bar::before,
    #footer .top-bar::after {
        height: 84px;
    }
}

@media only screen and (max-width: 1640px) {
    .sub-page .inner::before {
        height: 98px;
    }
    #footer .top-bar::before,
    #footer .top-bar::after {
        height: 72px;
    }
    .bottom-bg {
        z-index: -1;
        position: relative;
        bottom: 225px;
        max-height: 300px;
    }
}

@media only screen and (max-width: 1440px) {
    .sub-page .inner::before {
        height: 86px;
    }
    #footer .top-bar::before,
    #footer .top-bar::after {
        height: 62px;
    }
    #page-image .hidden-image,
    #page-bottom-image .hidden-image {
        width: 120%;
    }
    #page-image .container,
    #page-bottom-image.bio-natural .container {
        height: 100%;
        padding-left: 60px;
        padding-right: 140px;
    }
    .white-wall {
        position: absolute;
        top: 510px;
        z-index: 1;
        width: 100%;
    }
    .bottom-bg {
        z-index: -1;
        position: relative;
        bottom: 155px;
        max-height: 300px;
    }
}

@media only screen and (max-width: 1366px) {
    #main-slider .tp-caption._text {
        left: 150px !important;
    }
    #main-slider .tp_text {
        max-width: 420px;
        font-size: 14px;
    }
    #main-slider .tp_text h2 {
        font-size: 42px;
    }
    #main-slider .tp_text h2 strong {
        font-size: 51px;
    }
    #footer .top-bar::before,
    #footer .top-bar::after {
        height: 60px;
    }
    .sub-page .inner::before {
        height: 82px;
    }
    #page-image .hidden-image,
    #page-bottom-image .hidden-image {
        width: 130%;
    }
}

@media only screen and (max-width: 1280px) {
    .sub-page .inner::before {
        height: 78px;
    }
    #footer .top-bar::before,
    #footer .top-bar::after {
        height: 56px;
    }
    #page-image .hidden-image,
    #page-bottom-image .hidden-image {
        width: 135%;
    }
    .bottom-bg {
        z-index: -1;
        position: relative;
        bottom: 100px;
        max-height: 300px;
    }
}

@media only screen and (max-width: 1220px) {
    .container,
    .container_12 {
        width: 100%;
    }
    .container_12 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    #site-wrap {
        padding-top: 116px;
    }
    #header {
        position: fixed;
        box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.25);
        -webkit-transition: none;
        transition: none;
    }
    #header .top-bar {
        height: 48px;
        padding: 9px 0;
    }
    #header .bottom-bar {
        height: 68px;
    }
    #header .logo::before {
        width: 296px;
        height: 68px;
    }
    #header .logo a {
        width: 156px;
        height: 156px;
    }
    #header .bottom-bar .main-nav {
        float: right;
        width: auto;
        padding: 12px 0;
    }
    #header .bottom-bar .main-nav>ul>li {
        display: none;
    }
    #header .bottom-bar .main-nav>ul>li.online-market {
        display: block;
    }
    #header .bottom-bar .main-nav>ul>li.online-market a {
        padding: 12px 18px;
    }
    #header .nav-button {
        display: block;
        float: right;
        margin-left: 20px;
        padding: 30px 0;
        cursor: pointer;
        background: url(../images/blank.gif);
        -webkit-transition: all .3s linear;
        transition: all .3s linear;
    }
    #header .nav-button:active {
        -webkit-transition: none;
        -moz-transition: none;
        transition: none;
    }
    #header .nav-button .lines {
        position: relative;
        float: left;
        width: 40px;
        height: 7px;
        border-radius: 2px;
        background-color: #fff;
        -webkit-transition: all .3s linear;
        transition: all .3s linear;
    }
    #header .nav-button .lines:before,
    #header .nav-button .lines:after {
        position: absolute;
        left: 0;
        width: 100%;
        height: 7px;
        content: "";
        border-radius: 2px;
        background-color: #fff;
        -webkit-transition: all .3s linear;
        transition: all .3s linear;
        -webkit-transform-origin: 0.28571rem center;
        -ms-transform-origin: 0.28571rem center;
        transform-origin: 0.28571rem center;
    }
    #header .nav-button .lines:before {
        top: 12px;
    }
    #header .nav-button .lines:after {
        top: -12px;
    }
    #header .nav-button.open {
        -webkit-transform: scale3d(0.8, 0.8, 0.8);
        -ms-transform: scale3d(0.8, 0.8, 0.8);
        transform: scale3d(0.8, 0.8, 0.8);
    }
    #header .nav-button.open .lines {
        background-color: transparent;
    }
    #header .nav-button.open .lines:before,
    #header .nav-button.open .lines:after {
        top: 0 !important;
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
    }
    #header .nav-button.open .lines:before {
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        -moz-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
    }
    #header .nav-button.open .lines:after {
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        -ms-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
    }
    #main-slider .tp-leftarrow.default,
    #main-slider .tp-rightarrow.default {
        width: 56px;
        height: 56px;
        margin-top: -28px !important;
    }
    #main-slider .tp-caption._text {
        left: 120px !important;
    }
    #main-slider .tp_text h2 {
        font-size: 38px;
    }
    #main-slider .tp_text h2 strong {
        font-size: 46px;
    }
    #main-vCarousel .inner {
        min-height: 0;
        padding-top: 50px;
        padding-bottom: 50px;
    }
    #main-vCarousel .inner::before,
    #main-vCarousel .inner::after {
        height: 74px;
    }
    #main-vCarousel .verticalCarousel {
        display: none !important;
    }
    #main-vCarousel .owl-carousel {
        display: block !important;
    }
    #footer .top-bar::before,
    #footer .top-bar::after {
        height: 52px;
    }
    #footer .top-bar .container_12 {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #footer .top-bar .container_12>.a {
        width: 50%;
        order: 1;
        margin-bottom: 60px;
    }
    #footer .top-bar .container_12>.e {
        width: 50%;
        order: 2;
        margin-bottom: 60px;
    }
    #footer .top-bar .container_12>.b {
        width: 33.3333333333333333333333%;
        order: 3;
    }
    #footer .top-bar .container_12>.c {
        width: 33.3333333333333333333333%;
        order: 4;
    }
    #footer .top-bar .container_12>.d {
        width: 33.3333333333333333333333%;
        order: 5;
    }
    #footer .top-bar .container_12>.a:before,
    #footer .top-bar .container_12>.e:before {
        position: absolute;
        left: 0;
        bottom: -30px;
        width: 100%;
        content: "";
        border-bottom: 1px solid #e2e6e9;
    }
    #footer .top-bar .container_12>.d:after {
        content: none;
    }
    #footer .eruslu {
        bottom: 40px;
        left: 30px;
        width: 109px;
        height: 50px;
    }
    #page-image .hidden-image,
    #page-bottom-image .hidden-image {
        width: 160%;
    }
    .sub-page .inner::before {
        height: 74px;
    }
    .article .grid_3 {
        padding-left: 10px;
    }
    .article .grid_9 {
        padding-right: 10px;
    }
    #products-three-text .inner::after {
        opacity: 0.7;
        background-size: auto 320px;
    }
    #products-three-text .left {
        left: 10px;
    }
    #products-three-text .right {
        right: 10px;
    }
    #products-three-text article .image {
        opacity: 1;
    }
    #products-three-text.kadin-pedi .inner::after {
        top: 0;
        opacity: 0.5;
        background-size: auto 60%;
    }
    #products-three-text.yetiskin-bezi .inner::after {
        opacity: 0.3;
    }
    #products-three-text.bebek-bezi .inner::after {
        opacity: 0.4;
    }
    #products-three-text.kulot-bez .inner::after {
        opacity: 0.4;
    }
    #products-video-text .container_12>div {
        padding: 30px 10px;
    }
    #blogs .boxs,
    #products .boxs {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1220px) {
    #products-video-text .video {
        top: 50%;
        right: 20px;
        width: 480px;
        margin: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    #blogs .filters .sub-category .radio,
    #blog-detail .filters .sub-category .radio {
        padding: 26px 40px 26px 20px;
    }
}

@media only screen and (max-width: 992px) {
    #main-slider .tp_text .grid_12 {
        bottom: 30px;
    }
    #main-carousel .owl-dots,
    #page-carousel .owl-dots {
        display: block;
    }
    #main-text .container_12>div {
        padding: 0 10px;
    }
    #main-text h2 {
        font-size: 32px;
    }
    #main-text h2 strong {
        font-size: 62px;
    }
    #footer .top-bar::before,
    #footer .top-bar::after {
        height: 44px;
    }
    #page-image .hidden-image,
    #page-bottom-image .hidden-image {
        width: 170%;
    }
    #page-image .container,
    #page-bottom-image .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    #page-image h2,
    #page-bottom-image h2 {
        font-size: 48px;
    }
    .sub-page .container_12 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .sub-page .inner::before {
        height: 60px;
    }
    .article .grid_3 {
        width: 30%;
    }
    .article .grid_9 {
        width: 70%;
    }
    #contact .container_12 {
        padding-left: 10px;
        padding-right: 10px;
    }
    #blogs .item,
    #products .item {
        width: 33.3333333333333333333333333333333%;
    }
    #products-video-text .inner {
        height: auto;
    }
    #products-video-text .text {
        float: none;
        margin: 0 auto;
        text-align: center;
    }
    #products-video-text .video {
        position: relative;
        top: auto;
        right: auto;
        width: 480px;
        margin: 30px auto 0;
        -webkit-transform: none;
        transform: none;
    }
    #blogs,
    #blog-detail {
        margin-top: -30px;
    }
    #blogs .filters,
    #blog-detail .filters {
        height: 60px;
    }
    #blogs .filters .category,
    #blogs .filters .sub-category,
    #blog-detail .filters .category,
    #blog-detail .filters .sub-category {
        display: none;
    }
    #blogs .filters .sub-category.ms,
    #blog-detail .filters .sub-category.ms {
        display: block;
    }
    #blogs .filters .sub-category.ms .select,
    #blog-detail .filters .sub-category.ms .select {
        display: block;
        width: 100%;
        max-width: 320px;
    }
}

@media only screen and (max-width: 840px) {
    .r2x #main-carousel .owl-prev,
    .r2x #blog-detail .owl-prev {
        background-image: url(../images/owl_prev@2x.png) !important;
    }
    .r2x #main-carousel .owl-next,
    .r2x #blog-detail .owl-next {
        background-image: url(../images/owl_next@2x.png) !important;
    }
    .r3x #main-carousel .owl-prev,
    .r3x #blog-detail .owl-prev {
        background-image: url(../images/owl_prev@3x.png) !important;
    }
    .r3x #main-carousel .owl-next,
    .r3x #blog-detail .owl-next {
        background-image: url(../images/owl_next@3x.png) !important;
    }
    #main-slider .tp-leftarrow.default,
    #main-slider .tp-rightarrow.default {
        display: none !important;
    }
    #main-slider .tp-bullets.simplebullets.round {
        display: block !important;
    }
    #main-slider .tp-caption._text {
        left: 30px !important;
    }
    #main-slider .tp_text h2 {
        font-size: 36px;
    }
    #main-slider .tp_text h2 strong {
        font-size: 42px;
    }
    #main-slider .tp_text p {
        display: none !important;
    }
    #main-text {
        margin-bottom: 30px;
    }
    #main-text .container_12,
    #main-text .container_12>div {
        padding: 0;
    }
    #main-text .tb {
        height: -webkit-calc(100% + 40px);
        height: calc(100% + 40px);
        margin-top: -20px;
        margin-bottom: -20px;
        background-color: rgba(255, 255, 255, 0.8);
    }
    #main-text .text {
        float: none;
        width: 400px;
        margin: 0 auto;
        padding: 0 20px;
    }
    #main-text .image {
        top: 50%;
        left: 50%;
        right: auto;
        bottom: auto;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    #main-text .circles-wrapper {
        top: 50%;
        left: 50%;
        right: auto;
        bottom: auto;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    #main-footer-slider .tp-image img {
        opacity: 0.2;
    }
    #main-footer-slider .tp-text {
        left: 0 !important;
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
        -webkit-transform: none !important;
        transform: none !important;
        -webkit-transform-origin: initial !important;
        transform-origin: initial !important;
    }
    #main-footer-slider .tp-text img {
        position: absolute;
        right: 20px;
        top: 50%;
        width: auto !important;
        height: auto !important;
        max-width: 90% !important;
        max-height: 90% !important;
        margin-top: -30px !important;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    #main-footer-slider .btns {
        display: none;
    }
    #footer .top-bar::before,
    #footer .top-bar::after {
        height: 36px;
    }
    .r2x #footer .address-info>div.phone:before {
        background-image: url(../images/footer_icon_phone@2x.png);
    }
    .r2x #footer .address-info>div.email:before {
        background-image: url(../images/footer_icon_mail@2x.png);
    }
    .r3x #footer .address-info>div.phone:before {
        background-image: url(../images/footer_icon_phone@3x.png);
    }
    .r3x #footer .address-info>div.email:before {
        background-image: url(../images/footer_icon_mail@3x.png);
    }
    /*
  	#page-image, #page-bottom-image {
  		.hidden-image {
  			width: 240%;
  		}
  	}
  */
    #page-image .hidden-image,
    #page-bottom-image .hidden-image {
        width: 200%;
    }
    #page-image .container-wrapper::before,
    #page-bottom-image .container-wrapper::before {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        content: "";
        background-color: rgba(255, 255, 255, 0.7);
    }
    #page-image .text,
    #page-bottom-image .text {
        float: none;
        margin-left: auto;
        margin-right: auto;
    }
    #page-image p,
    #page-bottom-image p {
        margin-left: auto;
        margin-right: auto;
    }
    #page-image.kulot-bez .container-wrapper::before,
    #page-bottom-image.kulot-bez .container-wrapper::before {
        background-color: rgba(0, 0, 0, 0.7);
    }
    .sub-page .inner::before {
        height: 50px;
    }
    .article .grid_3 {
        width: 100%;
    }
    .article .grid_9 {
        width: 100%;
        padding-left: 10px;
    }
    .sub-page .side-nav {
        padding-bottom: 30px;
        border-bottom: 1px solid #e6e7ec;
    }
    .sub-page .side-nav>ul {
        display: none !important;
    }
    .side-nav .pagiselect-label {
        display: block;
        margin-bottom: 0;
    }
    .side-nav .pagiselect-label select {
        margin-left: 0;
    }
    .sub-page .grid_3 .aside-image {
        display: none;
    }
    .sub-page .grid_9 .aside-image {
        display: block;
        margin-top: 30px;
        padding-top: 30px;
        border-top: 1px solid #e6e7ec;
    }
    #blog-detail .grid_3 {
        display: none;
    }
    #blog-detail .grid_9 {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }
    .pagination>div {
        display: none;
    }
    .pagination .pagiselect-label {
        display: block;
    }
    #contact .grid_6 {
        width: 100% !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    #contact .form {
        margin-top: 30px;
        padding-top: 30px;
        border-top: 1px solid #dbdbdb;
    }
    #products-three-text .inner::after {
        opacity: 0.5;
    }
    #products-three-text article {
        color: #fff;
    }
    #products-three-text article h3 {
        color: #fff;
    }
    #products-three-text .left article:nth-child(2) {
        padding-left: 90px;
        padding-right: 0;
    }
    #products-three-text .left article:nth-child(2) .image {
        left: 0;
        right: auto;
    }
    #products-three-text .right article:nth-child(2) {
        padding-left: 0;
        padding-right: 90px;
    }
    #products-three-text .right article:nth-child(2) .image {
        right: 0;
        left: auto;
    }
}

@media only screen and (max-width: 768px) {
    #main-slider .tp-caption._text {
        width: 80% !important;
    }
    #products-three-text.bio-natural .right article:nth-child(2) {
        padding-left: 0 !important;
        padding-right: 90px !important;
    }
    #products-three-text.islak-havlu.islakdifferentwhite .inner {
        background-color: white;
    }
    #products-three-text.islak-havlu.islakdifferentbg .inner {
        background-color: #fdf2cc;
    }
    #products-three-text.islak-havlu.islakhavluyesil .inner {
        background-color: #e6f1dd;
    }
    #products-three-text.islak-havlu.islakhavlupembe .inner {
        background-color: #faecef;
    }
    #products-three-text.islakhavlupembe {
        position: relative;
        z-index: -1;
        margin-top: -160px;
        margin-bottom: -130px;
        pointer-events: none;
    }
    #main-slider .tp-caption._text .tp_text {
        width: 100% !important;
        max-width: 100% !important;
    }
    #main-slider .btns a {
        padding: 8px 36px 8px 16px;
        font-size: 13px;
        background-position: -webkit-calc(100% - 16px) 50%;
        background-position: calc(100% - 16px) 50%;
    }
    #main-vCarousel .inner::before,
    #main-vCarousel .inner::after {
        height: 48px;
    }
    .page-title>span,
    .section-title>span {
        padding-left: 50px;
        line-height: 42px;
        font-size: 24px;
    }
    .page-title::before,
    .section-title::before {
        width: 42px;
        height: 42px;
        background-size: 28px auto;
    }
    #main-carousel {
        margin-bottom: 40px;
    }
    #main-carousel .section-title>span {
        line-height: 24px;
        font-size: 22px;
    }
    #main-carousel .section-title>span span {
        display: block;
    }
    #main-carousel .owlNav .owl-prev,
    #main-carousel .owlNav .owl-next,
    #page-carousel .owlNav .owl-prev,
    #page-carousel .owlNav .owl-next {
        width: 36px;
        height: 36px;
        border-radius: 13px;
    }
    #footer .top-bar::before,
    #footer .top-bar::after {
        height: 34px;
    }
    #page-image .hidden-image,
    #page-bottom-image .hidden-image {
        width: 210%;
    }
    #products-three-text {
        margin-top: 0px;
        margin-bottom: 30px;
    }
    #products-three-text .inner {
        min-height: 0;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    #products-three-text .inner::before {
        content: none;
    }
    #products-three-text .container {
        padding-left: 20%;
        padding-right: 20%;
    }
    #products-three-text .left,
    #products-three-text .right {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        width: 100%;
    }
    #products-three-text article {
        height: auto;
    }
    #products-three-text .left article:nth-child(2) {
        padding-left: 90px;
        padding-right: 0;
    }
    #products-three-text .left article:nth-child(2) .image {
        left: 0;
        right: auto;
    }
    #products-three-text .right article:nth-child(1)::after,
    #products-three-text .right article:nth-child(3)::after {
        position: absolute;
        top: 0;
        left: -20%;
        z-index: -1;
        width: 140%;
        height: 100%;
        content: "";
        opacity: 0.3;
    }
    #products-three-text .right article:nth-child(2)::after {
        content: none;
    }
    #products-three-text .right article:nth-child(2) {
        padding-left: 0;
        padding-right: 90px;
    }
    #products-three-text .right article:nth-child(2) .image {
        right: 0;
        left: auto;
    }
    #products-three-text.islak-havlu .inner {
        background-color: #cb5193;
    }
    #products-three-text.islak-havlu .inner::after {
        opacity: 0.4;
    }
    #products-three-text.islak-havlu .right article:nth-child(1)::after,
    #products-three-text.islak-havlu .right article:nth-child(3)::after {
        background: -moz-linear-gradient(left, rgba(245, 157, 204, 0) 0%, #f59dcc 30%, #f59dcc 70%, rgba(245, 157, 204, 0) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(245, 157, 204, 0)), color-stop(30%, #f59dcc), color-stop(70%, #f59dcc), color-stop(100%, rgba(245, 157, 204, 0)));
        background: -webkit-linear-gradient(left, rgba(245, 157, 204, 0) 0%, #f59dcc 30%, #f59dcc 70%, rgba(245, 157, 204, 0) 100%);
        background: -o-linear-gradient(left, rgba(245, 157, 204, 0) 0%, #f59dcc 30%, #f59dcc 70%, rgba(245, 157, 204, 0) 100%);
        background: -ms-linear-gradient(left, rgba(245, 157, 204, 0) 0%, #f59dcc 30%, #f59dcc 70%, rgba(245, 157, 204, 0) 100%);
        background: linear-gradient(to right, rgba(245, 157, 204, 0) 0%, #cabfc5 30%, #f2e9ee 70%, rgba(245, 157, 204, 0) 100%);
    }
    #products-three-text.kadin-pedi .inner {
        background-color: #87b018;
    }
    #products-three-text.kadin-pedi .inner::after {
        opacity: 0.3;
    }
    #products-three-text.kadin-pedi .right article:nth-child(1)::after,
    #products-three-text.kadin-pedi .right article:nth-child(3)::after {
        background: -moz-linear-gradient(left, rgba(91, 119, 17, 0) 0%, #5b7711 30%, #5b7711 70%, rgba(91, 119, 17, 0) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(91, 119, 17, 0)), color-stop(30%, #5b7711), color-stop(70%, #5b7711), color-stop(100%, rgba(91, 119, 17, 0)));
        background: -webkit-linear-gradient(left, rgba(91, 119, 17, 0) 0%, #5b7711 30%, #5b7711 70%, rgba(91, 119, 17, 0) 100%);
        background: -o-linear-gradient(left, rgba(91, 119, 17, 0) 0%, #5b7711 30%, #5b7711 70%, rgba(91, 119, 17, 0) 100%);
        background: -ms-linear-gradient(left, rgba(91, 119, 17, 0) 0%, #5b7711 30%, #5b7711 70%, rgba(91, 119, 17, 0) 100%);
        background: linear-gradient(to right, rgba(91, 119, 17, 0) 0%, #5b7711 30%, #5b7711 70%, rgba(91, 119, 17, 0) 100%);
    }
    #products-three-text.yetiskin-bezi .inner {
        background-color: #70c2c1;
    }
    #products-three-text.yetiskin-bezi .inner::after {
        opacity: 0.3;
    }
    #products-three-text.yetiskin-bezi .right article:nth-child(1)::after,
    #products-three-text.yetiskin-bezi .right article:nth-child(3)::after {
        background: -moz-linear-gradient(left, rgba(53, 165, 165, 0) 0%, #35a5a5 30%, #35a5a5 70%, rgba(53, 165, 165, 0) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(53, 165, 165, 0)), color-stop(30%, #35a5a5), color-stop(70%, #35a5a5), color-stop(100%, rgba(53, 165, 165, 0)));
        background: -webkit-linear-gradient(left, rgba(53, 165, 165, 0) 0%, #35a5a5 30%, #35a5a5 70%, rgba(53, 165, 165, 0) 100%);
        background: -o-linear-gradient(left, rgba(53, 165, 165, 0) 0%, #35a5a5 30%, #35a5a5 70%, rgba(53, 165, 165, 0) 100%);
        background: -ms-linear-gradient(left, rgba(53, 165, 165, 0) 0%, #35a5a5 30%, #35a5a5 70%, rgba(53, 165, 165, 0) 100%);
        background: linear-gradient(to right, rgba(53, 165, 165, 0) 0%, #35a5a5 30%, #35a5a5 70%, rgba(53, 165, 165, 0) 100%);
    }
    #products-three-text.bebek-bezi .inner {
        background-color: #e6f1dd;
    }
    #products-three-text.bio-natural .inner {
        background-color: #74c6c5;
    }
    #products-three-text.sleepy-extra .inner {
        background-color: #fef2cc;
    }
    #page-image.n-Sleepy .hidden-image,
    #page-bottom-image .hidden-image {
        width: 200%;
    }
    #page-image p,
    #page-bottom-image.sleepy-extra p {
        max-width: 265px;
        margin: 50px 0px 0;
        line-height: 1.4;
        font-size: 15px;
        font-weight: 500;
        color: black;
    }
    #page-image .hidden-image,
    #page-bottom-image.sleepy-extra .hidden-image {
        width: 130%;
    }
    #page-image .container,
    #page-bottom-image.sleepy-extra .container {
        height: 100%;
        padding-left: 60px;
        padding-right: 80px;
    }
    #page-image.n-Sleepy .bg-image,
    #page-bottom-image .bg-image {
        position: relative;
        width: 100%;
        min-height: 140px;
        background: none no-repeat 58% 0;
        background-size: auto 100%;
        min-height: 260px;
    }
    #products-three-text.bebek-bezi .inner::after {
        opacity: 0.3;
    }
    #products-three-text.bebek-bezi .right article:nth-child(1)::after,
    #products-three-text.bebek-bezi .right article:nth-child(3)::after {
        background: -moz-linear-gradient(left, rgba(89, 73, 164, 0) 0%, #5949a4 30%, #5949a4 70%, rgba(89, 73, 164, 0) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(89, 73, 164, 0)), color-stop(30%, #5949a4), color-stop(70%, #5949a4), color-stop(100%, rgba(89, 73, 164, 0)));
        background: -webkit-linear-gradient(left, rgba(89, 73, 164, 0) 0%, #5949a4 30%, #5949a4 70%, rgba(89, 73, 164, 0) 100%);
        background: -o-linear-gradient(left, rgba(89, 73, 164, 0) 0%, #5949a4 30%, #5949a4 70%, rgba(89, 73, 164, 0) 100%);
        background: -ms-linear-gradient(left, rgba(89, 73, 164, 0) 0%, #5949a4 30%, #5949a4 70%, rgba(89, 73, 164, 0) 100%);
        background: linear-gradient(to right, rgba(89, 73, 164, 0) 0%, #dcdae5 30%, #b2aec5 70%, rgba(89, 73, 164, 0) 100%);
    }
    #page-image,
    #page-bottom-image {
        position: relative;
        z-index: 1;
    }
    #page-image .container-wrapper,
    #page-bottom-image.bebek-bezi .container-wrapper {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    #products-three-text.kulot-bez .inner {
        background-color: #8c7ecc;
    }
    #products-three-text.kulot-bez .inner::after {
        opacity: 0.3;
    }
    #products-three-text.kulot-bez .right article:nth-child(1)::after,
    #products-three-text.kulot-bez .right article:nth-child(3)::after {
        background: -moz-linear-gradient(left, rgba(89, 73, 164, 0) 0%, #5949a4 30%, #5949a4 70%, rgba(89, 73, 164, 0) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(89, 73, 164, 0)), color-stop(30%, #5949a4), color-stop(70%, #5949a4), color-stop(100%, rgba(89, 73, 164, 0)));
        background: -webkit-linear-gradient(left, rgba(89, 73, 164, 0) 0%, #5949a4 30%, #5949a4 70%, rgba(89, 73, 164, 0) 100%);
        background: -o-linear-gradient(left, rgba(89, 73, 164, 0) 0%, #5949a4 30%, #5949a4 70%, rgba(89, 73, 164, 0) 100%);
        background: -ms-linear-gradient(left, rgba(89, 73, 164, 0) 0%, #5949a4 30%, #5949a4 70%, rgba(89, 73, 164, 0) 100%);
        background: linear-gradient(to right, rgba(89, 73, 164, 0) 0%, #5949a4 30%, #5949a4 70%, rgba(89, 73, 164, 0) 100%);
    }
    #products .inner {
        padding-top: 0;
        padding-bottom: 30px;
    }
    #blogs .item,
    #products .item {
        width: 50%;
    }
    #blog-detail header .page-title span {
        font-size: 24px;
    }
    .sub-page .inner::before {
        height: 46px;
    }
}

@media only screen and (max-width: 640px) {
    body {
        font-size: 15px;
    }
    .grid_1,
    .grid_2,
    .grid_3,
    .grid_4,
    .grid_5,
    .grid_6,
    .grid_7,
    .grid_8,
    .grid_9,
    .grid_10,
    .grid_11,
    .grid_12 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    #site-wrap {
        padding-top: 86px;
    }
    #header .grid_4 {
        width: 50%;
    }
    #header .grid_8 {
        width: 50%;
    }
    #header .top-bar {
        height: 36px;
        padding: 3px 0;
    }
    #header .bottom-bar {
        height: 50px;
    }
    #header .bottom-bar .main-nav {
        padding: 7px 0;
    }
    #header .bottom-bar .main-nav>ul>li.online-market a {
        padding: 8px 12px;
    }
    #header .logo::before {
        width: 217px;
        height: 50px;
    }
    #header .logo a {
        width: 120px;
        height: 120px;
    }
    #header .nav-button {
        padding: 22px 0;
    }
    #main-vCarousel .inner::before,
    #main-vCarousel .inner::after {
        height: 38px;
    }
    #main-carousel .owlNav,
    #page-carousel .owlNav {
        display: none;
    }
    #main-footer-slider .tp-bullets.simplebullets.round {
        padding: 0;
    }
    #main-footer-slider .tp-bullets.simplebullets.round::before,
    #main-footer-slider .tp-bullets.simplebullets.round::after {
        content: none;
    }
    #main-footer-slider .tp-text img {
        left: 50%;
        right: auto;
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
    #footer .top-bar::before,
    #footer .top-bar::after {
        height: 28px;
    }
    #footer .top-bar .container_12>div {
        min-height: 0;
        padding-left: 30px;
        padding-right: 30px;
        width: 100% !important;
        margin-bottom: 60px;
    }
    #footer .top-bar .container_12>div.d {
        margin-bottom: 0;
    }
    #footer .top-bar .container_12>div::before {
        position: absolute;
        left: 0;
        bottom: -30px;
        width: 100%;
        content: "";
        border-bottom: 1px solid #e2e6e9;
    }
    #footer .top-bar .container_12>div.d::before,
    #footer .top-bar .container_12>div::after {
        content: none;
    }
    #footer nav li {
        margin-bottom: 8px;
    }
    #products-video-text h2 {
        font-size: 32px;
    }
    #products-video-text h2 strong {
        font-size: 52px;
    }
    #page-image .hidden-image,
    #page-bottom-image .hidden-image {
        width: 220%;
    }
    #page-image h2,
    #page-bottom-image h2 {
        font-size: 42px;
    }
    #page-image p,
    #page-bottom-image p {
        font-size: 13px;
    }
    .sub-page .inner::before {
        height: 38px;
    }
}

@media only screen and (max-width: 550px) {
    #header .info .mail,
    #header .info .phone+.divider {
        display: none;
    }
}

@media only screen and (max-width: 480px) {
    #site-wrap {
        padding-top: 78px;
    }
    #page-image .container-wrapper,
    #page-bottom-image.sleepy-extra .container-wrapper {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 50%;
    }
    #header .bottom-bar .main-navs {
        display: none;
    }
    #header .top-bar {
        height: 32px;
        padding: 0px 0;
    }
    #header .bottom-bar {
        height: 46px;
    }
    #header .bottom-bar .main-nav>ul>li.online-market a {
        padding: 6px 10px;
    }
    #header a.online-market {
        color: #3b2482 !important;
        background-color: #ffcd16 !important;
        padding: 1px 13px;
        border-radius: 46px;
        display: inline-block;
        font-weight: bold !important;
        margin: -13px 9px !important;
    }
    #header .info a,
    #header .info span {
        float: left;
        margin: 3px 0;
        line-height: 20px;
        font-size: 11px;
        font-weight: 400;
        color: #111416;
        text-align: right;
        text-decoration: none;
        background: none no-repeat 0 50%;
        background-size: auto 20px;
        -webkit-transition: all .3s linear;
        transition: all .3s linear;
    }
    #header .info .phone {
        font-weight: 700;
        padding-left: 20px;
        background-image: url(../images/header_phone.png);
        margin-top: 4px;
    }
    #header .logo::before {
        width: 200px;
        height: 46px;
    }
    #header .logo a {
        width: 110px;
        height: 110px;
    }
    #header .nav-button {
        padding: 20px 0;
    }
    #header .nav-button .lines {
        width: 36px;
    }
    #header .nav-button .lines,
    #header .nav-button .lines:before,
    #header .nav-button .lines:after {
        height: 5px;
    }
    #header .nav-button .lines:before {
        top: 9px;
    }
    #header .nav-button .lines:after {
        top: -9px;
    }
    #main-slider .tp_text h2 {
        font-size: 32px;
    }
    #main-slider .tp_text h2 strong {
        font-size: 38px;
    }
    #main-vCarousel .inner::before,
    #main-vCarousel .inner::after {
        height: 28px;
    }
    #main-carousel .owl-item {
        padding: 35px 25px;
    }
    #main-carousel .item::after {
        position: absolute;
        left: -20px;
        right: -20px;
        top: -20px;
        bottom: -20px;
        z-index: -1;
        width: -webkit-calc(100% + 40px);
        width: calc(100% + 40px);
        height: -webkit-calc(100% + 40px);
        height: calc(100% + 40px);
        content: "";
        background-color: #fff;
        box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.3);
    }
    #main-carousel .item h3 {
        font-size: 16px;
        font-weight: 700;
    }
    #main-text .circles-wrapper {
        display: none;
    }
    #footer .top-bar::before,
    #footer .top-bar::after {
        height: 24px;
    }
    #footer .eruslu {
        bottom: 64px;
    }
    #footer .divider {
        display: none;
    }
    #footer .h20 {
        display: block;
        margin: 10px auto 0;
        background-image: url(../images/h20_dijital_h.png);
        background-position: 0px 0px !important;
    }
    .r2x #footer .h20 {
        background-image: url(../images/h20_dijital_h@2x.png);
    }
    .r3x #footer .h20 {
        background-image: url(../images/h20_dijital_h@3x.png);
    }
    .sub-page .inner::before {
        height: 28px;
    }
    .sub-page .container_12 {
        padding-left: 20px;
        padding-right: 20px;
    }
    #products-three-text.islak-havlu .inner::after {
        background-size: 96% auto;
    }
    #products-three-text.kadin-pedi .inner::after {
        background-size: 100% auto;
    }
    #products-three-text .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    #products .item {
        width: 98%;
    }
    #products .item::after {
        position: absolute;
        left: -10px;
        right: -10px;
        top: -10px;
        bottom: -10px;
        z-index: -1;
        width: -webkit-calc(100% + 20px);
        width: calc(100% + 20px);
        height: -webkit-calc(100% + 20px);
        height: calc(100% + 20px);
        content: "";
        background-color: #fff;
        box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.3);
    }
    #products .item .image::before {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        content: "";
        background: #eaeae9;
        -webkit-transition: all .3s linear;
        transition: all .3s linear;
    }
    #products.kadin-pedi .item .image::before {
        background-color: #9f8df3;
    }
    #products-video-text .video span::after {
        background-size: 52px;
    }
    #page-image h2,
    #page-bottom-image h2 {
        font-size: 36px;
    }
    #page-image p,
    #page-bottom-image p {
        font-size: 12px;
    }
    #blogs .item {
        width: 100%;
        margin-bottom: 60px;
    }
    #blogs .item::after {
        position: absolute;
        left: -15px;
        right: -15px;
        top: -15px;
        bottom: -15px;
        z-index: -1;
        width: -webkit-calc(100% + 30px);
        width: calc(100% + 30px);
        height: -webkit-calc(100% + 30px);
        height: calc(100% + 30px);
        content: "";
        background-color: #fff;
        box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.3);
    }
    .flex.special.container-zero {
        flex-direction: column;
    }
    .safsuBox {
        padding: 0px !important;
    }
    .flex-content {
        /* flex: 1; */
        max-width: unset;
        padding: 0;
    }
}

@media only screen and (max-width: 430px) {
    #page-image .container,
    #page-bottom-image.bio-natural .container {
        height: 100%;
        padding-left: 60px;
        padding-right: 70px;
        padding-top: 40px;
    }
    #header .logo a {
        width: 100px;
        height: 100px;
    }
    #page-image.n-Bio .bg-image,
    #page-bottom-image.bio-natural .bg-image {
        position: relative;
        width: 100%;
        min-height: 140px;
        background: none no-repeat 50% 0;
        background-size: auto 55%;
    }
    .islakdifferentbg {
        z-index: 0!important;
        margin-top: 0px!important;
    }
    #products-three-text.islakdifferentbg article:nth-child(2)::after {
        position: absolute;
        top: 0;
        left: -20%;
        z-index: -1;
        width: 140%;
        height: 100%;
        content: "";
        opacity: 0.3;
        background: -moz-linear-gradient(left, rgba(245, 157, 204, 0) 0%, #f59dcc 30%, #f59dcc 70%, rgba(245, 157, 204, 0) 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(245, 157, 204, 0)), color-stop(30%, #5b7711), color-stop(70%, #5b7711), color-stop(100%, rgba(245, 157, 204, 0)))!important;
        background: -webkit-linear-gradient(left, rgba(245, 157, 204, 0) 0%, #5b7711 30%, #5b7711 70%, rgba(245, 157, 204, 0) 100%)!important;
        background: -o-linear-gradient(left, rgba(245, 157, 204, 0) 0%, #5b7711 30%, #5b7711 70%, rgba(245, 157, 204, 0) 100%)!important;
        background: -ms-linear-gradient(left, rgba(245, 157, 204, 0) 0%, #5b7711 30%, #5b7711 70%, rgba(245, 157, 204, 0) 100%)!important;
        background: linear-gradient(to right, rgba(245, 157, 204, 0) 0%, #5b7711 30%, #5b7711 70%, rgba(245, 157, 204, 0) 100%)!important;
    }
    #main-vCarousel .inner::before,
    #main-vCarousel .inner::after {
        height: 34px;
    }
    #main-carousel .item,
    #page-carousel .item {
        width: 100%;
        max-width: none;
    }
    #footer .top-bar::before,
    #footer .top-bar::after {
        height: 20px;
    }
    #footer .eruslu {
        bottom: 76px;
    }
    .sub-page .inner::before {
        height: 26px;
    }
}

@media only screen and (max-width: 390px) {
    #header .container_12 {
        padding-left: 0;
        padding-right: 0;
    }
    #header .nav-button {
        margin-left: 10px;
    }
    #main-slider .tp_text h2 {
        font-size: 28px;
    }
    #main-slider .tp_text h2 strong {
        font-size: 32px;
    }
    #main-vCarousel .inner::before,
    #main-vCarousel .inner::after {
        height: 26px;
    }
    #footer .top-bar::before,
    #footer .top-bar::after {
        height: 18px;
    }
    .sub-page .inner::before {
        height: 24px;
    }
    .sub-page .container_12 {
        padding-left: 10px;
        padding-right: 10px;
    }
    #products-video-text h2 {
        font-size: 28px;
    }
    #products-video-text h2 strong {
        font-size: 48px;
    }
}

@media only screen and (max-width: 359px) {
    #header .logo a {
        width: 90px;
        height: 90px;
    }
    #main-slider .tp_text h2 {
        font-size: 22px;
    }
    #main-slider .tp_text h2 strong {
        font-size: 26px;
    }
    #main-vCarousel .inner::before,
    #main-vCarousel .inner::after {
        height: 22px;
    }
    #footer .top-bar::before,
    #footer .top-bar::after {
        height: 16px;
    }
    .sub-page .inner::before {
        height: 22px;
    }
}