@import url("https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Yeseva+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gabriela&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+NP+Hmong&display=swap');
/*by byzero0007*/

/*menu*/
/* .header-new-menu {
  background: #e60e36;
} */
.navbar {
  margin-bottom: 0;
}
/* .desk-menu-h {
  width: 910px;
  margin: 0 auto;
} */
.desk-menu-h .navbar-collapse {
  padding: 0;
}
/* .desk-menu-h .navbar {
  border-radius: 0px;
  background: #e60e36;
  border: none;
} */
.my-menu-new li a {
  padding: 20px 13px;
  font-size: 15px;
  color: #000 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 500;
}
.my-menu-new li:hover {
  background: none;
}
.my-menu-new li:hover a {
  color: #e60e36 !important;
  text-decoration: none !important;
}
.desk-menu-h .active a {
  color: #e60e36 !important;
}
/* .navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background: #f7f7f7;
} */
.desk-menu-h .dropdown-menu li a {
  color: #000 !important;
  padding: 4px 15px;
  transition: all 0.8s ease;
}
.desk-menu-h .dropdown-menu {
  border: none !important;
  border-radius: 0px;
  padding: 0;
}
.desk-menu-h .dropdown-menu li:hover a {
  padding-left: 10px;
}
.desk-menu-h .dropdown-menu li a:hover {
  color: #e60e36 !important;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: transparent !important;
  color: #000 !important;
}

.prod_imgs {
  margin: 0 auto;
}
.logos a {
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 12px;
  background: url("../web/images/cart_logo.png");
  background-repeat: no-repeat;
  padding-left: 40px;
  height: 35px;
  padding-top: 5px;
  font-family: "Open Sans", sans-serif;
  display: block;
  text-transform: capitalize;
  font-size: 14px;
}
.logos a:hover,
.logos a:active,
.logos a:focus {
  text-decoration: none;
  color: #000;
}
.logos a span {
  margin-left: 10px;
  font-size: 12px;
  background: #e60e36;
  color: #fff;
  padding: 5px 10px;
  border-radius: 3px;
}
.logos a span:hover {
  text-decoration: none;
  color: #fff;
}
.web_pro_ttl {
  font-family: "Montserrat", sans-serif;
  color: #444;
  font-size: 42px;
}
.web_pro_type {
  font-family: "Montserrat", sans-serif;
  color: #000;
  font-weight: 400;
  font-size: 14px;
  margin-top: 10px;
}
.web_pro_bp {
  font-family: "Montserrat", sans-serif;
  color: #e60e36;
  font-size: 32px;
  margin-top: 15px;
}
.breadcrumb {
  font-family: "Open Sans", sans-serif !important;
  color: #909090;
  font-size: 14px;
  font-weight: 100;
}
.breadcrumb-item-web,
.breadcrumb-item-web a {
  font-family: "Open Sans", sans-serif !important;
  color: #909090;
  font-size: 14px;
  font-weight: 100;
}
.qty-hd-web {
  font-family: "Montserrat", sans-serif;
  color: #d9534f;
  font-weight: 600;
}
.inner-prod-web {
  display: inline-block;
  padding: 0px;
}
.cat_disp_web h3 {
  font-family: "Montserrat", sans-serif;
  margin-top: 14px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
  color: #d9534f;
}
.btn-danger {
  background-color: #e60e36 !important;
}
.special_featrure label {
  cursor: pointer;
}
.flav_box_web  {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.cat_label-web {
  font-family: "Montserrat", sans-serif;
  font-weight: 600 !important;
  font-size: 11px !important;
  width: auto !important;
}
.dat_web {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #d9534f;
  margin-bottom: 8px;
}
.note {
  margin-top: 20px;
}
.fwidth_web {
  width: 100% !important;
  height: 50px !important;
  margin-top: 0px;
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  background: #fff;
  font-weight: 400;
  border-radius: 0;
}
.date_and_note_web {
  display: inline-block;
  width: 100%;
}
.tot_amt_web {
  font-family: "Montserrat", sans-serif;
  color: #e60e36;
  font-size: 23px;
  font-weight: 600;
}
.tot_box_web {
  color: #e60e36;
  font-size: 23px;
  display: inline-block;
  font-weight: 600;
  width: 96px;
}
.flac-in .fa {
  color: #e60e36;
}
.tot_amt_web span i {
  color: #e60e36;
  font-size: 23px;
  margin-top: 15px;
}
.order_web {
  /*background: #fa0001;
    border: 1px solid #fa0001;
    padding: 12px 20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    color: #fff;
    font-size: 20px;
    margin-top: 10px;*/
}
.breadcrumb_web {
  background: #fff;
  margin: 0;
  padding: 20px 0px !important;
}
.bread li a,
.breadcrumb > li + li::before {
  color: #000 !important;
}
.sumdl_bdy {
  display: inline-block;
  width: 100%;
  padding: 0 !important;
}
.sumdl_footr {
  display: inline-block;
  width: 100%;
}
.supdata {
  width: 100%;
  border: 1px solid #cacaca;
  height: 35px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  padding-left: 10px;
}
.sdf_label label {
  font-family: "Open Sans", sans-serif;
  font-size: 13.5px;
  text-transform: capitalize;
  padding-top: 5px;
}
.single_data_frame {
  width: 100%;
}
/* .supdata:active,
.supdata:focus,
.supdata:hover {
  background: #f7f7f7;
} */

.sumdl_ttl {
  /*background: url(../images/logo1.png);
    background-repeat: no-repeat;
    background-size: 50px;*/
  text-align: left;
  /*background-position: 170px;*/
  font-family: "Montserrat", sans-serif;
  font-size: 22px;
  font-weight: 600;
  padding-top: 10px;
  padding-bottom: 5px;
  color: #e60e36;
}
.signup_btn {
  background: #e60e36;
  border: 1px solid #e60e36;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-weight: 800;
  text-transform: capitalize;
  font-size: 17px;
  padding: 5px 10px;
  border: 2px solid #e60e36;
}

.error_msg {
  /* margin: 15px; */
}
.error {
  border: 1px solid red;
}
.mdl_msg_p,
p {
  margin: 0;
}

.signup_btn:hover,
.signup_btn:focus,
.signup_btn:active {
  color: #e60e36;
  text-decoration: none;
  border: 2px solid #e60e36;
  background: #fff;
}
.orderby-displaynumber {
  display: none;
}
.cart-summary {
  width: 100%;
}
.delivery_option_div h3 {
  font-family: "Montserrat", sans-serif;
  color: #e60e36;
  font-size: 16px;
  margin-top: 20px !important;
  font-weight: 600;
}
.str_pick_div,
.home_deli_div {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 5px;
}
.tab-uu {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #000;
  font-weight: 100;
  margin: 0;
}
.pincode_div {
  margin-top: 20px;
}
.pincode_div label {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 5px;
}
.pincode_div input[type="text"] {
  border: 1px solid #a9a9a9;
  height: 35px;
  font-family: "Open Sans", sans-serif;
  padding-left: 5px;
}
.pincode_div a {
  font-size: 14px;
  font-weight: 600;
  background: #e60e36;
  padding: 9px 20px;
  color: #fff;
  text-transform: capitalize;
}
.check-avail {
  margin-top: 20px;
  display: inline-block;
}
#deli_chrg {
  color: red;
}
.tot_disp {
  font-family: "Montserrat", sans-serif;
  color: #e60e36;
  font-size: 22px;
  font-weight: 600;
}
.delivery_option_div h3 span {
  float: right;
}
.total_chkout_frame {
  display: inline-block;
  width: 100%;
  /* margin-top: 20px; */
}
.tcf_1 h3 {
  text-align: right;
  font-family: "Montserrat", sans-serif;
  color: #e60e36;
  font-size: 25px;
  margin-top: 40px;
  font-weight: 600;
  margin-bottom: 30px;
}
.tcf_2 {
  text-align: right;
  margin-bottom: 10px;
}
.chkout_btn {
  color: #fff;
  background: #e60e36;
  border: none;
  outline: none;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-transform: capitalize;
  padding: 10px 10px;
}
.cncl_btn_ {
  color: #fff;
  background: #333;
  border: none;
  outline: none;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-transform: capitalize;
  padding: 10px 10px;
}
.modal-footer {
  margin-top: 0;
}
.mob-showw {
  display: none;
}
.chkout_btn:hover,
.cncl_btn_:hover {
  color: #fff;
  text-decoration: none;
}
.mdl_msg_p {
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
}
.prod_add {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  text-align: center;
  color: #fa0001;
  font-size: 20px;
}
.addr_fields_holder_sing input[type="text"] {
  width: 95%;
  border: 1px solid #b7b7b7;
  /*margin-left: 10px;*/
  height: 35px;
  margin-top: 0px;
  margin-bottom: 10px;
  font-family: "Open Sans", sans-serif;
  padding-left: 5px;
  font-size: 15px;
}
.add_sel {
  width: 95%;
  border: 1px solid #b7b7b7;
  margin-top: 10px;
  height: 35px;
  font-family: "Open Sans", sans-serif;
  padding-left: 5px;
  font-size: 15px;
  background: transparent;
}

.addr_fields_holder_sing label {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  text-transform: capitalize;
  width: 110px;
}
.web_prod_add {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  text-align: center;
  color: #e60e36;
  font-size: 22px;
}
.modal-body {
  padding: 10px;
}
.web_modal_footer {
  text-align: center !important;
}
.web_cart_remove {
  font-size: 25px !important;
  color: #e60e36;
  position: relative;
  top: 10px;
}
.cks_css {
  float: right;
  border: 1px solid #333;
  height: 40px;
  width: 40%;
  border-radius: 2px;
  font-family: "Open Sans", sans-serif;
  padding-left: 5px;
}
.web_ser_image {
  width: 60px !important;
  height: 50px !important;
  margin-right: 10px;
  /*float: left;*/
}
.web_ser_image img {
  width: 50px !important;
  height: 50px !important;
  padding-bottom: 1px;
}
.ui-autocomplete {
  width: 300px !important;
  background: #fff !important;
  z-index: 9999;
}
.ui-autocomplete li a {
  color: #fff;
  text-align: left;
}
.ui-autocomplete li:hover {
  background: #e60e36 !important;
  color: #fff !important;
}

.cake_label {
  font-family: "Montserrat", sans-serif !important;
  color: #e60e36 !important;
  top: -36px !important;
  position: relative;
  font-size: 15px;
  text-transform: capitalize;
  display: block !important;
  padding: 0 !important;
  text-align: left;
  text-indent: 65px;
}

.ui-autocomplete li a:hover > div > .cake_label {
  color: #fff !important;
}

.list_item_container {
  height: 51px;
  border-bottom: 1px solid #f6f6f6;
}
.ui-menu-item a:hover {
  text-decoration: none !important;
  color: #fff !important;
}
.ui-state-focus {
  background: #f2a119 !important;
  color: #444 !important;
}
.ui-menu-item {
  height: auto !important;
}

.cart_login_frame {
}
.log_btn_cart {
  /*display: block;*/
  margin-top: 10px;
}
.cart_login_wel {
  font-family: "Montserrat", sans-serif;
  color: #333;
  font-size: 22px;
  font-weight: 600;
}
.search_div_head {
  text-align: right;
}
.web_cake_search {
  border: 1px solid #e60e36;
  height: 40px;
  width: 300px;
  /* margin-top: 8px; */
  border-radius: 0px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 14px;
  padding-left: 40px;
  background: url(../web/images/search_icon.png);
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: 5px;
  z-index: 999999 !important;
}
.modal-content {
  border-radius: 0px;
}
.initial_link {
  background: #e60e36 !important;
}
.cont_class {
  text-align: right;
}
.menu-h {
  display: none;
}
.cont_btn {
  width: 130px;
  text-align: center;
  float: right;
  margin-top: 25px;
}
.my_order_table {
  width: 100%;
}
.my_order_table thead tr th {
  font-size: 13px;
  font-weight: 700;
  text-transform: capitalize;
  color: #e60e36;
}
.my_order_table tbody tr td {
  font-size: 13px;
  font-weight: 600;
  text-transform: capitalize;
  color: #333;
  padding: 10px 5px;
  vertical-align: middle;
}
.my_order_table tbody tr td a {
  margin-left: 10px;
  font-size: 12px;
  background: #e60e36;
  color: #fff;
  padding: 5px 10px;
  border-radius: 3px;
  font-weight: 600;
}
.email_frame_sin label {
  font-family: "Montserrat", sans-serif;
  color: #e60e36;
  font-size: 20px;
  font-weight: 600;
}
.email_frame_txt {
  width: 100%;
  border: 1px solid #b1a9a9;
  height: 35px;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  font-weight: 600;
  padding-left: 10px;
}
.address_frame {
  margin-top: 10px;
}
.repsel {
  border: 1px solid #b1a9a9;
  height: 35px;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  font-weight: 600;
  padding-left: 10px;
  background: transparent;
  width: 100%;
}
.email_frame_txtare {
  width: 100%;
  border: 1px solid #b1a9a9;
  height: 35px;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  font-weight: 600;
  padding-left: 10px;
  padding-top: 5px;
}
.updbtn_frame {
  text-align: right;
  margin-top: 25px;
}
.signup_btn_a {
  color: #000;
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 12px;
  /*padding-left: 25px;*/
}
.new-login-details a.signup_btn_a {
  text-decoration: none!important;
}
::placeholder{
  color: rgb(124, 124, 124)!important;
}
.signup_btn_a span {
  color: #e60e36;
  font-weight: 600;
}
.new-id {
  padding-top: 5px;
}
.back_btn_css {
  float: right;
  background: #e60e36;
  color: #fff;
  font-weight: 600;
  padding: 8px 12px;
}
.link {
  background: #f3f3f3;
  padding: 10px 10px;
  color: #000;
  font-weight: 600;
  font-size: 15px;
  text-transform: capitalize;
  margin-bottom: 15px;
  display: inline-block;
  width: 100%;
}
img.cart_pro_img.img-responsive {
  width: 40%;
  margin: 0 auto;
  border: 1px solid #a7a7a7;
}
a.signup_btn.log_btn_cart {
  font-weight: 400;
  padding: 0px !important;
  background: #000;
  border: unset;
}
.hide_content {
  display: none;
}
.chg_btn_2, .chg_btn {
  float: right;
  font-weight: 600;
  color: #000000ba;
  background: transparent;
  font-family: open sans;
  border: 1px solid #767676;
  text-transform: capitalize;
  padding: 5px 40px;
  border-radius: 10px;
}
.chg_btn_2, .chg_btn {
  float: right;
  font-weight: 500;
  color: #ff0033;
  background: transparent;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  border: 1px solid #767676;
  text-transform: capitalize;
  padding: 5px 40px;
  border-radius: 10px;
}
.link {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.chg_btn_2:hover, .chg_btn:hover{
  background: #FF0033;
  color: #fff;
}
.cont_btn_2:hover{
  background: #FF0033;
  color: #fff;
}
.cont_btn_2 {
  float: right;
  background: #fffefc;
  border: 1px solid black;
  color: #000;
  font-size: 15px;
  font-weight: 600;
  text-transform: capitalize;
  padding: 8px 15px;
  margin-top: 10px;
}
.cont_btn_2
.cont_btn_frame {
  margin-top: 10px;
  /*  margin-bottom: 10px; */
}
.add_area {
  /*display: none;*/
}
.link span {
  font-weight: 600;
  color: #FF0033;
  margin-left: -400px;
}
.addr_fields_holder_sing p {
  margin-top: 15px;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  color: #333;
}
.addr_fields_holder_sing p i {
  color: red;
}
#deli_details_tab_1 {
  font-family: "Open Sans", sans-serif;
  text-transform: capitalize;
  font-weight: 600;
  color: red;
  font-size: 11px;
}
#deli_details_tab_2 {
  font-family: "Open Sans", sans-serif;
  text-transform: capitalize;
  font-weight: 600;
  color: green;
  font-size: 11px;
}
.tcf_1 p {
  font-family: "Open Sans", sans-serif;
  color: #333;
}
.tcf_1 p span {
  float: right;
}
.addr_fields_holder_sing_1 input[type="text"] {
  width: 40%;
  border: 1px solid #b7b7b7;
  height: 35px;
  margin-top: 0px;
  margin-bottom: 10px;
  font-family: "Open Sans", sans-serif;
  padding-left: 5px;
  font-size: 15px;
}

