@media screen and (min-width:1400px)  {
	
	.home2-portfolio .container #Grid .mix .fancy{
		left:33.1%;	
		}
	.our-portfolio #Grid .mix img{width:100%}	
	.our-portfolio #Grid .mix .fancy{
		left:36.59%;	
		}
	.portfolio-4col #Grid .mix .fancy {
    left: 36.59% !important;
}	
.portfolio-4col-full #Grid .mix .fancy {
    left: 28.5% !important;
}
.jcarousel ul li .fancy{
left:36.59%;
}
.portfolio-clasic .fancy{
left: 33.2% !important;
}	
	}
@media screen and (width:1440px)  {

.portfolio-4col #Grid .mix .fancy,.jcarousel ul li .fancy {
    left: 33.1%;
} 
.portfolio-fullwidth .grid #Grid li .fancy{
left: 33.1% !important;
}

}	

@media screen and (min-width:1025px) and (max-width: 1300px)  {

.bs-foreground .image {
    left: 19%!important;
    position: absolute;
    top: 6%!important;
    width: 57%!important;
}
.bs-foreground .image1 {
    left: 9%!important;
}
.bs-foreground .h1{
top:73.5%!important;
left:26%!important;
}
.bs-foreground .index-tour{
left:51%;
}
.bs-foreground .index1-p{
left:22%!important;
}
.bs-foreground .home3-p{
bottom:53%!important;
}
.bs-foreground .hr{
bottom:45%!important;
}
.bs-foreground .home3-tour{
right:332px !important;
bottom:170px;
}
.bs-foreground .home3-pur{
bottom:170px;
 right: 480px;
}
.bs-foreground .imagee{
width:23%!important;
}
.bs-foreground .ri{
bottom:60%!important;
}
.bs-foreground .rii{
bottom:52%!important;
}
.bs-foreground .riii{
bottom:44%!important;
}
.full-width .span4{width:320px !important;}
.fancybox{left:36%;}

.home2-portfolio .container #Grid .mix .fancy {
    left: 33.2%;
}
.jcarousel ul li .fancy {
    
    left: 31.4%;
    
}

