/* Home Page */
@media (max-width: 992px) {
	
	.mobmarRight {
		margin-right: 0px !important;
		margin-bottom: 20px;
    	max-width: 100% !important;
    	flex: 0 0 100% !important;
	}
	
	.webPadL112px {
	    padding-left: 0 !important;
	    max-width: 100% !important;
	}
	
	.mobmarL0 {
		margin-left: 0px !important;
	}
	
}

@media (max-width: 768px) {
	#home {
	    padding: 20px;
	    text-align: center;
	}
	
	.mobile-marginTop {
		margin-top: 20px;
		padding-left: 15px !important;
	}
	
	.line-side {
	    border-bottom: 1px solid #fff !important;
	    border-right: 0 !important;
	}
	
	.mobmb20px {
		margin-bottom: 20px;
	}
	
	.mobmarRight {
		margin-right: 0px !important;
		margin-bottom: 20px;
	}
	
	.mobmarR48 {
		margin-right: 102px;
	}
	
	.mobmarT20 {
	    margin-top: 20px !important;
	    text-align: center;
	}
	
	.mobmarT16 {
		margin-top: 16px !important;
	}
	
	.mobmarT8 {
		margin-top: 8px !important;
	}
	.mob-icon-cart {
	    color: #1A2E80 !important;
	}
	
	.mobimages-home {
		/* align-items: center;
		justify-content: center; */
		padding-left: 35px !important;
		padding-right: 35px !important;
	}
	
	.webPadL112px {
	    padding-left: 0 !important;
	    padding-right: 0 !important;
	}
	
	.webPad8px {
	    padding-left: 8px !important;
	}
	
	.mobimages-home .mobimages-home-icon {
		padding: 16px 0px !important;
	}
	
	.mobPadL16 {
	    padding-left: 16px!important;
	}
	
	.webFB30CB {
	    font-size: 24px !important;
	}
	
	.mobmarL0 {
		margin-left: 0px !important;
	}
	
	.megasubmenu ul {
		padding: 0px 15px !important;
		columns: unset;
	}
	.has-submenu .megasubmenu {
		columns: unset;
	}
	.has-submenu .megasubmenu {
		padding: 0px 15px !important;
	}
	.supplierdetial-box .note-text {
		font-size: 13px;
	}
	.nav1.fixed-header {
	    top: 100px;
	}
	.thermometer {
		width: 180px;
		height: 180px;
		margin: 16px;
	}
}

@media (max-width: 600px) {
	#home {
	    padding: 20px !important;
	    text-align: center !important;
	    background: url(/img/new2018/home/bom/tc_banner_mobile.png) !important;
	    background-size: cover !important;
	    background-repeat: no-repeat !important;
	    display: table !important;
	    height: 100% !important;
	    position: relative !important;
	    width: 100% !important;
	    -webkit-background-size: cover !important;
	    -moz-background-size: cover !important;
	    -o-background-size: cover !important;
	    background-size: cover !important;
	    min-height: 600px !important;
	}
	
	.home h1 {
		font-size: 36px;
	}
	
	.home h3 {
		font-size: 16px;
		margin-top: 20px;
	}
	
	.home-mobile {
		display: block;
	}
	
	.mobile-marginTop {
		margin-top: 20px;
		padding-left: 15px !important;
	}
	
	.bomImageMob {
		max-height: 80px;
		object-fit: contain;
	}
	
	.smartBomMob .bomMobF24 {
		font-size: 24px;
	}
	
	.line-side {
	    border-bottom: 1px solid #fff !important;
	    border-right: 0 !important;
	}
	
	.mobmb20px {
		margin-bottom: 20px;
	}
	
	.mobpadright {
		padding-right: 15px !important;
	}
	
	.mobmarRight {
		margin-right: 0px !important;
		margin-bottom: 20px;
	}
	
	.mobmarR0 {
		margin-right: 0px !important;
	}
	
	.mobfont22 {
		font-size: 22px !important;
	}
	
	.mobfont24 {
		font-size: 24px !important;
	}
	
	.mobimages-home {
		/* align-items: center;
		justify-content: center;
		flex-direction: column !important; */
		padding-left: 35px !important;
		padding-right: 35px !important;
	}
	
	.images-home .mobmarL0 {
		margin-left: 0px !important;
	}
	
	.mobmarL0 {
		margin-left: 0px !important;
	}
	
	.mobmarT20 {
		margin-top: 20px !important;
		text-align: center;
	}
	
	.mobmarT8 {
		margin-top: 8px !important;
	}
	
	.popular-home .pop-cat {
	    font-size: 14px !important;
	    padding: 17px 10px 14px 14px !important; 
	}
	
	.mobmarLauto {
		margin-left: auto;
	}
	
	.mobimages-home .mobimages-home-icon {
		padding: 16px 0px !important;
	}
	
	.mobSearchBtn {
		display: none;
	}
	
	.mobSearchIcon {
		display: inline-block !important;
	}
	
	.mobSearchIcon-fa {
		font-size: 20px;
	}
	
	.details-53-mob {
	    background: #1A2E80 0% 0% no-repeat padding-box;
	    border: 1px solid #1A2E80;
	    color: #fff;
	    font-family: 'Product Sans Medium Regular';
	    font-size: 14px;
	    padding: 5px 6px;
	    border-radius: 40px;
	    height: 33px;
	    cursor: pointer;
	}
	
	.header_search_button {
		top: 4px !important;
	    right: 37px !important;
	    width: 0 !important;
	}
	
	.header_search_form input#keyword {
	    height: 40px !important;
	}
	
	.mobPadSearchBar {
		padding-right : 0 !important;
		padding-left : 0 !important;
	}
	
	i#searchSpinner1 {
	    position: absolute;
	    top: 12px !important;
	    right: 47px !important;
	}
	
	.webPadL112px {
	    padding-left: 0 !important;
	    padding-right: 0 !important;
	}
	
	.webPad8px {
	    padding-left: 8px !important;
	}
	
	.photo img {
	    height: 98px !important;
	}
	
	.mobTxtAlignL {
		text-align: left !important;
	}
	
	.mobTxtAlignC {
		text-align: center !important;
	}
	
	.home-icon .mobimages-home-icon img {
	    width: 30px !important;
	    height: auto;
	    object-fit: contain;
	}
	
	.mobPadL16 {
	    padding-left: 16px!important;
	}
	
	.webFB30CB {
	    font-size: 24px !important;
	    text-align: left !important;
	}
	
	.ui-widget-content {
	    height: 220px !important;
	    left: 5% !important;
	}
	.popularCatMainDiv{
		-webkit-column-count: 2;
	}
	.popularCatCont .row {
		display: revert;
	}
	.thermometer {
		width: 140px;
		height: 160px;
		margin: 16px;
	}
	#toggle-btn {
		display: block;
	}
}

