.btn.active, .btn:active{
    box-shadow: none;
}
/*Scrollbar section starts*/
/*mozilla scrolbalken*/
@-moz-document url-prefix(http://),url-prefix(https://) {
scrollbar {
   -moz-appearance: none !important;
   background: #fff !important;
}
thumb,scrollbarbutton {
   -moz-appearance: none !important;
   background-color: #fff !important;
}

thumb:hover,scrollbarbutton:hover {
   -moz-appearance: none !important;
   background-color: #fff !important;
}

scrollbarbutton {
   display: none !important;
}

scrollbar[orient="vertical"] {
  min-width: 20px !important;
}
}
/**/
::-webkit-scrollbar {
    background: transparent;
    width: 10px;
}
::-webkit-scrollbar-thumb {
    background-color: #68adcc;
    border: solid #fff 2px;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #68adcc;
}
/*Scrollbar section ends*/

a, a:hover, .btn:focus{
    text-decoration: none;
    cursor: pointer;
    outline: 0;
}


.banner-add {
    padding-top: 28px;
    padding-bottom: 33px;
}
.ads-border {
    text-align:center;
}

.footer-add {
    padding-top: 40px;
    padding-bottom: 33px;
}

#breadcrumb{
    background-color: #eaeaea;
}
#breadcrumb .breadcrumb{
    background-color: transparent;
    padding: 15px 0 20px;
    margin: 0;
}
#breadcrumb .breadcrumb > li > a{
    color: #60a9ca;
    font-size: 12px;
    line-height: 16px;
    text-decoration: underline;
}
#breadcrumb .breadcrumb > li.active{
    color: #555555;
    font-size: 12px;
    line-height: 16px;
}
.breadcrumb>li+li:before {
    padding: 0 6px 0 4px;
    color: #555555;
    content: "\003e";
}

#advice-home{
    background-color: #eaeaea;
    width: 100%;
}
#o-wrapper .ad-block{
background: #eaeaea;
padding: 30px 0 15px;
}
#o-wrapper #advice-home .ad-block{
background: #eeeeee;
padding: 30px 0 0;
}
/*Left Section starts*/
#advice-home .left{
    width: 17.5%;
    float: left;
    margin: 0 2% 0 0;
    box-shadow: 0 1px 5px rgba(168,168,168,.3);  
}
#advice-home .left .left-head{
    background: #fbfbfb;
    padding: 13px;
    border-bottom: 1px solid #eaeaea;
}
#advice-home .left .left-head h4{
    font-size: 17px;
    font-family: "robotoregular", sans-serif;
    color: #222222;
    margin: 0;  
}
#advice-home .left .left-body{
    background: #fff;
    /*padding: 5px 0 5px 0px;*/
}
#advice-home .left .left-body .nav-tabs>ul{
    margin: 0;
}
#advice-home .left .left-body .nav-tabs{
    border:none;
}
#advice-home .left .left-body .nav-tabs>li{
    float: none;
}
#advice-home .left .left-body .nav-tabs>li.active .nor{
    display: none;
}
#advice-home .left .left-body .nav-tabs>li.active .hov{
    display: inline-block;
}
#advice-home .left .left-body .nav-tabs>li .hov{
    display: none;
}
#advice-home .left .left-body .nav-tabs>li.active>a, 
#advice-home .left .left-body .nav-tabs>li.active>a:focus, 
#advice-home .left .left-body .nav-tabs>li.active>a:hover{
    font-size: 14px;
    color: #222;
    cursor: default;
    background-color: #fff;
    border-color: #eee transparent #eee transparent;
}
#advice-home .left .left-body .nav-tabs>li a:hover,
#advice-home .left .left-body .nav-tabs>li a:focus{
    background: transparent;
}
#advice-home .left .left-body .nav-tabs>li{
    list-style: none;
}
#advice-home .left .left-body .nav-tabs>li:last-child a{
    border: 0 ;
}
#advice-home .left .left-body .nav-tabs>li a{
    color: #70cee2;
    margin: 0 4px;
    font-size: 14px;
    padding: 12px 7px;
    border: 1px solid #eee;
    border-color: transparent transparent #eee transparent;
}
#advice-home .left .left-body .nav-tabs>li img{
    display: inline-block;
    margin: 0 10px 0 0;
}
/*left new css starts*/
.panel-group .panel{
    border-radius:0px !important;
}
.panel-group .panel+.panel{
    margin-top: 0px !important;
}
.panel-default .panel-heading{
    /*background-color: #fbfbfb;*/
    /*padding: 16px 15px;*/
    padding: 0px;
}
.left .left-body .panel-group .panel{
    border:none;
    border-bottom:1px solid #eaeaea !important;
    
}
.left .left-body .panel-group .panel-default .panel-body{
    border:none;
}
.left .left-body .panel-group .panel-default .collapse.in{
    height: auto !important;
}
#advice-home .left .left-body .panel-group .panel-heading h4{
    font-size: 15px;
    font-family: "robotolight", sans-serif;
    padding: 16px 15px;
    background-color: #fbfbfb;
    cursor: pointer;
}
#advice-home .left .left-body .panel-group .panel-heading h4 > span > i{
    float: right;
    color: #a8a8a8;
    font-size: 17px;
}
#advice-home .left .left-body .panel-group{
    margin-bottom: 0px !important;
}
#advice-home .left .left-body .panel-group .panel-default a{
    text-decoration: none;
    color: #555555;
}
#advice-home .left .left-body .panel-group .panel-default .panel-collapse .panel-body{
    padding-top: 0px;
    padding-bottom: 0px;
}
#advice-home .left .left-body .panel-group .panel-default .panel-collapse .panel-body .panel-cont ul{
    list-style-type: none;
    padding: 0px;
}
#advice-home .left .left-body .panel-group .panel-default .panel-collapse .panel-body .panel-cont .left-icon{
    float: left;
    font-size: 19px;
    width: 17%;
}

