
/* 23. Responsive Styles 
â€“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?“â?? */
@media only screen and (max-width: 1920px) {
.navbar-brand {
	display: none;}
}

@media only screen and (max-width: 1400px) {
.navbar-brand {
	display: none;}
}

@media only screen and (max-width: 991px) {
.intro .main-nav ul.main-menu li.search .search-box {
	left: -170px;}
.navbar-brand {
	display: none;}
.intro .main-nav ul.main-menu li.search .search-box .search-form::before {
	left: 83%;}
.footer-widget {
	margin-bottom: 50px;}
footer .footer-bottom {
	margin-top: 0;}
.intro .main-nav ul.main-menu li {
	margin-right: 0;}
.intro .main-nav ul.main-menu li.search .search-box {
	left: -200px;}
}

@media only screen and (max-width: 768px) {
.navbar {
	border:0px;}
.navbar-header {
	background:#fff;}
.intro .main-nav {
	position: inherit;
	background: #333;}
.navbar-toggle {
	background: /*transparent*/#336699 none repeat scroll 0 0;}
.navbar-toggle .icon-bar {
	background: #ddd none repeat scroll 0 0;}
.navbar-brand {
	display:inline;}

.intro .main-nav ul.main-menu {
	float: left;
	margin: 10px 0 20px 0;}
.intro .main-nav ul.main-menu li a {
    color: #FFF;
    font-weight: 600;
    padding: 6px 15px;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 20px;}
.intro .main-nav ul.main-menu li.active a::before, .intro .main-nav ul.main-menu li.active a::after, .intro .main-nav ul.main-menu li a:hover::before, .intro .main-nav ul.main-menu li a:hover::after {
	content: none;}
.intro .main-nav ul.main-menu li.active a, .intro .main-nav ul.main-menu li a:hover {
	color: #FF8724;}
.intro .main-nav ul.main-menu li.search .search-box {
	left: 40px;
	top: 0;}
.intro .main-nav ul.main-menu li.search .search-box .search-form::before {
	left: -3px;
	top: 11px;
	transform: rotate(47deg);}
.img-responsive {
	margin:auto;
	width:60%;}
.img-responsive-nochange {
	margin:auto;
	display: block;
	max-width: 100%;
	height: auto
;}
.shop-currencies  {
	display:block;
	text-align:center;}
.footer-widget {
	margin-bottom: 50px;}
footer .footer-bottom {
	margin-top: 0;}
}

@media only screen and (max-width: 640px) {
.navbar {
	border:0px;}
.intro .main-nav {
	position: inherit;
	background: #333;}
.navbar-header {
	background:#fff;}
.navbar-toggle {
	background: /*transparent*/#336699 none repeat scroll 0 0;}
.navbar-toggle .icon-bar {
	background: #ddd none repeat scroll 0 0;}
.intro .main-nav ul.main-menu li a {
    color: #FFF;
    font-weight: 600;
    padding: 6px 15px;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 20px;}
.intro .main-nav ul.main-menu li ul.dropdown-menu {
	background: #000;}
.intro .main-nav ul.main-menu li ul.dropdown-menu {
	background: transparent none repeat scroll 0 0;
	left: 0;
	margin-left: 20px;
	opacity: 1;
	position: static;
	visibility: visible;
	border: none;
	box-shadow: none;}
.intro .main-nav ul li ul li ul {
	background: transparent none repeat scroll 0 0;
	border: 0 none;
	box-shadow: none;
	left: 0;
	margin-left: 30px;
	opacity: 1;
	padding: 10px;
	position: static;
	visibility: visible;
	width: 100%;}
.img-responsive {
	margin:auto;
	width:60%;}
.img-responsive-nochange {
	margin:auto;
	display: block;
	max-width: 100%;
	height: auto
;}
.shop-currencies  {
	display:block;
	text-align:center;}
}

@media only screen and (max-width: 480px) {
.navbar {
	border:0px;}
.intro .main-nav {
	position: inherit;
	background: #333;}
.navbar-header {
	background:#fff;}
.navbar-toggle {
	background: /*transparent*/#336699 none repeat scroll 0 0;}
.navbar-toggle .icon-bar {
	background: #ddd none repeat scroll 0 0;}
.navbar-collapse.in {
	background: #333 none repeat scroll 0 0;
	width: 100%;
	height: auto;
	transition: .3s ease;}
.intro .main-nav ul.main-menu {
	float: left;
	margin: 10px 0 20px 0;}
.intro .main-nav ul.main-menu li a {
    color: #FFF;
    font-weight: 600;
    padding: 6px 15px;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 20px;}
.intro .main-nav ul.main-menu li.active a::before, .intro .main-nav ul.main-menu li.active a::after, .intro .main-nav ul.main-menu li a:hover::before, .intro .main-nav ul.main-menu li a:hover::after {
	content: none;}
.intro .main-nav ul.main-menu li.active a, .intro .main-nav ul.main-menu li a:hover {
	color: #FF8724;}
.intro .main-nav ul.main-menu li.search .search-box {
	left: 40px;
	top: 0;}
.intro .main-nav ul.main-menu li.search .search-box .search-form::before {
	left: -3px;
	top: 11px;
	transform: rotate(47deg);}
.intro .main-nav ul.main-menu li a {
	margin-bottom: 0;}
.img-responsive {
	margin:auto;
	width:60%;}
.img-responsive-nochange {
	margin:auto;
	display: block;
	max-width: 100%;
	height: auto
;}
.shop-currencies  {
	display:block;
	text-align:center;}
.footer-widget {
	margin-bottom: 50px;}
footer .footer-bottom {
	margin-top: 0;}
}
