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

}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {

	#home-carousel  .item {
		height: 500px;
	}
	#our-team, #pricing, #our-works, #services, #contact{
		padding-top: 110px;
		padding-bottom: 100px;
	}
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {

	.st-navbar ul li a{
		margin-left: 13px;
		margin-right: 13px;
	}

	#home-carousel  .item {
		height: 500px;
	}
	#our-team, #pricing, #our-works, #services, #contact{
		padding-top: 100px;
		padding-bottom: 100px;
	}

}

/* xs */
@media (max-width: 767px) {

	.logo{
		margin-left: 15px;
	}
	.logo img{
		max-width:100%
	}
	.navbar-nav{
		background-color: #f5f5f5;
	}

	.st-navbar .navbar-collapse ul{
		margin-top: 18px;
	}

	#home-carousel  .item {
		height: 300px;
	}

	
	.st-service {
		margin-top: 50px;
	}
	.mainleft{ display:none}
	.bg-red{display:none}
	.mainright {
		
position: relative;
		
top: 0px;
		
left: 0px;
	}
	.mainright li{width:100%;border: 0px;text-align: center;}
	.mainright p.xl1 {
    	background: url(../images/x_01.png) no-repeat center;
	}
	.mainright p.xl2 {
    	background: url(../images/x_02.png) no-repeat center;
	}
	.mainright p.xl3 {
    	background: url(../images/x_03.png) no-repeat center;
	}
	.mainright p.xl4 {
    	background: url(../images/x_04.png) no-repeat center;
	}
	.mainright p.xl5 {
    	background: url(../images/x_05.png) no-repeat center;
	}
	.mainright p.xl6 {
    	background: url(../images/x_06.png) no-repeat center;
	}
	#our-team, #pricing, #our-works, #services{
		padding-top: 100px;
		padding-bottom: 100px;
	}

}

/* XS Portrait */
@media (max-width: 479px) {



}