body {
    font-family:GLARESOME;
    background:url(../img/bg-red.png) center repeat-y fixed; background-size:100% auto;
    color:#000; font-size:20px
}

/*@font-face
{
    font-family:'GLARESOME';
    src: url('GLARESOME-Regular.otf'), url('GLARESOME-Regular'), url('GLARESOME-Regular.otf') format('opentype');
}*/
@font-face {
  font-family: 'GLARESOME';
  src: url('GLARESOME.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}



a {
 color:inherit; text-decoration:none;
}
a hover {
 color:inherit; text-decoration:none;
}
a:focus, a:hover {
    color: inherit ;
    text-decoration: none;
}
.container-fluid {
 max-width:1360px;
}
.none-padding .col-xs-12, .col-sm-3, .col-md-3, .col-lg-3 { padding:0px !important;
}
.border-dashed {
     border:dashed 1px #8c131a;
}
.ul-none-padding {
 padding:20px;
}
h3 {
 color:#8c131a; font-weight:bold;
}
.baslik-sm {
 margin-bottom:5px; font-weight:bold; margin-top:5px
}
.pointer { cursor:pointer;
}
.btn-red {
    background:url(../img/btn-bg.png) no-repeat center; background-size:100%; text-align:center; color:#f9efcc; font-size:20px; font-weight:bold;  padding:10px; display:inline-block;
    transition:background 0.30s linear; cursor:pointer;
}
.btn-red:hover {
    background:url(../img/btn-bg.png) no-repeat center rgba(0, 0, 0, 0.15); background-size:100%; text-align:center; color:#f9efcc; font-size:20px; font-weight:bold;  padding:10px; display:inline-block;
}
.btn-dashed-yellow {
 padding:10px; border:dashed 2px #f9efcc; color:#f9efcc; text-align:center; display:inline-block; min-width:120px;
}
.btn-msg img{
     width:15%; max-width:136px !important; min-width:120px;
}
#mailing-container input {
 font-family:Arial; font-size:18px;
}
#mailing-container input:-moz-placeholder {
 font-family:Arial; font-size:14px;
}
#mailing-container input:-webkit-placeholder {
 font-family:Arial; font-size:14px;
}
.photo-gallery-list {
 width:98%; max-width:240px; margin-left:auto; margin-right:auto;  border:dashed #8c131a 2px; background:rgba(255,255,255,0.60); height:auto; margin-bottom:30px; cursor:pointer; transition:background 0.40s linear;
}
.photo-gallery-list:hover {
 width:98%; max-width:240px; margin-left:auto; margin-right:auto;  border:dashed #8c131a 2px; background:#fff;  margin-bottom:30px; cursor:pointer;
}
.photo-gallery-list-image {
 width:100%; max-width:217px;
 padding:10px; position:relative; margin:auto;
 transition:linear 0.20s transform; 
} 
.photo-gallery-list-image img {
 min-height: 217px;
    min-width: 217px;
    max-width: 300px;
}
.photo-gallery-list-frame {
 background:url(../img/small-frame-gray.png) no-repeat;  background-size:100%;
 padding:10px; z-index:3;position:absolute; top:0px; left:0px; right:0px; bottom:0px;z-index:3;
}
.photo-gallery-image-crop {
height:190px; width:190px; overflow:hidden;
}

.photo-gallery-list-name {
 width:95%; max-width:217px;
font-weight:bold; margin:auto; font-size:20px; color:#8c131a 
} 