#advice-home .left .left-body .panel-group .panel-default .panel-collapse .panel-body .panel-cont .icon-home-page-icon_American-Degree-Programme::before{
    color: #787878;
    font-size: 20px;
}
#advice-home .left .left-body .panel-group .panel-default .panel-collapse .panel-body .panel-cont .left-content{
    display: inline-block;
    position: relative;
    top: 2px;
    /*margin-left: 12px;*/
    width: 83%;
    font-size: 13px;
    color: #777777;
}
#advice-home .left .left-body .panel-group .panel-default .panel-collapse .panel-body .panel-cont ul> li > h5{
    font-size: 13px;
    color: #777777;
}
#advice-home .left .left-body .panel-group .panel-default .panel-collapse .panel-body .panel-cont ul> li>a > h5:first-child{
    margin-top: 0px;
    margin-bottom: 17px;
}
#advice-home .left .left-body .panel-group .panel-default .panel-collapse .panel-body .panel-cont ul> li:last-child{
    margin-bottom: 17px;
}
#advice-home .left .left-body .panel-group .panel-default .panel-collapse .panel-body .panel-cont ul> li>a > h5:hover .left-content,#advice-home .left .left-body .panel-group .panel-default .panel-collapse .panel-body .panel-cont ul> li>a > h5:active .left-content{
    /*font-size: 13px;*/
    color: #60a9ca;
}


#advice-home .left .left-body .panel-group .panel-default .panel-collapse .panel-body .panel-cont ul> li>a > h5:hover span::before, #advice-home .left .left-body .panel-group .panel-default .panel-collapse .panel-body .panel-cont ul> li>a > h5:active span::before{
    color: #60a9ca;
}
#advice-home .left .left-body .panel-group .panel-default .panel-collapse .panel-body .panel-cont ul> li>a > h5> span:hover::before{
    color: #60a9ca;
}
#advice-home .left .left-body .panel-group .panel-default .panel-collapse .panel-body .panel-cont ul> li>a > h5 span.active::before {
    color: #60a9ca;
}
#advice-home .left .left-body .panel-group .panel-default .panel-collapse .panel-body .panel-cont ul> li>a > h5 .left-content.active{
    color: #60a9ca;
}
#advice-home .left .left-body .panel-group .panel-default .panel-heading  .panel-title.active{
    font-family: "robotobold", sans-serif;
    background-color: #fff;
}
#advice-home .left .left-body .panel-group .panel-default .panel-heading .panel-title.bgcolor{
    background-color: #fff;
}
/*Left Section ends*/

/*Right Section Starts*/
#advice-home .right{
    width: 80.2%;
    float: left;
}
#advice-home .right .right-head{
    display: block;
    float: left;
    width: 100%;
    margin: 0 0 20px;
    background: #fff;
    box-shadow: 0 1px 5px rgba(168,168,168,.3);
}
#advice-home .right .head{
    width: 100%;
}
#advice-home .right .right-head .head h4{
    font-size: 18px;
    padding: 0 15px;
}
#advice-home .right .right-head .main-img{
    padding: 5px 0 15px 15px;
    width: 62%;
    float: left;
}
#advice-home .right .right-head .main-img.main-left-img{
    padding: 15px;
    width: 55%;
    display: table-cell;
    float: none;
}

