/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */


/*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/


/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */

html {
color: #222;
font-size: 1em;
line-height: 1.4;
}
/* ==============Common Color =================== */
:root {
    --blood: #ecc;
    --red:#dd342c;
    --light_red:#e04841;
    --deep_red:#ff0000;
    --tomato:#D2691E;
    --green:#dd342c ;
    --cc:#ccc;
    --aa:#e4e4e4;
    --sky:#86b6db;
    --black:#000000;
    --light_black:#352a2a;
    --white:#ffffff;
    --gray:#E0E0E0;
}

/*
* Remove text-shadow in selection highlight:
* https://twitter.com/miketaylr/status/12228805301
*
* These selection rule sets have to be separate.
* Customize the background color to match your design.
*/

::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}

::selection {
background: #b3d4fc;
text-shadow: none;
}


/*
* A better looking default horizontal rule
*/

hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 1em 0;
padding: 0;
}


/*
* Remove the gap between audio, canvas, iframes,
* images, videos and the bottom of their containers:
* https://github.com/h5bp/html5-boilerplate/issues/440
*/

audio,
canvas,
iframe,
img,
svg,
video {
vertical-align: middle;
}


/*
* Remove default fieldset styles.
*/

fieldset {
border: 0;
margin: 0;
padding: 0;
}


/*
* Allow only vertical resizing of textareas.
*/

textarea {
resize: vertical;
}


/* ==========================================================================
Browser Upgrade Prompt
========================================================================== */

.browserupgrade {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}


/* ==========================================================================
Author's custom styles
========================================================================== */


/* ==========================================================================
Helper classes
========================================================================== */


/*
* Hide visually and from screen readers:
*/

.hidden {
display: none !important;
}


/*
* Hide only visually, but have it available for screen readers:
* http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*/

.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}


/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}


/*
* Hide visually and from screen readers, but maintain layout
*/

.invisible {
visibility: hidden;
}


/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}

.clearfix:after {
clear: both;
}


/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */

@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}

@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}


/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
http://www.phpied.com/delay-loading-your-print-css/
========================================================================== */

@media print {
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important;
/* Black prints faster:
http://www.sanbeiji.com/archives/953 */
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
/*
* Printing Tables:
* http://css-discuss.incutio.com/wiki/Printing_Tables
*/
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}

.floatleft {
float: left;
}

.fix {
overflow: hidden;
}

a:hover,
a:focus {
text-decoration: none !important;
outline: none !important;
}

html,
body {
font-family: "raleway", sans-serif, solaimanlipi !important;
}

img {
max-width: 100%;
height: auto;
}

i.angelf.fa.fa-angle-down {
    color: black;
    font-size: 20px;
}

/*=========================header top section===============================*/

.header_top_section {
background: rgba(0, 0, 0, 0) url("img/hea.html") repeat scroll 0 0;
}
.dropdown-menu a {
display: block;
width: 100%;
}
section.header_top_section .nav.navbar-nav li {}

section.header_top_section ul.nav.navbar-nav li a {
color: #fff;
font-weight: 700 !important;
font-size: 15px !important;
}

.clockdate {
font-size: 15px !important;
border: none !important;
}

input {
width: 95% !important;
border-radius: 0px !important;
}

.dropdown-menu > li > a {
color: #000 !important;
}

a.menu-border {
    border-right: 1px solid var(--white);
}

.cart p span {
background: #FFDD96 none repeat scroll 0 0;
border-left: 1px solid #ccc;
padding: 10px;
}

.glyphicon.glyphicon-shopping-cart {
color: green;
}

.col-lg-2 span {
height: 36px;
}

.header_bottom_section {
/*border-bottom: 4px solid #ffdd96;*/
}

.logo {
margin-top: 20px;
}

.search_form {
margin-top: 20px;
}

input.form-control {
padding: 0 12px;
}

.cart p {
margin-top: 20px;
}

.jqclock {
margin: 0px !important;
padding: 3px !important;
background: none !important;
border: none !important;
}

.logo h2 {
color: #ff0000;
font-size: 24px;
font-weight: 700;
text-shadow: 2px 2px 1px #000;
text-transform: uppercase;
}

.container {
    padding-right: 0px !important;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
}



/*=====================================slider section ================================*/

.nivo-controlNav {
display: none;
}

.theme-default .nivoSlider {
box-shadow: 0px !important;
}

.slider_area .col-lg-10 {
padding: 0px;
}

.nivoSlider {
border: 1px solid #ddd !important;
margin: 1px 0;
}

.col-lg-2.menu {
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
background: #fff;
}

.menu > ul {
list-style: outside none none;
margin: 0;
padding: 0;
}

.menu ul li a i {
margin-right: 5px;
font-size: 20px;
color: #666;
}

.menu a {
color: #000;
display: block;
font-size: 9px;
font-weight: 700;
padding: 9.92px 0;
text-transform: uppercase;
}

.second.fa.fa-angle-right {
color: #999;
float: right;
font-size: 14px;
margin-top: 2px;
}

.menu .dropdown-menu {
border: 1px solid #ddd !important;
border-radius: 0;
box-shadow: 0 0 !important;
display: block;
left: 194px;
opacity: 0;
filter: alpha(opacity=0);
padding: 10px 0 0;
position: absolute;
top: -3px;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
visibility: hidden;
width: 634px;
}

.col-lg-4.list-unstyled {
padding: 0 32px;
}

.col-lg-4.list-unstyled a {
padding: 5.03px;
}

.col-lg-4.list-unstyled {
padding: 0 32px;
margin: 2.45px 0;
}

.col-lg-4.change_index > img {
margin-top: -41px;
}

.menu ul li.op:hover .dropdown-menu {
top: -3px;
-webkit-transition: .8s;
transition: .8s;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}

.col-lg-4.list-unstyled p {
margin: 5.4px;
}


/*===============================best seller==========================*/

.best_seller_product,
.feature_product {
background: #eeeeee none repeat scroll 0 0;
padding: 10px 0;
}

li.margin-bottom {
    margin-bottom: 2px;
}

.col-lg-3.brand {
background: #fff none repeat scroll 0 0;
/*border: 1px solid #ddd;*/
}

.item > h3 {
border-bottom: 1px solid #ddd;
font-family: raleway;
font-weight: 700;
line-height: 24px;
margin-top: 10px;
}

.single_best_seller {
border: 1px solid #ddd;
margin: 5px ;
position: relative;
overflow: hidden;
//border-bottom: 3px solid #4862AF;
}

.col-lg-9 > h3 {
background: #ffdd96 none repeat scroll 0 0;
color: #000;
font-family: raleway;
font-size: 13px;
font-weight: 700;
margin: 0 0 5px 5px;
padding: 5px;
text-transform: uppercase;
}

.carousel.slide {
/*margin-top: 5px;*/
}

.single_best_seller a i {
border-right: 1px solid;
color: blue;
margin-right: 4px;
padding-right: 10px;
font-size: 16px;
}

.single_best_seller a.quick:hover,
.single_best_seller a.quick:focus {
background: #ffdd96 !important;
}

.quick {
background: #ffdd96 none repeat scroll 0 0;
color: #000;
display: block;
font-family: raleway;
font-size: 13px;
font-weight: 700;
padding: 6px 18px 6px 7px;
position: absolute;
right: -137px;
text-transform: uppercase;
top: 33%;
-webkit-transition: .5s;
transition: .5s;
}

.diffrent {
background: #ffdd96 none repeat scroll 0 0;
color: #000;
display: block;
font-family: raleway;
font-size: 13px;
font-weight: 700;
padding: 6px 18px 6px 7px;
position: absolute;
right: -171px;
text-transform: uppercase;
top: 58%;
-webkit-transition: 1s;
transition: 1s;
}

.men_fashion .single_best_seller:hover a.diffrent {
right: -139px !important;
}

.men_fashion .single_best_seller a.diffrent:hover {
right: 0 !important;
}

.single_best_seller a.quick.second {
-webkit-transition: .8s !important;
transition: .8s !important;
}

.single_best_seller:hover a.quick {
right: -104px;
}

.single_best_seller a.quick:hover,
.single_best_seller a.quick.second:hover {
right: 0px !important;
}

.best_seller_product .best_seller_item_list .single_best_seller .third:hover {
right: 0 !important;
}

.quick.second {
right: -143px;
top: 45%;
}

.single_best_seller:hover a.quick.second {
right: -109px;
}

.single_best_seller img {
-webkit-transition: .5s;
transition: .5s;
}

.single_best_seller img:hover {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2)
}

.quick.third {
top: 57%;
right: -171px;
-webkit-transition: 1s !important;
transition: 1s !important;
}

.single_best_seller:hover a.quick.third {
right: -139px !important;
}


/*===============================featured product===============================*/
.section_title {
border-bottom: 2px dashed #ccc;
color: #666;
font-family: raleway;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
}
.same-product .col-lg-3 {
background: #fff none repeat scroll 0 0;
border: 1px solid #ddd;
margin-top: -3px;
padding: 10px;
}

.feautured_product_item .col-lg-3 img {
height: 296px;
text-align: center;
margin-left: 6px;
}

.single_best_seller > p {
background: #4862af none repeat scroll 0 0;
bottom: -15px;
color: #fff;
font-family: helvetica;
font-weight: 700;
padding: 5px;
position: absolute;
text-align: center;
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
width: 100%;
}

.single_best_seller:hover p {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}


/*===================================money back==========================*/

.mone_back {
padding: 20px 0;
position: relative;
background: #f2cd7f;
}

.icon {
background: #f2cd7f none repeat scroll 0 0;
border-radius: 50%;
float: left;
height: 80px;
margin-right: 50px;
margin-top: 5px;
padding: 19px;
width: 80px;
}

.icon i {
color: #fff;
font-size: 50px;
}

.text {
margin-top: 20px;
}

.text > p {
margin: 0;
font-weight: 700;
color: #666;
}

.single_securty {
background: #ddd none repeat scroll 0 0;
overflow: hidden;
padding: 10px;
border-bottom: 3px solid #4862AF;
}

