/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	section .sert_block {
		font-size: 14px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	section .sert_block {
		font-size: 13px;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	section .sert_block {
		font-size: 11px;
	}

	section .filter_block {
		margin: 0px auto 30px;
	}

	section .stupeni_block .st {
		margin: 0px 20px 20px;
	}

	section .compare_block {
		margin: 0px auto 20px;
	}

	section .free_block>h3 {
		font-size: 30px
	}

	header .call_btn {
		padding-left: 10px;
	}
}

@media only screen and (max-width : 767px) {
	section.head {
		-webkit-background-size: cover;
		background-size: cover;
	}

	header .call_btn {
		padding: 15px 0px 0px 0px;
	}

	.fancybox-nav span {
		visibility: visible !important;
	}

	.contacts .row:last-child {
		margin-bottom: 0px;
	}

	.list-inline--md li:not(:last-child) {
		margin-bottom: 20px;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
	/* section h1>span {
		font-size: 50px;
	}

	section .free_block>h3 {
		font-size: 30px
	} */

	header .header_info,
	footer .header_info {
		padding: 0px;
	}

	header .call {
		min-width: 180px;
	}

	header a.btn-forta,
	footer .call a.calla {
		font-size: 20px;
	}

	header .call .static-phone {
		font-size: 20px;
	}

	a.btn-forta.btn-sm {
		padding: 5px 10px;
	}

	.hidden-btn {
		display: none;

	}

	footer {
		text-align: center;
	}

	footer .call {
		margin: 20px 0px 0px;
	}

	footer .pull-left,
	footer .pull-right {
		float: none !important;
	}

	footer .logo {
		text-align: center;
	}

	footer .header_info {
		text-align: center;
	}

	footer .header_info span {
		margin: 20px 0px 10px;
		display: inline-block;
	}

	section h1 {
		font-size: 28px;
	}

	section h1>span {
		font-size: 30px;
	}

	section h2 {
		font-size: 30px;
	}

	section p.text {
		font-size: 12px;
	}

	section p.about-p {
		font-size: 20px;
	}

	section p.lead {
		font-size: 20px;
	}

	section .stupeni_block .st h5 {
		font-size: 18px;
	}

	section .stupeni_block .st p {
		font-size: 12px;
	}

	section p.itog>span {
		font-size: 32px;
	}

	section p.about {
		font-size: 12px;
	}

	a.btn-forta,
	a.btn-scroll {
		padding: 10px;
		font-size: 20px;
		line-height: normal;
	}

	section .compare_block li {
		background-position: 50% 0;
		padding: 40px 10px 0px;
		text-align: center;
	}

	section .contacts_block {
		margin: 0px 0px 20px;
	}

	section .contacts_block>div {
		padding: 80px 30px 0px;
	}

	section .contacts_block>div p {
		font-size: 20px;
	}

	section .contacts_block>div a {
		font-size: 28px;
	}

	section .contacts_block>span {
		margin: 0px;
	}

	.form input {
		margin: 0px 0px 20px;
		width: 100%;
	}

	section .stupeni_block .osmos {
		margin: 30px auto;
	}

	section .compare_block p {
		padding: 10px 0px 10px 20px;
		line-height: normal;
	}

	section .compare_block li.alt {
		line-height: normal;
	}

	section .gallery_block img {
		margin: 0px 0px 10px;
	}

	.gallery_block .row {
		margin-left: -5px;
		margin-right: -5px;
	}

	.gallery_block .row .col-xs-3,
	.gallery_block .row .col-xs-6 {
		padding-left: 5px;
		padding-right: 5px;
	}

	.call-us-block ul li+li {
		margin-left: 0;
	}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
	header .logo {
		float: none !important;
	}

	header .call {
		margin: 0px 40px 0px 0px;
	}

	header .header_info,
	footer .header_info {
		padding: 0px;
	}

	header a.btn-forta,
	footer .call a.calla {
		font-size: 20px;
	}

	header .call .static-phone {
		font-size: 20px;
	}

	footer .call {
		margin: 20px 0px 0px;
	}

	/* section h1 {
		font-size: 28px;
	}

	section h1>span {
		font-size: 30px;
	} */

	section h2 {
		font-size: 30px;
	}

	section p.text {
		font-size: 12px;
	}

	section p.about-p {
		font-size: 20px;
	}

	section p.lead {
		font-size: 20px;
	}

	section .stupeni_block .st h5 {
		font-size: 18px;
	}

	section .stupeni_block .st p {
		font-size: 12px;
	}

	section p.itog>span {
		font-size: 32px;
	}

	section p.about {
		font-size: 12px;
	}

	a.btn-forta,
	a.btn-scroll {
		padding: 10px;
		font-size: 20px;
		line-height: normal;
	}

	section .compare_block li {
		background-position: 50% 0;
		padding: 40px 10px 0px;
		text-align: center;
	}

	section .contacts_block {
		margin: 0px 0px 20px;
	}

	section .contacts_block>div {
		padding: 80px 0px 0px;
	}

	section .contacts_block>div p {
		font-size: 20px;
	}

	section .contacts_block>div a {
		font-size: 28px;
	}

	section .contacts_block>span {
		margin: 0px;
	}

	section .free_block>p {
		font-size: 18px;
	}

	.form input {
		margin: 0px 0px 20px;
		width: 100%;
	}

	section .stupeni_block .osmos {
		margin: 30px auto;
	}

	section .compare_block p {
		padding: 10px 0px 10px 20px;
		line-height: normal;
	}

	section .compare_block li.alt {
		line-height: normal;
	}

	.gallery_block .row {
		margin-left: -5px;
		margin-right: -5px;
	}

	.gallery_block .row .col-xs-3,
	.gallery_block .row .col-xs-6 {
		padding-left: 5px;
		padding-right: 5px;
	}
}


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

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
	section h1 {
		font-size: 25px;
	}

	section h1>span {
		font-size: 53px;
	}

	section p.text {
		font-size: 15px;
		text-shadow: 1px 1px 2px #222;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {
	section h1 {
		font-size: 40px;
	}

	section h1>span {
		font-size: 53px;
	}

	section p.text {
		font-size: 15px;
		width: 450px;
	}

}

/* Small Devices, Tablets */
@media only screen and (min-width : 767px) {
	section h1 {
		font-size: 40px !important;
	}

	section h1>span {
		font-size: 60px !important;
	}

	section p.text {
		font-size: 15px;
		width: 460px;

	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	section h1 {
		font-size: 45px !important;
	}

	section h1>span {
		font-size: 70px !important;
	}

	section p.text {
		font-size: 15px;
		width: 555px;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
	section h1 {
		font-size: 50px !important;
	}

	section h1>span {
		font-size: 80px !important;
	}

	section p.text {
		font-size: 15px;
		width: 557px;
	}
}