.page-banner {
 width:100%;  position:relative; text-align:center; padding-top:30px; padding-bottom:30px;
}
.green-bg-banner {
  background:url(../img/slider-bg-green.png) no-repeat  center center; background-size:100% 100%; 
} 
.yellow-bg-banner {
  background:url(../img/slider-bg-yellow.png) no-repeat  center center; background-size:100% 100%;  padding-top:20px; padding-bottom:20px
} 
.page-banner img {
   max-width:95%;
}
.red-text {
 color:#8c131a
}
.green-text {
    color:#667e00 !important;
}
.logo {
    width:90%; max-width:170px; padding:15px;
}
footer {
 background:url(../img/footer-bg.png) repeat;  color:#f9efcc;
}
.footer-top {
     background:url(../img/footer-bg-top.png) repeat-x;  margin-top:-10px; height:37px; 
}
.footer-tree {
 position:absolute; left:20px; top:-65px; z-index:10
}
.footer-menu {
 color:#f9efcc; padding-top:20px; padding-bottom:10px; border-bottom:dashed 2px #f9efcc;
 text-align:center; margin-bottom:20px
}
.footer-col {
 margin-bottom:15px;
}
header {
 background:url(../img/header-bg-red.png) bottom center repeat-x; position:fixed; top:0px; left:0px; right:0px; z-index:1000;
}
.header-top {
 background:url(../img/header-top-bg.png) repeat-x bottom;height:120px;
}
.header-materiel {
 vertical-align:middle; text-align:right;  margin-bottom:10px;
}
.menu-btn {
 text-align:right; padding-top:25px;  box-sizing:border-box; display:none
}
.menu-btn img {
  width:90%; max-width:33px
}

.mobile-menu {
 background:url(../img/bg-yellow.png) no-repeat bottom center; height:100vh; width:100%; position:fixed; top:0px; left:0px; right:0px; bottom:0px; z-index:-1; padding:20px;
 display:none;
}
.mobile-dropdown {
 padding:0px;  border-bottom: dashed 2px #8c131a; margin-bottom:10px; padding-bottom:10px; color:#8c131a; display:none
}
    .mobile-dropdown li {
        list-style-type:none; padding:0px;  font-size:17px
    }
.dropdown-toggle {
 cursor:pointer;
}
.acilir-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 20px;
    text-align: left;
    list-style: none;
    background-color:transparent !important;
    background: url(../img/menu-bg.png) no-repeat bottom center; background-size:100% auto;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none !important;
    border: none !important;
    border-radius: 0px !important;
    -webkit-box-shadow: none !important;
    box-shadow:none !important;

}
    .dropdown-menu li {
     display:block !important; border-left:none !important; color:#f9efcc;
    }
      .dropdown-menu li a {
     display:block !important; border-left:none !important; color:#f9efcc;
    }
         .dropdown-menu li a:hover{
     background:none; color:#f9efcc; 
    }
.mobile-menu-content  {
 height:80vh;   margin-top:20vh; overflow-x:scroll;
}
.basic-menu {
    color:#8c131a;  font-size:20px; font-weight:bold; width:90%; margin-left:auto; margin-right:auto;
}
    .basic-menu ul {
     list-style-type:none; padding:0px; text-align:center
    }
     .basic-menu li{
      padding:10px 0px;
    }
.bykeskin-menu {
    color:#333; border-top:dashed 2px #8c131a; padding-top:30px; font-size:20px; width:90%; margin-left:auto; margin-right:auto;
}
.bykeskin-menu ul {
     list-style-type:none; padding:0px; text-align:center
    }
.bykeskin-menu li {
   padding:5px 0px;
    }


.mobil-menu-material {
 margin-top:30px; text-align:center;
}
.menu-col {
 background:url(../img/header-bird.png) no-repeat right top; padding:20px 10px 10px 10px;
 border-bottom:dashed 2px #000;  /*float:right*/text-align: right;
    display: inline; 
}

.top-menu  {
 display:inline; padding:0px; font-weight:bold; color:#8c131a; font-size:18px; width:115%; text-align:center; 
}
.top-menu li {
 display:inline-block; padding:0px 3%;  border-left:solid 1px #8c131a;
}
.top-menu li:first-child {
border-left:none;
}
.menu-bottom-container {
padding-top:20px; padding-bottom:20px
}
.menu-bottom {
    display:inline; padding:0px; font-weight:bold; color:#f9efcc; font-size:22px; width:100%
}
.menu-bottom li {
    display:inline-block; width:14%; text-align:center;  border-left:solid 2px #f9efcc;
}
.menu-bottom li:first-child {
    border-left:none}

