@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

    }

}