.col-lg-4.padding_left {
padding-left: 0px;
}


/*========================================================*/

.blog_section h3 {
border-bottom: 2px solid #ddd;
font-family: raleway;
font-size: 14px;
font-weight: 700;
line-height: 26px;
margin-top: 20px;
text-transform: uppercase;
}

.single_blog h3 {
border: medium none;
margin: 0;
font-size: 13px;
}

.single_blog p {
font-size: 13px;
margin: 10px 0;
}

.single_blog a {
border-bottom: 2px solid #4862af;
color: #000;
font-size: 11px;
text-transform: uppercase;
}


/*======================================================*/

.ourself_section {
padding: 20px 0;
}

ul.spinner {
background: #f6eddc none repeat scroll 0 0;
list-style: outside none none;
margin: 0 0 1em;
padding: 10px 0;
text-align: center;
border: 2px solid #ddd;
}

.timer_box {
border: 5px solid #8cb273;
position: relative;
}

.thumb {
background: rgba(0, 0, 0, 0) url("img/thumb1.html") no-repeat scroll 0 0;
border-bottom: 3px solid #8cb273;
display: block;
height: 275px;
width: 350px;
}

.timer_grid {
background: rgba(250, 250, 250, 0.91) none repeat scroll 0 0;
box-shadow: 0 0 10px #c7c7c7;
padding: 0 0 9px;
position: absolute;
top: 110px;
width: 100%;
}

span.countDays,
span.countHours,
span.countMinutes {
margin-right: 30px;
}

ul.navigation {
list-style: outside none none;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding: 0;
text-align: center;
}

ul.navigation li {
color: #8cb273;
display: inline-block;
font-size: 12px;
margin-right: 9px;
}

.thumb_desc {
background: #fff none repeat scroll 0 0;
padding: 0.5em 0;
text-align: center;
}

.thumb_desc h3 {
color: #000;
font-size: 1.5em;
font-weight: 500;
margin-bottom: 0;
text-transform: capitalize;
}



span.reducedfrom {
color: #000;
margin-right: 3%;
text-decoration: line-through;
}

span.actual {
color: #ee4a02;
font-size: 1.5em;
font-weight: 500;
margin-right: 5%;
}

.deal {
margin-top: 0;
text-align: left;
}

.m_3 {
background: rgba(0, 0, 0, 0) -webkit-linear-gradient(top, #91b677 0%, #8ab071 47%, #85ac6b 100%) repeat scroll 0 0;
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #91b677 0%, #8ab071 47%, #85ac6b 100%) repeat scroll 0 0;
margin-top: 0em;
}

.link3 {
background: rgba(0, 0, 0, 0) url("img/cart2.html") no-repeat scroll 5px 9px;
color: #fff;
display: inline-block;
font-size: 30px;
font-style: normal;
line-height: 19px;
padding: 20px 0 20px 80px;
text-decoration: none;
text-shadow: 1px 1px 0 #b8b8b8;
}

.timeRefMinutes {
padding: 0 8px;
}

.timeRefHours {
padding: 0 34px;
}

.spinner_head > h3,
.about h3,
.contact h3 {
font-family: raleway;
font-weight: 700;
margin-bottom: 0;
margin-left: 10px;
text-align: left;
text-transform: uppercase;
}

.col-md-5.about {
font-size: 13px;
text-align: justify;
}

.about > h3 {
background: #f6eddc none repeat scroll 0 0;
border: 2px solid #ddd;
padding: 10px 5px;
margin: 0;
}

.col-md-5.about > a {
background: #4A60AB none repeat scroll 0 0;
color: #fff;
float: right;
margin-top: 35px;
padding: 7px;
text-transform: uppercase;
z-index: 1;
position: relative;
-webkit-transition: .2s;
transition: .2s;
}

.col-md-5.about > a:before {
background: blue none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transition: .3s;
transition: .3s;
}

.col-md-5.about a:hover {
background: none;
}

.col-md-5.about a:hover:before {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg)
}

.contact i {
display: inline-block;
background: #ddd;
width: 20px;
font-size: 16px;
padding: 2px 0;
text-align: center;
border-radius: 50%;
margin-right: 3px;
}

.panel-body > a {
display: block;
padding: 3px 5px;
}
.panel{
border-radius: 0px !important;
}
.panel-body i {
color: var(--red);
}


/*================================section footer======================*/

.footer_section {
background: #fff none repeat scroll 0 0 !important;
color: #000 !important;
padding: 20px 0;
border-top: 2px solid limegreen;
}

img.footer-logo {
    width: 300px;
    margin-bottom: 13px;
    margin-top: 7px;
}

.row.app-icons {
    margin-bottom: 4px;
}

.news_letter > p {
color: #fff;
}


.footer_media_link {
    margin-top: 20px;
    margin-bottom: 65px;
}

.news_letter > h3,
.client_saying h3,
.payment_method h3 {
color: #fff;
font-family: raleway;
font-weight: 700;
text-transform: uppercase;
border-bottom: 1px dashed #ccc;
}

.client_saying img {
border-radius: 50%;
height: 60px;
margin-top: 20px;
width: 60px;
}

.client_saying p {
text-align: justify;

}

.client_saying span {
font-family: oswald;
}

.payment_method i {
color: #fff;
font-size: 29px;
margin-top: 15px;
}

.col-lg-4.payment_method > p {
border-top: 1px solid #666;
margin-top: 25px;
padding-top: 48px;
font-size: 13px;
font-family: oswald;
}

.social-icon {
    margin-top: 20px;
    height: 30px;
}

/*scrolling function*/

#totop {
bottom: 108px;
cursor: pointer;
position: fixed;
right: -16px;
z-index: 999;
}

#totop span {
background: #f2cd7f none repeat scroll 0 0;
border-radius: 5px;
color: #fff;
display: inline-block;
font-family: "Glyphicons Halflings";
font-size: 23px;
font-style: normal;
font-weight: normal;
height: 28px;
line-height: 1;
position: relative;
text-align: center;
top: 1px;
width: 28px;
}


/*owl carousel stylish starts here*/

.single_carousel img {
-webkit-transition: 2s;
transition: 2s;
}

.single_carousel img:hover {
-webkit-transform: rotateY(360deg);
transform: rotateY(360deg);
}


/*.............................owl carousel.......................*/

.owl-carousel {}

.owl-carousel .owl-controls {}

.owl-carousel .owl-controls .owl-buttons {
left: -44px;
margin-top: -13px;
position: absolute;
top: 0;
width: 100%;
margin-left: 48px;
}

.owl-carousel .owl-controls .owl-buttons div {
color: #000;
display: inline-block;
font-size: 15px;
font-weight: 700;
text-align: center;
padding: 5px;
}

.owl-carousel .owl-controls .owl-buttons div.owl-prev {
background: #32CD32 none repeat scroll 0 0;
border-radius: 17.5px 0 0 17.5px;
height: 35px;
width: 26px;
margin-top: 150px;
}

.owl-carousel .owl-controls .owl-buttons div.owl-next {
background: #32CD32 none repeat scroll 0 0;
border-radius: 0 17.5px 17.5px 0;
height: 35px;
width: 26px;
color: #fff;
margin-top: 150px;
float: right;
}



/*==========================category page===============================*/

.panel-heading > h3 {
border-bottom: 1px dashed #F2CD7F;
font-family: raleway;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 13px;
}

.selection .form-control {
border-radius: 0;
}
.selection option {
border-bottom: 1px solid #eee;
}
.single_shoe .panel-body{
padding: 5px !important;
}

.panel-heading i{
color: #06c;
}

.single_shoe .panel-heading > h3 {
margin: 0;
font-family: raleway;
color: var(--red);
}

.single_shoe .panel.panel-default {
margin-top: -15px;
}
.image_whole {
text-align: center;
overflow: hidden;
height: 195px;
}


.single_shoe .one {
height: 195px;
max-width: 100%;
-webkit-transition: .3s;
transition: .3s;
}
.single_shoe .two {
height: 195px;
max-width: 100%;
-webkit-transform: translateY(9px);
-ms-transform: translateY(9px);
transform: translateY(9px);
-webkit-transition: .3s;
transition: .3s;
}

.panel-footer p{
margin: 0px;
}

.image_whole:hover .one {
-webkit-transform: translateY(-166px);
-ms-transform: translateY(-166px);
transform: translateY(-166px);
}
.image_whole:hover .two {
-webkit-transform: translateY(-195px);
-ms-transform: translateY(-195px);
transform: translateY(-195px);
}
.col-lg-4.single_shoe.second {
padding: 0;
}


/*===============product list=========================================*/
.product_list_section{
border-top: 2px solid #ffdd96;
padding: 5px 0;
}
.list_whole {
height: 260px;
overflow: hidden;
}
.single{
-webkit-transition: .3s;
transition: .3s;
}
.double {
-webkit-transform: translateY(3px);
-ms-transform: translateY(3px);
transform: translateY(3px);
-webkit-transition: .3s;
transition: .3s;
}
.list_whole:hover .single{
-webkit-transform: translateY(-287px);
-ms-transform: translateY(-287px);
transform: translateY(-287px);
}
.list_whole:hover .double {
-webkit-transform: translateY(-282px);
-ms-transform: translateY(-282px);
transform: translateY(-282px);

}





.over_lay {
background: var(--red) none repeat scroll 0 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
-webkit-transform: scale(0.1);
-ms-transform: scale(0.1);
transform: scale(0.1);
}


.mone_back:before {
border-left: 24px solid transparent;
border-right: 24px solid transparent;
border-top: 29px solid #f2cd7f;
bottom: -29px;
content: "";
height: 0;
left: 45%;
position: absolute;
width: 0;
}


/*===================details==================================*/


h3.details_title {
border-bottom: 1px solid #ddd;
color: #666;
font-family: raleway;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
}
.details {
margin-top: 50px;
}

.details_whole > h3 {
margin-left: -15px;
margin-top: 5px;
}
.details .form-control {
border-radius: 0;
}
.buy_now {
margin: 41px 0;
}

