@media (max-width: 1024px) {
body {min-width: 300px;}
html {min-width: 300px;}
.all {width: auto; min-width: 300px;}

.topmenu ul {display: table; width: 100%;}
.topmenu ul li {float: none; padding: 25px 0; display: table-cell; text-align: center; background: none;}


.directions .block {width: 20%;}
}


@media (max-width: 975px) {
.oper_blocks .block {font-size: 17px; width: 23%; margin: 0 1%; padding: 20px 0;}
.oper_blocks .block span {font-size: 22px;}
.oper_blocks .block:nth-child(4) {margin: 0 1%;}

.adaptno {display: none;}
.topmenu ul li:nth-child(2) {display: none;}
.topmenu ul li {min-width: 145px;}


.slide-1 {width: 98%;}
.slide-1 .slider {width: 100%; overflow: visible;}
.prewbutton {left: -15px;}
.nextbutton {right: -30px;}
.slide-1 .slide {padding: 0 20px 0 30px;}
.raized .slide-1 p {font-size: 12px;}


.content .videos .raized {width: 28%; margin: 0 1%; padding: 1%!important;}
.videos .raized .into {text-align: center; padding: 20px 0; width: 100%;}


}


@media (max-width: 920px) {
.directions .block {width: 19%;}
.directions .block p.title {font-size: 17px;}

}


@media (max-width: 880px) {
.jb-thm-thumb-image {width: 85px!important; min-height: 85px!important; left: 0!important;}

}

@media (max-width: 850px) {
.header {height: 155px;}
.header .logo {font-size: 35px; left: 10px;}
.header .flags {right: 10px;}
.header .contacts {font-size: 21px; right: 10px;}
.header .contacts a.tel {font-size: 21px;}

.topmenu {width: auto; margin-right: 10px; margin-left: 10px;}

.content h1 {font-size: 24px;}
.content h2 {font-size: 24px;}
.content .raized {margin: 0 0 25px;}
.raized p {font-size: 13px;}

.content {margin: 0 10px 25px;}


.content .raized {max-width: 95%!important; padding: 3%!important;}
.content .raized iframe {max-width: 100%!important; max-height: 300px!important;}



.geo {margin: 0 0px 25px;}
.content .geo p {font-size: 13px; line-height: 100%;}
.content .geo img {margin-bottom: 15px;}


.education .shortcode-toggle h4 a {font-size: 19px;}
.education .shortcode-toggle h4 a:after {width: 25px; height: 22px; background-size: auto 100%;}
.education .shortcode-toggle.open h4 a:after {width: 25px; height: 22px; background-size: auto 100%;}


.videos .raized .into iframe {width: 95%!important;}

#juicebox-container {height: 620px!important;}
}


@media (max-width: 800px) {
.directions .block {width: 42%; margin: 0 1% 15px; min-height: 185px;}
.directions .block:nth-child(4) {margin: 0 1% 15px;}

.oper_blocks .block  {font-size: 11px;}

.footer .flags {display: none;}
.videos .raized img {max-width: 90%;}
.videos .raized p {text-align: center;}
}



@media (max-width: 710px) {
.directions .block {width: 41%;}
#juicebox-container {height: 520px!important;}


iframe {max-width: 100%!important; height: 300px!important;}
}





@media (max-width: 690px) {
.topmenu {height: 50px;}
.topmenu ul li {padding: 15px 0;}
.topmenu ul li a {font-size: 14px;}


.prewbutton, .nextbutton {display: none;}
.slide-1 {height: auto!important;}
.slide-1 .slider {height: auto!important;}
.slide-1 .slide {padding: 0 0 20px 0; position: relative!important; display: block!important; opacity: 1!important; height: auto!important;}

}




