/* Media Queries
-------------------------------------------------------------- */

/* Smaller than standard 1200 */
@media only screen and (max-width: 1199px) {
	#mainnav {
		display: none;
	}

	.btn-menu {
		display: block ;
	}
}

/* Smaller than standard 992 */
@media only screen and (max-width: 991px) {
	#mainnav,
	.content-wrap:before {
		display: none;
	}

	#header .logo {
		width: 120px;
	}

	.btn-menu,
	

}

/* Tablet Landscape */
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
 
 .footer h4{
	font-size:10px; color:#fff;
}
.footer .box-info .box-info-body p {
    color: #ccc;
    margin-bottom: 0;
    font-size:10px;
}

}

/* Tablet Portrait Size */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.footer h4{
	font-size:10px; color:#fff;
}
.footer .box-info .box-info-body p {
    color: #ccc;
    margin-bottom: 0;
    font-size:10px;
}

}

/* All Mobile Sizes */
@media only screen and (max-width: 767px) {	
	

}

/* Mobile Landscape Size */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.footer h4{
	font-size:12px; color:#fff;
}
	
}

/* Mobile Portrait Size */
@media only screen and (max-width: 479px) {

.footer .box-info .box-info-body p {
    color: #ccc;
    margin-bottom: 0;
    font-size:12px;
}
.footer h4{
	font-size:12px; color:#fff;
}

}

@media (max-width: 479px) {	
	

/* Retina Devices */
	@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (   min--moz-device-pixel-ratio: 2),
	only screen and (   -moz-min-device-pixel-ratio: 2),
	only screen and (     -o-min-device-pixel-ratio: 2/1),
	only screen and (        min-device-pixel-ratio: 2),
	only screen and (                min-resolution: 192dpi),
	only screen and (                min-resolution: 2dppx) {
	

}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {

.social-desc {
  padding: 46px 4px;
  width: 227px;
} 
.design {
  left: -25px;
}    
}  
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
.social_icon {
  display: none;
}
.design {
  left: -46px;
}    
.social-desc h3 {
  font-size: 15px;
}    
.social-desc {
  width: 175px;
} 
}

/* small mobile :320px. */
@media (max-width: 767px) {
.social_icon {
  display: none;
}
.service_heading h2 {
  font-size: 22px;
}
.service_heading p {
  font-size: 13px;
}    
.our_service_area {
  padding: 40px 0 12px;
}    
.social-desc {
  margin-bottom: 50px;
}    
.social-desc h3 {
  font-size: 17px;
}
.all_design {
  margin-top: 75px;
} 
.service-icon a {
  font-size: 33px;
}    
}
/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.social-desc {
  margin-left: 71px;
}    
.design {
  left: 72px;
} 
.service-icon {
  width: 16%;
}    
}