.content {
  background:url(../img/bg-yellow.png) repeat-y center; background-size:100% auto;
  padding-top:180px;
  max-width: 1366px;
  margin: auto;
  padding-bottom:80px;
}
.col-hidden {
 overflow:hidden;
}

/*DEFAULT*/
.slider-container {
  background:url(../img/slider-bg-white-light.png) no-repeat  center center; background-size:100%; width:100%;  position:relative; text-align:center; padding:0px 15px;
}
.slider-container img {
   max-width:95%;
}
.swiper-pagination-bullet-active{ background: #8c131a!important;}
.default-text-slider {
 background:url(../img/text-slider-bg.gif) center no-repeat;  background-size:100% 100%; 
 max-width:747px; width:95%; padding:60px 45px; box-sizing:border-box
}
.default-text-slider-content {
 width:690px;  margin-left:auto; margin-right:auto; text-align:center;
 font-weight:bold; font-size:32px; 
}
    .default-text-slider-content h3 {
     color:#8c131a; font-size:35px; font-weight:bold;
    }
    .default-text-slider-content p {
     color:#000;
    }
.banner-bottom-line {
 width:85%; margin:10px auto; text-align:center;
}
    .banner-bottom-line img { width:100%;
    }
.default-product-container {
 border:dashed 2px #8c131a; border-bottom:none;
 background:url(../img/cit.png) center bottom repeat-x; padding-bottom:140px;  width:90%; margin:auto; margin-top:30px
}
.mill-image {
 margin-top:150px;  margin-left:auto; margin-right:auto;width:80%; max-width:139px;
}
.turkey-note-right {
 text-align:right
}
.turkey-note-right img{
 max-width:400px
}
.head-bg-hide {
  color:#8c131a;  background:url(../img/head-bg.png) repeat center; display:inline-block;
  margin-left:40px;margin-top:-75px;  padding:15px;
}
.head-bg-hide h2 {
 font-weight:bold !important; font-size:30px !important;
}
.product-list-container {
    position:relative;  max-width:328px; max-height:317px; width:100%;  padding-top:20px; padding-bottom:20px; 
}
.product-img-container {
 max-width:295px; max-height:275px; overflow:hidden;  margin:auto;  
}
.product-img-container img {
 max-width:295px;  width:95%; overflow:hidden;   
}
.product-frame {
  position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:4
}
.product-frame img {
  width:100%; height:100%
}
.product-category-name {
 color:#8c131a; text-align:center
}
.hindinin-faydalari {
     width:90%; margin:auto; margin-top:30px
}
.default-video-list {
position:relative; width:90%; margin-left:auto; margin-right:auto;
text-align:center; 
}
.video-frame {
   position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:6 ;background:url(../img/video-cerceve.png) center no-repeat; background-size:100% 100%;  pointer-events:none;
}
.video-info { width:90%;  margin:15px auto 
}
.video-name {
    color:#8c131a; font-size:20px; width:70%; display:inline-block;
}
.video-izle-btn {
     width:27%;display:inline-block; text-align:right;
}
    .video-izle-btn img {
        width:95%; max-width:70px;
    }
.demo-mutfagi-col {
 background:url(../img/dikey-cizgi.png) left center repeat-y;  text-align:center; margin-left:30PX;
}
.bykeskin {
 background:url(../img/hindi-ayak-haber.png) left top no-repeat; padding-top:100px;
}
.default-dashed-container {
 border:dashed 2px #8c131a; 
 padding-bottom:20px;  width:100%; margin:auto; margin-top:30px
}
.haber-list-default {
 background:url(../img/bg-frame-white.png) no-repeat center; background-size:100% 100%; width:90%; padding:40px;  margin-left:auto; margin-right:auto;
}
.haber-info {
 width:100%; height:280px; overflow:hidden; font-size:20px; font-weight:bold;
}
.haber-info h4 {
 margin:0px; margin-bottom:10px; font-weight:bold; font-size:22px; color:#8c131a
}

.certifica { 
    margin-top:10px;
}
.certifica-list {
   max-height:250px;
   width:95%; margin:auto; overflow:hidden; border:dashed 2px #8c131a; margin-bottom:25px
}
    .certifica-list img {
     width:100%;
    }
.tesis-galeri-col {
 padding-top:100px;
}
.tesis-galeri {
    width:90%; margin-bottom:auto; margin-right:auto; margin-top:10px; position:relative; padding:5px; clear:both
}
.tesis-galeri img {
    width:100%;
}
    .tesis-galeri-frame {
      position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:6; background:url(../img/video-cerceve.png) center no-repeat; background-size:100% 100%; 
      
    }
.btn-go-link {
 background:url(../img/btn-arrow.png) right bottom no-repeat;   padding-bottom:15px; text-align:right; color:#8c131a; font-weight:bold; font-size:17px; margin-top:15px
}
a .btn-go-link {
 color:#8c131a; font-weight:bold;
}

/*HİNDİ NEDEN HARİKA?*/

.neden-hindi-header {
 width:90%; margin-left:auto; margin-right:auto;
}
    .neden-hindi-header h2 {
     color:#8c131a; text-align:center; font-weight:bold;
    }
    .neden-hindi-header p {
     font-weight:bold; color:#000; font-size:26px; width:70%; text-align:center; margin-left:auto; margin-right:auto;
    }
      .cloud-sm {
    text-align:left; width:48%; display:inline-block
    }
      .cloud-sm img {
    text-align:left; width:99%;  max-width:125px; display:inline-block
    }
    .cloud-lg {
     text-align:left; width:48%; display:inline-block
    }
      .cloud-lg img {
    text-align:left; width:99%;  max-width:195px; display:inline-block
    }
.neden-hindi-content {

}
.neden-hindi-content p { color:#000; font-size:22px; font-weight:bold;

}
.small-55 {
 width:54%; display:inline-block;vertical-align:top;
}
.small-45 {
 width:44%; display:inline-block; vertical-align:top;
}
.part-1 {
 background:url(../img/hindi-ayak-sol.png) no-repeat 10px 0px, url(../img/image-kus.png) no-repeat  bottom 150px left 100px;  vertical-align:top;
}
.part-1-detail {
        -ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
    transform: rotate(-7deg);
    width:70%; margin:100px auto
}

.part-2 {
 background:url(../img/image-kova.png) no-repeat top 40px right 130px; 
}
.part-3 {
}
.part-3-detail {
    background:url(../img/image-floral.png) no-repeat bottom 20px left 0px, url(../img/hindi-ayak-sag-part-3.png) no-repeat bottom 100px right 0px;
    padding-bottom:115px; width:100%; padding-right:200px
}

.part-3-sign {
  text-align:right; 
  background:url(../img/hindi-ayak-karisik.png) no-repeat bottom 0px right 0px; padding-bottom:50px; padding-right:80px
}
.part-4 h2 { font-weight:bold; font-size:35px
}
.part-4-detail {
    width:80%;margin:auto
}
.part-4-detail-rotate {
    -ms-transform: rotate(-7deg); /* IE 9 */
    -webkit-transform: rotate(-7deg); /* Chrome, Safari, Opera */
    transform: rotate(-7deg);
    width:90%;
}
.part-5 {
 padding-left:50px;
}
.part-5-detail {
    position:relative;
    background:url(../img/icon-agac.png) no-repeat top 0px right 20px; 
    padding-top:80px;
    margin-top:90px
}

.part-5-detail-rotate {
    -ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);
    background:url(../img/image-floral-right.png) no-repeat bottom 0px right 0px; 
    padding-bottom:40px; padding-right:20px;
    width:80%;
}

