/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.navbar .dropdown > a > i{
		margin-left: 0;
	}

	.nav.navbar-nav .dropdown .button-text{
		display: none;
	}
	.new-product-card-umico-month,
    .new-product-card-mastercard-text,
	.new-product-card-birkart-month{
		font-size: 11px;
	}
	.new-product-card-birkart .birkartlogo{
		font-size: 15px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	.btn{
		padding: 10px 20px 10px 20px;
	}
	.navbar-nav > li > a{
		font-size: 11px;
	}
	#header-main .contact > h4{
		/*font-size: 10px;*/
	}
    #login-form, #form-signup {
        margin-left: auto;
        margin-right: auto;
    }
}

/* Small Devices, Tablets */

@media (max-width: 820px) {

	#hot-super-deals .hidden-xs{
		display: none;
	}
}

@media only screen and (max-width : 768px) {
	#product{
		padding: 0;
	}
	.new-product-card{
		padding: 20px 10px;
	}
	.buyButton > span::before{
		top: 8px;
	}

	.blog-description img{
		width: 100%;
		height: auto;
	}
	.dropdown-menu>li>a {
		padding: 8px 15px 8px 25px !important;
	}
	.itemBlock img{
		float: left;
	}
	.search-price{
		position: static;
	}
	.itemBlock a{
		width: auto;
		text-align: left;
		font-size: 12px;
	}
	.visible-xs .profile_menu{
		display: inline-flex;
		margin-left: 10px;
	}
	.visible-xs.text_align_right .profile_menu .dropdown{
		margin-left: 12px;
	}
	.discount_countdown{
		left: 50%;
		width: 90%;
		transform: translateX(-50%);
	}
	.pull-right-xs{
	    float: right !important;
	}
	.pull-left-xs{
	    float: left !important;
	}

	#header-main{
		position: relative;
		/*text-align: center;*/
	}
	
	#header-main .img{
		margin: 0 auto;
	}

	#header-main .search{
		/*width: calc(100% - 40px);*/
		/*position: absolute;*/
		/*right: 0;*/
		/*bottom: -8px;*/
	}

	#header-main .search.opened{
		display: table;
	}

	#header-main .search-container{
		position: inherit;
		margin-bottom: 30px;
	}

	#hot-super-deals .slick-dots{
		left: auto;
		right: 20px;
		bottom: 20px;
	}

	#hot-super-deals .slick-arrow{
		display: none !important;
	}
	.card-news{
		padding: 16px 0 30px;
	}

	.black-header{
	    margin: 0 0px;
	    padding: 0 0px;
	}
	#basket{
		width: 100%;
	}
	#basket .name{
		display: none;
	}
	.product-actions li:not(:first-child){
		margin-left: 0px;
	}
	.product-actions li{
		font-size: 12px;
	}
	.slider-desc{
		padding: 20px;
	}
	#hot-super-deals .discount{
		top: 20px;
		right: 20px;
	}
	#hot-super-deals .btn-primary{
		bottom: 20px;
	}
	#super-deals .super-deal-product{
		padding: 20px;
	}
	#basket a i{
		margin-right: 0;
	}
	.badge{
		font-size: 12px;
		width: 24px;
	}
	.badge:after{
		width: 24px;
		height: 24px;
		top: -5px;
	}
	.container .jumbotron, .container-fluid .jumbotron{
		height: 120px;
		line-height: 120px;
		margin-bottom: 0;
	}
	.jumbotron h2{
		background-color: #921000;
		font-size: 14px;
		padding: 4px;
	}
	.jumbotron h2 span{
		border: 1px dashed #D43B28;
		padding: 0 3px;
	}
	#sell-out{
		margin-bottom: 0;
	}
	.card-product{
		margin: 4px 10px 20px;
	}
	.card-product.white{
		/*box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);*/
	}
	#sidebar-wrapper.opened{
		width: 250px;
	}
	#sidebar-wrapper.opened .sidebar-nav li a{
		width: 250px;
	}

	#sidebar-wrapper.opened .sidebar-nav li a span{
		opacity: 1;
	}

	.card-product.flip .product-img{
	    width: calc(60% - 20px);
	}
	.card-product.flip .product-description{
	    width: 40%;
	}
	.navbar-nav > li > a{
		text-align: center;
		height: 50px;
		line-height: 40px;
		width: 100% !important;
		padding: 7px;
	}
	.category_list .category_drop {
		padding: 5px 0px 0 0px!important;
		font-size: 15px;
		color: white !important;
	}
	.category_list .category_drop span.glyphicon-menu-hamburger {
		left: 45px;
	}
	.nav .open>a{
		background-color: #000;
	}
	.nav>li>a:focus {
		text-decoration: none;
		background-color: #000;
	}
	.items-slider{
		margin: -4px -10px 0px;
	}
	.new-category-hamburger{
		top: 12px;
	}
	.login-signup-box {
		min-width: auto !important;
		width: 100%;
	}
	.login-signup-box .login-box {
		margin-bottom: 40px;
	}
	.user-auth .row .box:first-child {
		border: none;
	}
	.basket-row{
		flex-wrap: wrap;
	}
	.basket-item>div{
		height: auto;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.product-advantages .tooltip-title {
		font-size: 11px;
	}
	.product-advantages .tooltip-description {
		font-size: 13px;
	}
	.modal-content {
		padding: 20px;
	}
}

