/* page template */
.col-2 { padding-bottom:0;}


#ui_hd{margin-left:3px;}
.row #ui_hd .col-3{width:100% !important;}


.col-3 { margin-left: 0; float:none !important; width:auto !important; }
.container .side-space { margin: 0; }
.browser-alert p {width:83%; font-size: 0.8em; padding-top: 0;}
.noJS p {width:83%; font-size: 0.8em; padding-top: 0;}

.full-container .side-space{ margin:0;}

/* .full-container .top-bar{padding-top:36px;} */


/*Change slider styles for mobile screens */

@media screen and (min-width:360px){

.share-links .bx-wrapper{padding: 5px 0;}

.share-links .bx-wrapper{max-width:290px !important; margin:0px auto 25px auto;}

.share-links .bx-viewport{width:80% !important;}

.share-links  .bx-viewport .slide {width:114px !important;}

}
.text-slider{padding:15px 0 24px 0;}
/*End - Change slider styles for mobile screens */


/*Citizens tabs area*/
.tabs-row{margin-bottom:0;}
.tabs-row img {margin-bottom:40px;}
.col_content .col-right .stat-div .stat-div-row{padding-top:0;}

/*Content align for featured area */
.align-content{padding-left:10px !important;}

.share-bar{padding:7px 5px 10px 5px;}
.share-links-div{text-align:center;}
#gicimg{text-align:center !important;float:none;}
.gic-div{text-align:center;}
h1{ font-size:1.4em;}
.page-background{display: none;}
/* .container, #menu-wrapper .container {border:1px solid blue} */

/* header styles */
/* @media screen and (max-width: 410px) {} */
 .top-bar{ top:0px;}
 .top-bar .container .left-div,.top-bar .container .right-div{display:block;margin-left:0;width:100%;text-align:center;}

 .top-bar .container .right-div .header-links{margin-right:0;}
 .header-pan .welcome{width:77%;}
 .header-pan .welcome #govName{display:block; margin: 0; padding: 0; position: relative; top: -3px;} 
 .header-pan .welcome #portalName{display:block; margin: 0; padding: 0; position: relative;} 
 .header-pan .welcome h1 { font-size: 0.9em;}
 .header-pan .tamil h1 { font-size: 0.85em;}
 .header-pan .tamil #portalName { padding-top: 5px;}