/* Header */

@media (max-width: 1200px) {
	
}



@media (max-width: 992px) {
	
	.hamburger-menu {
		z-index: 99;
	}
	
	
	.mobViewMenu {
		display: flex !important;
		align-items: center;
		width: 100%;
	}
	
	#menu__toggle {
	  opacity: 0;
	}
	#menu__toggle:checked + .menu__btn > span {
	  transform: rotate(45deg);
	}
	#menu__toggle:checked + .menu__btn > span::before {
	  top: 0;
	  transform: rotate(0deg);
	}
	#menu__toggle:checked + .menu__btn > span::after {
	  top: 0;
	  transform: rotate(90deg);
	}
	#menu__toggle:checked ~ .menu__box {
	  left: 0 !important;
	  overflow: scroll;
	}
	.menu__btn {
	    position: fixed;
	    top: 60px;
	    left: 18px;
	    width: 26px;
	    height: 26px;
	    cursor: pointer;
	    z-index: 1;
	    margin-bottom: 0;
	}
	.menu__btn > span,
	.menu__btn > span::before,
	.menu__btn > span::after {
	  display: block;
	  position: absolute;
	  width: 100%;
	  height: 2px;
	  background-color: #616161;
	  transition-duration: .25s;
	}
	.menu__btn > span::before {
	  content: '';
	  top: -8px;
	}
	.menu__btn > span::after {
	  content: '';
	  top: 8px;
	}
	.menu__box {
	  display: block;
	  position: fixed;
	  top: 30px;
	  left: -100%;
	  width: 300px;
	  height: 100%;
	  margin: 0;
	  padding: 17px 15px;
	  list-style: none;
	  background-color: #FFFFFF;
	  box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);
	  transition-duration: .25s;
	}
	.menu__item {
	  display: block;
	  padding: 12px 15px !important;
	  color: #464646 !important;
	  font-family: 'Product Sans Regular' !important;
	  font-size: 16px !important;
	  text-decoration: none;
	  transition-duration: .25s;
	}
	
	.menu-bg .navbar-nav .nav-link {
	    color: #464646 !important;
	}
	
	.menu__item:hover {
	/*   background-color: #CFD8DC; */
		color: #1A2E80;
	}
	
	.mobViewSignInSignUp {
		background: #E4E8EC;
	}
	
	.mobViewMarMenuBtn {
		margin: 8px 16px;
		background: #fff;
	}
	
	.dropdown-menu {
		margin: 0px;
		padding: 0px !important;
		border: 0;
	}
	.hamMenuUser {
		position: absolute;
	    left: 55px;
	    top: 7px;
	    width: 80%;
	}
	.hamMenuUser a:hover {
		color: #1A2E80;
	}
	.hamMenuUser .noTextBreak{
		white-space: nowrap;
	}
	.search-wrapper .icon-Close {
	    right: -26px;
	}
	.dropdown-menu .dropdown-item {
		margin: 0px 25px;
		padding: 16px 0;
		border-bottom: 1px solid #e6e6e6;
		width: unset;
	}
	
	.mobMarL15 {
		margin-left: 15px;
	}
	
	.mobMarBp0 {
		position: fixed;
		bottom: 0;
		background: #E4E8EC;
		width: 300px;
	}
	
	.mobLi .mobLiUl li {
		 color: #464646 !important;
		 font-family: 'Product Sans Regular' !important;
		 font-size: 14px !important;
/* 		 border-bottom: 1px solid rgb(0 0 0 / 10%); */
		 line-height: 2.5;
	}
	
	ul .dropdown-menu a:hover {
	    color: #1A2E80 !important;
	}
	
	.menu__box .mobLi a:hover {
		color: #1A2E80 !important;
	}
	
	.dropdown-item {
	    white-space: unset !important;
	}
	
	.search-wrapper {
	    position: absolute;
	    transform: translate(-50%, -50%);
	    top: 50%;
	    margin-left: 10px;
	    right: 5%;
	}
	
	.search-wrapper.active {
	    left: 45% !important;
	    border: 1px solid #E6E6E6;
	    border-radius: 5px;
	    width: 75%;
	}
	
	.search-wrapper.active .input-holder {
	    width: 100%;
	    background: #FFFFFF 0% 0% no-repeat padding-box;
	    border-top-left-radius: 5px;
	    border-top-right-radius: 0;
	    border-bottom-right-radius: 0;
	    transition: none;
	}
	
	.search-wrapper .input-holder .search-icon {
	    padding: 14px !important;
	}
	
	.search-wrapper .icon-Search {
	    font-size: 20px !important;
	    top: 8px !important;
	}
	
	.search-wrapper .icon-Close {
	    top: 12px !important;
	    font-size: 16px !important;
	}
	#menu__toggle:checked ~ .menu__btn {
	  left: 256px !important;
	}
}

