/*
* 
* @name 7/24 E-Ticaret - Görünüm 1
* @package eticaret_724
* @author  Site 7/24
*
*/

/* Exxtra small devices ~ tablets */

@media (min-width: 320px) and (max-width: 991px) {
    /*-- Header --*/
    .logged-in.admin-bar #s724-mobil-header .mobil-header-inner {
        top:32px;
    }
	
    #s724-sabitmenu {
        display:none !important;
    }
    #s724-mobil-header {
        height:55px;
    }
    #s724-mobil-header #s724-mobil-logo img {
        width:auto;
        height:45px;
    }
    #s724-mobil-header .mobil-header-inner {
        width:100%;
        background: #fff;
        top:0;
        left:0;
        z-index: 100;
        box-shadow: 0 3px 3px rgba(0,0,0,0.15);
        opacity: .96;
    }
    #s724-mobil-header .s724-mobil-menu .btn.nav-link {
        height: 70px;
        border-radius: 0;
        text-align: center;
        padding: 0;
        color: #fff;
        font-size: 1.25rem;
        border: none;
        line-height: 72px;
    }
    #s724-mobil-header #s724-mobil-basket {
        background: #3498db url(../images/s724-basket-icon.png)no-repeat center center;
        bottom: 10px;
        left: 10px;
        width: 60px;
        height: 60px;
        z-index: 10;
        border-radius: 50%;
        box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
        font-size: 0;
    }
    #s724-mobil-header #s724navbarCollapse-Mobil {
        background: #666;
        min-width: 350px;
    }
    #s724-mobil-header #s724-mobil-menu-1 .btn.nav-link.collapsed i:before {
        content:'\f009';
    }
    #s724-mobil-header #s724navbarCollapse-Mobil li a {
        color: #fff;
    }
    #s724-mobil-header #s724navbarCollapse-Mobil .btn {
        background: #07D1F9;
        color: #fff;
        font-weight: 500;
        font-size:14px;
    }
    #s724-mobil-header #s724navbarCollapse-Mobil .btn.collapsed i:before {
        content:'\f009';
    }
    #s724-mobil-header #s724navbarCollapse-Mobil {
        left:0;
        z-index: 1;
    }
    #s724-mobil-header #s724navbarCollapse-Mobil ul {
        width:100%;
    }
    #s724-mobil-header #s724navbarCollapse-Mobil ul li > a {
        border: 1px solid #ececec;
        background:#fff;
        color: #444;
        font-weight: 400;
        font-size: 16px;
        padding: 12.45px 15px;
        display: block;
        margin-bottom:-1px;
        letter-spacing: -.5px;
        text-transform: capitalize;
        -webkit-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear;
    }
    #s724-mobil-header #s724navbarCollapse-Mobil ul li.show > a:after {
        color:rgba(0,0,0,1)
    }
    #s724-mobil-header #s724navbarCollapse-Mobil ul li {
        float:left;
        width:100%;
    }
    #s724-mobil-header #s724navbarCollapse-Mobil .dropdown-menu {
        position: relative !important;
        width: 100%;
        border: none;
        border-radius: 0;
        padding: 0;
        margin: 0;
    }
	
    #s724-mobil-header #s724navbarCollapse-Mobil .dropdown .dropdown-menu {
        transition: all .5s linear;
        max-height: 0;
        display: block;
        overflow: hidden;
        opacity: 0;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
        transform: none !important;
    }
    #s724-mobil-header #s724navbarCollapse-Mobil .dropdown.show .dropdown-menu {
        max-height: 100vh;
        opacity: 1;
    }
    #s724-mobil-header #s724navbarCollapse-Mobil .dropdown-menu a {
        color: #fff;
        padding: 10px 15px;
        font-size: 14px;
        border-bottom: 1px solid rgba(255,255,255,0.15);
        font-weight: 300;
        letter-spacing: .5px;
    }
    #s724-mobil-header #s724navbarCollapse-Mobil .dropdown-menu a:hover {
        font-weight:500;
        color:#fff;
        background:transparent;
    }
    #s724-mobil-header #s724navbarCollapse-Mobil .dropdown-toggle:after {
        content: '\f107';
        font-family: 'FontAwesome';
        border: none;
        margin-left: auto;
        float: right;
        margin-right: .5em;
        font-size: 1.2em;
        color: rgba(0,0,0,0.3);
    }
    #s724-mobil-header #s724navbarCollapse-Mobil .dropdown.show .dropdown-toggle:after {
        content: '\f106';
    }
    #s724-mobil-header #s724navbarCollapse-Mobil .dropdown-toggle i {
        width: 20px;
        text-align: center;
        opacity: .9;
    }
	#yazi{	
		background-color:#FEA305;

