@media only screen and (min-width: 2200px) and (max-width: 3000px)  {

}


@media only screen and (min-width: 1401px) and (max-width: 1919px)  {
.bannerhome {
	margin: 0 -30.9rem;
}
.home-banner .owl-item .mad {margin-left: -2.4vw; margin-right: -2.4vw;}

}

@media screen and (max-width: 1399px) {
.font-size-48 {font-size: 42px;}	
.qty-box {padding: 7px 15px;}
.qty .plus, .qty .minus {font-size: 26px;}
.topmenu li a {padding: 1.1rem 1.433rem !important;}
.bannerhome {margin: 0 -33vw;}
.home-banner .owl-item .mad {margin-left: -2.4vw; margin-right: -2.4vw;}
}

@media screen and (max-width: 1199px) {
body, html {font-size: 15px;}
.font-size-60 {font-size: 42px;}
.font-size-48 {font-size: 38px;}
.font-size-40 {font-size: 30px;}
.font-size-28 {font-size: 24px;}
.font-size-25 {font-size: 20px;}
.font-size-24 {font-size: 20px;}
.font-size-22 {font-size: 18px;}
.font-size-20 {font-size: 16px;}
.font-size-16 {font-size: 15px;}
.line-hight-3 {line-height: 1.3;}
.topmenu li a {padding: 1.1rem 1.2vw !important; font-size: 13px;}
.loginpage {margin-top: -50px;}
.symbols_upload a {right: 7px; bottom: 7px;}
.symbols_upload a img {margin-right: -3px;}
/*.bannerhome {margin: 0 -20.9rem;}*/
}

