body { background:#f4f4f4; font-family:Arial, Helvetica, sans-serif; font-size:100%; line-height:1.0625em; color:#404040; padding:0 20px; position:relative;}

input, select, textarea { font-family:Arial, Helvetica, sans-serif; font-size:1em;}

.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}

p { margin-bottom:17px;}

.logo{
    font-size: 22px;
    font-weight: bold;
    background: #ffcd00;
    display: block;
    float: left;
    padding: 10px;
}

/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

#login-form { font-size:.85em; color:#034d80; padding-bottom:28px;}
#login-form label { display:block; height:25px; }
#login-form input.text { width:135px; /*padding:2px 3px 3px 6px; color:#525d4e;*/ margin-right:10px;}
#login-form input.password { width:135px; padding:2px 3px 3px 6px; color:#525d4e; margin-right:9px;}
#login-form input.submit {background:url("../img/login.gif") no-repeat scroll left top transparent;
border:medium none;
color:#FFFFFF;
/*float:right;*/
font-size:1.1em;
font-weight:bold;
height:22px;
width:50px;
display: inline-block;}

#search-form { text-align:right;}
#search-form input { font-size:.91em; }
#search-form input.text, #mod_search_searchword {width:195px; padding:2px 0 2px 5px; margin-right:9px;}
#search-form input.submit, .search .button { background:url(../img/search.gif) no-repeat left top; border:none; width:50px; height:22px; font-weight:bold; color:#fff;float:right;}
.search {float:right;}
.poll thead td {color:#034B85;
padding-bottom:11px;}
.pollstableborder {text-align:left;
width:100%;}
.pollstableborder td .button {}
#voting-form label, .pollstableborder td label,.poll form label { display:block; background:url(../img/line-dotted1.gif) left bottom repeat-x; padding:0 0 11px 0 !important; margin-bottom:7px; color:#6a6a6a;}
#voting-form label.last { background:none;}
#voting-form label input, .pollstableborder td input {margin-right:10px; width:13px; height:13px;}
#voting-form input.submit, .poll td div .button { background:url(../img/voting.gif) no-repeat left top; border:none; width:50px; height:22px; font-weight:bold; color:#fff;}
.poll td div .button {margin:0 0 0 17px;}
#logo {bottom:9px;
position:relative;}

#weather-form { color:#5c5c5c;}
#weather-form p { margin-bottom:5px;} 
#weather-form .inner { padding:2px 10px 21px 6px;}
#weather-form h5 { color:#0461ac; margin-bottom:5px;}
#weather-form select { width:113px; color:#515151;}
#weather-form .img-indent { margin:3px 8px 0 0;}
#weather-form b { color:#404040;}

/*==================list====================*/
ul { list-style:none;}

