.blog_thumb a{height:100%;}
.quizadarea{float:left;width:100%;}
.quizadarea iframe{width:100% !important;}
.quizadarea body{width:100% !important;}
.photography_slider_area .single_photography{     padding-bottom: 56.2%;}
.photography_slider_area .single_photography img{position:absolute;}
.owl-carousel .owl-item img {  height: 100%;  object-fit: cover;}
.blog_thumb {width: 100%;height: 100%;position: relative;padding-bottom: 56.2%;}
.blog_thumb img {height: 100%;object-fit: cover;position:absolute;}
.common{width:100%; float:left;}
.btnstyle{background: #F4A919;  color: #fff;  border-radius: 50px;  font-size: 14px;    margin-top: 10px; border:0;    padding: 10px 25px;   text-transform: uppercase;}
.btnstyle:hover{background: #fff;  color: #000; }
.hdngcolor{color:#55ACEE;}
.parahtxtcolor{color:#000;}
.hide{display:none;}
/**index.html page css**/
.bittimauthorr .testbottom {width: 100%;position: relative;padding-bottom: 56.2%;height: auto;}
.bittimauthorr .testbottom .newsect {position: absolute;}
.logosctn{font-size:38px;}
.srchwdth {
    width: 100%;
    margin-bottom: 0 !important;
    margin: 0 auto;
    margin-right: 0;
}
.slidertoppd .carousel-caption{top: 50% !important;left: 50% !important;transform: translate(-50%, -50%);min-width:70%;    }
.slidertoppd .carousel-caption h3{margin:0 auto !important;text-align: center !important;width:100% !important;}
.slidertoppd .takquiz{width: 100%;  margin: 0 auto;    text-align: center;}
.quizbnnerwthhnt2{padding-bottom: 56.2%;}
.botquizfffff .testbottom {    width: 100%;    position: relative;    padding-bottom: 56.2%;    height: auto;}
.botquizfffff .testbottom .newsect {    position: absolute;}
.mpagerightquizinner {width: 100%;height: 100%;position: relative;padding-bottom: 56.2%;overflow: hidden;border-radius: 16px;}
.mpagerightquizinner img{height: 100% !important;position: absolute;}
.logimg{padding-right: 0;}
.header-area .main-header-area .main-menu ul li a {padding: 35px 25px 35px 25px;}
.categsectn_pdtopno{padding-top:0;}
.txtcolor{color:#fff;}
.footer .footer_bottom .footer_links ul li {margin: 0 18px;}
.newquizz_pdbtm{padding-bottom:20px;}
.header-area .main-header-area .main-menu ul li a { padding: 15px 18px 15px 18px;}
.footer .footer_bottom .copyright_text { padding: 20px 0 20px 0;}
.footer .footer_bottom .footer_links { padding-bottom: 0px;}
.welcome_protomedia {padding: 100px 0 50px;}
.slidertoppd{padding-top:50px;}

/**19oct**/
.carousel-caption{top: 0%; left: 80px; right:auto; bottom:auto; text-align: left;height: calc(100% - 22px);display: flex;align-items: center;justify-content: center;margin-top: auto;bottom: 0;}
.carousel-control-next, .carousel-control-prev{ width: 5%;}
.carousel-caption h3{ background: #2a2e38;  color: #fff;  width: 70%; text-align: left; font-size: 30px;    line-height: initial;}
.quizbtn_innrpge{ background: #F4A919; color: #fff; border-radius: 50px;font-size: 14px;margin-top: 0px; border: none;     padding: 10px 25px; text-align: center;  cursor: pointer; text-transform:uppercase;}
/**19oct end**/
/******/
img{object-fit:cover}
.photo_gallery .single_photo_gallery{background-size: cover;}
/******/
/**index.html page css**/

/**animals.html page css**/

.banner_section{width: 100%;  max-width: 1140px;  margin: 0 auto;   padding: 50px 15px 20px;}
.hero-image { height: 100%;background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; width: 100%;padding-bottom: 56.2%;}
.hero-text { text-align: left; position: absolute;  top: 35%;  left: 80px;  color: white;}
.hero-text button { border: none;outline: 0;  display: inline-block;  padding: 10px 25px;  color: black;  background-color: #ddd; text-align: center;  cursor: pointer;}
.hero-text button:hover { background-color: #555;  color: white;}
h2.bnnertitl {background-color: #2a2e38;  color: #fff;  width: 70%;  padding: 10px;}
.hero-text .quizbtn{background: #F4A919;  color: #fff;  border-radius: 50px;  font-size: 14px;    margin-top: 10px;}
.hero-text .quizbtn:hover{background: #fff;  color: #000; }
.bnnertitl a, .bnnertitl a:hover{color:#fff;}
.input-group-text{ padding: 10px;}
.searchpgepd{padding:50px 0 80px;}

/**animals.html page css end**/

/**millions-of-animal-species.html page css**/

.quizinner {  margin-bottom: 25px;}
.quizmainsection{padding:20px 0 90px;}
.advertsmnt_img img{width:100%;}
.quiztitl{color: #fff; padding: 10px; background-color: #03223b;  margin: 0;}
.quizinnrimgtxt{width: 100%;  float: left;}
.quizmainbnnr{margin:30px 0;width: 100%;  float: left;}
.quizinnrimgtxt img{width:100%; object-fit:cover;  height: 100%;    position: absolute;}
#more {display: none;}
.trpadd{padding: 34px !important;}
.abttxt { background: #f2f2f2; padding: 20px; text-align: center; margin: -48px 20px 0; position: relative;}
.quizdesc{    line-height: inherit;}
.abttxt .readbtn{background: #F4A919;  color: #fff;  border-radius: 50px;  font-size: 14px;    margin-top: 10px; border:0;    padding: 10px 25px;   text-transform: uppercase;}
.abttxt .readbtn:hover{background: #fff;  color: #000; }
.scroll { margin: 10px 0 30px;}
.scrollbtntxt{text-align:center;}
.scrollbtntxt a{background: #55ACEE; color: #fff; padding: 15px 25px; border-radius: 50px;font-weight: 500;}
.qstnsectns img{width:100%; object-fit:cover;  height: 100%;position: absolute;left:0px;}
.chckdsgn label {padding:0 16px;font-size: 14px;  border: 2px solid #fff; margin-right: 18px; cursor: pointer; color: #000; width: 100%; background: #fff; border-radius: 6px;    display: table-cell;  vertical-align: middle;}
.chckdsgn input[type="radio"] { display: none;}
.chckdsgn label.optnslcted { background: #F4A919;  color: #fff !important; border:2px solid #F4A919;}
.qustntxtoptns {background: #f2f2f2;  padding: 20px 30px;}
.chckoptns{ text-align: right; float: right;  font-size: 23px;}
.chckdsgn{width: 100%;}
.chckoptns, .scrollnxt{display:none;}
.scrollnxt { margin: 12px 0 15px;}
.optnsrow2{margin:20px 0 0;}
.quizsect_advt img{width:100%;}
.qstnsectns{margin-bottom:15px;}
.quizsectnmgbtm{margin-bottom:15px;}
.newfixedclassone{position:fixed; width: 192px; top: 100px;}
.newfixedclass{position:fixed; width: 300px; top: 100px;}
.advertsmnt_img_right img{ width: 100%;}
.footer{ position: relative;}
.qustntxtoptns2{    background: #f2f2f2;  padding: 20px 30px;}
.chckdsgn label.optncorrct{border: 1px solid #0bc44e;}
.chckdsgn label.optnwrong{border: 1px solid #df5051;}
.chckdsgn label.optncorrct i, .chckdsgn label.optnwrong i{display:block !important;}
.chckoptnsgreen { text-align: right; float: right;  font-size: 23px;  color: #0bc44e;}
.chckoptnsred {text-align: right; float: right; font-size: 23px;  color: #df5051;}
.wrongbold{font-weight:500;}
.chckoptnsredwarn{    font-size: 33px;  color: #df5051;}
.crossicon { width: 6%;  float: left;  margin-right: 10px;}
.crosstxt{width: 84%;  float: left;}
.wrongtxt { margin: 0;}
.waring { margin-top: 10px;}
.quizbnnerwthhnt{position:relative; width:100%;}
.hintbutnmain{position:absolute; right:20px;}
.hint {background: #F4A919; color: #fff; border-radius: 50px;font-size: 14px; margin-top: 10px; border: 0; padding: 10px 25px; text-transform: uppercase;    cursor: pointer;}
.videomodal{z-index: 9999999;}
.elimntedoptns{    padding: 0px;}
.adfixheight{float:left;width:100%; min-height: 90px;}

/**millions-of-animal-species.html page css**/
/* 11 jan 2020*/
.topquizad {  margin-bottom: 30px;}
.butnmovenxt {background-color: #00CCDF;border-radius: 50%;  top: calc(25% - 32px); width: 64px; text-align: center; cursor: pointer; height: 64px; color: #fff; font-size: 45px;
    padding: 9px;}
.nxtbtnmain { position: absolute;  top: 46%;  right: -20px;}

/* 11 jan 2020*/
/**media queries start**/
@media (min-width: 10px) and (max-width: 480px)
{
  .quiztitl { font-size: 20px;}
  .hdngcolor { font-size: 20px;}
  .footer_links.text-right {text-align: center !important;}
  .footer .footer_bottom .cpyrght {font-size: 14px !important;text-align: center;}
  .footer .footer_bottom .footer_links ul li a { font-size: 12px;}
  .footer .footer_bottom .footer_links ul li {  margin: 0 10px;}
  .crossicon {  width: 12%;}
  .crosstxt {  width: 74%;}
  .section_title h3 {font-size: 20px;}
  .photography_slider_area .single_photography .photo_title h4, .most_recent_blog .single_blog .blog_meta h3 a{ font-size: 16px;}
    .most_recent_blog .single_blog .blog_meta h3{line-height: 20px!important; padding-top:5px;}
  .most_recent_blog .single_blog .blog_meta h3 a{line-height:inherit;}
  .banner_section {  width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
  .hero-text { left: 15px; top:45px;}
  h2.bnnertitl{width:90%; font-size:16px; line-height:initial;}

    .respons{display: block !important;}
    .frontenlogo{display: none;}
  /**19oct end**/
}

@media (min-width: 10px) and (max-width: 767px)
{
    /**19oct**/
    #ResponsiveContainer{
      padding-left: 0px;
      padding-right: 0px;
      overflow-x: hidden;
    }
    .slidertoppd .carousel-caption{min-width:inherit;}
  .carousel-caption h3{ font-size: 20px!important;    width: 90%;}
  .carousel-caption { top: 45px;left: 25px;}
  .carousel-caption .takquiz{line-height: 16px;}
    .carousel-caption .takquiz .quizbtn_innrpge{height: auto !important;font-size: 16px !important;padding: 10px 20px;}

    .newquizz_pdbtm{padding-bottom:25px;}
    .welcome_protomedia {padding: 20px 0 20px;}
    .adfixheight{height:392px;}
  .advertsmnt_img, .advertsmnt_img_right{display:none;}
  /*.chckdsgn1, .chckdsgn3{ margin-bottom: 20px;}*/

  .banner_section{height: auto; clear:both; padding: 20px 15px 20px;}
  .below_760_p_0{ padding:0px!important; overflow: hidden;}
  .below_760_m_0{ --bs-gutter-x: 0.7rem!important;}
    //.newquizz_pdbtm{float: left;}
    .most_recent_blog .single_blog:hover .blog_thumb img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.header-area {float:left !important;width:100% !important;}
.header_top{float:right; width: 80%;}
.slicknav_menu .slicknav_nav{min-width: 200px;}
#sticky-header{float:left;    margin-top: 24px;     width: 18%;}
.header-area #sticky-header {    background: transparent !important;}
.slicknav_icon-bar {    background: #000 !important;}
.quizmainsection.mainquestion{float:left;width:100%;}
.logo.frontenlogo {    width: 70%;}
.footer{float:left;width:100%;}
a#scrollUp {
    display: none !important;}
    /*24 jan css*/
.quizinnrimgtxt .trpadd { padding: 34px 34px 115px 34px !important;}
.abttxt.trpadd .fblnk {font-size: 8px !important; padding: 9px 7px !important;}
.abttxt.trpadd .copylnk {font-size: 8px !important; padding: 9px 7px !important;}
.abttxt.trpadd .retakeqz {font-size: 8px !important; margin-top: 10px;}
.abttxt.trpadd .slidersec {width: 100% !important;}
.abttxt .showsec .slidersec.fr{width: 50% !important;}
.abttxt .fblnk {font-size: 8px !important; padding: 11px 7px !important;}
.abttxt .copylnk {font-size: 8px !important;}
.abttxt .retakeqz {font-size: 8px !important;}
.abttxt .slidersec.fr {text-align: left !important;}
.scroll.common.text-center.lesmrgn a.refreshbtn {font-size: 14px; font-weight: 500; margin-top: 0px; border: 0; padding: 8px 20px 10px 20px; text-transform: uppercase; }
.testbottom.backcolor img{width: 100% !important;}
.abttxt .retakeqz{display: inline-block;}
.abttxt .showsec .slidersec.fr{margin-top: 0px; display: contents; }
.abttxt .showsec .slidersec.fr #reflink {    width: 100%;}
}

@media (min-width: 10px) and (max-width: 340px)
{
.quizinnrimgtxt .trpadd {padding: 34px 34px 170px 34px !important;}
.abttxt .retakeqz{display: inline-block;}
.abttxt .copylnk{ margin-top: 5px;}
p.wdfty { display: inherit !important;}
p.scrollbtntxt.wdfty { margin-left: 10px !important;}
.abttxt.trpadd .slidersec {width: 100% !important;}
.abttxt .showsec .slidersec.fr{width: 100% !important;}
.abttxt .showsec .slidersec.fr #reflink {    width: 100%;}
}

@media (min-width: 10px) and (max-width: 1200px)
{
.newsletter_text { text-align: center;}
}

@media (min-width: 481px) and (max-width: 767px)
{
	.footer_links.text-right {text-align: center !important;}
	.footer .footer_bottom .cpyrght {text-align: center;}
	.crossicon { margin-right: 15px;}
	h2.bnnertitl{    font-size: 20px;}

	/**19oct**/
	.carousel-caption h3{ font-size: 20px!important;}
	/**19oct end**/
}

@media (min-width: 768px) and (max-width: 991px)
{
	.newfixedclassone { width: 90px;}
	.newfixedclass { width: 150px;}
	.footer .footer_bottom .footer_links ul li { margin: 0 11px;}
	.crossicon { margin-right: 20px;}
}

@media (min-width: 992px) and (max-width: 1024px)
{
	.header-area .main-header-area .main-menu ul li a {padding: 15px 8px 15px 8px;}
	.sticky.main-header-area .main-menu ul li a{ padding: 15px 4px 15px 4px !important;}
	.newfixedclassone { width: 130px;}
	.newfixedclass { width: 210px;}
}


@media (min-width: 1025px) and (max-width: 1200px)
{
	.header-area .main-header-area .main-menu ul li a { padding: 15px 14px 15px 14px;}
	.sticky.main-header-area .main-menu ul li a{ padding: 15px 10px 15px 10px !important;}
}

@media (min-width: 1501px) and (max-width: 2000px)
{
	.header-area .main-header-area .main-menu ul li a {padding: 15px 18px 15px 18px;}
}
.resultsec .abttxt{overflow: hidden;}
.showsec{float: left;width: 100%;padding-bottom: 10px;}
.slidersec.fl{float: left;}
.slidersec.fr{float: right;}
.slidersec{width: 50% !important;}
.slidersec .slider-container{
	height: 24px;
	width: 100%;
	position: relative;
}
.slidersec .slider {
    position: absolute;
    height: 24px;
    width: 100%;
    border-radius: 12px;
}
.slidersec .slider.slider-possible{background-color: #fff;}
.slidersec .slider.slider-actual.slider-highlight{background-color: #0092e3;}
.slidersec a{cursor: pointer;}
.slidersec img{width: 28px; height: 28px;}
.slidersec.fr{text-align: right;}

 /* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
  visibility: hidden; /* Hidden by default. Visible on click */
  min-width: 250px; /* Set a default minimum width */
  margin-left: -125px; /* Divide value of min-width by 2 */
  background-color: #333; /* Black background color */
  color: #fff; /* White text color */
  text-align: center; /* Centered text */
  border-radius: 2px; /* Rounded borders */
  padding: 16px; /* Padding */
  position: fixed; /* Sit on top of the screen */
  z-index: 1; /* Add a z-index if needed */
  left: 50%; /* Center the snackbar */
  bottom: 30px; /* 30px from the bottom */
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
  visibility: visible; /* Show the snackbar */
  /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
  However, delay the fade out process for 2.5 seconds */
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

@media only screen and (min-width: 10px) and (max-width: 768px) {
  /* line 150, ../../Arafath/CL/CL August/204. Blog/204. Blog- HTML/scss/_blog_part.scss */
  .most_recent_blog .single_blog .blog_thumb{width: 100%; }
	  .respmob {
	    width: 50%;
	    padding: 3px;
	}
  .newfixedclass{display: none;}
     /*div#sticky-header {
      display: none;
  }	*/

  .about_text p {
      word-wrap: break-word;
  }
  .inf.resads.lazyloaded{text-align:center;}


  .resizemob img{ margin: 0 auto;}
  .resizemob{text-align: center;}
  .carousel-inner img{width:100%;}
}

@media only screen and (min-width: 10px) and (max-width: 767px) {
  .scrollnxt.webbscroll{display: none !important;}
  .scrollnxt.mobbscroll{display: block !important;}
  /*.adfixheight iframe{width:100% !important;}
  .i-amphtml-layout-size-defined{width:100% !important;}
  .i-amphtml-layout-size-defined .i-amphtml-fill-content{position:inherit !important;}*/
}
@media only screen and (min-width: 10px) and (max-width: 480px) {
  .resads{text-align: center;}

}
.photo_caption a {
    -webkit-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
/**********/
.mainquestion .container {
    max-width: 1300px;
}

@media  (min-width: 1025px) and (max-width: 1270px) {
  .mainquestads{display:none;}
  .mainquestright{display:block;}
  //.mainquestions{max-width: 80% !important;flex: 0 0 80% !important;width: 80% !important;}
 .adfixheight iframe {
    width: 100%;
}
  #ad_bottom iframe {
      width: 100%;
  }
  #ad_top  iframe {
      width: 100%;
  }
  #ad_result  iframe {
      width: 100%;
  }
  .mainquestions {
    flex: 0 0 72%;
    max-width: 72%;
}
}
@media (max-width: 1024px)
{
.mainquestright{display:none;}
.mainquestions { max-width: 100% !important; flex: 0 0 100% !important; width: 100% !important;}
}

.mainquestion .container {
max-width: 1300px;
}

/*@media (min-width: 1025px) and (max-width: 1270px) {
.mainquestads{display:none;}
.mainquestright{display:block;}
.mainquestions{max-width: 80% !important;flex: 0 0 80% !important;width: 80% !important;}

}*/
@media (max-width: 1024px)
{
.mainquestright{display:none;}
.mainquestads{display:none;}
.mainquestions { max-width: 100% !important; flex: 0 0 100% !important; width: 100% !important;}
}

@media only screen and (min-width: 768px) and (max-width: 1200px){
  .most_recent_blog .single_blog .blog_thumb {
      width: 100%;

  }
}

@media(max-width: 767px)
{
    .chckdsgn label{
      min-height: 45px !important;
      padding: 8px 10px !important;
      font-size: 12px !important;
    }
    .qustntxtoptns2{
      padding: 20px 25px !important;
    }
    .crosstxt{
      padding-left: 0px !important;
    }
    .wrongtxt {
        font-size: 12px !important;
    }
}
.pointer_none{
  opacity: 0.5 !important;
}
p.wrongtxt{
  color: #000 !important;
}
.crosstxt{padding-left: 15px !important;}
.crossicon{width: unset !important;}



@media (min-width: 10px) and (max-width: 1024px)
{
  .inf.resads.lazyloaded{text-align:center;}
}
.chckdsgn label{
   display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 56px;
    padding: 8px 24px;
    margin: 0;
    border: 3px solid #f4f4f4;
    border-radius: 8px;
    cursor: pointer;
    background-color: #fff;
    color: #344858;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: all .1s cubic-bezier(.445,.05,.55,.95);
    transition: all .1s cubic-bezier(.445,.05,.55,.95);
	}
	.respmob{display:flex;}
/**********/
/**media queries end**/

.quiz-title-social-proof{
        display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 6px;

    font-size: 11px;
    margin-top: 20px;
    border-radius: 16px;

}
.quiz-title-social-proof .verticals{
        color: #fff;
    background-color: #55ACEE;
    font-weight: 700;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding: 0 10px;
    height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 16px;
    font-size: 10px;


}
.quiz-title-credit {
    padding-left: 8px;
    font-size: 13px;
}

span.median-time {
    color: #000;
}
.quiz-title .quiz-title-social-proof p {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding: 0 10px;
    height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 16px;
    margin-bottom: 5px;
}

p.verticals {
    line-height: 30px;
}
.quiztitl{    background: #000 !important;}
.easyhard{color:#344858;}

.imgtxt {
    position: absolute;   bottom: 0px;  width: 100%;  right: 10px;
}
.slidequ {
    right: 0px;
}
.imgatrr{text-align: right; border-radius: 0;  background: rgba(0,0,0,0.2);  margin: 0;   color: #fff;   font-size: 11px;padding: 10px 32px;}
#mostquiz .imgtxt_credit{top: calc(100% - 23px) !important; border-radius: 0 !important;}
#mostquiz .carousel-item{overflow: hidden;border-radius: 16px;}
.resizemob {
    position: relative;padding-bottom: 56.2%;
}
.single_photography{
  box-shadow: unset !important;
}

h3.changehover a{  background: #000000 ;     padding: 0 5px;}
.carousel-caption .changehover {
    background: transparent !important;
}

.bnnertitl{background: transparent !important;}

.logo.frontenlogo h1.logosctn img {
    width: 100%;
}

/***Article*/
.vote-thumbs-container {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f4f4f4;
    border-radius: 27px;
    bottom: 45px;
    -webkit-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.05), 0 2px 4px 0 rgba(0,0,0,.1);
    box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.05), 0 2px 4px 0 rgba(0,0,0,.1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 54px;
    margin: 0 auto 54px;
    position: relative;
    width: 150px;
}
.subdescription{margin-bottom: 43px;}
.vote-thumb {
    border-radius: 50%;
    height: 40px;
    line-height: 40px;
    margin: 0 5px;
    text-align: center;
    width: 40px;
}
.vote-thumb-up {
  border: 1px solid #0bc44e;
    background-color: #0bc44e;
}

.vote-thumb-down {
  border: 1px solid #df5051;
    background-color: #df5051;
}
.thumb_up{color: white; font-size: 22px;}
.thumb_down{color: white;font-size: 22px;}
.newsect {
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.recirc-card .flag {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    width: 64px;
    height: 26px;
    text-align: center;
    font-weight: 600;
    line-height: 26px;
}
.hardquiz{
  background-color: red;
      position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    width: 64px;
    height: 26px;
    text-align: center;
    font-weight: 600;
    line-height: 26px;
}
p.easy b{color: #fff;}
.botquiz{margin-top: 30px; margin-bottom: 37px;}
.boxshdw {
    box-shadow: 0px 8px 6px -2px #00000014;
    padding: 16px;
    background: #fff;
    margin-bottom: 20px;
}

.testbottom {
    width: 100%;
    height:150px;
}
.paddbox{padding-left: 0px;}
p.easy:before {
    border-top-color: #0bc44e !important;
    border-right-color: #0bc44e !important;
}
p.hardd:before {
    border-top-color: red !important;
    border-right-color: red !important;
}
.easyquiz {
    background-color: #0bc44e;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    width: 64px;
    height: 26px;
    text-align: center;
    font-weight: 600;
    line-height: 26px;
}

.easy{text-align: center; font-weight: 600;
    line-height: 26px;}
p.hardd:before {
    content: "";
    position: absolute;
    top: 0;
    left: -26px;
    width: 0;
    height: 0;
    border: 13px solid transparent;
}
p.hardd {
    background-color: red;
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    width: 64px;
    height: 26px;
    text-align: center;
    font-weight: 600;
    line-height: 26px;
}


p.easy:before {
    content: "";
    position: absolute;
    top: 0;
    left: -26px;
    width: 0;
    height: 0;
    border: 13px solid transparent;
}
.hardtext {
    color: white !important;
}


@media (min-width: 10px) and (max-width: 767px)
{
  .expquiz{padding: 0px; margin-top: 8px;}
  .easyquiz{padding: 0px; margin-top: 8px;}
  .hardquiz{padding: 0px; margin-top: 8px;}
  .paddbox{padding: 0px;}
  .col-md-12.bottom_quizs {
      margin-top: 10px;
  }
}

.refreshbtn{
    background: #F4A919;
    color: #fff;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px;
    border: 0;
    padding: 10px 25px;
    text-transform: uppercase;
}
.starto{
  background: white;
  color: #344858;
  border:1px solid #F4A919;
  margin-left: 16px;
}
p.wdfty {
    display: inline;
}
.lesmrgn{margin-bottom: 10px !important;}

a.topscrl.refreshbtn {
    background: #F4A919 !important;
    background: #F4A919;
    color: #fff;
    border-radius: 50px;
    font-size: 14px;
    margin-top: 10px;
    border: 0;
    padding: 10px 25px;
    text-transform: uppercase;
}
.section_title h3 {
    margin-top: 10px;
  }
  .about_playquiz{margin-top: 22px;}

.ht_pp{max-height: 150px;
      overflow: auto;}
/***Article*/
.footer .footer_bottom img {width: 400px;margin: 5px 0px 10px;}
@media(min-width: 10px) and (max-width: 767px){
.footer .footer_bottom img {width: 100%;}
.footer .footer_bottom img {width: 250px;margin: 5px 0px 10px;}
.footer .footer_bottom .footer_links ul li {margin: 0 5px;}
}
@media(min-width: 768px) and (max-width: 991px){
.footer .footer_bottom img {width: 100%;}
.footer .footer_bottom img {width: 250px;margin: 5px 0px 10px;}
.footer .footer_bottom .footer_links ul li {margin: 0 5px;}
}
a{
  text-decoration: none;
}

/*******new Css Start*****/


    .videostickyheader{position: sticky;top:0;z-index: 9;}
    .headersecondary{height: 90px;display: flex;align-items: center;position:sticky;width:100%;background:#fff;z-index:9;top:0;}
    .logosec img{max-width:220px;}
    .logosec{display: flex;align-items: center;float: left;width: 240px;}
    .searchsecondary input[type=search]
    {
      -webkit-appearance: textfield;box-sizing: content-box;font-family: inherit;font-size: 100%;-webkit-box-sizing: content-box;
    }

.searchsecondary{margin-right:10px;}

.rightsearchmenusec{text-align:right;display: flex;align-items: center;justify-content: right;}


/********Menu Desktop Css Start*******/
.hideaddsectionsec{float:left;width:728px;}
.rightsearchmenusec{position: relative;float: right;width: 170px;}
#sidebarMenu
{
  position: absolute;right: 0;left:auto;width: 250px;background: #fff;box-shadow: 0px 0px 3px 0px #888888;margin-top: 33px;
  opacity:0;display: none;opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;

}
.sidebarMenuInner
{
    margin:0;padding:0;border-top: 1px solid rgba(255, 255, 255, 0.10);text-align: left;
    overflow: auto;max-height:calc(100vh - 80px);padding:0 20px;
}
.sidebarMenuInner::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;background-color: #F5F5F5;
  }

.sidebarMenuInner::-webkit-scrollbar {width: 5px;background-color: #F5F5F5;}

.sidebarMenuInner::-webkit-scrollbar-thumb
{
    border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);background-color: #5a5dba;
}
.sidebarMenuInner li
{
    list-style: none;color: #fff;border-bottom: 1px solid rgba(255, 255, 255, 0.10);padding: 8px 0px;
}

.sidebarMenuInner li a
{
    color: #000;cursor: pointer;text-decoration: none;
}
.menusecondesktop input[type="checkbox"]:checked ~ #sidebarMenu
{
  transform: translateX(0); opacity:1; display:block; transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.menusecondesktop input[type=checkbox]
{
    transition: all 0.3s;box-sizing: border-box;display: none;
}
.sidebarIconToggle
{
    transition: all 0.3s;box-sizing: border-box;cursor: pointer;
    z-index: 99;height: 100%;width: 100%;width: 22px;
}
.menusecondesktop .spinner
{
    transition: all 0.3s;box-sizing: border-box;position: absolute;height: 3px;width: 100%;
}
.menusecondesktop .horizontal
{
    transition: all 0.3s;box-sizing: border-box;position: relative;float: left;margin-top: 3px;
}
.diagonal.part-1
{
    position: relative;transition: all 0.3s;box-sizing: border-box;float: left;
}
.diagonal.part-2
{
    transition: all 0.3s;box-sizing: border-box;position: relative;float: left;margin-top: 3px;
}
.menusecondesktop input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal
{
    transition: all 0.3s;box-sizing: border-box;opacity: 0;
}
.menusecondesktop input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1
 {
    transition: all 0.3s;box-sizing: border-box;transform: rotate(135deg);margin-top: 8px;
}
.menusecondesktop input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2
{
    transition: all 0.3s;box-sizing: border-box;transform: rotate(-135deg);margin-top: -9px;
}
/********Menu Desktop Css End*******/
  .extraspace{padding-top:90px;}

  .expandSearch,.expandSearch input,.expandSearch a
{
  float: left;  -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.expandSearch input
{
    padding: 4px 0px 4px 0px;border:none; overflow: hidden; width: 0px; opacity: 0;outline:none !important;background:transparent;
}

.expandSearch a
{
  display: block; padding: 1px 15px 4px 4px;
}

.showSearch input
{
  margin-left: 10px;  margin-right: 10px; width: 50px; opacity: 1;
}

.showSearch{  border: 3px solid #2073c9;    border-radius: 40px;    background: #fff;}
.expandSearch{margin-bottom:0px;}



.svg-icon.searchsvg {  width: 1.5em;  height: 1.5em;}


.searchmobile{display:none;}
.pseudo-search
 {
  display: inline;  border: 2px solid #ccc;  border-radius: 100px;  padding: 10px 15px;  transition: background-color 0.5 ease-in-out;margin-bottom:10px;
}
.pseudo-search input {  border: 0;  background-color: transparent;  width: 130px;}
.pseudo-search input:focus {  outline: none;}
.pseudo-search button,.pseudo-search i {  border: none;  background: none;  cursor: pointer;}
.pseudo-search select {  border: none;}



@media(max-width:1023px)
{
  /* .hideaddsectionsec{display:none;}
  .headersecondary{height: 50px;}
  .extraspace{padding-top:50px;}
  .headersecondary .row{justify-content: space-between;}
   #sidebarMenu{margin-top:13px;}
  .logosec{width:auto;}
  .logosec img {
    max-width: 150px;
  } */
  .hideaddsectionsec{display:none;}
  .headersecondary{height: 70px;}
  .extraspace{padding-top:50px;}
  .headersecondary .row{justify-content: space-between;}
   #sidebarMenu{margin-top:13px;}
  /* .logosec{width:auto;} */
  .logosec{width:100%;justify-content:center}
  .rightsearchmenusec{position: absolute!important;right:10px;top:20px;}
  #sidebarMenu{ width: 250px !important; margin-top: 26px;}
  .pseudo-search input{width: 50% !important;}
  .logosec img { max-width: 215px;}

}

@media(max-width:767px)
{
  .rightsearchmenusec{position: inherit;}
  .pseudo-search input{width:74%;}
  ul.sidebarMenuInner li {width: 50%;float: left;}
  ul.sidebarMenuInner li.searchmobile{width:100%;}
  #sidebarMenu{width:100%;height: calc(100vh - 50px);}
}

@media(min-width:1400px)
{
  .headersecondary .row{justify-content: center;}
  .logosec{width:270px;}
  .logosec img{max-width:250px;}
  .rightsearchmenusec{width:230px;}
  .showSearch input{width:80px;}
  .hideaddsectionsec{width: calc(100% - 500px);}
  .headersecondary .container{max-width:1270px;}
}

@media(max-width:1200px)
{
  .sidebarMenuInner{padding:20px;}
  .searchsecondary{display:none;}
  .searchmobile{display:block;margin-bottom: 20px;border-bottom: 0px !important;}
  .rightsearchmenusec{width:auto;}
  .showSearch input{width:150px;}
}

@media(min-width:1024px) and (max-width:1200px)
{
  .logosec{width:120px;}
  .logosec img {max-width: 130px;}
  .headersecondary .row{justify-content: space-between;}
}

@media(max-width:767px)
{
  .hero-image{min-height: 300px;}
  .imgatrr {line-height: 1.5;}
  .banner_section{padding-bottom: 52px!important;}
}

/*****new Css End******/