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

@media (min-width: 1281px)  {
   }




/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1200px) and (max-width: 1395px) {
    #search2 button {
        position: absolute;
        right: 3px;
        top: 1px;
        background: #ff8d4c;
        border-radius: 20px;
        height: 39px;
        width: 80px;
        text-transform: capitalize;
        font-size: 14px;
    }

    #search-input {
        border-color: #46b29d;
        border-radius: 20px;
        height: 41px;
        font-size: 12px;
    }

    #search {
        display: none;
    }

    .main_div {
        display: inline;
        float: right;
        margin-left: 150px;
        margin-right: 3px;
        width: 76% !important;

    }
    #first_div {
        height: 175px;
        float: left;
        width: 185px !important;
        border-radius: 25px;
    }
    .responsive_forms .div {
        float: left;
        display: inline-block;
        margin: 8px;
        height: 175px;
        background-size: contain;
        background-repeat: no-repeat;
        padding: 5px;
        width: 25%;
    }
}

@media (min-width: 1025px) and (max-width: 1200px) {
    .fa fa-shopping-cart .hidden-md {
        display: inline-block!important;
    }
    .fa fa-user .hidden-md {
        display: inline-block!important;
    }
    .header_outer .col-sm-6 {
        width: 28.65% !important;
    }
    #search2 button {
        position: absolute;
        right: 3px;
        top: 1px;
        background: #ff8d4c;
        border-radius: 20px;
        height: 39px;
        width: 80px;
        text-transform: capitalize;
        font-size: 14px;
    }
    #search-input {
        border-color: #46b29d;
        border-radius: 20px;
        height: 41px;
        font-size: 12px;
    }
    #search {
        display: none;
    }
    .header_outer .list-inline {
        display: inline-flex;
    }
    .myaccount_drp {
        width: 50%;
    }
    .account_btn {
        background-color: white !important;
        color: #FFFFFF !important;
        border: none !important;
        border-radius: 20px !important;
        width: 130px;
        height: 40px;
        line-height: 43px;
        text-align: center;
        position: relative;
        background-image: linear-gradient(#64bbc5, #59a7b3, #4b949d);
    }
    .account_btn {
         width: 130px;
     }
    .myaccount_drp {
        width: 130px;
    }
    .myaccount_drp i.fa-shopping-cart {
        font-size: 14px;
    }
    .account_btn a i {
        font-size: 14px !important;
        padding-right: 10px !important;
    }
    .border_line_bottom {
        border-bottom: #e1e1e1 solid 1px;
        margin-top: 280px;
        margin-bottom: 10px;
    }
    .son_dort {
        line-height: 1.75;
        float:none;
        padding-right: 5px;
    }
    #first_div {
        height: 175px;
        background-color: #94d66226;
        float: left;
        width: 270px !important;
        border-radius: 25px;
    }
    .featured_form {
        position: relative;
        margin-bottom: 50px;
        width: 100%;
    }

    .main_div {
        display: inline;
        float: right;
        /* margin-left: 150px; */
        /* margin-right: 10px; */
        width: 57% !important;
    }

    .div {
        float: none;
        display: inline-block;
        margin: 10px;
        height: 175px;
        background-size: contain;
        background-repeat: no-repeat;
        padding: 10px;
    }

    #banner1 .item  a img {
    float: left;
    margin-right: 10px;
    max-width: 48% !important;
    }
    .urun-detay-icon {
        display: none !important;
    }
}



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

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

    .fa fa-shopping-cart .hidden-md {
        display: inline-block!important;
    }
    .fa fa-user .hidden-md {
        display: inline-block!important;
    }
    .header_outer .col-sm-6 {
        width: 28.65% !important;
    }
    .search_mobile{
        display: none !important;
    }
    #search2 button {
        position: absolute;
        right: 2px;
        top: 1px;
        background: #ff8d4c;
        border-radius: 20px;
        height: 39px;
        width: 60px;
        text-transform: capitalize;
        font-size: 14px;
    }
    #search-input {
        border-color: #46b29d;
        border-radius: 20px;
        height: 41px;
        font-size: 12px;
    }
    #search {
        display: none;
    }

    .myaccount_drp {
        width: 50%;
    }
    .account_btn {
        background-color: white !important;
        color: #FFFFFF !important;
        border: none!important;
        border-radius: 20px !important;
        width: 106px;
        height: 40px;
        line-height: 43px;
        text-align: center;
        position: relative;
        background-image: linear-gradient(#64bbc5, #59a7b3, #4b949d);

    }

    .myaccount_drp {
        border: none;
        border-radius: 20px;
        line-height: 46px;
        text-align: center;
        position: relative;
        width: 106px;
        height: 40px;
        background-image: linear-gradient(#ffa470, #ff782b, #e25b0e);
    }
    .myaccount_drp i.fa-shopping-cart {
        font-size: 14px;
    }
    .account_btn a i {
        font-size: 14px !important;
        padding-right: 10px !important;
    }
    .border_line_bottom {
        border-bottom: #e1e1e1 solid 1px;
        margin-top: 280px;
        margin-bottom: 10px;
    }
    .son_dort {
        line-height: 1.75;
        float:none;
        padding-right: 5px;
    }
    #first_div {
        height: 175px;
        background-color: #94d66226;
        float: left;
        width: 270px !important;
        border-radius: 25px;
    }
    .featured_form {
        position: relative;
        margin-bottom: 50px;
        width: 100%;
    }

    .main_div {
        display: inline;
        float: right;
        /* margin-left: 150px; */
        /* margin-right: 10px; */
        width: 57%;
    }

    .div {
        float: none;
        display: inline-block;
        margin: 10px;
        height: 175px;
        background-size: contain;
        background-repeat: no-repeat;
        padding: 10px;
    }

    #banner1 .item  a img {
        float: left;
        margin-right: 10px;
        max-width: 48% !important;
    }
    .header_btn {
        position: absolute;
        top: 0;
        right: 0;
    }
    .customer_service {
        color: #46b29d;
        font-size: 12px;
        margin-left: 30px;
        margin-right: 30px;
    }
    .button_text{
        display: none;
    }
    .header_outer .col-sm-6 {
        width: 25.65% !important;
    }
    #search2  .fa-search{
        padding: 0 !important;
    }
    .header_outer .list-inline {
        display: inline;
        padding-left: 20px;
    }

    .responsive_forms{
        display: inline;
        float: left;
    }

}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media (min-width: 481px) and (max-width: 767px)  {
    .product-page .featured_background {
        display: block !important;
    }
    .mobile_addcart{
        display: block !important;
        position: relative;
        display: inline-block;
        width: 100%;
    }
    .account_footer{
        height: unset !important;

    }
    .qty{
        display: none !important;
    }

    #button-cartt{
        width: 100%;
        border-radius: 20px;
        line-height: 1.5;
        color: #fff;
        border: none;
        text-transform: uppercase;
        text-align: center;
        background-image: linear-gradient(#ffa470, #ff782b, #e25b0e)!important;

    }

    #hemen_al{
        width: 100%;
        border-radius: 20px;
        background: #009688;
        line-height: 1.5;
        color: #fff;
        border: none;
        text-transform: uppercase;
        text-align: center;
    }
    .product_center .wishlist.btn-default, .product_center .compare.btn-default {
        border: 1px solid #f75c2847;
        border-radius: 30px;
        margin: 0 auto;
        padding: 11px 15px;
        color: #ff8135;
        background: #fff;
    }
    .header_btn {
        position: absolute;
        top: 0;
        right: 0;
    }
    .btn-blue {
        background-color: #64bbc5;
        color: white;
        border-bottom-left-radius: 20px;
        height: 30px;
        width: 75px;
        position: absolute;
        top: 0;
        right: 50px;
        font-size: 12px;
        /* text-align: left; */
        padding-right: 20px;
    }
    .btn-blue:hover {
        height: 35px;
        font-size: 14px;
        border-bottom-right-radius: 20px;
    }
    .btn-red {
        background-color: #fa4e50;
        color: white;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        height: 30px;
        width: 70px;
        position: absolute;
        top: 0;
        right: 0;
        font-size: 12px;
        text-align: center;
    }
    .btn-red:hover {
        height: 35px;
        font-size: 14px;
    }
    .header_top {
        background-color: #f8f8f8;
        border-bottom: 1px solid #ffa36e;
        position: relative;
        width: 100%;
        height: auto;
        display: flex;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .customer_service {
        display: none !important;
    }
    .header_top div {
        display: inline;
        height: 20px;
        float: left;
        margin-left: 0;
    }
    #logo {
        padding-bottom: 0;
        padding-top: 0;
    }
    #menu .navbar-toggle i.fa-bars {
        color: #fd8541;
    }
    #menu .navbar-toggle {
        color: #f46d20 !important;
        background: #FFFFFF;
    }
    .header-left {
        display: none;
    }
    #logo img {
        position: absolute;
        z-index: 123;
        top: 0px;
        margin: 10px auto;
        display: block;
    }
    #logo {
        /* display: block; */
        text-align: left;
        z-index: 9;
        margin: 0 auto;
        position: relative;
        display: block;
    }
    .search_button {
        display: block;
        margin: 0 auto;
        position: absolute;
        top: -43px;
        left: 35px !important;
        background-color: transparent;
        border: none !important;
        color: #fd8848 !important;
        box-shadow: none !important;
    }
    .search_button:hover{
        border: none !important;
    }


    #search {
        margin: 0 auto;
        width: 100%;
        position: absolute;
        left: -30px !important;
        background: #bec2bb;
        display: none;
        z-index: 9999999;
    }
    #menu {
        float: left;
        min-height: 0px !important;
        top: -60px !important;
        position: absolute;
        width: 100%;
        left: 0;
        z-index: 9 !important;

    }
    header .navbar-nav > li a.tasarla_menu {
        color: #000000;
        z-index: 111;
        text-align: center;
        font-weight: 500 !important;
    }
    header .navbar-nav > li a {
        color: #000000;
        z-index: 111;
        text-align: center;
        font-weight: 500 !important;
    }
    .btn-navbar{
        float: left;
        box-shadow: none;
    }
    .navbar-collapse {
        overflow-y: auto;
        background-color: white !important;
    }
    .sticky {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9999999;
        box-shadow: 1px 1px 10px -5px black !important;
    }
    .menu_outer {
        border-top: none !important;
        background: none !important;
        border-bottom: #ffa36e5c solid 1px;
    }

    .footer_medium{
        text-align: center;
    }
    .footer_logo img {
        max-width: 32% !important;
        height: auto !important;
        margin-top: 9px !important;
    }
    .contact_footer{
        border-bottom: #E1E1E1 solid 1px !important;
        border-right: none !important;
        text-align: left;
        padding-left: 13%;
        display: none
    }

    .social_link ul {
        border-right: none !important;
        border-bottom: none !important;
    }
    .border_line_bottom {
        border-bottom: #e1e1e1 solid 1px;
        margin-bottom: 10px;
        margin-top: 10px !important;
    }
    .son_dort {
        border-right: none !important;
        border-bottom: #E1E1E1 solid 1px !important;
        float: none !important;
        padding-right: 0 !important;
        line-height: 1.95;
    }
    .ilk_dort {
        border-right: none !important;
        border-bottom:  none !important;
        float: none !important;
        padding-right: 0 !important;
    }

    .account_footer{
        border-right: none !important;
        border-bottom: #E1E1E1 solid 1px !important;
    }
    .whatsapp-fixed {
        position: fixed;
        bottom: 95px;
        right: 10px;
        font-size: 35px;
        z-index: 999998;
        padding: 1px 12px;
    }
    .top_button {
        bottom: 50px;
        display: none;
        font-size: 0;
        height: 50px;
        position: fixed;
        right: 15px;
        width: 60px;
        z-index: 95;
    }
    #menu .navbar-toggle {
        top: 14px !important;
        position: absolute;
        left: 4px !important;
        color: white;
        border-radius: 5px;
        height: 40px;
        width: 35px;
        margin-top: 0;
    }
    .mobil_header_right{
        display: inline-block !important;
        float: right;
        height: 0;
        position: relative;
        top: 7px;
    }
    .mobil_header_right ul li i{
        color: #a7a7a7 !important;
        font-size: 18px;
        float: right;
        padding-top: 5px;
        padding-bottom: 5px;
        right: 15px;
        position: relative;
    }
    .mobil_header_right li {
        display: inline-table;
        float: left;
        width: unset;
    }
    .module_title {
      width: 100% !important;

    }
    .feature_title {
        font-size: 20px !important;
    }
    #content h3 {
        text-align: left !important;
    }
    .product_design_div{
        background-size: 110px !important;

    }
    .yeni_urunler .products_title {
         margin-left: unset !important;
         font-size: 14px !important;
         max-width: 500px !important;
         width: unset !important;

    }
    #menu .navbar-nav > li {
        margin: 0 !important;
        z-index: 999999999999 !important;
        background: white !important;
    }
    header .navbar-nav {
         position: relative;
    }
    .teklif_al {
        border-radius: 0 !important;
         height: 35px !important;
         margin: 0 !important;
        float: none !important;
     }
    .teklif_al i {
        display: none !important;
    }
    .teklif_al a{
        line-height: 2 !important;

    }
    .rafini_tasarla {

        height: 35px !important;
        border-radius: 0 !important;
    }
    .mobil_header_right .open>.dropdown-menu {
        left: -78px;
        padding: 10px;
    }
    .title_description{

        width: 100% !important;
    }
    .image-div{
        float: left;
        display: flex;
    }
    .image-div img {
        display: inline ;
        margin: 20px auto;
        width: unset;

    }
    .background-div {
        display: none;
    }
    .custom-file{
        float:none !important;
    }
    #infos .nav-tabs {
        display: inline-flex;
        padding: 8px 0 !important;
        width: 100%;
    }

    #infos .nav-tabs>li>a {
        font-size: 12px !important;
        font-weight: 800;
    }
    #infos .nav>li>a {
        padding: 5px 11px !important;

    }
    #infos {
        margin-bottom: 30px;
    }
    #language {
        width: 25% !important;
        display: inline-grid !important;
    }
    .olcu-secenek {
        margin: 0 0 0 185px !important;
    }
    .ochow-menu-item-toggle {

        top: -5px;
    }
    #menu i {

        padding: 5px !important;
    }
}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
#menu .navbar-nav > li.teklif_al{display: none}
@media (min-width: 320px) and (max-width: 480px) {
    .teklif_al{display: block}
    #second_div,  #first_div, #third_div, #fourth_div {

        width: 297px !important;
    }
    .devam_btn {
        width: 100% !important;
    }
    .product-page .featured_background {
        display: block !important;
    }
    .banners img{
        width:100% !important;
    }
    header .navbar-nav > li > a {
        padding: 10px 20px !important;
    }
    #search {
        margin: 0 auto;
        width: 100%;
        position: absolute;
        left: -30px !important;
        background: #bec2bb;
        display: none;
        z-index: 99999999999999;
    }
    #menu .navbar-nav > li {
        margin: 0 !important;
        z-index: 999999999999 !important;
        background: white !important;
        float: inherit;
    }
    header .navbar-nav {
        position: relative;
    }
    .teklif_al {
        border-radius: 0 !important;
        height: 35px !important;
        margin: 0 !important;
        float: none !important;
    }
    .teklif_al i {
        display: none !important;
    }

    .rafini_tasarla {

        height: 35px !important;
        border-radius: 0 !important;
    }
    .mobil_header_right .open>.dropdown-menu {
        left: -78px !important;
        padding: 10px !important;
    }
    .product_title #content h3 {
    text-align: center;
    }
     #content h3 {
        text-align: center;
         margin-top: 45px !important;
    }
    .feature_title {
        font-size: 18px !important;
        padding-left: 10px !important;
    }
    .top_button {
        bottom: 95px !important;
        display: none;
        font-size: 0;
        height: 50px;
        position: fixed;
        right: 0;
        width: 60px;
        z-index: 95;
    }

    .whatsapp-fixed {
        bottom: 45px !important;
        padding: 1px 8px !important;
        right: 0px;
    }

    .footer_medium{
        text-align: center;
    }
    .footer_logo img {
        max-width: 40% !important;
        height: auto !important;
        margin-top: 15px !important;
    }
    .contact_footer{
        border-bottom: #E1E1E1 solid 1px !important;
        border-right: none !important;
        text-align: left;
        padding-left: 13%;
        display: none

    }

    .social_link ul {
        border-right: none !important;
        border-bottom: none !important;
    }
    .border_line_bottom {
        border-bottom: #e1e1e1 solid 1px;
        margin-bottom: 10px;
        margin-top: 10px !important;
    }
    .son_dort {
        border-right: none !important;
        border-bottom: #E1E1E1 solid 1px !important;
        float: none !important;
        padding-right: 0 !important;
        line-height: 1.95;
    }
    .ilk_dort {
        border-right: none !important;
        border-bottom:  none !important;
        float: none !important;
        padding-right: 0 !important;
    }

    .account_footer{
        border-right: none !important;
        border-bottom: #E1E1E1 solid 1px !important;
    }


    .header_btn {
        position: absolute;
        top: 0;
        right: 0;
    }
    .btn-blue {
        background-color: #64bbc5;
        color: white;
        border-bottom-left-radius: 20px;
        height: 30px;
        width: 75px;
        position: absolute;
        top: 0;
        right: 50px;
        font-size: 12px;
        /* text-align: left; */
        padding-right: 20px;
    }
    .btn-blue:hover {
        height: 35px;
        font-size: 14px;
        border-bottom-right-radius: 20px;
    }
    .btn-red {
        background-color: #fa4e50;
        color: white;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        height: 30px;
        width: 70px;
        position: absolute;
        top: 0;
        right: 0;
        font-size: 12px;
        text-align: center;
    }
    .btn-red:hover {
        height: 35px;
        font-size: 14px;
    }
    .header_top {
        background-color: #f8f8f8;
        border-bottom: 1px solid #ffa36e;
        position: relative;
        width: 100%;
        height: auto;
        display: flex;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .customer_service {
        display: none !important;
    }
    .header_top div {
        display: inline;
        height: 20px;
        float: left;
        margin-left: 0;
    }
    #logo {
        padding-bottom: 0;
        padding-top: 0;
    }
    #menu .navbar-toggle i.fa-bars {
        color: #fd8541;
    }
    #menu .navbar-toggle {
        color: #f46d20 !important;
        background: none;
        box-shadow: none !important;
    }
    .header-left {
        display: none;
    }
    #logo img {
        position: absolute;
        z-index: 123;
        top: 0px;
        margin: 10px auto;
        display: block;
    }
    #logo {
        /* display: block; */
        text-align: left;
        z-index: 9;
        margin: 0 auto;
        position: relative;
        display: block;
    }
    .search_button {
        display: block;
        margin: 0 auto;
        position: absolute;
        top: -45px;
        left: 34px !important;
        background-color: transparent;
        border: none !important;
        color: #fd8848 !important;
        box-shadow: none !important;
    }
    .search_button:hover{
        border: none !important;
    }

    #search {
        margin: 0 auto;
        width: 100%;
        position: absolute;
        left: -50px !important;
        background: #bec2bb;
        display: none;
    }
    #menu {
        float: left;
        min-height: 0px !important;
        top: -7px !important;
        position: absolute;
        width: 100%;
        left: 0;
        z-index: 999999999;

    }
    #menu .navbar-toggle {
        top: -40px !important;
        position: absolute;
        left: 4px !important;
        color: white;
        border-radius: 5px;
        height: 40px;
        /* width: 42px; */
        margin-top: 0;
    }
    #menu .navbar-collapse {
        background: rgb(255, 255, 255) none repeat scroll 0 0;
        margin: 0 auto;
        position: absolute;
        width: 100%;
        z-index: 99;
        top: 9px !important;
       /* max-height: 500px;*/
    }
    header .navbar-nav > li a.tasarla_menu {
        color: #000000;
        z-index: 111;
        text-align: center;
        font-weight: 500 !important;
    }
    header .navbar-nav > li a {
        color: #000000;
        z-index: 111;
        text-align: center;
        font-weight: 500 !important;
    }
    .btn-navbar{
        float: left;
        box-shadow: none;
    }
    .navbar-collapse {
        overflow-y: auto;
        background-color: white !important;
    }
    .sticky {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 9999999;
        box-shadow: 1px 1px 10px -5px black !important;
    }
    .menu_outer {
        border-top: none !important;
        background: none !important;
        border-bottom: #ffa36e5c solid 1px;
    }
    .header_top{
        display: none !important;
    }
    header .navbar-nav > li a.home_menu {
        padding: 0;
    }
    .border_line {
        border-top: #e1e1e1 solid 1px;
         padding: 0;
    }
    #banner0 {
        padding: 0;
    }
    .mobil_header_right{
        display: inline-block !important;
        float: right;
        height: 0 !important;
        position: relative;
        top: 7px;

    }
 .mobil_header_right ul li i{
     color: #a7a7a7 !important;
     font-size: 18px;
     float: right;
     padding-top: 5px;
     padding-bottom: 5px;
     right: 0px;
     position: relative;
 }
    .mobil_header_right {

        top: unset;

    }
    .mobil_header_right li {
        display: inline-table;
        float: left;
        width: 32%;
    }
    .module_title {
     width: 100% !important;
    }
    .main_h3 {
        text-align: left;
        font-size: 18px;

    }
    .yeni_urunler .products_title {

        margin-left: unset ;
        width: unset ;
        font-size: 12px;

    }
    .featured_background .products_title {

        margin-left: unset ;
        width: unset ;
        font-size: 12px;

    }
    #logo img {

        max-width: 120px !important;

    }
    .title_description{

        width: 100% !important;
    }
    .image-div{
        float: left;
        display: flex;
    }
    .image-div img {
        display: inline;
        margin: 20px auto;
        width: 28%;
        height: 100%;
        padding: 20px;
        border-radius: 5px;
        box-shadow: 2px 3px 5px #bbbbbb;
        background: #eeeeee80;
    }
    .contact-form legend {
        display:none !important;
    }
    .background-div {
        display: none;
    }
    .custom-file{
        float:none !important;
    }
    .product-take_offer .buttons div{
        width:100%;
    }
    .take-offer .btn {
        width: 100%;
    }

    #infos .nav-tabs {
        display: inline-flex;
        padding: 8px 0 !important;
        width: 100%;
    }
    #infos #language{
        display: inline-grid !important;
    }

    #infos .nav-tabs>li>a {
        font-size: 12px !important;
        font-weight: 800;
    }
    #infos .nav>li>a {
        padding: 5px 11px !important;

    }
    #infos {
        margin-bottom: 30px;
    }
    #language {
        width: 25% !important;
        display: inline-grid !important;
    }
    .form-div div {
        margin-right: 0px !important;
        padding-right: 0px !important;
    }
    .urun_ozellik .fiyat_baslik{
        font-size: 14px;
        text-align: center;
        color: #ff7d33;
        text-transform: uppercase;
         border-top: 1px solid #d6d6d675;
        border-bottom: 1px solid #d6d6d663;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .urun_ozellik {
        background-image: none;
        background-repeat: no-repeat;
        background-size: 480px !important;
    }
    .olcu-secenek {
        margin: 0 0 0 0px !important;
    }
    .urun-detay-icon {
         display: none !important;
    }

    /*    rafi-tasarla-baslangic */
    .product_design_div {
        background-image: unset !important;
    }


    /*    rafi-tasarla-bitis */

    /* Odeme-sayfası-baslangıç */
    .table>tbody>tr>td {
        border: none !important;
    }
    .responsive-checkout{
        display: none !important;
    }
    .mobil-checkout{
         display: block !important;
    }
    .checkout-cart .buttons {
        display: inline-grid  ;
        background: none !important;
        width: 100% !important;
    }
    .checkout-cart .buttons div {
        margin-bottom: 5px;
        width: 100% !important;
    }
    .checkout-cart .buttons div a {
        font-weight: bold;
        font-family: sans-serif !important;
        border-radius: 3px;
        width: 100% !important;
    }
    .checkout-cart .btn-default{
        background: #bbbbbb !important;
    }
    .checkout-cart .btn-primary{
        background-image: linear-gradient(#ffa470, #ff782b, #e25b0e) !important;
    }

    .checkout-cart .title{
        border: 1px solid #98a2a952;
        background: #f8f8f8;
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: center;
        color: black !important;
    }
    .checkout-cart .tite a h4{
        color: black !important;
        font-weight: bold;
    }
    .div-image {
        float: left;
        display: flex;
        border: 1px solid #98a2a952;
        background: white;
        width: 100%;
    }
    .div-image .image{
        border-right: 1px solid #d9dcde;
    }
    .div-image img{
        border: none;
        padding: 0;
        border: none;
        margin-bottom: 18px;
        margin-top: 20px;
        padding: 0;
    }
    .cart-detail {
        padding-left: 15px;
        float: left !important;
    }
    .cart-detail div {
        padding-top: 3px;
        padding-bottom: 3px;
        font-size: 11px !important;
    }
    .mobil-checkout-div{
        display: block !important;
    }
    .responsive-checkout-div{
        display: none !important;
    }
    /* Odeme-sayfası-bitis */
/*
    .breadcrumb.product_page {
        position: absolute;
        right: 0;
        top: 0 !important;
    }

  */  .mobile_addcart{
        display: block !important;
        position: relative;
        display: inline-block;
        width: 100%;
    }


    #button-cartt{
        width: 100%;
        border-radius: 20px;
        line-height: 1.5;
        color: #fff;
        border: none;
        text-transform: uppercase;
        text-align: center;
        background-image: linear-gradient(#ffa470, #ff782b, #e25b0e)!important;

    }

    .button-cart{
       font-size: 14px !important;

    }

    #hemen_al{
        width: 100%;
        border-radius: 20px;
        background: #009688;
        line-height: 40px;
        color: #fff;
         border: none;
        text-transform: uppercase;
        text-align: center;
        font-size: 14px;
    }

    .product_center .wishlist.btn-default, .product_center .compare.btn-default {
        border: 1px solid #f75c2847;
        border-radius: 30px;
        margin: 0 auto;
        padding: 11px 15px;
        color: #ff8135;
        background: #fff;
    }
    .account_footer{
        height: unset !important;

    }
    .ochow-menu-item-toggle {

        top: -5px;
    }

    #menu i {
        font-size: 18px;
        padding: 5px !important;
    }

    .fiyat-sepet span {

        font-size: 14px !important;

    }
    .fiyat-sepet #input-quantity {

        margin-top: 9px !important;
        height: 40px !important;
        font-size: 14px !important;
        padding: 6px !important;
    }

    #toplam_fiyat {
        margin: 8px !important;
        font-size: 25px !important;
    }
    .fiyat-sepet .fiyat{

        top: -57px !important;
        width: 155px !important;

    }
}
@media (min-width: 320px) and (max-width: 380px){
    #infos .nav>li>a {
        padding: 5px 3px !important;
        font-size: 9px !important;
    }
    #infos .nav-tabs {
        display: -webkit-inline-box !important;
        padding: 12px 0px !important;
        width: 100% !important;
        /* font-size: 10px !important; */
    }

}




