.container{ clear:both; width:98%; line-height:14px; position:relative;}
@media only screen and (min-width:480px) {
	
}

@media only screen and (min-width:1367px) {
	.container{width:1280px;}
.submenu li:first-child,.submenu li:nth-child(7){ border-left:1px  solid #ede4dd;}
.submenu li:nth-child(7),.submenu li:nth-child(8),.submenu li:nth-child(9),.submenu li:nth-child(10),.submenu li:nth-child(11) {border-bottom:none;}

}
@media only screen and (max-width:1366px) {
	.container{width:1048px; margin:0 auto;}
	.previous-post {background-size:17%;}
	.threeColumnGrid .gridItem {width:29.75%; float:none; vertical-align:top;} /* added float, vertical align by manoj */
	.twoColumnGrid .gridItem {width:48%;}
	.signUp > li {width:28.4%;}
	.signUp>li.btnHolder {width:10%;}
	.contributor .detailsHolder {width:63%;}
	.leftSideBar {width:31%; margin-right:25px;}
	#main-banner {height:400px;}
	.fourColumnGrid .gridItem {width:19%;}
	
	.filter-block .selectBoxHolder .selectValue { font-size: 13px}
	h4 {font-size:20px; line-height:28px;}
	.contributor-profile.topic_landing_page .threeColumnGrid .gridItem {min-height:360px;}
}
@media only screen and (max-width:1047px) {
	.container{width:620px;}
	.logo img {width:200px;}
	.brand img{width:62px;}
	.brand {padding-top:8px;}
	.navigation{font-size: 83%;}
	.submenu li {width:155px; font-size:16px;}
	.submenu li a {padding:10px 10px 6px;}
	.iconHolder {margin:0 auto 5px;}
	body a.category-link.big-btn {font-size:13px;}
	.submenu li:nth-child(7) {border-left:none;}
	.submenu li:first-child,.submenu li:nth-child(5), .submenu li:nth-child(9) {border-left:1px  solid #ede4dd;}
	.searchInput {width:80.4%;}
	#main-banner {height:355px;}
	h1 {font-size:40px; line-height:48px;}
	h2{font-size:32px; line-height:40px;}
	h3 {font-size:26px; line-height:34px;}
	h4{font-size:24px; line-height:32px;}
	.threeColumnGrid .gridItem { width:29%;}
	.threeColumnGrid .gridItem:nth-child(n+1):nth-child(3n+2) {margin:0 40px;}
	.twoColumnGrid .gridItem {width:46.75%;}
	.fourColumnGrid .gridItem {width:40.45%;}
/*	.fourColumnGrid .gridItem:nth-child(even), .fourColumnGrid .gridItem {margin:0; min-height:170px;}
	.fourColumnGrid .gridItem:nth-child(n+1):nth-child(3n+2) {margin:0 40px;}*/
	.signUp > li {width:47.5%}
	.signUp>li.btnHolder {width:90px; margin-top:10px;}
	.footer-menu li {width:100%; margin:0 0 10px 0;}
	.rightSideBar {width:60.6%;}
	.leftSideBar {width:35%;}
	.contributor-profile #footer {margin-top:0;}
}
@media only screen and (max-width:800px) {
#main-banner {height:278px;}
h1 {font-size:34px; line-height:40px;}
.about-content {width:100%; margin:0 auto 30px auto; padding:0;}
.right-section {width:400px; display:block; margin:0 auto; float:none;}
.table-structure2 tr:nth-child(even) {margin:30px 0;}
.table-structure2 tr td {padding:5px; min-height:50px;}
.table-structure tr.thHeading, .table-structure2 tr.thHeading {display:none;}
.table-structure tr, .table-structure2 tr {border:2px solid #ddd; border-left:none; border-right:none; display:block;}
.table-structure tr:not(.heading) td, .table-structure2 tr:not(.heading) td{ position:relative; width:100%; padding-left:48%; border:none; display:block; border-bottom:1px solid #999;}
.table-structure tr:not(.heading) td:after, .table-structure2 tr:not(.heading) td:after{ font-size:13px; content:attr(data-value); position:absolute; left:0; top:0; width:44%; padding:5px; height:100%; background:#333; display:block; color:#fff; -webkit-box-sizing:border-box; box-sizing:border-box;}
.table-structure2 tr:not(.heading) td.hasCat{ padding-top:30px; min-height:80px;}
.table-structure2 tr:not(.heading) td.hasCat:after { padding-top:30px;}
.table-structure2 tr:not(.heading) td.hasCat:before { top:0; left:0; width:100%; height:29px; background:#7A7A7A ; position:absolute; content:attr(data-cat); padding:5px; -webkit-box-sizing:border-box; box-sizing:border-box; display:block; z-index:1; color:#fff; text-align:center;}
.table-structure tr.even, .table-structure2 tr.even {background:none; margin:20px 0;}
.table-structure tr.heading, .table-structure2 tr.heading { border:none;}
.table-structure tr.heading td, .table-structure2 tr.heading td {width:100%; display:block;}
.table-structure2 thead {display:none;}
.table-structure2.withHeading tr td:first-child, .table-structure2.withHeading tr td:first-child:after {background:#e2000f; color:#fff; font-weight:bold; min-height:20px; text-align:center}
.commentTextBox .col-4 {width:100%; margin-right:0;}
.commentTextBox .row .col-4:first-child {margin-bottom:20px;} 
	.leftSideBar {width:100%; margin:0 auto 15px;}
	.rightSideBar {width:100%; margin:0;}
	.profileDetails .userImgHolde {width:30%; display:inline-block; margin-right:30px; height:auto;}
	.detailsHolder {width:61%; display:inline-block; vertical-align:middle;}
	.topic_landing_page .threeColumnGrid .gridItem { min-height:inherit;}
	.pagination ul li.hidden-phone {display:none;}
	.pagination ul li.hidden-phone.active {display:inline-block;}
.table-structure tr th {display:none;}
}
@media only screen and (max-width:768px) {
	.container{width:400px;}
	.logo img {width:170px;}
	.brand img{width:43px;}
	#header {padding:18px 0;}
	.brand {padding-top:9px;}
	.mobileMenuList { background:#f9f3ef;}
	.social-search li, .mobileMenuList ul {display:none;}
	.social-search li.searchBtn {display:block;}
	.mobileMenu {    display: inline-block; float:left;
    padding-top: 9px;
    width:47px;
    padding: 9px 0px;
    border-left: 1px solid #ede4dd;
}
	.mobileMenuList ul li { border-bottom:1px solid #ede4dd; padding:18px 0;}
	.mobileMenuList ul li a {color:#333;}
	.social-search.fl_right {float:left;}
	.navigation li {display:none; margin-right: 12px;}
	/*.navigation .hasSubmenu {display:block;}*/
	.navigation .hasSubmenu, .navigation .hasSubmenu2 {display:block;}
	.mobileMenu li {cursor:pointer; position:relative;}
	.mobileMenu li * {transition:all ease-out 0.5ms;}
	.mobileMenu li a{color:#333; display:inline-block; vertical-align:middle;}
	.mobileMenu li span{width:20px; height:2px; display:inline-block; position:relative; margin-left:13px; background:#333; vertical-align:middle;}
	.mobileMenu li span:after, .mobileMenu li span:before{ position:absolute; width:20px; height:2px; background:#333; left:0; top:-6px; content:'';}
	.mobileMenu li span:after{ top:auto; bottom:-6px;}
	.mobileMenu li:after, .mobileMenu li:before{ content:''; right:14px; top:8px; width:20px; height:1px; background:#f37928; position:absolute; transition:all ease-out 0.5s; opacity:0;}
	.mobileMenu li.active:after{transform:rotate(-37deg); opacity:1;}
	.mobileMenu li.active:before{transform:rotate(37deg); opacity:1;}
	.mobileMenu li.active span {opacity:0;}
	.mobileMenu li.active a{ color:#f37928;}
	.submenu li {width:162px;}
	.submenu li:nth-child(odd){ border-left:1px  solid #ede4dd;}
	.searchInput {width:61%;}
	#searchBox {padding:24px 0 32px;}
	h1 {font-size:32px; line-height:40px;}
	h2{font-size:28px; line-height:36px;}
	h3 {font-size:24px; line-height:32px;}
	h4{font-size:22px; line-height:30px;}
	#main-banner {height:auto;}
	#main-banner .hero-banner { width:1225px; transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); -webkit-transform:translateX(-50%); position:static; max-width:inherit;}
	#main-banner ul.topic-items {font-size:11px;}
	#main-banner .container{ position:static;}
	/*ul.topic-items li.userName{color:#6d6d6d;}*/
	body section .container .gridItem, .contributors, .twitter-feed {width:100%;}
	body section .container .contributors .gridItem, .fourColumnGrid .gridItem:nth-child(n+1):nth-child(3n+2) {width:40%; margin:0 15px 15px;}
	.signUp > li {width:100%;}
	.footer-menu, .copyrightInfo {width:100%; text-align:left;}
	.acrodian-head .showHideText span, .acrodian-head .showHideText.closeText span {display:none;}
	.acrodian-head .showHideText {background:url(../images/down-arrow.png) no-repeat; width:23px; height:15px;}
	.acrodian-head .showHideText.closeText{ background:url(../images/up-arrow.png) no-repeat;}
	body .media-footer a.category-link {width:46%; float:left; margin:0; font-size:13px;}
	body .media-footer a.category-link:first-child {margin-right:25px; margin-top:10px; margin-bottom:10px;}
	.captionBox {bottom:34px;position:absolute;padding-top:20px; padding:20px; margin:10px 0; bottom:0 !important;}
	.captionBox  a{bottom:34px;position:static;}
	.category-name{ position:absolute; left:10px;}
	.feature-topics {padding:25px 0 15px;}
	.media-topics {padding-top:34px 0 32px;}
	.latest-topics {padding-top:25px 0 42px;}
	.explainer-topics {margin-top:32px; padding:26px 0 0;}
	body .explainer-topics a.category-link {margin:0px 0 0;}
	.topicsByCat .viewTopicsArea { padding-bottom:0;}
	.topics-by-cat {padding:26px 0 28px;}
	.twitter-feed {margin-top:26px;}
	.threeColumnGrid .gridItem:nth-child(n+1):nth-child(3n+2),.threeColumnGrid .gridItem { margin:0;margin-bottom:27px;}
	.twoColumnGrid .gridItem:nth-child(odd) {margin-right:0; margin-bottom:27px;}
	.latest-topics .gridItem .row {margin-bottom:0; margin-top:28px;}
	.postInfoholder {margin-right:7px; padding-right:7px; font-size:14px;}
	.filterOptionHolder .postInfoholder:nth-child(3){margin-right:0; padding-right:0;}
	.filterRefine {line-height:72px;}
	.filter-block form.rightfilter { padding-bottom:18px; border-top:1px solid #f9f3ef; width:100%;}
	.commentTextBox {padding:15px;}
	#footer {padding-bottom:25px;}
	.author_type {width:50%;}
	.content_type {width:46.5%;}
	.filter-topics {padding-bottom:0;}
	.innerPage .category-name {position:relative;}
	
	.menuTextHolder {height: 27px; font-size: 12px; line-height: 13px;}
	.submenu li:hover .iconHolder img {top: -25px;}
	.submenu .iconHolder{width: 25px; height: 25px;}
}
@media only screen and (max-width:640px) {
.search-page .filter-block .selectBoxHolder .selectValue {background-position: calc(100% - 6px) 22px;}
.filter-block .selectBoxHolder .selectValue {background-size: 10px 5px;}	
	
}

@media only screen and (max-width:400px) {
	.container{width:90%;}
	.right-section {width:100%;}
	.profileDetails .userImgHolde { margin-right:16px;}
    .SumoSelect.open > .optWrapper{height:180px; overflow-y: scroll;} /*Added by man 16052020*/
}