/*!
Theme Name: infinite-general
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: infinite-general
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

infinite-general is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* MAIN BANNER - section 1  */


/* 1. Mobile & Tablet: Replace the black background with your new color */
.overlay {
    background-color: rgba(5, 29, 46, 1) !important;
	opacity: 0.6!important;
    /* Elementor's default opacity of 0.6 will naturally make this a nice semi-transparent blue on mobile */
}

/* 2. Desktop (over 1200px): Apply the gradient fade */
@media (min-width: 1200px) {
    .overlay {
        /* Force opacity to 1 so the left side is 100% solid */
        opacity: 1 !important; 
        
        /* Kill the solid background color so the gradient can show */
        background-color: transparent !important; 
        
        /* The custom gradient using your exact color */
        background: linear-gradient(to right, rgba(5, 29, 46, 1) 0%, rgba(5, 29, 46, 0.8) 45%, rgba(5, 29, 46, 0) 100%) !important;
    }
}

/* SECTION 2 - info boxex  */

@media (max-width: 992px) {
	.col-xs-12.col-sm-6.col-md-3.pad-bottom-md {
		padding-bottom: 50px!important;
	} 
    .info-box {
        height: auto !important;
        min-height: 0 !important; /* Adding this just in case a min-height is also forcing it open */
    }
}

/* SECTION 5 - three elements  */

.section .line-box .row .col-xs-12 .ccz_line {
	width: 100%!important;
}
.section .line-box .row .col-xs-12 .ccz_line .ccz_box {
	max-width: 320px; 
	order: none; 
	padding: 15px;
	text-align: center!important;
}
@media (max-width: 767px) {
	.section .line-box .row .col-xs-12 .ccz_line h2 {
		margin-bottom: 40px;
	}
}
@media (max-width: 715px) {
	.section .line-box .row .col-xs-12 .ccz_line .ccz_box {
		padding: 5px;
	}
}

/* SECTION 6  */

.equipment-inner {
	position: relative;
	height: 620px;
}
.equipment-slider {
	bottom: 120px!important;
}
.equipment-advantages {
	position: absolute;
	bottom: 0!important;
	left: 0!important;
	right: 0!important;
}
@media (max-width: 1200px) {
	.equipment-slider {
		right: 5px!important;
		bottom: 140px!important;
	}

}
@media (max-width: 992px) {
	.equipment-characteristic {
		max-width: 400px;
		margin: 47px 0 47px 40px!important;
		padding: 14px 20px!important;
	}
	.equipment-slider {
		position: absolute!important;
		max-width: 300px!important;
		right: 0px !important;
		bottom: 154px !important;
	}
	.equipment-advantages {
		padding: 28px 24px!important;
	}

}
@media (max-width: 767px) {
	.equipment-inner {
		display: flex!important;
		justify-content: center!important;
	}
	.equipment-characteristic {
		margin-left: 0!important;
		align-self: flex-start!important;
	}
	.equipment-slider {
		display: none!important;
	}
	.equipment-advantages {
		padding: 28px 24px!important;
		grid-template-columns: 1fr 1fr!important;
	}

}
@media (max-width: 500px) {
	.equipment-inner {
		display: flex!important;
		justify-content: center!important;
	}

	.equipment-advantages {
		grid-template-columns: 1fr!important;
	}

}