.blog .col-lg-12{padding:0 0 10px}
.blog  .lfcol{float:left;margin-right:14px}
.blog .lfcol .blogImg1{height:310px;width:550px;position:relative;overflow:hidden} /*'../img/blog-img1.jpg') no-repeat 0 0;*/
.blog .lfcol .blogImg1 img{width:100%}
.blog ul li{list-style:inherit;margin-left:20px;font:400 16px/22px 'Roboto'}
.blog ul {margin-bottom:20px}
.blog table{width:100%}
.blog table tr td{padding:10px;font-size:16px}
.blog ol li{list-style:decimal;margin-left:20px;font-size:16px;line-height:22px;padding-bottom:5px}

#mainContainer.blog .lfcol .blogImg1::before{position:absolute;left:0;bottom:0;background:#000;width:100%;height:200px;opacity:0.6;content:'';background: -moz-linear-gradient(-45deg, #000000 0%, #dddddd 100%); /* FF3.6-15 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */}
#mainContainer.blog .lfcol .blogImg1 h2{font:400 24px/30px 'Roboto';position:absolute;bottom:15px;left:15px;color:#fff}
#mainContainer.blog .lfcol .blogImg1 h2 a{text-decoration:none;color:#FFF}
.blog  .rtcol{float:left;width:50%}
.blog  .rtcol .blogImg2::before, .blog  .rtcol .blogImg3::before, .blog  .rtcol .blogImg4::before, .blog  .rtcol .blogImg5::before{position:absolute;left:0;bottom:0;background:#000;width:100%;height:100px;opacity:0.6;content:'';background: -moz-linear-gradient(-45deg, #000000 0%, #dddddd 100%); /* FF3.6-15 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */}
.blog  .rtcol .blogImg2{height:149px;width:265px;float:left;margin-right:14px;margin-bottom:12px;position:relative;overflow:hidden} /*background:url('/National_Library/oe_/https://www.topperlearning.com/public/img/blog-img2.jpg') no-repeat 0 0;*/
.blog  .rtcol .blogImg3{height:149px;width:265px;float:left;margin-bottom:12px;position:relative;overflow:hidden}/*  background:url('/National_Library/oe_/https://www.topperlearning.com/public/img/blog-img3.jpg') no-repeat 0 0; */
.blog  .rtcol .blogImg4{height:149px;width:265px;float:left;margin-right:14px;position:relative;overflow:hidden}/*  background:url('/National_Library/oe_/https://www.topperlearning.com/public/img/blog-img4.jpg') no-repeat 0 0; */
.blog  .rtcol .blogImg5{height:149px;width:265px;float:left;position:relative;overflow:hidden} /* background:url('/National_Library/oe_/https://www.topperlearning.com/public/img/blog-img5.jpg') no-repeat 0 0; */
.blog  .rtcol .blogImg1 img,.blog  .rtcol .blogImg2 img,.blog  .rtcol .blogImg3 img,.blog  .rtcol .blogImg4 img,.blog  .rtcol .blogImg5 img{width:100%}
#mainContainer.blog  .rtcol .blogImg2 h2, #mainContainer.blog  .rtcol .blogImg3 h2, #mainContainer.blog  .rtcol .blogImg4 h2, #mainContainer.blog  .rtcol .blogImg5 h2{position:absolute;bottom:10px;left:10px;color:#fff;font:400 14px/18px 'Roboto'}
#mainContainer.blog  .rtcol .blogImg2 h2 a, #mainContainer.blog  .rtcol .blogImg3 h2 a, #mainContainer.blog  .rtcol .blogImg4 h2 a, #mainContainer.blog  .rtcol .blogImg5 h2 a{text-decoration:none;color:#FFF}
.blog .bglandWrap .bgbox{border-bottom:1px solid #eee;padding:20px 0}
.blog .bglandWrap .bgbox a{text-decoration:none;border:0;position:relative;display:block}
.blog .bglandWrap .bgbox .bgrtCont{padding-left:18px;float:left;width:470px}
#mainContainer.blog .bglandWrap .bgbox .bgrtCont h2{font:400 24px/28px 'Roboto';color:#000;padding-bottom:18px;margin-top:-2px}
#mainContainer.blog .bglandWrap .bgbox .bgrtCont h2 a{text-decoration:none;color:#000}
.blog .bglandWrap .bgbox .bgrtCont p{color:#666;font:400 14px/20px 'Roboto'}
.blog .bglandWrap .bgbox .FL img{width:200px;height:113px}
.blog .bglandWrap .bgbox .bgrtCont .userDetails{padding-bottom:20px}
.blog .bglandWrap .bgbox .bgrtCont .userDetails .user{font:400 14px/14px 'Roboto';color:#666;border-right:1px solid #a9a9a9;padding:0 10px 0 0;float:left}
.blog .bglandWrap .bgbox .bgrtCont .userDetails .date{border-left:1px solid #dadada;float:left;padding-left:10px;font:400 14px/14px 'Roboto';color:#666}
.blog .bglandWrap .bgbox .bgrtCont .userDetails .time{float:left;padding-left:5px;font:400 14px/14px 'Roboto';color:#666}
.blog .bglandWrap .rhs{padding-top:20px}
.blog .bglandWrap .rhs .ttl{background:#eee;text-transform:uppercase;padding:14px 10px 14px 15px;border-left:5px solid #f58000;color:#000;font:500 18px/24px 'Roboto'}
.blog .bglandWrap .rhs .rhsbox{padding:15px 0;border-bottom:1px solid #eee}
.blog .bglandWrap .rhs .rhsbox > .FL{width:100px;height:auto}
.blog .bglandWrap .rhs .rhsbox > .FL img{width:100%}
.blog .bglandWrap .rhs .rhsbox .bgrhscont{padding-left:10px;float:left;width:250px}
#mainContainer.blog .bglandWrap .rhs .rhsbox .bgrhscont h2{font:400 14px/20px 'Roboto'}
#mainContainer.blog .bglandWrap .rhs .rhsbox .bgrhscont h2 a{text-decoration:none;color:#000}
.blog .bglandWrap .rhs .nobtmborder{border-bottom:none}
.blog .bglandWrap .rhs .categories{margin-bottom:30px}
.blog .bglandWrap .rhs .categories li{display:block;padding:10px 0 10px 20px;color:#000;font:400 14px/18px 'Roboto';border-bottom:1px solid #eee}
.blog .bglandWrap .rhs .categories li::before{position:absolute;content:'';height:8px;width:8px;border-radius:50%;background:#e4e4e4; margin-left:-20px;margin-top:5px;}
.blog .bglandWrap .rhs .categories li a{color:#000;text-decoration:none}
.blog .bglandWrap .rhs .tags{margin-top:20px}

.blog .bglandWrap .rhs .tags li{float:left;list-style:none;margin-left:0}
.blog .bglandWrap .rhs .tags li a{padding:6px 15px;margin:0 15px 12px 0}

.blog .pagination{text-align:right;background:#f5f5f5;padding:12px 20px;border-radius:0;width:100%}
.blog .pagination .prev{float:left}
.blog .pagination .next{float:right}
.blog .pagination .prev i, .blog .pagination .next i{font-size:21px;vertical-align:top;padding-top:2px}
.blog .pagination .prev a, .blog .pagination .next a{text-decoration:none}
.blog .blgcathdg{font:500 30px/34px 'Roboto';color:#000;text-align:left;text-decoration:none;margin:0;padding:0}

.blgDetails{display:block;background:#F5F5F5;position:relative;text-align:center}
.blgDetails img{width:860px;height:480px; /*background:url(/National_Library/oe_/https://www.topperlearning.com/public/img/blog-img1.jpg) no-repeat 0 0;background-size:100%; */margin:0 auto;position:relative}
.pt140{padding-top:140px;}
.blogDtInfoWrap{background:#FFF;display:block;margin:0}
.blogDtInfo{padding:30px 40px;background:#FFF;border-radius:5px 5px 0 0;width:700px;margin:-120px auto auto;position:relative}
.blogDtInfo > h2{font:400 14px/16px 'Roboto' !important;color:#000;padding-bottom:10px;text-align:center}
.blogDtInfo > h1{font:400 30px/36px 'Roboto';color:#000;padding-bottom:20px;text-align:center}
.blogDtInfo > p{font:400 16px/20px 'Roboto';color:#666;padding-bottom:20px;text-align:center}
.blogDtInfo .userDetails{text-align:center}
.blogDtInfo .userDetails .user{font:400 14px/14px 'Roboto';color:#666;border-right:1px solid #a9a9a9;padding:0 15px 0 0;display:inline-block}
.blogDtInfo .userDetails .date{border-right:1px solid #a9a9a9;padding-left:15px;padding-right:15px;font:400 14px/14px 'Roboto';color:#666;display:inline-block}
.blogDtInfo .userDetails .time{padding-left:10px;font:400 14px/14px 'Roboto';color:#666;display:inline-block;/*border-right:1px solid #a9a9a9;*/padding-right:15px}
.blogDtInfo .userDetails .readingTime{padding-left:10px;font:400 14px/14px 'Roboto';color:#666;display:inline-block}
.blogContent{width:860px;margin:0 auto;background:#FFF;font:400 18px/26px 'Roboto';color:#666}
.blogContent p{font:400 16px/22px 'Roboto';color:#666;padding-bottom:15px}

.qsnRltdtags{display:block;padding:15px 0px;border-top:1px solid #eee;width:860px;margin:0 auto}
.qsnRltdtags span{padding:8px 10px;border-radius:3px;border:0px;background:#eee;color:#212121;font:400 12px/14px 'Roboto';margin:3px 15px 3px 0px;float:left;position:relative}
.qsnRltdtags span:after {content:'';display:block;position:absolute;left:100%;top:50%;bottom:100%;width:0;height:0;border-bottom:8px solid transparent;border-top:8px solid transparent;border-left:8px solid #eee;border-right:8px solid transparent;right:0;margin-top:-7px}
.qsnRltdtags span .fa-tags{color:#ccc;-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH";margin-right:5px}
.qsnRltdtags a{padding:8px 15px;border-radius:3px;border:0px;background:#eee;color:#1c81c4;font:400 12px/14px 'Roboto';margin:3px 10px 3px 0px;float:left}

.blogMore{display:block;margin:0 auto;width:860px}
.blogMore .blogMoreHdg{font:500 18px/24px 'Roboto';color:#000;text-align:left;margin:0;padding:15px 0;text-transform:uppercase}
.blogMore .bgbox{width:260px;float:left;margin-right:35px}
.blogMore .bgbox >.DB{line-height:0}
.blogMore .bgbox >.DB  img{width:100%}
.blogMore .bgbox:nth-last-child(2){margin-right:0}
.blogMore .bgbox .bgrtCont> h2{font:400 14px/18px 'Roboto' !important;color:#000;margin:0;padding:10px 0 10px}
.blogMore .bgbox .bgrtCont> h2 a{text-decoration:none;color:#000}
.blogMore .bgbox .bgrtCont .userDetails{line-height:0}
.blogMore .bgbox .bgrtCont .userDetails .user{font:400 14px/14px 'Roboto';color:#999;display:inline-block}
.blogMore .bgbox .bgrtCont .userDetails .date{padding-right:10px;font:400 12px/12px 'Roboto';color:#999;display:inline-block}
.blogMore .bgbox .bgrtCont .userDetails .time{font:400 12px/12px 'Roboto';color:#999;display:inline-block}

.blogLatst{display:block;margin:0 auto;width:860px}
.blogLatst .blogMoreHdg{font:500 18px/24px 'Roboto';color:#000;text-align:left;margin:0;padding:40px 0 15px;text-transform:uppercase}
.blogLatst .bgbox{width:260px;float:left;margin-right:35px}
.blogLatst .bgbox >.DB{line-height:0}
.blogLatst .bgbox >.DB img{width:100%}
.blogLatst .bgbox:nth-last-child(2){margin-right:0}
.blogLatst .bgbox .bgrtCont> h2{font:400 12px/18px 'Roboto' !important;color:#000;margin:0;padding:10px 0 10px}
.blogLatst .bgbox .bgrtCont> h2 a{text-decoration:none;color:#000}
.blogLatst .bgbox .bgrtCont .userDetails{line-height:0}
.blogLatst .bgbox .bgrtCont .userDetails .user{font:400 10px/12px 'Roboto';color:#999;display:inline-block}

.commentWrap{width:860px;margin:40px auto 0}
.commentWrap .fbcomnt-wrap{display:block;margin:15px 0px 30px;padding:0px}
.commentWrap .txt-fb-comnt{background:#ebebe4;border:1px solid #ddd;padding:10px;font:400 12px/16px 'Roboto';color:#333;width:100%;resize:vertical;margin-bottom:30px;outline:none}
.commentWrap .txt-fb-comnt textarea::-webkit-input-placeholder{color:#333}
.commentWrap .fbcomnt-wrap p{font:500 18px/22px 'Roboto';color:#404040}
.commentWrap .fb-user-info{margin-bottom:15px}
.commentWrap .fb-u-prof-icon{width:48px;height:48px;border:1px solid #dde2e6;background:#fff;float:left;overflow:hidden;text-align:center;margin-right:15px}
.commentWrap .fb-u-prof-icon img{width:100%}
.commentWrap .fb-u-login-info{float:left}
.commentWrap .fb-u-login-info h3{text-align:left;font:400 12px/14px 'Roboto'; color:#666;padding-bottom:5px}
.commentWrap .fb-u-login-info .btn-blue{padding:7px 15px;color:#fff;border-radius:3px;text-align:center;outline:none;text-decoration:none;border:0px;font:400 14px/16px 'Roboto';background:#0081cd}

.browseArtcle{width:860px;margin:10px auto 20px;display:block}
.browseArtcle .col-md-6,.browseArtcle .col-sm-12{padding:0}
.prev_aside{margin-right:10px}
.prev-art{display:block;background:#e5e5e5;position:relative}
.prev-art a{font:500 14px/30px 'Roboto';color:#000;text-decoration:none;display:block;padding-left:40px;width:100%;text-transform:uppercase}
.prev-art .prev_btn_icon{height:30px;width:30px;background:#369cdf;position:absolute;left:0}
.prev-art .prev_btn_icon:hover{background:#333}
.prev-art .prev_btn_icon:after{left:12px;transform:rotate(45deg);position:absolute;top:12px;width:7px;height:7px;display:block;content:"";border-bottom:2px solid #fff;border-left:2px solid #fff}
.next_aside{margin-left:10px}
.next-art{display:block;background:#e5e5e5;position:relative}
.next-art a{font:500 14px/30px 'Roboto';color:#000;text-decoration:none;display:block;padding-left:0px;width:100%;text-transform:uppercase;padding-right:40px;text-align:right}
.next-art .nxt_btn_icon{height:30px;width:30px;background:#369cdf;position:absolute;right:0}
.next-art .nxt_btn_icon:hover{background:#333}
.next-art .nxt_btn_icon:after{left:12px;transform:rotate(225deg);position:absolute;top:12px;width:7px;height:7px;display:block;content:"";border-bottom:2px solid #fff;border-left:2px solid #fff}
.pre-nxt-art-cont{width:100%;float:left;padding:10px;background:#f2f2f2}
.pre-nxt-art-cont >.FL{width:100px;height:60px;margin-right:10px;overflow:hidden}
.pre-nxt-art-cont >.FL img{width:100%;}
.pre-nxt-art-cont > h2{font:400 14px/18px 'Roboto' !important;margin:0;padding:0;max-height:74px;overflow:hidden}
.pre-nxt-art-cont > h2 a{color:#333;text-decoration:none}
.browseArtcle .prev_aside:hover .prev-art .prev_btn_icon{background-color:#000}
.browseArtcle .next_aside:hover .next-art .nxt_btn_icon{background-color:#000}

@media screen and (min-width:993px) and (max-width:1200px){
.blog .lfcol{width:53%}
/*.blog .lfcol{width:58%;width:calc(60% - 15px);width:-webkit-calc(60% - 15px);width:-moz-calc(60% - 15px)}*/
.blog .lfcol .blogImg1{width:100%;height:253px/*background-size:100%*/}
.blog .lfcol .blogImg1 img{width:100%;height:253px}
.blog .rtcol{width:45%}
.blog .rtcol .blogImg2, .blog .rtcol .blogImg3, .blog .rtcol .blogImg4, .blog .rtcol .blogImg5{width:46%;height:120px}
.blog .rtcol .blogImg1 img, .blog .rtcol .blogImg2 img, .blog .rtcol .blogImg3 img, .blog .rtcol .blogImg4 img, .blog .rtcol .blogImg5 img{width:100%;height:120px}
/*.blog .rtcol{width:40%}
.blog .rtcol .blogImg3,.blog .rtcol .blogImg5{width:50%}
.blog .rtcol .blogImg2,.blog .rtcol .blogImg4{width:48%;width:calc(50% - 14px);width:-webkit-calc(50% - 14px);width:-moz-calc(50% - 14px)}*/
.blog .bglandWrap .bgbox .FL,.blog .bglandWrap .bgbox img{width:200px;line-height:0}
.blog .bglandWrap .bgbox .bgrtCont{width:calc(100% - 200px);width:-webkit-calc(100% - 200px);width:-moz-calc(100% - 200px)}
#mainContainer.blog .bglandWrap .bgbox .bgrtCont h2{font-size:18px;line-height:26px;padding-bottom:10px}
.blog .bglandWrap .bgbox .bgrtCont .userDetails{padding-bottom:10px}
.blog .bglandWrap .bgbox .bgrtCont p{font-size:13px;line-height:20px}
.blog .bglandWrap .bgbox .bgrtCont .userDetails .user,.blog .bglandWrap .bgbox .bgrtCont .userDetails .date,.blog .bglandWrap .bgbox .bgrtCont .userDetails .time{font-size:12px}
.blog .bglandWrap .rhs .rhsbox .bgrhscont{width:190px}
}

@media screen and (max-width:992px){
/*.blog .col-lg-12{padding-bottom:0}*/
.blog .breadcrumbs{margin:15px;display:block}
.blog .container{padding:0 !important}
.bglandWrap > .col-md-8{padding:0}
.bglandWrap > .col-md-4{width:100%;padding:0}
.blog .lfcol{float:none;display:block;margin:0;padding:0 15px 15px}
.blog .lfcol .blogImg1{width:100%;height:auto/*background-size:cover;background-position:0 center*/}
.blog .lfcol .blogImg1 img{width:100%}
.blog  .rtcol{width:calc(100% - 30px);width:-webkit-calc(100% - 30px);width:-moz-calc(100% - 30px);display:flex;overflow-x:auto;margin-left:15px;white-space:nowrap}
.blog  .rtcol .blogImg2, .blog  .rtcol .blogImg3, .blog  .rtcol .blogImg4, .blog  .rtcol .blogImg5{float:none;display:inline-block;min-width:200px}
.blog  .rtcol .blogImg3{margin-right:14px}
#mainContainer.blog .lfcol .blogImg1 h2{font-size:22px;line-height:26px}
#mainContainer.blog .rtcol .blogImg2 h2, #mainContainer.blog .rtcol .blogImg3 h2, #mainContainer.blog .rtcol .blogImg4 h2, #mainContainer.blog .rtcol .blogImg5 h2{white-space:initial;bottom:auto;top:auto;/*margin-top:100px;*/margin-top:-50px;height:36px;overflow:hidden}
.bglandWrap{padding:0 15px}
.bgbox > .FL{line-height:0}
.bgbox > .FL img{width:162px;height:90px}
.blog .bglandWrap .bgbox .bgrtCont p{display:none}
#mainContainer.blog .bglandWrap .bgbox .bgrtCont h2{font-size:14px;line-height:20px;padding-bottom:10px}
.bglandWrap > .col-md-8{width:100%}
.blog .bglandWrap .bgbox{width:100%;padding:10px 0}
.blog .bglandWrap .bgbox .bgrtCont{padding-left:15px;width:calc(100% - 215px);width:-webkit-calc(100% - 215px);width:-moz-calc(100% - 215px)}
.blog .bglandWrap .bgbox .bgrtCont .userDetails{padding-bottom:10px}
.blog .bglandWrap .bgbox .bgrtCont .userDetails .user{font-size:11px;border-right:0;display:block;float:none;padding:0 0 10px 0}
.blog .bglandWrap .bgbox .bgrtCont .userDetails .date{border-left:0;font-size:11px;padding:0}
.blog .bglandWrap .bgbox .bgrtCont .userDetails .time{font-size:11px}

.blog .bglandWrap .rhs{padding-top:15px}
.blog .bglandWrap .rhs .ttl{font-size:16px;line-height:18px;padding:12px 10px 12px 15px}
.blog .bglandWrap .rhs .rhsbox{padding:10px 0}
.blog .bglandWrap .rhs .rhsbox .bgrhscont{width:calc(100% - 100px);width:-webkit-calc(100% - 100px);width:-moz-calc(100% - 100px)}
#mainContainer.blog .bglandWrap .rhs .rhsbox .bgrhscont h2{font-size:14px;line-height:18px}
.blog .bglandWrap .rhs .categories li{font-size:12px;padding:10px 0 10px 15px}
.blog .bglandWrap .rhs .categories li::before{height:6px;width:6px;margin-left:-15px}
.blog .bglandWrap .rhs .categories{margin-bottom:20px}
.blog .bglandWrap .rhs .tags{margin-top:15px}
.tags a{font-size:12px;padding:8px 15px;margin:0 15px 10px 0}
.blog .pagination{margin:15px 0 0}
.blog .pagination .prev a,.blog .pagination .next a{font-size:14px}
.blog .pagination .prev i,.blog .pagination .next i{font-size:19px}
.blog .blgcathdg{font-size:24px}
.blgDetails .blogbanner{width:750px;height:400px}
.blogContent,.qsnRltdtags,.blogMore,.blogLatst{width:750px}
.blogMore .bgbox,.blogLatst .bgbox{margin-right:25px;width:230px}
.blogMore .bgbox img,.blogLatst .bgbox img{width:100%}
.commentWrap{width:750px}
.browseArtcle{width:750px}
.prev_aside{margin-right:7px}
.next_aside{margin-left:7px}
.blgDetails img{width:100%}
}

@media screen and (max-width:767px){
.blog .lfcol .blogImg1{height:auto}
.blog .lfcol .blogImg1 img{width:100%}
.blog ul li{font:400 14px/20px 'Roboto'}
.blog table{width:100%;overflow-x:auto}
.blog table tr td{padding:10px;font-size:14px}
.blog ol li{margin:0 20px 0 30px;font-size:12px;line-height:18px}

#mainContainer.blog .lfcol .blogImg1 h2{font-size:18px;line-height:24px}
.blog .blgcathdg{font-size:16px;line-height:22px}
.blgDetails .blogbanner{width:100%;height:200px;background-position:center center}
.blogDtInfo{padding:15px;margin:-40px auto 0;width:90%}
.blogDtInfo > h2{font-size:14px !important;line-height:20px !important;padding-bottom:5px}
.blogDtInfo > h1{font-size:18px;line-height:20px;font-weight:500;padding-bottom:10px}
.blogDtInfo > p{font-size:14px;line-height:18px;padding-bottom:10px}
.blogDtInfo .userDetails .user,.blogDtInfo .userDetails .date,.blogDtInfo .userDetails .time,.blogDtInfo .userDetails .readingTime{font-size:14px}
.blog .userDetails .time{border-right:0}
.blogContent{width:100%}
.blogContent p{padding:0 15px 15px;font-size:14px;line-height:20px}
.blogContent p img{width:100%}
.qsnRltdtags{width:94%;margin:15px}
.qsnRltdtags a{margin:3px 6px 3px 0px;padding:8px}
.blogContent, .blogMore, .blogLatst{width:100%;margin:0}
.blogMore .bgboxWrap,.blogLatst .bgboxWrap{width:100%;overflow-x:scroll;display:flex;padding:15px}
.blogMore .blogMoreHdg,.blogLatst .blogMoreHdg{background:#eee;font-size:16px !important;line-height:20px;padding:10px}
.blogMore .bgbox .bgrtCont> h2{font-size:12px !important;line-height:16px !important;padding:6px 0}
.blogMore .bgbox .bgrtCont .userDetails .date,.blogMore .bgbox .bgrtCont .userDetails .time{font-size:10px}
.blogMore .bgbox >.DB > img,.blogLatst .bgbox >.DB > img{width:200px}
.blogLatst{margin-top:15px}
.blogMore .bgbox, .blogLatst .bgbox{width:200px;margin-right:15px}
.commentWrap{width:100%;padding:0px 15px;margin-top:20px}
.commentWrap .fb-user-info{margin-bottom:10px}
.commentWrap .txt-fb-comnt{margin-bottom:10px}
.commentWrap .fbcomnt-wrap{margin:0}
.commentWrap .fbcomnt-wrap p{font-size:14px;line-height:16px}
.browseArtcle{width:100%;padding:0 15px}
.pre-nxt-art-cont >.FL{width:75px}
.pre-nxt-art-cont > h2{max-height:56px}
.blgDetails img{width:100%;height:auto}
}
@media screen and (max-width:560px){
.blog .lfcol .blogImg1{/*height:250px; background:url('/National_Library/oe_/https://www.topperlearning.com/public/img/blog-img1.jpg') no-repeat center bottom */height:auto}
.blog .lfcol .blogImg1 img{width:100%}
#mainContainer.blog .lfcol .blogImg1 h2{font-size:16px;line-height:20px}
.blogDtInfo .userDetails .user,.blogDtInfo .userDetails .readingTime{border-right:0;display:block;padding:5px 0}
.browseArtcle .col-xs-6{display:block;width:100%;}
.prev_aside,.next_aside{margin:0px}
.browseArtcle .pull-right{margin-bottom:10px}
}

@media screen and (max-width:480px){
.blogDtInfo .userDetails .user{border-right:0;display:block;padding:0}
.blgDetails .blogbanner{height:160px}
}

@media screen and (max-width:360px){
.bgbox .FL img{width:120px!important;height:auto!important}
.blog .bglandWrap .bgbox .bgrtCont{width:calc(100% - 120px);width:-webkit-calc(100% - 120px);width:-moz-calc(100% - 120px)}
#mainContainer.blog .bglandWrap .bgbox .bgrtCont h2,#mainContainer.blog .bglandWrap .rhs .rhsbox .bgrhscont h2{font-size:12px;line-height:16px}
.blog .bglandWrap .bgbox .bgrtCont .userDetails .user{padding-bottom:5px}
.blog .bglandWrap .bgbox .bgrtCont .userDetails{padding-bottom:0}
}