/* #Media Queries Responsive
================================================== */

/* Desktop large
------------------------- */
@media (min-width: 1200px) {

}

/* Desktop
------------------------- */
@media (min-width: 980px) and (max-width: 1199px) {	

	/* Main NAv */
	.menu .navbar .nav > li > a{ padding-left:30px;}
	
	.title-1 { font-size:31px;}
	.title-2 { font-size:26px;}
	.title-3 { font-size:28px;}
	
	/* Inner PAge */
	.title-gallery .title-1 { font-size:21px;}
	.paging { padding-right:0px;}

}

/* Tablet to desktop
------------------------- */
@media (min-width: 768px) and (max-width: 979px) {
	
	.header-right{padding-top:0px;}
	.phone-number{margin-bottom:20px; margin-right:0px; margin-left:50px;}
	
	/* Main NAv */
	.menu .navbar .nav > li > a{ padding-left:15px;}
	.menu .navbar .nav > .active > a, .menu  .navbar .nav > .active > a:hover, .menu .navbar .nav > .active > a:focus { background:none; box-shadow: none; padding-left: 0px; color: #ef151b;}
	
	.title-1 { font-size:27px;}
	.title-2 { font-size:22px;}
	.title-3 { font-size:24px;}
	
	.list-2 li {max-width:128px;}
	
	.quick-contact .controls { margin-left:0px;}
	.quick-contact .control-label { width:100%;}
	
	.footer-container .span8, .footer-container .span4{ width:48.6%;}
	.footer-container .title-2 { font-size:28px;}
	.footer-container .nav {padding: 15px 0;}
	.footer-container .nav li { padding:0 10px; margin-bottom:20px;}
	.footer-container .nav li.sp { padding-left:0px; border-left:none;}
	
	/* Inner PAge */
	.title-gallery .title-1 { font-size:21px;}
	.paging { padding-right:0px;}

}

/* All Mobile Sizes (devices and browser)
------------------------- */
@media only screen and (max-width: 767px) {
	
	
	
	.header-right{ width:70%; padding-top:20px; overflow:hidden;}
	.phone-number{ margin-right:0px; margin-bottom:20px;}
	.phone-number a{color:#000; text-decoration:none;}
	.search .text { width:170px;}
	
	.container{ padding-left:20px !important; padding-right:20px !important;}
	
	/* Mobile NAvigation */
	.mobile_nav{ display:block; text-align:right;}
	.mobile_nav a{ font-size:17px; color:#FFF;}
	.mobile_nav a:hover{text-decoration:none;}
	.mobile_nav a img{ padding-left:10px;}
	
	#main_nav{ display:none;}
	
	/* Main NAv */
	.menu .navbar .nav{ float:right; width:100%; max-width:300px; margin-right:0px;}
	.menu .navbar .nav > li{ display:block; text-align:left; padding-bottom:5px; padding-top:5px; border-bottom:1px solid #212121;}
	.menu .navbar .nav > li > a{background: url(/dev/vipdecorating/sprite.png) no-repeat left -50px; box-shadow: none; padding-left: 50px; }
	.menu .navbar .nav > .active > a, .menu  .navbar .nav > .active > a:hover, .menu .navbar .nav > .active > a:focus {box-shadow: none;  color: #ef151b;}
	
	
	.title-1 { font-size:25px;}
	.title-2 { font-size:19px;}
	.title-3 { font-size:22px;}
	
	.list-2 li {max-width:89px; margin-right:0px;}
	
	.bg-2.skew .span3 { display:inline-block; width:45%; margin-left:2%; margin-right:2%; padding:0px 0px;}
	.bg-2.skew .span3 .title-3 { font-size:19px; padding-left:33px;}
	.bg-2.skew .span3 img{ display:block; margin-left:auto; margin-right:auto;}
	.bg-2.skew .span3 p.text{ display:none; }
	
	.bg-3.skew .span3 img{ display:block; margin-left:auto; margin-right:auto;}
	
	.quick-contact .controls { margin-left:0px;}
	.quick-contact .control-label, .quick-contact .input-xlarge { width:100%;}
	.quick-contact .controls .btn { float:left;}
	
	
	.footer-container .info { border-right:none;}
	.footer-container .title-2 { font-size:28px; padding-top:20px;}
	.footer-container ul.nav { max-width:295px; padding-bottom:0px;}
	.footer-container .nav li { padding:0 5px; margin-bottom:20px;}
	
	.footer-container .visit { font-size:16px; background-position:left top;}
	
	/* Inner PAge */
	.title-gallery .title-1 { font-size:21px;}
	.title-gallery{ margin-top:0px;}
	.paging { padding-right:0px;}
	.list ul { width:100%; display:block; text-align:center; margin-top:0px;}
	.list ul li{ float:none; display:inline-block; }
}



/* Mobile Landscape & Tablet Portrait
------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.footer-container .nav li.sp { padding-left:0px; border-left:none;}	
}

/* Mobile Portrait
------------------------- */
@media only screen and (max-width: 479px) {
	.logo{ width:100%; text-align:center;}
	.logo a { display:inline-block;}
	
	.phone-number{ width:100%; text-align:center;}
	/*.phone-number span { display:none;} */	
	.search .text { width:160px;}
	
	.header-right{ width:100%; text-align:center;}
	
	.footer-container .title-2 {font-size: 19px;}
	
	
	/* Inner PAge */
	.title-gallery .title-1 { font-size:17px;}
	.paging { font-size:14px;}
	.paging span { padding:0 3px;}

}