.intelligence-banner{
    background-image: url('../images/homepage/raptor-ai-hero-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right top;
}

/* Tablet only */
@media (min-width: 576px) and (max-width: 991.5px){

    .intelligence-banner{
        background-image: none;
        background-color: #000;
        background-position: top center;
    }

}

/* Mobile only */
@media (max-width: 575.98px){

    .intelligence-banner{
        background-image: none;
        background-color: #000;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center top;
    }

}

.mb-lg-0  {
		margin-bottom: 0px !important;
	}

@media (max-width: 991px){
    .intelligence-banner{
        background-position: top center;
    }
}
@media (max-width: 575.98px) {
    .responsive-h4{
        font-size: 1.1rem;
    }
	.mb-lg-0  {
		margin-bottom: 30px !important;
	}
	
}

/*@media (max-width: 767px) {
	.rsignlogo { height:54px; }
	.rformslogo { width:133px; }
}*/

@media (min-width: 992px){
	.height-55,
	.height-57,
	.height-50,
	.height-60{
		width:auto;
		max-width:100%;
		object-fit:contain;
	}

	.height-55 { height:55px; }
	.height-57 { height:57px; }
	.height-50 { height:50px; }
	.height-60 { height:60px; }
	
	.display-3 { font-size:4.2rem; }
}
@media (max-width: 991px) {
    .responsive-display{
        font-size: 3.5rem !important; /* display-4 size */
        line-height: 1.2;
    }
}
@media (min-width: 320px) and (max-width: 440px) {
    .responsive-display{
        font-size: 45px !important;
    }
}

@media (min-width: 992px) and (max-width: 1132px) {
    .ext-trust-sec{       
		top : 35px;
    }
	.inteligent-content-flow h4{
	font-size: 1.2rem;
	}
}

.content-workflow {
background: rgba(120,0,0,0.45);
border-color: rgba(255,255,255,0.4) !important;
border-radius: 30px !important;
}
.feature-boxes {
    background: rgba(120,0,0,0.35);
    border-color: rgba(255,255,255,0.4) !important;
    border-radius: 25px !important;

    height: 100%;
}
@media (min-width: 992px) and (max-width: 1250px){

    .feature-boxes{
        min-height: 190px;
    }

    .feature-boxes h3{
        min-height: 58px;
    }

}
@media (min-width: 1900px) and (max-width: 1920.5px) {
    .response-trust-sec {
        margin: 0px 0 75px !important;
    }
}
@media only screen and (min-width: 1920px) {
    .response-trust-sec {
        margin: 45px 0 !important;
		top:0px !important;
    }
}
@media (min-width: 1423px) and (max-width: 1549.5px) {
    .response-trust-sec {
        margin: 110px 0;
    }
}

/* feature-boxes custome CSS to stop overlaps with the Raptor AI name on the mascot's T-shirt Start */
.col-custom{
    width:100%;
    padding-left:15px;
    padding-right:15px;
}

@media (min-width: 992px){
    .col-custom{
        width:33.333333%;
    }
}

@media (min-width: 1625px){
    .col-custom{
        width:25%;
    }
}
@media (min-width: 767px) and (max-width: 1023px) {
    .header-main {
        height: 1px;
    }
}
@media (min-width: 768px) and (max-width: 912.5px) {
    .response-trust-sec {
        
        top: 0 !important;
    }
}
/* feature-boxes custome CSS to stop overlaps with the Raptor AI name on the mascot's T-shirt End */

/*@media (max-width: 991.98px){
	.marginapply {
		    margin-bottom: 280px;
	}
	.responsive-display {
		font-size: 2.8rem !important;
	}
}*/

.full-width-image{
    width: 100vw;
    position: relative;

    left: 50%;
    right: 50%;

    margin-left: -50vw;
    margin-right: -50vw;
}

.full-width-image img{
    width: 100%;
    display: block;
}

@media (min-width: 768px) and (max-width: 991px){
	.tablet-responsive{
		height : 90px;
	}
	.tablet-div {
		    margin-top: 20px;
	}
	.move-top{
        margin-top: -50px;
    }
}
@media (max-width: 767px) {
    .move-top{
        margin-top: -50px;
    }
}
@media (min-width: 767px) and (max-width: 791.5px){
    .text-md-left {
		text-align: center !important;
        font-size:34px !important;
    }
}