/*-----------------------------------------------------------------------------------------------------------------------------НЕКОТОРЫЕ МОБИЛЬНЫЕ ПАКРАЩЕННЯ) */

@media (min-width: 768px) and (max-width: 810px) {
	header.sticky .mod-languages{
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
	header.sticky .mod-languages li{
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

}


@media (max-width: 320px) {
	header .header-tel{
		margin-left: 0;
	}
}
@media (max-width: 425px) {
	header .navbar a.menu span {
		font-size: 0pt;
	}
	.button_buy {
		font-size: 12pt;
		top:3px;
	}
	.button_buy span {
		font-size: 25pt;
	}
	.Block_name h2 {
	font-size: 30pt;
	}
	.Block_name {
		padding: 12px 30px 8px 13px;
	}
	.icon {
		float: right;
		display: block;
		padding-left: 0px;
		width: 30%;
	}
	.tube .icon {
		width: 125px;
	}
	.tube{
		height: 77px;
	}

	.icon span{
		display: none;
	}
	.tube .icon span {
		display: block;
		font-size: 9pt;
		line-height: 9pt;
	}
	span.comp_cost {
		text-shadow: 3px 2px 0px #1b5994;
	}
	span.comp_title {
		font-size: 9pt;
		line-height: 8pt;
	}
}


/*----------------------------------------------------------------------------------------------------------------------------  МОБИЛЬНОЕ МЕНЮ до 767px */
@media (max-width: 767px) {

	body {
		padding-left: 10px;
		padding-right: 10px;
	}

header .mod-languages a{
	padding:0 5px ;
	margin: 0;
}

div.mod-languages {
	margin-left: 0px !important;
}

	ul#MAINMENU, header.sticky ul#MAINMENU{
		display: block !important;
		text-align: center !important;
		text-align-last: auto;
		height: 100%;
	}


	ul#MAINMENU li{
		display: block !important;
		width: inherit !important;
		text-align: center;
	}

	ul#MAINMENU li a:hover, ul#MAINMENU li.active a {
		text-decoration: none;
		color: black;
		background: #ffcc00;
	}
	ul#MAINMENU li a {
		color: #ffcc00;
	}

	header.sticky ul#MAINMENU li a {
	line-height: 85px;
}

	header.sticky ul#MAINMENU li {
		display: inline-block;
		font-size: 1.15em;
		font-weight: 700;
		padding: 0 10px;
		color: #333333;
		vertical-align: top;
		text-align: -webkit-center;
		display: -webkit-box;
		text-transform: uppercase;
		height: 80px;
	}
	
	.navbar {
		display: inherit !important;
		position: relative;
		text-align: center;
		line-height: 60pt;
	}
	header .navbar a.menu span{
		font-size: 0pt;
	}
	.navbar a.menu {
		font-size: 22pt;
		width: 155px;
    	display: block;
	}

	header.sticky .navbar a.menu {
		font-size: 18pt;
	}
	header.sticky .navbar {
		line-height: 27pt;
	}	


	.navbar a.menu:before {
		content: "\f0c9";
		font-family: "FontAwesome";
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
	}

	.container, .header-inner, nav{
		width: 100%;
		padding: 0 0px;
	}

	.navbar-fixed-top,
	.navbar-fixed-bottom {
		position: static;
	}
	.navbar-fixed-top {
		margin-bottom: 18px;
	}
	.navbar-fixed-bottom {
		margin-top: 18px;
	}
	.navbar-fixed-top .navbar-inner,
	.navbar-fixed-bottom .navbar-inner {
		padding: 5px;
	}
	.navbar .container {
		width: auto;
		padding: 0;
	}
	.navbar .brand {
		padding-left: 10px;
		padding-right: 10px;
		margin: 0 0 0 -5px;
	}
	.nav-collapse {
		clear: both;
	}
	.nav-collapse .nav {
		float: none;
		margin: 0 0 9px;
	}
	.nav-collapse .nav > li {
		float: none;
	}
	.nav-collapse .nav > li > a {
		margin-bottom: 2px;
	}
	.nav-collapse .nav > .divider-vertical {
		display: none;
	}
	.nav-collapse .nav .nav-header {
		color: #555;
		text-shadow: none;
	}
	.nav-collapse .nav > li > a,
	.nav-collapse .dropdown-menu a {
		padding: 9px 15px;
		font-weight: bold;
		color: #555;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	.nav-collapse .btn {
		padding: 4px 10px 4px;
		font-weight: normal;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.nav-collapse .dropdown-menu li + li a {
		margin-bottom: 2px;
	}
	.nav-collapse .nav > li > a:hover,
	.nav-collapse .nav > li > a:focus,
	.nav-collapse .dropdown-menu a:hover,
	.nav-collapse .dropdown-menu a:focus {
		background-color: #bac3a1;
	}
	.navbar-inverse .nav-collapse .nav > li > a,
	.navbar-inverse .nav-collapse .dropdown-menu a {
		color: #999;
	}
	.navbar-inverse .nav-collapse .nav > li > a:hover,
	.navbar-inverse .nav-collapse .nav > li > a:focus,
	.navbar-inverse .nav-collapse .dropdown-menu a:hover,
	.navbar-inverse .nav-collapse .dropdown-menu a:focus {
		background-color: #bac3a1;
	}
	.nav-collapse.in .btn-group {
		margin-top: 5px;
		padding: 0;
	}
	.nav-collapse .dropdown-menu {
		position: static;
		top: auto;
		left: auto;
		float: none;
		display: none;
		max-width: none;
		margin: 0 15px;
		padding: 0;
		background-color: transparent;
		border: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.nav-collapse .open > .dropdown-menu {
		display: block;
	}
	.nav-collapse .dropdown-menu:before,
	.nav-collapse .dropdown-menu:after {
		display: none;
	}
	.nav-collapse .dropdown-menu .divider {
		display: none;
	}
	.nav-collapse .nav > li > .dropdown-menu:before,
	.nav-collapse .nav > li > .dropdown-menu:after {
		display: none;
	}
	.nav-collapse .navbar-form,
	.nav-collapse .navbar-search {
		float: none;
		padding: 9px 15px;
		margin: 9px 0;
		border-top: 1px solid #f2f2f2;
		border-bottom: 1px solid #f2f2f2;
		-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
		-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
		box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
	}
	.navbar-inverse .nav-collapse .navbar-form,
	.navbar-inverse .nav-collapse .navbar-search {
		border-top-color: #111111;
		border-bottom-color: #111111;
	}
	.navbar .nav-collapse .nav.pull-right {
		float: none;
		margin-left: 0;
	}
	.nav-collapse,
	.nav-collapse.collapse {
		overflow: hidden;
		height: 0;
	}
	.navbar .btn-navbar {
		display: block;
	}
	.navbar-static .navbar-inner {
		padding-left: 10px;
		padding-right: 10px;
	}
	.nav-collapse, .nav-collapse.collapse {
		overflow: hidden;
		background: #015687;
		top: -15px;
		display: block;
		position: relative;
	}
	header.sticky .nav-collapse,header.sticky  .nav-collapse.collapse {
		top: -1px;
	}

}
/*----------------------------------------------------------------------------------------------------------------------------320px-767px------------*/
@media (min-width: 320px) and (max-width: 767px)  {
	.back_butt {
	    top: 242px;
    	position: absolute;
	}
	.text_mobile {
		display: none;
	}
	.contact_mobile div{
		width: 100%;
	}
	.sp_padding {
		padding: 0 !important;
	}
	.header-tel{
	}
	#content {
		padding: 10px !important;
	}

	body {
		padding-left: 20px;
		padding-right: 20px;
	}

	.container, .header-inner, nav{
		width: 100%;
	}

	.header-inner {
    width: inherit;
		}

	
	header.sticky .logo {
		padding: 0px 5px !important;
		width: 110px !important;
		-webkit-clip-path: polygon(100% 0, 100% calc(100% - 15px), 106px 100%, 0 100%, 0 0);
		clip-path: polygon(100% 0, 100% calc(100% - 15px), 106px 100%, 0 100%, 0 0);
		margin-right: 10px;
	}
	header.sticky .site-description {
		font-size: 11px;
		padding-top: 1px;
		line-height: 6pt;
	}


	header .header-tel {
		display: block;
	}
	header.sticky .header-tel{
		display: block;
	}
	header .contact_mobile {
		display: none;
	}
	header.sticky .contact_mobile{
		display: none;
	}

	.header-tel p {
		float: right;
	}

	header .header-tel a.tel,header .header-tel a.email {
		font-size: 0;
		color: #015687;
		padding: 0px;
		background-color: transparent;
	}

	header .header-tel a.tel:before,header .header-tel a.email:before  {		 
		font-size: 20pt;
		padding: 5px;
		font-family: "FontAwesome";
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 21pt;
	}
	header .header-tel a.tel:before {
		content: "\f098";
	}
	header .header-tel a.email:before {
		content: "\f0e0";
	}


/* Force table to not be like tables anymore */
	table.MainTable ,table.MainTable > thead, table.MainTable > tbody, table.MainTable > tbody > th, table.MainTable > tbody  > tr > td, table.MainTable > tbody  > tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	table.MainTable > thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.MainTable > tbody > tr { }
	
	table.MainTable > tbody > tr > td { 
		/* Behave  like a "row" */
		border: none;		
		position: relative;
	}
	
	table.MainTable > tbody  > td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}


}

