@media screen and (max-width:1199px) {
    
    .register-inner {
        padding: 60px 30px 40px
    }

    .address-info {
        background: #fff;
        border-radius: 15px;
        padding: 55px 40px;
        border: 1px solid #676565
    }

    .navigation ul li ul.sub-menu-last {
        width: 740px;
        left: -70px
    }

    .middle-sec .flower-main {
        min-height: 443px
    }

    .add-img {
        min-height: 443px;
        height: 443px
    }

        .add-img img {
            height: 443px
        }

    .product-right ul li {
        padding: 12px 10px 11px
    }

    .banner {
        margin-top: 3px;
        height: auto;
        margin-left: 0;
        margin-bottom: 30px
    }

        .banner img {
            width: 88%
        }

    .baner-right-top ul li {
        padding: 2px 5px;
        margin-bottom: 1px
    }

    .search-sec {
        background: #fff;
        width: 394px
    }

    .newsletter .form-control {
        width: 200px
    }

    .store-icon a img {
        border-radius: 3px;
        width: 140px
    }

    .category-sec .flower-main {
        min-height: 445px
    }

    .detail-bottom ul li {
        float: left;
        width: 100%;
        color: #2faf50;
        text-align: left;
        margin: 5px 0
    }

    .gift-top ul li:first-child {
        width: 100%
    }

    .gift-top ul li {
        width: 50%
    }

    .top-message p {
        font-size: 19px
    }

    .call-info h2 {
        font-size: 22px;
        padding: 32px 0 0
    }

    .flower-img {
        height: inherit;
        overflow: hidden
    }
}

@media screen and (max-width:991px) {
    .register-form {
        margin-bottom: 40px
    }

    .footer a.logo {
        display: block;
        padding-bottom: 15px;
        text-align: center
    }

    .footer {
        padding: 20px 0
    }

    .f-nav {
        margin: 14px 0 15px;
        text-align: center
    }

        .f-nav:after {
            clear: both;
            display: block
        }

    .footer-bottom p {
        overflow: hidden;
        color: #58595b;
        font-size: 14px;
        font-family: MyriadProRegular;
        font-weight: 400;
        margin: 0;
        text-align: center;
        padding: 0 0 30px;
        line-height: 18px
    }

    .track-img {
        float: left;
        text-align: center;
        margin: 40px 0 0;
        clear: both;
        width: 100%
    }

    .baner-right-top {
        position: relative;
        right: 0;
        top: 0;
        width: 100%
    }

        .baner-right-top ul li {
            width: 25%;
            float: left;
            min-height: 100px;
            padding: 9px 5px 7px
        }

            .baner-right-top ul li:last-child {
                padding: 17px 5px 7px
            }

    .banner-btn {
        right: 130px
    }

    .flower-img img {
        width: 100%
    }

    .navigation ul li ul.sub-menu-last {
        width: 740px;
        left: -320px
    }

        .navigation ul li ul.sub-menu-last::after {
            left: 380px
        }

    .product-img img {
        width: 100%
    }

    .product-img {
        margin-bottom: 30px;
    }

    .select_outer {
        width: 100%
    }

    .product-detail-inner {
        padding: 20px 20px 57px
    }

    .product-right ul li {
        width: 100%;
        float: left;
        padding: 10px
    }

    .gift-sec ul li {
        width: 31%;
        margin: 0 1% 20px
    }

    .form-inner-b {
        padding: 62px 30px;
        background: #fff
    }

    #block4 .form-inner-b {
        padding: 62px 20px
    }

    #block4 .member-form .form-group.check-filed {
        font-size: 16px
    }

    .middle-sec .flower-main {
        min-height: 398px
    }

    .category-sec .flower-main {
        min-height: 465px
    }

    .add-img {
        min-height: 398px
    }

        .add-img img {
            height: 386px
        }

    .category-sec .col-md-3 {
        width: 33.3%;
        float: left
    }

    .f-logo {
        display: none
    }

    .footer-bottom {
        padding: 25px 0;
        border-top: solid 1px #c7c7c7;
        border-bottom: none;
        margin-top: 20px
    }

    .b-right .col-md-4.col-sm-6 {
        width: 33.3%;
        float: left
    }

    .margin-space .col-md-3 {
        padding: 0 2px;
        width: 25%;
        float: left
    }

    .margin-space .col-md-9 {
        padding: 0 2px;
        width: 75%;
        float: left
    }

    .category-sec .margin-space .flower-main {
        min-height: 391px
    }

    #blocks {
        width: 100%;
        position: relative;
        height: 1480px;
        padding: 30px 0 0
    }

    .button-sec {
        margin-top: 30px;
        position: relative;
        right: 0;
        bottom: 0;
        width: 100%;
        clear: both;
        float: left
    }

    .prv {
        float: left;
        margin-left: 0
    }

    .banner img {
        width: 100%
    }

    .banner {
        margin-top: 3px;
        height: inherit
    }

    .right-top ul {
        width: 250px
    }

    .search-sec {
        background: #fff;
        width: 267px
    }

    .banner {
        margin-left: 0
    }

    .banner-sec .col-md-12 {
        padding: 0
    }

    .copyright {
        padding-top: 30px;
        padding-bottom: 30px;
        text-align: center
    }

    .f-nav {
        margin: 14px 0 15px
    }

    .flower-main h5 a {
        font-size: 16px;
        min-height: 35px
    }

    .add-img {
        min-height: auto;
        height: 388px
    }

    .middle-sec .flower-main {
        min-height: 389px
    }

    .sepete-btn {
        width: 100%
    }

    .like-icon {
        width: 18%
    }

    .gift-top ul li:last-child {
        /*width: 50%*/
    }

    .gift-sec .member-form .form-group {
        width: 100%
    }

    .call-info h2 {
        padding: 20px 0 0
    }

    .top-message h2 {
        font-size: 23px;
        padding: 10px 0 12px
    }

    .f-nav ul li a span {
        float: left
    }

    .footer ul.socail h3 {
        text-align: center
    }

    .newsletter {
        margin: 0;
        text-align: center
    }

        .newsletter .form-control {
            width: 87%
        }
}