.portfolio-4col #Grid .mix .fancy {
    left: 31.3% !important;
}

}
@media screen and (min-width:768px) and (max-width:979px)  {
section{
width:100%;
margin:0 auto;
padding:0px!important;

}
.contactus .container .contact h4{margin-top:0px;}
.contactus .container .span4 p{margin-bottom:0px;}
.gallery-res .container .span4{width:220px !important;}
.footer .container .span3 p{font-size:12px;}
.bs-foreground .home3-wel{

font-size:16px!important;
}
.testi{padding:70px 0px !important;height:392px !important;}
.testi .span7{width:700px;margin:0 auto;}
.full-width{padding-bottom:50px !important;}
.even{padding-bottom:20px !important;}
.portfolio{
padding:0px!important;
}
.our-client{padding:70px 0px !important;}
.our-client .span3{margin-right:17px;}
.our-client .last-client{margin-right:0px;}
.our-client .span3 img{margin-left:4px;}
.client-3 img{margin-left:40px !important;}
.container{
	width:724px!important;	
	margin:0 auto;
	
	}
.coloum4 input{width:56%;}
.address{width:533px} 	
.navbar-inverse .btn-navbar{
width:68px!important;
height:68px!important;
background-color:#f1f1f1 !important;
margin-top:0px !important;
margin-right:10px;
background-image:none !important;

}
.footer .container .coloum2 div img{width:100%;}
.ca-wrapper .span3{margin-right:20px !important;}
.btn-navbar:hover{
background:none !important;
}
.dropdown-menu,.dropdown-menu li{width:100% !important;}
.icon-bar {

    display: block;
    height: 4px;
    margin: 5px auto;
    width: 27px;
}
	
.address ul li{font-size:11px;}

.home1-text{
position:absolute;
top:40px!important;
}
.social-icon{
width:180px;
}
.team-icons {
    display: none;
    left: 30px;
    
    top: 80px;
}

.navbar .bottom > li{
margin-left:0px !important;
}
.home3h {
  
    font-size: 29px !important;
   
    line-height: 30px;
   
   
    width: 285px;
}

.navbar-inner .container{
width:100% !important;
}


.mobile-drop{
position:relative;
}
.dropdown-menu{
display:block!important;
}
.mobile-button{
width:68px;
height:68px;
background-color:#f1f1f1 !important;
margin-top:0px !important;
margin-right:10px;

}
.navbar .bottom > li{padding-bottom:0px;}
.mobile-button{
	border:none !important;	
	border-radius:none !important;
	box-shadow:none !important;
	background-image:none !important;
	}
.navbar .btn, .navbar .btn-group{margin-top:11px;}	
	
.weare,.responsive,.causes,.even,.facts,.gallery,.latest-news,.clients{padding-top:50px !important;}	
	

.ca-wrapper .span3 .cause-over{width:90%;}

.ca-container{height:200px;}
.facts .container .over{padding:27px 55px;padding-right:10px;}
#Grid .mix{margin-right:19px;margin-bottom:20px;}
.fancybox{left:30%;}
.weare .container .span4 .flicker-example{height:300px;margin-bottom:20px;}	
.icon-bar {

    display: block;
    height: 4px;
    margin: 5px auto;
    width: 27px;
} 

.logo {
    padding-top: 24px;
	padding-left:10px;
	padding-bottom:10px;
}
.nav-collapse .nav > li > a{
padding:17px!important;

}
	
.pricing-table{padding:70px 0px !important;}
.pricing-table .container .span4{margin-right:20px;}
.pricing-table .container .last-table{margin-right:0px;}

.footer .container .span3{
	margin-right:20px;	
	}
.footer{
	padding-bottom:50px !important;
	padding-top:50px !important;	
	}	

.footer .container .coloum2 div{
	margin-right:-1px !important;	
	margin-bottom:3px !important;
	}	
.coloum3 .span2{
	width:94px;	
	}		
.coloum3 .pull-left{
	margin-right:6px;	
	}	
.services .container .span4{margin-right:11px !important;}
.services .container .span4 .service-icon{left:28%;}
.isotop-link{left:52%;}
.fancy{left:26%;}
#Grid li .isotop-heading h3{margin:0px;font-size:16px;}
#Grid li .isotop-heading p{font-size:16px;line-height:12px;}

.services-home2 .container .span4{margin-right:20px;}
.services-home2 .container .span6{margin-right:81px;}
.some-facts .container .span3{margin-right:20px;}
.some-facts .container .last-fact{margin-right:0px;}
.services-home2,.home2-portfolio,.home3-services,.our-services,.our-team,.our-work{padding:70px 0px !important;}
.some-facts{padding-bottom:70px !important;}
.footer-nav .container .pull-right ul li a,.footer-nav .container .pull-left p{font-size:12px;}
.fully-responsive{padding:0px !important;height:400px !important;}
.fully-responsive .container{padding-top:70px!important;}

.home3-services .container .span6{
	width:100%;
	margin-top:30px;	
	}
.our-services .container .span3{margin-right:18px;}	
.last-ser{margin-right:0px !important;}
.our-team .container .span4,.our-work .container .span4{margin-right:19px;}
.our-team .container .last-member,.our-work .container .last-work{
	margin-right:0px !important;
		
	}
.our-team .container .span4 .team-img .team-social{
	left:6%;	
	}
.our-work .container .span4 .work-img .work-overlay-content p{
	font-size:11px;	
	}
.our-work .container .span4 .work-img .work-overlay-content h3{
	padding-top:6%;	
	}	
.our-work .container .span4 .work-img .work-overlay-content{height:79%;}	
.our-services .container .span3 h3{
	font-size:17px;	
	}		

.features-product,.home4-responsive,.home4-about{
	padding-top:70px !important;	
	}
.ca-item .isotop-link {
    left: 47%;
}
.subcribe{
	padding:70px !important;	
	}	
#home4-res{
	height:540px;	
	}	
.home4-about .container .span6{
	margin-right:19px;	
	}
.home4-about{
	padding-bottom:40px !important;	
	}	
.home5-about .container .span3,.home5-portfolio #Grid .mix{margin-right:20px !important;}
.home5-portfolio #Grid .mix{margin-bottom:20px !important;}
.home5-about,.home5-portfolio{padding-top:70px !important;}	
.home5-portfolio #Grid  .last-isotop,.home5-about .container .last-service{margin-right:0px !important;}
.history .container .span6 {
   
    width: 304.5px;}
	
.history .container .span6 .service-icon{margin-bottom:20px;}	
.history .container .span6 .dot2{right:-1.90%;}
.history .container .span6 .dot{left:-1.90%;}
.notfond{padding:70px 0px !important;}
.comingsoon{padding:50px 0px !important;}	
.sub{width:526px;}	
.subcribe .container{width:453px !important;}
.about-us1,.team-page2{padding-top:70px !important;}	
.about-us1 .container .span6 {
    margin-right: 73px;
    padding-top: 0px;
}
.team-page2 .container .team-detail{
	margin-right:20px;	
	}
.team-detail-page{
	padding-bottom:0px !important;	
	}


.contact-us{
	padding-top:70px !important;	
	}