@media (max-width: 768px) {
	.menu__btn {
        top: 70px;
    }
    .menu__box {
	  top: 40px;
	}
}

@media (max-width: 600px) {
	
	.hamburger-menu {
		z-index: 99;
	}
	
	.mobViewMenu {
		display: flex !important;
		align-items: center;
		width: 100%;
	}
	
	#menu__toggle {
	  opacity: 0;
	}
	#menu__toggle:checked + .menu__btn > span {
	  transform: rotate(45deg);
	}
	#menu__toggle:checked + .menu__btn > span::before {
	  top: 0;
	  transform: rotate(0deg);
	}
	#menu__toggle:checked + .menu__btn > span::after {
	  top: 0;
	  transform: rotate(90deg);
	}
	#menu__toggle:checked ~ .menu__box {
	  left: 0 !important;
	  overflow: scroll;
	}
	#menu__toggle:checked ~ .menu__btn {
	  left: 256px !important;
	}
	.menu__btn {
	    position: fixed;
	    top: 70px;
	    left: 18px;
	    width: 26px;
	    height: 26px;
	    cursor: pointer;
	    z-index: 1;
	    margin-bottom: 0;
	}
	.menu__btn > span,
	.menu__btn > span::before,
	.menu__btn > span::after {
	  display: block;
	  position: absolute;
	  width: 100%;
	  height: 2px;
	  background-color: #616161;
	  transition-duration: .25s;
	}
	.menu__btn > span::before {
	  content: '';
	  top: -8px;
	}
	.menu__btn > span::after {
	  content: '';
	  top: 8px;
	}
	.menu__box {
	  display: block;
	  position: fixed;
	  top: 40px;
	  left: -100%;
	  width: 300px;
	  height: 100%;
	  margin: 0;
	  padding: 17px 15px;
	  list-style: none;
	  background-color: #FFFFFF;
	  box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);
	  transition-duration: .25s;
	}
	.menu__item {
	  display: block;
	  padding: 12px 15px !important;
	  color: #464646 !important;
	  font-family: 'Product Sans Regular' !important;
	  font-size: 16px !important;
	  text-decoration: none;
	  transition-duration: .25s;
	}
	
	.menu-bg .navbar-nav .nav-link {
	    color: #464646 !important;
	}
	.menu__item:hover {
	/*   background-color: #CFD8DC; */
		color: #1A2E80;
	}
	
	.mobMarL15 {
		margin-left: 15px !important;
	}
	
	.mobMarBp0 {
		position: fixed;
		bottom: 0;
		background: #E4E8EC;
		width: 300px;
	}
	
	.mobLi .mobLiUl li {
		 color: #464646 !important;
		 font-family: 'Product Sans Regular' !important;
		 font-size: 14px !important;
/* 		 border-bottom: 1px solid rgb(0 0 0 / 10%); */
		 line-height: 2.5;
	}
	
	ul .dropdown-menu a:hover {
	    color: #1A2E80 !important;
	}
	
	.menu__box .mobLi a:hover {
		color: #1A2E80 !important;
	}
	
	.dropdown-item {
	    white-space: unset !important;
	}
	
	.w-300 {
	    min-width: 300px !important;
	}
	
	.search-wrapper {
	    position: absolute;
	    transform: translate(-50%, -50%);
	    top: 50%;
	    margin-left: 10px;
	    right: 5%;
	}
	
	.search-wrapper.active {
	    left: 43% !important;
	    border: 1px solid #E6E6E6;
	    border-radius: 5px;
	    width: 63%;
	}
	
	.mobGeeks {
		display: none !important;
	}
	
	input[type="text"] {
	    font-family: 'Product Sans Regular';
	    font-size: 14px !important;
	    color: #464646;
	}
	
	.search-wrapper .input-holder .search-icon {
	    padding: 14px !important;
	}
	
	.search-wrapper .icon-Search {
	    font-size: 20px !important;
	    top: 8px;
	}
	
	.search-wrapper .icon-Close {
	    top: 12px !important;
	    font-size: 16px !important;
	}
}		

