h4{font-size:17px;}
h5,p{font-size:15px;}
h6{font-size:13px;margin-bottom: 0.3rem;}



.navbar-light{box-shadow: 0 3px 5px rgba(0,0,0,0.05);background-color:#FFF !important;}
.navbar-nav>li>a{padding: 5px 10px;text-transform: uppercase;color: #222529;}
.navbar-light .navbar-nav .nav-link {color: #222529;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background-color:#EAA221;border-radius: 25px;color: #fff;}

.navbar-light .navbar-nav{text-align: center;}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link{color:#EAA221;font-weight: 700;}
.navbar-light .navbar-nav .nav-link,.dropdown-toggle{font-size: 13px;transition: 0.3s;}
.navbar-light .navbar-nav .nav-link:hover{color: #EAA221;transition: 0.2s;}
.navbar-light .navbar-nav .nav-link .fa{display:block;margin-bottom: 0.3rem;font-size: 1rem;}
.navbar-light .navbar-nav .nav-link.crtGl .fa{font-size: 1.5em;}
.navbar-light .navbar-nav .nav-link .badge{top: 14px;right:-20px;font-size: 0.8rem;background-color: #EAA221;line-height: 1.1;color:#000;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: rgb(234 162 33);}
.nscr{overflow:hidden;}

.top-bar{padding: 10px 0;background-color: #d71d2a;width: 100%;}
.top-bar ul{margin: 0;padding: 0;}
.top-bar ul.r{text-align: right;}
.top-bar ul li{display: inline-block;}
.top-bar ul li a{display: block;color: #FFF;font-size: 13px;font-weight: 400;padding: 0 7px;transition: 0.2s;}
.top-bar ul.r li a{padding: 0 10px;}
.top-bar ul li a:hover{color: #202020;transition: 0.2s;}
.sticky-top{top:-1px;}

.shadow-md{box-shadow: 0 .3rem 1rem rgba(0,0,0,.07)!important;}






.atc{border-radius:0;}
.cart-top{position: absolute;top: -17px;background-color: #222529;color: #FFF;right: -15px;width: 30px;height: 30px;line-height: 30px;text-align: center;border-radius: 50%;}
.text-light {color: #d0d1d2!important;}
.text-warning{color:#f57224 !important;}
.bg-site{background-color:#EAA221 !important;}
.bg-none{background-color:transparent !important;}
.bg-secondary {background-color: #202020!important;color:#EAA221 !important;}
.bg-success {background-color: #17a262!important;}

.btn-success{background-color: #17a262!important;}

.btn-cart{background-color: #EAA221;border-color: #EAA221;color: #FFF;font-size: 13px;text-transform: uppercase;position: relative;transition: 0.5s;}
.btn-cart:hover{background-color: rgba(0,0,0,0.76);border-color: #000;color: #FFF;transform: scale(1.1);transition: 0.5s;}

.btn-warning{background-color: #ff791a;border-color: #ff791a;color: #FFF;}
.btn-outline-danger {    color: #ff0042;    border-color: #ff0042;}
.btn-check:active+.btn-outline-danger, .btn-check:checked+.btn-outline-danger, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show, .btn-outline-danger:active {color: #fff;background-color: #ff0042;border-color: #ff0042;}
.btn-check:active+.btn-warning, .btn-check:checked+.btn-warning, .btn-warning.active, .btn-warning:active, .show>.btn-warning.dropdown-toggle{background-color: #ff791a;border-color: #ff791a;color: #FFF;}

.rounded-3 {border-radius: 0.5rem!important;}
.rounded-3 .card-header{border-top-left-radius: 0.5rem!important;border-top-right-radius: 0.7rem !important;}
.card-header{padding: 0.7rem 1rem;}



#gblCrt{right:-100%;display: none;z-index: 1700;background-color: rgba(0,0,0,0.3)}
.crtLst{overflow-y:auto;top:60px;height: calc( 100vh - 125px);}
.crtHldr{width:25%;}
.list-group-item {border: 1px solid rgb(0, 0, 0, 0.03);}

.table{margin-bottom: 0;}
.table th {border-bottom-color: #f0f0f0 !important;}
.table td {border-bottom: none;}
.table>:not(caption)>*>* {padding: 0.7rem 0.7rem;}
.table-responsive {border-radius: 0.7rem;}

.prd .card{position: relative;transition: 0.3s;}
.img-hldr{overflow: hidden;}
.img-hldr img{width:100%;height: 100%;transition: 0.1s;}
.prd .card:hover{box-shadow: 0 .3rem 1rem rgba(0,0,0,.07);border-color: transparent !important;transition: 0.3s;}
.prd .card:hover .img-hldr img{transform: scale(1.1);transition: 0.2s;}
.prd .rounded-3{border-radius:0.7rem !important;}
.prd .border-light{border-color: #eff1f2!important;}
.prd .card-img, .prd .card-img-top {border-top-left-radius: calc(0.7rem - 1px);border-top-right-radius: calc(0.7rem - 1px);}
.p-cat,.p-name,.p-brand{margin-bottom:0.5rem;}
.p-cat .bg-danger{background-color:#202020 !important;color:#ffb634;}
.p-name{color:#222529;font-weight: 400;transition: 0.1s;font-size: 15px;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;  
  overflow: hidden;}
.p-brand{font-size: 14px;font-weight: 400;color: #a9a8a8;}
.p-brand strong{color: #868282;}
.p-price{color: #222529;font-size: 18px;margin-bottom: 0;}
.p-price .oldP{text-decoration:line-through;font-size: 14px;color: #adadad;font-weight: 400;}
.prd .card:hover .p-name{color:#dc4041;transition: 0.2s;}
.prd .card:hover .p-price{color:#000;transition: 0.2s;}
.dsc{position: absolute;top:0;right: 0;background-color:#dc4041;color: #FFF;border-top-right-radius: 0.7rem;border-bottom-left-radius: 0.7rem;padding: 0 7px;z-index: 2;}
.p-det .det-p-price{font-weight: 900;color: #ff791a;font-size: 1.5rem;}
.p-det .det-p-price small{text-decoration:line-through;font-size: 65%;color: #adadad;font-weight: 400;}


.menu-holder{width: 20%;background-color: #FFF;top: calc(50% - 75px);right: -100%; text-align: center;border-top-left-radius: 0.3rem;border-bottom-left-radius: 0.3rem;padding: 0.5rem;transition: 0.3s ease;}
.menu-holder ul{display: block;padding: 0;margin: 0;}
.menu-holder ul li{display: block;border-bottom: 1px solid #ebebeb;padding: 0.45rem;}
.menu-holder ul li:last-child{border-bottom: none;}
.menu-holder ul li .feather{stroke-width:1.2;color: #000;}

.prd .card:hover .menu-holder{right:0;transition: 0.3s;}


.abt-sb .card{border: 1px solid transparent;padding: 15px;}
.abt-sb .bg-danger{background-color:#feefea !important;}
.abt-sb .bg-primary{background-color:#eaeefe !important;}
.abt-sb .bg-warning{background-color:#fef4d5 !important;}
.abt-sb .bg-success{background-color:#c4f5df !important;}


.ofr .card{padding: 15px 25px;position: relative;color:#FFF;border-radius: 10px;}
.ofr .card:before{position: absolute;content: '';top:0;left: 0;width:100%;height:100%;background-color: rgba(0,0,0,0.5);border-radius: 15px;z-index: 1;}
.ofr .card .card-body{z-index: 2;position: relative;}
.ofr .card .card-title{color:#FFF;}
.ofr .card .card-body .text-ofr{color: #EAA221;}


.news{background: url("../../images/news.jpg") no-repeat center center;}

.sm-d-block,.sCatSm,.lg-d-none{display: none;}
#imgInp,.imginp{display: none !important;}
.custom-file-upload {    border: 1px solid #ccc;    display: block;    padding: 6px 12px;    cursor: pointer;    margin: 10px auto;width:150px;text-align: center;}

.allPr{position:fixed;left: -100%;z-index: 2500;top:0;overflow-y: auto !important;height: 100vh;width: 100%;background-color: rgba(0,0,0,0.5);}
.allPr .fltHldr{width: 85%;height: 100%;padding-top: 45px;}
.allPr .position-fixed{z-index:1;}

.dropdown-menu.megamenu[data-bs-popper] {top: 98%;border-radius: 1rem;}
.drop-sub .col-2:first-child{border-bottom-left-radius:1rem;}
.drop-sub .col-2:last-child{border-bottom-right-radius:1rem;}
.navbar-light .navbar-toggler {color: #EAA221;}
#lgnGl .modal-header{border-bottom:1px solid #3c3c3c !important;}
#lgnGl .modal-body{background-color: #000;}
#lgnGl .modal-footer{border-top:1px solid #3c3c3c !important;}
#lgnGl .form-control{background-color: #303030;color: #FFF;}

.prfl .dropdown-menu[data-bs-popper] {right: 0;left:auto;top:100%;margin-top: 0.9em;}
.dropdown-menu{background-color: #FFF;border-radius: 0.4rem;}
.dropdown-menu a{color: #3a3a3a;font-size: 12px;}
.dropdown-item:focus, .dropdown-item:hover {color: #EAA221;background-color: #000000;}

.bby .dropdown-menu[data-bs-popper] {margin-top: 1.3em;}
.sCatSm{left:-100%;transition: all 0.3s;}

.cts a.active,.brnd a.active{color:#EAA221 !important;font-weight: 600;}
.cts a.active .badge{background-color:#EAA221 !important;color: #FFF !important;}
.fet-img img{top:-55px;}
@media (min-width: 1400px){
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 65%;}
}
@media (min-width: 1200px){
	.p-det h1 {font-size: 1.1rem;}
}
@media (max-width: 1080px){
    body{padding-bottom:46px;}
    .navbar-light{height:auto;}
    .navbar-light .navbar-nav{text-align: left;border-top: 1px solid rgba(0,0,0,0.07);margin-top:5px;padding-top: 5px;}
	.navbar-brand{padding: 2px 3px;}
	.navbar-brand img{height:55px;}
    .top-bar{padding:5px 0;}
	.top-bar ul li{width:49%;text-align: center;overflow:hidden;}
    .top-bar ul li a{font-size:10px;padding: 0;overflow:hidden;}
    .p-det .h1, h1 {font-size: calc(1rem + 0.7vw);}
    #carouselFade img{height: 21vh;}
	.owl-next, .owl-prev{position: relative !important;width: 30px;height: 30px;}
	
    .mbl-menu{display:block;}
    .crtHldr{width:90%;}
    .sm-d-none{display:none;}
    .owl-prev{left:0;}
	.owl-next{right:0;}
    .abt-sb .card{padding: 7px;}
	.abt-sb .card h4{font-size: 14px;}
    .ofr .card .card-title{font-size: 0.9rem;}
    .ofr .card .fs-5{font-size: 1rem !important;}
    .prdDetSde hr{margin:0.4rem 0;}
    .sm-d-block,.lg-d-none{display: block;}
    .ftr .scl{padding-left: 15px;}
	.ftr .cpy.mt-5{margin-top: 0.5rem !important;}
	.ftr .scl .s{text-align: center;}
    .ftr img{float: none !important;margin: auto;display: block;}
	.ftr .links {line-height: 10px;text-align: center;}
	.ftr .links ul{float: none !important;}
	.ftr .scl ul{text-align: center;}
	
	.abt-home .card{box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,0.08) !important;}
	.pb-5 {    padding-bottom: 1.7rem!important;}
	.pt-5 {    padding-top: 1.7rem!important;}
	.drop-sub .col-2{width: 50% !important;border-radius: 0 !important;}
	.dropdown-menu.megamenu[data-bs-popper] {border-radius: 0;}
	
	.brd{padding:20px 0;}
	.brd .ttl{margin-top:15px;}
	
	ul.r{display:flex;}
	
	.navbar {    padding-top: 0.45rem;    padding-bottom: 0.45rem;}
	.page-title{font-size:1.4rem;margin-bottom:0.4rem;}
	.menu-holder{width:30%;}
	.adv .w-50,.news .w-50{width:80% !important;}
	.news h3{font-size:calc(1.1rem + .6vw);}
	.fet-img img{top:45px;}
	.adv{background-size:cover;}
}


.navbar .megamenu{ padding: 0; }

/* ============ desktop view ============ */
@media all and (min-width: 992px) {

  .navbar .has-megamenu{position:static!important;}
  .navbar .has-megamenu li a{display: block;padding: 3px;transition: 0.2s;}
  .navbar .has-megamenu li a:hover{background-color:#000;padding-left:7px;color:#EAA221;transition: 0.3s;}
  .navbar .megamenu{left:0; right:0; width:80%; margin-top:0;margin-left: auto;margin-right: auto;}

}	
/* ============ desktop view .end// ============ */

/* ============ mobile view ============ */
@media(max-width: 991px){
  .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
    overflow-y: auto;
      max-height: 90vh;
      margin-top:10px;
  }
}