/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 30 2025 | 08:49:44 */
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */ 

/* Small devices (phones, less than 576px) */
@media (max-width: 575.98px) {
	h1{
		font-size: 28px!important;
	}
	h2{
		font-size: 25px!important;
	}
	h3{
		font-size: 23px!important;
	}
	h4{
		font-size: 21px!important;
	}
	h5{
		font-size: 19px!important;
	}
	h6{
		font-size: 17px!important;
	}
	.col-50{
		width: 50% !important;
        display: inline-block;
        vertical-align: top;
	}
	.img-bg{
		min-height: 250px!important;
	}
	.fixed-footer{
		background: rgba(0, 0, 0, 0.7);
    	padding: 0;
    	margin: 0;
		z-index: 9999;
	}
	.carousel-slider{
		min-height: 200px!important;
	}
	.carousel-slider .carousel-title-box{
		margin: 4.5rem 0rem!important;
	}
	.polygon-5{
		clip-path: polygon(0 0%, 100% 0%, 100% 100%, 50% 97%, 0 100%)!important;
	}
	.dg-skew-up{
    	clip-path: polygon(0 3%, 100% 0, 100% 100%, 0% 100%)!important;
	}
	.dg-skew-down{
		clip-path: polygon(0 0, 100% 0, 100% 98%, 0% 100%);
	}
	.carousel-title-box, #b-boxed, .b-boxed{
		--padding-top: 2rem!important;
		--min-height: 200px!important;
	}
	.single .cosmobit-content::before{
		min-height: 0.7rem!important;
	}
	.dt-py-default {
		padding-top: 3em!important;
		padding-bottom: 3rem;
	}
}

/* Medium devices (tablets, 576px and up) */
@media (min-width: 576px) and (max-width: 800px) {
 	.polygon-5{
		clip-path: polygon(0 0%, 100% 0%, 100% 100%, 50% 95%, 0 100%)!important;
	}
	.dg-skew-up{
    	clip-path: polygon(0 5%, 100% 0, 100% 100%, 0% 100%)!important;
	}
	.dg-skew-down{
		clip-path: polygon(0 0, 100% 0, 100% 95%, 0% 100%);
	}
	.carousel-title-box, #b-boxed, .b-boxed{
		--min-height: 250px!important;
		--padding-top: 3.5rem!important;
	}
	.single .cosmobit-content::before{
		min-height: 0.7rem!important;
	}
}