@media (min-width: 100px) and (max-width: 991px) {

/*** Logo css start ***/

.m-logo img{
	width:140px;
}

 .header-area {
        background: #fff !important;
        padding: 14px;
    }
	
    .header-area.style-four span {
        color: #2e2a2a !important;
    }	
	
	
/*** Logo css End ***/

/** Banner css start ***/
.slider-section {
    background: url(assets/images/slide4.png);
    /* height: 875px; */
    height: 118px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}


.owl-carousel .owl-item img {
    /* width: -webkit-fill-available; */
}

/** Banner css End ***/


/*** SERVICE CSS START ***/

.mobile-features{
	padding-top:70px;
	padding-bottom:15px;
}


.dreamit-feature-box {
    padding: 10px 10px 73px 10px;
    box-shadow: 0 20px 50px rgba(229, 229, 229, 0.8);
    border-radius: 20px;
    background: #fff;
    text-align: center;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
}

.feature-title h2 {
    font-size: 20px;
    font-weight: 700;
    margin: 5px 0 6px;
    transition: .5s;
    text-transform: capitalize;
}
/*** SERVICE CSS END ***/

/*** How it works CSS START ***/
.call-thumb img{
	padding-left:15px;
}
/*** How it works CSS END ***/


}