#advice-home .right .right-head .main-img .main{
    position: relative; 
}
#advice-home .right .right-head .main-img .main .img-overlay{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
} 
/*Share Link starts*/
#advice-home .right .right-head .main-img .main .share-wrap{
    position: absolute;
    top: 37px;
    right: 30px;
    color: #fff;
    padding: 6.5px 0;
}
#advice-home .right .right-head .main-img .main .share-wrap .share-alt{
    padding: 10px;
}
#advice-home .right .right-head .main-img .main .share-wrap:hover{
    background: #222;
}
#advice-home .right .right-head .main-img .main .share-wrap img{
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    cursor: pointer;
    transition: background-color .2s ease-in-out;
}
#advice-home .right .right-head .main-img .main .share-wrap .sharebox {
    visibility: hidden;
    position: absolute;
    top: 0;
    right: 36px;
    width: 350px;
    margin-right: 35px;
    padding: 0;
    opacity: 0;
    transform: translateX(10px);
    transition: opacity .2s ease-in-out,transform .2s ease-in-out;
}
#advice-home .right .right-head .main-img .main .share-wrap:hover .sharebox{
    visibility: visible;
    opacity: 1;
    transform: translateX(0%);
    right: 0;
}
#advice-home .right .right-head .main-img .main .share-wrap .sharebox-links a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 34px;
    height: 34px;
    margin: 0 0px 0 -3px;
    text-align: center;
    line-height: 34px;
    font-size: 14px;
    color: rgba(255,255,255,0.5);
    background-color: rgba(34,34,34,0.5);
}
#advice-home .right .right-head .main-img .main .share-wrap .sharebox-links a:before {
    content: '';
    position: absolute;
    right: -1px;
    top: 0;
    width: 1px;
    height: 100%;
}
#advice-home .right .right-head .main-img .main .share-wrap .sharebox-links a.facebook:hover{
    background-color: #3b5998;
    color: #fff;
}
#advice-home .right .right-head .main-img .main .share-wrap .sharebox-links a.twitter:hover{
    background-color: #64a8f2;
    color: #fff;
}
#advice-home .right .right-head .main-img .main .share-wrap .sharebox-links a.google-plus:hover{
    background-color: #d44132;
    color: #fff;
}
/*Share Link ends*/
#advice-home .right .right-head .main-img .main .main-text{
    position: absolute;
    bottom: 28px;
    left: 5px;
    padding: 0 10px;
}
#advice-home .right .right-head .main-img .main .main-text h2{
    margin-top:0px;
}
#advice-home .right .right-head .main-img .main .main-text h2 > a{
    font-size: 31px;
    font-family: "robotobold", sans-serif;
    color: #fff;
    text-shadow: 1px 1px 1px #000;  
}
#advice-home .right .right-head .main-img .main .main-text h2 > a:hover,
#advice-home .right .right-head .sub-img .sub .sub-text h4 a:hover{
    color: #d7f3ff;
}
#advice-home .right .right-head .main-img .main .main-text .badge1{
    background: #61aacb;
    color: #fff;
    padding: 2px 3px;
    text-transform: uppercase;
    font-size: 12px;
    text-align: left;
    display: inline-block;
}
#advice-home .right .right-head .main-img .main .main-text .main-date{
    float: right;
    color: #fff;
    font-size: 14px;
    opacity: 0.7;
}
#advice-home .right .right-head .sub-img{
    width: 37.1%;
    float: left;
    padding: 5px 15px;
    margin: 0 0 0 5px;  
}
#advice-home .right .right-head .sub-img.sub-right-img{
    width: 45%;
    margin: 0;
    padding: 15px 15px 15px 40px;
    display: table-cell;
    float: none;
    vertical-align: middle;
}
#advice-home .right .right-head .sub-img.sub-right-img h3{
    color: #111111;
    font-size: 27px;
    line-height: 29px;
    margin-top: 0;
    margin-bottom: 38px;    
    font-family: "robotobold", sans-serif;
    
}
#advice-home .right .right-head .sub-img.sub-right-img i{
    padding-right: 22px
}
#advice-home .right .right-head .sub-img.sub-right-img p{
    color: #555555;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 40px;

}
#advice-home .right .right-head .sub-img.sub-right-img ol{
    counter-reset: section;  
    list-style-type: none;
}
#advice-home .right .right-head .sub-img.sub-right-img li{
    padding: 18px 0;
}
#advice-home .right .right-head .sub-img.sub-right-img li a {
    font-size: 14px;
    color: #555555;
    display: block;
    line-height: 20px;
    position: relative;
    padding-left: 64px;
    transition: 1s;
}
#advice-home .right .right-head .sub-img.sub-right-img li a::before {
    position: absolute;
    counter-increment: section;
    content:  counter(section);
    height: 34px;
    width: 34px;
    border: 1px solid #c4d54a;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    top: -6px;
    transition: 1s;
}
#advice-home .right .right-head .sub-img.sub-right-img li a:hover {
    color: #06aacc;
}
#advice-home .right .right-head .sub-img.sub-right-img li a:hover::before{
    background-color: #c4d54a;
    color: #fff;
}
#advice-home .right .right-head .sub-img.sub-right-img li a::after {
    /*position: absolute;
    content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
    top: 4px;
    right: 10px;*/
}
#advice-home .right .right-head .sub-img .sub{
    position: relative;
}
#advice-home .right .right-head .sub-img .last{
    margin: 16px 0px 0;
}
#advice-home .right .right-head .sub-img .sub .img-overlay{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
}
#advice-home .right .right-head .sub-img .sub .sub-text{
    position: absolute;
    bottom: 28px;
    left: 5px;
    padding: 0 10px;
    width: 100%;
}
#advice-home .right .right-head .sub-img .sub .sub-text h4 a{
    font-size: 17px;
    font-family: "robotobold", sans-serif;
    color: #fff;
    text-shadow: 1px 1px 1px #000;  
}
#advice-home .right .right-head .sub-img .sub .sub-text .badge1{
    background: #61aacb;
    color: #fff;
    padding: 2px 3px;
    text-transform: uppercase;
    font-size: 12px;
    text-align: left;
    display: inline-block;
}
#advice-home .right .right-head .sub-img .sub .sub-text .sub-date{
    float: right;
    color: #fff;
    font-size: 14px;
    opacity: 0.7;
}
/*Share Link starts*/
#advice-home .right .right-head .sub-img .sub .share-wrap{
    position: absolute;
    top: 27px;
    right: 20px;
    color: #fff;
    padding: 6.5px 0;
}
#advice-home .right .right-head .sub-img .sub .share-wrap .share-alt{
    padding: 10px;
}
#advice-home .right .right-head .sub-img .sub .share-wrap:hover{
    background: #222;
}
#advice-home .right .right-head .sub-img .sub .share-wrap img{
    display: inline-block;
    vertical-align: top;
    padding: 10px;
    cursor: pointer;
    transition: background-color .2s ease-in-out;
}
#advice-home .right .right-head .sub-img .sub .share-wrap .sharebox {
    visibility: hidden;
    position: absolute;
    top: 0;
    right: 36px;
    width: 350px;
    margin-right: 35px;
    padding: 0;
    opacity: 0;
    transform: translateX(10px);
    transition: opacity .2s ease-in-out,transform .2s ease-in-out;
}
#advice-home .right .right-head .sub-img .sub .share-wrap:hover .sharebox{
    visibility: visible;
    opacity: 1;
    transform: translateX(0%);
    right: 0;
}
#advice-home .right .right-head .sub-img .sub .share-wrap .sharebox-links a {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 34px;
    height: 34px;
    margin: 0 0px 0 -3px;
    text-align: center;
    line-height: 34px;
    font-size: 14px;
    color: rgba(255,255,255,0.5);
    background-color: rgba(34,34,34,0.5);
}
#advice-home .right .right-head .sub-img .sub .share-wrap .sharebox-links a:before {
    content: '';
    position: absolute;
    right: -1px;
    top: 0;
    width: 1px;
    height: 100%;
}
#advice-home .right .right-head .sub-img .sub .share-wrap .sharebox-links .facebook:hover{
    background-color: #3b5998;
    color: #fff;
}
#advice-home .right .right-head .sub-img .sub .share-wrap .sharebox-links a.twitter:hover{
    background-color: #64a8f2;
    color: #fff;
}
#advice-home .right .right-head .sub-img .sub .share-wrap .sharebox-links a.google-plus:hover{
    background-color: #d44132;
    color: #fff;
}
/*Share Link ends*/
#advice-home .right .recommended-for-u{
    width: 100%;
    float: left;
    display: block;
    padding: 10px;
    background: #fff;
    box-shadow: 0 1px 5px rgba(168,168,168,.3);
    margin: 5px 0 10px 0;
}
#advice-home .right .recommended-for-u h4{
    margin: 0px 0 20px;
}
#advice-home .right .recommended-for-u .recommended-cont .viewed-bxslider .common{
    color: #555555;
    border-bottom: 1px solid #dadada;
    padding: 5px;
}
#advice-home .right .recommended-for-u .recommended-cont .viewed-bxslider .common img{
    width: 100%;
}
#advice-home .right .recommended-for-u .recommended-cont .viewed-bxslider .common .content-head{

}
#advice-home .right .recommended-for-u .recommended-cont .viewed-bxslider .common .content-head h4{
    font-size: 15px;
    margin: 10px;
    min-height: 34px !important;
}
#advice-home .right .recommended-for-u .recommended-cont .viewed-bxslider .common .content-head h4 a{
    color: #555555;
}
#advice-home .right .recommended-for-u .recommended-cont .viewed-bxslider .common .content-head h4 a:hover{
    color: #61aacb;
}
#advice-home .right .recommended-for-u .recommended-cont .viewed-bxslider .common:hover{
    color: #61aacb;
    border-color: #61aacb;
}
.bx-wrapper{
    box-shadow: none !important;
    border: none !important;
    margin-bottom: 30px !important;
    background: transparent;
}
.bx-wrapper .bx-pager.bx-default-pager a{
    background: #dadada !important;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, 
.bx-wrapper .bx-pager.bx-default-pager a.active, 
.bx-wrapper .bx-pager.bx-default-pager a:focus{
    background: #61aacb !important;
}
.bx-wrapper .bx-pager.bx-default-pager a{
    width: 8px !important;
    height: 8px !important;
}
.bx-wrapper .bx-pager{
    padding: 0 !important; 
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
    bottom: -23px !important;
}
#advice-home .right .recent-article{
    width: 100%;
    float: left;
    display: block;
}
#advice-home .right .recent-article .article-left{
    width: 64%;
    float: left;
    margin: 15px 2% 0 0;
    background: #fff;
    box-shadow: 0 1px 5px rgba(168,168,168,.3);
}
#advice-home .right .recent-article .article-left .head h4{
    font-size: 18px;
    color: #222222;
    background: #fbfbfb;
    padding: 15px 10px;
    margin: 0;  
}
#advice-home .right .recent-article .article-left .common{
    width: 100%;
    border-bottom: 1px solid #dadada;
    margin: 5px 5px 5px 0;
}
#advice-home .right .recent-article .article-left .common:last-child{
    border-bottom: 0;
}
#advice-home .right .recent-article .article-left .common .media-left{
    width: 47%;
    padding: 10px 10px 15px;
    vertical-align: middle;
}
#advice-home .right .recent-article .article-left .common .media-right{
    width: 53%;
    padding: 15px 10px;
}
#advice-home .right .recent-article .article-left .common .media-right a{
    color: #61aacb;
    font-size: 14px;
}
#advice-home .right .recent-article .article-left .common .media-right a h4{
    font-size: 16px;
    color: #222;
}
#advice-home .right .recent-article .article-left .common .media-right a h4:hover{
    color: #61aacb;
}
#advice-home .right .recent-article .article-left .common .media-right i{
    margin: 0 4px;
    vertical-align: middle;
}
#advice-home .right .recent-article .article-left .common .media-right ul{
    display: inline-flex;
    padding: 0;
}
#advice-home .right .recent-article .article-left .common .media-right li:first-child{
    list-style: none;
    padding: 0;
    margin: 0;
}
#advice-home .right .recent-article .article-left .common .media-right li{
    margin: 0px 30px;
    color: rgba(149, 149, 149, 0.7); 
}
#advice-home .right .recent-article .article-left .common .media-right p{
    font-size: 14px;
    color: #777777;
}
#advice-home .right .recent-article .article-left .pag{
    text-align: center;
    display: flex;
}
.pag .pagination>.active>a, 
.pag .pagination>.active>a:focus, 
.pag .pagination>.active>a:hover, 
.pag .pagination>.active>span, 
.pag .pagination>.active>span:focus, 
.pag .pagination>.active>span:hover{
    background-color: #01579b;
    border-color: #01579b;
}
#advice-home .pager li>a, #advice-home .pager li>span{
    border: none;
    color: #222;
}
#advice-home .pager li>a:focus, #advice-home .pager li>a:hover{
    background: transparent;
    text-decoration: underline;
    color: #01579b;
}
#advice-home .right .recent-article .article-right {
    width: 34%;
    float: left;
    
}
#advice-home .right .recent-article .article-right .subscribe{
    width: 100%;
    background: #f2f2f2;
    box-shadow: 0 1px 5px rgba(168,168,168,.3);
    padding: 15px;
    margin: 15px 0 10px 0;
}

