#contn-banner-inner{position:relative}
#contn-banner-inner img{width:100%}
.skew-bg-brdcrmp{background:#001040cf;width:48%;position:absolute;top:0;bottom:0;left:0;clip-path: polygon(76.89% 101.37%, 0.09% 100.77%, 0.13% -0.15%, 96.14% -1.61%);}
.inner-brdcrmp-common{position:absolute; top: 303px; left: 71px; font-size:20px;letter-spacing:1px}
.inner-brdcrmp-common h1{font-size:55px;color:#fff;font-weight:200;text-transform:uppercase;letter-spacing:1px}
#contn-banner-inner ul li{display:inline-block;padding:0;color:#fff;text-transform:uppercase; font-weight: 200; }
#contn-banner-inner ul li svg{position:relative;top:-1px}


#achivement-page-listing { padding: 0px 0; }
.avhivvmt-filtrr { margin: -62px auto 0; position: relative; width: 85%; }
#tab-button{display:table;table-layout:fixed;width:100%;margin:0;padding:0;list-style:none}
#tab-button li{display:inline-block; }
#tab-button li a { display: block; padding: 11px 23px; background: #fff; border: 1px solid #ddd; text-align: center; color: #000; text-decoration: none; margin: 0 auto; font-weight: bold; text-transform: uppercase; font-size: 18px; letter-spacing: 1px; }
#tab-button li a:hover,#tab-button .is-active a{ background: #c69e66; color: #fff; border: 1px solid #c69e66; }
.tab-button-outer{display:none}
.tab-contents{margin-top:20px}
@media screen and (min-width: 768px) {
.tab-button-outer{position:relative;z-index:2;display:block; margin-top: 5px; }
.tab-select-outer{display:none}
.tab-contents{position:relative;top:-1px;margin-top:0}
}
.top-filltr-rch { background: #f4f4f4; padding: 35px; float: left; width: 100%; border-radius: 25px; }
/* dropdown style */ 
.custom-dropdown{position:relative;display:inline-block;vertical-align:middle;padding:0!important;border-radius:2px;width:100%;margin:5px auto}
.custom-dropdown__select{padding:7px 15px;border:0;border-radius:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;font-weight:400;color:#777;height:51px;border:1px solid #aeaeae;margin:0 auto;font-size:16px;letter-spacing:0;background:#fff}
#progrmm-serch-item .custom-dropdown__select{padding:9px 18px;border:0;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;font-weight:400;color:#777;height:54px;border:none;margin:0 auto;font-size:16px;letter-spacing:0}
.custom-dropdown::before,.custom-dropdown::after{content:"";position:absolute;pointer-events:none}
.custom-dropdown::after{content:url(../images/down.png);height:0;font-size:13px;line-height:1;right:12px;top:56%;margin-top:-9px;color:#d72027!important}
.custom-dropdown::before{width:2.3em;right:0;top:0;bottom:0;border-radius:0 3px 3px 0}
.custom-dropdown__select[disabled]{color:rgba(0,0,0,.3)}
.custom-dropdown.custom-dropdown--disabled::after{color:rgba(0,0,0,.1)}
.custom-dropdown--white::before{background-color:transparent;border-left:none}
.custom-dropdown--white::after{color:rgba(0,0,0,.9)}
.custom-dropdown--emerald::before{background-color:#1aa181}
.custom-dropdown--emerald::after{color:rgba(0,0,0,.4)}
.custom-dropdown--red::before{background-color:#d53a22}
.custom-dropdown--red::after{color:rgba(0,0,0,.4)}
.custom-dropdown--large .custom-dropdown__select{padding-right:1.3em}
.custom-dropdown--small .custom-dropdown__select{padding-right:.5em}
/* dropdown style */

.whitepaper-tag { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; color: #555; }
.article-title { font-weight: 300; font-size: 39px;  line-height: 53px; }
.article-summary { font-size: 1.05rem; color: #444; line-height: 1.5; }
.article-date { font-size: 0.95rem; color: #666; margin-top: 1.5rem; }
.hr-divider { border-top: 1px solid #999; margin: 3rem 0; opacity: 1; }
.article-img { width: 100%; height: auto; object-fit: cover; }
.inside-achivmnt { margin: 52px auto 0;
  float: left;
  width: 100%;
  padding: 0 35px; }

@media screen and (min-width:280px) and (max-width:388px) {
    .skew-bg-brdcrmp { display: none; }
    .main-content { background: none; margin: 0px auto; padding: 3px; left: 0; box-shadow: none; border-radius: 0; top: 38px; }
    .inner-brdcrmp-common { clip-path: polygon(86.43% 99.21%, 0.09% 100.77%, 0.13% -0.15%, 96.14% -1.61%); background: #001040; padding: 15px 15px; width: 95%; margin: -22px auto; float: left; position: relative; z-index: 999; left: 0; top: 0; }
    .inner-brdcrmp-common h1 { font-size: 27px; margin: 0px auto; }
    #contn-banner-inner ul li { font-size: 15px; }
    .news-red-left-posi { margin: 0px auto; padding: 2px; }
    .article-title { font-size: 29px; line-height: 41px; }
    .avhivvmt-filtrr { margin: 92px auto 0; width: 100%; }
    .inside-achivmnt { margin: 28px auto 0; width: 100%; padding: 0 8px; }
}
@media screen and (min-width:389px) and (max-width:476px) {
    .skew-bg-brdcrmp { display: none; }
    .main-content { background: none; margin: 0px auto; padding: 3px; left: 0; box-shadow: none; border-radius: 0; top: 38px; }
    .inner-brdcrmp-common { clip-path: polygon(86.43% 99.21%, 0.09% 100.77%, 0.13% -0.15%, 96.14% -1.61%); background: #001040; padding: 15px 15px; width: 95%; margin: -22px auto; float: left; position: relative; z-index: 999; left: 0; top: 0; }
    .inner-brdcrmp-common h1 { font-size: 27px; margin: 0px auto; }
    #contn-banner-inner ul li { font-size: 15px; }
    .news-red-left-posi { margin: 0px auto; padding: 2px; }
    .article-title { font-size: 29px; line-height: 41px; }
    .avhivvmt-filtrr { margin: 92px auto 0; width: 100%; }
    .inside-achivmnt { margin: 28px auto 0; width: 100%; padding: 0 8px; }
}
@media screen and (min-width:477px) and (max-width:575px) {
    .skew-bg-brdcrmp { display: none; }
    .main-content { background: none; margin: 0px auto; padding: 3px; left: 0; box-shadow: none; border-radius: 0; top: 38px; }
    .inner-brdcrmp-common { clip-path: polygon(86.43% 99.21%, 0.09% 100.77%, 0.13% -0.15%, 96.14% -1.61%); background: #001040; padding: 15px 15px; width: 95%; margin: -22px auto; float: left; position: relative; z-index: 999; left: 0; top: 0; }
    .inner-brdcrmp-common h1 { font-size: 27px; margin: 0px auto; }
    #contn-banner-inner ul li { font-size: 15px; }
    .news-red-left-posi { margin: 0px auto; padding: 2px; }
    .article-title { font-size: 29px; line-height: 41px; }
    .avhivvmt-filtrr { margin: 92px auto 0; width: 100%; }
    .inside-achivmnt { margin: 28px auto 0; width: 100%; padding: 0 8px; }
}
@media screen and (min-width:576px) and (max-width:767px) {
    .skew-bg-brdcrmp { display: none; }
    .main-content { background: none; margin: 0px auto; padding: 3px; left: 0; box-shadow: none; border-radius: 0; top: 38px; }
    .inner-brdcrmp-common { clip-path: polygon(86.43% 99.21%, 0.09% 100.77%, 0.13% -0.15%, 96.14% -1.61%); background: #001040; padding: 15px 15px; width: 95%; margin: -22px auto; float: left; position: relative; z-index: 999; left: 0; top: 0; }
    .inner-brdcrmp-common h1 { font-size: 27px; margin: 0px auto; }
    #contn-banner-inner ul li { font-size: 15px; }
    .cntn-wdhh { float: left; width: 100%; }
    .news-red-left-posi { margin: 0px auto; padding: 2px; }
    .article-title { font-size: 29px; line-height: 41px; }
    .avhivvmt-filtrr { margin: 92px auto 0; width: 100%; }
    .inside-achivmnt { margin: 28px auto 0; width: 100%; padding: 0 8px; }
}
@media screen and (min-width:768px) and (max-width:991px) {
    .main-content { margin: -36px auto 0; }
    .skew-bg-brdcrmp { width: 60%; }
    .inner-brdcrmp-common h1 { font-size: 35px; }
    .inner-brdcrmp-common { top: auto; left: 51px; font-size: 20px; bottom: 77px; }
    .news-red-left-posi { margin: -79px auto 0; }
    .avhivvmt-filtrr { margin: 92px auto 0; width: 100%; }
    .inside-achivmnt { margin: 28px auto 0; width: 100%; padding: 0 8px; }
}
@media screen and (min-width:992px) and (max-width:1150px) {
    .main-content { margin: -36px auto 0; }
    .skew-bg-brdcrmp { width: 60%; }
    .inner-brdcrmp-common h1 { font-size: 35px; }
    .inner-brdcrmp-common { top: auto; left: 51px; font-size: 20px; bottom: 77px; }
    .sidebar { margin-top: 30px; width: 100%; position: relative; left: -10px; }
    .news-red-left-posi { background: #f6f4f2; padding: 41px; margin: -91px auto 0; }
    .article-title {  font-size: 29px; margin: 0px auto 19px; line-height: 43px; }
}
@media screen and (min-width:1150px) and (max-width:1240px) {
    .main-content { margin: -36px auto 0; }
    .skew-bg-brdcrmp { width: 60%; }
    .inner-brdcrmp-common h1 { font-size: 40px; }
    .inner-brdcrmp-common { top: auto; left: 51px; font-size: 20px; bottom: 77px; }
    .sidebar { margin-top: 30px; width: 100%; position: relative; left: -10px; }
        .news-red-left-posi { background: #f6f4f2; padding: 41px; margin: -91px auto 0; }
    .article-title {  font-size: 29px; margin: 0px auto 19px; line-height: 43px; }
}
@media screen and (min-width:1241px) and (max-width:1340px) {
    .inner-brdcrmp-common { position: absolute; top: auto; left: 51px; bottom: 156px; }
    .inner-brdcrmp-common h1 { font-size: 45px; }
}
@media screen and (min-width:1341px) and (max-width:1399px) {
    .inner-brdcrmp-common { position: absolute; top: auto; left: 51px; bottom: 156px; }
    .inner-brdcrmp-common h1 { font-size: 45px; }
}
@media screen and (min-width:1400px) and (max-width:1499px) {
    .inner-brdcrmp-common { position: absolute; top: auto; left: 51px; bottom: 156px; }
    .inner-brdcrmp-common h1 { font-size: 45px; }
}
@media screen and (min-width:1500px) and (max-width:1599px) {
    .inner-brdcrmp-common { position: absolute; top: auto; left: 51px; bottom: 156px; }
    .inner-brdcrmp-common h1 { font-size: 45px; }
}
@media screen and (min-width:1600px) and (max-width:1699px) {

}
@media screen and (min-width:1700px) and (max-width:1799px) {

}
@media screen and (min-width:1800px) and (max-width:1899px) {
  
}
@media screen and (min-width:1900px) and (max-width:1999px) {
	
}
@media screen and (min-width:2000px) and (max-width:2999px) {

}
@media screen and (min-width:3000px) and (max-width:3999px) {

}
@media screen and (min-width:4000px) and (max-width:4999px) {

}
@media screen and (min-width:5000px) and (max-width:5999px) {

}