.details > p {
font-size: 16px;
font-weight: 700;
}
.details button {
font-weight: 700 !important;
text-transform: uppercase;
}
.location > p {
background: #eee;
padding: 7px;
}

.share_it ul.nav.navbar-nav a:hover, .share_it ul.nav.navbar-nav a:focus{
background: none;
}
.share_it i {
color: #666;
margin-right: 5px;
}

.share_it {
overflow: hidden;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}


.col-lg-3.small_slider {
margin-top: 7px;
}
.modal .modal-body .col-lg-8 a, .my_cart .col-lg-8 a {
color: #888;
font-weight: 700;
font-style: italic;
}
.modal .modal-body .col-lg-8 > p, .my_cart .col-lg-8 > p {
margin: 0;
}

.col-lg-6.edit_order > a, .col-lg-6.checkout > a {
background: #f2cd7f none repeat scroll 0 0;
display: block;
float: left;
font-family: raleway;
padding: 10px 20px;
font-weight: 700;
text-transform: uppercase;
color: #000;
}
.col-lg-6.checkout > a {
float: right;
}

.modal-header > strong {
color: var(--red);
font-family: raleway;
text-transform: uppercase;
}

.modal .modal-content{
border-radius: 0px;
border: 1px solid var(--red);
}

/*===================policy section========================*/
.policy_section {
padding: 20px 0;
}

.payment_items {
background: #eee none repeat scroll 0 0;
border: 1px solid #ddd;
padding: 15px;
}

.payment_items > img {
margin: 0 12px;
}

.policy_section h3 {
background: none;
font-family: raleway;
font-weight: 400;
text-transform: uppercase;
font-size: 13px;
font-weight: 700;
color: #666;
}

.policy {
background: #eee none repeat scroll 0 0;
border: 1px solid #ddd;
padding: 10px 5px;
}
.policy > p {
margin: 0;
}


/*==================*/
.product_details{
padding: 20px 0;
}
.share_it .nav.navbar-nav a {
color: #000;
font-weight: 700;
}

h3.font-size-notis {
    margin-top: 5px;
    margin-bottom: 15px;
    line-height: 1.5;
    font-size: 16px;
}

/*===================edit cart====================*/

.my_cart input {
width: 80px !important;
}
.col-lg-10.col-md-9.col-sm-9.my_cart > h3 {
color: #666;
font-family: raleway;
font-weight: 700;
margin-top: 10px;
text-align: center;
text-transform: uppercase;
margin-bottom: 0px;
}

.shopping {
background: #ffdd96 none repeat scroll 0 0;
color: #000;
display: block;
float: right;
font-family: raleway;
padding: 10px;
text-transform: uppercase;
}
.my_cart table th{
font-family: raleway;
text-align: center;
text-transform: uppercase;

}
.procced{
font-weight: 700;
text-transform: uppercase;
border-radius: 0px !important;
}
.btn.btn-info.btn-block.procced {
border-radius: 0;
}

.remove {
border: 1px solid;
display: inline-block;
float: right;
margin-top: 2px !important;
padding: 2px;
}

.checkout .close{
font-size: 17px;
opacity: 1;
filter: alpha(opacity=100);
}

.proc_f {
background: blue none repeat scroll 0 0;
color: #fff;
display: block;
font-size: 15px;
padding: 10px 0;
text-align: center;
text-transform: uppercase;
font-weight: 700;
}

.email_section .form-control {
color: #999;
font-family: raleway;
font-size: 13px;
font-style: italic;
}

.email_section input[type=submit] {
font-weight: 700;
color: #000;
text-transform: uppercase;
}
.modal-body .intervan {
float: left;
margin-left: -30px;
margin-bottom: -6px !important;
font-weight: 700;
color: blue;
font-size: 16px;
}


.all_information input{
width: 100% !important;
}

.cheking_out h3{
border-bottom: 1px solid #ddd;
color: #666;
font-family: raleway;
font-size: 14px;
font-weight: 700;
margin: 13px 0;
text-transform: uppercase;
}

.all_information select.form-control{
border-radius: 0px;
}
.all_information .btn.btn-primary.btn-block {
font-family: raleway;
font-weight: 700;
text-transform: uppercase;
}

.my_cart{
overflow-x: scroll;
}

.my_cart img{
float: left;
margin-right: 10px;
}

option{
border: 1px solid #eee;
padding: 3px;
}

.cheking_out .form-group{
margin: 2px;
}




/*organization sliding*/

.OrgCrossfade > img {
/* width: 100%;
height: 100%;*/
position: absolute;
/* top: 0px;
left: 0px;*/
color: transparent;
opacity: 0;
z-index: 9;
-webkit-backface-visibility: hidden;
-webkit-animation: OrgfadeAnimation 24s linear infinite 0s;
-moz-animation: OrgfadeAnimation 24s linear infinite 0s;
-o-animation: OrgfadeAnimation 24s linear infinite 0s;
-ms-animation: OrgfadeAnimation 24s linear infinite 0s;
animation: OrgfadeAnimation 24s linear infinite 0s;
}

.OrgCrossfade > img:nth-child(2) {
-webkit-animation-delay: 6s;
-moz-animation-delay: 6s;
-o-animation-delay: 6s;
-ms-animation-delay: 6s;
animation-delay: 6s;
}
.OrgCrossfade > img:nth-child(3) {
-webkit-animation-delay: 12s;
-moz-animation-delay: 12s;
-o-animation-delay: 12s;
-ms-animation-delay: 12s;
animation-delay: 12s;
}
.OrgCrossfade > img:nth-child(4) {
-webkit-animation-delay: 18s;
-moz-animation-delay: 18s;
-o-animation-delay: 18s;
-ms-animation-delay: 18s;
animation-delay: 18s;
}


@-webkit-keyframes OrgfadeAnimation {
0% { opacity: 0;
-webkit-animation-timing-function: ease-in; }
8% { opacity: 1;
-webkit-animation-timing-function: ease-out; }
17% { opacity: 1 }
25% { opacity: 0 }
100% { opacity: 0 }
}

@-moz-keyframes OrgfadeAnimation {
0% { opacity: 0;
-moz-animation-timing-function: ease-in; }
8% { opacity: 1;
-moz-animation-timing-function: ease-out; }
17% { opacity: 1 }
25% { opacity: 0 }
100% { opacity: 0 }
}

@-o-keyframes OrgfadeAnimation {
0% { opacity: 0;
-o-animation-timing-function: ease-in; }
8% { opacity: 1;
-o-animation-timing-function: ease-out; }
17% { opacity: 1 }
25% { opacity: 0 }
100% { opacity: 0 }
}

@-ms-keyframes OrgfadeAnimation {
0% { opacity: 0;
-ms-animation-timing-function: ease-in; }
8% { opacity: 1;
-ms-animation-timing-function: ease-out; }
17% { opacity: 1 }
25% { opacity: 0 }
100% { opacity: 0 }
}

@keyframes OrgfadeAnimation {
0% { opacity: 0;
animation-timing-function: ease-in; }
8% { opacity: 1;
animation-timing-function: ease-out; }
17% { opacity: 1 }
25% { opacity: 0 }
100% { opacity: 0 }
}
.arselect{margin-left: 0px !important;margin-bottom: 15px !important;}


.main-menu-custom {
background-color: #efefef;
color: #fff;
}

.main-menu-custom ul {
padding: 0 10px;
}

.main-menu-custom li {
padding: 10px 20px;
cursor: pointer;
border-bottom: solid 1px #c5c1c1;
}

.main-menu-custom li:hover {
background-color: transparent;
border-bottom: solid 1px #c5c1c1;
}

.submenu-custom {
display: none;
background-color: #fafafa;
}

.submenu-custom li {
padding: 10px 20px;
white-space: nowrap;
}

/* Link Styles */
.main-menu-custom a {
color: #000;
text-decoration: none;
}

.submenu-arrow {
position: absolute;
top: 50%;
right: 20px;
/* Adjust the value as needed */
transform: translateY(-50%);
}

/* Other styles remain the same */
/* Styles for a Custom Menu */
.main-menu-custom {
background-color: #efefef;
color: #fff;
}

.angelf {
float: right;
}


nav.navbar.navbar-default.lightHeader.navmenu {
height: auto;
top: 0;
box-shadow: none;
background: var(--red);
border-bottom: solid 1px var(--red);
}


/* single product */

.btn{
font-size: 21px;
margin-bottom: 20px;
background: var(--red);
color:#fff;
}
.btn:hover {
margin-bottom: 20px;
background: #000000;
color:#fff;

box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Add a box-shadow effect */
}

.cbtn {
background:#000;
color:#fff;
font-size: 21px;
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;

font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;

}

.cbtn:hover {
background: var(--red);
color:#fff;
font-size: 21px;
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;

font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;

}
.option {
float: left;

border-radius: 10px !important;
width: 240px;
height: 36px;
margin-left: 5px;
}
select#var_color {
padding: 8px 5px;
width: 146px;
border: none;
background: none;
}
select#var_color:active {
padding: 8px 5px;
width: 146px;
border: none;
background: none;
}
select#var_size{
padding: 8px 5px;
width: 146px;
border: none;
background: none;
}
select#var_size:active{
padding: 8px 5px;
width: 146px;
border: none;
background: none;
}
h3.font-size-title-mobile {
margin-top: 5px;
margin-bottom: 15px;
}

p.p_code {
font-size: 13px;
background: var(--red);
color: #fff;
display: inline-block;
padding: 1px 8px;
border-radius: 20px;
margin-top: 10px;
}

h4#gridSystemModalLabel {
font-size: 22px !important;
font-weight: bold;
color: #525252;
}
.col-lg-12.col-md-12.col-sm-12.rs_product {

padding: 0px;
margin-bottom: 20px;

}

.color-picker {
display: inline-block;
line-height: 45px;
}

div#social-links ul li {
    display: inline;
    padding: 5px;
    font-size: 27px;
}

