@media  (max-width: 1169px) {
.wrapper { width: auto; margin-left:20px; margin-right:20px;}

.touch-carousel .scrollbar-holder { width:auto; }
}

@media (max-width: 1023px) {
.header { position:relative; }
.bannercontainer { top:0; }
.services {margin-top:50px;}
.navigation { display:none; }
.menu-mobile {
	width:100%;
	background:#2d313d;
	display:none;
}
.menu-mobile ul.navigation { 
	float:none;
	display:block;
}
.menu-mobile ul.navigation li {
	float:none;
	margin:0;
	border-bottom:1px solid #3d4150;
}
.menu-mobile ul.navigation li a {
	padding:25px 0px;
	color:#fff;
}
.menu-mobile ul.navigation li:hover a, .menu-mobile  ul.navigation li.current a{
	background:none;
}
.menu-mobile  .navigation li ul {
	width:auto;
	display:block;
	position:inherit;
	background:none;
	border:0;
}
.menu-mobile  .navigation li ul li{
	margin:auto;
	padding:0px 35px;
	border-bottom:1px solid #3d4150;
}
.menu-mobile  .navigation li ul li:first-child{ border-top:1px solid #3d4150; }
.menu-mobile ul.navigation li ul li a { border:0; padding:25px 0px; }
.menu-mobile ul.navigation li ul li a:hover, .menu-mobile  ul.navigation li:hover ul li a:hover , .menu-mobile  ul.navigation li:hover ul li a { color:#fff; background: none; } 
.menu-mob-icon { display:block; }
.p-text-slider-2 {width:800px;}
.blog-post-header {top:0; margin-bottom:0; }
}
@media (max-width: 768px) {
.heading-box {
	background:url(../images/bg-heading.png) no-repeat bottom center;
	display:block;
	padding-right:0px;
	padding:20px;
	text-align:center;
}
.desc-box { text-align:center; }
.about-box .heading-box, .statistics .heading-box, .team-box .heading-box, .contact .heading-box, .blog-post-header .heading-box{ background:url(../images/bg-heading-white.png)  no-repeat bottom center; line-height:36px; }
.service {width:48%;margin-left:2%; }
.about-img, .about-info, .about-text1, .about-text2 { float:none; width:100%; text-align:center; }
.about-img img { width:300px; height:300px; }
.about-text1, .about-text2  { margin-top:30px; }
.portfolio-box .wrapper .left, .portfolio-box .wrapper .right { float:none; text-align:center;}
.portfolio-box .wrapper .right { margin-top:15px; }
.statistics-box {
	width: 48%;
	height: 48%;
	margin-left: 2%;
	margin-bottom: 2%;
}
.plan {
	width: 370px;
	margin:auto;
	float:none;
	margin-bottom:30px;
}
.buy-box .wrapper .left, .buy-box .wrapper .right { float:none; text-align:center; line-height:36px;}
.buy-box .wrapper .right { margin-top:50px; }
.contact-form .left, .contact-form .right { width:100%; float:none; }
.soc-box-footer, .twitter-box-footer, .dribbble-box-footer { width:100%; float:none; margin-left:0; margin-bottom:20px;}
.p-text-slider-2 {width:460px;}
.content-left, .content-right {
	float:none;
	width:100%;
	margin-left:0;
}
.portfolio-footer { margin-top:40px; }
}


@media (max-width: 460px) {
.wrapper { width: auto; margin-left:10px; margin-right:10px;}
.service, .services-boxes, .statistics-boxes {width:100%;margin-left:0; }
.about-img {  padding-left: 0; padding-right: 0; }
.about-img img { width:250px; height:250px; }
.statistics-box {
	width: 100%;
	height: 100%;
	margin-left: 0%;
}
.plan { width: 280px; }
.blog-box .touch-carousel { height: 465px; }
.blog-box .touch-carousel .touchcarousel-item { width:320px; height: 465px; }
.blog-box .touch-carousel .item-block img {
	width: 320px;
	height: 140px;
}
.link-hover-img { display:none; }
.blog-box .info-p .right { float:none; }
.avatar-com {
	float:none;
	margin: auto;
	margin-bottom: 10px;
}
.comment-info { margin-left:0px; float:left; }
.portfolio-footer a, .portfolio-footer a.home-link {
	width:100%;
	margin-bottom:10px;
	float:none;
	padding-left:0;
	padding-right:0;
}
.portfolio-footer a.home-link i{
	 margin:auto;
}
}