@media screen and (min-width: 769px) {
	.headerSection .dropend:hover > .dropdown-menu {
		position: absolute!important;
		top: 0!important;
		left: 100%!important;
	}
	.headerSection .dropend .dropdown-toggle {
		margin-left: 6px!important;
		font-size: 14px!important;
	}
}
@media (max-width:767px){
	.navbar-brand{
		width: 0%!important;
	}
	.headerSection .dropdown.langauge-selection .dropdown-menu[data-bs-popper] {
	  margin-top: 0!important;
	}
	.cartBox .cartTxt .removeTxt {
		top: auto!important;
	}
	.cartSide .form-control.selected-quantity{
		margin: 0!important;
	}
	.cartSide .priceTxt {
		text-align: left!important;
	}
	.cartTxt h6{
		margin:10px 0 5px!important;
	}
	.saveTxt {
		margin: 0!important;
	}
	.btn-primary{
		padding: 8px 22px!important;
	}	
	.progress_bar .progress_number {
		margin-top: -52px!important;
		left: 0!important;
	}
	.infoBox {
		margin: 25px 0!important;
	}
	.progress_bar strong {
		top: 35px!important;
		left: 0!important;
	}
	.navbar-brand img {
		width: 35px!important;
		position: relative!important;
		top: -2px!important;
	}
	.navbar-expand-md .navbar-nav .nav-link {
		padding-right: 0!important;
		padding-left: 0!important;
	}
	#footer ul li{
		font-size: 12px!important;
		padding: 0 3px!important;
	}
	#footer img {
		width: 70px!important;
	}
	.title {
		font-size: 11px!important;
	}
	.box-content{
		opacity:1!important;
	}
	.heroImage{
		padding:0!important;
	}
	.common-padding {
		padding: 30px 0 10px!important;
	}
	.dashboardDiv{
		margin-bottom: 30px!important;
	}
	.contactBox {
		text-align: center!important;
		border: 1px solid #eee!important;
		margin-bottom: 15px!important;
		padding-top: 15px!important;
	}
	
	.contactIcon i {
		position: relative!important;
	}
	.contactTxt {
		position: relative!important;
		left: 0!important;
		font-size: 14px!important;
	}
	#sidebar-nav {
		width: 34px!important;
	}
	.list-group-item{
		padding: 6px 5px!important;
	}
	.createAccountBox {
	  margin-bottom: 30px;
	}
	.loginBox {
	  height: auto;
	  margin-bottom: 30px;
	}
	
}

@media (min-width:768px) and (max-width:991px){
	.progress_bar .progress_number {
		margin-top: -35px!important;
		left: 0!important;
	}
	.infoBox {
		margin: 25px 0!important;
	}
	.progress_bar strong {
		top: 35px!important;
		left: 0!important;
	}
	.cartBox .cartTxt .removeTxt{
		top: auto!important;
	}
	.navbar-brand img {
		width: 40px!important;
	} 
}

@media (min-width:992px) and (max-width:1199px){
	.heroImage{
		padding:0 0 2%!important;
	}
	.navbar-brand img {
		width: 40px!important;
	}
}