@media screen and (max-width:767px) {
    .breadcrumb {
        width: 100% !important;
        margin-bottom: 1px !important;
    }
    .banner-sec {
        margin: -5px 0 0
    }

    search-sec-mobile{
        display: block;
    }

    body.js-menu-expand .navigation {
        left: 0;
        position: fixed;
        overflow-y: scroll
    }

    .top-bg {
        display: none
    }

    .header-inner {
        display: block
    }

    .navigation {
        position: fixed;
        top: 0;
        left: -70%;
        width: 70%;
        margin: 0;
        display: block;
        min-height: 320px;
        height: 100vh;
        background: #f4f4f4;
        z-index: 999
    }

        .navigation ul {
            margin-top: 0;
            padding: 0;
            position: relative;
            text-align: left
        }

            .navigation ul li {
                border: none !important;
                float: none;
                background: none;
                margin: 0;
                padding-left: 0
            }

                .navigation ul li:first-child {
                    background-position: 0 10px
                }

                .navigation ul li:nth-child(2) {
                    background-position: 0 -24px
                }

                .navigation ul li:nth-child(3) {
                    background-position: 0 -61px
                }

                .navigation ul li a {
                    font-size: 15px;
                    color: #000;
                    display: block;
                    padding: 10px 10px 10px 38px
                }

                    .navigation ul li a:hover {
                        color: #e5007d
                    }

                    .navigation ul li a.active {
                        color: #e5007d
                    }

                .navigation ul li:hover ul.sub-menu {
                    display: block
                }

                .navigation ul li ul.sub-menu {
                    padding-bottom: 25px;
                    background: #fff;
                    display: none
                }

                    .navigation ul li ul.sub-menu li a {
                        color: #424242;
                        display: block;
                        font-size: 12px;
                        padding: 5px 13px
                    }

                        .navigation ul li ul.sub-menu li a:hover {
                            background: transparent;
                            color: #e5007d;
                            text-decoration: underline
                        }

                    .navigation ul li ul.sub-menu:after {
                        content: close-quote
                    }

    .search-sec-drop {
        position: relative;
        padding: 10px;
        position: relative;
        background: #fff;
        width: 100%;
        z-index: 99
    }

    .user-info {
        display: block
    }

        .user-info ul li {
            padding: 0;
            background: none !important
        }

            .user-info ul li a {
                padding-left: 0
            }

    .navigation ul li a span {
        display: inline-block;
        width: 25px;
        height: 25px;
        text-align: center;
        margin: 0 5px 0 4px
    }

    .nav ul li ul.sub-menu li a {
        padding: 5px 13px
    }

    .navigation ul li ul.sub-menu {
        width: 100%;
        position: static
    }

    .desktop {
        display: none
    }

    .mobile {
        display: block
    }

    a.logo {
        text-align: center;
        display: block
    }

    header {
        padding: 10px 0
    }

    .header-right ul {
        float: none;
        margin: 15px auto 0;
        text-align: center;
        width: 270px
    }

    .search-sec {
        width: 100%;
        float: none;
        margin: 10px 0 15px;
        position: relative
    }

    .cart-info {
        text-align: right;
        padding: 11px 0;
        position: relative;
        z-index: 999999
    }

    .baner-right-top ul li {
        width: 50%
    }

    .right-info p {
        text-align: center !important
    }

    .right-info {
        padding: 15px
    }

    .col-md-10.col-sm-9.bhoechie-tab {
        padding: 0;
        margin-top: 25px
    }

    #blocks {
        width: 100%;
        padding: 0
    }

    .button-sec {
        margin-top: 30px
    }

    .form-inner-b {
        padding: 30px;
        background: #fff
    }

    .form-step {
        margin-top: 20px
    }

    .gift-sec {
        margin-top: 20px
    }

    #blocks {
        width: 96%;
        margin: 0 2%
    }

    .middle-sec .flower-main {
        min-height: 470px
    }

    .category-sec .flower-main {
        min-height: 470px
    }

    .add-img {
        min-height: auto
    }

        .add-img img {
            height: auto
        }

    .add-img {
        height: auto
    }

    .display {
        display: block
    }

    .middle-sec .col-sm-3 {
        width: 33.3%;
        float: left
    }

    .middle-sec .col-sm-6 {
        width: 100%;
        float: left
    }

    .category-sec .col-md-3.p-left {
        padding-left: 2px;
        padding-right: 2px
    }

    .f-nav ul {
        list-style: none;
        margin: 0 0 30px;
        text-align: center
    }

    .margin-space .col-md-3 {
        width: 50%;
        float: left;
        padding: 0 15px
    }

    .button-sec {
        margin-top: 0;
        position: absolute;
        right: 0;
        bottom: -44px;
        width: 100%;
        z-index: 99999999
    }

    ul.tabs {
        display: none
    }

    .tab_container {
        display: block;
        margin: 0 auto 50px;
        width: 100%;
        border-top: none;
        border-radius: 0
    }

    .padding {
        padding: 0 2px
    }

    .tab_drawer_heading {
        font-size: 13px;
        color: #000;
        padding: 30px 10px;
        display: block;
        text-transform: uppercase;
        text-align: center;
        font-family: MyriadProBold;
        border-radius: 2px;
        line-height: 15px;
        display: block;
        cursor: pointer;
        user-select: none;
        text-align: center;
        background: #fff;
        border: solid 1px #e5e5e5
    }

        .tab_drawer_heading:hover {
            color: #e5007c;
            background: #fff;
            border: solid 1px #e5e5e5
        }

    .d_active {
        color: #e5007c;
        background: #fff;
        border: solid 1px #e5e5e5
    }

    .right-info h2 {
        padding-bottom: 13px;
        font-size: 25px
    }

    .right-info p {
        padding-bottom: 30px;
        font-size: 15px;
        line-height: 22px
    }

    .top-bg p {
        color: #555547;
        font-size: 16px
    }

    .discount-info {
        text-align: center
    }

        .discount-info h3 {
            padding: 0 0 4px;
            font-size: 25px
        }

        .discount-info p {
            font-size: 20px
        }

    .left-discont {
        float: none
    }

    .right-discont {
        float: none
    }

    .sorting-info {
        padding: 0
    }

    .sort .select_outer {
        float: left;
        width: 100%
    }

    .pagi {
        float: none
    }

    .s-right {
        float: none;
        margin-right: 0;
        margin-top: 16px
    }

    .top-message {
        border: solid 3px #1e982b;
        border-radius: 10px;
        padding: 15px
    }

    .secure-icon {
        float: none;
        margin-right: 0;
        margin-bottom: 10px;
        text-align: center
    }

    .top-message h2 {
        font-size: 18px
    }

    .call-info-icon {
        float: none;
        margin-right: 0;
        margin-bottom: 0;
        text-align: center
    }

    .call-info h2 {
        text-align: center
    }

    .order-btn {
        font-size: 24px;
        margin: 0 auto 50px;
        display: table
    }

    .i-phone {
        overflow-x: scroll;
        width: 100%
    }

    .order-table table {
        border: solid 1px #d7d7d7;
        border-collapse: collapse;
        width: 1100px;
        text-align: center;
        max-width: inherit
    }

    .send-btn {
        margin: 15px auto 0;
        border-radius: 3px;
        display: table;
        float: none
    }

    .newsletter .form-control {
        width: 100%;
        float: none
    }

    .send-btn {
        margin: 15px auto 0;
        border-radius: 3px;
        display: table;
        float: none
    }

    .sorting-page-info {
        float: none;
        border: none;
        margin-bottom: 20px;
        padding: 0
    }

        .sorting-page-info a::before, .sorting-page-info a::after {
            width: 14px
        }

    .shorting-list {
        width: 100% !important
    }
}

