@media only screen and (orientation:landscape) {
body { -webkit-text-size-adjust:none; }

}

@media screen and (min-width:280px) and (max-width:767px){
	img, img.scale-with-grid { outline: 0; max-width: 100%; height: auto;}
	/*----nav---*/
	.navbar-brand img{ width:100%;  margin-left:10px;}
	.navbar-default .navbar-brand {position:relative; width:150px; top:-15px;}
	.navbar-default .navbar-nav{ background:none;}
	.navbar-default .navbar-nav > li{ background:none; border-right:none; border-bottom:1px solid #0B0B0B; -moz-transform: skew(0deg) !important;
	-webkit-transform: skew(0deg) !important;
	-o-transform: skew(0deg) !important;
	-ms-transform: skew(0deg) !important;
	transform: skew(0deg) !important; } 
	.navbar-default .navbar-nav > li:last-child{ border:none;}
	
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {color:#FFF;background:none; padding:8px 10px; border-radius:0;}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{ background:url(../images/body-black-pattrn.jpg) repeat; color:#FFF !important;} 
	.navbar-default .navbar-nav > li > a {color:#cecbc9; }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {color: #333;}
	.navbar-default .navbar-nav > li > a {color: #FFF; padding:10px 10px; }
	ul.nav li.dropdown:hover ul.dropdown-menu{ width:100%; position:relative;}
	.navbar-collapse{ border:0;}
	.navbar-default .navbar-nav .open .dropdown-menu > li:last-child{ border:none;}
	
	/*-----banner---*/
	.banner .slider-text{ position:absolute; bottom:0; z-index:100; height:50px; display:block; width:80%; padding:0 10%;}
}
@media screen and (min-width:768px) and (max-width:1199px){
	img, img.scale-with-grid { outline: 0; max-width: 100%; height: auto;}
	.navbar-default {font-size:13px;}
	.navbar-default .navbar-nav > li > a { padding:24px 5px;  letter-spacing:0px; border-radius:0px; text-shadow:none; font-weight:700;  text-transform:uppercase; }
	.navbar-default .navbar-brand {position:relative; top:-10px; width:150px;}
}

@media screen and (min-width:280px) and (max-width:500px){
.box.welcome .media-left{ float:none; display:block;}
.box.welcome .media-body{ padding-left:0px; padding-top:10px;}
}