@media screen and (max-width: 991px) {
.font-size-48 {font-size: 30px;}	
.font-size-40 {font-size: 26px;}
.font-size-36 {font-size: 30px;}	
.font-size-30 {font-size: 20px;}	
.font-size-26 {font-size: 20px;}
.font-size-18 {font-size: 16px;}
.font-size-15 {font-size: 14px;}
.font-size-13 {font-size: 12px;}
.homepad {padding-top: 3rem; padding-bottom: 3rem;}
.logo img {max-width: 50px;}
.header-search .form-input {width: 280px;}
.navbar-toggler-icon {width: 1.3em;	height: 1.3em;}
.navbar-toggler-icon i {font-size: 26px;}
.shopfrom-row .shopfrom-col {flex: 0 0 auto; width: 20%;}
.price {max-width: 36px; font-size: 11px; padding: 7px !important;}
.heading::after {right: 40px;}
.heart-icon img {max-width: 18px;}
.heart-icon {top: 10px;}
footer {padding: 5rem 0 0rem;}
.loginpage {margin-top: 0;}
.cart-img {flex: 0 0 auto; width: 20%;}
.cart-row .qty-box {padding: 4px 8px;}
.cart-row .qty-box .qty .count {min-width: 40px; max-width: 40px;}
.profile-img img {max-width: 90px;}
.symbols_upload a {right: 0px; bottom: 0px;}
.ordersdetails-line::after {right: 7px;}
.order-qty .qty-tittle.order-tittle-new {min-width: 105px;}
.delivery-step {margin-bottom: 5rem;}

/*---------menu------------*/
.navbar .navbar-collapse {position: fixed; bottom: 0; z-index: 999; display: initial !important; max-width: 100%;  visibility: hidden; background-color: #114f6f; background-clip: padding-box;	outline: 0; transition: transform .3s ease-in-out; top: 0; left: 0;	width: 280px; border-right: 1px solid rgba(0,0,0,.2); transform: translateX(-100%);}
.navbar .navbar-collapse.show,
.navbar .navbar-collapsimg{visibility: visible; transform: translateX(0%); display: initial !important;}

.topmenu li.nav-item a {padding: 0.80rem 16px !important; color: #fff;}
.topmenu li.nav-item {border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.navbar-nav li.nav-item.dropdown a.dropdown-toggle::after {border-color: #E9F7FF; position: absolute; right: 15px; top: 13px;}
.navbar-nav .nav-item.dropdown ul li {border-bottom: none;}
.topmenu li.nav-item.dropdown ul li a {padding: 0.3rem 1.2rem !important;}
.navbar-nav li.nav-item.dropdown a.nav-link + ul {margin-top: 0; margin-bottom: 14px; border-radius: 0; background-color: transparent;}
.topmenu li.mobile-logo a img {max-width: 70px;}
.topmenu li.mobile-logo a {display: block;}
.topmenu li.mobile-logo {border: 0;	padding: 10px 0px 0px; text-align: center;}
.navbar-expand-lg .navbar-nav > li.nav-item.active a, 
.navbar-expand-lg .navbar-nav > li.nav-item:hover a,
.navbar-expand-lg .navbar-nav > li.nav-item a.show {color: #FB0 !important;}
.navbar-nav li.nav-item.dropdown a.dropdown-toggle.show::after {border-color: #FB0;}
.navbar-nav li.nav-item.dropdown ul.dropdown-menu li a {position: relative; padding-left: 27px !important;}
.navbar-nav li.nav-item.dropdown ul.dropdown-menu li a::before {content: ""; display: block; width: 4px; height: 4px; background-color: #fff; border-radius: 100%; position: absolute; left: 16px; top: 10px;}
.navbar-nav li.nav-item.dropdown ul.dropdown-menu li a:hover::before,
.navbar-nav li.nav-item.dropdown ul.dropdown-menu li a:focus::before{background-color: #FB0;}
.navbar-nav .nav-item.dropdown ul li a.dropdown-item:focus, .navbar-nav .nav-item.dropdown ul li a.dropdown-item:hover {background-color: transparent; color: #FB0 !important;}
.navbar-expand-lg .navbar-nav .dropdown-menu::before {display: none;}
/*---------menu end------------*/

/*menu arrow*/
.navbar-toggler a.toggle i {position: relative; top: -5px; -webkit-transition-duration: 0s; -webkit-transition-delay: .2s; -moz-transition-duration: 0s; -moz-transition-delay: .2s; transition-duration: 0s; transition-delay: .2s; margin: 0}
.navbar-toggler a.toggle i:after,
.navbar-toggler a.toggle i:before {-webkit-transition-property: margin, -webkit-transform; -webkit-transition-duration: .2s; -webkit-transition-delay: .2s, 0; position: absolute; content: ''}
.navbar-toggler a.toggle i,
.navbar-toggler a.toggle i:after,
.navbar-toggler a.toggle i:before {width: 26px; height: 3px; background-color: #fff; display: inline-block; right: 0}
.navbar-toggler a.toggle i:before {margin-top: -9px}
.navbar-toggler a.toggle i:after {margin-top: 9px; width: 15px}
button[aria-expanded="true"] a.toggle i {background-color: rgba(0, 0, 0, 0); -webkit-transition-delay: .2s; box-shadow: 0 1px 1px transparent}
button[aria-expanded="true"] a.toggle i:before {margin-top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-delay: 0, .2s; box-shadow: 0 1px 1px transparent; height: 3px;}
button.navbar-toggler[aria-expanded="true"] a.toggle i:after {margin-top: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition-delay: 0, .2s; -webkit-box-shadow: 0 1px 1px transparent; -moz-box-shadow: 0 1px 1px transparent; box-shadow: 0 1px 1px transparent; width: 26px; height: 3px;}
header.fixed-tops .navbar-toggler a.toggle i, 
header.fixed-tops .navbar-toggler a.toggle i::after, 
header.fixed-tops .navbar-toggler a.toggle i::before {background-color: #2A2B26;}
header.fixed-tops button[aria-expanded="true"] a.toggle i {background-color: rgba(0, 0, 0, 0);}
.navbar-toggler.dark-border a.toggle i, 
.navbar-toggler.dark-border a.toggle i::after, 
.navbar-toggler.dark-border a.toggle i::before {background-color: #2A2B26;}
/*menu arrow*/
.delivery-step ul li::before {height: 3px;}
.delivery-step ul li .round {width: 36px; height: 36px;}
.delivery-step ul li .step-name {top: -11px;}
.delivery-step ul li.confirmed .round::before {width: 12px; height: 10px; top: 13px; margin-left: -6px;	background-size: 12px;}
.delivery-step ul li {font-size: 12px;}
.delivery-step ul {margin-left: 4px !important; margin-right: 42px !important;}
.cancelled-icon {max-width: 70px;}
}

@media screen and (max-width: 767px) {
.font-size-60 {font-size: 32px;}
.font-size-36 {font-size: 28px;}
.font-size-30 {font-size: 22px;}
.font-size-28 {font-size: 22px;}
.font-size-24 {font-size: 18px !important;}
.font-size-18 {font-size: 15px !important;}
.homepad {padding-top: 3rem; padding-bottom: 3rem;}
.header-search .form-input {width: 100%; border: 1px solid #114f6f !important;}
.shopfrom-row .shopfrom-col {flex: 0 0 auto; width: 25%;}
.heading::after {height: 3px; bottom: -5px;}
footer {padding: 4rem 0 0rem;}
.loginpage {margin-top: 24px;}
.cart-img {flex: 0 0 auto; width: 25%;}

.ordersdetails-line::after {display: none;}
.star-order img {max-width: 20px;}
.your-orders-btn button {font-size: 12px; min-width: 100px;}
}

@media screen and (max-width: 575px) {
.font-size-40 {font-size: 24px;}
.font-size-20 {font-size: 15px;}
.font-size-50 {font-size: 22px;}
.header-top .nav-menu {right: 0; left: 0;}
.homepad {padding-top: 2.5rem; padding-bottom: 2.5rem;}
.header-search .form-input {height: 40px;}
.header-search .fa-search {top: 12px; left: 16px;}
.header-search .form-input {text-indent: 26px;}
.filter-icon {height: 40px; width: 40px;}
.cart-img {flex: 0 0 auto; width: 100%;}
.delivery-step {margin-bottom: 4rem;}
}

@media screen and (max-width: 479px) {
.font-size-36 {font-size: 25px;}	
.shopfrom-row .shopfrom-col {flex: 0 0 auto; width: 33.33%;}
.grabdeal-row .grabdeal-col {flex: 0 0 auto; width: 100%;}
.brands-banner > .col {flex: 0 0 auto; width: 100%;}
.heading-btn .btn.btn-link {min-width: 76px;}
.reviews-user-img {max-width: 40px;}
.reviews-ri img {max-width: 30px;}
.visa-img img {max-width: 24px;}
.orderbtn button {padding: 6px 10px !important; font-size: 11px;}
.delivery-step ul li {font-size: 10px;}
.delivery-step ul {margin-left: -12px !important; margin-right: 38px !important;}
.delivery-step ul li .round {width: 32px; height: 32px;}
.delivery-step ul li .step-name {top: -10px;}
.delivery-step ul li.confirmed .round::before {top: 11px;}
.delivery-tittle {font-size: 12px !important;}
.your-orders-btn button {min-width: 80px;}
}