.send-us-message form .span12 textarea{
	width:96.5%;	
	}	
.send-us-message form .span12 .submit{
	width:98.5%;	
	}	
		
.porfolio-1col,.portfolio-4col{padding:70px 0px !important;}
.porfolio-2col .container #Grid .mix{
	margin-right:28px !important;	
	}
.porfolio-3col .container #Grid .mix{
	margin-right:23px !important;	
	}	
.porfolio-2col .container #Grid .last-isotop,.porfolio-3col .container #Grid .last-isotop{
	margin-right:0px !important;	
	}	
.porfolio-2col,.porfolio-3col,.portfolio-4col-full,.blog-fullwidth{
	padding:70px 0px !important;	
	}
.porfolio-3col .container #Grid .mix .fancy{
	left:30%;	
	}	
.home5-portfolio #Grid .mix .fancy {
    bottom: 40%;
    left: 22% !important;
}
.portfolio-4col #Grid .mix .fancy {
    left: 26% !important;
}
.portfolio-4col-full #Grid .mix {
    margin-bottom: 19px !important;
    margin-right: 19px !important;
   
}
.portfolio-4col-full #Grid .last-isotop{
	margin-right:0px !important;
	
	}
.portfolio-4col-full #Grid .mix .fancy {
    left: 22%;
}
.sidebar .recent-post .pull-right{
	width:60%;	
	}

.sidebar .flicker-photo .clearfix .pull-left {
    margin-bottom: 1px;
    margin-right: 1px;
   
}
.porfolio-1col .container .span8 #Grid .mix{
	margin-right:18px !important;
	margin-bottom:18px !important;	
	}
.porfolio-1col .container .span8 #Grid .last-isotop{
	margin-right:0px !important;
	
	}
.porfolio-1col .container .span8 #Grid .mix .fancy {
    left: 30%;
}			
.our-work .container .span6{
	margin-right:19px;	
	}
.our-work .container .span6 .work-img .work-overlay-content {
    
    height: 80%;
    left: 4%;
  
    top: 8%;
    width: 90%;
}	
.blog-fullwidth .container .span8 .blog-image .blog-overlay-border {
  
    height: 86%;
    left: 2%;
   
    top: 5%;
    width: 94%;
}
	
.blog-fullwidth .container .span8 .span4 {
    margin-bottom: 30px;
    margin-right: 10px!important;
}

.blog-fullwidth .container .span8 .span4 .work-img .work-overlay-content p {
    font-size: 11px;
}
.blog-fullwidth .container .span8 .span4 .work-img .work-overlay-content h3 {
    padding-top: 6%;
}
.our-work .container .span3{
	margin-right:19px;	
	}
.our-work .container .last-work{
	margin-right:0px;	
	}	
.our-work .container .span3 .work-img .work-overlay-content h3{
	font-size:15px;
	}
.our-work .container .span3 .work-img .work-overlay-content {
  
    height: 87%;
    left: 3%;
  
    top: 4%;
    width: 89%;
}
.blog-list .container .span6 .work-img{
	width:100%;	
	}
.blog-list .container .span6 .work-img img,.blog-list-sidebar .container .span8 .work-img img{
	width:100%;	
	}
.blog-list .container .span6 .work-content{
	width:94%;
	}	
.blog-list .container .span6 .work-img .work-overlay-content{
	 height: 80%;
    left: 6%;
    top: 8%;
    width: 85%;
	}	
.blog-list-sidebar .container .span8 .work-img{
	width:94%;	
	}
.blog-list-sidebar .container .span8 .work-content{
	width:89%;	
	}
.blog-detail-leftside,.gallary-twocol{
	padding:70px 0px !important;	
	}	
.gallary-twocol .container .span6 {
  
    margin-right: 19px;
}	
.gallary-twocol .container .last-image {
  
    margin-right: 0px !important;
}	

.gallary-twocol .container .span6 .gallery-img .fancy {
    bottom: 39%;
  
    left: 41%;
}
.gallary-twocol .container .span4,.gallary-twocol .container .span3{
    margin-bottom: 19px;
    margin-right: 19px;
}
.gallary-twocol .container .span4 .gallery-img .fancy {
    bottom: 32%;
   
    left: 40%;
}
.gallary-twocol .container .span3 .gallery-img .fancy {
    bottom: 25%;
   
    left: 33%;
}
.tp-caption .slide3-large {
    color: #fff !important;
    font-size: 39px !important;
    line-height: 68px !important;
    margin: 0;
}
.tp-caption .slide3-largee {
    color: #fff !important;
    font-size: 39px !important;
    line-height: 68px !important;
    margin: 0;
}
.slide2-caption-medium-titleee{font-size:35px !important;margin-top:-11px !important;}
.responsive-pur{left:280.409px !important;}
.responsive-cap {left:281.087px !important;}
.home2-fade p{
	
	line-height:14px !important;	
	}
