@media screen and (max-width: 1364px) {
#right {
    width: 33.33%;
}

#left {
	width: 66.66%;
}
}

@media screen and (max-width: 1151px) {
#right {
    width: 50%;
}

#left {
	width: 50%;
}
}

@media screen and (max-width: 959px)  {
body {
    font-size: large;
}

content {
	margin: 0;
}

header {
    margin: 10px 0;
}


#gallerys div.three {
   width:33.33%;
}

#right {
    width: 100%;
}

#left {
	width: 100%;
}
}

@media screen and (max-width: 649px) {
h1 {
    font-size: 48px;
}	

H2 {
	font-size: inherit;
}
	
	
#gallerys div.three {
   width: 50%;
}

#feedback-form {
    width: 100%;
	float: left;
}

#footer {
	padding: 0;
}

#topmenu li a div {
    font-size: 30px;
}

#phones li:last-child {
    font-size: inherit;
}


.content_border {
	padding: 10px;
}

.gallery div.four, #gallerys div.three {
    width: 50%;
	float: left;
}

.map {
    float: left;
	width: 100%;
}

.map div {
    margin: 0;
}

.soc-line {
	position: absolute;
    bottom: auto;
}
}


@media screen and (max-width: 479px) {
body {
    font-size: inherit;
}

H1 {
    padding: 0 35px;
    font-size: 42px;
}


.phones li div {
    padding: 5px;
    font-size: 24px;
}

.soc-icon {
    margin: 0;
}


#topmenu li a div {
    font-size: 24px;
}
}


@media screen and (max-width: 399px) {
H1 {
    padding: 0 15px;
    font-size: 36px;
}


.content_border {
    padding: 5px;
}


#topmenu li a div {
    font-size: 20px;
    padding: 10px 0;
}
}


@media screen and (max-width: 319px) {
body {
    font-size: small;
}

H1, H2, H3 {
    padding: inherit;
    font-size: inherit;
}


#phones {
	font-size: x-large;
}
	
#topmenu li a div {
	font-size: inherit;
}
}