body{ width: 100%; padding: 0; margin: 0; background: #fff; font-family: "Roboto", sans-serif; }
h1, h2, h3, h4, h5, h6, p{ padding: 0; margin: 0; font-family: "Roboto", sans-serif; }
ul{ padding: 0; margin: 0; }
li{ list-style: none; font-family: "Roboto", sans-serif; }
a{ text-decoration: none !important ; outline: none !important ; color: red; font-family: "Roboto", sans-serif; }
*{ padding: 0; margin: 0; font-family: "Roboto", sans-serif;  }
.container{ width: 95%; }
.mobile-head { display: none;}
.mobile-head .mobile-nav-tab #menu ul li a{color: #fff;}
.mobile-head .mobile-nav-tab #menu ul{ display: none;}
/*Header Top*/
.header{ width: 100%; position: sticky; content: ""; top: 0; left: 0; right: 0; display: block; background: #f2f2f2; padding:  0; margin: 0; z-index: 999; border-bottom: 1px solid #000000c7; }

/*.header { position: fixed;
  width: 100%;
  background: none;
  padding: 8px 0;
  z-index: 99;
  height: auto;
  overflow: visible !important;
  margin: 0 auto;
  top: 0;
  left: 0;
 }*/



.header .header-top{ width: 100%; position: relative; z-index: 9999; display: block; background: linear-gradient(145deg, #ecf7ff 20%, #e6f3ff 70%); padding: 15px 0; margin: 0;  text-align: center; }

/*.header .header-top .header-logo{ width: 26%; margin: 0; display: block; padding: 6px 0; float: right; }*/
.header .header-top .header-logo {
  width: 13%;
  margin: 0;
  display: block;
  padding: 0;
  float: left;
  position: absolute;
  content: "";
  top: -5px;
}

.header .header-top .header-logo-middle{ width: 26%; margin: 0; display: block; padding: 12px 0 0; float: right; position: relative; /*margin: 0 60px 0 0;*/ }
.header .header-top .header-logo img{ width: 100%;  }

/*Search*/

.header .header-top .search{ width: 38%; float: left; padding: 5px 0; margin: 0; text-align: right; }
.header .header-top .search button.openBtn{ font-size: 14px; line-height: 24px; outline: none; background: #7bdaff4d; border: none; padding: 5px 0; margin: 0; color: #000; text-transform: capitalize; border-radius: 30px; box-shadow: 1px 1px 5px #9bd8fc; width: 70%; }
.header .header-top .search button.openBtn i{ font-size: 16px; padding: 0 10px 0 0; }
.header .header-top .search .overlay { height: 110px; width: 100%; display: none; position: absolute; z-index: 999999; top: 0; left: 0;  background-color: rgb(197, 235, 255);border-radius: 5px;border: 2px solid #fff;box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.06);}
.header .header-top .search .overlay span.closebtn { position: absolute; top: 20px; right: 45px; font-size: 48px; cursor: pointer; color: white; font-weight: bolder;}
.header .header-top .search .overlay span.closebtn:hover{ color: #ccc; }
.header .header-top .search .overlay .overlay-content { position: relative; top: 40%; width: 42%; text-align: center; margin-top: 30px; margin: auto;}
.header .header-top .search .overlay .overlay-content input[type=text] { width: 75%; float: left; background: #fbfbfb; outline: none; border: none; padding: 16px 30px; margin: 0; border-bottom-left-radius: 50px; border-top-left-radius: 50px; font-size: 18px; line-height: 20px; font-weight: normal; height: 60px; color: #000; }
.header .header-top .search .overlay .overlay-content button { width: 25%; background: #000; outline: none; border: none; padding: 16px 30px; margin: 0; border-bottom-right-radius: 50px; border-top-right-radius: 50px; font-size: 18px; line-height: 20px; color: #fff; font-weight: bold; float: left; height: 60px; transition: all 300ms ease-in-out; }
.header .header-top .search .overlay .overlay-content button:hover{ background: #0456be; transition: all 300ms ease-in-out; }
.header .header-top .header-add-cart{  position: relative; width: 10%; float: left; padding: 6px 0 0; margin: 0 0 0 15px; }
.header .header-top .header-add-cart a{ font-size: 14px; line-height: 15px; background: #7bdaff4d; border: none; padding: 10px; margin: 0; color: #000; text-transform: capitalize; border-radius: 30px; box-shadow: 1px 1px 5px #9bd8fc; width: 55px; height: 34px; display: inline-block; text-align: center; }
.header .header-top .header-add-cart span.cart_no{ position: absolute; bottom: 3px; right: 9px; content: ""; font-size: 12px; line-height: 16px; color: #f00; font-weight: bold; }
.header .header-top select#currency{ width: 9%; float: left; height: 26px; border-radius: 6px; border: none; margin: 10px 0 0 10px; padding: 5px; font-size: 14px; line-height: 16px; color: #000; background: linear-gradient(145deg, #7BCAFF 20%, #99DBFF 70%); }


/*log-in*/

.header .header-top .log-in{ float: right; width: 38%; display: inline-block; text-align: center; padding: 10px 0 0; }
.header .header-top .log-in .dropdown { position: relative; display: inline-block; width: 100%; text-align: right; } 
.header .header-top .log-in .dropdown .dropbtn{border: none; outline: none; text-decoration: none; font-size: 15px; vertical-align: text-top; padding: 0; color: #000; line-height: 9px; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out; font-weight: 400; display: block; width: 100%; background: none; text-align: right; }
.header .header-top .log-in .dropdown .dropbtn i.fa{ width: 30px; height: 30px; border-radius: 50px; padding: 5px; background: linear-gradient(145deg, #7BCAFF 20%, #99DBFF 70%); color: #000; font-size: 15px; line-height: 19px; margin: 0 0 0 10px; text-align: center; }
.header .header-top .log-in .dropdown .dropbtn:hover { transition: all 300ms ease-in-out;  }
.header .header-top .log-in .dropdown .dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 190px; box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%); z-index: 1; transition: color 0.25s ease-in-out, border-radius: 4px 0px 4px 4px; background-color: #333; right: 0px; background: linear-gradient(145deg, #C6EBFF 20%, #e6f3ff 70%); }
.header .header-top .log-in .dropdown-content ul.log-sing { margin: 0; list-style-type: none; z-index: 100; width: 100%; float: left; padding: 4px 0 10px; border-top: 5px solid #99dbff; }
.header .header-top .log-in .dropdown-content ul.log-sing li { float: left !important; width: 100%; text-align: left !important; margin: 0;  }
.header .header-top .log-in .dropdown-content ul.log-sing li a { width: 100%; display: block; line-height: 32px; color: #000; font-size: 13px; text-decoration: none; border-radius: 0px !important; padding: 0 0 0 20px; transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border-color 0.25s ease-in-out; font-weight: bold; text-transform: uppercase; }
.header .header-top .log-in .dropdown-content ul.log-sing li a i { margin-right: 15px; font-size: 14px; line-height: 30px; color: #000; }
.header .header-top .log-in .dropdown .dropdown-content a:hover {background: linear-gradient(145deg, #99dbff 4%, #3395cb 70%); transition: all 300ms ease-in-out; color: #fff; }
.header .header-top .log-in .dropdown:hover .dropdown-content { display: block; }

/*Header Bottom Start*/
.header .header-bottom{ width: 100%; position: relative; background: #fff; display: block; padding: 15px 0 0; margin: 0;}
.header .header-bottom menu{ width: 100%; }
.sf-menu li { display: inline-block; float: none; padding: 0 5px; margin: 0; }
.sf-menu a { position: relative; display: block; text-align: center; background: none; border-radius: 30px; transition: .5s; color: #000; border: none; padding: 10px 5px 15px; margin: 0 10px; font-size: 15px; line-height: 18px; text-transform: uppercase; font-weight: bold; }

/*Banner Slider Start*/
.banner{ width: 100%; position: relative; display: block; overflow: hidden; background: #fff; padding: 0; margin: 0; height: 600px;}
.banner img{ width: 100%; opacity: 0.9; padding: 0; margin: 0; height: 600px;}
.banner .taxture-dot{ background-image: url(../images/texture.png); background-repeat: repeat; background-position: center center; opacity: 0.2; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 4; }

/*Inner Banner*/
.inner-banner{ width: 100%; position: relative; display: block; background: #000; padding: 0; margin: 0; height: 300px; }
.inner-banner img{ width: 100%; height: 100%; object-fit: cover; }

/*.pageloadPupup{}
.pageloadPupup .modal-dialog { width: 600px; margin:30px auto; background: #fff; overflow: hidden; border-radius: 10px;}
.pageloadPupup .modal-content{background: #fff; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.85); background: #fff; border-radius: 10px;}
.pageloadPupup .modal-header{background: #fff;
padding: 15px 0 10px;}
.pageloadPupup .modal-header img{width: 40%; margin: 0 auto; display: block;}
.modal-header .close { margin-top: -15px; margin-right: 15px; }
.close {float: right;font-size: 30px;font-weight: bold;line-height: 1;color: #00000080;text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20);opacity: 1;}
.pageloadPupup .modal-body{ width: 100%; display: inline-block; padding: 30px; margin: 0; background: #cccccc24; }
.pageloadPupup .modal-body .modal-images{ width: 100%; padding: 10px 10px 0; margin: 0; border: 1px solid #ccc; }
.pageloadPupup .modal-body .modal-images ul{ padding: 0; margin: 0; }
.pageloadPupup .modal-body .modal-images ul li{ padding: 0; margin: 0 0 10px; }
.pageloadPupup .modal-body .modal-images ul li img{ width: 100%; }
.pageloadPupup .modal-body .modal-enquary{ width: 100%; padding: 0; margin: 0 auto; display: block; background: #00000094; border: 1px solid #479feb75; box-shadow: 0 0 10px #353535; overflow: hidden; }
.pageloadPupup .modal-body .modal-enquary h3{ font-size: 24px; line-height: 30px; color: #fff; background: linear-gradient(145deg, #0372bb 20%, #69b4f6 70%); text-align: center; padding: 10px 0; margin: 0; font-weight: bold; text-transform: capitalize; border-bottom: 3px solid #34bedb; }
.pageloadPupup .modal-body .modal-enquary form{ width: 100%; padding: 0; margin: 0; display: inline-block; }
.pageloadPupup .modal-body .modal-enquary form .modal-enquary-form{ width: 46.2%; float: left; padding: 0; margin: 10px; }
.pageloadPupup .modal-body .modal-enquary form .modal-enquary-form label{ width: 100%; font-size: 16px; line-height: 18px; color: #4c4c4a; padding: 0 0 10px; margin: 0;  }
.pageloadPupup .modal-body .modal-enquary form .modal-enquary-form input{ width: 100%; font-size: 15px; line-height: 18px; color: #000; padding: 8px 10px; margin: 0; outline: none; background: #fff; border: 1px solid #cccccc7a; box-shadow: 2px 2px 5px #cccccc42; }
.pageloadPupup .modal-body .modal-enquary form .modal-enquary-form select{ width: 100%; font-size: 15px; line-height: 18px; color: #4c4c4a; padding: 8px 10px; margin: 0; border: 1px solid #cccccc7a; border-radius: 6px; outline: none; background: #fff; box-shadow: 2px 2px 5px #cccccc42; }
.pageloadPupup .modal-body .modal-enquary form .requirements{ width: 100%; padding: 0; margin: 10px; }
.pageloadPupup .modal-body .modal-enquary form .requirements label{ width: 100%; font-size: 16px; line-height: 18px; color: #000; padding: 0 0 10px; margin: 0;  }
.pageloadPupup .modal-body .modal-enquary form .requirements textarea{ width: 96%; height: 100px; font-size: 16px; line-height: 18px; color: #000; padding: 10px; margin: 0; border: 1px solid #ccc; border-radius: 6px; outline: none; background: none; }
.pageloadPupup .modal-body .modal-enquary form .checkbox{ width: 100%; }
.pageloadPupup .modal-body .modal-enquary form .checkbox input{ width: 5%; float: left; position: absolute; content: ""; top: 2px; }
.pageloadPupup .modal-body .modal-enquary form .checkbox a{ font-size: 16px; line-height: 18px; color: #4c4c4a; padding: 0 0 0 30px; margin: 0; }
.pageloadPupup .modal-body .modal-enquary form .enquary-btn{ width: 100%; padding: 0; margin: 0; }
.pageloadPupup .modal-body .modal-enquary form .enquary-btn input[type="submit"]{ position: relative; transition: all 0.3s ease-in-out; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2); padding-block: 0.5rem; padding-inline: 1.25rem; background-color: #0372bb; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #ffff; gap: 10px; font-weight: 400; border: 3px solid #ffffff38; overflow: hidden; font-size: 15px; width: 30%; padding: 10px 0; margin: 15px auto; border-radius: 5px; display: block;}
.pageloadPupup .modal-body .modal-enquary form .enquary-btn input[type="submit"] i.icon { width: 28px; height: 28px; transition: all 0.3s ease-in-out; background: #fff; color: #0372bb; text-align: center; line-height: 28px; border-radius: 70px; }
.pageloadPupup .modal-body .modal-enquary form .enquary-btn input[type="submit"]:hover { transform: scale(1.05); border-color: #fff9; color: #ffff; }
.pageloadPupup .modal-body .modal-enquary form .enquary-btn input[type="submit"]:hover i.icon {
  transform: translate(4px);
}
.pageloadPupup .modal-body .modal-enquary form .enquary-btn input[type="submit"]:hover::before {
  animation: shine 1.5s ease-out infinite;
}
.pageloadPupup .modal-body .modal-enquary form .enquary-btn input[type="submit"]::before {
  content: "";
  position: absolute;
  width: 100px;
  height: 100%;
  background-image: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 30%,
    rgba(255, 255, 255, 0.8),
    rgba(255, 255, 255, 0) 70%
  );
  top: 0;
  left: -100px;
  opacity: 0.6;
}*/

/*Inner About Start*/

.about{ width: 100%; padding: 40px 0; margin: 0; display: inline-block; position: relative; background: #fff; }
.about .about-text-block{ width: 100%; padding: 0;0 margin: 0; }
.about .about-text-block h4{ font-size: 16px; line-height: 24px; color: #000; padding: 0 0 30px; margin: 0; text-transform: uppercase; letter-spacing: 3px; font-weight: bold; }
.about .about-text-block p{ font-size: 16px; line-height: 26px; padding: 0 0 15px; margin: 0; text-align: justify; color: #000; }
.about .about-image-block{ width: 100%; padding: 0; margin: 0; }
.about .about-image-block img{ width: 100%; }

/*Mission & Vision*/
/*.mission-vision{ width: 100%; position: relative; display: block; background: #fff; padding: 60px 0; margin: 0; }
.mission-vision h2{ font-size: 60px; line-height: 70px; color: #4c4c4a; padding: 0 0 30px; margin: 0; }
.mission-vision .mv-block{ width: 100%; padding: 0; margin: 0; background: #fff; }
.mission-vision .mv-block img{ width: 100%; }
.mission-vision .mv-block h4{ font-size: 40px; line-height: 50px; color: #4c4c4a; padding: 0 0 15px; margin: 0; }
.mission-vision .mv-block p{ font-size: 16px; line-height: 26px; padding:  0; margin: 0; text-align: justify; color: #2b2b2b; font-weight: 500; }*/



.mission{ width: 100%; padding: 40px 0; margin: 0; display: inline-block; position: relative; background: #f7f7f7; }
.vision{  background: #fff; }
.mission h4{ font-size: 16px; line-height: 24px; color: #000; padding: 0 0 30px; margin: 0; text-align: center; text-transform: uppercase; letter-spacing: 3px; font-weight: bold; }
.mission p{ font-size: 16px; line-height: 26px; padding: 0 0 15px; margin: 0; text-align: center; color: #000; }



/*Yoga Start*/
.yoga{ width: 100%; padding: 40px 0; margin: 0; display: block; background: #fff; }
.yoga h4{ font-size: 16px; line-height: 24px; color: #000; padding: 0 0 30px; margin: 0; text-align: center; text-transform: uppercase; letter-spacing: 3px; font-weight: bold; }
.yoga .yoga-block{ width: 100%; padding: 15px; margin: 0 0 30px; border: 1px solid #ccc6; background: #f7f7f7a8; transition: all 400ms ease-in-out; }
.yoga .yoga-block .yoga-img{ width: 100%; padding: 0; margin: 0;  }
.yoga .yoga-block:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); transition: all 400ms ease-in-out; }
.yoga .yoga-block .yoga-img img{ width: 100%; }
.yoga .yoga-block h3{ font-size: 16px; line-height: 24px; color: #000; padding: 15px 0 0; margin: 0; text-transform: uppercase; letter-spacing: 1.2px; height: 64px; }

/*Categories*/
.category{ width: 100%; padding: 40px 0; margin: 0; display: inline-block; position: relative; background: #fff; }
.best-seller{ background: #f7f7f794; }
.category h4{ font-size: 16px; line-height: 24px; color: #000; padding: 0 0 30px; margin: 0; text-align: center; text-transform: uppercase; letter-spacing: 3px; font-weight: bold; }
.category .category-nav{ width: 100%; padding: 0; margin: 0 0 30px; text-align: center; }
.category .category-nav ul{ width: 100%; padding: 0; margin: 0; display: inline-block; }
.category .category-nav ul li{ display: inline-block; padding: 0; margin: 0; }
.category .category-nav ul li a{ display: inline-block; padding: 10px 70px; margin: 0 5px; font-size: 16px; line-height: 18px; text-align: center; color: #000; border: 1px solid #000; background: #c5ebff; box-shadow: 1px 1px 5px #44b9ff7a; }
.category .category-nav ul li a.active{ background: #5ac6ff; color: #fff; }
.category .category-nav ul li a:hover{ background: #5ac6ff; color: #fff; }

/*.category{ width: 100%; padding: 0; margin: 0; }*/
.category .item{ margin: 0 5px; }
.category .category-block{ width: 100%; padding: 15px; margin: 0 0 30px; overflow: hidden;
  position: relative; 
border: 0.5px solid #ccc;
border-radius: 5px;
}
.category .category-block .imageBefore { position: relative; padding: 0; margin: 0; height: 350px; z-index: 9; width: 100%; }
.category .category-block .imageBefore img{ width: 100%; height: 100%; object-fit: cover; }
.category .category-block .imageAfter { position: absolute; padding: 0; margin: 0; top: 0; left: 0; right: 0; height: 400px; opacity: 0; z-index: 99; width: 100%; }
.category  .category-block .imageAfter:hover{ opacity: 1; }
.category  .category-block .imageAfter img{ width: 100%; height: 250px; object-fit: cover; }
.category .category-block .categories-text-block{ width: 100%; padding: 0; margin: 0; text-align: center; }
.category .category-block .categories-text-block h4{ font-size: 16px; line-height: 26px; color: #000; padding: 6px 0 0; margin: 0; text-transform: capitalize; text-align: center; font-weight: 400; height: 95px;
  letter-spacing: 0;
  overflow: hidden; }
.category .category-block .categories-text-block h6{ font-size: 16px; line-height: 24px; color: #000; padding: 0; margin: 0; text-transform: capitalize; text-align: center; font-weight: 400; }
.category .category-block .categories-text-block h6 del{ font-size: 13px; margin: 0 0 0 5px; color: #aaa; }
.category .category-block .categories-text-block h6 span{ font-size: 12px; margin: 0 0 0 20px; color: #ea0b0b; }

.category-block-tap{width: 18.5% !important;float: left;margin: 20px 9px 25px !important;padding: 0;border: 0.5px solid #edeff0;box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.08);border-radius: 5px;-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.category-block-tap:hover{-webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px);
 box-shadow: 0 22px 43px rgba(0, 0, 0, 0.11);-webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}

.Category-TAB{width: 100%; display: inline-block; text-align: center; font-size: 17px; color: #000; background: #eaf5ff; margin: 0 auto; line-height: 20px; padding: 10px 0; background: #fff;}
.Category-TAB a.Category-TAB-a{ background: #5ac6ff;
  padding: 7px 20px;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  border: 3px solid #e6f3ff;}
.Category-TAB a.Category-TAB-a:hover{background: #00a7ff; }
.category .tab { overflow: hidden; border: 1px solid #99dbff; background-color: #e6f3ff; width: 50%; margin: 0 auto; display: block; }
.category .tab button { background-color: inherit; float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; transition: 0.3s; font-size: 17px; width: 25%; margin: 0; font-size: 15px; font-weight: bold; line-height: 25px; color: #000000f7; }
.category .tab button:hover { background: #c6ebff; }
.category .tab button.active { background-color: #8ad3ff; color: #ffff; }
.category .tabcontent { display: none; padding: 6px 12px;  border-top: none; }
/* .category .show{display: block; } */
.category-block-tap .imageBox {}
/* .category-block-tap .imageBox img {width: 90% !important;  height: 320px !important;margin: 0 auto;display: block;} */

/* .category-block-tap .categories-text-block{ padding: 4px 0 13px !important;}
.category-block-tap .categories-text-block h4{ text-align: center !important;font-weight: 300 !important;padding: 7px 0 0 !important;}
.category-block-tap .categories-text-block h6{ padding: 5px 0 !important;text-align: center !important;}
.category-block-tap .categories-text-block h6 del{ }
.category-block-tap .categories-text-block h6 span{ } */


/*Trending*/

.trending{ width: 100%; padding: 40px 0; margin: 0; display: inline-block; position: relative; background: #f7f7f794; }

.trending h4{ font-size: 16px; line-height: 24px; color: #000; padding: 0 0 30px; margin: 0; text-align: center; text-transform: uppercase; letter-spacing: 3px; font-weight: bold; }

.trending .trending-box{ width: 140px; padding: 0; margin: 0 36px 0 0; text-align: center; float: left; }

.trending .trending-box:nth-child(9){ margin: 0; }

.trending .trending-box .trending-image-block{ width: 100%; padding: 0; margin: 0; text-align: center; border-radius: 50%; float: left; overflow: hidden; height: 140px; }

.trending .trending-box .trending-image-block img{ width: 100%; }

.trending .trending-box h6{ font-size: 12px; line-height: 24px; color: #000; padding: 15px 0 0; margin: 0; text-align: center; text-transform: uppercase; letter-spacing: 3px; font-weight: 400; display: inline-block; }



/*Product Single*/

.single-product{position: relative; padding: 50px 0; margin: 0; overflow: hidden; width: 100%; background: #fff;border-bottom: 24px solid #f8f8f8;}

.single-product h2{ font-size: 60px; line-height: 70px; color: #4c4c4a; padding: 0 0 30px; margin: 0; }

.single-product .grid{}

.single-product .images_3_of_2{width: 100%; padding: 0; margin: 0;  }

.single-product .righttextbox-single{width: 100%; padding: 0; margin: 0; }

.single-product .righttextbox-single .righttextbox-single-top{ width: 60%; padding: 30px; background: linear-gradient(145deg, #ecf7ff 20%, #e6f3ff 70%); }

.single-product .righttextbox-single .righttextbox-single-top h5{ font-size: 16px;

  line-height: 24px;

  color: #0372bb;

  padding: 0 0 15px;

  margin: 0;

  text-transform: uppercase;

  letter-spacing: 1.2px;

  font-weight: bold; }

.single-product .righttextbox-single .righttextbox-single-top h5 span{ color: #ea0b0b;

  margin: 0 0 0 10px; }

.single-product .righttextbox-single .righttextbox-single-top h6{ font-size: 18px; line-height: 24px; color: #000; text-align: justify; font-weight: bold; }



.single-product .righttextbox-single .price{ width: 100%; padding: 15px 0 30px; margin: 0; }



.single-product .righttextbox-single .price h4{ font-size: 20px; line-height: 24px; color: #000; padding: 0; margin: 0; font-weight: 700; }

.single-product .righttextbox-single .price h4 del{ font-size: 16px; color: #aaa; padding: 0 0 0 10px; font-weight: 400; }

.single-product .righttextbox-single .price h4 span{ font-size: 12px; color: #ea0b0b; padding: 0 0 0 20px; font-weight: 400; }

.single-product .righttextbox-single .price h6{ font-size: 12px; line-height: 16px; color: #0089b3; padding: 0; margin: 0; font-weight: 300; }

.single-product .righttextbox-single .discount{ width: 42%; padding: 12px 15px; margin: 0; background: #0372bb; border-radius: 5px; box-shadow: 2px 2px 5px #c6c6c621; border: 1px solid #69b4f669; }

.single-product .righttextbox-single .discount p{ font-size: 18px; line-height: 20px; color: #fff; padding: 0; margin: 0; }



.single-product .righttextbox-single .enquiry-btn{ width: 100%; padding: 0 0 15px; margin: 0; }



.single-product .righttextbox-single .enquiry-btn a{ position: relative; transition: all 0.3s ease-in-out; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2); padding-block: 0.5rem; padding-inline: 1.25rem; background-color: #0372bb; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #ffff; gap: 10px; font-weight: 400; border: 3px solid #ffffff38; overflow: hidden; font-size: 15px; width: 40%; padding: 10px 0; margin: 0; border-radius: 5px; }

.single-product .righttextbox-single .enquiry-btn input{ position: relative; transition: all 0.3s ease-in-out; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2); padding-block: 0.5rem; padding-inline: 1.25rem; background-color: #0372bb; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #ffff; gap: 10px; font-weight: 400; border: 3px solid #ffffff38; overflow: hidden; font-size: 15px; width: 40%; padding: 10px 0; margin: 0; border-radius: 5px; }



.single-product .righttextbox-single .enquiry-btn a i.icon { width: 28px; height: 28px; transition: all 0.3s ease-in-out; background: #fff; color: #0372bb; text-align: center; line-height: 28px; border-radius: 70px; }



.single-product .righttextbox-single .enquiry-btn a:hover { transform: scale(1.05); border-color: #fff9; color: #ffff; }



.single-product .righttextbox-single .enquiry-btn a:hover i.icon {

  transform: translate(4px);

}



.single-product .righttextbox-single .enquiry-btn a:hover::before {

  animation: shine 1.5s ease-out infinite;

}



.single-product .righttextbox-single .enquiry-btn a::before { content: ""; position: absolute; width: 100px; height: 100%; background-image: linear-gradient( 120deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) 70% ); top: 0; left: -100px; opacity: 0.6; }



.single-product .des{ width: 100%; padding: 15px 0; margin: 0; }

.single-product .des b{ font-size: 16px;

  line-height: 26px;

  color: #212121;

  text-transform: uppercase;

  padding: 10px 0 5px;

  display: block;

  letter-spacing: 1.2px;  }

.single-product .des p{ font-size: 17px;
  line-height: 27px;
  padding: 0 0;
  margin: 0;
  text-align: justify;
  color: #272727; }

.single-product .des p b{ font-size: 18px; color: #0372bb; }

.single-product .des ul li{ font-size: 16px; line-height: 26px; padding: 10px 0; margin: 0; text-align: justify; color: #4c4c4a; }
#display {
  width: auto !important;
  margin-top: 50px !important;
  padding: 2px !important;
}
.show, .show1 {
  padding: 7px 10px !important;
  border-bottom: 1px #999 dashed;
  font-size: 16px !important;
  color: #252525 !important;
}



/*Login*/

.auth-container { width: 30%; background: #e7f4ff; backdrop-filter: blur(0px); transition: transform 0.2s ease; border: 1px solid #bbe7ff; position: relative; margin: 100px auto; border-radius: 15px; overflow: hidden; box-shadow: 0 0 13px #95daff; }

.auth-container:hover { transform: translateY(-3px); }

/* tab bar */

.tabs { display: flex; background: #c5ebff; border-bottom: 1px solid #cbcbcb; padding: 0 30px; gap: 30px; }

.tab-btn { flex: 0 0 auto; background: transparent; border: none; font-size: 16px; font-weight: 600; padding: 15px 5px; cursor: pointer; color: #8e99a8; transition: all 0.2s ease; letter-spacing: 0; position: relative; text-transform: uppercase; font-family: "Roboto", sans-serif; }

.tab-btn i { margin: 0 10px 0 0; font-size: 14px; }

.tab-btn.active { color: #000; }

.tab-btn.active::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: linear-gradient(90deg, #3b82f6, #10b981); border-radius: 3px 3px 0 0; }

/* forms wrapper */

.forms-wrapper { padding: 30px; }

.auth-form { display: none; animation: fadeIn 0.3s ease-out; }

.auth-form.active-form { display: block; }



@keyframes fadeIn {

from { opacity: 0; transform: translateY(8px);}

to { opacity: 1; transform: translateY(0);}

}

.input-group { margin: 0 0 15px 0; position: relative; width: 100%; }

.input-group i { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); color: #757779; font-size: 14px; transition: color 0.2s; pointer-events: none; }

.input-group input { width: 100%; padding: 0 15px 0 30px; font-size: 14px; border: 1.5px solid #c5ebff; border-radius: 10px; background: #ffffff; transition: all 0.2s; outline: none; font-weight: 500; color: #000; height: 45px; font-family: "Roboto", sans-serif; }

.input-group input:focus { border-color: #c5ebff; box-shadow: 0 0 6px rgba(27, 81, 170, 0.2); }

.input-group input::placeholder { color: #cbd5e1; font-weight: 400; }



/* extra row: forgot password */

.flex-row { display: flex; justify-content: flex-end; margin-bottom: 0; }

.forgot-link { font-size: 12px; color: #5b6e8c; text-decoration: none; font-weight: 500; transition: color 0.2s; }

.forgot-link:hover { color: #3b82f6; }



/* button */

.submit-btn { width: 100%; background: linear-gradient(105deg, #1f2937 0%, #111827 100%); border: none; padding: 15px; font-size: 14px; font-weight: 600; color: white; border-radius: 2rem; cursor: pointer; transition: all 0.25s; display: flex; align-items: center; justify-content: center; gap: 10px; box-shadow: 0 4px 8px rgba(0,0,0,0.05); text-transform: uppercase; margin: 30px 0 0; }

.submit-btn i { font-size: 14px; transition: transform 0.2s; }

.submit-btn:hover { background: linear-gradient(105deg, #2d3a4b 0%, #1e2a36 100%); transform: scale(0.98); box-shadow: 0 8px 18px rgba(0,0,0,0.1); }

.submit-btn:active { transform: scale(0.97); }



        /* divider */

        .divider {

            display: flex;

            align-items: center;

            text-align: center;

            color: #94a3b8;

            font-size: 0.75rem;

            margin: 1.6rem 0 1.2rem;

        }

        .divider::before, .divider::after {

            content: '';

            flex: 1;

            border-bottom: 1px solid #e2edf2;

        }

        .divider span {

            margin: 0 10px;

            font-weight: 500; font-size: 12px;

        }



        /* social buttons */

        .social-buttons {

            display: flex;

            gap: 1rem;

            justify-content: center;

        }

        .social-icon {

            background: #f8fafc;

            border: 1px solid #e2e8f0;

            border-radius: 2rem;

            padding: 0.65rem 1rem;

            flex: 1;

            text-align: center;

            font-size: 14px;

            font-weight: 500;

            color: #334155;

            cursor: pointer;

            transition: all 0.2s;

            display: flex;

            align-items: center;

            justify-content: center;

            gap: 8px;

        }

        .social-icon i {

            font-size: 1.2rem;

        }

        .social-icon:hover {

            background: #ffffff;

            border-color: #cbd5e1;

            box-shadow: 0 2px 6px rgba(0,0,0,0.05);

            transform: translateY(-1px);

        }



        /* signup specific hint */

        .terms-note {

            font-size: 12px;

            color: #7e8b9c;

            text-align: center;

            margin-top: 1.5rem;

        }



        /* error / success message style */

        .message-area {

            background: #fee2e2;

            border-radius: 1.2rem;

            padding: 0.6rem 1rem;

            margin-bottom: 1.2rem;

            font-size: 0.8rem;

            color: #b91c1c;

            display: flex;

            align-items: center;

            gap: 8px;

            border-left: 4px solid #ef4444;

            transition: all 0.2s;

        }

        .message-area.success {

            background: #e0f2e9;

            color: #0c6b4b;

            border-left-color: #10b981;

        }

        .hidden-message {

            display: none;

        }



        /* responsive */

        @media (max-width: 500px) {

            .auth-container {

                border-radius: 1.8rem;

            }

            .forms-wrapper {

                padding: 1.5rem;

            }

            .tabs {

                padding: 0 1rem;

                gap: 1.2rem;

            }

            .tab-btn {

                font-size: 1rem;

                padding: 1rem 0 0.7rem;

            }

        }



/*Privacy Policy*/

.privacy { width: 100%; display: inline-block; position: relative; background: #fff; padding: 60px 0; margin: 0; }

.privacy .privacy-block{ width: 100%; background: #cccccc24; padding: 30px; margin: 0; display: inline-block; }

.privacy .privacy-block h2 { font-size: 40px; line-height: 50px; color: #4c4c4a; padding: 0 0 15px; margin: 0; }

.privacy .privacy-block p { font-size: 16px; line-height: 26px; padding: 15px 0; margin: 0; text-align: justify; color: #4c4c4a;  }





/*Footer Start*/

.footer{ width: 100%; position: relative; background: linear-gradient(145deg, #ecf7ff 20%, #e6f3ff 70%); display: block; padding: 40px 0 60px; margin: 0; }

.footer .footer-logo{ width: 100%; text-align: center; margin: 0; padding: 90px 0 0; display: block; }

.footer .footer-logo img{ width: 100%; }

.footer h4{ font-size: 16px; line-height: 24px; color: #000; padding: 15px 0; margin: 0; text-transform: uppercase; letter-spacing: 3px; font-weight: bold; text-align: left; }

.footer p{ font-size: 16px; line-height: 26px; color: #000; padding: 0 0 15px; text-align: justify; }

.footer ul.quick-footer-link{ width: 100%; padding: 0; margin: 0; }

.footer ul.quick-footer-link li{ font-size: 14px; line-height: 18px; padding: 0 0 15px; text-transform: uppercase; }

.footer ul.quick-footer-link li a{ color: #000; transition: all 400ms ease-in-out; letter-spacing: 1.2px; }

.footer ul.quick-footer-link li a:hover{ color: #000; letter-spacing: 1.4px; transition: all 400ms ease-in-out; }



.footer ul.footer-contact-address{ width: 100%; padding: 0; margin: 0; }

.footer ul.footer-contact-address li{ font-size: 16px; line-height: 26px; color: #000; padding: 0 0 15px; text-align: justify; }

.footer ul.footer-contact-address li i{ font-size: 14px; line-height: 18px; padding: 0 10px 0 0; color: #0372bb; }

.footer ul.footer-contact-address li a{ color: #0372bb; transition: all 400ms ease-in-out; letter-spacing: 1.2px; }

.footer ul.footer-contact-address li a:hover{ color: #002c49; letter-spacing: 1.4px; transition: all 400ms ease-in-out; }



.footer ul.social-link{ width: 100%; padding: 0 0 30px; margin: 0; }

.footer ul.social-link li{ font-size: 16px; line-height: 30px; color: #fff; padding: 0; background: linear-gradient(145deg, #6fc6ff 20%, #69b4f6 70%); display: inline-block; text-align: center; box-shadow: 2px 2px 6px #0372bb24; margin: 0 15px 0 0; border-radius: 5px; }

.footer ul.social-link li i{ font-size: 14px; padding: 0; }

.footer ul.social-link li a{ height: 40px; width: 40px; display: inline-block; color: #00090f; transition: all 400ms ease-in-out; padding: 5px 0 0; }

.footer ul.social-link li a:hover{ -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); transition: all 400ms ease-in-out; }

.footer .copyright{ width: 100%; padding: 12px; margin: 0; border: 1px solid #4eb8ffb0; text-align: center; background: #0372bb0f; border-radius: 5px; }

.footer .copyright p{ font-size: 14px; line-height: 18px; color: #000; text-align: center; padding: 0; margin: 0; }

/*.footer .copyright p a{ color: #0372bb; transition: all 400ms ease-in-out; }

.footer .copyright p a:hover{ color: #00416b; letter-spacing: 1.2px; transition: all 400ms ease-in-out; }*/







/*Contact Us*/

.contact{ width: 100%; display: block; position: relative; background: #fff; padding: 40px 0; margin: 0; }

.contact h4{ font-size: 16px; line-height: 24px; color: #000; padding: 0 0 30px; margin: 0; text-align: center; text-transform: uppercase; letter-spacing: 3px; font-weight: bold; }

.contact .contact-form{ width: 100%; padding: 30px; margin: 0; display: inline-block; background: linear-gradient(145deg, #ecf7ff 20%, #e6f3ff 70%);  }



.contact .contact-form h2{ font-size: 20px; line-height: 30px; color: #000; padding: 0 0 15px; margin: 0 0 0 10px; text-transform: uppercase; letter-spacing: 3px; font-weight: bold; }

.contact .contact-form form{ width: 100%; padding: 0; margin: 0; display: inline-block; }

.contact .contact-form form .fill-box{ width: 46.7%; float: left; padding: 0; margin: 0 10px; border-radius: 10px; }

.contact .contact-form form .fill-box label{ width: 100%; display: inline-block; font-size: 16px; line-height: 18px; color: #000; padding: 0 0 2px; margin: 0; font-weight: 600; }

.contact .contact-form form .fill-box input{ width: 100%; display: inline-block; font-size: 15px; line-height: 18px; color: #000; border: 1px solid #0372bb3b; outline: none; padding: 0 15px; margin: 5px 0 15px; border-radius: 5px; height: 45px; background: #fff; box-shadow: 2px 2px 5px #cccccc36; }

.contact .contact-form form .message{ width: 97%; padding: 0; margin: 0 10px; border-radius: 10px; }



.contact .contact-form form .message textarea{ width: 100% !important; display: inline-block; font-size: 15px; line-height: 18px; color: #000; border: 1px solid #0372bb3b; outline: none; padding: 15px; margin: 5px 0 15px; border-radius: 5px; height: 120px; background: #fff; box-shadow: 2px 2px 5px #cccccc36; }







.contact .contact-form form .fill-box input[type="submit"] { position: relative; transition: all 0.3s ease-in-out; box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2); padding-block: 0.5rem; padding-inline: 1.25rem; background-color: #0372bb; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #ffff; gap: 10px; font-weight: 400; border: 3px solid #ffffff38; overflow: hidden; font-size: 15px; width: 70%; padding: 10px 0; margin: 15px 0 0; border-radius: 5px; }



.contact .contact-form form .fill-box input[type="submit"] i.icon { width: 28px; height: 28px; transition: all 0.3s ease-in-out; background: #fff; color: #0372bb; text-align: center; line-height: 28px; border-radius: 70px; }



.contact .contact-form form .fill-box input[type="submit"]:hover { transform: scale(1.05); border-color: #fff9; color: #ffff; }



.contact .contact-form form .fill-box input[type="submit"]:hover i.icon {

  transform: translate(4px);

}



.contact .contact-form form .fill-box input[type="submit"]:hover::before {

  animation: shine 1.5s ease-out infinite;

}



.contact .contact-form form .fill-box input[type="submit"]::before {

  content: "";

  position: absolute;

  width: 100px;

  height: 100%;

  background-image: linear-gradient(

    120deg,

    rgba(255, 255, 255, 0) 30%,

    rgba(255, 255, 255, 0.8),

    rgba(255, 255, 255, 0) 70%

  );

  top: 0;

  left: -100px;

  opacity: 0.6;

}





.contact .contact-block{ width: 100%; padding: 30px; margin: 0; display: inline-block; background: linear-gradient(145deg, #ecf7ff 20%, #e6f3ff 70%); }

.contact .contact-block h2{ font-size: 20px; line-height: 30px; color: #000; padding: 0 0 15px; margin: 0 0 0 10px; text-transform: uppercase; letter-spacing: 3px; font-weight: bold; }



.contact .contact-block ul{ padding: 0; margin: 0 0 0 10px; display: inline-block; width: 100%; }

.contact .contact-block ul li{ display: inline-block; float: left; font-size: 16px; line-height: 24px; padding: 0; margin: 0 30px 10px 0; color: #000; font-weight: 600; }

.contact .contact-block ul li.address{ width: 100%; }

.contact .contact-block ul li a{ font-size: 16px; line-height: 18px; color: #000; transition: all 500ms ease-in-out; font-weight: 400; }

.contact .contact-block ul li a:hover{ color: #0372bb; transition: all 500ms ease-in-out; }

.contact .contact-block ul li i{ color: #0372bb; padding: 0 10px 0 0; }

.contact .contact-block-map{ width: 100%; display: inline-block; height: 285px; padding: 40px; margin: 15px 0 0; border: 1px solid #cccccc24; background: linear-gradient(145deg, #ecf7ff 20%, #e6f3ff 70%); }

.contact .contact-block-map iframe{ width: 100%; height: 100%; border: 1px solid #0372bb3b !important; padding: 15px; background: #fff; }







/*Marquee*/

.bottom-footer { background: #0372bb; padding: 10px 0; margin: 0; transition: all 600ms ease-in-out; position: fixed; bottom: 0; z-index: 99; width: 100%; border-top: 1px solid #0000006b; }

.bottom-footer .text-run { font-size: 16px; font-weight: 400; line-height: 18px; color: #fff; }





/* -- User_profile -- */

.side-bar-two { padding: 0; box-shadow: 0px 0px 15px 0px #c5ebff; margin-bottom: 4px; color: #fff; background: #c5ebff; border: 1px solid #8cd1f5; height: 60px; overflow: hidden; }

.side-bar-two .left-side-bar{ width: 20%; float: left; margin: 0; background: #9fdeff; padding: 14px 0; text-align: center; }

.side-bar-two .left-side-bar i {position: relative; top: 0; display: inline-block; font-style: normal; font-weight: 400; line-height: 1; color: #fff; font-size: 30px; }

.side-bar-two .right-side-bar{ width: 80%; float: right; padding: 13px 10px; margin: 0; }

.side-bar-two .right-side-bar p{ font-size: 12px; line-height: 12px; color: #000; padding: 0 0 5px; margin: 0; font-weight: 500; }

.side-bar-two .right-side-bar h4{ font-size: 14px; line-height: 16px; color: #000; padding: 0; margin: 0; text-transform: uppercase; font-weight: 400; letter-spacing: 1.5px; }



.user-profile ul{ margin: 0; padding: 0; }

.user-profile ul li { font-size: 15px; display: block; list-style-type: none; border-bottom: 1px solid #FFF; transition: all 0.5s ease-in-out; cursor: pointer; padding: 10px 0 10px 15px; background: #e7f4ff; }

.user-profile ul li a {color: #5c5c5c; transition: all 0.5s ease-in-out; display: block; font-size: 14px; line-height: 25px; padding: 0 0; margin: 0; text-transform: uppercase; font-weight: 500; }

.user-profile ul li a i{ font-size: 15px;padding: 0 20px 0 0; color: #000; }



.user-profile ul li:hover{ background: #cde6ff;

  transform: scale(1.050); }

.user-profile ul li:hover a{color: #000;}

/*.user-profile ul li.active{ background: linear-gradient(0deg, rgb(255, 126, 1) 4%, rgb(75, 110, 116) 10%); }

.user-profile ul li.active a{ color:#ffff; }*/



/*Cart Page Title*/

.title-home{ position: relative; width: 100%; padding: 0px 0; margin: 0 0; }

.title-home h2{ position: relative; color: #000; text-align: center; font-size: 16px; line-height: 22px; padding: 0 0 20px; margin: 0; text-transform: uppercase; letter-spacing: 3px; }

.title-home h2 span{ display: block; font-size: 12px; line-height: 20px; color: #0372bb; padding: 0 0 30px; margin: 0; text-align: center; text-transform: uppercase; letter-spacing: 2px; font-weight: bold; }



/*PROFILE*/

.ads-grid{padding: 50px 0; margin: 0; position: relative; width: 100%; overflow: hidden; background: #fff; display: inline-block; }

.ads-grid .profile-banner { padding: 15px; margin: 0 0 30px; border: 1px solid #c5ebff; background: #fff; }

.ads-grid .profile-banner h4{ padding: 10px 15px; margin: 0 0 10px 0; float: left; font-size: 21px; font-weight: bold; color: #000; line-height: 35px; display: block; width: 100%; background: #e6f3ff; font-family: "Roboto", sans-serif; }



/*Profile main*/

form.profile label { height: 40px; font-size: 14px !important; text-align: left; float: left; letter-spacing: 0.5px; text-transform: uppercase; color: #000; line-height: 30px; padding: 7px 0 0; font-weight: 500; margin: 0 0 5px; }

form.profile input{ width: 100%; height: 40px; outline: none; border: 1px solid #c5ebff; padding: 0 15px; font-weight: 300; font-size: 16px; line-height: 25px; margin: 0 0 10px 0; color: #000; }

form.profile select{ width: 100%; height: 40px; outline: none; border: 1px solid #c5ebff; padding: 0 15px; font-weight: 300; font-size: 16px; line-height: 25px; margin: 0 0 10px 0; color: #000; }

/*form.profile select{ width: 100%; height:45px;  outline: none;border: none; border-bottom: 0.5px solid #4b6e7466; border-radius: 5px; padding: 5px 0 5px 10px; color: #000;   font-weight: 300; font-size: 16px; line-height: 25px; }*/

form.profile textarea{ width: 100%; outline: none; border: 1px solid #c5ebff; padding: 15px; color: #000;  font-weight: 300; font-size: 16px; line-height: 25px; height: 80px; }

form.profile input[type="submit"] { width: 20%; line-height: 24px; height: 45px; outline: none; font-size: 15px; font-weight: bold; margin: 30px 0 0; box-shadow: 2px 2px 8px #a1dfff; display: inline-block; transition: all 500ms ease-in-out; vertical-align: middle; padding: 10px 0; border: 1px solid #71ceff; border-radius: 0px; background: #9fdeff; color: #000; text-transform: uppercase; letter-spacing: 1.2px; }

form.profile input[type="submit"]:hover{ box-shadow: 2px 2px 12px #a1dfff; letter-spacing: 2px; background: #7cd1fe; }





form.profile button{ font-family: inherit; font-size: inherit; line-height: inherit; width: 100%; border: none; border-bottom: 1px solid #000; border-radius: 10px; padding: 0 20px 5px; color: #2c3142;  }



/*Edit Profile*/

form.profile_edit label { height: 40px; font-size: 14px !important; text-align: left; float: left; letter-spacing: 0.5px; text-transform: uppercase; color: #042328; line-height: 30px; padding: 7px 0 0; font-weight: 500; margin: 0 0 5px; }

form.profile_edit input{ width: 100%; height: 40px; outline: none; border: 1px solid #c5ebff; padding: 0 15px; font-weight: 300; font-size: 16px; line-height: 25px; margin: 0 0 10px 0; color: #000; }

form.profile_edit select{ width: 100%; height: 40px; outline: none; border: 1px solid #c5ebff; padding: 0 15px; font-weight: 300; font-size: 16px; line-height: 25px; margin: 0 0 10px 0; color: #000; }

/*form.profile_edit select{ width: 100%; height:45px;  outline: none;border: none; border-bottom: 0.5px solid #4b6e7466; border-radius: 5px; padding: 5px 0 5px 10px; color: #1b1f2d;   font-weight: 300; font-size: 16px; line-height: 25px; }*/

form.profile_edit textarea{ width: 100%; outline: none; border: 1px solid #c5ebff; padding: 15px; color: #000;  font-weight: 300; font-size: 16px; line-height: 25px; height: 80px; }



form.profile_edit input[type="submit"] { width: 20%; line-height: 24px; height: 45px; outline: none; font-size: 15px; font-weight: bold; margin: 30px 0 0; box-shadow: 2px 2px 8px #a1dfff; display: inline-block; transition: all 500ms ease-in-out; vertical-align: middle; padding: 10px 0; border: 1px solid #71ceff; border-radius: 0px; background: #9fdeff; color: #000; text-transform: uppercase; letter-spacing: 1.2px; }

form.profile_edit input[type="submit"]:hover{ box-shadow: 2px 2px 12px #a1dfff; letter-spacing: 2px; background: #7cd1fe; }



/* -- Order + Edit profile -- */

#order-view label{ color: #0d0d0d; padding: 0; font-weight: 400; font-size: 16px; line-height: 24px; text-align: justify; }

#order-view label b{ color: #0372bb; font-weight: 500; font-size: 15px; line-height: 20px; padding: 15px 0 5px 0; display: block; text-transform: uppercase; letter-spacing: 1px; }

#order-view label b i{ background: #e6f3ff; padding: 6px 8px; border-radius: 5px; color: #0372bb; font-weight: bold; }

#order-view h5{ transition: all 0.5s ease-in-out; margin: 25px 0 10px; padding: 10px 15px; float: left; font-weight: bold; color: #000; display: block; width: 100%; border: 1px solid #c4e1f9; font-size: 16px; line-height: 30px; background: #f5faff; box-shadow: 2px 2px 5px #def0ff; border-radius: 5px; text-transform: uppercase; letter-spacing: 2px; }



/*#order-view p{ display: inline-block; }*/

#order-view p label{ color: #021731; padding: 0; font-weight: normal; font-size: 16px; line-height: 30px; width: 100%; background: #f1f1f185; }

#order-view p label b{ width: 15%; float: left; padding: 10px 15px; margin: 0; border-right: 1px solid #ccccccab; height: 40px; font-size: 12px; color: #000; line-height: 20px; }

#order-view p label span{ width: 70%; float: left; padding: 10px 15px; font-weight: bold; font-size: 12px; letter-spacing: 1px; color: #000; height: 40px; line-height: 20px; }

.snipcart-details a.button { width: 20%; line-height: 24px; height: 45px; outline: none; font-size: 15px; font-weight: bold; margin: 30px 0 0; box-shadow: 2px 2px 8px #a1dfff; display: inline-block; transition: all 500ms ease-in-out; vertical-align: middle; padding: 10px 0; border: 1px solid #71ceff; border-radius: 0px; background: #9fdeff; color: #000; text-transform: uppercase; letter-spacing: 1.2px;}

/*.snipcart-details a.button { margin: 10px 0 10px;  outline: none;  font-size: 15px;  width: 20%;   text-transform: uppercase; font-weight: bold; line-height: 24px; height: 50px; box-shadow: 0px 20px 20px -15px rgba(0, 0, 0, 0.62);display: inline-block;transition: all 500ms ease-in-out;vertical-align: middle;padding: 12px 0;border: 0.5px solid #f88700;border-radius: 100px;background: linear-gradient(to top, #f88600, #853900);color: #fff;}*/

.snipcart-details a.button:hover{ box-shadow: 2px 2px 12px #a1dfff; letter-spacing: 2px; background: #7cd1fe; }



/*Order Details*/

.profile-banner label {  color: #042328;padding: 18px 0 0 0; font-weight: normal; font-size: 16px; line-height: 20px;}

textarea.text-ari{ width: 215px;height: 60px;border: none; border-bottom-color: currentcolor; border-bottom-style: none; border-bottom-width: medium;border-bottom: 1px solid #000;margin: 0 0 20px; }

label.hikk{  font-size: 12px !important; text-align: left; float: left; letter-spacing: 1px; text-transform: uppercase; color: #042328; line-height: 20px; padding: 10px 0 0 15px; margin: 0; font-weight: 500; height: 40px; }

p.hikk{ font-size: 13px !important; text-align: left; float: left; letter-spacing: 0.5px; font-weight: normal; color: #000; line-height: 20px; padding: 10px 0 0; margin: 0px; height: 40px; }

.order-details-img{ width: 58%;
  margin: 0 auto 5px;
  display: block;
  border-radius: 5px;
  padding: 10px;
  height: 140px;
  border-radius: 10px;
  display: block;}

.order-bill{width: 100%;
  padding: 30px 0 0 0;
  margin: 0 0 10px;
  height: 140px;}

.order-bill p{ font-size: 16px; color: #000; font-weight: normal; line-height: 20px; padding: 0 0 15px; }

.order-bill p strong{ color: #000; margin: 0; text-transform: uppercase; font-size: 14px; font-weight: bold; margin: 0 0 0 10px; }

.order-bill a{ width: 24%; line-height: 24px; height: 45px; outline: none; font-size: 15px; font-weight: bold; margin: 10px 0 0; box-shadow: 2px 2px 8px #a1dfff; display: inline-block; transition: all 500ms ease-in-out; vertical-align: middle; padding: 10px 0; border: 1px solid #71ceff; border-radius: 0px; background: #9fdeff; color: #000; text-transform: uppercase; letter-spacing: 1.2px; text-align: center; }

.order-bill a:hover{ box-shadow: 2px 2px 12px #a1dfff; letter-spacing: 2px; background: #7cd1fe; }

.order-bill button{ width: 24%; line-height: 24px; height: 45px; outline: none; font-size: 15px; font-weight: bold; margin: 10px 0 0 30px; box-shadow: 2px 2px 8px #ff292982; display: inline-block; transition: all 500ms ease-in-out; vertical-align: middle; padding: 10px 0; border: 1px solid #d60c0c; border-radius: 0px; background: #ff2929; color: #fff; text-transform: uppercase; letter-spacing: 1.2px; text-align: center; }

.order-bill button:hover{ box-shadow: 2px 2px 12px #ff292982; letter-spacing: 2px; background: #e40000; }
.Print-bill{position: relative;
  width: 100%;
  display: inline-block;
  padding: 0 0;
  margin: 0 0;
  text-align: right;}
.Print-bill a.button{background: #85d0ff;
  color: #fff;
  padding: 8px 30px;
  font-size: 15px;
  font-weight: bold;
  border-radius: 5px;
  border: 2px solid #41b6ff;
  margin: 0 20px 20px 0px;}
.Print-bill a.button:hover{background: #065a8e;}
.Print-bill .button_b{background: #ee0d0d;
  color: #fff;
  padding: 8px 30px;
  font-size: 15px;
  font-weight: bold;
  border-radius: 5px;
  border: 2px solid #e80707;
  margin: 0 20px 20px 0px;}
.Print-bill .button_b:hover{background: #c60505;}


/*place_online_order*/



.tex-box{ padding: 15px;

  margin: 0 0 30px;

  border: 1px solid #c5ebff;

  background: #fff;

  display: inline-block; width: 100%; }

.tex-box h4{ padding: 10px 15px;

  margin: 0 0 10px 0;

  float: left;

  font-size: 21px;

  font-weight: bold;

  color: #000;

  line-height: 35px;

  display: block;

  width: 100%;

  background: #e6f3ff;

  font-family: "Roboto", sans-serif; }

.tex-box .place-box{ width: 50%;

  float: left;

  padding: 0;

  margin: 0; }

.tex-box .place-box-address{ width: 100%; }

.tex-box .place-box-address .place-box-lt{ width: 15% !important; }

.tex-box .place-box-address .place-box-rt{ width: 85% !important; }





.tex-box .place-box .place-box-lt{ width: 30%;

  float: left; }

.tex-box .place-box .place-box-lt label{ font-size: 12px !important;

  text-align: left;

  float: left;

  letter-spacing: 1px;

  text-transform: uppercase;

  color: #042328;

  line-height: 20px;

  padding: 10px 0 0 15px;

  margin: 0;

  font-weight: 500;

  height: 40px; }

.tex-box .place-box .place-box-rt{ width: 70%;

  float: right; }

.tex-box .place-box .place-box-rt p{ font-size: 13px !important;

  text-align: left;

  float: left;

  letter-spacing: 0.5px;

  font-weight: normal;

  color: #000;

  line-height: 20px;

  padding: 10px 0 0;

  margin: 0px;

  height: 40px; }







.text-form{ padding: 15px;

  margin: 0 0 30px;

  border: 1px solid #c5ebff;

  background: #fff;

  display: inline-block;

  width: 100%; }

.text-form form{ width: 100%;

  padding: 0;

  margin: 0; }

.text-form form input{  }

.text-form form .tabel-box{ width: 100%;

  padding: 0;

  margin: 0; }

.text-form form .tabel-box table{ width: 100%;

  padding: 0;

  margin: 0; }

.text-form form .tabel-box table tr{ margin: 0 0 15px;

  font-size: 14px;

  font-weight: bold;

  width: 100%;

  display: inline-table; }

.text-form form .tabel-box table tr th{ color: #000;

  margin: 0;

  text-transform: uppercase;

  font-size: 14px;

  font-weight: bold; }

.text-form form .tabel-box table tr td{ font-size: 16px;

  color: #5a5a5a;

  font-weight: normal;

  line-height: 20px;

  padding: 0 0 15px; }



.text-form form .bil{ background: #e7f4ff;

  padding: 15px;

  margin: 0;

  width: 100%; }

.text-form form .bil ol{ width: 100%;

  padding: 0;

  margin: 0;

  display: inline-block; }

.text-form form .bil ol li{ display: inline-block;

  padding: 0;

  margin: 0;

  font-size: 16px;

  color: #000;

  text-transform: uppercase;

  font-weight: bold; }

.text-form form .bil ol li span{ font-size: 26px;

  margin: 0 0 0 5px;

  color: #000; }

.text-form form .bil ol li input{ width: 100%;

  line-height: 24px;

  height: 45px;

  outline: none;

  font-size: 15px;

  font-weight: bold;

  margin: 0 0 0 30px;

  box-shadow: 2px 2px 8px #a1dfff;

  display: inline-block;

  transition: all 500ms ease-in-out;

  vertical-align: middle;

  padding: 10px 30px;

  border: 1px solid #71ceff;

  border-radius: 0px;

  background: #9fdeff;

  color: #000;

  text-transform: uppercase;

  letter-spacing: 1.2px;

  text-align: center; }

.text-form form .bil ol li input:hover{ box-shadow: 2px 2px 12px #a1dfff;

  letter-spacing: 2px;

  background: #7cd1fe; }

.text-form form .bil ol li a{ width: 100%;

  line-height: 24px;

  height: 45px;

  outline: none;

  font-size: 15px;

  font-weight: bold;

  margin: 0 0 0 30px;

  box-shadow: 2px 2px 8px #a1dfff;

  display: inline-block;

  transition: all 500ms ease-in-out;

  vertical-align: middle;

  padding: 10px 30px;

  border: 1px solid #71ceff;

  border-radius: 0px;

  background: #54c3fd;

  color: #000;

  text-transform: uppercase;

  letter-spacing: 1.2px;

  text-align: center; }

.text-form form .bil ol li a:hover{ box-shadow: 2px 2px 12px #a1dfff;

  letter-spacing: 2px;

  background: #7cd1fe; }

img.img-responsive_1 {
  width: 85% !important;
  height: 440px !important;
}

/*cart_empty*/

.cart_empty{position: relative; width: 100%; height: auto; background: #fff; padding:0 0px 100px 0; margin: 0px 0;}

.cart_empty .cart-empty-img{ width: 25%; margin: 0 auto; display: block; }

.cart_empty .cart-empty-img img{ width: 100%; }



/*CART FLIPKART*/

.cart-flipkart{  padding: 50px 0; margin: 0; position: relative; width:100%; overflow: hidden; background: #fff; }

.cart-flipkart .flipkart-box{ position: relative; width:100%; overflow: hidden; }

.cart-flipkart .flipkart-box .flipkart-box-left{ position: relative; width: 100%; overflow: hidden; padding: 15px; margin: 0 0 30px; border: 1px solid #c5ebff; background: #fff; } 

.cart-flipkart .flipkart-box .flipkart-box-left .title-top{ position: relative; padding: 10px 15px; margin: 0 0 10px 0; float: left; display: block; width: 100%; background: #e6f3ff; }

.cart-flipkart .flipkart-box .flipkart-box-left .title-top h3{  padding: 0; margin: 0; float: left; width: 39%; font-size: 21px; font-weight: bold; color: #000;  line-height: 35px;  font-family: "Roboto", sans-serif; text-transform: uppercase; }

.cart-flipkart .flipkart-box .flipkart-box-left .title-top h3 span{ color: #ff2929; }

.cart-flipkart .flipkart-box .flipkart-box-left .title-top label { font-size: 18px; line-height: 35px; font-weight: normal; color: #000; padding: 2px 0 0; margin: 0; }

.cart-flipkart .flipkart-box .flipkart-box-left .title-top label i{ color: #000; margin: 0 10px 0 0; }

.cart-flipkart .flipkart-box .flipkart-box-left .title-top select{ display: inline-block; float: right; width: 48%; padding: 10px; font-size: 14px; border: 1px solid #8cd1f5; border-radius: 0; outline: none; background: #c5ebff; color: #000; }



/*Cart Left */

.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom{ padding: 8px 0 10px; margin: 0; position: relative; width: 100%; overflow: hidden; }

.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-box{ float: left; width: 20%; overflow: hidden; margin: 0 0 30px;}

.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-box img{  width:95%;  }

.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-text{ float: right; width: 75% }

.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-text input[type="text"]{ }

.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-text h4{ text-align: left; padding: 0 0 8px; margin: 0; font-weight: 400; font-size: 18px; line-height: 24px; color: #000; }   

.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-text h6{ display: flex; text-align: left; padding: 0 0 5px; margin: 0; font-size: 18px; color: #303030; font-weight: bold; }  

.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-text h6 span{ text-decoration: line-through; font-size: 14px; color: #b7b7b7; margin: 0 0 0 10px; font-weight: 400; }

.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-text .quantity{ width: 100%; padding: 0; margin: 0; }

.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-text .quantity label{ color: #000; margin: 0; text-transform: uppercase; font-size: 14px; font-weight: bold; }

.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-text .quantity select{ background: #e6f3ff; padding: 8px 10px; border-radius: 0; color: #0372bb; font-weight: bold; outline: none; margin: 0 0 0 10px; border: 1px solid #8cd1f5; }

.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-text span.saving-cart{ padding: 0 0 2px; margin: 0; font-size: 12px; color: #0372bb; font-weight: 300; display: block; }

/*.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-text h5{ text-align: left; padding: 0 0 7px; margin: 0; font-size: 18px; color: #1a474f; } */ 

.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-text a.button{ padding: 3px 15px !important; width: 24%; line-height: 24px; font-size: 11px; font-weight: bold; margin: 24px 0 0; box-shadow: 2px 2px 8px #ff292982; display: inline-block; transition: all 500ms ease-in-out; vertical-align: middle; border: 1px solid #d60c0c; border-radius: 0px; background: #ff2929; color: #fff; text-transform: uppercase; letter-spacing: 1.2px; text-align: center; }   

.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-text a.button:hover{ box-shadow: 2px 2px 12px #ff292982; letter-spacing: 2px; background: #e40000; }

.cart-flipkart .flipkart-box .flipkart-box-left .snipcart-details{ }

.cart-flipkart .flipkart-box .flipkart-box-left .snipcart-details input{ width: 24%; line-height: 24px; height: 45px; outline: none; font-size: 15px; font-weight: bold; margin: 10px 0 0; box-shadow: 2px 2px 8px #a1dfff; display: inline-block; transition: all 500ms ease-in-out; vertical-align: middle; padding: 10px 0; border: 1px solid #71ceff; border-radius: 0px; background: #9fdeff; color: #000; text-transform: uppercase; letter-spacing: 1.2px; text-align: center; }

.cart-flipkart .flipkart-box .flipkart-box-left .snipcart-details input:hover{ box-shadow: 2px 2px 12px #a1dfff; letter-spacing: 2px; background: #7cd1fe; }

.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom h5.delivry{ font-size: 15px; padding: 0 0 15px; margin: 0; text-align: right; color: #0372bb; font-weight: 400; }

.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom h5.delivry b{ color: #000; font-weight: bold;  }

.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom h6.delivry{ font-size: 14px; padding: 0; margin: 0; text-align: right; color: #ff2929; line-height: 20px; font-weight: 400;}



/*Cart Right */

.cart-flipkart .flipkart-box .flipkart-box-right{ position: relative; width: 100%; overflow: hidden; padding: 15px; margin: 0 0 30px; border: 1px solid #c5ebff; background: #fff; } 

.cart-flipkart .flipkart-box .flipkart-box-right h3{ position: relative; padding: 10px 15px; margin: 0 0 10px 0; float: left; display: block; width: 100%; background: #e6f3ff; font-size: 21px; font-weight: bold; color: #000; line-height: 35px; font-family: "Roboto", sans-serif; text-transform: uppercase; }

.cart-flipkart .flipkart-box .flipkart-box-right p{ margin: 0; padding: 0 15px 15px; text-align: left; font-size: 13px; color: #000; font-weight: bold; text-transform: uppercase; }

.cart-flipkart .flipkart-box .flipkart-box-right p span{float: right; color: #000; font-weight: bold;  }

.cart-flipkart .flipkart-box .flipkart-box-right h2{ padding: 10px 15px 0; margin: 0; font-size: 20px; font-weight: bold; color: #0372bb; display: block; border-top: 1px solid #8cd1f5; }

.cart-flipkart .flipkart-box .flipkart-box-right h2 span{ float: right; color: #000; }



/*Place Order*/

a.Ship-Another-Address{ color: #000; position: absolute; content: ""; top: 8px; width: 26%; right: 60px; margin: 0; font-weight: 600; text-transform: uppercase; font-style: italic; text-align: center; padding: 24px 0; background: #c5ebff; border: 1px solid #8cd1f5; box-shadow: 0px 0px 15px #c5ebff; border-radius: 60px 0 0 60px; }



form .agileinfo_mail_grid_left{width: 50%; float: left; padding: 0 0; margin: 10px 0 10px; background: #f9fafb6b;}

form .agileinfo_mail_grid_left ul.big{margin: 0; padding: 0; width: 40%; float: left;}

form .agileinfo_mail_grid_left ul.big li{ height: 40px; font-size: 14px !important; text-align: left; float: left; letter-spacing: 0.5px; text-transform: uppercase; color: #000; line-height: 30px; padding: 7px 0 0; font-weight: 500; margin: 0 0 5px; }

form .agileinfo_mail_grid_left ul.big li i{color: #000; padding: 0 10px 0 0; font-size: 15px; margin: 0;}

form .agileinfo_mail_grid_left input{ margin: 0 40px 0 0; width: 50%; float: right; background: #fcfbfc; height: 40px; outline: none; border: 1px solid #c5ebff; padding: 0 15px; font-weight: 300; font-size: 16px; line-height: 25px; color: #000; }

form .agileinfo_mail_grid_left select{ margin: 0 40px 0 0; width: 50%; float: right; background: #fcfbfc; height: 40px; outline: none; border: 1px solid #c5ebff; padding: 0 15px; font-weight: 300; font-size: 16px; line-height: 25px; color: #000; }

form .agileinfo_mail_grid_left textarea{ margin: 0 40px 0 0; width: 50% !important; float: right; background: #fcfbfc; height: 140px; outline: none; border: 1px solid #c5ebff; padding: 15px 15px; font-weight: 300; font-size: 16px; line-height: 25px; color: #000; }



form .agileinfo_mail_grid_left label { width: 25%; outline: none; -webkit-appearance: none; -moz-transition: 0.5s all; background: #fcfbfc; border-radius: 3px; text-align: center; height: 40px; font-size: 14px !important; float: left; letter-spacing: 0.5px; text-transform: uppercase; color: #000; line-height: 30px; padding: 7px 0 0; font-weight: 500; margin: 0 0 5px; } 

form .agileinfo_mail_grid_left label input[type="radio"]{ -webkit-appearance: radio; margin: 0; text-align: left; border: none; outline: none; padding: 0; width: auto; position: relative; top: -4px; }

.button-Place-Order{ width: 85%; line-height: 24px; height: 45px; outline: none; font-size: 15px; font-weight: bold; margin: 0; box-shadow: 2px 2px 8px #a1dfff; display: inline-block; transition: all 500ms ease-in-out; vertical-align: middle; padding: 10px 0; border: 1px solid #71ceff; border-radius: 0px; background: #9fdeff; color: #000; text-transform: uppercase; letter-spacing: 1.2px; text-align: center; }

.button-Place-Order:hover{ box-shadow: 2px 2px 12px #a1dfff; letter-spacing: 2px; background: #7cd1fe; }



/*Place Order Pop up*/

.modal-dialog { width: 600px; margin: 100px auto; }

.modal-header{ border: 1px solid #8cd1f5; background: #c5ebff; padding: 20px; margin: 0; width: 100%; }

.modal-header button.close{ color: #000 !important; font-size: 28px; opacity: 0.5; }

.modal-header button.close:hover{ opacity: 0.8; }

h4.modal-title { font-size: 20px; text-align: center; color: #000; text-transform: uppercase; font-weight: bold; line-height: 20px; padding: 0; margin: 0; letter-spacing: 0.5px; }



 .modal-body{ background: #e6f3ff; padding: 30px; margin: 0; }

.modal-body form { position: relative; width: 100%; padding: 0 0; margin: 0 0; background: #e6f3ff; }

.form-horizontal .form-group label { width: 30%; padding: 10px 0px 0 15px; margin: 0 0 20px; color: #000; float: left; text-transform: uppercase; height: 40px; background: #9fdeff; border: 1px solid #8cd1f5; letter-spacing: 0.5px; font-size: 12px; line-height: 18px; }

.form-horizontal .form-group input { width: 65%; float: right; border-radius: 0; height: 40px; outline: none; border: 1px solid #c5ebff; padding: 0 15px; font-size: 14px; line-height: 25px; margin: 0 0 20px 0; color: #000; font-weight: 400; }

.form-horizontal .form-group select { width: 65%; float: right; border-radius: 0; height: 40px; outline: none; border: 1px solid #c5ebff; padding: 7px 15px; font-size: 14px; line-height: 25px; margin: 0 0 20px 0; color: #000; font-weight: 400; background: #fff; }

.form-horizontal .form-group textarea { width: 65% !important; float: right; border-radius: 0; height: 40px; outline: none; border: 1px solid #c5ebff; padding: 7px 15px; font-size: 14px; line-height: 25px; margin: 0 0 20px 0; color: #000; font-weight: 400; }

.snipcart-details input.button_1 { width: 43%; line-height: 24px; height: 40px; outline: none; font-size: 14px; font-weight: bold; margin: 0; box-shadow: 2px 2px 8px #a1dfff; display: inline-block; transition: all 500ms ease-in-out; vertical-align: middle; padding: 8px 0; border: 1px solid #71ceff; border-radius: 0px; background: #9fdeff; color: #000; text-transform: uppercase; letter-spacing: 1.2px; }

.snipcart-details input.button_1:hover { box-shadow: 2px 2px 12px #a1dfff; letter-spacing: 2px; background: #7cd1fe; }

.snipcart-details button.btn-default{ width: 35%; line-height: 24px; height: 40px; outline: none; font-size: 14px; font-weight: bold; margin: 0 0 0 10px; box-shadow: 2px 2px 8px #ff292982; display: inline-block; transition: all 500ms ease-in-out; vertical-align: middle; padding: 8px 0; border: 1px solid #d60c0c; border-radius: 0px; background: #ff2929; color: #fff; text-transform: uppercase; letter-spacing: 1.2px; text-align: center; }

.snipcart-details button.btn-default:hover{ box-shadow: 2px 2px 12px #ff292982; letter-spacing: 2px; background: #e40000; }



.tabel-box table{ width: 100%;}
.tabel-box table tr td{ width: 100%; color: #000; }




.mobile-view{ color: #032754; padding: 0; font-weight: normal; font-size: 16px; line-height: 20px; }

.mobile-view1{ color: #032754; padding: 0; font-weight: bold; font-size: 15px; line-height: 20px; padding:0 0 8px; }







fieldset a.button { font-size: 14px; color: #fff; background: #2a3c7a; text-decoration: none; border: none; border-radius: 0; width: 100%; text-transform: uppercase; padding: .5em; outline: none; display: block; text-align: center; }

.text-center_1{ text-align: center; }

.text-center_1 a.button { font-size: 14px; color: #fff; background: #F5820D; text-decoration: none; border: none; border-radius: 0; width: 100%; text-transform: uppercase; padding: .5em; outline: none; }

.text-center_1 a.button:hover { background: #064FAB; }

label.hik { font-size: 14px !important; color: #064fab !important; font-weight: bold; text-align: left; float: left; margin: 0 0 35px 0; letter-spacing: 0.5px; line-height: 20px; border-bottom: 1px solid #064fab; }



p.hik{ font-size: 14px; color: #000; line-height: 20px; padding: 0 0; margin: 0; }







.profile-banner .no { height: 40px; width: 100%; resize: none; padding: 5px; border: 0.5px solid #cfc2b9; }



.ed-p-box{ width: 100%; padding: 4px 6px; margin: 0; }

p.or-de-p{ padding: 10px 0 0; margin: 0; }



.agileinfo_mail_grid_right input[type="text"]{     background: none; font-family: inherit; font-size: inherit; line-height: inherit; width: 100%; border: none; border-bottom: 1px solid #000; border-radius: 10px; padding: 0 20px 5px; color: #2c3142;  }

.agileinfo_mail_grid_right input[type="email"]{     background: none; font-family: inherit; font-size: inherit; line-height: inherit; width: 100%; border: none; border-bottom: 1px solid #000; border-radius: 10px; padding: 0 20px 5px; color: #2c3142;  }

.agileinfo_mail_grid_right select{ font-family: inherit; font-size: inherit; line-height: inherit; width: 100%; border: none; border-bottom: 1px solid #000; border-radius: 10px; padding: 0 20px 5px; color: #2c3142;  }

.agileinfo_mail_grid_right textarea{ font-family: inherit; font-size: inherit; line-height: inherit; width: 100%; border: none; border-bottom: 1px solid #000; border-radius: 10px; padding: 0 20px 5px; color: #2c3142;  }













/* --// order -- */

























/*Wishlist*/

.wishlist{ position: relative; width: 100%; overflow: hidden; padding: 15px; margin: 0; box-shadow: 4px 5px 4px #e8e8e8; border: 1px solid #d8d8d8; background: #fff; }

.wishlist h4{ padding: 5px 15px; margin: 0 0 15px; float: left; font-size: 23px; font-weight: bold; color: #000; line-height: 35px; display: block; width: 100%; background: #4b6e741a; border: 1px solid #d8d8d8; }

.wishlist .wishlist-block{ width: 100%; padding: 15px 0 30px; margin: 0; display: inline-block; border-bottom: 1px solid #d8d8d8; }

.wishlist .wishlist-block .image-block{ width: 15%; float: left; padding: 0; margin: 0; }

.wishlist .wishlist-block .image-block img{ width: 100%; }

.wishlist .wishlist-block .text-block{ width: 75%; float: left; padding: 0 0 0 30px; margin: 0; }

.wishlist .wishlist-block .text-block h5{ background: none; width: 100%; border-radius: 10px; padding: 0; color: #2c3142; font-size: 18px; }

.wishlist .wishlist-block .text-block h6{  letter-spacing: 0px; font-weight: normal; margin: 0 0 0 0; font-size: 24px; line-height: 30px; color: #144048; padding: 7px 0; }

.wishlist .wishlist-block .text-block h6 b{  } 

.wishlist .wishlist-block .text-block h6 del{ margin: 0 10px 0 10px; font-size: 17px; color: #939393; font-weight: normal; }   

.wishlist .wishlist-block .text-block h6 strong{ font-size: 14px; padding: 0; color: #ff5400; font-weight: 500; border-radius: 5px; margin: 0; }   

.wishlist .wishlist-block .del-block{ width:10%; float:right; padding: 0; margin: 0; text-align: right; } 

.wishlist .wishlist-block .del-block i{ font-size: 18px; color: #ccc; }

  

  













/*Chose-Author*/

.Chose-Author{background: url(../images/ser-bg.png) repeat;-webkit-box-shadow: -1px 9px 16px -3px rgba(0, 0, 0, 0.11);transition: all 600ms ease-in-out;padding: 40px 20px;margin: 0;}

.Chose-Author ul{position: relative;padding: 0 0;margin: 0;width: 100%;display: inline-block;}

.Chose-Author ul li{position: relative;padding: 0 0;margin: 3px;list-style: none;width: 16%;float: left;text-align: center;}

.Chose-Author ul li a{}

.Chose-Author ul li a img{width: 80%;border-radius: 50%;border-bottom: 5px solid #9c3409;overflow: hidden; transition: all 400ms ease-in-out;}

.Chose-Author ul li a span{display: block;font-family: 'Raleway', sans-serif; text-align: center;font-size: 15px;line-height: 40px;padding: 4px 0 0 0;margin: 0;color: #464040;transition: all 400ms ease-in-out;}

.Chose-Author ul li a span:hover{ color: #2b0e03f0; transition: all 400ms ease-in-out;}

.Chose-Author ul li a img:hover{-webkit-transform: scaleX(-1);transform: scaleX(-1);  transition: all 400ms ease-in-out;}



/*Popular-Publishers*/

.Popular-Publishers{background: url(../images/ser-bg.png) repeat;transition: all 600ms ease-in-out;padding: 40px 20px;width: 100%;margin: 0 auto 30px;}

.Popular-Publishers .slick-slide{height: auto !important; min-height: 1px;}

.Popular-Publishers .slick {width: 90%; margin: 0 auto;}

.Popular-Publishers .slick-slide .inner { margin: 15px; -webkit-box-shadow: -1px 9px 16px -3px rgba(0, 0, 0, 0.11); border: 2px solid #eee; transition: all 600ms ease-in-out; border-radius: 15px; background: #fff; }

.Popular-Publishers .slick-slide img { display: block; height: 110px !important; width: 130px !important; padding: 5px; border-radius: 10px; }







/*given-reviews*/

.given-reviews{ width: 100%; height: 100%; position: relative; display: block; padding: 40px 0 50px; margin: 0; background: url(../images/ser-bg.jpg); }

.given-reviews h1{display: block; text-align: center; font-size: 35px; font-family: 'Croissant One', cursive; padding: 0; margin: 30px 0; line-height: 40px; color: #8c0609; font-weight: bold;}

.w3_login_module1{     position: relative; width: 30%; overflow: hidden; background: #ffffff; border-radius: 7px; text-align: center; box-shadow: -5px 29px 210px -27px rgb(0 0 0 / 54%); -webkit-box-shadow: -20px 19px 30px -27px rgb(0 0 0 / 40%); -moz-box-shadow: -5px 29px 34px -27px rgba(0,0,0,0.54); margin: 0 auto 100px; }

.w3_login_module1 form{ padding: 20px 0 20px; border-radius: 10px; }

.w3_login_module1 form input[type="text"]{     border: none; border-bottom: 1px solid #ccc; width: 80%; margin: 10px 0 10px; padding: 10px 10px 3px; border-radius: 8px; color: #000; font-size: 15px; outline: none; outline-style: none; outline-color:none; }

.w3_login_module1 form input[type="email"]{   border: none; border-bottom: 1px solid #ccc; width: 80%; margin: 10px 0 10px; padding: 10px 10px 3px; border-radius: 8px; color: #000; font-size: 15px; outline: none; outline-style: none; outline-color:none; }

.w3_login_module1 form textarea{   border: none; border-bottom: 1px solid #ccc; width: 80%; margin: 10px 0 10px; padding: 10px 10px 3px; border-radius: 8px; color: #000; font-size: 15px; outline: none; outline-style: none; outline-color:none; }

.w3_login_module1 .rating1 { direction: ltr; font-weight: bold; color: #00bfff; font-size: 16px; }







/*Career / Jobbox*/

.given-reviews .Jobbox{ position: relative; width: 100%; overflow: hidden; padding: 0px; margin: 0 0 40px; background: #fff; border: 0.5px solid #eaeaea94; border-radius: 5px; -webkit-box-shadow: 0px 13px 35px -12px rgb(35 35 35 / 15%); box-shadow: 0px 13px 35px -12px rgb(35 35 35 / 15%); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-ou }

.given-reviews .Jobbox { transition: all 600ms ease-in-out; width: 100%; margin: 0 auto; background: #f9f7f7; padding: 20px 25px; border-radius: 15px; border: 1px solid #d2d0d026; -webkit-box-shadow: 0px 13px 35px -12px rgb(35 35 35 / 15%); box-shadow: 0px 13px 35px -12px rgb(35 35 35 / 15%); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; }

.given-reviews .Jobbox form { width: 100%; margin: 0 auto; transition: all 600ms ease-in-out; border: 2px double #fff; border-radius: 15px; padding: 10px 15px 15px; background: #fff; -webkit-box-shadow: 0px 13px 35px -12px rgb(35 35 35 / 15%); box-shadow: 0px 13px 35px -12px rgba(35, 35, 35, 0.31); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; }

.given-reviews .Jobbox:hover form { border: 2px double #fff; box-shadow: none; transition: all 600ms ease-in-out; }

.given-reviews .Jobbox form .log-input { position: relative; width: 100%; background: #fff; display: inline-block; border: 0.5px dotted #1f3451; margin: 10px 0 15px; padding: 0; outline: none; border-radius: 2px; }

.given-reviews .Jobbox form .log-input span { position: absolute; content: ""; top: -10px; font-size: 13px; line-height: 15px; left: 7px; padding: 1px 5px; background: #fff; color: #142f53; }

.given-reviews .Jobbox form .log-input span b { color: #f00; font-size: 20px; }

.given-reviews .Jobbox form .log-input label { background: #fff; width: 10%; float: left; padding: 15px 0 0 10px; margin: 0; }

.given-reviews .Jobbox form .log-input input { background: #fff; width: 89%; float: right; padding: 12px 0 8px 0; margin: 0; border: none; outline: none; font-size: 14px; color: #000; }

.given-reviews .Jobbox form .log-input select { background: #fff; width: 89%; float: right; padding: 10px; margin: 0; border: none; outline: none; font-size: 15px; color: #000; }

.given-reviews .Jobbox form .log-input label i { color: #2b4262; }

.given-reviews .Jobbox form .log-input:hover label i { color: #a1062c; }

.given-reviews .Jobbox form .log-input:hover { border: 0.5px dotted #a1062c; }

.given-reviews .Jobbox form .log-input:hover span { color: #a1062c; }

.given-reviews .Jobbox form .agileits-agree { border: none !important; width: 100%; }

.given-reviews .Jobbox form .agileits-agree input { width: 10%; float: left; }

.given-reviews .Jobbox form .agileits-agree label { width: 90%; float: right; padding: 0; color: #142f53; font-size: 13px; line-height: 15px; }

.given-reviews .Jobbox form .agileits-agree label a { color: #a40e33; padding: 0 0 0 5px; }

.given-reviews .Jobbox form .agileits-agree input[type="submit"] { transition: all 600ms ease-in-out; background: #f00; color: #fff; padding: 9px 30px; width: auto; border-radius: 10px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.34); }

.given-reviews .Jobbox form .agileits-agree input[type="submit"]:hover { background: #163054; transition: all 600ms ease-in-out; }

.given-reviews .Writereviewsgiven{ position: relative; display: block; padding: 10px 10px; border-radius: 5px; background: #fff;     animation: menu_sticky 0.7s ease-in-out; overflow: hidden;border: 1px solid #ddddddc7;-webkit-box-shadow: -1px 9px 16px -3px rgba(0, 0, 0, 0.19);margin: 0 0 30px;}

.given-reviews .Writereviewsgiven h6{color: #f00; font-size: 15px; line-height: 25px; padding: 0; margin: 0; font-style: italic;text-align: center;}

.given-reviews .Writereviewsgiven a{text-align: center;cursor: pointer;  border-radius: 5px; border-bottom: 5px solid #a13f1375; letter-spacing: 0; color: #fff; font-size: 19px; line-height: 25px; padding: 9px 0; margin: 5px auto 10px; font-style: normal; width: 80%;  text-transform: uppercase; font-weight: 600;background: linear-gradient(90deg,rgb(157, 54, 9) 0%, rgb(255, 127, 2) 50%, rgb(157, 54, 9) 100%);text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.72);display: block;}

.given-reviews .Writereviewsgiven a:hover{background: #760003; border-bottom: 5px solid #b70005;}

.given-reviews .reviewsProduct{width: 100%;text-align: center;}

.given-reviews .reviewsProduct img{width: 80%;border-radius: 5px;margin: 0 auto;display: block;}

.given-reviews .reviewsProduct h2{position: relative; padding: 0; margin: 5px 0 0; font-size: 15px; line-height: 30px; color: #4b6e74; font-weight: initial; letter-spacing: 0.5px;}

.given-reviews .reviewsProduct h3{ color: #4b6e74;  border-radius: 5px; font-size: 17px; margin: 0;  font-weight: normal;   line-height: 25px;padding: 0 0 3px;display: block;}

.given-reviews .reviewsProduct img.img-review{width: 35%;border-radius: 5px;padding: 3px 0 0;}   



/*retaingbox*/

.retaingbox{width: 100%; padding: 25px; margin: 0; background: #fff; border: 1px solid #cccccc36; display: inline-block; border-radius: 15px; -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.15); box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.11);}

.retaingbox form{ width: 100%; padding: 0; margin: 0; display: inline-block; }

.retaingbox form .Rate-box{ width: 100%; display: block; padding: 0; margin: 0; }

.retaingbox form .Rate-box label{width: 100%; display: inline-block; font-family: 'Croissant One', cursive; font-size: 15px; line-height: 22px; color: #5b0406; padding: 0 0 5px; margin: 0; font-weight: normal; }

.retaingbox form .Rate-box input{width: 100%; display: inline-block; font-size: 14px; line-height: 20px; color: #000000b0; border: 1px solid #cccccc85; outline: none; padding: 10px; margin: 3px 0 10px; border-radius: 6px;}

.retaingbox form .Rate-box textarea{width: 100%; display: inline-block; font-size: 14px; line-height: 20px; color: #000000b0; border: 1px solid #cccccc85; outline: none; padding: 10px; margin: 3px 0 10px; border-radius: 6px;}

.retaingbox form .Rate-box span{width: 100%; display: inline-block; font-size: 14px; line-height: 20px; color: #000000b0; border: 1px solid #cccccc85; outline: none; padding: 10px; margin: 3px 0 10px; border-radius: 6px;}

.retaingbox form .Rate-box input[type="submit"]{transition: all 600ms ease-in-out; width: 65%; padding: 12px 0; margin: 25px 0 0; font-size: 15px; font-family: 'Croissant One', cursive; background: #7e1416; color: #fff; }

.retaingbox form .Rate-box input[type="submit"]:hover{background: #147e2f; color: #fff; transition: all 600ms ease-in-out;}    



.Rate-box {}   

.bootstrap-tab-text-grid{ padding: 0 0 10px; margin: 0 0 20px; border-bottom: 1px solid #d8d8d8; }

.add-review a{background: #ffbc00; padding: 7px 20px; margin: 0; border: 4px double #dadada; transition: all 600ms ease-in-out; color: #FFF; text-transform: capitalize; font-size: 15px; }   

  

.Writereviews{width: 100%; padding: 25px; margin: 0; background: #fff; border: 1px solid #cccccc36; display: inline-block; border-radius: 15px; -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.15); box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.11);}

.Writereviews h3{width: 100%; display: inline-block; font-family: 'Croissant One', cursive; font-size: 22px; line-height: 22px; color: #620608; padding: 0 0 15px; margin: 0 0 15px; font-weight: normal; border-bottom: 0.5px solid #cccccc5c;}

.Writereviews h5{padding: 0; margin: 0; font-size: 15px; line-height: 20px; color: #350304d1; display: inline-block; font-family: 'Croissant One', cursive;}

.Writereviews h6{padding: 5px 0 0; margin: 0 0 15px; font-size: 14px; line-height: 20px; color: #200101e5;   display: block; }



/*-- Ratings --*/

.bootstrap-tab-text-grid{ padding: 0 0 10px; margin: 0 0 20px; border-bottom: 1px solid #d8d8d8; }

.add-review a{background: #ffbc00; padding: 7px 20px; margin: 0; border: 4px double #dadada; transition: all 600ms ease-in-out; color: #FFF; text-transform: capitalize; font-size: 15px; }   

.rating1 { direction:ltr; }



/*--  Review --*/ 

.man-revew-left{ padding: 0 0 0; width: 60px; height: 60px; border-radius: 50%; overflow: hidden;  display: inline-block; }

.man-revew-left img{ width: 100%; }

.man-revew-right{ padding: 0 0 0; width: 80%; float: right; }

.man-revew-right ul{ padding:0 0 0; margin:0 0; }

.man-revew-right ul li{ padding: 0 0 0; margin: 0 0; display: inline-block; float: left; width: 50%; }

.man-revew-right ul li a{ padding: 0 0 0; margin: 0 0; font-size: 15px; line-height: 20px; display: inline-block; color: #0c5f88; }

.man-revew-right p{display: inline-block; padding: 15px 0 0; text-align: justify; font-size: 13px;}



.add-review{ padding:0 0 0; }

.add-review h4{padding: 0 0 0; font-size: 19px; line-height: 25px; color: #122e3c; text-align: left; }

.add-review form{ margin:2em 0 0; }

.add-review input[type="text"],.add-review input[type="email"],.add-review textarea{ outline: none; padding: 10px; border: 1px solid #D2D2D2; width: 48%; font-size: 15px; color: #888; margin: 0; }

.add-review input[type="email"]{ margin-left: 1.55%; }

.add-review textarea{ width: 100% !important; min-height: 120px; margin: 1em 0; resize: none; }

.add-review input[type="text"]:nth-child(3){ width:100%; margin:1em 0; }

.add-review input[type="submit"]{ outline: none; padding: 12px 0; background: #2fdab8; border: none; width: 40%; font-size: 1em; color: #fff; font-weight: 700; letter-spacing: 2px; margin: 0; }

.add-review input[type="submit"]:hover{ background: #000; }

/*-- // Review --*/ 







.all-reviews{ position: relative; overflow: hidden; float: left; padding: 10px 15px; margin: 0 auto; display: block; background: #fff; -webkit-box-shadow: 0px 13px 35px -12px rgb(35 35 35 / 15%); box-shadow: 0px 13px 35px -12px rgba(151, 146, 146, 0.34); -webkit-animation: menu_sticky 0.7s ease-in-out; animation: menu_sticky 0.7s ease-in-out; border: 1px solid #e9e9e9; border-radius: 5px; }

.all-reviews-left{  width: 50%; padding: 0; margin: 0; float: left;}

.all-reviews-left .all-reviews-left-box{width: 50%; float: left; padding: 0; margin: 0;}

.all-reviews-left .all-reviews-left-box h4{font-family: 'Croissant One', cursive; padding: 30px 10px; margin: 0; line-height: 25px; color: #9d0407; font-weight: normal; font-size: 18px;}

.all-reviews-left .all-reviews-left-box h4 span{display: block;   padding: 0; margin: 0; line-height: 30px; color: #880f11; font-weight: normal; font-size: 16px; }

.all-reviews-left .all-reviews-left-box ul{ padding: 0 0 0 30px; margin: 0 auto; border-right: 0.5px solid #cccccc75; border-left: 0.5px solid #cccccc75; width: 100%;}

.all-reviews-left .all-reviews-left-box ul li{ padding: 0; margin: 0;}

.all-reviews-left .all-reviews-left-box ul li img{width: 50%; height: auto;}

.all-reviews-left .all-reviews-left-box ul li span{font-family: 'Croissant One', cursive; color: #4d090ae0; font-size: 14px; line-height: 25px; padding: 0 0 0 5px; }



.all-reviews-right{width: 50%; float: right; padding: 0 10px 0 0;}

.all-reviews-right h4{font-size: 20px; font-family: 'Croissant One', cursive; padding: 0 0 0 30px; margin: 6px 0 10px 0; line-height: 40px; color: #8a0508; font-weight: bold; text-align: right;}

.all-reviews-right h4 span{display: block; font-size: 15px; font-family: 'Croissant One', cursive; padding: 0 0 0 30px; margin: 0; line-height: 25px; color: #4d0607; font-weight: normal; text-align: right;}

.all-reviews-right a{transition: all 400ms ease-in-out; background: #66b011; color: #fff; font-size: 15px; font-family: 'Croissant One', cursive; padding: 8px 20px; border-radius: 5px; float: right;}

.all-reviews-right a:hover{background: #7e1416; transition: all 400ms ease-in-out;}



.all-reviews .all-reviews-show{ width: 100%; overflow: hidden; position: relative; padding: 10px 30px 10px 10px; margin: 0 0 5px 0; display: block; -webkit-box-shadow: -1px 9px 16px -3px rgba(0, 0, 0, 0.07);}

.all-reviews .all-reviews-show .lt-box-icon{ position: relative; width: 10%; overflow: hidden; float: left; }

.all-reviews .all-reviews-show .lt-box-icon img{ width: 80%; }

.all-reviews .all-reviews-show .lt-box-text{ position: relative; width: 90%; overflow: hidden; float: right;   }

.all-reviews .all-reviews-show .lt-box-text h4{ padding: 0; margin: 0; line-height: 25px; color: #4b6e74; font-weight: normal; font-size: 18px; font-family: 'Federo', sans-serif;}

.all-reviews .all-reviews-show .lt-box-text p{  font-size: 16px; line-height: 30px; padding: 0; margin: 0; letter-spacing: 0;  color: #162628;  font-weight: 300;}

.all-reviews .all-reviews-show .lt-box-text li img{ width:12%;margin: -5px 0 0 -15px; }





/*BOOK PRODUCT*/

.product-on { position: relative; overflow: hidden; width: 95%; padding: 30px 0 50px; background: url(../images/ser-bg.jpg) repeat; margin: 0 auto;background: linear-gradient(900deg, rgba(253, 253, 253, 0.9) 30%, rgb(157, 54, 9) 30%); border-radius: 10px;-webkit-box-shadow: -1px 9px 16px -3px rgba(0, 0, 0, 0.2);margin: 0 auto 30px;z-index: 9999;}

.product-on .filter-left{width: 21%; float: left; background: linear-gradient(90deg,rgb(157, 54, 9) 0%, rgb(255, 255, 255) 50%, rgb(157, 54, 9) 100%); border-radius: 4px; padding: 15px; border: 1px solid #bb3f09c7;-webkit-box-shadow: -1px 9px 16px -3px rgba(0, 0, 0, 0.19);}

  

.product-on .filter-left form{}

.product-on .filter-left form .Sort-By{position: relative;width: 100%;padding: 10px;margin: 0 0 5px 0;background: #fff;-webkit-box-shadow: -1px 9px 16px -3px rgba(0, 0, 0, 0.11);display: inline-block;}

.product-on .filter-left form .Sort-By label{font-weight: 600;font-family: 'Raleway', sans-serif;color: #471d05;font-size: 15px;float: left;width: 35%;padding: 8px 0 0;}

.product-on .filter-left form .Sort-By select{ font-weight: 600;float: right;width: 65%;padding: 10px 0;margin: 0;outline: none;background: #c13b00;border: 1px solid #ccc;text-align: center;font-size: 14px;line-height: 20px;color: #fff;outline: none;border: none;}

.product-on .filter-left form .Category{position: relative;width: 100%;padding: 5px;margin: 0 0 5px;background: #fff;-webkit-box-shadow: -1px 9px 16px -3px rgba(0, 0, 0, 0.11);display: inline-block;}

.product-on .filter-left form .Category button{color: #fff; font-weight: 600; padding: 10px; margin: 0; outline: none; background: #c13b00; border: 1px solid #ccc; font-size: 14px; line-height: 20px; width: 100%; text-align: left; }

.product-on .filter-left form .Category button:hover{}

.product-on .filter-left form .Category .list-container {  height: 0; overflow: hidden; transition: height 1s ease-in-out; }

.product-on .filter-left form .Category .list-container.active { height: 100px; }

.product-on .filter-left form .Category .list-container ul{width: 100%;padding: 0 0;margin: 0;}

.product-on .filter-left form .Category .list-container ul li{background: #cccccc2e;color: #0d0500; font-weight: 400;font-size: 14px;padding: 5px;border-bottom: 1px solid #fff;}

.product-on .filter-left form .Category .list-container ul li:hover{transform: scale(1);border-bottom: 1px solid #eee9e9; background: #fff0;}

.product-on .filter-left form .Category-sub{position: relative; width: 100%; padding: 5px; margin: 0 0 5px; background: #fff; -webkit-box-shadow: -1px 9px 16px -3px rgba(0, 0, 0, 0.11); display: inline-block;}

.product-on .filter-left form .Category-sub button{color: #fff; font-weight: 600; padding: 10px 10px; margin: 0; outline: none; background: #c13b00; border: 1px solid #ccc; font-size: 14px; line-height: 20px; width: 100%; text-align: left; }

.product-on .filter-left form .Category-sub button:hover{}

.product-on .filter-left form .Category-sub .accordion-sub{}

.product-on .filter-left form .Category-sub .accordion-sub .panel{}

.product-on .filter-left form .Category-sub .accordion-sub ul{}

.product-on .filter-left form .Category-sub .accordion-sub ul li{background: #cccccc2e;color: #0d0500;font-weight: 400;font-size: 14px;padding: 5px;border-bottom: 1px solid #fff;list-style: none;}

.product-on .filter-left form .Category-sub .accordion-sub ul li input[type="checkbox"]{}

.product-on .filter-left form .Category-sub .accordion-sub ul li label{ font-weight: 400;padding: 3px 8px 4px 10px;margin: 0;}

.product-on .filter-left form .Category-sub .accordion-sub ul li:hover{transform: scale(1);border-bottom: 1px solid #eee9e9; background: #fff0;}



.product-on .book-right{width: 78%; float: right; border-radius: 10px; padding: 0; margin: 0; height: 1200px;overflow: auto;}

.product-on .book-right .book-box{position: relative;background: #fff;border-radius: 10px;-webkit-box-shadow: -1px 9px 16px -3px rgba(0, 0, 0, 0.09);margin: 0 12px 25px;transition: all 600ms ease-in-out;padding: 5px;width: 22%;overflow: hidden;float: left;}

.product-on .book-right .book-box .book-img{position: relative;height: 300px;overflow: hidden;border-radius: 0;margin: 0;background: #3c1601;}

.product-on .book-right .book-box .book-img img{width: 100%;border-radius: 0;height: 300px;opacity: 0.7;transition:all 600ms ease-in-out;}

.product-on .book-right .book-box:hover .book-img img{transform: scale(1.1); opacity:1; transition:all 600ms ease-in-out;}

.product-on .book-right .book-box .book-img h6{position: absolute;content: "";right: 0px;bottom: 0px;background: #fd7700;padding: 10px 15px 8px 15px;font-size: 13px;font-weight: bold;color: #fff;border-radius: 5px;-webkit-box-shadow: 2px -11px 10px -1px rgba(0, 0, 0, 0.14);border: 1px solid #ffffff6e; }

.product-on .book-right .book-box h3{font-family: 'Raleway', sans-serif;color: #2b0e03f0;text-align: center;font-size: 17px;line-height: 23px;padding: 0 0;margin: 5px 0 0px;height: 30px;}

.product-on .book-right .book-box h4{font-family: "Roboto", Sans-serif;text-align: center;font-size: 12px;line-height: 15px;color: #303940e3;padding: 0;margin: 0;height: 25px;}

.product-on .book-right .book-box h5{text-align: center;color: #6c2404;font-weight: normal;font-size: 20px;line-height: 22px;padding: 0 0;margin: 0; }

.product-on .book-right .book-box h5 del{font-size: 18px; line-height: 22px; color: #403c3cba; letter-spacing: 1px; padding: 0 0 0 4px; }

.product-on .book-right .book-box a{width: 95%;margin: 13px auto 10px;text-align: center;font-size: 15px;letter-spacing: 0.5px;box-shadow: 0px 15px 10px -8px rgba(0, 0, 0, 0.25);display: block;padding: 10px 0;transition: all 600ms ease-in-out;background: linear-gradient(to top, #ff7800, #732603);color: #fff;border: 0.5px solid #ff6c00;border-radius: 100px;}

.product-on .book-right .book-box:hover a{transition: all 600ms ease-in-out; background: linear-gradient(to top, #401300, #ff8300); color: #fff; border: 0.5px solid #9d3609; transition: all 600ms ease-in-out;}

.product-on .book-right .book-box:hover{-webkit-box-shadow: -1px 9px 16px -3px rgb(36, 13, 0); -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); transition: all 600ms ease-in-out;}


  .add-input-address {
    font-size: 15px;
  line-height: 32px;
  color: #000;
  text-align: justify;
  }










@media(max-width: 1680px) {

    

    

}



@media(max-width: 1600px) {

    

    



    

    

    

    

}



@media(max-width: 1440px) {



    .categories .categories-block .categories-box { width: 21.8%; float: left; padding: 0; margin: 0 14px; text-align: center; }

}



@media(max-width: 1280px){

   



.collection .collection-block .collection-right .collection-box-content { width: 48%; float: left; padding: 0; margin: 0 0 0 12px; background: #cccccc24; overflow: hidden; transition: all 400ms ease-in-out; }

.categories .categories-block { width: 69%; margin: 0 auto; display: block; text-align: center; padding: 0; }

.banner { width: 100%; position: relative; display: block; overflow: hidden; background: #fff; padding: 0; margin: 0; height: 550px; }

.banner img { width: 100%; opacity: 0.9; padding: 0; margin: 0; height: 550;

    object-fit: cover; }

   

}



@media(max-width: 1080px){}



@media(max-width: 900px){



}



@media(max-width: 800px){}







@media(max-width:786px) {





.header .header-top .header-logo { width: 90%; top: -5px; display: none !important; }
.header .header-top .header-logo-middle { display: block !important; width: 100%;
    top: 0; }
/*.header .header-bottom{ display: none; }*/

.header .header-bottom {
display: none !important;
}
.mobile-head {
  display: block !important;
}

.header .header-top .search .overlay {
  height: 80px;
  width: 100%;
  top: 58px;
  right: 72px; left: auto;
}







	
	
.mobile-head {
position: relative;
display: inline-block;
z-index: 9;
width: 100%;
overflow: hidden;
background: #fff;
padding: 5px 0;
margin: 0;
}
.mobile-head .logo-mob {
width: 15%;
padding: 0% 0;
margin: 0;
display: none !important;
}
.mobile-head .logo-mob img {
width: 100%;
height: auto;
}


.mobile-nav-tab {
width: 27%;
padding: 0;
margin: 0;
overflow: hidden;
float: right;
}
.mobile-nav-tab #header {
position: sticky;
height: 40px;
padding: 0;
top: 0;
font-size: 16px;
font-weight: bold;
color: #fff;
transition: all 500ms ease-in-out;
line-height: 44px;
text-align: center;
background: #fff;
width: 100%;
border-radius: 5px;
}
.mobile-nav-tab #header a {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50px;
padding: 10px;
}
.mobile-nav-tab #header a::before, .mobile-nav-tab #header a::after {
content: "";
display: block;
background: #03367c;
height: 2px;
width: 40px;
}
.mobile-nav-tab #header a span {
background: #fb3204;
display: block;
height: 2px;
margin: 7px 0;
width: 50px;
transition: all 500ms ease-in-out;
}
.mm-menu, .mm-menu * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}






.banner { width: 100%; position: relative; display: block; overflow: hidden; background: #fff; padding: 0; margin: 0; height: 400px; }

.banner img { width: 100%; opacity: 0.9; padding: 0; margin: 0; height: 400px;

    object-fit: cover; }

.header .header-bottom {

  padding: 25px 0;

  margin: 0;

}

  #menu-icon {

    background: url(../images/menu_icon.png) 50% 50% no-repeat;

    display: block;

    width: 48px;

    height: 31px;

    text-indent: -9999999em;

    padding: 0;

    overflow: hidden;

    margin-left: 0;

    cursor: pointer;

    z-index: 1000;

    position: absolute;

    top: -14px; right: 0;

  }

.sf-menu {

    top: 26px;

    width: 400px;

  }



.sf-menu ul.Boxul {

  box-shadow: none;

  width: 400px !important;

  background: #ad073b;

  background: linear-gradient(145deg, #ecf7ff 20%, #e6f3ff 70%);

  padding: 0px !important;

  margin: 0 !important;

  transition: all 600ms ease-in-out;

  border: 1px solid #7fd3ff;

}

.sf-menu ul.Boxul .ulBox {

  width: 100%;

  float: left;

  margin: 0;

  height: ;

  background: linear-gradient(145deg, #ecf7ff 20%, #e6f3ff 70%);

}

 .sf-menu li ul li a {

    font-size: 9px !important;

    line-height: 10px;

  }

.sf-menu ul.Boxul .ulBox-middle {

  width: 100%;

  float: left;

  background: linear-gradient(145deg, #ecf7ff 20%, #e6f3ff 70%);

}

.sf-menu ul.Boxul .ul-logo {

  width: 80%;

  float: left;

  padding: 30px 0 0;

  margin: 0 auto;

  display: none;

}

.sf-menu ul.Boxul .ul-img {

  width: 20%;

  float: right;

  display: none;

}

.sf-menu li {

  display: inline-block;

  float: none;

  padding: 0;

  margin: 0;

}

.header .header-top .search {

  width: 38%;

  padding: 5px 0;

}

.header .header-top .search button.openBtn {

  font-size: 12px;

  line-height: 24px;

  padding: 5px 0;

  width: 85%;

}
.ads-grid .profile-banner {
  padding: 15px;
  margin: 20px 0;
  display: inline-block;
  width: 100%;
}
	.ads-grid .profile-banner .edit-add {
  padding: 7px 0;
  font-size: 13px;
  color: #000;
}
	.ads-grid .profile-banner .edit-add a {
  width: 16%;
  line-height: 24px;
  height: 30px;
  font-size: 13px;
  margin: 10px 0 0;
  padding: 3px 0;
  text-transform: uppercase;
  display: block;
}
.header .header-top .search button.openBtn i {

  font-size: 12px;

  padding: 0 10px 0 0;

}

.header .header-top .header-add-cart a {

  font-size: 12px;

  line-height: 15px;

  padding: 10px;

  width: 55px;

  height: 34px;

}

.header .header-top .log-in .dropdown .dropbtn {

  font-size: 13px;

  line-height: 9px;

}



.header .header-top .log-in .dropdown-content ul.log-sing li a {

  width: 100%;

  display: block;

  line-height: 32px;

  color: #000;

  font-size: 11px;

  text-decoration: none;

  border-radius: 0px !important;

  padding: 0 0 0 15px;

}

.header .header-top .log-in .dropdown .dropdown-content {

  min-width: 130px;

  z-index: 1;

}

.header .header-top .log-in .dropdown-content ul.log-sing li a i {

  margin-right: 10px;

  font-size: 11px;

  line-height: 30px;

}

.category {

  width: 100%;

  padding: 30px 0;



}

.category .category-nav ul li a {

  padding: 10px 40px;

  margin: 0 5px;

  font-size: 12px;

  line-height: 15px;

}

.category h4 {

  font-size: 14px;

  line-height: 20px;

  padding: 0 0 20px;

  margin: 0;

  letter-spacing: 3px;

}

.category .category-block .imageBefore {

  height: 200px;

}

.category .category-block .imageAfter {

  height: 200px;

}

.category .category-block .categories-text-block h4 {

  font-size: 12px;

  line-height: 18px;

  color: #000;

  padding: 10px 0 0 10px;

  margin: 0;

  text-transform: capitalize;

  /* text-align: left; */

  font-weight: 400;

  height: 80px;

  letter-spacing: 0;

  overflow: hidden;

}

.category .category-block .categories-text-block h6 {

  font-size: 14px;

  line-height: 24px;

  padding: 0 0 0 10px;

}

.category .category-block .categories-text-block h6 del {

  font-size: 11px;

  margin: 0 0 0 5px;

}

.category .category-block .categories-text-block h6 span {

  font-size: 10px;

  margin: 0 0 0 5px;

}

#category-slider .owl-prev {

  width: 20px;

  height: 33px;

  left: -25px;

  top: 100px;

}

#category-slider .owl-next {

  width: 20px;

  height: 33px;

  right: -25px;

  top: 100px;

}

#seller-slider .owl-prev {

  width: 20px;

  height: 33px;

  left: -25px;

  top: 100px;

}

#seller-slider .owl-next {

  width: 20px;

  height: 33px;

  right: -25px;

  top: 100px;

}



#product-slider .owl-prev {

  width: 20px;

  height: 33px;

  left: -25px;

  top: 100px;

}

#product-slider .owl-next {

  width: 20px;

  height: 33px;

  right: -25px;

  top: 100px;

}

.trending {

  width: 100%;

  padding: 30px 0;

}

.trending .trending-box {

  width: 140px;

  padding: 0;

  margin: 0 36px 15px 0;

  text-align: center;

  float: left;

}



.trending .trending-box h6 {

  font-size: 10px;

  line-height: 18px;

  padding: 10px 0 0;

  letter-spacing: 3px;

  height: 55px;

}

.footer {

  padding: 30px 0 50px;

  margin: 0;

}

.footer .footer-logo {

  width: 40%; padding: 0 ;

}

.footer h4 {

  font-size: 14px;

  line-height: 20px;

  padding: 15px 0;

  letter-spacing: 3px;

}

.footer ul.quick-footer-link li {

  font-size: 12px;

  line-height: 16px;

  padding: 0 0 10px;

}

.footer ul.social-link li {

  font-size: 16px;

  line-height: 30px;

  margin: 0 15px 0 0;

}

.footer ul.social-link li a {

  height: 30px;

  width: 30px;

  padding: 0px 0 0;

}

.footer ul.social-link li i {

  font-size: 12px;

  padding: 0;

}

.footer ul.footer-contact-address li {

  font-size: 13px;

  line-height: 20px;

  padding: 0 0 10px;

}

.footer ul.footer-contact-address li i {

  font-size: 12px;

  line-height: 16px;

  padding: 0 10px 0 0;

}

.footer .copyright p {

  font-size: 11px;

  line-height: 14px;

}

.footer .copyright {

  padding: 8px 0;

}

.bottom-footer .text-run {

  font-size: 13px;

  line-height: 15px;

}

.bottom-footer {

  padding: 8px 0;

  margin: 0;

}



.inner-banner {

  height: 160px;

}
.inner-banner img{

  height: 160px;
object-fit: inherit;
}


.trending h4 {

  font-size: 14px;

  line-height: 20px;

  padding: 0 0 20px;

  letter-spacing: 3px;

}

.about .about-text-block h4 {

  font-size: 14px;

  line-height: 20px;

  padding: 0 0 20px;

  letter-spacing: 3px;

}

.about .about-text-block p {

  font-size: 13px;

  line-height: 24px;

  padding: 0 0 15px;

}

.about {

  width: 100%;

  padding: 30px 0; }

.mission {

  width: 100%;

  padding: 30px 0;

}

.mission p {

  font-size: 13px;

  line-height: 24px;

  padding: 0 0 15px;

}

.mission h4 {

  font-size: 14px;

  line-height: 20px;

  padding: 0 0 20px;

  letter-spacing: 3px;

}

.auth-container {

  width: 50%;

  margin: 60px auto;

}

.tab-btn {

  flex: 0 0 auto;

  font-size: 12px;

  padding: 10px 10px;

}

.input-group input {

  padding: 0 15px 0 30px;

  font-size: 12px;

  height: 40px;

}

.input-group i {

  left: 1rem;

  top: 50%;

  font-size: 12px;

}

.forgot-link {

  font-size: 10px;

}

.submit-btn {

  padding: 12px;

  font-size: 12px;

  gap: 10px;

  margin: 20px 0 0;

}

.submit-btn i {

  font-size: 12px;

}

.single-product .righttextbox-single .righttextbox-single-top {

  width: 100%;

  padding: 30px;

}

.single-product .righttextbox-single .righttextbox-single-top h5 {

  font-size: 14px;

  line-height: 20px;

  padding: 0 0 10px;

}

.single-product .righttextbox-single .righttextbox-single-top h6 {

  font-size: 14px;

  line-height: 22px;

  color: #000;

  text-align: initial;

  font-weight: bold;

}

.single-product .righttextbox-single .price h4 {

  font-size: 18px;

  line-height: 22px;

}

.single-product .righttextbox-single .price h4 del {

  font-size: 14px;

  padding: 0 0 0 10px;

}

.single-product .righttextbox-single .price h4 span {

  font-size: 10px;

  padding: 0 0 0 15px;

}



.single-product .righttextbox-single .enquiry-btn input {

  padding-inline: 1.25rem;

  gap: 0;

  font-size: 13px;

  width: 40%;

  padding: 8px 0;

  margin: 0;

}

.single-product .righttextbox-single .enquiry-btn {

  width: 100%;

  padding: 0;

  margin: 0;

}

.single-product .des b {

  font-size: 14px;

  line-height: 20px;

  padding: 10px 0 5px;

}

.single-product .des p {

  font-size: 13px;

  line-height: 24px;

}

.single-product {

  position: relative;

  padding: 30px 0;

}

.single-product .righttextbox-single .price h6 {

  font-size: 10px;

  line-height: 14px;

  color: #0089b3;

  padding: 0;

  margin: 0;

  font-weight: 300;

}

.cart-flipkart {

  padding: 30px 0;

  margin: 0;

  position: relative;

  width: 100%;

  overflow: hidden;

  background: #fff;

}

.title-home h2 {

  font-size: 14px;

  line-height: 20px;

  padding: 0 0 20px;

  letter-spacing: 3px;

}



.title-home h2 span {

  font-size: 10px;

  line-height: 16px;

  padding: 0 0 10px;

  letter-spacing: 2px;

}

.cart-flipkart .flipkart-box .flipkart-box-left .title-top h3 {

  width: 39%;

  font-size: 16px;

  line-height: 30px;

}

.cart-flipkart .flipkart-box .flipkart-box-left .title-top {

  padding: 5px 10px;

  margin: 0 0 5px 0;

}

.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-text h4 {

  padding: 0 0 8px;

  font-size: 14px;

  line-height: 20px;

}

.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-text h6 {

  padding: 0 0 5px;

  margin: 0;

  font-size: 16px;

}

.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-text h6 span {

  font-size: 12px;

  margin: 0 0 0 10px;

  font-weight: 400;

}

.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-text span.saving-cart {

  padding: 0 0 2px;

  margin: 0;

  font-size: 10px;

}

.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-text .quantity label {

  font-size: 12px;

  font-weight: bold;

}

.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-text .quantity select {

  padding: 6px 7px;

  margin: 0 0 0 10px;

  font-size: 13px;

}

.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-text a.button {

  padding: 3px 15px !important;

  width: 40%;

  line-height: 20px;

  font-size: 9px;

  margin: 15px 0 0;

  border-radius: 0px;

}

.cart-flipkart .flipkart-box .flipkart-box-left .snipcart-details input {

  width: 36%;

  line-height: 19px;

  height: 40px;

  font-size: 13px;

  margin: 10px 0 0;

  padding: 8px 0;

  border-radius: 0px;

}

.cart-flipkart .flipkart-box .flipkart-box-right h3 {

  padding: 5px 10px;

  margin: 0 0 10px 0;

  font-size: 16px;

  line-height: 30px;

}

.cart-flipkart .flipkart-box .flipkart-box-right p {

  margin: 0;

  padding: 0 8px 10px;

  font-size: 12px;

}

.cart-flipkart .flipkart-box .flipkart-box-right h2 {

  padding: 7px 10px 0;

  margin: 0;

  font-size: 14px;

}



.ads-grid {

  padding: 30px 0;

}

.side-bar-two {

  padding: 0;

  margin-bottom: 4px;

  height: 50px;

}

.side-bar-two .left-side-bar {

  width: 12%;

  margin: 0;

  padding: 12px 0;

}

.side-bar-two .left-side-bar i {

  position: relative;

  top: 0;

  font-size: 25px;

}

width: 86%;

  float: right;

  padding: 8px 5px;

  margin: 0;

}

.side-bar-two .right-side-bar p {

  font-size: 10px;

  line-height: 12px;

  color: #000;

  padding: 0 0 5px;

  margin: 0;

  font-weight: 500;

}

.side-bar-two .right-side-bar h4 {

  font-size: 13px;

  line-height: 15px;

  letter-spacing: 1.5px;

}

.user-profile ul li a {

  font-size: 13px;

  line-height: 24px;

}

.user-profile ul li a i {

  font-size: 13px;

  padding: 0 10px 0 0;

  color: #000;

}

.ads-grid .profile-banner {

  padding: 15px;

  margin: 20px 0;
display: inline-block; width: 100%;
}

.ads-grid .profile-banner h4 {

  padding: 5px 10px;

  margin: 0 0 10px 0;

  font-size: 16px;

  line-height: 30px;

}
.ads-grid .profile-banner .edit-add{ padding: 7px 0;  font-size:14px; color: #000; }
.ads-grid .profile-banner .edit-add a{ width: 8%;
  line-height: 24px;
  height: 30px;
  font-size: 13px;
  margin: 10px 0 0;
  padding: 3px 0;
  text-transform: uppercase;
  display: block; }


.profile-banner .add-input-address b {

  color: #0d0d0d;
  padding: 0;
  font-weight: bold;
  font-size: 13px;
  line-height: 24px;
  text-align: justify;

}











a.Ship-Another-Address {

  top: 12px;

  width: 32%;

  right: 60px;

  padding: 16px 0;

  font-size: 11px;

}

form .agileinfo_mail_grid_left ul.big {

  margin: 0;

  padding: 0;

  width: 34%;

}

form .agileinfo_mail_grid_left ul.big li {

  height: 40px;

  font-size: 11px !important;

  line-height: 30px;

  padding: 7px 0 0;

  margin: 0 0 5px;

}

form .agileinfo_mail_grid_left ul.big li i {

  padding: 0 10px 0 0;

  font-size: 11px;

  margin: 0;

}

form .agileinfo_mail_grid_left input {

  margin: 0 20px 0 0;

  width: 56%;

  height: 40px;

  padding: 0 15px;

  font-size: 13px;

  line-height: 24px;

}

form .agileinfo_mail_grid_left label {

  width: 25%;

  height: 40px;

  font-size: 12px !important;

  line-height: 30px;

  padding: 7px 0 0;

  margin: 0 0 5px;

}

form .agileinfo_mail_grid_left label input[type="radio"] {

 top: -5px;

  width: 12px;

}

form .agileinfo_mail_grid_left textarea {

  margin: 0 20px 0 0;

  width: 56% !important;

  height: 115px;

  padding: 9px 15px;

  font-size: 13px;

}

form .agileinfo_mail_grid_left select {

  margin: 0 20px 0 0;

  width: 56%;

  height: 40px;

  padding: 0 15px;

  font-size: 13px;

  line-height: 24px;

}

.button-Place-Order {

  width: 66%;

  line-height: 19px;

  height: 40px;

  font-size: 13px;

  margin: 15px 0 0;

  padding: 8px 0;

}

h4.modal-title {

  font-size: 16px;

  line-height: 20px;

}

.modal-header {

  padding: 14px 15px 9px;

  margin: 0;

  width: 100%;

}

.form-horizontal .form-group label {

  width: 30%;

  padding: 10px 0px 0 15px;

  margin: 0 0 15px;

  height: 40px;

  font-size: 11px;

  line-height: 18px;

}

.form-horizontal .form-group input {

  width: 65%;

  height: 40px;

  padding: 0 15px;

  font-size: 12px;

  line-height: 23px;

  margin: 0 0 15px 0;

  font-weight: 400;

}

.form-horizontal .form-group textarea {

  width: 65% !important;

  height: 40px;

  padding: 7px 15px;

  font-size: 12px;

  line-height: 23px;

  margin: 0 0 15px 0;

}

.form-horizontal .form-group select {

  width: 65%;

  height: 40px;

  padding: 7px 15px;

  font-size: 12px;

  line-height: 23px;

  margin: 0 0 15px 0;

}

.snipcart-details input.button_1 {

  width: 43%;

  line-height: 24px;

  height: 35px;

  font-size: 12px;

  margin: 0;

  padding: 6px 0;

}

.snipcart-details button.btn-default {

  width: 35%;

  line-height: 24px;

  height: 35px;

  font-size: 12px;

  margin: 0 0 0 10px;

  padding: 6px 0;

}

.tex-box {

  padding: 15px;

  margin: 20px 0 30px;

}

.tex-box h4 {

  padding: 5px 10px;

  margin: 0 0 10px 0;

  font-size: 16px;

  line-height: 30px;

}

.tex-box .place-box .place-box-lt {

  width: 35%;

  float: left;

}

.tex-box .place-box .place-box-rt {

  width: 65%;

  float: right;

}

.tex-box .place-box .place-box-lt label {

  font-size: 11px !important;

  line-height: 20px;

  padding: 10px 0 0 15px;

  height: 40px;

}

.tex-box .place-box .place-box-rt p {

  font-size: 12px !important;

  line-height: 20px;

  padding: 10px 0 0;

  height: 40px;

}
.Payment-Paid{text-align: center;}
.Payment-Paid h2{color: #00e10e;font-size: 30px;line-height: 40px;padding: 0 0;margin: 10px 0 0px;}
.Payment-Paid h4{background: #00e10e;color: #fff;font-size: 20px;text-align: left;}
.Payment-Paid p{font-size: 20px;line-height: 45px;color: #000;}
.single-product .des ul li {

  font-size: 13px;

  line-height: 24px;

  padding: 10px 0;

  margin: 0;

}

.tex-box .place-box-address .place-box-rt {

  width: 82% !important;

}

.text-form form .tabel-box table tr th {

  font-size: 11px;

  font-weight: bold;

}

.text-form form .tabel-box table tr td {

  font-size: 12px;

  line-height: 18px;

  padding: 0 0 15px;

}

.text-form form .bil {

  padding: 10px;

}

.text-form form .bil ol li {

  display: inline-block;

  padding: 0;

  margin: 0;

  font-size: 14px;

}

.text-form form .bil ol li span {

  font-size: 20px;

  margin: 0 0 0 5px;

}

.text-form form .bil ol li input {

  width: 100%;

  line-height: 24px;

  height: 38px;

  font-size: 13px;

  margin: 0 0 0 20px;

  padding: 6px 20px;

}

#order-view label b {

  font-size: 13px;

  line-height: 19px;

  padding: 15px 0 5px 0;

}



#order-view label {;

  font-size: 13px;

  line-height: 23px;

}

#order-view h5 {

  margin: 5px 0 10px;

  padding: 5px 10px;

  font-size: 13px;

  line-height: 30px;

}

#order-view p label b {

  width: 28%;

  padding: 10px 15px;

  height: 40px;

  font-size: 12px;

  line-height: 20px;

}

.snipcart-details a.button {

  width: 24%;
  line-height: 24px;
  height: 40px;
  font-size: 13px;
  margin: 20px 5px 0;
  padding: 8px 0;

}

.order-bill p strong {

  font-size: 12px;

  font-weight: bold;

}

.order-bill a {

  width: 31%;

  line-height: 24px;

  height: 40px;

  font-size: 13px;

  margin: 10px 0 0;;

  padding: 7px 0;

}

.order-bill button {

  width: 35%;

  line-height: 24px;

  height: 40px;

  font-size: 13px;

  margin: 10px 0 0 30px;

  padding: 7px 0;

}

form.profile input {

  width: 100%;

  height: 40px;

  padding: 0 15px;

  font-size: 13px;

  line-height: 24px;

  margin: 0 0 10px 0;

}

form.profile label {

  height: 30px;

  font-size: 12px !important;

  line-height: 30px;

  padding: 7px 0 0;

  margin: 0 0 5px;

}

form.profile textarea {

  width: 100%;

  padding: 10px 15px;

  font-size: 13px;

  line-height: 24px;

  height: 70px;

}

form.profile input[type="submit"] {

  width: 20%;

  line-height: 24px;

  height: 40px;

  font-size: 13px;

  margin: 20px 0 0;

  padding: 6px 0;

}



form.profile_edit input {

  width: 100%;

  height: 40px;

  padding: 0 15px;

  font-size: 13px;

  line-height: 24px;

  margin: 0 0 10px 0;

}

form.profile_edit label {

  height: 30px;

  font-size: 12px !important;

  line-height: 30px;

  padding: 7px 0 0;

  margin: 0 0 5px;

}

form.profile_edit textarea {

  width: 100%;

  padding: 10px 15px;

  font-size: 13px;

  line-height: 24px;

  height: 70px;

}

form.profile_edit input[type="submit"] {

  width: 20%;

  line-height: 24px;

  height: 40px;

  font-size: 13px;

  margin: 20px 0 0;

  padding: 6px 0;

}


.bil{ position: relative;width: 100%;} 
.bil ol{ text-align: right;padding: 0 0;margin: 0 50px 0 0px;} 
.bil ol li{ font-family: "Roboto", sans-serif;font-size: 20px;color: #000;line-height: 25px;padding: 0 0 15px;margin: 0 0;} 
.bil ol li span{ font-weight: bold;color: #390101;font-size: 23px;padding: 0 0 0 3px;margin: 0;} 
.bil ol li a{ background: #f00;padding: 8px 25px;border-radius: 5px;color: #fff;font-weight: bold;font-size: 20px;} 
.bil ol li a:hover{ background: #95d9ff;
  color: #fff;} 


.header .header-top .search .overlay .overlay-content {

  position: relative;

  top: 25%;

  width: 80%;

  text-align: center;

  margin-top: 30px;

  margin: auto;

}

.header .header-top .search .overlay .overlay-content input[type="text"] {

  width: 70% !important;
  padding: 15px 20px;
  font-size: 13px;
  line-height: 20px;
  height: 40px !important;

}

.header .header-top .search .overlay .overlay-content button {

  width: 25%;

  padding: 0px 20px;

  font-size: 13px;

  line-height: 20px;

  height: 40px;

}

.header .header-top .search .overlay span.closebtn {

  position: absolute;

  top: 0px;

  right: 20px;

  font-size: 30px;

  color: #000;
}

.header .header-top .header-add-cart span.cart_no {

  bottom: 5px;

  right: 9px;

  font-size: 10px;

  line-height: 14px;

}

.contact {

  padding: 30px 0;

  margin: 0;

}

.contact h4 {

  font-size: 14px;

  line-height: 20px;

  padding: 0 0 20px;

  letter-spacing: 3px;

}

.contact .contact-form {

  padding: 30px;

}

.contact .contact-form h2 {

  font-size: 16px;

  line-height: 20px;

  padding: 0 0 15px;

  margin: 0 ;

  letter-spacing: 2px;

}

.contact .contact-form form .fill-box label {

  width: 100%;

  font-size: 13px;

  line-height: 16px;

  padding: 0 0 2px;

}

.contact .contact-form form .fill-box {

  width: 100%;

  float: left;

  padding: 0;

  margin: 0;

  border-radius: 10px;

}

.contact .contact-form form .fill-box input {

  width: 100%;

  display: inline-block;

  font-size: 13px;

  line-height: 16px;

  padding: 0 15px;

  margin: 5px 0 15px;

  height: 40px;

}

.contact .contact-form form .message {

  width: 100%;

  padding: 0;

  margin: 0;

  border-radius: 10px;

}

.contact .contact-form form .message textarea {

  width: 100% !important;

  font-size: 13px;

  line-height: 18px;

  padding: 15px;

  margin: 5px 0 15px;

  height: 90px;

}

.contact .contact-form form .fill-box input[type="submit"] {

  padding-block: 0.5rem;

  padding-inline: 1.25rem;

  gap: 0;

  font-size: 13px;

  width: 66%;

  padding: 10px 0;

  margin: 10px 0 0;

  border-radius: 5px;

}

.contact .contact-block h2 {

  font-size: 16px;

  line-height: 20px;

  padding: 0 0 15px;

  margin: 0;

  letter-spacing: 2px;

  font-weight: bold;

}

.contact .contact-block ul {

  padding: 0;

  margin: 0;

  display: inline-block;

  width: 100%;

}

.contact .contact-block ul li {

  font-size: 13px;

  line-height: 24px;

  padding: 0;

  margin: 0 30px 10px 0;

  color: #000;

  font-weight: 600;

}

.contact .contact-block ul li a {

  font-size: 13px;

  line-height: 16px;

}

.contact .contact-block-map {

  height: 374px;

  padding: 30px;

  margin: 15px 0 0;

}

.privacy {

  padding: 30px 0;

  margin: 0;

}

.privacy .privacy-block h2 {

  font-size: 26px;

  line-height: 30px;

  color: #4c4c4a;

  padding: 0 0 15px;

  margin: 0;

}

.privacy .privacy-block p {

  font-size: 13px;

  line-height: 24px;

  padding: 0 0 15px;

  margin: 0;

  text-align: justify;

  color: #4c4c4a;

}




}



@media(max-width:770px) { 


/*--------------------- raj menu responsiv mobile ---------------------*/
.header .header-bottom {
display: none !important;
}
.mobile-head {
  display: block !important;
}
	
.mobile-head {
position: relative;
display: inline-block;
z-index: 9;
width: 100%;
overflow: hidden;
background: #ffffffa3;
padding: 5px 0;
margin: 0;
}
.mobile-head .logo-mob {
width: 15%;
padding: 0% 0;
margin: 0;
display: none !important;
}
.mobile-head .logo-mob img {
width: 100%;
height: auto;
}


.mobile-nav-tab {
width: 33%;
padding: 0;
margin: 15px 0 0 0;
overflow: hidden;
float: right;
}
.mobile-nav-tab #header {
position: sticky;
height: 40px;
padding: 0;
top: 0;
font-size: 16px;
font-weight: bold;
color: #fff;
transition: all 500ms ease-in-out;
line-height: 44px;
text-align: center;
background: #fff;
width: 100%;
border-radius: 5px;
}
.mobile-nav-tab #header a {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50px;
padding: 10px;
}
.mobile-nav-tab #header a::before, .mobile-nav-tab #header a::after {
content: "";
display: block;
background: #03367c;
height: 2px;
width: 40px;
}
.mobile-nav-tab #header a span {
background: #fb3204;
display: block;
height: 2px;
margin: 7px 0;
width: 50px;
transition: all 500ms ease-in-out;
}









}



@media(max-width:760px) {

    /*////chek 700////*/



 .header .header-top .header-logo {

    width: 66%;

    top: -5px;

  }

.header .header-top .search {

    width: 42%;

    padding: 5px 0;

  }

.header .header-top .header-add-cart {

  width: 12%;

  padding: 6px 0 0;

  margin: 0 0 0 15px;

}

.header .header-top .log-in {

  width: 30%;

  padding: 10px 0 0;

}

.header .header-top select#currency {

  width: 10%;

  height: 24px;

  border-radius: 5px;

  margin: 11px 0 0 10px;

  padding: 5px;

  font-size: 12px;

  line-height: 16px;

}

.banner {

    width: 100%;

    position: relative;

    display: block;

    overflow: hidden;

    background: #fff;

    padding: 0;

    margin: 0;

    height: 375px;

  }

.banner img{ height: 375px; }

.category .category-block .imageBefore {

    height: 450px;

  }

 .category .category-block .imageAfter {

    height: 450px;

  }

#category-slider .owl-prev {

    width: 20px;

    height: 33px;

    left: -25px;

    top: 210px;

  }

  #category-slider .owl-next {

    width: 20px;

    height: 33px;

    right: -25px;

    top: 210px;

  }

#seller-slider .owl-prev {

    width: 20px;

    height: 33px;

    left: -25px;

    top: 210px;

  }

#seller-slider .owl-next {

    width: 20px;

    height: 33px;

    right: -25px;

    top: 210px;

  }

#product-slider  .owl-prev {

    width: 20px;

    height: 33px;

    left: -25px;

    top: 210px;

  }

#product-slider .owl-next {

    width: 20px;

    height: 33px;

    right: -25px;

    top: 210px;

  }

.trending .trending-box {

    width: 130px;

    padding: 0;

    margin: 0 25px 15px 0;

  }

.trending .trending-box .trending-image-block {

  height: 130px;

}

.footer ul.social-link {

  width: 100%;

  padding: 0 0 20px;

  margin: 0;

}

 .footer ul.social-link li {

    font-size: 16px;

    line-height: 28px;

    margin: 0 15px 0 0;

  }

.contact .contact-block-map {

  height: 374px;

  padding: 30px;

  margin: 30px 0 0;

}

.contact .contact-block {

  width: 100%;

  padding: 30px;

  margin: 30px 0 0; }

.contact .contact-form form .fill-box input[type="submit"] {

  padding-block: 0.5rem;

  padding-inline: 1.25rem;

  gap: 0;

  font-size: 13px;

  width: 34%;

  padding: 10px 0;

  margin: 10px 0 0;

  border-radius: 5px;

}

.cart_empty .cart-empty-img {

  width: 50%;

  margin: 0 auto;

  display: block;

}

 .single-product .righttextbox-single .righttextbox-single-top {

    width: 100%;

    padding: 30px;

    margin: 15px 0 0;

  }

.single-product .righttextbox-single .price {

  width: 100%;

  padding: 15px 0 20px;

  margin: 0;

}

 .cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-text a.button {

    padding: 3px 15px !important;

    width: 28%;

    line-height: 20px;

    font-size: 9px;

    margin: 15px 0 0;

    border-radius: 0px;

  }

.side-bar-two {

    padding: 0;

    margin-bottom: 4px;

    height: 64px;

  }

.side-bar-two .left-side-bar {

    width: 12%;

    margin: 0;

    padding: 18px 0;

  }



form .agileinfo_mail_grid_left {

  width: 100%;

  float: left;

  padding: 0 0;

  margin: 10px 0 10px;

  background: #f9fafb6b;

}

.tex-box .place-box {

  width: 100%;

  float: left;

  padding: 0;

  margin: 0;

}

.tex-box .place-box-address .place-box-lt {

  width: 35% !important;

}

.tex-box .place-box-address .place-box-rt {

  width: 65% !important;

}

.order-bill p {

  font-size: 13px;

  color: #5a5a5a;

  font-weight: normal;

  line-height: 18px;

  padding: 0 0 15px;

}





























}





@media(max-width:699px) {

    /*////chek 600////*/

.category .category-block .categories-text-block h4 {
    font-size: 13px;
    line-height: 18px;
    padding: 10px 0 0 10px;
    margin: 0;
    height: 40px;
  }
	.category .tab button {
  padding: 12px 0;
  width: 25%;
  margin: 0;
  font-size: 12px;
  line-height: 24px;
}
	.category .tab {
  width: 90%;
}
	.Category-TAB a.Category-TAB-a {
  padding: 8px 25px;
  font-size: 13px;
  line-height: 26px;
}
	.category-block-tap {
  width: 45.5% !important;
  margin: 20px 9px 10px !important;
}
 .mm-menu, .mm-menu * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
  }

.header .header-top .search button.openBtn {

    font-size: 12px;

    line-height: 24px;

    padding: 5px 0;

    width: 100%;

  }

.header .header-top .search {

    width: 35%;

    padding: 5px 0;

    text-align: left;

  }

 .header .header-top .header-add-cart a {

    font-size: 12px;

    line-height: 15px;

    padding: 10px;

    width: 45px;

    height: 34px;

  }

  .header .header-top select#currency {

    width: 12%;

    height: 24px;

    border-radius: 5px;

    margin: 11px 0 0 5px;

    padding: 4px;

    font-size: 10px;

    line-height: 16px;

  }

 .auth-container {

    width: 70%;

    margin: 60px auto;

  }

 .header .header-top .header-logo {

    width: 76%;

    top: -5px;

  }

.banner {

    width: 100%;

    height: 325px;

  }

.banner img{ height: 325px; }



.category .category-nav ul li a {

    padding: 10px 25px;

    margin: 0 2px;

    font-size: 12px;

    line-height: 15px;

  }

 .trending .trending-box {

    width: 115px;

    padding: 0;

    margin: 0 10px 15px 0;

  }

.trending .trending-box .trending-image-block {

    height: 115px;

  }

  .trending .trending-box h6 {

    font-size: 10px;

    line-height: 16px;

    padding: 10px 0 0;

    letter-spacing: 2px;

    height: 50px;

  }

.modal-dialog {

  width: 400px;

  margin: 100px auto;

}

form.profile input[type="submit"] {

  width: 20%;

  line-height: 24px;

  height: 35px;

  font-size: 12px;

  margin: 20px 0 0;

  padding: 6px 0;

}





}



@media(max-width:580px) {

    /*////chek 490////*/

 .mobile-nav-tab {
    width: 38%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    float: right;
  }
  .mm-menu, .mm-menu * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    width: 85%;
  }


.order-bill button {

  width: 48%;

  line-height: 24px;

  height: 35px;

  font-size: 11px;

  margin: 10px 0 15px;

  padding: 5px 0;

}

.order-bill a {

  width: 39%;

  line-height: 24px;

  height: 35px;

  font-size: 11px;

  margin: 10px 0 0;

  padding: 5px 0;

}



  p.hikk {
    font-size: 13px !important;
    text-align: left;
    float: left;
    letter-spacing: 0.5px;
    font-weight: normal;
    color: #5a5a5a;
    line-height: 20px;
    padding: 10px 0;
    margin: 0px 0 10px;
    height: 60px;
  }

.order-bill {

  width: 100%;

  padding: 15px 0;

  margin: 0 0;

}

.order-bill p {

    font-size: 13px;

    color: #5a5a5a;

    font-weight: normal;

    line-height: 18px;

    padding: 0 0 10px;

  }

.order-details-img {

  width: 100%;

  margin: 0 auto;

  display: block;

  border-radius: 5px;

  padding: 15px;

}

#order-view p label b {

  width: 46%;

  padding: 8px 15px;

  height: 35px;

  font-size: 11px;

  line-height: 20px;

}

#order-view p label span {

  width: 52%;

  float: left;

  padding: 8px 15px;

  font-weight: bold;

  font-size: 11px;

  letter-spacing: 1px;

  color: #5a5a5a;

  height: 35px;

  line-height: 20px;

}

.snipcart-details a.button {

  width: 36%;

  line-height: 24px;

  height: 35px;

  font-size: 11px;

  margin: 15px 0 0;

  padding: 5px 0;

}

form.profile_edit input[type="submit"] {

  width: 20%;

  line-height: 24px;

  height: 35px;

  font-size: 11px;

  margin: 20px 0 0;

  padding: 5px 0;

}

form.profile input[type="submit"] {

    width: 25%;

    line-height: 24px;

    height: 35px;

    font-size: 11px;

    margin: 20px 0 0;

    padding: 5px 0;

  }

.side-bar-two .right-side-bar {

  width: 86%;

  float: right;

  padding: 13px 10px;

  margin: 0;

}

.header .header-top .search button.openBtn {

    font-size: 11px;

    line-height: 24px;

    padding: 2px 0;

    width: 100%;

  }

.header .header-top .search {

    width: 35%;

    padding: 10px 0;

    text-align: left;

  }

  .header .header-top .search button.openBtn i {

    font-size: 11px;

    padding: 0 5px 0 0;

  }

 .header .header-top .header-add-cart {

    width: 15%;

    padding: 10px 0 0;

    margin: 0 0 0 10px;

  }

 .header .header-top .header-add-cart a {

    font-size: 12px;

    line-height: 15px;

    padding: 8px 12px 0 0px;

    width: 45px;

    height: 28px;

  }

.header .header-top .header-add-cart span.cart_no {

  bottom: 6px;

  right: 11px;

  font-size: 10px;

  line-height: 14px;

}

.header .header-top select#currency {

    width: 12%;

    height: 24px;

    border-radius: 5px;

    margin: 13px 0 0 5px;

    padding: 4px;

    font-size: 10px;

    line-height: 16px;

  }

.header .header-top .log-in .dropdown .dropbtn {

    font-size: 11px;

    line-height: 14px;

  }

.header .header-top .log-in {

    width: 30%;

    padding: 13px 0 0;

  }

.header .header-top .log-in .dropdown-content ul.log-sing {

  margin: 0;

  list-style-type: none;

  z-index: 100;

  width: 100%;

  float: left;

  padding: 3px 0 2px;

  border-top: 3px solid #99dbff;

}

.header .header-top .log-in .dropdown-content ul.log-sing li a {

    width: 100%;

    display: block;

    line-height: 24px;

    color: #000;

    font-size: 10px;

    text-decoration: none;

    border-radius: 0px !important;

    padding: 0 0 0 11px;

  }

.header .header-top .log-in .dropdown-content ul.log-sing li a i {

    margin-right: 6px;

    font-size: 10px;

    line-height: 25px;

  }



.header .header-top .log-in .dropdown .dropbtn i.fa {

  width: 25px;

  height: 25px;

  border-radius: 50px;

  padding: 5px;

  font-size: 12px;

  line-height: 15px;

  margin: 0 0 0 10px;

}

.banner img {

    height: 275px;

    object-fit: fill;

  }

.banner {

    height: 275px;

  }



  .header .header-top .header-logo {

    width: 100%;

    top: 0;

  }
.header .header-top .header-logo img {
  width: 115%;
}
  .category .category-nav ul li a {

    padding: 10px 20px;

    margin: 0 2px;

    font-size: 12px;

    line-height: 15px;

  }

.category .category-block .imageBefore {

    height: 640px;

  }

.category .category-block .imageAfter {

    height: 640px;

  }

#category-slider .owl-prev {

    width: 20px;

    height: 33px;

    left: -20px;

    top: 300px;

  }

 #category-slider .owl-next {

    width: 20px;

    height: 33px;

    right: -20px;

    top: 300px;

  }

.category .category-block .categories-text-block h4 {

    font-size: 12px;

    line-height: 18px;

    color: #000;

    padding: 10px 0 0 10px;

    margin: 0;

    text-transform: capitalize;

    /* text-align: left; */

    font-weight: 400;

    height: 50px;

    letter-spacing: 0;

    overflow: hidden;

  }



  #product-slider .owl-prev {

    width: 20px;

    height: 33px;

    left: -20px;

    top: 300px;

  }



  #product-slider .owl-next {

    width: 20px;

    height: 33px;

    right: -20px;

    top: 300px;

  }

#seller-slider .owl-prev {

    width: 20px;

    height: 33px;

    left: -20px;

    top: 300px;

  }

#seller-slider .owl-next {

    width: 20px;

    height: 33px;

    right: -20px;

    top: 300px;

  }

.trending .trending-box {

    width: 98px;

    padding: 0;

    margin: 0 10px 15px 0;

  }

.trending .trending-box .trending-image-block {

    height: 98px;

  }

 .footer ul.quick-footer-link li {

    font-size: 11px;

    line-height: 14px;

    padding: 0 0 10px;

  }

 .footer .footer-logo {

    width: 51%;

    padding: 0;

  }

.footer h4 {

    font-size: 13px;

    line-height: 16px;

    padding: 12px 0;

    letter-spacing: 3px;

  }

.footer ul.footer-contact-address li {

    font-size: 12px;

    line-height: 16px;

    padding: 0 0 10px;

  }

  .footer ul.footer-contact-address li i {

    font-size: 11px;

    line-height: 16px;

    padding: 0 8px 0 0;

  }

 .auth-container {

    border-radius: 8px;

  }

.social-icon {

  background: #f8fafc;

  border: 1px solid #e2e8f0;

  border-radius: 2rem;

  padding: 0.65rem 1rem;

  flex: 1;

  text-align: center;

  font-size: 12px;

  font-weight: 500;

  color: #334155;

  cursor: pointer;

  transition: all 0.2s;

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 8px;

}

.terms-note {

  font-size: 10px;

  color: #7e8b9c;

  text-align: center;

  margin-top: 10px;

  line-height: 16px;

}

.divider span {

  margin: 0 10px;

  font-weight: 500;

  font-size: 10px;

}

.submit-btn {

    padding: 12px;

    font-size: 11px;

    gap: 10px;

    margin: 20px 0 0;

  }

.cart_empty {

  position: relative;

  width: 100%;

  height: auto;

  background: #fff;

  padding: 0 0px 50px 0;

  margin: 0px 0;

}

.cart-flipkart .flipkart-box .flipkart-box-left .snipcart-details input {

    width: 36%;

    line-height: 19px;

    height: 35px;

    font-size: 11px;

    margin: 10px 0 0;

    padding: 6px 0;

    border-radius: 0px;

  }

a.Ship-Another-Address {

top: 12px;
    width: 42%;
    right: 42px;
    padding: 16px 0;
    font-size: 10px;

}

.button-Place-Order {

  width: 30%;

  line-height: 19px;

  height: 35px;

  font-size: 10px;

  margin: 15px 0 0;

  padding: 8px 0;

}



.single-product .righttextbox-single .enquiry-btn a {

  position: relative;

  transition: all 0.3s ease-in-out;

  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);

  padding-block: 0.5rem;

  padding-inline: 1.25rem;

  background-color: #0372bb;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  color: #ffff;

  gap: 10px;

  font-weight: 400;

  border: 3px solid #ffffff38;

  overflow: hidden;

  font-size: 12px;

  width: 45%;

  padding: 9px 0;

  margin: 0;

  border-radius: 5px;

}

.header .header-top .search .overlay .overlay-content {

  position: relative;

  top: 28%;

  width: 90%;

  text-align: center;

  margin-top: 30px;

  margin: auto;

}













.header .header-top {
  padding: 8px 0;
}
.inner-banner {

  height: 130px;

}
.inner-banner img{

  height: 130px;
object-fit: inherit;
}


.category .tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
  width: 25%;
  margin: 0;
  font-size: 12px;}


.category .tab {
  overflow: hidden;
  border: 1px solid #99dbff;
  background-color: #e6f3ff;
  width: 100%;
  margin: 0 auto;
  display: block;
}
.category .tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
 padding: 6px 0;
  transition: 0.3s;
  width: 25%;
  margin: 0;
  font-size: 13px;
  font-weight: normal;
  line-height: 25px;
}

.category-block-tap {
  width: 100% !important;
    float: left;
    margin: 10px 0 25px !important;
  padding: 0;
  border: 0.5px solid #edeff0;
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
/* .category .category-block .imageBefore {
height: auto;
}
.category .category-block .categories-text-block h4 {
height: 70px;
} */
.category .category-block .imageBefore img {
width: 100%;
/* height: auto; */
object-fit: cover;
margin: 0 auto;
display: block;
}
	 .category .category-block .imageBefore {
    height: 540px;
  }
/* .category .category-block .categories-text-block h4 {
font-size: 14px;
line-height: 24px;
color: #000;
padding: 10px 0 10px;
margin: 0;
text-transform: capitalize;
text-align: center;
font-weight: 400;
height: auto;
letter-spacing: 0;
overflow: hidden;
} */
/* .category-block-tap .categories-text-block H4{
font-size: 15px !important;
line-height: 22px !important;
height: 70px !important;}*/
.ads-grid .profile-banner .edit-add a {
  width: 22%;
  line-height: 24px;
  height: 30px;
  font-size: 13px;
  margin: 10px 0 0;
  padding: 3px 0;
  text-transform: uppercase;
  display: block;
}
	.bil ol li {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #000;
  line-height: 20px;
  padding: 0 0 15px;
  margin: 0 0;
}
	.bil ol {
  text-align: right;
  padding: 0 0;
  margin: 0;
}
	.bil ol li a {
  background: #f00;
  padding: 8px 30px;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  font-size: 13px;
}
	.bil ol li span {
  font-weight: bold;
  color: #390101;
  font-size: 18px;
  padding: 0 0 0 3px;
  margin: 0;
}
} 

@media(max-width:480px) {

    /*////chek 440////*/
	/* .category-block-tap {
  width: 95% !important;} */
	.category-block-tap .categories-text-block h4{font-size: 13px !important;
    line-height: 22px;
    height: auto !important;}
.add-input-address{ font-size: 13px; line-height: 24px; }
.inner-banner {

  height: 125px;

}
.inner-banner img{

  height: 125px;
object-fit: inherit;
}
 .mobile-nav-tab {
    width: 42%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    float: right;
    top: -6px;
    position: relative;
  }
.mobile-nav-tab #header {
    position: sticky;
    height: 29px;
    padding: 0;
    top: 0;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    transition: all 500ms ease-in-out;
    line-height: 40px;
    text-align: center;
    background: #fff;
    width: 100%;
    border-radius: 5px;
  }
 .mobile-nav-tab #header a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    padding: 10px;
  }

 .banner {

    height: 200px;

  }

 .banner img{

    height: 200px;

  }

.category .category-nav ul li a {

    padding: 7px 15px;

    margin: 0 2px;

    font-size: 11px;

    line-height: 15px;

  }

  .trending .trending-box {

    width: 135px;

    padding: 0;

    margin: 0 26px 15px;

  }

.trending .trending-box:nth-child(9) {

  margin: 0 26px 15px;

}

 .footer .footer-logo {

    width: 53%;

    padding: 0;

    margin: 0 0 15px;

  }

.single-product .righttextbox-single .enquiry-btn a {

  position: relative;

  transition: all 0.3s ease-in-out;

  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);

  padding-block: 0.5rem;

  padding-inline: 1.25rem;

  background-color: #0372bb;

  display: flex;

  align-items: center;

  justify-content: center;

  cursor: pointer;

  color: #ffff;

  gap: 10px;

  font-weight: 400;

  border: 3px solid #ffffff38;

  overflow: hidden;

  font-size: 12px;

  width: 45%;

  padding: 9px 0;

  margin: 0;

  border-radius: 5px;

}

 .trending .trending-box .trending-image-block {

    height: 135px;

  }

  #menu-icon {

    right: 0 !important;

    top: -14px;

  }

 .sf-menu {

    top: 32px;

    width: 240px;

    left: unset;

  }

.text-form form .bil ol li a {
  width: 100%;
  line-height: 24px;
  height: 35px;
  font-size: 12px;
  margin: 0 0 0 30px;
  padding: 5px 25px;
}
.text-form form .bil ol li span {
  font-size: 17px;
  margin: 0 0 0 5px;
}
.tabel-box td img{ width: 80% !important; }
.header .header-top {
  padding: 5px 0;
}

.category .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 6px 0;
    transition: 0.3s;
    width: 50%;
    margin: 0;
    font-size: 13px;
    font-weight: normal;
    line-height: 25px;
  }
 .category .tab {
    overflow: hidden;
    border: 1px solid #99dbff;
    background-color: #e6f3ff;
    width: 78%;
    margin: 0 auto;
    display: block;
  }
.ads-grid .profile-banner .edit-add a {
  width: 25%;
  line-height: 24px;
  height: 30px;
  font-size: 13px;
  margin: 10px 0 0;
  padding: 3px 0;
  text-transform: uppercase;
  display: block;
}
	.bil ol li {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #000;
  line-height: 20px;
  padding: 0 0 15px;
  margin: 0 0;
}
	.bil ol {
  text-align: right;
  padding: 0 0;
  margin: 0;
}
	.bil ol li a {
  background: #f00;
  padding: 8px 30px;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  font-size: 13px;
}
	.bil ol li span {
  font-weight: bold;
  color: #390101;
  font-size: 18px;
  padding: 0 0 0 3px;
  margin: 0;
}

}



@media(max-width:430px) {

    /*////chek 400////*/
 .category .tab {
      overflow: hidden;
      border: 1px solid #99dbff;
      background-color: #e6f3ff;
      width: 100%;
      margin: 0 auto;
      display: block;
    }
 .banner {
    height: 180px;
  }
.category .category-block .imageBefore {
      height: 430px;
    }
	.banner img{
    height: 180px;
  }

	.tabel-box table tr th{ font-size: 11px; }
	.tabel-box table tr td{ font-size: 11px; }
	.bil ol li {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #000;
  line-height: 20px;
  padding: 0 0 15px;
  margin: 0 0;
}
	.bil ol {
  text-align: right;
  padding: 0 0;
  margin: 0;
}
	.bil ol li a {
  background: #f00;
  padding: 8px 30px;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  font-size: 13px;
}
	.bil ol li span {
  font-weight: bold;
  color: #390101;
  font-size: 18px;
  padding: 0 0 0 3px;
  margin: 0;
}
	.order-details-img {
    width: 100%;
    margin: 0 auto;
    display: block;
    border-radius: 5px;
    padding: 10px;
  }
	.Print-bill a.button {
  background: #85d0ff;
  color: #fff;
  padding: 8px 30px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 5px;
  border: 2px solid #41b6ff;
  margin: 0 15px 15px 0px;
  display: inline-block;
}
	.Print-bill .button_b {
  background: #ee0d0d;
  color: #fff;
  padding: 8px 18px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 5px;
  border: 2px solid #e80707;
  margin: 0 15px 20px 0px;
}
.inner-banner {

  height: 120px;

}
.inner-banner img{

  height: 120px;
object-fit: inherit;
}
 .header .header-top .header-logo img {
    width: 130%;
  }
  .header .header-top .search button.openBtn {

    font-size: 10px;

    line-height: 24px;

    padding: 2px 0;

    width: 100%;

  }

.header .header-top .search button.openBtn i {

    font-size: 9px;

    padding: 0 5px 0 0;

  }

.header .header-top .header-add-cart {

    width: 15%;

    padding: 10px 0 0;

    margin: 0 0 0 5px;

  }

 .header .header-top .header-add-cart a {

    font-size: 10px;

    line-height: 15px;

    padding: 8px 12px 0 0px;

    width: 34px;

    height: 28px;

  }

.header .header-top select#currency {

    width: 15%;

    height: 24px;

    border-radius: 5px;

    margin: 13px 0 0 5px;

    padding: 4px;

    font-size: 9px;

    line-height: 16px;

  }

 .header .header-top .log-in .dropdown .dropbtn {

    font-size: 10px;

    line-height: 14px;

  }



.user-profile ul li a {

  font-size: 12px;

  line-height: 20px;

}

.side-bar-two .left-side-bar {

    width: 18%;

    margin: 0;

    padding: 18px 0;

  }

.side-bar-two .right-side-bar {

    width: 80%;

    float: right;

    padding: 13px 10px;

    margin: 0;

  }

a.Ship-Another-Address {

    top: 12px;

    width: 42%;

    right: 42px;

    padding: 16px 0;

    font-size: 10px;

  }

 .modal-dialog {

    width: 350px;

    margin: 100px auto;

  }

.form-horizontal .form-group label {

  width: 30%;

  padding: 10px 0px 0 10px;

  margin: 0 0 15px;

  height: 40px;

  font-size: 10px;

  line-height: 18px;

}

.form-horizontal .form-group input {

  width: 65%;

  height: 40px;

  padding: 0 10px;

  font-size: 12px;

  line-height: 23px;

  margin: 0 0 15px 0;

  font-weight: 400;

}

.form-horizontal .form-group textarea {

  width: 65% !important;

  height: 40px;

  padding: 7px 10px;

  font-size: 12px;

  line-height: 23px;

  margin: 0 0 15px 0;

}

.form-horizontal .form-group textarea {

  width: 65% !important;

  height: 40px;

  padding: 7px 10px;

  font-size: 12px;

  line-height: 23px;

  margin: 0 0 15px 0;

}

.snipcart-details button.btn-default {

  width: 36%;

  line-height: 18px;

  height: 30px;

  font-size: 10px;

  margin: 0 0 0 5px;

  padding: 6px 0;

}

.snipcart-details input.button_1 {

  width: 43%;

  line-height: 18px;

  height: 30px;

  font-size: 10px;

  margin: 0;

  padding: 6px 0;

}

h4.modal-title {

  font-size: 14px;

  line-height: 24px;

}

.category .category-nav ul li a {

    padding: 7px 14px;

    margin: 0 2px;

    font-size: 11px;

    line-height: 15px;

  }

 .trending .trending-box {

    width: 120px;

    padding: 0;

    margin: 0 26px 15px;

  }

.trending .trending-box .trending-image-block {

    height: 120px;

  }

 .category .category-block .imageBefore {

    height: 510px;

  }

.category .category-block .imageAfter {

    height: 510px;

  }

 #category-slider .owl-prev {

    width: 20px;

    height: 33px;

    left: -20px;

    top: 245px;

  }

 #category-slider .owl-next {

    width: 20px;

    height: 33px;

    right: -20px;

    top: 245px;

  }

  #product-slider .owl-prev {

    width: 20px;

    height: 33px;

    left: -20px;

    top: 245px;

  }



  #product-slider .owl-next {

    width: 20px;

    height: 33px;

    right: -20px;

    top: 245px;

  }

#seller-slider .owl-prev {

    width: 20px;

    height: 33px;

    left: -20px;

    top: 245px;

  }

#seller-slider .owl-next {

    width: 20px;

    height: 33px;

    right: -20px;

    top: 245px;

  }

.auth-container {

    width: 86%;

    margin: 60px auto;

  }

.header .header-top .search .overlay .overlay-content button {
  width: 25%;
  padding: 0px 13px;
  font-size: 13px;
  line-height: 20px;
  height: 40px;
}
.header .header-top .search .overlay span.closebtn {
  position: absolute;
  top: 0px;
  right: 10px;
  font-size: 30px;
  color: #000;
}
	.header .header-top .search .overlay {
    height: 80px;
    width: 330px;
    top: 54px;
    right: 54px;
    left: auto;
  }
.header .header-top .search .overlay .overlay-content input[type="text"] {

  width: 75%;

  padding: 14px 20px;

  font-size: 13px;

  line-height: 20px;

  height: 50px;

}

.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-text a.button {

    padding: 3px 0 !important;

    width: 33%;

    line-height: 20px;

    font-size: 9px;

    margin: 15px 0 0;

    border-radius: 0px;

  }

.cart-flipkart .flipkart-box .flipkart-box-left .det-bottom .det-bottom-text h4 {

    padding: 0 0 8px;

    font-size: 12px;

    line-height: 18px;

  }

.snipcart-details a.button {

    width: 48%;

    line-height: 24px;

    height: 35px;

    font-size: 11px;

    margin: 15px 0 0;

    padding: 5px 0;

  }

.text-form form .bil ol li a {
  width: 100%;
  line-height: 24px;
  height: 35px;
  font-size: 12px;
  margin: 10px 0 0 30px;
  padding: 5px 25px;
}
.text-form form .bil ol li span {
  font-size: 17px;
  margin: 0 0 0 5px;
}
.tabel-box td img{ width: 80% !important; }

.ads-grid .profile-banner .edit-add a {
  width: 22%;
  line-height: 24px;
  height: 30px;
  font-size: 12px;
  margin: 10px 0 0;
  padding: 3px 0;
  text-transform: uppercase;
  display: block;
}




}



@media(max-width:399px) {

    /*////chek 385////*/
.inner-banner {

  height: 115px;

}
	  .header .header-top .search .overlay {
      height: 80px;
      width: 300px;
      top: 54px;
      right: 54px;
      left: auto;
    }
.inner-banner img{

  height: 115px;
object-fit: inherit;
}
	 .banner {
    height: 160px;
  }

	.banner img{
    height: 160px;
  }
 .category .category-block .imageBefore {
      height: 447px;
    }
.category .category-nav ul li a {

    padding: 7px 12px;

    margin: 0 2px;

    font-size: 11px;

    line-height: 15px;

  }

  .trending .trending-box {

    width: 115px;

    padding: 0;

    margin: 0 26px 15px;

  }

  .trending .trending-box .trending-image-block {

    height: 115px;

  }



.container {

  width: 100%;

}

  #category-slider .owl-prev {

    width: 20px;

    height: 33px;

    left: -15px;

    top: 245px;

  }

 #category-slider .owl-next {

    width: 20px;

    height: 33px;

    right: -15px;

    top: 245px;

  }

  #product-slider .owl-prev {

    width: 20px;

    height: 33px;

    left: -15px;

    top: 245px;

  }
.text-form form .bil ol li span {
  font-size: 17px;
  margin: 0 0 0 5px;
}

.text-form form .bil ol li a {
  width: 100%;
  line-height: 24px;
  height: 35px;
  font-size: 12px;
  margin: 10px 0 0 30px;
  padding: 5px 25px;
}


	.tabel-box td img{ width: 80% !important; }
  #product-slider .owl-next {

    width: 20px;

    height: 33px;

    right: -15px;

    top: 245px;

  }

#seller-slider .owl-prev {

    width: 20px;

    height: 33px;

    left: -15px;

    top: 245px;

  }

#seller-slider .owl-next {

    width: 20px;

    height: 33px;

    right: -15px;

    top: 245px;

  }

















}





@media(max-width:380px) {

    /*////chek 375////*/

 .category .category-block .imageBefore {
      height: 430px;
    }

.header .header-top select#currency {

    width: 15%;

    height: 24px;

    border-radius: 5px;

    margin: 13px 0 0 5px;

    padding: 3px;

    font-size: 9px;

    line-height: 16px;

  }

.category .category-nav ul li a {

    padding: 7px 11px;

    margin: 0 2px;

    font-size: 11px;

    line-height: 15px;

  }

 .trending .trending-box {

    width: 120px;

    padding: 0;

    margin: 0 20px 15px;

  }



.trending .trending-box:nth-child(9) {

    margin: 0 20px 15px;

  }



 .button-Place-Order {

    width: 52%;

    line-height: 19px;

    height: 35px;

    font-size: 10px;

    margin: 15px 0 0;

    padding: 6px 0;

  }





  .mobile-nav-tab {
    width: 50%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    float: right;
    top: -6px;
    position: relative;
  }
 .category .tab button {
      background-color: inherit;
      float: left;
      border: none;
      outline: none;
      cursor: pointer;
      padding: 6px 0;
      transition: 0.3s;
      width: 50%;
      margin: 0;
      font-size: 12px;
      font-weight: normal;
      line-height: 25px;
    }

 .category .category-block .imageBefore {
      height: 360px;
    }






}



@media(max-width:365px) {

    /*////chek 320////*/
 .category .category-block .imageBefore {
      height: 420px;
    }

	 .header .header-top .search .overlay {
      height: 80px;
      width: 300px;
      top: 54px;
      right: 10px;
      left: auto;
    }
.inner-banner {

  height: 100px;

}
.inner-banner img{

  height: 100px;
object-fit: inherit;
}

 .header .header-top .header-add-cart a {

    font-size: 10px;

    line-height: 15px;

    padding: 8px 9px 0 0px;

    width: 28px;

    height: 28px;

  }

 .header .header-top .header-add-cart {

    width: 15%;

    padding: 10px 0 0;

    margin: 0 0 0 5px;

  }

.header .header-top .header-add-cart span.cart_no {

    bottom: 6px;

    right: 6px;

    font-size: 10px;

    line-height: 14px;

  }





.banner {

    height: 140px;

  }

.banner img{

    height: 140px;

  }
  .mobile-nav-tab {
    width: 56%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    float: right;
    top: -6px;
    position: relative;
  }
 .category .category-nav ul li a {

    padding: 7px 9px;

    margin: 0 2px;

    font-size: 10px;

    line-height: 15px;

  }

 .category .category-block .imageBefore {
      height: 330px;
    }

.category .category-block .imageAfter {

    height: 415px;

  }

  #category-slider .owl-prev {

    width: 20px;

    height: 33px;

    left: -15px;

    top: 200px;

  }

 #category-slider .owl-next {

    width: 20px;

    height: 33px;

    right: -15px;

    top: 200px;

  }

  #product-slider .owl-prev {

    width: 20px;

    height: 33px;

    left: -15px;

    top: 200px;

  }



  #product-slider .owl-next {

    width: 20px;

    height: 33px;

    right: -15px;

    top: 200px;

  }

#seller-slider .owl-prev {

    width: 20px;

    height: 33px;

    left: -15px;

    top: 200px;

  }

#seller-slider .owl-next {

    width: 20px;

    height: 33px;

    right: -15px;

    top: 200px;

  }

.trending .trending-box {

    width: 120px;

    padding: 0;

    margin: 0 12px 15px;

  }

  .trending .trending-box:nth-child(9) {

    margin: 0 12px 15px;

  }

 .footer .footer-logo {

    width: 60%;

    padding: 0;

    margin: 0 0 15px;

  }

 .single-product .righttextbox-single .enquiry-btn a {

    position: relative;

    transition: all 0.3s ease-in-out;

    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);

    padding-block: 0.5rem;

    padding-inline: 1.25rem;

    background-color: #0372bb;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

    color: #ffff;

    gap: 10px;

    font-weight: 400;

    border: 3px solid #ffffff38;

    overflow: hidden;

    font-size: 12px;

    width: 56%;

    padding: 9px 0;

    margin: 0;

    border-radius: 5px;

  }

.header .header-top .search button.openBtn i {

    font-size: 9px;

    padding: 0 1px 0 0;

  }

 .side-bar-two {

    padding: 0;

    margin-bottom: 4px;

    height: 50px;

  }

.side-bar-two .left-side-bar {

    width: 18%;

    margin: 0;

    padding: 13px 0;

  }

.side-bar-two .left-side-bar i {

    position: relative;

    top: 0;

    font-size: 22px;

  }

.side-bar-two .right-side-bar {

    width: 82%;

    float: right;

    padding: 8px 10px;

    margin: 0;

  }

 a.Ship-Another-Address {

    top: 34px;
    width: 31%;
    right: 42px;
    padding: 9px 0;
    font-size: 9px; line-height: 13px;

  }

.modal-body {

  background: #e6f3ff;

  padding: 15px;

  margin: 0;

}

.modal-dialog {

    width: 300px;

    margin: 100px auto;

  }

 .form-horizontal .form-group label {

    width: 30%;

    padding: 7px 0px 0 10px;

    margin: 0 0 15px;

    height: 35px;

    font-size: 10px;

    line-height: 18px;

  }

 .form-horizontal .form-group input {

    width: 65%;

    height: 35px;

    padding: 0 10px;

    font-size: 12px;

    line-height: 23px;

    margin: 0 0 15px 0;

    font-weight: 400;

  }

.form-horizontal .form-group textarea {

    width: 65% !important;

    height: 35px;

    padding: 7px 10px;

    font-size: 12px;

    line-height: 23px;

    margin: 0 0 15px 0;

  }

.form-horizontal .form-group select {

  width: 65%;

  height: 35px;

  padding: 7px 15px;

  font-size: 12px;

  line-height: 23px;

  margin: 0 0 15px 0;

}

form .agileinfo_mail_grid_left ul.big li {

  height: 40px;

  font-size: 10px !important;

  line-height: 30px;

  padding: 7px 0 0;

  margin: 0 0 5px;

}

form .agileinfo_mail_grid_left ul.big {

  margin: 0;

  padding: 0;

  width: 40%;

}

form .agileinfo_mail_grid_left textarea {

  margin: 0;

  width: 56% !important;

  height: 115px;

  padding: 9px 10px;

  font-size: 13px;

}

form .agileinfo_mail_grid_left input {

  margin: 0;

  width: 56%;

  height: 40px;

  padding: 0 10px;

  font-size: 13px;

  line-height: 24px;

}

form .agileinfo_mail_grid_left select {

  margin: 0;

  width: 56%;

  height: 40px;

  padding: 0 15px;

  font-size: 13px;

  line-height: 24px;

}



 .button-Place-Order {

    width: 57%;

    line-height: 19px;

    height: 35px;

    font-size: 10px;

    margin: 15px 0 0;

    padding: 6px 0;

  }

form.profile input[type="submit"] {

    width: 36%;

    line-height: 24px;

    height: 35px;

    font-size: 11px;

    margin: 20px 0 0;

    padding: 5px 0;

  }

form.profile_edit input {

  width: 100%;

  height: 40px;

  padding: 0 10px;

  font-size: 13px;

  line-height: 24px;

  margin: 0 0 10px 0;

}

form.profile_edit textarea {

  width: 100%;

  padding: 6px 10px;

  font-size: 13px;

  line-height: 24px;

  height: 70px;

}

  form.profile_edit input[type="submit"] {

    width: 26%;

    line-height: 24px;

    height: 35px;

    font-size: 11px;

    margin: 20px 0 0;

    padding: 5px 0;

  }

form.profile input {

  width: 100%;

  height: 40px;

  padding: 0 10px;

  font-size: 13px;

  line-height: 24px;

  margin: 0 0 10px 0;

}














}