@media screen and (max-width: 1199px) {
.font-size-60 {font-size: 42px;}
.font-size-50 {font-size: 38px;}
.font-size-28 {font-size: 24px;}
.font-size-24 {font-size: 20px !important;}
.font-size-22 {font-size: 18px !important;}
.font-size-20 {font-size: 16px;}
.font-size-16 {font-size: 15px !important;}
.line-hight-3 {line-height: 1.3;}
}

@media screen and (max-width: 991px) {
.font-size-112 {font-size: 82px;}
.font-size-42 {font-size: 36px;}
.font-size-30 {font-size: 20px;}
.font-size-26 {font-size: 20px;}
.font-size-18 {font-size: 16px !important;}
.homepad {padding-top: 4rem; padding-bottom: 4rem;}
.menu li {padding-right: 0; border-bottom: 1px solid rgba(168, 168, 168, 0.2);}
.menu li::after {display: none;}
.navbar-toggler:focus {box-shadow: none;}
.navbar .container {position: relative;}
.navbar .navbar-collapse {position: absolute; left: 15px; right: 15px; top: 74px; background: #fff;}
.menu li a {padding: 10px 15px !important;}
.menu li a.nav-link.active {color: #fff;}
.menu li a.active {background:var(--button-color) !important;}
.log-in button {width: 100%; margin: 12px 0; padding: 8px !important;}
.trending-drop {margin-bottom: -15px;}
.gallery .slider.slider-for {padding-left: 15px;}

.stickyfilter {
	position: fixed;
	bottom: 0px;
	background-color: #fff;
	box-shadow: 0px -8px 10px rgba(0, 0, 0, 0.16);
	border-radius: 25px 25px 0 0;
	z-index: 999;
	left: 0;
	right: 0;
}
.our_story_image{
	width: 50% !important;
}
}

@media screen and (max-width: 767px) {
.font-size-112 {font-size: 62px;}
.font-size-60 {font-size: 34px;}
.font-size-42 {font-size: 24px;}
.font-size-36 {font-size: 28px;}
.font-size-30 {font-size: 22px;}
.font-size-28 {font-size: 22px;}
.font-size-18 {font-size: 15px !important;}
.homepad {padding-top: 3.5rem; padding-bottom: 3.5rem;}
.bg_form {padding: 20px;}
.logo img {max-width: 150px;}
body.pad {padding-top: 72px;}
/* .navbar .navbar-collapse {top: 74px;} old code */
.navbar .navbar-collapse {top: 70px;}
.payment-successful-icon {width: 102px; height: 102px; border: 8px solid rgb(213, 251, 229);}
.payment-successful-icon .img-fluid {margin-top: 30px; max-width: 38px;}
.trending-drop {margin-top: 30px; margin-bottom: 0;}
.tab-product li,
.tab-product button {margin-right: 0; width: 100%;}
.tab-product li .nav-link.active, .tab-product li .nav-link:hover {border-color: #e3e3e3 !important;}
}

@media screen and (max-width: 777px) {
.date .input-group-text {padding: 9.3px;}
}

@media screen and (max-width: 575px) {
.font-size-60 {font-size: 28px;}
.form_DigiGold .nav-tabs {padding: 5px;}
.form_DigiGold .nav-tabs li.nav-item button {padding: 10px !important; font-size: 14px;}
.compaire img {max-width: 20px;}
.bg_form {padding: 12px;}
.banner_silider .carousel-item img {width: 180% !important;	margin: 0 -40% !important; max-width: 180%;}
.banner_silider .carousel-caption h1 {font-size: 22px;}
.banner_silider .carousel-caption .dcs{font-size: 14px !important;}
.banner_silider .carousel-caption .btn {font-size: 11px !important;	padding: 5px !important;}
.form_mad {margin-top: -12px;}
.carousel-indicators {margin-bottom: 2rem;}
.banner_silider .carousel-caption {padding-bottom: 0; padding-top: 0;}

.promocode-names .form-control,
.promocode-names button {flex: 0 0 auto; width: 100%;}
.promocode-names .form-control {border-bottom-left-radius: 0; text-align: center; border-top-right-radius: 14px !important;}
.promocode-names button {border-top-left-radius: 0px !important; border-bottom-left-radius: 14px !important; border-top-right-radius: 0px !important; border-bottom-right-radius: 14px !important; padding-bottom: 7px;	padding-top: 7px; margin-left: 0 !important;}
.gold-weight-icon img {max-width: 40px;}
section.inner-banner {padding: 60px 0 74px;}
.choose-payment > div {flex: 0 0 auto; width: 100%;}
.profile-silver-display{float: none !important;}
}

@media screen and (max-width: 450px) {
.choose-payment > div .btn {width: 100%; text-align: center !important;}
.choose-payment > div .btn.ccavenue-btn {margin-bottom: 15px;}
.categories_box > div {flex: 0 0 auto; width: 100%;}
#popup-login-form-popup iframe {transform: scale(0.86); margin-left: -22px;}
}