/* CSS Document */ 

                                                            /* MAX-WIDTH: 1250 */
@media only screen and (max-width: 1250px) {
}

                                                            /* MAX-WIDTH: 1100 */
@media only screen and (max-width: 1100px) {
	div.content {padding: 100px 20px;}
	div.left, div.right {flex-basis: 49%; }
}

                                                            /* MAX-WIDTH: 992 */
@media only screen and (max-width: 992px) {
	#problems div.left {flex-basis: 55%;}
	#problems div.right {flex-basis: 35%;}
	#problems img {height: ; }
	#problems li {font-size: 2.4vw; padding-bottom: 1.3em; }
	#problems H3 {font-size: 3.7vw;}
	#features div:nth-child(2) {padding: 0 3%; }
}
                                                            /* MAX-WIDTH: 860 */
@media only screen and (max-width: 860px) {
	.tel {width: 280px; height: 80px; }
    #main-nav {
		height: 43px !important;
		background-size: cover;
	}
	#main-nav li {text-align: right; margin: 0; }
    #main-nav a {
		height: auto;
        padding: 15px 10px;
        text-align: right;
    }
	#main-nav li:first-child:before {
		display: none;
	}
    #main-nav ul {
        display: none;
        width: 14em;
        background-color: rgba(0,0,0,.7);
    }
    #main-nav2 {width: 100%;}

	/* Иконка меню */
	#menu-icon {
		color: #FFF;
		width: 27px;
		background: url(/images/topnav_m.gif) no-repeat 10px center;
		padding: 10px 30px;
		cursor: pointer;
		float: right !important;
		display: block; /* Выводим иконку меню */
	}
	/*#menu-icon:hover {background-color:;}
	#menu-icon.active {background-color:;}*/
	
	/* Навигация */
	#nav {
		display: none; /* Видимость включается jQuery */
		width: 160px;
        border-top: 1px solid #FFF;
		clear: both;
		position: absolute;
		top: 43px;
		right: 0;
		z-index: 10000;
	}
	
	/* Выпадающий список */
	#nav ul {
		width: auto;
		position: static;
		display: block;
		border: none;
		background: inherit;
	}
	#nav ul li {margin: 3px 0 3px 15px;}


	#description article li	{font-size: 20px;}
	#problems {align-items: unset; }
	#problems div.right {height: auto; }
	#features div:nth-child(2) {padding: 0 3%; }
	#features div p {
		font-size: 2.2vw;
		padding: 10px 10px;
		margin-bottom: 1vw;
	}
}

                                                            /* MAX-WIDTH: 768 */
@media only screen and (max-width: 768px) {
	#problems li {font-size: 2.6vw; padding-bottom: 1.3em; }
}

                                                            /* MAX-WIDTH: 640 */
@media only screen and (max-width: 640px) {
}

                                                            /* MAX-WIDTH: 480 */
@media only screen and (max-width: 480px) {
    article {padding: 0 10px;}
	#logo {
		width: 430px;
		max-width: 100%;
		margin: 0;
		background-size: 90%;
		background-position: center;
	}
}

                                                            /* MAX-WIDTH: 360 */
@media only screen and (max-width: 360px) {
    #logo {
        width: 100%;
        max-width: 430px;
    }
}

                                                            /* MIN-WIDTH: 640 AND MAX-WIDTH 768 */
@media only screen and (min-width: 480px) and (max-width: 768px) {
	.tel {width: auto;}
}

                                                            /* MIN-WIDTH: 480 */
@media only screen and (min-width: 480px) {					
}

                                                            /* MIN-WIDTH: 768 */
@media only screen and (min-width: 768px) {					
}

                                                            /* MIN-WIDTH: 992 */
@media only screen and (min-width: 992px) {
	#nav {display: flex !important;}
}

                                                            /* MIN-WIDTH: 1100 */
@media only screen and (min-width: 1100px) {				
}

                                                            /* MIN-WIDTH: 1250 */
@media only screen and (min-width: 1250px) {				
}