﻿.loginControl .icons.askaquestion, .menuButton, .footerSlide, .recentactivityBoxSelect, .responsive_footer, .logo_responsive, ul.headerMenu li.topSection, .loginControl .icons.home, .loginControl .homeIcon { display: none; }
.responsive_Registration{width:750px;}
.responsive_Registration .left{width:420px;}
.filter p{ margin:0px; display:inline-block; }
.article .detail .grayText h1{font-size: 28px; font-weight: normal; line-height: 30px;}
.responsive_marginTop{ margin-top:15px;}

.rowForm{ width:100%; padding:3px 0px; float:left;} 
.rowForm .label { color: #424242; font-size: 14px; width:153px; display:inline-block; float:left; }
.rowForm .responsive_gobtn{ width:50%; overflow:hidden; text-align:center; margin-top:8px;}
.rowForm .responsive_gobtn .responsive_display{ display:inline-block; float:none;}
.rowForm .responsive_floatLeft, .responsive_advanceSearch{ margin-left:10px; float:left;}

/* jobs email to friend */
.responsive_border, .responsive_TextNormalBlack{  width:100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
.responsive_TextNormalBlack{ margin-bottom:25px;}
.responsive_TextNormalBlack p{ margin:5px 0; width:100%; }
.responsive_TextNormalBlack p input, .responsive_TextNormalBlack p textarea{ width:100%!important;box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;}
.responsive_btn_job{ width:100%; display:block; text-align:center; margin-bottom:10px;}
.responsive_btn_job .commonBuleBtn{ display:inline-block; float:none;}


.dateRight{ width:450px; float:left;}
/* content header filter */
.responsive_contentHeader p{ display:inline-block; padding:0px; margin:0px; overflow:hidden;}
.label.responsive_label{ width:100%!important; display:block;}
.responsive_advanceSearch{ width:105px; padding:4px;}

@media screen and (max-width:1023px) {
    body { overflow-x: hidden; }
    
        .master{ margin-bottom:-180px;}
.master:after{ height:180px;}
.footer{ position:absolute; bottom:0px; height:auto; left:0px;}

    .visibility_hidden{visibility:hidden;}
 
	/*Display none*/
	.headerBanner, .rightCntr, .display_none, ul.headerMenu li.display_none, .myAccountMain .myAccountRight{display:none!important;}
	ul.headerMenu li.topSection{ display:block;}
	.loginPopup.loggedIn, .msg_container{ z-index:999; top:42px!important;}
	.loginPopup{top:42px;}	
    .menu ul li a{ font-size:14px; padding:7px 7px 0;}
   
    /* Header Start-------------------------------------------------------------------------------------------------------------------------------*/

    /* Common section style here */
    .page { max-width: 1024px; width: 100%!important; 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; }
    .responsiveHeader .page { padding: 0;}

    .leftCntr { width: 100%!important; display: block; }
    .HeadingBold { font-size: x-large; }
    .viewAllLink, a.ViewAll,a.ViewAll:hover,.viewAllLinkArticle,.viewAllLink:hover, .viewAllLinkArticle:hover { background: url("/images/csharp/iconSpritImage_20092014.png") no-repeat scroll 33px -5244px rgba(0, 0, 0, 0); width: 138px; height: 36px; text-indent: -9999px; }
    .viewAllLink:hover { background: url("/images/csharp/iconSpritImage_20092014.png") no-repeat scroll 33px -5244px rgba(0, 0, 0, 0); width: 138px; height: 36px; }

     /* footer style here */
    .menuStripGray li a { font-size: 11px; padding: 3px 8px; }
    .rightlink a { font-size: 13px; }
    .headerGray, .headerControls { border-bottom: 1px solid #faac78; font-size: 20px; line-height: 30px; margin: 7px 0 0; padding: 0 11px 0 7px; }
    .msg_container { width: 308px; top: 42px; }
    
    /* responsive header style here */
     .responsiveHeader { display: block; width: 100%; background: #0086dc; position: fixed; height: 40px; z-index: 99999; }
    .responsiveHeader .menuButton { display: block; width: 35px; height: 38px; position: absolute; top: 5px; left: 5px; background: url(/jobs/images/responsive/menuIcon.png) no-repeat 0 0; }
    .responsiveHeader .logo_responsive { width: 60px; height: 31px; position: absolute; left: 51px; top: 2px; background: url(/jobs/images/responsive/jobs_logo_responsive.png) no-repeat 0 5px; display: block; }
  
    /*  .userdetailCntr{padding:9px 10px 8px 8px!important;}
    .loginControl{height:42px;}
    .loginControl .icons.askaquestion { display: block; background: url(/jobs/images/responsive/ask_question.png) center center no-repeat; }
    .loginControl .icons.message { display: block; background: url(/jobs/images/responsive/msg.png) 0 0 no-repeat; }
    .loginControl .icons.comments { display: block; background: url(/jobs/images/responsive/comment.png) 0 0 no-repeat; }
    .loginControl .icons.login { display: block; background: url(/jobs/images/responsive/login.png) 0 0 no-repeat; }
    .loginControl .icons.editor, .loginControl .icons.admin{display:none;}
    .loginControl .icons { width: 28px!important; height: 28px!important; }
    .loginControl .notificationMessageCntr .arrow{top:36px; left:8px;}
    .loginControl { position: absolute; top: 2px!important; right: 0px; }
    .loginControl .icons.signUp { background: url("/jobs/images/responsive/sign_up.png") no-repeat scroll left top transparent; }
    .loginControl .icons.home { background: url("/jobs/images/responsive/home_responsive_icon.png") no-repeat scroll left top transparent; display:inline-block; }
        */
    
    .userdetailCntr{padding:9px 10px 8px 8px;}
    .loginControl{height:42px;}
    .loginControl .icons.editor, .loginControl .icons.admin, .loginControl .icons.editorialNotification{display:none;}
    .loginControl .icons{background: url(/images/csharp/homeSprite_20151129.png) -1px -2662px no-repeat; width:28px !important; height:28px !important;}
    .loginControl .icons.message { display: block; background-position:-1px -2482px!important;}
    .loginControl .icons.notification { display: block; background-position:-1px -2423px!important;}
    .loginControl .icons.comments { display: block; background-position:-1px -2730px!important ; }
    .loginControl .icons.login { display: block; background-position:-1px -2599px;margin:7px 0; }
    .loginControl .icons.signUp{ display: block; background-position: -1px -2541px;}
    .loginControl .notificationMessageCntr .arrow{top:36px; left:8px;}
    .loginControl .icons.home { background: url("/jobs/images/responsive/home_responsive_icon.png") no-repeat scroll left top transparent; display:inline-block; }
    
    
    ul.headerMenu { width: 260px; display: block;}
    ul.headerMenu li { float: none!important; width: 100%; display: block; border-bottom: 1px solid #3a3a3a!important; background: none!important; overflow:hidden; }
    ul.headerMenu li a { float: none!important; }
    .rightCntr.homepageRightBar { display: block; float: none; width: 100%; margin-top: 25px; }
    .rightCntr.homepageRightBar .rightBox { margin: 0 10px; }

    /*Search Box*/
    .SearchBox{ width:100%!important; background-color:#434343;padding:14px!important; display:block;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
    .SearchBox input.searchTextBox{background:#353535!important;    border:none!important;   color: #ccc!important;    height: 30px!important;    line-height: 30px!important;    padding: 0 0 0 5px!important;    width: 200px!important;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
    .responsiveMenu{position:fixed; top:0px; left:-260px; width:260px; background:#252525; overflow-x:hidden; overflow-y:auto;}

    /* Header End-------------------------------------------------------------------------------------------------------------------------------*/
	
	/* job page */
	.questionDetail{width:100%!important;}
	.questionDetail li,ul.ResumeList li{ padding-left:0px!important; width:100%!important;}
	.responsive_Registration{padding:10px 0; width:100%;}
	.responsive_marginTop{margin-top:50px;}
	
	/* Article Detail Start Use for Job detail-------------------------------------------------------------------------------------------------------------------------------*/
    .article, .ratingTilte, .PaddingLeft5, .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; }
    .HeadingAr { padding: 2px 0; }
    .article .detail { float: none; width: auto; }
    .PaddingLeft5 img { width: auto; height: auto; max-width: 100%; }
    .contentHeaderArticle, .postHeader, .pulseMainComment .pulseCommentSectionMain { width: 100%; height:auto; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; }
    .relatedArticle li { width: 45%; }
    .contentHeaderArticle li { padding: 0 6px; height: 30px; }
    .HeaderSpanFirstBlue { left: -7px; }
    .HeaderSpanSecond { margin-top: 0px; margin-left: 0px; }
    
    /* Article Detail End-------------------------------------------------------------------------------------------------------------------------------*/

/* job find candi.... */

.row-inner.left, .row-inner.right{ width:100%; float:none; display:block;}
.textbox_Responsive label{ width:46%;}

/* job my account */
.job_myaccount_left { background: none repeat scroll 0 0 #252525; overflow: auto; position: fixed; right: -260px; top: 0; width: 260px; z-index: 999999;}
.job_myaccount_left h2{color:#fff; padding:0 0 0 8px;}
.job_myaccount_right h2.menucontainer {  display: block;  float: none;  height: 25px;  position: relative;}
.job_myaccount_right h2.menucontainer.heading_myacc{font-size:0px;}
.job_myaccount_left ul.myaccountList li {       border-top: medium none;}
.job_myaccount_left ul.myaccountList li a { border-bottom: 1px solid #3a3a3a;   background: none repeat scroll 0 0 rgba(0, 0, 0, 0);    color: #c7c7c7;    font-family: BebasNeueRegular;    padding: 14px 10px;}
.job_myaccount_left ul.myaccountList li a:hover{ background-color:#f60; color:#fff;}
.job_myaccount_right{width:100%; margin:0px; }
.job_myaccount_right h2{position:relative;}
.job_myaccount_right .myAccountGridCntr .col1{width:145px;}
.job_myaccount_right .myAccountGridCntr .col1.col1_4{width:390px;}
.job_myaccount_right .myAccountGridCntr .col1.col1_5{ width:280px;}
.menuBtnForMyAccount {   background: url("/jobs/images/arrow_myaccount.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);    display: block;    height: 22px;    position: absolute;    right: 0;    top: 0;    width: 28px;}
 /*Responsive header notification icons*/
 /*.loginControl .icons.message { display: block; background: url(/jobs/images/responsive/msg.png) center center no-repeat; }*/
 /*.loginControl .icons.notification { display: block; background: url(/jobs/images/responsive/notification_responsive.png) center center no-repeat; }*/
 /*.loginControl .icons.comments { display: block; background: url(/jobs/images/responsive/comment.png) center center no-repeat; }*/
 
 .loginControl .notificationMessageCntr .arrow{top:36px; left:8px;} 

 .csharp-notification-bar .notification-content{ font-size:16px; }

}

@media screen and (max-width:767px) 
{
    .responsiveHeader .logo_responsive{background-size:97%; width:50px; }
  
    .visibility_hidden_mobile{visibility:hidden;}
   
    /* Header Start-------------------------------------------------------------------------------------------------------------------------------*/

    .displayHeading, .footer, .recentactivityFilter, .trendingNowBox .left, .display_none_mobile, .socialComments { display: none!important; }

    .HeadingAr { font-size: 30px; padding:0px; margin:0px; }
    
    /* Header End-------------------------------------------------------------------------------------------------------------------------------*/
    .filter .label{ width:50px;}
     .row{ width:100%; padding:3px 0px; float:left;} 
     .label{ width:100%;}
     .rowForm .label{ width:100%; margin:2px 0px 5px 0px;}
     .rowForm .textbox_Responsive, .textbox_Responsive_small25{ 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; }
     .rowForm .responsive_gobtn{ width:100%; display:block; float:none;}
     .jobButton{ margin:0px 0 10px 0!important;}
     .rowForm .textbox_Responsive.floatLeft{ float:left;}
     
     /*Use Job detail*/
     .article .detail .grayText h1{ font-size:24px; line-height:26px; margin-bottom:2px;}
     .contentHeaderArticle{ height:auto;}
     
    /* Registration page */
    .Registration.responsive_Registration .left{width:100%; display:block; padding:0; margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #e3e4e8;}
    .Registration.responsive_Registration .right{width:100%; float:left; text-align:center;}
    .responsive_Registration input{ width:81%!important;}
    .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%;}
    .responsive_Registration input.NewCommonButtonStyle { width:auto!important;}
    .Registration .googleLogin,.Registration .facebookLogin{display:inline-block; float:none;}
    
    /* Footer Start-------------------------------------------------------------------------------------------------------------------------------*/

    .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("/images/csharp/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: 7px 5px 7px 6px; font-size: 11px; text-decoration: none; font-family: Calibri; }
    .responsive_footer ul li a:hover { color: #f60; }
    .responsive_footer p { padding: 0px 0 10px 5px; margin: 0px; }
   .responsive_footer ul li.first { background: none; }

    /* Footer End-------------------------------------------------------------------------------------------------------------------------------*/

    /*About us*/
     .aboutUs .adminCtrls{ position:inherit;}
   
/* image compress for detail */
#div2 img{ width:auto;height:auto;max-width:100%;}

/* job section */
ul.jobRequiredList, .jobdescription{ width:100%;}
.contentHeaderArticle span{ width:100%; display: block; margin:4px 0; text-align:center; overflow:hidden;}

/* search style here */
.tags .mainHeading, .tags .searchTextBox{ width:97%!important; margin-bottom:5px;}

/* job find candi... */

.resumeTopCntr {    margin-bottom: 16px;    padding: 20px 0;    text-align: center;}
.resumeTopCntr .left{ display:inline-block; float:none; width:auto;}
.resumeTopCntr .left .profilePic{ margin:0 auto; width:154px; float:none;}
.resumeTopCntr .left .detail{ float:none; padding:0px; width:100%; overflow:hidden; display:block;}
.resumeTopCntr .left .detail p{ text-align:left;}

.resumepageInner{ padding:20px 0px;}
.resumepageInner .row{ float:none;}
.responsiveSmall_textBox{ width:40%!important;}
.dateRight.responsive_dateRight{ width:100%;}
.commonBuleBtn.responsive_commonBlueBtn{ padding:2px 29px 3px 3px; font-size:11px;}
.row-inner.right ul li{ width:90px;}


/*advance search*/
.responsive_advanceSearch{ margin:10px 0px 0px 0px; width:98%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;  }
.tags .advanceSearch .filters label.textlabel{ margin:8px 0px; width:100%; float:left;}
.advanceSearch .responsive_job_freshness,.advanceSearch .radioButton{ width:100%; float:left; margin:8px 0px;}
.tags .advanceSearch .filters .row{ margin:0px; padding:0px;}
.advanceSearch input.CommonTextBoxStyle{width:100%; padding:7px!important; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; margin:0px!important;  }
 .tags .advanceSearch .exp{ width:110px; float:none;}
.go{ width:50%; margin-top:8px!important; text-align:center;}
.searchTextBox{ height:34px!important;}
.commonBuleBtn.next{ margin-bottom:10px;}

/* job myaccount page */

.job_myaccount_right .myAccountGridCntr .col1{width:100px;}
.job_myaccount_right .myAccountGridCntr .col2{ width:100px;}
.job_myaccount_right .myAccountGridCntr .col1.col1_4{width:102px;}
.job_myaccount_right .myAccountGridCntr .col1.col1_5{width:104px;}

.resumeDeleteConfirm{top:50px;}

/*paging style start here*/
.ArticleFooter .pageTab{ margin:10px auto; width:100%; float:none; display:block; overflow:hidden; clear:both; text-align:center;} 
.ArticleFooter .pageTab li{float:none; display:inline-block;}
.ArticleFooter .pageTab li a{ margin:0 3px 5px 3px;}

/*Notification Bar*/
.csharp-notification-bar .notification-content{ font-size:14px; line-height:25px; padding-top:4px;}
.csharp-notification-bar .notification-close{right:3px;}
/*Notiification Bar End*/



}

@media screen and (max-width:480px) 
{
    .contentHeaderArticle span{ display:inline-block; width:auto; float:left;}
}