.menu { padding:12px 0 0 0; text-align:left;}
.menu li { display:inline; margin-left:-1px;}
.menu li a { /*background:url(../img/divider.gif) no-repeat left 3px; padding:0 21px 0 22px;*/ font-size:1.1em; color:#fff; text-decoration:none;}
.menu li a:hover { /*text-decoration:underline;*/}
.menu li a.first { background:none;}

.footer-nav { text-align:center; padding-bottom:10px}
.footer-nav li { display:inline; color:#535252 !important;}
.footer-nav a, #footer a {font-size:1.27em; color:#535252 !important; padding:0 22px 0 20px; text-decoration:none;}
.footer-nav a:hover, #footer a:hover { text-decoration:underline; color:#0462AE!important}
#footer .menu {/*padding:0 0 8px;*/}
.menu.menu_list1 li {
    background:url("../img/line-dotted.gif") repeat-x scroll left bottom transparent;
    margin-bottom:4px;
    padding:0 0 4px 9px;
    display: block !important;
    text-align: left;
}
.menu_list1 li.last { background:none; margin-bottom:0; padding-bottom:0;}
.menu.menu_list1 li a {background-image:url("../img/quotes.png");
background-position:left 6px;
background-repeat:no-repeat;
color:#535353 !important;
padding-left:12px;
text-decoration:none;}
.menu_list1 li a:hover { text-decoration:underline; color:#000;background:transparent}

.list2 dt { font-size:1.46em; color:#0462ae; padding-bottom:3px;}
.list2 dd { padding-bottom:13px;}
.list2 dd a { color:#404040; font-weight:bold;}

.list3 li { background:url(../img/line-dotted.gif) left top repeat-x; padding:7px 0 7px 6px;}
.list3 li a { background:url(../img/bull-1.gif) no-repeat left 6px; padding:0 0 0 13px; text-decoration:none; display:block;}
.list3 li a:hover { color:#c4112f; text-decoration:underline;}

.list4 { margin-bottom:-18px;}
.list4 li { width:100%; overflow:hidden; padding-bottom:18px;}
.list4 li img { float:left; margin-right:18px;}
.list4 li a { color:#000;}
.list4 li h5 a { color:#0461ac;}

.list5 li { border-bottom:1px solid #b7b7b7; padding-bottom:14px; margin-bottom:14px;}
.list5 li.last { border-bottom:none; padding-bottom:0; margin-bottom:10px;}
.list5 li .img-box { padding-bottom:8px;}
.list5 li .img-box img { float:none; margin:0;}
.list5 li .img-box img.fleft { margin-right:13px; float:left;}
.list5 li a { color:#008ad9;}

.list6 { width:100%; overflow:hidden;}
.list6 li { float:left; width:49%; padding-bottom:24px;}
.list6 li div { padding-right:20px;}
.list6 li img { float:left; margin-right:18px;}
.list6 li p { margin-bottom:10px;}

/*==================other====================*/
.img-indent { margin:0 20px 0 0; float:left;}
.img-box { width:100%; overflow:hidden; padding-bottom:17px;}
.img-box img { float:left; margin:0 20px 0 0;}

.extra-wrap { overflow:hidden; position:relative;}

blockquote { font-weight:bold;}
blockquote div { padding:10px 0 8px 0;}

.p1 { margin-bottom:17px;}
.p2 { margin-bottom:10px;}

/*==================txt, links, lines, titles====================*/
a {color:#0461ac;}
a:hover{text-decoration:none;}

h1 { font-size:1.54em; font-weight:normal; line-height:1.15em; color:#0049a3; margin-bottom:8px;}
h1 a { text-decoration:none; color:#0049a3;}
h1 a:hover { text-decoration:underline;}
h3 { font-size:1.46em; color:#535353; line-height:1.2em; border-bottom:1px solid #b7b7b7; margin-bottom:10px; font-weight:normal; padding:9px 0 9px 9px;}
h4 { font-size:1em; text-transform:uppercase; margin-bottom:10px;}
h5 { font-size:1em; margin-bottom:10px;}
h5 a { text-decoration:none;}
h5 a:hover { text-decoration:underline;}
h6 { font-size:.83em; text-transform:uppercase; color:#626262; margin-bottom:10px;}

.txt1 { color:#0461ac;}
.txt2 { color:#000;}
.txt2 a { color:#000;}

.button { display:inline-block;
/*float:left;
height:22px;*/
line-height:20px;
text-align:center;
text-decoration:none;}
.button:hover { text-decoration:underline;}

.line-hor { background:#d9d9d9; height:1px; overflow:hidden; font-size:0; line-height:0; margin:14px 0 2px 0;}
.line-hor1 { background:#d9d9d9; height:1px; overflow:hidden; font-size:0; line-height:0; margin:23px 0 23px 0;}
.line-ver { background-image:url(../img/line-ver.gif); background-repeat:repeat-y; width:100%;}

.title { margin-bottom:20px;}
.title-box { font-size:.91em; color:#535353; margin-bottom:15px;}

/*==================boxes====================*/
.menu-box { /*background:url(../img/menu-box-bg.gif) left top repeat-x;*/ width:100%;}
.menu-box .left { /*background:url(../img/menu-box-left.gif) no-repeat left top;*/}
.menu-box .right { /*background:url(../img/menu-box-right.gif) no-repeat right top; height:43px;*/}

.box { width:100%; background:url(../img/box-bg.gif) left bottom repeat-x;}
.box.alt { background:none;}
.box .border-top {background:url(../img/border.gif) repeat-x top;}
.box .border-bot {background:url(../img/border.gif) repeat-x bottom;}
.box .border-left {background:url(../img/border.gif) repeat-y left;}
.box .border-right {background:url(../img/border.gif) repeat-y right;}
.box .left-top-corner {background:url(../img/left-top-corner.gif) no-repeat left top;}
.box .right-top-corner {background:url(../img/right-top-corner.gif) no-repeat right top;}
.box .left-bot-corner {background:url(../img/left-bot-corner.gif) no-repeat left bottom; width:100%;}
.box .right-bot-corner {background:url(../img/right-bot-corner.gif) no-repeat right bottom;}
.box .left-bot-corner-1 {/*background:url(../img/left-bot-corner-1.gif) no-repeat left bottom;*/ width:100%;}
.box .right-bot-corner-1 {/*background:url(../img/right-bot-corner-1.gif) no-repeat right bottom;*/}
.box .inner { padding:9px 13px 9px 8px;}
.box .inner .inner { padding:5px 0 0 5px;}

.box1 { width:100%;}
.box1 .border-top {background:url(../img/border-top1.gif) repeat-x top;}
.box1 .border-bot {background:url(../img/border-bot1.gif) repeat-x bottom;}
.box1 .left-top-corner {background:url(../img/left-top-corner1.gif) no-repeat left top;}
.box1 .right-top-corner {background:url(../img/right-top-corner1.gif) no-repeat right top;}
.box1 .left-bot-corner {background:url(../img/left-bot-corner1.gif) no-repeat left bottom; width:100%;}
.box1 .right-bot-corner {background:url(../img/right-bot-corner1.gif) no-repeat right bottom;}
.box1 .inner { padding:9px 8px 17px 15px !important;}
.box1 h5 { color:#034b85;}

.box2 { width:100%;}
/*.box2 .border-top {background:url(../img/border-top2.gif) repeat-x top;}
.box2 .border-bot {background:url(../img/border2.gif) repeat-x bottom;}
.box2 .border-left {background:url(../img/border2.gif) repeat-y left;}
.box2 .border-right {background:url(../img/border2.gif) repeat-y right;}
.box2 .left-top-corner {background:url(../img/left-top-corner2.gif) no-repeat left top;}
.box2 .right-top-corner {background:url(../img/right-top-corner2.gif) no-repeat right top;}*/
.box2 .left-bot-corner {/*background:url(../img/left-bot-corner2.gif) no-repeat left bottom;*/ width:100%;}
/*.box2 .right-bot-corner {background:url(../img/right-bot-corner2.gif) no-repeat right bottom;}*/
.box2 .inner { padding:4px 12px 9px 12px;}
.box2 .inner .inner { padding:5px 0 0 5px;}

.box3 { border:1px dashed #a5a4a4; padding:7px 10px 12px 10px; width:165px; /*margin-left:47px;*/ color:#000;}
.box3 p { margin-bottom:8px;}

.box4 { background:#f8f1d8; padding:7px 20px 11px 12px; width:154px; /*margin-left:47px;*/}

.box5 { background:#f8f1d8; color:#000; width:100%;}
.box5 .inner {padding:7px 17px 11px 12px !important;}

.box6 {  color:#000; width:100%;}
.box6 .border {border:1px dashed #a5a4a4;}
.box6 .inner {padding:7px 6px 12px 6px !important;}

/*header*/
#header .row-1 .fleft {line-height: normal;width: 50%}
#header .row-1 .fright {width: 50%;text-align: right;padding: 20px 0}
#header .row-2 { }
#fix_lgn {}

/*content*/
#content { padding:6px 0 9px 0;}
#content .indent {/* padding:0 8px 0 0;*/}
#content .indent1 { padding:0 0 0 8px;}
#content .indent2 { padding:0 16px 0 0;}
#content .widget { margin-bottom:8px;}
#content .block { padding:16px 0 0 12px; border-bottom:1px solid #d9d9d9; padding-bottom:14px;}
#content .block.last { border-bottom:none; padding-bottom:0;}
#content .block1 { padding:13px 0 0 12px;}

/*footer*/
#footer { /*border-top:3px solid #ccc;*/ color:#727272;}
#footer strong { text-transform:uppercase; padding-left:25px;}
#footer a { /*color:#727272;*/}


/*==========================================*/
.npic {}
.blog .npic {border:1px solid black;
margin:0 10px 0 0 !important;
width:90px;}
.componentheading {color:#000000;
font-size:22px;
font-weight:normal;
padding:10px 0 7px;
text-transform:capitalize;
width:100%;
}
.blog .contentheading, .blog .contentheading a {color:#0462AE;
font-size:10pt;
font-weight:bold;
line-height:30px;}
.contentheading a {font-size:12pt;
font-weight:bold;}
.small {font-size:8pt;}
.createdate {}
.source{display:block;
font-size:7pt;
margin-top:5px;}
#wxButtonFrame {margin-left:18px;}
form.logined { text-align:right;}
form.logined span {font-size:10pt;
font-weight:bold;
position:relative;
top:2px;}
form.logined .submit {margin-left:14px;}
.moduletable_aboutus h2 {color:#535353;
font-size:1.46em;
font-weight:normal;
line-height:1.2em;
margin-bottom:10px;
padding:0 0 9px 5px;}
#s_copy {text-align: center;color: #fff;background: #00309a;font-size: 14px;padding: 10px;}
#s_copy span {font-size:10pt;}
#s_copy a {font-size:10pt;
padding-left:0 !important;
text-decoration:underline;}


/*New style*/


body {
  padding: 0 !important;
}
#header .row-1 {
  padding: 20px !important;
    overflow: hidden;
}
#main-width {
    width: 100%!important;
    min-width: 1100px !important;
    max-width: 1600px !important;
}
.leftcol,.rightcol,.sidebar {
  width: 250px !important;
}
.leftcol {float:left;}
.rightcol {float: right;}

.centercol {
  min-width: 500px !important;
  width: auto !important;
  margin: 0 268px;
}
table.blog {
  display: block;
  width: auto;
}


.contentpaneopen,.contentpaneopen tbody,.contentpaneopen tr,.blog,.blog tbody,
.blog tr,.blog tr td table{
  display: block;
}
.contentpaneopen tr td,.blog tr td {
  display: block;
  width: auto;
}
.contentpaneopen tr td img,.blog .items-row p img {
    width: 50%;
    height: auto;
    float: left;
    padding-right: 10px;
}
.blog .items-row{
    margin: 30px 0;
    overflow: hidden;
}
.blog .pagination li{
    display: inline-block;
    padding: 5px;
}
.moduletable_pincbox {
  width: auto !important;
  padding-right: 12px !important;
}
.moduletable_pincbox img,.moduletable_dotted img {
  width: 100%;
}
.moduletable_dotted {
  width: 228px !important;
}
#wxButtonFrame {
  margin-left: 0 !important;
}
#wxButtonFrame #container {
  width: 100% !important;
}
.menu-box,#footer {
  background: #ffcd00 !important;
}
.menu-box .right,.menu-box .left {
  background: none !important;
}
#header,.menu-box .right {
  height: auto !important;
}
.menu {
  padding: 0 !important;
}
.menu li {
  display: inline-block !important;
}
.menu-box .menu li a,#footer li a {
    padding: 20px 21px 20px 22px !important;
    display: inline-block !important;
    text-transform: uppercase;
    color: #000 !important;
    text-decoration: none;
    width: 100%;
    box-sizing: border-box;
}
.menu li a:hover,#footer li a:hover,
.menu li.active a,
#footer li.active a{
  background-color:#00309a;
  text-decoration: none;
  color: white !important;
    width: 100%;
    box-sizing: border-box;
    display: block;
}
body div#newsflash.roknewsflash {
  width: 100%;
  min-width: 1100px;
  height: 40px;
  margin: 0;
  background: #E7E8EA;
}
.roknewsflash ul li a {
  text-decoration: none;
    line-height: 40px;
}

.roknewsflash span {
  padding: 8px 5px 5px 5px;
  background: #00309a;
  text-transform: uppercase;
  color: white;
  line-height: 27px !important;
  position: relative;
}
.roknewsflash ul {
  margin-left: 114px !important;
}
.rokstories-layout3 {
      border-bottom: 20px solid #F0F0F0;
}
#content {
  padding: 0 20px 0 20px;
}
.feature-block .image-container .image-full {
    width: 100% !important;
    height: 444px !important;
    margin: 0 auto;
}
.feature-block .image-container .image-full img {
    width: 100%;
    height: 444px;
}
.image-container.feature-pad {
  float: none !important;
}
.box2 .border-top,.box2 .border-right,.box2 .border-bot,.box2 .border-left,.box2 .left-top-corner,.box2 .right-top-corner,
.box2 .right-bot-corner,.box2 .left-bot-corner,.box .left-top-corner,.box .right-top-corner,.box .right-bot-corner,.box .left-bot-corner {
  background: none;
}
.roknewspager-div a img {
 float:left;
 padding-right: 10px;
}
.published-date {
  float:left;
}
.published{
    margin: 10px 0;
    color: #000;
    font-size: 12px;
}
.readon {
  float: right;
}
ul.roknewspager li {
  margin-bottom: 20px!important;
  box-shadow: 0px 2px 3px grey;
  -webkit-box-shadow: 0px 2px 3px grey;
  -moz-box-shadow: 0px 2px 3px grey;
  padding: 10px !important;
  background: none !important;
}
.rokstories-layout3 .desc-container {
 background: rgba(0, 48, 154, .6) !important;
    padding: 10px 0;
}
.rokstories-layout3 .description .feature-link,.rokstories-layout3 .description .readon {
  color: white;
  text-decoration: none;
  text-align: left !important;
}
#header .row-1 {
  position: relative;
    border-top: 5px solid #00309a;
    border-bottom: 5px solid #00309a;
    background: #00309a;
}
h3,.componentheading,.blog>h2 {
    font-size: 1.6em;
    color: #00309a;
    text-shadow: 2px 1px 2px lightgray;
    border-bottom: 2px solid #00309a;
    text-transform: uppercase;
    background: #ffcd00;
}
 .micronews-headline h2 {
    font-size: 1.6em;
    color: #00309a;
    text-shadow: 2px 1px 2px lightgray;
    text-transform: uppercase;
    font-weight: normal !important;
}
.moduletable_pincbox {
    background: rgba(0, 48, 154,0.6) !important;
}
.menu_list1 li a {
  text-transform: uppercase;
}
.indent1 > a {
  display: none;
}
.moduletable_dotted {
 border: 1px solid lightgray !important;
}
#voting-form input.submit, .poll td div .button,#login-form .submit,.search .button,
.button.validate,#contact-form button[type="submit"],.poll form .btn-primary {
    background: #00309a!important;
    height: 36px !important;
    color:white;
    border: none;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
    width: 68px !important;
    outline: #00309a;
}
#voting-form input.submit:hover, .poll td div .button:hover,#login-form .submit:hover,
.search .button:hover,.button.validate:hover,.poll form .btn-primary:hover {
   background: white !important;
   color: rgba(0, 48, 154, .8);
   border: 1px solid #00309a;
   text-decoration: none;
   cursor: pointer;
}
#mod_search_searchword,.mod_search105 input[type="text"]  {
    margin-right: 0;
}
#mod_search_searchword,.mod_search105 input[type="search"]::-webkit-input-placeholder,
#mod_search_searchword,.mod_search105 input[type="search"]::placeholder{
    color: #fff !important;
}
.search .button{
    text-indent: -9999px;
    position: relative;
}
.search .button:after {
    content: '\f002';
    font-family: 'FontAwesome';
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    text-indent: 0;
    position: absolute;
    right: 10px;
}
.search .button:hover{
    background: transparent !important;
}
.moduletablemostread{
  text-align:left;
}
.moduletablemostread a {
  text-decoration: none;
  padding: 5px 8px;
  display: block;
  background: #EEEEEE;
}
.col-2 {
  float: none !important;
}
ul.mostreadmostread {
  
}
li.mostreadmostread {
    height: auto;
    border-bottom: 1px solid white;
}
.moduletablemostread a:hover {
  color: white;
  background: #00309a;
}
.fright {
  /*float: none !important;
  width: 700px !important;
  overflow: hidden;
  margin: 0 auto;
  padding-top: 67px!important;*/
}
#login-form {
  float: left;
  padding-right: 20px;
}
#mod_search_searchword,.mod_search105 input[type="search"] {
    padding: 10px 3px 10px 6px !important;
    border: none;
    float: left;
    background: transparent;
    color: #fff !important;
    font-weight: 600;
    font-size: 18px;
    outline: none;
}
.mod_search105 button{
    float: left !important;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 12px;
    width: 36px !important;
}
#modlgn_username,#modlgn_passwd {
   padding: 6px 3px 6px 6px !important;
    border: 1px solid #00309a;
}
#login-form input.password {
 margin-right:0 !important;
}
#header .row-1 .fleft {
}
#header .row-1 .fright {
}
.article-abstract {
      max-width: 100% !important;
}
#rokmicronews {
  position: static;
  border: 1px solid lightgrey;
  margin-bottom: 10px;
}
.rokmicronews-surround {
  background: white;
}
.micronews-headline {
  border-bottom: 0;
}
 .micronews-titles .top-story {
  width: auto;
}
 .micronews-right .other-stories, .micronews-articles,.micronews-right .micronews-articles {
  margin-right: 0px;
}
.micronews-article-wrapper {
      height: 300px;
    padding-top: 66px;
}
.micronews-thumb {
  float: none;
  width:100%;
  height: auto;
}
 .micronews .micronews-list {
   left: 0;
   width:auto;
}
.micronews-right .micronews-list {
  left: 0;
   width:auto;
}
.jcomments-links {
  clear: none;
}
#content .indent1 {
  padding: 0;
}
#contact-form fieldset{
    border: none;
}
#contact-form .control-label label{
    font-size: 16px;
    color: #00309a;
    text-shadow: 2px 1px 2px lightgray;
    text-transform: uppercase;
    padding: 5px 0;
    display: inline-table;
}
#contact-form .control-label label:focus{
    outline: none !important;
}

#contact-form input[type='text'],#contact-form textarea,#contact-form input[type="email"] {
    padding: 10px;
    border: 1px solid #00309a;
    width: 50%;
}
#slide-contact .accordion-heading,#slide-contact #basic-details,.contact-name{
    display: none;
}
a{
  color: #00309a;
text-decoration: none;
 }
