/* ============================================================================

    - Description : Responsive Styles
	- Author      : Rahisi Themes
	- Template    : Deluxer Business Theme
	- URL         : http://www.duniapost.com/templates/deluxer/index.html
	- Version     : 1.0

============================================================================= */


/* Support Boxed Layout
================================================== */

@media (min-width: 768px) {
  .container {
    max-width: 750px!important;
	width:auto!important;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 970px!important;
	width:auto!important;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1170px!important;
	width:auto!important;
  }
}

/* Tablets and up
================================================== */
@media (min-width: 767px) {
	
	#main-nav.navbar-default .navbar-nav > li:hover  > .dropdown-menu {display:block;}

}

/* Tablets
================================================== */
@media (max-width: 940px) and (min-width: 767px) {

.project .overlay i {color:#fff; border:2px solid #fff; padding:10px 15px; font-size:20px; display:inline-block; margin:30px 0 20px 0}
.project .overlay h4 {text-transform:capitalize; color:#fff; margin:0 0 7px 0; line-height:1; font-size:16px}
.project .overlay span {text-transform:uppercase; color:#fff; font-size:10px}
.error-info h1 {font-size:150px;}
.intro-slider h1 {font-size:47px;}
.intro-slider  .slide p {font-size:16px}

}

/* All Small Devices
================================================== */
@media (max-width: 767px) {

	/* Shortcodes */
	.margin-b-30-xs {margin-bottom:30px!important}
	.margin-b-15-xs {margin-bottom:15px!important}
	.margin-b-20-xs {margin-bottom:20px!important}
	.margin-b-10-xs {margin-bottom:10px!important}
	.margin-x-auto-xs {margin-right:auto!important; margin-left:auto!important}
	.pad-y-30-xs {padding-top:30px!important;padding-bottom:30px!important;}
	.block-xs {display:block!important}
	.inline-block-xs {display:inline-block!important}
	.no-float-xs {float:none!important}
	.pull-left-xs {float:left!important}
	.pull-right-xs {float:left!important}
	.align-center-xs {text-align:center!important}
	.fullw-xs {width:100%!important}
	.no-border-xs {border:none!important}
	.no-pad-xs {padding:0!important}
	.align-left-xs {text-align:left!important}
	.align-center-xs {text-align:center!important}
	.align-right-xs {text-align:right!important}
	
	/*Layout */
	#page-wrapper {max-width:460px}
	#header {min-height:84px}
	#main-nav.navbar-default .navbar-nav > li > a {
		line-height:1
		display:block;
		padding:15px;
		font-size:13px;
		border-bottom:1px solid #fff;
	}
	#main-nav.navbar-default .navbar-nav > li {border-bottom:1px solid #ddd}
	#main-nav.navbar-default .navbar-nav > li:last-child a, #main-nav.navbar-default .navbar-nav > li:last-child{border:none} 
	.navbar-collapse {background:#F7F8F8;border:1px solid #ddd;margin:24px 0 30px 0}
	#main-nav .dropdown-menu {border-top:1px solid #ddd!important}
	#main-nav .dropdown-menu li a {border-left:none; border-right:none}
	#main-nav .dropdown-menu li:last-child a {border-bottom:none}
	#main-nav .dropdown-menu li.active  a {background:#fff; font-weight:bold; border-left:none; border-right:none}
	#main-nav.navbar-default .navbar-nav > .open > a, #main-nav.navbar-default .navbar-nav > .open > a:hover, #main-nav.navbar-default .navbar-nav > .open > a:focus {
		background-color: #eee;
	}
	.section-title {margin-bottom:30px}
	.error-info  .pull-right {box-shadow:none}
	
	#intro-block {height:auto;}
	.intro-slider {padding:40px 0}
	.intro-slider .buttons {}
	.intro-slider .bx-wrapper {margin:0 auto 50px auto;}
	.intro-slider .slide {padding:30px 10px; height:auto}
	.intro-slider .slide h1 {font-size:30px}
	.intro-slider .slide p {font-size:15px; line-height:1.2em}
	.intro-slider .bx-wrapper .bx-pager, .intro-slider .bx-wrapper .bx-controls-auto {bottom:-40px}
	
	.testimonial-slider  li:nth-child(2n) .text {float:right}
	.testimonial-slider  li:nth-child(2n) .testimonial .arrow {left:auto; left:-16px; background:url(../images/quote-arrow-left.png) no-repeat 0 0}
	.testimonial-slider  li:nth-child(2n) .text .author {text-align:left}
	.testimonial-slider  li:nth-child(2n) .testimonial .client {float:left;}
	.testimonial-slider .bx-controls-direction {margin:0; right:0; left:auto}
	
	.split-buttons {width:100%}
	.split-buttons .btn {font-size:13px}
	
	.logo-list li {float:left; width:32%; margin:0 2% 2% 0;  border:1px solid #ddd; background:#fff}
	.logo-list li:nth-child(3n) {margin-right:0}
	
	.side-widget {padding-left:0}
	
	.project .overlay i {margin:100px 0 20px 0}
	
	.contact-form .pull-left, .contact-form .pull-right { width: 100%;}
	
	#copy-text {padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:1px solid rgba(255,255,255,0.1)}
	#footer-links > li {margin:0 7px}
}

/* Smaller Screens
================================================== */
@media (max-width: 400px) {

	.project .overlay i {margin:30px 0 20px 0}


}