/* Sign In Page */

@media (max-width: 1200px) {
	
}

@media (max-width: 992px) {
	
	
}

@media (max-width: 768px) {
	body {
		background-color: #FFFFFF !important;
	}
	
	.bg-greylight-FFFFFF {
		background-color: #FFFFFF !important;
		padding-top: 40px;
    	padding-bottom: 40px;
	}
	

}

@media (max-width: 600px) {
	body {
		background-color: #FFFFFF !important;
	}
	
	.bg-greylight-FFFFFF {
		background-color: #FFFFFF !important;
		padding-top: 40px;
    	padding-bottom: 40px;
	}
	
	.signInText {
	    font-size: 18px !important;
	}
	
	.mainDiv a {
	    font-size: 14px !important;
	}
	
	.btmTxtDiv {
	    font-family: 'Product Sans Light Regular' !important;
	}	
}

/* Sign Up Page */

@media (max-width: 1200px) {
	
}

@media (max-width: 992px) {
	
	
}

@media (max-width: 768px) {
	body {
		background-color: #FFFFFF !important;
	}
	
	.bg-greylightR {
		background-color: #FFFFFF !important;
		padding-top: 0 !important;
    	padding-bottom: 0 !important;
	}
	
	.height-signup {
	    height: 0 !important;
	    overflow-y: unset !important; 
	}
	
	.spFillText {
	    font-size: 18px !important;
	}
	
	.spFldHeading {
	    font-size: 16px !important;
	}
	
	.mobPadL15 {
	    padding-left: 15px!important;
	}
	
	.mobW69 {
		width: 69%;
	}
	
	.mobW55 {
		width: 55% !important;
	}
	
	.card-body .mobW50 {
		width: 50% !important;
		margin-left: unset !important;
		align-self: unset !important;
		margin-top: 0 !important;
	}
	
	.card-body .padR8 {
		padding-right: 8px;
	}
	
	.card-body .padl8 {
		padding-leftt: 8px;
	}
	
	.mobW50 {
		width: 50% !important;
	}
	
	.mobW48 {
		width: 48% !important;
	}
	
	.mobW45 {
		width: 45% !important;
	}
	
	.mobW30 {
	    width: 30%;
	}
	
	.mobW28 {
	    width: 28%;
	}
	
	.mobW25 {
	    width: 25%;
	}
	
	.mobMarB8px {
		margin-bottom: 8px;
	}
	
	.mobW70 {
		width: 70% !important;
	}
	
	.mobW74 {
		width: 74% !important;
	}
	
	.mobW20	{
	    width: 20%;
	    padding-left: 0 !important;
	}
	
}

@media (max-width: 600px) {
	body {
		background-color: #FFFFFF !important;
	}
	
	.bg-greylightR {
		background-color: #FFFFFF !important;
		padding-top: 0 !important;
    	padding-bottom: 0 !important;
	}
	
	.height-signup {
	    height: 100% !important;
	    overflow-y: unset !important; 
	}
	
	.spFillText {
	    font-size: 18px !important;
	}
	
	.spFldHeading {
	    font-size: 16px !important;
	}
	
	.mobPadL15 {
	    padding-left: 15px!important;
	}
	
	.mobW50 {
		width: 50% !important;
	}
	
	.mobW28 {
	    width: 28%;
	}
	
	.mobMarB8px {
		margin-bottom: 8px;
	}
	
	.mobW70 {
		width: 70%;
	}
	
	.mobW20	{
	    width: 20%;
	    padding-left: 0 !important;
	}
}

/* No Results Found Page */