/*by byzero0007*/

/* CSS Document */
/* Reset */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
}
:focus {
  outline: 0;
}
img {
  border: 0;
}
ul {
  padding-left: 0%;
}
ul li {
  list-style: none;
}
a,
a:link,
a:visited,
a:hover,
a:active {
  cursor: pointer;
}
.cboth {
  clear: both;
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  padding: 0;
  margin: 0;
}
.hidden {
  display: none;
}
html {
  margin-top: 0px;
}
*::selection,
*::-moz-selection {
  background: #fff;
}
a {
  color: #000;
  transition: all 0.5s ease;
  font-family: "Tinos", serif;
  font-weight: bold; /*text-decoration: underline; */
}
img {
}
img.border {
  border: 3px solid #cc3535;
}
p,
ul li {
  /*padding-bottom: 10px;*/
}

.logo1 {
  position: absolute;
  z-index: 100;
}
.divider {
  border-bottom: 1px solid #f2f2f2;
  padding-bottom: 10px;
  width: 300px;
}

.no-pad {
  padding: 0;
}

@font-face {
  font-family: "Montserrat", sans-serif;
  src: url("../fonts/Barkentina.otf");
}

/* Common */
.bread li a,
.breadcrumb > li + li::before {
  font-family: "Open Sans", sans-serif;
}
.nopad {
  padding: 0 !important;
}
.pad-bot {
  padding-bottom: 30px;
}
.pad-r {
  padding-right: 0 !important;
}
.myl {
  border: none !important;
  background: none !important;
}
.my li a {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 15px;
  text-transform: capitalize;
  font-weight: 500;
  padding: 15px 17px !important;
  color: #fff !important;
}
.my li:last-child a {
  border: none;
}
nav {
  margin-bottom: 0 !important;
}
.line {
  border-right: 1px solid #cdcdcd;
  padding-right: 10px;
}
.navbar-default .navbar-toggle .ysh {
  border-color: none !important;
}
.navbar {
  min-height: 0px !important;
}
.opacity-text {
  color: #f4f4f4;
  font-family: "Montserrat", sans-serif;
  font-size: 60px;
  left: 0;
  letter-spacing: 4px;
  position: absolute;
  top: -21px;
  z-index: 1;
}
.sekar p {
  color: #000;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.saka-addr {
  color: #000 !important;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
}
.sekar.spacee {
  padding-top: 12px;
}
.parallel-bot {
  padding-top: 3%;
}
/*menu*/
.menu-h {
  display: none;
}

/*title -common*/
.section-title {
  position: relative;
  margin-top: 4%;
}
.aboutt {
  font-size: 26px;
  line-height: 20px;
  position: relative;
  z-index: 2;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  text-transform: capitalize;
}
.opacity-text {
  color: #f5f5f5;
  font-family: "Montserrat", sans-serif;
  font-size: 54px;
  left: 30%;
  letter-spacing: 4px;
  position: absolute;
  top: -26px;
  z-index: 1;
  text-transform: capitalize;
}

.mb-24 {
  margin-bottom: 24px;
}

.ml-9 {
  margin-left: 9px;
}
.ml-top {
  margin: 6% 0 0%;
}

.linee {
  border-top: 1px solid #f9cf21;
  margin: 20px auto 0;
  border-right: 1px solid #cdcdcd;
  padding-right: 10px;
  width: 50px;
}

/*header*/
header {
  background: #fff;
}
/* .logo {
  padding: 18px 0;
} */
/* .logo a {
  display: inline-flex;
} */


.banner {
  position: relative;
}

.coal-title {
  font-size: 23px;
  font-family: "Open Sans", sans-serif;
  color: #000;
  text-transform: capitalize;
  padding: 10px 0;
  font-weight: 600;
}

.coal-pp {
  font-size: 20px !important;
  font-family: "Open Sans", sans-serif;
  color: #000;
  font-weight: 600;
}
.sekar span {
  color: #f9cf21;
  padding-right: 8px;
  vertical-align: middle;
}
.sekar span img {
  padding-top: 0;
}
.pull.pull-right {
  padding-top: 13px;
}
.pull.pull-right .kh {
  color: #000;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.manuu {
  background: #221300;
}
/*.navbar-nav > li  { position: relative; }
.navbar-nav > li:after {
    content: ""; border-right: 1px solid #E7E7E7;
    display: inline-block;
    height: 12px;
    width: 2px; padding-right: 10px;  }*/

/*menu*/
.header-menu {
  background: #e60e36;
}
.menu {
  width: 100%;
}
.myl {
  width: 910px;
  margin: 0 auto;
}
.my li.active a {
  background: #fff !important;
  color: #221300 !important;
  position: relative;
}

.header-pos {
  position: relative;
  margin-top: 15px;
}
.img-topp {
  position: absolute;
  z-index: 999;
  left: 65px;
}
/* .img-top {
  margin-left: 235px !important;
} */

.title-pp {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 24px;
  padding: 20px 0 5px;
  color: #000;
}

.dropdown-menu.back {
  background: #000;
  border: none;
  padding: 0;
}
.dropdown-menu.back li a {
  color: #fff;
}
.dropdown-menu.back li:hover a {
  background: #d82b27;
}

/*clients-slider*/
.bx-wrapper {
  margin: 0 auto;
}
.sliderrr {
  background: #ececec;
}
/*.slide img{
	cursor: pointer;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}
.slide img:hover{
	filter: grayscale(0);
    -webkit-filter: grayscale(0);
}*/
.rectangle {
  margin-top: 58px;
}
.rectangle h2 {
  /*background: #022e5c none repeat scroll 0 0; */
  /* box-shadow: 0 0 4px rgba(0, 0, 0, 0.55); */
  color: #022e5c;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  margin-top: 33px;
  padding: 5px;
  text-align: right;
  /* width: 163px; */
  font-weight: 500;
}
.rectangle span {
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
  font-size: 32px;
  font-weight: 600;
  text-align: right;
  width: 100%;
  display: inline-block;
  float: right;
  background: #04468c;
  border-right: 20px solid #022e5c;
  padding-right: 5px;
}
.padd-topy {
  padding-bottom: 2%;
}
.web-ol {
  font-size: 14px;
}
/*loader*/

div#loader {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(66, 56, 56, 0.2) url(../images/loading.gif) no-repeat;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1000;
  display: none;
}

div#loader_header {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(66, 56, 56, 0.2) url(../images/loading.gif) no-repeat;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1000;
  display: none;
}

/*banner*/

.banner img {
  width: 100%;
}
.banner1 {
  background: url("../images/banner1.jpg");
  height: 250px;
  position: relative;
  background-size: cover;
}
.banner1 .heading-c {
  position: relative;
}
.banner1 .heading-c .pas {
  position: absolute;
  top: 134px;
  color: #fff;
  font-size: 36px;
  font-family: "Open Sans", sans-serif;
  left: 20px;
}
.bread {
  position: absolute;
  top: 185px;
  color: #fff;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  background: none;
}
.bread li a,
.breadcrumb > li + li::before {
  color: #333;
}
.breadcrumb > .active {
  color: #f7c20a;
}

.nav.navbar-nav.my img {
  padding-right: 4px;
}

/*.send-enquiry{
	background: #000;
	color: #fff;
	padding: 10px 24px;
	font-family: "Open Sans",sans-serif;
	font-size: 14px;
	text-transform: capitalize;
	display: inline-block;
	border: 2px solid #000;
	}
.send-enquiry:hover{
	color: #000;
	background: #fff;
	border: 2px solid #000;
}*/