@media screen and (max-width:630px) {
    .breadcrumb {
        width: 100% !important;
        margin-bottom: 1px !important;
    }
    /*.search-sec-mobile {
        
        display: none !important;
    }*/

    .register-inner {
        padding: 30px 15px
    }

        .register-inner p {
            font-size: 15px
        }

        .register-inner h2 {
            font-size: 20px;
            letter-spacing: 3px
        }

    .address-info {
        background: #fff;
        border-radius: 15px;
        padding: 25px 15px;
        border: 1px solid #676565
    }

        .address-info h3 {
            font-size: 15px;
            letter-spacing: 0;
            line-height: 23px
        }

    .register-inner p {
        font-size: 14px;
        letter-spacing: 0
    }

    .inner-sec {
        padding: 30px 0 0
    }

    .f-nav {
        margin: 0
    }

        .f-nav ul {
            list-style: none;
            margin: 0 0 30px
        }

    .register-inner p br {
        display: none
    }

    .track-form .register-inner {
        padding: 26px 30px 30px
    }

    .banner-btn {
        display: none
    }

    .baner-right-top ul li a strong {
        font-size: 11px
    }

    .middle-sec {
        margin: 0;
        padding: 0 0 20px
    }

    .product-right ul li {
        text-align: center;
        width: 100%;
        min-height: inherit
    }

        .product-right ul li a img {
            margin: 0 auto 14px;
            display: table
        }

        .product-right ul li a strong {
            text-align: center
        }

        .product-right ul li a {
            text-align: center
        }

    .product-right {
        margin: 30px 0 0;
        padding: 0
    }

    .yorumlar-sec {
        margin-top: 30px
    }

    .pull-right {
        float: none !important
    }

    .middle-info-page h2 {
        font-size: 21px
    }

    .middle-info-page p {
        color: #414141;
        font-size: 14px;
        line-height: 21px
    }

    .middle-info-page {
        padding-bottom: 30px;
        text-align: center
    }

    .product-price {
        margin-top: 15px;
        margin-bottom: 15px
    }
}