.color-option {
width: 40px;
height: 40px;
border-radius: 10%;
display: inline-block;
margin-right: 3px;
margin-bottom: 6px;
cursor: pointer;
vertical-align: middle;
border: 1px solid black;
}

.color-option.selected {
border-color: var(--red);
border: 6px solid var(--red);
}

.option.p-1 {
margin-bottom: 16px;
}
.cent {
text-align: center;
}

.mt15{margin-top: 15px;}

.noticb{
font-weight: bold;
font-size: 18px;
text-align: left;
border: solid 1px #a89c9c;
padding: 10px;
border-radius: 5px;
background: #ededed;
}



@media only screen and (max-width: 767px) {
#show-img {
height: auto !important;
}

.small-container{
width:auto !important;
}

.productboxp{margin-top:0px;}

.mobpad0 {padding: 0px !important;}

.bordernone{border: none !important;}
}

.tab-design-product.mobile-padding-zero.mobile-padding-10px.col-lg-6.col-md-6.col-sm-6.col-xs-12 {
    padding-bottom: 35px;
}

/* footer css */

body {
transition: background-color .5s;
}

.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 9999;
top: 0;
right: 0;
background-color: #fbfbfb;
overflow-x: hidden;
transition: 0.5s;
padding-top: 5px;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
}

.sidenav a {
padding: 8px 8px 8px 8px;
text-decoration: none;
font-size: 25px;
color: var(--white);
display: block;
transition: 0.3s;
}

.sidenav a:hover {
color: #f1f1f1;
}

.sidenav .closebtn {
position: absolute;
top: 8px;
right: 21px;
font-size: 32px;
margin-left: 46px;
background: var(--red);
box-shadow: 0 5px 15px rgb(224 100 100 / 30%);
color: #fff;
height: 43px;
padding: 0px 16px;
}

#overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
z-index: 2;
}

#main {
transition: margin-left .5s;
padding: 16px;
}

@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}

i.fa.fa-map-marker,
.fa.fa-phone,
.fa.fa-envelope{
color: #d31313;
}


* {
box-sizing: border-box;
}

.column {
float: left;
width: 33.33%;
padding: 5px;
}

/* Clearfix (clear floats) */
.row::after {
content: "";
clear: both;
display: table;
}

/* .footersubc.line-height {
margin-bottom: -8.899999999999999px;

} */

.pay-icon {
    padding-top: 10px;
}

.col-lg-6.text-right {
    padding-top: 10px;
}

img.img-size {
    width: 300px;
}

.swiper {
width: 100%;
height: 100%;
}

.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
}

.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 8px;
}

.swiper {
width: 100%;
height: 300px;
margin-left: auto;
margin-right: auto;
}

.swiper-slide {
background-size: cover;
background-position: center;
}

.mySwiper2 {
height: 80%;
width: 100%;
}

.mySwiper {
    height: 20%;
    margin-top: 13px;
    box-sizing: border-box;
    padding: 10px 0;
}

.mySwiper .swiper-slide {
width: 20% !important;
height: 100%;
opacity: 0.4;
}

.mySwiper .swiper-slide-thumb-active {
opacity: 1;
}

.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

#orderButton {
    font-size: 21px;
    margin-bottom: 20px;
    color: #fff;
}
.faltu{
    margin-bottom: 0 !important;
    
}
.faltu:hover{
    background: #000;
}
.btn.col-xs-12.col-sm-12.col-md-12 {
    margin-bottom: 20px;
}


/* =================Header Top ============== */
.header{
    box-shadow: 0 3px 5px rgba(57, 63, 72, 0.3);
}
.header_top{
    border-top: 5px solid var(--red);
    background-color:#fff;
    padding: 10px 0;
}
.header_logo{
    float: left;
    padding-top: 10px;
}
.header_logo a{
    float: right;
}
.search_fill{
    border-radius: 20px 20px 0 0;
    padding-top: 8px;
}
.header .search_fill input{
    border:0  !important;
    box-shadow: none !important;
    padding: 2px 10px;
}
.header .navbar-nav .top_li{
    padding-top: 20px;
    padding-left: 0;
}
.header .navbar-nav .second_li{
    padding-top: 20px;
}
.header .navbar-nav .top_li a{
    background: var(--light_black);
    color: #fff;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 6px;
}

.header .navbar-nav .top_li a:hover{
    background: var(--red);
    color: #fff;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 6px;
}

.header .navmenu .container{
    display: flex;
    padding-right: 0;
}
.header .navmenu .fault{
    padding:0;
}
.header_track .modal-content{
    border: 1px solid var(--red);
}

.header_track .modal-content .modal-header{
    border-bottom: 1px solid var(--red);   
}
.header_track .modal-body input{
    width:100% !important;
    padding: 20px;  
}
.header_track .modal-footer{
    border:0;
    padding: 50px 30px 30px 30px; 
}
.header_track .modal-footer input{
    color:#fff;
    font-weight:bold;
    padding: 5px;
    width:100% !important;
    background:var(--red); 
}

.header_track .modal-footer input:hover{
    color:#fff;
    font-weight:bold;
    padding: 5px;
    width:100% !important;
    background:var(--black); 
}

.top_navbar{
    height: auto;
    top:0;
    background: var(--sky);
}
.top_navbar .fisrt_div{
    width:100%;
}
.top_navbar .second_div{
    width:20%;
    float:left;
}
.top_navbar .second_div button{
    padding-right: 0;
    float: left;
    margin-left: 20px;
    margin-top: 5px;
    background-color: transparent;
     border: 0;
     box-shadow: none;
}
.top_navbar .div_three {
    width: 60%;
    float: left;
    margin-bottom: 5px;
    display: flex;
    justify-content: center;
}
.top_navbar .div_three a{
    float: left;
    padding-left: 5px;
    padding-top: 3px;
}
.top_navbar .div_three a img{
    width:100%;
    margin:0 auto;
}

.top_navbar .div_foure {
    position: relative;
    width: 20%;
    float: left;
    padding-left: 8px;
}

.top_navbar .div_foure a{
    float: right;
    padding-right: 30px;
}
.top_navbar .div_foure a span{
    position: absolute;
    background: var(--light_black);
    color: #fff;
    top: 10px;
    right: 15px;
}
.top_navbar .div_foure a img{
    padding-top: 8px;
    width: 38px;
}
.top_navbar .div_five{
    padding-right: 0;
    padding-left: 28px !important;
    padding-right: 15px;
}
.top_navbar .div_five input{
    border-radius: 4px 0 0 4px !important;
    border-color: var(--light_black);
    margin-left: 8px;
    padding-left: 10px;
}
.top_navbar .div_five span{
    color: var(--white); 
    background: var(--light_black); 
    border: 1px;
}
.top_navbar .bottom_li{
    padding-top: 20px;
    padding-left: 23px;
    padding-right: 14px;
}
.top_navbar .bottom_li a{
    background:#980647;
    color: #fff;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 6px;
}






/*================Footer================== */
.footerbg .first_a{
    width: 250px
}
.footersub_one a{
    color: var(--white) !important;
    margin:0 15px
}

.footersub_one a:hover{
    color: var(--red) !important;
    margin:0 15px
}


/* ===========Cart Page Css ================= */
Add some basic styles for your table
table {
    width: 100%;
    border-collapse: collapse;
}

th,
td {
    border: 1px solid #ccc;
    padding: 8px;
    text-align: left;
}

/* Apply responsive styles using media queries */
@media screen and (max-width: 600px) {
    table {
        border: none;
    }
    tr {
        border-bottom: solid 1px #806d6d !important;
        padding: 8px;
    }
    th,
    td {
        display: block;
        width: 100%;
        border: none !important;
    }

    tr,
    td {
        display: block;
        width: 100%;
    }

    .hnone {
        display: none;
    }

    .tdwidth {
        display: revert;
        border-left: 1px solid #ccc !important;
    }
}


.btn-success1 {
    font-size: 21px;
    margin-bottom: 20px;
    width: 100% !important;
    
    border: 1px solid var(--red);
    background: var(--red);
    color: #fff;
}

.btn-success1:hover {
    
    margin-bottom: 20px;
    width: 100% !important;
    border: 1px solid #000;
    
    background: #000;
    color: #fff;
}

.btn-info1 {
    font-size: 21px;
    margin-bottom: 20px;
    width: 100% !important;
    border-radius: 10px !important;
    border: 1px solid #000;
    background: #000;
    color: #fff;
}

.btn-info1:hover {
    font-size: 21px;
    margin-bottom: 20px;
    width: 100% !important;
    border-radius: 10px !important;
    border: 1px solid var(--red);
    background: var(--red);
    color: #fff;
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
}

.form-group.margintop {
    margin-top: 20px;
}

.panel-heading {
    padding: 1px 1px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: center !important;
    border-top: 1px solid #ddd;
    text-align: left;
    display: revert;
}

td.ctable {
    padding: 10px !important;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
}

section.details_section {
    margin-top: 20px;
}

.panel-info>.panel-heading {
    color: #000;
    background-color: #fff;
    border-color: #ccc;
    padding: 10px;
}

.col-lg-12.col-md-12.col-sm-12.rs_product {

    padding: 0px;
    margin-bottom: 20px;

}

@media (max-width: 768px) {
    .responsive-table {
        overflow-x: auto;
        display: block;
        border: 1px solid #ccc;
    }

    .tdwidth {
        display: revert;
        border-right: 1px solid #ccc !important;
        padding: 3px !important;
    }

    .table thead,
    .table tbody tr {
        display: block;
    }

    .table thead {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .table tr {
        margin-bottom: 10px;
        border: 1px solid #ccc;
    }

    .table td {
        display: block;
        text-align: right;
        font-size: 14px;
        border-top: none;
    }

    th,
    td {
        padding: 15px;
        border: 1px solid #ccc;
    }

    .table td:before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        padding-right: 10px;
    }

    .table td.tdwidth,
    .table th.tdwidth {
        padding-left: 0;
        padding-right: 0;
        border: 1px solid #ccc;
    }
}