.devam_btn::after {

    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 1000%;
    width: 140%;
    background: #78c7d2;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg);
    transform: translateX(-98%) translateY(-25%) rotate(45deg);

}

.devam_btn:hover::after {

    -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg);
    transform: translateX(36%) translateY(-25%) rotate(45deg);

}

#option-div-2 div.active-radio {

    border: 4px solid #fb7427 !important;
    padding: 4px;
    border-radius: 8px !important;

}

.bordered {
    border:dashed;
    border-width: 1px;
}

.checkbox{
    margin-top: 0!important;
}

#product .checkbox{
    float: left;
}

#product select{
    width: 100%!important;
}

#option-div-2 .radio label{

    padding: 0;
}

#option-div-2 .radio img{
    border: none !important;
    padding: 0;
}
#option-div-2 .radio {
    float: left;
    margin:0;
    padding: 5px;
}
#option-div-2 div.active-radio{
    border: 1px solid red;
    padding: 4px;
}

.fiyat-sepet .quantity-group span.text{
    padding: 10px;color: #46b29d;
}
.fiyat-sepet .quantity-group{
    display: inline; float: left
}
.cart-button{
    display: inline; float: left
}


@media (max-width: 780px) {
    .main-div{
        width: 100%;
    }
    #first_div {
        float: unset;
        display: block;
        width: 320px;
        margin: 0 auto;

    }

    #second_div {

        background-image: url("/image/form1_background.png");
        background-size: 100% 100%;
        min-height: 189px;
        margin: 0 auto;
        width: 320px ;
        display: block;
        border-radius: 30px;
        padding: 43px;
        position: inherit;
        float: unset;

    }

    #third_div {

        background-image: url("/image/form2_background.png");
        background-size: 100% 100%;
        min-height: 189px;
        float: unset;
        display: block;
        margin: 10px auto;
        width: 320px;
        border-radius: 30px;
        padding: 25px;

    }

    #fourth_div {

        background-image: url("/image/form3_background.png");
        background-size: 100% 100%;
        min-height: 189px;
        float: unset;
        display: block;
        width: 320px;
        margin: 0 auto;
        padding: 25px;

    }

    .devam_btn {
        border: none;
        display: block !important;
        text-align: center;
        cursor: pointer;
        text-transform: uppercase;
        outline: none;
        overflow: hidden;
        position: relative;
        color: #fff;
        border-radius: 15px;
        font-weight: 700;
        font-size: 12px;
        background-color: #222;
        padding: 12px 40px;
        top: 0 !important;
        left: 0 !important;
        width: 320px;
        margin: 10px auto !important;
        float: unset;
    }

    #carousel {

        position: relative;
        height: 400px;
        top: 145px !important;
        margin-bottom: 0px !important;
        transform: translateY(-50%);
        overflow: hidden;

    }

    .fiyat-sepet {
        float: none;
        margin: 50px auto;
        margin-bottom: 50px;
        display: table;
        background-image: linear-gradient(#ffa470, #ff782b, #e25b0e);
        width: 100%;
        border-radius: 18px;
        position: relative;
        margin-bottom: 20px;
    }
    .fiyat-sepet span {

        float: left;
        display: inline;
        line-height: 55px;
        height: 57px;
        font-size: 19px;
        color: white;
        margin-right: 5px;

    }

    .fiyat-sepet .cart-button{
        float: left;
        width: 68%;
        margin-left: 10px;
        position: absolute;
        right: 0;
        top: 0;
        border-left: 1px solid #ffffff4d;
        height: 57px;
    }
    .fiyat-sepet .fiyat{
        display: inline;
        float: left;
        position: absolute;
        top: -48px;
        width: 200px;
        background-image: linear-gradient(#2badff, #53bee1, #1085db);
        color: white;
        display: block;
        text-align: center;
        border-radius: 10px 10px 0 0;
        right: 17px;
    }


    .fiyat-sepet #input-quantity {

        color: #ff7933;
        font-weight: bold;
        text-align: center;
        border: 1px solid;
        margin-top: 3px;
        box-shadow: -1px 1px 0px;
        height: 51px;
        border-radius: 5px;
        background: white;
        font-size: 20px;
        padding: 5px;

    }

    #toplam_fiyat {

        margin: 5px !important;
        color: white;
        font-size: 30px;

    }

    .fiyat-sepet .quantity-group span.text{
        padding: 0;
        color: white;
        line-height: 55px;
    }

    .fiyat-sepet .quantity-group{
        display: inline-block;
        float: unset;
        margin: 0;
        width: 145px;
        padding: 0;
        height: 54px;
    }

    .cart-button .button-cart {

        border-radius: 0 20px 20px 0;
        line-height: 57px;
        text-align: center;
        color: white;
        position: relative;
        width: 100%;
        height: 57px;
        background-image: linear-gradient(#ffa470, #ff782b, #e25b0e);
        text-transform: uppercase;
        font-weight: bold;
        padding-top: 0px;
        font-size: 22px;

    }
}

.review-list{
    margin: 0;
    padding: 0;
}

.review-list li:first-child{
    border: none;
    margin: 0;
}

.review-list li{
    list-style:none;
    display: block;
    margin-top: 10px;
    border-top: 1px solid #e8e8e8;
    padding: 20px 10px
}

.review-list li .first{
    width: 55px;
    float: left;
    padding-left: 5px;
}

.review-list li .first span {
    background-image: url("../image/check-mark.png");
    width: 36px;
    height: 36px;
    display: block;
}

.review-list li .last{
    width: calc(100% - 60px);
    float: right;
}

.review-list li .last .star{
    margin-bottom: 10px;

}
.review-list li .last .review{
    font-size: 16px;
    margin-bottom: 10px;
}

.review-form-detail{
    padding: 10px 20px;
    border-top: 5px solid #e8e8e8;
    margin: 25px 0;
}
.social-link{
    display: block;
}