.search_area_new {
        float: right;
        margin-right: 20px;
    }
.center{max-width:1300px;margin:0 auto;padding:0 20px}
.err{ background-color:pink; border:3px solid red; }
.safe{ border:3px solid red; }
a.image { 
    background:url("https://www.proprofs.com/quiz-school/img/layout/ajax-loader.gif") center center no-repeat;
}
.custom_span_browse{display: block;margin: 0px !important;}
.custom_span_browse img{
    border: 1px solid #eee;
    box-shadow: 1px 1px 5px #999;
    height: 122px!important;
    width: 216px!important;
}
.lazy_a_style_question{ 
        margin: 0px !important;
    border: none !important;
    width: 400px !important;
    height: 250px !important;
}
.lazy_a_style_answer {
    margin: 0px!important;
    border: none!important;
    width: 350px!important;
    height: 200px!important; 
}
.image_api_ques{
    margin-bottom: 0px;
    margin-top: 8px;
}
.pos_lazyload_a{
    display: inline-table;
}
.pos_lazyload_div{

}
.left_img_blk{
    float: left;
    margin-left: 10px;
}
.right_img_blk{
    float: right;
    margin-right: 10px;
}
.tkquizdrp{background-color:#d1d1d1; color:#1f1f1f;}
.nav .dropdown-toggle .caret{border-top-color:#1f1f1f !important;}
.nav .dropdown-toggle .caret:hover{border-top-color:#1f1f1f !important;}
.tkquizdrp:hover{background-color:#d1d1d1 !important; color:#1f1f1f !important;}
.craeteaquiz:hover{ color:#fff !important;}

.hover_class1:hover {
color: #1f1f1f ;
background-color: #fff ;
border-color: #fff ;
}
.navbar .nav>li>a{ padding:7px 7px 7px !important; border-radius:4px !important;}
.coltoggle{padding-left:6px !important;}

@media only screen and (max-width: 700px) {
a.image{ 
background:url("https://www.proprofs.com/quiz-school/img/layout/ajax-loader.gif") center center no-repeat;
}
}
.center{max-width:1300px;margin:0 auto;padding:0 20px}
.err{ background-color:pink; border:3px solid red; }
.safe{ border:3px solid red; }
a.image { 

    background:url("https://www.proprofs.com/quiz-school/img/layout/ajax-loader.gif") center center no-repeat;
}
.custom_span_browse{display: block;margin: 0px !important;}
.lazy_a_style_question{ 
        margin: 0px !important;
    border: none !important;
    width: 400px !important;
    height: 250px !important;
}
.lazy_a_style_answer {
    margin: 0px!important;
    border: none!important;
    width: 350px!important;
    height: 200px!important; 
}
.image_api_ques{
    margin-bottom: 0px;
    margin-top: 8px;
}
.pos_lazyload_a{
    display: inline-table;
}
.pos_lazyload_div{

}
a:hover,a:focus{
    color:#4d4d4d !important;
}
#footar_container{
    margin-top: 15px !important;
}
.popular_content{
    width:90% !important;
}
.pop_back_ground{
    padding: 8px 0px 5px 22px;
    margin-left: 12px;
}
@media only screen and (max-width: 5000px) and (min-width: 1025px){
.pages {
    float:none !important; 
    }
    .pages p{
        text-align: center !important;
    }
}

@media (max-width: 992px){
    .right_img_blk{
        float:left;
    }
    .pop_back_ground{
        margin-left: 0px;
    }
    .pages{
        padding: 0px !important;
        font-size: 12px !important;
    }
    .right_wrapper{
        float:none !important;
    }
    .adminuser{
        width: auto !important;
    }
    .admin_msg{
        width: auto !important;
    }
    .admin_bgbox{
        width: auto !important;
    }
}
@media only screen and (max-width: 480px) and (min-width: 301px){
    .poplallwdth {
        /*width: 270px!important;
        padding-left: 5px !important;*/
    }
    .poptitle {
        float: left !important;
        width: auto !important;
        margin-left: 10px;
    }
    .popldesc {
        width: 230px !important;
        padding-left: 10px !important;
        display: inline-block;
        margin-top: 5px;
    }
    .pages {
        /*float: none !important;*/
    }
    .pages p{
        text-align: center !important;
    }
    .quizDescrImg:hover {
/*      border: none !important;
        outline: none !important;
        box-shadow: none !important;*/
    }
}
@media only screen and (min-width :481px) and (max-width :768px){
.newallmodify{width: 102px !important;}
.newfetmodify{width: 102px !important;}
.newrescentmodify{width:88px !important;}
.newfetmodify{width: 102px !important;}
.newPopularmodify{width: 88px !important;}
.newDatemodify{width: 65px !important;}
}

@media only screen and (min-width :301px) and (max-width :480px){
.newallmodify{width: 57px !important;}
.newfetmodify{width: 102px !important;}
.newrescentmodify{width:88px !important;}
.newLangmodify{width: 105px !important;}
.newPopularmodify{width: 88px !important;}
.newDatemodify{width: 65px !important;}
}

@media only screen and (max-width: 700px) {
a.image{ 
background:url("https://www.proprofs.com/quiz-school/img/layout/ajax-loader.gif") center center no-repeat;
}
.custom_span_browse img{
    width: 100%!important;
    max-width: 100%;
    outline: 0!important;
}
}
.serchbutton:hover{opacity:.8;}
.adatehover:hover{ color:#000;}
@media only screen and (max-width: 1024px) and (min-width: 768px){
    .row-fluid {
        max-width: 95% !important;
    }
}
@media only screen and (max-width: 767px) and (min-width: 541px){
    .row-fluid {
        max-width: 95% !important;
    }
}
@media only screen and (max-width: 767px) and (min-width: 481px){
    .row-fluid {
    width: 95% !important;
    }
}
@media only screen and (max-width: 480px) and (min-width: 301px){
    .row-fluid {
    width: 90% !important;
    }
}
@media only screen and (max-width: 767px) and (min-width: 481px){
    .container {
        width: auto !important;
    }
}
@media only screen and (max-width: 480px) and (min-width: 301px){
    .container {
        width: auto !important;
    }
}

@media only screen and (max-width: 767px) and (min-width: 481px){
    .cat-row, .featured-row-search, .recent-row {
        width: auto !important; 
    }
}
@media only screen and (max-width: 480px) and (min-width: 301px){
    .cat-row, .featured-row, .featured-row-tab, .recent-row {
        width: auto !important;
    }
}
@media only screen and (max-width: 767px) and (min-width: 481px){
    #footar_container {
        min-width: auto !important;
    }
}
@media only screen and (max-width: 480px) and (min-width: 301px){
    #footar_container {
        width: auto !important;
        min-width: auto !important;
    }
}
@media only screen and (max-width: 480px) and (min-width: 301px){
    .pages p span {
        padding: 4px !important;
        border: 1px solid #ddd;
        margin: 0 0 0 5px;
        color: #545459;
    }
}
@media only screen and (max-width: 480px) and (min-width: 301px){
    .nwcontainer {
        width: auto !important;
    }
}
@media only screen and (max-width: 480px) and (min-width: 301px){
    .month-row-left {
    width: auto !important;
    }
}
@media only screen and (max-width: 767px) and (min-width: 481px){
    .month-row-left {
    width: auto !important;
    }
}
@media only screen and (max-width: 767px) and (min-width: 481px){
    .featured-row {
    width: auto !important;
    }
}
@media only screen and (max-width: 480px) and (min-width: 0px){
    .imageupper {
        outline: none !important;
    }
    .newtextclass3 {
        text-align: center !important;
    }
}
@media only screen and (max-width: 480px) and (min-width: 0px)
{
/*.newcategory-row-left {
  width: 95% !important; 
  margin-top:20px !important;
}*/
.category-row-left{margin-bottom:45px !important;}
.col-category-left-new_res{ width:100% !important;}
/*.imgcat{width:99% !important;}*/
.imageupper{ width: 100%;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  float: none; 
  margin-bottom: 7px;
  outline: 1px solid #eee;}
.col-category-left-new_ress{ width:95% !important; margin-left:11px !important;}
.imgcat{ width:100% !important; max-width:100%; outline:0 !important; height:160px !important;}  
.col-category-lefts {
  width: 99% !important;
}
.textclass3new {
  margin-top: 11px !important;
  text-align: center !important;
  color: #3b5998 !important;
  font-size: 16px !important;
  font-weight: normal !important;
  line-height: 18px !important;
  min-height: 0px !important;
}
}
._featured_img_blck{
    padding-left: 18px;
}
._category_img_blck{
    /*padding-left: 18px;*/
    margin-top:15px;
}
.row-fluid{
    clear:both;
    }
/*--featured quizzes css starts*/
.m_srcmenu_new{
    width: 30px;
    height: 30px;
    padding: 0px 0px 0 0;
    background: url(/quiz-school/featured-quizzes/img/qm_icon_head.png) -4px -4px no-repeat;
    float: left;
   
}
.m_divsearchs{
    margin-top: 62px;
    width: 99%;
    height: 35px;
    right: 1px;
    display: none;
    box-shadow: 3px 3px 3px #ccc;
    z-index: 1000;
    position: absolute;
    border: 1px solid #ffffff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
}
.normresv_new{
    width: 24px;
    height: 30px;
    padding: 10px 10px 0 0;
    background: url(/quiz-school/featured-quizzes/img/qm_icon_head.png) -4px -81px no-repeat;
    float: right;
    margin-left: 4px;

}
.normresv_new:hover,
.normresv_new :focus{
    background: url(/quiz-school/featured-quizzes/img/qm_icon_head.png) -4px -120px no-repeat;
}

.arrow_new{
    width: 23px;
    height: 30px;
    padding: 10px 10px 0 0;
    background: url(/quiz-school/featured-quizzes/img/qm_icon.png) 0px -129px no-repeat;
    float: left;
    margin-left: 5px;

}
.main_menu_right{
    float: right;
    cursor: pointer;
    
}
.m_icschrs{
    right: 25px;
    display: none;
}
.m_searchs{
    float: right;
    width: 88%;
    margin: 0;
    height: 33px;
}
.icon-arrow{
    width: 24px;
    height: 24px;
    padding: 10px 10px 0 0;
    background: url(/quiz-school/featured-quizzes/img/qm_icon.png) -3px -130px no-repeat;
    float: left;
    margin-left: 6px;
}
.m_srcmenu_new_click{
    width: 24px;
    height: 24px;
    padding: 6px 0px 0 0;
    background: url(/quiz-school/featured-quizzes/img/qm_icon.png) -3px -57px no-repeat;
     float: right;
    margin-left: 6px;

}
.main_menu{
    display: none;
}
.on_load{
    display: none;
}
#hsearchsite{
    width: 100% !important;
    padding: 4px 4px 4px 6px !important;
    border: none;
    height: 32px;
    background-color: #fff;
    border: none !important;
    color: #4d4d4d;
    font-size: 14px !important;
    display: block!important;
    float: left!important;
    margin-right: -2px!important;
    font-family: sans-serif;
    text-align: left !important;
    margin-left: 0px !important;
    border-left:none;
    outline: none !important;
}
.main_menu{
    height: 100%;
    width: 250px;
    position: fixed;
    right: 0;
    height: 100%;
    background-color: #eee;
    width: 230px;
    position: fixed;
    right: 0;
    z-index: 999;
    box-shadow: -5px 0 5px -3px #ccc;
    overflow-y: scroll !important;
}
.log-field{
    margin: 12px;
    width: 200px;
}
.login2{
    border-radius: 1px;
    width:85px;
    font-size: 15px;
    color:#fff !important;
    border: none;
    text-shadow: none;
    background-color: #ff9900 !important;
    background-image: none;
}
.login2:hover,
.login2:focus,
.login2:active{
    background-color: #EF8E1B !important;
    background-position: 0 0px;
    color:#fff !important;
}
.sign-up2{
    border-radius: 1px;
    width:85px;
    font-size: 15px;
    color:#fff !important;
    border: none;
    text-shadow: none;
    background-image: none;
    background-color: #3c8ac9 !important;
}
.sign-up2:hover,
.sign-up2:focus,
.sign-up2:active{
    background-color: #3B5998 !important;
    background-position: 0 0px;
    color:#fff !important;
}
#cssmenu ul{
    padding-left: 10px;
}
#cssmenu>ul>li{
    background: #eee;

}
#cssmenu ul ul a{
    padding: 10px 0px 10px 5px !important;
    color: #3b5998 !important;
}
#cssmenu>ul>li:hover,
#cssmenu>ul>li:focus{
    background: #3c8ac9;
}
#cssmenu>ul>li.active>a:focus, #cssmenu>ul>li>a:hover{
    text-decoration: none;
    color: #fff;
}
#cssmenu>ul>li.has-sub>a span{
    background: url(https://www.proprofs.com/quiz-school/qm_home_v2/img/plus-drop.png) 90% center no-repeat;
}
#cssmenu>ul>li.has-sub.active>a span{
    background: url(https://www.proprofs.com/quiz-school/qm_home_v2/img/minus.png) 90% center no-repeat;
}
.custom_container_feature{
    width: 965px;
    display: block;
}
.custom_fluid_feature
{
    border-bottom: 1px solid #ddd;
    padding-bottom: 1px;
}
.navbar_header_feature{
    float: left;
}
.craeteaquiz:focus,
.craeteaquiz:hover{
    text-decoration: none !important;
    background-color: #388bd1 !important;
}
.logo_desk{
    padding-top: 15px !important;
    margin-right: 10px;
    padding: 0px;
}
.navbar-right{
     margin-top:25px !important;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    font-size: 13px;
}
.craeteaquiz,.dropdown-toggle{
    color: #3B5998 !important;
    margin-left: 5px;
    margin-right: 5px;
}
.craeteaquizzes:hover,
.craeteaquizzes:focus{
    background-color: #d1d1d1 !important;
}
.craeteaquizzes{
    color: #1f1f1f !important;
    background-color: #d1d1d1;
}
.dropdown-menu::after {
    display: none;
}
.navbar-right .dropdown-menu{
    right: 2px;
    border:none;
    border-radius: 2px;
}
.navbar .nav>li>.dropdown-menu:before,.navbar .nav>li>.dropdown-menu:after{
    display: none !important;
}
.tab-style{
    padding: 5px 5px !important;
    clear: both !important;
    font-weight: 600 !important;
    line-height: 16px !important;
    color: #3B5998 !important;
    font-weight: bold !important;
    white-space: nowrap !important;
    font-size: 13px !important;
}
.hide_me{
    float: right;
    padding: 0!important;
    margin: 8px 0px 0;
    }
