/*==========  Desktop First Method  ==========*/
@media only screen and (max-width : 1240px) {
	.hidden-xs {
		display: none;
	}

	.visible-xs {
		display: inline-block;
	}
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
  .sp-buttons {
    display: none;
  }
}


/* Small Devices, Tablets */
@media (max-width: 767px) {
	.main_fon {
			background: url('../../img/fonchik.jpg') center center / cover no-repeat;
	}

	.oblako_video video {
			display: none;
	}
}

@media only screen and (max-width : 768px) {
	.form_otdel {
		right: 1%;
	}
	.wrap_termin {
		height: 215px;
		margin-top: 30px;
	}

	.text_block_bud.plan.jk h3 {
		width: auto;
	}
	.oblako_video video {
		width: 768px;
		height: 440px;
	}
	.text_termin {
		left: 4%;
    font-size: 25px;
	}
	.number_termin {
		top: 0%;
		left: 12%;
	}
	.month_termin {
		bottom: -6%;
    left: 28%;
	}
}

@media only screen and (max-width : 767px) {
  .mobile_gallery, .mobile, #show {
    display: block;
  }
  .nav {
    display: none;
  }
  .wrap_main {
    margin-top: 85px;
  }
}


@media only screen and (max-width : 700px) {
	.form_otdel {
		display: none;
	}

	.form_otdel_mobile {
		display: inline;
	}

	.detali_non_modal {
		width: 87%;
	}

	.number_termin {
		font-size: 135px;
		left: 34%;
	}
}

@media only screen and (max-width : 560px) {

	.tel_main {
		display: none;
	}

	.tel_main.nav {
		display: block;
	}

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	#zoom-in {
		margin-top: 20px;
	}
	.number_termin {
		left: 25%;
	}
	.month_termin {
		bottom: 4%;
    left: 29%;
	}

	.kredit_blur h2 {
		margin-bottom: 20px!important;
	}

	.text_termin {
		font-size: 23px;
		top: -47px;
    left: 11%;
	}

	.banner_text {
		top: 5%;
	}

	.information {
		left: 5%;
	}

	.modal_div {
		margin-left: -215px;
	}

	.text_hidden {
		line-height: 35px;
	}

	.copyright .pansite {
		position: relative;
		right: 0;
	}

}



/* Custom, iPhone Retina */
@media only screen and (max-width : 420px) {
	.modal_div {
		margin-left: -175px;
  }
  
  .poloska a {
    font-size: 30px;
  }
}

@media only screen and (max-width : 360px) {
	.text_termin {
		font-size: 20px;
	}

	.show_menu {
		margin: 10px 20px 0 0px;
	}

	.information {
		left: -5%;
	}

	.modal_div {
		margin-left: -151px;
	}

	.zamovutu_oglyad a {
		font-size: 20px;
	}
}


/*==========  Mobile First Method  ==========*/

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

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1600px) {

}	

@media only screen and (min-width : 768px) and (max-width : 992px) {
	.text_block_bud.plan.jk h3 {
		display: none;
  }
  .poloska a {
    font-size: 30px;
  }
}