@media only screen and (max-width: 425px) { 
/* Styles for mobile devices */
    body {
        font-size: 12px;   
    }
    #block-headertitle h1 {
		color:#3c4ba8;  
    } 
	#header {
        background: none!important;  
		color:#3c4ba8;   
    }
	#block-basic-branding {
    float: none;
    padding: 10px; 
   } 
	#block-useraccountmenu ul li a {
		color: #3c4ba8; 
	} 
	.front-pagebox ul li {
      width: 100%;
   } 
   .front-pagebox ul li.right {
    margin-left: 0; 
   }
   .ul-frontbox li a h3 { 
        font-size: 1rem !important;
    }
	#footer {
    text-align: center;
    } 
	#footer .credit-left {
    margin-left: 0;
   }  
   #footer .credit-right {
    float: none;
    margin-right: 0; 
   }   
   .front-pagebox ul li a .circle {
    height: 80px;
    width: 80px;   
   }
   .page-dashboard .block-views {
    width: 100%;
    height: auto;  
  }
  select {
    padding: 12px 0px;
    margin-right: 0;
} 
.spb-popup-main-wrapper {
    width: auto !important;
} 
#block-usermanual {
    float: none;  
}  
#block-usermanual a , .tabs ul.tabs li a, .tabs-citizen ul.tabs li a{
    width: 80%;
}   
.-role-login-page-form  .form-submit{ 
    width: 80%;
}
#user-register-form select {
    padding: 8px 20px;
    min-width: 80%;
} 

}

@media only screen and (min-width: 426px) and (max-width: 768px) { 
    /* Styles for smaller devices like smartphones */
    body {
        font-size: 14px;
    }

}


/* Media query for devices with a minimum width of 769px and a maximum width of 1024px */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
    /* Styles for medium-sized devices like tablets */
    body {
        font-size: 16px;
    }
	

}



/* Media query for devices with a minimum width of 1025px */
@media only screen and (min-width: 1025px) {
    /* Styles for larger devices like desktops */
    body {
        font-size: 18px;
    }
}