/*
#.Global
#.Navigation
#.Home Page
#.Category Page
#.Product Page
#.Checkout Cart Page
#.Checkout Checkout Page
#.Information Pages
#.About us Page
#.Contact Page
#.Blog Page
#.Error Page
#.Gdpr Modal
#.Footer
*/

/*-----------------------------------------*/
/*----- Global -----*/
/*-----------------------------------------*/
@media only screen and (max-width: 991px) {
	#side-right-content{
		margin-left: 0;
	}

	#content{
		min-height: auto;
		margin: 0;
		padding: 0 20px;
	}	
}

/*-----------------------------------------*/
/*----- Navigation -----*/
/*-----------------------------------------*/
@media only screen and (max-width: 1500px) {	
	.top-nav-right{
		margin-right: 30px;
		width: calc(70% - 30px);
		
	}

	#search-wrapper{
		max-width: 250px;
	}
	  	#nav-socials{
	margin-top: -100px;
	}

#logo{margin-top:0px;} 
	
}

@media only screen and (max-width: 1200px) {
	#search-wrapper{margin-right: 0;}
  	#nav-socials{
		margin-top: -90px;
	}

#logo{margin-top:10px;} /*PROMQNA*/
   
}
  

@media only screen and (max-width: 991px) {
    #side-nav{
    	position: static;
    	width: 100%;
    	height: auto;
    }
   
    	#logo{
    		margin: 0;
    		padding: 25px 0;
    	}

    	#mobile-navigation{
    		display: block;
    		text-align: center;
    		padding-bottom: 10px;
    	}

    		#mobile-navigation .fa-bars,
    		#mobile-navigation .fa-search,
    		#mobile-navigation .fa-user{
    			font-size: 30px;
    			color: #666;
    			margin-right: 30px;	
    		}

    		#cart-wrapper #cart button img{
    			width: 23px;
    			max-width: 100%;
    			bottom: 15px;
    		}

    		#cart-wrapper .dropdown-menu .cart-product-name,
    		#cart-wrapper .dropdown-menu .cart-product-total{
    			font-size: 13px;
    		}

    		

    		#cart-wrapper #cart-total-wrapper{
    			top: -17px;
    		}

    		#cart-wrapper .cart-buttons{
    			padding-right: 40px;
    		}

    		#cart-wrapper .dropdown-menu{
    			top: 45px;
    			right: -192px;
    			width:420px;
    		}

    		#currency-wrapper button,
    		#currency-wrapper span,
    		#language-wrapper button,
    		#langugae-wrapper button{
    			color: #666;
    		}

    		#language-wrapper .dropdown-menu,
    		#currency-wrapper .dropdown-menu{
    			right:0;
    			left: auto;
    		}

    		.top-nav-element{
    			margin-right: 10px;
    		}

    	#mobile-close{
    		display: block;
    		text-align: right;
    		margin-right: 10px;
    		padding: 10px 0;
    	}
    		#mobile-close .fa{
    			font-size: 30px;
    		}
    		
    	#navigation-pages{
    		display: none;
    	}

    	#navigation-pages.show{
		    display: block;
		    position: fixed;
		    width: 100%;
		    height: 100%;
		    z-index: 999;
		    background-color: rgba(0,0,0,.9);
		    top: 0;
		   	left:0;
    	}
    		#navigation-pages.show #nav-categories ul li.main-category,
    		#navigation-pages #nav-categories ul li.main-category:nth-child(2){
    			border:none;
    		}

    		#navigation-pages.show #nav-categories ul li.sub-category,
    		#navigation-pages.show #nav-categories ul li.main-category:hover{
    			background-color: transparent;
    		}

    		#nav-categories ul li.main-category:last-child{
    			margin-top: 0;
    		}


    #top-nav{
    	position: static;
    	width: 100%;
    	height: 0;
    	padding-top: 30px;	
    }

    .top-nav-left{
    	display: none;
    }

    #search-wrapper{
    	display: none;
    }

    #search-wrapper.show{
    	position: fixed;
    	max-width: 100%;
    	width: 100%;
    	height: 100%;
    	z-index: 999;
	    background-color: rgba(0,0,0,.9);
	    top: 0;
	   	left:0;
    }

    	#search-wrapper #search{
    		margin-bottom: 10px;
		    position: absolute;
		    top: 50%;
		    transform: translatey(-50%);
		    padding: 0 20px;
    	}

    	#search-wrapper #search .btn-lg{
    		background-color: #a44d5e;
    	}

    	#search-wrapper #search .btn-lg .fa{
    		color: #fff;
    	}

    		#search-wrapper #search #close-search{
				display: block;
				text-align: right;
				position: absolute;
				right: 10px;
				top: -40px;
			}

			#search-wrapper #search #close-search .fa{
				margin-right: 10px;
				font-size: 30px;

			}
}


