/* ==========================================================================
   #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) {
		
		
		
	}

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

	@media (max-width: 767px) {
		#primary-menu-trigger {
			color: #fff;
		}
		.topmargin-lg {
		    margin-top: 30px !important;
		}
		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;
    	}
    	.blococomprepassagens {
		    height: 400px !important;
		}

		.col20percent {
			width: 48% !important;
			margin: 10px 1% !important;
		}
		.col20percent p {
			height: 65px;
		}
		.col20percent h4 {
		   font-size: 12px;
		}
		.chamadalink p {
		    width: calc(100% - 110px);
		}
		.chamadalink h2 {
			width: 110px;
		}
		#comecatex {
			width: 100%;
			padding: 30px;
		}
		.meiomeio  {
			background: #b00e1c !important;
		}
		.onibusdiv {
		    overflow: hidden;
		}
		.onibusdiv .infobus .atriBus {
		    columns: 1;
			margin-left: -70% !important; 
			border-top: 1px solid #a17f2f;
		}
		.logope, .sacend {
		    max-width: 80%;
		    width: 80%;
		    margin: 10px 10%;
		    text-align: center;
		}
		.mapasite {
			display: none;
		}

		.socialbarft {
			float: none;
    margin: 10px auto !important;
    width: 60px;
		}






}