#advice-home .right .recent-article .article-right .ad{
    width: 100%;
    padding: 13px;
    background: #fff;
    box-shadow: 0 1px 5px rgba(168,168,168,.3);
}

#advice-home .right .recent-article .article-right .subscribe h4{
    font-size: 16px;
    text-transform: uppercase;
    font-family: "robotobold", sans-serif;
    padding: 15px 0px 5px;
    margin: 0;
}
#advice-home .right .recent-article .article-right .subscribe p{
    color: #222;
}
#advice-home .right .recent-article .article-right .subscribe .form-group{
    position: relative;
}
#advice-home .right .recent-article .article-right .subscribe .form-group i{
    position: absolute;
    top: 12px;
    left:10px;
}
#advice-home .right .recent-article .article-right .subscribe input.form-control{
    background-color: #fff;
    border: 1px solid #e1e1e1;
    padding: 6px 32px;
    margin: 10px 0 10px;
    box-shadow: none;
    height: 38px;
}
#advice-home .right .recent-article .article-right .subscribe .form-group div.control-label {
    display: none;
}
#advice-home .right .recent-article .article-right .subscribe .form-group.form-fullName input.form-control{
    background-image:url('https://images.afterschool.my/frontend/default/student/img/advice-home/user.png');
    background-repeat: no-repeat;
    background-position: 15px 11px;
}
#advice-home .right .recent-article .article-right .subscribe .form-group.form-emailId input.form-control{
    background-image:url('https://images.afterschool.my/frontend/default/student/img/advice-home/mail.png');
    background-repeat: no-repeat;
    background-position: 15px 11px;
}
#advice-home .right .recent-article .article-right .subscribe .form-group label.error{
    background: #333333 !important;
    padding: 4px 8px;
    border-radius: 0 !important;
    position: absolute;
    display: none;
    box-shadow: 1px 1px 1px #aaaaaa;
    color: #fff;
    font-size: 10px;
    top: 40px;
    left: 0;
    z-index: 6;
}
#advice-home .right .recent-article .article-right .subscribe .form-group.focused label.error{
    display: block;
}
#advice-home .right .recent-article .article-right .subscribe .form-group label.error:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #333;
    position: absolute;
    top: -7px;
}
#advice-home .right .recent-article .article-right .subscribe button{
    width: 100%;
    padding: 6px 12px;
    background: #61aacb;
    font-family: "robotobold", sans-serif;
    font-size: 16px;
    color: #fff;
    border-radius: 0;
    text-transform: uppercase;
    outline: 0;
    box-shadow: none;
}
#advice-home .right .recent-article .article-right .subscribe button:hover{
    color: #61aacb;
    border: 1px solid #61aacb;
    background: transparent;
}
#advice-home .right .recent-article .article-right .ask-quest{
    width: 100%;
    background: #fff;
    text-align: center;
    box-shadow: 0 1px 5px rgba(168,168,168,.3);
    padding: 15px;
    margin: 15px 0 10px 0;
}
#advice-home .right .recent-article .article-right .ask-quest h4{
    font-size: 18px;
    font-family: "robotobold", sans-serif;
    padding: 15px 0px 5px;
}
#advice-home .right .recent-article .article-right .ask-quest button.green{
    padding: 6px 12px;
    background: transparent;
    font-family: "robotobold", sans-serif;
    font-size: 18px;
    height: 44px;
    color: #61b448;
    border: 1px solid #61b448;
    outline: 0;
    box-shadow: none;   
}
#advice-home .right .recent-article .article-right .ask-quest button.green:hover{
    background: #61b448;
    color: #fff;
}
/*ask-quest modal section starts*/
#advice-tag-list .modal {
    z-index: 99999;
}
#advice-tag-list .modal-dialog{
    max-width: 580px;
    width: 100%; 
}
#advice-tag-list .modal-dialog .modal-content .modal-header{
    background: #f5fbfa;
    border-bottom: none;
    padding: 15px;
}
 #advice-tag-list .modal-dialog .modal-content .modal-header h4{
    margin: 0;
    color: #60aacb;
    font-family: "robotobold", sans-serif;
    font-size: 16px;
    line-height: 20px;
}
#advice-tag-list .modal-dialog .modal-content{
    border-radius: 0;
    border: none;
}
#advice-tag-list .modal-dialog .modal-content .modal-body{
    padding: 25px 30px;
}
#advice-tag-list .modal-content .ask-quest p{
    font-family: "robotoregular",sans-serif;
    font-size: 13px;
    color: #9b9b9b;
    line-height: 18px;
    padding: 0 0 15px;
}
#advice-tag-list .modal-content .ask-quest textarea{
    width: 100%;
    height: 110px;
    padding: 10px 12px;
    border:1px solid #ebebeb;
    border-radius: 4px;
}
#advice-tag-list .modal-content .ask-quest textarea:focus {
    border: 1px solid rgb(6, 170, 204);
}
#advice-tag-list .modal-content .ask-quest textarea::-webkit-input-placeholder {
    color: #c3c3c3;
    font-family: "robotolight", sans-serif
    font-size:14px;
}
#advice-tag-list .modal-content .ask-quest textarea::-moz-placeholder {    
    color: #c3c3c3;
    font-family: "robotolight", sans-serif
    font-size:14px;
}
#advice-tag-list .modal-content .ask-quest textarea:-ms-input-placeholder {
    color: #c3c3c3;
    font-family: "robotolight", sans-serif
    font-size:14px;
}
#advice-tag-list .modal-content .ask-quest textarea:-moz-placeholder {
    color: #c3c3c3;
    font-family: "robotolight", sans-serif
    font-size:14px;
}
#advice-tag-list .modal-content .ask-quest .ask-footer{
    padding: 10px 0 0;
    display: block;
}
#advice-tag-list .modal-content .ask-quest .ask-footer p.limit{
    font-size: 12px;
    color: #a7a7a7;
    display: inline-block;
}
#advice-tag-list .modal-content .ask-quest .ask-footer button.ask-btn{
    display: inline-block;
    float: right;
}
#advice-tag-list .modal-content .ask-quest .ask-footer button.ask-btn{
    background-color: #b1c234;
    border: 1px solid #b1c234;
    padding: 3px 24px;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    text-decoration: none;
    margin: 0;
    cursor: pointer;
}
/*ask-quest modal section ends*/
#advice-home .right .recent-article .article-right .ask-quest a{
    font-family: "robotolight", sans-serif;
    font-size: 14px;
    color: #025364;
    display: block;
    margin: 10px;
    text-decoration: underline;
}
#advice-home .right .recent-article .article-right .ask-quest a:hover{
    color: #4cb2c7;
}
@media (min-width : 992px) and (max-width : 1199px) 
{
    #advice-home .left{
        width: 19%;
        margin: 0 1.2% 0 0;
    }
    #advice-home .left .left-body .panel-group .panel-heading h4{
        font-size: 13px;
    }
    #advice-home .left .left-body .panel-group .panel-default .panel-collapse .panel-body .panel-cont ul>a> li > h5{
        font-size: 11px;
    }
    #advice-home .right {
        width: 79.2%;
    }
    #advice-home .right .recent-article .article-left{
        width: 56.6%;
        margin: 15px 1.4% 0 0;
    }
    #advice-home .right .recent-article .article-right {
        width: 42%;
    }
    #advice-home .right .recent-article .article-right .ad{
        padding:10px;
    }
    #advice-home .left .left-body .nav-tabs>li a{
        font-size: 13px;
    }
    #advice-home .right .right-head .main-img .main .main-text h2 a{
        font-size: 18px;
    }
    #advice-home .right .right-head .main-img .main .main-text .badge1{
        font-size: 10px;
    }
    #advice-home .right .right-head .main-img .main .main-text .main-date{
        font-size: 12px;
    }
    #advice-home .right .right-head .sub-img .sub .sub-text{
        bottom: 10px;
    }
    #advice-home .right .right-head .sub-img .sub .sub-text h4 a{
        font-size: 13px;
    }
    #advice-home .right .right-head .sub-img .sub .sub-text .badge1{
        font-size: 10px;
    }
    #advice-home .right .right-head .sub-img .sub .sub-text .sub-date{
        font-size: 12px;
    }
    #advice-home .right .recent-article .article-left {
        width: 56.6%;
        margin: 15px 1.4% 0 0;
    }
    #advice-home .right .recent-article .article-right {
        width: 42%;
    }
    #advice-home .right .recent-article .article-right .ad{
        padding: 6px;
    }
    #advice-home .right .recent-article .article-right .subscribe h4{
        font-size: 14px;
    }
    #advice-home .right .recent-article .article-right .subscribe button{
        font-size: 14px;
    }
    #advice-home .right .recommended-for-u h4{
        font-size: 17px;
    }
    #advice-home .right .recommended-for-u .recommended-cont .viewed-bxslider .common .content-head h4{
        font-size: 14px;
    }
    #advice-home .right .recent-article .article-left .head h4{
        font-size: 17px;
    }
    #advice-home .right .recent-article .article-left .common .media-right a{
        font-size: 12px;
    }
    #advice-home .right .recent-article .article-left .common .media-right h4{
        font-size: 14px;
    }
    #advice-home .right .recent-article .article-left .common .media-right ul{
        font-size: 12px;
    }
    #advice-home .right .recent-article .article-left .common .media-right p{
        font-size: 12px;
    }
    .pagination>li>a, .pagination>li>span{
        padding: 2px 6px;
    }
    .pager li>a, .pager li>span{
        font-size: 12px;
    }
    #advice-home .right .right-head .sub-img.sub-right-img p{
            font-size: 14px;
            margin-bottom: 10px;
    }
    #advice-home .right .right-head .sub-img.sub-right-img h3{
        font-size: 24px;
        margin-top: 0;
        margin-bottom: 20px;
    }
    #advice-home .right .right-head .sub-img.sub-right-img li{
            padding: 13px 0;
    }
}

