@media screen and (max-width: 1019px), (max-device-width: 1019px) {
#header{
	padding: 0 10px
}
.logo{
	margin: 0
}
.nav1 a{
	padding: 0 25px
}
}
@media screen and (max-width: 940px), (max-device-width: 940px) {
.nav1 a{
	padding: 0 20px
}
}
@media screen and (max-width: 960px), (max-device-width: 860px) {
.nav1 a{
	padding: 0 15px
}
}
@media screen and (max-width: 800px), (max-device-width: 800px) {
.nav1 a{
	padding: 0 13px
}
.slide-info{
	font-size: 12px;
	width: 200px;
}
.slide-pic {
    width: calc(100% - 204px);
}
.cols .col1{
	float: none;
	width: auto;
}
.cols .col1.noimage {
	width: calc(100% - 264px);
}
.slidecontainer {
    width: calc(100% - 204px);
    margin-bottom: 0px;
}
}
@media screen and (max-width: 770px), (max-device-width: 770px) {
#header{
	height: 105px
}
.contacts{
	display: none
}
.nav1{
	border: 0;
	clear: both;
	display: none;
	float: none;
	height: auto;
	line-height: normal;
	padding: 0;
	width: auto
}
.nav1 li{
	border-bottom: 1px solid #f18b99;
	float: none;
	margin: 0
}
.nav1 a{
	background: #e20625;
	color: #ffffff;
	float: none;
	font-size: 18px;
	height: auto;
	padding: 8px 0 8px 20px;
	width: auto
}
.nav1 a:hover,
.nav1 .active a{
	background: #ffffff;
	color: #e20625
}
.nav-menu{
	display: block
}
.cols .col1{
	padding: 20px 20px 0
}

.cols .col1.noimage {
    width: calc(100% - 244px);
    min-height: 399px;
}

#footer{
	display: block
}

.contacts2 dl{
	float: none;
	margin: 0 0 10px;
	width: auto
}
}
@media screen and (max-width: 690px), (max-device-width: 690px) {
#top-bar{
	padding: 0
}
.slidecontainer {
    width: 100%;
}
#slider{
	height: auto
;
}
.slide-pic{
	height: auto;
}
.slide-pic img {
    height: auto;
    width: 100%;
}
.slide-info, .slide-info.startpage {
	float: none;
	height: auto !important;
	width: 100%;
	/* display: none; */
}
.slide-text{
	bottom: 25px;
	font-size: 20px;
	left: 25px
}
.slide-text em{
	padding: 1px 3px
}
.cols .col1.noimage {
    width: auto;
    margin: 0px;
}
}
@media screen and (max-width: 570px), (max-device-width: 570px) {
.box1 dl {
    height: auto;
}

.contacts2 dl dl {
    position: relative;
    float: none;
    left: 0px;
}

dt.image {
    width: 100%;
    max-width: 100%;
}

dt.image img {
    max-width: 100%;
}
}
@media screen and (max-width: 400px), (max-device-width: 400px) {
#header{
	height: 90px
}
.logo{
	padding: 10px 0 0;
	width: 225px
}
.logo img{
	height: auto;
	width: 100%
}
}
@media screen and (max-width: 325px), (max-device-width: 325px) {
.slide-text{
	bottom: 15px;
	font-size: 18px;
	left: 15px
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.nav1 a{
	padding: 0 30px
}
}