.send-enquiry {
  padding: 10px 24px;
  font-size: 14px;
  cursor: pointer;
  font-weight: bold;
  display: inline-block;
  margin: 15px;
  text-transform: capitalize;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  border: 3px solid #000;
  color: #fff;
  overflow: hidden;
  font-family: "Open Sans", sans-serif;
  background: #000;
}
.send-enquiry:after {
  content: "";
  position: absolute;
  z-index: 1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
  height: 0;
  top: 50%;
  left: 50%;
  background: #fff;
  opacity: 0;
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.send-enquiry:hover {
  color: #000;
  border: 3px solid #fff;
  text-decoration: none;
}

.send-enquiry:hover:after {
  opacity: 1;
  height: 260%;
}
.send-enquiry span {
  position: relative;
  z-index: 2;
}

.send-enq {
  text-align: right;
  margin-top: 16px;
}
.foot-q {
  color: #fff;
  font-weight: bold;
  text-transform: capitalize;
  font-size: 16px;
  border-bottom: 1px dotted #373737;
  padding-bottom: 10px;
}
.footer-rightt {
  padding-top: 20px;
}

.maill {
  color: #fff;
}

.maill h6,
h5 {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 100;
}
.mail-p a {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}
.mail-p {
  padding: 10px 0;
}

.mail-up {
  border-left: 1px solid #fff;
  padding-left: 3%;
  height: 113px;
  transform: skewX(-12deg);
}
.pogg {
  width: 20px;
}

.input-group-addon.onli {
  background: #e60e36;
}
.cola-pp {
  font-family: "Open Sans", sans-serif;
  font-size: 29px;
  padding: 0 10px;
}

.footer-in li a:hover {
  color: #e60e36;
}

/*Footer*/

.footer {
  text-align: left;
  padding: 30px 0;
}
.foot {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #565656;
}
.fot {
  text-transform: capitalize;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #565656;
  font-weight: normal;
}
.fot:hover {
  text-decoration: underline;
}
/* footer {
  width: 100%;
  padding: 25px 0;
  background: url("../images/footer-img.png");
  background-size: cover;
  width: 100%;
  background: #191919;
  padding: 25px 0;
} 
footer .head {
  font-family: "Open Sans", sans-serif;
  padding-bottom: 20px;
  font-size: 25px;
  color: #fff;
  border-bottom: 1px solid #fff;
}
footer .content {
  font-family: "Open Sans", sans-serif;
  padding-bottom: 20px;
  font-size: 14px;
  color: #fff;
  text-align: left;
  padding-top: 20px;
}
footer ul li a {
  color: #6c6c6c;
  transition: all 0.5s ease;
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
  font-size: 14px;
}
footer span {
  display: inline-block;
  width: 20px;
}
footer ul {
  padding-top: 20px;
}

.footer-bottom {
  background: #363636;
  padding: 2% 0;
}
.footer-bottom h2 {
  color: #003a00;
  font-family: "Open Sans", sans-serif;
  color: #fff;
  font-size: 20px;
}
.footer-bottom p {
  color: #fff;
}

.foot-right > h3 {
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 20px;
  font-weight: 600;
}
.footer-left h2 {
  color: #d82b27;
  font-family: "Open Sans", sans-serif;
  font-size: 22px;
  text-transform: capitalize;
}
.footer-left p {
  color: #6c6c6c;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  padding-top: 20px;
  text-align: left;
  line-height: 24px;
  margin: 0;
}
.foot-right > p {
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  padding-top: 5px;
}
.footer-left .vic {
  padding-top: 5px;
}
.footer-left .vic a {
  color: #fff;
  font-weight: normal;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  padding-right: 5px;
}
footer .foot-a {
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
}
footer .foot-a:hover {
  color: #fff;
}
.fott a {
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-weight: normal;
}
.fott a:hover {
  color: #fff;
}

.footer-bot {
  border-top: 1px solid #2d2300;
  margin-top: 20px;
}

.footer-in li {
  padding: 6px 0;
}
/*social*/

/*.footerr ul li a {
  text-transform: capitalize;
  font-size: 12px;
  text-decoration: none;
}
.footerr .social {
  margin-bottom: 0;
}
.footerr .social li {
  display: inline-block;
  margin-right: 10px;
}
.footerr .social li a {
  color: #fff;
}
.footerr .social li a {
  display: table;
  width: 30px;
  height: 30px;
  border-top-left-radius: 10px;
  text-align: center;
  text-decoration: none;
  border-bottom-right-radius: 10px;
  padding: 0;
}

.footerr .social li:nth-child(1) a {
  color: #fff;
}
.footerr .social li a {
  display: table;
  width: 30px;
  height: 30px;
  border-top-left-radius: 10px;
  text-align: center;
  text-decoration: none;
  border-bottom-right-radius: 10px;
  padding: 0;
}
.footerr .social li:nth-child(1) a .fa {
  display: table-cell;
  vertical-align: middle;
  background: #557bab none repeat scroll 0 0;
  border-radius: 50%;
  font-size: 16px;
  margin-right: 5px;
}

.footerr .social li:nth-child(2) a .fa {
  background: #ec4227;
  display: table-cell;
  vertical-align: middle;
  border-radius: 50%;
  font-size: 16px;
  margin-right: 5px;
  color: #fff;
}
.footerr .social li:nth-child(3) a .fa {
  background: #cf3738;
  display: table-cell;
  vertical-align: middle;
  border-radius: 50%;
  font-size: 16px;
  margin-right: 5px;
  color: #fff;
}
.footerr .social li:nth-child(5) a .fa {
  background: #0084ad;
  display: table-cell;
  vertical-align: middle;
  border-radius: 50%;
  font-size: 16px;
  margin-right: 5px;
  color: #fff;
}
.footerr .social li:nth-child(1):hover a span {
  color: #557bab;
  background: #fff;
  border: 1px solid #557bab;
}

.footerr .social li:nth-child(2):hover a span {
  color: #ec4227;
  background: #fff;
  border: 1px solid #ec4227;
}
.footerr .social li:nth-child(3):hover a span {
  color: #cf3738;
  background: #fff;
  border: 1px solid #cf3738;
}
.footerr .social li:nth-child(5):hover a span {
  color: #0084ad;
  background: #fff;
  border: 1px solid #0084ad;
} */

.des {
  color: #727272 !important;
}
.dess {
  text-align: right !important;
}
/*contacts*/

.contacts {
  padding-bottom: 3%;
}
.addr-head {
  font-family: "Open Sans", sans-serif;
  color: #000;
  font-size: 16px;
}
.add {
  font-size: 15px;
  line-height: 26px;
}
.add .fa {
  color: #563102;
  font-size: 15px;
  padding-right: 5px;
}
address {
  font-size: 14px;
  color: #444;
  font-family: 'Montserrat';
  line-height: 26px;
  font-weight: 400;
}
address span {
  font-weight: 700;
}
.addr h3 {
  font-family: "Montserrat", sans-serif;
  color: #000;
  font-weight: 600;
  font-size: 25px;
  padding-bottom: 15px;
}

.fadd {
  font-size: 15px;
  padding-top: 5px !important;
}
.fadd .fa {
  color: #6c6c6c;
  font-size: 15px;
  padding-right: 5px;
}

.fadd a {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #6c6c6c;
}
/*.contacts { padding: 1% 0; }*/
.input-group-addon .fa {
  color: #b6b6b6;
  font-size: 15px;
}
input {
  border: none;
}
.contact-form .input-group-addon {
  /*background: #ffffff;*/
  border-radius: 0;
  border: 1px solid #d5d9ea;
  font-size: 18px;
  height: 40px;
  font-weight: 700;
  color: #636e91;
  border-right: 0;
}
.input-group-addon {
  border-bottom: 1px solid #ccc;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
}

.contact-form .form-control {
  background: #ffffff;
  border-radius: 0;
  min-height: 40px;
}
.vieww {
  color: #fff;
  background: #e60e36;
  padding: 8px 16px;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  /* border: 1px solid #000; */
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 20px;
}
.vieww:hover {
  text-decoration: none;
  color: #000;
  background: #fff;
  border: 1px solid #000;
  transition: 0.5;
}
.contact-form textarea.form-control {
  background: #ffffff;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
  border-radius: 0;
  border-bottom: 1px solid #d5d9ea;
  min-height: 80px;
  box-shadow: 0 0 0;
}

.contact-form .submit_btn {
  display: inline-block;
  text-align: center;
  margin: 0 auto;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  background-color: #3fa9ff;
  color: #ffffff;
  margin-bottom: 15px;
}
.contact-form .submit_btn:hover {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  background-color: #363e55;
  color: #ffffff;
}
.picker__day {
  font-weight: 400 !important;
}
.picker__list-item {
  font-family: "Montserrat", sans-serif;
  font-size: 14px !important;
}
.footerr {
  margin-top: 10px;
}
.add a {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.login-header li {
  display: inline-block;
  color: #6f6e6e !important;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 100;
}
.login-header {
  font-size: 12px;
  color: #cdcdcd;
}
.right-o {
  padding-left: 7px;
  padding-right: 10px;
}

.login-header li a {
  color: #333 !important;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 400;
  padding: 0px 7px !important;
  text-transform: capitalize;
}

/* .login-header li a:after{
       border-right: 1px solid #6f6e6e;
    content: "";
    display: inline-block;
    height: 10px;
    padding-right: 10px;
    width: 2px;
} */
a:hover {
  text-decoration: underline !important;
}
.custoom-h {
  color: #6f6e6e !important;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  margin: 0;
}
.custoom-h a {
  color: #6f6e6e !important;
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
}
.text-r {
  text-align: right;
}
.header-top-inner {
  padding: 5px 0;
}
.header-top {
  border-bottom: 1px solid #d8d3d3;
}
.logo a {
  vertical-align: middle;
}
.logo h1 {
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 600;
  padding-left: 10px;
}

/*welcome*/

.the-cake {
  font-family: "Montserrat", sans-serif;
  color: #e60e36;
  font-size: 45px;
  text-transform: capitalize;
  text-align: center;
  padding-bottom: 20px;
  margin: 0;
  font-weight: 300;
  background: #fff;
}

.welcome-p {
  background: #f8f8f8;
}
.welcome-p-inner {
  background: #fff;
  margin-top: 4%;
  padding-top: 2%;
  padding-bottom: 3%;
}
.welcome_txt {
  font-family: "Open Sans", sans-serif;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  line-height: 23px;
  padding: 0 20px;
}
.img-new-arrival {
  padding: 10px;
}
/*new-arrivals*/

.img-new-arrivall- {
  background: #fff;
}
.new-arrivals {
  padding-bottom: 4%;
  background: #f8f8f8;
}
.new-arrival-text {
  text-align: center;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 45px;
  color: #444;
  font-weight: 100;
  position: relative;
  text-transform: capitalize;
}
.new-arrival-text:before {
  background: #ff5a5c none repeat scroll 0 0;
  content: "";
  display: block;
  height: 1px;
  left: 46%;
  margin: 10px auto 0;
  position: absolute;
  top: 46px;
  width: 80px;
}
.new-arrival-text:after {
  background: #e1e1e1 none repeat scroll 0 0;
  content: "";
  display: block;
  height: 1px;
  margin: 6px auto 0;
  width: 100%;
}
/*.img-new-arrival{
	padding: 20px 0;
}*/

.new-arr-img {
  padding: 25px 5px 5px 5px;
  background: #f2f2f2;
  border: 1px solid #e1e1e1;
  box-shadow: 0px 1px 6px -1px #ddd8d8;
  text-align: center;
  margin-bottom: 28px;
}

.new-arr-img img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: all 0.5s ease;
}
.new-arr-img img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.cake-name a {
  font-family: "Montserrat", sans-serif;
  color: #000;
  font-size: 20px;
  padding: 15px 0;
  display: inline-block;
  font-weight: 400;
}

.cake-name a:hover {
  color: #e60e36;
  text-decoration: none !important;
}

.gift-cake {
}
.gift-cake {
  font-family: "Montserrat", sans-serif;
  color: #fff;
  font-size: 50px;
  font-weight: normal;
}
.gift-cake-txt {
  font-family: "Roboto Slab", serif;
  color: #fff;
  font-size: 16px;
  font-weight: 300;
}
.gift-right {
  text-align: right;
}
.gift-right img {
  width: 100px;
}

/*bday-cake*/

.birthday-cake {
  padding: 3% 0;
  border-bottom: 1px solid #e6dede;
}
.cake-bd {
  position: relative;
}
.cake-bd:before {
  background: #ff5a5c none repeat scroll 0 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  margin: 10px auto 0;
  position: absolute;
  top: 18px;
  width: 80px;
}
.cake-bd:after {
  background: #e1e1e1 none repeat scroll 0 0;
  content: "";
  display: block;
  height: 1px;
  margin: 6px auto 0;
  width: 100%;
}
.cake-bd {
  font-family: "Montserrat", sans-serif;
  color: #e60e36;
  font-size: 20px;
  font-weight: 600;
}
.u-cake-title a {
  font-family: "Montserrat", sans-serif;
  color: #444;
  font-size: 21px;
}
.u-cake-title a:hover {
  color: #e60e36;
  text-decoration: none;
}
.u-cake img {
  width: 100%;
}

.nopad {
  padding: 0;
}
.bday-u {
  padding: 30px 0;
}
.cake-price {
  font-family: "Montserrat", sans-serif;
  color: #444;
  font-size: 18px;
  padding-top: 10px;
}
.u-cake-title {
  padding-top: 20px;
}

.product {
  font-family: "Montserrat", sans-serif;
  color: #e60e36;
  text-align: center;
  padding-bottom: 15px;
  background: #fff;
  font-size: 45px;
  text-transform: capitalize;
  font-weight: 300;
  margin: 0;
}

.line {
  width: 500px;
  margin: 0 auto;
  border-bottom: 1px solid #cdcdcd;
}

.cakes-product-name a {
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  text-transform: capitalize;
  letter-spacing: 4px;
  font-weight: 500;
  text-align: center;
  color: #4d3529;
  text-decoration: none;
}
.deser-cake {
  text-align: center;
}
.deser-cake img {
  width: 70%;
}
.our-product {
  padding-bottom: 3%;
}
.product-cake {
  padding-top: 15px;
  background: #fff;
  padding-bottom: 30px;
}
.cake-price span {
  padding-right: 4px;
}

.inn-p-img {
  margin-left: 15px;
}
/*breadcurumb*/

.breadcurumb {
  background: #fff !important;
  font-family: "Open Sans", sans-serif !important;
  color: #909090;
  font-size: 14px;
  font-weight: 100;
}
.breadcrumb li a {
  font-family: "Open Sans", sans-serif !important;
  color: #909090;
  font-size: 18px;
  font-weight: 600;
}
.breadcrumb {
  background: #f8f8f8;
  margin: 0;
  padding: 20px;
  font-size: 18px;
  font-weight: 600;
}
.bread li a,
.breadcrumb > li + li::before {
  color: #201919;
}
.breadcrumb .active {
  color: #d35e81;
}

/*about*/

.about-inner-welcome {
  margin-bottom: 50px;
  padding-bottom: 1px;
}
.about-inner-welcome,
.about-inner-welcome-in,
.onepage-containerr {
  /* background: #fff; */
}
.about-welcome,
.container-fl {
  background: #fff;
}
.abt-txt {
  font-family: 'Noto Serif NP Hmong', serif;
  color: #e60e36;
  margin: 2rem 0;
  font-size: 40px;
  text-transform: uppercase;
  letter-spacing: 5px;
  display: inline-block;
  width: 100%;
  text-align: center;
  /* text-shadow: 1px 1px 3px grey; */
  font-weight: 600;
}
.in-abut-left p {
  font-family: "Open Sans", sans-serif;
  color: #333;
  font-size: 14px;
  line-height: 24px;
  padding: 0 0 20px 0px;
  margin: 0;
}
.in-abut-left p span {
  font-family: "Open Sans", sans-serif;
  color: #333;
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
}
.about-img-right img {
  width: 100%;
}

/*desserts*/

.p-img-dessert {
  padding: 25px 5px 5px 5px;
  background: #fff;
  border: 1px solid #e1e1e1;
  box-shadow: 0px 6px 12px -1px #ddd8d8;
  text-align: center;
  margin: 20px 0;
  min-height: 315px;
}
.desserts-name {
  font-family: "Montserrat", sans-serif;
  color: #e60e36;
  font-size: 25px;
  padding-top: 10px;
}
.about-cake {
  margin-bottom: 0;
}
.cater-dessert {
  font-family: "Open Sans", sans-serif;
  color: #333;
  font-size: 14px;
  font-weight: 100;
}
.cater-dessert a {
  font-family: "Open Sans", sans-serif;
  color: #e60e36;
  font-weight: 600;
}
.img-desserts-p {
}

.desserts-name-desc {
  font-family: "Montserrat", sans-serif;
  color: #000;
  font-weight: 400;
  font-size: 14px;
  padding: 10px 20px;
}

.lineee {
  border-bottom: 1px solid #cdcdcd;
  padding-top: 10px;
}

.bday-cake-desc p {
  font-family: "Open Sans", sans-serif;
  color: #050404;
  font-size: 14px;
  font-weight: 100;
  line-height: 24px;
  padding: 20px 0;
  border-bottom: 1px solid #cdcdcd;
}

.sort-by,
.cakes-sort-by {
  font-family: "Open Sans", sans-serif;
  color: #050404;
  font-size: 14px;
  font-weight: 100;
  line-height: 24px;
}

.sort-by-cakes a,
.sort-by-cakes-right a {
  font-family: "Open Sans", sans-serif;
  color: #aaaaaa;
  font-size: 14px;
  font-weight: 100;
  line-height: 24px;
}

.orderby-displaynumber {
  padding: 20px 0;
  border-bottom: 1px solid #cdcdcd;
}

.creative-p {
  padding: 50px 0 10px;
  background: #f8f8f8;
}
.pad-if {
  padding-top: 2%;
}
.creative-cak {
  /* background: #fff; */
  padding: 10px;
}
.p-creative-cak {
  /* padding: 5px; */
  /* background: #f2f2f2; */
  /* border: 1px solid #e1e1e1; */
  box-shadow: 5px 5px 15px -5px rgb(0 0 0 / 30%);
  text-align: center;
  margin-bottom: 30px;
  overflow: hidden;
  border-radius: 5px;
}
.p-creative-cak img {
  transform: scale(1);
  transition: all 0.5s ease;
}
.p-creative-cak img:hover {
  transform: scale(1.1);
}
.creative-cak-name {
  padding: 15px 5px 7px;
}
.creative-cak-name a {
  font-family: "Montserrat", sans-serif;
  color: #444;
  font-size: 20px;
  font-weight: 500;
  text-transform: capitalize;
}
.creative-cak-name a:hover {
  color: #e60e36;
  text-decoration: none;
}

.creative-cak-dessert {
  font-family: "Open Sans", sans-serif;
  color: #807c7c;
  font-size: 14px;
  font-weight: 100;
  padding-top: 10px;
  margin: 0;
}

.creative-cak-name-desc {
  font-family: "Open Sans", sans-serif;
  color: #000;
  font-weight: 300;
  font-size: 12px;
  padding-bottom: 15px;
  text-transform: lowercase;
  margin-top: 2px;
}
.categ-price {
  font-family: "Montserrat", sans-serif;
  color: #e60e36;
  font-size: 22px;
}
.categ-price span {
  padding-right: 3px;
}

.cake-details-creative a {
  font-family: "Montserrat", sans-serif;
    padding: 5px 20px;
    margin-bottom: 15px;
    color: #fff;
    background: #e60e36;
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
    text-decoration: none;
    border-radius: 5px;
}
.cake-details-creative a span {
  font-size: 15px;
}
.p-creative-cak img {
  width: 75%;
}
.gift-img img {
  width: 100%;
}

.ghu {
  font-family: "Montserrat", sans-serif;
  color: #000;
  font-weight: 600;
  font-size: 25px;
  padding-left: 13px;
  padding-bottom: 23px;
}

/*onepage*/

.backk-button {
  padding: 6px 16px;
  background: #e60e36;
  font-family: "Open Sans", sans-serif;
  color: #fff;
  font-size: 14px;
  display: inline-block;
  font-weight: 100;
}
.backk-button a {
  font-family: "Open Sans", sans-serif;
  color: #fff;
  font-size: 18px;
  display: inline-block;
  font-weight: 100;
  vertical-align: middle;
}
.backk-button a span {
  font-size: 30px;
  padding-right: 5px;
  vertical-align: middle;
}

.onpage-yu {
  padding: 20px 0;
}

.onpage-img img {
  width: 100%;
}

.onpage-title {
  font-family: "Montserrat", sans-serif;
  color: #444;
  font-size: 42px;
}
.onepage-rate {
  font-family: "Open Sans", sans-serif;
  color: #333;
  font-size: 14px;
  font-weight: 100;
  padding: 10px 0;
}
.onepage-desc {
  font-family: "Montserrat", sans-serif;
  color: #000;
  font-weight: 400;
  font-size: 14px;
}
.onepage-quantity {
  font-family: "Montserrat", sans-serif;
  color: #444;
  font-size: 22px;
  padding-top: 10px;
  display: inline-block;
}
#tooltip {
  display: none;
}
.nopad {
  padding: 0;
}
.price-onepage {
  font-family: "Montserrat", sans-serif;
  color: #e60e36;
  font-size: 32px;
}
.add-cart {
  background: #e60e36;
  display: inline-block;
  padding: 8px 8px;
  margin: 8px 0;
}
.add-cart a {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  text-transform: capitalize;
  text-decoration: none;
}
.price-onepage span {
  font-size: 25px;
}
.page-desc {
  font-family: "Open Sans", sans-serif;
  color: #e60e36;
  font-size: 14px;
  font-weight: 100;
  padding: 10px 0;
}
.page-desc-2 {
  font-family: "Open Sans", sans-serif;
  color: #333;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 20px;
}
.desc-title {
  position: relative;
  font-family: "Montserrat", sans-serif;
  color: #d9534f;
  text-transform: capitalize;
  font-size: 40px;
  font-weight: 600;
  width: fit-content;
}
.desc-title:before {
  background: gray;
  content: "";
  display: block;
  height: 2px;
  border-radius: 50px;
  left: 0;
  position: absolute;
  bottom: -6px;
  width: 100%;
}
/* .desc-title:after {
  background: #e1e1e1 none repeat scroll 0 0;
  content: "";
  display: block;
  height: 1px;
  margin: 6px auto 0;
  width: 100%;
} */
.desc-p {
  font-family: "Open Sans", sans-serif;
  color: #000;
  padding: 5px 0;
  font-size: 14px;
  font-weight: 100;
}
.description-demo {
  padding: 15px 0;
  margin-top: 1rem;
  display: flex;
  align-items: center;
  gap: 5%;
}
.description-demo .desc-p{
  text-transform: capitalize;
}
.yuo {
  padding: 10px !important;
}
.date_and_note_web .border-boxx {
  /* padding: 0 ;
  display: flex;
  align-items: center;
  margin-bottom: 15px; */
  flex-direction: column;
  align-items: flex-start;
  padding: 0px !important;
}
.border-boxx {
  padding: 0 ;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}