@media (min-width : 768px) and (max-width : 991px) 
{
    #advice-home .left{
        width: 100%;
        margin: 10px 0;
    }
    #advice-home .left .left-head h4{
        font-size: 17px;
    }
    #advice-home .left .left-body .nav-tabs>li a{
        font-size: 14px;
    }
    #advice-home .right{
        width: 100%;
    }
    #advice-home .right .right-head .head h4{
        font-size: 17px;
    }
    #advice-home .right .right-head{
        width: 100%;
    }   
    #advice-home .right .recent-article .article-left{
        width: 57%;
    }
    #advice-home .right .recent-article .article-right {
        width: 41%;
    }
    #advice-home .right .right-head .main-img .main .main-text h2 a{
        font-size: 18px;
    }
    #advice-home .right .right-head .main-img .main .main-text .badge1{
        font-size: 10px;
    }
    #advice-home .right .right-head .main-img .main .main-text .main-date{
        font-size: 12px;
    }
    #advice-home .right .right-head .sub-img .sub .sub-text{
        bottom: 10px;
    }
    #advice-home .right .right-head .sub-img .sub .sub-text h4 a{
        font-size: 14px;
    }
    #advice-home .right .right-head .sub-img .sub .sub-text .badge1{
        font-size: 10px;
    }
    #advice-home .right .right-head .sub-img .sub .sub-text .sub-date{
        font-size: 12px;
    }
    #advice-home .right .recommended-for-u h4{
        font-size: 17px;
    }
    #advice-home .right .recommended-for-u .recommended-cont .viewed-bxslider .common .content-head h4{
        font-size: 14px;
    }
    #advice-home .right .recent-article .article-left .head h4{
        font-size: 17px;
    }
    #advice-home .right .recent-article .article-left .common .media-right a{
        font-size: 12px;
    }
    #advice-home .right .recent-article .article-left .common .media-right h4{
        font-size: 14px;
    }
    #advice-home .right .recent-article .article-left .common .media-right ul{
        font-size: 12px;
    }
    #advice-home .right .recent-article .article-left .common .media-right p{
        font-size: 12px;
    }
    #advice-home .right .recent-article .article-right .subscribe h4{
        padding: 0px 0px 5px;
        font-size: 14px;
    }
    #advice-home .right .recent-article .article-right .subscribe input.form-control{
        font-size: 13px;
    }
    #advice-home .right .recent-article .article-right .subscribe p{
        font-size: 13px;
    }
    #advice-home .right .recent-article .article-right .subscribe button{
        font-size: 14px;
    }
    #advice-home .right .recent-article .article-right .ask-quest h4{
        font-size: 16px;
    }
    #advice-home .right .recent-article .article-right .ask-quest button.green{
        font-size: 17px;
    }
    #advice-home .right .recent-article .article-right .ask-quest a{
        font-size: 13px;
    }
    #advice-home .pagination>li>a, #advice-home .pagination>li>span{
        padding: 2px 6px;
    }
    #advice-home .pager li>a, #advice-home .pager li>span{
        font-size: 12px;
    }
    /*ask-quest modal section starts*/
    #advice-home .modal-dialog{
        max-width: 560px;
        width: 100%; 
    }
    #advice-home .modal-dialog .modal-content .modal-header{
        background: #f5fbfa;
        border-bottom: none;
        padding: 10px;
    }
    #advice-home .modal-dialog .modal-content .modal-header h4{
        font-size: 14px;
        line-height: 18px;
    }
    #advice-home .modal-dialog .modal-content .modal-body{
        padding: 15px 25px;
    }
    #advice-home .modal-content .ask-quest p{
        font-size: 13px;
        padding: 0 0 10px;
    }
    #advice-home .modal-content .ask-quest textarea{
        width: 100%;
        height: 85px;
        padding: 6px 8px;
    }
    #advice-home .modal-content .ask-quest textarea::-webkit-input-placeholder {
        font-size:13px;
    }
    #advice-home .modal-content .ask-quest textarea::-moz-placeholder { 
        font-size:13px;
    }
    #advice-home .modal-content .ask-quest textarea:-ms-input-placeholder {
        font-size:13px;
    }
    #advice-home .modal-content .ask-quest textarea:-moz-placeholder {
        font-size:13px;
    }
    #advice-home .modal-content .ask-quest .ask-footer{
        padding: 10px 0 0;
    }
    #advice-home .modal-content .ask-quest .ask-footer p.limit{
        font-size: 11px;
    }
    #advice-home .modal-content .ask-quest .ask-footer a.ask-btn{
        font-size: 13px;
    }
    #advice-home .left .left-body .panel-group .panel-default .panel-collapse .panel-body .panel-cont .left-icon{
        width: 4%;
    }
     #advice-home .right .right-head .sub-img.sub-right-img p{
            font-size: 14px;
            margin-bottom: 10px;
    }
    #advice-home .right .right-head .sub-img.sub-right-img h3{
        font-size: 24px;
        margin-top: 0;
        margin-bottom: 20px;
    }
    #advice-home .right .right-head .sub-img.sub-right-img li{
            padding: 13px 0;
    }
    /*ask-quest modal section ends*/    
    
}
@media (max-width : 767px)
{   
    .navbar-inverse .navbar-brand {
        color: #555555;
    }
    .afs-bottom-ad{
        display: none;
    }
    #advice-home{
        padding: 0 20px 15px;
    }
    #o-wrapper .ad-block{
        text-align: center;
        padding: 11px 0;
    }
    #o-wrapper .ad-block h5{
        margin: 0 0 6px;
        font-family: "robotolight", sans-serif;
        font-size: 8px;
        color: #a4a3a3;
        text-transform: uppercase;
    }
    #breadcrumb .breadcrumb{
        padding: 15px 20px;
        opacity: 0.5;
    }
    #breadcrumb .breadcrumb > li > a{
        font-size: 11px;
        color: #c1c1c1;
    } 
    #breadcrumb .breadcrumb li.active, 
    #breadcrumb .breadcrumb>li+li:before {
        font-size: 11px;
        color: #c1c1c1;
    }
    #advice-home .left{
        width: 100%;
        margin: 0px 0 15px;
        display: none;
        box-shadow: none;
    }
    #advice-home .left .left-head h4{
        font-size: 16px;
    }
    #advice-home .left .left-body .nav-tabs>li a{
        font-size: 13px;
    }
    #advice-home .menu-header .navbar{
        margin: 0;
    }
    #advice-home .menu-header .navbar-inverse{
        background-color: #fff;
        border-color: #fff;
    }
    #advice-home .menu-header .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #eaeaea;
    }
    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle{
        border: none;
    }
    .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
        background: #fbfbfb;
    }
    #advice-home .left .left-head{
        padding: 13px 20px;
    }
    #advice-home .left .left-body .panel-group .panel-default .panel-collapse .panel-body .panel-cont .left-icon{
        width: 10%;
    }
    #advice-home .left .left-head h4{
        font-size: 16px;
    }
    #advice-home .left .left-body .nav-tabs>li a{
        font-size: 13px;
    }
    #advice-home .left .left-body .panel-group .panel-heading h4{
        padding: 12px 20px;
    }
    #advice-home .right{
        width: 100%;
    }
    #advice-home .right .right-head .head h4{
        font-size: 16px;
        padding: 0 20px 5px;
    }
    #advice-home .right .right-head{
        width: 100%;
    }   
    #advice-home .right .right-head .main-img .main .main-text h2{
        font-size: 16px;
    }
    #advice-home .right .right-head .sub-img .sub .share-wrap{
        top: 16px;
    }
    #advice-home .right .right-head .main-img .main .main-text .badge1{
        font-size: 10px;
    }
    #advice-home .right .right-head .main-img .main .main-text .main-date{
        font-size: 12px;
    }
    #advice-home .right .right-head .sub-img .sub .sub-text h4{
        font-size: 14px;
    }
    #advice-home .right .right-head .sub-img .sub .sub-text .badge1{
        font-size: 10px;
    }
    #advice-home .right .right-head .sub-img .sub .sub-text .sub-date{
        font-size: 12px;
    }
    #advice-home .right .recent-article .article-right .subscribe{
        padding: 20px;
        margin: 15px 0;
    }
    #advice-home .right .recent-article .article-right .subscribe h4{
        padding: 0px 0px 2px;
        font-size: 15px;
    }
    #advice-home .right .recent-article .article-right .subscribe input.form-control{
        font-size: 13px;
        margin: 15px 0 10px;
    }
    #advice-home .right .recent-article .article-right .subscribe p{
        font-size: 13px;
    }
    #advice-home .right .recent-article .article-right .subscribe button{
        font-size: 15px;
        padding: 8px 12px;
    }
    #advice-tag-list .modal-dialog{
        width: 290px;
    }


    #advice-home .right .recent-article .article-right .ad{
        padding: 15px;
    }

    #advice-home .right .recommended-for-u{
        padding: 15px 21px;
    }
    #advice-home .right .recommended-for-u h4{
        font-size: 16px;
    }
    #advice-home .right .recommended-for-u .recommended-cont .viewed-bxslider .common .content-head h4{
        font-size: 14px;
        margin: 10px 0 0;
    }
    #advice-home .right .recommended-for-u .bx-wrapper{
        margin: 0 !important;
    }
    #advice-home .right .recommended-for-u .bx-wrapper .viewed-bxslider li{
       margin: 0 20px 0 0;
        
    }
