/********************************/
/* Extra small devices (phones) */
/********************************/
@media (max-width: 480px) {
	.order-confirm-table-wrap{
		overflow-x: scroll;
	}
	.order-confirm-table{
		width: 400px;
	}
	form#fn-checkout-form .fn-form-submit-button{
		display: block;
	}
	.checkout-step-3 .fn-form-submit-button p{
		width: 100%;
		margin-bottom: 30px;
	}
}

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

@media (max-width: 768px) {
	body.home div#content,
	body.error404 div#content,
	body.woocommerce-account div#content{
		margin-top: 70px;
	}

	body:not(.home):not(.woocommerce-account):not(.error404) div#page > .fn-breadcrumbs{
		margin-top: 80px;
	}
	/* Disable revealator animations */
	.revealator-zoomin,
	.revealator-zoomout,
	.revealator-slideup,
	.revealator-slideright,
	.revealator-slideleft {
		transform: unset !important;
		opacity: 1 !important;
	}
	.revealator-fade {
		opacity: 1 !important;
	}
	
	/* Mobile menu */
	#desktop-header {
		display: none;
	}
	#mobile-header {
		display: block;
	}
	header#masthead.gk-fixed-header::before{
		background-color: #1c1c1cde;
	}
	#mobile-header > div{
		display: flex;
		align-items: center;
	}
	header#masthead.gk-fixed-header{
		transform: unset;
	}
	.fn-mob-header-block-cart a{
		color: #fff;
		font-size: 21px;
	}
	.fn-mob-header-block-cart a span{
		font-size: 13px;
	}
	.fn-mob-menu-socials-wrap ul{
		justify-content: center;
		margin-bottom: 15px;
	}
	.mob-menu-info-row .fn-header-contacts-wrap{
		text-align: center;
	}
	.mob-menu-info-row .fn-header-contacts-wrap a{
		font-family: "Roboto-Bold", sans-serif;
		color: #1c1c1c;
	}

	/**************************/
	/***** 2. Main slider *****/
	/**************************/
	div#fn-main-slider-cont .fn-main-slider-image{
		height: 320px;
	}
	div#fn-main-slider-cont .fn-main-slider-content h2{
		font-size: 22px;
	}
	div#fn-main-slider-cont .fn-main-slider-content p{
		font-size: 16px;
	}
	div#fn-main-slider-cont .fn-main-slider-content{
		padding: 20px;
	}
	.fn-main-slider-nav{
		bottom: 10px;
		right: 25px;
	}

	/**************************/
	/****** Footer block ******/
	/**************************/
	.fn-footer-row{
		display: none;
	}
	.fn-copyright-row{
		margin-bottom: 0;
		padding: 15px 0;
	}
	.fn-copyright-text{
		display: block;
		text-align: center;
	}

	/***************************/
	/*** 3. Product carousel ***/
	/***************************/
	.fn-loop-product-item .fn-loop-product-item-btns{
		padding: 0 80px;
	}
	div.fn-product-carousel-block .fn-loop-prod-item-cont{
		width: calc(100vw - 60px);
	}

	/*********************/
	/*** 5. Info block ***/
	/*********************/
	.fn-info-block-row{
		display: block;
	}

	/**********************/
	/*** 7. Breadcrumbs ***/
	/**********************/
	.breadcrumbs-block ul li{
		margin-right: 15px;
		white-space: pre;
	}
	.breadcrumbs-block ul li a,
	.breadcrumbs-block ul li span{
		font-size: 11px;
	}
	.breadcrumbs-block ul{
		overflow-x: scroll;
		overflow-y: hidden;
	}

	/*****************************/
	/*** 9. Subcategories list ***/
	/*****************************/
	.subcategories-list-item .subcategories-list-item-image{
		height: 120px;
	}
	.subcategories-list-wrap .subcategories-list-item{
		width: 43%;
	}
	.product-category-info-head h1{
		font-size: 22px;
	}
	.subcategories-list-head h2{
		font-size: 18px;
	}
	.subcategories-list-item .subcategories-list-item-name h4{
		font-size: 13px;
	}
	.subcategories-list-item .subcategories-list-item-image-wrap{
		padding: 10px;
	}

	/*************************/
	/*** 11. Products list ***/
	/*************************/
	.products-list-head,
	.products-list-sorting form{
		display: block;
	}
	.products-list-head .products-list-compare,
	.products-list-sorting form{
		text-align: center;
	}
	.products-list-sorting{
		margin-bottom: 20px;
	}

	/************************/
	/*** 12. Product page ***/
	/************************/
	.product-general-info-carousel-general{
		height: 303px;
	}
	.product-general-info-block .product-general-info-rate{
		flex-wrap: wrap;
	}
	.woocommerce .product-general-info-block .product-general-info-rate .product-general-info-rate-general{
		width: 100%;
		margin-bottom: 15px;
	}
	.product-general-info-block .ven-code{
		width: 100%;
		text-align: left;
	}
	.product-general-info-block .product-general-info-name h1{
		font-size: 28px;
	}
	.product-general-info-block .product-general-price-about{
		display: block;
	}
	.product-general-info-block .product-general-price-about-wrap{
		margin-bottom: 10px;
	}
	.product-general-info-block .product-general-price-about-wrap,
	.product-general-info-block .product-general-price-quant{
		width: 100%;
	}
	.product-general-info-block .product-general-price-quant{
		text-align: left;
	}
	.product-general-info-block .product-general-price-quant span{
		margin: 0 10px 0 0;
	}
	.product-general-info-block .product-general-info-other{
		display: block;
	}
	.product-general-info-block .product-general-info-other > div{
		width: 100%;
	}
	.product-general-info-block .product-general-info-other-guar{
		margin-right: 0;
		margin-bottom: 15px;
	}
	.woocommerce div.product .woocommerce-tabs ul.tabs{
		max-width: 375px;
		overflow-x: scroll;
	}
	.woocommerce div.product .woocommerce-tabs .product-review-tabs ul li a, .sample-tabs-block ul li button{
		font-size: 14px;
	}
	.product-tabs-descr-row .product-review{
		font-size: 13px;
	}
	form#leave-comment-form .fn-form-rate-group{
		display: block;
	}
	form#leave-comment-form .fn-form-textarea{
		width: 100%;
		margin-right: 0;
		margin-bottom: 25px;
	}
	form#leave-comment-form .fn-form-stars{
		width: 100%;
	}
	.fn-product-review-comments-item .product-review-comments-item-answer-wrap{
		margin-left: 15px;
	}
	.other-products-block-content{
		padding: 0 25px;
	}
	
	/*************************/
	/*** 14. Checkout page ***/
	/*************************/
	.checkout-step-3 .fn-form-submit-button.order-confirm-table-btns{
		flex-direction: column;
	}
	.checkout-step-3 .fn-form-submit-button.order-confirm-table-btns a{
		margin: 0 0 20px;
	}
	.woocommerce ul.order_details{
		display: flex;
		flex-wrap: wrap;
	}
	.woocommerce ul.order_details li{
		width: 100%;
		text-align: center;
		padding: 0 0 10px 0;
		border-bottom: 1px solid;
		border-right: 0;
		margin: 0 0 15px 0;
	}
	.woocommerce-order p.woocommerce-thankyou-order-received{
		text-align: center;
		font-size: 20px;
	}

	/**************************/
	/*** 15. News list page ***/
	/**************************/
	.fn-news-list-page-item .fn-news-list-page-item-head-image h4{
		width: 80%;
		font-size: 20px;
	}
	.fn-news-list-page-item .fn-news-list-page-item-head-image{
		height: 215px;
	}
	.fn-news-list-page-category ul{
		display: flex;
		flex-wrap: wrap;
	}
	.fn-news-list-page-category ul li{
		margin-right: 5px;
		margin-bottom: 15px;
		width: 45%;
	}
	.fn-news-list-page-category ul li a{
		display: inline-block;
	}
	.fn-news-list-page-item .fn-news-list-page-item-short-info h3{
		font-size: 17px;
		margin: 10px 0;
	}
	.fn-news-list-page-item .fn-news-list-page-item-short-info p{
		font-size: 14px;
		margin-top: 0;
	}

	/****************************/
	/*** 16. Single news page ***/
	/****************************/
	.fn-single-news-page-head .fn-single-news-page-thumb{
		height: 250px;
	}
	.fn-single-news-page-head .fn-single-news-page-thumb h4{
		width: 90%;
		font-size: 18px;
	}
	.fn-single-news-page-head h1{
		font-size: 22px;
	}
	.fn-single-news-page-wrap .fn-single-news-page-content{
		font-size: 14px;
	}

	/***********************/
	/*** 17. Sample page ***/
	/***********************/
	.fn-sample-list-items-wrap .fn-sample-list-item{
		width: 100%;
	}
	.fn-sample-info-row .sample-info-item{
		margin-bottom: 20px;
	}

	.product-category-info-row .product-category-info-image{
		margin-bottom: 15px;
	}
}