#cssmenu ul ul a:before{
    display: none;
}
@media (max-width: 1100px){
    .custom_container_feature,.custom_m_container{
        width:auto !important;
    }
}
/*featured quizzes css ends*/
.tkquizdrp{background-color:#d1d1d1; color:#1f1f1f;}
.nav .dropdown-toggle .caret{border-top-color:#1f1f1f !important;}
.nav .dropdown-toggle .caret:hover{border-top-color:#1f1f1f !important;}
.tkquizdrp:hover{background-color:#d1d1d1 !important; color:#1f1f1f !important;}
.craeteaquiz:hover{ color:#fff !important;}
.nav-pills .open .dropdown-toggle, .nav-tabs .open .dropdown-toggle, .nav>li.dropdown.open.active>a:focus, .nav>li.dropdown.open.active>a:hover {
color: #1f1f1f ;
background-color: #d1d1d1 ;
border-color: #d1d1d1 ;
}
.hover_class1:hover {
color: #1f1f1f ;
background-color: #fff ;
border-color: #fff ;
}
.navbar_area_text{
    margin-bottom: 0px !important;
}
.navbar .nav{
    margin-left: 0px !important;
    margin-top: 0px !important;
}
.navbar .nav>li>a{ padding:7px 7px 7px !important; border-radius:4px !important;}
.coltoggle{padding-left:6px !important;}
.header-social-icon li {
    display: inline-block;
    float: left;
    padding: 0px 4px;
    list-style-type: none;
}.header-social-icon {
    float: left;
    text-align: center;
    margin-top: 25px !important;
}
.hover_class_new{
    float: left!important;
    height: 26px!important;
    font-size: 16px!important;
    text-align: left;
    font-family: Helvetica,Arial,sans-serif;
}
.hover_class_new:hover,
.navbar_area:focus{
    color:#444 !important;
    background: none !important;
}
@media only screen and (max-width: 768px)
{
    .header-social-icon{display:none;}
}
/*Browse page css starts */
.main_cont_language{
    width: 940px;
}
.breadcrumb_row{
    margin-top:10px;
    font-size:12px;
    padding-bottom:10px;
    padding-left: 4px;
}
.alter_heading{
    margin-top:10px;
    margin-bottom: 15px;
    font-size: .85em;
    font-weight: normal;
    color: #4f4f4f;
    text-align: left;
    margin-left: 10px;
}
.tkquizauth{
    font-size:23px;
    line-height:10px;
    margin-bottom:15px;
    float:left;
    font-weight: 400;
}
#searchquizz{
    height: 32px !important;
    color:#4d4d4d;
    outline: none;
}
.heading_row{
    margin-top: 10px;
    padding-left: 0px !important;
}
.col-search{
    width:150px !important;
    margin-left: 4px !important;
}
.search_text{
    float: right;
}
#hsearchForm_resp{
    display: inline;
}
.navbar .nav{
    margin-top: 25px !important;
}
.header-social-icon{
    width:auto !important;
}
.text_size{
    line-height: 30px;
    color: #3B5998 !important;
    font-weight: bold !important;
    white-space: nowrap !important;
    font-size: 14px !important;

}
.navbar .nav .text_size{
    margin-right: 15px;
    font-family: Helvetica,Arial,sans-serif;
}
.all_new_icon{
    width: 28px;
    height: 20px;
    background: url(/quiz-school/assets/browse/images/qm_icon.png) 0px -206px no-repeat; /*-235*/
    float: left;

}
.all-icon:hover .all_new_icon{
    background: url(/quiz-school/assets/browse/images/qm_icon.png) 0px -240px no-repeat !important;
}
.all_new_icon:hover,
.all_new_icon:focus{
    background: url(/quiz-school/assets/browse/images/qm_icon.png) 0px -240px no-repeat !important;
}
.featured_new_icon{
    width: 28px;
    height: 24px;
    background: url(/quiz-school/assets/browse/images/qm_icon.png) 0px -271px no-repeat; /*-302*/
    float: left;

}
.featured-icon:hover .featured_new_icon{
    background: url(/quiz-school/assets/browse/images/qm_icon.png) 0px -305px no-repeat !important;
}
.featured_new_icon:hover,
.featured_new_icon:focus{
    background: url(/quiz-school/assets/browse/images/qm_icon.png) 0px -305px no-repeat !important;
}
.popular_new_icon{
    width: 28px;
    height: 20px;
    background: url(/quiz-school/assets/browse/images/qm_icon.png) 0px -342px no-repeat; /*-372*/
    float: left;

}
.popular-icon:hover .popular_new_icon{
    background: url(/quiz-school/assets/browse/images/qm_icon.png) 0px -376px no-repeat !important; 
}
.popular_new_icon:hover,
.popular_new_icon:focus{
    background: url(/quiz-school/assets/browse/images/qm_icon.png) 0px -376px no-repeat !important; 
}
.recent_new_icon{
    width: 28px;
    height: 20px;
    background: url(/quiz-school/assets/browse/images/qm_icon.png) 0px -410px no-repeat; /*-442*/
    float: left;

}
.recent-icon:hover .recent_new_icon{
    background: url(/quiz-school/assets/browse/images/qm_icon.png) 0px -444px no-repeat !important;
}

.recent_new_icon:hover,
.recent_new_icon:focus{
    background: url(/quiz-school/assets/browse/images/qm_icon.png) 0px -444px no-repeat !important;
}
.language_new_icon{
    width: 28px;
    height: 27px;
    background: url(/quiz-school/assets/browse/images/qm_icon.png) 0px -476px no-repeat; /*-507*/
    float: left;

}
.language_new_icon:hover,
.language_new_icon:focus{
    background: url(/quiz-school/assets/browse/images/qm_icon.png) 0px -510px no-repeat !important;
}
.date_new_icon{
    width: 28px;
    height: 20px;
    background: url(/quiz-school/assets/browse/images/qm_icon.png) 0px -547px no-repeat; /*-577*/
    float: left;

}
.date-icon:hover .date_new_icon{
    background: url(/quiz-school/assets/browse/images/qm_icon.png) 0px -581px no-repeat !important;
}
.date_new_icon:hover,
.date_new_icon:focus{
    background: url(/quiz-school/assets/browse/images/qm_icon.png) 0px -581px no-repeat !important;
}
.on_set_all{
    color:#000 !important;
}
.all_alter{
    background: url(/quiz-school/assets/browse/images/qm_icon.png) 0px -240px no-repeat !important; 
}
.feature_alter{
    background: url(/quiz-school/assets/browse/images/qm_icon.png) 0px -305px no-repeat !important;
}
.popular_alter{
    background: url(/quiz-school/assets/browse/images/qm_icon.png) 0px -376px no-repeat !important; 
}
.recent_alter{
    background: url(/quiz-school/assets/browse/images/qm_icon.png) 0px -444px no-repeat !important;
}
.language_alter{
    background: url(/quiz-school/assets/browse/images/qm_icon.png) 0px -510px no-repeat !important;
}
.date_alter{
    background: url(/quiz-school/assets/browse/images/qm_icon.png) 0px -581px no-repeat !important;
}

.tab-style{
    line-height: 20px !important;
}
.tab-style:hover,
.tab-style:focus{
    background-color: #fff !important;
}
.navbar_edit{
    margin-left: 0px !important;
}
.row_heading {
    font-size: 18px;
    font-weight: 400;
    color: #666;
    padding-left: 3px;
}
.lib_1 {
float: left;
width: 8.1%;
height: 30px;
font-size:16px;
}
input:focus:invalid{
    border-color: #eee !important;
}

@media (max-width: 1100px){
    .main_cont_language{
        width:auto !important;
    }
}
@media(max-width: 500px){
    .tkquizauth{
        padding-left: 0px !important;
    }
    .navbar_edit{
    margin-left: 5px !important;
    margin-right: 5px !important;

}
.pre_tab{
    margin-left: 5px !important;
}
.next_tab{
    margin-left: 5px !important;
}
/*.heading_row{
    padding-left: 10px !important;
}*/
.breadcrumb_row{
    padding-left: 10px !important;
}
.row_heading{
    padding-top: 10px !important;
}


}


@media(max-width: 850px){
    .main_cont_feature{
        padding-right: 0px;
        padding-left: 8px;
    }

}
@media(max-width: 478px){
.text_size{
        width:100px !important;
    }
}
@media(max-width: 414px){
.text_size{
        width:95px !important;
        margin-right: 10px !important;
    }
}
@media (max-width: 378px){
.text_size{
    width: 80px !important;
    margin-right: 19px !important;
    }
    .container-fluid{
        padding-right: 0px !important;
    }
}
@media (max-width: 343px){
.text_size{
    width: 70px !important;
    }
}

/* language css starts*/
.admin_loader_new{
    margin-top: 10px;
    float:left;
    font-size: 9px;
    margin-left:8px;
    display: none;
    float:left;

}
.btn_new{
    padding:8px 50px;
    float:left;
}
.custom_loader_new{
    display: none;
    color: #888;
    font-size: 10px;
    float:left;
    margin-top:43px;
}
.heading_new{
    font-size:36px;
    border-bottom:none;
    margin-bottom:0;
    line-height:54px;
}
.feature_text{
    font-size: 18px;
    border-bottom: 0;
    font-family: Helvetica,Arial,sans-serif;
    color: #000;
}
.adminuser{
    float: left;
    width: 950px;
    margin-top: 15px;
}
.admin_msg{
    background-color: #dee7ed;
    padding: 10px 0px 10px 10px;
    width: 938px;
    border-bottom: 1px solid #ccd4de;
    font-size: 18px;
    cursor: pointer;
}
.admin_bgbox{
    padding: 10px 5px 20px 5px;
    width: 938px;
    border-bottom: 1px solid #ccd4de;
    border-right: 1px solid #ccd4de;
    border-top: 1px solid #ccd4de;
    border-left: 1px solid #ccd4de;
    margin-bottom: 15px;
}
.admin_box_l{
    float: left;
    width: 110px;
    margin-top: 5px;
    margin-bottom: 10px;
}
.admin_box_r{
    float: left;
    width: 220px;
    margin-top: 5px;
    margin-bottom: 10px;
}
.admin_box{
    float: left;
    width: 200px;
    margin-left: 110px;
}
.right_con{
    float: left;
    width: 400px;
}
.left_con{
    float: left;
    width: 380px;
}
.footer_arr{
    margin-top: 20px;
}
.image_description{
    width: auto !important;
}
.pop_title_desc{
    padding: 15px 0px 1px 7px !important;
}
.table_body{
    width:195px;
    height:100px;
    border:0px;
}
.td_body{
    width:437px;
}
.other_language{
    background: none;
    width: 293px;
    margin: 0 0px 9px 0px;
    border-radius: 3px;
    color: #4d4d4d;
    border-bottom: 0;
    font-size: 18px;
}
.img_size{
    width:108px;
    height: 108px;
}
.pages{
    position: relative;
    margin-top: 15px;
    font-size: 14px;
    text-shadow: rgb(255, 255, 255) 1px 1px 1px;
    float: left;
    padding: 2px 2px 2px 7px;
    margin-bottom: 10px;
}
.pages p span{
    padding: 2px 6px;
    border: 1px solid #ddd;
    margin: 0px 0px 0px 5px;
    color:#545459;
}
.pages p span.current{
    padding: 2px 6px;
    color: #23A6C7;
    color: #333;
    font-weight: bold;
    border: 1px solid #ddd;
    margin: 0px 0px 0px 5px;
}
.pages p a, .pages p a:visited{
    padding: 2px 6px;
    background: #EFF7FF;
    color: #069;
    border: 1px solid #C2D9EF;
    margin: 0px 0px 0px 5px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
}
/*.newcategory-row-left{
    height:180px !important;
    width:235px;
}*/
.search-btn{
    width: 32px; 
    border: none;
    height: 32px;
    line-height: 32px;
    margin-left: -4px;
}
.search-btn{
    background: url(https://www.proprofs.com/quiz-school/qm_home_v2/img/search-sprite.png?v=1) center 8px no-repeat #eee !important;
}
.search-btn:hover, .search-btn:focus{
    background: url(https://www.proprofs.com/quiz-school/qm_home_v2/img/search-sprite.png?v=1) center -20px no-repeat #3c8ac9 !important;

}
.hovereffect:hover,.hovereffect:focus{
    color:#4d4d4d !important;
}
.pop_recent{
    width:100px !important;
    height: 32px !important;
}
.mainrightblock{
    float:none !important;
}
.featured_head{
    margin-top: 14px;
}
@media(max-width: 768px){
    .adminuser{
        width:auto !important;
    }
    .featured_head{
        float: none !important
    }
    .image_description,.image_desc,.m_progress_box{
        width: auto !important;
    }
    .left_wrapper{
        width: auto !important;
        float: none !important;
    }
    .pop_title_desc{
        padding: 10px 0px 1px 7px !important;
    }
    .mainrightblock{
        float:left !important;
    }
    .td_body{
        padding-left: 10px;
    }
    .right_wrapper{
        width: auto !important;
        float:none !important;
    }
    .navbar .nav{
        margin-top: 5px !important;
    }
    .navbar{
        margin-bottom: 0px !important;
    }
}
@media only screen and (max-width: 480px) and (min-width: 0px){
    .m_inner_box_new{
        width: auto !important;
    }
    .mainrightblock{
        float:none !important;
    }
    .mainrightblock_body{
        float: none !important;
    }
    .table_body{
        width: auto !important;
    }
    .other_language{
        width:auto !important;
    }
    .img_size{
        height: 100px !important;
    }
    .pages p a, .pages p a:visited{
        padding: 4px !important;
       /* margin: 0px !important;*/
    }
    .pages{
        padding: 0px 0px 0px 0px !important;
        float: none !important;
        margin-bottom: 0px !important;
    }
    .right_wrapper{
        float: none !important;
    }
    .b_heading{
        font-size: 28px !important;
    }
    /*.newcategory-row-left{
        height: 150px;
    }*/
    .pop_main {
        height:auto;
    }
    .pop_title{
        height:auto;
        padding:0px 2px; 
    }
    .custom_span_browse img{
        border:none !important;
        border-radius: 0px !important;
    }
    .nwbrwcontnt {
        /*float: left;*/
        /*width: 200px;*/
    }
    .custom_browse img{
        border-radius: 0px !important;
        border: none !important;
    }
    .custom_category img{
        border-radius: 0px !important;
    }
}

.breadcrum_area{
    margin-top: 10px;
    font-size: 12px;
    padding-bottom: 10px;
    padding-left: 2px;

    }


    .custom_container_feature{
        /* width: 940px; */
        width: 1150px;
    }
    .custom_browse img{
        height: 160px;
        width: 224px;
        border-radius: 7px 7px 0 0;
        border: 1px solid #eee;
        box-shadow: 1px 1px 5px #999;
    }
    .custom_category img{
        box-shadow: 1px 1px 5px #999;
        height: 122px;
        width: 176px;
        border-radius: 7px 7px 0 0;
    }
    .search_area,.heading_row {
        margin-top: 20px;
    }
    .main_cont_browse{
        width: 1150px;
    }
    .custom_navbar{
        margin-top:7px;
    }

    #listContent{
        border-top-width: 3px;
        margin: 30px 0px 10px;
        padding: 0px;
        border-radius: 5px;
    }
    
	.row.popular_content.recent_page:first-child .nwdsgncont{margin-top: 0 !important;}

@media only screen and (min-width :301px) and (max-width :480px){
	.featured-row{float: none !important;}
	.featured-row .text_pop{line-height: 20px;}
	.popular_content{width: 100% !important; margin-left: 0 !important;text-align: center;}
	.popular_content .poplallwdth{width: 100% !important; padding: 0 !important; }
	.popular_content .poplallwdth .popllink a{font-weight: normal;}
	
	.popular_content .poplallwdth .popldesc{width: 100% !important;}
	.popular_content .poplallwdth .feturedTitle .totalQues{float: none !important;width: 210px !important;margin: auto !important;}
	
	.container-fluid{padding-left: 15px !important; padding-right: 15px !important;}
	.popular_content .poptitle{margin: 0 !important; float: none !important;}
	.popular_content .poptitle .pos_lazyload_a{padding: 0 !important;box-shadow: 1px 1px 5px #999 !important; border: none !important;}
	.popular_content .poptitle .pos_lazyload_a .quizDescrImg{margin: 0 !important;padding: 0;width: 235px;}
	.popular_content .poptitle .pos_lazyload_a .custom_span_browse_li{float: none; width: 100% !important;    display: block;}
	.popular_content .poptitle .pos_lazyload_a .custom_span_browse_li img{margin: 0 !important;height: 128px !important;}
	
	.row.popular_content:first-child .nwdsgncont{margin-top: 0 !important;}
	
	.featurecont{text-align: center;}
	.featurecont .row-fluid{width: 100% !important;}
	.featurecont .newcategory-row-left-new.featured_blk{margin-left: 0;width: 100%;}
	.featurecont .newcategory-row-left-new.featured_blk .textclass3new{margin-left: auto;margin-right: auto;}
	
}