/* ==========================================================================
   Media Queries
   ========================================================================== */


@media only screen and (min-width: 992px) {
	/****Ipad Landscape 1024 Container 970 ****/
	
	.service-list{ margin-bottom:30px;}
	.c-logo-part ul li{ margin:0 15px;}
	.form{ margin:0 0 0 20px}
	.main-nav{ display:block !important; }

	
	/*.portfolioContainer{ width:800px; margin:0px auto !important; } */ 

}	
   
@media only screen and (min-width: 768px) and (max-width: 991px) {
	/****Ipad Portrait 768 Container 750 ****/
	body{ font-size:16px;}
	p{ line-height:22px ;padding-left: 5px;
    padding-right: 5px;font-size:14px;}
	.header h1{ font-size:46px;}
	.main-nav ul li a{ padding:14px;}
	.small-logo{ padding:0 20px;}
	h2{ font-size:30px}
	h6{ font-size:16px;}
	h3{ font-size:15px;}
	.service-list{ margin-bottom:20px; font-size:15px;}
	.featured-work p.padding-b{ padding-bottom:15px;}
	.main-section{ padding:20px 0;}
	.c-logo-part ul li{ margin:0 1%; float:left; width:18%;}
	.c-logo-part ul li a{ display:block;}
	.c-logo-part ul li a img{ display:block;}
	.form{ margin:0;}
	.contact-info-box{ margin:0 ;}
	.social-link{ margin:0;}
	
	.main-nav{ display:block !important; }
	.main-nav li a{ padding:8px 15px;}
	/*.portfolioContainer{ width:750px; margin:0px auto !important; }
	.Portfolio-box{ height:250px;}*/
	
		.main-nav li{
	
	margin:0 -42px;
} 
.gallery-grids-info.glry-left {
    width: 58.2%;
}
.gallery-grids-info.glry-right {
    width: 41.75%;
}
.captn h4 {
    font-size: 2em;
}
.gallery-grids-info a .captn {
    padding: 23% 0 0 19%;
}
.gallery-grids-info.glry-right a .captn {
    padding: 12% 0 0 16%;
}
.gallery-grids-info.glry-btm {
    float: left;
    width: 33.33%;
}
.gallery-grids-info.glry-btm .captn {
    padding: 16% 0 0 14%;
}
.glry-right a .captn {
    padding: 5% 0 0 5%;
}
}