@media (max-width: 650px) {


.header .flags {left: auto; right: auto; text-align: center; width: 100%; top: 10px;}
.header .logo {left: 50%; margin-left: -200px; top: 40px;}


.header .contacts {top: 85px; text-align: center; width: 100%; left: 0; right: auto;}
.header .contacts br {display: none;}
.header .contacts a {display: block;}

.footer .logo {left: 10px;}
.footer .contacts {right: 10px;}

.raized img {max-width: 30%;}
.raized.right {margin-left: 20px;}
.raized.right img {max-width: 100%;}
.raized.down {padding: 3%!important; width: 94%!important;}
.raized.down img {max-width: 100%; margin: 0 0 15px 0!important;}
.content .raized h2 {font-size: 20px;}

.content {font-size: 13px;}

.directions .block {width: auto; float: none; text-align: center; height: auto; min-height: auto;}
.directions .block h4 {width: 100%;}

.oper_blocks .block {width: 48%; margin: 0 1% 15px;}
#juicebox-container {height: 480px!important;}

iframe {max-width: 100%!important; height: 250px!important;}

.fancybox-outer {font-size: 7px!important; line-height: 150%;}
}









@media (max-width: 570px) {
.topmenu {margin: 0 2px 15px; width: 99%; height: 37px;}
.topmenu ul {padding: 5px 0 0 0; margin: 0; width: 100%; text-align: center;}
.topmenu ul li {display: inline; margin: 0 15px; padding: 5px 0; float: none;}
.topmenu ul li a {display: inline; padding: 0; margin: 0; font-size: 9px;}


.geo img {float: none; margin: 0 auto; display: block;}
.geo {text-align: center;}


.education .shortcode-toggle h4 a {font-size: 12px; letter-spacing: -1px;}
.education .shortcode-toggle h4 a:after {top:-5px; right: -30px;}
.education .shortcode-toggle h4 {margin-bottom: 6px;}

.content .education p { font-size: 12px;}

.content .videos .raized {width: auto; float: none; margin-bottom: 15px;}
.content .videos .raized .into iframe {height: 250px!important;}
.content .videos .raized p {text-align: center;}

.footer .logo {left: 0; display:block; width: 100%; text-align: center; top: 0;}
.footer .contacts {width: 100%; text-align: center; right: 0; font-size: 15px;}
.footer .contacts br {display: none;}


.raized.down img {float: none;}

#juicebox-container {height: 420px!important;}

.header .contacts a.tel {font-size: 15px;}

.pic_with_title {width: 150px;}
.pic_with_title img {width: 150px;}

}

@media (max-width: 490px) {
#juicebox-container {height: 380px!important;}

iframe {max-width: 100%!important; height: 200px!important;}
}


@media (max-width: 450px) {
.header {height: 135px;}
.header .logo {font-size: 20px; width: 100%; text-align: center; left: 0; margin: 0;}
.header .contacts {font-size: 15px; top: 70px;}
.header .contacts a {font-size: 15px;}
.header .contacts a.tel {font-size: 15px;}


.content .videos .raized .into iframe {height: 190px!important;}

.fancybox-skin p {font-size: 12px;}
h2 {font-size: 16px;}
#juicebox-container {height: 340px!important;}
}



@media (max-width: 410px) {
.raized.right.ad_nostyle {background: none; box-shadow: none; float: none; width: 100%; padding: 0; text-align: center; margin: 0 0 25px 0!important;}
.raized.right.ad_nostyle img {float: none; width: 100%;  margin: 0!important;}

.content p.big {font-size: 16px;}

.topmenu {margin: 0 2px 15px; width: 99%;}
.topmenu ul {padding: 5px 0 0 0; margin: 0; width: 100%; text-align: center;}
.topmenu ul li {display: inline; margin: 0 4px; padding: 5px 0; float: none;}
.topmenu ul li a {display: inline; padding: 0; margin: 0; font-size: 8px;}

.header .flags img {height: 13px;}
.pic_with_title {width: calc(100% - 20px); float: none; margin: 0 0 15px;}
.pic_with_title img {width: 100%;}
}