/*    #advice-home .right .recommended-for-u .bx-wrapper .viewed-bxslider li .common{
        padding: 0 20px 0 0;
    }*/
    #advice-home .right .recommended-for-u .bx-wrapper .bx-pager{
        display: none;
    }
    #advice-home .right .recommended-for-u .bx-wrapper .viewed-bxslider .common{
        border-bottom: none;
    }

    #advice-home .right .recommended-for-u .bx-wrapper .bx-controls .bx-prev,
    #advice-home .right .recommended-for-u .bx-wrapper .bx-controls .bx-next {
        font: normal normal normal 14px/1 FontAwesome;
        background: #fff;   
        border: 1px solid #e7e7e7;
        margin: 0 4px;
        padding: 0 5px;
        cursor: pointer;
        font-size: 18px;
        color: #e7e7e7;
        text-indent: 5px;
    }
    #advice-home .right .recommended-for-u .bx-wrapper .bx-controls a:hover {
        border: 1px solid #c1c1c1;
    }
    #advice-home .right .recommended-for-u .bx-wrapper .bx-controls .bx-prev:before {
        content: "\f104";
        font-family: FontAwesome;
    }
    #advice-home .right .recommended-for-u .bx-wrapper .bx-controls .bx-next:before {
        content: "\f105";
        font-family: FontAwesome;
    }
    #advice-home .right .recommended-for-u .bx-wrapper .bx-controls {
        bottom: 370px;
        float: none;
        
    }
    #advice-home .right .recommended-for-u .bx-wrapper .bx-controls .bx-prev, 
    #advice-home .right .recommended-for-u .bx-wrapper .bx-controls .bx-next{
        padding: 3px 6px;
        font-size: 24px;
    }
    #advice-home .right .recommended-for-u .bx-wrapper .bx-controls .bx-next{
      position: absolute;
      top: 58px;
      right: -48px;       
    }
    #advice-home .right .recommended-for-u .bx-wrapper .bx-next{
        right: 10px;
        background: url(../img/advice-home/controls.png) no-repeat -43px -32px;

    }
    #advice-home .right .recommended-for-u .bx-wrapper .bx-controls .bx-prev{
      position: absolute;
      top: 58px;
      left: -48px;   
    }
    #advice-home .right .recent-article .article-left .head h4{
        font-size: 15px;
        padding: 15px 20px;
    }
    #advice-home .right .recent-article .article-left .common .media-right a{
        font-size: 11px;
    }
    #advice-home .right .recent-article .article-left .common .media-right h4{
        font-size: 13px;
        margin: 5px 0;
    }
    #advice-home .right .recent-article .article-left .common .media-right ul{
        font-size: 11px;
    }
    #advice-home .right .recent-article .article-left .common .media-right p{
        font-size: 11px;
        display: none;
    }

    #advice-home .right .right-head{
        background: #fff;
        margin-top: 24px;
        margin-bottom: 18px;
    }
    #advice-home .right .right-head .main-img.main-left-img {
        display: block;
        width: 100%;
    }
    #advice-home .right .right-head .sub-img.sub-right-img{
        width: 100%;
        margin: 0;
        padding: 15px;
        display: block;
    }
    #advice-home .right .right-head .sub-img.sub-right-img h3 {
        font-size: 21px;
        line-height: 23px;
        margin-bottom: 34px;
    }
    #advice-home .right .right-head .sub-img.sub-right-img i {
        padding-right: 12px;
    }
    #advice-home .right .right-head .sub-img.sub-right-img p {
       
        margin-bottom: 30px;
        text-align: center;
    }
    #advice-home .right .right-head .sub-img.sub-right-img li{
        padding: 16px 0;
    }
    #advice-home .right .right-head .sub-img.sub-right-img li a{
        padding-left: 58px;
        font-size: 13px;
    }
    #advice-home .right .right-head .sub-img.sub-right-img li a::before{
        font-family: "robotobold", sans-serif;
    }
    #advice-home .right .right-head .sub-img.sub-right-img li a::after{
        display: none;
    }
    #advice-home .right .right-head .sub-img{
        width: 100%;
        margin: 0;
    }
    #advice-home .right .right-head .sub-img::-webkit-scrollbar{
      display:none;
    }
    #advice-home .right .right-head .main-img{
        width: 100%;
    }
    #advice-home .right .right-head .main-img{
        padding: 10px;
    }
    #advice-home .right .right-head .sub-img.common {
        padding: 0;
        display: flex !important;
        overflow-x: auto;
        overflow-y: hidden;
    }
    #advice-home .right .right-head .sub-img img{
        width:240px;
        height: 185px;
    }
    #advice-home .right .right-head .sub-img img:last-child{
    }

    #advice-home .right .right-head .sub-img .sub{
        display: inline-table;
        margin: 0 15px 0 0;
        flex: 0 0 auto;
    }
    #advice-home .right .recent-article .article-left{
        width: 100%;
        margin-top: 5px;
        margin-bottom: 15px;
    }
    #advice-home .right .recent-article .article-right{
        width: 100%;
    }
    #advice-home .right .recent-article .article-left .common .media-left{
        width: 100%;
        float: left;
        /*display: none;*/
    }
    #advice-home .right .recent-article .article-left .common .media-right{
        width: 100%;
        padding: 10px 20px;
    }
    #advice-home .right .recent-article .article-left .common .media-right i{
        margin-left: 8px;
    }
    #advice-home .right .recent-article .article-right .ask-quest h4{
        font-size: 15px;
        padding: 0 0 5px;
    }
    #advice-home .right .recent-article .article-right .ask-quest button.green{
        font-size: 17px;
        height: 40px;
        padding: 6px 26px;
    }
    #advice-home .right .recent-article .article-right .ask-quest a{
        font-size: 12px;
    }
    #advice-home .pagination>li>a, #advice-home .pagination>li>span{
        padding: 2px 6px;
    }
    #advice-home .pager li>a, #advice-home .pager li>span{
        font-size: 12px;
    }
    /*ask-quest modal section starts*/
    #advice-home .modal-dialog{
        max-width: 100%;
        width: auto; 
    }
    #advice-home .modal-dialog .modal-content .modal-header{
        padding: 7px 20px;
    }
    #advice-home .modal-dialog .modal-content .modal-header button{
        /*display: none;*/
    }
    #advice-home .modal-dialog .modal-content .modal-header h4{
        font-size: 15px;
        line-height: 22px;
    }
    #advice-home .modal-dialog .modal-content .modal-body{
        padding: 15px 20px 20px;
    }

    #advice-home .modal-dialog .modal-content{
        margin: 0 15px;
    }

    #advice-home .right .recent-article .article-right .ask-quest{
        margin:15px 0;
    }
    #advice-home .modal-content .ask-quest p{
        font-size: 11px;
        padding: 0 0 7px;
    }
    #advice-home .modal-content .ask-quest textarea{
        width: 100%;
        height: 85px;
        padding: 6px 8px;
        font-size: 12px;
    }
    #advice-home .modal-content .ask-quest textarea::-webkit-input-placeholder {
        font-size:12px;
    }
    #advice-home .modal-content .ask-quest textarea::-moz-placeholder { 
        font-size:12px;
    }
    #advice-home .modal-content .ask-quest textarea:-ms-input-placeholder {
        font-size:12px;
    }
    #advice-home .modal-content .ask-quest textarea:-moz-placeholder {
        font-size:12px;
    }
    #advice-home .modal-content .ask-quest .ask-footer{
        padding: 0;
    }
    #advice-home .modal-content .ask-quest{
        display: grid;
    }
    #advice-home .modal-content .ask-quest .ask-footer p.limit{
        font-size: 11px;
        display: block;
    }
    #advice-home .modal-content .ask-quest .ask-footer a.ask-btn{
        font-size: 11px;
        padding: 4px 24px
    }
    #advice-home .modal-content .ask-quest .ask-footer .reset{
        float: right;
        font-size: 9px;
        padding: 6px 10px;
    }
    .banner-add {
        padding-top: 24px;
        padding-bottom: 10px;
        background-color: #eeeeee;
        padding-left: 0px;
        padding-right: 0px;
    }
    #advice-home .left .left-body .panel-group .panel-default .panel-collapse .panel-body .panel-cont .left-icon{
        width: 10%;
    }
    /*ask-quest modal section ends*/
    #advice-home .right .recent-article .article-left .pag{
        padding: 0;
    } 
    #advice-home .right .recent-article .article-left .pag .pagination{
        margin: 15px 0 20px;
    }  
/*    #advice-home .right .recent-article .article-left .pag ul{
        display: none;
    }*/

    #advice-home .right .recent-article .article-left .pag .pagination-mobile-one{
        width: 22%;
        font-size: 12px;
        color: #a4a3a3;
        float: left;
    }
    #advice-home .right .recent-article .article-left .pag .pagination-mobile-number {
        width: 65%;
        text-align: center;
        font-family: "robotolight";
        color: #1c1c1c;
    }
    #advice-home .right .recent-article .article-left .pag .pagination-mobile-next{
        float: right;
        color: #000 !important;
         font-size: 12px;
        color: #a4a3a3;
    }
    #advice-tag-list .modal-dialog .modal-content .modal-body {
        padding: 20px 15px;
    }
    #advice-tag-list  .modal-dialog .modal-content .modal-header {
        padding: 7px 15px;
    }
    #advice-tag-list .modal-content .ask-quest p {
        font-size: 11px;
        padding: 0 0 0px;
        vertical-align: -webkit-baseline-middle;
    }

}