/*----------------------------------------------------------------------------------------------------------------------------768px-1024px------------*/
@media (min-width: 768px) and (max-width: 1023px) {


	body {
		padding-left: 0px;
		padding-right: 0px;
	}
	.contact_mobile{
		display: none;
	}
	.Block_name h2 {
		font-size: 30pt;
	}	
	.width_30 {
		width: 40%;
		vertical-align: top;
	}
	.sp_padding {
		padding: 0px 0px !important;
	}
	.button_buy i {
		font-size: 20pt;
	}
	.button_buy {
		font-size: 12pt;
	}
	.button_buy span {
		font-size: 22pt;
	}
	span.comp_cost {
		top: -44px;
		padding-right: 2px;
		font-size: 20pt;
	}

	header.sticky div.mod-languages {
		float: right;
		margin-top: 0px;
	}

	header div.mod-languages {
		margin-left: 10px !important;
		float: right;
		margin-top: 7px;
		margin-right: 5px;
	}
	
	header.sticky .mod-languages a{
		padding:0 5px ;
		margin: 0;
	}

	div.mod-languages {
		margin-left: 0px !important;
	}

	span.comp_title {
		font-size: 9pt;
		font-weight: 300;
		top: -36px;
		line-height: 7pt;
		padding-right: 3px;
		vertical-align: middle;
	}

	header.sticky .logo {
		padding: 0px 5px !important;
		width: 110px !important;
		-webkit-clip-path: polygon(100% 0, 100% calc(100% - 15px), 106px 100%, 0 100%, 0 0);
		clip-path: polygon(100% 0, 100% calc(100% - 15px), 106px 100%, 0 100%, 0 0);
		margin-right: 10px;
	}
	header.sticky .site-description {
		font-size: 11px;
		padding-top: 1px;
		line-height: 6pt;
	}

	.nav-collapse.collapse {
		height: auto !important;
		overflow: visible !important;
	}
	header ul#MAINMENU {
		padding: 0 0;
		height: 35px;
	}

	header.sticky ul#MAINMENU {
		padding: 0;
	}
	
	header.sticky ul#MAINMENU li {
		height: 35px;
		vertical-align: middle;
	}

	header.sticky ul#MAINMENU li a{
		padding-top: 0;	
		vertical-align: middle;
		display: table-cell;
		line-height: 12px;
	}
	ul#MAINMENU li a {
		line-height: 13px;
		padding-top: 10px;
		display: table-cell;
		vertical-align: middle;
	}

	ul#MAINMENU li {
		font-size: 10pt;
		display: table;
		height: 50px;
	}

	.navbar {
		display: none !important;
	}

	header .header-tel {
		display: none;
	}
	header.sticky .header-tel{
		display: block;
	}
	header .contact_mobile {
		display: block;
	}
	header.sticky .contact_mobile{
		display: none;
	}

	.header-tel p {
		float: right;
	}

	header .header-tel a {
		text-decoration: none;
		padding: 2px 10px 2px 25px;
		background: #015687;
		color: white;
		font-weight: 300;
		width: 100%;
	}

	header.sticky .header-tel a.tel,header.sticky .header-tel a.email {
		font-size: 0;
		color: #015687;
		padding: 0px;
		background-color: transparent;
	}



	header.sticky .header-tel a.tel:before,header.sticky .header-tel a.email:before  {		 
		font-size: 20pt;
		padding: 5px;
		font-family: "FontAwesome";
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 21pt;
	}
	header.sticky .header-tel a.tel:before {
		content: "\f098";
	}
	header.sticky .header-tel a.email:before {
		content: "\f0e0";
	}
}

