.wraper {
    width:100%;
}

@media (max-width:992px) {
    .body-bg,
    .container {
        width:100%;
    }
	 .short-banner a, .short-banner h3 {
		float: none !important;
		margin: 8px auto;
		display: block;
		text-align: center;
	}
    #header{
        display: block !important
    }
    #header .logo{
        padding:10px;
		text-align: center;
    }
	#footer h3{border:none;}
    #menu-site-default .navbar-right,
	div.fix-social 	{
        display:none;
    }
    .column-margin-left{
        margin-left:0 !important
    }
	 .menu-footer .gs_item {
        display: block;
        padding: 0;
        background: none;
        text-align: left;
        margin-top: 10px;
    }
	.gs_item .title-menu:before{background: none}
	.vppin{display:none}
    .menu-footer .gs_item .title {
        padding-bottom: 40px;
        font-size: 14px;
        color: #e6ab2e;
        height: 50px;
        line-height: 30px;
        padding: 10px 20px;
        position: relative;
        display: block;
        text-align: left;
        border: 2px solid #e8e8e8;
        font-weight: bold;
        margin-bottom: 0;
    } 
	 
    .menu-footer .gs_item.active .title::after {
        content: '\f077';
    }
	.menu-footer .gs_item .title::after {
        position: absolute;
        content: '\f078';
        font-family: "FontAwesome";
        font-size: 15px;
        right: 12px;
        top: 56%;
        margin-top: -17px;
    }

    .menu-footer .gs_item .content {
        padding: 15px;
        border: 2px solid #e8e8e8;
        border-top: none;
    }
	.menu-footer .gs_item .title-menu{margin-left: 0 !important;padding-left: 28px;}
}
@media (max-width:767px) {
    .body-bg,
    .container {
        width:100%;
    }
	.short-banner a, .short-banner h3 {
		font-size: 18px;
		width: 100%;
		line-height: 40px;
	}
	.stc-logo img{max-width: 183px}
	#header{text-align:center;}
	h1.mcompany{ font-size: 134%;margin-top: 8px;}
	 
	.slider.fix-slider-body{margin-top: 62px;}
	.searchblock {
		position: absolute;
		z-index: 11;
		transition: opacity .25s;
		box-shadow: 1px 1px 15px rgba(0,0,0,.15);
		color: #777;
		background-color: #fff;
		display: block !important;
		top: 77px;
		width: 100%;
		padding: 0 13px;
		left: 0;
		padding-bottom: 10px;
		padding-top: 8px;
	}
    .box-shadow {
        box-shadow:none;
        -webkit-box-shadow:none;
    }
    .contactDefault{
        position: relative
    }
    .social-icons,
    .contactDefault,
    .personalArea {
        float:right;
        margin-right:10px;
        margin-left:0;
    }
    .social-icons .content,
    .contactDefault .content,
	#header .nofind, #menusite .navbar-default, .icontact,
	.header-search-link	{
        display:none;
    }
    .contactList li, #stc-header, .menu_mobile, .stc-slogan-txt {
        display:block;
    }
    .contactList li .fa, .contactList li [class^="icon-"], .contactList li [class*=" icon-"] {
        width:20px !important
    }
    .breadcrumbs-wrap{
        display:none
    }
    .hidden-ss-block,
    .hidden-ss-inline,
    .hidden-ss-inline-block {
        display:none !important;
    }
    .second-nav { 
    }

    .second-nav .bg {
        -webkit-border-top-left-radius:0;
        -webkit-border-top-right-radius:0;
        -webkit-border-bottom-right-radius:5px;
        border-top-left-radius:0;
        border-top-right-radius:0;
        border-bottom-right-radius:10px;
    }
    .third-nav .bg{
        padding: 10px 5px;
    }
    .third-nav .current-time{
        display:none
    }
    #menusite .navbar-default {
        background-color: #428BCA !important;
        border-color:#428BCA !important;
        -webkit-border-top-left-radius:0;
        -webkit-border-top-right-radius:0;
        -webkit-border-bottom-right-radius:5px;
        border-top-left-radius:0;
        border-top-right-radius:0;
        border-bottom-right-radius:10px;
        padding-left:10px
    }
    #menusite .navbar-default .navbar-nav > li {
        margin-left:0 !important;
        width:200px;
    }
    #menusite .navbar-default .navbar-nav > li:first-child {
        margin-left:0 !important;
    }
    #menusite .navbar-default .navbar-nav > li:last-child {
        margin-right:0 !important;
    }
    #menusite .navbar-default .navbar-nav > li > a {
        background-color:#428BCA !important;
        color:#ffffff !important;
    }
    #menusite .navbar-default .navbar-nav > li > a:hover,
    #menusite .navbar-default .navbar-nav > li > a:focus,
    #menusite .navbar-default .navbar-nav > .open > a,
    #menusite .navbar-default .navbar-nav > .open > a:hover,
    #menusite .navbar-default .navbar-nav > .open > a:focus {
        background:linear-gradient(to bottom,#357ebd 0%,#2f70a7 100%) !important;
        color:#ffffff !important;
    }
    #menusite .navbar-default .navbar-nav > .active > a,
    #menusite .navbar-default .navbar-nav > .active > a:hover,
    #menusite .navbar-default .navbar-nav > .active > a:focus{
        background:#4247ca !important;
        color:#ffffff !important;
    }

    #menusite .navbar-nav{
        margin:0 0 10px 0 !important
    }
    #menusite .navbar-collapse {
        padding-left:0 !important;
        padding-right:0 !important;
        margin-top: -51px !important
    }

    #menusite .navbar-toggle {
        margin-left:0 !important;
        margin-right:-55px;
        color:#dcdcdc !important;
        border-color:transparent transparent #428BCA #428BCA !important;
        background-color:#428BCA !important;
    }
    #menusite .navbar-toggle:hover,
    #menusite .navbar-toggle:focus {
        color:#ffffff !important;
        background-color:#245682 !important;
    }
    #menusite .navbar-nav .dropdown-mobile {
        border-top-width:1px !important;
        border-top-style: solid !important;
        border-top-color: #82b2dc !important;
    }
    #menusite .dropdown-submenu {
        margin:0;
        padding:0;
    }
    #menusite .dropdown-submenu li > ul > li {
        margin-left:30px;
    }
    #menusite .dropdown-submenu a {
        line-height:33px;
        background-color:#82b2dc;
        border-top-width: 1px !important;
        border-top-style: solid !important;
        border-top-color: #a6c8e6 !important;
        padding-left:15px !important;
        padding-right:15px !important;
    }
    #menusite .dropdown-submenu li a {
        color:#333333 !important;
    }
    #menusite .dropdown-submenu > a:after {
        display:none;
    }
}
@media (max-width:499px) {
    .nv-infodie {
        width:100%;
    }
	.stc-logo img {
		max-width: 106px;
	}
	header{padding:0}
	.top-head, .icon-map
	{
		display: none !important;
	}
	.short-banner a, .short-banner h3{
		font-size: 15px !important;
	}
	.title_webs{
		font-size: 26px;
		padding-top:12px;
	}
	.xtname{
		font-size: 19px;
	}
	#body {
		margin-top: 0px;
	}
	.relates_product .item{border: none}
    #header .logo {
        text-align:center;
    }
    #header .logo img {
        max-height:122px;
        width:auto;
    }
    .visible-ss-block {
        display:block !important;
    }
    .visible-ss-inline {
        display:inline !important;
    }
    .visible-ss-inline-block {
        display:inline-block !important;
    }
    .hidden-ss-block,
    .hidden-ss-inline,
    .hidden-ss-inline-block {
        display:none !important;
    }
    #tip, #footer-tip {
        max-width:100%;
        margin-right:0 !important;
    }
    .guestBlock{
        width:100%
    }
}
@media (min-width:500px) and (max-width:991px) {
    #footer .menu li {
        width:32%;
    }
    #footer .menu li:nth-child(3n+2) {
        padding-right:8px;
        padding-left:7px;
    }
    #footer .menu li:nth-child(3n),
    #footer .menu li:nth-child(3n+1) {
        padding-left:0;
        padding-right:0;
    }
}
@media (min-width:500px) {
    .nv-infodie {
        width:500px;
        left:50%;
        margin-left:-250px;
    }
}
@media (min-height:500px) {
    .body-bg,
    .container {
        width:100%;
    }
    .nv-infodie {
        height:500px;
        top:50%;
        margin-top:-250px;
    }
}
@media (min-width:768px) {
    .wraper {
        width:100%;
    }
    .hidden-ss-block {
        display:block !important;
    }
    .hidden-ss-inline {
        display:inline !important;
    }
    .hidden-ss-inline-block {
        display:inline-block !important;
    }
	.section_blog_right {
		max-height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		border-left: 1px solid #f7f7f7;
		position: absolute;
		top: 0;
		padding: 0 10px;
	}
}
@media (min-width:992px) {
    .body-bg,
    .container {
        width:100%;
    }
	.col-20 {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
		padding-right: 3px;
	}
    .wraper {
        width:100%;
        max-width:1200px;
    }
    nav > .container > .row {
        margin-left:0;
        margin-right:0;
    }
}
@media (min-width:1200px) {
    .wraper {
        width:1200px;
    }
    nav > .container > .row {
        margin-left:-5px;
        margin-right:-5px;
    }
}