@media only screen and (max-width: 480px) {
	#mobile-navigation .fa-bars,
	#mobile-navigation .fa-search,
	#mobile-navigation .fa-user{
		font-size: 20px;
	}

	#cart-wrapper{right: 5px;}

		#cart-wrapper #cart button img{width: 16px;}

		#cart-wrapper .dropdown-menu{
		    right: -157px;
    		width: 345px;
			padding: 10px;
		}

	#currency-wrapper{left: 10px;}

	.top-nav-element{
		position: relative;
		bottom:6px;
	}
}

@media only screen and (max-width: 360px) {
	#cart-wrapper .dropdown-menu{
        right: -135px;
    	width: 300px;
		padding: 10px;
	}
}

@media only screen and (max-width: 991px) {
    #cart-wrapper .dropdown-menu {
          top: 0px;
    right: 0px;
    width: 100%;
    position: fixed; 
    }
}


/*-----------------------------------------*/
/*----- Home Page -----*/
/*-----------------------------------------*/
@media only screen and (max-width: 1800px) {
	#home-video-section{
		height: auto;
	}
		#home-video{
			height: auto;
		}

		#video-text{
			top: 55%;
		}
}

@media only screen and (max-width: 1500px) {
	#video-text h1{
		font-size: 40px;
	}

	#video-text p{
		font-size: 30px;
	}

	#video-text a{
		max-width: 230px;
		font-size: 20px;
		margin-top: 18px;
	}

	#home-categories{
		margin-bottom: 50px;
	}
		#home-categories .category{
			height: 450px;
		}
}

@media only screen and (max-width: 1200px) {
	#video-text{
		top: 40%;
	}

		#home-categories .category{
			height: 330px;
		}
}

@media only screen and (max-width: 991px) {
	#home-categories{
		margin-bottom: 65px;
	}	

			#home-categories .category a p{
			    top: calc(100% + 20px);
			    margin-left: 0;
			    margin-top: 0;
			    opacity: 1;
			    padding: 10px 0;
			    background-color: #2b292e;
			}

			#home-categories .category a p:after{
				content: none;
			}
}

@media only screen and (max-width: 768px) {
	#video-text{
		top: 50%;
		position: static;
		text-align: center;
	}

		#video-text h1{
			font-size: 32px;
		}

		#video-text p{
			font-size: 24px;
		}

		#video-text a{
			max-width: 200px;
			font-size: 16px;
			margin-top: 18px;
			display: inline-block;
			margin: 0 auto;
			padding: 20px 10px;
		}

	#home-categories .category{
		width: 100%;
		margin-bottom: 60px;
		height: 560px;
	}

	#home-categories .category:last-child{
		margin-bottom: 0;
	}
}

@media only screen and (max-width: 480px) {
	#home-categories .category{
		height: 380px;
	}

	#video-text h1{
		font-size: 24px;
	}

	#video-text p{
		font-size: 18px;
	}

	#video-text a{
		font-size: 16px;
		padding: 10px;
	}
}

@media only screen and (max-width: 400px) {
	#home-categories .category{
		height: 300px;
	}
}

/*-----------------------------------------*/
/*----- Category Page -----*/
/*-----------------------------------------*/
@media only screen and (max-width: 1400px) {
	.thumbnails .discount-percent{right: 30px;}
}

@media only screen and (max-width: 1200px) {
	.thumbnails .discount-percent{
		height: 50px;
		width: 50px;
		line-height: 50px;
		font-size: 14px;
	}
}


@media only screen and (max-width: 991px) {
	.product-layout{
		margin-bottom: 0;
	}

	.product-layout h4 a{
		font-size: 16px;
	}

	.product-layout .caption{
		min-height: auto;
	}

		.product-layout .caption p{
			font-size: 14px;
		}

		.product-layout .caption .price{
			font-size: 22px;
			margin-top: 5px;
		}
}

@media only screen and (max-width: 768px) {
	.product-layout .product-thumb .discount-percent{
		height: 50px;
		width: 50px;
		line-height: 50px;
		font-size: 14px;
	}
}

@media only screen and (max-width: 480px) {
	.product-layout{
		width: 100%;
	}
}


/*-----------------------------------------*/
/*----- Product Page -----*/
/*-----------------------------------------*/
@media only screen and (max-width: 1400px) {
	.product-page .thumbnail{padding-right: 0;}

	#size-link-wrapper{padding-bottom: 15px;}
}

@media only screen and (max-width: 991px) {
	#product-number,
	#product-description,
	#product-composition{
		margin-bottom: 15px;
	}
}

@media only screen and (max-width: 768px) {
	.product-page .thumbnails{
		margin-bottom: 15px;
	}

	.product-page h1{
		font-size: 22px;
		margin: 10px 0;
	}

	.product-page h2{font-size: 20px; margin-bottom: 15px;}

	.p-options .select{width: 100%;}
}