.tp-caption .home2-slide,.tp-caption .home2-medium{
	color:#fff !important;
	line-height:24px !important;	
	}
.services .container .counter .span6 .progress1{
	margin-bottom:60px;	
	}	
.progress2{
	margin-bottom:0px !important;	
	}
.col1-sidebar .container .span8 #Grid .mix{
	
	margin-bottom:0px !important;
	}	

.history .container .span6 .span4 {
    width: 176px;
}
.services-res {
   
    margin-top: 70px;
}
.jcarousel ul li .fancy{
left: 26.5%;
}
.jcarousel ul li .isotop-heading h3 {
    margin-top: 4px;
}
.jcarousel ul li .isotop-heading p {
    font-size: 14px;
    line-height:10px;
}
.home2-portfolio .container #Grid .mix .fancy {
    left: 25.3%;
}
.home5-mac img{
	width:33%;	
	}
.home5-mac2 img{
	width:73%;	
	}
.home5-mac2{left:25% !important;}	
.home5-mac3 img{
	width:45%;	
	}		
.full-responsive .span6 .home5-mac3 {
   
    right: -31%;
   
}
.comment-form form .span8 input,.comment-form form .span8 textarea{
width:94%;
}
.slide2-caption{
margin-top:0px !important;
}
.home4-about .container .span6 p{font-size:12px;line-height:18px;}
.navbar-inner .nav li a:hover{
	border:none !important;
	}	
.navbar-inner .nav li .dropdown-menu li a:hover{
	background:none !important;
	}	
.nav-search{padding-left:20px;}	
.demo-footer .demo-copy{
width:100%;
}
.demo-main-content{padding:70px 0px !important;}
.portfolio-4col-full #Grid li .isotop-heading h3{
margin-top:0px;
}			
}

@media screen and (min-width:980px) and (max-width:1024px) {
.section{
width:100%;
margin:0 auto;
padding:0px;
}
#late{height:378px;}
.portfolio{
padding:0px;
}
.container{
	width:970px!important;	
	margin:0 auto;
	
	}
.social-bar{
padding:0px !important;
}



.
.home1-text{
position:absolute;
top:40px!important;
}
.social-icon{
width:336px;
}
.team-icons {
    display: none;
    left: 55px;
    top: 100px;
}

.social-bar .container{
    overflow: hidden;
    padding-bottom: 8px;
    padding-top: 9px;
}
.social-icon ul li a {

}
.res-socialicon{
width:354px;
}
.home-box-topnav{
padding:10px;
}
.address ul .i {
	
    padding: 12px 20px;
}
.address ul .addrs {
    border:none;


}

.footer .container .coloum2 div:nth-child(4){
	margin-right:16px;	
	}	


.ca-wrapper .span3 .cause-over{width:93%;}

.ca-container{height:200px;}



.fancybox{left:35%;}

.gallery-two .span8 .span4{width:295px;}

.gri figure{width:100% !important;}


.address{width:64%;}
.coloum3 .span2{width:62%;}
.coloum4 input{width:68%;}
.our-client .span3 img{margin-left:30px;}
.our-client .client-3 img{margin-left:66px !important;}
#test{height:400px;}
.footer .container .coloum2 div {
    margin-bottom: 16px;
    margin-right: 16px;}
	.fancy{left:27.5%;}

#Grid li .isotop-heading h3 {
    margin-top: 6px;
}
.home2-portfolio .container #Grid .mix .fancy {
    left: 30.4%;
}	

.home3-services .container .macbook{width:40%;}
.home3-services .container .span6 .pull-left p{font-size:11px;}
.our-team .container .span4 .team-img .team-social{
	left:17%;	
	}
	
#rotator{height:216px !important;width:216px !important;margin-right:35px }	
#rotators{height:216px !important;width:216px !important;margin-right:35px }	
#rotatorss{height:216px !important;width:216px !important;margin-right:35px }	
#rotatorsss{height:216px !important;width:216px !important; }
.services-home2 .container .counter ul .web{margin-right:35px;}		
.history .container .span6 {
   
    width: 427.5px;
}	
.send-us-message form .span12 textarea{
	width:100.5%;	
	}
.send-us-message form .span12 .submit{
	width:102%;	
	}
.porfolio-3col .container #Grid .mix .fancy,.porfolio-1col .container .span8 #Grid .mix .fancy{
	left:30.4%;	
	}			