/*zengin protein hindi*/
.protein-neden-onemli-baslik {
 padding:5%; border:dashed 2px #8c131a; text-align:center; font-family:Arial; font-weight:900; color:#8c131a; font-size:30px
}

/*ÜRÜNLER*/
.product-header {
 width:80%; font-weight:bold; font-size:20px; color:#000;
 margin-left:auto; margin-right:auto; padding-top:40px; padding-bottom:40px;
}
.tab-btn-container {
color:#000; padding:0px; font-size:28px; text-align:center; margin-top:30px;
}
.tab-btn-container li {
 padding:10px 20px; border:dashed 2px transparent; display:inline; cursor:pointer;     margin-left: -8px;
}
.tab-btn-container li:hover {
 color:#8c131a; border:dashed 2px #8c131a;
}
.tab-btn-container li.active {
 color:#8c131a; border:dashed 2px #8c131a;
}
.product-content {
 text-align:center;
}
.product-list {
  width:290px;margin:5%; display:inline-block;
 text-align:center; vertical-align:middle; 
}
.product-list-img {
     border:dashed 2px #8c131a; box-sizing:border-box;
      height:290px; width:100%; line-height:290px;
}
.product-list-img img {
 max-width:85%; max-height:85%; 
}
.product-name {
  color:#000; font-size:20px; margin-top:10px;
  border-bottom: dashed 2px #8c131a; padding-bottom:15px;
}
    .product-name span {
     color:#8c131a;
    }
