@media only screen and (min-width: 1024px) {
    .slider-active {
    min-height: 900px;
    }

}

/*============================================================
Tablet Layout: 768px.
==============================================================*/

@media only screen and (max-width: 1023px) and (min-width: 768px) {

    nav ul {
        margin: 5px 0 0;
    }

    nav ul li {
        margin-left: 0;
    }

    nav ul li a {
        font-size: 14px;
        padding: 2px 8px;
        text-align: center;
    }

    nav ul li a i {
        padding-right: 2px;
    }
    
    .slider-active {
    min-height: 500px;
    }
    
}

/*============================================================
Wide Mobile Layout: 480px.
==============================================================*/

@media only screen and (min-width: 480px) {

}

/*============================================================
Mobile Layout: 320px.
==============================================================*/
@media only screen and (max-width: 767px) {
    .navbar button {
        border: 1px solid var(--primary-color);
        font-size: 22px;
        color: var(--primary-color);
    }

    nav ul {
        background-color: var(--black);      
        margin-top: -15px;
    }
    
    nav ul li {
        padding-left: 15px;
    }
	
	.slider-area .owl-dots {
		right: 5px;
	}
    
    .slider-active {
    min-height: 700px;
}
}