body {
	overflow-x: hidden;
}

.top-menu {
	position: relative;
}

.nav-show {
	height: auto !important;
	text-align: center;
	/*margin-left: 50px;*/
}

.li-show {
	display: block !important;

}


.nav-collapse {
	position: absolute;
	right: 15px;
	left: 15px;
	/*display: inline-block;*/
	width: 40px;
	margin-top: 14px;
	display: none;
}


.nav-collapse span{
	width: 40px;
	height: 7px;
	margin-bottom: 5px;
	background: #e61802;
	display: block;
}

@media only screen and (max-width: 1190px) {
	.wrapp {
		width: 100% !important;
	}
}

@media only screen and (max-width: 990px) {
	div.topmenu ul li a {
		//font-size: 16px !important;
	}
}

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

	div.action div.leftpart {
		width: 100% !important;
		margin-bottom: 20px;
	}
	div.action div.rightpat {
		margin: 0 !important;
		float: none !important;
padding-top:25px;
	}
	.yellow_block2.action {
		height: auto !important;
	}
	.yellow_block2 {
		height: auto !important;
		background: #FFDD04 !important;
	}
	div.yellow_block2 div.rightpat small {
		width: auto !important;
		padding-top: 10px !important;
	}
	.yellow_block2 .leftpart {
		width: 100%;
	}
	.yellow_block2 .rightpat {
		width: 100%;
	}
}

@media only screen and (max-width: 852px) {
	.cl-effect-17 {
		height: 0;
		overflow: auto;
	}
	.nav-collapse {
		display: inline-block;
	}
}

@media only screen and (max-width: 950px) {
	div.tabbg div.famale {
		display: none !important;
	}
	.yellow_block .rightpat {
		float: none;
	}
	div.tabbg div.leftpart {
		width: 100% !important;
		float: none !important;
	}

	div.tabbg div.rightpat {
		width: 100% !important;
		float: none !important;
padding-top:25px;
	}
	.infoblock {
		width: 100% !important;
		height: 190px !important;
	}
	.infoblock p{
		margin-bottom: 30px;
	}
}