/*ÜRÜN DETAY*/
.urun-detay-container {
 width:90%; margin-left:auto; margin-right:auto;
}
.product-detail-name {
 color:#8c131a;
 border-bottom: dashed 2px #8c131a;
 padding-bottom:20px; margin-bottom:10px
}
.product-detail-name h2 {
 color:#000; font-size:30px;

}
    .product-detail-name h2 span {
        color: #8c131a;
    }
.urun-turu {
 
 display: inline-block;
text-align: center;
width: 65px;
max-width: 100px;
vertical-align: middle;
}
.urun-turu img {
 width:95%; max-width:127px;
}
.product-info-icon {
  display:inline-block;  width:auto /*60px*/; text-align:center; margin-left:3px; margin-right:3px;
  vertical-align: middle;
}
.info-icon-heat {
  width:50px; height:50px;
  border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;
  background:url(../img/icon-heat.png) #f36711 no-repeat center; background-size:80%
}
.info-icon-weight {
  width:63px; height:63px;
  border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;
  background:#f9950b no-repeat center; background-size:80%; padding:5px; box-sizing:border-box; stop-color:aliceblue;
}
.info-icon-minute {
  width:50px; height:50px;
  border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;
  background:url(../img/icon-clock.png) #f9950b no-repeat center; background-size:80%
}
.info-icon-serves {
     width:50px; height:50px;
  border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;
  background:url(../img/icon-porsiyon.png) #aad089 no-repeat center; background-size:80%
}
.resimli-btn {
 text-align:center;
}
.hindili-btn-right {
 text-align:right;
}
.hindili-btn-right img {
 max-width:398px; width:100%;
}
.product-info-text {
 font-family:Arial; 
}
.page-food-left {
 background:url(../img/bg-page-food.png) right bottom  repeat-x;  height:200px
}
 .btn-urun-kategori-gor {
     display:none;
    }

/*BLOG*/
.blog-list {
 margin-bottom:20px; cursor:pointer;
}
.blog-list-image {
 width:95%; max-width:217px;
 padding:10px; position:relative; margin:auto;
 transition:linear 0.20s transform; 
}
.blog-list-image:hover {
transform:rotate(10deg);
-moz-transform:rotate(10deg);
-webkit-transform:rotate(10deg);
}
.blog-list-frame {
 background:url(../img/small-frame.png) no-repeat;  background-size:100%;
 padding:10px; z-index:3;position:absolute; top:0px; left:0px; right:0px; bottom:0px;z-index:3;
}
.blog-list-image img {
 width:100%; 
}
.blog-list-name {
 font-size:20px; font-weight:bold; color:#000; text-align:center; padding:10px 3px; border-bottom:dashed 2px #8c131a; max-width:217px;  margin:auto; height:80px; overflow:hidden;
}

