/*==========  Desktop First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.hphone {
		font-size: 16px;
		margin: 0 15px 0 0px;
	}
	.btn {
		font-size: 17px;
		padding: 10px 15px 15px 15px;
	}
	.fastcall {
		width: 45px;
		height: 45px;
	}
	#fmenu nav.menu li a{
		font-size:16px;
	}
	.footer{
		display:block;
	}
	
	.contacts_block{
		width:40%;
	}
	.chast:not(:nth-child(4)):after{
		content: "+";
		color: #008ed2;
		font-size: 41px;
		position: absolute;
		display: inline-block;
		top: calc(50% - 35px);
		right: 5px;
		font-weight: bold;
	}
	.chast:nth-child(5):after{
		content: "";
		font-weight: bold;
	}
	.chast:nth-child(4):after{
		content: "=";
		color: #008ed2;
		font-size: 41px;
		position: absolute;
		display: inline-block;
		top: calc(50% - 35px);
		right: 5px;
		font-weight: bold;
	}
	.chast {
		margin: 0 5px;
	}
	#mainslider .mainform {
		justify-content: flex-end;
		margin-right: 10%;
	}
	#homeblueline {
		position: relative;
		/* margin-right: 0px; */
	}	
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.usluga_item{
		min-height:240px!important;
		box-shadow:none!important;
		-webkit-box-shadow:none!important;
	}
	#mainslider .promoblock {
		align-items: flex-start;
		margin-right: 0px;
	}
	#mainslider .mainform {
		justify-content: center;
		margin-right: 0px
	}
	.htext_block:not(.notmain){
		width:100%;
		margin:0px;
	}
	
	.statik_form_overlay {
		top: 300px;
		padding:0px;
		min-height: 400px;
	}
	#homeblueline{
		width:100%;
		margin:0px;
	}
	.cform{
		width:100%;
		min-width:100%;
		max-width:100%;
		margin:0px;
	}
	
	
	.container.flex:not(.mainform){
		display:block;
	}
	.col-6{
		width:100%;
	}
	.logoline{
		flex-wrap:wrap;
	}
	#logo {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
	}
	.phone_block {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.logosubtext{
		text-align:center;
	}
	.logo_block{
		margin-bottom: 20px;
	}
	.menu_container{
		padding:10px 25px;
	}
	#mobile_menu{
		display: inline-block;
		background: url(../img/menu.png) center right no-repeat;
		width: 32px;
		height: 32px;
		width: 100%;
		cursor: pointer;
		text-align: right;
		padding-right: 40px;
		font-size: 20px;
		line-height: 28px;
	}
	
	nav#menu-main-menu.menu{
		display:block;
	}
	nav#menu-main-menu.menu li a, nav#menu-main-menu.menu li a:hover, nav#menu-main-menu.menu li a:focus{
		width:100%;
	}
	nav#menu-main-menu.menu li {
		display:none;
	}
	nav#menu-main-menu.menu li:not(:last-child):after{
		display:none;
	}
	.footer{
		display:block;	
		text-align:center;
	}
	.contacts_block{
		width:50%;
	}
	.person {
		width: calc((100% / 4) - 20px);
		margin: 0 5px;
		display: inline-block;
		vertical-align: top;
	}
	
	.usluga_item {
		width: 100%;
	}
	
	.medals{
		display:flex!important;
		align-items:center;
		flex-direction:column;
	}
	.medal{
		margin-bottom:40px;
	}
	.etap {
		width: 100%;
		margin: initial;
		margin-bottom: 60px;
	}
	
	.chast {
		height: 300px;
		width: 300px;
		margin: 0 auto!important;
		margin-bottom: 60px!important;
	}
	.chast:not(:nth-child(4)):after {
		top: calc(100%);
		right: 0;
		left: 0px;
		margin: 0 auto;
	}
	.chast:nth-child(4):after{
		top: calc(100%);
		right: -42px;
		right: 0;
		left: 0px;
		margin: 0 auto;
	}
	.chastis .ramka{
		height: 89%;
	}
	section.chastis{
		height:auto;
	}
	.chasti.flex{
		display:block;
	}
	.flex.koronki{
		display: flex!important;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.flex.text16{
		display:flex!important;
		flex-flow: wrap;
	}
	.admins {
		order:2;
		margin-top:20px;
	}
	.map_area {
		order:1;
	}
	.gall_item{
		width:100%;
		margin-bottom:20px;
	}
	img.person_main_img{
		width:100%;
		float: none;
	}
	#serts .licenses .sert{
		box-shadow:none;
	}
	.slaider_izvrat_area{
		min-height:700px;
	}
	.slick-dots li button {
		width: 17px;
		margin: 0 3px;
	}
	
	.htext_block:not(.notmain){
		width:100%;
		margin:0px;
	}
	
	.chastis .ramka{
		display:none;
	}
	.flex{
		display:block;
	}
	.mainform{
		display:block;!important; 
	}
	.phone_block{
		display:none;
	}
	#logo {
		/* width: 100%; */
		flex-wrap: wrap;
	}
	#logo img{
		margin-bottom:5px;
	}
	#logo div{
		padding-left: 0px;
		margin-top: 0px;
		margin-bottom: 10px;
	}
	#logo a{
		width:100%;
		text-align:center;
	}
	#fmenu li{
		display:block;
		width:100%;
		
	}
	#fmenu li a{
	    padding: 5px 0px;
	}
	#fmenu nav.menu li:not(:last-child):after{
		display:none;
	}
	.contacts_block{
	    width: calc(100% - 30px);
	}
	.container.steps{
		display:block;
	}
	.step{
		width:100%;
		margin-bottom: 40px;
	}
	.step:not(:last-child):after{
		display:none;
	}
	.step:last-child{
		margin-top: 60px;
	}
	.person {
		width: 100%;
		display: inline-block;
		vertical-align: top;
		margin: 0px 0px 25px 0px;
	}
	
	.howwework h2{
		background: #fff;
		width: 252px;
	}
	.specialist h2 {
		background: #fff;
		width: 335px;
	}
	.otziv h2 {
		background: #fef4ed;
		width: 370px;
	}
	section h2 {
		padding: 0px 10px;
	}
	.licenses .sert{
		/* width:calc(100% / 2); */
		width: 100%;
		margin:0 auto;
	}
	
	.zindex {
		top: -10px;
	}
	.cform{
		width:100%;
		max-width:100%;
		
	}
	#homeblueline{
		margin:0px;	
	}
	.htext_block{
		width: 100%!important;
		margin-top: 30px;
		max-width: 100%!important;
		text-align: center;
	}
	.cform_inline form{
		display:flex;
		flex-direction:column;
		width:100%;
	}
	.cform_inline form input{
		width:100%!important;
	}
	.cform_inline form div{
		width:100%!important;
	}
	.cform_inline, .htext_block.notmain{
		padding: 15px 10px;
	}
	.cform_inline .hotline{
		padding-left: 15px;
		font-size:20px;
		top: 9px;
	}
	.cform_inline .hotline:before{
		width:5px;
	}
	.cform_inline .hotline:after{
		width: calc(100% - 300px);
	}
	.h1block h1{
		width:245px;
	}
	.simptoms h2{
		width: 340px;
	}
	.bluenoize {
		margin-bottom:20px;
	}
	.col-5 {
		width: 100%;
	}
	
	.vinir_bann , .ackia_bann{
		height: auto;
		background-size: cover!important;
	}
	.vinir_bann a, , .ackia_bann a{
		margin-top: 20px;
		display: inline-block;
	}
	.oranjbullet{
		font-weight:bold;
	}
	.vinir_item{
		margin-bottom:40px;
	}
	.hr{
		display:none;
	}
	
	.prikus_head {
		flex-direction: column;
		text-align: center;
	}
	.prikus_head_litera {
		margin: 0 auto;
	}
	.prikus_blue_ramka ul li{
		width:100%;
	}
	.capofblock{
		font-size:13px;
	}
	.popupbtn{
		font-size:12px;
	}
	.fotogal, .medal{
		flex-direction:column;
	}
	.foto_item{
		width:100%;
		margin: 0px 0px 20px 0px;
		height: 225px;
	}
	.medal{    width: 100%;}
	.popupbtn{
		font-size: 14px;
		display: flex;
		text-align: center;
		width: 100%;
	}
	 .plashkablue{
	    width: 100%;
		display: block;
		margin: 0;
		padding: 15px!important;
		text-align: center;
		
	}
	#prikus .cform_inline .hotline:after, #prikus .cform_inline .hotline:before, #protez .cform_inline .hotline:after, #protez .cform_inline .hotline:before {
		display:none;
	}
	#prikus .hotline, #protez .hotline{
		padding:0px!important;
	}
	#kamen .htext_block{
		font-size: 33px;
	}
	h1#ustraneniekamnya{
		width: 315px;
	}
	.kamen_main{
		padding:0px;
	}
	.textovochka{
		box-shadow: none;
		border-radius: 0px;
	}
	#kamenvidi{
		width: 205px;
	}
	h2#prichinakamnya{
		width: 307px;
	}
	.prikus_item {
		text-align: center;
	}
	.kamen_head_litera{
		width:auto;
		margin:0 auto;
	}
	.prikus_head_text div {
		font-size: 16px;
		text-align: justify;
	}
	.kamen_head_litera_del {
		display: flex;
		flex-direction: column;
		position: relative;
		width: 100%;
		margin-right:0px;
		margin-bottom: 15px;
	}
	.kamen_head_del {
		display: flex;
		/* align-items: center; */
		flex-direction: column;
	}
	.kamet_del_text_bottom{
		position:relative;
		top:0px;
	}
	.nooverflow{
		margin-bottom:30px;
	}
	.pr_item {
		width: 100%;
		margin: 0 20px;
		margin-bottom: 20px;
	}
	#predlog{
		width:250px;
	}
	section h1 {
		font-size: 40px;
	}
	.prikus_blue_ramka ul li, .listbluecirkle li:not(.notwrap){
		width:100%;
	}
	#plomba{
		color:#fff;
	}
	.type_list_item_body_item .body.img, .type_list_item_head{
		flex-direction:column;
	}
	.type_list_item_head h3{
		margin-top:20px;
	}
	.flex.koronki{
		flex-direction:column
	}
	.metall, .cirkon , .garantia , .rassrochka{
		width:100%;
		margin-top:20px;
	}
	h1#koronka_choose{
		width: 285px;
	}
	#koronki .htext_block div:nth-child(2){
		text-align:center;
	}
	
	.chekbox_polity_2 span.wpcf7-list-item , .cform input[type=checkbox]{
		margin:0px;
	}
	.col-3, .col-9{
		width:100%
	}
	.contacts_block2{
		width:100%;
	}
	.h2all4one{
		width:100%
	}

	.all4gall .gall_item {
		width: 50%;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	section h2{
		font-size:40px;
	}
	.otziv h2 {
		background: #fef4ed;
		width: 265px;
	}
	.specialist h2 {
		background: #fff;
		width: 270px;
		
	}
	.zindex {
		top: -10px;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}