.for-mobile-view {
    display: block !important;
}

.navbar {
    background-color: #f8f9fa;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    height: auto;
}

.for-other-devices-view {
    display: none !important;
}

@media (min-width: 768px) {
    .for-mobile-view {
        display: none !important;
    }

    .navbar {
        background-color: #f8f9fa;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        height: auto; /*60px*/
    }

    .for-other-devices-view {
        display: block !important;
    }
}

.mobile-logo {
    max-width: auto !important;
    height: 50px !important;
    margin-top: 20px !important;
    margin-bottom: 5px !important;
}

.custom-readmore-button {
    margin: 10px;
    padding: 10px 20px;
    border-radius: 5px;
    background-color: #222222; /*#05d6e1;*/
    color: #fff !important;
    border: none;
    cursor: pointer;
    text-decoration: none !important;
    font-style: normal !important;
}

.custom-readmore-button:hover {
    background-color: #05d6e1;
    color: #222222 !important;
}

.custom-readmore-button a {
    text-decoration: none !important;
    font-style: normal !important;
    color: #fff !important;
}

.custom-readmore-button a:hover {
    text-decoration: none !important;
    font-style: normal !important;
    color: #222222 !important;
}

.custom-readmore-button i:hover {
    text-decoration: none !important;
    font-style: normal !important;
    color: #222222 !important;
}

/* contact form */
.contact_form input{
	padding:10px;
	margin-bottom:20px;
	color:#fff;
	border:solid 1px rgba(0,0,0,.3);
	background:rgba(0,0,0,.2);
	border-radius:0 !important;
	height:auto;
	}
	
.contact_form textarea{
    padding:10px;
	margin-bottom:20px;
	color:#fff;
	border:solid 1px rgba(0,0,0,.3);
	background:rgba(0,0,0,.2);
	border-radius:0 !important;
	height:165px;
	}

    .contact_form button{
     margin: 10px;
    padding: 10px 20px;
    border-radius: 5px;
    background-color: #222222; /*#05d6e1;*/
    color: #fff !important;
    border: none;
    cursor: pointer;
    text-decoration: none !important;
    font-style: normal !important;
    }

    /* main menu  */
   .custom-fontsize{
        font-size: 15px!important;
    }

    .custom-fontsize-banner li{
        font-size: 15px!important;
    }

     .about-paragraph{
        font-size: 16px!important;
        text-align: justify!important;
        line-height: 1.5 !important;
    }

    .about-paragraph-2{
        font-size: 16px!important;
        text-align:center!important;
        line-height: 1.5 !important;
    }