@media screen and (max-width:670px) {
    .breadcrumb{
        width: 100% !important;
        margin-bottom:1px !important;
    }
    .middle-sec .flower-main {
        min-height: 425px
    }

    .category-sec .flower-main {
        min-height: 425px
    }

    .yorumlar-sec h3 {
        font-size: 22px
    }

    .yorumlar-sec-bottom h3 {
        font-size: 22px
    }

    .yorumlar-sec-bottom-inner {
        padding: 20px;
        border: solid 1px #d7d7d7
    }

    .carousel-control {
        display: none
    }
}

@media screen and (max-width:600px) {
    .middle-sec .flower-main {
        min-height: 490px
    }

    .category-sec .flower-main {
        min-height: 400px
    }

    .page-info-top h3 {
        text-align: left
    }
}

@media screen and (max-width:599px) {
    .middle-sec .col-sm-3 {
        width: 50%;
        float: left;
        width: 50%;
        float: left
    }

    .b-right .col-md-4.col-sm-6 {
        width: 50%;
        float: left
    }

    .display {
        display: none
    }

    .category-sec .col-md-3 {
        width: 50%;
        float: left
    }

    .sorting-info {
        padding: 7px
    }

    .s-left {
        float: none;
        padding: 7px 0 10px;
        text-align: center
    }

    .pagination {
        float: none;
        padding-left: 0;
        margin: 0 auto;
        border-radius: 4px;
        display: table
    }

    .category-sec .margin-space .flower-main {
        min-height: 465px
    }

    .number-wrap{
        display:flex;
        text-align:center;
    }
    .number{
        margin: 0 auto;
    }
    .number-left{
        width:50px;
    }

    .gift-sec ul li {
        width: 50%;
        margin: 0 0 3px;
        border: solid 1px #e3e3e3 !important;
        position: relative
    }

    .gift-sec p {
        height: 30px !important;
        color: #272727;
        font-size: 14px;
        /*padding: 10px 0 0;*/
        display: block;
        text-align: center
    }

    .gift-sec span {
        min-height: inherit;
        text-align: center;
        display: block
    }

    .gift-sec form {
        width: 75px;
        text-align: center;
        margin: 0 auto;
        display: table;
        position: absolute;
        top: 0;
        right: 0;
        background: #fff;
        padding: 10px 0
    }

        .gift-sec form .number-wrap .arrow {
            position: relative
        }

            .gift-sec form .number-wrap .arrow.down {
                top: 0;
                right: 0
            }

            .gift-sec form .number-wrap .arrow.up {
                left: 0;
                top: 0
            }

    .gift-sec form {
        top: 0
    }

    .gift-img {
        margin-right: 15px;
        width: 100%
    }

    .gift-sec form {
        padding: 18px 0
    }

    .progress_bar {
        height: 97px
    }

    #block4 .form-inner-b {
        padding: 10px 20px
    }
}

