/*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: absolute; /*float: right;*/
        right: 5%;
        top: 0;
		width: 31px;
		height: 29px;
        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%); 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; }

/*@-moz-keyframes scaleUp {
    0% {
        -moz-transform: scale(1);
    }

    100% {
        -moz-transform: scale(1.3);
    }
}*/

/*@-webkit-keyframes scaleUp {
    0% {
        -webkit-transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1.3);
    }
}*/

/*@keyframes scaleUp {
    0% {
        -moz-transform: scale(1); 
        -webkit-transform: scale(1); 
        transform: scale(1);
    }

    100% {
        -moz-transform: scale(1.3); 
        -webkit-transform: scale(1.3); 
        transform: scale(1.3);
    }
}*/

.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; }


/*generic head*/
.top { position: relative; }

  .top .top-cnt { max-width: 1440px; margin: 0 auto; }

  .top .top-wrap { position: relative; }

  /*sg gov row*/
  .top .sg-gov-cred-cnt { background-color: #f0f0f0; font-size: 81.25%;z-index: 4; }

    .top .sg-gov-cred-cnt .top-cnt { position: relative; }

    .top .sg-gov-cred-cnt img { 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: #f9f9f9;z-index: 4; }

    .top .top-meta-cnt .top-cnt { position: relative; }

  .top .top-meta { padding: 18px 0 15px; }

    /* .top .top-meta .top-heading { display: inline-block;border-box: box-sizing; padding-top: 10px; transition: all 0.3s; max-width: 50%; margin-right: 50px;vertical-align: middle; } */
	.top .top-meta .top-heading { display: inline-block;border-box: box-sizing; padding-top: 0; transition: all 0.3s; max-width: 50%; margin-right: 50px;vertical-align: middle; }


      .top .top-meta .top-heading h1 { font-weight: 600; font-size: 25px; }

        .top .top-meta .top-heading h1 a { color: #000000; }

          .top .top-meta .top-heading h1 a:hover { color: #0000EE; }

    .top .top-meta .logo { max-width: 30%; position: absolute; top: 20%; z-index: 1; display: inline-block;vertical-align: middle; }

      .top .top-meta .logo a { display: inline-block; }

      .top .top-meta .logo img { width: 200px; }
	  
	  .top .top-meta .top-heading a img { width: 150px; }

  /* .top .navigation {height: 410px;background: linear-gradient(90deg, rgba(59,35,12,1) 34%, rgba(11,29,17,1) 100%);position: relative;} */
  .top .navigation { 
  /* height: 365px; */
  position: relative; background: rgb(0,103,182); background: -moz-linear-gradient(145deg, rgba(0,103,182,1) 0%, rgba(25,151,165,1) 50%, rgba(134,145,173,1) 100%); background: -webkit-linear-gradient(145deg, rgba(0,103,182,1) 0%, rgba(25,151,165,1) 50%, rgba(134,145,173,1) 100%); background: linear-gradient(145deg, rgba(0,103,182,1) 0%, rgba(25,151,165,1) 50%, rgba(134,145,173,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0067b6",endColorstr="#8691ad",GradientType=1); }

    .top .navigation .nav-wrap-outer { width: 100%; box-shadow: 0px 5px 5px 0px #00526c; position: relative;z-index: 5;}

    .top .navigation .nav-top-wrapper { height: 70px; position: relative; max-width: 1440px; margin: 0 auto; }

    .top .navigation .line { }

    .top .navigation .nav-top-wrapper .wpMenuM1 { float: left; display: block; }

    /*SF Dropdown Style*/
    .top .navigation .navm1 ul.k-header { list-style: none; padding: 10px 10px 10px 0; height: 38px; }

      .top .navigation .navm1 ul.k-header li { display: inline; padding: 0 15px 0 14px; border-right: 1px solid #ffffff; }

        .top .navigation .navm1 ul.k-header li:nth-last-child(2) { border-right: none; }

        .top .navigation .navm1 ul.k-header li:last-child { border-right: none; }

        .top .navigation .navm1 ul.k-header li:first-child { display: inline; padding: 0 15px 0 0; }

        .top .navigation .navm1 ul.k-header li .social { display: none; }

        .top .navigation .navm1 ul.k-header li a { color: #ffffff; text-transform: uppercase; border-bottom: 1px solid transparent; transition: all 0.3s; }

          .top .navigation .navm1 ul.k-header li a:hover { border-bottom: 1px solid #ffffff; }

          .top .navigation .navm1 ul.k-header li a:first-child { padding: 0; }

        .top .navigation .navm1 ul.k-header li ul.k-menu-group { position: absolute; padding: 15px 15px 15px 15px; background: #ffffff; }

          .top .navigation .navm1 ul.k-header li ul.k-menu-group li { padding: 10px 0 10px 0; display: block; }

            .top .navigation .navm1 ul.k-header li ul.k-menu-group li:first-child { padding: 10px 0 10px 0; }

            .top .navigation .navm1 ul.k-header li ul.k-menu-group li a { color: #000000; text-transform: uppercase; border-bottom: 1px solid transparent; transition: all 0.3s; }

    /*End of SF Dropdown Style*/


    .top .navigation .navm1 ul.menu { list-style: none; height: 38px; padding-left: 0; margin-top: 15px;margin-top: 20px; padding-bottom: 35px;position: relative; top: 5px;}

      .top .navigation .navm1 ul.menu li { display: inline-block; padding: 0 15px 0 14px; border-right: 1px solid #ffffff; }
        /*.top .navigation .navm1 ul.menu li:nth-child(2) {border-right: none;}*/
		.top .navigation .navm1 ul.menu li:nth-child(2) { padding-left: 0; }
        .top .navigation .navm1 ul.menu li:last-child { border-right: none; }

        .top .navigation .navm1 ul.menu li:first-child { display: inline-block; padding: 0 15px 0 0; display: none;}

        .top .navigation .navm1 ul.menu li .social { display: none; }

        .top .navigation .navm1 ul.menu li a { color: #ffffff; padding-top: 10px; padding-bottom: 20px; text-transform: uppercase; border-bottom: 1px solid transparent; transition: all 0.3s; }
		
        /*.top .navigation .navm1 ul.menu li a:hover {border-bottom: 1px solid #ffffff;}*/
        /* .top .navigation .navm1 ul.menu li a:first-child {padding: 0;} */
        .top .navigation .navm1 ul.menu li ul.ddm { display: none; position: absolute; background: #ffffff; padding-left: 0; margin-top: 20px; }

          .top .navigation .navm1 ul.menu li ul.ddm li { display: block; padding-top: 10px; padding-bottom: 10px; }

            .top .navigation .navm1 ul.menu li ul.ddm li:hover { background: #f1f1f1; }

            .top .navigation .navm1 ul.menu li ul.ddm li a { color: #000000; padding: 20px 20px 20px 5px; text-transform: uppercase; border-bottom: 1px solid transparent; transition: all 0.3s; }

            .top .navigation .navm1 ul.menu li ul.ddm li:first-child { padding-left: 14px; }
    /*.top .navigation .navm1 ul.menu li ul.ddm li:first-child a {padding: 10px 25px 10px 25px;}*/

    /* .top .navigation .navm1 ul.menu { list-style: none;padding: 10px 10px 10px 0;height: 38px;}
.top .navigation .navm1 ul.menu li { display: inline-block;padding: 0 15px 0 14px;border-right: 1px solid #ffffff;}
.top .navigation .navm1 ul.menu li:nth-last-child(2) {border-right: none;}
.top .navigation .navm1 ul.menu li:last-child {border-right: none;}
.top .navigation .navm1 ul.menu li:first-child { display: inline-block;padding: 0 15px 0 0;}
.top .navigation .navm1 ul.menu li .social {display: none;}
.top .navigation .navm1 ul.menu li a{ color: #ffffff;text-transform: uppercase;border-bottom: 1px solid transparent; transition: all 0.3s;}
.top .navigation .navm1 ul.menu li a:hover {border-bottom: 1px solid #ffffff; }

.top .navigation .navm1 ul.menu { list-style: none;padding: 10px 10px 10px 0;height: 38px;}
.top .navigation .navm1 ul.menu li { display: inline-block;padding: 0 15px 0 14px;border-right: 1px solid #ffffff;}
.top .navigation .navm1 ul.menu li:nth-last-child(2) {border-right: none;}
.top .navigation .navm1 ul.menu li:last-child {border-right: none;}
.top .navigation .navm1 ul.menu li:first-child { display: inline-block;padding: 0 15px 0 0;}
.top .navigation .navm1 ul.menu li .social {display: none;}
.top .navigation .navm1 ul.menu li a{ color: #ffffff;text-transform: uppercase;border-bottom: 1px solid transparent; transition: all 0.3s;}
.top .navigation .navm1 ul.menu li a:hover {border-bottom: 1px solid #ffffff; } */

    .top .navigation .wpSmallMenuM1 .wpMenuM1 { display: none !important; }

    .top .navigation .wpSmallMenuM1 .wpMenuM1 { width: 85%; float: left; margin-left: 6%; background-color: #f0f0f0; }

      .top .navigation .wpSmallMenuM1 .wpMenuM1 .navm1 ul.menu li { border: none; }

        .top .navigation .wpSmallMenuM1 .wpMenuM1 .navm1 ul.menu li:first-child { padding: 0 20px; }

        .top .navigation .wpSmallMenuM1 .wpMenuM1 .navm1 ul.menu li .social { display: block; padding-top: 3%; padding-left: 5%;display: inline-block;width: 60%;vertical-align: middle;}
		
		.top .navigation .wpSmallMenuM1 .wpMenuM1 .navm1 ul.menu li .feedback-btn { display: block;display: inline-block;width: 38%;vertical-align: middle;padding-top: 3%;padding-right: 3%;text-align: right;}
		.top .navigation .wpSmallMenuM1 .wpMenuM1 .navm1 ul.menu li .feedback-btn .feedback {width: 40px;display: inline-block; vertical-align: middle;}
		.top .navigation .wpSmallMenuM1 .wpMenuM1 .navm1 ul.menu li .feedback-btn .feedback-txt  {display: inline-block; width: 90px;vertical-align: middle;}
		
		.top .navigation .wpSmallMenuM1 .wpMenuM1 .navm1 ul.menu li .feedback-btn .feedback a {display: inline-block;padding: 0;}
		.top .navigation .wpSmallMenuM1 .wpMenuM1 .navm1 ul.menu li .feedback-btn .feedback img {height: 40px;}
		
		.top .navigation .wpSmallMenuM1 .wpMenuM1 .navm1 ul.menu li .feedback-btn .feedback-txt a {padding: 0 0 10px 0;}
		

          .top .navigation .wpSmallMenuM1 .wpMenuM1 .navm1 ul.menu li .social a { padding: 1%; }

            .top .navigation .wpSmallMenuM1 .wpMenuM1 .navm1 ul.menu li .social a:first-child { padding-left: 0; }

        .top .navigation .wpSmallMenuM1 .wpMenuM1 .navm1 ul.menu li a { color: #000000; }
		


/* .top .navigation .parent-menu {display: none;list-style: none;} */

body .parent-menu { position: absolute; margin: 0; padding: 0; right: 0; top: 0; background-color: #f1f1f1; z-index: 9999; height: auto; width: 400px; right: -100%; transition: all ease-in-out 0.3s; }

  body .parent-menu.active { right: 0; }
  /* body .parent-menu.active {width: 30%;}  */
  /* body .parent-menu {position: absolute; list-style: none;margin:0;padding: 0; right: 0; top: 0;background-color: #f1f1f1;z-index:9999;height: auto;width: 30%;transform: translateX(100%);transition: all 0.3s;} */
  /* body .parent-menu.active {transform: translateX(0%);} */
  body .parent-menu .parent-menu-top-wrapper { list-style: none; padding: 0; margin-bottom: 0; }

    body .parent-menu .parent-menu-top-wrapper .parent-menu-close { position: relative; display: block; text-align: right; padding: 10px 20px 10px 0; }

      body .parent-menu .parent-menu-top-wrapper .parent-menu-close a.closebtn { font-size: 36px; color: #000000; }

    body .parent-menu .parent-menu-top-wrapper .parent-menu-search .sidebar-search { position: relative; }

      /*Duplicate*/

      body .parent-menu .parent-menu-top-wrapper .parent-menu-search .sidebar-search .menuSearch input { font-family: "Lato", sans-serif; font-size: 100%; width: 100%; border: 1px solid #ebebeb; padding: 20px 25px; border-radius: 50px; outline: none; -webkit-box-shadow: -5px 5px 10px 1px #cfcfcf; -moz-box-shadow: -5px 5px 10px 1px #cfcfcf; box-shadow: -5px 5px 10px 1px #cfcfcf; transition: padding 0.25s; }

      body .parent-menu .parent-menu-top-wrapper .parent-menu-search .sidebar-search .menuSearch button { cursor: pointer; outline: none; position: absolute; background: none; padding: 0; vertical-align: middle; font-size: 10px; display: inline-block; box-sizing: content-box; width: 27px; height: 27px; border: 0px none; right: 12%; top: 32.5%; top: calc(50% - (45px / 2)); }

        body .parent-menu .parent-menu-top-wrapper .parent-menu-search .sidebar-search .menuSearch button:before { content: ""; position: absolute; left: 0; top: 0; display: inline-block; border: 3px solid #0072ca; border-radius: 25px; width: 15px; height: 15px; transition: all 0.25s; }

        body .parent-menu .parent-menu-top-wrapper .parent-menu-search .sidebar-search .menuSearch button:after { content: ""; position: absolute; right: 5px; bottom: 0; display: inline-block; border-radius: 25px; border-width: 0; background: #0072ca; width: 3px; height: 11px; transform: rotate(135deg); transition: all 0.25s; }

      /*Duplicate*/

      body .parent-menu .parent-menu-top-wrapper .parent-menu-search .sidebar-search .menuSearch { background-color: #f2f2f2; padding: 0 5% 5% 5%; position: relative; }

        body .parent-menu .parent-menu-top-wrapper .parent-menu-search .sidebar-search .menuSearch input#srcMenu { font-family: "Lato", sans-serif; font-size: 100%; width: 100%; border: 1px solid #ebebeb; padding: 20px 25px; border-radius: 50px; outline: none; -webkit-box-shadow: -5px 5px 10px 1px #cfcfcf; -moz-box-shadow: -5px 5px 10px 1px #cfcfcf; box-shadow: -5px 5px 10px 1px #cfcfcf; transition: padding 0.25s; }

        body .parent-menu .parent-menu-top-wrapper .parent-menu-search .sidebar-search .menuSearch .btnGoSrc { display: none; }

        body .parent-menu .parent-menu-top-wrapper .parent-menu-search .sidebar-search .menuSearch button.btnSearch { cursor: pointer; outline: none; position: absolute; background: none; padding: 0; vertical-align: middle; font-size: 10px; display: inline-block; box-sizing: content-box; width: 27px; height: 27px; border: 0px none; right: 12%; top: 32.5%; top: calc(50% - (45px / 2)); }

          body .parent-menu .parent-menu-top-wrapper .parent-menu-search .sidebar-search .menuSearch button.btnSearch:before { content: ""; position: absolute; left: 0; top: 0; display: inline-block; border: 3px solid #0072ca; border-radius: 25px; width: 15px; height: 15px; transition: all 0.25s; }

          body .parent-menu .parent-menu-top-wrapper .parent-menu-search .sidebar-search .menuSearch button.btnSearch:after { content: ""; position: absolute; right: 5px; bottom: 0; display: inline-block; border-radius: 25px; border-width: 0; background: #0072ca; width: 3px; height: 11px; transform: rotate(135deg); transition: all 0.25s; }

ul.ui-autocomplete { border-radius: 0; outline: none; }

ul.sf-autocomplete { border: 1px solid #ebebeb !important; z-index: 3000 !important;}

ul.ui-autocomplete li.ui-menu-item { border-radius: 0px; padding: 0px; }

  ul.ui-autocomplete li.ui-menu-item:first-child { border-radius: 10px; padding-top: 15px; }

  ul.ui-autocomplete li.ui-menu-item:last-child { border-radius: 10px; padding-bottom: 15px; }

  /* ul.ui-autocomplete li.ui-menu-item a { border-radius: 0px; padding: 10px; font-size: 110%; padding-left: 15px; } */

ul.ui-autocomplete li.ui-menu-item div { border-radius: 0px; padding: 10px; font-size: 110%; padding-left: 15px; }

ul.ui-autocomplete li.search-history-border { color: #828282; margin: 0; margin-top: 10px; }

  ul.ui-autocomplete li.search-history-border:before { content: ""; /* This is necessary for the pseudo element to work. */ display: block; /* This will put the pseudo element on its own line. */ margin: 0 auto; /* This will center the border. */ width: 100%; /* Change this to whatever width you want. */ padding-top: 0; /* This creates some space between the element and the border. */ border-bottom: 1px solid #828282; /* This creates the border. Replace black with whatever color you want. */ }

ul.ui-autocomplete p.search-history-label { display: inline-block; color: #828282; text-align: right; padding-right: 20px; margin: 0; }

ul.ui-autocomplete li.search-history-wrap { float: right; }

ul.ui-autocomplete a.search-history-clear { display: inline-block; color: blue; text-align: right; padding-right: 20px; }

  ul.ui-autocomplete a.search-history-clear:hover { text-decoration: underline; cursor: pointer }




body .parent-menu .parent-menu-top-wrapper .parent-menu-social-wrapper .social { float: left; padding-left: 5%; }

  body .parent-menu .parent-menu-top-wrapper .parent-menu-social-wrapper .social a { margin: 0; padding: 0; }

    body .parent-menu .parent-menu-top-wrapper .parent-menu-social-wrapper .social a img { max-width: 28px; }

body .parent-menu .parent-menu-top-wrapper .parent-menu-social-wrapper .feedback { float: right; background-color: #f2f2f2; padding: 0; text-align: right; padding-right: 5%; }

  body .parent-menu .parent-menu-top-wrapper .parent-menu-social-wrapper .feedback a { color: #363636; padding: 10px 0px 10px 20px; font-weight: 600; background-image: url(../image/feedback-icon.png); background-position: center left; background-repeat: no-repeat; display: inline-block; background-size: 16px; text-transform: capitalize; }

body .parent-menu ul.menu-list { list-style: none; padding: 0; margin: 0; }

  body .parent-menu ul.menu-list li { padding: 0; background-color: #f1f1f1; }

  body .parent-menu ul.menu-list > li:hover { background-color: #fff; }

  body .parent-menu ul.menu-list > li:nth-child(1):hover { background-color: #fff; }

  body .parent-menu ul.menu-list > li:nth-child(2):hover { background-color: #fff; }

  body .parent-menu ul.menu-list > li:nth-child(3):hover { background-color: #fff; }

  body .parent-menu ul.menu-list li a { padding: 5%; display: inline-block; }

  body .parent-menu ul.menu-list li ul.parent-submenu li a { padding: 3% 3% 3% 6.5%;; display: inline-block; }

  body .parent-menu ul.menu-list li ul.parent-submenu li { padding: 1% 1% 1% 4%; border: none; }

    /*Hide the arrow for submenu*/
    body .parent-menu ul.menu-list li ul.parent-submenu li img { display: none; }

  /*Hide the arrow for MyBCA*/
  body .parent-menu ul.menu-list li:last-child img { display: none; }

  body .parent-menu ul.menu-list li ul.parent-submenu li:hover { background-color: #fff; }

  body .parent-menu ul.menu-list > li:nth-child(1) > a { width: 69%; display: inline-block; background-image: url(../image/build-sg.png); background-position: left; background-repeat: no-repeat; color: transparent; background-size: 85px; margin-left: 5%; }

  body .parent-menu ul.menu-list > li:nth-child(4) { background-color: #d7d7d7; }

    body .parent-menu ul.menu-list > li:nth-child(4):hover { background-color: #fff; }

    body .parent-menu ul.menu-list > li:nth-child(4) > ul.parent-submenu li { background-color: #d7d7d7; }

      body .parent-menu ul.menu-list > li:nth-child(4) > ul.parent-submenu li:hover { background-color: #fff; }

  body .parent-menu ul.menu-list > li:nth-child(5) { background-color: #0072ca; }

    body .parent-menu ul.menu-list > li:nth-child(5):hover { background-color: #fff; }

      body .parent-menu ul.menu-list > li:nth-child(5):hover a { color: #363636; }

    body .parent-menu ul.menu-list > li:nth-child(5) > a { color: #ffffff; }

    body .parent-menu ul.menu-list > li:nth-child(5) > ul.parent-submenu li { background-color: #0072ca; }

      body .parent-menu ul.menu-list > li:nth-child(5) > ul.parent-submenu li:hover { background-color: #fff; }

      body .parent-menu ul.menu-list > li:nth-child(5) > ul.parent-submenu li a { color: #ffffff; }

      body .parent-menu ul.menu-list > li:nth-child(5) > ul.parent-submenu li:hover a { color: #000000; }

      body .parent-menu ul.menu-list > li:nth-child(5) > ul.parent-submenu li a:hover { color: #000000; }

  body .parent-menu ul.menu-list > li:last-child { background-color: #ed3d33; }

    body .parent-menu ul.menu-list > li:last-child:hover { background-color: #fff; }

      body .parent-menu ul.menu-list > li:last-child:hover a { color: #363636; }

    body .parent-menu ul.menu-list > li:last-child > a { color: #ffffff; padding-left: 30px; background-image: url(../image/access-icon.png); background-position: left; background-repeat: no-repeat; transition: background 0.25s, color 0.25s; background-size: 20px; margin-left: 5%; }

    body .parent-menu ul.menu-list > li:last-child:hover a { background-image: url(../image/access-icon-black.png); }

    body .parent-menu ul.menu-list > li:last-child > a:hover { background-image: url(../image/access-icon-black.png); }

    body .parent-menu ul.menu-list > li:last-child > ul.parent-submenu li { background-color: #ed3d33; }

  body .parent-menu ul.menu-list li img.arrow-down { float: right; padding-top: 6%; padding-right: 6%; }

    body .parent-menu ul.menu-list li img.arrow-down.inverse { transform: rotateX(-180deg); padding-bottom: 6%; padding-left: 2%; }

  body .parent-menu ul.menu-list li .line { border-bottom: 1px solid #000000; padding-top: 5%; width: 150%; margin-left: -5%; }



  body .parent-menu ul.menu-list li ul.parent-submenu { display: none; list-style: none; padding: 0; }

  body .parent-menu ul.menu-list li a { color: #363636; }

  body .parent-menu ul.menu-list li ul.parent-submenu li a { color: #363636; }

.top .navigation .nav-top-wrapper { z-index: 2; }

  .top .navigation .nav-top-wrapper .topSearch-trigger { position: absolute; right: 1%; top: 32%; }

    /* .top .navigation .nav-top-wrapper .topSearch-trigger button.btnSearch {cursor: pointer; position: relative;height:20px; width:20px;background: #ffffff;border-radius: 50%;background-color: #ffffff;border: none;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);z-index: 2;} */

    /* .top .navigation .nav-top-wrapper .topSearch-trigger button.btnSearch {cursor: pointer; position: relative;height:20px; width:20px;background: #ffffff;border-radius: 50%;background-color: #ffffff;border: none;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);z-index: 2;}
.top .navigation .nav-top-wrapper .topSearch-trigger button.btnSearch:focus {outline: none;}
.top .navigation .nav-top-wrapper .topSearch-trigger button.btnSearch:before {content: ""; position: absolute; height:80%; width:80%;border-radius: 50%;right: 10.4%; top: 11.4%;background: #000000;}
.top .navigation .nav-top-wrapper .topSearch-trigger button.btnSearch:after {content: ""; position: absolute; height:80%; width:20%;right: 39%; bottom: -71%;background: #ffffff;} */

    .top .navigation .nav-top-wrapper .topSearch-trigger 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: -11px; top: 32%; }

      .top .navigation .nav-top-wrapper .topSearch-trigger button.btnSearch:before { content: ""; position: absolute; left: 0; top: 0; display: inline-block; border: 3px solid #ffffff; border-radius: 25px; width: 15px; height: 15px; transition: all 0.25s; }

      .top .navigation .nav-top-wrapper .topSearch-trigger button.btnSearch:after { content: ""; position: absolute; right: 5px; bottom: 0; display: inline-block; border-radius: 25px; border-width: 0; background: #ffffff; width: 3px; height: 11px; transform: rotate(135deg); transition: all 0.25s; }

      .top .navigation .nav-top-wrapper .topSearch-trigger button.btnSearch.active:before { transform: rotate(45deg); background-color: #ffffff; border-width: 0px; width: 3px; height: 35px; left: 12px; top: -4px; transition: all 0.25s; }

      .top .navigation .nav-top-wrapper .topSearch-trigger button.btnSearch.active:after { right: 12px; bottom: -4px; height: 35px; transition: all 0.25s; }



/* .top .navigation .nav-top-wrapper .topSearch-trigger button.active:before { transform: rotate(90deg); background-color: #ffffff;border-radius: 0; border-width: 0px; width: 3px; height: 35px; right: 30%; top: 13%; transition: all 0.25s; }
.top .navigation .nav-top-wrapper .topSearch-trigger button.active:after { content: ""; position: absolute; right: 30%; top: 13%; display: inline-block; border-radius: 0; border-width: 0; background: #ffffff; width: 3px; height: 35px; transform: rotate(180deg); transition: all 0.25s; }

.top .navigation .nav-top-wrapper .topSearch-trigger button.active{background-color: #0b1d11;} */



/* .top .navigation .topSearch-go {text-align: center;position: absolute; background: linear-gradient(90deg, rgba(59,35,12,1) 34%, rgba(11,29,17,1) 100%); width: 100%; z-index: 3000; height: 0;overflow: hidden; transition: all ease-in-out 0.3s;}
.top .navigation .topSearch-go input {border-radius: 0; -webkit-border-radius: 0; border:0; -webkit-appearance: none; height: 55%; width: 60%; }
.top .navigation .topSearch-go.active {height: 150px; padding: 30px 0;} */

.top .navigation .topSearch-go {display: none; height: 150px;padding-top: 20px; padding: 30px 0; padding-left: 1%; font-size: 15px; text-align: center;position: absolute; background: linear-gradient(145deg, rgba(0,103,182,1) -5%, rgba(25,151,165,1) 50%, rgba(134,145,173,1) 110%); width: 100%;z-index: 4;}
.top .navigation .topSearch-go input {position: relative; top: 25%; max-width: 1050px; width: 60%;border-radius: 0; -webkit-border-radius: 0; border:0; -webkit-appearance: none; height: 53px; width: 60%;padding-left: 10px;}
.top .navigation .topSearch-go input::-webkit-input-placeholder {transform: translateY(2px) translateX(6px);}

.top .navigation .topSearch-go .topSearch-btn {display: inline-block; position: relative; top: 25%; }
.top .navigation .topSearch-go .topSearch-btn button.btnSearch-go {cursor: pointer; position: relative; width:115px;z-index: 2;vertical-align: middle;margin-left: 5%;font-size: 15px;background-color: #cd0000;color: #ffffff;border: 0;height: 53px;}




  /* animation: showBlockElem 0.3s ease-in-out;
@keyframes showBlockElem {
    from {opacity: 0;}
    to {opacity: 1;}
} */

  .top .navigation .topSearch-go.active { }

    .top .navigation .topSearch-go.active input:focus { outline: none; }

    .top .navigation .topSearch-go.active input { display: inline-block; }
    /* .top .navigation .wpSmallMenuM1 .topSearch-go.relocated input[type=text] {padding-left: 10px;} */


    /*Desktop search*/
    .top .navigation .topSearch-go.active .topSearch-btn { display: inline-block; }

      .top .navigation .topSearch-go.active .topSearch-btn button.btnSearch-go { cursor: pointer; position: relative; height: 53px; width: 115px; z-index: 2; vertical-align: middle; margin-left: 5%; font-size: 15px; background-color: #cd0000; color: #ffffff; border: 0; }

/*Mobile search*/
.top .wpSmallMenuM1 .topSearch-go input { height: 45px; }

.top .wpSmallMenuM1 .topSearch-go .topSearch-btn .btnSearch-go { cursor: pointer; position: relative; height: 45px; width: 115px; z-index: 2; vertical-align: middle; margin-left: 5%; font-size: 15px; -webkit-appearance: none; background-color: #cd0000; color: #ffffff; border: 0; }


.top .navigation .topSearch-go.inactive { display: none; }

.top .navigation .nav-top-wrapper.relocated .topSearch { display: block; position: relative; }

.top .navigation .breadcrumb.inactive { display: none; }

.top .navigation .breadcrumb { position: relative; top: 5%; max-width: 1440px; margin: 0 auto; display: none;}

  .top .navigation .breadcrumb ul { list-style: none; padding: 0; }

    .top .navigation .breadcrumb ul li { display: inline; padding-left: 10px; }

      .top .navigation .breadcrumb ul li:first-child { padding-left: 0; }

      .top .navigation .breadcrumb ul li:last-child { /* padding-left: 0; */ }

      .top .navigation .breadcrumb ul li:not(:last-child):after { content: "/"; color: #ffffff; margin-left: 10px; }

      .top .navigation .breadcrumb ul li a { color: #ffffff; border-bottom: 1px solid transparent; transition: all 0.3s; }

        .top .navigation .breadcrumb ul li a:hover { padding-bottom: 3px; border-bottom: 1px solid #ffffff; }

.top .navigation .landing-title.inactive { display: none; }

/*Comment out for banner to go full width*/
/* .top .navigation .top-banner { margin: 0 auto; text-align: center; padding-top: 30px; text-align: center; } */
.top .navigation .top-banner { margin: 0 auto; text-align: center; padding: 30px 12% 0 7%; text-align: center; }

/* .top .navigation .top-banner { padding-bottom: 30px; } */

  .top .navigation .top-banner img { }

    .top .navigation .top-banner img.inactive { display: none; }

/*Hamburger for parent menu*/
.top .top-wrap .top-cnt .top-meta .parentMenuIcon { cursor: pointer; width: 40px; height: 35px; position: absolute; top: 25%; right: 11%; transition: all 0.5s; }

  .top .top-wrap .top-cnt .top-meta .parentMenuIcon:before { transition: all 0.25s; content: ""; height: 3px; position: absolute; left: 0; right: 0; top: 0; background-color: #099bcc; }

  .top .top-wrap .top-cnt .top-meta .parentMenuIcon:after { transition: all 0.25s; content: ""; height: 3px; position: absolute; left: 0; right: 0; bottom: 0; background-color: #f8b529; }

  .top .top-wrap .top-cnt .top-meta .parentMenuIcon .touch-button { pointer-events: none; transition: all 0.25s; height: 3px; margin-top: -1.5px; background-color: #6bb538; display: block; position: absolute; top: 50%; left: 0; right: 0; }

  .top .top-wrap .top-cnt .top-meta .parentMenuIcon.active { transition: all 0.5s; transform: rotate(360deg); }

    .top .top-wrap .top-cnt .top-meta .parentMenuIcon.active:before { content: ""; transition: all 0.25s; transform: rotate(-45deg); height: 3px; position: absolute; left: 0; right: 0; top: 20px; background-color: #099bcc; }

    .top .top-wrap .top-cnt .top-meta .parentMenuIcon.active:after { content: ""; transition: all 0.25s; transform: rotate(45deg); height: 3px; position: absolute; left: 0; right: 0; top: 20px; background-color: #f8b529; }

    .top .top-wrap .top-cnt .top-meta .parentMenuIcon.active .touch-button { left: 100%; transition: all 0.25s; }



/*Hamburger for BCA Online Mag*/
/* .top .navigation .smallMenuIcon { cursor: pointer; width: 50px; height: 43px; position: absolute; top: -18%; right: 8%; transition: all 0.5s; }
.top .navigation .smallMenuIcon:before { transition: all 0.25s; content: ""; height: 3px; position: absolute; left: 0; right: 0; top: 0; background-color: #000000; }
.top .navigation .smallMenuIcon:after { transition: all 0.25s; content: ""; height: 3px; position: absolute; left: 0; right: 0; bottom: 0; background-color: #000000; }
.top .navigation .smallMenuIcon .touch-button { pointer-events: none; transition: all 0.25s; height: 3px; margin-top: -1.5px; background-color: #000000; display: block; position: absolute; top: 50%; left: 0; right: 0; }
.top .navigation .smallMenuIcon.active {  transition: all 0.5s; transform: rotate(360deg);  }
.top .navigation .smallMenuIcon.active:before { content: ""; transition: all 0.25s; transform: rotate(-45deg); height: 3px; position: absolute; left: 0; right: 0; top: 20px; background-color: #099bcc; }
.top .navigation .smallMenuIcon.active:after { content: ""; transition: all 0.25s; transform: rotate(45deg); height: 3px; position: absolute; left: 0; right: 0; top: 20px; background-color: #f8b529; }
.top .navigation .smallMenuIcon.active .touch-button { left:100%;transition:all 0.25s; }
 */
 
 .top .top-wrap .top-cnt .top-meta .feedback-btn { 
    cursor: pointer; 
    position: absolute; 
    top: 25%; 
    right: 12%; 
    transition: all 0.5s; 
}

 .top .top-wrap .top-cnt .top-meta .subscribe-btn  { 
    cursor: pointer; 
    position: absolute; 
    /* top: 25%;  */
	top: 30%;
    right: 0; 
    transition: all 0.5s; 
	box-sizing: border-box;
	background: #ef3d35;
	min-width: 150px;
}




.top .navigation .wpSmallMenuM1 .navm1 ul.menu { margin: 0; }

@media screen and (max-width: 2040px) {
  .maintenance-toggle-wrapper { right: 10.5%; }
  
   /*Comment out for banner to go full width*/
   .top .navigation .top-banner {padding: 30px 19% 0 19%;}
  /* .top .navigation .top-banner img { max-width: 780px; width: 780px; } */
  .top .navigation .top-banner img { width: 100%; }

  .top .top-wrap .top-cnt .top-meta .parentMenuIcon { right: 10%; }

}

@media screen and (max-width: 1800px) {
  .maintenance-toggle-wrapper { /*right: 3%;*/ }
}

@media screen and (max-width: 1600px) {
    .top .top-cnt {  padding: 0 7%; max-width: 1440px; margin: 0 auto;}

    .top .sg-gov-cred-cnt .top-cnt {
        padding: 0 7%;
    }

    .top .navigation .nav-top-wrapper {height: 70px;position: relative;max-width: 1440px;margin: 0 auto; padding: 0 7%;}

    .top .top-wrap .top-cnt .top-meta .subscribe-btn {right: 8%;}
	.top .top-wrap .top-cnt .top-meta .feedback-btn {right: 20%;}
	
    .top .navigation .nav-top-wrapper .topSearch-trigger {right: 9%;}

    .top .navigation .breadcrumb {
        padding: 0 7%;
    }
}

@media screen and (max-width: 1280px) {
    .top .top-wrap .top-cnt .top-meta .feedback-btn {right: 22%;}
}

@media screen and (max-width: 1152px) {

  /* .top .navigation .navm1 ul.menu li a { font-size: 12px; } */
}

@media screen and (max-width: 1024px) {
	
	.top .navigation .top-banner {
		padding: 30px 16% 0 7%;
	}
}

@media screen and (max-width: 960px) {
	.top .top-wrap .top-cnt .top-meta .feedback-btn {right: 30%;}
	
	.top .navigation .top-banner {
		padding: 30px 18% 0 7%;
	}
}

@media screen and (max-width: 769px) {
	
	.mobile-overlay {position: fixed;height: 100%;background: rgba(0,0,0,0.50);z-index: 3;display: none;}
.mobile-overlay.active {display: block;}
	
  .maintenance-toggle-wrapper { right: 4%; }

  body .parent-menu { right: -200%; }


  .top .top-cnt { margin: 0; padding: 0 3%; }

  .top .sg-gov-cred-cnt .top-cnt { padding: 0 3%; }

  .top .top-meta { }

    .top .top-meta .top-heading { margin-right: 20px; }

    .top .top-meta .logo { }
  /*Hamburger menu for BCA */
  .top .top-wrap .top-cnt .top-meta .parentMenuIcon { display: none; }
  
  .top .top-wrap .top-cnt .top-meta .subscribe-btn {
	  top: 30%;
    right: 15%;
}

  .top .top-wrap .top-cnt .top-meta .feedback-btn {
	  display: none;
}

  .top .navigation .navm1 ul.menu { height: 100%; }

    .top .navigation .navm1 ul.menu li a { font-size: 100%; }


  .top .navigation .nav-top-wrapper { display: none; }

  /*Search trigger button*/
  .top .navigation .topSearch-trigger { display: none; }

  /*Hamburger menu for BCA Online Mag*/
  .top .navigation .smallMenuIcon { display: table-cell; cursor: pointer; width: 40px; height: 35px; position: absolute; top: -65px; right: 20px; transition: all 0.5s;z-index: 5; }

    .top .navigation .smallMenuIcon:before { transition: all 0.25s; content: ""; height: 3px; position: absolute; left: 0; right: 0; top: 0; background-color: #000000; }

    .top .navigation .smallMenuIcon:after { transition: all 0.25s; content: ""; height: 3px; position: absolute; left: 0; right: 0; bottom: 0; background-color: #000000; }

    .top .navigation .smallMenuIcon .touch-button { pointer-events: none; transition: all 0.25s; height: 3px; margin-top: -1.5px; background-color: #000000; display: block; position: absolute; top: 50%; left: 0; right: 0; }

    .top .navigation .smallMenuIcon.active { transition: all 0.5s; transform: rotate(360deg); }

      .top .navigation .smallMenuIcon.active:before { content: ""; transition: all 0.25s; transform: rotate(-45deg); height: 3px; position: absolute; left: 0; right: 0; top: 20px; background-color: #000000; }

      .top .navigation .smallMenuIcon.active:after { content: ""; transition: all 0.25s; transform: rotate(45deg); height: 3px; position: absolute; left: 0; right: 0; top: 20px; background-color: #000000; }

		
      .top .navigation .smallMenuIcon.active .touch-button { left: 100%; transition: all 0.25s;}

  .top .navigation .wpMenuM1 { display: none; }

  .top .navigation .wpSmallMenuM1 .wpMenuM1.active { display: block !important; width: 100%; margin: 0; position: absolute; z-index: 3000; top: 75px; }

    .top .navigation .wpSmallMenuM1 .wpMenuM1.active .navm1 ul.menu { }

      .top .navigation .wpSmallMenuM1 .wpMenuM1.active .navm1 ul.menu li { display: block; }

      .top .navigation .wpSmallMenuM1 .wpMenuM1.active .navm1 ul.menu li { /* padding: 2% 2% 2% 7%; */ padding: 2% 0 2% 0%; }
	  .top .navigation .wpSmallMenuM1 .wpMenuM1.active .navm1 ul.menu li:first-child { padding-top: 4%; }
	  .top .navigation .wpSmallMenuM1 .wpMenuM1.active .navm1 ul.menu li ul.ddm li:first-child { padding-top: 0; }

        /* .top .navigation .wpSmallMenuM1 .wpMenuM1.active .navm1 ul.menu li:first-child { padding-top: 4%; } */

        /*.top .navigation .wpSmallMenuM1 .wpMenuM1.active .navm1 ul.menu li a {
        padding-left: 7%;
        display: inline;
    }*/
        .top .navigation .wpSmallMenuM1 .wpMenuM1.active .navm1 ul.menu li a { display: inline; padding-left: 7%; }

        .top .navigation .wpSmallMenuM1 .wpMenuM1.active .navm1 ul.menu li .social a { padding-left: 2%; }
		
		/*Hide touch button for mobile menu*/
        /* .top .navigation .wpSmallMenuM1 .wpMenuM1.active .navm1 ul.menu li .touch-button { position: relative; display: inline; width: 20px; height: 20px; background-image: url(../image/select-down.png); background-repeat: no-repeat; float: right; top: 5px; right: 25px; } */
		.top .navigation .wpSmallMenuM1 .wpMenuM1.active .navm1 ul.menu li .touch-button { position: relative; display: none; width: 20px; height: 20px; background-image: url(../image/select-down.png); background-repeat: no-repeat; float: right; top: 5px; right: 25px; }


  .top .navigation .wpSmallMenuM1 .topSearch-go { display: none; }

    .top .navigation .wpSmallMenuM1 .topSearch-go.relocated { position: relative; display: block; max-width: 1440px; padding: 3% 0; height: 75px; margin: 0; position: absolute;}

      .top .navigation .wpSmallMenuM1 .topSearch-go.relocated input { top: 20%; display: inline-block; position: absolute; left: 6%; font-size: 15px; width: 68%; padding-left: 2%; }
        /* .top .navigation .wpSmallMenuM1 .topSearch-go.relocated input[type=text] {padding-left: 10px;} */
        .top .navigation .wpSmallMenuM1 .topSearch-go.relocated input:focus { outline: none; }

        .top .navigation .wpSmallMenuM1 .topSearch-go.relocated input::-webkit-input-placeholder { transform: translateY(2px) translateX(6px); }

      .top .navigation .wpSmallMenuM1 .topSearch-go.relocated .topSearch-btn { top: 20%; display: inline-block; position: absolute; right: 6%; }

        .top .navigation .wpSmallMenuM1 .topSearch-go.relocated .topSearch-btn button { height: 45px; }


  .top .navigation .nav-top-wrapper.inactive { display: none; }


  .top .navigation .topSearch { float: right; margin-right: 8.5%; margin-top: 2%; }

  .top .navigation .topSearch { position: absolute; top: 5%; right: 0; margin-right: 8%; }

    .top .navigation .topSearch input { height: 50px; width: 350px; border-radius: 5px; }

  .top .navigation .topSearch-go.active { display: none !important; }


.top .navigation .top-banner { margin: 0 auto; text-align: center; padding: 0; padding-top: 30px; text-align: center; }
  .top .navigation .top-banner img { max-width: 90%; /*width: 90%; */}
  
  .top .navigation .breadcrumb { padding: 0 3%; }

    .top .navigation .breadcrumb ul { padding: 0; margin: 0; }


  /*Mobile sub menu style*/
  .top .navigation .wpMenuM1.active .navm1 ul.menu li ul.ddm { display: none; width: 100%; word-wrap: unset; position: relative; background: #ffffff; /* background: #f0f0f0; */ padding-left: 0; margin-top: 20px; }

    .top .navigation .wpMenuM1.active .navm1 ul.menu li ul.ddm li { display: block; padding: 0 0 0 10%; z-index: 4000; }

      .top .navigation .wpMenuM1.active .navm1 ul.menu li ul.ddm li:first-child { padding-left: 10%; }

      .top .navigation .wpMenuM1.active .navm1 ul.menu li ul.ddm li:hover { background: #ffffff; }

        .top .navigation .wpMenuM1.active .navm1 ul.menu li ul.ddm li:hover a { color: blue; }

      .top .navigation .wpMenuM1.active .navm1 ul.menu li ul.ddm li a { display: block; color: #000000; width: 100%; padding: 10px 20px 10px 0; text-transform: uppercase; border-bottom: 1px solid transparent; transition: all 0.3s; }

      .top .navigation .wpMenuM1.active .navm1 ul.menu li ul.ddm li:first-child a { padding: 10px 20px 10px 0; }

      .top .navigation .wpMenuM1.active .navm1 ul.menu li ul.ddm li:last-child a { margin-bottom: 20px; }
}



@media screen and (max-width: 601px) {
  .maintenance-toggle-wrapper { right: 5%; }

  .top .top-cnt { margin: 0; }



  .top .top-meta { min-width: 225px; width: 30%; }

    .top .top-meta .top-heading h1 { font-size: 150%; }

    .top .top-meta .logo img { width: 150%; }

  .top .navigation .smallMenuIcon { width: 40px; height: 35px; }

  .top .navigation .wpSmallMenuM1 .topSearch-go.relocated { height: 75px; }

    .top .navigation .wpSmallMenuM1 .topSearch-go.relocated input { width: 65%; }
}

@media screen and (max-width: 512px) {
  .maintenance-toggle-wrapper { right: 6%; }
  
  .top .navigation .wpSmallMenuM1 .wpMenuM1 .navm1 ul.menu li .social {
		width: 56%;
	}

	.top .navigation .wpSmallMenuM1 .wpMenuM1 .navm1 ul.menu li .feedback-btn {
		width: 40%;
	}

}

@media screen and (max-width: 480px) {
  .top .top-meta .top-heading h1 { font-size: 120%; }

  .top .top-meta .logo img { width: 140%;} 
  
  .top .top-meta .top-heading { max-width: 55%; padding-top: 5px;margin-right: 0;}
  
  .top .top-meta .top-heading a img { width: 100%; }
  
  .top .navigation .smallMenuIcon {top: -60px;}
  .top .navigation .smallMenuIcon.active {top: -65px;}
  
  .top .top-wrap .top-cnt .top-meta .subscribe-btn {
    /* top: 20%; */
	top: 30%;
	right: 20%;
	min-width: 125px;
	
}

.top-wrap .subscribe-btn .subscribe {padding: 0 10px;}


  .top .navigation .wpSmallMenuM1 .topSearch-go.relocated input { width: 60%; }
  
  
  	.top .navigation .wpSmallMenuM1 .wpMenuM1 .navm1 ul.menu li .social {
		width: 54%;
	}	
	
	.top .navigation .wpSmallMenuM1 .wpMenuM1 .navm1 ul.menu li .feedback-btn {
		top: 20%;
		width: 41%;
	}
	
  
  
}

@media screen and (max-width: 380px) {
	
	.top .navigation .wpSmallMenuM1 .wpMenuM1 .navm1 ul.menu li a img{ height: 26px;width: 26px; }
	
	.top .navigation .wpSmallMenuM1 .wpMenuM1 .navm1 ul.menu li .social {
		width: 56%;
	}	
	
	.top .navigation .wpSmallMenuM1 .wpMenuM1 .navm1 ul.menu li .feedback-btn {
		width: 38%;
	}
	
	.top .navigation .wpSmallMenuM1 .wpMenuM1 .navm1 ul.menu li .feedback-btn .feedback {
		width: 26px;
	}
	
	.top .navigation .wpSmallMenuM1 .wpMenuM1 .navm1 ul.menu li .feedback-btn .feedback img {
		height: 26px;
	}
	
	.top .navigation .wpSmallMenuM1 .wpMenuM1 .navm1 ul.menu li .feedback-btn .feedback-txt {
		width: 86px;
	}
}

@media screen and (max-width: 360px) {
  .maintenance-toggle-wrapper { right: 7%; }

  .top .navigation .wpSmallMenuM1 .topSearch-go.relocated input { width: 50%; }
  /* .top .navigation .wpSmallMenuM1 .topSearch-go.relocated {
        height: 65px;
    } */
	
}

@media screen and (max-width: 350px) { 
	.top-wrap .subscribe-btn .subscribe img {
		display: none;
	}
	
	  .top .top-wrap .top-cnt .top-meta .subscribe-btn {
		min-width: 100px;
	  }
	  
	  .top-wrap .subscribe-btn .subscribe {
		width: 100px;
		padding: 0 15px;
	  }

}

@media screen and (max-width: 340px) {

	.top .navigation .wpSmallMenuM1 .wpMenuM1 .navm1 ul.menu li .social {
		width: 54%;
	}	

	.top .navigation .wpSmallMenuM1 .wpMenuM1 .navm1 ul.menu li .feedback-btn {
		width: 40%;
	}
	
}