
@media only screen and (max-width : 1800px) {

}

@media only screen and (max-width : 1200px) {

}

@media only screen and (max-width : 1120px) {
	.ins {
		padding-left: 15px;
		padding-right: 15px;
	}
	.mblog .item .ins {
		padding: 0;
	}
	.statistika_item span {
		font-size: 14px;
	}
	.statistika_item h4 {
		font-size: 15px;
		margin-bottom: 5px;
	}
	.statistika_item .statistika_item_front, .statistika_item .statistika_item_back {
		height: 225px;
	}
	.dopusl {
		margin-top: 0;
		margin-bottom: 40px;
	}
	.garantii {
		margin-top: 0;
	}
	.prevyu_item .ins {
		padding: 0;
	}
}

@media only screen and (max-width : 1100px) {
	.protector {
		left: 0;
	}
}

@media only screen and (max-width : 1060px) {
	.menu_button {
		display: inline-block;
	}
	.top_menu ul {
		position: fixed;
		top: 0;
		bottom: 0;
		left: -308px;
		box-shadow: 4px 0px 10px -3px #1e1e1e;
		z-index: 4;
		padding: 45px 30px 0 30px;
	}
	.top_menu ul li {
		display: block;
		margin-bottom: 10px;
		text-align: left;
	}
	.top_menu li:after {
		right: -5px;
		left: 0;
		bottom: -5px;
		top: auto;
		border-right: none;
		border-bottom: 1px solid #ccc;
	}
	.top_menu a {
		padding: 0 0 0 5px;
		display: block;
		min-width: 200px;
	}
	.top_menu a:hover {
		text-decoration: none;
		left: 10px;
	}
	.bgc_top_menu {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 3;
		background-color: rgba(0,0,0,0.6);
	}
	.close_top_menu {
		display: block;
		position: absolute;
		top: 10px;
		right: 8px;
		width: 20px;
		cursor: pointer;
	}
	.close_top_menu img {
		display: block;
	}
}

@media only screen and (max-width : 1000px) {
	.ins {
		padding: 0;
	}
	.top_contact {
		margin-right: 10px;
	}
	.head .text_top_vremya {
		width: 455px;
	}
	.text_top_vremya span {
		font-size: 40px;
	}
	.text_top_vremya span:last-of-type {
		margin-left: 135px;
	}
	.head > a {
		font-size: 20px;
		padding: 15px 30px;
	}
	.slide2_item div {
		margin: 0 5px;
	}
	.free {
		padding-top: 85px;
		height: 265px;
	}
	.mblog {
		margin-left: 0;
		margin-right: 0;
	}
	.blog_category {
		margin-left: 15px;
	}
	.prevyu {
		width: calc(100% - 265px);
	}
}

@media only screen and (max-width : 960px) {
	.head h2 {
		font-size: 50px;
	}
	.denis_text span {
		margin-top: 80px;
	}
	.head p {
		font-size: 20px;
	}
	.korn .out .ins {
		width: 50%;
		margin-top: 10px;
		margin-bottom: 10px;
	}
}

@media only screen and (max-width : 930px) {
	.zastavka h1 {
		font-size: 52px;
	}
	.protector {
		opacity: 0.3;
		top: -80px;
	}
	.zastavka_ins {
		margin-top: 0;
		top: 30px;
	}
}