@media (max-width: 1200px) {
	
}

@media (max-width: 992px) {

}

@media (max-width: 768px) {
	.mobFlexCol {
		flex-direction: column;
		margin-bottom: 0 !important;
	}
	
	.searchDivBg {
	    width: 100% !important;
	}
	
	.mobMarMx0 {
		margin-left : 0 !important;
		margin-right : 0 !important;
	}
	
	.searchDiv h3 {
	    font-size: 24px !important;
	}
	
	.searchDiv h4 {
	    font-size: 18px !important;
	}
	
	.medium-regular-30 {
	    font-size: 20px !important;
	}
}

@media (max-width: 600px) {
	.mobFlexCol {
		flex-direction: column;
		margin-bottom: 0 !important;
	}
	
	.searchDivBg {
	    width: 100% !important;
	}
	
	.mobMarMx0 {
		margin-left : 0 !important;
		margin-right : 0 !important;
	}
	
	.searchDiv h3 {
	    font-size: 24px !important;
	}
	
	.searchDiv h4 {
	    font-size: 18px !important;
	}
	
	.medium-regular-30 {
	    font-size: 20px !important;
	}
}


/* Faq Page */

@media (max-width: 1200px) {
	
}

@media (max-width: 992px) {

}

@media (max-width: 768px) {
	.faqDiv h2 {
	    font-size: 30px !important;
	}
}

@media (max-width: 600px) {
	.faqDiv h2 {
	    font-size: 30px !important;
	}
}


/* All Suppliers Page */

@media (max-width: 1200px) {
	
}

@media (max-width: 992px) {

}

@media (max-width: 768px) {
	.mobPadL0 {
		padding-left: 0 !important;
	}
	
	.main-heading {
	    font-size: 24px !important;
	    color: #202128 !important;
	    padding: 0px 10px 10px !important;
	}
	.modal-header .close {
	    padding: 10px 15px;
	}
	.modal-header .close span {
	    font-size: 32px;
	}
}

@media (max-width: 600px) {
	.mobPadL0 {
		padding-left: 0 !important;
	}
	
	.main-heading {
	    font-size: 24px !important;
	    color: #202128 !important;
	    padding: 20px 10px !important;
	    margin: 0 !important;
	}
	.main-heading2 {
	    font-size: 24px !important;
	    color: #202128 !important;
	    margin: 0 !important;
	}
	
	.supplierPage h5 {
	    font-size: 18px !important;
	}
}

/* Rfq Page */

@media (max-width: 1200px) {
	
}

@media (max-width: 992px) {

}

@media (max-width: 768px) {
	.smartbom.rfq-bg:before {
	    width: 319px !important;
	    left: 34px !important;
	    top: 80px !important;
	}
	
	.smartbom h4 {
	    font-size: 30px !important;
	}
	
	.mobfont16 {
		font-size: 16px !important;
	}
	
	.mobfontMedium16 {
		font-family: 'Product Sans Medium Regular' !important;
		font-size: 16px !important;
	}
	
	.mob-title-spec {
	    color: #fff !important;
	    background: #313239;
	    padding: 9px 14px;
	    border-radius: 5px;
	}
	
	.alphabets div {
	    box-shadow: 0px 3px 8px #0000001a !important;
	}
}

