﻿
.mid .search-cnt { background-color: #f2f2f2; width: 100%; }
.mid .search-cnt .search { padding: 30px 5% 35px; display: block; margin: auto; position: relative; width: 100%;}
.mid .search-cnt .search > * { display: block; }
.mid .search-cnt .search h2 { margin: 0; padding-right: 0; text-align: center; margin-bottom: 25px; }
.mid .search-cnt .search form,
.mid .search-cnt .search span { width: 100%; margin: auto; position: relative; display: inline-block; }
.mid .search-cnt .search span > 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; }
.mid .search-cnt .search button.btnSearch { outline: none; background: none; padding: 0; position: absolute; right: 7.5%; top: 15px; font-size: 10px; display: inline-block; width: 15px; box-sizing: content-box; height: 15px; border: 3px solid #0072ca; border-radius: 25px;  }
.mid .search-cnt .search button.btnSearch:before { content: ""; display: inline-block; position: absolute; right: -5px; bottom: -10px; border-radius: 5px; border-width: 0; background: #0072ca; width: 3px; height: 12px; transform: rotate(135deg); }
.mid .search-cnt.animate { position: fixed; z-index: 1; top: 0; }
.mid .search-cnt.animate:hover { }
.mid .search-cnt.animate .search { padding: 5px 5% 20px; transition: padding 0.25s; }
.mid .search-cnt.animate .search h2 { margin-bottom: 5px; }
.mid .search-cnt.animate .search input#srcHome { padding: 12px 25px 13px; transition: padding 0.25s; }
.mid .search-cnt.animate .search button.btnSearch { top: 10px; }

  /*Style built-in search box*/
  .mid .search-cnt .homeSearchBox {position: relative; margin: 0 auto; width: 100%; font-size: 120%;}
  .mid .search-cnt .homeSearchBox input {display: inline-block;border: 1px solid #ebebeb;outline: none;width: 100%; height: 60px; padding: 14px 17px; border-radius: 34px; -webkit-box-shadow: -4px 4px 7px 1px #cfcfcf; -moz-box-shadow: -4px 4px 7px 1px #cfcfcf; box-shadow: -4px 4px 7px 1px #cfcfcf;}
  .mid .search-cnt .homeSearchBox span {display: inline-block;width: 0;position: absolute;}
  .mid .search-cnt .homeSearchBox button {display: inline-block;position: absolute;left: 90%;top: 33%;width: 20px; height: 20px; outline: none; cursor: pointer; background: none; padding: 0;font-size: 10px; border: 0 none; box-sizing: content-box; color: transparent;}
  .mid .search-cnt .homeSearchBox button:before { content: ""; display: inline-block; position: absolute; width: 15px; height: 15px; border: 3px solid #0072ca; border-radius: 25px; top: 0; left: 0; }
  .mid .search-cnt .homeSearchBox button:after { content: ""; display: inline-block; position: absolute; right: 8px; bottom: 4px; border-radius: 5px; border-width: 0; background: #0072ca; width: 3px; height: 12px; transform: rotate(135deg); } 
  .mid .search-cnt .homeSearchBox button:before { width: 10px; height: 10px; border: 2px solid #0072ca; border-radius: 17px; }
  .mid .search-cnt .homeSearchBox button:after { right: 5px; bottom: 2px; border-radius: 4px; width: 2px; height: 8px; }
   ul.ui-autocomplete {border-radius: 20px;outline: none;}
   ul.sf-autocomplete {border: 1px solid #ebebeb !important;z-index: 1;}
   ul.ui-autocomplete li.ui-menu-item{border-radius: 0px; padding: 0px;cursor: pointer;}
   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 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 }
   
    .mid .search-cnt .homeSearchBox.desktop {
		display: none;
	}
   
   /*Mobile home context search*/
	.mid .search-cnt.mobile .homeSearchBox.mobile {
		display: block;
	}


	.mid .search-cnt.mobile {
		background-color: #f2f2f2;
		width: 100%;
		height: 130px;
	}
	
	.mid .search-cnt.mobile .homeSearchBox.mobile button {
		top: 33%;
	}

   
   
   
/*Style bloodhound box*/
.mid .search-cnt .bloodHoundSearchBox {position: relative; margin: 0; width: 70%; font-size: 120%; }
.mid .search-cnt .bloodHoundSearchBox span.twitter-typeahead { z-index: 100;}
.mid .search-cnt .bloodHoundSearchBox input.blood-hound-search {display: inline-block; border: 1px solid #ebebeb; outline: none; width: 145%; height: 60px; padding: 14px 17px; border-radius: 34px; -webkit-box-shadow: -4px 4px 7px 1px #cfcfcf; -moz-box-shadow: -4px 4px 7px 1px #cfcfcf; box-shadow: -4px 4px 7px 1px #cfcfcf; }
.mid .search-cnt .bloodHoundSearchBox button {z-index: 9999;display: inline-block; position: absolute; left: 130%; top: 35%; width: 20px; height: 20px; outline: none; cursor: pointer; background: none; padding: 0; font-size: 10px; border: 0 none; box-sizing: content-box; color: transparent; }
.mid .search-cnt .bloodHoundSearchBox button:before { content: ""; display: inline-block; position: absolute; width: 10px; height: 10px; border: 2px solid #0072ca; border-radius: 17px; top: 0; left: 0; }
.mid .search-cnt .bloodHoundSearchBox button:after { content: ""; display: inline-block; position: absolute; right: 6px; bottom: 2px; border-radius: 4px; border-width: 0; background: #0072ca; width: 2px; height: 8px; transform: rotate(135deg); }
.mid .search-cnt .bloodHoundSearchBox div.tt-menu {font-size: 85%;width:145% !important; border-radius: 20px; outline: none; border: 1px solid #ebebeb !important; background-color: #FFFFFF;}
div.tt-menu li.list-group-item { display: table; border-radius: 0px; padding: 0px;list-style: none; }
div.tt-menu li.list-group-item:hover { background-color: #ebebeb;  }
div.tt-menu li.tt-cursor {background-color: #ebebeb; }
div.tt-menu li.list-group-item:first-child {margin-top: 15px; }
div.tt-menu li.list-group-item:last-child { margin-bottom: 15px; }
div.tt-menu li.list-group-item p.predictionText { display: table-cell; width: 100%; border-radius: 0px; padding: 10px 10px 10px 15px; font-size: 110%; margin: 0;}
div.tt-menu li.list-group-item:first-child p.predictionText { border-radius: 0px; font-size: 110%; margin-top: 15px;}
div.tt-menu li.list-group-item a {background-image: url("../image/news-arrow.png"); background-position: center;background-repeat: no-repeat;display: table-cell; width: 20%;color: #0072ca;font-weight: 600; vertical-align: middle;text-align:center; padding: 20px; font-size: 110%;}
   

.mid .banner-cnt {  overflow: hidden; height: 500px;}
.mid .banner-cnt .mid-cnt {  margin: auto; padding: 0 15px; position: absolute; top: 0; left: 0; z-index: 1; right: 0; bottom: 0;}
.mid .banner-cnt .banner { margin: auto; text-align: center; overflow: hidden; position: relative; height: 100%; }
.mid .banner-cnt .banner { margin: auto; text-align: center; overflow: hidden; position: relative; height: 100%; background-image: url('../image/banner-sample-mobile.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover }
.mid .banner-cnt .banner img { margin: auto; right: 220px; max-height: 450px; position: relative; }
.mid .banner-cnt .overlay { position: absolute; height: 175px; left: 0; z-index: 1; right: 0; bottom: 0; background: #000; background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.6) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.6) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#99000000',GradientType=0 ); opacity: 0.9; box-shadow: 0px -10px 5px rgba(0,0,0,0.4); -moz-box-shadow: 0px -10px 5px rgba(0,0,0,0.4); -webkit-box-shadow: 0px -10px 5px rgba(0,0,0,0.4); }
.mid .banner-cnt .bnr-control-cnt { display:none;}
.mid .banner-cnt .bnr-mobile { position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.mid .banner-cnt .bnr-mobile *{ outline:none; }
.mid .banner-cnt .bnr-mobile-wrap {width:100%; max-width: 300px; top: 0; bottom: 0; right: 0; background-color: #3f8bc6; background-color: rgba(63, 139, 198,0.85); position: absolute; padding: 10px 0 10px 15px; }
/* .mid .banner-cnt .mid-cnt .bnr-mobile-wrap *{height:100%;} */
.mid .banner-cnt .mid-cnt .bnr-mobile-wrap *{height:98%;}
.mid .banner-cnt .mid-cnt .bnr-mobile-wrap .slick-track{height:auto;}
.mid .banner-cnt .bnr-mobile-wrap .bnr-mobile-cnt { min-width: 200px; }
.mid .banner-cnt .bnr-mobile-wrap .bnr-mobile-cnt h2 { font-size: 157.143%; color: #fff; font-weight: 600; margin: 0;  padding: 0 0 5px; border-bottom: 1px solid #cbcbcb;}
.mid .banner-cnt .bnr-mobile-wrap .bnr-mobile-cnt .bnr-mobile-list-wrap { padding:10px 52px 0 0; }
.mid .banner-cnt .bnr-mobile ul.bnr-mobile-list { list-style: none; overflow-y: auto; max-height: 415px; }
.mid .banner-cnt .bnr-mobile ul.bnr-mobile-list li { }
.mid .banner-cnt .bnr-mobile ul.bnr-mobile-list li a { background-image: url('../image/mobile-bnr-list-arrow.png'); background-position: left top 11px; background-repeat: no-repeat; color: #fff; display: inline-block; padding: 8px 10px 8px 20px; width: 100%; font-size: 100%;background-size:7px; }
.mid .banner-cnt .bnr-mobile ul.bnr-mobile-list li a:hover { background-position: left 5px top 11px; }
/* .mid .banner-cnt .bnr-mobile ul.slick-dots { height: auto ; position: absolute; bottom: 0; list-style: none; } */
.mid .banner-cnt .bnr-mobile ul.slick-dots { height: auto ; position: absolute; bottom: -10px; list-style: none; }
.mid .banner-cnt .bnr-mobile ul.slick-dots li{ display:inline-block;}
.mid .banner-cnt .bnr-mobile ul.slick-dots li button{cursor:pointer; border:0 none; background:#c6c6c6; border-radius:10px; margin-right:10px; font-size:0; height:10px; width: 10px; padding: 0; outline: none;}
.mid .banner-cnt .bnr-mobile ul.slick-dots li.slick-active button{ background:#fff; }
.mid .banner-cnt .bnr-mobile ul.slick-dots li button:hover{ background:#fff; }
.mid .banner-cnt .bnr-mobile button.slick-arrow { cursor: pointer; border: 0 none; background: none; font-size: 0; background-repeat: no-repeat; height: 35px; width: 25px; background-size: auto 60%; padding: 0; background-position: center; position: absolute; top: 40%; top: calc(50% - 39px); outline: none; }
.mid .banner-cnt .bnr-mobile button.slick-arrow.slick-prev { background-image: url('../image/mobile-bnr-arrow-left.png'); left: 0; transition:background 0.25s;background-color:#fff;}
.mid .banner-cnt .bnr-mobile button.slick-arrow.slick-prev:hover { background-image: url('../image/mobile-bnr-arrow-left-hvr.png'); transition: background 0.25s; background-color: #3f8bc6; }
.mid .banner-cnt .bnr-mobile button.slick-arrow.slick-next { background-image: url('../image/mobile-bnr-arrow-right.png');  right: 0; transition: background 0.25s; background-color: #fff; }
.mid .banner-cnt .bnr-mobile button.slick-arrow.slick-next:hover { background-image: url('../image/mobile-bnr-arrow-right-hvr.png'); transition: background 0.25s; background-color: #3f8bc6; }
.mid .banner-cnt .bnr-mobile button.slick-arrow.slick-disabled { opacity: 0.3; }

.news-feed-cnt { padding-top: 50px; background-color: #fff; order: 1; }
.news-feed-cnt .news-head { border-top: 2px solid #363636; position: relative; padding-bottom: 25px }
.news-feed-cnt .news-head h2 { margin: 0; color: #363636; padding-top: 5px; margin-bottom: 5px; }
.news-feed-cnt .news-head a.view-more { transition: all 0.25s; background-image: url("../image/news-arrow.png"); background-position: left 99% center; background-repeat: no-repeat; padding-right: 25px; position: absolute; display: inline-block; right: 0; top: 0; color: #8a8a8a; font-weight: 700; margin: 5px 0 0;background-size:18px; }
.news-feed-cnt .news-head a.view-more:hover { color: #0072ca; background-image: url("../image/news-arrow-hvr.png"); transition: all 0.25s; }
.news-feed-cnt .news-feed { width: 100%;  }
.news-feed-cnt .news-feed .feed-row { display: inline; padding: 0 0 15px; margin-top: 15px; }
.news-feed-cnt .news-feed .feed-row:first-of-type { margin-top: 0; }
.news-feed-cnt .news-feed .feed-item { box-sizing: content-box; vertical-align: top; display: inline-block; width: 100%; margin-bottom: 25px; border-bottom: 2px solid #f2f2f2; }
.news-feed-cnt .news-feed .feed-item:first-child { border-left: 0px none; padding-left: 0; }
.news-feed-cnt .news-feed .feed-item:last-child { padding-right: 0;  }
.news-feed-cnt .news-feed .feed-item img { display:none; }
.news-feed-cnt .news-feed .feed-item span.feed-tag { display: inline-block; transition: background-color 0.25s; background-color: #0072ca; text-transform: uppercase; font-size: 87.5%; margin: 0px 10px 10px 0px;}
.news-feed-cnt .news-feed .feed-item:nth-child(2n) div + span.feed-wrap {
    display: none;
}
.news-feed-cnt .news-feed .feed-item span.feed-tag a { color: #fff; display: block; padding: 3px 5px; }
.news-feed-cnt .news-feed .feed-item span.feed-tag:hover { background-color: #4dae1c; transition: background-color 0.25s; }
.news-feed-cnt .news-feed .feed-item img + span.feed-wrap { margin-top: 0px; display: block; }
.news-feed-cnt .news-feed .feed-item img + span.feed-tag {display:none;}
.news-feed-cnt .news-feed .feed-item span.feed-date { display: block; }
.news-feed-cnt .news-feed .feed-item h4.feed-title { margin: 10px 0 20px; padding-right: 40px; font-weight: 700;  padding-right: 0; }
.news-feed-cnt .news-feed .feed-item h4 a { color:#363636;}
.news-feed-cnt .news-feed .feed-item h4 a:hover {color:#0072ca;  }
.news-feed-cnt .news-feed .feed-row:last-child .feed-item:last-child { border-bottom: 0; margin-bottom: 60px; }
.news-feed-cnt .news-feed .feed-col:last-child .feed-item:last-child { border-bottom: 0; margin-bottom: 60px; }
news-feed-cnt .news-feed .feed-col:first-child .feed-item .feed-tag{background-color:#0072ca;}
.news-feed-cnt .news-feed .feed-col:first-child .feed-item .feed-tag:hover{background-color: #165586;}
.news-feed-cnt .news-feed .feed-col:first-child + .feed-col .feed-item .feed-tag{background-color:#4dae1c;}
.news-feed-cnt .news-feed .feed-col:first-child + .feed-col .feed-item .feed-tag:hover{background-color:#3f7b20;}
.news-feed-cnt .news-feed .feed-col:last-child .feed-item .feed-tag{background-color:#ffb646;}
.news-feed-cnt .news-feed .feed-col:last-child .feed-item .feed-tag:hover{background-color:#ab8954;}


/*Style for Ask Jamie (VA)*/

/* a.ask_cheryl_minimized_tab {
	bottom: 30% !important;
	top: 70% !important;
}

textarea.chat_textarea { min-height: auto;} */
/* Scrollbar style for Chrome */


.announcement-msg {
    display: none;
    position: relative;
}

.announcement-msg {
    background-color: #6bb445;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 1;
    -webkit-transform: translate3d(0,0,0);
    text-align: left;
    box-sizing: border-box;
    padding: 20px 0;
}

    .announcement-msg .announcement-wrapper {
        max-width: 1440px;
        margin: auto;
        padding: 0 40px;
    }

        .announcement-msg .announcement-wrapper .announcement-title-wrapper .logo {
            float: left;
            vertical-align: middle;
            width: 8%;
        }
		
		.announcement-msg .announcement-wrapper .announcement-title-wrapper .logo img {
				width: 35px;
		}

        .announcement-msg .announcement-wrapper .announcement-title-wrapper .heading {
            float: left;
            vertical-align: middle;
            font-size: 22px;
            width: 88%;
			line-height: 120%;
        }


    .announcement-msg .announcementLoadingSpinner {
        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;
    }

    .announcement-msg .announcement-title-wrapper {
        color: #ffffff;
    }

    .announcement-msg hr {
        background-color: #ffffff;
        margin: 10px 0 10px;
    }

.announcement-msg-txt {
    color: #ffffff;
	line-height: 150%;
}

.announcement-msg a {
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
    transition: all 0.25s;
    
}

.announcement-msg a:hover {
    padding-bottom: 3px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


/*for scaling 110% and above*/
@media (-webkit-min-device-pixel-ratio: 1.1)  {

  /*Style built-in search box*/
  
   ul.ui-autocomplete {border-radius: 20px;outline: none;}
   ul.sf-autocomplete {border: 1px solid #ebebeb !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;}

/*Style bloodhound box*/
.mid .search-cnt .bloodHoundSearchBox {position: relative; margin: 0; width: 70%; font-size: 120%; }
.mid .search-cnt .bloodHoundSearchBox span.twitter-typeahead { z-index: 100;}
.mid .search-cnt .bloodHoundSearchBox input.blood-hound-search {display: inline-block; border: 1px solid #ebebeb; outline: none; width: 145%; height: 60px; padding: 14px 17px; border-radius: 34px; -webkit-box-shadow: -4px 4px 7px 1px #cfcfcf; -moz-box-shadow: -4px 4px 7px 1px #cfcfcf; box-shadow: -4px 4px 7px 1px #cfcfcf; }
.mid .search-cnt .bloodHoundSearchBox button {z-index: 9999;display: inline-block; position: absolute; left: 130%; top: 35%; width: 20px; height: 20px; outline: none; cursor: pointer; background: none; padding: 0; font-size: 10px; border: 0 none; box-sizing: content-box; color: transparent; }
.mid .search-cnt .bloodHoundSearchBox button:before { content: ""; display: inline-block; position: absolute; width: 10px; height: 10px; border: 2px solid #0072ca; border-radius: 17px; top: 0; left: 0; }
.mid .search-cnt .bloodHoundSearchBox button:after { content: ""; display: inline-block; position: absolute; right: 6px; bottom: 2px; border-radius: 4px; border-width: 0; background: #0072ca; width: 2px; height: 8px; transform: rotate(135deg); }
.mid .search-cnt .bloodHoundSearchBox div.tt-menu {font-size: 85%;width:145% !important; border-radius: 20px; outline: none; border: 1px solid #ebebeb !important; background-color: #FFFFFF;}
div.tt-menu li.list-group-item { display: table; border-radius: 0px; padding: 0px;list-style: none; }
div.tt-menu li.list-group-item:hover { background-color: #ebebeb;  }
div.tt-menu li.tt-cursor {background-color: #ebebeb; }
div.tt-menu li.list-group-item:first-child {margin-top: 15px; }
div.tt-menu li.list-group-item:last-child { margin-bottom: 15px; }
div.tt-menu li.list-group-item p.predictionText { display: table-cell; width: 100%; border-radius: 0px; padding: 10px 10px 10px 15px; font-size: 110%; margin: 0;}
div.tt-menu li.list-group-item:first-child p.predictionText { border-radius: 0px;  font-size: 110%; margin-top: 15px;}
div.tt-menu li.list-group-item a {background-image: url("../image/news-arrow.png"); background-position: center;background-repeat: no-repeat;display: table-cell; width: 20%;color: #0072ca;font-weight: 600; vertical-align: middle;text-align:center; padding: 20px; font-size: 110%;}
   

  /* .mid .banner-cnt {height: 400px; } */
  /* .mid .banner-cnt .mid-cnt { padding: 0 10px; } */
  /* .mid .banner-cnt .banner img { right: 155px; max-height: 300px; } */
  /* .mid .banner-cnt .overlay { height: 117px; box-shadow: 0px -7px 5px rgba(0,0,0,0.4); -moz-box-shadow: 0px -7px 5px rgba(0,0,0,0.4); -webkit-box-shadow: 0px -7px 5px rgba(0,0,0,0.4); } */
  /* .mid .banner-cnt .bnr-mobile-wrap { max-width: 200px; padding: 20px 0 10px 17px; } */
  /* .mid .banner-cnt .bnr-mobile-wrap .bnr-mobile-cnt { min-width: 167px; } */
  /* .mid .banner-cnt .bnr-mobile-wrap .bnr-mobile-cnt h2 {  padding: 0 0 7px;  } */
  /* .mid .banner-cnt .bnr-mobile-wrap .bnr-mobile-cnt .bnr-mobile-list-wrap { padding: 20px 0 0; } */
  /* .mid .banner-cnt .bnr-mobile ul.bnr-mobile-list li a { background-size: 7px; padding: 7px 7px 7px 17px;font-size:100%; } */
  /* .mid .banner-cnt .bnr-mobile ul.bnr-mobile-list li a:hover { background-position: left 4px center; } */
  /* .mid .banner-cnt .bnr-mobile button.slick-arrow { background-size: 18px; height: 52px; width: 35px; top: 40%; top: calc(50% - 26px); } */

  /* .news-feed-cnt { padding-top: 36px; } */
  /* .news-feed-cnt .news-head { border-top: 2px solid #363636; padding-bottom: 17px } */
  /* .news-feed-cnt .news-head h2 { padding-top: 4px; margin-bottom: 4px; } */
  /* .news-feed-cnt .news-head a.view-more { padding-right: 17px; margin: 4px 0 0; background-size: 12px; } */
  /* .news-feed-cnt .news-feed .feed-row { padding: 0 0 10px; margin-top: 10px;  } */
  /* .news-feed-cnt .news-feed .feed-item {  margin-bottom: 17px; border-bottom: 2px solid #f2f2f2 !important; } */
  /* .news-feed-cnt .news-feed .feed-item span.feed-tag { padding: 1px 2px;  margin: 0px 10px 7px 0px;} */
  /* .news-feed-cnt .news-feed .feed-item h4.feed-title { margin: 14px 0 14px; padding-right: 14px; } */
  /* .news-feed-cnt .news-feed .feed-row:last-child .feed-item:last-child {  margin-bottom: 40px; } */
  

}

/*screen up till 680*/
@media screen and (max-width: 680px) {
  .mid .banner-cnt .bnr-mobile ul.bnr-mobile-list li a { font-size: 100%; }
  /*.mid .banner-cnt .bnr-mobile-wrap { max-width: 250px; padding: 20px 0 15px 15px; }*/
  .mid .banner-cnt .bnr-mobile-wrap { max-width: 250px; padding: 13px 0 15px 15px; }

}

/*screen up till 640*/
@media screen and (max-width: 640px) {
	 .announcement-msg .announcement-wrapper {
        padding: 0 15px;
    }
}

/*screen up till 512*/
@media screen and (max-width: 512px) {

}

/*screen up till 480*/
@media screen and (max-width: 480px) {
	    .announcement-msg .announcement-wrapper .announcement-title-wrapper .logo {
        width: 10%;
    }
}

@media screen and (max-width: 360px) {
    .announcement-msg .announcement-wrapper .announcement-title-wrapper .logo {
        width: 12%;
    }
}


/*screen up till 372*/
@media screen and (max-width: 372px) {
	.announcement-msg .announcement-wrapper .announcement-title-wrapper .logo {
		width: 13%;
	}

	.announcement-msg .announcement-wrapper .announcement-title-wrapper .heading {
		width: 87%;
	}
}

@media screen and (max-width: 330px) {
	.announcement-msg .announcement-wrapper .announcement-title-wrapper .logo {
		width: 14%;
	}
	.announcement-msg .announcement-wrapper .announcement-title-wrapper .heading {
		width: 85%;
	}
}