@media only screen and (max-width : 900px) {
	.head .text_top_vremya {
		position: relative;
		margin: 0;
		width: 100%;
    background-color: rgba(0,0,0,0.6);
    text-transform: uppercase;
    text-align: center;
    height: auto;
	}
	.text_top_vremya span {
		background-color: transparent;
		padding: 5px 5px 8px 5px;
	}
	.text_top_vremya span:last-of-type {
		margin: 0;
	}
	.text_top_vremya span p {
		display: inline;
	}
	.head .text_top_vremya br {
		display: none;
	}
	.head > a {
		right: 65px;
		bottom: 120px;
	}
	.contakty_item_ins {
		width: 80%;
	}
	.dengi .text_top_vremya span:last-of-type {
		margin-top: 0;
	}
	.denis_text span {
		font-size: 20px;
	}
	.head p {
		font-size: 18px;
	}
	.vkontakte_item {
		width: calc(100% - 30px);
	}
	.vkontakte_item:nth-of-type(2) {
		display: none;
	}
	.nam_item p {
		font-size: 40px;
	}
	.blog_category {
		width: calc(100% - 30px);
	}
	.blog_category .item {
		margin-left: 15px;
		margin-right: 15px;
	}
	.blog_category .item_wrap {
		width: 280px;
		position: fixed;
		left: -290px;
		transition: .3s;
		top: 0;
		bottom: 0;
		z-index: 2;
	}
	.blog_category .item_wrap_ins {
		position: absolute;
    background-color: #fff;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow-y: hidden;
	}
	.blog_category .item_wrap_ins:hover {
		overflow-y: scroll;
	}
	.prevyu {
		width: 100%;
	}
}

@media only screen and (max-width : 870px) {
	.statistika_item {
		width: 50%;
	}
	.statistika_item:nth-of-type(3) {
		float: right;
	}
	.statistika_item span {
		font-size: 16px;
	}
	.statistika_item h4 {
		font-size: 18px;
		margin-bottom: 10px;
	}
	.mblog .item {
		width: 50%;
		margin-bottom: 30px;
	}
	.mblog .item:last-of-type {
		display: block;
	}
}

@media only screen and (max-width : 800px) {
	.podpis_chto1, .chto_item:nth-of-type(2n) .podpis_chto2 {
		top: 40px;
	}
	.podpis_chto1_opisanie, .chto_item:nth-of-type(2n) .podpis_chto2_opisanie {
		top: 100px;
	}
	.podpis_chto2, .chto_item:nth-of-type(2n) .podpis_chto1 {
		bottom: 40px;
	}
	.podpis_chto2_opisanie, .chto_item:nth-of-type(2n) .podpis_chto1_opisanie {
		bottom: 102px;
	}
	.about {
		padding: 0 10px;
	}
	.head h1 {
		width: 100%;
		text-align: center;
	}
	.head .descript > a {
		width: 100%;
		text-align: center;
	}
}

@media only screen and (max-width : 780px) {
	.denis_text {
		width: calc(100% - 30px);
		float: none;
	}
	.denis_img {
		width: 100%;
		float: none;
	}
	.denis_text span {
		margin: 15px 0 10px 0;
		line-height: 28px;
	}
	.denis_text span:after {
		display: none;
	}
	.nam_item p {
		top: 33%;
	}
	.blog h1 {
		font-size: 45px;
		margin-top: -24px;
	}
}

@media only screen and (max-width : 720px) {
	.fishka .ugolok {
		border-top-width: 155px;
		border-right-width: 155px;
	}
	.fishka img {
		width: 30px;
	}
	.fishka span {
		top: 25px;
		left: -24px;
		font-size: 22px;
	}
	.fishka span:after {
		bottom: 29px;
		left: 50px;
		right: 50px;
	}
	.fishka > a {
		top: 71px;
    left: 28px;
    font-size: 20px;
	}
	.fishka > a:after {
		bottom: 6px;
		width: 105px;
	}
	.text_top_vremya span {
		font-size: 24px;
		padding: 5px 2px 8px 2px;
	}
	.head > a {
		right: 35px;
    bottom: 80px;
    font-size: 16px;
    padding: 11px 22px;
	}
	.statistika_item span {
		font-size: 14px;
	}
	.statistika_item h4 {
		font-size: 15px;
		margin-bottom: 5px;
	}
	.nam_item p {
		margin-left: 5%;
	}
	.nam_item span {
		margin-left: 5%;
	}
}