.special_featrure label {
  font-size: 16px !important;
  font-weight: 400;
  margin-left: 10px;
}
.margin-bo { 
  margin-bottom: 0;
}
.form-group .input-group {
  width: 60%;
}
.form-group.margin-bo::after,
.form-group.margin-bo::before{
content: none !important;
}
.form-group input#colorful {
  background: transparent;
  border: none;
}
.form-group button.btn.btn-danger,
.form-group button.btn.btn-success{
  background: #000 !important;
  border: none !important;
  border-radius: 0 !important;
  font-size: 25px;
  padding: 0px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
input[type="radio"] + label {
  text-shadow: 0 !important;
}

/*Cart*/
.mob-logo {
  display: none;
}
.please-enter {
  margin: 30px 0;
  border-top: 1px solid #e60e36;
  border-bottom: 1px solid #e60e36;
  padding-bottom: 10px;
  padding-top: 5px;
  text-align: center;
}

.enter- {
  font-family: "Montserrat", sans-serif;
  color: #e60e36;
  font-size: 22px;
  font-weight: 600;
}

.alread {
  font-family: "Open Sans", sans-serif;
  color: #444;
  font-size: 14px;
  font-weight: 100;
}

.inputbox {
  border: 1px solid #bfbfbf;
  vertical-align: middle;
  height: 34px;
  padding: 0 10px;
  font-family: "Open Sans", sans-serif;
  color: #444;
  font-size: 14px;
  font-weight: 100;
}

.form-p {
  padding: 16px 0;
}
.forgot-a a {
  font-family: "Open Sans", sans-serif;
  color: #444;
  font-size: 14px;
  font-weight: 100;
}
.default {
  font-family: "Open Sans", sans-serif;
  color: #fff;
  font-size: 14px;
  font-weight: 100;
  background: #e60e36;
  padding: 6px 12px;
}
.bill- {
  font-family: "Open Sans", sans-serif;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
.billto-shipto {
  background: #444;
  padding: 20px;
}

.add-edit {
  background: #e60e36;
  margin: 12px 0;
  display: inline-block;
  padding: 6px 0;
}
.add-edit a {
  font-family: "Open Sans", sans-serif;
  color: #000;
  font-size: 14px;
  font-weight: 600;
  padding: 10px;
}

.bill-address-right {
  background: #e60e36;
  margin: 12px 0;
  display: inline-block;
  padding: 10px;
}

.bill-address-right h3 {
  font-family: "Open Sans", sans-serif;
  color: #000;
  font-size: 20px;
  font-weight: 500;
  padding: 10px 0;
}
.bill-address-right h2 {
  font-family: "Open Sans", sans-serif;
  color: #000;
  font-size: 40px;
  font-weight: 700;
}

.bill-address-right h5 {
  font-family: "Open Sans", sans-serif;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  padding: 10px 0;
}

.bill-address-right p {
  font-family: "Open Sans", sans-serif;
  color: #fff;
  font-size: 14px;
  font-weight: 100;
}
.add-edit-add {
  background: #000;
  margin: 12px 0;
  display: inline-block;
  padding: 6px 0;
}

.add-edit-add a {
  font-family: "Open Sans", sans-serif;
  color: #e60e36;
  font-size: 14px;
  font-weight: 600;
  padding: 10px;
}

.cart-summary td,
th {
  border: 1px solid #cdcdcd;
  padding: 10px 5px;
  font-family: "Open Sans", sans-serif;
  color: #000;
  font-size: 14px;
  font-weight: 100;
}
.my_order_table td {
  border: 1px solid #cdcdcd;
  padding: 10px;
  font-family: "Open Sans", sans-serif;
  color: #000;
  font-size: 13px;
}
.cart-summary th {
  border: 1px solid #cdcdcd;
  padding: 10px;
  font-family: "Open Sans", sans-serif;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  background: #444;
}
/*.table-resp{
	padding-top: 30px;
}*/
.next a {
  background: #e60e36;
  padding: 8px 15px;
  color: #ffffff;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  float: right;
  font-weight: 700;
}
.next {
  margin-bottom: 25px;
}

.vm_shipment h3 {
  font-family: "Open Sans", sans-serif;
  color: #000;
  font-size: 16px;
  font-weight: 600;
  padding: 10px 0;
}

.vm-button-correct {
  background: #e60e36;
  display: inline-block;
  padding: 6px 10px;
  font-family: "Open Sans", sans-serif;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  border: none;
}
span.cart-images img {
  float: left;
  margin: 0 10px 0 0;
  width: 45px;
  padding: 5px;
  background: #fff;
  border: 1px solid #e1e1e1;
}
.input-sm {
  border: 1px solid #cdcdcd;
}
.nopad-l {
  padding-left: 0;
}
.same_day_delivery,
a {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 100;
}
.product_min_prep_cart p {
  color: #e60e36;
}
.notes- h2 {
  font-family: "Open Sans", sans-serif;
  color: #000;
  font-size: 14px;
  font-weight: 100;
  margin-bottom: 10px;
}
.notes- textarea {
  overflow: hidden;
}
.notes- {
  text-align: center;
  padding: 20px 0;
}
.vm-button-correct {
  font-family: "Open Sans", sans-serif;
  color: #fff;
  font-size: 14px;
  font-weight: 100;
  background: #e60e36;
  padding: 6px 12px;
}
.checkout-button-top {
  display: inline-block;
  width: 100%;
}
.hot {
  /*float: right;*/
}
.cart_holder{
  /* border-radius: 5px;
  border: none;
  box-shadow: 10px 10px 15px -5px rgb(0 0 0 / 30%); */
}
.cake-summary {
  background: #e60e36;
  padding: 15px;
}
.cake-s {
  color: #fff;
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
}
.cake-summ-inner {
  padding: 10px;
  border-bottom: 1px solid #ddd;
}
.flac {
  font-weight: 800;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
}
.cake--rt- {
  background: #f9f9f9;
  /* border: 1px solid #ddd; */
  padding-bottom: 25px;
}
.li-cake {
  padding: 10px; /*overflow-y: scroll;*/
  min-height: 100px;
}
.li-cake p {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
}
.cake-summ-inner-in {
  padding: 10px;
  /* border: 1px solid #ddd; */
}
.flac-in {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
}
.add-canel {
  border: 2px solid #e60e36;
  padding: 5px;
  text-align: center;
  border-radius: 3px;
}
.add-canel a {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  text-transform: capitalize;
  text-align: center;
  color: #e60e36;
  font-weight: bold;
}
.add-to-cart {
  padding: 5px;
  text-align: center;
  background: #e60e36;
  border: 2px solid #e60e36;
  margin-left: 2px;
  border-radius: 3px;
}
.add-to- {
  background: #e60e36;
  width: 100%;
  border: none !important;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  color: #fff;
  text-transform: capitalize;
}

.add-to-cart:hover,
.add-canel:hover {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.add-cart-to {
  margin-top: 5px;
}
.about-menu {
  /* margin-bottom: 30px;
  width: 100%; */
  border-radius: 5px;
  border: none;
  box-shadow: 0px 0px 15px -5px rgb(0 0 0 / 30%);
  overflow: hidden;
}
.fixed {
  position: fixed;
  top: 0rem;
  margin-bottom: 30px;
  clear: both;
  border-radius: 5px;
  border: none;
  box-shadow: 0px 0px 15px -5px rgb(0 0 0 / 30%);
  overflow: hidden;

}

.icon-sec a {
  margin-left: 40px;
}
.icon-secure {
  background-image: url("../images/icons/icon-secure.png");
  background-repeat: no-repeat;
  background-position: left center;
}
.icon-mastercard {
  background-image: url("../images/icons/icon-mastercard.png");
  background-repeat: no-repeat;
  background-position: left center;
}
.icon-visa {
  background-image: url("../images/icons/icon-visa.png");
  background-repeat: no-repeat;
  background-position: left center;
}
.icon-delivery {
  background-image: url("../images/icons/icon-delivery.png");
  background-repeat: no-repeat;
  background-position: left center;
}
.imhk {
  width: 80%;
}
/* .my_acc {
  background-image: url("../images/icons/icon-account.png");
  background-repeat: no-repeat;
  background-position: left center;
} */
.terms_of_ser {
  background-image: url("../images/icons/icon-cart.png");
  background-repeat: no-repeat;
  background-position: left center;
}

/*refunds-policy*/

.cap {
  text-transform: capitalize;
  color: #000;
}
.refung-ul li {
  padding: 8px 0;
  margin: 2px 0;
}
.refung-ul .active {
  background: #ff5a5c;
}
.refung-ul .active a {
  color: #fff;
  padding-left: 15px;
}
.refung-ul li:hover {
  background: #ff5a5c;
}
.refung-ul li:hover a {
  color: #fff;
  padding-left: 15px;
}
.hnu {
  padding-bottom: 12px;
}
.hnu h3 {
  margin: 0;
  font-family: "Open Sans", sans-serif;
  color: #000;
  font-size: 22px;
  font-weight: 500;
}
.hnu h4 {
  margin: 0;
  font-family: "Open Sans", sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 600;
}
.hnu p {
  font-family: "Open Sans", sans-serif;
  color: #000;
  padding: 10px 0;
  font-size: 14px;
  font-weight: 100;
  margin: 0;
}
.hnu p a {
  color: #337ab7;
}

.refung-ul {
  margin-top: 20px;
}

.cake-bdt {
  font-family: "Montserrat", sans-serif;
  color: #000;
  font-size: 22px;
  margin-top: 28px;
  font-weight: 600;
  text-transform: capitalize;
}
.cake-bdt::before {
  background: #ff5a5c none repeat scroll 0 0;
  content: "";
  display: block;
  height: 1px;
  left: 16px;
  margin: 10px auto 0;
  position: absolute;
  top: 48px;
  width: 80px;
}

.cake-bdt::after {
  background: #e1e1e1 none repeat scroll 0 0;
  content: "";
  display: block;
  height: 1px;
  margin: 6px auto 0;
  width: 100%;
}

.login-header {
  margin: 0;
}

.active.has-sub > a:after {
  border-bottom: 1px solid #e61138 !important;
  border-right: 1px solid #e61138 !important;
}

/*sign-up-header*/

.form-horizontal .has-feedback .form-control-feedback {
  left: 0;
}
.new-input {
  padding-left: 40px;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #000;
  background: transparent;
}
.new-input::placeholder{
  color: #ffffff8f;
}

.has-success .form-control-feedback {
  color: #c4c4c4;
}
.new-sign-up-form {
  width: 450px;
  margin: 0 auto;
  background-color: #fff;
  backdrop-filter: blur(3px);
  /* background-color: rgb(255 255 255 / 30%); */
  border: 1px solid rgb(255 255 255 / 60%);
  border-radius: 5px;
  box-shadow: none;
}
.new-sign-up-form-header-p {
  padding: 20px;
}
.new-login-details {
  padding: 15px 20px;
  border: 1px solid #cdcdcd;
  text-align: center;
  /* background: #fefefe; */
}

.sumdl_hdr {
  /* background: #f6f6f6; */
}

.home-icon {
  text-align: right;
  float: right;
  padding-right: 6px;
  padding-top: 0px;
  margin-top: -2px;
}

.home-icon a {
  display: inline-block;
}

.home-icon .fa {
  color: #c4c4c4;
}

#id_deli_op {
  border: 1px solid #cdcdcd;
  margin-bottom: 10px;
}

#deli_op_area #id_deli_op {
  padding: 10px !important;
}

.accordion li {
  margin-bottom: 10px;
}

#id_login_frame,
#id_order_summ {
  border: 1px solid #cdcdcd;
}
.cart_login_inner_frame {
  padding: 10px !important;
}

