/* Large Devices, Wide Screens */
@media only screen and (min-width : 1400px) {
	.container { max-width: 1366px; }
}

@media only screen and (max-width : 1400px) {
	.right-section .pro-box p.add-btn button { padding: 7px; }
	.right-section .pro-box .price span { font-size: 14px; }
}

/* @media only screen and (min-width : 1280px) {
	.home-slider-wrap { height: 100%; }
} */

@media only screen and (min-width : 1200px) {
	.container .w-20 { max-width: 17%; flex: 0 0 17%; }
	.container .w-80 { max-width: 83%; flex: 0 0 83%; }
	.right-section .product-list .bd-rl:nth-child(4n+1) { border-right: 1px solid transparent; }
}

@media only screen and (max-width : 1200px) {
	footer .footer-links{ padding: 40px 0; }
	.container { max-width: 100%; }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	header .top-menu ul.menu li a { font-size: 12px; }
	footer .footer-links{ padding: 30px 0; }
	header .top-menu.sticky ul.menu li a { padding: 10px; }
	.right-section .product-list .bd-rl:nth-child(2n+1) { border-right: 1px solid transparent; }
	.right-section .product-detail .shipping-text { padding: 10px 0 }
	.sticky .top-menu ul.menu li a { padding: 10px 5px; }
	.right-section .product-detail { min-height: auto; }
	.my-account .react-tabs__tab-panel { min-height: 100%; }
	.checkout-wrap { min-height: 100%; }
	.checkout-wrap .accordion__panel { padding: 20px; }
}

