﻿/* Portrait tablet to landscape and desktop */
@media only screen and (max-width: 880px)
{
	.navbar .nav > li > a
	{
		font-size: 14px;
	}
}

/*For Portfolio Page*/
@media (max-width: 1200px)
{
	.portfolio-responsive h2
	{
		display: none;
	}
	.portfolio-responsive p
	{
		display: none;
	}
	.portfolio-responsive a.info
	{
		margin-top: 55px !important;
	}
}
@media (max-width: 767px)
{
	.portfolio-responsive h2
	{
		display: block;
	}
	.portfolio-responsive a.info
	{
		margin-top: 20px !important;
	}
}
/*End For Portfolio Page*/

@media (min-width: 980px)
{
	/*Menu*/
	.navbar
	{
		float: right;
		border: none;
	}
	.collapse.in li a, .collapse.in ul.dropdown-menu a, .collapse.in li a.dropdown-toggle
	{
		border: none;
	}
}

@media (max-width: 980px)
{
	/*Search Box Menu1*/
	.navbar .search-open
	{
		top: -39px;
		left: 38px;
		border: 0;
		padding-top: 5px;
		padding-bottom: 5px;
		position: relative;
	}
	.navbar .search-open input
	{
		width: 330px;
	}

	/*Search Box Menu2*/
	.navbar .search-open-inner
	{
		top: -51px;
		left: 45px;
		border: 0;
		padding-top: 6px;
		padding-bottom: 5px;
		position: relative;
		background: #3c495a;
	}
	.navbar .search-open-inner input
	{
		width: 330px;
	}


	/*Image hover*/
	.da-thumbs li article em
	{
		display: none !important;
	}
}

@media (max-width: 900px)
{
	/*Slider Sequence*/
	#sequence-theme .info
	{
		top: 80px !important;
		width: 60% !important;
		margin-right: 50px;
	}

	/*Slider Parallax*/
	.da-slide .da-img
	{
		display: none;
	}
}

@media (max-width: 450px)
{
	/*Slider Sequence*/
	#sequence-theme .info
	{
		top: 70px !important;
		width: 70% !important;
		margin-right: 25px;
	}
	#sequence-theme h2
	{
		font-size: 30px !important;
	}
	#sequence-theme .info p
	{
		font-size: 18px !important;
	}

	/*Slider Parallax*/
	.da-slide p
	{
		display: none;
	}
}

@media (max-width: 900px)
{
	/*Menu*/
	.nav-collapse .nav
	{
		float: none !important;
		margin-top: 10px !important;
	}

	/*Style Switcher*/
	i.style-switcher-btn
	{
		display: none;
	}

	/*Service Block*/
	.service .desc
	{
		width: 55%;
	}

	.contact-form .input-xlarge
	{
		width: 200px !important;
	}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px)
{
	/*Menu*/
	.nav-collapse .nav
	{
		margin-top: 10px !important;
	}

	/*Service Block*/
	.service .desc
	{
		width: 55%;
	}

	/*Registration and Login*/
	.reg-page
	{
		max-width: 100%;
	}
	.login-page
	{
		max-width: 100%;
	}
	.login-page input.login-inputs
	{
		width: 94%;
	}

	/*Login Page v1.1+*/
	.log-page
	{
		width: 200px;
	}

	/*Coming Soon Page*/
	.coming-soon input
	{
		width: 60%;
	}
	.coming-soon-copyright p
	{
		text-align: left;
	}
}

/* Landscape phones and down */
@media (max-width: 480px)
{
	/*Menu*/
	.nav-collapse .nav
	{
		margin-top: 10px !important;
	}

	/*Search Box Menu2*/
	.navbar .search-open-inner
	{
		top: -50px;
	}

	/*Service Block*/
	.service .desc
	{
		width: 60%;
	}

	/*Search Box Menu1*/
	.navbar .search-open input
	{
		width: auto;
	}

	/*Search Box Menu2*/
	.navbar .search-open-inner input
	{
		width: auto;
	}

	/*Coming Soon Page*/
	.coming-soon, .coming-soon-plugin
	{
		margin-top: 50px;
		padding: 10px;
	}
	.coming-soon input
	{
		width: 50%;
	}
	.coming-soon-copyright p
	{
		text-align: left;
	}
}

@media (min-width: 767px)
{
	.no-space-pricing .span3
	{
		width: 25% !important;
		margin-left: 0 !important;
	}
}

/*Higher Resolutions*/
@media (min-width: 1440px)
{
	/*Coming Soon Page*/
	.coming-soon-plugin
	{
		min-height: 330px;
	}
}

