@media only screen and (max-width:1920px) { 

}


/*----------------------------------------------*/


@media only screen and (max-width:1200px) { 

}

/*----------------------------------------------*/



@media only screen and (max-width:990px) { 

	.svarog-cat-faq__grid {
		grid-template-columns: repeat(3, 1fr);
	}

	.svarog-landing-pricing-grid--4 {
		grid-template-columns: repeat(2, 1fr);
	}

	/*-- Start #bar-fixed and menu --*/
	.block-menu {display: block; width: 100%; height: 0; position: relative;}
	#bar-fixed .block-menu {width: 220px; height: 100%; margin: auto; padding: 0px 0 0 0; position: fixed; top: 0; 
						right: -220px; background: #27282a; box-shadow: 3px 3px 5px rgba(0,0,0,.7); z-index: 1000;}
	.menu-icon, .mi-active {display: block; top: 15px; left: 15px;}


	#bar-fixed .bmi-width {transition: right 0.3s; –webkit-transition: right 0.3s;}
	#bar-fixed .bmi-active {right: 0; transition: right 0.3s; –webkit-transition: right 0.3s;}
	#bar-fixed .bmi-active .sub-menu {margin: 0;}

	#bar-fixed ul.sub-menu {display: none; margin: 0; padding: 0; position: relative; left: 0; top: 0; opacity: 1; text-align: left!important; border-radius: 0;}
	#bar-fixed ul.sub-menu li {display: block; width: 100%; height: 38px; line-height: 38px; border: 0;}
	#bar-fixed ul li > a, #bar-fixed ul li span,
	#bar-fixed ul li.menu-item-has-children > span {width: 100%; padding: 0 0 0 15px; background: none; cursor: pointer; color: #fff; font-size: 14px; line-height: 42px;}
	#bar-fixed ul li span {cursor: inherit; opacity: 0.5;}
	#bar-fixed ul li:hover a {text-decoration: none!important;}
	#bar-fixed ul li.menu-item-has-children > a {width: 100%; padding: 0 0 0 16px; background: none; cursor: pointer; color: #fff; line-height: 42px; text-decoration: none!important;}
	#bar-fixed ul li.menu-item-has-children > a label {display: inline-block; padding: 0 18px 0 0; background: url(../images/tr-new.png) no-repeat right 19px;}
	#bar-fixed ul li a:hover {background: #575a61; text-decoration: none!important;}
	#bar-fixed ul.sub-menu li:first-child {border-radius: 0;}
	#bar-fixed ul.sub-menu li:last-child {border-radius: 0; border-bottom: 0!important;}
	ul.sub-menu li a {display: block; height: 37px; line-height: 38px; color: #333;}
	#bar-fixed ul.sub-menu li > a, #bar-fixed ul.sub-menu li > span {color: #333;}
	#bar-fixed ul.sub-menu li:hover, #bar-fixed ul.sub-menu li a:hover {background: #fffdec;}
	#bar-fixed ul li.menu-item-has-children > a:before, #bar-fixed ul li.menu-item-has-children > span:before {right: 15px; top: 17px;}
	.btn:hover {background: inherit;}

	#bar-fixed ul {width: 100%; padding: 0;}
	#bar-fixed ul > li {display: block; width: 100%; padding: 0; float: none; position: relative; background: none; line-height: 40px; border-bottom: 1px #575a61 solid!important;}
	#bar-fixed ul > li:first-child {border-top: 0px #575a61 solid; text-align: left; padding: 0; border-radius: 0;}
	#bar-fixed ul li .sub-menu li {padding: 0; border-bottom: 0; border-top: 0px #ced3d6 solid;}
	#bar-fixed ul li.menu-item-has-children li:last-child {padding: 0;}
	#bar-fixed ul li:last-child {padding: 0;}
	#bar-fixed ul li.menu-item-has-children {padding: 0;}
	/*-- End #bar-fixed and menu --*/

 
}




/*----------------------------------------------*/
@media only screen and (max-width:767px) { 

	.svarog-cat-faq__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.svarog-tarify-table {
		font-size: 0.8rem;
	}
	.svarog-tarify-table th,
	.svarog-tarify-table td {
		padding: 0.5rem 0.5rem;
	}

}




/*----------------------------------------------*/
@media only screen and (max-width:479px) { 

	.svarog-cat-faq__grid {
		grid-template-columns: 1fr;
	}

	.svarog-landing-pricing-grid--4 {
		grid-template-columns: 1fr;
	}

}