﻿
.mid .title-cnt { background-color: #f2f2f2; }
.mid .title-cnt h1 { margin: 0; display: table-cell; padding-right: 75px; vertical-align: top;font-size: 142.857%; }
.mid .title { padding: 20px 0px; display: table; width: 100%; }

.mid .content > *:first-child { margin-top: 0; }
.mid .content h1,  	
.mid .content h2, 
.mid .content h3, 
.mid .content h4 { margin-top: 0;}

 .mid .content table{ }
 .mid .content table tbody{}
 .mid .content table tr{}
 .mid .content table tr td{  }

.mid .content-cnt { overflow: hidden; }
.mid .content-cnt .mid-cnt { }
.mid .content-cnt .content-wrap .content { padding-bottom: 50px; }
.mid .content-cnt .content-wrap { }
.mid .content-cnt .mid-cnt {display: flex; flex-direction: column; }
.mid .content-cnt .content-wrap.left-cnt { overflow: hidden;order: 1;  }
.mid .content-cnt .content-wrap.right-cnt { margin-left: 0; width: 100%; order: 2; }
.mid .content-cnt .breadcrumb-cnt { padding: 20px 0; }
.mid .content-cnt .breadcrumb-cnt ul { list-style: none; padding: 20px 0 10px; }
.mid .content-cnt .breadcrumb-cnt ul > li { display: inline-block; margin-right: -4px; }
.mid .content-cnt .breadcrumb-cnt ul > li a { color: #363636; transition: all 0.25s; }
.mid .content-cnt .breadcrumb-cnt ul > li span.target { color: #0072ca; }
.mid .content-cnt .breadcrumb-cnt ul > li a:hover { color: #0072ca; transition: all 0.25s; }
.mid .content-cnt .breadcrumb-cnt ul > li:before { content: ">"; padding: 0 10px; }
.mid .content-cnt .breadcrumb-cnt ul > li:first-child { padding: 0; margin: 0; }
.mid .content-cnt .breadcrumb-cnt ul > li:first-child a { margin-left: 0; }
.mid .content-cnt .breadcrumb-cnt ul > li:first-child:before { content: none; }
.mid .content-cnt .mid-cnt.full .breadcrumb-cnt { display: block; }
.mid .content-cnt .mid-cnt.full .breadcrumb-cnt ul { padding: 0; }


	/*3 columns layout*/
	/* .mid .content-cnt .wp_3_col_layout .sf_3cols_1_33 { */
		/* display: block; */
		/* width: 100%; */
		
	/* } */

	/* .mid .content-cnt .wp_3_col_layout .sf_3cols_2_34 { */
		/* display: block; */
		/* width: 100%; */
		
	/* } */
	
	/* .mid .content-cnt .wp_3_col_layout .sf_3cols_3_33 { */
		/* display: block; */
		/* width: 100%; */
		
	/* } */



.mid .content .content-bot { margin: 60px 0 0px; border-top: 2px solid #0072ca; }

.mid .content span.filesize { color: #797979; font-weight: 700;display:block; margin-top: 5px;}
.mid .content .end-dl-item {  padding: 10px 10px 10px 50px; background-repeat: no-repeat; background-position: center left; background-size:35px; }
.mid .content .end-dl-item a {font-weight:700;line-height: 150%;}
.mid .content .end-dl-item a:hover { }

/*Use different icons based on document file type*/
.mid .content .end-dl-item.dl-other { background-image: url("../image/other-icon.jpg"); }
.mid .content .end-dl-item.dl-pdf { background-image: url("../image/pdf-icon.jpg"); }
.mid .content .end-dl-item.dl-doc { background-image: url("../image/doc-icon.jpg"); }
.mid .content .end-dl-item.dl-docx { background-image: url("../image/docx-icon.jpg"); }
.mid .content .end-dl-item.dl-url { background-image: url("../image/url-icon.jpg"); }

.mid .sidebar { margin: 0 -50px; }
.mid .sidebar .side-pocket { margin-bottom: 35px; }
.mid .sidebar .side-pocket.acc-block h2 { position: relative; margin: 0; padding: 15px 40px 15px 40px; color: #363636; font-weight: 400; background: #e8e8e8; background: -moz-linear-gradient(top, #e8e8e8 0%, #e8e8e8 5%, #f3f3f3 95%, #f3f3f3 100%); background: -webkit-linear-gradient(top, #e8e8e8 0%,#e8e8e8 5%,#f3f3f3 95%,#f3f3f3 100%); background: linear-gradient(to bottom, #e8e8e8 0%,#e8e8e8 5%,#f3f3f3 95%,#f3f3f3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#f3f3f3',GradientType=0 ); }
.mid .sidebar .side-pocket.acc-block h2:hover { transition: background 0.25s; }
.mid .sidebar .side-pocket.acc-block h2 ~ ul.side-nav { display: none; }
.mid .sidebar .side-pocket.acc-block h2.open ~ ul.side-nav { display: block; }
.mid .sidebar .side-pocket.plain-block { margin-top: 75px; margin-bottom: 100px; }
.mid .sidebar .side-pocket.plain-block > *:not(:first-child) { line-height: 175%; max-width: 100%; padding: 0 30px; }
.mid .sidebar .side-pocket.plain-block > ul,
.mid .sidebar .side-pocket.plain-block > ol { margin-left:17px; }
.mid .sidebar .side-pocket.plain-block h2 { position: relative; cursor: pointer; padding: 10px 30px 0; margin: 0px 0 20px; color: #363636; border-top: 2px solid #0072ca; }
.mid .sidebar .side-pocket ul.side-nav { list-style: none; padding: 15px 40px 0; }
.mid .sidebar .side-pocket ul.side-nav li { padding: 0px 0 15px 0px; }
.mid .sidebar .side-pocket ul.side-nav li a { color: #363636; display: inline-block; vertical-align: middle; }
.mid .sidebar .side-pocket ul.side-nav li a:hover { color: #0072ca; }
/*Highlight the current page we are on in sidenavi*/
.mid .sidebar .side-pocket ul.side-nav li .active,
.mid .sidebar .side-pocket ul.side-nav li .sfSel  {color: #0072ca; }

.mid .sidebar .side-pocket ul.side-nav ul {list-style-type:none; margin: 10px 0 0 15px;}
.mid .sidebar .side-pocket ul.side-nav ul li { padding: 0px 0 5px 0px; }
.mid .sidebar .side-pocket ul.side-nav ul li a{padding: 5px 5px 5px 30px; display: inline-block; color: #363636; background-image: url("../image/mega-bullet.png"); background-repeat: no-repeat; background-position: left top 14px; }



.mid .list-menu-cnt { position: relative; max-width: none !important; max-height: 400px; overflow: hidden; padding: 0 !important; background: #2374b4; background: -moz-linear-gradient(left, #2374b4 0%, #4f90c3 100%); background: -webkit-linear-gradient(left, #2374b4 0%,#4f90c3 100%); background: linear-gradient(to right, #2374b4 0%,#4f90c3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2374b4', endColorstr='#4f90c3',GradientType=1 ); }
.mid .list-menu-cnt .list-menu-wrap { max-width: 1440px; margin: auto; }
.mid .list-menu-cnt .list-menu-block { margin: 0 30px; }
.mid .list-menu-cnt .list-menu { padding: 0; }
.mid .list-menu-cnt .list-menu.slick-slider { padding: 0 30px; }
.mid .list-menu-cnt .list-menu * { outline: none; }
.mid .list-menu-cnt .list-menu .slick-list { display: block; }
.mid .list-menu-cnt .list-menu .slick-track { display: table; }
.mid .list-menu-cnt .list-menu .list-menu-child { display: inline-block; margin-right: -4px; }
.mid .list-menu-cnt .list-menu .slick-track { margin-right: 0; }
.mid .list-menu-cnt .list-menu .list-menu-child.active,
.mid .list-menu-cnt .list-menu .list-menu-child a.sfSel { background-color: #363636; color: #fff; }
.mid .list-menu-cnt .list-menu .slick-track .list-menu-child { display: table-cell; float: none; vertical-align: middle; transition: all 0.3s;}
.mid .list-menu-cnt .list-menu .slick-track .list-menu-child:hover { background-color: #363636;cursor: pointer; }
.mid .list-menu-cnt .list-menu .list-menu-child a { table-layout: fixed; text-align: center; color: #fff; display: table; width: 100%; vertical-align: middle; font-size: 100%; padding: 20px 15px; }
/* .mid .list-menu-cnt .list-menu .list-menu-child a:hover { background-color: #363636; color: #fff; } */
.mid .list-menu-cnt .list-menu .list-menu-child span { display: table-cell; vertical-align: middle; height: 55px; }
.mid .list-menu-cnt .list-menu button.slick-arrow { cursor: pointer; border: 0 none; background: none; font-size: 0; background-repeat: no-repeat; height: 50px; width: 27px; padding: 0; position: absolute; top: 30%; top: calc(50% - 25px); outline: none; background-size: 14px;}
.mid .list-menu-cnt .list-menu button.slick-arrow.slick-prev { background-image: url('../image/bnr-arrow-left.png'); background-position: center left; left: 0; }
.mid .list-menu-cnt .list-menu button.slick-arrow.slick-next { background-image: url('../image/bnr-arrow-right.png'); background-position: center right; right: 0; }
.mid .list-menu-cnt .list-menu button.slick-arrow.slick-disabled { opacity: 0.3; }


.mid .detail-cnt { padding-top: 0px; }
.mid .detail-cnt .detail { }
.mid .detail-cnt .detail-item-cnt { border-top: 2px solid #0072ca; padding-bottom: 75px; position: relative; }
.mid .detail-cnt .detail-item-cnt .detail-item {  }
.mid .detail-cnt .detail-item-cnt.active .detail-item {  }
.mid .detail-cnt .detail-item-cnt:before { cursor: pointer; content: ""; width: 3px; height: 20px; transition: all 0.5s; z-index: -1; position: absolute; border-radius: 10px; right: 8px; top: 5px; background-color: #0072ca; display: inline-block; }
.mid .detail-cnt .detail-item-cnt:after { cursor: pointer; content: ""; width: 20px; height: 3px; transition: all 0.5s; z-index: -1; position: absolute; border-radius: 10px; right: 0px; top: 13px; background-color: #0072ca; display: inline-block; }
.mid .detail-cnt .detail-item-cnt.active:before { transition: all 0.5s; width: 0px; height: 3px; transform-origin: 50% 50%; transform: rotate(360deg); }
.mid .detail-cnt .detail-item-cnt.active:after { transition: all 0.5s; transform-origin: 50% 50%; transform: rotate(360deg); }

    .mid .detail-cnt .detail-item-cnt .detail-item .parent-group {
        margin-bottom: 20px;
    }

    .mid .detail-cnt .detail-item-cnt .detail-item ul.parent {
        display: inline-block;
    }

    .mid .detail-cnt .detail-item-cnt .detail-item span.navBtn {
        display: inline-block;
        margin-left: 25px;
        position: relative;
        cursor: pointer;
        width: 20px;
        height: 15px;
        transition: all 0.3s;
    }

        .mid .detail-cnt .detail-item-cnt .detail-item span.navBtn:before {
            cursor: pointer;
            content: "";
            width: 2px;
            height: 15px;
            transition: all 0.5s;
            z-index: -1;
            position: absolute;
            border-radius: 10px;
            left: 10px;
            top: 0;
            background-color: #0072ca;
            display: inline-block;
        }

        .mid .detail-cnt .detail-item-cnt .detail-item span.navBtn:after {
            cursor: pointer;
            content: "";
            width: 15px;
            height: 2px;
            transition: all 0.5s;
            z-index: -1;
            position: absolute;
            border-radius: 10px;
            left: 3px;
            top: 6px;
            background-color: #0072ca;
            display: inline-block;
        }

        .mid .detail-cnt .detail-item-cnt .detail-item span.navBtn.active:before {
            transition: all 0.5s;
            width: 0px;
            height: 2px;
            transform-origin: 50% 50%;
            transform: rotate(-360deg);
        }

        .mid .detail-cnt .detail-item-cnt .detail-item span.navBtn.active:after {
            transition: all 0.5s;
            transform-origin: 50% 50%;
            transform: rotate(-360deg);
        }


.mid .detail-cnt h3 { line-height: 160%; cursor: pointer; margin: 0 0 35px; color: #fff; }
.mid .detail-cnt h3 span { position: relative; display: inline-block; background-color: #0072ca; padding: 0px 15px; }
.mid .detail-cnt h3 span:after { content: ""; display: inline-block; position: absolute; right: -20px; width: 0; height: 0; border-top: 28px solid #0072ca; border-right: 20px solid transparent; }
.mid .detail-cnt ul.detail-item-list { list-style: none; margin-top: 20px;display: none; }
.mid .detail-cnt ul.detail-item-list > li.childLevel2 { display: inline-block; vertical-align: top; margin-right: -4px; width: 48.75%; margin-left: 2.5%; padding-left: 20px; position: relative; margin-bottom: 20px; line-height: 150%; }
.mid .detail-cnt ul.detail-item-list > li.childLevel2:nth-child(2n-3) { margin-left: 0; }
.mid .detail-cnt ul.detail-item-list li.childLevel2 a { color: #363636; vertical-align: top; }
.mid .detail-cnt ul.detail-item-list li.childLevel2 a:hover { color: #0072ca; }
.mid .detail-cnt ul.detail-item-list li.childLevel2:before { content: ""; position: absolute; left: 7px; top: 4px; display: inline-block; width: 8px; height: 13px; background-image: url(../image/bullet.png); background-repeat: no-repeat; background-position: center left; background-size: 6px; }
.mid .detail-cnt ul li.childLevel1 { 
	margin: 0; 
	color: #0072ca; 
	margin: 0 0 15px; 
}



.mid .detail-cnt ul li.childLevel1 + .mid .detail-cnt ul li.childLevel1 { margin: 50px 0 15px; }
.mid .detail-cnt ul.lone-childLevel1 + ul:not(detail-item-list) { margin-top: 40px; }
.mid .detail-cnt ul.lone-childLevel1 { margin-bottom: 15px; }

/*To simulate h3 heading style*/
.mid .detail-cnt ul li.childLevel1 { list-style: none; }
.mid .detail-cnt ul li.childLevel1 a { margin: 0; 
color: #0072ca; 
margin: 0;
 font-size: 16px; 
 font-weight: bold; 
 line-height: 135%;}

.mid .detail-cnt ul li.childLevel1.active { 
	margin: 0; 
	color: #0072ca; 
	margin: 0;
}



/*For sitemap*/
.mid .mid-cnt div.sitemap div.site-map-heading {font-weight: 900;font-size: 16px;margin-top: 30px;margin-bottom: 5px;}

.mid .mid-cnt div.sitemap div.site-map-block {display: block;height:auto !important;vertical-align:top;margin-left: 25px;margin-top: 20px;font-size: 15px;padding-bottom:30px;border-bottom: 2px solid #f2f2f2;}
.mid .mid-cnt div.sitemap div.site-map-block:last-child {display: block;height:auto !important;vertical-align:top;margin-left: 25px;margin-top: 20px;font-size: 15px;padding-bottom:30px;border-bottom: 0px;}
.mid .mid-cnt div.sitemap div.site-map-block div.other-block {display: block;height:auto !important;margin-top: 20px;font-size: 15px;}
.mid .mid-cnt div.sitemap div.site-map-block div.other-block:last-child {margin-bottom: 40px;}
.mid .mid-cnt div.sitemap div.site-map-block ul li {list-style: none;margin-top: 10px;padding-left: 20px;position: relative;}
.mid .mid-cnt div.sitemap div.site-map-block ul li.site-map-ChildLevel2:before { content: ""; position: absolute; left: 5px; display: inline-block; width: 10px; height: 15px; background-image: url(../image/bullet.png); background-repeat: no-repeat; background-position: top; transform: translateY(30%);}
.mid .mid-cnt div.sitemap div.site-map-block div.other-block ul li {list-style: none;margin-top: 10px;}
.mid .mid-cnt div.sitemap div.site-map-block ul li.site-map-ChildLevel1 {font-weight: bold;margin-bottom: 30px;padding-left: 0px;font-size: 16px;}
.mid .mid-cnt div.sitemap div.site-map-block ul li.site-map-ChildLevel2 a {color: #000000;}
.mid .mid-cnt div.sitemap div.site-map-block ul li.site-map-ChildLevel2 {font-size: 14px;}
.mid .mid-cnt div.sitemap div.site-map-block ul li.multiLine {line-height: 160%;}
.mid .mid-cnt div.sitemap div.site-map-block div.other-block ul li.site-map-ChildLevel1 {font-weight: bold;padding-left: 0px;}


/*news*/
.mid .content .sfnewsList { font-size: 0 }
.mid .content .sfnewsList .sfnewsListItem { font-size: 16px; border-bottom: 2px solid #f2f2f2; }
.mid .content .sfnewsList .sfnewsListItem:nth-child(odd) { }
.mid .content .sfnewsListItem .listItemWrap { margin: 15px 0; padding-right: 25px; }
.mid .content .sfnewsListItem:nth-child(odd) .listItemWrap {  padding-right: 25px; }
.mid .content .sfnewsListItem h2 { font-size: 100%; margin: 15px 0; }
.mid .content .sfnewsListItem h2 a { color: #363636; text-decoration: none; border: 0 none; }
.mid .content .sfnewsListItem h2 a:hover { border: 0 none; color: #0072ca; }
.mid .content .sfnewsListItem a.newsLink { margin: 0px 0 25px; padding: 5px 20px 5px;line-height: 100%; }
.mid .content .sfnewsListItem:last-child { border-bottom: 0; }
.mid .content .sfnewsListItem:nth-child(odd):nth-last-child(2) { border-bottom: 0; }
.mid .content .newsPager { position: relative; background-color: #f2f2f2; padding: 15px 25px; text-align: center; }
.mid .content .newsPager a { color: #363636; border: 0 none; padding: 0 10px; vertical-align: middle; border-left: 1px solid #262626; }
.mid .content .newsPager a:first-child { border: 0 none; }
.mid .content .newsPager a:not(.sf_PagerPrevGroup) { border: 0 none; }
.mid .content .newsPager a:not(.sf_PagerPrevGroup) ~ a:not(.sf_PagerPrevGroup) { border-left: 1px solid #262626; }
.mid .content .newsPager a:hover { color: #0072ca; border-bottom: 0 none; }
.mid .content .newsPager a.sf_PagerCurrent { color: #0072ca; }
.mid .content .newsPager a.sf_PagerNextGroup { border: 0 none !important; font-size: 0; position: absolute; right: 25px; padding: 0 10px; width: 10px; height: 22px; background-image: url(../image/bullet.png); background-position: center; background-repeat: no-repeat; }
.mid .content .newsPager a.sf_PagerPrevGroup { border: 0 none !important; font-size: 0; position: absolute; left: 25px; padding: 0 10px; width: 10px; height: 22px; background-image: url(../image/bullet.png); background-position: center; background-repeat: no-repeat; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }
.mid .content .sfnewsDetails .sfnewsTitle { line-height: 125%; margin: 0 0 10px; }
.mid .content .sfnewsDetails .feed-thumb { margin-bottom: 45px; }

/*Error 404 style*/

.error404 {
  margin: 0 auto;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
  -ms-transform: translate(-50%, -50%); /* IE 9 */
  transform: translate(-50%, -50%);
}

.error404 .error404-logo {
  min-width: 200px;
  width: 100%;
  margin: 0 auto;
}


.error404 h1 {
  font-size: 52px;
  color: #575756;
  margin-top: 20px;
  margin-bottom: 20px;
}

.error404 h1 span {
  color: #0072ca;
}

.error404 h4 {
    font-size: 22px;
    margin-top: 35px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #575756;

}

.error404 img {
  margin: 0 auto;

}

.error404 p {
  color: #575756;
  font-size: 14px;
}

.error404 .error404-hyperlink {
  font-weight: bold;
}



/*End of error 404 style*/
/** News Year Filter **/
.mid .content .newsListing { font-size: 0 }
.mid .content .newsListing .listItm { font-size: 16px; border-bottom: 2px solid #f2f2f2; }
.mid .content .newsListing .listItm:nth-child(odd) { }
.mid .content .listItm .listItemWrap { margin: 15px 0; padding-right: 25px; }
.mid .content .listItm:nth-child(odd) .listItemWrap {  padding-right: 25px; }
.mid .content .listItm h2 { font-size: 100%; margin: 15px 0; }
.mid .content .listItm h2 a { color: #363636; text-decoration: none; border: 0 none; }
.mid .content .listItm h2 a:hover { border: 0 none; color: #0072ca; }
.mid .content .listItm a.newsLink { margin: 0px 0 25px; padding: 5px 20px 5px; }
.mid .content .listItm:last-child { border-bottom: 0; }
.mid .content .listItm:nth-child(odd):nth-last-child(2) { border-bottom: 2px solid #f2f2f2; }
.mid .content .newsPager { position: relative; background-color: #f2f2f2; padding: 15px 25px; text-align: center; }
.mid .content .newsPager a { color: #363636; border: 0 none; padding: 0 10px; vertical-align: middle; border-left: 1px solid #262626; }
.mid .content .newsPager a:first-child { border: 0 none; }
.mid .content .newsPager a:not(.sf_PagerPrevGroup) { border: 0 none; }
.mid .content .newsPager a:not(.sf_PagerPrevGroup) ~ a:not(.sf_PagerPrevGroup) { border-left: 1px solid #262626; }
.mid .content .newsPager a:hover { color: #0072ca; border-bottom: 0 none; }
.mid .content .newsPager a.sf_PagerCurrent { color: #0072ca; }
.mid .content .newsPager a.sf_PagerNextGroup { border: 0 none !important; font-size: 0; position: absolute; right: 25px; padding: 0 10px; width: 10px; height: 22px; background-image: url(../image/bullet.png); background-position: center; background-repeat: no-repeat; }
.mid .content .newsPager a.sf_PagerPrevGroup { border: 0 none !important; font-size: 0; position: absolute; left: 25px; padding: 0 10px; width: 10px; height: 22px; background-image: url(../image/bullet.png); background-position: center; background-repeat: no-repeat; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }
.mid .content .sfnewsDetails .sfnewsTitle { line-height: 125%; margin: 0 0 10px; }
.mid .content .sfnewsDetails .feed-thumb { margin-bottom: 45px; }

.yearFilter ul.sfarchiveList{ list-style-type:none; margin:0; padding:0; }
.yearFilter ul.sfarchiveList li.sfarchiveListItem{ display:inline-block; padding:0 10px; padding-left:0; position:relative; font-size:16px;}
.yearFilter ul.sfarchiveList li.sfarchiveListItem::after{ content:"|"; position:absolute; right:2px; top:0;}
.yearFilter ul.sfarchiveList li.sfarchiveListItem:last-child:after{ content:""; position:absolute; right:2px; top:0;}
.yearFilter ul.sfarchiveList li.sfarchiveListItem a.selected{ color:#363636;}
/** End News Year Filter **/


.cnt-bnr {margin:45px 0 0 0;}
.cnt-bnr img {width:100%;}


@media (-webkit-min-device-pixel-ratio: 1.1) {
  .mid .detail-cnt h2 span:after { right: -15px; width: 0; height: 0;  border-top: 24px solid #0072ca; border-right: 15px solid transparent}


	/*For sitemap*/
	.mid .mid-cnt div.sitemap div.site-map-heading {font-weight: 900;font-size: 16px;margin-top: 30px;margin-bottom: 5px;}
	.mid .mid-cnt div.sitemap div.site-map-block  div.other-block {display: block;height:auto !important;margin-top: 20px;font-size: 15px;}
	.mid .mid-cnt div.sitemap div.site-map-block  div.other-block:last-child {margin-bottom: 40px;}
	.mid .mid-cnt div.sitemap div.site-map-block  ul li {list-style: none;margin-top: 10px;line-height: 150%;padding-left: 15px;}
	.mid .mid-cnt div.sitemap div.site-map-block ul li.site-map-ChildLevel2:before { content: ""; position: absolute; left: 0px; display: inline-block; width: 10px; height: 15px; background-image: url(../image/bullet.png); background-size: 5px; background-repeat: no-repeat; background-position: top; transform: translateY(30%);}
	.mid .mid-cnt div.sitemap div.site-map-block div.other-block ul li {list-style: none;margin-top: 10px;}
	.mid .mid-cnt div.sitemap div.site-map-block ul li.site-map-ChildLevel1 {font-size: 14px;}
	.mid .mid-cnt div.sitemap div.site-map-block ul li.site-map-ChildLevel2 {font-size: 12px;}
}


/*screen up till 640*/
@media screen and (max-width: 640px) {
  .mid .sidebar { margin: 0 -15px; }
  .mid .sidebar .side-pocket ul.side-nav{ padding: 15px 15px 0;}
  .mid .sidebar .side-pocket.acc-block h2{padding: 15px;}
  .mid .sidebar .side-pocket.plain-block h2{padding-left:15px;padding-right:15px;}
  .mid .sidebar .side-pocket.plain-block > *:not(:first-child) { line-height: 175%; max-width: 100%; padding: 0 15px; }
  .mid .list-menu-cnt .list-menu-block { margin: 0 0px; }
  .mid .list-menu-cnt .list-menu.slick-slider { padding: 0 50px; width: 100%; }
  .mid .list-menu-cnt .list-menu button.slick-arrow { top: 0; padding: 55px 25px; }
  .mid .list-menu-cnt .list-menu button.slick-arrow.slick-prev { background-position: center; }
  .mid .list-menu-cnt .list-menu button.slick-arrow.slick-next { background-position: center; }
  .mid .detail-cnt ul.detail-item-list > li.childLevel2 { width: 100%; margin-left: 0; }
  .mid .list-menu-cnt .list-menu .list-menu-child a { padding: 35px 5px; ;}
  
  	 /*magazines listing*/
	.mid .content-wrap .magazine-wrapper {text-align: center;}
	.mid .content-wrap .magazine-wrapper img {display: inline-block;max-width: 50%;padding: 1%;}
	

}

/*screen up till 512*/
@media screen and (max-width: 512px) {
.mid .detail-cnt .parent-group {
        /*max-width: 400px;*/
        position: relative;
    }

    .mid .detail-cnt .parent-group .parent {
        /*max-width: 400px;*/
        position: relative;
        width: 100%;
    }

    .mid .detail-cnt ul li.childLevel1 {
        position: relative;
        width: 100%;
    }


    .mid .detail-cnt ul li.childLevel1 a {
        display: inline-block;
        width: 90%;
    }

    .mid .detail-cnt .detail-item-cnt .detail-item span.navBtn {

        position: absolute;
        top: 0;
        right: 10px;
    }
}

/*screen up till 480*/
@media screen and (max-width: 480px) {
  .mid .list-menu-cnt .list-menu button.slick-arrow { background-size: 13px 24px; }
  
  .mid .content .newsPager a.sf_PagerNextGroup {
	  top: 15px;
	  right: 5px;
	}

}

/*screen up till 372*/
@media screen and (max-width: 372px) {
  .mid .list-menu-cnt .list-menu .list-menu-child a { padding: 35px 10px; }

}
