/*
NOTES
body.sitehome = main homepage
body.home = opinions landing page
body.category = opinions landing page for categories
body.debate = opinions debate section
*/



/***********************************************************************overwrites for devices less than 1024 pixels wide*/
@media (max-width: 1024px) {
    
    /*add spacing to the top of page (this is for the menu bar)*/
    body { padding-top: 80px; }
    
    /*main content area wrapper*/
    .pg-body .main { width: 96%; margin: 0 auto; } 
    
    /*sidebar*/
    #below-head .side { border: 0; float: right; width: 100%; } 
    
    /*bread crumbs*/
    #breadcrumb { text-align: center; padding-bottom: 20px; border-bottom: 1px solid #b7b7b7; }
    #breadcrumb .b-b { display: none; } /*spacer line*/
    #breadcrumb > div { float: none !important; margin: 0 auto; width: 166px; margin-top: 20px !important; } /*create new topic button*/
    
    /*site page container*/
    #pg { width: 100%; margin: 0 auto;}
    
    /*site page breadcrumbs*/
    #breadcrumb { width: 95%; margin: 0 auto; }
    
    /*site footer*/
    div#pg-ftr { min-width: 0; width: 100%;  }
    div#pg-ftr > .inner { width: 100%; }
    div#pg-ftr > .inner .cf { padding: 0 20px 0 20px; }
    div#pg-ftr > .inner .cf > div { display: block; float: left !important; }
    div#pg-ftr > .inner .cf > .logo { position: relative; top: 0; margin-bottom: 10px; }
    div#pg-ftr > .inner .cf > #ftr-links { padding-left: 0; width: 100%; }
    div#pg-ftr > .inner .cf > #ftr-links > ul { display: block;  margin-bottom: 20px; }
    div#pg-ftr > .inner .cf > #ftr-links > ul > li { margin: 0 0 8px 0; }
    div#pg-ftr > .inner .cf > .social { position: relative; width: 100%; top: 0; float: left;  }
    div#pg-ftr > .inner .cf > #valediction { float: left !important; width: 100%; text-align: left !important; margin: 0;  }
    div#pg-ftr > .inner .cf > #valediction #copy { margin-top: 4px; }
    div#pg-ftr > .inner .g-attribution { margin: 0; }
    
    
    /********************************modals*/
    
    
    #fancybox-wrap { margin-left: 0; margin-right: 0; }
    #fancybox-wrap #fancybox-outer { width: 100%; }
    #fancybox-wrap #fancybox-outer #fancybox-content { width: 100% !important; }
    #fancybox-wrap #fancybox-outer #fancybox-content > div { width: 100% !important; }
    #fancybox-wrap #pop { width: 100% !important; }
    #fancybox-wrap #pop .question { width: 100%; }
    #fancybox-wrap #pop .questionSection { width: 100%; }
    #fancybox-wrap #pop .questionSection .questionTitle { width: 100%; }
    #fancybox-wrap #pop .questionSection .questionTitle .count { float: none; position: relative; top: 0; right: 0;}
    #fancybox-wrap #pop .catSection { width: 100%; height: auto; display: block; }
    #fancybox-wrap #pop .imageSection { width: 100%; }
    #fancybox-wrap #pop .imageSection .imageTabs { width: 100%; }
    #fancybox-wrap #pop .imageSection .imageTabs { border: 0; }
    #fancybox-wrap #pop .imageSection .imageTabs > div { margin: 0; width: 50%; }
    #fancybox-wrap #pop .imageSection .googSection textarea { width: 100%; }
    #fancybox-wrap #pop .popFooter { width: 100%; }
   
    
    /*******************************mobile header*/
    
    /*header wrapper & containers*/
    #pg-hdr { min-width: 100% !important; overflow: hidden; position: fixed !important; top: 0; transition: all .5s ease !important; border-bottom: 6px solid #dd6101; }
    #pg-hdr.open { min-height: 300px; height: auto !important; }
    #pg-hdr #pg-hdr-foot { display: none; }
    #pg-hdr .inner { width: 100%; display: block; }
    #pg-hdr .inner .logo { position: relative; float: left; }
    #pg-hdr .inner #menu-container { position: relative !important; top: 0 !important; left: 0 !important; float: left; width: 100% !important;  }
    #pg-hdr .inner #menu-container .menu { width: 100%; margin-bottom: 10px; display: inline-block; width: 100%; }
    
    /*search form*/
    #pg-hdr .inner .fl-r { float: left !important; width: 100% !important; margin: 6px 0 0 6px !important; border: 0 !important; }
    #pg-hdr .inner .fl-r .search { position: relative !important; right: 0 !important; border: 0 !important; padding: 0 !important; width: 280px !important; }
    #pg-hdr .inner .fl-r .search #searchTerm { width: 250px !important; padding: 8px 40px 8px 0 !important; }
    #pg-hdr .inner .fl-r .search #submitSearch { top: 6px !important; right: 0 !important; }
    
    /*sign buttons*/
    #pg-hdr .inner .fl-r .hdr-btn { border: 0 !important; position: relative !important; width: 100% !important; text-align: left !important; left: 5px !important; height: auto !important; }
    #pg-hdr .inner .fl-r .hdr-btn a { color: #fff !important; display: inline-block !important; margin-right: 10px !important; }
    #pg-hdr .inner .fl-r .hdr-btn hr { display: none !important; }
    #pg-hdr .inner .fl-r .hdr-btn img { display: none !important; } 
    
    /*toggle menu button*/
    #pg-hdr .inner .toggle-mobile-menu { display: inline-block; float: right; width: 40px; height: 26px; margin: 10px; background-image: url('/opinions/static/images/toggle-menu.png'); position: relative; top: 12px; right: 8px; }
    
    /*bubble menu - triggered by orange arrows*/
    #pg-hdr .inner .bubble { left: 0 !important; right: 0; margin-left: auto; margin-right: auto; top: 10%; height: 200px; overflow: auto; }
    
    /*user account*/
    #pg-hdr .inner #menu-container .menu .imageOut { margin-left: 10px; }
    #pg-hdr .inner #acctMenu { display: inline-block !important; position: relative; top: 0; right: 0; border: 0; box-shadow: 0; width: 100%; box-shadow: none; }
    #pg-hdr .inner #acctMenu .acct-box { background: none; border: 0; padding: 0; position: relative; }
    #pg-hdr .inner #acctMenu .acct-box h3 { display: none; }
    #pg-hdr .inner #acctMenu .acct-box > ul { display: inline-block; }
    #pg-hdr .inner #acctMenu .acct-box > ul > li > a { color: #fff; }
    #pg-hdr .inner #acctMenu .acct-box .sign-out { position: relative; top: -20px; left: 20px; right: 0; margin: 6px 0 0 6px; } 
    #pg-hdr .inner #acctMenu #note-box { display: none; }
    
    /*******************************homepage*/
    
    
    /*homepage intro*/
    body.sitehome #pg-wi2 { width: 90%; margin: 0 auto; }
    body.sitehome #pg-wi2 #col-w { width: 100%; }
    body.sitehome #pg-wi2 #col-wi { width: 100%; }
    body.sitehome #pg-wi2 .pg-body { width: 100%; }
    body.sitehome .member-block #quote-contain { width: 100% !important; border: 0; text-align: center; }
    body.sitehome .member-block #quote-contain-nb { width: 100% !important; border: 0; text-align: center; }
    body.sitehome .member-block .top-member-btn { width: 100%; text-align: center; margin: 0 0 0 0; }
    body.sitehome .member-block .top-member-btn a { display: inline-block; padding: 8px 8px; width: 200px; }
    
    /*homepage section 1*/
    body.sitehome .hp-section.dof > .fl-l { width: 100%; border: 0; border-bottom: 1px solid #dddddd; margin: 0 0 30px 0; padding: 0 0 30px 0; }
    body.sitehome .hp-section.dof > .fl-l > div > a > div { background-image: none; width: 180px; margin: 0 auto; text-align: center; padding-left: 0; }
    body.sitehome .hp-section.dof > .fl-l #di-actions { width: 280px; margin: 0 auto; margin-top: 10px; } /*start / view links*/
    body.sitehome .hp-section.dof > .fl-l #secondary-items { width: 280px; margin: 0 auto !important; margin-bottom: 20px; }
  
    /*homepage forum section*/
    body.sitehome .hp-section.fm { width: 100%; border: 0; padding-top: 0; margin-top: 0; }
    body.sitehome .hp-section.fm .hp-forums { background-image: none; padding-left: 0; display: block; width: 110px; margin: 0 auto; }
    body.sitehome .hp-section.fm home-forum-module > div { width: 98%; margin: 0 auto; } 
    
    
    /*homepage big issues section*/
    body.sitehome .hp-section.bi { width: 100%; margin-top: 30px; padding-top: 20px; }
    body.sitehome .hp-section.bi > a > div.hp-big-issues { background-image: none; padding: 0; display: block; margin: 0 auto; width: 150px; margin-bottom: 20px; } /*big issues heading*/
    body.sitehome .hp-section.bi #home-big-issues-head { margin: 0 0 10px 0; text-align: center; } /*big issues copy*/
    body.sitehome #home-big-issues-module { width: 100%; margin: 0 auto; }
    body.sitehome #home-big-issues-module ul.cf > li { float: none; margin: 0 auto; margin-top: 30px; }  
    body.sitehome .hp-section.bi #bi-view-all { width: 250px !important; margin-top: 20px; } /*view all big issues*/
    
    /*homepage our blog section*/
    body.sitehome .hp-section.obnm .hp-blog { background-image: none; padding: 0; display: block; margin: 0 auto; width: 150px; margin-bottom: 20px; }
    body.sitehome .hp-section.obnm #home-blog-module li .description .ctn-reading { float: none; margin-right: 0; display: block; margin-top: 10px;  }
    
    
    /*******************************opinions landing page & opinions category pages*/
    
    
    body.home #below-head .side,
    body.category #below-head .side 
    { border: 0; float: right; width: 100%; } /*sidebar*/
    
    body.home #below-head #shadow,
    body.category #below-head #shadow 
    { border: 0; float: left; width: 100%; margin-right: 0; } /*right column*/
    
    body.home #below-head #shadow #content .block,
    body.category #below-head #shadow #content .block 
    { width: 100%; margin-left: 0; } /*right column inner*/
    
    body.home #below-head #shadow #content .block #pg-head,
    body.category #below-head #shadow #content .block #pg-head 
    { width: 98%; margin: 0 auto; margin-bottom: 20px; } /*page heading wrapper*/
    
    body.home #below-head #shadow #content .block #pg-head h1,
    body.category #below-head #shadow #content .block #pg-head h1 
    { width: 100%; float: none; text-align: center; } /*page heading h1*/
    
    body.home #below-head #shadow #content .block #pg-head > div,
    body.category #below-head #shadow #content .block #pg-head > div 
    { width: 166px; padding: 20px 0 0 0 !important; margin: 0 auto; float: none !important; } /*create new topic button*/
    
    body.home #below-head #shadow #content .block #leaderboard,
    body.category #below-head #shadow #content .block #leaderboard 
    { float: none; margin: 0 auto; width: 158px; padding: 2px 16px 0 30px; } /*opinions leaderboard button*/
    
    /*sort buttons*/
    body.home #below-head #shadow #content .block #sort,
    body.category #below-head #shadow #content .block #sort 
    { margin-top: 20px !important; width: 75%; margin: 0 auto; }
    
    body.home #below-head #shadow #content .block #sort > ul,
    body.category #below-head #shadow #content .block #sort > ul 
    { padding: 0; margin: 0;  }
    
    body.home #below-head #shadow #content .block #sort > ul > li,
    body.category #below-head #shadow #content .block #sort > ul > li 
    { margin: 0; padding: 0; width: 100%; background-color: #f7d3b3; height: auto; }
    
    body.home #below-head #shadow #content .block #sort > ul > li.active,
    body.category #below-head #shadow #content .block #sort > ul > li.active 
    { background-color: #dd6101; }
    
    body.home #below-head #shadow #content .block #sort > ul > li > a,
    body.category #below-head #shadow #content .block #sort > ul > li > a 
    { line-height: 24px; background-color: transparent; padding: 8px 0 8px 0; width: 100%; text-align: center; }
    
    body.home #below-head #shadow #content .block #sort > ul > li.active > a,
    body.category #below-head #shadow #content .block #sort > ul > li.active > a 
    { background-image: none; border-radius: 0; margin: 0;  }
    
    body.home #below-head #shadow #content .block #sort > ul > li.active > a > span,
    body.category #below-head #shadow #content .block #sort > ul > li.active > a > span 
    { display: none; }
    
    /*opinions list*/
    body.home #below-head #shadow #content .block #opinions-list,
    body.category #below-head #shadow #content .block #opinions-list 
    { width: 100%; }
    
    body.home #below-head #shadow #content .block #opinions-list > li,
    body.category #below-head #shadow #content .block #opinions-list > li 
    { float: none; margin: 0 auto; margin-bottom: 30px; }
    
    /*opinions paging*/
    body.home #below-head #shadow #content .block #pager #current-page,
    body.category #below-head #shadow #content .block #pager #current-page 
    { display: none; } 
    
    body.home #below-head #shadow #content .block #pager #pages,
    body.category #below-head #shadow #content .block #pager #pages 
    { width: 75%; margin: 0 auto; float: none; }
    
    body.home #below-head #shadow #content .block #pager #pages a,
    body.category #below-head #shadow #content .block #pager #pages a 
    { margin: 10px; }
    
    /*side bar categories*/
    body.home #below-head .side > ul,
    body.category #below-head .side > ul 
    { width: 85%; margin: 0 auto; }
    
    body.home #below-head .side > ul > li,
    body.category #below-head .side > ul > li 
    { padding: 0; width: 25%; float: left; margin-bottom: 20px; text-align: center; }
    
    body.home #below-head .side > ul > li > span,
    body.category #below-head .side > ul > li > span 
    { display: block; }   
    
    /*side bar social*/
    body.home #below-head .side .social-like-module,
    body.category #below-head .side .social-like-module 
    { border: 0; clear: both; width: 85%; margin-left: 0; margin: 0 auto; text-align: center; }
    
    body.home #below-head .side .social-like-module #fb-img,
    body.category #below-head .side .social-like-module #fb-img 
    { position: relative; top: 4px; }
    
    body.home #below-head .side .social-like-module .fb-like,
    body.category #below-head .side .social-like-module .fb-like 
    { position: relative; top: -2px; }
    
    body.home #below-head .side .social-like-module #twtr-img,
    body.category #below-head .side .social-like-module #twtr-img 
    { position: relative; top: 3px; }
    
    /*sidebar recent debates*/
    body.home #below-head .side #rail-debate-module,
    body.category #below-head .side #rail-debate-module 
    { width: 85%; margin-top: 40px !important; margin: 0 auto; }
    
    body.home #below-head .side #rail-debate-module h2,
    body.category #below-head .side #rail-debate-module h2 
    { background-image: none; padding-left: 0; }
    
    body.home #below-head .side #rail-debate-module li,
    body.category #below-head .side #rail-debate-module li 
    { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #b7b7b7; }
    
    /*sidebar big issues*/
    body.home #below-head .side #rail-big-issues-module,
    body.category #below-head .side #rail-big-issues-module 
    { width: 85%; margin: 0 auto; }
    
    /*heading*/
    body.home #below-head .side #rail-big-issues-module h2,
    body.category #below-head .side #rail-big-issues-module h2 
    { background-image: none; padding-left: 0; } 
    
     /*all big issues link*/
    body.home #below-head .side #rail-big-issues-module .v,
    body.category #below-head .side #rail-big-issues-module .v 
    { float: left; margin-top: 10px; }
    
    
    /*******************************debate section of the opinions section*/
    
    /*bread crumbs*/
    body.debate #breadcrumb { text-align: center; padding-bottom: 20px; border-bottom: 1px solid #b7b7b7; }
    body.debate #breadcrumb .b-b { display: none; } /*spacer line*/
    body.debate #breadcrumb > div { float: none !important; margin: 0 auto; width: 166px; margin-top: 20px !important; } /*create new topic button*/
    
    /*body content*/
    body.debate .pg-body { width: 95%; margin: 0 auto; } 
    body.debate .pg-body hr { display: none; }
    
    /*starting debate content*/
    body.debate .pg-body .header-holder { width: 290px; margin: 0 auto; }
    body.debate .pg-body .debate-content .l-contain { float: none; margin: 0; width:  }
    body.debate .pg-body .debate-content .l-contain .left  img { height: auto !important; width: 100% !important; margin-left: 0 !important; }
    body.debate .pg-body .debate-content .r-contain { float: none; margin: 0; min-height: auto; margin-bottom: 20px; }
    body.debate .pg-body .debate-content .r-contain .tags { margin-bottom: 14px; }
    body.debate .pg-body .debate-content .r-contain .share { margin-top: 14px; }
    body.debate .pg-body .header-holder .ad-contain { display: inline-block; }
    
    /*percentage section*/
    body.debate .pg-body .debate-header-wrap .result-float { display: none; }
    
    /*related opinions*/
    body.debate .pg-body .related-opinions .related-opinion-page { width: 95%; margin: 0 auto; }
    body.debate .pg-body .related-opinions .list-container { width: 100%; }
    body.debate .pg-body .related-opinions .list-container ul { width: 100%; float: none; margin: 0 }
    body.debate .pg-body .related-opinions .list-container ul > li { margin-bottom: 14px; }
    body.debate .pg-body .related-opinions .list-container ul > li:last-child { border-bottom: 1px solid #ebebeb; padding-bottom: 14px; }
    
    /*yes / no & reply forms*/
    .addData .comment-container { width: 100% !important; border-left: 0; }
    #debate .new-comment-container textarea { width: 95%; }
    
    body.debate #tabs .comments .q-comment-time { float: none !important; display: block; margin: 6px 0 6px 0; }
    body.debate #tabs .comments .report { margin: 6px 0 6px 0; }
    
    body.debate #debate .arguments { border: 0; }
    body.debate #debate .arg-footer .left .like { display: none !important; }
    body.debate #debate .arg-footer .right .like-contain { display: none !important; }
    
    body.debate #debate .submit-pos .pos { margin-top: 20px; }
    
    
    /*ads*/
    body.debate .pg-body #Main-Content-4-AdPlacement { width: 95% !important; margin: 0 auto; }
    body.debate .pg-body #Main-Content-4-AdPlacement #taboola-bottom-main-column { width: 100%; }
    
    /*comments*/
    body.debate .pg-body #tabs textarea { width: 94%; }
    
    
    /*******************************sign in*/
    
    
    body.login #content { width: 100%; }
    body.login #content #join-container { margin: 0 0 0 0; }
    body.login #content #join-container .left-box { float: none; width: 95%; margin: 0 auto;  }
    body.login #content #join-container .left-box .hdr { line-height: 110%; }
    body.login #content #join-container .left-box.benefit-hdr { dispaly: none; }
    body.login #content #join-container .join-mid { display: none; }
    body.login #content #join-container .img-wrap { display: none; }
    body.login #content #join-container .benefit-img { display: none; }
    body.login #content #join-container .right-box { float: none; width: 95%; margin: 0 auto;  }
    body.login #content #join-container .right-box a.button { font-size: 16px; }
    body.login .create-login { margin-bottom: 0; }
    
    
    /*******************************sign up*/
    
    
    body.join #pg { width: 100%; }
    body.join #pg #content { width: 100% !important; }
    body.join #pg #content #join .left-box { width: 98%; margin: 0 auto;  float: none; }
    body.join #pg #content #join .mid { display: none; }
    body.join #pg #content #join .right-box { width: 98%; margin: 0 auto; float: none; }
    body.join #pg #content #join .hdr { height: auto; line-height: 110%; margin-bottom: 0; }
    body.join #pg #content #join .benefit-wrap .img-wrap { display: none; }
    
    
    /*******************************polls section*/
    
    
    #headAd.headAd { width: 100%; display: none; }
    #headAd .adcenterinner { display: none; }
    #below-head { width: 95%; margin: 0 auto; }
    
    #below-head #shadow-poll { border: 0; float: left; width: 100%; margin-right: 0; margin-left: 0; } /*right column*/
    #below-head #shadow-poll .block { width: 100%; margin-left: 0; }
    
    /*poll question*/
    #below-head #shadow-poll .block #ask #topic {width: 90%; }
    #below-head #shadow-poll .block #ask #tButton { float: left; margin-top: 10px; }
    
    /*sort buttons*/
    #below-head #shadow-poll .block #sort { margin-top: 20px !important; width: 75%; margin: 0 auto; }
    #below-head #shadow-poll .block #sort > ul { padding: 0; margin: 0;  }
    #below-head #shadow-poll .block #sort > ul > li { margin: 0; padding: 0; width: 100%; background-color: #f7d3b3; height: auto; }
    #below-head #shadow-poll .block #sort > ul > li.active { background-color: #dd6101; }
    #below-head #shadow-poll .block #sort > ul > li > a { line-height: 24px; background-color: transparent; padding: 8px 0 8px 0; width: 100%; text-align: center; }
    #below-head #shadow-poll .block #sort > ul > li.active > a { background-image: none; border-radius: 0; margin: 0;  }
    #below-head #shadow-poll .block #sort > ul > li.active > a > span { display: none; }
    
    /*poll list*/
    #below-head #shadow-poll .block #poll-list { width: 95%; margin: 0 auto; margin-top: 30px;}
    #below-head #shadow-poll .block #poll-list li { min-width: 250px; margin: 0 auto; margin-bottom: 20px; float: none; }
    #below-head #shadow-poll .block #poll-list li.l { margin-right: auto; }
    
    /*pagination*/
    #below-head #shadow-poll #content .block #pager #current-page { display: none; } 
    #below-head #shadow-poll #content .block #pager #pages{ width: 75%; margin: 0 auto; float: none; }
    #below-head #shadow-poll #content .block #pager #pages a { margin: 10px; }
    
    /*face offs*/
    #below-head #shadow-poll #content .block #faceoffs { margin-top: 20px; }
    #below-head #shadow-poll #content .block #faceoffs > div { text-align: center; }
    #below-head #shadow-poll #content .block #faceoffs > div .orng-gloves,
    #below-head #shadow-poll #content .block #faceoffs > div .green-gloves { display: none; }
    #below-head #shadow-poll #content .block #faceoffs > ul > li { float: none; min-width: 250px; background-color: #555; margin: 0 auto; margin-bottom: 30px; }
    #below-head #shadow-poll #content .block #faceoffs > ul > li .poll-title { width: 100%; padding: 10px 0 10px 0; }
    #below-head #shadow-poll #content .block #faceoffs > ul > li .clear-marg > img { width: 45% !important; margin-right: 0 !important; }
    #below-head #shadow-poll #content .block #faceoffs  #voting { width: 100%; }
    #below-head #shadow-poll #content .block #faceoffs  #voting a.pick-one { display: none; }
    #below-head #shadow-poll #content .block #faceoffs  #voting a.pick-one.mobile { display: block; background: none; color: #fff; height: auto; padding: 4px 0; }
    
    #below-head #shadow-poll #content .block #trending { width: 95%; margin: 0 auto; text-align: center; }
    #below-head #shadow-poll #content .block #trending > ul > li { width: 100%; }
    
    /*category side nav*/
    #below-head.polls-wrapper .side > ul { width: 85%; margin: 0 auto; }
    #below-head.polls-wrapper .side > ul > li { padding: 0; width: 25%; float: left; margin-bottom: 20px; text-align: center; }
    #below-head.polls-wrapper .side > ul > li > span { display: block; }  
    
 
    
    /*ads*/
    #pg #footerAd { display: none; }   
    #pg #footerAd .adcenterinner { display: none; }
    
    
    /*******************************poll details section*/
    
    
    .view-poll .pg-body { width: 100%; }
    .view-poll .pg-body #shadow { border: 0; float: left; width: 100%; margin-right: 0; } /*right column*/
    
    .view-poll #shadow .main .list-header { width: 100%; }
    .view-poll #shadow .main .topic-dets { width: auto; }
    .view-poll #shadow .main .answer-container { max-width: 90%; }
    .view-poll #shadow .main .answer-container .tc { padding: 0; width: auto !important; }
    
    .view-poll #shadow .main .add-comment-box { width: 95%; margin: 0 auto; margin-top: 30px; border: 0; padding: 0; }
    .view-poll #shadow .main .add-comment-box textarea { width: 92%; }
    
    /*category list*/
    .view-poll .side { border: 0; float: right; width: 100%;  }
    .view-poll .side > ul { width: 85%; margin: 0 auto; }
    .view-poll .side > ul > li { padding: 0; width: 25%; float: left; margin-bottom: 20px; text-align: center; }
    .view-poll .side > ul > li > span { display: block; }
    
    /*share icons*/
    .view-poll #shadow .main > .v-share { float: left; width: 100%; height: 32px; margin-bottom: 10px; }
    .view-poll #shadow .main > .v-share > span { width: 32px; display: inline-block; margin-right: 4px; float: left; }
    
    /*answer box*/
    .view-poll #shadow .main > .answer-box { width: 280px; margin: 0 auto; margin-top: 40px; }
    .view-poll #shadow .main > .answer-box .versus-answers { padding: 0; }
    .view-poll #shadow .main > .answer-box .versus-answers > .vs-circle { display: none; }
    .view-poll #shadow .main > .answer-box .versus-answers .ul-answer { margin: 0; width: 280px; overflow: hidden; }
    .view-poll #shadow .main > .answer-box .versus-answers .ul-answer li { margin: 0; width: 280px; overflow: hidden; }
    .view-poll #shadow .main > .answer-box .versus-answers .versus-image-frame { margin: 0 0 0 0; width: 280px; }
    .view-poll #shadow .main > .answer-box .versus-answers .versus-image-frame img { height: auto; width: 280px; }
    .view-poll #shadow .main > .answer-box .versus-answers .versus-image-frame p.l-name { padding: 0; width: 280px; height: 180px;  }
    .view-poll #shadow .main > .answer-box .versus-answers .versus-image-frame p.l-name .q-title { display: inline-block; height: 155px; width: 90%; margin: 0 auto; overflow: auto; position: relative; top: 10px; }
    .view-poll #shadow .main > .answer-box .versus-answers .pick { width: 364px; position: relative; left: -40px; }
    .view-poll #shadow .main > .answer-box .versus-answers .green-your-pick-large,
    .view-poll #shadow .main > .answer-box .versus-answers .red-your-pick-large { width: 364px; position: relative; left: -40px; }
    .view-poll #shadow .main > .answer-box .indicator-container .indcontainer { display: none; }
    
    .view-poll #shadow .main > .answer-box .indicator-container .g-cmnt-cnt { position: relative !important; top: 0; left: 0; }
    .view-poll #shadow .main > .answer-box .indicator-container .r-cmnt-cnt { position: relative !important; top: 0; left: -10px; }
     
    .view-poll #shadow .main > .answer-box .voter-comments > ul { border: 0; padding: 0; width: 100%; }
     
    .view-poll #shadow .main > .add-comment-box .q-comment { width: 100%;  }
    .view-poll #shadow .main > .add-comment-box .q-comment img { display: none; }
    .view-poll #shadow .main > .add-comment-box .q-comment .report { margin-top: 4px; }
    
    
    /*add answer*/
    .view-poll #shadow .t-add-answer h3 { text-align: center; }
    .view-poll #shadow .t-add-answer input.answ-title { width: 100% !important; }
    .view-poll #shadow .t-add-answer > div .cf div.fl-l { float: none; width: 100%; text-align: center; padding: 6px 0 6px 0 !important; }
    .view-poll #shadow .t-add-answer > div .cf div.fl-l:nth-child(3) { margin: 0 auto; }  
     
     /*vote*/
     .view-poll #shadow .topic-hd { margin-bottom: 40px; }
     .view-poll #shadow .topic-hd > div { float: none; padding: 0 0 0 0 !important; text-align: center; }
     .view-poll #shadow .answer-container { max-width: 100% !important; width: 100% !important; margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #cfcfcf; }
     .view-poll #shadow .answer-container > div { display: block; width: 100%; border: 0 !important; }
     .view-poll #shadow .answer-container > div .ord { margin: 0 auto !important; margin-bottom: 20px !important;}
     .view-poll #shadow .answer-container > div .a-description { text-align: center; margin: 20px 0 20px 0; }
     .view-poll #shadow .answer-container > div .a-description img { float: none; }
     .view-poll #shadow .answer-container > div .comm-count { display: block; margin: 0 auto; text-align: center; margin-bottom: 20px; width: 75%;  }
     .view-poll #shadow .answer-container > div .comm-count span { display: none; }
     
}



/***********************************************************************overwrites for devices less than 768 pixels wide*/
@media (max-width: 768px) {
    
    /*sidebar category list*/
    body.home #below-head .side > ul > li,
    body.category #below-head .side > ul > li,
    .view-poll .side > ul > li,
    #below-head.polls-wrapper .side > ul > li 
    { width: 33%; }
    
    /*******************************debate section of the opinions section*/
    
    body.debate .pg-body #debate #yes-arguments { width: 100%; float: none; }
    body.debate .pg-body #debate #no-arguments { width: 100%; float: none; }
    
    .view-poll #shadow .main .v-share { width: 100%; }
    
}



/***********************************************************************overwrites for devices less than 500 pixels wide*/
@media (max-width: 500px) {
    
    
    /*******************************debate section of the opinions section*/
    body.debate .pg-body .debate-header-wrap .left { width: 100%; }
    body.debate .pg-body .debate-header-wrap .right { width: 100%; }
    
    
}