.alert-danger {
  color: #ffffff;
  background-color: #ff5552;
  border-color: #ff5552;
  font-family: "Open Sans", sans-serif;
}
#id_order_summ {
  padding: 10px !important;
}
#id_chkout_frm {
  border: 1px solid #cdcdcd;
  padding: 10px;
}
.tcf_13 {
  padding: 10px;
  border: 1px solid #cdcdcd;
}

.pad-marg {
  margin-right: 2px;
}

.my-accoui {
  text-align: left;
  padding: 40px 0px;
}
.acc-det {
  font-family: "Montserrat", sans-serif;
  color: #e60e36;
  font-size: 22px;
}
.my-pc {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  padding: 2px 0;
}

.edit-a {
  background: #e60e36;
  color: #fff;
  display: inline-block;
  padding: 6px 15px;
  margin-top: 5px;
}
.edit-a a {
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  text-decoration: none !important;
}
.my-pc span {
  font-weight: 600;
}
.left_list_frame i {
  color: #999999;
}

/*media*/

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width: 320px) {
}

/* Extra Small Devices, Phones */
@media only screen and (min-width: 480px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
  .header-new-menu {
    justify-content: center !important;
}
}

/* Medium Devices, Desktops */
@media only screen and (min-width: 992px) {
}

/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
  .my li a {
    padding: 10px 20px !important;
  }
  .cake-name a {
    font-size: 16px;
  }
  .gift-cake {
    margin: 0;
  }
  .img-topp {
    left: 35px;
  }
  .the-cake,
  .product {
    font-size: 35px;
  }
  .creative-cak-name a {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1166px) {
  .my li a {
    padding: 13px 8px !important;
  }
}
/* Medium Devices, Desktops */
@media only screen and (max-width: 994px) {
  .my li a:hover:after,
  .my li.active::before,
  .my li.active::after {
    top: 46px !important;
  }
  .my li a:hover:before {
    top: 46px !important;
  }
  .logo-ti-img {
    width: 100%;
  }
  .pull.pull-right .kh {
    font-size: 11px;
  }
  .sekar p,
  .saka-addr {
    font-size: 11px;
  }
  .thr {
    padding-top: 3px;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background: #fff !important;
  }
  .about-us .pt,
  .welcome p {
    padding: 10px !important;
  }
  .rectangle span {
    font-size: 20px;
  }
  .rectangle h2 {
    font-size: 13px;
  }
  /* .container {
    width: 100%;
  } */
  .my_order_table tbody tr td a {
    background: none;
    color: #e60e36;
    margin: 0;
  }
}

@media only screen and (max-width: 910px) {
  .desk-menu-h {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .logo {
    text-align: center;
  }
  .nav.navbar-nav.my {
    text-align: center !important;
    float: none !important;
    width: 100%;
  }
  .my li a {
    display: inline-block !important;
  }
  /* footer {
    padding: 25px 20px;
  } */
  .foot-right > h3,
  .footer-left h2 {
    font-weight: normal;
    font-size: 18px;
  }
  .footer-left p,
  .fot {
    font-size: 12px;
  }
  .footer-left .vic a,
  .foot-right > p {
    font-size: 12px;
  }
  .subtitle {
    font-size: 30px;
  }
  .logo {
    position: unset;
  }
  .logo img {
    width: 101px;
  }
  .parallel-img img {
    width: 100%;
  }
  .parallel-bot {
    padding: 10px;
  }
  .coal-h {
    padding-top: 15px;
  }
  .rectangle span {
    float: none;
    display: inline;
  }
  .rectangle h2 {
    text-align: left;
  }
  .my li a:hover::after,
  .my li.active::before,
  .my li.active::after {
    left: 49%;
  }
  .fott,
  .dess {
    text-align: center !important;
  }
  .sekar {
    display: none;
  }
  .opacity-text {
    display: none;
  }
  .banner1 {
    height: 150px;
  }
  .banner1 .heading-c .pas {
    top: 45px;
  }
  .bread {
    top: 87px;
  }
  .product-left {
    margin-top: 278px;
  }
}
@media screen and (max-width: 767px) {
  .menu-h {
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    font-size: 20px;
    left: 42%;
    position: absolute;
    text-transform: uppercase;
    top: 10px;
    color: #fff;
  }
  .desk-menu-h li a {
    text-align: center;
  }
  .my-menu-new li a {
    padding: 8px;
  }
  .my-menu-new li {
    border-top: 1px solid #ea3b3b;
  }
  .web_cake_search {
    margin-top: 0;
  }
  .imhk {
    width: auto;
  }
  .navbar-nav > li a:after {
    display: none !important;
  }
  .line {
    border-right: none;
  }
  .addr {
    padding-bottom: 20px;
    text-align: center;
    padding-top: 20px;
  }
  .footer-left .vic {
    display: none;
  }
  #cssmenu > ul > li > a {
    font-size: 14px;
    padding: 10px 13px !important;
    text-align: center;
  }
  .foot-right > h3,
  .footer-left h2 {
    font-size: 14px;
  }
  .logo img {
    box-shadow: none;
  }
  .sekar {
    width: 212px;
    margin: 0 auto;
    text-align: center;
  }
  .my li a {
    text-align: center;
  }
  .content_wrapper {
    margin-top: 10px;
  }
  .-coal-fuel {
    margin: 30px 30px;
  }
  .-coal-fuel img {
    display: none;
  }
  .wel-overlay-white {
    padding: 10px;
  }
  .col-lefi-indu {
    margin-top: 20px;
  }
  .inner-service .ser-img,
  .img-fabric {
    display: none;
  }
  .img-topp {
    display: none;
  }
  .deser-cake img {
    width: 25%;
  }
  .welcome-p,
  .new-arrivals,
  .creative-p,
  .our-product {
    background: none;
  }
  .custoom-h,
  .login-header {
    text-align: center;
  }
  .login-header {
    padding-top: 10px;
  }
  .logos {
    text-align: center;
  }
  .logos a {
    background: none;
    margin: 0;
  }
  .search_div_head {
    text-align: center;
    margin-bottom: 20px;
  }
  .desk-menu {
    width: 96%;
    margin: 0 auto;
  }
  .img-top {
    margin: 0 !important;
  }
  .about-img-right img {
    width: auto;
  }
  .p-img-dessert {
    width: 300px;
    margin: 0 auto 25px;
  }
  .fotorama__wrap {
    margin: 0 auto;
  }
  .breadcrumb_web {
    padding: 20px !important;
  }
  .pad-marg {
    margin-bottom: 5px;
  }
  .mob-k {
    padding: 0;
  }
  .ghu {
    text-align: center;
  }
  .creative-cak {
    overflow-x: scroll;
  }
  .logos {
    text-align: center;
    margin-left: -33px;
  }
  .mob-logo {
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 120px;
    padding-bottom: 10px;
  }
  .mob-p {
    padding: 0 !important;
    margin-top: 15px;
  }
  .address_frame {
    margin-top: 15px;
  }
  .breadcrumb,
  .breadcrumb_web {
    padding: 10px !important;
  }
  .about-welcome {
    background: none;
  }
  .dropdown-menu > li > a {
    color: #fff !important;
    padding: 5px 0 !important;
  }
  .desk-menu-h .navbar-nav {
    margin: 0;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li:hover > a {
    color: #000 !important;
  }
  .check-avail {
    margin-top: 20px;
  }
  .mob-p-no {
    padding: 0;
  }
  .contact-page-right {
    text-align: center;
  }
  .contact-page-right img {
    width: 100px;
    margin: 0 auto;
  }
  .mob-showw {
    display: block;
    padding-bottom: 25px;
    margin-left: 20px;
  }
  .mob-hide {
    display: none;
  }
  .navbar-nav.sm-collapsible a.has-submenu {
    padding-right: 0;
  }
  .footer-bot {
    border: none;
    margin: 0;
  }
}

@media screen and (max-width: 750px) {
  .container {
    width: 100%;
  }
}

@media only screen and (max-width: 736px) {
  .tab_wrapper > ul {
    display: none;
  }

  .tab_wrapper .content_wrapper {
    border: 0;
  }

  .tab_wrapper .content_wrapper .accordian_header {
    display: block;
  }

  .tab_wrapper.left_side .content_wrapper,
  .tab_wrapper.right_side .content_wrapper {
    width: 100%;
    border-top: 0;
  }

  .tab_wrapper .controller {
    display: none;
  }
}

@media screen and (max-width: 678px) {
  .menu li {
    display: block;
  }
  .my li a:hover:after,
  .my li.active::before,
  .my li.active::after {
    border: none !important;
  }
  .my li a:hover:before {
    border: none !important;
  }
}
@media screen and (max-width: 590px) {
  .table-resp {
    overflow-x: scroll !important;
    width: 100%;
  }
}

@media screen and (max-width: 500px) {
  .container {
    width: 100%;
  }
  .footer-cont,
  .footer-rightt {
    display: none;
  }
  .fotorama__wrap {
    width: 100%;
  }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
  .logo img {
    width: 86px;
  }
  title-attr {
    font-size: 16px;
    top: 15px;
  }
  .navbar-toggle .icon-bar {
    width: 17px !important;
  }
  .banner1 .heading-c .pas {
    font-size: 25px;
  }
  .product-left {
    margin-top: 107px;
  }
  .my li a:hover:after,
  .my li.active::before,
  .my li.active::after {
    border: none !important;
  }
  .my li a:hover:before {
    border: none !important;
  }
  .the-cake,
  .product {
    font-size: 28px;
  }
  .web_prod_add {
    font-size: 15px;
  }
  .cncl_btn_,
  .chkout_btn {
    font-size: 12px;
  }
  .new-img-pp-mob-p {
    width: 100%;
  }
  .new-arr-img,
  .p-creative-cak {
    width: 300px;
    margin: 0 auto 20px;
  }
  .mobpo {
    padding: 0;
  }
}

/* Custom, iPhone Retina */
@media only screen and (max-width: 400px) {
  .login-header li,
  .login-header li a {
    font-size: 11px;
  }
  .product-left {
    margin-top: 15px;
  }
  .button {
    left: 67%;
  }
  .web_cake_search {
    width: 100%;
  }
}

.crt_row p {
  display: inline-flex;
  width: 45%;
}
@media only screen and (max-width: 450px) {
  .new-sign-up-form {
    width: 100%;
  }
}
@media only screen and (max-width: 350px) {
  .p-img-dessert {
    width: 100%;
  }
  .web_cake_search {
    width: 100%;
  }
  .new-arr-img,
  .p-creative-cak {
    width: 100%;
  }
  .special_featrure label {
    font-size: 11px !important;
  }
}
@media only screen and (max-width: 300px) {
  .p-img-dessert {
    width: 100%;
  }
  .web_cake_search {
    width: 100%;
  }
}
.prod_add {
  color: #e60e36;
}
.sec_modal_btn {
  color: #fff;
  background: #e60e36;
  border: 2px solid #e60e36;
}

@keyframes blink {
  50% {
    border-color: #ff0000;
  }
}

h3.flac-in {
  line-height: 32px;
  font-size: 14px;
}
.cart_price_box,
#price_error {
  margin-right: -10px;
  margin-left: -10px;
  /* border-bottom: 2px solid #ddd; */
}
#price_error {
  padding: 10px;
}
.order_prices {
  padding-right: 0;
}
.order_prices table {
  float: right;
}
.order_prices table td {
  border: 1px solid #ddd;
  padding: 10px;
  font-size: 14px;
}
.order_other_spec p {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
}
.order_other_spec #tit {
  font-weight: 500;
}