@media only screen and (max-width: 1050px) {
	.tabbg{
		width: 100% !important;
	}	
	.infoblock {
		width: 100% !important;
	}
	.whywe .fixsize {
		width: 100% !important;
		padding: 0 !important;
		margin: 0 auto;
	}
	.blockblack .fixsize {
		width: 100% !important;
		padding: 0 !important;
		margin: 0 auto;
	}
	.revief .fixsize {
		width: 100% !important;
		padding: 0 !important;
		margin: 0 auto;
	}
	.footer .fixsize {
		width: 100% !important;
		padding: 0 !important;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 988px) {
	.fixsize {
		width: 100% !important;
		padding: 0 15px !important;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 1200px) {
	.bannerimg {
		width: 100% !important;
	}
}
@media only screen and (max-width: 768px) {

	a {
		font-size: 22px !important;
	}
	a:after {
		display: none !important;
	}
	a:before {
		background: none !important;
	}
	a:hover {
		-webkit-transition: none !important;
		   -moz-transition: none !important;
		    -ms-transition: none !important;
		     -o-transition: none !important;
		        transition: none !important;
	    text-indent: 0 !important;
	}
	.wrapp {
		width: 100% !important;
	}

	.wrapp .header .bannerimg {
		width: 100% !important;
	}
	.fixsize {
		width: 100% !important;
		padding: 0 15px !important;
		margin: 0 auto;
	}
	.topblock .fixsize .logo {
		width: 100%;
		margin-bottom: 30px;

	}
	.topblock .fixsize .rightpat {
		width: 100%;
padding-top:30px;
	}
	.rendomtxt {
		width: 100% !important;
		padding: 21px 15px !important;
		top: 240px !important;
	}


	.toprecoll {
		/*left: 45px !important;*/
	}

	.toprecoll a{
		width: auto;
		height: auto;
		font-size: 35px;
	}

	.toprecoll a:after{
		display: none !important;
	}



	.yellow_block {
		height: auto !important;
		background: #ffdd04 !important;
	}



	.recoll.Ico.rebt.md-trigger {
		display: block;
	}

	.pemBlock {
		width: 100% !important;
		margin-bottom: 20px;
		padding-left: 15px;
		text-align: center;
	}

	.tabbg {
		width: 100% !important;
		padding-bottom: 30px !important;
	}

	.ser {
		text-align: center;
	}



	div.infoblock img {
		display: none !important;
	}

	.infoblock p{
		width: 100% !important;
		margin-bottom: 20px;
	}

	/*.quest.Ico.yebt.md-trigger {
		margin-left: 98px !important;
	}*/

	.quest:after {
		display: none !important;
	}

	.quest:before {
		display: none !important;
	}

	.quest {
		width: auto !important;
	}

	.about .leftpart {
		width: 100% !important;
		float: none !important;
	}

	.about .rightpat {
		width: 100% !important;
		float: none !important;
	}

	.yellow_block2 {
		background: #ffdd04 !important;
		height: auto !important;
	}

	.yellow_block2 .rightpat{
		float: none !important;
	}

	.yellow_block2 .rightpat small{
		width: auto !important;
		padding-top: 10px !important;
	}


	.auto .rightpat {
		width: 100% !important;
		margin-top: 30px;
	}

	.female2 {
		display: none !important;
	}

	.yellow_block2.action .rightpat {
		margin: 0 !important;
	}

	.yellow_block2.action .leftpart {
		margin-bottom: 30px !important;
		width: 100% !important;
	}

	div.revief div.owl-carousel {
		width: 100% !important;
	}

	div.revief div.item {
		width: 100% !important;
	}

	div.revief div.leftpart {
		width: 100% !important;
		margin-bottom: 30px;
	}

	div.revief div.rightpat {
		width: 100% !important;
padding-top:25px;
	}

	div.revief div.rightpat img{
		margin: 0 auto;
		display: block;
	}

	div.form {
		background: #fff !important;
		height: auto !important;
		padding: 30px 0 !important;
	}

	.needhelp:before {
		display: none !important;
	}

	#review:before {
		display: none !important;
	}

	div.InputBlock label {
		position: static;
		display: block;
		text-align: left;
		margin-bottom: 20px;
	}
}


@media only screen and (max-width: 468px) {
	div.yellow_block span.h2 {
		font-size: 43px !important;
	}
	div.yellow_block span.h2 small {
	    font-size: 40px;
	}
	.tabs label {
		font-size: 15px !important;
	}
	div.infoblock {
		max-height: 210px !important;
	}
	div.action span.h2 span {
	    font-size: 40px !important;
	}
	/*div.rightpat {
		float: none !important;
	}*/
	div.form div.rightpat {
		float: none !important;
padding-top:25px;
	}
	div.form div.rightpat div.Ico {
		width: 100% !important;
		padding-top: 20px !important;
	}

	div.form div.rightpat input[type=submit] {
		display: block !important;
		float: left !important;
	}

	div.form div.rightpat div.Ico:after {
		display: none !important;
	}
	div.form div.rightpat div.Ico:before {
		display: none !important;
	}
	div.yellow_block2 span.number {
		padding-top: 10px !important;
		font-size: 40px !important;
	}
}

@media only screen and (max-width: 831px) {
	div.md-modal {
		width: 90% !important;
		min-width: 0 !important;

	}
	div.md-modal .Ico {
		width: 100% !important;
	}
	div.md-modal input {
		width: 100% !important;
	}
	div.md-modal .h2, div.md-modal p {
		text-align: center;
	}
	div.md-content {
		background: #FFF !important;
		padding: 20px !important;
	}
	div.md-content div.rightpat {
		float: none !important;
		width: 100% !important;
		padding: 15px !important;
	}
	div.ganaceblock {
		padding-right: 0;
	}
	div.infoblock {
	    text-align: center;
	}
	div.infoblock img, div.infoblock p, div.infoblock a {
    	float: none;
	}
	.h2 {
		text-align: center;
	}
	div.rendomtxt,
	div.yellow_block2 {
		text-align: center;
	}
	div.yellow_block2 small, div.yellow_block2 span.number {
    	float: none;
	}
	div.revief div.prev, div.revief div.next {
	    display: none;
	}
	a.recoll {
		width: 100%;
	}
	div.form div.rightpat a,
	div.form div.rightpat p.title {
	    text-align: center;
	}
	div.form div.rightpat div.leftpart {
	    margin-top: 0;
	}
	div.form div.rightpat {
		padding: 0;
	}
	div.form div.rightpat div.rightpat input[type=submit],
	div.form div.rightpat div.rightpat div.Ico {
		width: 100%;
	}
	a.recoll {
	    /*width: 90%;*/
	}
	div.toprecoll {
		right: 0;
		left: 0;
		margin-left: 15px;
		margin-right: 15px;
		/*width: 100%;*/
		text-align: center;
	}
	div.rendomtxt {
		height: auto;
	}
	div.fixsize {
		text-align: center;
	}
	div.fixsize .rightpat span+span {
		margin-top: 15px;
	}
	div.toprecoll {
	    left: 0;
	}
	.rasporka {
		display: none !important;
	}
}

@media only screen and (max-width: 860px) {
	.revief .fixsize {
		-ms-overflow-x: hidden;
		    overflow-x: hidden;
	}
#material .material{
max-width:100%;
margin:30px auto;
}
#material .material img{
width:100%;
}
div.logo, div.logo span{
font-size:25px;
}
}