.wraper {
    width:100%;
}

@media (max-width:992px) {
    .body-bg,
    .container {
        width:96%;
    }
	.res-heading{display: block !important;}
	 .menu-footer .gs_item {
        display: block;
        padding: 0;
        background: none;
        text-align: left;
        margin-top: 10px;
    }
	.quick_me{
		padding-top: 20px !important;
	}
	.btImage{
		display: none;
	}
	
	.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: 20px;
        right: 12px;
        top: 50%;
        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;}
	.last_title .title-menu:after {background:none}
    #header{
        display: block !important
    }
    #header .logo{
        padding:10px;
		text-align: center;
		border-bottom: 3px dashed #ccccccb8;
		padding-bottom: 10px;
		margin-bottom: 10px;
    }
    #menu-site-default .navbar-right {
        display:none;
    }
    .column-margin-left{
        margin-left:0 !important
    }
}
@media (max-width:767px) {
    .body-bg,
    .container {
        width:96%;
    }
	.mh-head, #menu-mobile,
	.stcinfotech-cat .panel-heading .dropdown{display: block !important;}
	.left-title{
		line-height: 37px;
		padding-bottom: 11px;	
	}
	.last_title .title-menu{margin-bottom: 8px;}
	
	.show_service .owl-controls{display: block !important;}
	.show_service .s_image{width: 22%;}
	.show_service .s_des{width: 73%;}
    .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 {
        display:none;
    }
    .contactList li {
        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 {
        position:absolute;
        left:-10px;
        top:0;
    }

    .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;
	   padding-left: 10px;
		border: none;
    }
    #menusite .navbar-default .navbar-nav > li {
        margin-left:0 !important; 
    }
    #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;
		border-color: #cfd1d4;
    }

    #menusite .navbar-toggle {
        margin-left:0 !important; 
        color:#dcdcdc !important;
        border-color:transparent transparent #428BCA #428BCA !important;
        background-color:#428BCA !important;
    }
	#menusite .navbar-toggle:after {
		content: 'menu';
		display: block;
		position: absolute;
		bottom: -3px;
		right: 41px;
		color: #fff;
		font-size: 18px;
		font-family: UtmCafeta;
		font-weight: 400;
		text-transform: uppercase;
		padding: 7px 8px;
		border-radius: 5px;
	}
    #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%;
    }
	.btText{
		padding: 0 10px;
		font-size: 13px;
	}
	.flooring_links{
		text-align: center;
		float: none !important;
	}	
	.header-search-link{font-size: 9px !important;}
	.mxt-support h6.title-part{font-size: 11px !important;}
	.phone-part img{width: 40px;}
	.phone-part .phone{font-size: 17px !important;}
	.flooring_links .brand{
		display: block;
	}
    #header .logo {
        text-align:center;
    }
    #header .logo img {
        max-height:200px;
        width:auto;
		max-width: 100%;
		height: 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,
	.flooring_links	.in{
        display:none !important;
    }
    #tip, #footer-tip {
        max-width:100%;
        margin-right:0 !important;
    }
    .guestBlock{
        width:100%
    }
	.stcinfotech-cat .f-main{width: 100%;}
	.stcinfotech-cat .thumbnail .caption:before{display:none;}
}
@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;
    }
	 
}
@media (min-width:992px) {
    .body-bg,
    .container {
        width:100%;
    }
    .wraper {
        width: 100%;
        max-width: 1200px;
    }
    nav > .container > .row {
        margin-left:0;
        margin-right:0;
    }
	.col-20 {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;		  
	}
	.footer::before {
		width: 43px;
		height: 43px;
		top: -21px;
		-ms-transform: rotate(135deg);
		transform: rotate(135deg);
		right: calc(50% - 470px - 85px);
	}
	.footer::after {
		height: 30px;
		top: -30px;
		right: 0;
		width: calc(50% - 470px - 63px);
	}
	.footer-top {
		padding: 35px 0 17px;
		background: #012f63 url(../images/bg-map.png)no-repeat right top;
		overflow: hidden;
	}
	.footer-top::before {
		width: 43px;
		height: 43px;
		bottom: -21px;
		-ms-transform: rotate(135deg);
		transform: rotate(135deg);
		left: calc(50% - 470px - 85px);
	}
	.footer-top::after {
		height: 30px;
		bottom: -30px;
		left: 0;
		width: calc(50% - 470px - 63px);
	}
	.footer-bottom {
		padding: 12px 0;
	}
	.footer-bottom_left {
		float: left;
	}
	.footer-bottom_right {
		float: right;
		padding-top: 0;
	}
	.header__container {
		background-color: #fff;
	}
	 
}
@media (min-width:1200px) {
    .wraper {
        width:1200px;
    } 
 
    nav > .container > .row {
        margin-left:-5px;
        margin-right:-5px;
    }
	.footer::before {
		right: calc(50% - 570px - 85px);
	}
	.footer::after {
		width: calc(50% - 570px - 63px);
	}
	.footer-top::before {
		left: calc(50% - 570px - 85px);
	}
	.footer-top::after {
		width: calc(50% - 570px - 63px);
	}
	
}