@media screen and (min-width: 0px) and (max-width: 576px) 
{
	.CL_BANNER_ADJUST {	margin-top: 20px !important; }
}


@media screen and (min-width: 577px) and (max-width: 768px) 
{
	.CL_BANNER_ADJUST {	margin-top: 30px !important; }
}

@media screen and (min-width: 769px) and (max-width: 2768px) 
{
}
 

.CL_PLAIN_LINK 
{
	text-decoration: none !important;
}

.CL_BANNER_ADJUST
{
	width:100% !important; 
	margin-top: 50px !important;
}


@media screen and (max-width: 676px) 
{
	/*.w3-top .w3-row .w3-col a { background-color: yellow !important;}*/

	.w3-top .w3-row .w3-col .w3-block { font-weight: bold; font-size: 10px !important; padding: 1px !important;}
	.w3-top .w3-row .w3-col .w3-button { font-weight: bold; font-size: 10px !important; padding: 1px !important;}
	.w3-top .w3-row .w3-col a { font-weight: bold; font-size: 10px !important; padding: 1px !important;}
	.w3-top .w3-row .w3-col {  padding: 1px !important;}
	.w3-top .w3-row {  padding: 1px !important;}
	.w3-top {  padding: 1px !important;}
	

}



/* Desktop: 1025px and above */
@media screen and (min-width: 1025px) {
    body {
        font-size: 17px;
    }

    h1 {
        font-size: 42px;
    }

    h2 {
        font-size: 34px;
    }

    h3 {
        font-size: 26px;
    }
}

/* Tablet: 768px to 1024px */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    body {
        font-size: 16px;
    }

    h1 {
        font-size: 34px;
    }

    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 23px;
    }
}

/* Mobile: Below 768px */
@media screen and (max-width: 767px) {
    body {
        font-size: 14px;
    }

    h1 {
        font-size: 28px;
    }

    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 20px;
    }

    p {
        font-size: 14px;
        line-height: 1.6;
    }
}