
@media only screen and (max-device-width : 320px)  
{ 
.main_logo {text-align: center;}
.search_panel {width: auto; padding: 2px;}
	.search_panel:hover { background:#0183ab; box-shadow: 0px 5px 34px #0000007d; transition: .2s; width:auto;}
.search_panel input[type="text"] {width: auto; margin-left: 0;}
	.search_panel:hover input[type="text"] {width: 100%; transition: .2s;}
span.search_panel_text { display:inline-block; padding-left:4px}



button.navbar-toggle.collapsed {margin: 0;}
button.navbar-toggle {margin: 0;}

	.mainmenu ul li {display: block; position: relative;}

	.mainmenu ul li a { font-size: 16px; color: #000; text-decoration: none; line-height: 16px; padding: 12px 26px; display: block; font-weight: 600; transition: 1s;}
		.mainmenu ul li a:hover {border-bottom: none; color: #00a1d3; text-decoration: none; padding-bottom: 12px; transition: .2s;}

				.mainmenu ul li ul {display: block; position: relative; background: #e1e1e1; z-index: 10;}
						.mainmenu ul li ul li {display: inline-block;}
							.mainmenu ul li a {font-size: 16px; color: #000; text-decoration: none; line-height: 16px; padding: 12px 12px; display: block; font-weight: 600; transition: 1s;}
									.mainmenu ul li a:hover  {border-bottom: none; color: #00a1d3; text-decoration: none; padding-bottom: 12px; transition: .2s;}


.lang_change { text-align: center; margin-top: 10px; margin-bottom: 10px;}


.ytp h1 {
    font-size: 26px;
    text-align: center;
    color: #fff;
    font-style: italic;
    font-weight: 900;
    line-height: 34px;
    margin-bottom: 35px;
}
.ytp h2 {font-size: 18px; line-height: 24px; margin: 0 0 30px 0!important;}




.news_block { background:#f5f5f5; padding:30px 30px 0 30px;}
		
		.news_item { margin-bottom:45px;}
			.news_item_photo { display:block; vertical-align:auto; text-align:center;}
			.news_item_desc {display: block; max-width: 100%; padding-left: 0px;}
				.news_item_desc_title { font-size:14px; font-weight:600; text-transform:uppercase;}
				.news_item_desc_anons {font-size:14px; line-height:18px;}
				.news_item_desc_link {}
					.news_item_desc_link a { color:#00a1d3; font-size:12px; font-weight:600; text-decoration:underline;}


.declarations_block {margin-top: 30px;}


.interview_block_photo { display: block; vertical-align: top; text-align: center;}
.interview_block_desc { display: block; width: 100%; margin-left: 0px; text-align: center; margin-top: 15px;}



.brands_item {margin: 15px 23px; display: inline-block;}

.footer_copyrights {padding-top: 0; text-align: center;}
.footer_button {margin-top: 20px;}




}








@media only screen and (min-device-width : 321px) and (max-device-width : 375px) 
{ 

.main_logo {text-align: center;}
.search_panel {width: auto; padding: 2px;}
	.search_panel:hover { background:#0183ab; box-shadow: 0px 5px 34px #0000007d; transition: .2s; width:auto;}
.search_panel input[type="text"] {width: auto; margin-left: 0;}
	.search_panel:hover input[type="text"] {width: 100%; transition: .2s;}
span.search_panel_text { display:inline-block; padding-left:4px}



button.navbar-toggle.collapsed {margin: 0;}
button.navbar-toggle {margin: 0;}

	.mainmenu ul li {display: block; position: relative;}

	.mainmenu ul li a { font-size: 16px; color: #000; text-decoration: none; line-height: 16px; padding: 12px 26px; display: block; font-weight: 600; transition: 1s;}
		.mainmenu ul li a:hover {border-bottom: none; color: #00a1d3; text-decoration: none; padding-bottom: 12px; transition: .2s;}

				.mainmenu ul li ul {display: block; position: relative; background: #e1e1e1; z-index: 10;}
						.mainmenu ul li ul li {display: inline-block;}
							.mainmenu ul li a {font-size: 16px; color: #000; text-decoration: none; line-height: 16px; padding: 12px 12px; display: block; font-weight: 600; transition: 1s;}
									.mainmenu ul li a:hover  {border-bottom: none; color: #00a1d3; text-decoration: none; padding-bottom: 12px; transition: .2s;}


.lang_change { text-align: center; margin-top: 10px; margin-bottom: 10px;}

.ytp h1 {
    font-size: 26px;
    text-align: center;
    color: #fff;
    font-style: italic;
    font-weight: 900;
    line-height: 34px;
    margin-bottom: 35px;
}
.ytp h2 {font-size: 18px; line-height: 24px; margin: 0 0 30px 0!important;}


.declarations_block {margin-top: 30px;}


.interview_block_photo { display: block; vertical-align: top; text-align: center;}
.interview_block_desc { display: block; width: 100%; margin-left: 0px; text-align: center; margin-top: 15px;}



.brands_item {margin: 15px 23px; display: inline-block;}

.footer_copyrights {padding-top: 0; text-align: center;}
.footer_button {margin-top: 20px;}


}






@media only screen and (min-device-width : 376px) and (max-device-width : 480px) 
{ 

.main_logo {text-align: center;}
.search_panel {width: auto; padding: 2px;}
	.search_panel:hover { background:#0183ab; box-shadow: 0px 5px 34px #0000007d; transition: .2s; width:auto;}
.search_panel input[type="text"] {width: auto; margin-left: 0;}
	.search_panel:hover input[type="text"] {width: 100%; transition: .2s;}
span.search_panel_text { display:inline-block; padding-left:4px}



button.navbar-toggle.collapsed {margin: 0;}
button.navbar-toggle {margin: 0;}

	.mainmenu ul li {display: block; position: relative;}

	.mainmenu ul li a { font-size: 16px; color: #000; text-decoration: none; line-height: 16px; padding: 12px 26px; display: block; font-weight: 600; transition: 1s;}
		.mainmenu ul li a:hover {border-bottom: none; color: #00a1d3; text-decoration: none; padding-bottom: 12px; transition: .2s;}

				.mainmenu ul li ul {display: block; position: relative; background: #e1e1e1; z-index: 10;}
						.mainmenu ul li ul li {display: inline-block;}
							.mainmenu ul li a {font-size: 16px; color: #000; text-decoration: none; line-height: 16px; padding: 12px 12px; display: block; font-weight: 600; transition: 1s;}
									.mainmenu ul li a:hover  {border-bottom: none; color: #00a1d3; text-decoration: none; padding-bottom: 12px; transition: .2s;}


.lang_change { text-align: center; margin-top: 10px; margin-bottom: 10px;}

.ytp h1 {
font-size: 42px;
    text-align: center;
    color: #fff;
    font-style: italic;
    font-weight: 900;
    line-height: 44px;
    margin-bottom: 35px;
}
.ytp h2 {font-size: 18px; line-height: 24px; margin: 0 0 30px 0!important;}


.declarations_block {margin-top: 30px;}


.interview_block_photo { display: block; vertical-align: top; text-align: center;}
.interview_block_desc { display: block; width: 100%; margin-left: 0px; text-align: center; margin-top: 15px;}



.brands_item {margin: 15px 23px; display: inline-block;}

.footer_copyrights {padding-top: 0; text-align: center;}
.footer_button {margin-top: 20px;}


}








@media screen and (orientation:landscape)  { }