
/* =RESPONSIVE
-------------------------------------------------------------- */

img, object, video, iframe {
	max-width: 100%;
}

.menu-primary-responsive-container, .menu-secondary-responsive-container  {
    display: none;
    margin: 10px;
}

.menu-primary-responsive, .menu-secondary-responsive  {
	width: 100%;
    padding: 5px;
    border: 1px solid #ddd;
}


/* Tablets ----------- */
/*********horizontal*******/

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

.menu-primary li a {
	
	
}

.mainslider {
	max-width: 100%;
		
}
  
}


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

.menu-primary li a {
	font-size:14px;
	padding-left: 10px;
	padding-right: 10px;
}

.menu-primary li.home a {
	font-size:14px;
	padding-left: 10px;
	padding-right: 10px;
	width: auto;
	background:none;
}


}

/* Mobile Phones horizontal ----------- */



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

div.wpcf7 img.ajax-loader {
	width:0;
}

.menu-primary-container {
	display:none;
}

#wprmenu_bar, #wprmenu_bar *, #wprmenu_menu, #wprmenu_menu * {
	float:none !important;
	text-align:center !important;
}

#wprmenu_bar .wprmenu_icon {
	float:left !important;
}

.title,
#services,
#footer-widgets,
#footer,
#copyrights,
#credits,
#clients,
.page-title,
.container

 {
	text-align:center;
}

.homepost,
.videoitem {
	padding:10px 0;
}

.main-img {
	padding-bottom:10px;
}

.post-title {
	padding:10px 0;
}

.featured-img.alignleft {
	float:none;
	padding:10px 0;
	text-align:center;
}

#bluecontact {
	padding:20px 10px ;
	text-align:center;
}

#bluecontact input,
#bluecontact input[type="submit"], 
#contact-form input[type="submit"] {
	float:none;
	width:90%;
}

#content,
#content-home {
	margin-right:0;
	margin-left:0;
}

/******************/

#top-phone {
	text-align:center;
}

.topitems {
	width:80%;
	margin:0 auto;
		
}
.top-phone i {
	display:none;
}


.logo,
#iso {
	text-align:center;
}

}



/* Mobile Phones ----------- */

@media only screen and (max-width: 480px) {
	
.top-phone {
	margin-bottom:10px;
}

.top-phone i {
	display:none;
}

.topitems {
	text-align:center;
	float:none;
}

.call {
	display:inline-block;
	width:100%;
	text-align:center;
}

.social,
.top-widget,
.topsearch {
	display:inline-block;
	float:none;
	padding:10px 0;
	text-align:center;
	
}

.social {
	display:inline;
}

.top-widget ul {
	margin:0 auto;
	}

.top-widget ul li, .top-widget a {
	float: none;
	display:inline-block;
	text-align:center;
}

.two-cols {
-moz-column-count: 1;
-moz-column-gap: 20px;
-webkit-column-count: 1;
-webkit-column-gap: 20px;
column-count: 1;
column-gap: 20px;
}

.col-1,
.col-2 {
	float:none;
	width:100%;
}
	
	
}