/* ==========================================================================
   #Base Grid
   ========================================================================== */

	


/* ==========================================================================
   #Large Display
   ========================================================================== */

	@media (min-width: 1400px) {
		

	
	}

/* ==========================================================================
   laptop 
   ========================================================================== */

	@media (min-width: 980px) and (max-width: 1400px) {
		
		.blococomprepassagem {
		    height: 380px !important;
		}
		.col20percent h4 {
		    font-size: 12px;
		}
		.chamadalink h2 {
		    width: 170px;
		    font-size: 13px;
		}
		.toggle.toggle-bg .togglet, .toggle.toggle-bg .toggleta {
			font-size: 14px;
		}
	}
 	
/* ==========================================================================
   #Tablet (Portrait)
   ========================================================================== */

	@media (min-width: 768px) and (max-width: 979px) {
		#primary-menu-trigger {
			color: #fff;
		}
		
		
	}

/* ==========================================================================
   #Mobile (Portrait and Landscape )
   ========================================================================== */

	@media (max-width: 767px) {
		.rowflicky .depo-item {
			width: 96%;
		 margin: 2%;
		}
		#primary-menu-trigger {
			color: #fff;
		}
		.flexslider .slides img {
		    width: 130% !important;
		    max-width: 130% !important;
		    display: block;
		}
		.quadrocolor {
    		width: 95%;
    		margin-bottom: 10px; 
    	}
    	.topmargin-lg {
		    margin-top: 30px !important;
		}
		.logope, .sacend {
		    max-width: 80%;
		    width: 80%;
		    margin: 10px 10%;
		    text-align: center;
		}
		.mapasite {
			display: none;
		}
		body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current a {
			color: #fff !important;
			font-weight: bold;
		}
		body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul a, body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover ul a {
			color: #fff !important;
		}
		#primary-menu {
    		margin-top: 0px !important;
    	}
    	.linhasempresa {
		    padding: 0px;
		    column-count: 1 !important;
		}
		#comecatex {
			width: 100%;
			padding: 30px;
		}
		.meiomeio  {
			background: #b00e1c !important; 
		}

	}