@media screen and (max-width:479px) {
    .product-img img{
        width: 100% !important;
    }
    .newsletter {
        width: 100%
    }

        .newsletter .form-control {
            width: 100%
        }

    .send-btn {
        border-radius: 3px
    }

    .progress_bar div.step {
        height: 70px;
        text-align: center;
        font-size: 11px
    }

    .middle-sec .col-sm-3 {
        width: 100%;
        float: left
    }

    .flower-img {
        margin-bottom: 0;
        float: left;
        width: 130px;
        margin-right: 12px
    }

    .flower-main h5 a {
        font-size: 18px;
        color: #272727;
        min-height: inherit;
        display: block;
        text-align: left;
        margin: 10px 0
    }

    .middle-sec .flower-main {
        min-height: inherit;
        text-align: left
    }

    .category-sec .flower-main {
        min-height: inherit;
        text-align: left
    }

    .flower-main p {
        text-align: left
    }

    .flower-main:after {
        clear: both;
        display: block;
        content: close-quote
    }

    .flower-main .price {
        text-align: left
    }

    .flower-main del {
        min-height: inherit;
        text-align: left
    }

    .category-sec .col-md-3 {
        width: 100%;
        float: left
    }

    .s-left a {
        display: inline-block;
        color: #8b8b8b;
        margin: 0 5px;
        font-size: 11px
    }

    .b-right .col-md-4.col-sm-6 {
        width: 100%;
        float: left
    }

    .category-sec .margin-space .flower-main {
        min-height: inherit
    }

    .nav-tabs li a {
        font-size: 11px;
        padding: 10px 5px
    }

    .category-sec {
        margin: 0;
        padding: 30px 0
    }

    .store-icon a img {
        border-radius: 3px;
        width: 125px
    }

    a.visa-img {
        display: inline-block;
        width: 254px;
        height: 40px
    }

    .bottom-price {
        overflow: hidden;
        margin: 0
    }
}