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

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.algoritm .wrap_alg {
		-webkit-background-size: contain;
		background-size: contain;
		height: 950px;
	}

	.algoritm .wrap_alg .alg_item {
		font-size: 16px;
		padding-top: 20px;
	}

	.algoritm .wrap_alg .alg_item.step-1 {
		width: 80%;
	}

	.algoritm .wrap_alg .alg_item.step-2 {
		padding-top: 20px;
	}

	.algoritm .wrap_alg .alg_item.step-3 {
	    padding-top: 35px;
	}

	.algoritm .wrap_alg .alg_item.step-4 {
		padding-top: 45px;
	}

	.algoritm .wrap_alg .alg_item.step-5 {
	    padding-top: 60px;
	}

	header .stiky-top .top_menu .main_menu {
		font-size: 14px;
	}

	.head h1 {
	    font-size: 28px;	    
	}

	.case .wrap_case {
		-webkit-background-size: contain;
		background-size: contain;
	}

	.case .wrap_case .case_item {
		font-size: 24px;
		padding-top: 85px;
	}

	.case .wrap_case .case_item.case-1 {
	    margin-left: -35px;
	}

	.case .wrap_case .case_item.case-2 {
	    margin-left: -67px;
	}

	.case .wrap_case .case_item.case-3 {
	    margin-left: -105px;	    
	    padding-top: 15px;
	}

	.case .wrap_case .case_item.case-4 {
	    margin-left: -135px;	   
	    padding-top: 15px;
	}

	.reviews .carousel .wrap_item_slide .wrap_text {
		font-size: 18px;
	}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	header .stiky-top .top_line {
		text-align: center;
	}

	header .stiky-top .top_line .address {
		margin-bottom: 15px;
	}

	header .stiky-top .top_line .calback span {
		margin-right: 15px;
	}

	header .stiky-top .top_menu .main_menu {
	    font-size: 18px;
	    padding-bottom: 0;
	}

	header .stiky-top .top_menu .main_menu ul li {
		margin-bottom: 15px;
	}

	header .stiky-top .top_menu .main_menu ul li:nth-child(3) a{
		border-right: none;
	}

	.head {
		padding-top: 45px;
	}

	.head .title {
		margin-bottom: 30px;
	}

	.head h1 {
	    margin-bottom: 40px;
	}

	.head .wrapper_form .head_form {
		margin-bottom: 40px;
	}

	.advantages .wrap_item {
		padding-left: 140px;
	}

	.advantages .wrap_item h2 {	    
	    font-size: 17px;	    
	    margin-bottom: 10px;
	}

	.advantages .wrap_item {
	    font-size: 16px;
	}

	.faq .accordeon .accordeon-head {
		padding: 10px 15px;
	}

	.faq .accordeon .accordeon-head::after {
		right: 15px;
	}

	.algoritm .wrap_alg {
		background: none;
		height: auto;
	}

	.algoritm .wrap_alg .alg_item, .algoritm .wrap_alg .alg_item.step-1, .algoritm .wrap_alg .alg_item.step-2, .algoritm .wrap_alg .alg_item.step-3, .algoritm .wrap_alg .alg_item.step-4, .algoritm .wrap_alg .alg_item.step-5 {
		padding-top: 15px;
		min-height: 100px
	}

	.algoritm .wrap_alg .alg_item.step-1 {
	    padding-left: 110px;
	    background: url("../img/alg-it-1.png") no-repeat left top 25px;
	}

	.algoritm .wrap_alg .alg_item.step-2 {
	    padding-right: 110px;
	    background: url("../img/alg-it-2.png") no-repeat right top 25px;
	}

	.algoritm .wrap_alg .alg_item.step-3 {
	    padding-left: 110px;
	    background: url("../img/alg-it-3.png") no-repeat left top;
	}

	.algoritm .wrap_alg .alg_item.step-4 {
	    padding-right: 110px;
	    background: url("../img/alg-it-4.png") no-repeat right top;
	    height: 110px;
	}

	.algoritm .wrap_alg .alg_item.step-5 {
	    padding-left: 110px;
	    background: url("../img/alg-it-5.png") no-repeat left top;
	    height: 115px;
	}

	.algoritm .wrap_detail .btn {
	    font-size: 18px;
	    margin-top: 35px;	   
	}

	.case {
		-webkit-background-size: cover;
		background-size: cover;
	}

	.case .wrap_case {
		background: none;
		margin-top: 55px;
	}

	.case .wrap_case .case_item .desc {
	    margin-bottom: 20px;
	}

	.case .wrap_case .case_item {
		padding-top: 0;
		background: url("../img/case1-bg.jpg") no-repeat left top;
		border-radius: 10px;
		padding: 15px;
		-webkit-box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.35);
		-moz-box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.35);
		box-shadow: 3px 3px 7px 1px rgba(0,0,0,0.35);
		transform: rotate(-15deg);
		font-size: 22px;
    	line-height: 26px;
	}

	.case .wrap_case .case_item.case-2 {
		background: url("../img/case2-bg.jpg") no-repeat left top;
	}

	.case .wrap_case .case_item.case-3 {
		background: url("../img/case3-bg.jpg") no-repeat left top;
	}

	.case .wrap_case .case_item.case-4 {
		background: url("../img/case4-bg.jpg") no-repeat left top;
	}

	.case .wrap_case .case_item.case-1, .case .wrap_case .case_item.case-2, .case .wrap_case .case_item.case-3, .case .wrap_case .case_item.case-4 {
		margin-left: 0;
		padding-top: 0;
		padding-bottom: 0;
		padding: 25px;
		margin-bottom: 25px;
		height: 175px;
	}

	.reviews .carousel .wrap_item_slide {
		text-transform: none;
		font-size: 16px;
	}

	.reviews .carousel .wrap_item_slide .wrap_text {
		font-size: 16px;
	}

	.cert .wrap_props {
		font-size: 16px;
	}

	.map #map {
		height: 420px;
	}

	header .stiky-top .top_line .calback {
		text-align: center;
	}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	header .stiky-top .top_menu .main_menu {
		font-size: 14px;
	}

	.head h1 {
	    font-size: 20px;
	    line-height: 32px;
	}

	h1 {
		font-size: 22px;
	}

	.advantages .wrap_item {
		min-height: 100px;
	}

	.advantages .wrap_item.item-7 {
		margin-bottom: 50px;
	}

	.advantages .wrap_item {
		margin-bottom: 50px;
	}

	.faq .accordeon .accordeon-head {
	    padding: 10px 40px 10px 25px;
	    font-size: 16px;
	}

	.faq {
		-webkit-background-size: cover;
		background-size: cover;
		background-position: right -465px top;
	}

	.faq .accordeon .accordeon-head::after {
	    right: 10px;
	}

	.faq .wrapper_form .head_form {
		font-size: 18px;
	}

	.algoritm .wrap_detail .btn {
		line-height: 24px;
		font-size: 18px;
	}

	.case .wrap_case .case_item.case-1, .case .wrap_case .case_item.case-2, .case .wrap_case .case_item.case-3, .case .wrap_case .case_item.case-4 {
		height: 200px;
	}

	.algoritm .wrap_alg .alg_item.step-1 {
		width: 100%;
	}

}

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

	header .stiky-top .top_line .address {
		font-size: 18px;
	}

	header .stiky-top .top_line .calback span {
		font-size: 18px;
	}

	header .stiky-top .top_line .calback .btn {
		padding: 10px 15px;
		text-transform: none;
	}

	header .stiky-top .top_menu .main_menu {
	    font-size: 16px;
	}

	header .stiky-top .top_menu .main_menu ul li:nth-child(4) a {
		border-right: 2px solid #00922e;
	}

	header .stiky-top .top_menu .main_menu ul li:nth-child(3) a,
	header .stiky-top .top_menu .main_menu ul li:nth-child(6) a {
		border-right: none;
	}

	.head .title, .head .wrapper_form .head_form {
		font-size: 18px;
	}

	.head h1 {
	    font-size: 18px;
	    line-height: 28px;
	}

	.head .wrapper_form .wrap_input {
		width: auto;
	}

	input, .btn {
		font-size: 16px;
		text-transform: none;
	}

	input {
		padding: 13px;
	}

	.faq .wrapper_form .wrap_input {
		width: auto;
	}

	.case .wrap_case .case_item.case-1, .case .wrap_case .case_item.case-2, .case .wrap_case .case_item.case-3, .case .wrap_case .case_item.case-4 {
		padding: 15px;
		height: 150px;
	}

	.case .wrap_case .case_item {
		font-size: 18px;
		transform: none;
	}

	.case .wrap_case .case_item .desc {
	    height: 90px;
	    margin-bottom: 0;
	}

	.case .wrap_case {
		margin-top: 20px;
	}

	.case_carousel_wrap {
		padding: 10px;
		padding-top: 30px;
	}

	.case_carousel_wrap .wrap_item_slide .wrap_text {
		font-size: 14px;
	}

	.case_carousel_wrap .wrap_item_slide h3 {
		margin-bottom: 10px;
	}

	.case_carousel_wrap .wrap_item_slide ul li {
		padding-left: 5px;
	}

	.mfp-close {
		margin: 10px;
	}

	.carousel .owl-controls .owl-buttons div {
		left: -10px;
	}

	.carousel .owl-controls .owl-buttons div.owl-next {
		left: auto;
		right: -10px;
	}

	footer .wrapper_form .wrap_input {
		width: auto;
	}

}

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

	.head .wrapper_form .wrap_input, .faq .wrapper_form .wrap_input, footer .wrapper_form .wrap_input{
		display: block;
		margin-right: 0;
	}

	.head .wrapper_form .wrap_input input, .faq .wrapper_form .wrap_input input, footer .wrapper_form .wrap_input input {
		margin-bottom: 15px;
	}

	.head .wrapper_form .wrap_input .btn, .faq .wrapper_form .wrap_input .btn, footer .wrapper_form .wrap_input .btn {
		display: block;
		width: 100%;
		text-transform: uppercase;
	}

	.advantages {
		padding-top: 10px;
	}

	h1:before, h1:after {
		display: none;
	}

	.cert .wrap_props {
	    font-size: 14px;
	}

	.case .wrap_case .case_item .desc, .case .wrap_case .case_item {
	   line-height: 18px;
	   font-size: 16px;
	}

}