#footer {
  padding: 0 !important;
  color: white;
  border: none;
}
ul.roknewspager {
  border: none !important;
}
#content {
  padding-bottom: 26px;
}
.item-page img{
  max-width:100%;
}
* { margin:0; padding:0;}

.content_top .roknewspager li{
    width: 25%;
    float: left;
    box-shadow: none;
    box-sizing: border-box;
    margin-bottom: 0 !important;
}
.content_top .roknewspager li a{
    display: inline-block;
    vertical-align: middle;
}
.content_top .roknewspager li img{
    width: 60px;
    height: 60px;
    border-radius: 50%;
    padding-right: 0;
    border: 10px solid #fff;
}
.content_top ul.roknewspager .roknewspager-title{
    width: calc(100% - 90px);
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 0;
    line-height: 20px;
}

.page-header h2{
  margin:10px 0;
}
.tags {
    margin: 10px 0;
}
.tags li {
    display: inline-block;
    margin: 6px 0;
}
.tags li a {
    padding: 5px;
    background: #f0f0f0;
    border-radius: 5px;
    transition: .3s;
}
.tags li a:hover {
    background: #ffcd00;
}
.pager.pagenav {
    margin: 10px 0;
    text-align: center;
}
.pager.pagenav li {
    display: inline-block;
    margin: 0 5px;
}