@media (min-width: 1680px)
{
	/*Coming Soon Page*/
	.coming-soon-plugin
	{
		min-height: 410px;
	}
}

@media (min-width: 1920px)
{
	/*Coming Soon Page*/
	.coming-soon-plugin
	{
		min-height: 560px;
	}
}


@media (max-width: @navbarCollapseWidth) {
	

{
	padding-top: 0;
}


.navbar-fixed-top,
.navbar-fixed-bottom {
	position: static;
}

.navbar-fixed-top {
	margin-bottom: @baseLineHeight;
}

.navbar-fixed-bottom {
	margin-top: @baseLineHeight;
}

	.navbar-fixed-top .navbar-inner,
	.navbar-fixed-bottom .navbar-inner {
		padding: 5px;
	}

.navbar .container {
	width: auto;
	padding: 0;
}


.navbar .brand {
	padding-left: 10px;
	padding-right: 10px;
	margin: 0 0 0 -5px;
}


.nav-collapse {
	clear: both;
}


.nav-collapse .nav {
	float: none;
	margin: 0 0 (@baseLineHeight / 2);
}

.nav-collapse .nav > li {
	float: none;
}

	.nav-collapse .nav > li > a {
		margin-bottom: 2px;
	}

.nav-collapse .nav > .divider-vertical {
	display: none;
}

.nav-collapse .nav .nav-header {
	color: @navbarText;
	text-shadow: none;
}


.nav-collapse .nav > li > a,
.nav-collapse .dropdown-menu a {
	padding: 9px 15px;
	font-weight: bold;
	color: @navbarLinkColor;
	.border-radius(3px);
}


.nav-collapse .btn {
	padding: 4px 10px 4px;
	font-weight: normal;
	.border-radius(@baseBorderRadius);
}

.nav-collapse .dropdown-menu li + li a {
	margin-bottom: 2px;
}

.nav-collapse .nav > li > a:hover,
.nav-collapse .nav > li > a:focus,
.nav-collapse .dropdown-menu a:hover,
.nav-collapse .dropdown-menu a:focus {
	background-color: @navbarBackground;
}

.navbar-inverse .nav-collapse .nav > li > a,
.navbar-inverse .nav-collapse .dropdown-menu a {
	color: @navbarInverseLinkColor;
}

	.navbar-inverse .nav-collapse .nav > li > a:hover,
	.navbar-inverse .nav-collapse .nav > li > a:focus,
	.navbar-inverse .nav-collapse .dropdown-menu a:hover,
	.navbar-inverse .nav-collapse .dropdown-menu a:focus {
		background-color: @navbarInverseBackground;
	}


.nav-collapse.in .btn-group {
	margin-top: 5px;
	padding: 0;
}


.nav-collapse .dropdown-menu {
	position: static;
	top: auto;
	left: auto;
	float: none;
	display: none;
	max-width: none;
	margin: 0 15px;
	padding: 0;
	background-color: transparent;
	border: none;
	.border-radius(0);
	.box-shadow(none);
}

.nav-collapse .open > .dropdown-menu {
	display: block;
}

.nav-collapse .dropdown-menu:before,
.nav-collapse .dropdown-menu:after {
	display: none;
}

.nav-collapse .dropdown-menu .divider {
	display: none;
}

.nav-collapse .nav > li > .dropdown-menu {
	&:before, &:after

{
	display: none;
}

}


.nav-collapse .navbar-form,
.nav-collapse .navbar-search {
	float: none;
	padding: (@baseLineHeight / 2) 15px;
	margin: (@baseLineHeight / 2) 0;
	border-top: 1px solid @navbarBackground;
	border-bottom: 1px solid @navbarBackground;
	.box-shadow(~"inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1)");
}

.navbar-inverse .nav-collapse .navbar-form,
.navbar-inverse .nav-collapse .navbar-search {
	border-top-color: @navbarInverseBackground;
	border-bottom-color: @navbarInverseBackground;
}

.navbar .nav-collapse .nav.pull-right {
	float: none;
	margin-left: 0;
}

// Hide everything in the navbar save .brand and toggle button */
.nav-collapse,
.nav-collapse.collapse {
	overflow: hidden;
	height: 0;
}

// Navbar button
.navbar .btn-navbar {
	display: block;
}

// STATIC NAVBAR
// -------------
.navbar-static .navbar-inner {
	padding-left: 10px;
	padding-right: 10px;
}

}


// DEFAULT DESKTOP
// ---------------

@media (min-width: @navbarCollapseDesktopWidth) {
	// Required to make the collapsing navbar work on regular desktops .nav-collapse.collapse

{
	height: auto !important;
	overflow: visible !important;
}
}
