/*                                                        *
*     Медиа запрос на экран расширением 1620px начало     *
*/            

.layout{width:98%;}
.header-logo img {width:400px;margin-top:8px;}

@media screen and (max-width:1620px),only screen and (max-device-width:1620px) {
    .layout{
        /* width:1230px; */
        width: 98%;
    }
    .header .top-menu::before {
        left: -1.9%;
    }
    .top-menu::before, .top-menu::after {
        left: -3.2%;
    }
    .header-logo img {
        /*margin-left: -30px;*/
        /*width: 15%;*/
    }
    .top-menu.top-fixed-menu .header-logo img {
        width: 15%;
    }
}


/*                                                        *
*     Медиа запрос на экран расширением 1620px начало     *
*                                                        */
@media screen and (max-width:1460px),only screen and (max-device-width:1460px) {
    .top-menu::before, .top-menu::after {
        left: -3.3%;
    }
}

/*                                                        *
*     Медиа запрос на экран расширением 1260px начало     *
*                                                        */
@media screen and (max-width:1260px),only screen and (max-device-width:1260px) {
    .layout{
        width: 98%;
    }
    .header-tel a {
        padding-left: 15%;
    }
    .header-email a {
        padding-left: 18%;
    }
    .header-soc img {
        height: 15px;
        padding-top:5px;
    }
    .header-logo img {
    	width: 250px;
    	padding-top: 10px;
    }
    .top-menu.top-fixed-menu .header-logo img {
        /* width: 19%; */
    }
    .fbox1 img {
        /*margin-top: -20px;*/
    }
    #fbox4 img {
        /*padding-bottom: 15px;*/
		max-width: 310px;
		width: 100%;
    }
}


/*                                                        *
*     Медиа запрос на экран расширением 1136px начало     *
*                                                        */
@media screen and (max-width:1140px),only screen and (max-device-width:1140px) {
    .layout{
        /*width:1024px;*/
        width:98%;
    }
    .header-logo img {
        /* margin-top: -55px; */
    }
    .top-menu::before, .top-menu::after {
        left: -3.5%;
    }
    .header .top-menu::before {
        left: -1.6%;
    }
    .top-menu.top-fixed-menu .header-logo img {
        width: 14%;
    }
    
    #utocen a {
        font-weight: 500;
        margin: 4px;
        padding: 5px 15px;
    }
    .sidebar h3 {
        font-size: 11pt;
    }
    .sidebar a {
        font-size: 10pt;
    }
    .fbox2 {
        display: none;
    }
}


/*                                                        *
*     Медиа запрос на экран расширением 1080px начало     *
*                                                        */
@media screen and (max-width:1080px),only screen and (max-device-width:1080px) {
    .layout{
        /*width:940px;*/
        width:98%;
    }
    .header .top-menu::before {
        left: -1.8%;
    }
  	.top-menu::before, .top-menu::after {
    	left: -3.9%;
	}
    .top-menu.top-fixed-menu .header-logo img {
        width: 13%;
    }
    #header-menu .nav li > ul {
        margin-left: -5px;
    }
    .product h2 {
        font-size: 30pt;
    }
    .news h2 {
        font-size: 30pt;
    }
    .content .teh-top {
        flex-direction: column;
    }
    .teh-top-div {
        width: 100%;
    }
}


/*                                                        *
*     Медиа запрос на экран расширением 960px начало      *
*                                                        */
@media screen and (max-width:960px),only screen and (max-device-width:960px) {
    .header-tel a {
        font-size: 10pt;
        padding-left: 20%;
    }
    .header-email a {
        font-size: 10pt;
        padding-left: 23%;
    }
    .top-menu::before, .top-menu::after {
        left: -4%;
    }
    .header .top-menu::before {
        left: -1.8%;
    }
    .top-menu.top-fixed-menu .header-logo img {
        width: 16%;
    }
        /*     Мобильное меню начало     */

    #header-menu.mobilemenu {
        background: url(../images/menuicon.png) no-repeat center;
        cursor: pointer;
    }
    #header-menu.mobilemenu ul {
        padding-right: 7%;
    }
    /*     Мобильное меню конец     */
    .razdelitel {
        margin-top: -2px;
    }
}

/*                                                        *
*     Медиа запрос на экран расширением 800px  начало     *
*                                                        */
@media screen and (max-width:800px),only screen and (max-device-width:800px) {
    .top-menu .flex {
        flex-direction: column-reverse;
        background-color: royalblue;
    }
     #telo {
        flex-direction: column-reverse;
    }   
    #header-menu.topmenu {
        background: url(../images/menuicon.png) no-repeat center left 1%;
        cursor: pointer;
    }
    #header-menu.topmenu ul li {
        display:;
    }    
    .header-soc {
        display: none;
    }
    .header-btn {
        display: none;
    }
    .header-top .flex {
        flex-direction: column;
    }
    .header-tel {
        margin: 0 auto;
        text-align: center;
        width: 100%;
        display:;
    }
    .header-email {
        margin: 0 auto;
        text-align: center;
        width: 100%;
        display:;
    }
    .header-tel a {
        /* font-size: 15pt; */
        /* font-weight: 500; */
        padding-left: 0;
    }
    .header-email a {
        /* font-size: 15pt; */
        /* font-weight: 500; */
        padding-left: 0;
    }
    .header-logo {
        flex-grow: 1;
        width: 100%;
        display:;
    }
    #header-menu {
        flex-grow: 1;
        width: 100%;
    }
    .top-menu::before, .top-menu::after {
        display: none;
    }
    .header-logo img {
        /*width: 85%;*/
        margin: 0 auto;
        position: relative;
        display: block;
        margin-top: -55px;

    }
    .top-menu {
        background:;
        padding-bottom: 0px;
    }
    .top-menu.top-fixed-menu {
        position: relative;
    }
    #header-menu .nav li {
        padding-right: 5px;
    }
    #header-menu .nav li {
        border-left: 10px solid rgba(255,255,255,0);
    }
    .razdelitel {
        margin-top:;
    }
    #header-menu.mobilemenu {
    background: #0f0f1f url(../images/menuicon.png) no-repeat center right 1%;
    }
    .sidebar {
        flex-direction: column;
    }
    .sidebar .moduletable {
        margin: 0 auto;
        width: 90%;
    }
    #breadcrumbs {
        display: none;
    }
    footer .flex {
        flex-direction: column;
        padding-bottom: 30px;
    }
    .search {
        margin-right: 0px;
        width: 90%;
    }
    #fbox4 {
        margin: 0 auto;
        text-align: center;
        width: 60%;
    }
    #header-menu.topmenu ul li {
        display: none;
    }
}