@media screen and (max-width: 50em) {
  .inputfile-6 + label strong {
    display: block;
  }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
	.lbl-Mob label{left: 30px !important;}
	.uploadButtons .btn{font-size: 13px;}
	/* .home-slider-wrap{margin-top:51px;} */
	.findGroupSearch div.react-autosuggest__container .form-control:not(:last-child){border-radius: 3px;}
	.react-autosuggest__suggestions-container{width: 100% !important;}
	header .top { padding: 10px 0;min-height: 104px; }
	header .top .container { position: fixed; top: 0; width: 100%; background-color: #fff; padding: 10px; }
	header .top img { max-width: 130px; }
	/*header .top .mobile-account { position: absolute; top: 0; right: 60px; width: auto; padding: 0; display: flex; height: 100%; align-items: center; margin: 0 !important; }*/
	header .top .mobile-account { position: absolute; top: -23px; right: 70px; width: auto; padding: 0; display: flex; height: 100%; align-items: center; margin: 0 !important; }
	header .top-menu ul.menu li ul.sub-menu { width: auto; min-width: 250px; }
	header .top-menu { background-color: #2e2f43; position: absolute; left: -280px; right: 0; top: 0; width: 240px; height: 100vh; z-index: 9; transition: all 0.3s ease; overflow-x: hidden; padding:0; padding-bottom: 90px; }
	header .top-menu.show { left: 0; }
	header .top-menu ul.menu, header .top-menu ul.menu li { display: block; }
	header .top-menu ul.menu li a { color: #fff; }
	header .top-menu ul.menu li a img{filter: brightness(0) invert(1);}
	header .top-menu ul.menu li a i{ position: absolute; right: 15px; }
	header .top-menu ul.menu li a { font-size: 14px; padding:15px; }
	header .top .top-icon .cart { position: relative; margin: 0 4px; }
	header .top .top-icon { padding-right: 0; display: flex; align-items: center; }
	header .top .top-icon .user-name { padding: 0; }
	/* header .top .top-icon .user-name .login-name { display: none; } */
	header .top .menu-bar { display: block; position: absolute; right: 40px; top: -12px; }
	header .top .menu-bar a { position: relative; }
	header .top .top-icon .user-name .user-name-dropdown { position: fixed; top: 50px; width: 100%; border-radius: 0; }
	header .top .menu-bar a:after { content: "\e800"; position: absolute; left: 0; top: 0; font-family: 'fontello'; font-size: 24px; line-height: normal; }	
	.no-scroll header .top .menu-bar a:after { content: "\e802"; position: absolute; left: 0; top: 0; font-family: 'fontello'; font-size: 24px; }	
	header .top .menu-bar.active a:after { content: "\e802"; font-family: 'fontello'; }
/* 	header .top-menu ul.menu li .sub-menu { display: none !important; } 
	header .top .top-icon .cart-products-count { top: -10px; right: -15px; }*/
	header .top .mobile-search { display: inline-block; }
	.deals-section { margin: 20px 0 0 0; }
	.common-slider h5 { font-size: 1rem; }
	header .top-menu ul.menu li { position: relative; }
	header .top-menu.sticky { position: static; }
	footer .footer-links h6 { margin-bottom: 15px; margin-top: 15px; }
	footer .footer-links .mb-5{ margin-bottom: 1rem!important; }
	footer .newsletter h5 { margin-bottom: 10px; }
	/* header .top .search-bar .input-group-append { display: none; } */
	header .top .search-bar.active { display: block; position: absolute; bottom: -2px; z-index: 9; }
	header .top .search-bar .input-group>.form-control:not(:last-child) { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }
	/*header .top .search-bar { position: absolute; z-index: 99; top: -20px; bottom: 0; opacity: 1;  transform: translateY(-50px); transition: all,ease,.3s; }*/
	header .top .search-bar{order: 3;z-index: 9;}
	header .top .search-bar.open { opacity: 1; transform: translateY(0); }
	header .top .search-bar .search-close { display: inline-block; position: absolute; right: 80px; top: 0; bottom: 0; z-index: 9; color: #2e2f43; font-size: 22px; display: flex; align-items: center; }
	header .top .top-icon .mob-search { display: inline-block; float: right; position: relative; z-index: 9; }
	header .top .top-icon .mob-search a i.icon-cancel { display: none; }
	header .top .top-icon .mob-search.active a i.icon-cancel { display: block; }
	header .top .top-icon .mob-search.active a i.icon-search { display: none; }
	header .top .mob-search.active a { position: relative; z-index: 9; color: #2e2f43; }
	/* header .top .top-icon .cart-dropdown { left: 0; right: 0; position: fixed; top: 50px; } */
	.search-result { font-size: 16px; }
	header .top .mob-bar { position: absolute; top: -65px; left: 0; width: 100%; background-color: #fff; color: #2e2f43; transition: all,ease,.3s; display: block; }
	header .top .mob-bar.show { top: 0; }
	header .top .mob-bar #demo { position: relative; }
	header .top .mob-bar a { color: #2e2f43; }
	header .top .mob-bar .search-close { position:absolute; top:0; color: #4d4d4d; right:10px; font-size: 20px; display: flex; align-items: center; height: 100%; }
	header .top .mob-bar input { width: 100%; padding: 20px 10px; border:0;  }
	.no-scroll { position: fixed; width: 100%; }
	header .top-menu .container{ padding: 0; }
	header .top-menu ul.menu li.open ul.sub-menu { position: relative; }
	.topArrow div { height: 40px; width: 40px; line-height: 40px; right: 10px !important; }
	.advertisement { flex-direction: column; }
	.advertisement .ads1 { margin-bottom: 10px; }
	.advertisement .ads2 { padding-left: 15px; }
	.blog-wrap .blog-title, .blog-wrap .blog-content { padding: 10px 15px; }
	.fixedMobile {position: fixed;height: 100%;width: 100%;left: 0;top: 0;background: rgba(0, 0, 0, 0.35);display: flex;align-items: center;justify-content: center;}
	.fixedMobile .bg-orange{width: 90%;flex: 0 0 90%;position: relative;}
	.fixedMobile .bg-orange .closePop {position: absolute;width: 30px;height: 30px;right: -15px;top: -15px;background: white;border-radius: 100%;color: #2f2f2f;display: flex;justify-content: center;align-items: center;font-size: 20px;box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2);cursor: pointer;
}
}

@media only screen and (min-width : 580px) {
	.mobile-verify .modal-dialog { max-width:400px; }
}

@media only screen and (max-width : 580px) {
	footer .footer-links ul li { /* display: block; */ text-align: center; padding: 3px 0; }
	footer .footer-links ul li i{ display: none; }
	footer .footer-links ul li:last-child i { display: inline-block; }
	footer .footer-links ul li a { padding: 0px 10px; }
	.follow-us { margin-top: 10px; }
	footer .footer-links { padding: 10px 0; }
	.right-section .product-list .bd-rl { border-right: 1px solid transparent; }
	.my-account .cart-btn,.checkout-wrap .cart-btn { max-width: 150px; min-width: 150px; text-align: center; }
	/*for mobile modal added by sagar*/
	.modalBodysteps{min-height: calc(100vh - 39px);padding: 15px;}
	/* .login-form .form-section{padding: 15px;} */
	.listGroceryMod{min-height: 100vh;}
	/* .login-form .modal-dialog, .login-form .modal-content{margin: 0;height: 100vh}
	.login-form .modal-content{height:auto; width: 90%; margin:0px auto;} */
	.upImgBox{width: 130px;height: 130px;}
	footer .footer-links .follow-us i {
		font-size: 18px;
		line-height: 20px;
		height: auto;
		background: transparent;
		color: #fff;
	}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	/* header .top .top-icon .cart-dropdown ul { height: 200px; } */
	.search-result br { display: block; }
	.search-result { font-size: 14px; }
	.breadcrumb-nav ul li { font-size: 12px; }
	.right-section .pl-4 { padding-left: 10px !important; }
	.right-section .product-detail .shipping-text { flex-direction: column; padding: 5px 0; align-items: end; }
	.right-section .nav-fill .nav-item:not(:first-child) { margin-left: 5px; padding: .5rem; }
	.right-section .product-detail h5 { font-size: 1rem; }
	a.link-btn { padding: 3px 10px;  }
	.common-slider .col-auto { padding: 0; }
	.common-slider .row { align-items: center; }
	.common-slider h5 { margin-bottom: 0; }
	.right-section .product-detail ul.cart-btns li:not(:last-child) a { width: 120px; }
	.right-section .product-detail ul.cart-btns li:last-child a { width: auto; }
	.right-section .nav-tabs .nav-link { padding: .5rem; font-size: 12px; }
	.right-section .product-detail ul.cart-btns li:last-of-type button { width: 100%; }
	.right-section .react-tabs__tab { padding: 6px 8px; font-size: 12px; }
	.right-section .product-detail ul.cart-btns li:not(:last-child) button { width: 130px; }
	.breadcrumb-nav ol li { padding: 0 10px; }
	.breadcrumb-nav .breadcrumb-item+.breadcrumb-item { padding-left: 10px; }
	/* .bag-wrap .cart-detail img { max-width: 80px; } */
	.bag-wrap .cart-detail .product-name { font-size: 14px; }
	.bag-wrap .cart-detail .price { font-size: 16px; }
	.bag-wrap .heading { font-size: 14px; }
	.carousel.carousel-slider, .desc_vslide { min-height:auto; }
	/*.home-slider-wrap { display: none }*/
	.home-slider .slick-prev, .home-slider .slick-next, .common-slider .slick-prev, .common-slider .slick-next { width: 30px; height: 30px; }
	.slick-prev::before, .slick-next::before { font-size: 18px; }
	.home-slider .slick-next:hover, .home-slider .slick-prev:hover { background-color: #2e2f43; }
	.home-slider .slick-next:hover:before, .home-slider .slick-prev:hover:before { color: #fff; }
	.my-account .cart-btn { max-width: 100px; min-width: 100px; text-align: center; }
	.my-account .react-tabs__tab { padding: 8px 12px; }
	.blog-wrap .blog-content strong { font-size: 14px; }
	/* .login-form{display: block;}
	.login-form .login-header { padding: 10px 0; min-height: 40px;}
	.login-form .form-section .cart-btn { padding: 6px 15px; }
	.login-form .form-section { padding: 2rem 1rem; }
	.login-form .form-section a{ font-size: 12px; display: inline-block; }
	.login-form .login-header h4 { font-size: 1rem; } */
	.checkout-wrap .accordion__panel { padding: 10px; }
	.checkout-wrap .accordion .mobile-number input{ padding: 1.4rem 0 1.4rem 2.2rem }
	.checkout-wrap .accordion .country-code { left: 10px; }
	.checkout-wrap .accordion button { font-size: 12px;  }
	.checkout-wrap .checkout { padding: 20px 10px; }
	.checkout-wrap .accordion__button, .checkout-wrap .accordion-tab { font-size: .9rem; }
	.checkout-wrap .opt-input span{ display: block; margin-right: 0; margin-top: 1rem; margin-left: 0; }
	.checkout-wrap .accordion .opt-input .otpControl button{ padding: 8px .75rem; width: 100%; }
	.checkout-wrap .opt-input strong{ display: block; }
	.checkout-wrap .opt-input .otpControl{ display: block; }
	.checkout-wrap .opt-input .otpControl div{ align-items: center; justify-content: center; width: 100%; }
	.opt-input .otpControl input { width: 100% !important; }
	.error-msg { font-size: 12px; }
	footer .callBtn { bottom: 60px; top: auto; }
	footer .callBtn.supportBtn {bottom: 10px !important;width: 50px;height: 50px;background: #1f202e;border-radius: 100%;display: flex;justify-content: center;align-items: center;box-shadow: 0 0 10px #00000045;right: 10px;left: auto;border: 2px solid #fff;z-index: 99;}
	footer .callBtn.supportBtn img{width: 25px;height: 25px;}
	footer .callBtn.supportBtn span {position: absolute;right: -5px;top: -8px;background: red;font-size: 11px;color: white;width: 20px;
		height: 20px;display: flex;justify-content: center;align-items: center;border-radius: 100%;}
}



@media only screen and (max-width : 380px) {
	.demand-pro { display: block; }
	.demand-pro .form-group{ width: 100%; }
	header .top .top-icon i, header .top .top-icon .user-name i { font-size: 18px; }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	header .top .top-icon .cart { margin:0;  }
	.breadcrumb-nav ol li { padding: 0 7px; }
}


/* Home page slider image container */

.slider-img-container {
	position: relative;
	width: 50%;
  }


  .loadingElement {
    z-index: 9991;
    background: rgba(0, 0, 0, 0.86);
    position: fixed;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
}

.centerLoader {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
    flex-direction: column;
    background: white;
    height: max-content;
    padding: 30px;
    border-radius: 10px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    max-width: 460px;
    text-align: center;
}

.centerLoader h4 {
    font-size: 17px;
    margin-bottom: 10px;
}

.centerLoader .fontLight {
    font-size: 16px;
    font-weight: 400;
    margin-top: 15px;
    color: #4885ed;
}

.centerLoader .fontLight a {
    color: #4885ed;
}

.centerLoader h2 {
    margin-bottom: 15px;
}
 

#root .drx-check .bdr-b > span > input{
	display: none;
}
#root .drx-check .bdr-b .drx-check-i{
	display: flex;
	flex-direction: column;
	border: solid 1px #e8e8e8;
	border-radius: 0;
	padding: 20px;
	margin-bottom: 15px;
	cursor: pointer;
}
#root .drx-check .bdr-b .drx-check-i > label{
	padding-left: 35px;
	min-height: 24px;
	position: relative;
	margin: 0;
	cursor: pointer;
}
#root .drx-check .bdr-b .drx-check-i > label:before{
	content: "";
	width: 22px;
	height: 22px;
	border: solid 2px #e8e8e8;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0;
}
#root .drx-check .bdr-b .drx-check-i > label:after{
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
	position: absolute;
	left: 6px;
	top: 6px;
}
#root .drx-check .bdr-b > span > input:checked + .drx-check-i > label:before{
	border-color: var(--theme-solid-color);
}
#root .drx-check .bdr-b > span > input:checked + .drx-check-i{
	border-color: rgba(var(--theme-color), 0.5);
}
#root .drx-check .bdr-b > span > input:checked + .drx-check-i > label:after{
	background: var(--theme-solid-color);
}
#root .drx-check .bdr-b .drx-check-i > label img{
	max-width: 100px;
	margin-bottom: -10px;
	position: relative;
	top: -5px;
}

.error-text-message{
    padding: 10px;
    background-color: #f0dbdb;
    width: 100%;
    font-weight: 400;
}
.country-error {
	margin: 0px;
	color: red;
	font-size: 16px;
	font-weight: 600;
}