/***************************/
/* Small devices (tablets) */
/***************************/
@media (min-width: 769px) and (max-width: 992px) {
	/**************************/
	/****** Header block ******/
	/**************************/
	form#fn-header-searchform .fn-header-search-wrap input{
		font-size: 13px;
		padding: 5px;
	}
	form#fn-header-searchform .fn-header-search-btn-wrap button{
		font-size: 13px;
		padding: 10px 20px;
	}
	.fn-header-contacts-wrap a{
		font-size: 14px;
	}
	.fn-header-block-shop-nav-wrap > a{
		padding: 17px 10px 14px;
		font-size: 14px;
	}
	#primary-menu li a{
		font-size: 13px;
	}
	#primary-menu li#menu-item-46 a::before,
	#primary-menu li#menu-item-48 a::before,
	#primary-menu li#menu-item-337 a::before,
	#primary-menu li#menu-item-47 a::before{
		content: none;
	}
	.fn-header-block-cart > a{
		justify-content: center;
	}
	.fn-header-block-cart > a span{
		color: transparent;
		letter-spacing: -10px;
		padding-left: 0;
	}
	.fn-header-block-cart > a span span{
		color: #fff;
		letter-spacing: normal;
	}
	header.gk-fixed-header{
		padding-top: 8px;
	}
	.fn-cats-menu-subcategory ul li{
		width: 25%;
	}
	.fn-cats-menu-subcategory ul li a span.fn-cats-submenu-item-img{
		height: 90px;
	}
	nav.fn-cats-menu-main-list ul li a{
		font-size: 12px;
	}

	/**********************/
	/*** 7. Breadcrumbs ***/
	/**********************/
	.breadcrumbs-block ul li{
		margin-right: 15px;
	}
	.breadcrumbs-block ul li a,
	.breadcrumbs-block ul li span{
		font-size: 11px;
	}

	/**************************/
	/***** 2. Main slider *****/
	/**************************/
	div#fn-main-slider-cont .fn-main-slider-image{
		height: 440px;
	}
	div#fn-main-slider-cont .fn-main-slider-content h2{
		font-size: 35px;
	}
	div#fn-main-slider-cont .fn-main-slider-content p{
		font-size: 20px;
	}
	div#fn-main-slider-cont .fn-main-slider-content{
		padding: 55px;
	}

	/***************************/
	/*** 3. Product carousel ***/
	/***************************/
	.fn-loop-product-item p.fn-loop-prod-item-img img{
		max-height: 155px;
	}
	.fn-loop-product-item p.fn-loop-prod-item-descr{
		height: 55px;
	}
	.fn-loop-product-item .fn-loop-product-item-btns{
		padding: 0 40px;
	}
	.fn-loop-product-item .fn-loop-product-item-btns a{
		font-size: 20px;
	}
	div.fn-product-carousel-block .fn-loop-prod-item-cont{
		width: 210px;
	}

	/*****************************/
	/*** 9. Subcategories list ***/
	/*****************************/
	.subcategories-list-item .subcategories-list-item-image{
		height: 135px;
	}
	.subcategories-list-wrap .subcategories-list-item{
		width: 22%;
	}

	/************************/
	/*** 12. Product page ***/
	/************************/
	.product-general-info-carousel-general{
		height: 603px;
	}
	.product-general-info-block .product-general-info-name h1{
		font-size: 30px;
	}
	.product-general-info-block .product-general-info-name{
		margin-bottom: 0;
	}
	.product-general-info-block .product-general-info-rate{
		margin-bottom: 15px;
	}
	.product-general-info-block .product-general-info-price-block{
		margin-bottom: 20px;
	}
	.product-general-info-block .product-general-info-other > div{
		width: 100%;
	}
	.product-general-info-block .product-general-info-other{
		display: block;
	}
	
	/*************************/
	/*** 14. Checkout page ***/
	/*************************/
	.checkout-step-3 .fn-form-submit-button.order-confirm-table-btns{
		flex-direction: column;
	}
	.checkout-step-3 .fn-form-submit-button.order-confirm-table-btns a{
		margin: 0 0 20px;
	}

	/**************************/
	/*** 15. News list page ***/
	/**************************/
	.fn-news-list-page-item .fn-news-list-page-item-head-image h4{
		width: 80%;
		font-size: 20px;
	}
	.fn-news-list-page-item .fn-news-list-page-item-head-image{
		height: 215px;
	}

	/***********************/
	/*** 17. Sample page ***/
	/***********************/
	.fn-sample-info-row .sample-info-item{
		margin-bottom: 20px;
	}
}

