##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1281px) {

}

/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {

}

/*
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {

}

/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

}


@media (min-width: 320px) and (max-width: 480px) {
    .header-right {
        display: none;
    }
    header .header .hidden-sm {
        display: none !important;
    }
    .mobile-header { display: block !important;}
    .header {
        display: none;

    }

    #mobile-header{
        display: inline-block !important;
        width: 100%;
        border-bottom: 2px solid #0263D6;
        position: fixed;
        top: 0;
        z-index: 9999999;
        background: white;
    }
    #mobile-header .header-menu, #mobile-header .logo, #mobile-header .mobile-cart{
        float: left;
        display: inline;
        position: relative;
        padding:5px 0;
        margin: 0 auto;
        text-align: center;
    }
    #mobile-header .header-menu{
        width:20%;
        padding: 12px;
    }
    #mobile-header .logo {
        width:60%;
    }
    #mobile-header .mobile-cart{
        width:20%;
        padding: 7px;
    }

    .featured .cart-text {
        display: none;
    }
    .featured .product-thumb .button-group .addtocart {
        padding: 0 12px !important;
    }




}

@media (max-width: 768px) {
    #logo {
        margin: 0 !important;
        height: unset !important;
        padding:  0 !important;
    }
    .main-slider {
        position: relative;
        margin-top: 0px;
    }

    #fast-search{
        display: none;
    }
    .content-top #content {
        margin-top:unset !important;
        padding: 0 !important;
    }



}

@media (min-width: 320px) and (max-width: 768px) {
    #mobile-header{
        display: inline-block !important;
        width: 100%;
        border-bottom: 1px solid #0263D6;
        position: fixed;
        top: 0;
        z-index: 9999999;
        background: white;
    }
    #mobile-header .header-menu, #mobile-header .logo, #mobile-header .mobile-cart{
        float: left;
        display: inline;
        position: relative;
        padding:5px 0;
        margin: 0 auto;
        text-align: center;
    }
    #mobile-header .header-menu{
        width:60px;
        padding: 12px;
    }
    #mobile-header .logo {
        width: calc(100% - 116px);
    }
    #mobile-header .mobile-cart{
        width:55px;
        padding: 7px;
    }

    .footer-banner{
        width: 100%;
        position: relative;
        height:66px;
        background: #FBD11C;
        display: none;
    }
    .footer-banner .banner-text, .footer-banner a{
        float: left;
        display: inline;
        font-family: Titillium Web;
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        line-height: 22px;
        align-items: center;
        margin:10px 0;
    }
    .footer-banner .banner-text{
        width: 70%;
        color: #000000;
    }
    .footer-banner a{
        font-size: 20px;
        line-height: 30px;
        display: flex;
        align-items: center;
        text-align: center;
        color: #FFFFFF;
        background: #353535;
        border-radius: 5px;
        padding:3px 15px;

    }
    .whatsapp-fix {
        position: fixed;
        bottom: 90px;
        right: 10px;
        font-size: 35px;
        padding: 0;
        width: 45px;
        background: linear-gradient(
                96.07deg
                , #12E17D 0.22%, #56F6A9 93.83%);
        height: 45px;
        z-index: 1111;
        border-radius: 50%;
    }

    .whatsapp-fix img {
        padding: 0px;
        float: left;
        position: relative;
        left: -4px;
    }

    .whatsapp-text{
        text-transform: uppercase;
        font-family: Titillium Web;
        font-style: normal;
        font-weight: bold;
        font-size: 13px;
        line-height: 25px;
        display: flex;
        align-items: center;
        text-align: center;
        width: 80%;
        float: left;
        color: #FFFFFF;
        text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
        display: none;
    }

    #footer-div{
        display: flex;
        width: 100%;
        flex-direction: column;
    }

    .footer-info ul{
        padding:0;
    }
    .footer-info ul li{
        float: left;
        display: inline;
        list-style: none !important;
        margin-right: 5px;
        padding: 8px 4px 8px 4px;
        font-size: 17px !important;
        color: white !important;
    }
    .footer-info ul li a{
        font-style: normal;
        font-weight: 100;
        font-size: 12px;
        line-height: 26px;
        display: flex;
        align-items: center;
        text-align: center;
        color: #FFFFFF;
    }
    .footer-info {
        position: relative;
        width: 100%;
        background-color: #0263D6;
    }
    .footer-info  .fa{
        font-size: 22px !important;
        line-height: 25px;
        display: flex;
        align-items: center;
        text-align: center;
        color: #FFFFFF;
    }
    .footer-info .phone{

        font-family: Roboto;
        font-style: normal;
        font-weight: normal;
        line-height: 26px;
        display: flex;
        align-items: center;

        color: #FFFFFF;

    }

    .footer-logo{
        position: relative;
        width: 100%;
        background-color: #FFF;
        height: 40px;
    }
    .footer-logo li{
        list-style: none;
    }
    .footer-logo ul{
        padding: 0 15px;
        display: flex;
        flex-direction: row;
        align-content: center;
        align-items: center;
        justify-content: center;
    }
    .footer-logo .bank_logo a{
        background: url('/image/cards.png');
        height: 35px;
        width: 171px;
        margin-left: 0px;
        display: block;
    }
    .footer-logo .facebook a{
        background: url('/image/facebook.png');
        height: 20px;
        display: block;
        margin-left: 50px;
        width: 20px;
    }
    .footer-logo .twitter a{
        background: url('/image/twitter.png');
        margin-left: 10px;
        height: 20px;
        display: block;
        width: 20px;
    }
    .footer-logo .instagram a{
        background: url('/image/instagram.png');
        height: 20px;
        margin-left: 10px;
        display: block;
        width: 20px;
    }


    .main-slider .owl-pagination {
        background: #0263D6;
        border-radius: 10px;
        width: 25%;
        left: 40%;
        right: 40%;
        height:16px !important;
        padding: 3px;
    }
    .main-slider .owl-controls .owl-page.active span, .owl-controls .owl-page span:hover{
        background: #FBD11C !important;
        box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.75) !important;
    }
    .main-slider .owl-controls .owl-page span{
        background: #FFFFFF !important;
        box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.75) !important;
    }

    #fast-search{
        display: block !important;
        margin-top: 0px !important;
        width:100% !important;
        border: 1px solid #292929;
        box-sizing: border-box;
    }
    #fast-search,  #fast-search .box-content, .fast-header {
        border-radius: 5px;
    }
    .fast-header{
        text-align: center;
    }
    .fast-header img{
        width: 20px;
        height: 20px;
        margin-right: 10px;
    }

    #kategori-filter {
        padding: 0px 10px;
    }
    #fast-search select {

        border: 1px solid #4691E9 !important;
        box-sizing: border-box;
        border-radius: 5px;
        box-shadow: 1px 2px 6px #8b8b8b73 !important;
        margin-bottom: 12px;
        opacity: 1 !important;
        height: 45px !important;
        position: relative !important;
    }
    .featured .slider-wrapper{
        width: 100% !important;

    }
    .featured .product-thumb .image-img {
        padding: 0;
        width: 100%;
    }
    .featured  .slider-wrapper .col-xs-6 {
        padding: 0 5px !important;
    }

    .featured  .box-product .product-block {
        margin: 0 !important;
        padding: 0 !important;
        background: #FFFFFF;
        box-shadow: none;
    }

    .featured .product-thumb .caption {
        padding: 0;
        background: #ffffff;
        margin: 0;
    }
    .featured .product-thumb .price {
        /*
        font-family: "Titillium Web",sans-serif;
        font-size: 20px;
        text-align: left;
        margin-bottom: 3px;
        width: 50%;
        left: 10px;
        font-style: normal;
        font-weight: 500;
        line-height: 27px;
        align-items: center;
        display: inline-block;
        position: relative;
        padding-bottom: 20px;
        */
    }
    .featured .product-thumb .button-group .addtocart {
        border: 0 none;
        float: left;
        height: 55px;
        transition-duration: 0ms;
        width: 100%;
        background: white;
        border-radius: 0px;
        text-transform: uppercase;
        font-family: "Titillium Web", sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 11px;
        line-height: 17px;
        display: flex;
        align-items: center;
        text-align: center;
        color: #FFFFFF;
        border-radius: 62%;
        box-shadow: -2px -1px 0px -1px black;
        margin-left: 5px;
        margin-top: 5px;
        position: relative;
        top: 9px;
        display: none;
    }

    .featured .product-thumb .button-group {
        right: 0px;
        position: absolute;
        bottom: 0;
        display: none;
    }

    .featured .product-thumb h4 {
        margin-bottom: 10px;
        height: 30px;
        background: white;
        /*
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        */
    }
    .featured .product-thumb h4 a{
        font-style: normal;
        font-size: 12px;
        line-height: 18px;
        text-align: left;
        color: #000000 !important;
        padding: 0;
    }

    .featured .box-heading{
        font-family: "Titillium-Web", sans-serif;
        font-weight: bold;
        font-size: 16px !important;
        line-height: 30px;
        align-items: center;
        text-align: left;
        padding: 0 15px !important;
        height: 35px !important;
        background: #E5E5E5 !important;
    }
    .featured .customNavigation a.prev{
        background: url('/image/arrow-prev.png') !important;
        margin-right: 12px;
    }
    .featured .customNavigation a.next{
        background: url('/image/arrow-next.png') !important;
    }
    .featured .customNavigation a {
        top: -36px;
        width: 35px !important;
        height: 35px !important;
    }

}


@media (max-width: 380px) {
    .footer-info ul li{
        font-size: 12px !important;
    }
    .footer-info ul li a{
        font-size: 12px !important;
    }
    .footer-banner .banner-text, .footer-banner a {
        font-size: 15px !important;
    }


}
@media (max-width: 768px){
    .kartlar{
        display: none;
    }
}

#content .product-carousel .product-block, #content .box-product .product-block{
    border:none !important;
}
#kategori-filter div{
    width: 30% !important;
}



#kategori-filter span.customSelect {
    display: none !important;
}
#fast-search  .box-content {
    border-radius: 20px !important;
}

footer .banners-slider-carousel .customNavigation a.next, footer .banners-slider-carousel .customNavigation a.prev{

    top: 15px !important;
}

body {
    padding-bottom: 60px;
}