.cakeshop_elite_link a {
  color: #e60e36;
  font-size: 15px;
  font-weight: 500;
  transition: unset !important;
}

.cakeshop_elite_link {
  text-align: center;
  transition: unset !important;
}

/* New Css */
.top img {
  width: 100%;
}
.navbar-inverse {
  background-color: unset;
  border-color: unset;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: unset;
  border: unset;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .active > a:hover {
  color: #c24569;
  background-color: unset !important;
}
.navbar-inverse .navbar-nav > li > a {
  color: #000;
  font-size: 16px;
}
a.closebtn {
  display: none;
}
.navbar-inverse .navbar-nav > li > a:hover {
  color: #c24569;
  background-color: unset !important;
}
.navbar-brand {
  color: #c24569 !important;
}
.navbar-brand img {
  width: 100%;
}
.navbar-brand span {
  display: inline-block;
}
#one,
#two,
#three {
  padding-right: 0px;
  padding-left: 0px;
}
.navbar-brand {
  height: unset !important ;
}
#three h1 {
  /* margin-top: 65px; */
  font-size: 25px;
  color: #c24569 !important;
}
/* #hea {
  margin-top: 55px;
} */
#three a {
  color: #c24569 !important;
  text-decoration: none;
}
.head1 {
  /* background: url("../images/image01/mainbg.png"); */
  background-color: #ffecf17d;
  background-size: cover;
  background-repeat: no-repeat;
}
#cart img {
  margin-top: 65px;
  width: 45%;
}
.itemactive img {
  width: 100%;
}
#des img {
  width: 14%;
}
#des {
  text-align: center;
}
.second-h {
  background: url("sbg.png");
  background-position: left;
  background-repeat: no-repeat;
  padding: 60px 0px 60px 0px;
}
#sec h4 {
  color: #c24569;
  font-family: "Cookie", cursive;
  font-size: 35px;
}
#sec p {
  font-size: 15px;
  text-align: justify;
  color: #000;
  line-height: 25px;
}
#box1 {
  padding-left: 0px;
}
#box2 {
  padding-left: 0px;
}
#box1 img {
  width: 100%;
  min-height: 145px;
}
#box2 {
  margin-top: 15px;
}
span.m-list {
  display: none;
}
#box2 img {
  width: 100%;
  min-height: 145px;
}
#box p {
  font-size: 25px;
  color: #000;
  text-align: center;
}
#box p span {
  color: #c24569;
}
.hvrbox .hvrbox-layer_slideup {
  -moz-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}
.hvrbox:hover .hvrbox-layer_slideup,
.hvrbox.active .hvrbox-layer_slideup {
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.hvrbox,
.hvrbox * {
  box-sizing: border-box;
}
.hvrbox {
  position: relative;
  display: inline-block;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}
.hvrbox img {
  max-width: 100%;
}
.hvrbox .hvrbox-layer_bottom {
  display: block;
}
.hvrbox .hvrbox-layer_top {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 93%;
  height: 100%;
  background: #c2456996;

  padding: 15px;
  -moz-transition: all 0.4s ease-in-out 0s;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.hvrbox:hover .hvrbox-layer_top,
.hvrbox.active .hvrbox-layer_top {
  opacity: 1;
}
.hvrbox .hvrbox-text {
  text-align: center;
  font-size: 13px;

  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.hvrbox .hvrbox-text_mobile {
  border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
  border-top: 1px solid rgba(179, 179, 179, 0.7);
  margin-top: 5px;
  padding-top: 2px;
  display: none;
}
.hvrbox.active .hvrbox-text_mobile {
  display: block;
}
#box1 {
  position: relative;
}
#box2 {
  position: relative;
}
.hov {
  position: absolute;
  bottom: 0%;
  right: 7%;
  left: 0;
}
.hov p {
  text-align: center;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #fff !important;
  padding: 2px !important;
  background: #c24569;
  width: 100%;
}
#box1:hover .hov {
  display: none;
}
#box2:hover .hov {
  display: none;
}

.hvrbox .hvrbox-text p {
  font-size: 13px !important;
  color: #fff !important;
  padding: 5px !important;
  border: 1px solid #fff !important;
}
.thi {
  padding: 60px 0px 60px 0px;
  background: url("bg3.png");
  background-repeat: no-repeat;
  background-position: top;
}
#tsec img {
  width: 6%;
  text-align: center;
}
#tsec {
  text-align: center;
}
#tsec1 {
  text-align: center;
  color: #fff;
}
#tsec1 h4 {
  font-size: 35px;
  font-family: "Cookie", cursive;
}
#tsec1 p {
  font-size: 15px;
}
#tsec1 p span {
  display: block;
}
#sb1 img {
  width: 100%;
}
.spad {
  padding-top: 40px;
}
#sb22 img {
  width: 100%;
  max-height: 155px;
}
#sb23 img {
  width: 100%;
  max-height: 155px;
}
#sb24 img {
  width: 100%;
}
#sb3 img {
  width: 100%;
}
#sb1 {
  padding-left: 0px;
  padding-right: 0px;
}
#sb22 {
  padding-left: 0px;
}
#sb23 {
  padding-left: 0px;
}
#sb24 {
  padding-left: 0px;
  padding-top: 15px;
}
#sb3 {
  padding-right: 0px;
  padding-left: 0px;
}
#sb21 {
  padding-right: 0px;
}
#sb1 {
  position: relative;
}
#sb1:hover .hov1 {
  display: none;
}
#sb3:hover .hov1 {
  display: none;
}
#sb22:hover .hov1 {
  display: none;
}
#sb23:hover .hov1 {
  display: none;
}
#sb24:hover .hov1 {
  display: none;
}
.content {
  position: relative;
  margin: auto;
  overflow: hidden;
}

.content .content-overlay {
  background: #ffe8e8b8;
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.content:hover .content-overlay {
  opacity: 1;
}

.content-image {
  width: 100%;
}

.content-details {
  position: absolute;
  text-align: center;
  /*padding-left: 1em;
  padding-right: 1em;*/
  color: #c24569;
  /* border: 1px solid #000; */
  border-radius: 5px;
  width: 30%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details {
  top: 50%;
  left: 50%;
  opacity: 1;
  background: #c24568;
}
.hov1 {
  position: absolute;
  bottom: 0%;
  right: 0;
  left: 0;
}
.hov1 p {
  text-align: center;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #000 !important;
  background: #fcfbf9;
  width: 100%;
  padding: 5px 0px 5px 0px;
}
.content-details p {
  padding: 5px;
  margin-bottom: 0px;
}
#sb3 {
  position: relative;
}
#sb22 {
  position: relative;
}
#sb23 {
  position: relative;
}
#sb24 {
  position: relative;
}
.fou h4 {
  color: #c24569;
  font-size: 35px;
  font-family: "Cookie", cursive;
  text-align: center;
}
.fou-h img {
  width: 6%;
  text-align: center;
}
.fou-h {
  text-align: center;
}
.fou {
  background: url("bg4.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0px 60px 0px;
}
.cake {
  text-align: center;
  margin-top: 40px;
}
.cake img {
  width: 65%;
}
.cake1 {
  text-align: center;
  margin-top: 35px;
}
.cake1 img {
  width: 65%;
}
#ca1,
#ca2,
#ca3 {
  border-right: 2px solid #fdddde;
}
#ca5,
#ca6,
#ca7 {
  border-right: 2px solid #fdddde;
}
.cake1 {
  border-top: 2px solid #fdddde;
}
.bot h5 {
  color: #000;
  font-size: 20px;
  font-weight: 500;
  margin: 20px 0px 10px 0px;
}
.bot button {
  color: #fff;
  padding: 5px;
  background: #c24569;
  border: unset !important;
}
.bot {
  text-align: center;
}
.order {
  padding: 60px 0px 60px 0px;
  background: url("bg5.png");
  background-size: cover;
}
.order1 h3 {
  font-family: "Cookie", cursive;
  color: #c24569;
  font-size: 35px;
  font-weight: 500;
}
.order1 p {
  font-size: 15px;
  color: #968a71;
  font-weight: 500;
}
.order1 {
  padding: 60px 0px 60px 0px;
}
.order1 p span {
  display: block;
}
.testi {
  background: url("tbg.png");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 60px 0px 60px 0px;
}
.testi h4 {
  color: #c24569;
  font-size: 35px;
  font-family: "Cookie", cursive;
  text-align: center;
}

