<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {	
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		.st-portfolio .teaser,
		.st-portfolio li,
		.st-blog .teaser,
		.st-blog li{
			margin-right:20px !important;
		}
		.st-pricing.c4,
		.st-pricing.c3{
			width:748px;
		}
		.st-pricing .plan-container{
			width:140px;
		}
		.st-tabs li{
			padding:7px 10px;
		}
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		#main-nav .primary-menu{
			display:none;
		}
		.responsive-menu{
			display:block;
			width:400px;
		}
		.secondary-menu{
			text-align:center;
		}
		.st-social{
			width:auto;
			float:none;
		}
		
		#pre-header{
			text-align:center;
		}
		#pre-header .header-address {
			display:none;
		}
		
		.breadcrumbs{
			display:none;
		}
		
		.logo, .call-phone, .call-mail{
			float:none;
			margin:0;
		}
		.call-phone, .call-mail{
			display:block;
		}
		.call-phone i, .call-mail i{
			display:none;
		}
		
		.st-portfolio li,
		.st-blog li{
			margin-right:20px !important;
		}
				
		.st-tabs .tabs-title li{
			display:block;
			float:none;
			border-top:1px solid #fff;
			border-bottom:1px solid #e9e9e9;
		}
		
		.st-pricing.c2,
		.st-pricing.c3,
		.st-pricing.c4{
			width:auto;
		}
		.st-pricing .plan-container, .st-pricing .plan-container.featured{
			margin:0 auto 20px;
			float: none;
		}
		
		#nav, 
		.flex-slider .slide-caption,
		.camera_caption,
		#copyright .scrollTop{
			display:none !important;
		}
		.responsive-menu{
			display:block;
			width:280px;
		}
		#main-nav{
			padding:20px 0 2px;
		}
		#copyright{
			text-align:center;
		}
		.about-image {
		  float: none !important;
		  padding: 4px !important;
		  border: 1px solid #cecece !important;
		  margin-left: 0px !important;
		  width: 90% !important;
		  max-width: 300px !important;
		}
		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
				
		.responsive-menu{
			display:block;
			width:400px;
		}
		
	}
</pre></body></html>