body { font-family:Gudea; }
:root { --main-color:#ed1b24; --main-color-1:#f2f7fb; --main-color-2:#9c1e3f; }
a, button, .detail-img { transition:all 0.4s ease-in 0s; -webkit-transition:all 0.4s ease-in 0s; }
a:hover { text-decoration:none; }
ul { list-style:none; margin:0; padding:0; }

header .col-lg-3, header .col-lg-9, .copy .col-lg-6 { align-self:center; }

.box { background-color:#fff; border:1px solid #fbc8ca; border-radius:2px; box-shadow:none; color:#222; font-size:14px; height:30px; padding:2px 8px; }
.box:focus { background-color:#fff; border:1px solid var(--main-color); box-shadow:none; color:#222; }
.box::-moz-placeholder, .box::-webkit-input-placeholder { background-color:#fff; color:#222; }

.top-head { padding:12px 0; transition:all 500ms; }
.box-1 { background-color:transparent; border:none; border-radius:0; color:#4d4d4d; display:inline-block; font-size:14px; font-style:italic; height:46px; padding:10px; }
.box-1:focus { background-color:transparent; border:none; box-shadow:none; color:#4d4d4d; }
.box-1::-moz-placeholder, .box-1::-webkit-input-placeholder { background-color:transparent; color:#aaa; }
select.box-1 { background-color:#f2f7fb; background-image:url(images/arrow.png); background-position:90%; background-repeat:no-repeat; color:#222; cursor:pointer; font-style:normal; font-weight:600; padding:5px; width:130px; -moz-appearance:none; -webkit-appearance:none; }
select.box-1:focus { background-color:#f2f7fb; color:#222; }

.top-head li { display:inline-block; padding:0 0 0 15px; text-align:left; vertical-align:top; }
.cart-btn { background-color:#fbc8ca; border-radius:2px; color:#fff; display:inline-block; float:right; font-size:18px; padding:6px 10px; position:relative; }
.cart-btn:hover, .mid-head { background-color:var(--main-color); color:#fff; }
.cart-btn .cart-count { align-items:center; background-color:var(--main-color); border-radius:50%; font-size:12px; display:flex; height:19px; justify-content:center; position:absolute; right:-8px; top:-8px; width:19px; }
.sign-btn { background-color:var(--main-color); border:2px solid var(--main-color); border-radius:2px; color:#fff; margin:7px 0 0; width:100%; }
.sign-btn:hover, .sign-btn1:hover { background-color:var(--main-color-2); color:#fff; }

.call-box { clear:both; font-size:14px; padding:20px 0 0; }
.call-btn, .login-sec a { background-color:var(--main-color); border:2px solid var(--main-color); border-radius:2px; color:#fff; font-size:14px; font-weight:600; padding:2px 25px; }
.call-btn:hover, .login-sec a:hover { background-color:var(--main-color-2); }

/**** Navbar CSS Start Here ****/
.mid-head .navbar { padding:0; }
.mid-head .navbar-nav .nav-link { color:#fff; font-size:14px; margin:0; padding:10px 16px; }
.mid-head .navbar-nav .nav-link:hover, .mid-head .navbar-nav .nav-link:focus { color:var(--main-color-1); }
/**** Navbar CSS End Here ****/

.bottom-head { border:2px solid var(--main-color); border-radius:3px; display:flex; font-size:14px; font-weight:600; justify-content:space-between; margin:7px 0 0; padding:5px 12px; }

.brand-sec { padding:25px 0; }
#brand-sec, #brand-sec-1, #brand-sec-2 { padding:0 25px; }
.brand-sec .owl-nav { height:0; }
.brand-sec .owl-prev span, .brand-sec .owl-next span { background-color:#f2f7fb; background-image:url(images/arrow-1.png); background-position:center; background-repeat:no-repeat; bottom:0; font-size:0; left:0; position:absolute; top:0; width:25px; }
.brand-sec .owl-next span { background-image:url(images/arrow-2.png); left:auto; right:0; }
.brand-sec .owl-prev:hover span, .brand-sec .owl-next:hover span { background-color:#dcf0fb; }
.brand-sec h3, .pro-sec h3, .vd-sec h3 { border-bottom:1px solid #bfe9f3; color:#fff; font-size:19px; font-weight:600; margin:0 0 15px; padding:0 0 7px; 

background: #ed1b24;
    padding: 7px;
	}
.pro-box { border-left:1px solid #c6e4ec; color:#333; padding:0 10px; text-align:center; }
.pro-box p { color:#000; font-size:15px; font-weight:600; margin:15px 0 0; text-align:left; }

.table>tbody>tr>td, .table>tfoot>tr>td { vertical-align:middle; }
.brn-box #field1 { align-items:center; display:flex; justify-content:center; margin:0 0 12px; }
.brn-box #field1 input { font-size:14px; height:26px; padding:0; text-align:center; width:70px; }
.brn-box #field1 .sub, .brn-box #field1 .add { color:#000; font-size:25px; padding:0 8px; }
#cart [data-th="Quantity"] input { box-shadow:none; font-size:13px; outline:none; padding:0; width:70px; }
#cart [data-th="Product"] h6 b, #cart [data-th="Product"] h6 span { display:block; padding:0 0 5px; }

/********** Snackbaar text start here ********/
#snackbar { background-color:#333; border-radius:2px; bottom:30px; color:#fff; font-size: 17px; left:50%; margin-left:-174px; min-width:250px; padding:16px; position:fixed; text-align:center; visibility:hidden; z-index:999; }
#snackbar.show { animation:fadein 0.5s, fadeout 0.5s 2.5s; visibility:visible; -webkit-animation:fadein 0.5s, fadeout 0.5s 2.5s; }

@-webkit-keyframes fadein {
 from { bottom:0; opacity:0; }
 to { bottom:30px; opacity:1; }
}

@keyframes fadein {
 from { bottom:0; opacity:0; }
 to { bottom:30px; opacity:1; }
}

@-webkit-keyframes fadeout {
 from { bottom:30px; opacity:1; }
 to { bottom:0; opacity:0; }
}

@keyframes fadeout {
 from { bottom:30px; opacity:1; }
 to { bottom:0; opacity:0; }
}

.trust-sec { color:#333; padding:15px 0 60px; text-align:center; }
.trust-sec h3 { font-size:18px; margin:0 0 5px; }
.trust-sec ul { background-color:#ecf8ff; border:5px solid #dceffb; padding:20px; text-align:left; }
.trust-sec li { font-size:14px; padding:4px 0 0 23px; position:relative; }
.trust-sec li::before { color:var(--main-color); content:"\f058"; font-family:fontAwesome; left:0; position:absolute; }
#trust-sec { background-image:url(images/icon.png); background-position:center; background-repeat:no-repeat; }

.trust-sec .owl-dots .owl-dot span { border:1px solid #000; border-radius:50%; display:block; height:10px; margin:0 4px; width:10px; }
.trust-sec .owl-dots .owl-dot.active span, .trust-sec .owl-dot:hover span { background-color:#000; }

.vd-sec, .brn-sec { padding:0 0 50px; }

footer { text-align:center; }
footer p a:hover, footer li a:hover, footer i:hover, .copy a:hover, .breadcrumb-main a:hover, .brn-sec li:hover h4 { color:var(--main-color); }
.social a {	color:#333; font-size:24px; margin:0 7px; }
footer ul { padding:10px 0 30px; }
footer li { display:inline-block; padding:5px 10px; }
footer li a { color:#333; font-size:14px; }
.copy { background-color:var(--main-color); color:#fff; font-size:13px; padding:14px 0; }
.copy p { margin:0; text-align:left; }
.copy a { color:#fff; margin:0 5px; }

/********************************** product page CSS start here ********************************/
.breadcrumb-main { background-color:#ebebeb; color:#878788; font-size:14px; font-weight:600; margin:20px 0 40px; padding:10px 15px; }
/*.breadcrumb-main a { color:#222; }*/
.pro-sec .tab-box { border:none; padding:28px 0 0; }
.pro-sec .tab-box:hover { box-shadow:none; }
.pro-sec .tab-box h5 { font-weight:normal; }
.pro-sec .pro-box { border:none; margin:0 0 30px; padding:0; }

/**************************** detail page CSS start here ****************************/
.detail-sec { display:flex; }
.detail-sec li { margin:0; }
.detail-sec li:first-child { margin:0 25px 0 0; }
.detail-img { border:1px solid #C7C7C7; margin:0 0 10px; opacity:0.5; padding:5px; width:80px; }
.detail-img:hover { border:1px solid var(--main-color); opacity:1; }
.detail-img img { width:100%; }

.detail-tab { padding:30px 0 50px; }
.detail-tab .nav-tabs li { margin:0; }
.detail-tab .nav-tabs li a { border-bottom:2px solid transparent; color:#717171; display:block; font-size:16px; padding:10px 15px; }
.detail-tab .nav-tabs li .active, .detail-tab .nav-tabs li a:hover { border-bottom:2px solid var(--main-color); }
.detail-tab .tab-content { padding:25px 0 0; }
.detail-tab h4 { color:#000; font-size:15px; font-weight:600; margin:0; text-transform:uppercase; }
.detail-tab p { margin:10px 0 0; }

.fea-cat-sec h3 { color:#000; font-size:26px; font-weight:600; margin:0; }
.fea-cat-sec h5 { color:#717171; font-size:14px; font-weight:normal; margin:5px 0 22px; }
.fea-cat-sec h5 span { color:var(--main-color); float:right; font-family:Josefin Sans; font-size:14px; }

.detail-box { background-color:#F2F2F2; border:1px solid #D5D5D5; padding:15px 25px; }
.save-btn { background-color:#fff; border:1px solid var(--main-color); clear:both; color:var(--main-color); display:block; font-size:17px; margin:5px 0 30px; padding:12px 0; text-align:center; text-transform:uppercase; }
.save-btn { background-color:var(--main-color); border:1px solid var(--main-color); color:#fff; }
.save-btn:hover { background-color:#fff; border:1px solid var(--main-color); color:var(--main-color); }

.detail-cat { padding:32px 0 0 32px; }
.detail-cat h6 { color:#141414; font-size:16px; font-weight:600; margin:0; }
.detail-cat li { display:block; padding:0 0 6px; }
.detail-cat li a { color:var(--main-color); text-decoration:underline; }
.detail-cat li a:hover { color:#000; }

/**************************** brand page CSS start here ****************************/
.brn-sec ul { display:flex; flex-wrap:wrap; }
.brn-sec li { padding:0 15px 15px 0; position:relative; text-align:center; width:25%; }
.brn-sec li a { box-shadow:0 0 5px #ddd; display:block; padding:18px; }
.brn-sec h4 { color:#000; font-size:16px; font-weight:600; margin:15px 0 0; }
.brn-box { background-color:#ddd; margin:12px 0 0; }
.brn-box ul { display:block; padding:6px 8px 0; }
.brn-box h6 { color:#333; font-size:13px; font-weight:600; margin:0 8px; padding-top:8px; text-align:left; }
.brn-box li { color:#555; font-size:13px; font-weight:600; padding:0 0 4px; text-align:left; width:auto; }
.brn-box li label { margin:0; width:100px; }
.brn-sec li i { color:var(--main-color); position:absolute; right:30px; top:13px; }
.brn-sec .dd li a { padding:7px; }
.brn-sec-new .dd.dd-1 li{width:25%!important;}
.brn-sec .dd.dd-1 li { padding:4px 8px; width:auto; }
.brn-sec .dd.dd-1 li li { padding:0 0 4px; }
.brn-sec .dd-1 { padding:0 30px; }

/**************************** login page CSS start here ****************************/
.login-sec { padding:0 0 55px; text-align:center; }
.login-sec h2 { font-size:20px; font-weight:600; margin:0 0 20px; }
.login-sec .box { height:32px; margin:0 0 22px; outline:none; width:100%; }
.caet-tabe-width { width:25%; }


/*.................. Home-Page-Media .................. */
@media screen and (max-width:600px) {
table#cart tbody td .form-control { display:inline !important; width:20%; }
.actions .btn { margin:1.5em 0; width:36%; }
.actions .btn-info { float:left; }
.actions .btn-danger { float:right; }
table#cart thead { display:none; }
table#cart tbody td { display:block; padding:.6rem; }
table#cart tbody tr td:first-child { background:#333; color:#fff; }
table#cart tbody td:before { content:attr(data-th); display:inline-block; font-weight:bold; width:8rem; }
table#cart tfoot td, table#cart tfoot td .btn { display:block; }
}

@media (min-width:320px) and (max-width:767px){
header .col-lg-3, header .col-lg-9 { width:50%; }	
.caet-tabe-width { width:100%; }
.top-head li { padding:0 9px 0 0; position:unset; }
select.box-1 { width:170px; }
.trust-sec p { font-size:17px; line-height:1.4; }
footer .col-lg-2, footer .col-lg-3 { margin:0 0 15px; }
.copy { text-align:center; }

/**************************** product page media start here ****************************/
.detail-img { width:50px; }

/**************************** detail page media start here ****************************/
.box-3 { margin:0 8px 15px 0; width:67%; }
.save-btn { font-size:15px; margin:5px 0 20px; padding:9px 0; }

/**************************** brand page CSS start here ****************************/
.brn-sec li { padding:0 0 15px; width:100%; }
.brn-box li { padding:0 0 4px; width:auto; }
#cart [data-th="Product"] h6 { margin:12px 0 0; }
}

@media (min-width:320px) and (max-width:991px){	
.top-head ul { padding:20px 0 0; text-align:center; }
.mob-logo { margin:15px auto 10px; width:114px; }
.mid-head .navbar { display:block; text-align:right; }
.mid-head .navbar-expand .navbar-toggler { border-color:transparent; color:var(--main-color); padding:0; }	
.mid-head .navbar-collapse { background-color:#fff; box-shadow:0 0 5px #555; height:100%; left:0; overflow-y:auto; position:fixed; top:0; transform:translateX(-100%); transition:0.3s cubic-bezier(0.55,0,0.1,1); width:265px; z-index:11; -webkit-transform:translateX(-100%); -webkit-transition:0.3s cubic-bezier(0.55,0,0.1,1); }
.mid-head .collapse.show { transform:translateX(0); -webkit-transform:translateX(0); } 
.mid-head .navbar-nav { padding:0 15px; text-align:left; }
.mid-head .navbar-toggler:focus { outline:none; }
.mid-head .navbar-toggler .icon-bar { background-color:#fff; display:block; height:2px; margin:5px 0; outline:none; transition:all 500ms; width:25px; }
.mid-head .navbar-toggler:not(.collapsed) .icon-bar { position:relative; transition:all 300ms ease-in-out 0s; }
.mid-head .navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) { top:7px; transform:rotate(45deg); }
.mid-head .navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) { opacity:0; }
.mid-head .navbar-toggler:not(.collapsed) .icon-bar:last-child { top:-7px; transform:rotate(-45deg); }
.mid-head .navbar-nav .nav-link { border-bottom:1px solid #cecece; color:#000; padding:8px; }
.mid-head .navbar-nav .nav-link:hover, .mid-head .navbar-nav .nav-link:focus, .mid-head .navbar-nav .show > .nav-link { color:var(--main-color); }

/**************************** detail page media start here ****************************/
.detail-tab .nav-tabs li a { font-size:14px; padding:10px 5px; }
}

@media (min-width:480px) and (max-width:767px){	
footer .col-lg-2, footer .col-lg-3, .copy .col-lg-6, .pro-sec .col-lg-4 { width:50%; }

/**************************** detail page media start here ****************************/
.detail-tab .nav-tabs li a { padding:10px; }

/**************************** brand page CSS start here ****************************/
.brn-sec li { padding:0 7px 15px; width:50%; }
.brn-box li { padding:0 0 4px; width:auto; }
}

@media (min-width:768px){
.top-head ul, .copy .col-lg-6:last-child { text-align:right; }
#cart [data-th="Product"] { display:flex; align-items:center; }
#cart [data-th="Product"] h6 { margin:0 0 0 15px; }
}

@media (min-width:768px) and (max-width:991px){	
.mid-head .navbar-expand-md .navbar-toggler { display:inline-block; }
.mid-head .navbar-expand-md .navbar-collapse, .mid-head .navbar-nav { display:block !important; }
.mid-head .navbar-expand-md .dropdown-menu { position:relative !important; }

/**************************** detail page media start here ****************************/
.dash-section .detail-tab .nav-tabs li a { padding:10px 15px; }
.detail-sec li:last-child img { width:100%; }
.fea-cat-sec h3 { font-size:20px; }

/**************************** brand page CSS start here ****************************/
.brn-sec li { width:33.33%; }
.brn-box li { width:auto; }
}

@media (min-width:992px){
header { background-color:#fff; position:fixed; transition:all 500ms; width:100%; z-index:11; }	
header.smaller { transform:translateY(-79px); }
.mob-logo { display:none; }
.mid-head .collapse ul li:hover > ul { display:block; }
.menu-sec { float:left; width:20%; }
.banner { padding:158px 0 0; }
}

@media (min-width:992px) and (max-width:1239px){
.top-head li { padding:0 0 0 10px; }
}

@media (min-width:1240px){
.container { max-width:1220px; }
.brn-sec-new .dd.dd-1 li { padding:4px 8px; width:25% !important; }
}

@media (min-width:1920px){
.container { max-width:82%; }
}