/* search */
.full-container .search-bar{padding:0px;}
#search-box { margin: 2px; text-align: center; width:auto;}
#search-box .searchbox-wraper{width: 100%;}
#search-box .searchbox-wraper input.searchbutton{ height:32px;  position: relative; right: -2px; top: -1px;}
.header-pan .search-raw{ margin:0; top: 63px; right: 0; left:0; position: absolute; background-color: #0078BA; width: 100%;}
#search-box .searchbox-wraper #mainSearch {font-size: 0.9em; margin-left: 5px; width: 79%;height:28px;}
#search-box .searchbox-wraper .search-elements {border-radius: 0;height:31px;margin-bottom: 10%;}

.advanced-search-row {padding-top:25px; background-color:#fff; }
.advanced-search-checkbox {margin-top:-20px;}
.search-results .search-list {margin: 0;}
.search-results .search-list li img {width: 12%;}
.search-results .search-list li .text { margin-left: 14%;}
.search-results .search-list li h3 {font-size: 0.875em;}
.search-results .search-list li span {font-size: 0.8em;}

/* social share icons main page right side */
.social-share-wrapper{height: auto;  position: absolute; width: 100%; top: 49px; display:none;}
#menu-wrapper .social-share-icon { display: block; float: none;  position: absolute; top:9px; left:38px; z-index: 1000;}
.social-share-wrapper .social-icon-wrapper{ display:block !important; }
.social-share-wrapper {display:auto !important;}
/* Style AZ mobile button */
#menu-wrapper .az-icon {display: block; float: none;  position: absolute; right: 84px; top:8px; z-index: 1000;}
/* End Style AZ mobile button */

/*Display none AZ desktop button for mobile devices*/
.top-button-right {display:none;}
#menu-wrapper .social-share-wrapper .social-icon-wrapper a{float:none; overflow:visible; width:100%; border-radius: 0px; transition:none;  text-indent: 3em;   color: #FFFFFF; font-size: 0.9em; line-height: 27px;}
#menu-wrapper .social-share-wrapper .social-icon-wrapper a:hover { width: 100%;}
.social-share-wrapper .social-icon-facebook span{ height: 25px; width: 90%; text-align: left;}
.social-share-wrapper .social-icon-twitter span{ height: 25px;  width: 90%; text-align: left;}
.social-share-wrapper .social-icon-google span{height: 25px; width: 90%; text-align: left;}
.social-share-wrapper .social-icon-linkedin span{height: 25px; width:90%; text-align: left;}

/*  Paginate  */
.es-container .paginate .page-number {margin: 5px 0;}
.es-container .paginate #pre-batch { float: left; margin: 8px 0; padding-left: 5px;}
.es-container .paginate #post-batch { float: right; margin: 8px 0; padding-right: 5px;}
.es-container .paginate #pages {width: 76%;}


/* Navigation */
.nav { display:none; top:6px; border-radius: 0;  border:none;}
.nav > li{ display:block; text-align:left; float:none; border-bottom:1px solid #ccc;}
.mobile-menu{ margin:1px 15px 0px 4px;  display:block; float:left;}
.mobile-menu a img{ vertical-align:top; border:none;}
#mm-wrapper {left: 0; position: absolute; top: 8px;width:100%;z-index:999;}

/* Mega Menu Dropdown */
.nav > li > a {font-size: 0.857em;}
.nav > li:hover > a { color:#ffcc00;}
.nav > li > div {position:relative; display: block; overflow: hidden; width: 100%; top: 0; left: 0; background: none repeat scroll 0 0 #FFFFFF; visibility: visible; opacity: 1; border:0; border-radius:0; z-index:1000;}
/* .nav > li:hover > div {	opacity: 1;	visibility: visible; overflow: hidden;	background: none repeat scroll 0 0 #FFFFFF;} */
.nav .mm_services {display:none;}
.logo {  width:100%;margin-bottom:5px;text-align:center;margin-top:5px;}
#logo-text{text-align:center; font-weight:700;} /*Logo text*/
.header-pan {float: left;width: 82%; position: inherit; margin-left:5px;}
.logo img { width: 180px;height:auto;}
.stat-img{width:auto;}


.col-1  .top-bar .left-div{float:none; text-align:center;width:100%;}

.col-1  .top-bar .right-div{float:none; text-align:center;width:100%;}

.header-links ul{float:none;text-align:center;}

.message .header-links {    position:relative; top: 0; left:0;}

.header-pan .welcome h1 span{ display:block;  margin-left: -42px; margin-top: -6px;}
#mm_content .sub-col-1 { display:none}
#mm_content .sub-col-2 { width: 100%;}
#mm_content .mm-inner-right .service-list li span { display:none;}
#mm_content .mm-inner-right .service-list li a {font-size: 0.85em;}
#mm_content .mm-inner-right .service-list li.group {background: url("../images/e-service_group-mobile.png") no-repeat scroll 0 6px rgba(0, 0, 0, 0); min-height: 20px;}
#mm_content .mm-inner-right .service-list li.group:hover {background: url("../images/e-service_group-mobile.png") no-repeat scroll 0 6px rgba(0, 0, 0, 0);}
#mm_content .mm-inner-right .service-list li.eservice {background: url("../images/e-service_mobile.png") no-repeat scroll 0 6px rgba(0, 0, 0, 0);}
#mm_content .mm-inner-right .service-list li.eservice:hover {background: url("../images/e-service_mobile.png") no-repeat scroll 0 6px rgba(0, 0, 0, 0);}
#mm_content .mm-inner-right .service-list li {padding: 5px 0 5px 28px;}
#mm_content .mm-inner-right .service-list li h3 {font-size: 0.9em;}
#mm_content .mm-inner-right .service-list { height: auto; margin-top: 0;}
#mm_content .mm-inner-right { border-left: 0; margin: 10px 10px 10px 0;}
#mm-wrapper .btn-mm-close{ display:none;}

/* ------END Mega Menu CSS -------  */


/* body content responsive */
.home-body-tablet{ margin-top:180px !important;}
.data-raw .legend-border{ margin:0 5px 35px 5px; padding-bottom: 30px;}
.emergency { margin-top:27px;}
.body-content .data-raw {padding: 10px 0 20px 0;}
.data-raw h2.legend { font-size: 1.01em;}
.service-detail .legend-border {margin: 0; width: auto; padding: 10px 15px 20px 15px;}
.service-detail .legend-border .col_content .col-left {height: 50px; width: 50px;}
.service-detail .primary-detail .service-image {width: 85px;}
.service-detail #name{font-size:1.1em;}
.col_content .col-left { width: 60px;}

.tabs-row .col-3 {overflow:initial;} 

/* Home page Carousal */
.container .bx-wrapper {margin: 0 auto;}

.container .share-links .bx-wrapper .bx-controls-direction a,.container .useful-links .bx-wrapper .bx-controls-direction a{margin-top:-12px;}
.container .col-7 .bx-wrapper .bx-controls-direction a { margin-top: 0px;}

.bx-wrapper img{width:auto;}
.bx-wrapper img.ticker-img{width:40px;height:40px;}
.bg-img{display:none !important;}



.bg-img .readmore, .bg-img p.slider-detail{font-size:0.5em;}

.bg-img p.slider-detail-title{font-size:0.5em;padding-left:5px;padding-bottom:5px;}

.slider-caption{width:38%;padding:0;}

.bg-img p,.bg-img a{padding-left:5px;}

.bg-img .readmore, .bg-img p.slider-detail{font-size:0.5em;}

.bg-img p.slider-detail-title{font-size:0.6em;padding-left:5px;padding-bottom:5px;}
.bg-img .bx-wrapper .bx-pager.bx-default-pager a{background: #000;

	text-indent: -9999px;

	display: block;

	width: 0px;

	height: 5px;

	margin: 0 5px;

	outline: 0;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;}

.useful-links .bx-viewport{text-align:left;}

/* Welcome page */
.container .welcome-container {margin: 1%;}
.container .welcome-container .content{-moz-box-shadow:none; -webkit-box-shadow: none; box-shadow: none;}
.container .welcome-container .header-links ul li {padding: 0 10px;}
.container .welcome-container .icta{ text-align:center;}
.container .welcome-container .icta a{ clear:both;}
.container .welcome-container .font-download{ text-align:right;}
.container .welcome-container .font-download a{  clear:both;}
.container .welcome-container h1.sinhala{display:block; }
.container .welcome-container h1.tamil{display:block;  }
.container .welcome-container h1.english{display:block;}
.container .welcome-container .title{width:100%;}
/*error page*/
.error_text_si_en{color:#000000;padding-bottom:8px;font-weight:bold;font-size:1.2em;text-align:center;}
.error_text_tamil{color:#000000;font-weight:bold;font-size:0.8em;text-align:center;}
.customMsg{font-size:0.8em;}

/* Footer */
.footer{padding:6px;}
#footer-container .footer-links .col-1 ul li a {font-size: 0.8em;}
#footer-container .other-footer-links .col-1 ul li a {font-size: 0.8em;}

.welcomeFooter{text-align: center; padding-top: 35px;}
#footer-container .footer-links .col-1 .col-3 .col_content{ width:100%;margin:0 auto;}


#footer-container .copyright .cr-left-div1{float:left;width:100%;}

#footer-container .copyright .cr-left-div1 img{float:none;padding:5px 0 5px 0;}
#footer-container .copyright .cr-left-div1 .stat-topic{display:block;text-align:center;}

#footer-container .copyright .cr-left-div2{float:left;width:100%;}

#footer-container .copyright .cr-left-div2 .stat-topic{padding:5px 0; float:none;}

#footer-container .copyright .cr-right-div3{float:right;width:100%;text-align:center;}

/* Five column area */


.row-boxes h5.tamilHeight{height:40px !important;}
.row-boxes h5.sinhala{height:30px !important;}
.row-boxes .col-3 p.tamil,.row-boxes .col-3 p.sinhala{height:55px !important;} 
.fivecolumn-area .fivecolumn-area-left,.fivecolumn-area .fivecolumn-area-right {width: 100% !important;}
.slider-area {padding-top:0px;}


.fivecolumn-area .col-9{margin-top:10px; padding:10px;}


.fivecolumn-area .col-8{margin-right:0px; padding:10px;}


.col-s-3 iframe {width:90%;}

.logo-bar .col-s-3 {width:100%;}

/* .row-wd {padding:10px;} */
#wd_categories{margin-left:3px;}
.row-wd #wd_categories .col-3{width:100% !important;}

.row-wd .col-3 {margin-left:0; padding: 10px 0px;}

.h1-white {margin-top:10px;padding:0 !important;}

.h1top {padding-left:0px !important;}

.linkbox{padding-bottom:5px !important;margin-left: 1%;margin-right: 1%;}

.linkbox-styles{font-size: 0.75em;}
.poll-wrp, .use-wrp {width:auto; margin-left: 0px; float: none;}

.fivecolumn-area .fivecolumn-area-left .col-s-2 .pollarchive{padding-left:0px !important;display:block;}
.use-wrp {background:none;}
#about_srilanka_cms {padding: 0px; }
.col3-border {border:none !important; margin-bottom:10px !important;} 
.fivecolumn-area .fivecolumn-area-left .col-s-2{padding:10px; background-color:#FFFFFF;}
.fivecolumn-area .fivecolumn-area-left .col-s-3{margin-left:0px; padding:10px; background-color:#FFFFFF;}
.fivecolumn-area .fivecolumn-area-left .col-s-3 a {padding-left:0px;}
.fivecolumn-area .col-9 .gi-box {width:100%;}
.fivecolumn-area .col-9 .gi-area .gi-box div.wd-moreinfo {margin-top: 43px;}
.fivecolumn-area h4 {padding-left:0px;}
.col-s-2 iframe {padding-left:0px; width:100% !important;}

#follow-us-content {width: 100%;}
.follow-us-div{text-align:center;float:none;padding:0px 0px 3px 0px;}
/*Government Initiatives area*/

.fivecolumn-area-right .bx-wrapper .bx-prev {margin-left:76% !important;}
#govinitiative-slider .govinit-title{font-size:0.87em !important;height:12px !important;}
#govinitiative-slider.tamil .govinit-title{height:11px !important;}
#poll.tamil, #useful_info.tamil, #quick_links.tamil, #about_srilanka.tamil{font-size:1em !important;}
.col-8.tamil #about_srilanka.tamil{font-size:1em !important;}

#gov_initiatives.tamil{font-size:1.2em !important;}

 /*sliderarea*/
.slider2 {margin:0px;}
.sliderarea .bx-wrapper .bx-controls-direction a{  margin-top: -26px;}
.sliderarea .bx-wrapper .bx-viewport {width:67% !important;}


@media screen and (min-width: 510px) and (max-width: 649px) { 
	.sliderarea .bx-wrapper .bx-viewport {width:53% !important;}
}
@media screen and (max-width: 360px) { 
	.sliderarea .bx-wrapper .bx-viewport {width:79% !important;}
	.sliderarea .bx-wrapper .slide {width:273px !important;}
}
@media screen and (max-width: 330px) { 
	.sliderarea .bx-wrapper .slide {width:253px !important;}
}
@media screen and (min-width: 492px) and (max-width: 509px) { 
	.sliderarea .bx-wrapper .slide {width:330px !important;}
}
@media screen and (min-width: 622px) and (max-width: 649px) { 
	.sliderarea .bx-wrapper .slide {width:335px !important;}
}



/* tabs */

.tab-area-color{padding:0;} 
.rmv-space{ padding:0px 0px 20px !important;}

/*Mtree font*/
ul.mtree a {font-size:0.8em;}
#resultdiv li h3{padding-bottom:2px !important;}
ul.mtree.transit ul > li{font-size:1em !important;}

/* Services */
#resultdiv li{margin-bottom:10px !important;}
input.service-btn{margin-right:5px !important;}
@media all and (-ms-high-contrast:none)
     {
     input.service-btn { margin-bottom: 6px; } /* IE10 */
     *::-ms-backdrop, input.service-btn { margin-bottom: 6px; } /* IE11 */
     }

/* web directory */
.wd-res-container{padding-top:0px !important;}
#directory-search{margin: 10px !important;float: right !important;}


/*Added padding to mtree + - area */

ul.mtree.transit li.mtree-node > a:before {padding-right:10px !important; padding-left:10px !important;}
/* useful links more */
.es-inner .search-results .search-list li h3{padding-top:2px !important;}
.es-inner .search-results .search-list li img{width:12% !important; height:auto !important;}

/* Back to top icon */
#backTop{
    width:10px;
    height:10px;
    padding:8px;
}