.brand-landing-main-slider {float:left; width:100%; text-align: center;}
.brand-landing-main-slider .swiper-slide .bland-only-desktop {display:block;}
.brand-landing-main-slider .swiper-slide .bland-only-mobile {display:none;}
.bland-main-pagination {position:absolute; bottom:0; z-index:1;}
.bland-main-next {position: absolute; right: -20px; top: calc(50% - 20px); width: 40px; height: 40px; z-index: 2; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 22px; background: rgba(255,255,255,1); border-radius: 50%; padding-right: 10px;}
.bland-main-prev {position: absolute; left: -20px; top: calc(50% - 20px); width: 40px; height: 40px; z-index: 2; display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 22px; background: rgba(255,255,255,1); border-radius: 50%; padding-left: 10px;}
.bland-product-tabs-area {float: left; width: 100%; margin-top: 70px;}
.bland-product-tabs-area h1 {float: left; color: #000; font-size: 14px; font-weight: 600; margin-top: 9px;}
.brandlanding-section-1 {float:left;width:100%;margin-top: 50px;}
.brandlanding-section-1 .container {padding: 0;}
.brandlanding-section-1 h2 {float:left; width:100%; font-size:16px; font-weight:600; margin-bottom:20px;}
.brandlanding-section-2 {float: left;width: 100%;margin-top: 40px;}
.brandlanding-section-2 .container {padding: 0;}
.brandlanding-section-2 h3 {float: left;width: 100%;font-weight: 600;font-size: 16px;}
.brandlanding-section-3 {float: left;width: 100%;margin-top: 50px;}
.brandlanding-section-3 .container {padding: 0;}
.brandlanding-section-3 h3 {float: left;width: 100%;font-weight: 600;font-size: 16px;}
.bland-product-tabs {margin: 0 0 0 0; padding: 0; list-style: none; display: flex; justify-content: center; float: right; margin-bottom: 0;}
.bland-product-tabs li {background: 0 0; color: #000; float: left; padding: 11px 12px 8px; cursor: pointer; margin: 0 15px; font-size: 10px; font-weight: 600; border-radius: 3px; transition: ease all .2s;}
.bland-product-tabs li.current {color: #000; background: #f3f3f3; transition: ease all .2s;}
.bland-product-tabs-area .tab-content {display: none; background: #fff; padding: 15px 0; float: left; width: 100%; overflow: hidden; margin-top: 5px;}
.bland-product-tabs-area .tab-content.current {display: inherit;}
.bland-cat-banners-wrapper {margin-bottom:70px; float:left; width:100%; margin-top:-50px;}
.bland-cat-banners {float:left; width:100%; display:grid; grid-template-columns:1fr 1fr 1fr 1fr; grid-column-gap:10px;}
.bland-cat-banners-wrapper a.bland-cat-all-btn {float:left; width:100%; display:block; text-align:center; color:#000; text-decoration:none; font-weight:700; font-size:13px; margin-top:30px;}
.bland-spot-banners-1 {float:left; width:100%; display:grid; grid-template-columns:1fr 1fr; grid-column-gap:30px;}
.bland-collection-carousel-wrapper {float:left; width:100%; margin-top:20px;}
.bland-collection-carousel {float:left; width:100%; position:relative;}
.bland-collection-carousel .swiper-slide {float:left; width:100%;}
.bland-collection-carousel .swiper-slide a {text-decoration:none;text-align:center;color:#000;display: block;}
.bland-collection-carousel .swiper-slide a span {float:left; width:100%; font-size:13px; margin-top:10px; font-weight:500; line-height:1.5em;}
.bcol-next {position: absolute; top: 0; right: 10px; font-size: 22px; top: calc(50% - 20px); cursor: pointer; z-index: 1; width: 30px; height: 40px; background: rgba(255,255,255,0.5); display: flex; align-items: center; justify-content: center;}
.bcol-prev {position: absolute; top: 0; left: 10px; font-size: 22px; top: calc(50% - 20px); cursor: pointer; z-index: 1; width: 30px; height: 40px; background: rgba(255,255,255,0.5); display: flex; align-items: center; justify-content: center;}
.bland-video-carousel-wrapper {float:left; width:100%; margin-top:25px;}
.bland-video-carousel-wrapper h4 {float:left; width:100%; text-align:left; font-size:18px; font-weight:700; margin-bottom:30px;}
.bland-video-carousel {float:left; width:100%; position:relative;}
.bland-video-next {position: absolute; top: 0; right: 10px; font-size: 22px; top: calc(50% - 20px); cursor: pointer; z-index: 1; width: 30px; height: 40px; background: rgba(255,255,255,0.5); display: flex; align-items: center; justify-content: center;}
.bland-video-prev {position: absolute; top: 0; left: 10px; font-size: 22px; top: calc(50% - 20px); cursor: pointer; z-index: 1; width: 30px; height: 40px; background: rgba(255,255,255,0.5); display: flex; align-items: center; justify-content: center;}
.bland-blog-area {float:left;width:calc(100% - 10px);margin-top:50px;margin-bottom: 50px;}
.bland-blog-carousel {float:left; width:100%;}
.bland-blog-area h4 {float: left; width: 100%; text-align: left; font-size: 16px; font-weight: 700; margin-bottom: 30px;}
.bland-blog-item {float:left;position:relative; width:100%;}
.bland-blog-item a {width: 100%;float: left;aspect-ratio: 3 / 2;display: flex;justify-content: center;align-items: center;}
.bland-blog-item a img {max-height: 100%;width: 100%;}
.bland-blog-item h4 {float: left;width: 100%;font-size: 13px;font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px;color: #000;line-height: 1.8em;margin-top: 10px;}
.bland-blog-item p {float: left; width: 100%; line-height: 1.7em; font-size: 11px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; color: #333;}
.bland-blog-item span {float: left; width: 100%; margin-top: 20px; font-size: 11px; font-weight: 500;}
.mp-logo-carousel {float:left; width:100%;position:relative;}
.mpl-next {position: absolute; top: 0; right: 10px; font-size: 22px; top: calc(50% - 20px); cursor: pointer; z-index: 1; width: 30px; height: 40px; background: rgba(255,255,255,0.5); display: flex; align-items: center; justify-content: center;}
.mpl-prev {position: absolute; top: 0; left: 10px; font-size: 22px; top: calc(50% - 20px); cursor: pointer; z-index: 1; width: 30px; height: 40px; background: rgba(255,255,255,0.5); display: flex; align-items: center; justify-content: center;}
.mp-logo-carousel-wrapper {position:relative; float:left; width:100%; margin-top:60px;}

.bland-spot-banners-m {display: none;}
.bland-cat-carousel {float:left; width:100%; margin-bottom:50px;}
.bcat-prev {position: absolute; top: 0; left: 10px; font-size: 22px; top: calc(50% - 20px); cursor: pointer; z-index: 1; width: 30px; height: 40px; background: rgba(255,255,255,0.5); display: flex; align-items: center; justify-content: center;}
.bcat-next {position: absolute; top: 0; right: 10px; font-size: 22px; top: calc(50% - 20px); cursor: pointer; z-index: 1; width: 30px; height: 40px; background: rgba(255,255,255,0.5); display: flex; align-items: center; justify-content: center;}
.polaar-landing-area {float:left; width:100%; text-align:center; margin-top:70px;}
.polaar-logo-area {float:left; width:100%; display:flex; justify-content:center;}
.polaar-text-area {float:left; width:100%; color:#777; margin-top:20px; margin-bottom:40px; text-align:center; line-height:1.7em; font-size:15px;}
.polaar-text-area p img {display:inline-block; margin-left:5px; margin-bottom:-3px}
.polaar-text-area h4 {float:left; width:100%; text-align:center; margin-top:40px; font-size:26px; letter-spacing:-0.04em}
.polaar-video-area {float:left; width:100%; display:grid; grid-template-columns:100px 1fr 100px; height:380px; align-items:center; grid-column-gap:20px;}
.polaar-video-area .embed-responsive {width:100%; float:left; height:100%;}
.polaar-video-area .embed-responsive iframe {width:100%; height:100%;}
.wap-landing-area {float:left; width:100%; margin-top:70px;}
.wap-landing-area h4 { float:left; width:100%; text-align:center; font-size:16px; margin-bottom:20px;}
.wap-landing-text {float:left; width:100%; text-align:center; padding:0 10%;}
.wap-landing-text p {font-size:12px; margin-bottom:10px; line-height:1.8em;}
.wap-landing-text img {display:inline-block; margin-top:20px; max-width:100%;}
.wap-press-news {float: left; width: 100%; margin-top: 70px;}
.wap-press-news ul {float:left; width:100%; display:flex; justify-content:center; margin-top:20px;}
.wap-press-news h4 { float:left; width:100%; text-align:center; font-size:16px; margin-bottom:20px;}
.wap-press-news ul li {float:left; margin:0 10px;}
.wap-press-news ul li a {display:block;}
.wap-press-news ul li a img {float:left; display:block;}
.bland-prev {position: absolute; top: 0; left: 10px; font-size: 22px; top: calc(50% - 20px); cursor: pointer; z-index: 1; width: 30px; height: 40px; background: rgba(255,255,255,0.5); display: flex; align-items: center; justify-content: center;}
.bland-next {position: absolute; top: 0; right: 10px; font-size: 22px; top: calc(50% - 20px); cursor: pointer; z-index: 1; width: 30px; height: 40px; background: rgba(255,255,255,0.5); display: flex; align-items: center; justify-content: center;}
.bland-cat-carousel .swiper-slide h5 {text-align: center; position: relative; background: #000; height: 42px; width: 100%; display: flex; align-items: center; justify-content: center; color: #fff; text-transform: uppercase; font-weight: 600; font-size: 11px; line-height: 1.3em; margin-top: -3px;}
.bland-video-carousel .swiper-slide a {text-align:center; color:#000; font-size:13px;}
.bland-video-carousel .swiper-slide a h5 {float:left; width:100%; margin-top:8px; line-height: 1.6em;} 

.ol-story-area {float: left;width: 100%;margin: 50px 0 100px 0;background: #f4f4f4;padding: 40px 0;}
.ol-story-wrapper {float: left;width: 100%;}
.ol-story-wrapper h3 {float: left;width: 100%;font-size: 30px;text-align: center;font-weight: 600;}
.ol-story-wrapper h3 a {text-decoration: none;color: #000;float: left;padding-bottom: 20px;}
.ol-story-wrapper p {float: left;width: 100%;text-align: center;font-size: 15px;line-height: 30px;padding: 0 30px;}
.ol-story-wrapper p a {text-decoration: none;color: #000;padding-bottom: 20px;}
.ol-story-wrapper p span {font-weight: 600;}
.ol-story-icons {float: left;width: 100%;margin-top: 50px;display: grid;grid-template-columns: repeat(5,1fr);grid-column-gap: 40px;grid-row-gap: 50px;padding: 0 100px;}
.ol-story-icons .item {float: left;width: 100%;}
.ol-story-icons .item .ol-story-item-image {float: left;width: 100%;aspect-ratio: 3 / 2;display: flex;justify-content: center;align-items: center;}
.ol-story-icons .item .ol-story-item-image img {width: 45px;}
.ol-story-icons .item .ol-story-item-text {float: left;width: 100%;text-decoration: none;color: #000;text-align: center;font-size: 15px;}
.ol-story-area a {float: left;width: 100%;}
.ol-extra-two-banner-area {float: left;width: 100%;display: grid;grid-template-columns: 1fr 1fr;grid-column-gap: 30px;}
.ol-extra-two-banner-area a {float: left;width: 100%;}

.bland-product-widget-carousel {float:left; width:100%; margin-top:40px;}
.bland-product-widget-carousel h6 {float: left; width: 100%; font-size: 16px; font-weight: 600; margin-bottom: 20px;}
.bland-pwidget-prev {position: absolute; left: 10px; font-size: 22px; top: calc(50% - 105px); cursor: pointer; z-index: 1; width: 30px; height: 40px; background: rgba(255,255,255,.5); display: flex; align-items: center; justify-content: center}
.bland-pwidget-next {position: absolute; right: 10px; font-size: 22px; top: calc(50% - 105px); cursor: pointer; z-index: 1; width: 30px; height: 40px; background: rgba(255,255,255,.5); display: flex; align-items: center; justify-content: center}

/* **** TABLET YATAY ***** */
@media screen and (min-width : 992px) and (max-width : 1199px) {
    
    
}

/* **** TABLET DIK ***** */
@media screen and (min-width : 768px) and (max-width : 991px) {
    .bland-cat-banners {grid-template-columns: 1fr 1fr; grid-column-gap: 12px; grid-row-gap: 10px;}
    .bland-spot-banners-1 {grid-template-columns: 1fr;}
    .bland-spot-banners-1 .bland-support-b {display:none;}
    .bland-collection-carousel .swiper-slide, .bland-video-carousel .swiper-slide, .bland-blog-carousel .swiper-slide {float: left; width: 40% !important;}
    .bland-spot-banners-m {display: block; float: left; width: 100%; margin-top: 30px;}
    .bland-product-tabs-area h3 {margin-bottom:20px; width:100%; text-align:center;}
    .bland-product-tabs-area {margin-top:30px;}
    .personaclick-recommend {margin-bottom:0px !important;}
    .bland-collection-carousel-wrapper {margin-top:10px;}
    .bland-video-carousel-wrapper {margin-top:40px;}
    .bland-video-carousel-wrapper h4 {font-size:16px; margin-bottom: 20px;}
    .bland-blog-area {margin-bottom:0; margin-top:30px;}
    .bland-cat-banners-wrapper {margin-bottom: 30px;}
    .bland-cat-banners-wrapper a.bland-cat-all-btn {font-size:11px;}
    .brand-landing-main-slider .swiper-slide .bland-only-desktop {display:none;}
    .brand-landing-main-slider .swiper-slide .bland-only-mobile {display:block;}
    .mp-logo-carousel-wrapper {margin-top:40px;}
    .bland-product-tabs {width:100%;}
    .bland-blog-area h4 {font-size:16px;}

    .ol-story-area {margin: 50px 0;}
    .ol-extra-two-banner-area {grid-template-columns: 1fr;grid-row-gap: 20px;}

    .ol-story-wrapper h3 {font-size: 25px;}
    .ol-story-wrapper p {padding: 0 10px;}
    .ol-story-icons {padding: 0 10px;grid-column-gap: 15px;grid-row-gap: 30px;grid-template-columns: 1fr 1fr;}
    .ol-story-icons .item .ol-story-item-image img {width: 40px;}
}

/* **** TELEFON ***** */
@media screen and (max-width : 767px) {
    .bland-cat-banners {grid-template-columns: 1fr 1fr; grid-column-gap: 12px; grid-row-gap: 10px;}
    .bland-spot-banners-1 {grid-template-columns: 1fr; margin:40px 0;}
    .bland-spot-banners-1 .bland-support-b {display:none;}
    .bland-collection-carousel .swiper-slide, .bland-video-carousel .swiper-slide, .bland-blog-carousel .swiper-slide {float: left; width: 83% !important;}
    .bland-spot-banners-m {display: block; float: left; width: 100%; margin-top: 40px;}
    .bland-product-tabs-area h1 {margin-bottom:20px; width:100%; text-align:center;}
    .bland-product-tabs-area {margin-top:30px;}
    .bland-product-tabs {width:100%;}
    .personaclick-recommend {margin-bottom:0px !important;}
    .bland-collection-carousel-wrapper {margin-top:10px;}
    .bland-video-carousel-wrapper {margin-top: 15px;}
    .bland-video-carousel-wrapper h4 {font-size:16px; margin-bottom: 20px;}
    .bland-blog-area {margin-bottom:0; margin-top:40px;}
    .bland-cat-banners-wrapper {margin-bottom: 30px;}
    .bland-cat-banners-wrapper a.bland-cat-all-btn {font-size:11px;}
    .brand-landing-main-slider .swiper-slide .bland-only-desktop {display:none;}
    .brand-landing-main-slider .swiper-slide .bland-only-mobile {display:block;}
    .mp-logo-carousel-wrapper {margin-top:40px;}
    .bland-product-tabs li {padding:11px 4px 8px; margin:0 5px;}
    .bland-cat-banners-wrapper {margin-top:0;}
    .bland-cat-carousel {margin-top:0; margin-bottom:10px;}
    .bland-blog-area > h4 {font-size:16px;}
    .polaar-logo-area {display: block;}
    .polaar-logo-area img {position:relative; z-index:1;}
    .polaar-logo-area img:nth-child(2) {margin:-30px 0; z-index:0; position:relative;}
    .polaar-video-area {grid-template-columns:1fr 1fr; grid-column-gap:0; margin-top:50px;}
    .polaar-video-area img:nth-child(3) {grid-column-start:2; grid-row-start:1; margin-top:0;}
    .polaar-video-area > div {grid-column-start:1;grid-row-start:2;grid-column-end: 3;}
    .wap-landing-text {padding:0 0;}
    .wap-press-news ul {display: grid; grid-template-columns: 1fr 1fr; grid-row-gap: 20px;}
    .brandlanding-section-1 {margin-top: 40px;}
    .brandlanding-section-1 h2 {text-align:left;}
    .brandlanding-section-2 {margin-top: 0;}
    .brandlanding-section-3 {margin-top: 40px;}

    .ol-story-area {margin: 40px 0;}
    .ol-extra-two-banner-area {grid-template-columns: 1fr;grid-row-gap: 20px;}
    .ol-extra-two-banner-area a img {float: left;}

    .ol-story-wrapper h3 {font-size: 25px;}
    .ol-story-wrapper p {padding: 0 10px;}
    .ol-story-icons {padding: 0 10px;grid-column-gap: 15px;grid-row-gap: 30px;grid-template-columns: 1fr 1fr;}
    .ol-story-icons .item .ol-story-item-image img {width: 40px;}


}