.blog-menu-head {
 font-size:24px; font-weight:bold; padding:10px; 
 border:dashed 2px #8c131a; color:#8c131a
}
.blog-menu ul {
 padding:0px; list-style-type:none;
 border:dashed 2px #8c131a; border-top:none;border-bottom:none;
}
.blog-menu li {
 padding:10PX 20PX;  
 border-bottom:dashed 2px #8c131a; font-size:22PX; color:#000
}
.blog-detay-text {
  font-size:18px; font-family:Arial; padding-bottom:50px;  color:#000;
}
.blog-detay-text  h3 {
  color:#000; font-size:18px;
}
/*HABERLER*/
.haber-list {
 width:98%; max-width:240px; margin-left:auto; margin-right:auto;  border:dashed #8c131a 2px; background:rgba(255,255,255,0.60); height:400px; margin-bottom:30px; cursor:pointer; transition:background 0.40s linear;
}
.haber-list:hover {
 width:98%; max-width:240px; margin-left:auto; margin-right:auto;  border:dashed #8c131a 2px; background:#fff; height:400px; margin-bottom:30px; cursor:pointer;
}
.haber-list-image {
 width:100%; max-width:217px;
 padding:10px; position:relative; margin:auto;
 transition:linear 0.20s transform; 
} 
.haber-list-image img {
 min-height: 217px;
    min-width: 217px;
    max-width: 300px;
}
.haber-list-frame {
 background:url(../img/small-frame-gray.png) no-repeat;  background-size:100%;
 padding:10px; z-index:3;position:absolute; top:0px; left:0px; right:0px; bottom:0px;z-index:3;
}
.haber-image-crop {
height:190px; width:190px; overflow:hidden;
}

.haber-list-name {
 width:95%; max-width:217px;
font-weight:bold; margin:auto; font-size:20px; color:#8c131a 
} 
.haber-list-summary {
 width:95%; max-width:217px;
 margin:auto; font-size:20px;
}
.haber-detail {
 background:#fff; padding:15px; font-size:20px; width:95%; margin:auto auto 50px auto; 
}
.haber-detail img{
 max-width:95%; margin:1%; float:left;
}
.gazete-kupuruleri {
 
}
.gazete-kupuruleri .haber-list {
 width:98%; max-width:240px; margin-left:auto; margin-right:auto;  border:dashed #8c131a 2px; background:rgba(255,255,255,0.60); height:auto;; margin-bottom:30px;
}
.gazete-kupuruleri .haber-list-name {
 width:95%; max-width:217px;
font-weight:bold; margin:auto; font-size:20px; color:#8c131a; text-align:center;
} 
/*ANNELERE FİKİRLER*/

.mum-ideas-list {
 background:url(../img/bg-list.png) repeat-y center; background-size:100% auto; width:100%; margin:auto; padding:15px;
}
.mum-ideas-list-image {
 border:dashed 2px #8c131a; height:210px; overflow:hidden; width:80%; height:320px; margin:auto auto 10px auto;transition:transform 0.20s linear;
}
.mum-ideas-list-image img {
 width:100%; min-height:210px;
}
.mum-ideas-list:hover .mum-ideas-list-image {
transform:rotate(7deg);-moz-transform:rotate(7deg); -webkit-transform:rotate(7deg);
}
.mum-ideas-list-name {
 color:#8c131a; font-size:20px; font-weight:bold; width:80%; margin:auto
}
.mum-ideas-summary {
 font-size:20px;  width:80%; margin:auto; 
}
.mum-ideas-summary div {
 max-height:80px;  display:inline; overflow:hidden;
}

/*YEMEK TARİFLERİ*/
.recipe-list {
 width:100%; padding:20px; background:url(../img/bg-list.png) no-repeat;  background-size:100% auto; text-align:center;
}
.recipe-list-image {
 width:90%;  max-width:220px; height:220px; overflow:hidden; border:dashed 2px #8c131a; margin:auto; margin-bottom:10px;
}
    .recipe-list-img img {
        width: 100%; min-height:220px; max-width:450px;
    }