/*----------------------------------------------------------------------------------------------------------------------------1024px-1440px------------*/
@media (min-width: 1024px) and (max-width: 1439px) {


	body {
		padding-left: 0px;
		padding-right: 0px;
	}

	.contact_mobile{
		display: none !important;
	}

	.width_30{
		width: 30%;
	}

	.button_buy i {
		font-size: 20pt;
	}
	.button_buy {
		font-size: 12pt;
	}
	.button_buy span {
		font-size: 22pt;
	}
	span.comp_cost {
		top: -44px;
		padding-right: 2px;
		font-size: 20pt;
	}

	span.comp_title {
		font-size: 9pt;
		font-weight: 300;
		top: -36px;
		line-height: 7pt;
		padding-right: 3px;
		vertical-align: middle;
	}
	.sp_padding {
		padding: 0px 20px !important;
	}
	header.sticky .logo {
		padding: 0px 5px !important;
		width: 110px !important;
		-webkit-clip-path: polygon(100% 0, 100% calc(100% - 15px), 106px 100%, 0 100%, 0 0);
		clip-path: polygon(100% 0, 100% calc(100% - 15px), 106px 100%, 0 100%, 0 0);
	}
	header.sticky .site-description {
		font-size: 11px;
		padding-top: 1px;
		line-height: 6pt;
	}

	.nav-collapse.collapse {
		height: auto !important;
		overflow: visible !important;
	}
	header ul#MAINMENU {
		padding: 0 0;
		height: 35px;
	}

	header.sticky ul#MAINMENU {
		padding: 0;
	}
	header.sticky ul#MAINMENU li a{
		padding-top: 0;
	}
	ul#MAINMENU li a {
		line-height: 13px;
		padding-top: 37px;
		display: block;
	}


	ul#MAINMENU li {
		font-size: 10pt;
	}

	.navbar {
		display: none !important;
	}

	.header-tel{
		float: right;
    	margin-top: 28px;
    	margin-left: 30px;
    	display: inherit !important;
    }
}



/*----------------------------------------------------------------------------------------------------------------------------Все что больше 1440px------------*/
@media (min-width: 1440px) {
	.text_mobile {
		display: none;
	}

	.contact_mobile{
		display: none !important;
	}

	.blog_intro_img {
	    display: block;
	}

	.width_30{
		width: 30%;
	}

	body {
		padding-left: 20px;
		padding-right: 20px;
	}

	.nav-collapse.collapse {
		height: auto !important;
		overflow: visible !important;
	}

	.navbar {
		display: none !important;
	}   
}