@media only screen and (max-width : 500px) {
.page-404 .inner{width:100%;display:block}
.page-404 img{width:100%;display:block}
}
@media only screen and (max-width : 359px) {
.cc-area{padding:8px 0 8px 8px}
.cc-area .call-850{font-size:20px}
.icon-letwecall:before{margin-right:2px!important}
.letwecall{font-size:12px;padding:8px 0 8px 6px}
.custom-field1 .field1-value{font-size:12px}
.box{display:block;width:100%}
.box-sep{width:100%;display:block;height:8px}
.news-subscribe .label{font-size:13px}
.populer-list .populer-title{font-size:18px;line-height:18px;display:block;padding-left:0}
.populer-list .populer-img{width:100%;display:block}
.populer-list .populer-img img{width:100%}
.res-action .btn{font-size:16px}
.logo{margin:13px 0 4px 2px;width:70px}
.logo img{width:70px}
}
@media only screen and (max-width : 319px) {
.prod-label{display:block;margin-bottom:2px}
.btn{font-size:14px;padding:0 5px}
}
#BLOG_STYLE_BASLANGIC{}
.blog-row{font-family:'Open Sans',sans-serif;text-align:center}
.blog-row-spacing{padding:25px}
.blog-date{font-family:'Open Sans',sans-serif;font-weight:700;font-size:1em}
.blog-title{font-family:'Anton',sans-serif;font-size:1.7em;text-transform:uppercase}
.blog-title a{color:green}
.blog-title a:hover{color:blue}
.blog-image img{max-width:100%;border:1px solid transparent;padding:10px}
.effect-layla{cursor:pointer}
.blog-image figure{position:relative;width:100%;text-align:center}
.blog-image figure img{width:100%;opacity:.8;text-align:center;max-height:344px}
.blog-image figure figcaption{color:#fff;text-transform:uppercase;font-size:1.25em;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.blog-image figure figcaption::before,.blog-image figure figcaption::after{}
.blog-image figure figcaption,.blog-image figure figcaption > a{position:absolute;top:0;left:0;width:100%;height:100%}
.blog-image figure.effect-layla figcaption::before,.blog-image figure.effect-layla figcaption::after{position:absolute;content:'';opacity:0}
.blog-image figure.effect-layla figcaption::before{top:50px;right:30px;bottom:50px;left:30px;border-top:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.blog-image figure.effect-layla figcaption::after{top:30px;right:50px;bottom:30px;left:50px;border-right:1px solid #fff;border-left:1px solid #fff;-webkit-transform:scale(1,0);transform:scale(1,0);-webkit-transform-origin:100% 0;transform-origin:100% 0}
.blog-image figure.effect-layla h2{padding-top:26%;-webkit-transition:-webkit-transform .35s;transition:transform .35s}
.blog-image figure.effect-layla p{padding:.5em 2em;text-transform:none;opacity:0;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
.blog-image figure.effect-layla img,.blog-image figure.effect-layla figcaption::before,.blog-image figure.effect-layla figcaption::after,.blog-image figure.effect-layla p{-webkit-transition:opacity 0.35s,-webkit-transform .35s;transition:opacity 0.35s,transform .35s}
.blog-image figure.effect-layla:hover img{opacity:.7;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.blog-image figure.effect-layla:hover figcaption::before,.blog-image figure.effect-layla:hover figcaption::after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.blog-image figure.effect-layla:hover h2,.blog-image figure.effect-layla:hover p{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.blog-image figure.effect-layla:hover figcaption::after,.blog-image figure.effect-layla:hover h2,.blog-image figure.effect-layla:hover p,.blog-image figure.effect-layla:hover img{-webkit-transition-delay:.15s;transition-delay:.15s}    
#BUTTON_ANIMASYONLU_STYLE_BASLANGIC{}
.cube{width:150px;height:50px;-webkit-transition:all 250ms ease;-moz-transition:all 250ms ease;-o-transition:all 250ms ease;transition:all 250ms ease;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}
.default-state,.active-state{height:50px}
.default-state{-webkit-transform:translateZ(50px);-moz-transform:translateZ(50px);-o-transform:translateZ(50px);-ms-transform:translateZ(50px);transform:translateZ(50px)}
.flip-to-top .active-state{-webkit-transform:rotateX(90deg) translateZ(75px);-moz-transform:rotateX(90deg) translateZ(75px);-o-transform:rotateX(90deg) translateZ(75px);-ms-transform:rotateX(90deg) translateZ(75px);transform:rotateX(90deg) translateZ(75px)}
.flip-to-bottom .active-state{-webkit-transform:rotateX(-90deg) translateZ(-50px);-moz-transform:rotateX(-90deg) translateZ(-50px);-o-transform:rotateX(-90deg) translateZ(-50px);-ms-transform:rotateX(-90deg) translateZ(-50px);transform:rotateX(-90deg) translateZ(-50px)}
.cube.flip-to-top:hover{-webkit-transform:rotateX(-89deg);-moz-transform:rotateX(-89deg);-o-transform:rotateX(-89deg);-ms-transform:rotateX(-89deg);transform:rotateX(-89deg)}
.cube.flip-to-bottom:hover{-webkit-transform:rotateX(89deg);-moz-transform:rotateX(89deg);-o-transform:rotateX(89deg);-ms-transform:rotateX(89deg);transform:rotateX(89deg)}
.cube{text-align:center;margin:0 auto}
.default-state,.active-state{background:#77BC1F;font-size:16px;text-transform:uppercase;color:#fff;line-height:50px;-webkit-transition:background 250ms ease;-moz-transition:background 250ms ease;-o-transition:background 250ms ease;transition:background 250ms ease;cursor:pointer}
.cube:hover .default-state{background:#fc0}
.active-state{background:#337ab7}
#flipto{display:block;text-align:center;text-decoration:none;margin-top:20px;color:#ccc}