/*Responsive*/

@media (max-width: 1100px)
{
    #main-width,#main,body div#newsflash.roknewsflash{
        min-width: auto !important;
    }
    body div#newsflash.roknewsflash{
        overflow: hidden;
    }
    .content_top .roknewspager li{
        width: 50%;
    }
}
@media (max-width: 768px)
{
    .content_top{
        display: none;
    }
    .leftcol,.rightcol,.centercol{
        float: none;
        width: 100% !important;
        overflow: hidden;
        margin: 0 auto;
        min-width: auto !important;
    }
    .sidebar{
        width: 100% !important;
    }
    .roknewspager-div a img{
        float: none;
        margin: 0 auto;
        display: block;
        padding: 10px 0;
    }
    .feature-block .image-container .image-full img{
        height: auto;
    }
    .item-page img{
        height: auto;
    }
    #structurer{
        display: flex;
        flex-direction: column;
    }
    .leftcol{
        order: 2;
    }
    .rightcol{
        order: 3;
    }
    .centercol{
        order: 1;
    }
}
@media (max-width: 590px)
{
    #header .row-1 .fleft,
    #header .row-1 .fright{
        width: 100%;
        text-align: center;
    }
    .logo{
        font-size: 20px;
        width: 100%;
        box-sizing: border-box;
    }
    .search{
        float: none;
        display: inline-block;
    }
    .menu-box .menu li a, #footer li a{
        padding: 10px 21px 10px 22px !important;
    }
    .menu li{
        width: 50%;
    }
}