right:20%;
position:static;
padding:25px;
height:80px;
	
}
#kampanya
{
	color:white;

}
	

    /*-- </Header --*/
    /*-- Manset --*/
    body.home #s724-ana-manset:before {
        display: none;
    }
    #s724-ana-manset #s724-manset {
        margin-top: 0;
        height: 380px;
    }
    /*#s724-ana-manset #s724-manset .owl-thumbs {
        display: none;
    }*/
    #s724-ana-manset .container {
        max-width: 100%;
        padding:0;
    }
    #s724-ana-manset #s724-manset #s724-manset-owl {
        margin-top: 0;
    }
    #s724-ana-manset #s724-manset .owl-stage {
        height:380px;
        overflow: hidden;
    }
    #s724-ana-manset #s724-manset .owl-nav div {
        opacity:1;
        top:35%;
    }
    #s724-ana-manset #s724-manset figcaption h2 {
        font-size:25px;
        margin-bottom: 1em;
    }
    #s724-ana-manset #s724-manset .jumbotron {
        padding-left:3rem;
    }
    /*-- </Manset --*/
    /*-- Arama Kutusu --*/
    #s724-mobil-arama-kutusu .arama-kutusu-inner {
        background: #efefef;
        padding: 10px;
    }
    #s724-mobil-arama-kutusu .btn {
        border-radius: 0;
    }
    /*-- </Arama Kutusu --*/
    /*-- Urun Tabs --*/
    .s724-panel-uruntabs ul li {
        width:50%;
        margin-bottom: .5rem;
        text-align: center;
    }
    .s724-panel-uruntabs ul li:last-child {
        width:100%;
    }
    .s724-panel-uruntabs .nav-pills .nav-link {
        font-size: 14px;
        padding: 0;
        height: 60px;
        line-height: 60px;
    }
    /*-- </Urun Tabs --*/
    /*-- Urun Gorunumu --*/
    .woocommerce div.product .urun-ozellikler .price {
        float: none;
        display: block;
        max-width: 100%;
    }
    .woocommerce div.product .urun-ozellikler .star-rating {
        float:none;
    }
    .woocommerce div.product .urun-ozellikler .price,
    .woocommerce div.product .urun-ozellikler .star-rating {
        height:40px;
        line-height: 40px;
    }
    /*-- </Urun Gorunumu --*/
    /*-- Widget --*/
    .s724-aside {
        margin-bottom: 10px;
    }
    .s724-aside #s724_kategori_widget-2,
    .s724-aside .widget_media_image {
        display:none;
    }
    /*-- </Widget --*/
    /*-- Manset --*/
    #s724-manset #s724-manset-owl img {
        height:350px;
        padding-top: 15px;
    }
    /*-- </Manset --*/
    /*-- Ä°letisim --*/
    #s724-iletisim .s724-iletisim-bilgiler {
        margin-top:2em;
    }
    /*-- </Ä°letisim --*/
    /*-- Kategori Kutulari --*/
    #s724-kategori-kutulari .s724-kategorikutu-aciklama,
    #s724-kategori-kutulari .s724-kategorikutu-2 .s724-kategorikutu-aciklama {
        font-size:1.5em;
    }
    #s724-kategori-kutulari .s724-kategorikutu-1 img {
        height:250px;
    }
    #s724-kategori-kutulari .s724-kategorikutu-1 figcaption {
        text-align:center;
        align-items:center;
        justify-content:center;
    }
    /*-- </Kategori Kutulari --*/
    /*-- Referanslar --*/
    #s724-referanslar .owl-nav {
        display:none;
    }
    /*-- </Referanslar --*/
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px) {
    /*-- Header --*/
    #s724-mobil-header #s724-mobil-logo img {
        width: 70px;
        height: 70px;
    }
    /*-- </Header --*/
    /*-- Urun Görünümü --*/
    .s724-urunler .col-xs-6 {
        width:50%;
    }
    .woocommerce .products .product .woocommerce-loop-category__title, .woocommerce .products .product .woocommerce-loop-product__title, .woocommerce .products .product h3 {
        font-size: 13px;
    }
    /*-- </Urun Görünümü --*/
    /*-- Blog --*/
    .home .s724-blog {
        position: absolute !important;
          clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
          clip: rect(1px, 1px, 1px, 1px);
    }
    .s724-blog-media img {
        width:120px;
    }
    /*-- </Blog --*/
    /*-- Ana Manset --*/
    /*-- Manset --*/
    body #s724-ana-manset #s724-manset,
    #s724-manset #s724-manset-owl,
    #s724-manset #s724-manset-owl img,
    #s724-ana-manset #s724-manset .owl-stage {
        height: auto;
        padding-top: 5px;
    }
    body #s724-ana-manset #s724-manset .owl-nav div {
        top:22%;
    }
    #s724-manset .owl-nav {
        display:none;
    }
    /*-- </Manset --*/
    /*-- Günün Ürünü --*/
    .s724-gunun-urunleri figure .s724-urun-img {
        text-align: center;
        margin-bottom: 1em;
        background: #ededed;
    }
    /*-- </Günün Ürünü --*/
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) {
    .logged-in.admin-bar #s724-mobil-header .mobil-header-inner {
        top:46px;
    }

    /*-- Bulten --*/
    #s724-bulten .bulten-yazi {
        margin-bottom: 10px;
    }
    /*-- </Bulten --*/
    /*-- Breadcrumbs --*/
    .woocommerce-breadcrumb:before {
        margin:0;
        padding:0;
        left:0;
        background-size:150%;
    }
    /*-- </Breadcrumbs --*/
    /*-- Footer --*/
    #s724-footer-icerik #footer-accordion {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
    #s724-footer-icerik .footer-card {
        padding:0;
        background: rgba(0,0,0,0.1);
        margin:0 15px;
    }
    #s724-footer-icerik .footer-card .card-header {
        padding:0;
    }
    #s724-footer-icerik .footer-card .card-header a {
        position:relative;
        padding:15px;
        display: block;
        font-size: 20px;
        transition: all .2s linear;
        -webkit-transition: all .2s linear;
        -o-transition: all .2s linear;
        -moz-transition: all .2s linear;
    }
    #s724-footer-icerik .footer-card .card-header a:after {
        float: right;
        content:'\f107';
        font-family: FontAwesome;
        color: #fff;
    }
    /*-- </Footer --*/
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 992px) {
    /*-- Manset --*/
    #s724-manset.col-lg-9 {
        -ms-flex: 0 0 75.8%;
        flex: 0 0 75.8%;
        max-width: 75.8%;
    }
	
    /*-- </Manset --*/
    /*-- Kategori Kutulari --*/
    #s724-kategori-kutulari figure:hover {
        transform: scale(1.04);
         -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -ms-transition: all .2s linear;
        -o-transition: all .2s linear;
        transition: all .2s linear;
    }
    /*-- </Kategori Kutulari --*/
    #s724-footer-icerik .footer-card .card-header a:hover {
    	background:transparent !important;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {

    
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    
}