/* Custom, iPhone Retina */
@media only screen and (min-width : 375px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 375px) and (max-width : 768px) {
	.filters-grid {
		width: 50%;
	}
	.filters-grid .card-product {
		margin: 4px 0px 20px;
	}
	filters-grid .product-title a{
		font-size: 14px;
	}
	.filters-grid .product-price{
		margin-top: 25px;
	}
	.items-slider .card-product .product-price{
		margin-top: 25px;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	.auth-header .back-home {
		display: none;
	}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	.pull-right-sm{
	    float: right !important;
	}
	.pull-left-sm{
	    float: left !important;
	}
	.navbar-toggle{
		display: none !important;
	}
	.btns-header{

	}
	.header_links{
		float: left;
	}
	.btns-header{
		margin-top: 0px;
		margin-left: 10px;
	}
	.btns-header a{
		margin-left: 5px;
	}
	.header_links{
		padding: 13px 0;
	}
	.login-signup-box > .row {
		display: flex;
		flex-wrap: wrap;
	}
	.login-signup-page-content {
		padding-left: 10%;
		padding-right: 10%;
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	.pull-right-md{
	    float: right !important;
	}
	.pull-left-md{
	    float: left !important;
	}
    .login-signup-page .white_block > .row {
        display: flex;
        flex-wrap: wrap;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	.pull-right-lg{
	    float: right !important;
	}
	.pull-left-lg{
	    float: left !important;
	}
}

@media (max-width: 1515px) and (min-width: 1390px) {
	.col-lg-1515 {
		width: 17%;
	}
}

@media (max-width: 1390px) and (min-width: 1253px) {
	.col-lg-1375 {
		width: 44%;
	}
	.col-md-1375 {
		width: 19%;
	}
}

@media (max-width: 1253px) and (min-width: 1192px) {
	.col-lg-1253 {
		width: 46.66666667%;
	}
	.col-sm-1375 {
		width: 22%;
	}
}

@media (max-width: 767px) {
	.basket-item .product-title h5{
		text-align: center;
	}
	.margin-xs {
		margin-top: 20px;
	}
	.category-list-child{
		position: absolute !important;
	}
	.snow-cap{
		width: auto !important;
	}
    .mobile-number{
        display: block;
    }
    .mobile-number.second{
        margin-bottom: -12px;
		display: none;
    }
    .mobile-number.first{
        margin-top: 10px !important;
		display: none;
    }
	.main-logo-mega{
		width: 100%;
	}
	.main-logo-mega .logo {
		z-index: 1 !important;
	}
	.user-auth {
		margin-top: 10px;
	}
	.search-form button i{
		position: absolute;
		top: 100px;
		right: 0px;
	}
	#elastic{
		margin-top: 45px;
	}
	#header-top{
		z-index: 9;
	}
	#header-top .static_pages{
		margin-left: 0px;
	}
	#header-top .header-number{
		/*text-align: center;*/
		width: 100%;
	}
	.header-left-phone-icon{
		display: none;
	}
	.header-number-sub{
		display: inline-block;
	}
	.header-login .profile_menu .dropdown{
		margin-top: 9px !important;
	}
	#header-top .header-login{
		/*display: none;*/
		position: absolute;
		right: 20px;
		top: 32px;
	}

	#header-top .numbers{
		padding: 6px 3px 0px 0px;
		font-size: 10px;
	}
	#header-top .numbers:last-child{
		display: none;
	}
	.mobile-login{
		display: none !important;
	}
	.agent{
		display: none;
	}
	.login-signup-brand {
		padding-left: 0;
		padding-right: 0;
	}
	.login-signup-form .title {
		font-size: 24px;
	}
	.login-signup-page {
		padding-top: 20px;
	}
}
@media (max-width: 1480px) {
	.super-deal-product h2 a, .super-deal-product h2 a:hover, .super-deal-product h2 a:focus{
		font-size: 20px;
	}
	.product-price .past-price{
		font-size: 14px;
	}
	.super-deal-product .product-price .present-price, .product-price-sum .present-price{
		font-size: 22px;
	}
}