@media only screen and (max-width : 650px) {
	.podpis_chto1, .podpis_chto2 {
		padding: 5px 10px;
    font-size: 15px;
    width: 250px;
    border-width: 3px;
	}
	.podpis_chto1_opisanie, .podpis_chto2_opisanie {
		font-size: 14px;
		width: 244px;
		padding: 5px 8px;
	}
	.podpis_chto1_opisanie:before, .podpis_chto2_opisanie:before {
		left: 105px;
	}
	.podpis_chto1, .chto_item:nth-of-type(2n) .podpis_chto2 {
		top: 10px;
		right: 10px;
	}
	.podpis_chto1_opisanie, .chto_item:nth-of-type(2n) .podpis_chto2_opisanie {
		top: 60px;
		right: 0;
	}
	.chto_item:nth-of-type(2n) .podpis_chto1 {
		bottom: 10px;
		right: 10px;
	}
	.chto_item:nth-of-type(2n) .podpis_chto1_opisanie {
		bottom: 62px;
		right: 0;
	}
	.podpis_chto2 {
		bottom: 10px;
		left: 10px;
	}
	.podpis_chto2_opisanie {
		bottom: 62px;
		left: 0;
	}
	.cifry_item {
		width: 100%;
	}
	.ceny_item_wrap {
		margin-top: 0;
	}
	.ceny_item h4 {
		font-size: 18px;
	}
	.ceny_item_img {
		width: 100%;
	}
	.ceny_item_ins_wrap {
		width: 100%;
	}
	.ceny_item_ins {
		min-height: 1px;
		margin-top: 10px;
		padding: 0 5%;
	}
	.ceny_wrap_wrap {
		width: 100%;
	}
	.ceny_item_cena {
		width: 100%;
	}
	.ceny_item_cena_ins {
		margin-top: 10px;
	}
	.otzyvy_item_ins {
		max-width: 100%;
		padding: 0 15px;
	}
	.contakty_item_ins {
		width: 95%;
	}
	.protector {
		width: 250px;
	}
	.zastavka h1 {
		font-size: 45px;
	}
	.zastavka_ins > span {
		font-size: 30px;
		margin-top: 15px;
	}
	.vybor a {
		padding: 10px 30px;
	}
	.vybor1 span {
		font-size: 18px;
	}
	.vybor1 a {
		font-size: 22px;
	}
	.vybor2 span {
		font-size: 18px;
	}
	.vybor2 a {
		padding: 6px 15px;
		font-size: 20px;
	}
	.head h2 {
		font-size: 35px;
		margin: 25px 0;
	}
	.head h5 {
		font-size: 24px;
	}
	.head h6 > a {
		font-size: 18px;
	}
	.kort .ins_text {
		width: 100%;
		order: 2;
		padding: 15px;
	}
	.kort .ins_img {
		width: 100%;
		order: 1;
	}
	.kort .ins_img img {
		width: 100%;
	}
	.kort {
		border-radius: 0;
	}
	.korn .out .ins {
		width: 100%;
		left: 0;
		clip-path: polygon(0 0, 50% 15%, 100% 0, 100% 85%, 50% 100%, 0 85%);
		padding: 0;
		margin: 0;
	}
}

@media only screen and (max-width : 619px) {
	.nam_item p {
		top: 13%;
	}
	.blog h1 {
		font-size: 30px;
		margin-top: -18px;
	}
	.statistika {
		display: none;
	}
	.chto_proveryaem {
		display: none;
	}
	.cifry {
		display: none;
	}
	.slide_wrap {
		margin-top: 0;
	}
}

@media only screen and (max-width : 590px) {
	.statistika_item {
		width: 100%;
	}
	.statistika_item:nth-of-type(3) {
		float: left;
	}
	.statistika_item span {
		font-size: 16px;
	}
	.statistika_item h4 {
		font-size: 18px;
		margin-bottom: 10px;
	}
	.statistika_item .statistika_item_front, .statistika_item .statistika_item_back {
		height: 215px;
	}
	.statistika > h3 {
		font-size: 22px;
	}
	.chto_proveryaem > h3 {
		font-size: 22px;
	}
	.ceny > h3 {
		font-size: 22px;
	}
	.garantii h3 {
		font-size: 22px;
	}
	.otzyvy > h3 {
		font-size: 22px;
	}
	.contakty_item_ins > h3 {
		font-size: 22px;
	}
	.etapy_rabot h3 {
    font-size: 22px;
    line-height: 36px;
	}
	.zastavka_ins h1 br {
		display: block;
	}
	.mblog .item {
		width: 100%;
	}
	.korn h3 {
		font-size: 22px;
	}
}

