﻿/*Maintenance message*/
.clear {
    clear: both;
}

.maintenance-msg {
    display: none;
    position: relative;
}
/*.maintenance-msg.hide {
    display: none;
}*/

/*.maintenance-toggle.hide {
    display: none;
}*/
.maintenance-toggle-wrapper {
    display: none;
}

.maintenance-toggle-wrapper.active {
	display: block;
    box-sizing: border-box;
    background-color: #333333;
    position: relative;
    float: right;
    right: 2%;
    top: 0;
    width: 32px;
    height: 29px;
    /*padding: 3px 0 0 4px;*/
    text-align: center;
}

.maintenance-toggle {
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center;
    border: 2px solid #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
    z-index: 9000;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    font-weight: 900;
    font-size: 10px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.maintenance-msg {
    background-color: #333333;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 9000;
    text-align: left;
    box-sizing: border-box;
}


.maintenance-msg .loadingSpinner {
    position: absolute;
    top: 30%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 5px solid #f3f3f3; /* Light grey */
    border-top: 5px solid #bcbcbc; /* Dark grey */
    border-radius: 50%;
    width: 25px;
    height: 25px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.maintenance-msg a {
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    transition: all 0.25s;
    
}

.maintenance-msg a:hover {
    padding-bottom: 3px;
}

.maintenance-msg .maintenance-msg-txt {
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    position: relative;
    width: auto;
    height: auto;
    line-height: 150%;
    margin: 0 10%;
    padding: 20px;
    vertical-align: middle;
}

.maintenance-msg .maintenance-msg-close-btn {
    position: absolute;
    top: 25%;
    right: 1%;
    width: auto;
    font-size: 40px;
    color: #ffffff;
    cursor: pointer;
}

/*color codes*/

/* end */

/*generic head*/
.top { position: relative; z-index: 2; }
.top .top-cnt { max-width: 1440px; margin: auto; }
.top .top-wrap { position: relative; }
.top .hdr-searchBox { position:relative; width:100%; background-color:#FFF;}

/*sg gov row*/
.top .sg-gov-cred-cnt { background-color: #f0f0f0; font-size: 81.25%; position: relative; }
.top .sg-gov-cred-cnt .top-cnt { padding: 0 15px; }
.top .sg-gov-cred-cnt img { border:none; display: inline-block; vertical-align: middle; margin-right: 5px;max-height: 17px; }
.top .sg-gov-cred-cnt .sg-gov-cred { display: inline-block; vertical-align: middle; padding: 5px 0px; }
.top .sg-gov-cred-cnt .sg-gov-cred a { color: #363636; }
.top .sg-gov-cred-cnt .sg-gov-cred a:hover { color: #000; }

/*meta*/
.top .top-meta-cnt { background-color: #fff; }
.top .top-meta-cnt .top-cnt { position: relative; }
.top .top-meta { padding: 5px 15px 5px; display:flex; align-items:center; justify-content:space-between;}
/*.top .top-meta { padding: 5px 15px 5px; }*/
.top .top-meta .logo { max-width: 30%; position: relative; z-index: 1; }
.top .top-meta .logo a{ display:inline-block; }
.top .top-meta .logo img { width: 300px; border: none;}

/* for switching display of the header search 	*/
.top .top-meta .feedback { position: relative;}
/*.top .top-meta .feedback { position: absolute; right: 65px; top: 13px; padding: 7px 7px 7px 0px; z-index: 1; }
.top .top-meta .feedback:after { content: ""; height: 35px; margin-left: 15px; width: 1px; background-color: #bcbcbc; border-right: 1px solid #dadada; display: inline-block; vertical-align: middle; }*/

/* .top .top-meta .feedback { position: absolute; right: 28px; top: 13px; padding: 7px 7px 7px 0px; z-index: 1; } */
/* .top .top-meta .feedback:after { content: none; } */
/*end*/

.top .top-meta .feedback a { background-size: 33px;color: #363636; padding: 7px 0px 7px 40px; font-weight: 600; background-image: url(../image/feedback-icon.png); background-position: center left; background-repeat: no-repeat; vertical-align: middle;text-transform:capitalize; }


/*menu*/
.top .top-menu-cnt { position: relative; }
.top .top-menu-cnt:before { content: ""; background-color: #f3f3f3; display: block; position: absolute; width: 50%; left: 0; top: 0; bottom: 0; z-index: -1; }
.top .top-menu-cnt:after { content: ""; background-color: #ed3d33; display: block; position: absolute; width: 50%; right: 0; top: 0; bottom: 0; z-index: -1; }
.top .top-menu { padding: 0 7px; /*position:relative;*/ }
.top .top-menu .top-search { min-height: 76px; position: absolute; right: 0; top: 53px; left: 0; margin: auto; width: 100%; background-color:#FFF; opacity:0; display:none;}
.top .top-menu .top-search.active {opacity:1; transition: all 0.25s; z-index: 1; pointer-events: none; }
/*.top .top-menu .top-search { min-height: 76px; position: absolute; right: 0; top: -76px; left: 0; max-width: 1440px; margin: auto; width: 100%; }*/
.top .top-menu .top-search.active { }

/* for switching display of the header search*/
.top .top-menu .top-search .menuSearch { min-height: 76px; pointer-events: all; padding: 0 15px; text-align: right; max-width:1440px; width: 100%; margin:0 auto; overflow: hidden; position:relative;}
/*.top .top-menu .top-search .menuSearch { min-height: 76px; pointer-events: all; padding: 0 15px; text-align: right; width: 48%; margin-left: auto; overflow: hidden; }*/
/* .top .top-menu .top-search .menuSearch {display:none; } */
/*end*/


/*.top .top-menu .wpMenuM1 .hdr-search { cursor: pointer; outline: none; position: absolute; background: none; padding: 0; vertical-align: middle; font-size: 7px; display: inline-block; box-sizing: content-box; width: 27px; height: 27px; border: 0px none; right: 7px; top: 32%; top: calc(50% - (25px / 2));  border-left: 2px solid white; padding: 0 0 0 13px;}*/
.top .top-menu .wpMenuM1 .hdr-search a.btnSearch { cursor: pointer; outline: none; position: absolute; background: none; padding: 0; vertical-align: middle; font-size: 7px; display: inline-block; box-sizing: content-box; width: 27px; height: 27px; border: 0px none; right: 0; top: 32%; top: calc(50% - (25px / 2)); }
.top .top-menu .wpMenuM1 .hdr-search a.btnSearch:before { content: ""; position: absolute; left: 0; top: 0; display: inline-block; border: 3px solid #fff; border-radius: 25px; width: 15px; height: 15px; transition: all 0.25s; }
.top .top-menu .wpMenuM1 .hdr-search a.btnSearch:after { content: ""; position: absolute; right: 5px; bottom: 0; display: inline-block; border-radius: 25px; border-width: 0; background: #fff; width: 3px; height: 11px; transform: rotate(135deg); transition: all 0.25s; }
.top .top-menu .wpMenuM1 .hdr-search a.btnSearch.active:before { transform: rotate(45deg); background-color: #fff; border-width: 0px; width: 3px; height: 35px; left: 12px; top: -4px; transition: all 0.25s; }
.top .top-menu .wpMenuM1 .hdr-search a.btnSearch.active:after { right: 12px; bottom: -4px; height: 35px; transition: all 0.25s; }

.top .hdr-searchBox {display:none;}
.top .hdr-searchBox .wrapper{max-width:1440px; margin: 0 auto;}
.top .hdr-searchBox .wrapper .menuSearch {padding:0 15px; position:relative;}
.top .hdr-searchBox .wrapper .menuSearch button.btnSearch { cursor: pointer; outline: none; position: absolute; background: none; padding: 0; vertical-align: middle; font-size: 7px; display: inline-block; box-sizing: content-box; width: 27px; height: 27px; border: 0px none; right: 14px; top: 32%; top: calc(50% - (25px / 2)); }
.top .hdr-searchBox .wrapper .menuSearch button.btnSearch:before { content: ""; position: absolute; left: 0; top: 0; display: inline-block; border: 3px solid #363636; border-radius: 25px; width: 15px; height: 15px; transition: all 0.25s; }
.top .hdr-searchBox .wrapper .menuSearch button.btnSearch:after { content: ""; position: absolute; right: 5px; bottom: 0; display: inline-block; border-radius: 25px; border-width: 0; background: #363636; width: 3px; height: 11px; transform: rotate(135deg); transition: all 0.25s; }

.top .hdr-searchBox .wrapper .menuSearch button.btnSearch.active:before { transform: rotate(45deg); background-color: #fff; border-width: 0px; width: 3px; height: 35px; left: 12px; top: -4px; transition: all 0.25s; }
.top .hdr-searchBox .wrapper .menuSearch button.btnSearch.active:after { right: 12px; bottom: -4px; height: 35px; transition: all 0.25s; }

.top .hdr-searchBox .wrapper .menuSearch button.btnGoSrc {opacity:0; outline: none; background: none; position: absolute; padding: 0; font-size: 0; display: inline-block; box-sizing: content-box; width: 27px; height: 27px; border: 0px none; right: 75px; top: 32%; top: calc(50% - (25px / 2)); cursor: pointer; }
.top .hdr-searchBox .wrapper .menuSearch button.btnGoSrc.active{opacity:1;transition: opacity 0.25s; }
.top .hdr-searchBox .wrapper .menuSearch button.btnGoSrc:before { content: ""; position: absolute; left: 0; top: 0; display: inline-block; border: 3px solid #363636; border-radius: 25px; width: 15px; height: 15px; transition: all 0.25s; }
.top .hdr-searchBox .wrapper .menuSearch button.btnGoSrc:after { content: ""; position: absolute; right: 5px; bottom: -1px; display: inline-block; border-radius: 25px; border-width: 0; background: #363636; width: 3px; height: 14px; transform: rotate(135deg); transition: all 0.25s; }/**/

.top .hdr-searchBox .wrapper .menuSearch input#srcMenu { /*min-height: 76px;*/ opacity: 0; visibility: hidden; width: calc(100% - 27px); transition: all 0.25s; font-weight: 400; font-family: "Lato", sans-serif; font-size: 16px; border: 0px none; /*background-color: #fafafa;*/ padding: 20px 0px; outline: none; line-height: 140%; }
.top .hdr-searchBox .wrapper .menuSearch input#srcMenu.active { visibility: visible; opacity: 1; }
.top .hdr-searchBox .wrapper .menuSearch input#srcMenu:focus,
.top .hdr-searchBox .wrapper .menuSearch input#srcMenu:hover { background-color: #fff; transition: all 0.25s; }
/*search placeholder text*/
.top .hdr-searchBox .wrapper .menuSearch input#srcMenu::-webkit-input-placeholder,
.top .hdr-searchBox .wrapper .menuSearch input#srcMenu::-moz-placeholder,
.top .hdr-searchBox .wrapper .menuSearch input#srcMenu:-ms-input-placeholder,
.top .hdr-searchBox .wrapper .menuSearch input#srcMenu:-moz-placeholder { color: #6e6e6e; }
/*search focus cross*/
.top .hdr-searchBox .wrapper .menuSearch input#srcMenu::-ms-clear,
.top .hdr-searchBox .wrapper .menuSearch input#srcMenu::-ms-reveal,
.top .hdr-searchBox .wrapper .menuSearch input#srcMenu::-webkit-search-decoration,
.top .hdr-searchBox .wrapper .menuSearch input#srcMenu::-webkit-search-cancel-button,
.top .hdr-searchBox .wrapper .menuSearch input#srcMenu::-webkit-search-results-button,
.top .hdr-searchBox .wrapper .menuSearch input#srcMenu::-webkit-search-results-decoration { display: none; width: 0; height: 0; }

.top .top-menu .menuSearch button.btnSearch { cursor: pointer; outline: none; position: absolute; background: none; padding: 0; vertical-align: middle; font-size: 7px; display: inline-block; box-sizing: content-box; width: 27px; height: 27px; border: 0px none; right: 15px; top: 32%; top: calc(50% - (25px / 2)); }

.top .top-menu .menuSearch button.btnSearch:before { content: ""; position: absolute; left: 0; top: 0; display: inline-block; border: 3px solid #363636; border-radius: 25px; width: 15px; height: 15px; transition: all 0.25s; }
.top .top-menu .menuSearch button.btnSearch:after { content: ""; position: absolute; right: 5px; bottom: 0; display: inline-block; border-radius: 25px; border-width: 0; background: #363636; width: 3px; height: 11px; transform: rotate(135deg); transition: all 0.25s; }
.top .top-menu .menuSearch button.btnSearch.active:before { transform: rotate(45deg); background-color: #363636; border-width: 0px; width: 3px; height: 35px; left: 12px; top: -4px; transition: all 0.25s; }
.top .top-menu .menuSearch button.btnSearch.active:after { right: 12px; bottom: -4px; height: 35px; transition: all 0.25s; }
.top .top-menu .menuSearch button.btnGoSrc {opacity:1; outline: none; background: none; position: absolute; padding: 0; font-size: 0; display: inline-block; box-sizing: content-box; width: 27px; height: 27px; border: 0px none; right: 15px; top: 32%; top: calc(50% - (25px / 2)); cursor: pointer; }
/*.top .top-menu .menuSearch button.btnGoSrc.active{opacity:1;transition: opacity 0.25s; }*/
.top .top-menu .menuSearch button.btnGoSrc:before { content: ""; position: absolute; left: 0; top: 0; display: inline-block; border: 3px solid #363636; border-radius: 25px; width: 15px; height: 15px; transition: all 0.25s; }
.top .top-menu .menuSearch button.btnGoSrc:after { content: ""; position: absolute; right: 5px; bottom: -1px; display: inline-block; border-radius: 25px; border-width: 0; background: #363636; width: 3px; height: 14px; transform: rotate(135deg); transition: all 0.25s; }
.top .top-menu .menuSearch input#srcMenu { min-height: 76px; opacity: 0; visibility: hidden; width: 100%; transition: all 0.25s; font-weight: 400; font-family: "Lato", sans-serif; font-size: 16px; border: 0px none; background-color: #FFF; padding: 20px 0px; outline: none; line-height: 140%; }
/*.top .top-menu .menuSearch input#srcMenu { min-height: 76px; opacity: 0; visibility: hidden; width: 100%; transition: all 0.25s; font-weight: 400; font-family: "Lato", sans-serif; font-size: 16px; border: 0px none; background-color: #fafafa; padding: 25px 15px 25px; outline: none; line-height: 140%; }*/
.top .top-menu .menuSearch input#srcMenu.active { visibility: visible; opacity: 1; }
.top .top-menu .menuSearch input#srcMenu:focus,
.top .top-menu .menuSearch input#srcMenu:hover { /*background-color: #f0f0f0;*/ transition: all 0.25s; }
    /**/
/*search placeholder text*/
.top .top-menu .menuSearch input#srcMenu::-webkit-input-placeholder,
.top .top-menu .menuSearch input#srcMenu::-moz-placeholder,
.top .top-menu .menuSearch input#srcMenu:-ms-input-placeholder,
.top .top-menu .menuSearch input#srcMenu:-moz-placeholder { color: #6e6e6e; }
    /**/
/*search focus cross*/
.top .top-menu .menuSearch input#srcMenu::-ms-clear,
.top .top-menu .menuSearch input#srcMenu::-ms-reveal,
.top .top-menu .menuSearch input#srcMenu::-webkit-search-decoration,
.top .top-menu .menuSearch input#srcMenu::-webkit-search-cancel-button,
.top .top-menu .menuSearch input#srcMenu::-webkit-search-results-button,
.top .top-menu .menuSearch input#srcMenu::-webkit-search-results-decoration { display: none; width: 0; height: 0; }
    /**/
.top .top-menu .smallMenuIcon { display: none; }
.top .top-menu .wpSmallMenuM1 { display: none; }
.top .top-menu .menu-cnt { }
.top .top-menu .menu-wrap { text-align: center; }
.top .top-menu .menu-wrap.menu-combo { overflow: hidden; /*position:relative;*/}
.top .top-menu .menu-wrap:first-child { text-align: left; float: left; }
.top .top-menu .navm1 { background-color: #f3f3f3; }
.top .top-menu .navm2 { background-color: #0072ca; overflow: hidden; text-align: left; }
.top .top-menu .navm3 { background-color: #ed3d33; float: right; margin: 0;}
.top .top-menu .hdr-search { background-color: #ed3d33; float: right; margin: 0; box-sizing: content-box; width: 27px; height: 27px; position:relative; padding:3px 0 3px 15px; margin:10px 0; border-left:2px solid #FFF;}
.top .top-menu a { color: #fff; padding: 15px 0; }
.top .top-menu .navm1 a { color: #363636 }
.top .top-menu .navm1 ul.sfNavList { }
.top .top-menu ul.sfNavList { font-size: 0; }
.top .top-menu ul.sfNavList > li { font-size: 16px; display: inline-block; font-weight: 300; }
.top .top-menu ul.sfNavList > li:last-child { margin-right: 0px; }
.top .top-menu ul.sfNavList > li > a {  padding: 16px 25px 12px; display: inline-block; border-bottom: 5px solid transparent;font-weight:400; transition: border 0.25s, padding 0.25s, color 0.25s; }
.top .top-menu ul.sfNavList > li:hover > a { border-bottom: 5px solid #fff; transition: border 0.25s, padding 0.25s, color 0.25s; }

/*top social*/
.top .top-menu .navm2 .sfNavWrp { overflow: hidden; }
.top .top-menu .navm2 .social { float: right; margin-right: 25px;font-size:0;min-width: 180px; }
.top .top-menu .navm2 .social a { display: inline-block; padding: 8px 0; margin: 0; vertical-align: top; transition: filter 0.25s; margin-left: 5%; padding: 12px 0 13px;	}
.top .top-menu .navm2 .social a:first-child {margin-left:0; }
.top .top-menu .navm2 .social a:hover { -webkit-filter: grayscale(1); filter: grayscale(1); transition: filter 0.25s; }
.top .top-menu .navm2 .social img { max-width: 28px; }
/**/


.top .top-menu .navm2 > .sfNavWrp > ul > li:last-child {  background-image: url("../image/buildsg-white.png"); background-size: 82px;background-position: left 9px center; background-repeat: no-repeat; }
.top .top-menu .navm2 > .sfNavWrp > ul > li:last-child > a { color: transparent; width: 100px; }
.top .top-menu .navm2 > .sfNavWrp > ul > li:last-child:hover > a { }

.top .top-menu .navm1 > .sfNavWrp > ul > li:last-child { background-color: #d7d7d7; }
.top .top-menu .navm1 > .sfNavWrp > ul > li:last-child > a { background-color: #d7d7d7; }
.top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { padding: 16px 35px 12px 9px; }
/**
.top .top-menu .navm1 > .sfNavWrp > ul > li:first-child { background-image: url("../image/build-sg.png"); background-size: 82px;background-position: left 9px center; background-repeat: no-repeat; }
.top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { padding: 16px 60px 12px 9px; color: transparent; }
.top .top-menu .navm1 > .sfNavWrp > ul > li:first-child:hover > a { }**/
.top .top-menu .navm1 > .sfNavWrp > ul > li { text-align: center; }
.top .top-menu .navm1 > .sfNavWrp > ul > li > a { background-size: 8px 5px; padding: 16px 35px 12px 25px; border-bottom: 5px solid transparent; background-image: url(../image/menu-arrow.png); background-position: right 15px top 25px; background-repeat: no-repeat; }
.top .top-menu .navm1 > .sfNavWrp > ul > li:hover > a { border-bottom: 5px solid #0072ca; }
/*Highlight parent in blue*/
.top .top-menu .navm1 > .sfNavWrp > ul > li > a.sfSel { border-bottom: 5px solid #0072ca; font-weight:normal;}


.top .top-menu .myBCA ul.sfNavList > li > a { 
/* padding: 16px 25px 12px 75px;  */
/* background-image: url(../image/access-icon.png);  */
/* background-position: left 25px top 65%;  */
/* background-repeat: no-repeat;  */
	font-weight: 400; 
/* background-size: 35px; */
}
.top .top-menu .myBCA ul.sfNavList > li:hover > a { }

.top .top-menu ul.sfNavList .mega-cnt { transition: top 0s 0.3s; background-color: #fff; position: absolute; left: 0; top: -2999px; right: 0; z-index: -2; }
.top .top-menu ul.sfNavList > li:hover > .mega-cnt { top: 50px; transition: all 0.5s; }
.top .top-menu ul.sfNavList .mega-cnt .mega { max-width: 1440px; margin: auto; padding: 45px 15px; }
.top .top-menu ul.sfNavList .mega-cnt .mega-desc { text-align: left; width: 55%; display: inline-block; margin-right: -4px; vertical-align: top; padding-right: 15%; line-height: 175%; }
.top .top-menu ul.sfNavList .mega-cnt .mega-menu-cnt { width: 45%; display: inline-block; vertical-align: top; padding-left: 65px; }
.top .top-menu ul.sfNavList ul.mega-menu { display: block; position: static; max-width: none; }
.top .top-menu ul.sfNavList ul.mega-menu li { margin-top: 6px; }
.top .top-menu ul.sfNavList ul.mega-menu li:first-child { margin-top: 0px; }
.top .top-menu ul.sfNavList .mega-cnt a { padding: 7px 5px 7px 30px; display: inline-block; color: #363636; background-image: url("../image/mega-bullet.png"); background-repeat: no-repeat; background-position: left top 14px; }
.top .top-menu ul.sfNavList .mega-cnt a:hover { background-position: left 7px top 14px; }
.top .top-menu ul.sfNavList .mega-cnt ul { list-style: none; }
.top .top-menu ul.sfNavList .mega-cnt h2 { margin: 0 0 35px; color: #0072ca; }
.top .top-menu ul.sfNavList ul {background: #fff; list-style: none; text-align: left; position: absolute; padding: 7px 0; top: -2999px; z-index: -2; }
.top .top-menu ul.sfNavList > li:hover > ul { top: 50px; transition: all 0.5s; }
.top .top-menu ul.sfNavList ul li a { color: #363636; display: block; padding: 15px 25px; font-size: 112.5%; transition: background-color 0.25s; }
.top .top-menu ul.sfNavList ul li:hover a { background-color:#f7f7f7;transition:background-color 0.25s; }
.top .top-menu ul.sfNavList .mega ul li:hover a { background-color:transparent;transition:background-position 0.25s; }


/*for scaling 140% and above*/
/* @media (-webkit-min-device-pixel-ratio: 1.1) { */
  /* .top .sg-gov-cred-cnt .top-cnt { padding: 0 7px; } */
  /* .top .sg-gov-cred-cnt img { margin-right: 4px; max-height: 14px; } */
  /* .top .sg-gov-cred-cnt .sg-gov-cred { padding: 4px 0px; } */

  /* .top .top-meta { padding: 4px 7px 4px; } */
  /* .top .top-meta .logo img { width: 200px; } */
  /* .top .top-meta .feedback { right: 44px; top: 10px; padding: 5px 5px 5px 0px; } */
  /* .top .top-meta .feedback a { background-size: 22px; padding: 7px 0px 7px 27px; } */
  /* .top .top-meta .feedback:after { height: 24px; margin-left: 7px; } */

  /* .top .top-menu { padding: 0 7px; } */
  /* .top .top-menu .top-search {top: -52px; min-height: 0; } */
  /* .top .top-menu .top-search .menuSearch { padding: 0 7px; min-height: 52px; } */
  /* .top .top-menu .menuSearch button.btnSearch { font-size: 7px; width: 18px; height: 18px; right: 20px; top: 38%; top: calc(50% - (13px / 2)); } */
  /* .top .top-menu .menuSearch button.btnSearch:before { border: 2px solid #363636; width: 7px; height: 7px; } */
  /* .top .top-menu .menuSearch button.btnSearch:after { right: 6px; bottom: 3px; width: 2px; height: 7px; } */
  /* .top .top-menu .menuSearch button.btnSearch.active:before { width: 2px; height: 24px; left: 8px; } */
  /* .top .top-menu .menuSearch button.btnSearch.active:after { right: 8px; bottom: -2px; height: 24px; } */
  /* .top .top-menu .menuSearch input#srcMenu { min-height: 0; font-size: 11px; padding: 19px 30px 18px; } */

  /* .top .top-menu a { padding: 10px 0; } */
  /* .top .top-menu ul.sfNavList > li { font-size: 11px; } */
  /* .top .top-menu ul.sfNavList > li > a { padding: 10px 17px 10px; border-bottom: 2px solid transparent;} */
  /* .top .top-menu ul.sfNavList > li:hover > a { border-bottom: 2px solid #fff; } */
  /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child { background-position: left 6px center; background-size: 55px; } */
  /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { padding: 11px 45px 9px 6px; } */
  /* .top .top-menu .navm1 > .sfNavWrp > ul > li > a { background-size: 6px 4px; padding: 11px 38px 9px 17px; border-bottom: 2px solid transparent; background-position: right 17px top 15px; } */
  /* .top .top-menu .navm1 > .sfNavWrp > ul > li:hover > a { border-bottom: 2px solid #0072ca; } */
  /* .top .top-menu .myBCA ul.sfNavList > li > a { padding: 11px 17px 8px 50px; background-position: left 17px top 65%; background-size: 18px 17px; } */
  /* .top .top-menu .navm1 > .sfNavWrp > ul > li > a.sfSel { border-bottom: 2px solid #0072ca; font-weight: normal; } */
  /* .top .top-menu ul.sfNavList .mega-cnt { top: -2000px; } */
  /* .top .top-menu ul.sfNavList > li:hover > .mega-cnt { top: 34px; } */
  /* .top .top-menu ul.sfNavList .mega-cnt .mega { padding: 30px 7px; } */
  /* .top .top-menu ul.sfNavList .mega-cnt .mega-menu-cnt { padding-left: 44px; } */
  /* .top .top-menu ul.sfNavList ul.mega-menu li { margin-top: 4px; } */
  /* .top .top-menu ul.sfNavList .mega-cnt a { background-size: 4px auto; padding: 7px 4px 7px 20px; background-position: left top 11px; } */
  /* .top .top-menu ul.sfNavList .mega-cnt a:hover { background-position: left 7px top 11px; } */
  /* .top .top-menu ul.sfNavList .mega-cnt h2 { margin: 0 0 24px; } */
  /* .top .top-menu ul.sfNavList ul {  padding: 5px 0; } */
  /* .top .top-menu ul.sfNavList > li:hover > ul { top: 35px; } */
  /* .top .top-menu ul.sfNavList ul li a {  padding: 10px 17px; } */
  /* .top .top-menu .social img { max-height: 24px; } */
  /* .top .top-menu .navm2 .social a { padding: 6px 0 5px; } */
/* } */

/* @media (-webkit-min-device-pixel-ratio: 2) { */
  /* .top .sg-gov-cred-cnt .top-cnt { padding: 0 5px; } */
  /* .top .sg-gov-cred-cnt img { margin-right: 3px; max-height: 10px; } */
  /* .top .sg-gov-cred-cnt .sg-gov-cred { padding: 3px 0px; } */

  /* .top .top-meta { padding: 3px 5px 3px; } */
  /* .top .top-meta .logo img { width: 150px; } */
  /* .top .top-meta .feedback { right: 33px; top: 8px; padding: 4px 4px 4px 0px; } */
  /* .top .top-meta .feedback a { background-size: 17px; padding: 4px 0px 4px 20px; } */
  /* .top .top-meta .feedback:after { height: 18px; margin-left: 5px;  border-right: 0px none;  } */

  /* .top .top-menu { padding: 0 5px; } */
  /* .top .top-menu .top-search { top: -39px; min-height: 0; } */
  /* .top .top-menu .top-search .menuSearch { padding: 0 5px; min-height: 39px; } */
  /* .top .top-menu .menuSearch button.btnSearch { font-size: 5px; width: 14px; height: 14px; right: 15px; top: 38%; top: calc(50% - (10px / 2)); } */
  /* .top .top-menu .menuSearch button.btnSearch:before { border: 1px solid #363636; width: 8px; height: 8px; } */
  /* .top .top-menu .menuSearch button.btnSearch:after { right: 4px; bottom: 0px; width: 1px; height: 6px; } */
  /* .top .top-menu .menuSearch button.btnSearch.active:before { width: 1px; height: 18px; left: 7px; top: -2px; } */
  /* .top .top-menu .menuSearch button.btnSearch.active:after { right: 6px; bottom: -2px; height: 18px; } */
  /* .top .top-menu .menuSearch input#srcMenu { min-height: 0; font-size: 8px; padding: 14px 22px 14px; } */

  /* .top .top-menu a { padding: 7px 0; } */
  /* .top .top-menu ul.sfNavList > li { font-size: 8px; } */
  /* .top .top-menu ul.sfNavList > li > a { padding: 8px 12px 7px; border-bottom: 1px solid transparent; } */
  /* .top .top-menu ul.sfNavList > li:hover > a { border-bottom: 1px solid #fff; } */
  /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child { background-position: left 5px center; background-size: 41px; } */
  /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { padding: 8px 30px 7px 15px; } */
  /* .top .top-menu .navm1 > .sfNavWrp > ul > li > a { background-size: 5px 3px; border-bottom: 1px solid transparent; padding: 8px 29px 7px 13px; background-position: right 17px top 12px; } */
  /* .top .top-menu .myBCA ul.sfNavList > li > a { padding: 8px 12px 6px 37.5px; background-position: left 13px top 65%; } */
  /* .top .top-menu .navm1 > .sfNavWrp > ul > li:hover > a { border-bottom:1px solid #0072ca; } */
  /* .top .top-menu .navm1 > .sfNavWrp > ul > li > a.sfSel { border-bottom: 1px solid #0072ca ;} */
  /* .top .top-menu ul.sfNavList .mega-cnt { top: -2000px; } */
  /* .top .top-menu ul.sfNavList > li:hover > .mega-cnt { top: 25px; } */
  /* .top .top-menu ul.sfNavList .mega-cnt .mega { padding: 23px 5px; } */
  /* .top .top-menu ul.sfNavList .mega-cnt .mega-menu-cnt { padding-left: 33px; } */
  /* .top .top-menu ul.sfNavList ul.mega-menu li { margin-top: 3px; } */
  /* .top .top-menu ul.sfNavList .mega-cnt a { background-size: 3px auto; padding: 5px 3px 5px 15px; background-position: left top 9px; } */
  /* .top .top-menu ul.sfNavList .mega-cnt a:hover { background-position: left 5px top 9px; } */
  /* .top .top-menu ul.sfNavList .mega-cnt h2 { margin: 0 0 18px; } */
  /* .top .top-menu ul.sfNavList ul { padding: 5px 0; } */
  /* .top .top-menu ul.sfNavList > li:hover > ul { top: 26px; } */
  /* .top .top-menu ul.sfNavList ul li a { padding: 8px 13px; } */
  /* .top .top-menu .social img { max-height: 18px; } */
  /* .top .top-menu .navm2 .social a { padding: 4px 0 4px; } */

/* } */
/* @media (-webkit-min-device-pixel-ratio: 2.5) { */
  /* .top .sg-gov-cred-cnt .top-cnt { padding: 0 4px; } */
  /* .top .sg-gov-cred-cnt img { margin-right: 2px; max-height: 8px; } */
  /* .top .sg-gov-cred-cnt .sg-gov-cred { padding: 2px 0px; } */

  /* .top .top-meta { padding: 2px 4px 2px; } */
  /* .top .top-meta .logo img { width: 120px; } */
  /* .top .top-meta .feedback { right: 26px; top: 6px; padding: 3px 3px 3px 0px; } */
  /* .top .top-meta .feedback a { background-size: 14px; padding: 3px 0px 3px 16px; } */
  /* .top .top-meta .feedback:after { height: 14px; margin-left: 4px; } */

  /* .top .top-menu { padding: 0 4px; } */
  /* .top .top-menu .top-search { top: -31px; min-height: 0; } */
  /* .top .top-menu .top-search .menuSearch { padding: 0 4px; min-height: 31px; } */
  /* .top .top-menu .menuSearch button.btnSearch { font-size: 4px; width: 11px; height: 11px; right: 12px; top: 38%; top: calc(50% - (8px / 2)); } */
  /* .top .top-menu .menuSearch button.btnSearch:before { border: 1px solid #363636; width: 6px; height: 6px; } */
  /* .top .top-menu .menuSearch button.btnSearch:after { right: 3px; bottom: 0px; width: 1px; height: 5px; } */
  /* .top .top-menu .menuSearch button.btnSearch.active:before { width: 1px; height: 14px; left: 5px; top: -2px; } */
  /* .top .top-menu .menuSearch button.btnSearch.active:after { right: 5px; bottom: -1px; height: 14px; } */
  /* .top .top-menu .menuSearch input#srcMenu { min-height: 0; font-size: 6px; padding: 11px 18px 11px; } */

  /* .top .top-menu a { padding: 6px 0; } */
  /* .top .top-menu ul.sfNavList > li { font-size: 6px; } */
  /* .top .top-menu ul.sfNavList > li > a { padding: 6px 9px 5px; } */
  /* .top .top-menu ul.sfNavList > li:hover > a {  } */
  /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child { background-position: left 4px center; background-size: 26px; } */
  /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { padding: 6px 27px 6px 4px; } */
  /* .top .top-menu .navm1 > .sfNavWrp > ul > li > a { background-size: 4px 2px; padding: 6px 22px 5px 10px; background-position: right 10px top 9px; } */
  /* .top .top-menu .myBCA ul.sfNavList > li > a { padding: 5px 10px 5px 30px; background-position: left 10px top 65%; background-size: 11px 10px; } */
  /* .top .top-menu ul.sfNavList .mega-cnt { top: -2000px; } */
  /* .top .top-menu ul.sfNavList > li:hover > .mega-cnt { top: 20px; } */
  /* .top .top-menu ul.sfNavList .mega-cnt .mega { padding: 18px 4px; } */
  /* .top .top-menu ul.sfNavList .mega-cnt .mega-menu-cnt { padding-left: 26px; } */
  /* .top .top-menu ul.sfNavList ul.mega-menu li { margin-top: 3px; } */
  /* .top .top-menu ul.sfNavList .mega-cnt a { background-size: 2px auto; padding: 4px 2px 4px 12px; background-position:left top 7px; } */
  /* .top .top-menu ul.sfNavList .mega-cnt a:hover { background-position: left 4px top 7px; } */
  /* .top .top-menu ul.sfNavList .mega-cnt h2 { margin: 0 0 14px; } */
  /* .top .top-menu ul.sfNavList ul { padding: 4px 0; } */
  /* .top .top-menu ul.sfNavList > li:hover > ul { top: 19px; } */
  /* .top .top-menu ul.sfNavList ul li a { padding: 6px 10px; } */
  /* .top .top-menu .social img { max-height: 14px; } */
  /* .top .top-menu .navm2 .social a { padding: 3px 0 2px; } */

/* } */
/* @media (-webkit-min-device-pixel-ratio: 3) {} */


/*screen up till 1440*/
@media screen and (max-width: 1440px) {

  .top .sg-gov-cred-cnt .top-cnt { padding: 0 40px; }
  .top .top-meta { padding: 5px 40px 5px; }
  .top .top-menu ul.sfNavList .mega-cnt .mega { padding: 45px 40px; }
  .top .top-menu .top-search .menuSearch { padding: 0 40px; }
  .top .top-menu .menuSearch button.btnGoSrc{    right: 40px;}
  .top .top-menu { padding: 0 35px; }
  .top .top-menu .menuSearch button.btnSearch { right: 60px; }
  
  .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child { background-position: left 7px center; }
  /*.top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { padding: 16px 67px 12px 7px; }*/

/* for switching display of the header search 	*/
.top .top-meta .feedback { /*right: 95px;*/ }

/* .top .top-meta .feedback { right: 55px; } */
/*end*/
  
  
  /*for scaling 110% and above*/
  /* @media (-webkit-min-device-pixel-ratio: 1.1) { */
    /* .top .sg-gov-cred-cnt .top-cnt { padding: 0 27px; } */
    /* .top .top-meta { padding: 4px 25px 4px; } */
    /* .top .top-menu ul.sfNavList .mega-cnt .mega { padding: 30px 27px; } */
    /* .top .top-menu .top-search .menuSearch { padding: 0 27px; } */
    /* .top .top-menu { padding: 0 24px; } */
    /* .top .top-menu .menuSearch button.btnSearch { right: 40px; } */
    /* .top .top-meta .feedback { right: 64px; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child { background-position: left 5px center; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { padding: 11px 45px 9px 5px; } */
  /* } */

  /* @media (-webkit-min-device-pixel-ratio: 2) { */
    /* .top .sg-gov-cred-cnt .top-cnt { padding: 0 20px; } */
    /* .top .top-meta { padding: 3px 18px 3px; } */
    /* .top .top-menu ul.sfNavList .mega-cnt .mega { padding: 23px 20px; } */
    /* .top .top-menu .top-search .menuSearch { padding: 0 20px; } */
    /* .top .top-menu { padding: 0 18px; } */
    /* .top .top-menu .menuSearch button.btnSearch { right: 30px; } */
    /* .top .top-meta .feedback { right: 48px; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child { background-position: left 4px center; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { padding: 8px 30px 7px 14px } */
  /* } */

  /* @media (-webkit-min-device-pixel-ratio: 2.5) { */
    /* .top .sg-gov-cred-cnt .top-cnt { padding: 0 16px; } */
    /* .top .top-meta { padding: 2px 14px 2px; } */
    /* .top .top-menu ul.sfNavList .mega-cnt .mega { padding: 18px 16px; } */
    /* .top .top-menu .top-search .menuSearch { padding: 0 16px; } */
    /* .top .top-menu { padding: 0 14px; } */
    /* .top .top-menu .menuSearch button.btnSearch { right: 24px; } */
    /* .top .top-meta .feedback { right: 38px; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child { background-position: left 3px center; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { padding: 6px 28px 6px 3px; } */
  /* } */

  /* @media (-webkit-min-device-pixel-ratio: 3) {} */

}

/*screen up till 1366*/
@media screen and (max-width: 1366px) {

  .top .top-menu .myBCA ul.sfNavList > li > a { 
  /* background-image: url(../image/access-icon.png);  */
  /* background-position: left 25px center;  */
  }

  /*for scaling 110% and above*/
  /* @media (-webkit-min-device-pixel-ratio: 1.1) { */
    /* .top .top-menu .myBCA ul.sfNavList > li > a { background-size: 24px 23px; background-position: left 10px center; } */
    /* .top .top-menu ul.sfNavList > li > a { border-bottom: 2px solid transparent; } */
    /* .top .top-menu ul.sfNavList > li:hover > a { border-bottom: 2px solid #fff; } */
    /* .top .top-menu ul.sfNavList > li { margin-right: 7px; } */
  /* } */
  /* @media (-webkit-min-device-pixel-ratio: 2) { */
    /* .top .top-menu .myBCA ul.sfNavList > li > a { background-size: 18px 17px; background-position: left 8px center; } */
    /* .top .top-menu ul.sfNavList > li > a { border-bottom: 1px solid transparent; } */
    /* .top .top-menu ul.sfNavList > li:hover > a { border-bottom: 1px solid #fff; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li > a { border-bottom: 1px solid transparent; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li:hover > a { border-bottom: 1px solid #0072ca; } */
    /* .top .top-menu ul.sfNavList > li { margin-right: 5px; } */
  /* } */

  /* @media (-webkit-min-device-pixel-ratio: 2.5) { */
    /* .top .top-menu .myBCA ul.sfNavList > li > a { background-size: 14px 14px; background-position: left 6px center; } */
    /* .top .top-menu ul.sfNavList > li { margin-right: 4px; } */
    /* .top .top-menu ul.sfNavList > li > a { padding: 7px 9px 6px; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li > a { padding: 7px 22px 6px 10px; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { padding: 6px 28px 6.5px 3px; } */
    /* .top .top-menu .myBCA ul.sfNavList > li > a { padding: 6px 10px 6px 30px; } */
  /* } */

  /* @media (-webkit-min-device-pixel-ratio: 3) { */

  /* } */
}

/*screen up till 1280*/
@media screen and (max-width: 1280px) {

  /*for scaling 110% and above*/
  @media (-webkit-min-device-pixel-ratio: 1.1) {
	  .top .top-menu .navm2 .social {
		display:none;
	}

  }
}

@media screen and (max-width: 1235px) {
	.top .top-menu .navm2 .social {
		display: none;
	}

}


/*screen up till 1152*/
@media screen and (max-width: 1152px) {
  .top .top-menu { font-size: 87.5%; }
  .top .top-menu ul.sfNavList > li:hover > .mega-cnt { top: 41px }
  .top .top-menu .menuSearch button.btnSearch { right: 55px; }
  .top .top-menu .navm1 > .sfNavWrp > ul > li > a { background-position: right 15px top 24px; padding-left: 15px; }
  .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { /*padding-right: 44px;*/ }
  .top .top-menu ul.sfNavList > li > a { padding: 16px 15px 12px; }
  .top .top-menu .myBCA ul.sfNavList > li > a {
	  /* background-position: left 15px center;  */
	  /* padding-left: 52px;  */
	  /* background-size: 26px 25px;  */
	  }
.top .top-menu .navm2 .social{margin-right:15px;}


/* for switching display of the header search 	*/
/* .top .top-meta .feedback { right: 45px; } */
/*end*/

  /*for scaling 110% and above*/
   @media (-webkit-min-device-pixel-ratio: 1.1) { 
   .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a {/* padding-right: 60px;*/ }
    /* .top .top-menu { font-size: 100%; } */
    /* .top .top-menu ul.sfNavList > li:hover > .mega-cnt { top: 28px } */
    /* .top .top-menu .menuSearch button.btnSearch { right: 37px; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li > a { background-position: right 10px top 16px;  padding: 10px 22px 10px 10px; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li:hover > a { } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { padding: 10px 30px 10px 5px; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child { } */
    /* .top .top-menu ul.sfNavList > li > a { padding: 11px 10px 8px; } */
    /* .top .top-menu .myBCA ul.sfNavList > li > a { background-position: left 10px center; padding: 11px 10px 8px 35px; background-size: 18px 17px; } */
  /* } */

  /* @media (-webkit-min-device-pixel-ratio: 2) { */
    /* .top .top-menu ul.sfNavList > li:hover > .mega-cnt { top: 21px } */
    /* .top .top-menu .menuSearch button.btnSearch { right: 28px; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li > a { background-position: right 8px top 12px;  padding: 8px 17px 7px 8px; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { padding: 8px 18px 7px 15px; } */
    /* .top .top-menu ul.sfNavList > li > a { padding: 8px 8px 7px; } */
    /* .top .top-menu .myBCA ul.sfNavList > li > a { background-position: left 8px center; padding: 7px 8px 7px 26px; background-size: 14px 13px; } */
  /* } */

  /* @media (-webkit-min-device-pixel-ratio: 2.5) { */
    /* .top .top-menu ul.sfNavList > li:hover > .mega-cnt { top: 17px } */
    /* .top .top-menu .menuSearch button.btnSearch { right: 22px; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li > a { background-position: right 6px top 10px; padding: 6px 14px 5px 6px; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { padding: 6px 18px 5px 3px; } */
    /* .top .top-menu ul.sfNavList > li > a { padding: 6px 6px 5px; } */
    /* .top .top-menu .myBCA ul.sfNavList > li > a { background-position: left 6px center; padding: 5px 6px 5px 21px; background-size: 11px 10px; } */
   } 

}


/*screen up till 1024*/
@media screen and (max-width: 1024px) {
  .top .top-menu .myBCA ul.sfNavList > li > a { }
  .top .top-menu .myBCA ul.sfNavList > li:hover > a { }
  .top .top-menu ul.sfNavList > li { }

  /*for scaling 110% and above*/
   @media (-webkit-min-device-pixel-ratio: 1.1) { 
  
    /* .top .top-menu { font-size: 87.5%; } */
    /* .top .top-menu .myBCA ul.sfNavList > li > a { } */
    /* .top .top-menu .myBCA ul.sfNavList > li:hover > a { } */
   }

    .top .top-menu .wpMenuM1 .hdr-search {padding: 1px 0 1px 8px;}
}

/*screen up till 960*/
@media screen and (max-width: 970px) {
  .top .top-menu { }
  .top .sg-gov-cred-cnt .top-cnt { padding: 0 15px; }
  .top .top-meta { padding: 5px 15px 5px; }
  .top .top-menu { padding: 0 7px; }
  .top .top-menu .top-search .menuSearch { padding: 0 15px; min-height:65px; }
  .top .top-menu .menuSearch button.btnSearch { right: 30px; }
  .top .top-menu .menuSearch button.btnGoSrc{    right: 15px;}
  .top .top-menu ul.sfNavList .mega-cnt .mega-desc { padding-right: 0%; }
  .top .top-menu ul.sfNavList > li { font-size: 14px; }
  .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child { background-size: 61px; }
  .top .top-menu .navm2 .social a{    padding: 11px 0 11px;}
  .top .top-menu .myBCA ul.sfNavList > li > a{line-height:125%;}
  .top .top-menu .top-search {top:49px; min-height:65px;}
  .top .top-menu .menuSearch input#srcMenu { padding:15px 0px; min-height:65px;}
  
/* for switching display of the header search 	*/
.top .top-meta .feedback { /*right: 65px;*/ }

/* .top .top-meta .feedback { right: 15px; } */
/*end*/
  /*for scaling 110% and above*/
  @media (-webkit-min-device-pixel-ratio: 1.1) { 
  
   .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { /*padding-right: 44px;*/ }
    /* .top .sg-gov-cred-cnt .top-cnt { padding: 0 10px; } */
    /* .top .top-meta { padding: 4px 10px 4px; } */
    /* .top .top-menu { padding: 0 5px; } */
    /* .top .top-menu .top-search .menuSearch { padding: 0 10px; } */
    /* .top .top-menu .menuSearch button.btnSearch { right: 20px; } */
    /* .top .top-menu ul.sfNavList > li { font-size: 10px; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child { background-size: 41px 10px; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { padding: 11px 22px 8px 5px; } */
    /* .top .top-meta .feedback { right: 44px; } */
   } 

  /* @media (-webkit-min-device-pixel-ratio: 2) { */
    /* .top .sg-gov-cred-cnt .top-cnt { padding: 0 8px; } */
    /* .top .top-meta { padding: 3px 8px 3px; } */
    /* .top .top-menu { padding: 0 4px; } */
    /* .top .top-menu .top-search .menuSearch { padding: 0 8px; } */
    /* .top .top-menu .menuSearch button.btnSearch { right: 15px; } */
    /* .top .top-menu ul.sfNavList > li { font-size: 8px; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child { background-size: 34px 8px; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { padding: 8px 17px 7px 4px; } */
    /* .top .top-menu ul.sfNavList > li > a { padding: 8px 8px 7px; } */
    /* .top .top-menu .myBCA ul.sfNavList > li > a { padding: 7px 8px 7px 26px; } */
    /* .top .top-meta .feedback { right: 33px; } */
  /* } */

  /* @media (-webkit-min-device-pixel-ratio: 2.5) { */
    /* .top .sg-gov-cred-cnt .top-cnt { padding: 0 6px; } */
    /* .top .top-meta { padding: 2px 6px 2px; } */
    /* .top .top-menu { padding: 0 3px; } */
    /* .top .top-menu .top-search .menuSearch { padding: 0 6px; } */
    /* .top .top-menu .menuSearch button.btnSearch { right: 12px; } */
    /* .top .top-menu ul.sfNavList > li { font-size: 6px; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child { background-size: 24px 6px; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { padding: 6px 14px 5px 3px; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li > a { padding: 6px 14px 5px 6px; } */
    /* .top .top-meta .feedback { right: 26px; } */
    /* .top .top-menu ul.sfNavList > li > a { padding: 6px 6px 5px; } */
    /* .top .top-menu .myBCA ul.sfNavList > li > a { padding: 6px 6px 5px 21px; } */

  /* } */
}

/*screen up till 854*/
@media screen and (max-width: 854px) {
  .top .top-menu .navm1 > .sfNavWrp > ul > li > a { background-position: right 10px top 24px; padding: 16px 26px 12px 10px; }
  .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { padding: 16px 26px 12px 7px; }
  .top .top-menu ul.sfNavList > li > a { padding: 16px 10px 12px; }
  .top .top-menu .myBCA ul.sfNavList > li > a { background-position: left 10px center; padding: 16px 10px 12px 10px; background-size: 26px 25px; }
  .top .top-menu .navm2 .social{ margin-right:10px;}
  /*for scaling 110% and above*/
  /* @media (-webkit-min-device-pixel-ratio: 1.1) { */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li > a { background-position: right 7px top 16px; padding: 11px 19px 8px 7px; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { padding: 11px 19px 8px 5px; } */
    /* .top .top-menu ul.sfNavList > li > a { padding: 11px 7px 8px; } */
    /* .top .top-menu .myBCA ul.sfNavList > li > a { background-position: left 7px center; padding: 11px 7px 8px 32px; background-size: 18px 17px; } */
  /* } */
  /* @media (-webkit-min-device-pixel-ratio:2) { */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li > a { background-position: right 5px top 12px; padding: 8px 14px 6px 5px; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { padding: 8px 14px 6px 4px; } */
    /* .top .top-menu ul.sfNavList > li > a { padding: 8px 5px 6px; } */
    /* .top .top-menu .myBCA ul.sfNavList > li > a { background-position: left 5px center; padding: 8px 5px 6px 24px; background-size: 14px 13px; } */
  /* } */
  /* @media (-webkit-min-device-pixel-ratio: 2.5) { */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li > a { background-position: right 4px top 10px; padding: 6px 11px 5px 4px; } */
    /* .top .top-menu .navm1 > .sfNavWrp > ul > li:first-child > a { padding: 6px 11px 5px 3px; } */
    /* .top .top-menu ul.sfNavList > li > a { padding: 6px 4px 5px; } */
    /* .top .top-menu .myBCA ul.sfNavList > li > a { background-position: left 4px center; padding: 5px 4px 5px 19px; background-size: 11px 10px; } */
  /* } */



 }
  /*screen up till 854*/
  @media screen and (max-width: 760px) {
  }
  

