/* ==========================================================================
   Shay Rahman
   ========================================================================== */

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	
.logoFlowWrp img {  width: 180px;}
	
.intro { height: 400px;}	
	
.titleBnr {
	top: -50%;
	padding-top: 350px;
}	
	
.titleBnr p {  font-size: 20px; }
.titleBnr h1 { font-size: 75px; line-height: 90px; }
	
.stationBg1 { width: 200vw;  }
	
.compFx { padding: 20px 0;}	
.titleCompFx { padding: 10vh 0;}	
.titleCompFx h1, .compFx2 h1 { font-size: 20px; font-weight: 700;}
.titleCompFx p, .compFx2 p { font-size: 12px; font-weight: 400; line-height: 20px }	
	
.ourServicesWrp { padding: 0;}	

.gridserv2 { 
	display: grid; grid-template-columns: repeat(auto-fit, minmax(120px,1fr));;
}	
.box1serv2 img { width: 150px;}	
	
.gridserv4 { 
	display: grid; grid-template-columns: repeat(auto-fit, minmax(120px,1fr));;
}	
.box1serv4 img { width: 120px;}		
	
.imgCompFx { top: 20px; right: -400px; width: 400vw;}
.oilFxBg1 { width: 200vw;}	
	
.infoMenuRight { display: none;}	
.videoWrp { width: 260px; height: 140px; margin: 0 auto;}	
	
/* ---- Menu -----*/	
.overlay {overflow-y: auto;}
.overlay a {font-size: 20px}
.overlay .closebtn {
font-size: 40px;
top: 15px;
right: 35px;
}

	
} 

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
	

	
} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	
	
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
	
	
}