@media only screen and (max-width : 520px) {
	.etapy_rabot_item {
		width: 100%;
	}
	.nam_item p {
		font-size: 24px;
		top: 25%
	}
	.nam_item p:after {
		bottom: -5px;
	}
	.nam_item span {
		font-size: 16px;
	}
	.ceny_item_cena p {
		font-size: 18px;
	}
}

@media only screen and (max-width : 500px) {
	.head h1 {
		font-size: 19px;
	}
	.prevyu_item {
		width: 100%;
	}
	.menukor span {
		display: none;
	}
}

@media only screen and (max-width : 450px) {
	.vybor1 {
		width: 100%;
	}
	.vybor2 {
		width: 100%;
	}
	.zastavka_ins > div > span {
		font-size: 25px;
	}
	.vybor1 span {
		font-size: 24px;
	}
	.vybor1 a {
		font-size: 30px;	
	}
	.vybor2 span {
		font-size: 24px;
	}
	.vybor2 a {
		font-size: 24px;
		padding: 10px 40px;
	}
	.prevyu_item h3 {
		font-size: 24px;
	}
	.blog h1 {
		margin-left: 5%;
		font-size: 22px;
		margin-top: -13px;
	}
	.free span {
		font-size: 18px;
	}
}

@media only screen and (max-width : 420px) {
	.top_head {
		margin-top: 5px;
	}
	.logo {
		width: 100px;
	}
	.top_menu {
		margin-top: 11px;
	}
	.top_contact {
		margin-top: -3px;
		margin-right: 5px;
	}
	.top_contact a {
		font-size: 18px;
	}
	.top_contact span {
		display: none;
	}
	.top_contact {
		margin-top: 10px;
	}
	.fishka {
		top: 34px;
	}
	.fishka .ugolok {
    border-top-width: 115px;
    border-right-width: 115px;
	}
	.fishka img {
		width: 22px;
	}
	.fishka span {
    top: 18px;
    left: -18px;
    font-size: 16px;
	}
	.fishka span:after {
    bottom: 20px;
    left: 35px;
    right: 35px;
	}
	.fishka > a {
    top: 52px;
    left: 17px;
    font-size: 16px;
	}
	.fishka > a:after {
    bottom: 5px;
    width: 85px;
	}
	.text_top_vremya span {
		font-size: 16px;
	}
	.head > a {
    right: 20px;
    bottom: 55px;
    font-size: 14px;
    padding: 6px 12px;
    border-width: 1px;
	}
	.head h6 > a {
		font-size: 14px;
	}
}

@media only screen and (max-width : 400px) {
	.ceny_item {
		padding: 0;
	}
	.ceny_item_img img {
		width: 100%;
	}
	.ceny_item h4 {
		font-family: "RobotoLight";
	}
	.ceny_item_ins {
		padding: 0 15px;
	}
	.ceny_item_cena_ins {
		padding: 0 15px;
	}
	.nam_item p {
		top: 10%;
	}
	.nam_item span {
		font-size: 14px;
	}
}

@media only screen and (max-width : 380px) {	
	.statistika_item span {
		font-size: 14px;
	}
	.statistika_item h4 {
		font-size: 15px;
		margin-bottom: 5px;
	}
	.statistika_item .statistika_item_front, .statistika_item .statistika_item_back {
		height: 225px;
	}
}


/*==========  Mobile First Method  ==========*/

@media only screen and (min-width : 600px) {

}

@media only screen and (min-width : 900px) {

}

@media only screen and (min-width : 1200px) {

}

@media only screen and (min-width : 1800px) {

}