/*--------max-width: 575.98px--------*/
/*--------max-width: 767.98px--------*/
/*--------max-width: 991.98px--------*/
/*--------max-width: 1199.98px--------*/
/*--------min-width: 1200px--------*/




/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
    




 }

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
    h1{font-size: 1.5rem; font-weight:700}
    h2{font-size: 1.3rem; font-weight:600}
    h3{font-size: 1rem; font-weight:500}
    h4{font-size: 0.8rem;}
    h5{font-size: 0.6rem;}
    h6{font-size: 0.5rem;}


}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    
    #navbarNav {
        position: fixed;
        width: 100%;
        background: #222;
        top: 63px;
        left: 0;
        right: 0;
        margin: 0;
        padding: 15px;
    }
    ul li.nav-item {
        padding: 0px;
    }
    /*FOOTER MENU COLLAPSIBLE*/
	.nav-item ul.has-sub {
		overflow: hidden;
		transition:all 1s ease;
		height:0;
	}
	.nav-item.active ul.has-sub{
		height:auto;
		display: initial;
		position:relative;
		transition:all 1s ease;
	}
	/*FOOTER MENU COLLAPSIBLE END*/


    section.content-bx {
        padding-bottom: 15px;
    }
    .bx-one, .bx-two {
        flex-basis: 50%;
    }
    
 }

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 
    



}

/* Large devices (desktops, large than 1200px) */
@media (min-width: 1200px) { 
    



}