.home5-portfolio #Grid .mix .fancy {
    bottom: 40%;
    left: 29% !important;
}
.portfolio-4col #Grid .mix .fancy {
    left: 28% !important;
}
.portfolio-4col-full #Grid .mix .fancy {
    left: 24.6%;
}
.portfolio-4col-full #Grid .mix {
    margin-bottom: 24px !important;
    margin-right: 24px !important;
   
}
.portfolio-4col-full #Grid .last-isotop{
	margin-right:0px !important;
	
	}
.sidebar .flicker-photo .clearfix .last-flicker{
	margin-right:17px;	
	}
.porfolio-1col .container .span8 #Grid .mix {
   
    margin-right: 23px !important;
     margin-bottom: 23px !important;
}	
.porfolio-1col .container .span8 #Grid .last-isotop{
   
    margin-right: 0px !important;
    
}
.blog-fullwidth .container .span8 .blog-image .blog-overlay-border{
	top:4%;	
	}		
.blog-fullwidth .container .span8 .span4 {
    margin-bottom: 30px;
    margin-right: 19px!important;
}
.blog-fullwidth .container .span8 .last-work {

    margin-right: 0px!important;
}
.blog-list .container .span6 .work-img{
	width:100%;	
	}
.blog-list .container .span6 .work-img img{
	width:100%;	
	}
.blog-list .container .span6 .work-content{
	width:95%;
	}	
.blog-list-sidebar .container .span8 .work-img{
	width:94%;	
	}
.blog-list-sidebar .container .span8 .work-content{
	width:90.5%;	
	}
.blog-list-sidebar .container .span8 .work-img img{
	width:100%;	
	}	
.gallary-twocol .container .span4 .gallery-img .fancy {
    bottom: 36%;
  
    left: 40%;
}		
.responsive-pur{left:426.865px!important;}
.slide2-caption{line-height:30px !important;}
.col1-sidebar .container .span8 #Grid .mix{
	
	margin-bottom:0px !important;
	}
.jcarousel ul li .isotop-heading h3 {
    margin-top: 9px;
}
.jcarousel ul li .fancy{
left:27.5%;
}

.full-responsive .span6 .home5-mac2 {
    position: absolute;
    right: 18%;
    top: 0;
    z-index: 999;
}

	
}


