@charset "utf-8";

/*------------------------------------
			[RESPONSIVE CSS]
-------------------------------------*/
@media only screen and (max-width: 1024px) {

	#content{ width:100%; }
	
	#footer{ width:100%; }
	
	.box-services{ margin:0 48px; }
}

@media only screen and (min-width: 600px) and (max-width: 750px) {
	#section-services{
		margin: 20px auto;
    	width: 600px; }
	
	.box-services {
	    margin: 0 18px; }
	    
	#social-left{ width:100%; }
	    
	#social-right {
	    text-align: center;
	    width: 100%;
	}	    
	    
	#wrapper-left{ width: calc(100% - 40px); }
	
	#wrapper-right{ 
		text-align: center;
    	width: 100%; }	
}


@media only screen and (min-width: 320px) and (max-width: 568px) {
	
	#logo{
		margin-left:0;
		text-align:center; 
		width:100%; }
	
	.adaptive-logo{ width:25%; }
	
	#menu {
	    float: left;
	    font-size: 20px;
	    margin-top: 20px;
	    padding:0;
	    width: 100%;
	    text-align: center;
	}
	
	#list-menu{ width: 100%; }
	
	#social-menu {
		float: left;
	    font-size: 20px;
	    padding:0;
	    text-align:center;
	    width: 100%; }
	
	.menu{ 
		clear: both;
    	text-align: center;
    	width: 100%; }
	
	#section-services{
		margin: 20px auto;
    	width: 100%; }
	
	.box-services {
	    margin: 0 18px;
	    text-align:center;
	    width:100%; }
	    
	.adaptive-img{ width:40%; }
	      
	#social-left{ width:100%; }
	    
	#social-right {
	    text-align: center;
	    width: 100%; }	    
	    
	#wrapper-left{ width: calc(100% - 40px); }
	
	#wrapper-right{ 
		text-align: center;
    	width: 100%; }
    	
    #footer-left {
	    float: left;
	    width: 100%; }	
	    
	#footer-right {
	    float: left;
	    margin-top: 25px;
	    text-align: center;
	    width: 100%; }
	
}

@viewport{
    zoom: 1.0;
    width: extend-to-zoom;