body{padding-top:0px;}
.hero-spacer{margin-top:50px;}
.hero-feature{margin-bottom:30px;}
footer{margin:50px 0;}
.mt100{margin:100px auto;}
.quizcontainer{width:755px;}
.quizactions{display:none;}
.quiztitle{cursor:pointer;}
.quizstart{margin-top:10px;}
.quizstart a{text-transform:uppercase;}
.fb-like{margin:10px;}
.answer-btn{width:100%;margin-bottom:10px; white-space: normal;}
.btn-default{background-image:linear-gradient(to bottom, #fff 0px, #e0e0e0 100%);background-repeat:repeat-x;border-color:#ccc;font-weight: 600;font-size: 16px;}
.thumbnail{min-height:250px;max-height:250px;overflow:hidden;}
.homeimg{padding-left:0px;padding-right:0px;}
.homeimg img{width:100%;padding:0px !important;}
.answer-btn:hover,.btn-primary{background-image:linear-gradient(to bottom, #43609c 0px, #2a447b 100%);background-repeat:repeat-x;border-color:#2b669a;color:#FFF;width:100%;}
h4.questions-des{color:#3877e4;margin:15px 0px 15px 0px;font-size:19px;}
.resutls p{text-align:justify;font-size: 17px;font-weight: 400;line-height: 1.2;margin-bottom: 25px;}
.mediabtns a{margin:5px 0px;}
.adbox{margin:10px 0px;}
.resultcontainer{margin:0px 10%;}
.fbcommentforquiz{margin:10px 0px;}
.socialmedia{width:68%;text-align:center;margin:0px auto;}
.panel-body img{width:100%;padding:10px 5px;}
.homecontain{ padding-left: 0px !important; padding-right: 0px !important;}
/*new csss*/
.socialmedia{width: 68%;text-align: center;margin: 0px auto;}
.panel-body img{ width: 100%; padding: 10px 5px;}
.container {margin-right: auto;margin-left: auto;padding-left: 15px;padding-right: 15px;}
.container {width: 1170px;}
.jumbotron{ background: #FFF;padding: 30px;margin-bottom: 30px;color: inherit;border: 1px solid #ddd; border-radius: 6px}
.jumbotron h1{ font-size: 30px;}
.question {font-size: 18px;margin: 10px auto;max-width: 740px;}

.fbcolor {color: #3B5A9B;}
.twittercolor {color: #2BAAE1;}
.googleplus_color {color: #DF4A32;}
.page-header {margin: 20px 0 5px;}
.menu-header-container{display: none;float: right;margin: 0px 0 5px;text-align: center;}
.menu-header-container>ul {display: none;margin: 0;padding: 0;list-style-type: none;text-align: center;}
.menu-header-container>ul>li {display: inline;}
.menu-header-container>ul>li>a {color: #428bca;padding: 0 .3em;text-decoration: none;font-size: 14px;}
.header-adcode, .footer-adcode {max-width: 740px;margin: 10px auto;}
.quizpanelbody{ padding: 3px;}
.wrapper {max-width: 740px;margin: 10px auto;}
.fbcommentforquiz{max-width: 740px;margin: 10px auto;}
#h1.text.center.title{display:hide;}
#headerlogo h2{ font-style: italic;}
.pagination {float: right;height: 36px;margin: 18px 18px;}
#headersocialgroup{ text-align: right;}
#header_fblike_btn{ float: left;}
#next-btns{width: 100%;}
.imgdiv{ float: none;margin: 0px auto}
/* end new csss*/
@media all and (max-width:1179px) and (min-width:980px){
 .resultcontainer{ margin: 0px 10%;}
 .container {width: 970px;}
}

@media all and (max-width:979px) and (min-width:768px){
.resultcontainer{ width: auto;margin: 0px;}
.container{ width: auto;}
}

@media all and (max-width:767px) and (min-width:600px){
.resultcontainer{ width: auto;margin: 0px;}
.container{ width: auto;}
#headersocialgroup{display: none; text-align: center;}
.menu-header-container {display: none;}
}

@media all and (max-width:599px) and (min-width:480px){
.resultcontainer{ width: auto;margin: 0px;}
.container{ width: auto;}
#headerlogo{text-align: center;margin-bottom: 1px;}
#headersocialgroup{display: none; text-align: center;}
.menu-header-container {display: none;}
#header_fblike_btn{ float: none !important;}
}

@media all and (max-width:479px) and (min-width:320px){
.resultcontainer{ width: auto;margin: 0px;}
.container{ width: auto;}
.page-header {margin: 10px 0 0px;}
.jumbotron h1{font-size: 26px;margin: -10px 0px 8px 0px;font-weight: bold;}
.jumbotron p{font-size: 17px;margin-bottom: 10px;font-weight: normal;text-align: center;}
#headerlogo{text-align: center;}
#headersocialgroup{display: none; text-align: center;}
.menu-header-container {display: none;}
#header_fblike_btn{ float: none !important;}
}

@media all and (max-width:319px) and (min-width:0){
.resultcontainer{ width: auto;margin: 0px;}
.container{ width: auto;}
.jumbotron h1{font-size: 26px;margin: -10px 0px 8px 0px;}
.jumbotron p{font-size: 16px;margin-bottom: 10px;font-weight: normal;text-align: center;}
#headerlogo{text-align: center;}
#headersocialgroup{display: none;text-align: center;}
.menu-header-container {display: none;}
#header_fblike_btn{ float: none !important;}
}