@media (max-width:1200px) {
.row    {width:100%; margin:0px auto; padding:0px 3%; float:none; display:block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.bodycontainer .left-pan    {width:22%; float:left; margin:0px; padding:20px 20px 20px 0px; margin-bottom:20px; vertical-align:top}
.bodycontainer .right-pan   {width:70%; float:right; margin:0px; padding:20px 20px 0px 0px; margin-bottom:20px; vertical-align:top;}

select          {padding:7px 1px; height:31px;}

.left-nav {background:#f8f8f8; -moz-box-shadow: inset 0 0 5px #ddd; -webkit-box-shadow: inset 0 0 5px #ddd; box-shadow: inner 0 0 5px #ddd; float:left; padding:1% 3%; width:100%; border:1px solid #e2e2e2}

.visual-bg      {background:#dff2fc; width:100%; height:329px; position:absolute; border-bottom:2px solid #009beb; display:none}
}

@media (min-width:768px) and (max-width:980px) {
.row    {width:98%; margin:0px auto; padding:0px 3%; float:none; display:block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.clear2 {height:0px;}

/*-- Logo Area --*/
.logo-area  {width:100%; text-align:center; margin:10px auto;}

/*-- login Area --*/
.login-area {width:100%; padding:0px; margin:0px; float:right; display:block; margin-top:0px; text-align:center}
ul.loglist  {list-style:none; margin:0px; padding:0px; text-align:center; width:100%; float:left}
ul.loglist li   {margin-left:0px; margin-bottom:5px; width:100%;}
ul.loglist li:nth-child(2)   {margin-left:0px; margin-bottom:5px; width:80%;}
ul.loglist li:nth-child(3)   {margin-left:0px; margin-bottom:5px; width:18%; margin-left:2%}

.tb-username,.tb-username:hover, .tb-username:focus     {width:100%;}
.tb-password, .tb-password:hover, .tb-password:focus    {width:100%;}

.login-area input[type="submit"], .login-area input[type="submit"]:hover    {width:100% !important;}

ul.lognavlist li    {display:block; float:none; border-right:0px solid #fff; padding:0px 0px 6px; text-align:left}

.logedin-area   {float:left; margin-top:0px;}

.logedin-area ul.editlist       {list-style:none; margin:0px; padding:0px; float:left; margin-top:10px;}
.logedin-area ul.editlist li    {list-style:none; margin:0px; padding:0px; display:block; float:none; padding:0px 0px; color:#fff;}

.logedin-area ul.editlist a         {color:#fff; text-decoration:none;}
.logedin-area ul.editlist a:hover   {color:#fff; text-decoration:underline;}

.logedin-area ul.editlist li.editprofile    {padding:5px 5px 10px; padding-left:30px;}
.logedin-area ul.editlist li.changepassword {padding:5px 5px 10px; padding-left:30px}
.logedin-area ul.editlist li.logout         {padding:5px 5px 10px; padding-left:30px}

/*-- Top Menu Area --*/
.headerpan .menu-area   {width:auto; padding:0px; margin:0px; float:right; display:block; margin-top:0px; background:transparent; height:auto;}
.menu-area-inside       {width:auto; padding:0px; margin:0px; float:right; display:block; margin-top:0px; background:transparent; height:auto;}

/******************************************************************************
Visual
******************************************************************************/
.visual-area    {margin:0px auto; position:relative; top:-22px;}


/******************************************************************************
Responsive Grids
******************************************************************************/
.col    {display:block; float:left; margin:0px;}

/*-- Two Columns --*/
.two-cols_1 {width: 100%; display:block; margin-bottom:40px}
.two-cols_2 {width: 100%; display:block;}

/*-- Three Columns --*/
.Three-cols {width:100%; display:block; margin-bottom:20px;}

/*-- Home Three Panels --*/

/*-- Blue Panels --*/
.blue-line-bottom   {margin-bottom:20px}

/*-- Green Panels --*/
.green-line-bottom  {margin-bottom:20px}


/*-- Home featured News --*/
.news-group {display:table;}

.news-group .news-date    {width:100px; display:table-cell; vertical-align:top}
.news-group .news-detail  {width:100%; padding-left:15px; display:table-cell; float:none; vertical-align:top}

/*-- Home Blog posts --*/
.blog-group     {width:100%; display:table}

.blog-date      {width:60px; display:table-cell; vertical-align:top}
.blog-detail    {width:100%; float:none; display:table-cell; vertical-align:top}


/*-- Home Networking Widget --*/
.networking-widget {width:96%; padding:0px; margin:0px; background:#f8f7f6; min-height:350px; float:left; padding:2%;}


/*========== Inside Style ==========*/
.bodycontainer  {display:block; width:100%;}
.bodycontainer .left-pan    {width:30%; float:left; margin:0px; padding:20px 20px 20px 0px; margin-bottom:20px; vertical-align:top}
.bodycontainer .right-pan   {width:63%; float:right; margin:0px; padding:20px 20px 0px 0px; margin-bottom:20px; vertical-align:top;}


/*========== Left Style ==========*/
.pic-left       {width:100%; margin-bottom:20px;}
.pic-left img   {max-width:100%; width:initial; height:auto}
.left-nav       {width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom:20px;}
.lftsearch      {width:100%; margin:0px; padding:0px; margin-bottom:20px; float:left}


/*========== News section ==========*/
.hrnews-group   {width:100%; padding:5px 0px; float:none; margin:0px; margin-bottom:15px; display:table}

.hrnews-date    {width:100px; text-align:center; float:left; display:table-cell; vertical-align:top}
.hrnews-detail  {width:100%; float:none; display:table-cell; border-left:2px solid #ccc; padding-left:15px; padding-right:0px; line-height:14pt; vertical-align:top}

.hrnews-head        {font-size:14px; color:#000; text-transform:uppercase; display:block;}
.hricon-readmore    {margin:0px auto; padding:0px; float:right; display: list-item; margin-top:15px; font-size:11px; text-transform:uppercase}

.hrnews-group a         {color:#000; text-decoration:none}
.hrnews-group a:hover   {color:#000; text-decoration:underline}

.hricon-readmore a          {color:#00aaeb; text-decoration:none}
.hricon-readmore a:hover    {color:#00aaeb; text-decoration:underline}

.hrnews-group:hover {background:#f9f9f9}
.hrnews-group:hover .hrnews-date h2 {color:#000;}

.hrnewsdetail-group {width:100%; padding:5px 0px; margin:0px; float:left; margin-bottom:15px}
.hrnewsdetail-group ul {list-style:none; padding:0px; margin:0px;}
.hrnewsdetail-group ul li {list-style-image:url(images/listbullet.png); padding:0px; margin:0px 0px 3px 20px;}


/*========== Members Directory Style ==========*/
.dir-col    {display: block; float: left; margin: 0% 0 0% 0%;}

.directory-cols_4_1   {width:45%; display:block;}
.directory-cols_4_2   {width:18%; display:block; display:none}
.directory-cols_4_3   {width:50%; display:table-cell;}
.directory-cols_4_4   {width:20%; display:table-cell; display:none}
.directory-cols_4_5   {width:100%; display:block; padding:0px;}

.mem-dctry-group .view-more  {width:auto; padding:2px 0px 0px 0px; margin:0px; float:right; text-transform:uppercase; font-size:11px; font-family: 'RobotoBoldCondensed'; color:#009beb}




/******************************************************************************
FORM STYLE
******************************************************************************/
select          {padding:7px 1px; height:30px}

/*========== Left Form ==========*/
.left-form      {background:#f8f8f8; -moz-box-shadow: inset 0 0 5px #ddd; -webkit-box-shadow: inset 0 0 5px #ddd; box-shadow: inner 0 0 5px #ddd; float:left; padding:5% 5%; width:90%; border:1px solid #e2e2e2}
.left-form p    {line-height:14pt;}

.left-form h3   {text-transform:uppercase; margin-bottom:05px; font-size:15px; color:#006aa1}


/*========== Left Search ==========*/
ul.lftsearch-box     {list-style:none; padding:0px; margin:1px 3px 4px 0px; width:100%; float:left; display:block}
ul.lftsearch-box li  {list-style:none; padding:0px; margin:0px; float:left; width:100%; margin-right:4px}
ul.lftsearch-box li:last-child  {margin-right:0px;}

ul.lftsearch-box .drop-sm  {width:88%; float:left; padding:0px; margin-right:1%;}
ul.lftsearch-box .btn-sm   {width:11%; float:left; padding:0px; margin:0px;}

ul.lftsearch-box .drop-arc  {width:42%; margin:0px .5% 0px 0px;}
ul.lftsearch-box .drop-arc:nth-child(2n)  {width:44.5%; margin:0px 1% 0px .5%;}

ul.lftsearch-box .btn-sm input[type="submit"]        {width:100%; background:#009beb; color:#fff; border:0px; cursor:pointer; text-transform:uppercase; font-size:12px; display:inline-block}
ul.lftsearch-box .btn-sm  input[type="submit"]:hover {background:#005987; color:#fff;}




/******************************************************************************
FOOETR STYLE
******************************************************************************/
.help-desk {width:50%; padding:0px; margin:0px; float:left;}
.mailinglist {width:50%; padding:0px; margin:0px; float:right;}

.ftrnav     {width:75%;}
ul.ftrlist  {margin-right:0px; width:43%}

.ftr-networking {width:25%;}


/******************************************************************************
SITEMAP
******************************************************************************/
.sitemap        {width:100%; margin-right:25px; display:inline-block; vertical-align:top;}

.sitemap .clear1 {height:0px}

ul.sitelist     {list-style:none; padding:0px; margin:0px;}
ul.sitelist li  {list-style-image:url(images/listbullet.png); padding:0px; margin:0px 0px 5px 15px;}

.sitemap a          {color:#000; text-decoration:none;}
.sitemap a:hover    {color:#c80000; text-decoration:none;}

ul.sitelist li a        {color:#656565; text-decoration:none;}
ul.sitelist li a:hover  {color:#c80000; text-decoration:none;}
}