.radio-container {
    display: flex;
}

.radio-input {
    display: none;
}

.radio-label {
    margin-right: 10px;
    cursor: pointer;
    position: relative;
}

/* Style for the unchecked radio button */
.radio-label:before {
    content: "";
    display: none;
    width: 20px;
    height: 20px;
    border: 2px solid #333;
    border-radius: 50%;
    margin-right: 5px;
    vertical-align: middle;
}

/* Style for the checked radio button */
.radio-input:checked+.radio-label:before {
    background-color: #3498db;
    border-color: #3498db;
}

/* Additional style for the selected border around the image */
.radio-input:checked+.radio-label img {
    border: 2px solid #3498db;
}

/* Hide the default radio button icon */
.radio-input:checked+.radio-label img::before {
    content: none;
}

.rbimg {
    border: solid 2px #e5d5d5;
    border-radius: 5px;
    padding: 5px;
    width: 100%;
    height: 70px;
}
@media only screen and (max-width: 600px) {
    .tdwidth {
        text-align: center;
    }

    .quantity-container {
        float: none;
        text-align: center;
        margin-bottom: 10px;
        /* Adjust the margin as needed */
        width: auto !important;
    }

    .quantity-container div {
        float: none;
        display: inline-block;
        margin: 0 2px;
        /* Adjust the margin as needed */
    }
}
/* ===============Internal Css============== */

.cart_page{
    background-color: #fff;
    padding-bottom: 10px;
}
.cart_page .container{
    padding-right: 0  !important;
}
.cart_page .first_rw{
    margin-right: 0;
}
.cart_page .col_one{
    padding-left: 5px;
    padding-right: 5px;
}
.cart_page .first_heading p{
    font-size: 14px;
    text-align:center;
    padding: 5px;
}
.cart_page .first_heading span{
    color: var(--red);
}
.cart_page .first_panel{
    padding-left: 30px;
    padding-right: 30px;
}
.cart_page .first_panel .same_form{
    padding-bottom: 15px;
}
.cart_page .form_one p{
    font-size: 16px;
    text-align:Left;
}
.cart_page .same_form input{
    width: 100% !important;
    border: 1px solid #b5b2b2;
    padding-left: 10px;
}
.cart_page .same_form span{
    color: var(--red);
}
.cart_page .same_form select{
    border: 1px solid #b5b2b2;
}
.cart_page .same_form textarea{
    border: 1px solid #b5b2b2;
    width: 100%;
   
}
.cart_page .diff_form{
    padding-bottom: 15px;
}
.cart_component_main{
    padding-left: 5px;
    padding-right: 5px;
}
.cart_component_main .strong_one{
    font-size: 16px;
    color: #000;
}
.cart_component_main .panel-body{
    padding: 0;
}
.cart_component_main .panel-body table{
    margin-top: 0px;
    width: 100%;
}
.cart_component_main tbody .tr_one{
    cursor: pointer;
    font-size: 14px;
    text-align:center;
}
.cart_component_main .tr_one .td_two{
    padding-left: 0;
    padding-right: 0;
}
.cart_component_main .tr_one .td_three{
    text-align: center;
}
.cart_component_main .tr_one .last_td a{
    color:#1D70BA ;
    font-weight: bold;
    background: #ddd;
    padding: 2px 5px;
}
.cart_component_main .tr_two td{
    padding:4px !important;
    text-align:left;
    font-size:16px;
    font-weight:bold;
}

/* ==============Footer Card============== */
.footer_cart .panel-heading{
    border-bottom: 1px solid #9f9999;
    margin-bottom: 12px;
}
.footer_cart .panel-heading strong{
    font-size: 25px;color: var(--light_black);
}
.footer_cart table{
    margin-top: 0px;
}
.footer_cart table .first_tr{
    cursor: pointer;
    font-size: 12px;
}
.footer_cart table .first_tr .td_one{
    padding-left: 0;
    padding-right: 0;
}
.footer_cart .first_tr .td_one img{
    width:60px;
    height: 60px;
}
.footer_cart .td_three .empty_div{
    width:60px;
    height: 60px;
}
.footer_cart .td_three span{
    float: left;
    float: left;
    font-size: 16px;
    text-align: center;
    color: gray;
    cursor: pointer;
    border: 1px solid #ddd;
    height: 28px;
    line-height: 30px;
    padding: 0px 4px;
    width: 28px;
}
.footer_cart .td_foure a{
    color:#1D70BA ;
    font-weight: bold;
    background: #ddd;
    padding: 2px 20px;
}
.footer_cart .second_tr td{
    padding:10px !important;
    text-align:left;
    font-size:16px;
    font-weight:bold;
}
.footer_cart .check_out{
    width: 100%;
    border-radius: inherit;
    background:#f16e52;
    color:#fff;
}
.footer_cart .row{
    margin: 20px 0;
}
.footer_cart .rw_div{
    padding-left: 5px;
    padding-right: 5px;
}
.footer_cart .end_footer{
    width: 100%;
    background: none;
}
.footer_cart .end_footer .end_span i{
    font-size: 30px;
}