@media (max-width: 600px) {
	.smartbom.rfq-bg:before {
	    width: 319px !important;
	    left: 34px !important;
	    top: 80px !important;
	}
	
	.smartbom h4 {
	    font-size: 30px !important;
	}
	
	.mobfont16 {
		font-size: 16px !important;
	}
	
	.mobfontMedium16 {
		font-family: 'Product Sans Medium Regular' !important;
		font-size: 16px !important;
	}
	
	.rfq-icons div img {
	    height: 40px !important;
	    object-fit: contain !important;
	}
	
	.rfq-icons p {
	    font-size: 11px !important;
	    margin-bottom: 0 !important;
	}
	
	.rfq-icons div {
		width: 109px !important;
    	height: 109px !important;
	    padding: 18px !important;
	}
	
	.con-subDiv2 {
	    border-radius: 10px !important;
	    flex-direction: column !important;
	}
	
	.c202128 {
		color: #202128 !important;
	}
	
	.c464646 {
		color: #464646 !important;
	}
	
	.mobTxtAlignCenter {
		text-align: center !important;
	}
	
	.mobTxtAlignLeft {
		text-align: left !important;
	}
	
	.dot-line {
		display: none !important;
	}
	
	.dot-line2 {
		border-bottom: 1.8px dashed #a9a9b8 !important;
		margin-bottom: 16px;
	}
	
	.uploadDesc {
	    font-size: 16px !important;
	}
	
	.textDeco {
		text-decoration: underline;
	}
	
	span.c202128::after {
	    content: "\a";
	    white-space: pre;
	}
	
	/* table to be like card */
	table.cart-table2, 
	.cart-table2 thead, 
	.cart-table2 tbody, 
	.cart-table2 th, 
	.cart-table2 td, 
	.cart-table2 tr { 
		display: block; 
	}
	/* to hide table header */
	.cart-table2 thead tr { 
		position: absolute;
		top: -9999px;
	}
	.cart-table2 tr { 
		margin-bottom: 10px;
	    box-shadow: 0px 3px 6px #00000029;
	    border-radius: 10px;
	}
	.cart-table2 td { 
		/* to display data-label */
		position: relative;
		padding-left: 15px; 
		padding-right: 15px; 
	}
	.cart-table2 td:before { 
		/* for label */
		position: absolute;
		/* to adjust the label */
		top: -10px;
		left: 16px;
		/* data-label to show */
		content: attr(data-label);
		font-family: 'Product Sans Light Regular';
	}
	
	.cart-table2 .mob-target-td:before {
	    left: 0;
	}
	
	.mob-qty-td {
		display: inline-block !important;
	    width: 48%;
	    padding-right: 8px !important;
	}
	
	.mob-target-td	{
	    display: inline-block !important;
	    width: 48%;
	    padding-left: 0 !important;
	    padding-right: 4px !important;
	}
	
	.mob-target-td2	{
	    display: inline-block !important;
	    width: 48%;
	    padding-left: 4px !important;
	    padding-right: 0 !important;
	}
	
	.mob-border0 {
		border: 0 !important;
	}
	
	.mob-pad0 {
		padding: 0 !important;
	}
	
	.mob-bg-f9fafc {
		background: #f9fafc !important;
	}
	
	.mob-fontSize-18 {
		font-size: 18px !important;
	}
	
	.mob-table-trash {
		position: absolute;
	    top: -228px;
	    right: 19px;
	}
	
}

/* Bom Landing Page */

@media (max-width: 1200px) {
	
}

@media (max-width: 992px) {

}

@media (max-width: 768px) {
	.smartbom img {
	    width: 127px !important;
	    height: 150px !important;
	}
	
	.mob-regular-red-22 {
		font-family: 'Product Sans Regular' !important;
		font-size: 22px !important;
		color: #1A2E80 !important;
	}
	
	.mob-flexDirectionReverse {
		flex-direction: column-reverse !important;
	}
	
	.mob-px0 {
	    padding-left: 0 !important;
	    padding-right: 0 !important;
	}
	
	.mob-medium-regular-24 {
	    font-family: 'Product Sans Medium Regular' !important;
	    font-size: 24px !important;
	    color: #202128 !important;
	}
	
	.mob-medium-regular-18 {
	    font-family: 'Product Sans Medium Regular' !important;
	    font-size: 18px !important;
	    color: #4E4E4E !important;
	}
	
	.mob-light-regular-14 {
	    font-family: 'Product Sans Light Regular' !important;
	    font-size: 14px !important;
	    color: #464646 !important;
	}
	
	.mob-mt20 {
		margin-top: 20px !important;
	}
}

@media (max-width: 600px) {
	.smartbom img {
	    width: 127px !important;
	    height: 150px !important;
	}
	
	.mob-regular-red-22 {
		font-family: 'Product Sans Regular' !important;
		font-size: 22px !important;
		color: #1A2E80 !important;
	}
	
	.mob-flexDirectionReverse {
		flex-direction: column-reverse !important;
	}
	
	.mob-px0 {
	    padding-left: 0 !important;
	    padding-right: 0 !important;
	}
	
	.mob-medium-regular-18 {
	    font-family: 'Product Sans Medium Regular' !important;
	    font-size: 18px !important;
	    color: #4E4E4E !important;
	}
	
	.mob-light-regular-14 {
	    font-family: 'Product Sans Light Regular' !important;
	    font-size: 14px !important;
	    color: #464646 !important;
	}
	.mob-medium-regular-24 {
	    font-family: 'Product Sans Medium Regular' !important;
	    font-size: 24px !important;
	    color: #464646 !important;
	}
	
	.mob-mt20 {
		margin-top: 20px !important;
	}
	
	.mob-d-block {
		display: block !important;
	}
	
	.mob-float-right {
		float: right;
	}
	
	.mob-mB-16 {
		margin-bottom: 16px;
	}
	
	.mob-pT-0 {
		padding-top: 0 !important;
	}
}

/* Bom Home Page */

@media (max-width: 1200px) {
	
}

@media (max-width: 992px) {

}

