@charset "utf-8";
/* CSS Document */
.responsive_footer, a.menu_icon, .categoryCntrResponsive, .display_on_mobile ,.loginControl .icons.askaquestion,.loginControl .icons.editor{ display: none; }
/*it's to hide the responsive logo and menu button of Login Control in Interview section*/
.menuButton, .logo_responsive {display:none;}

.filter p { display: inline-block; }

.ulListing { padding: 0px; margin: 0px; }

.ulListing li { list-style: none; float: left; text-align: left; width: 33%; margin: 20px 0px 0px 0px; }

.ulListing a { display: inline-block; vertical-align: top; font-size: 14px; color: #333;   }

.ulListing a:hover { color: #01a821; }




@media screen and (max-width:1023px) 
{
 
 body { overflow-x: hidden; width:100%; font-size: 13px; }
 
 /*Footer css*/

 .menuStripGray li a { font-size: 11px; padding: 3px 2px 3px 7px; }
.footer .rightlink a { font-size: 12px; }
 .menu ul li a { font-size: 14px;}
 
 /*Footer css*/
 
 .master{ margin-bottom:-180px;}
.master:after{ height:180px;}
.footer{ position:absolute; bottom:0px; height:auto; left:0px;}


    .display_none { display: none !important; }

    .responsive_marginTop { margin-top: 42px; }

    .page { max-width: 1024px; width: 100%; margin: 0 auto; padding: 0 7px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }

    .interviewContentArea { width: 100%; }

    .filter p { margin: 5px 0; }
    
    /*Registration Page*/
    .responsive_Registration{ width:750px; }

    /* header css */
    .header.responsive_header { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 9999; display: block; }

    .logo { margin-left: 45px; background: url(/interviews/images/responsive/interview_logo.png) no-repeat 0 5px; width: 100px; }

    a.menu_icon { display: block; background: url(/interviews/images/responsive/menuIcon.png) no-repeat 0 0; width: 35px; height: 30px; position: absolute; left: 7px; top: 5px; }
    

    /* left center css */
    .interviewLeftCtr, .questionDetail { width: 100%!important; }

    /* left category slider style */
    .categoryCntrResponsive { height: auto; background: none; background: #252525; display: block; overflow-y: auto; overflow-x: hidden; position: fixed; top: 0px; left: -260px; width: 260px; z-index: 10; }

    .categoryCntrResponsive .page { padding: 0px; }

    .categoryCntrResponsive ul li { background: none; border-bottom: 1px solid #3a3a3a; display: block; float: none; overflow: hidden; width: 100%; }

    .categoryCntrResponsive ul li a { background: none; overflow: hidden; padding: 14px 12px; display: block; float: none; color: #fff; font-size: 15px; font-family: "BebasNeueRegular"; }

    .categoryCntrResponsive ul li a:hover { background: #ff6600; }

    /* interview home page css */
    .questionDetail li { width: 100%; padding: 3px 0; }

    /*Search Box*/
    .SearchBox { display: block; background: #434343; width: 100%; padding: 14px; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; }

    .SearchBox .input_field { width: 200px; height: 30px; border: none; background: #353535; line-height: 30px; padding: 0px 0 0 5px; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; color: #ccc; }

    .SearchBox .submit_btn { border: none; background: url("/interviews/images/InterviewSpriteHome_20151129.png") no-repeat -18px -476px; width: 30px; height: 30px; padding: 0px; margin: 0px; float: right; }

    /* interview detail */
    .article { width: 100%; }

    .article .image { margin-right: 15px; }

    .article .detail { float: none; width: auto; overflow: hidden; }

    .contentHeader, .postHeader { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; }

    .bigPostComment { width: 100%; padding: 0px; }

    .bigUserPic { margin-right: 15px; }

    .bigPostComment .rightComnment { width: auto; float: none; overflow: hidden; }

    .userComment { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; }

    .smallUserPic { margin-right: 15px; }

    .userComment .rightComnment { padding: 0px; float: none; width: auto; overflow: hidden; }

    .userComment .rightComnment .header ul.icons { right: 11px; }

    .slideBox { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; }

    .slideBox li.left, .slideBox li.right { width: 50%; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; }

    .slideBox li .userDetail { width: 287px; overflow: hidden; }

    .relatedArticle { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; }

    .bigPostComment .rightComnment textarea { width: 100% !important; }
    .userComment .rightComnment .header{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }

    .contentHeader ul { width: auto; }

    .post_C, .post_C span { width: 100%; height: auto; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 2px; background-image: none; }

    	/*search page */
    .tags { margin-top:0px;}
    .tags .searchTextBox { width: 515px; }
     .menuBtnForSearchePage{display:block;  background:url(/interviews/images/responsive/myaccount_menu.png) no-repeat 0 0; width:35px; height:30px; position:absolute; right:10px; top:50px;}
    .tags .left { position: fixed; top: 0px; right: -200px; overflow: auto; width: 195px; z-index: 999999; background: #252525; margin: 0px; padding-left:5px; }
    .tags .left .heading { color: #c7c7c7; }
	.tags .right{width:100%; float:none; overflow:hidden;}
	.tags .responsive_tags{padding:0px 0 15px 0!important;}
    .tags .right .questionDetail li,.tags .right .questionDetail{ width:100%;}
    .tags .right .questionDetail li .right { width:524px; }
    
    .responsive_header .page{ padding:0px;}

    .headerGray.FullLength{ width:100%; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box;}

    /* footer style*/

    .footer .menuStripGray .menuLinkTextGray { margin: 0 5px; font-size:11px;}
    .loginControl .icons.admin{display:none;}

    .csharp-notification-bar .notification-content{ font-size:16px; }

}


@media screen and (max-width:767px) 
{
    
   
  .master{ margin-bottom:-60px;}
.master:after{ height:60px;}



    .loginControl{padding-left: 10px;}
    .logo { width:75px; background-size:100%;}
    .display_none_mobile { display: none !important; }
    .no_margin_top_mobile { margin-top: 0px !important; }
    .no_margin_left_mobile { margin-left: 0px !important; }
    .display_on_mobile{display:inherit;}
    .msg_container { width: 308px;}
    /*Registration Page*/
    .responsive_Registration{ width:100%; padding:10px;  box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; }
    .Registration.responsive_Registration .left{width:100%; display:block; padding:0; margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #e3e4e8; border-right:none;}
    .Registration.responsive_Registration .right{width:100%; float:left; text-align:center;}
    .Registration .googleLogin, .Registration .facebookLogin{ display:inline-block; float:none;}
    .responsive_Registration input,.Registration.responsive_Registration .TextBoxStyle, .Registration.responsive_Registration .SelectBoxStyle{ width:100%!important; max-width:none; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box;}
    .responsive_Registration input.half_taxtInput{width:36%!important;}
    .responsive_Registration select{width:87%!important;}
    .Registration .or{top:96%; right:42%;}
    .Registration .or.loginCheck{top:91%;}
    
    
    /* interview home page css */
    .questionDetail li .right { width: auto; }

    .filter .label { width: 85px; }

    .filter .goBtn{ margin-left:0px;}

    .categoryCntrResponsive { display: block; }
    .modelPopUp.reply { width:90%; left:0!important; top:65px!important; }
    .modelPopUp.reply .innerContainer textarea{ width:calc(100% - 20px);box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; height:80px;}
    .modelPopUp.reply .question .title { width: auto; }
    .modelPopUp.reply .popupHeading { text-align: left; }
    /* ul Listing page css */
    .ulListing li { border-bottom: 1px solid #ccc; width: 100%; margin: 0px; }

    .ulListing li a { padding: 10px 0px; display: block; }

    /* interview detail page */
    .userComment { padding: 0px; }

    .bigPostComment .rightComnment { width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; float: right; }

    .relatedArticle { padding: 15px 0; }

    .relatedArticle ul { padding: 0px; }

    .userComment .rightComnment .header .LinkNormalGrayLight { width: 80%; }

    /* footer css */
    .responsive_footer { display: block; background: #000; font-size: 11px; width: 100%; overflow: hidden; float: left; margin-top:10px; position: absolute;  left: 0px; bottom: 0px;}

    .responsive_footer ul { padding: 0px; margin: 0px; width: 100%; overflow: hidden; }

    .responsive_footer ul li { background: url("/interviews/images/iconSpritImage_20092014.png") no-repeat scroll 0 -1056px rgba(0, 0, 0, 0); display: block; float: left; position: relative; }

    .responsive_footer ul li a { color: gray; display: block; padding: 5px; font-size: 11px; text-decoration: none; font-family: "Roboto",sans-serif; }

    .responsive_footer ul li a:hover { color: #f60; }

    .responsive_footer p { padding: 0px 0 10px 10px; margin: 0px; color: gray; }

    .responsive_footer ul li.first { background: none; }
    .responsive_footer li.saperator { color: #424242; margin-top: 6px; }

    /*Search Page*/
  .tags .mainHeading,.tags .right .questionDetail li .right { width: 100%; }
    .tags .searchTextBox { width: 80% !important; float: none; height: 30px; margin-bottom: 6px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
    
    /* interview page post now*/
    .rowForm .label{ text-align:left; width:100%; display:block; float:none; margin-bottom:4px}
    .rowForm .responsiveTextBox, .rowForm .custom-combobox{width:100%; display:block; float:none;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }

    /* notification top header*/
.csharp-notification-bar .notification-content{ font-size:14px; line-height:25px; padding-top:4px;}
.csharp-notification-bar .notification-close{right:3px;}
/*End here */

}