/* ***************** *******************************************************************
 * WordPress Theme  | WPTopFlop Demo - Tocra! Web-Medias / {twm} Blister ✓
 * ***************** *******************************************************************
 */



/**
 * ***************** *******************************************************************
 * ***************** *******************************************************************
 * Global container left-right fitting and properly adjustment.
 *
 */

html{ overflow-y: scroll; }
.html_stretched{ overflow-y: scroll; scrollbar-color: var(--footer-area-color) #f8f8f8; scrollbar-width: thin; }
html::-webkit-scrollbar{ width: 10px; height: 10px; }

html::-webkit-scrollbar-track,
.scroller::-webkit-scrollbar-track,
.scroller::-webkit-scrollbar-track-piece { box-shadow: none; -webkit-box-shadow: none; border-radius: 0; background: #f8f8f8; }

html::-webkit-scrollbar-thumb,
.html_stretched::-webkit-scrollbar-thumb { box-shadow: none; -webkit-box-shadow: none; border-radius: 0; background: var(--footer-area-color); }





/* Just give smooth sizing to be save viewing */
html #main .main_color .container {
    -webkit-transition: height 0.33s ease-in-out;
    -moz-transition: height 0.33s ease-in-out;
    -o-transition: height 0.33s ease-in-out;
    transition: height 0.33s ease-in-out;
}


/* A D-Flex Bootstrap extend 4.5 */
.d-flex-stretch {
	display: -webkit-box!important;
	display: -ms-flexbox!important;
	display: flex!important;
	-webkit-box-align: stretch!important;
	-ms-flex-align: stretch!important;
	align-items: stretch!important;
}

.d-none {
    display: none!important;
}



@media only screen and (max-width: 767px) {

}

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

}

@media screen and (max-width: 992px) {

}