@media (max-width: 768px) {
	#tabs .nav-tabs .nav-link {
	    font-size: 18px !important;
	}
	
	#tabs .nav-tabs .nav-link:active {
	    font-size: 18px !important;
	}
	
	#tabs .nav-tabs .nav-link:hover {
	    font-size: 18px !important;
	}
	
	.dropzone-wrapper img {
	    height: 60px !important;
	}
	
	.dropzone-wrapper .upload-title {
	    font-family: 'Product Sans Medium Regular';
	    font-size: 16px !important;
	}
	
	.dropzone-wrapper .upload-desc {
	    font-size: 14px !important;
	}
	
	.dropzone-wrapper {
	    height: 308px !important;
	    background: #F9FAFC;
	}

	.dropzone-desc {
	    width: 100% !important;
	    padding-left: 10px !important;
	    padding-right: 10px !important;
	}
}

@media (max-width: 600px) {
	#tabs .nav-tabs .nav-link {
	    font-size: 18px !important;
	}
	
	#tabs .nav-tabs .nav-link:active {
	    font-size: 18px !important;
	}
	
	#tabs .nav-tabs .nav-link:hover {
	    font-size: 18px !important;
	}
	
	.dropzone-wrapper img {
	    height: 60px !important;
	}
	
	.dropzone-wrapper .upload-desc {
	    font-size: 14px !important;
	}

	.dropzone-wrapper {
	    height: 308px !important;
	    background: #F9FAFC;
	}

	.dropzone-desc {
	    width: 100% !important;
	    padding-left: 10px !important;
	    padding-right: 10px !important;
	}
	
	.mob-mx0 {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
	}
	
	.mob-mt0 {
		margin-top: 0 !important;
	}
	
	#exceltable tr td {
		font-family: 'Product Sans Regular' !important;
		font-size: 14px !important;
	}
}

/* All Products Categories Page */

@media (max-width: 1200px) {
	
}

@media (max-width: 992px) {

}

@media (max-width: 768px) {
	.mobmarT10 {
		margin-top: 10px !important;
	}
	
	.mob-bg-greylight{
		background-color: #F3F5F9;
	}
	
	.mob-px16 {
	    padding-left: 16px !important;
	    padding-right: 16px !important;
	}
}

@media (max-width: 600px) {
	
	.mob-h150 {
		max-height: 150px !important;
	}
	
	.mob-alignSelf-center {
		align-self: center !important;
	}
	
	.category-bg {
	    font-size: 18px !important;
	    height: 40px;
	}
	
	.level-category .level-category-logo {
	    height: 20px;
	}
}

/* All Terms and Condition Page */

@media (max-width: 1200px) {
	
}

@media (max-width: 992px) {

}

@media (max-width: 768px) {
	.shippingPolicyDiv2 h4 {
	    font-size: 16px;
	}
}

@media (max-width: 600px) {
	
}

/* Save Bom Page */

@media (max-width: 1200px) {
	
}

@media (max-width: 992px) {

}

@media (max-width: 768px) {
	
}

@media (max-width: 600px) {
	.mob-whitespace-unset {
		white-space: unset;
	}
	
	.mob-border-bottom {
		border-bottom: 2px solid #E6E6E6;
	}
	
	.mobW25 {
		width: 25% !important;
	}
	
	.mobW27 {
		width: 27% !important;
	}
	
	.mobW65 {
		width: 65%;
	}
}

/* Preview Bom Page */

@media (max-width: 1200px) {
	
}

@media (max-width: 992px) {

}