/* Custom, iPhone Retina */
@media only screen and (max-width : 360px) {
	header .stiky-top .top_menu .main_menu {
	    font-size: 14px;
	}

	header .stiky-top .top_menu .main_menu ul li a {
		padding: 0 12px;
	}

	header .stiky-top .top_menu .main_menu ul li:nth-child(3) a, header .stiky-top .top_menu .main_menu ul li:nth-child(5) a, header .stiky-top .top_menu .main_menu ul li:nth-child(6) a {
		border-right: 2px solid #00922e;
	}

	header .stiky-top .top_menu .main_menu ul li:nth-child(2) a, header .stiky-top .top_menu .main_menu ul li:nth-child(4) a {
		border-right: none;
	}

	.head {
	    padding-top: 20px;
	}

	.head .title, .head .wrapper_form .head_form {
	    font-size: 16px;
	}

	.head .title {
	    margin-bottom: 20px;
	}

	.head h1 {
	    font-size: 16px;
	    line-height: 22px;
	    margin-bottom: 25px;
	}

	h1 {
		line-height: 30px;
	}

	.algoritm h1 {
	    margin-bottom: 15px;
	}

	.algoritm .wrap_alg .alg_item h4 {
		font-size: 13px;
	}

	.case .wrap_case .case_item {
		font-size: 14px;
	}

	.cert .carousel {
	    margin: 25px 0;
	}
}


/*==========  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 : 1200px) {

}