.recipe-list-name {
 width:90%;  max-width:220px;  margin:auto; color:#8c131a; font-size:20px; font-weight:bold;
}

.recipe-banner { 
    padding-top:80px; padding-bottom:80px;
}
.recipe-banner-image {
 max-height:300px; max-width:60%;
 min-width:200px; min-height:200px;
 overflow:hidden; position:relative;
 border:dashed 2px #8c131a;  margin:auto;
 transform:rotate(8deg); -moz-transform:rotate(8deg);-webkit-transform:rotate(8deg);
}
.recipe-banner-image  img {
width:100%;  max-width:100%;
}
.recipe-banner-name {  font-size:50px; font-weight:bold; text-align:center; vertical-align:middle; margin-top:13%;
}
.recipe-detail-content {
 font-size:20px
}
.recipe-detail-content a {
 font-weight:bold
}
.recipe-detail-content .product-info-icon {
  display:inline-block;  width:auto /*60px*/; text-align:center; margin-left:3px; margin-right:3px;
  vertical-align: middle; font-weight:bold; font-size:20px
}
.recipe-detail-content .info-icon-heat {
  width:70px; height:70px;
  border-radius:70px; -moz-border-radius:70px; -webkit-border-radius:70px;
  background:url(../img/icon-heat.png) #f36711 no-repeat center; background-size:80%
}
.recipe-detail-content .info-icon-weight {
  width:70px; height:70px;
  border-radius:70px; -moz-border-radius:70px; -webkit-border-radius:70px;
  background:url(../img/icon-weight.png) #f9950b no-repeat center; background-size:80%
}
.recipe-detail-content .info-icon-minute {
  width:70px; height:70px;
  border-radius:70px; -moz-border-radius:70px; -webkit-border-radius:70px;
  background:url(../img/icon-clock.png) #f9950b no-repeat center; background-size:80%
}
.recipe-detail-content .info-icon-serves {
     width:70px; height:70px;
  border-radius:70px; -moz-border-radius:70px; -webkit-border-radius:70px;
  background:url(../img/icon-porsiyon.png) #aad089 no-repeat center; background-size:80%
}
.col-resimli-btn {
  text-align:center;
}
.col-resimli-btn img {
  max-width:95%; margin-bottom:20px
}


/*DEMO MUTFAK*/
.demo-video-list {
margin-bottom:30px
}


/*İLETİŞİM*/
.map-container {
 width:100%; margin:auto; height:300px; padding:10px; 
}



