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



/* Large Devices, Wide Screens */

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

	.slider_descr h1 {
    font-size: 35px;
    line-height: 42px;
  }

  .slider_descr span {
    font-size: 27px;
    line-height: 27px;
  }

  .slider_descr p {
    font-size: 20px;
    line-height: 24px;
    padding: 25px 0px;
    margin: 10px 100px;
  }

}

@media only screen and (max-width : 1281px) {
  .carousel {
/*height:auto;
overflow: hidden !important;*/

height:340px;
overflow: hidden !important;
	}
}


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

	.slider_descr h1 {

    font-size: 26px;

    line-height: 32px;

	}

	.slider_descr span {

    font-size: 21px;

    line-height: 27px;

	}

	.slider_descr p {

    font-size: 16px;

    line-height: 24px;

    padding: 10px 0px;

    margin: 10px 100px;

	}

	.nav_bg .nav ul a {

    padding: 10px 30px;

  }
  .carousel {
/*height:auto;*/
height:311px;
overflow: hidden !important;
	}
}

@media only screen and (max-width : 1025px) {
  .carousel {
/*height:auto;*/
height:275px;
overflow: hidden !important;
	}

.custom.phone p { font-size: 15px;}
.custom.phone a {    font-size: 15px;}
}

/* Medium Devices, Desktops */

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

	.header_phone {
		text-align: center;
	}

	.top_menu ul li {
    padding: 17px 12px;
	}

	.top_menu ul li a {
    font-size: 14px;
	}

	.multi a {
		font-size: 12px;
	}

	.slider_descr h1 {
    font-size: 20px;
    line-height: 22px;
    padding-bottom: 0;
	}

	.slider_descr span {
    font-size: 17px;
    line-height: 19px;
	}

	.slider_descr p {
    font-size: 14px;
    line-height: 18px;
    padding: 7px 0px;
    margin: 10px 15px;
	}

	.form_right h2 {
    line-height: 24px;
    font-size: 17px;
	}

	.form_right {
    background-color: #333333;
    padding: 10px 20px;

  }

  .organization_bg .hr {
  	display: none;
  }

  .organization_left {
  	margin-bottom: 40px;
  }

  .organization_bg .sider_container .next_button {
    right: 46%;
	}

	.organization_bg .sider_container .prev_button {
    left: 46%;
	}

	footer .hr {
    height: 164px;
  }

  footer span {
    line-height: 18px;
	}

	.nav_bg .nav ul li {
    margin: 10px 10px;
	}

	.nav_bg .nav ul a {
    padding: 10px 36px;
  }

  .plan_bg img {
		max-width: 100%;
		margin-right: 0;
		margin-bottom: 25px;
	}

	.main_mnu_button {
	background-color: transparent;
	border: medium none;
	font-size: 26px;
	float: left;
	}

	.main_mnu_button {
		color: #000;
		padding: 11px 15px 0;
		outline: none;
	}

	.multi {
		float: right;
	}
 .carousel {
/*height:auto;*/
height:257px;
overflow: hidden !important;
	}
}



/* Small Devices, Tablets */

@media only screen and (max-width : 774px) {
 .carousel {
/*height:auto;*/
height:206px;
overflow: hidden !important;
	}
.next_button, .prev_button {top:25%;}


}

@media only screen and (max-width : 768px) {
 .carousel {
/*height:auto;*/
height:201px;
overflow: hidden !important;
	}


}

@media only screen and (max-width : 767px) {
		.logo,
		.header_info
		 {
			text-align: center;
		}

		footer .hr {
		display: none;
	}

	.nav_bg .nav ul li {
    margin: 15px 10px;
	}

	.condition_bg h2 {
		margin-left: 20px;
	}

	.header_info p {
    line-height: 21px;
	}

	.top_menu ul {
		background-color: #3797bf;
		display: none;
		position: absolute;
		width: 80%;
		z-index: 9999999999;
		padding: 10px 5px;
		margin-top: 50px;
	}

	.top_menu ul li {
		display: block;
		padding: 5px 20px
	}

	.top_menu ul li a {
		color: #fff;
	}
 .carousel {
/*height:auto;*/
height:198px;
overflow: hidden !important;
	}
}

@media only screen and (max-width : 731px) {
.carousel {
/*height:auto;*/
height:182px;
overflow: hidden !important;
	}
.next_button, .prev_button {top:20%;}

}


@media only screen and (max-width : 641px) {
.carousel {
/*height:auto;*/
height:176px;
overflow: hidden !important;
	}

.next_button, .prev_button {top:20%;}
.slider_descr h1 {font-size: 19px;}
	.slider_descr span {font-size: 16px;}
		.slider_descr p {padding: 2px 0px; margin: 7px 7px;}
}

/* Extra Small Devices, Phones */

@media only screen and (max-width : 480px) {
	.carousel img {
		min-height: 190px;
	}

	.slider_descr p {
		display: none
	}

	.next_button, .prev_button {
    font-size: 45px;
    top: 30%;
	}

	section {
		padding: 25px 0
	}

	h1 {
		font-size: 25px;
		padding-bottom: 5px;
		line-height: 27px;

	}

	h2 {
		font-size: 22px;
	}

	p {
		font-size: 14px;
	}

	.sobytion_descr ul li {
		font-size: 14px;
		line-height: 30px;
	}

	.sobytion_descr p {
		text-align: center;
	}

	.carousel_partners {
		padding-bottom: 20px;
	}

	.organization_bg .sider_container .next_button {
    right: 48%;
	}

	.organization_bg .sider_container .prev_button {
    left: 40%;
	}

	footer {
		margin-top: 33px;
	}

	.organization_bg .organization_left {
		padding: 20px 20px
	}

	.organization_bg .organization_left img {
		width: 250px
	}

	.sider_container .vistovka {
    margin: 7px 80px;
	}

	.table_bg .table td {
    font-size: 13px;
  }

  .table_bg .table th {
    font-size: 16px;
  }

  .reclama_right a {
    display: block;
	}

.carousel {
/*height:auto;*/
height:190px;
overflow: hidden !important;
	}
}



/* Custom, iPhone Retina */

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

	.sider_container .vistovka {

    margin: 7px 60px;

	}

	.organization_bg .sider_container .next_button {

    right: 47%;

	}

	.organization_bg .sider_container .prev_button {

    left: 39%;

	}

}





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



/* Custom, iPhone Retina */

@media only screen and (min-width : 320px) {



}



/* Extra Small Devices, Phones */

@media only screen and (min-width : 480px) {

	

}

@media only screen and (min-width : 766px) {

	.top_menu ul {

		display: block !important;

	}

}

/* 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) {



}



@media only screen and (max-width : 480px) {
	.carousel .slide_item  {
		height: 190px;
	}
}
@media (min-width : 481px) and (max-width : 736px) {
	.carousel .slide_item  {
		height: 190px;
	}
}
@media (min-width : 737px) and (max-width : 999px) {
	.carousel .slide_item  {
		height: 204px;
	}
}
@media (min-width : 1000px) and (max-width : 1200px) {
	.carousel .slide_item  {
		height: 277px;
	}
}
@media (min-width : 1291px) and (max-width : 1600px) {
	.carousel .slide_item  {
		    height: 508px;
	}
	.slider_descr h1 {
		font-size: 44px;
	}
	.slider_descr span {
		    font-size: 38px;
	}
}