/* ================Home Page Css Start================ */
.section_one{
    background-color: #f6f6f6;
    padding-bottom: 10px;
}
.section_one .top_div{
    padding-top: 2px !important;
}
.section_one .div_two{
    padding: 0px;
}
.section_one .inner_one a img{
    width: 100%;
    max-height: 450px;
}
.section_two{
    background-color: #fff;
    padding-bottom: 10px;
}
.section_two .container {
    padding-right: 0px !important;
}
.section_two .row{
    margin-top:20px
}
.section_two .div_three{
    background: #fff;
    padding: 5px;
}
.section_two .div_foure{
    background: #fff;
    padding: 0px;
    margin-bottom: 20px;
    padding-top: 15px;  
}
.section_two .first_li .first_span{
    top: 0px !important; 
}
.section_two .first_li .second_span img{
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto; 
}
.section_two .div_five{
    background: #fff;
    padding: 0px;
    margin-bottom: 20px;
    padding-top: 15px; 
}
.section_two .second_li .span_three{
    top: 0px !important;
}
.section_two .second_li img{
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
.section_two .order_btn_one a{
    color:white;
}
.section_two .div_six{
    background: #fff;
    padding: 0px;
    margin-bottom: 20px;
    border-right:0;
    border-bottom:0;
}
.section_two .first_a{
    padding: 0px;
    height: 210px;
    overflow: hidden;
    display: block;
}
.section_two .footer_span_one{
    background: #fff;
    padding: 0;
    display: block;
    line-height:18px;
    color: var(--tomato);
    font-size: 14px;
    font-weight: bold;
    height: 38px;
}
.section_two .footer_span_one del{
    color:#b8b8b8;
    font-size:14px;
}
.section_two .footer_span_one label{
    color: var(--red);
    font-size: 20px;
}
.section_two .footer_span_two{
    background: #fff;
    padding: 2px;
    overflow: hidden;
    height: 38px;
    font-size: 12px;
    display: block;
    color:#525252;
    font-weight: bold;
}
.section_two .order_btn_two{
    text-align:center;
}

/* ===================Hot Deails page css part====================*/
.hot_offers{
    background-color: #fff;
    padding-bottom: 10px
}
.hot_offers .first_row{
    margin-top:20px
}
.hot_offers .hot_offers__firt_col{
    background: #fff;
    padding: 5px;
}
.hot_offers .hot_offers__second_col{
    background: #fff;
    padding: 0px;
    margin-bottom: 20px;
    border: 3px solid #ECECEC;
    border-right:0;
    border-bottom:0
}
.hot_offers .product-hover-area{
    padding: 0;
}
.hot_offers .offers_first_spane{
    bottom: 124px !important;
}
.hot_offers .img-hover{
    padding: 0px;
    height: 180px;
    overflow: hidden;
}
.hot_offers .img-hover img{
    margin: 0 auto;
    padding:5px
}
.hot_offers .second_span{
    background: #fff;
    padding: 0;
    display: block;
    line-height:18px;
    color: var(--tomato);
    font-size: 14px;
    font-weight: bold;
    height: 38px;
}
.hot_offers .second_span del{
    color:#b8b8b8;
    font-size:14px;
}
.hot_offers .second_span label{
    color: var(--green);
    font-size: 20px;
}
.hot_offers .thired_span{
    background: #fff;
    padding: 2px;
    overflow: hidden;
    height: 38px;
    font-size: 12px;
    display: block;
    color:#525252;
    font-weight: bold;
}
.hot_offers .end_div{
    text-align:center;
}

/* ================Invoice Page================ */
/* .invoice .first_col img{
    margin: 20px;
    width:400px;
}
.invoice .empty_div_one{
    border: 1px solid  --cc;
    text-align:center;
    margin:6px 0 15px 0;
    width:100%;
    padding: 0 !important;
}
.invoice .invoice-info{
    font-weight:600;
}
.invoice .thead_tr{
    background: var(--aa);
}
.invoice_table .thired_tr{
    font-weight: bold !important; 
    font-size: 20px !important;
}
.invoice_table .thired_tr td{
    padding: 8px 14px;
} */

/* ===================Items By Category========== */
.item_by_ctg{
    background-color: #fff;
    padding-bottom:" 10px";
}
.item_by_ctg .first_row{
    margin-top:0px;
}
.item_by_ctg .first_row .first_col{
    background: #fff;
    padding: 5px;
}
.item_by_ctg .panel_body_two{
    padding: 0;
}
.item_by_ctg .panel_body_two .col_second{
    background: #fff;
    padding: 0px;
    margin-bottom: 20px;
    border-right:0;
    border-bottom:0;
}
.item_by_ctg .panel_body_two .first_span{
    top: 0px !important;
}
.item_by_ctg .panel_body_two .fist_a{
    padding: 0px;
    height: 180px;
    overflow: hidden;
}
.item_by_ctg .fist_a img{
    margin: 0 auto;
    padding:5px;
}
.item_by_ctg .second_spand{
    background: #fff;
    padding: 0;
    display: block;
    line-height:18px;
    color: tomato;
    font-size: 14px;
    font-weight: bold;
    height: 38px;
}
.item_by_ctg .second_spand .first_del{
    color:#b8b8b8;
    font-size:14px;
}
.item_by_ctg .second_spand label{
    color: var(--green);
    font-size: 20px;
}
.item_by_ctg .thired_span{
    background: #fff;
    padding: 2px;
    overflow: hidden;
    height: 38px;
    font-size: 12px;
    display: block;
    color:#525252;
    font-weight: bold;
}
.item_by_ctg .end_div{
    text-align:center;
}
.item_by_ctg .last_heading{
    padding:20px;
    text-align:center;
}

/* ===============Latest Item page========== */
.latest_item_product{
    background-color: #fff;
    padding-bottom: 10px;
}
.latest_item_product .fist_row{
    margin-top:20px;
}
.latest_item_product .first_col{
    background: #fff;
    padding: 5px;
}
.latest_item_product .second_col{
    background: #fff;
    padding: 0px;
    margin-bottom: 20px;
    border-right:0;
    border-bottom:0;
}
.latest_item_product .first_span{
    bottom: 124px !important;
}
.latest_item_product .first_a{
    padding: 0px;
    height: 180px;
    overflow: hidden;
}
.latest_item_product .first_a img{
    margin: 0 auto;
    padding:5px
}
.latest_item_product .second_span{
    background: #fff;
    padding: 0;
    display: block;
    line-height:18px;
    color: var(--tomato);
    font-size: 14px;
    font-weight: bold;
    height: 38px;
}
.latest_item_product .second_span del{
    color:#b8b8b8;
    font-size:14px
}
.latest_item_product .second_span label{
    color: var(--green);
    font-size: 20px;
}
.latest_item_product .last_span{
    background: #fff;
    padding: 2px;
    overflow: hidden;
    height: 38px;
    font-size: 12px;
    display: block;
    color:#525252;
    font-weight: bold;
}
.latest_item_product .end_div{
    text-align:center;
}
.latest_item_product .last_heading{
    padding:20px;
    text-align:center;
}

/* ================order_confirmation Page============== */
 /* Define the custom styles for the confirm button */
 .custom-confirm-button {
    background-color: var(--red) !important; /* Change color as desired */
    color: #fff !important; /* Change text color as desired */
    border: 2px solid var(--red) !important;
    font-size: 12px !important;
}
/* Define the custom styles for the icon */
.custom-icon {
    border: 2px solid var(--red) !important; /* Change border color as desired */
}

/* Define the custom styles for the popup box */
.custom-popup {
    max-width: 800px; /* Change width as desired */
    padding: 20px;    /* Change padding as desired */
}
/* ============Internal Css=============== */

.order_confirmation{
    background-color: #fff;
    padding-bottom: 10px;
}
.order_confirmation .container{
    padding-right: 0  !important;
}
.order_confirmation .row{
    margin-right: 0
}
.order_confirmation .strong_one{
    font-size: 16px;
    color: #000;
}
.order_confirmation table{
    margin-top: 0px;
    margin-bottom: 0px;
}
.order_confirmation .first_tr{
    cursor: pointer
}

.order_confirmation .same_tr td{
    padding:10px !important;
    text-align:left;
    font-size:16px;
    font-weight:bold;
}
.order_confirmation .empty_div{
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 100px;
    padding-top: 20px;
}
.order_confirmation .empty_div .btn_one{
    background: #f2f2f2;
    color:#000;
    font-weight: bold;
}
.order_confirmation .empty_div .last_a{
    background: #f2f2f2;
    color:#000;
    font-weight: bold;
}

/* =============Order History Page ============ */
.order_history{
    background-color: #fff;
    padding-bottom: 10px;
}
.order_history .container{
    padding-right: 0  !important;
}
.order_history .row{
    margin-right: 0;
}
.order_history .first_col{
    padding-left: 5px;
    padding-right: 5px; 
}
.order_history .panel-heading strong{
    font-size: 16px;
    color: #000;
}
.order_history .panel-body{
    padding: 0
}
.order_history .first_table{
    margin-top: 0px;
    margin-bottom: 0px;
}
.order_history .second_table{
    margin-top: 0px;
    margin-bottom: 0px;
}
.order_history .first_table tr td{
    padding:10px !important;
    text-align:left;
    font-size:16px;
    font-weight:bold;
}
.order_history .second_panel_heading strong{
    font-size: 16px;
    color: #000;
    float:left
}
.order_history .second_panel_heading span{
    font-size: 16px;
    color: #000;
    float:right;
}
.order_history .second_panel_heading .empty_div{
    clear:both;
}
.order_history .diff_tr{
    cursor: pointer
}
.order_history .diff_tr img{
    width: 60px;
    float:left;
    margin-right:10px;
}
.order_history .same_tr td{
    padding:10px !important;
    text-align:left;
    font-size:16px;
    font-weight:bold;
}
.order_history .last_heading{
    padding:20px;
    text-align:center;
}
.order_history .purchase_div{
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 100px;
    padding-top: 20px;
}
.order_history .purchase_div a{
    background: #f2f2f2;
    color:#000;
    font-weight: bold;
}
/* ===============Page Css Start============ */
.page_header{
    background-color: #fff;
    padding-bottom: 10px;
}
.page_header .container{
    padding-right:0px;
}
.page_header .first_col{
    padding-left: 0px;
}
.page_header strong{
    font-size: 22px;
    color: var(--light_black);
}
.page_header strong i{
    color: var(--red);
}
.page_header .panel-body{
    padding-left: 30px;
    padding-right: 30px;
}
/* =================payment_method Page Css =============== */
.payment_method{
    padding-bottom: 15px;
}
.payment_method select{
    border: 1px solid limegreen ;
}
/* =============Product Page Css============ */
/* #social-links ul li {
    display: inline-block;
    padding: 5px;
}
#social-links ul li a span {
    font-size: 30px;
} */
.all_product{
    background-color: #fff;
    padding-bottom: 10px;
}
.all_product .container{
    padding-right:0px !important;
}
.all_product .panel-heading .panel_strong{
    font-size: 22px;
    font-weight: bold;
    color: #525252;
}
.all_product  .panel_strong i{
    color: #000;
}
.all_product  .same_panel{
    padding-left: 30px;
    padding-right: 30px;
}
.all_product  .same_panel .first_col{
    background-color: #fff;
    padding: 0;
}
.all_product  .first_tab{
    padding-left: 0px;
    padding-right: 0px;
}
.all_product  .first_tab .same_tab{
    padding: 0;
}
.all_product .panel_foure .product-hover-area{
    padding: 0;
}
.all_product .panel_foure .first_span{
    top: 0px !important;
}
.all_product .panel_foure .first_a{
    padding: 0px;
    height: 180px;
    overflow: hidden;
}
.all_product .first_a img{
    margin: 0 auto;
    padding:5px;
}
.all_product .panel_foure .second_span{
    background: #fff;
    padding: 0;
    display: block;
    line-height:18px;
    color: var(--tomato);
    font-size: 14px;
    font-weight: bold;
    height: 38px;
}
.all_product .second_span del{
    color:#b8b8b8;
    font-size:14px;
}
.all_product .second_span label{
    color:var(--green);
    font-size: 20px;
}
.all_product .span_three{
    background: #fff;
    padding: 2px;
    overflow: hidden;
    height: 38px;
    font-size: 12px;
    display: block;
    color:#525252;
    font-weight: bold;
}
.all_product .order_btn{
    text-align:center;
}

/* =============Single Product =============== */
.single_product_main .panel-body{
    padding:15px 0 ;
}
.single_product_main .details_whole{
    padding-left: 0px;
    padding-right: 0px
}
.single_product_main .span_one{
    top: 0px !important;
}
.single_product_main .tab-design-product{
    padding-left: 0;
}
.single_product_main .middle_div {
    padding:0;
    min-height: 300px;
}
.single_product_main .creativ {
    padding-top:10px;
}
.single_product_main .creativ_one{
    padding: 0px;
}
.single_product_main .p_one{
    margin: 18px 0;
    color: #525252;
    font-size: 20px;
}
.single_product_main .creative_two{
    padding: 0;
}
.single_product_main .creative_two h3{
    font-weight: bold;
    font-size: 13px;
    text-align:left;
}
.single_product_main .creative_two h3 i{
    color: #000;
    font-size: 16px;
}
.single_product_main .creative_two h3 strong{
    color: var(--red);
}
.single_product_main .alert-message{
    color:red; 
    font-weight: 
    bold; 
    font-size: 13px;
    text-align: center;
}
.single_product_main .deal_quan{
    padding-left: 0px;
    margin-top: 10px;
}
.single_product_main .deal_quan .poriman{
    float: left;
    margin-top: 5px;
    font-weight: bold;
}
.single_product_main .deal_quan .nameless{
    float: left; 
    border: solid 1px var(--red); 
    border-radius: 10px !important; 
    width: 150px; 
    height: 36px;
    margin-left:5px;
}
.single_product_main .nameless .btn_one{
    color: var(--red);
    font-size: 25px;
    text-align: center; 
    width: 50px;
     float: left; 
     cursor: pointer;
     font-weight: bold;
}
.single_product_main .nameless span{
    font-size: 25px;
    text-align: center;
    color: gray;
    width: 50px;
    float: left;
    cursor: pointer;
    border-right: 1px solid var(--red);
    border-left: 1px solid var(--red);
    font-weight: bold;
}
.single_product_main .nameless .btn_two{
    font-weight: bold;
    color: var(--red);
    font-size: 25px;text-align: center; 
    width: 40px; 
    float: left;
    cursor: pointer;
}
.single_product_main .deal_quan_tw{
    padding-left: 0px;
    margin-top: 10px;
}
.single_product_main .deal_quan_tw span{
    float: left;
    margin-top: 5px; 
    font-weight: bold;
}
.single_product_main .quantity_one{
    padding-left: 0px; 
    margin-top: 10px;
}
.single_product_main .quantity_one span{
    float: left;
    margin-top: 5px;
}
.single_product_main .quantity_one select{
    display: none;
}
.single_product_main .delivery_div{
    padding:0;
}
.single_product_main .delivery_div h3{
    font-weight: bold;
    font-size: 15px;
    text-align:left;
    margin-top: 15px;
}
.single_product_main .product_colors{
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 30px;
}
.single_product_main .product_colors .color_span{
    color: var(--red);
    font-size:17px;
    text-align: left;
}
.single_product_main .product_colors input{
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
}
.single_product_main .product_colors .end_span{
    color: var(--red);
    font-size:17px;
}
.single_product_main .btn_section{
    padding: 0px;
    margin-top: 30px; 
    margin-bottom: 30px;
}
.single_product_main .btn_section input{
    background: transparent; 
    border: none; 
    margin: 0; 
    padding: 0;
}
.single_product_main .khali_div{
    padding:0;
    margin-left:20px;
}
/* =============search_product page css =============== */
.search_product .container{
    padding-right:0px
}
.search_product .top_col{
    background: #fff;
    padding: 0px;
    margin-bottom: 20px; 
    border: 3px solid #ECECEC;
    border-right:0;
    border-bottom:0;
}
.search_product .product-hover-area{
    padding: 0;
}
.search_product .top_span{
    bottom: 124px !important;
}
.search_product .first_a{
    padding: 0px;
    height: 180px;
    overflow: hidden;
}
.search_product .first_a img{
    margin: 0 auto;
    padding:5px;
}
.search_product .second_span{
    background: #fff;
    padding: 0;
    display: block;
    line-height:18px;
    color: var(--tomato);
    font-size: 14px;
    font-weight: bold;
    height: 38px;
}
.search_product .second_span del{
    color:#b8b8b8;
    font-size:14px;
}
.search_product .second_span label{
    color:var(--green);
    font-size: 20px;
}
.search_product .span_three{
    background: #fff;
    padding: 2px;
    overflow: hidden;
    height: 38px;
    font-size: 12px;
    display: block;
    color:#525252;
    font-weight: bold;
}
.search_product .last_div{
    text-align:center;
}
.search_product .end_heading{
    padding:20px;
    text-align:center;
}
/* ==============Verify Mobile Page Css============= */
   table {
    width: 100%;
    border-collapse: collapse;
}

th,
td {
    border: 1px solid #ccc;
    padding: 8px;
    text-align: left;
}
@media screen and (max-width: 600px) {
    table {
        border: none;
        /* Remove borders at smaller screen sizes */
    }

    tr {
        border-bottom: solid 1px #806d6d !important;
        padding: 8px;
    }

    th,
    td {
        display: block;
        width: 100%;
        border: none !important;
    }

    tr,
    td {
        display: block;
        width: 100%;
    }

    .hnone {
        display: none;
    }

    .tdwidth {
        display: revert;
        border-left: 1px solid #ccc !important;
    }


}

.btn-success1 {
    font-size: 21px;
    margin-bottom: 20px;
    width: 100% !important;
    
    border: 1px solid var(--red);
    background: var(--red);
    color: #fff;
}

.btn-success1:hover {
    
    margin-bottom: 20px;
    width: 100% !important;
    border: 1px solid #000;
   
    background: #000;
    color: #fff;
}

.btn-info1 {
    font-size: 21px;
    margin-bottom: 20px;
    width: 100% !important;
    border-radius: 10px !important;
    border: 1px solid #000;
    background: #000;
    color: #fff;
}

.btn-info1:hover {
    font-size: 21px;
    margin-bottom: 20px;
    width: 100% !important;
    border-radius: 10px !important;
    border: 1px solid var(--red);
    background: var(--red);
    color: #fff;
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
}

.form-group.margintop {
    margin-top: 20px;
}

.panel-heading {
    padding: 1px 1px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: center !important;
    border-top: 1px solid #ddd;
    text-align: left;
    display: revert;
}

td.ctable {
    padding: 10px !important;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
}

section.details_section {
    margin-top: 20px;
}

.panel-info>.panel-heading {
    color: #000;
    background-color: #fff;
    border-color: #ccc;
    padding: 10px;
}

.col-lg-12.col-md-12.col-sm-12.rs_product {

    padding: 0px;
    margin-bottom: 20px;

}

@media (max-width: 768px) {
    .responsive-table {
        overflow-x: auto;
        display: block;
        border: 1px solid #ccc;
    }

    .tdwidth {
        display: revert;
        border-right: 1px solid #ccc !important;
        padding: 3px !important;
    }

    .table thead,
    .table tbody tr {
        display: block;
    }

    .table thead {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .table tr {
        margin-bottom: 10px;
        border: 1px solid #ccc;
    }

    .table td {
        display: block;
        text-align: right;
        font-size: 14px;
        border-top: none;
    }

    th,
    td {
        padding: 15px;
        border: 1px solid #ccc;
    }

    .table td:before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        padding-right: 10px;
    }

    .table td.tdwidth,
    .table th.tdwidth {
        padding-left: 0;
        padding-right: 0;
        border: 1px solid #ccc;
    }

    .mLogin {
        margin-top: 10px !important;
        padding-left: 5px;
        padding-right: 5px;
    }

}

.Loginbox {
    margin-top: 100px;
    padding-left: 5px;
    padding-right: 5px;
}

.Loginbox2 {

    margin-top: 35px;
    padding-left: 5px;
    padding-right: 5px;
}
@media only screen and (max-width: 600px) {
    .tdwidth {
        text-align: center;
    }

    .quantity-container {
        float: none;
        text-align: center;
        margin-bottom: 10px;
        /* Adjust the margin as needed */
        width: auto !important;
    }

    .quantity-container div {
        float: none;
        display: inline-block;
        margin: 0 2px;
        /* Adjust the margin as needed */
    }
}
/* =========Internal Css================ */
.verify_mobile{
    background-color: #fff;
    padding-bottom: 10px;
}
.verify_mobile .container{
    padding-right: 0  !important;
}
.verify_mobile .product-hover-area{
    padding: 0;
}
.verify_mobile .top_a{
    padding: 0px; 
    height: 180px; 
    overflow: hidden;
}
.verify_mobile .top_a img{
    margin: 0 auto;
    padding:5px;
}
.verify_mobile .top_span{
    background: #fff;
    padding: 0;
    display: block;
    line-height:18px; 
    color: var(--tomato); 
    font-size: 14px; 
    font-weight: bold; 
    height: 38px;
}
.verify_mobile .top_span del{
    color:#b8b8b8;
    font-size:14px;
}
.verify_mobile .top_span label{
    color:var(--green);
    font-size: 20px;
}
.verify_mobile .second_span{
    background: #fff; 
    padding: 2px; 
    overflow: hidden; 
    height: 38px; 
    font-size: 12px; 
    display: block; 
    color:#525252; 
    font-weight: bold;
}
.verify_mobile .order_btn{
    text-align:center;
}
.main_header_part{
    margin-right: 0
}
.main_header_part .fs_div{
    padding-left: 5px;
    padding-right: 5px;
}
.main_header_part .panel-heading p{
    font-size: 19px;
    text-align:center;
    padding: 5px;
}
.main_header_part .first_panel{
    padding-left:30px;
    padding-right: 30px;
}
.main_header_part .group_one p{
    font-size: 16px;
    text-align:Left;
}
.main_header_part .group_one input{
    width: 100% !important;
    border: 1px solid #b5b2b2;
    padding-left: 10px;
}
.main_header_part .seond_div{
    padding-left: 5px;
    padding-right: 5px;
}
.main_header_part .seond_div .panel-heading strong{
    font-size: 16px;
    color: #000;
}
.main_header_part .seond_div .panel-body{
    padding: 0;
}
.main_header_part .seond_div table{
    margin-top: 0px;
    width: 100%;
}
.main_header_part .seond_div .tr_one{
    cursor: pointer;
    font-size: 14px;
    text-align:center;
}
.main_header_part .tr_one .td_tw{
    padding-left: 0;
    padding-right: 0;
}
.main_header_part .tr_one .td_tw img{
    max-width:40px;
    height:40px;
}
.main_header_part .tr_one .td_three{
    text-align: center;
}
.main_header_part .td_three .quantity-container{
    padding: 3px 10px;
    width: 98px;
}
.main_header_part .td_three .first_a{
    color: #ddd;
    font-size: 16px; 
    text-align: left;
    cursor: pointer;
    font-weight: bold;
    float: left;
    padding: 2px 4px;
    border: 1px solid;
}
.main_header_part .td_three .span{
    float: left; font-size: 16px; text-align: center;
    color: gray; 
    cursor: pointer; 
    border: 1px solid #ddd; 
    height: 28px;
     line-height: 30px; 
     padding: 0px 4px; 
     width: 28px;
}
.main_header_part .td_three .two_a{
    color: #ddd;
    font-size: 16px;
    text-align: right;
    cursor: pointer !important;
    font-weight: bold;
    float: left; 
    padding-left: 5px; 
    padding: 2px 4px; 
    border: 1px solid;
}
.main_header_part .td_three .two_a i{
    color:green;
}
.main_header_part .tr_six a{
    color:#1D70BA ;
    font-weight: bold;
    background: #ddd;
    padding: 2px 5px;
}
.main_header_part .tr_two td{
    padding:4px !important;
    text-align:left;
    font-size:16px;
    font-weight:bold;
}
.main_footer_part{
    margin: 20px 0;
}
.main_footer_part .end_div{
    padding-left: 5px;
    padding-right: 5px;
}
.verify_main_header .ft_rw{
    margin-right: 0;
}
.verify_main_header .css_div{
    padding-left: 5px;
    padding-right: 5px; 
}
.verify_main_header .top_heading p{
    font-size: 19px;
    text-align:center;
    padding: 5px;
}
.verify_main_header .panel_one{
    padding-left: 30px;
    padding-right: 30px;
}
.verify_main_header .panel_one .group_one{
    padding-bottom: 15px;
}
.verify_main_header .panel_one .group_one p{
    font-size: 16px;
    text-align:Left;
}
.verify_main_header .panel_one .group_one input{
    width: 100% !important;
    border: 1px solid #b5b2b2;
    padding-left: 10px;
}
.verify_main_header .css_div_tw{
    padding-left: 5px;
    padding-right: 5px;
}
.verify_main_header .panel_tw strong{
    font-size: 16px;
    color: #000;
}
.verify_main_header table{
    margin-top: 0px; 
    width: 100%;
}
.verify_main_header .tr_tw{
    cursor: pointer;
    font-size: 14px;
    text-align:center;
}
.verify_main_header .tr_tw .td_tw{
    padding-left: 0;
    padding-right: 0;
}
.verify_main_header .tr_tw .td_tw img{
    max-width:40px;
    height:40px;
}
.verify_main_header .tr_tw .td_three{
    text-align: center;
}
.verify_main_header .tr_tw .td_three .quantity-container{
    padding: 3px 10px;
    width: 98px;
}
.verify_main_header .tr_tw .td_three .btn_one{
    color: #ddd;
    font-size: 16px;
    text-align: left;
    cursor: pointer;
    font-weight: bold; 
    float: left; 
    padding: 2px 4px; 
    border: 1px solid;
}
.verify_main_header .tr_tw .td_three .btn_two{
    color: #ddd; 
    font-size: 16px; 
    text-align: right; 
    cursor: pointer !important; 
    font-weight: bold; 
    float: left;
     padding-left: 5px; 
     padding: 2px 4px; 
     border: 1px solid;
}
.verify_main_header .tr_tw .td_three span{
    float: left; 
    font-size: 16px;
     text-align: center; 
     color: gray; 
     cursor: pointer; 
     border: 1px solid #ddd; 
     height: 28px; 
     line-height: 30px; 
     padding: 0px 4px; 
     width: 28px;
}
.verify_main_header .tr_tw .td_six a{
    color:#1D70BA ;
    font-weight: bold;
    background: #ddd;
    padding: 2px 5px;
}
.verify_main_header .tr_three td{
    padding:4px !important;
    text-align:left;
    font-size:16px;
    font-weight:bold;
}
.verify_main_header .end_rw{
    margin: 20px 0;
}
.verify_main_header .end_rw .end_div{
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}
.verify_main_header .end_rw .end_div img{
    margin: 0 auto;
}
/* =============Verify Opt Page ============= */
@media (max-width: 768px) {
    .responsive-table {
      overflow-x: auto;
      display: block;
      border: 1px solid #ccc;
    }
    
    .tdwidth{
      display: revert;
      border-right: 1px solid #ccc !important;
      padding: 3px !important;
    }
  
    .table thead, .table tbody tr {
      display: block;
    }
  
    .table thead {
      position: absolute;
      top: -9999px;
      left: -9999px;
    }
  
    .table tr {
      margin-bottom: 10px;
      border: 1px solid #ccc;
    }
  
    .table td {
      display: block;
      text-align: right;
      font-size: 14px;
      border-top: none;
    }
    
    th, td {
      padding: 15px;
      border: 1px solid #ccc;
    }
  
    .table td:before {
      content: attr(data-label);
      float: left;
      font-weight: bold;
      padding-right: 10px;
    }
  
    .table td.tdwidth, .table th.tdwidth {
      padding-left: 0;
      padding-right: 0;
      border: 1px solid #ccc;
    }
    
    .mLogin{
      margin-top: 10px !important;padding-left: 5px;padding-right: 5px; 
    }
    
  }
  
  .Loginbox{
      margin-top: 100px;padding-left: 5px;padding-right: 5px; 
  }
  .Loginbox2{
      
      margin-top: 35px;padding-left: 5px;padding-right: 5px; 
  }
  .btn-success1{
    font-size: 21px;
    margin-bottom: 20px;
    width:100% !important;
    
    border: 1px solid var(--red);
    background:var(--red);
    color:#fff;
}

.btn-success1:hover{
   
    margin-bottom: 20px;
    width:100% !important;
    border: 1px solid #000;
    
    background:#000;
    color:#fff !important;
}
.btn-info1{
    font-size: 21px;
    margin-bottom: 20px;
    width:100% !important;
    border-radius: 10px !important;
    border: 1px solid #000;
    background:#000;
    color:#fff;
}
.btn-info1:hover{
    font-size: 21px;
    margin-bottom: 20px;
    width:100% !important;
    border-radius: 10px !important;
    border: 1px solid var(--red);
    background:var(--red);
    color:#fff;
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px;
}
    .form-group.margintop {
    margin-top: 20px;
}
.panel-heading {
    padding: 1px 1px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: center !important;
        border-top: 1px solid #ddd;
        text-align: left;
        display: revert;
    }
    td.ctable {
        padding: 10px !important;
        text-align: left;
        font-size: 16px;
        font-weight: bold;
    }
    section.details_section {
        margin-top: 20px;
    }
    .panel-info>.panel-heading {
        color: #000;
        background-color: #fff;
        border-color: #ccc;
        padding: 10px;
    }
    .col-lg-12.col-md-12.col-sm-12.rs_product {
        
        padding: 0px;
        margin-bottom: 20px;
        
    }
      /* Add some basic styles for your table */
  table {
    width: 100%;
    border-collapse: collapse;
}
th, td {
    border: 1px solid #ccc;
    padding: 8px;
    text-align: left;
}

/* Apply responsive styles using media queries */
@media screen and (max-width: 600px) {
    table {
        border: none;* Remove borders at smaller screen sizes */
    }
    tr {
       border-bottom: solid 1px #806d6d !important;
        padding: 8px;
    }
    th, td {
        display: block; 
        width: 100%; 
        border: none !important;
    }
    
    tr, td {
        display: block;
        width: 100%; 
        
    }
    .hnone{
        display:none;
    }
    
    .tdwidth{
        display: revert;
        border-left: 1px solid #ccc !important;
        }
}

/* =========internal css======== */

.verify_opt{
    background-color: #fff;
    padding-bottom: 10px;
}
.verify_opt .container{
    padding-right: 0  !important;
}
.verify_opt .product-hover-area{
    padding: 0;
}
.verify_opt .top_a{
    padding: 0px; 
    height: 180px; 
    overflow: hidden;
}
.verify_opt .top_a img{
    margin: 0 auto; 
    padding:5px;
}
.verify_opt .top_span{
    background: #fff; 
    padding: 0; 
    display: block; 
    line-height:18px; 
    color: var(--tomato); 
    font-size: 14px; 
    font-weight: bold; 
    height: 38px;
}
.verify_opt .top_span del{
    color:#b8b8b8;
    font-size:14px;
}
.verify_opt .top_span label{
    color:var(--green);
    font-size: 20px;
}
.verify_opt .second_span{
    background: #fff;
    padding: 2px; 
    overflow: hidden; 
    height: 38px; 
    font-size: 12px; 
    display: block; 
    color:#525252; 
    font-weight: bold;
}
.verify_opt .order_btn{
    text-align:center;
}
/* ===========otp verify======== */
.main_otp_verify .fast_rw{
    margin-right: 0;
}
.main_otp_verify .one{
    padding-left: 5px;
    padding-right: 5px;
}
.main_otp_verify .heading_p{
    font-size: 19px; 
    text-align:center;
    padding: 5px;
}
.main_otp_verify .heading_p span{
    color: var(--red);
}
.main_otp_verify .first_panel_body{
    padding-left: 30px;
    padding-right: 30px;
}
.main_otp_verify .first_panel_body .group_one{
    padding-bottom: 15px;
}
.main_otp_verify .first_panel_body .group_one p{
    font-size: 16px;
    text-align:Left;
}
.main_otp_verify .first_panel_body .group_one input{
    width: 100% !important;
    border: 1px solid #b5b2b2;
    padding-left: 10px;
}
.main_otp_verify .two{
    padding-left: 5px;
    padding-right: 5px;
}
.main_otp_verify .two .st_one{
    font-size: 16px;
    color: #000;
}
.main_otp_verify table{
    margin-top: 0px; 
    width: 100%;
}
.main_otp_verify .first_tr{
    cursor: pointer;
    font-size: 14px; 
    text-align:center;
}
.main_otp_verify .first_tr .td_tw{
    padding-left: 0;
    padding-right: 0;
}
.main_otp_verify .first_tr .td_tw img{
    max-width:40px;
    height:40px;
}
.main_otp_verify .first_tr .td_three{
    text-align: center;
}
.main_otp_verify .first_tr .td_three .quantity-container{
    padding: 3px 10px; 
    width: 98px;
}
.main_otp_verify .first_tr .td_three .td_div{
    color: #ddd;
    font-size: 16px;
    text-align: left;
    cursor: pointer;
    font-weight: bold;
    float: left;
     padding: 2px 4px; 
     border: 1px solid;
}
.main_otp_verify .first_tr .td_three span{
    float: left; 
    font-size: 16px; 
    text-align: center; 
    color: gray; 
    cursor: pointer; 
    border: 1px solid #ddd;
     height: 28px; 
     line-height: 30px;
      padding: 0px 4px; 
      width: 28px;
}
.main_otp_verify .first_tr .td_three .td_div_tw{
    color: #ddd; 
    font-size: 16px; 
    text-align: right; 
    cursor: pointer !important; 
    font-weight: bold; 
    float: left; 
    padding-left: 5px;
     padding: 2px 4px;
      border: 1px solid;
}
.main_otp_verify .first_tr .td_six a{
    color:#1D70BA ;
    font-weight: bold;
    background: #ddd;
    padding: 2px 5px;
}
.main_otp_verify .tr_tw td{
    padding:4px !important;
    text-align:left;
    font-size:16px;
    font-weight:bold;
}
.main_otp_verify .second_rw{
    margin: 20px 0;
}
.main_otp_verify .second_rw .last_div{
    padding-left: 5px;
    padding-right: 5px;
}

.panel_info{
    margin-bottom: 465px !important;
}
.color_option{
    margin-bottom: 50px !important;
}