@-ms-viewport {
  width: device-width; }

@viewport {
  width: device-width; }
  
@media screen and (max-width:1366px){

	
}
@media screen and (max-width: 1199px) {
	.logo_ten{font-size:9px;}
	.navbar-default .navbar-nav > li > a{
		padding: 30px 10px 28px 10px;
		font-size:12px;
	}
	.navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > li:hover > a{
		height:70px;
	}
}

@media screen and (max-width: 991px) {
	
	.logo_ten{font-size:14px;}
	
	.navbar-default .navbar-nav > li > a {
		padding: 0px 10px 0px 10px;
		
	}
	.navbar-right{min-height:40px;}
	.navbar-default .navbar-nav > li > a.active, .navbar-default .navbar-nav > li:hover > a{
		height:40px;
	}
	.navbar-collapse{min-height:40px;}
}

@media screen and (max-width: 768px) {
	.bnt-mobile{position:absolute;right:10px;}
	.header-mobile .col-xs-3{width: 16.66666667%;}
	.off-canvas{display:block;}
	.itemnew {
		width: 47.5%;
   
	}
}


@media screen and (max-width:650px){
	.logo_ten{font-size:11px;}
    
}
@media screen and (max-width:577px){
	
	
	.header-mobile .col-xs-9{display:none;}
    
	.header-mobile .col-xs-3{width: 50%;}
	.bnt-mobile {
    
		top: 15px;
	}
	.itemnew {
		width: 96%;
   
	}
}
@media screen and (max-width:521px){
	
	
    
}

@media screen and (max-width:460px){
	
}
@media screen and (max-width:350px){
	
}

/* small screens */
@media screen and (max-width: 768px) {
	html,
	body {
		margin: 0;
		overflow-x: hidden;
	}



	nav[role="off-canvas"] {
		position: absolute;
		top: 3em;
		left: -20em;
		width: 20em;
		opacity: 0;
	}
	nav[role="off-canvas"] ul > li {
		height: 100%;
		width: 100%;
		text-align: left;
		margin: 0;
	}
	nav[role="off-canvas"] ul > li:hover {
		box-shadow: inset 0 0 0 0.15em rgba(255, 255, 255, 0.45);
	}

	.menu-mobile {
		display: block;
		 color: #0072ab;
	}

	.menu-mobile:after {
		position: absolute;
		right: .25em;
		top: 0;
		content: "\2261";
		font-size: 2.2em;
	}

	.menu-mobile:hover,
	input:checked ~ .menu-mobile {
		color: #000;
	}

	input:checked ~ nav[role="off-canvas"] {
		opacity: 1;
		left: 0;
		box-shadow: -30em 0 0 30em rgba(0, 0, 0, 0.3);
	}
	input:checked ~ nav[role="off-canvas"] ul > li {
		padding: .55em .55em .55em 1.5em;
	}
	input:checked ~ nav[role="off-canvas"] ul > li:hover {
		padding-left: 3.5em;
	}
	input:checked ~ nav[role="off-canvas"] ul > li:after {
		position: absolute;
		right: .25em;
		content: "\203A";
		font: bold 1.4em sans-serif;
		color: inherit;
	}

	input:checked ~ .content {
		margin-left: 20.5em;
		margin-right: -20.5em;
	}
	.menu-mobile {display:block;z-index:999;background: transparent;}


}