/* page teamplate */
body .full-container{background-color:#ededed;width:100%;}
.container .side-space,.full-container .side-space{ margin:0 50px;}
.footer .container .side-space{ margin:0;}

.container .side-space-100px{ margin:0 100px;}
/* col-2 */
.col-2 { float:left; width:68.12%; }
/* col-3 */
.col-3 { float:left; width:29.4% !important; }
/* col-4 */
.col-4 { float:left; width:17.50%; clear:left; }
.col-4-cs { float:left; width:25%; }
/* col-5 */
.col-5 { float:left; width:50%; }
/* col-5a */

.col-5a { float:left; width:50%; }
/* col-6 */
.col-6 { float:left; width:82.3%; }

/* col-7 */

.col-7 { float:left; width:62.8%; }

/* col-8 */
.col-8-cs{float:left; width:75%;min-width:75%; clear:left;}
.col-8 { float:none; /*width:92.2%;*/  width:94.2%; }

/* col-9 */

.col-9 { float:left; width:95%;  }
/* col-10 */
.col-10 { float:left; width:20%;}

/* col-s-2 */

.col-s-2 { float:left; /*width:35.3%;*/  width:94.3%;  }

/* col-s-3 */

.col-s-3 { float:left; /*width:46.1%;*/   width: 95.1%;  }

.logo-bar .col-s-3 { float:left; width:46.1%;}

/* col-11 */
.col-11{float:left; width:53.9%;}

/* col-1 */
.service-detail .col-1 { width:auto; }

.clear-float.non-desktop { clear: none; content: inherit; display: block; float: left; }
.content{ padding:0 18px;}
.body-content .search-raw{width:980px}
#mm-wrapper .btn-mm-close{ display:block;}
/*error page*/
.error_text_si_en{color:#000000;padding-bottom:8px;font-weight:bold;font-size:2em;text-align:center;}
.error_text_tamil{color:#000000;font-weight:bold;font-size:1.4em;text-align:center;}


/*footer*/

#footer-container .footer-links .col-1 .col-3 .col_content{ width:35%;margin:0 auto;}
/* Services Menu */
.accordion-menu-div{
	padding-right:20px;
}

.service-grid{
	margin: 10px;
    border: 1px solid #ddd;
	padding: 10px;
	height: 70px;
	cursor: pointer;
    text-align: center;
    height: 150px;
}
.service-grid:hover{
    border: 1px solid #1d70b8;
	background-color: #ebebeb;
}
.service-grid .service-title{    
    color: #1d70b8;
    font-size: 15px;
    line-height: 18px;
    font-weight: bold;
    padding-top: 5px;
}
.service-main-grid *,.service-main-grid *:hover{
	text-decoration: none;
}
.service-main-grid .eservice-link{
	text-decoration: none;
	color: #000;
}
.service-main-grid .eservice-link:hover{
	text-decoration: underline;
}
.service-data{
	padding-top: 20px;
}

.service-search{
	height: 35px;
    font-size: 1.0em;
    font-family: "Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif;
    color: #797979;
    margin-left: 10px;
    margin-top: 0px;
    width: 50%;
    border: 1px solid #ddd;
	padding: 0 10px;
}
.service-search:focus-visible{
    border: 1px solid #ddd !important;
}
.container-service-data{
	padding-top: 20px;
   padding-left: 20px;
   padding-right: 20px;
}
.service-search-box{
	text-align: center;
    margin-bottom: 20px;
}
.text-right{
    text-align: right;
}
.text-center{
    text-align: center;
}
.service-grid-mobile .service-title{
    font-size: 30px;
}
.service-grid-mobile .app-logo{
    height: 50px;
}
.service-grid-mobile .app-logo-container{
    margin-top: 20px;
}

@media only screen and (max-width: 768px) {
    .col-4-cs {
        width: 100%;
    }
    .service-grid{
        height: auto;
    }
    .header-bar .header-bar-details{
        padding: 30px 10px;
    }
    .main-menu-cs{
        padding-left: 10px;
        padding-right: 10px;
    }
    .hide-mobile{
        display: none;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .col-4-cs {
        width: 50%;
    }
    .service-grid{
        height: auto;
    }
}
@media only screen and (min-width: 1500px) {
    .service-grid{
        height: 160px;
    }
}

@media only screen and (min-width: 1900px) {
    .service-grid{
        height: 180px;
    }
}

@media only screen and (min-width: 2500px) {
    .service-grid{
        height: auto;
    }
}

@media only screen and (min-width: 768px) {
    .hide-desktop{
        display: none;
    }
}