/* Theme Name: Odditycentral Description: Odditycentral - Collecting oddities Author: Orbith Baco */ body{margin:0;padding:0;text-align:center;color:#5b6265;font:16px arial;background:#f2f2f2;}h1,h2,h3,h4{margin:0;padding:0}h2 { font-size: 29px; line-height: 34px;}a:link,a:visited{text-decoration:none;color:#296181}a img{border:0}a:hover{color:#439600;text-decoration:underline}.clear{clear:both}.left{float:left}.right{float:right}.blue{color:#296181}#wrapper{width:1200px;margin:0 auto;text-align:left}#header{margin-bottom:20px;position:relative}#header #top_nav ul{margin:0;padding:10px 0 0 0;list-style:none}#header #top_nav ul li{float:left;margin-right:24px}#header #top_nav ul li a{color:#fff}#header #logo{padding-top:9px}#header .adds-wrap{width:728px;float:right;margin-top:60px}#header #category_nav ul{margin:0;padding:0;list-style:none}#header #category_nav ul li{float:left;padding-top:20px;font-weight:bold;font-size:13px;margin-right:30px}#header #category_nav ul li a{display:block;float:left;padding:22px 3px 0 3px}#search-top{right:0;top:0;width:336px;height:58px;padding-top:1px;position:absolute;z-index:9}#header #category_nav ul li.c1 a{background:url(images/sprite.png) no-repeat;background-position:7px -488.6px}#header #category_nav ul li.c2 a{background:url(images/sprite.png) no-repeat;background-position:12px 0}#header #category_nav ul li.c3 a{background:url(images/sprite.png) no-repeat;background-position:17px -783.5px}#header #category_nav ul li.c4 a{background:url(images/sprite.png) no-repeat;background-position:15px -296px}#header #category_nav ul li.c5 a{background:url(images/sprite.png) no-repeat;background-position:11px -1173.6px}#header #category_nav ul li.c6 a{background:url(images/sprite.png) no-repeat;background-position:21px -196px}#header #category_nav ul li.c7 a{background:url(images/sprite.png) no-repeat;background-position:17px -395.5px}#header #category_nav ul li.c8 a{background:url(images/sprite.png) no-repeat;background-position:16px -977.3px}#header #category_nav ul li.c9 a{background:url(images/sprite.png) no-repeat;background-position:11px -587px}#header #category_nav ul li.c10 a{background:url(images/sprite.png) no-repeat;background-position:4px -685.2px}#header #category_nav ul li.c11 a{background:url(images/sprite.png) no-repeat;background-position:15px -1075.4px}#header #category_nav ul li.c12 a{background:url(images/sprite.png) no-repeat;background-position:13px -879.5px}#header #category_nav ul li.c13 a{background:url(images/sprite.png) no-repeat;background-position:32px -100.2px}#header #category_nav ul li.c1 a:hover{background:url(images/sprite.png) no-repeat;background-position:7px -1222.4px}#header #category_nav ul li.c2 a:hover{background:url(images/sprite.png) no-repeat;background-position:12px -51.4px}#header #category_nav ul li.c3 a:hover{background:url(images/sprite.png) no-repeat;background-position:17px -1026.5px}#header #category_nav ul li.c4 a:hover{background:url(images/sprite.png) no-repeat;background-position:15px -733px}#header #category_nav ul li.c5 a:hover{background:url(images/sprite.png) no-repeat;background-position:11px -833.5px}#header #category_nav ul li.c6 a:hover{background:url(images/sprite.png) no-repeat;background-position:21px -440px}#header #category_nav ul li.c7 a:hover{background:url(images/sprite.png) no-repeat;background-position:17px -1125.5px}#header #category_nav ul li.c8 a:hover{background:url(images/sprite.png) no-repeat;background-position:16px -343.6px}#header #category_nav ul li.c9 a:hover{background:url(images/sprite.png) no-repeat;background-position:11px -636.7px}#header #category_nav ul li.c10 a:hover{background:url(images/sprite.png) no-repeat;background-position:4px -148.6px}#header #category_nav ul li.c11 a:hover{background:url(images/sprite.png) no-repeat;background-position:15px -540px}#header #category_nav ul li.c12 a:hover{background:url(images/sprite.png) no-repeat;background-position:13px -929.5px}#header #category_nav ul li.c13 a:hover{background:url(images/sprite.png) no-repeat;background-position:32px -246.5px}#maincontent-wrapper{padding-top:15px;line-height:26px}#maincontent{float:left;width:815px}#breadcrumb{background:#f7f7f7;border:1px solid #ddd;padding:10px 20px;margin-bottom:12px}#breadcrumb ul{margin:0;padding:0;list-style:none}#breadcrumb ul li{float:left;padding:8px 20px 0 20px;background:url(images/sprite.png) no-repeat;background-position:0 -1509px}#breadcrumb ul li#home-icon{background:url(images/sprite.png) no-repeat;background-position:0 -2344px;padding:8px 20px 0 40px} .boxcontent #subscribe a{ margin:0 6px;} .boxcontent{border:1px solid #ddd;background-color:#fff;margin-bottom:12px}.with-padding{padding:15px;border-bottom:1px solid #ddd}span.com a{display:block;float:left;background:url(images/sprite.png) no-repeat;background-position:0 -2102.5px;width:108px;height:24px;color:#fff;font-weight:bold;text-align:center;padding-top:3px;padding-right:5px;margin-top:5px}.post-network a{display:block;float:left;padding:5px}.post-detail,.post-network{padding:7px 0}.entry #share-med{float:right;width:305px;border-left:1px solid #2a607f;padding-left:3px;padding-top:90px;height:160px}.entry #share-med .share{float:left;margin:5px}span.post-info{display:block;float:left;margin-right:15px}span.rateboxlink span:first-child,span.rateboxlink a:first-child{display:block;background:#439600 url(images/sprite.png) no-repeat;background-position:0 -1320px;color:#fff;font-weight:bold;padding:1px 10px 1px 25px;float:left;margin-right:1px}span.rateboxlink span:last-child,span.rateboxlink a:last-child{display:block;background:#e10000 url(images/sprite.png) no-repeat;background-position:0 -1418.5px;color:#fff;font-weight:bold;padding:1px 10px 1px 25px;float:left}#sidebar{float:right;width:360px}#search,#subscribe,.padding{padding:15px}.widgettitle{padding:7px 15px;font-size:16px;color:#296181;border-bottom:1px solid #ddd}.widget{padding:7px 15px}.widget ul{margin:0;padding:0;list-style:none}.widget ul li{padding:5px 15px;border-bottom:1px solid #ddd}#search #s{border:1px solid #ddd;padding:15px;width:240px;color:#5b6265;font-style:italic;float:left}#search .search-btn{background:url(images/sprite.png) no-repeat;background-position:0 -2201px;width:54px;height:49px;border:0;cursor:pointer;float:right}#subscribe #v_rss{background:url(images/sprite.png) no-repeat;background-position:0 -1615px;padding:15px 0 15px 58px;font:bold 14px arial;display:block;float:left}#subscribe #v_email{background:url(images/sprite.png) no-repeat;background-position:0 -1712px;padding:15px 0 15px 58px;font:bold 14px arial;display:block;float:left;margin-left:12px}#follow-twit,#share-btn{padding:10px 15px;background:#f8fafb;border-top:1px dashed #ddd}#share-btn a{margin:0 10px}#share-btn span{float:right;display:block;margin-top:7px}#follow-twit a{background:url(images/sprite.png) no-repeat;background-position:0 -1811.5px;display:block;padding:17px 0 12px 72px;font:bold 14px arial;color:#009fc1}#rated{padding:10px 15px 10px 40px;margin-left:15px;background:url(images/sprite.png) no-repeat;background-position:0 -1907.3px}#rated a{margin:0 8px;color:#8698a4}.rated-entry{border-top:1px solid #ddd;padding:15px}.rated-entry img{float:left;width:40px;height:40px;border:1px solid #ddd;background:#f8f8f8;padding:5px;margin-right:7px}.rated-entry a{font-weight:bold}.green{color:#439600}#recentpost{float:left;width:180px;color:#296181;font:bold 14px arial}#recentpost strong{display:block;padding:15px}.recent-entry{border-top:1px solid #ddd;padding:15px}.recent-entry a{color:#439600;text-decoration:underline;font-weight:normal}.recent-entry a:hover{color:#8698a4}.hide-tab{display:none}#add_160x600{width:100%;height:600px;border:1px solid #ddd;float:right;background:#fff;text-align:center}#copy{border-top:1px solid #ddd;margin-bottom:20px;color:#858585}#copy a{color:#858585}p img{max-width:94.5%}img.centered,img.center,img.aligncenter{display:block;margin-left:auto;margin-right:auto;background:#f8f8f8}img.alignnone{padding:20px;border:1px solid #ddd;background:#f8f8f8}img.alignright{padding:4px;margin:0 0 2px 7px;display:inline;padding:20px;border:1px solid #ddd;background:#f8f8f8}img.alignleft{padding:4px;margin:0 7px 2px 0;display:inline;padding:20px;border:1px solid #ddd;background:#f8f8f8}.alignright{float:right}.alignleft{float:left}.comment_text_ img.avatar{float:left;margin-right:14px}ul.commentlist{margin:0;padding:0;list-style:none}ul.commentlist p{margin:0 0 12px 0;padding:0}ul.commentlist li{margin-bottom:12px}ul.commentlist li.even{border:1px solid #dedede;padding:15px;background:#fff}ul.commentlist li.odd{border:1px solid #74aed0;padding:15px;background:#fff;background:-moz-linear-gradient(top,#fff 0,#e3eaf0 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#e3eaf0));background:-webkit-linear-gradient(top,#fff 0,#e3eaf0 100%);background:-o-linear-gradient(top,#fff 0,#e3eaf0 100%);background:-ms-linear-gradient(top,#fff 0,#e3eaf0 100%);background:linear-gradient(to bottom,#fff 0,#e3eaf0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e3eaf0',GradientType=0)}h2#comments{margin:12px 0}h2#comments span{font-weight:normal;color:#6b7379}span.commenter{display:block;float:left;margin-top:20px;margin-right:12px;padding:7px;border:1px solid #dedede;width:177px}span.commenter input{border:0;color:#5b6265;font-style:italic;width:130px}textarea{border:1px solid #dedede;padding:10px;color:#5b6265;font-style:italic}.comment-btn{background:url(images/sprite.png) no-repeat;background-position:0 -2005.4px;width:111px;height:39px;border:0;cursor:pointer}a.more-link{display:block;margin-top:7px;background:#2a607f;padding:1px 14px;float:right;color:#fff !important}a.more-link:hover{background:#e10000;text-decoration:none}.pibfi_pinterest{position:relative;display:block}.pibfi_pinterest .xc_pin{width:80px;height:50px;background:url(images/sprite.png) no-repeat;background-position:0 -2494.2px;position:absolute;top:5px;margin-left:-1px;opacity:0;cursor:pointer;display:none}.pibfi_pinterest img.left+.xc_pin{margin-left:0}.pibfi_pinterest .xc_pin,.pibfi_pinterest img{-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;transition:opacity .2s ease-out}.pibfi_pinterest img:hover+.xc_pin,.pibfi_pinterest_hover{opacity:.7}.pibfi_pinterest .xc_pin:hover{opacity:1}.wp-pagenavi{clear:both}.wp-pagenavi a,.wp-pagenavi span{text-decoration:none;border:1px solid #bfbfbf;padding:3px 5px;margin:2px}.wp-pagenavi a:hover,.wp-pagenavi span.current{border-color:#000}.wp-pagenavi span.current{font-weight:bold}div.wpcf7{margin:0;padding:0}div.wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em}div.wpcf7-mail-sent-ok{border:2px solid #398f14}div.wpcf7-mail-sent-ng{border:2px solid #f00}div.wpcf7-spam-blocked{border:2px solid #ffa500}div.wpcf7-validation-errors{border:2px solid #f7e700}span.wpcf7-form-control-wrap{position:relative}span.wpcf7-not-valid-tip{position:absolute;top:20%;left:20%;z-index:100;background:#fff;border:1px solid #f00;font-size:10pt;width:280px;padding:2px}span.wpcf7-not-valid-tip-no-ajax{color:#f00;font-size:10pt;display:block}span.wpcf7-list-item{margin-left:.5em}.wpcf7-display-none{display:none}div.wpcf7 img.ajax-loader{border:0;vertical-align:middle;margin-left:4px}div.wpcf7 .watermark{color:#888}.twtr-widget{position:relative;font-size:12px!important;font-family:"lucida grande",lucida,tahoma,helvetica,arial,sans-serif!important;zoom:1}.twtr-fullscreen{font-size:220%!important}.twtr-fullscreen .twtr-new-results{_display:none!important}.twtr-inactive{display:none}.twtr-widget a img{border:0!important}.twtr-doc{overflow:hidden;width:100%;text-align:left;font-weight:normal;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.twtr-bd{padding:0 1px}.twtr-widget .twtr-tweet-wrap{padding:6px 8px;overflow:hidden;zoom:1}.twtr-fullscreen .twtr-tweet-wrap{padding:20px}.twtr-widget .twtr-tweet{border-bottom:1px dotted #ddd;overflow:hidden;zoom:1}.twtr-widget-profile img.twtr-profile-img{display:block;float:left;width:31px;height:31px;border:0!important}.twtr-widget h3,.twtr-widget h4,.twtr-widget p{margin:0!important;padding:0!important;line-height:1.2!important;width:auto!important}.twtr-widget-profile h3,.twtr-widget-profile h4{margin:0 0 0 40px!important}.twtr-widget h3{font-size:11px!important;font-weight:normal!important}.twtr-widget h4{font-size:16px!important}.twtr-widget em,.twtr-widget .twtr-new-results{font-size:9px;font-style:normal;display:block;margin-top:2px;zoom:1}.twtr-widget .twtr-new-results{text-align:center;padding:3px;margin:0 auto -10px auto!important;display:block;position:relative;bottom:5px;line-height:.9}.twtr-results-inner{line-height:1;font-size:100%;padding:4px 0;position:relative;bottom:-2px;width:40%;margin:0 auto;z-index:2;text-align:center}.twtr-results-hr{width:100%;position:relative;z-index:1;height:1px;border-bottom:1px dotted #ddd;bottom:7px;background:0;overflow:hidden}.twtr-new-results span{position:relative;z-index:3;top:-14px;display:block;font-size:9px!important}.twtr-fullscreen .twtr-new-results span{font-size:24px!important}.twtr-hd{padding:10px;position:relative;zoom:1;overflow:hidden}.twtr-fullscreen .twtr-hd{height:0;padding:0}.twtr-timeline{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;position:relative;overflow:hidden;z-index:2;height:225px}.twtr-scroll .twtr-timeline{overflow-x:hidden;overflow-y:auto}.twtr-widget .twtr-tweet:last-child{border-bottom-width:0}.twtr-ft{position:relative}.twtr-ft div{overflow:hidden;padding:10px;zoom:1}.twtr-ft span{float:right;text-align:right}.twtr-ft a{float:left;display:block}.twtr-ft span a{float:none}.twtr-avatar{width:40px;height:40px;float:left;overflow:hidden;display:block}.twtr-fullscreen .twtr-avatar{width:80px;height:80px}.twtr-img{height:25px;width:25px}.twtr-img img{width:30px;height:30px}.twtr-fullscreen .twtr-img img{width:72px;height:72px}.twtr-fullscreen a.twtr-join-conv{display:none}.twtr-tweet-text{margin-left:40px}.twtr-fullscreen .twtr-tweet-text{margin-left:90px}.twtr-doc a{text-decoration:none!important}.twtr-doc a:hover{text-decoration:underline!important}.entry a:link,.entry a:visited{color:#439600}.entry a:hover{color:#296181;} .mobilemenu{display:none;}#mobilecategories{display:none;} .addtoany_share_save_container{display:none !important;} .addtoany_shortcode { margin-top: 25px;} body { -webkit-text-size-adjust: 100% !important; } #taboola-below-article-thumbnails { margin-top: 18px; } .boxcontent.subscribefb.on_tablet { display: none; } #subscribe > a { float: left; } #subscribe { display: table; } /*custom css*/ .sticky { position: fixed; width: 362px !important; top: 20px; margin-left: -3px; height: auto !important; padding: 20px 0; } .topheader { background-color: #1E4965; padding: 8px 0; box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.3); position: relative; } .contentcenter { display: table; margin: 0 auto; max-width: 1200px; width: 100%; } .logo > img { float: left; max-width: 290px; margin-top: 2px; } .mainmenu, .menu-header-menu-container { float: left; } #menu-header-menu { display: table; list-style: outside none none; margin: 10px 0 0 65px; padding: 0; } #menu-header-menu li { border-right: 1px solid #fff; float: left; line-height: 18px; padding-left: 9px; padding-right: 9px; position: relative; text-transform: uppercase; cursor:pointer; } #menu-header-menu li:last-child{ border-right:0; } #menu-header-menu li a { color: #fff; float: left; font-size: 15px; text-decoration: none; } #menu-header-menu li a:hover, #menu-header-menu li:hover > a{ color:#729db9; } .sub-menu { display: none; } .headersocial { float: right; margin-top: 0px; } .headersocial .fa.fa-search { color: #fff; cursor: pointer; float: left; font-size: 20px; line-height: 30px; } .headersocial ul.cnss-social-icon li { margin-left: 12px !important; } body .topheader .headersocial ul.cnss-social-icon li a { background: transparent none repeat scroll 0 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; width: auto !important; } .cnss-social-icon { float: left; } .maincontent { background-color: #f2f2f2; display: table; width: 100%; padding-top: 15px; padding-bottom: 45px; } #menu-header-menu .sub-menu { background-color: #1e4965; box-shadow: 6px 6px 4px -5px rgba(0, 0, 0, 0.3); left: 0; list-style: outside none none; min-width: 199px; padding: 20px 0 10px; position: absolute; top: 17px; z-index:9999999; } #menu-header-menu .sub-menu li { border: 0 none; box-sizing: border-box; line-height: 18px; margin-bottom: 5px; width: 100%; } #menu-header-menu .sub-menu li a { font-size: 15px; width:100%; text-align:left; } #menu-header-menu li:hover .sub-menu{ display:block; } .headersearch { background-color: #1e4965; bottom: 0; height: 42px; position: absolute; width: 100%; opacity:0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; border-bottom:1px solid #c3c3c3; padding-top:2px; z-index:999; } .activesearch{ opacity:1; bottom:-44px; } .headersearch #search { border:0; background-color: transparent; border-bottom:1px solid #fff; float: left; width: 80%; height: auto; padding: 10px; color:#fff; font-size:17px; padding:6px; } .closesearch { color: #fff; cursor: pointer; float: right; font-family: Arial; font-size: 20px; margin-top: 8px; } .a2a_floating_style { top: 35% !important; padding: 0 !important; z-index: 9999 !important; } .a2a_floating_style a { padding: 0 !important; border-radius: 0 !important; margin-bottom:1px; } .a2a_svg { border-radius: 0 !important; height: 38px !important; line-height: 38px !important; width: 38px !important; } .a2a_svg svg { width: 28px !important; margin-top: 7px !important; } span.a2a_s_email { background-color: #969696 !important; } .topheader .contentcenter{ position:relative; z-index:999999; } .ess-image-wrap { display: table !important; margin-left: auto !important; margin-right: auto !important; } .ess-image-wrap .ess-buttons, .ess-share-link-wrap{ opacity: 1 !important; visibility:visible !important; } .ess-icon { height: 26px !important; width: 12px !important; } .pop-layout-v div.pop-inside ul li img { margin: 0 0 5px 0 !important; max-width: 315px !important; width: 100% !important; } .a2a_floating_style { display: none !important; } .single-post .a2a_floating_style { display: block !important; } .singlepostfooter { padding: 18px; } .relatedthumb { float: left; width: 32%; min-height:295px; } .listingrelated { display: table; width: 100%; } .relatedposts { width: 100%; display: table; margin-top: 20px; } .relatedthumb:nth-child(3n+2) { margin: 0 2%; } .relatedposts > h3 { margin-bottom: 15px; margin-top: 10px; } img.alignnone { padding: 0; border: 0; background: transparent; } @media (min-width:1025px) and (max-width:1600px){ .addtoany_list.a2a_kit_size_32 a{margin:0 19px !important;} } @media (min-width:960px) and (max-width:1024px){ #wrapper{width: 950px;} .maincontent-wrapper{width:950px;} #logo img {height: 184px;width: 290px;} #header #category_nav ul li{margin-right:25px;} #maincontent{width:575px;} #header .adds-wrap{overflow:scroll;width:610px;} p img{max-width:100%;} textarea#comment { max-width: 92%;} .entry iframe { max-width: 100% !important;} .addtoany_list.a2a_kit_size_32 a{margin:0 14px !important;} } @media (min-width:768px) and (max-width:959px){ .not_show{display:none;} #subscribe {display: table;} #subscribe a { display: table;float: left;} body{background-image:none !important;} .screen-reader-text{display:none;} #search-top{width:220px;} #wrapper{width: 100%; background-image:none !important; } body{background-image:url("http://www.odditycentral.com/wp-content/uploads/2015/05/topbackground.png") !important; background-repeat:repeat-x !important;} #header{background-image:url("http://www.odditycentral.com/wp-content/uploads/2015/05/mobilebackground.png"); background-size:cover;} #header, #maincontent-wrapper{width:748px; margin:0 auto; float:none;} #logo img {height: 184px;width: 290px;} #header #category_nav ul li{margin-right:12px;} #maincontent{width:378px;} #header .adds-wrap{width:100%; margin-top:12px;} h2 {font-size: 15px;} #maincontent .entry p img{max-width: 100%; height:auto;} #top_nav{background-color:rgba(26, 59, 79, 0.68); border-bottom:1px solid #07173C; padding-left:9px; padding-bottom:9px;} #search-top{height:auto; padding-top:4px;} .mobilemenu { display: block; max-height: 300px; overflow: hidden; text-align:center;} .mobilemenu img { margin-top: 15px; max-width: 250px;} h1#logo{display:none;} #category_nav { background-color: #f8fafb; border: 1px solid #ccc; margin-top:18px; padding-bottom:12px;} #category_nav ul{display:table; margin:0 auto !important;} .wp-pagenavi{overflow:auto;} .wp-pagenavi a, .wp-pagenavi span{float:left;} #category_nav ul .c13{margin-right:0 !important;} textarea#comment { max-width: 92%;} .entry iframe { max-width: 100% !important;} #maincontent { width: 494px;} #sidebar {float: right;width: 240px;} #richmedia_4 > a {display: block;width: 100%;} #richmedia_4 img {width: 100%;height: auto;} #recentpost { width: 100%;} #add_160x600 {background: transparent none repeat scroll 0 0;border: medium none;width: 100%;} .boxcontent.subscribefb {overflow-x: scroll;} h2 {font-size: 17px;} p {font-size: 13px;} span.post-info {font-size: 13px;} .boxcontent.subscribefb.on_tablet {display: block;} .boxcontent.subscribefb.on_desktop {display: none;} .addtoany_list.a2a_kit_size_32 a{margin:0 8px !important;} } @media (min-width:640px) and (max-width:767px){ body{background-image:none !important;} .screen-reader-text{display:none;} #search-top{width:220px;} #wrapper{width: 100%; background-image:none !important; } body{background-image:url("http://www.odditycentral.com/wp-content/uploads/2015/05/topbackground.png") !important; background-repeat:repeat-x !important;} #topmobile{background-image:url("http://www.odditycentral.com/wp-content/uploads/2015/05/mobilebackground.png"); background-size:cover; padding-bottom:15px;} #logo img {height: 184px;width: 290px;} #header #category_nav ul li{margin-right:12px;} #maincontent{width:100%;} #header .adds-wrap { margin-top: 12px; overflow: scroll; width: 620px; float: none; margin: 12px auto 0;} h2 {font-size: 15px;} #maincontent .entry p img{max-width: 100%; height:auto;} #top_nav{background-color:rgba(26, 59, 79, 0.68); border-bottom:1px solid #07173C; padding-left:9px; padding-bottom:9px;} #top_nav ul{margin:0 auto !important; display:table;} #search-top { margin: 4px auto 0; position: relative; width: 220px; height:auto !important;} .mobilemenu { display: block; max-height: 300px; overflow: hidden; text-align:center;} .mobilemenu img { margin-top: 15px; max-width: 250px;} h1#logo{display:none;} #category_nav { display:none;} .wp-pagenavi{overflow:auto;} .wp-pagenavi a, .wp-pagenavi span{float:left;} #header, #maincontent-wrapper { float: none !important; margin: 0 auto !important; width: 620px !important; padding-bottom: 15px !important;} #sidebar{width:100%;} .subscribemobile, .subscribefb, .mobilenone, #recentpost{display:none !important;} #add_160x600{float:none; margin:0 auto;} #search-top{width:250px;} textarea#comment { max-width: 92%;} .entry iframe { max-width: 100% !important;} #breadcrumb, #sharebar{display:none !important;} .addtoany_share_save_container{display:block !important;} .addtoany_list a{margin-bottom:7px !important;} #mobilecategories, #category_nav{display:block;} #mobilecategories { background-image:url("http://www.odditycentral.com/wp-content/uploads/2015/05/responsiveicon.png"); background-repeat:no-repeat; background-position:585px 10px; cursor:pointer; color: #296181; font-size: 17px; text-align: center; padding-top: 7px; margin-top: 25px; padding-bottom: 7px; background-color: #fff;} #category_nav ul{display:none;} #header #category_nav ul li{background-color:#fff;} #header #category_nav ul { background-color: #fff; overflow: auto; padding: 0 0 15px;} #header #category_nav ul li a { padding: 1px 3px 0 45px;} #header #category_nav ul li { margin-right: 0; width: 100%;} #header #category_nav ul li.c1 a { background: url("images/sprite.png") no-repeat scroll 8px -488.6px rgba(0, 0, 0, 0);} #header #category_nav ul li.c2 a { background: url("images/sprite.png") no-repeat scroll 10px 0 rgba(0, 0, 0, 0);} #header #category_nav ul li.c3 a { background: url("images/sprite.png") no-repeat scroll 11px -783.5px rgba(0, 0, 0, 0);} #header #category_nav ul li.c4 a { background: url("images/sprite.png") no-repeat scroll 11px -296px rgba(0, 0, 0, 0);} #header #category_nav ul li.c6 a { background: url("images/sprite.png") no-repeat scroll 12px -196px rgba(0, 0, 0, 0);} #header #category_nav ul li.c7 a { background: url("images/sprite.png") no-repeat scroll 15px -395.5px rgba(0, 0, 0, 0);} #header #category_nav ul li.c8 a { background: url("images/sprite.png") no-repeat scroll 14px -977.3px rgba(0, 0, 0, 0);} #header #category_nav ul li.c9 a { background: url("images/sprite.png") no-repeat scroll 13px -587px rgba(0, 0, 0, 0);} #header #category_nav ul li.c10 a { background: url("images/sprite.png") no-repeat scroll 12px -685.2px rgba(0, 0, 0, 0);} #header #category_nav ul li.c11 a { background: url("images/sprite.png") no-repeat scroll 11px -1075.4px rgba(0, 0, 0, 0);} #header #category_nav ul li.c12 a { background: url("images/sprite.png") no-repeat scroll 15px -879.5px rgba(0, 0, 0, 0);} #header #category_nav ul li.c13 a { background: url("images/sprite.png") no-repeat scroll 11px -100.2px rgba(0, 0, 0, 0);} #header #category_nav ul li.c1 a:hover { background: url("images/sprite.png") no-repeat scroll 8px -488.6px rgba(0, 0, 0, 0) !important;} #header #category_nav ul li.c2 a:hover { background: url("images/sprite.png") no-repeat scroll 10px 0 rgba(0, 0, 0, 0) !important;} #header #category_nav ul li.c3 a:hover{ background: url("images/sprite.png") no-repeat scroll 11px -783.5px rgba(0, 0, 0, 0) !important;} #header #category_nav ul li.c4 a:hover{ background: url("images/sprite.png") no-repeat scroll 11px -296px rgba(0, 0, 0, 0) !important;} #header #category_nav ul li.c6 a:hover{ background: url("images/sprite.png") no-repeat scroll 12px -196px rgba(0, 0, 0, 0) !important;} #header #category_nav ul li.c7 a:hover{ background: url("images/sprite.png") no-repeat scroll 15px -395.5px rgba(0, 0, 0, 0) !important;} #header #category_nav ul li.c8 a:hover{ background: url("images/sprite.png") no-repeat scroll 14px -977.3px rgba(0, 0, 0, 0) !important;} #header #category_nav ul li.c9 a:hover{ background: url("images/sprite.png") no-repeat scroll 13px -587px rgba(0, 0, 0, 0) !important;} #header #category_nav ul li.c10 a:hover{ background: url("images/sprite.png") no-repeat scroll 12px -685.2px rgba(0, 0, 0, 0) !important;} #header #category_nav ul li.c11 a:hover{ background: url("images/sprite.png") no-repeat scroll 11px -1075.4px rgba(0, 0, 0, 0) !important;} #header #category_nav ul li.c12 a:hover{ background: url("images/sprite.png") no-repeat scroll 15px -879.5px rgba(0, 0, 0, 0) !important;} #header #category_nav ul li.c13 a:hover{ background: url("images/sprite.png") no-repeat scroll 11px -100.2px rgba(0, 0, 0, 0) !important;} .addtoany_list.a2a_kit_size_32 a{margin:0 17px !important;} } @media (min-width:480px) and (max-width:639px){ body{background-image:none !important;} .screen-reader-text{display:none;} #search-top{width:220px;} #wrapper{width: 100%; background-image:none !important; } body{background-image:url("http://www.odditycentral.com/wp-content/uploads/2015/05/topbackground.png") !important; background-repeat:repeat-x !important;} #topmobile{background-image:url("http://www.odditycentral.com/wp-content/uploads/2015/05/mobilebackground.png"); background-size:cover; padding-bottom:15px;} #logo img {height: 184px;width: 290px;} #header #category_nav ul li{margin-right:12px;} #maincontent{width:100%;} #header .adds-wrap { margin-top: 12px; overflow: scroll; width: 460px; float: none; margin: 12px auto 0;} h2 {font-size: 15px;} #maincontent .entry p img{max-width: 100%; height:auto;} #top_nav{background-color:rgba(26, 59, 79, 0.68); border-bottom:1px solid #07173C; padding-left:9px; padding-bottom:9px;} #top_nav ul{margin:0 auto !important; display:table;} #search-top { margin: 4px auto 0; position: relative; width: 220px; height:auto !important;} .mobilemenu { display: block; max-height: 300px; overflow: hidden; text-align:center;} .mobilemenu img { margin-top: 15px; max-width: 250px;} h1#logo{display:none;} #category_nav { display:none;} .wp-pagenavi{overflow:auto;} .wp-pagenavi a, .wp-pagenavi span{float:left;} #header, #maincontent-wrapper { float: none !important; margin: 0 auto !important; width: 460px !important; padding-bottom: 15px !important;} #sidebar{width:100%;} .subscribemobile, .subscribefb, .mobilenone, #recentpost{display:none !important;} #add_160x600{float:none; margin:0 auto;} #search-top{width:250px;} textarea#comment { max-width: 92%;} .entry iframe { max-width: 100% !important; } #breadcrumb, #sharebar{display:none !important;} .addtoany_share_save_container{display:block !important;} .addtoany_list a{margin-bottom:7px !important;} #mobilecategories, #category_nav{display:block;} #mobilecategories { background-image:url("http://www.odditycentral.com/wp-content/uploads/2015/05/responsiveicon.png"); background-repeat:no-repeat; background-position:430px 10px; cursor:pointer; color: #296181; font-size: 17px; text-align: center; padding-top: 7px; margin-top: 25px; padding-bottom: 7px; background-color: #fff;} #category_nav ul{display:none;} #header #category_nav ul li{background-color:#fff;} #header #category_nav ul { background-color: #fff; overflow: auto; padding: 0 0 15px;} #header #category_nav ul li a { padding: 1px 3px 0 45px;} #header #category_nav ul li { margin-right: 0; width: 100%;} #header #category_nav ul li.c1 a { background: url("images/sprite.png") no-repeat scroll 8px -488.6px rgba(0, 0, 0, 0);} #header #category_nav ul li.c2 a { background: url("images/sprite.png") no-repeat scroll 10px 0 rgba(0, 0, 0, 0);} #header #category_nav ul li.c3 a { background: url("images/sprite.png") no-repeat scroll 11px -783.5px rgba(0, 0, 0, 0);} #header #category_nav ul li.c4 a { background: url("images/sprite.png") no-repeat scroll 11px -296px rgba(0, 0, 0, 0);} #header #category_nav ul li.c6 a { background: url("images/sprite.png") no-repeat scroll 12px -196px rgba(0, 0, 0, 0);} #header #category_nav ul li.c7 a { background: url("images/sprite.png") no-repeat scroll 15px -395.5px rgba(0, 0, 0, 0);} #header #category_nav ul li.c8 a { background: url("images/sprite.png") no-repeat scroll 14px -977.3px rgba(0, 0, 0, 0);} #header #category_nav ul li.c9 a { background: url("images/sprite.png") no-repeat scroll 13px -587px rgba(0, 0, 0, 0);} #header #category_nav ul li.c10 a { background: url("images/sprite.png") no-repeat scroll 12px -685.2px rgba(0, 0, 0, 0);} #header #category_nav ul li.c11 a { background: url("images/sprite.png") no-repeat scroll 11px -1075.4px rgba(0, 0, 0, 0);} #header #category_nav ul li.c12 a { background: url("images/sprite.png") no-repeat scroll 15px -879.5px rgba(0, 0, 0, 0);} #header #category_nav ul li.c13 a { background: url("images/sprite.png") no-repeat scroll 11px -100.2px rgba(0, 0, 0, 0);} #header #category_nav ul li.c1 a:hover { background: url("images/sprite.png") no-repeat scroll 8px -488.6px rgba(0, 0, 0, 0) !important;} #header #category_nav ul li.c2 a:hover { background: url("images/sprite.png") no-repeat scroll 10px 0 rgba(0, 0, 0, 0) !important;} #header #category_nav ul li.c3 a:hover{ background: url("images/sprite.png") no-repeat scroll 11px -783.5px rgba(0, 0, 0, 0) !important;} #header #category_nav ul li.c4 a:hover{ background: url("images/sprite.png") no-repeat scroll 11px -296px rgba(0, 0, 0, 0) !important;} #header #category_nav ul li.c6 a:hover{ background: url("images/sprite.png") no-repeat scroll 12px -196px rgba(0, 0, 0, 0) !important;} #header #category_nav ul li.c7 a:hover{ background: url("images/sprite.png") no-repeat scroll 15px -395.5px rgba(0, 0, 0, 0) !important;} #header #category_nav ul li.c8 a:hover{ background: url("images/sprite.png") no-repeat scroll 14px -977.3px rgba(0, 0, 0, 0) !important;} #header #category_nav ul li.c9 a:hover{ background: url("images/sprite.png") no-repeat scroll 13px -587px rgba(0, 0, 0, 0) !important;} #header #category_nav ul li.c10 a:hover{ background: url("images/sprite.png") no-repeat scroll 12px -685.2px rgba(0, 0, 0, 0) !important;} #header #category_nav ul li.c11 a:hover{ background: url("images/sprite.png") no-repeat scroll 11px -1075.4px rgba(0, 0, 0, 0) !important;} #header #category_nav ul li.c12 a:hover{ background: url("images/sprite.png") no-repeat scroll 15px -879.5px rgba(0, 0, 0, 0) !important;} #header #category_nav ul li.c13 a:hover{ background: url("images/sprite.png") no-repeat scroll 11px -100.2px rgba(0, 0, 0, 0) !important;} #zem_rp_first { margin-top: 25px;} div.zem_rp_footer a.zem_rp_edit{margin-bottom:10px;} .addtoany_list.a2a_kit_size_32 a{margin:0 6px !important;} } @media (min-width:320px) and (max-width:479px){ body{background-image:none !important;} .screen-reader-text{display:none;} #search-top{width:220px;} #wrapper{width: 100%; background-image:none !important; } body{background-image:url("http://www.odditycentral.com/wp-content/uploads/2015/05/topbackground.png") !important; background-repeat:repeat-x !important;} #topmobile{background-image:url("http://www.odditycentral.com/wp-content/uploads/2015/05/mobilebackground.png"); background-size:cover; padding-bottom:15px; overflow:auto;} #logo img {height: 184px;width: 290px;} #header #category_nav ul li{margin-right:12px;} #maincontent{width:100%;} #header .adds-wrap { margin-top: 12px; overflow: scroll; width: 300px; float: none; margin: 12px auto 0;} h2 {font-size: 15px;} #maincontent .entry p img{max-width: 100%; height:auto;} #top_nav{background-color:rgba(26, 59, 79, 0.68); border-bottom:1px solid #07173C; padding-left:9px; padding-bottom:9px;} #top_nav ul{margin:0 auto !important; display:table;} #search-top { margin: 4px auto 0; position: relative; width: 220px; height:auto !important;} .mobilemenu { display: block; max-height: 300px; overflow: hidden; text-align:center;} .mobilemenu img { margin-top: 15px; max-width: 190px;} h1#logo{display:none;} .wp-pagenavi{overflow:auto;} .wp-pagenavi a, .wp-pagenavi span{float:left;} #header, #maincontent-wrapper { float: none !important; margin: 0 auto !important; width: 300px !important; padding-bottom: 15px !important;} #sidebar{width:100%;} .subscribemobile, .subscribefb, .mobilenone, #recentpost{display:none !important;} #add_160x600{float:none; margin:0 auto;} #search-top{width:250px;} #sidebar .padding { padding: 0 !important; border: 0 !important;} #footer img { display: table; margin: 0 auto; max-width: 280px;} #header #top_nav ul{padding:12px 0 6px; padding-left:20px;} #header #top_nav ul li{margin-bottom:6px;} textarea#comment { max-width: 92%;} ul.related_post{text-align:center;} body div.zem_rp_footer{text-align:center !important;} #searchform input#s { width: 140px !important;} textarea.wpcf7-textarea {max-width: 90%;} input.wpcf7-text, input.wpcf7-quiz { max-width: 96%;} span.wpcf7-not-valid-tip { left: 0; top: 112%; width: 257px;} .entry iframe { max-width: 100% !important;} #breadcrumb, #sharebar{display:none !important;} .addtoany_share_save_container{display:block !important;} .addtoany_list a{margin-bottom:7px !important;} #mobilecategories, #category_nav{display:block;} #mobilecategories { background-image:url("http://www.odditycentral.com/wp-content/uploads/2015/05/responsiveicon.png"); background-repeat:no-repeat; background-position:270px 10px; cursor:pointer; color: #296181; font-size: 17px; text-align: center; padding-top: 7px; margin-top: 25px; padding-bottom: 7px; background-color: #fff;} #category_nav ul{display:none;} #header #category_nav ul li{background-color:#fff;} #header #category_nav ul { background-color: #fff; overflow: auto; padding: 0 0 15px;} #header #category_nav ul li a { padding: 1px 3px 0 45px;} #header #category_nav ul li { margin-right: 0; width: 100%;} #header #category_nav ul li.c1 a { background: url("images/sprite.png") no-repeat scroll 8px -488.6px rgba(0, 0, 0, 0);} #header #category_nav ul li.c2 a { background: url("images/sprite.png") no-repeat scroll 10px 0 rgba(0, 0, 0, 0);} #header #category_nav ul li.c3 a { background: url("images/sprite.png") no-repeat scroll 11px -783.5px rgba(0, 0, 0, 0);} #header #category_nav ul li.c4 a { background: url("images/sprite.png") no-repeat scroll 11px -296px rgba(0, 0, 0, 0);} #header #category_nav ul li.c6 a { background: url("images/sprite.png") no-repeat scroll 12px -196px rgba(0, 0, 0, 0);} #header #category_nav ul li.c7 a { background: url("images/sprite.png") no-repeat scroll 15px -395.5px rgba(0, 0, 0, 0);} #header #category_nav ul li.c8 a { background: url("images/sprite.png") no-repeat scroll 14px -977.3px rgba(0, 0, 0, 0);} #header #category_nav ul li.c9 a { background: url("images/sprite.png") no-repeat scroll 13px -587px rgba(0, 0, 0, 0);} #header #category_nav ul li.c10 a { background: url("images/sprite.png") no-repeat scroll 12px -685.2px rgba(0, 0, 0, 0);} #header #category_nav ul li.c11 a { background: url("images/sprite.png") no-repeat scroll 11px -1075.4px rgba(0, 0, 0, 0);} #header #category_nav ul li.c12 a { background: url("images/sprite.png") no-repeat scroll 15px -879.5px rgba(0, 0, 0, 0);} #header #category_nav ul li.c13 a { background: url("images/sprite.png") no-repeat scroll 11px -100.2px rgba(0, 0, 0, 0);} #header #category_nav ul li.c1 a:hover { background: url("images/sprite.png") no-repeat scroll 8px -488.6px rgba(0, 0, 0, 0) !important;} #header #category_nav ul li.c2 a:hover { background: url("images/sprite.png") no-repeat scroll 10px 0 rgba(0, 0, 0, 0) !important;} #header #category_nav ul li.c3 a:hover{ background: url("images/sprite.png") no-repeat scroll 11px -783.5px rgba(0, 0, 0, 0) !important;} #header #category_nav ul li.c4 a:hover{ background: url("images/sprite.png") no-repeat scroll 11px -296px rgba(0, 0, 0, 0) !important;} #header #category_nav ul li.c6 a:hover{ background: url("images/sprite.png") no-repeat scroll 12px -196px rgba(0, 0, 0, 0) !important;} #header #category_nav ul li.c7 a:hover{ background: url("images/sprite.png") no-repeat scroll 15px -395.5px rgba(0, 0, 0, 0) !important;} #header #category_nav ul li.c8 a:hover{ background: url("images/sprite.png") no-repeat scroll 14px -977.3px rgba(0, 0, 0, 0) !important;} #header #category_nav ul li.c9 a:hover{ background: url("images/sprite.png") no-repeat scroll 13px -587px rgba(0, 0, 0, 0) !important;} #header #category_nav ul li.c10 a:hover{ background: url("images/sprite.png") no-repeat scroll 12px -685.2px rgba(0, 0, 0, 0) !important;} #header #category_nav ul li.c11 a:hover{ background: url("images/sprite.png") no-repeat scroll 11px -1075.4px rgba(0, 0, 0, 0) !important;} #header #category_nav ul li.c12 a:hover{ background: url("images/sprite.png") no-repeat scroll 15px -879.5px rgba(0, 0, 0, 0) !important;} #header #category_nav ul li.c13 a:hover{ background: url("images/sprite.png") no-repeat scroll 11px -100.2px rgba(0, 0, 0, 0) !important;} #zem_rp_first { margin-top: 25px;} div.zem_rp_footer a.zem_rp_edit{margin-bottom:10px;} } .facebook_like_page { background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0; bottom: 0; color: #fff; left: 0; position: fixed; text-align: center; width: 100%; } .facebook_title { float: left; font-size: 15px; margin-right: 19px; } .centered-facebook { display: table; margin: auto; } .related_post_thumb { width: 100%; height: 208px; background-position: center center; background-size: cover; margin-bottom:10px; } .relatedthumb a{ color: #5b6265; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 22px; font-weight: bold; } .cookie_showmobile { display: none; } /* responsive menu */ .stripes { cursor: pointer; display: none; float: left; margin-top: 6px; width: 30px; margin-left: 10px; position: relative; bottom: 2px; margin-right: 10px; } .stripes > span { background: #fff none repeat scroll 0 0; display: table; float: left; height: 3px; margin: 3px 0; width: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .stripes > span:nth-child(2) { opacity: 1;} .activeclose span:nth-child(1) { transform: rotate(45deg) translateY(7px) translateX(6px); -webkit-transform: rotate(45deg) translateY(7px) translateX(6px); -moz-transform: rotate(45deg) translateY(7px) translateX(6px); -o-transform: rotate(45deg) translateY(7px) translateX(6px); } .activeclose span:nth-child(2) { opacity: 0;} .activeclose span:nth-child(3) { transform: rotate(-45deg) translateY(-7px) translateX(6px); -webkit-transform: rotate(-45deg) translateY(-7px) translateX(6px); -moz-transform: rotate(-45deg) translateY(-7px) translateX(6px); -o-transform: rotate(-45deg) translateY(-7px) translateX(6px); } .boxcontent img { max-width: 100%; height: auto;} .mobilenone .widgettitle { border-bottom: 0;} .mobilenone a.active{display:none;} textarea{resize:none;} .headersearch #search::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; } .headersearch #search::-moz-placeholder { /* Firefox 19+ */ color: #fff; } .headersearch #search:-ms-input-placeholder { /* IE 10+ */ color: #fff; } .headersearch #search:-moz-placeholder { /* Firefox 18- */ color: #fff; } #menu-header-menu { display: table; list-style: outside none none; margin: 9px 0 0 65px; padding: 0; } .onlymobile{ display:none !important; } .fb-footer-iframe { position: fixed; right: 0; bottom: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; z-index: 99999; box-shadow: 0 0 4px 0px #000; } .closefbiframe { background-color: #fff; color: #000; cursor: pointer; padding: 5px; position: relative; right: 0; top: 0; width: 100%; font-size: 11px; box-sizing: border-box; } .closefbiframe span { font-size: 15px; float: right; margin-right: 4px; } /* responsive menu */ #cn-accept-cookie { background-color: #2a607f !important; padding: 1px 14px !important; color: #fff !important; border-radius: 0 !important; box-shadow: unset !important; margin: 0 0 0 10px !important; background-image: none !important; } #cn-accept-cookie:hover {background-color:#e10000 !important;} #cookie-notice { box-shadow: 0 0 4px #000;} .cookie_showmobile{display:none;} @media(max-width:1250px){ .logo > img { margin-left: 10px;} #menu-header-menu li { padding-left: 8px; padding-right: 8px;} #wrapper { width: 97%;display:block;} #maincontent { width: calc(98% - 360px);} .related_post_thumb { height: 155px;} #menu-header-menu li a { font-size: 15px;} #menu-header-menu { margin: 10px 0 0 22px;} .menu-header-menu-container ul li { float: none !important; padding: 5px; display: table; border-right: 0 !important; } .menu-header-menu-container { display: block; position: fixed; top: 0; left: -220px; background-color: #1E4965; width: 210px; padding: 30px; overflow: scroll; height: 100%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; box-sizing: border-box; z-index: 999999; } .menu-header-menu-container ul { margin: 0 !important; } .sub-menu { display: block !important; position: static !important; box-shadow: none !important; padding-left: 10px !important; } .maincontent{display: block !important;} #maincontent { width: calc(98% - 240px);} .adds-wrap.headerads { width: 100%; overflow: scroll;} .stripes {display:block !important;} #menu-header-menu .sub-menu {min-width:auto !important;} #menu-header-menu .sub-menu li { margin-bottom: 0;} } .openedmenu{left:0;} } @media(max-width:1023px){ #menu-header-menu li a { font-size: 14px;} #menu-header-menu li { padding-left: 7px; padding-right: 7px;} } @media(max-width:959px){ .closesearch { margin-right: 6px !important;} #maincontent-wrapper {width: 100% !important;} h2 { font-size: 25px;} .a2a_button_whatsapp{display:none !important;} @media(max-width:768px){ .pop-layout-v div.pop-inside ul li img { margin: 0 10px 5px 0 !important;} #sidebar{width:100%;} body .a2a_vertical_style a { clear: none; float: left; width: 25%;} body .a2a_svg { height: 48px !important; width: 100% !important;} body .a2a_floating_style { width: 100%;} body .a2a_floating_style { top: unset !important; bottom: -1px !important;} #footer { padding-bottom: 15px;} .single #footer { padding-bottom: 30px;} #maincontent-wrapper {width: 100% !important;} #maincontent{ width: 100%;} #add_160x600 {border-left:0 !important;border-right:0 !important;} .related_post_thumb { width: calc(100% + 30px); margin-left: -15px; margin-right: -15px;} .listingrelated { display: table; width: calc(100% + 38px); margin-left: -19px; margin-right: -19px;} .relatedthumb a { padding: 0 15px;display:block;} .logo > img { margin-left: 0;} .onlydesktop{display:none !important;} .onlymobile{display:block !important; text-align:center;} .fb-footer-iframe{display:none !important;} .cookie_showmobile{display:initial;} .cookie_hidemobile{display:none;} .maincontent { padding-bottom: 20px;} } @media(max-width:639px){ #maincontent-wrapper {width: 100% !important;} .related_post_thumb { height: 130px;} #wrapper { width: 100%;} .ess-image-wrap { margin-left: -16px !important; margin-right: -16px !important; max-width: unset !important;} .a2a_button_reddit{display:none !important;} .a2a_button_whatsapp{display:block !important;} .hide_mobile { display: none;} .relatedthumb { width: 100%;} .relatedthumb:nth-child(3n+2){margin:0;} .relatedthumb { min-height: auto; margin-bottom: 15px;} .cnss-social-icon { display: none;} .headersocial .fa.fa-search { position: absolute; left: 10px; top: 5px;} .stripes { position: absolute; right: 10px; top: 2px;margin-right:0 !important;} .logo { margin: 5px auto 0; display: table;} #footer { padding: 15px;} } @media(max-width:479px){ #maincontent-wrapper {width: 100% !important;} .headersocial { float: none; margin: 12px auto 0; display: table;} .relatedthumb { width: 100%; margin-bottom: 20px;} .related_post_thumb { height: 150px;} span.left a, span.left { font-size: 12px;} .stripes { bottom: unset; margin-right: 0; top: 3px;} .mashsb-buttons a { width: 34px !important;} .logo > img { margin: 0 0 0 -10px;;max-width: 200px;} .logo { display: table; margin: 10px auto 0;} .headersocial .fa.fa-search { top: 4px;} .stripes > span { height: 2px;} .activeclose span:nth-child(3) { transform: rotate(-45deg) translateY(-7px) translateX(4px); -webkit-transform: rotate(-45deg) translateY(-7px) translateX(4px); -moz-transform: rotate(-45deg) translateY(-7px) translateX(4px); -o-transform: rotate(-45deg) translateY(-7px) translateX(4px); } .activeclose span:nth-child(1) { transform: rotate(45deg) translateY(7px) translateX(5px); -webkit-transform: rotate(45deg) translateY(7px) translateX(5px); -moz-transform: rotate(45deg) translateY(7px) translateX(5px); -o-transform: rotate(45deg) translateY(7px) translateX(5px); } }