.mainpage-slider-area {float:left; width:100%;}
.mainpage-slider {float:left;width:100%;position: relative;overflow: hidden;}
.mainpage-circle-categories {float:left; width:100%; margin-top:40px;}
.mp-circle-cats {display:flex; justify-content:center;}
.mp-circle-cats a {float:left; display:block; margin:0 10px; text-align:center; font-size:13px; font-weight:500; font-family: var(--font2);}
.mp-circle-cats a:hover picture {opacity:.8; transition:ease all .2s;}
.mp-circle-cats a picture {border-radius:50%; overflow:hidden; display:block; margin-bottom:15px; transition:ease all .2s;position: relative;}
/* .mp-circle-cats a picture:before {content: "";background: url(https://www.idilbaby.com/Content/images/christmas-image.svg) bottom center no-repeat; width: 100%;height: 100%;position: absolute;} */
.mainpage-circle-categories h3 {float: left; width: 100%; text-align: center; margin-bottom: 30px; font-size: 18px; font-weight: 700; text-transform: uppercase;}
.mainpage-banner-area {float:left; width:100%; margin-top:80px;}
.mainpage-banner-row-1 {float:left;width:100%;display:grid;grid-template-columns:1fr 1fr;grid-column-gap: 10px;}
.mainpage-banner-item {float:left; width:100%; display:block; position:relative;}
.mainpage-banner-item-image {float:left; width:100%; display:block;}
.mainpage-banner-item-image img {width:100%;}
.mainpage-banner-content {position:absolute;bottom:20px;left:calc(50% - 200px);background:#fff;padding:20px;text-align:center;width:400px;}
.mainpage-banner-content h4 {float:left; width:100%; font-size:18px; font-weight:700; margin-bottom:10px; font-family: var(--font2);}
.mainpage-banner-content a {color:var(--red); font-size:12px; font-weight:600; border-bottom:1px solid var(--red); padding-bottom:2px; margin:0 10px;}
.mainpage-banner-row-2 {grid-template-columns: 51fr 68fr;display:grid;grid-column-gap: 10px;float:left;width:100%;margin-top: 10px;}

.mainpage-product-carousel {float:left;width:100%;margin-top: 70px;}
.mainpage-product-carousel .container {display:block;}
.mainpage-product-carousel .container h3 {float:left; width:100%; font-size:18px; font-weight:700; margin-bottom:20px;}
.mp-product-carousel {float:left;width:100%;}

.owl-prev, .owl-prev:focus {position:absolute;top: calc(50% - 50px);left: -26px;background: #fff !important;width: 52px;height: 52px;cursor:pointer;outline:none;z-index:1;border-radius: 50%;transform: rotate(180deg);}
.owl-prev img {margin-left:5px; float:left;}
.owl-next, .owl-next:focus {position:absolute;top: calc(50% - 50px);right: -26px;background: #fff !important;width: 52px;height: 52px;cursor:pointer;outline:none;z-index:1;border-radius: 50%;}
.owl-next img {margin-left: 3px;float:left;}

.mainpage-icons-area {float:left; width:100%; margin-top:70px;}
.mainpage-icons-area .container {display:block;}
.mp-icons {background:var(--pink); padding:30px 0;}
.mp-icons .owl-item {display:grid;justify-content:center;border-right: 1px solid #FFD5D1;}
.mp-icons .owl-item:last-child {border-right:none;}
.mp-icons .item {float:left;width:100px;min-height: 80px;}
.mp-icon-item {float:left; width:100%; display:grid; justify-content:center; text-align:center; color:var(--red); font-size:12px; font-weight:500;}
.mp-icon-item figure {width:30px; height:30px; margin:0 auto 13px auto; display:flex; align-items:center; justify-content:center;}

.mainpage-ig-area {float:left; width:100%; margin-top:70px;}
.mp-ig-title {float:left; width:100%; font-weight:700; font-size:18px; color:var(--black); margin-bottom:10px;}
.mp-ig-title a {color:var(--red);}
.mp-ig-images {float:left; width:100%; display:grid; grid-template-columns:1fr 1fr 1fr 1fr;}
.mp-ig-images a img {float:left;}
.mp-ig-images a:first-child {grid-column-start:1; grid-column-end:3; grid-row-start:1; grid-row-end:3;}

.mainpage-seo-text-area {float:left; width:100%; margin-top:70px;}
.mp-seo-text {float:left; width:100%; overflow:hidden; height:135px;}
.mp-seo-text.active {height:auto;}
.mp-seo-text h3 {float:left; width:100%; font-weight:700; margin-bottom:10px; font-size:18px;}
.mp-seo-text p {line-height:1.8em; font-size:13px; font-family: var(--font2);}
.mp-seo-text-trigger {float:left; width:90px; font-size:12px; font-weight:500; border-bottom:1px solid var(--black); cursor:pointer;}
.mp-seo-text-trigger.active {display:none;}

.only-mobile-category-carousel {float:left; width:100%; display:none; overflow: hidden; height:121px;}
.mobile-category-carousel {float:left; width:100%; margin:15px 0 20px 0; height:114px; padding:5px; white-space:nowrap; overflow-x: scroll; overflow-y: hide; -webkit-overflow-scrolling:touch;}
.mobile-category-carousel .cat-slide-item {width:66px;margin: 0 5px; background:transparent; display:inline-block; text-align:center;}
.mobile-category-carousel .cat-slide-item a img {max-width:100%; border-radius:50%; display:block;}
.mobile-category-carousel .cat-slide-item a {display:block; font-size:13px; font-weight:300; text-align:center; border:1px solid #ddd; border-radius:50%; padding:2px;position:relative;}
/* .mobile-category-carousel .cat-slide-item a:before {content: "";background: url(https://www.idilbaby.com/Content/images/christmas-image.svg) no-repeat;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-size: contain;} */
.mobile-category-carousel .cat-slide-item a span {display:block; float:left; width:100%; margin-top:7px; text-align:center; font-size:10px; font-weight:400; color:var(--black);}
.mp-seo-text-trigger {display:none;}
.combine-list-item {float:left; width:100%;}
.combine-list-item a {position:relative; display:block;}
.combine-list-item a span {position:absolute; width:40px; height:40px; bottom:10px; right:10px; background:#fff; display:flex; align-items:center; justify-content:center;}
.combine-list-item a:hover span {width:140px;}
.combine-list-item a span text {display:none;}
.combine-list-item a:hover span text {display:block; float:left; font-family:var(--font2); font-size:13px; margin:1px 0 0 6px; font-weight:500;}
.combine-list-item a span img {width:16px !important; float:right;}
.mainpage-combine-carousel {float:left; width:100%; margin-top:50px;}
.mainpage-combine-carousel h6 {float:left; width:100%; text-align:center; font-size:18px;font-weight: 700;}
.mainpage-combine-carousel .container  > span {float:left; width:100%; text-align:center; font-family:var(--font2); font-size:14px; margin-bottom:40px;}
.mainpage-combine-carousel .owl-carousel {float:left; width:100%; overflow:hidden;}
.mainpage-combine-carousel a.more-kombine-btn {background:var(--red); position:relative; width:200px; display:flex; color:#fff; height:40px; font-family:var(--font2); justify-content:center; align-items:center; font-size:12px;; font-weight:600; left:calc(50% - 100px); margin-top:40px; cursor:pointer;}

.mainpage-newsletter-area {float:left;width:100%; background:#FFEDD7; padding:40px 0; margin-bottom:-70px; position:relative;}
.newsletter-form {display: grid; justify-content: center; align-items: center; grid-template-columns: 1fr; margin: 0 auto; width: min(100% - 20px, 430px);}
.newsletter-form-form > input {float:left; border:1px solid #fff; height:44px; padding:12px 13px; font-family:var(--font2); font-size:13px;outline: none;font-weight: 600;}
.newsletter-form-form button {height:44px; background:var(--red); border:none; color:#fff; font-size:12px; font-weight:600;cursor: pointer;}
.newsletter-form-form {display:grid; grid-template-columns: 1fr 100px;}
.newsletter-checkbox {grid-column-start:1; grid-column-end:3; float:left; width:100%; display: flex; align-items:center;margin-top: 6px;font-size: 13px;font-family: var(--font2); justify-content: center; margin-top: 15px; font-weight: 500;}
.newsletter-checkbox input {width: 16px;height: 16px;float: left;margin: 2px 7px 0 0;}
.newsletter-form > div.ng-binding {color: var(--red);font-size: 12px;font-family: var(--font2);font-weight: 700;text-align: center;grid-column-start: 1;grid-column-end: 3;}
.newsletter-form picture {text-align:center; float:left; width:100%;}
.newsletter-desc {text-align:center; font-family:var(--font2); font-size:13px; font-weight:600; float:left; width:100%; margin:15px 0 15px 0; color:#333;}
.rainbow-1 {position:absolute; top: calc(50% - 70px); left:30px;}
.rainbow-2 {position:absolute; right:30px; top: calc(50% - 60px);}
.newsletter-error-msg {float:left; width:100%; text-align:center; color:var(--red); font-family:var(--font2); grid-column-end:3; grid-column-start:1; font-size:12px; font-weight:700;}
.newsletter-campaign-text {float:left; width:100%; text-align:center; font-family:var(--font2); font-size:12px; color:var(--red); font-weight:500;}
.newsletter-campaign-text span {border-bottom:1px solid var(--red); color:var(--red); padding:3px 2px;}
.mp-full-video-wrapper {float:left; width:100%; margin-top:50px;}

.earthquake-message-wrapper {float:left; width:100%; background:#000; margin-bottom:10px; padding:20px;}
.earthquake-message-container {color:#fff; border:1px solid #fff; padding:20px; float:left; width:100%;}
.earthquake-message {font-family:var(--font2);text-align:center;line-height:1.8em;float: left;width: 100%;text-decoration:none;color:#fff;cursor: pointer;}

.idil-bf-title {float: left;width: 100%;text-align: center;font-weight: 700;font-size: 30px;color: #ad1f1f;}

/* .mobile-vimeo-embed-video {display: none;} */

.mainpage-slider div.item {float:left; width:100%;position: relative;}
.mainpage-slider div.item .ib-banner-link {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 5;}





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

}

/* TABLET DIK */
@media screen and (min-width : 768px) and (max-width : 991px) {

}

/* TELEFON */
@media screen and (max-width :767px) {
 .mp-circle-cats {display:grid; grid-template-columns:1fr 1fr 1fr; grid-row-gap:30px;}
 .mainpage-banner-row-1 {grid-template-columns:1fr; grid-row-gap:10px;}
 .mainpage-banner-row-2 {grid-template-columns:1fr; grid-row-gap:10px;}
 .mainpage-banner-content {width:80%; left:10%;}
 .mainpage-circle-categories {display:none;}
 .mainpage-banner-area {margin-top: 0;}
 .mainpage-banner-content {padding:15px 15px 20px 15px;}
 .mainpage-banner-content h4 {font-size:16px; margin-bottom:3px}
 .mainpage-banner-content a {font-size:11px;}
 .mainpage-product-carousel .container h3 {font-size:18px;padding: 0 20px;}
 .mainpage-product-carousel .container {padding:0 0;}
 .mp-seo-text {height:85px;}
 .copyright {text-align:center;}
 .only-mobile-category-carousel {display:block;}
 .mp-seo-text-trigger {display:block;}
 .rainbow-1, .rainbow-2 {display:none;}
 .mainpage-newsletter-area {margin-top: 0; margin-bottom: 20px;}
 .earthquake-message {font-size: 12px;}
 section.idil-warning {max-width: 100%;float: left;width: 100%;font-size: 12px;}
 .idil-bf-title {font-size: 18px;} 

 /* .vimeo-embed-video {display:none;}
.mobile-vimeo-embed-video {display: block;} */
.vimeo-embed-video {height: calc((100vw / 16)* 18) !important;}
 
}