#quote-carousel {
  padding: 0 10px 30px 10px;
  margin-top: 30px;
  text-align: center;
}
/* indicator position */
#quote-carousel .carousel-indicators {
  right: 50%;

  top: 100%;
}
/* indicator color */
#quote-carousel .carousel-indicators li {
  background: #c0c0c0;
}
/* active indicator */
#quote-carousel .carousel-indicators .active {
  background: #333333;
  height: 10px;
  width: 10px;
  margin-bottom: 1px;
}
.row p {
  font-size: 15px;
  color: #000;
  font-family: 'Montserrat';
  text-align: justify;
}
.carousel-control.left {
  background-image: unset !important;
}
.carousel-control.right {
  background-image: unset !important;
}
#q2 {
  float: right;
}
#q1 img,
#q2 img {
  width: 20px;
}
.foot {
  background: url("fbg.png");
  background-size: cover;
  background-repeat: no-repeat;
  padding: 40px 0px 60px 0px;
}
.af img {
  width: 100%;
}
.testi {
  position: relative;
}
.af {
  position: absolute;
  bottom: 0;
}
ul.footer-in {
  margin: 0;
  padding: 0;
  list-style-type: none;
  line-height: 30px;
}
ul.footer-in a {
  color: #fff;
  font-size: 14px;
}
.foot-q {
  color: #a42246;
  font-size: 20px;
  font-weight: 500;
}
#flogo img {
  width: 80%;
}
p.foot-pp {
  font-size: 14px;
  color: #fff;
  line-height: 30px;
}
li#secure img {
  width: 20px;
  margin-right: 8px;
}
#pay img {
  width: 70%;
  margin-top: 10px;
}
p.fadd img {
  width: 15px;
  margin-top: -3px;
  margin-right: 5px;
}
p.fadd a {
  color: #fff;
}
.footer-bot {
  border-top: 1px solid #d36d8a;
  padding: 20px 0px 20px 0px;
  background: #dc6184e3;
  color: #a42246;
}
p.des.dess {
  float: right;
}
.footer-bot a {
  color: #a42246;
}

@media only screen and (max-width: 1024px) {
  #three h1 {
    font-size: 20px;
    margin-top: 40px;
  }
  .navbar-brand img {
    width: 80%;
  }
  #hea {
    margin-top: 32px;
  }
  .navbar-inverse .navbar-nav > li > a {
    font-size: 15px;
  }
  #cart img {
    margin-top: 43px;
    width: 50%;
  }
  .nav > li > a {
    padding: 10px 5px;
}
  .hov {
    right: 15px;
  }
  #sec p {
    color: #000;
    font-weight: 500;
  }
  #sb24 img {
    max-height: 100%;
  }
  #sb23 img {
    width: 100%;
    min-height: 100%;
  }
  .order1 {
    padding: 30px 0px 30px 0px;
  }
  #flogo img {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 768px) {
  #box1 {
    padding-top: 15px;
  }
  #box img {
    max-height: 200px;
  }
  .thi {
    background-size: cover;
  }
  .second-h {
    background-size: cover;
  }
  .spad img {
    max-height: 200px;
  }
  #sec h4 {
    text-align: center;
  }
  .spad {
    text-align: center;
  }
  #sb1 img {
    width: 50%;
  }
  .hov1 p {
    background: #fff;
    width: 40%;
    color: #000 !important;
    margin: 0 auto;
}
  #sb22 img,
  #sb23 img {
    width: 52%;
    margin-top: 15px;
  }
  #sb24 img {
    width: 52%;
  }
  #sb3 img {
    width: 50%;
    margin-top: 15px;
  }
  .fou img {
    max-height: 200px;
  }
  .cake img {
    width: 30%;
  }
  #ca1,
  #ca2,
  #ca3 {
    margin-bottom: 20px;
  }
  #ca5,
  #ca6,
  #ca7 {
    margin-bottom: 20px;
  }
  .row{
    margin: 0px;
  }
  .cake1 {
    margin-top: 10px;
  }
  .navbar-brand img {
    width: 32%;
    margin-left: 190px;
  }
  #three h1 {
    font-size: 15px;
  }
  .navbar-inverse .navbar-nav > li > a {
    font-size: 14px;
  }
  .nav > li > a {
    padding: 10px 10px;
  }
  #three h1 {
    font-size: 25px;
  }
  #hea {
    margin-top: 0px;
  }
  #cart img {
    margin-top: 10px;
    width: 75%;
  }
  #flogo {
    text-align: center;
    margin-bottom: 20px;
  }
  .af {
    bottom: -1px;
  }
  #flogo img {
    width: 20%;
  }
  .testi {
    padding: 40px 0px 40px 0px;
  }
  .order {
    padding: 40px 0px 40px 0px;
  }
  .fou {
    padding: 40px 0px 40px 0px;
  }
  .thi {
    padding: 40px 0px 40px 0px;
  }
  .second-h {
    padding: 40px 0px 40px 0px;
  }
  .foot {
    padding: 0px 0px 30px 0px;
  }
  /* css new */
  #home-page .section-one {
    padding: 2rem 4rem!important;
}
.block-1 {
  padding-bottom: 40px;
  text-align: center;
}
.contact h6{
  text-align: center;
}
.top-bar .top-bar-dynamic-section {
  display: flex;
  align-items: center;
  justify-content: center!important;
  margin-top: 10px;
}
.nav-bar {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.nav-bar .logo img {
  width: 12%!important;
}
.top{
  margin-top: 0px!important;
}
.about-inner-welcome {
  margin-bottom: 30px;
}
.in-abou {
  padding: 0rem 4rem;
}
h2.abt-txt {
  font-size: 30px !important;
}
.breadcrumb {
  font-size: 12px;
}
.breadcrumb li a{
  font-size: 12px;
}
.desserts, .gift-img, .contacts {
  padding: 1rem 4rem;
  /* overflow: hidden; */
}
.addr h3, .ghu{
  font-size: 22px;
}
footer .important h5, footer .safe-payments h5, footer .our-services h5, footer .get-in-touch h5 {
  font-size: 13px !important;
  color: #fff !important;

}
footer .safe-payments ul li img{
  display: none;
}
footer .copy-right .block-1 {
  text-align: center !important;
  padding-bottom: 0px;
}
footer .copy-right .block-2{
  margin-top: 5px;
  text-align: center !important;
}
}
@media only screen and (max-width: 767px) {
  span.m-list {
    /*display: block;*/
    display: inline !important;
    color: #043b2c;
    font-size: 20px;
    margin-right: 5px;
    font-weight: 600;
  }
  #box {
    text-align: center;
  }
  #box1 img {
    width: 50%;
  }
  .hov p {
    text-align: center;
    background: #c24569;
    width: 50%;
    margin-left: 173px;
  }
  #box2 img {
    width: 50%;
  }
  .thi {
    margin-top: -35px;
  }
  .order1 {
    padding: 10px 0px 10px 0px;
    text-align: center;
  }
  .foot {
    text-align: center;
  }
  #pay img {
    width: 20%;
  }
  p.fott {
    text-align: center;
  }
  p.des.dess {
    float: unset;
    text-align: center;
  }
  ol.carousel-indicators {
    display: none;
  }
  .navbar-toggle {
    float: unset;
  }
  .navbar-inverse .navbar-toggle:focus,
  .navbar-inverse .navbar-toggle:hover {
    background-color: unset !important;
  }
  .navbar-inverse .navbar-toggle {
    border-color: unset !important;
  }
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    border-color: unset !important;
    border: unset !important;
  }
  a.closebtn {
    display: block !important;
  }
  .navbar-inverse .navbar-nav > li > a:hover {
    color: #000;
  }
  .overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;

    background-color: #c24569;
    overflow-x: hidden;
    transition: 0.5s;
  }

  .overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
  }

  .overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 20px;
    color: #fff;
    display: block;
    transition: 0.3s;
  }

  .overlay a:hover,
  .overlay a:focus {
    color: #fff;
  }

  .overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 35px;
  }
  .navbar-inverse .navbar-nav > .active > a {
    color: #fff;
  }
  .navbar-inverse .navbar-nav > li > a {
    color: #fff;
  }
}
@media only screen and (max-width: 425px) {
  .addr_fields_holder_sing_1 input[type="text"] {
    width: 100%;
    font-family: "Montserrat", sans-serif;
    padding-left: 5px;
    margin-bottom: 20px;
    font-size: 15px;
}
.nav-bar{
  margin-bottom: 0px !important;
}
  #three h1 {
    font-size: 20px;
    margin-top: 0px;
  }
  #one {
    text-align: center;
  }
  .navbar-brand img {
    width: 25%;
    margin-left: 140px;
  }
  .top img {
    margin-top: -15px;
  }
  .testi {
    padding: 20px 0px 20px 0px;
  }
  .order {
    padding: 20px 0px 20px 0px;
  }
  .fou {
    padding: 20px 0px 20px 0px;
  }
  .thi {
    padding: 20px 0px 20px 0px;
  }
  .second-h {
    padding: 20px 0px 60px 0px;
    background-position: bottom;
  }
  .foot {
    padding: 0px 0px 20px 0px;
  }
  #sec h4 {
    font-size: 25px;
  }
  #sec p {
    font-size: 14px;
  }
  #box p {
    font-size: 20px;
  }
  #box1 img {
    width: 100%;
  }
  #box2 img {
    width: 100%;
  }
  .hov p {
    width: 100%;
    margin-left: unset !important;
  }
  #box1,
  #box2 {
    padding-left: 0px;
    padding-right: 0px;
  }
  .hov {
    right: 0px;
  }
  #tsec img {
    width: 20%;
  }
  #tsec1 h4 {
    font-size: 25px;
  }
  #tsec1 p {
    font-size: 14px;
  }
  #tsec1 p span {
    display: unset;
  }
  .spad {
    padding-top: 10px;
  }
  #box {
    padding-right: 0px;
    padding-left: 0px;
  }
  #sb1 img {
    width: 100%;
  }
  .hov1 p {
    background: #fcfbf9 !important;
    color: #000 !important;
  }
  #sb22 img,
  #sb23 img,
  #sb24 img,
  #sb3 img {
    width: 100%;
  }
  #sb22 {
    padding-right: 0px;
  }
  #sb21 {
    padding-left: 0px;
  }
  #sb23,
  #sb24 {
    padding-right: 0px;
  }
  .fou-h img {
    width: 20%;
  }
  .fou h4 {
    font-size: 25px;
  }
  .bot h5 {
    font-size: 18px;
  }
  .cake1 {
    border-top: unset !important;
  }
  .order1 h3 {
    font-size: 25px;
  }
  .order1 p {
    font-size: 14px;
  }
  .testi h4 {
    font-size: 25px;
  }
  .row p {
    font-size: 14px;
  }
  .af {
    bottom: -4px;
  }
  #ca5,
  #ca6,
  #ca7 {
    border-right: unset !important;
  }
  #ca1,
  #ca2,
  #ca3 {
    border-right: unset !important;
  }
  .cart-page{
    padding-top: 30px;
    width: 100%;
    margin: 0 auto;
  }
  .cat_disp_web h3 {
    font-size: 15px !important;
}
}
@media only screen and (max-width: 425px){
  #home-page .section-one .block-2 h2 {
    text-align: center;
    font-size: 26px !important;
    padding-bottom: 1rem;
}
.slick-dots{
  bottom: -25px !important;
}
footer .footer-nav {
  background-color: #d35e81;
  padding-top: 10px;
  margin-top: -5px;
}
.detail_frame {
  margin-top: 30px;
}
.navbar-default .navbar-toggle .icon-bar {
  background: #fff !important;
}
.desk-menu-h .active a {
  color: #121212 !important;
  font-weight: 500;
  background: #fff;
}
.nav > li > a {
  padding: 10px 5px;
  color: #fff!important;
}
  .header-new-menu{
    display: block !important;
    height: auto !important;
  }
  .my-menu-new li {
    border-top: unset;
}
.summery-cake {
  width: 100% !important;
  margin: 0 auto;
}
.navbar-toggle{
    float: right;
}
.spad {
  width: 70%;
  margin: 0 auto;
}
#home-page .section-three .underline img, #home-page .section-two .underline img {
  width: 30% !important;
}
#home-page .section-one .block-2 .image-block h5{
  font-size: 14px !important;
}
.cake-summ-inner-in {
  padding: 10px;
  /* border: 1px solid #ddd; */
  background: #fff !important;
}
.desserts, .gift-img, .contacts{
  padding: 0px;
}
/* footer */
footer .logo img {
  width: 30% !important;
}
footer .footer-nav{
  text-align: center;
}
footer .safe-payments ul img {
  width: 30% !important;
}
footer .important h5, footer .safe-payments h5, footer .our-services h5, footer .get-in-touch h5 {
  font-size: 20px !important;
  color: #fff !important;
}
#home-page .section-one {
  padding: 2rem 2rem!important;
}
.contact h6 {
  font-size: 14px!important;
}
.top-bar .contact h6 a {
  font-size: 14px!important;
}
.nav-bar .logo img {
  width: 20%!important;
}
.nav-bar .logo h1{
  font-size: 20px !important;
}
.header-new-menu {
  background: #FF0033;
}
p.menu-h.text-center {
  color: #fff;
}
footer .full-image {
  padding: 8px !important;
  background-size: cover !important;
  background-repeat-y: no-repeat !important;
}
#home-page .section-one .image-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column!important;
  gap: 10px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  background-color: transparent !important;
  color: #fff !important;
}
.desk-menu-h .dropdown-menu li a {
  color: #000 !important;
  padding: 4px 15px;
  transition: all 0.8s ease;
  font-size: 12px;
  background: #FFCCCC;
}
.top {
  padding: 7px !important;
  background-size: cover !important;
}
.fixed {
  position: unset;
  width: 100% !important;
  height: 100% !important;
  margin-bottom: 0px !important;
}
.form-group .input-group {
  width: 60%;
}
.special_featrure {
  padding-left: 0px;
  display: inline-block;
}
.form-group button.btn.btn-danger, .form-group button.btn.btn-success{
  background-color: #FF0033 !important;
}
.flav_box_web input[type=radio] + label, .productt-det input[type=radio] + label{
  font-size: 12px!important;
}
#home-page .section-one .underline img {
  width: 50% !important;
}
#home-page .section-one .block-1 h2 {
  font-size: 25px !important;
}
#home-page .section-two .title h2{
  text-align: center;
  font-size: 30px;
  color: #fff;
  margin: 0rem 0px 1rem !important;
}
#home-page .section-three .title h2{
  margin: 0rem 0px 1rem !important;
  font-size: 30px;
}
#home-page .section-four {
  padding: 2rem 2rem !important;
  text-align: center;
}
#home-page .section-five{
  padding: 2rem !important;
}
#home-page .section-five .slick-slider {
  width: 100% !important;
  margin: 0rem auto !important;
  text-align: center;
}
#home-page .section-five .underline img {
  width: 26% !important;
}
.top-bar .top-bar-dynamic-section {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column !important;
}
}