/*****************************/
/* Medium devices (desktops) */
/*****************************/
@media (min-width: 993px) and (max-width: 1199px) {
	/**************************/
	/****** Header block ******/
	/**************************/
	.fn-header-block-shop-nav-wrap > a{
		padding: 15px 20px 13px;
	}
	.fn-header-block-cart > a{
		font-size: 12px;
	}
	.fn-cats-menu-subcategory ul li a span.fn-cats-submenu-item-img{
		height: 95px;
	}

	/***************************/
	/*** 3. Product carousel ***/
	/***************************/
	.fn-loop-product-item p.fn-loop-prod-item-img img{
		max-height: 155px;
	}
	.fn-loop-product-item p.fn-loop-prod-item-descr{
		height: 55px;
	}
	.fn-loop-product-item .fn-loop-product-item-btns{
		padding: 0 40px;
	}
	.fn-loop-product-item .fn-loop-product-item-btns a{
		font-size: 20px;
	}
	div.fn-product-carousel-block .fn-loop-prod-item-cont{
		width: 205px;
	}

	/*****************************/
	/*** 9. Subcategories list ***/
	/*****************************/
	.subcategories-list-wrap .subcategories-list-item{
		width: 22%;
	}

	/************************/
	/*** 12. Product page ***/
	/************************/
	.product-general-info-carousel-general{
		height: 390px;
	}
	.product-general-info-block .product-general-info-name h1{
		font-size: 30px;
	}
	.product-general-info-block .product-general-info-name{
		margin-bottom: 0;
	}
	.product-general-info-block .product-general-info-rate{
		margin-bottom: 15px;
	}
	.product-general-info-block .product-general-info-price-block{
		margin-bottom: 20px;
	}
	.product-general-info-block .product-general-info-other > div{
		width: 100%;
	}
	.product-general-info-block .product-general-info-other{
		display: block;
	}

	/**************************/
	/*** 15. News list page ***/
	/**************************/
	.fn-news-list-page-item .fn-news-list-page-item-head-image h4{
		width: 80%;
		font-size: 20px;
	}
	.fn-news-list-page-item .fn-news-list-page-item-head-image{
		height: 215px;
	}
}

/**********************************/
/* Large devices (large desktops) */
/**********************************/
@media (min-width: 1200px) {

}

/**********************/
/* Custom media rules */
/**********************/
@media (min-width: 1px) {

}