@media screen and (min-width:481px) and (max-width: 600px)  {
body{
padding:0px;
}
.main{

width:100% !important;
padding-top:0px!important;
padding-bottom:0px!important;
padding-left:0px!important;
padding-right:0px!important;

}


.main-nav{
display:none;
}
.container{
	width:100%;	
	padding-bottom:30px ;
	padding-top:30px;
	margin:0 auto;

	
	}
.mobile-logo{
margin-top:30px;
margin-left:10px;
}
.mobile-button{
width:80px;
height:80px;
background-color:#f8f8f8 !important;
margin-top:0px !important;
margin-right:10px;

}
.nav-collapse .nav > li > a{
padding:5px!important;

}

.nav-collapse .nav > li > :hover{
background-color: #54C0E6 !important;
border-radius:0px !important;
}
.nav-collapse .nav  li  a:hover{
color:#fff!important;
}

.footer-nav  .res-bottomnav .nav li a{
padding-right:0px!important;
padding-bottom:0px!important;
padding-top:10px !important;
margin-left:11px;
}
.copyright{
padding-top:10px !important;
}
.icon-bar {
background-color:#00a0d5 !important;
height:4px;
width:27px;
margin-top:5px;
}
.team-icons {
    display: none;
    left: 30px;
    
    top: 80px;
}

.social-icon{
width:320px;
float:left!important;
}	

.res-footer .intro p {
margin-bottom:40px;
}


.navbar-inner .nav li a {
padding-right:10px !important;
padding-left:0px !important;
font-size:9px !important;
}


 .last-isotop{
 margin:0px !important;;
 }




.testimonial h3{
font-size:16px;

}
.testimonial p{
font-size:10px;

}
.res-testimonial{
width:280px ;
margin:0 auto;

}
.testi-image .image {
  

    height: 52px;
    padding: 6px;
    width: 52px;
}
.testimonial2{
margin-top:12px;
}

.top-nav {
padding:0px !important;
padding-bottom:9px !important;
}
.address {
    margin-bottom: 18px;
    margin-left: 0 !important;
    margin-top: 10px;
}
.res-bottomnav{
width:268px !important;
margin:0 auto !important;
}

.nav-tabs > li > a {
   
    font-size: 10px;
   
    padding: 7px 16px;
}
.last-tab{
border-right:1px solid #E6E6E6;
}
.romance {
    margin-right: 42px;
    margin-top: 10px;
}




}
@media screen  and (width:480px){


body{
padding:0px;
}
section{

width:100% !important;
padding-top:0px!important;
padding-bottom:50px!important;
padding-left:0px!important;
padding-right:0px!important;

}
.main-nav{
display:none;
}


.full-width{width:400px !important;}
.full-width .span4{width:100% !important;}
.container{
	width:400px;	
	
	margin:0 auto;

	
	}
.mobile-logo{
margin-top:15px;
margin-left:10px;
}
.mobile-drop{
position:relative;
}
.drop-but .nav > li > :hover{
background-color: none !important;
border-radius:0px !important;
}
.mobile-drop .dropdown-menu li {
padding:0px!important;
margin:0px!important;
width:100%!important;

}
.mobile-drop .dropdown-menu li:hover{
background:#fff!important;

}
.mobile-drop .dropdown-menu{
background:#fff!important;
margin-left:0px !important;
display:block!important;
width:100%;
}
.drop-but .nav li:hover{
background:#fff!important;
}
.drop-but .nav li a{
border:0px!important;
border-radius:0px!important;
}
.btn1{
position:absolute;
top:0px;
padding:17px;
right:0px;
background:transparent!important;
border:none!important;
margin-right:10px;
}
.btn1:hover .icon-bar{
background-color:#fff!important;

}
.btn1 .icon-bar{
width:13px!important;
height:3px !important;
}
.mobile-drop .dropdown-menu li a{
padding:0px!important;
margin:0px!important;

text-align:center;
background:#fff!important;


}
.mobile-button{
width:68px;
height:68px;
background-color:#f1f1f1 !important;
margin-top:0px !important;
margin-right:10px;

}
.mobile-button{
	border:none !important;	
	border-radius:none !important;
	box-shadow:none !important;
	background-image:none !important;
	}
	
.mix  .span4 img{width:100%;}	
.map{padding-bottom:0px !important;}
.icon-bar {

    display: block;
    height: 4px;
    margin: 5px auto;
    width: 27px;
}
.footer-nav .navbar-inner .nav li a{
font-size:8px!important;
}
.team-icons {
    display: none;
    left: 60px;
    
    top: 80px;
}
.nav-collapse .nav > li > a{
padding:17px!important;

}



.address{
	display:none;	
	}

.footer{
	
	padding-top:20px !important;	
	}
	
.top-social{
	padding:0px !important;	
	}
.footer .container .span3{
	float:left;	
	}

.main-nav{
	padding:0px !important;	
	}
.mobile-nav{
	padding:0px !important;	
	}												
.member-img img{
	width:100%;	
	}

.navbar-inner .container{
width:100% !important;
}

#Grid .mix,.controls{width:100%;}
.link{left:55%;}
.frame ul li{height:100px !important;}
.latest-news{padding-top:28px !important;}
.gallery,.blog{padding-bottom:0px !important;}
.ca-container{width:100%;height:470px;}
.subtitle{width:100%}
.gallery{padding-top:30px !important;}
.weare{padding-top:20px !important;}
.footer .container .coloum2 div:nth-child(4){margin-right:16px;}


}

@media screen  and (width:360px){
	
	
	
	.image-content p{
		padding:10px !important;	
		}
	.cont{
		width:280px !important;	
		}
			
	
	

	
	
	
	}