@media (max-width: 768px) {
	table.cart-table3,
	.cart-table3 thead,
	.cart-table3 tbody,
	.cart-table3 th, 
	.cart-table3 td, 
	.cart-table3 tr {
	    display: block;
	}
	
	.review-table .cart-table3 {
		border: 1px solid #E6E6E6;
   	 	border-radius: 5px;
   	 	margin-top: 16px;
    	margin-bottom: 8px !important;
	}
	
	.cart-table3 thead tr { 
		position: absolute;
		top: -9999px;
	}
	
	.cart-table3 tr {
	    background: #FFFFFF 0% 0% no-repeat padding-box;
	    box-shadow: 0px 3px 10px #0000001a;
	    border-radius: 5px;
	}
	
	.cart-table3 tr:nth-child(even) {
	    background: #F3F5F9;
	}
	
	.cart-table3 .td-slNo { 
		/* to display data-label */
		position: relative;
		padding-left: 7px;
		margin-left: 8px;
	}
	
	.cart-table3 td { 
		/* to display data-label */
		position: relative;
		padding-left: 50%;  
		margin-left: 8px;
	}
	
	.cart-table3 td:before { 
		position: absolute;
	    top: 13px;
	    left: 6px;
	    width: 45%;
	    padding-right: 10px;
	    white-space: nowrap;
	    content: attr(data-label);
	    font-family: 'Product Sans Light Regular';
	    font-size: 14px;
	    font-color: #464646;
	}
	
	.mob-review-table {
	    border: 0 !important;
	    border-radius: 0 !important;
	    padding: 0 !important;
	}
	
	.mob-w-100 {
	    width: 100%;
	}
	
	/* Your Cart Page */
	table.cart-table4,
	.cart-table4 thead,
	.cart-table4 tbody,
	.cart-table4 th, 
	.cart-table4 td, 
	.cart-table4 tr {
	    display: block;
	}
	
	.table .cart-table4 {
		border: 1px solid #E6E6E6;
   	 	border-radius: 5px;
   	 	margin-top: 16px;
    	margin-bottom: 8px !important;
	}
	
	.cart-table4 thead tr { 
		position: absolute;
		top: -9999px;
	}
	
	.cart-table4 tr {
	    background: #FFFFFF 0% 0% no-repeat padding-box;
	    box-shadow: 0px 3px 10px #0000001a;
	    border-radius: 5px;
	}
	
	.cart-table4 .td-slNo1 { 
		/* to display data-label */
		position: relative;
		padding-left: 7px !important;
		margin-left: 8px;
	}
	
	.cart-table4 td { 
		/* to display data-label */
		position: relative;
		padding-left: 50% !important;  
		/* padding: 0.25rem; */
		margin-left: 8px;
		margin-right: 8px;
	}
	
	.cart-table4 td input { 
		height: unset;
	}
	
	.cart-table4 td:before { 
		position: absolute;
	    top: 13px;
	    left: 6px;
	    width: 45%;
	    padding-right: 10px;
	    white-space: nowrap;
	    content: attr(data-label);
	    font-family: 'Product Sans Light Regular';
	    font-size: 14px;
	    font-color: #464646;
	}
	
	.cart-table4 td span { 
	    font-family: 'Product Sans Regular';
	    font-size: 14px;
	    font-color: #464646;
	}
	
	.cart-table4 .mob-delete-one {
		position: absolute;
		right: 6px;
	}
	.mob-text-sm-left {
		text-align: left !important;
	}
	
}

@media (max-width: 600px) {
	
}

/* Bom History Page */

@media (max-width: 1200px) {
	
}

@media (max-width: 992px) {

}

@media (max-width: 768px) {
	.mob-d-flex {
		display: flex;
	}
	
	.mobile-flex {
	    flex-direction: column;
	}
	
	.mob-flex-wrap {
	    flex-wrap: wrap!important;
	}
}

@media (max-width: 600px) {
	
}

/* Modify Bom Page */

@media (max-width: 1200px) {
	
}

@media (max-width: 992px) {

}

@media (max-width: 768px) {
	.mobW100 {
		width: 100% !important;
		height: auto !important;
	}
	.mobW90 {
		width: 90% !important;
	}
	.mobW44 {
		width: 44%;
	}
	
	.mobW25 {
		width: 25% !important;
	}
	
	.mob-light-regular-12 {
		font-family: 'Product Sans Light Regular';
		font-size: 12px;
		color: #464646;
	}
	
	/* ----Orders Dashboard Page Mob View Header---- */
	
	.mob-d-none {
		display: none !important;
	}
	
	.paras-dashboard1:hover .hover-text {
	    display: none !important;
	}
	
	.mob-font18 {
		font-size: 18px !important;
	}
	
	.mob-text-align {
		text-align: unset !important;
	}
	
	.mob-justify-content {
		justify-content: unset !important;
	}
	
	.ordersbar li {
	    float: unset !important;
	    width: 180px !important;
	}
	
	.ordersbar li:after {
	    transform: rotate(90deg);
	    left: -89% !important;
	    top: -128px !important;
	}
	
	 .mob-span-position {
	    position: absolute;
	    top: 0;
	    left: 45px;
	}
	
	.ordersbar li:before {
	    margin-bottom: 3vh !important;
	}
	
	.ordersbar li:nth-child(8):before {
	    margin-bottom: 0 !important;
	}
	
	.ordersbar li.active:before, .ordersbar li.active:after {
	    z-index: 2;
	}
	
	.mob-tabs-row {
		overflow-x: scroll;
		flex-wrap: unset !important;
	}
	
	.mob-white-space {
		white-space: break-spaces !important;
	}
	
	.greet_mob {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
		margin-bottom: 1rem !important;
		margin-top: 0 !important;
	}
	
	.supp-box::after {
	    right: 0;
	}
	.searchResult h3 {
		font-size: 24px;
	}
	.career_div_mob {
		margin: 1rem 0 !important;
	}
	.mob_justify_content_center {
		justify-content: center;
	}
}

@media (max-width: 600px) {
	.mob-light-regular-12 {
		font-family: 'Product Sans Light Regular';
		font-size: 12px;
		color: #464646;
	}
	.g-recaptcha {
    transform-origin: unset !important;
    margin-bottom: 8px;
}
	/* ----Home Page Mob View---- */
	
@media (max-width: 375px) {
	.mob-h66 {
		height: 66px !important;
	}
	
}