.wraper {
	width: 100%;
}
@media screen and (max-width: 500px) {
	.responsive-header {
		display: block;
		    margin: 0;
	}
	#main{
	display: none;
	}
	.responsive-header .res-logo-area>div>a>img{
	    padding: 5px;
    width: 66%;
	}
}
@media ( max-width :992px) {
	.body-bg, .container {
		width: 100%;
	}
	#header {
		display: block !important
	}
	#header .logo {
		padding: 10px;
	}
	#menu-site-default .navbar-right {
		/* 		display: none; */
		
	}
	.column-margin-left {
		margin-left: 0 !important
	}
}

@media ( max-width :767px) {
    .m-t20{
 margin-top:20px;   
}
	.body-bg, .container {
		width: 100%;
	}
	.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;
		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: 35px 0 10px 0 !important
	}
	#menusite .navbar-collapse {
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin-top: -51px !important
	}
	#menusite .navbar-toggle {
		margin-top: 21px;
		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: 499.98px) {
    .nv-infodie {
        width: 100%;
    }


	header#main .top_bar {
		height: 70px;
		margin-bottom: 15px
	}
	.main-right-style div.news_column .panel-heading {
		padding: 0px;
	}
	#menusite .navbar-default {
		background-color: transparent !important;
		border-color: transparent !important;
	}
	.top1_style {
		display: none;
	}
	.top2_style {
		display: none;
	}
	.nv-infodie {
		width: 100%;
	}
	#header .logo {
		text-align: center;
	}
	#header .logo img {
		max-height: 40px;
		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;
	}
}

@media ( min-width :992px) {
	.body-bg, .container {
		width: 100%;
	}
	.wraper {
		width: 100%;
		max-width: 1080px;
	}
	nav>.container>.row {
		margin-left: 0;
		margin-right: 0;
	}
}

@media ( min-width :1200px) {
	.wraper {
		width: 1080px;
	}
	nav>.container>.row {
		margin-left: -5px;
		margin-right: -5px;
	}
}

@media ( min-width : 1230px) {
	.container {
		width: 1230px;
	}
}

@media ( min-width : 0px) and (max-width: 320px) {
	#menusite .navbar-toggle {
		position: absolute;
		right: 63px;
	}
}

@media ( min-width : 321px) and (max-width: 360px) {
	#menusite .navbar-toggle {
		position: absolute;
		right: 30px;
	}
}

@media ( min-width : 361px) and (max-width: 375px) {
}

@media ( min-width : 321px) and (max-width: 375px) {
}

@media ( min-width : 376px) and (max-width: 414px) {
	#menusite .navbar-toggle {
		position: absolute;
		right: 0px;
	}
}