@media screen  and (min-width:320px) and (max-width: 479px){
body{
padding:0px;
}
section{

width:100% !important;
padding-top:50px!important;
padding-bottom:50px!important;
padding-left:0px!important;
padding-right:0px!important;

}
.mobile-nav-bar,.contactus,.time-counter,.services{padding-top:0px !important;}

.main-nav{
display:none;
}
.container{
	width:300px;	
	
	margin:0 auto;

	
	}

.mobile-logo{
margin-top:25px;
margin-left:10px;
}
.mobile-drop{
position:relative;
}
.drop-but .nav > li > :hover{
background-color: none !important;
border-radius:0px !important;
}
.mobile-drop .dropdown-menu li {
padding:0px!important;
margin:0px!important;
width:100%!important;

}
.mobile-drop .dropdown-menu li:hover{
background:#fff!important;

}
.mobile-drop .dropdown-menu{
background:#fff!important;
margin-left:0px !important;
display:block!important;
width:100%;
}
.drop-but .nav li:hover{
background:#fff!important;
}
.drop-but .nav li a{
border:0px!important;
border-radius:0px!important;
}
.btn1{
position:absolute;
top:0px;
padding:17px;
right:0px;
background:transparent!important;
border:none!important;
margin-right:10px;
}
.btn1:hover .icon-bar{
background-color:#fff!important;

}
.btn1 .icon-bar{
width:13px!important;
height:3px !important;
}
.mobile-drop .dropdown-menu li a{
padding:0px!important;
margin:0px!important;


background:#fff!important;


}
.mobile-button{
width:68px;
height:68px;
background-color:#f1f1f1 !important;
margin-top:0px !important;
margin-right:10px;

}
.mobile-button{
	border:none !important;	
	border-radius:none !important;
	box-shadow:none !important;
	background-image:none !important;
	}
.icon-bar {

    display: block;
    height: 4px;
    margin: 5px auto;
    width: 27px;
}
.footer-nav .navbar-inner .nav li a{
font-size:8px!important;
}
.team-icons {
    display: none;
    left: 60px;
    
    top: 80px;
}
.nav-collapse .nav > li > a{
padding:17px!important;

}



.address{
	display:none;	
	}
.services .container .span4{
	margin-bottom:30px;	
	}


.footer{
	
	padding-top:20px !important;	
	}
	
.top-social{
	padding:0px !important;	
	}
.footer .container .span3{
	float:left;	
	}

.main-nav{
	padding:0px !important;	
	}
.mobile-nav{
	padding:0px !important;	
	}												

.mobile-nav-bar{
padding-bottom:0px !important;
}

.navbar-inner .container{
width:100% !important;
}
	
#Grid .mix,.controls{width:100%;}


#responsiv{height:750px;}
#donat{height:255px;}
#fact{height:425px;}
#late{height:392px;}
#test{height:483px;}

.ca-item{width:100%;}
.subtitle{width:100%;}
.our-portfolio #Grid .mix{width:100%;}
.controls ul{width:80%;}
.services-home2 .container .span6{
	padding-top:0px;	
	}
.home2-portfolio .container #Grid .mix{width:100%;}
.home2-portfolio .container #Grid .mix .isotop-link{left:49%}
.footer-nav .container .pull-right ul li a{font-size:12px;}
.footer-nav .container .pull-left p{font-size:12px;text-align:center;}
.our-team .container .span4{margin-bottom:30px;}
.our-team .container .span4 .team-img .team-social{
	left:17%;	
	}
.home3-services .container .macbook{width:100%;
margin-bottom:30px;
}	
.our-work .container .span4 .work-img .work-overlay-content{
	height:80%;	
	}

.purchase-now{
	padding-left:0px;
	padding-right:0px;	
	}
.ca-item .fancy{
	left:33%;	
	}	
#home4-res{
	height:300px;	
	}	
.home5-about .container .full-responsive .learn-more{margin-bottom:30px;}
.home5-portfolio #Grid .mix{width:100% !important;}
.home5-portfolio #Grid .mix .fancy{left:30% !important;}
.history .container .span6{width:100%;margin-bottom:30px;}
.footer-nav .container .pull-right ul {padding:0px;margin:0px;}
.notfond h1{
	line-height:47px;	
	}
.notfound2 h3,.main-content h3{
	line-height:47px;	
	}	
#timecounter p,.comingsoon p{width:100%;}	
.countDays, .countHours, .countMinutes, .countSeconds{
	margin-right:0px;	
	}
.timer{width:100%;}	
.comingsoon h1{line-height:56px;}
.comingsoon{padding:20px 0px !important;}
.sub{width:100%;}
.subcribe .span5 input{width:100%;}
.subcribe .span5{width:55%;float:left;}
.send-button .sub-button{float:left;width:44%;font-size:14px;}
.about-us1{padding-top:50px !important;}
.about-us1 .container .span6{padding-top:0px !important;}
.our-services .container .full-responsive .pull-left{
	margin-bottom:30px;
	}
.contact-us-info{
	padding-top:50px !important;	
	}
.send-us-message form .span12 textarea{
	width:95.5%;	
	}	
.porfolio-2col .container #Grid .mix,.porfolio-3col .container #Grid .mix{
	width:100%;	
	}
.porfolio-3col .container #Grid .mix .fancy{
	left:30.4%;	
	}
.portfolio-4col-full #Grid .mix .fancy,.porfolio-1col .container .span8 #Grid .mix .fancy {
    left: 31%;
}
.sidebar .flicker-photo .clearfix .last-flicker{margin-right:15px;}
.sidebar{margin-top:20px;}
.porfolio-1col .container .span8 #Grid .mix{
	width:100% !important;	
	}

.blog-fullwidth .container .span12 .blog-image .blog-overlay-border {
   
    height: 85%;
    left: 2%;
   
    top: 5%;
    width: 93%;
}
.blog-fullwidth .container .blog-full-title .pull-left{
	width:100%;	
	}
.blog-fullwidth .container .blog-full-title .pull-right{
	float:left;	
	}	