@media only screen and (max-width: 767px) {
	/****Mobile Landscape 480 Container 100% ****/
	body{ font-size:14px;}
	h2{ font-size:26px;}
	h3{ font-size:14px;}
	h6{ font-size:16px; margin-bottom:40px;}
	p{ line-height:22px;    padding-left: 5px;
    padding-right: 5px;}
	.service-list{ font-size:12px; margin-bottom:20px;}
	.we-create li{ font-size:13px; padding:0 0 0 8px}
	.header h1{ font-size:28px;}
	.header{ padding:0px 0;}
	.main-section{ padding:20px 0 70px;}
	.main-nav{ display:none; position:absolute; left:0; width:100%; top:98px; margin:0 auto; flote : none; background:#40021c;z-index: 1;}
	.main-nav li{ display:block;}
	.main-nav li.small-logo{ display:none;}
	.main-nav li a{ display:block; padding:7px 32px; border-bottom:none;}
	.main-nav li a:hover{color:#7cc576}
	.team-leader-box{ max-width:307px; width:auto; float:none; margin:0 auto;	}
	.team-leader-box:nth-of-type(3n){ margin:0 auto}
	.res-nav_click{ display:block;}
	.featured-work{ font-size:12px; margin-top:30px;}
	.featured-box{ font-size:12px;}
	.featured-box p{ line-height:18px; }
	.c-logo-part ul a{ margin-bottom:5px;}
	.main-section.team{ padding:20px 0 50px;}
	.business-talking h2{ font-size:36px;}
	.contact-info-box{ margin:0 0 12px 30px; font-size:12px;}
	.contact-info-box span{ line-height:18px;}
	.social-link{ margin-left:30px;} 
	.form{ margin:0 30px;}
	.copyright{ font-size:12px;}
	.business-talking a{ padding:10px 25px; font-size:14px;}
	.main-section.contact{ padding:20px 0 70px}
	.client-part-haead{ font-size:20px; line-height:30px;}
	.link{ font-size:14px; padding:10px 25px;}
	.logo{ width:300px;}
	.main-section.contact{ background-size:contain;}
	.Portfolio-nav li a{ padding:5px 16px;}
	.Portfolio-nav li{ display:block;}
	/*.isotope-item img{ width:300px; left:50%; margin-left:-100px;}
	.isotope-item{ width:300px; margin:0px auto;}
	.isotope{ width:400px; margin:0px auto;}
	.Portfolio-box{}
	.portfolioContainer{ width:350px; margin:0px auto !important; } */
	
	
	}
	

@media only screen and (max-width: 479px) {
	/****Mobile Portrait 320 ****/
	.contact-info-box{ margin-left:0px;}
	.header{ padding:0px;}
	.social-link{ margin-left:0px;}
	.form{ margin:0}
	.c-logo-part ul li{ display:block;}
	/*.Portfolio-box{  max-width:300px !important; width:96.4% !important; margin:0 !important}*/
	.Portfolio-box img { max-width:100%;}
	.portfolioContainer{ width:280px !important; margin:0 auto !important } 
	.logo{ width:200px;}
	
.footer
	{
	position:relative;
	}
	

}
@media(max-width:1440px){
.wel-text {
  padding: 7em 0em 0em 8em;
}
	
}
@media(max-width:1366px){
.wel-text {
  padding: 7em 0em 0em 6.5em;
}
.Portfolio-box 
{
text-align:center;
}
}
@media(max-width:1280px){
.wel-text {
  padding: 7em 0em 0em 3.5em;
}
.Portfolio-box 
{
text-align:center;
}	
}
@media(max-width:1024px){

.welcome-right {
 /* min-height: 400px;*/
}
.welcome-left {
 /* min-height: 400px;*/
}
.wel-text {
  padding: 5em 0em 0em 2.5em;
}

.welcome-left h3 {
  font-size: 2.5em;
}
.Portfolio-box 
{
text-align:center;
}


}
@media(max-width:768px){

.wel-text {
  padding: 2em 0em 0em 0.5em;
}
.welcome-left {
  float: left;
  /*width: 100%;*/
/*  min-height: 200px;*/
}
.welcome-right {
  float: right;
 /* width: 100%;*/
 /* min-height: 400px;*/
}
.welcome-left h3 {
  font-size: 2.2em;
  margin: 0em 0em 0.2em 0em;
}
.welcome-left p {
  font-size:1em;
  line-height: 1.8em;
}
.Portfolio-box 
{
text-align:center;
}

}
@media(max-width:640px){

.welcome-left h3 {
  font-size: 1.8em;
}
.wel-text {
  padding: 1.4em 0em 0em 0.5em;
}
.welcome-left {
  /*min-height: 320px;*/
}
.welcome-right {
 /* min-height: 320px;*/
}
	#portfoliolist .portfolio {
	width: 50%;
}
.grid_box .zoom-icon {
height: 155px;
}


}
@media(max-width:480px){

.welcome-left {
  float: none;
  width: 100%;
 /* min-height: 235px;*/
}
.welcome-right {
  float: none;
  width: 100%;
  padding: 0px;
  /*min-height: 224px;*/
}

}

@media(max-width:320px){

.wel-text {
  padding: 1em 0em 0em 0em;
}
.welcome-left {
 /* min-height: 300px;*/
}
.welcome-right {
  /*min-height: 130px;*/
}
.video iframe {
		min-height: 250px;
	}
	
	.moving-zone {
   
    width:200px; 
	height:100px;
  
}
#photoGallery-container {
  
  text-align: center;
}



 	
}


@media only screen and (min-width: 768px) and (max-width: 991px) {

.lamp3, .lamp1
{
display:none;
}
	}

@media only screen and (max-width: 767px)  {

.lamp3, .lamp2
{
display:none;
}

	}	
	
	@media only screen and (max-width: 440px)  {

.lamp3, .lamp2, .lamp1
{
display:none;
}

.img_center
{
width:100%;
}
	}