@media only screen and (max-width: 375px) {
  #cart img {
    width: 100%;
  }
  #pay img {
    width: 30%;
  }
  .footer-bot {
    font-size: 12px;
  }
  #flogo img {
    width: 33%;
  }
  .navbar-brand img {
    margin-left: 125px;
  }
  .af {
    bottom: -5px;
  }
  .top-bar .top-bar-dynamic-section .account-control li {
    list-style: none;
    padding: 0 8px !important;
}
.top-bar .top-bar-dynamic-section .account-control li {
  list-style: none;
  padding: 0 4px !important;
}
}
@media only screen and (max-width: 320px) {
  .af {
    bottom: -6px;
  }
  .navbar-brand img {
    margin-left: 100px;
  }
}
@media only screen and (max-width: 360px){
  footer .full-image {
    padding: 7px !important;
    background-size: contain;
    background-repeat-y: no-repeat !important;
}
.account-control li {
  font-size: 12px;
}
.top-bar .top-bar-dynamic-section .account-control li {
  list-style: none;
  padding: 0 6px !important;
}
.top-bar .row {
  margin-right: 0px;
  margin-left: 0px;
}
}
/* new Custom Css */

/* Header, Footer */
.search-bar {
  display: none !important;
}

.top-bar .contact h6 a {
  font-size: 13px;
  font-weight: 500;
  color: #e60e36;
  transition: 0.4s;
  text-decoration: none;
}
.top-bar .contact h6 a:hover {
  opacity: 0.5;
  text-decoration: none !important;
}
.top-bar .top-bar-dynamic-section {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.top-bar .top-bar-dynamic-section .account-control {
  display: flex;
}
.top-bar .top-bar-dynamic-section .account-control li {
  list-style: none;
  padding: 0 10px;
}
.nav-bar {
  margin-top: 10px;
  margin-bottom: 10px;
}
.nav-bar .logo {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  transition: 0.4s;
}
.nav-bar .logo:hover {
  text-decoration: none !important;
  opacity: 0.7;
}
.nav-bar .logo img {
  width: 30%;
}
.nav-bar .logo h1 {
  text-transform: uppercase;
  font-size: 25px;
  color: #e60e36;
  font-weight: 700;
}
.header-new-menu {
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: flex-end !important;
}
.contact h6 {
  font-size: 13px;
}
footer {
  position: relative;
}
footer .full-image {
  /* background-image: linear-gradient(to bottom, #ffc0cba1 70%, #d35e81 0%);
  background-color: #fff!important; */
  background-image: url("https://uat.thecakeshop.co.in/assets/images/image01/htop21.png");
  padding: 10px;
  background-size: contain;
  background-repeat-y: repeat;
}
footer .full-image img {
  width: 100%;
  background-color: #ffffff;
}
footer .footer-nav {
  background-color: #d35e81;
  padding-top: 80px;
}
footer .logo img {
  width: 75%;
}
footer .important h5, footer .safe-payments h5, footer .our-services h5, footer .get-in-touch h5 {
  font-size: 20px;
  font-weight: 600;
  font-family: 'Montserrat';
  margin-bottom: 10px;
  color: #ffffff;
}
footer .important ul,
footer .safe-payments ul,
footer .our-services ul,
footer .get-in-touch ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
footer .important ul li a,
footer .safe-payments ul li a,
footer .our-services ul li a,
footer .get-in-touch ul li,
footer .get-in-touch ul li a {
  color: #fff;
  text-decoration: none!important;
  margin-top: 10px;
  font-weight: 500;
  font-size: 14px;
  font-family: 'Montserrat';
}
footer .safe-payments ul img{
  width: 60%;
}
footer .safe-payments ul li img{
  width: 8%;
}
footer  .copy-right{
  border-top: 1px solid #ffffff67;
  margin-top: 1rem;
}
footer  .copy-right{
  padding: 1rem 0;
}
footer  .copy-right .block-1{
  text-align: left;
  color: #ffffff;
  font-size: 12px;
}
footer  .copy-right .block-2{
  text-align: right;
  color: #ffffff;
  font-size: 12px;
  
}
footer  .copy-right .block-2 a{
  color: #ffffff;
  font-weight: 600;
  font-size: 12px;
  text-decoration: none!important;
  
}
/* Home Page */
.top {
  background-image: url("https://uat.thecakeshop.co.in/assets/images/image01/htop2.png");
  padding: 13px;
  background-size: contain;
  margin-top: -10px;
  width: 100%;
  margin-bottom: 15px;
  background-repeat-y: repeat;
}

#home-page .section-one {
  /* background-image: url("../images/image01/sbg.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; */
  padding: 2rem 0;
}
#home-page .section-one .underline {
  text-align: left;
}
#home-page .section-one .underline img {
  width: 30%;
}
#home-page .section-one .block-1 h2 {
  color: #c24569;
  font-family: 'Noto Serif NP Hmong', serif;
  font-size: 30px;
  padding: 1rem 0;
  font-weight: bolder;
}
#home-page .section-one .block-1 p {
  line-height: 30px;
  font-family: 'Montserrat';
}
#home-page .section-one .image-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#home-page .section-one .block-2 h2 {
  text-align: center;
  font-size: 30px;
  padding-bottom: 1rem;
  font-family: 'Noto Serif NP Hmong', serif;
  font-weight: bolder;
}
#home-page .section-one .block-2 h2 span {
  color: #c24569;
  font-family: 'Noto Serif NP Hmong', serif;
}
#home-page .section-one .image-box img {
  width: 95%;
  height: 100%;
}
#home-page .section-one .block-2 .image-block {
  position: relative;
  overflow: hidden;
}
#home-page .section-one .block-2 .image-block h5 {
  position: absolute;
  background: #c24569;
  color: #fff;
  width: 95%;
  height: 30px;
  /* text-align: center; */
  bottom: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 600;
}
#home-page .section-one .block-2 .image-block:hover h5 {
  display: none;
}
#home-page .section-one .block-2 .image-block a {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #c24568ab;
  width: 95%;
  height: 98%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 50px;
  color: #fff;
  font-weight: 600;
  opacity: 0;
  transition: 0.4s;
}
#home-page .section-one .block-2 .image-block:hover a {
  opacity: 1;
  text-decoration: none !important;
}
#home-page .section-two {
  background-image: url("../images/image01/bg3.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 2rem 0;
}
#home-page .section-two .underline {
  text-align: center;
}
#home-page .section-two .underline img {
  width: 10%;
}
#home-page .section-two .title h2 {
  text-align: center;
  font-weight: 800;
  font-size: 30px;
  color: #fff;
  /* font-family: "Kalam", cursive; */
  font-family: 'Noto Serif NP Hmong', serif;
  margin: 1rem 0;
}
#home-page .section-two .content p {
  text-align: center;
  color: #fff;
  font-family: 'Montserrat';
}
#home-page .section-two .images-block img {
  width: 75%;
}
#home-page .section-two .block-1 {
  display: flex;
}
#home-page .section-two .block-1 img {
  /* width: 100%; */
}
#home-page .section-three {
  background-image: url("../images/image01/sec4.png");
  background-position: center left;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 2rem 0;
}
#home-page .section-three .underline {
  text-align: center;
}
#home-page .section-three .underline img {
  width: 10%;
}
#home-page .section-three .title h2 {
  text-align: center;
  font-weight: bolder;
  font-size: 30px;
  /* color: #fff; */
  font-family: 'Noto Serif NP Hmong', serif;
  /* font-family: 'Overlock SC', cursive; */
  margin: 1rem 0;
}
#home-page .section-three .cake-block {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
  margin: 2rem 0;
}
#home-page .section-three .cake-block img {
  width: 70%;
}
#home-page .section-three .cake-block h5 {
  font-size: 24px;
  font-weight: 700;
  /* font-weight: 500; */
  text-transform: uppercase;
  font-family: 'Noto Serif NP Hmong', serif;
}
#home-page .section-three .cake-block a {
  padding: 5px 50px;
  background-color: #c24568ab;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
#home-page .section-four {
  background-image: url("../images/image01/bg5.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 4rem 0;
}
#home-page .section-four .title h2 {
  /* text-align: center; */
  /* font-weight: 600; */
  font-size: 30px;
  color: #c24568ab;
  /* font-family: "Kalam", cursive; */
  font-family: 'Noto Serif NP Hmong', serif;
  font-weight: bolder;
  margin: 2rem 0;
}
#home-page .section-five {
  /* background-image: url("../images/testimonial-bg.png"); */
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 4rem 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#home-page .section-five .underline {
  text-align: center;
}
#home-page .section-five .underline img {
  width: 6%;
}
#home-page .section-five .title h2 {
  color: #c24569;
  /* font-family: "Kalam", cursive; */
  font-family: 'Noto Serif NP Hmong', serif;
  font-weight: bolder;
  font-size: 30px;
  padding: 1rem 0;
  text-align: center;
}
#home-page .section-five .slick-slider {
  width: 75%;
  margin: 2rem auto;
  text-align: center;
}
#home-page .section-five .slick-dots li {
  margin: 0;
}
#home-page .section-five .slick-dots li button:before {
  font-size: 12px;
}
.fast_cake
{
  width: 100%;
  height: 263px;
}

@media only screen and (max-width: 1024px){
  .top {
    background-repeat-y: no-repeat;
}
footer .important h5, footer .safe-payments h5, footer .our-services h5, footer .get-in-touch h5 {
  font-size: 17px;
}
footer .important ul li a, footer .safe-payments ul li a, footer .our-services ul li a, footer .get-in-touch ul li, footer .get-in-touch ul li a {
  font-size: 12px;
}
}
@media only screen and (max-width: 768px){
  #home-page .section-four {
    padding: 4rem 4rem;
}
}

.total_chkout_frame p {
  font-family: 'Noto Serif NP Hmong', serif;
}

.cart-page {
  padding-top: 30px;
}

.total_chkout_frame p b {
  font-size: 14px;
}

/* my account */

.left_list_frame {
  padding: 40px 0px !important;
}
.frame_right p {
  color: #000;
  font-size: 20px;
  font-family: 'Montserrat';
  font-weight: 700;
}
.frame_right h2{
  color: #e9284a;
}
.frame_right ul li a{
  color: #000;
  text-decoration: none;
  margin-bottom: 10px;
}
a.text-link {
  color: #000 !important;
  text-decoration: none!important;
}
.detail_frame b, .qty_frame b, .deliverydate_frame b, .tot_frame b {
  font-size: 14px;
  color: #c35c13;
}

/* cartpage */

.detail_frame h3 {
  text-align: center;
  font-size: 24px;
  color: #FF0033;
  font-weight: 800;
  text-shadow: 1px 1px #6c6c6c;
  margin-top: 15px;
  margin-bottom: 20px;
}
.image_frame.nopad {
  margin-bottom: 30px;
}
.summery-cake{
  width: 50%;
  margin: 0 auto;
}
p.cart-remove{
  text-align: end;
}
p.cart-remove span {
  margin-left: 10px;
}
p.cart-remove i{
  color: #FF0033;
  cursor: pointer;
}

.linkk h3 {
  color: #FF0033;
  font-weight: 600;
  margin-bottom: 10px;
}

/* contact page */
.addr h3, .ghu {
  font-family: "Montserrat", sans-serif;
  color: #FF0033;
  font-weight: 600;
  font-size: 25px;
  padding-bottom: 15px;
}
.form-group .input-group {
  width: 100%!important;
}
a.bakers-pro i {
  font-size: 15px!important;
}

p.desserts-name-desc a {
  padding: 10px 20px;
  text-decoration: none;
  color: #040404;
  font-weight: 700;
  font-size: 16px;
  border: 1px solid rgb(156, 156, 156);
}
p.desserts-name-desc {
  margin-bottom: 15px;
}
p.desserts-name-desc a:hover{
  text-decoration: none !important;
  background-color: #000;
  color: #fff;
}
.tcf_13 p span i {
  margin-right: 5px;
  font-size: 14px;
}
.tcf_1 i {
  color: #FF0033;
  font-size: 18px;
}
span#final_total {
  font-size: 22px;
  color: #FF0033;
}
.tcf_1{
  font-family: 'Gill Sans', 'Gill Sans MT';
}
.tcf_1 h3 {
  color: #000;
  font-weight: 800;
}