.our-work .container .span6 .work-img .work-overlay-content {
  
    height: 80%;
    left: 4%;
  
    top: 8%;
    width: 90%;
}
.blog-fullwidth .container .span8 .blog-image .blog-overlay-border {
    
    height: 85%;
    left: 2%;
  
    top: 5%;
    width: 93%;
}
.blog-list .container .span3 .work-img img,.our-work .container .span6 .work-img,.our-work .container .span6 .work-img img,.blog-list-sidebar .container .span8 .work-img,.blog-list-sidebar .container .span8 .work-img img{
	width:100%;	
	}
.blog-list .container .span6 .work-img .work-overlay-content{
	 height: 80%;
    left: 7%;
    top: 8%;
    width: 83%;
	}
.blog-list-sidebar .container .sidebar{
	margin:0px;	
	}
.blog-list-sidebar .container .span8 .work-content{
	width:100%;	
	}
.comment1 .message{
	width:100%;	
	}		
.comment2{
	padding-left:50px;	
	}
.comment-form form .span8 input,.comment-form form .span8 textarea{
	width:96%;	
	}
.gallary-twocol .container .span6 .gallery-img .fancy {
    bottom: 35%;
   
    left: 42%;
}	
.gallary-twocol .container .span4 .gallery-img .fancy {
    bottom: 35%;
    
    left: 41%;
}		
.tp-caption  .slide3-large{
   
    font-size: 16px !important;
    line-height: 20px;
    margin: 0;
}
.tp-caption  .slide3-largee{
   
    font-size: 16px !important;
    line-height: 20px;
    margin: 0;
}
.tp-leftarrow,.tp-rightarrow{
display:none;
}
.slide2-caption{
line-height:6px;
}
.tp-caption .slide2-medium-titlee,.tp-caption .slide2-caption-medium-titleee,.tp-caption .slide2-caption{ font-size: 16px !important;}
.tp-caption .slide2-caption-medium-titleee{line-height:25px !important;}
.responsive-cap{right:0% !important;left:0% !important;}
.responsive-pur{right:0% !important;left:0% !important;}
.purchase-button{margin:0 auto !important;}
.tp-caption .caption-medium-titlee,.tp-caption .caption-medium-titleee{
font-size:22px !important;

}
.tp-caption .caption-medium-titleee{
line-height:40px !important;}
.tp-caption a {
    color: #fff;
    font-size: 10px;
}
.tp-caption .home2-slide,.tp-caption .home2-medium{
	color:#fff !important;
	line-height:14px !important;	
	}
.home2-slider2-caption .slide2-caption{
	font-size:11px !important;	
	}	
.home2-fade p{
	font-size:6px !important;
	line-height:8px !important;	
	}	

 .progress1,.progress2{
	margin-bottom:40px !important;	
	}
.nav-search{padding-left:20px;}
.notfond h1 {
   
    font-size: 53px;
}	
.footer-nav .container .pull-left p {
    
    margin-top: 12px;
   
}	

.footer-nav .container .pull-right ul li {
    
    line-height: 27px;
}
.one-page-work{
	padding-bottom:0px !important;	
	}
.one-page-work .container .span6{
	margin-bottom:0px !important;	
	}
.history .container .span6 .span4{
	margin-top:20px;	
	}		
.services-res{margin-top:50px;}	
.services .container .span4 .service-icon{
left:33%;
}
.img2  img,.img3 img{width:40%;}
.home4-responsive .container .span12 .img3{right:-57%;}
.img1  img{width:15%;}
.res-image .slide-right > div.mypassion-animation,.res-image .team > div.mypassion-animation,.res-image .og-grid-2 > div.mypassion-animation{
    animation: none;}
.res-image{width:150%;}
.home4-responsive .container .span12 .img1 {
    left: 13%;  
}

.home5-mac img{
	width:33%;	
	}
.home5-mac2 img{
	width:63%;	
	}
.home5-mac2{left:16% !important;}	
.home5-mac3 img{
	width:38%;	
	}		
.full-responsive .span6 .home5-mac3 {
   
    right: -31%;
   
}	
.tp-caption .slide3-large1{
font-size:20px !important;
line-height:16px !important;
}
.slide2-caption{margin-top:0px !important;}
.home4-about .container .span6 .service-icon{
margin:0 100% 0 auto;
}
.home4-about .container .span6 p{
margin-left:0px;
}
.demo-main-content h1 {
    font-size: 36px;
   
}
.demo-logo{
width:100%;
}
.main-title{line-height:33px;}
.pricing-table .container .span4,.our-client .span3{
margin-bottom:20px;
}
.slide2-medium-titlee span {
    
    font-size: 16px!important;
}

	}