@media screen and (max-width:1124px) {
     .top-menu  {
     font-size:16px;  
    }
    .menu-bottom {
     font-size:20px;
    }
}
@media screen and (max-width:992px) {
    .btn-msg img{
     width:15%; max-width:136px !important; min-width:30px;
}
    .mobile-none {
     display:none;
    }
    .rotate-none {
     transform:none !important;  -webkit-transform:none !important;  -moz-transform:none !important;
    }
    .footer-col {
     text-align:center;
    }
    .deskop {
    display:none;
    }
    .content {
     padding-top:160px
    }
    .mobile-menu {
     display:none;
    }
     .content {
      background:url(../img/bg-yellow.png) repeat-y center; background-size:1366px auto;
    }
    .menu-btn {
     display:block;
    }
    /*HİNDİ NEDEN HARİKA?*/
.page-banner {
 width:100%;  position:relative; text-align:center; padding-top:30px; padding-bottom:30px;
}

.page-banner img {
   max-width:95%;
}
.neden-hindi-header {
 width:90%; margin-left:auto; margin-right:auto;
}
    .neden-hindi-header h2 {
     color:#8c131a; text-align:center; font-weight:bold;
    }
    .neden-hindi-header p {
     font-weight:bold; color:#000; font-size:26px; width:70%; text-align:center; margin-left:auto; margin-right:auto;
    }
.neden-hindi-content {

}
.neden-hindi-content img { width:95%

}
.neden-hindi-content p { color:#000; font-size:22px; font-weight:bold;

}
.small-55 {
 width:100%; display:inline-block;vertical-align:top;
}
.small-45 {
 width:100%; display:inline-block; vertical-align:top;
}
.part-1 {
 background:url(../img/hindi-ayak-sol.png) no-repeat 10px 0px, url(../img/image-kus.png) no-repeat  bottom 200px left 100px;  vertical-align:top;
}
.part-1-detail {
        -ms-transform: rotate(-4deg); /* IE 9 */
    -webkit-transform: rotate(-4eg); /* Chrome, Safari, Opera */
    transform: rotate(-4deg);
    width:90%; margin:100px auto
}

.part-2 {
 background:url(../img/image-kova.png) no-repeat top 0px right 130px; 
}
.part-3 {
}
.part-3-detail {
    background:url(../img/image-floral.png) no-repeat bottom 20px left 0px, url(../img/hindi-ayak-sag-part-3-.html) no-repeat bottom 100px right 0px;
    padding-bottom:115px; width:100%; padding-right:0px
}

.part-3-sign {
  text-align:right; 
  background:url(../img/hindi-ayak-karisik.png) no-repeat bottom 0px right 0px; padding-bottom:50px; padding-right:0px
}
.part-4 h2 { font-weight:bold; font-size:35px
}
.part-4-detail {
    width:90%;margin:auto
}
.part-4-detail-rotate {
    -ms-transform: rotate(-4deg); /* IE 9 */
    -webkit-transform: rotate(-4deg); /* Chrome, Safari, Opera */
    transform: rotate(-4deg);
    width:90%;
}
.part-5 {
 padding-left:0px;
}
.part-5-detail {
    position:relative;
    background:url(../img/icon-agac.png) no-repeat top 0px right 20px; 
    padding-top:80px;
    margin-top:30px
}

.part-5-detail-rotate {
    -ms-transform: rotate(2deg); /* IE 9 */
    -webkit-transform: rotate(2deg); /* Chrome, Safari, Opera */
    transform: rotate(2deg);
    background:url(../img/image-floral-right.png) no-repeat bottom 0px right 0px; 
    padding-bottom:40px; padding-right:0px;
    width:80%;
}

    .cloud-sm {
    text-align:left; width:48%; display:inline-block
    }
    .cloud-lg {
    text-align:left; width:48%; display:none
    }
    .blog-menu-list {
     display:none;
    }
}
@media screen and (max-width:768px) {
    .logo {
      height:80px;  width:auto; margin-top:10px
    }
    .header-top {
     height:105px
    }
    .btn-urun-kategori-gor {
     border: dashed 2px #8c131a; color:#8c131a; font-weight:bold; font-size:20px; text-align:center; padding:15px;
    }
    .product-tab-container {
     display:none;
    }
    .product-detail .tab-btn-container { font-size:20px; margin-top:0PX;
    }
    .product-detail .tab-btn-container li {display:block
    }
   .mill-image {
 margin-top:10px;  margin-left:auto; margin-right:auto;width:80%; max-width:139px;
}
   .content {
     padding-top:120px
    }
   .certifica-list {
   height:170px;
   width:95%; margin:auto; overflow:hidden; border:dashed 2px #8c131a;
}

}
.urun-galeri {
    border: dashed 2px #8c131a;  margin-bottom:15px;;
}

.aspect-ratio-container {
  position: relative;
  height: 0;
  padding-top: calc(4 / 4 * 100%);
}

.aspect-ratio-container.ratio-16-9 {
  padding-top: calc(9 / 16 * 100%);
}

.aspect-ratio-item {
  position: absolute;
  left: 0;
  top: 0;
  width: 100% !important;
  height: 100% !important;
}

img.aspect-ratio-item {
  object-fit: cover;
}


/* Hata CSS */
.hata,.emailHata{border:dashed 2px #8c131a;}
.hataMesaj{color:#aa2727; float:right; font-size:12px; padding: 5px 0px; display:none;}
.zorunluText{cursor:pointer;}
.hataText *{color:#aa2727!important;}