@media only screen and (max-width: 480px) {
	.product-page h1{font-size: 18px;}

	#product-qty #button-cart{
	    max-width: calc(100% - 77px);
	}

	.notify-container{max-width: 100%;}
}

@media only screen and (max-width: 340px) {
	.notify-captcha-wrapper{
		transform: scale(.8);
		margin-left: -32px;
	}
}

/*-----------------------------------------*/
/*----- Checkout Cart Page -----*/
/*-----------------------------------------*/
@media only screen and (max-width: 768px) {
	.checkout-cart .buttons{
		margin: 0;
	    display: block;
	    padding-bottom: 20px;
	}
}
/*-----------------------------------------*/
/*----- Checkout Checkout Page -----*/
/*-----------------------------------------*/
@media only screen and (max-width: 1400px) {
	.checkout-checkout #content{
		padding: 0 15px;
	}
}

/*-----------------------------------------*/
/*----- Information Pages -----*/
/*-----------------------------------------*/
@media only screen and (max-width: 1500px) {
	.information-page #content {padding: 0 140px 20px 140px;}
}

@media only screen and (max-width: 1200px) {
	.information-page #content {padding: 0 50px 20px 50px;}
}

@media only screen and (max-width: 991px) {
	.information-page #content {padding: 0 15px 20px 15px;}
}

/*-----------------------------------------*/
/*----- About us Page -----*/
/*-----------------------------------------*/
@media only screen and (max-width: 991px) {
	.information-page #content h1{margin-bottom: 35px;}
}


/*-----------------------------------------*/
/*----- Contact Page -----*/
/*-----------------------------------------*/
@media only screen and (max-width: 768px) {
	.information-contact h1{
		margin-top: 0;
		margin-bottom: 30px;
	}

	.information-contact #contact-office,
	.information-contact #contact-form-wrapper{
		margin-bottom: 30px;
	}

	.information-contact #input-name{
		margin-bottom: 15px;
	}

	.information-contact .title,
	.information-contact #contact-form-wrapper input[type='text'],
	.information-contact #contact-form-wrapper input[type='email'],
	.information-contact #contact-form-wrapper input[type='submit'],
	.information-contact #contact-form-wrapper textarea{
		font-size: 18px;
	}

	.information-contact #contact-shops .address-1:after{
		margin:10px 0;
	}

	.information-contact #contact-shops{
		padding-bottom: 60px;
		margin-bottom: 0;
	}

	.information-contact #contact-shops .col-sm-6:first-child{
		margin-bottom: 30px;
	}
}

/*-----------------------------------------*/
/*----- GDPR Pages -----*/
/*-----------------------------------------*/
@media only screen and (max-width: 340px) {
	.information-gdpr_request .g-recaptcha{
		transform: scale(.8);
		margin-right: -30px;
	}	
}


/*-----------------------------------------*/
/*----- Blog Page -----*/
/*-----------------------------------------*/
.bm .bm-post-info .title{
	font-size: 24px !important;
}

/*-----------------------------------------*/
/*----- Error Page -----*/
/*-----------------------------------------*/
@media only screen and (max-width: 991px) {
	.custom-error-page .error-image{
		padding-top: 0;
	}

	.custom-error-page .buttons{
		margin: 0;
	    display: block;
	    padding-bottom: 20px;
	}
}

/*-----------------------------------------*/
/*----- Gdpr Modal -----*/
/*-----------------------------------------*/
@media only screen and (max-width: 480px){
	#gdpr-footer-modal{
		background-color: rgba(0,0,0, .7) !important
	}

	#gdpr-footer-modal .gdpr-buttons button{
	    float: none;
    	display: block;
    	width: 100%;
    	margin-bottom: 10px;
	}
}

/*-----------------------------------------*/
/*----- Footer -----*/
/*-----------------------------------------*/
@media only screen and (max-width: 991px) {
	footer{
		margin-left: 0;
	}

	#nav-socials{
		margin-top: 20px;
	}

	#footer-copyright{
		margin-top: 20px;
	}

	#newsletter-modal .modal-dialog{
   	 	width: 100%;
	}

}

@media only screen and (max-width: 768px) {
	footer{
		padding-top: 30px;
	
		
	}

	footer .col-sm-4{
		margin-bottom: 30px;	
	}

	footer .col-sm-4:last-child{
		margin-bottom: 0;
	}

		footer h5{
			margin-left: 0;
			margin-bottom:10px; 
			max-width:100%;
		}

		footer ul{
			margin-left: 0;
		}


	#newsletter-modal .modal-dialog{
 	    width: calc(100% - 20px);
    	margin: 0 auto;
	}

	#newsletter-modal input{
	   width: calc(100% - 127px);
	}
}

@media only screen and (max-width: 480px) {
	#newsletter-modal .modal-body{
		padding: 20px;
	}
		#newsletter-modal h2{
			margin-bottom: 20px;
			font-size: 22px;
		}

	#newsletter-modal button[type='submit']{
		font-size: 14px;
	}

}