@charset "utf-8";
/* CSS Document */
@media only screen and (max-device-width : 1200px)  
{
	.top_search input[type="text"] { width:85%;}
	.usertype_container{ width:75%;}
	.jobShortDetail .diffDetail span{ font-size:20px;}
	.jobShortDetail .iconPlace{ margin-right:4px;}
	.newMessage {float: left;}
	.MessageInput {width:100% !important}
	div.tagsinput {width :100% !important}
	.searchbox { width:60%}
	.searchbar {width:  100%}
	.table-responsive span.span-to {margin-left: 74px !important; }
}
@media only screen and (max-device-width :1160px)  
{
	
	.howMenuNav { display:none;}
	#slider_container{ margin-bottom:40px;}
	dl.postjobForm ul.optGroup li.optBox{ width: 30%;}
	.payment .inner_loginform .checkbox-pay + .checkbox-pay{ margin-left: 0;}
	.payment .inner_loginform .checkbox-pay{ width: 100%;}
	.ftr_lnks {width:70%; float: left}
	.social_lnks { width:33%; text-align:  right}
	.leftAlignheader {width: 91%}
	
	/*Landing Page*/
	.inner_logo {width:300px}
	//nav ul li {margin-left:25px}
	//.extra-menu ul  li.main-li { margin-left: 20px !important}
	//.extra-menu ul  li.main-li  a{ font-size: 14px !important}
	.signup_rt .green_info.pull-right{top:20px}
	.signup_rt .icon_container.pull-right{display:none}
	/*Landing Page*/
	
}

@media only screen and (max-device-width : 1080px)  
{
	.modal-dialog.law_calegories{width:960px;}
	.extra-menu ul  li.main-li  a{ font-size: 13px !important}
	.green_info_sub a{ font-size: 13px !important}
	.my-menu-class .green_info_sub { top: 13px; }
	.extra-menu ul li.main-li{padding:0px 10px !important}
	
}

@media only screen and (max-device-width : 1024px)  
{
	.looking_for { margin-bottom:45px;}	
	.looking_for:last-child { margin-bottom:0;}
	.top_search input[type="text"] { width:84%;}
	.sliderCaption h2{ font-size:47px;}
	.post_job_img{ width: 95%}
        .post_job_img img{ width: 100%}
}

@media only screen and (max-device-width :990px)  
{
	.top_search input[type="text"] { width:75%;}	
	.usertype_container{ width:100% !important; margin; 0 auto !important;}	
	.messagesRT dl.markDetail dt, .messagesRT dl.markDetail dd{ width:25%;}
	.languageDetail div.dtl{ width:30%;}	
	.edit{ width:15%;}
	.edit-article-btn { width: 40px !important}
	.jobDSRT button.applyfor, .jobDSRT button.savejob{ width:45%; margin-bottom:0;}
	.jobdetailSingle_container .jobDSRT{ text-align:center; margin-top: 30px;}
	.jobIconDetail .hourly, .jobIconDetail .price{ width:45%; float:left;}
	.searchResult .searchResultForm input[type="text"]{ width:80%;}
	.freelancerDetail .profileDes h3{ width:auto;}
	.freelancerDetail .profileDes button{ float:right;}
	.freelancerDetail .profileDes p{ font-size:13px;}
	#slider_container .bx-wrapper ul.bxslider li.slide0, #slider_container .bx-wrapper ul.bxslider li.slide1, #slider_container .bx-wrapper ul.bxslider li.slide2, #slider_container  .bx-wrapper ul.bxslider li.slide3, #slider_container .bx-wrapper ul.bxslider li.slide4{ background-image:none;}
	.sliderCaption h2{ font-size:40px;}
	.slider_block_pager .slider-one{ padding:4.2% 4%;}
	#slider_container .bx-wrapper ul.bxslider li.slide{ min-height:380px;}
	.jobShortDetail ul li{ float:left; width:33%;}
	.user_profile{ width: 90%; margin:0 auto}
	.messagesRT dl.markDetail dt, .messagesRT dl.markDetail dd{ width:20%;}
	.messagesRT dl.markDetailList dd:last-child{ width: 55%;}
	.messagesRT dl.markDetailList dt:nth-child(3){ width: 25%; margin-left: 8px}
	.feedback_box .last_box{ text-align: left; padding-top: 10px; margin-bottom: 10px;}
	.table-responsive{overflow-x: auto; overflow-y: hidden; width: 100%; padding-bottom: 20px;}
	.table-responsive table{width: 660px;}
	.postjob_container .postjobDetail{width:100%;}
	.table {width: 100% !important; }
	.user_profile.col-xs-12.col-sm-9.col-md-9.col-lg-9 > h2 { font-size: 22px;margin-bottom: 0; margin-top: 21px;}
	.newMessage {float: left; }
	.searchbox { float:right; width:82%}
	.searchbar {width:  100%}
	.job_info h5 { line-height: 20px;}
	.login_container.payment {width: 90% }
	.contactIcon {margin-top: 32px}
	.leftAlignheader {width: 88%}
	.blogs_links { padding-right: 2px; }
	.social_lnks a { margin-right:4px}
	.my-menu-class span.icon_container-sub {display:none}
	//.my-menu-class .green_info_sub {right:5px; width:140px; }
	
	
	
	/*Landing Page*/
	.inner_logo {width:250px}
	//nav ul li {margin-left:28px}
	//.extra-menu ul  li.main-li { margin-left: 20px !important}
//	.extra-menu ul  li.main-li  a{ font-size: 14px !important}
	.signup_rt .green_info.pull-right{top:20px}
	.signup_rt .icon_container.pull-right{display:none}
	
	.looking_for {width:100%}
	/*Landing Page*/
	
	.left0area { margin-left: 0; width: 40%;}
	.right0area .login_container { width: 80%; margin: 0 auto}
	.right0area { margin-left: 44px; margin-top:30px}
	.my-menu-class .green_info_sub {width:132px; padding:8px 15px}
	.full-screen-display .disclosed-div ul {margin-left:-10px}
	.extra-menu .dropdown-menu {min-width:130px; width:130px !important}
	
	.guide-right-div {padding: 10px 20px;}
	.guide-right-div p {width:435px}
}

.table {border: 1px solid #DDD}

@media only screen and (max-device-width : 960px)  
{
	.modal-dialog.law_calegories{width:750px;}
	.categorylist{
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
	
	.user_profile h2 { margin-bottom: 15px; margin-top: 15px;}
}


@media only screen and (max-device-width : 900px)  
{
//	nav ul li { margin-left:25px;}
 .extra-nav1 li {margin-left:30px}
}
@media only screen and (max-device-width : 870px)  
{
//	nav ul li { margin-left:18px;}
.extra-menu ul li.main-li{padding:0px 8px !important}
	.my-menu-class .green_info_sub {right:-16px}
	
	
}
@media only screen and (max-device-width : 850px)  
{
//	nav ul li { margin-left:16px;}
}

@media only screen and (max-device-width : 820px)  
{
	
	.my-menu-class span.icon_container-sub {display:none}
	//.my-menu-class .green_info_sub {right:0px; width:140px; }
	.inner_logo {width:220px}
	//nav ul li:first-child {margin-left:3px}
	//nav ul li { margin-left:13px;}
	header { height:620px;}
	.citydiv0 {width:100%}
	.aboutUs h2 {font-size:25px !important}
	.sectionOuter h3 {font-size:22px !important}
}


@media only screen and (max-device-width : 768px)  
{
	.cprght, .ftr_lnks a { font-size:13px;}
	.ftr_lnks a { margin-left:34px;}
	.banner_tag { font-size:35px; line-height:50px; padding:35px 0 0;}
	.mid_btns { padding:60px 0 0;}
	.main_heading { font-size:36px;}
	.mrgn_rt { margin:0 0 15px;}
	.mid_btns { padding:45px 0 0;}
	header { height:600px;}
	.main_heading { font-size:30px; padding-bottom:40px;}
	.cprght, .ftr_lnks { width:100%; text-align:center;}
	.cprght { padding:0 0 10px;}
	.ftr_lnks, .social_lnks { text-align:center; width:100%;}
	.social_lnks { text-align:center; width:33%}
	.citydiv1 .social_lnks {text-align:left}
	.blogs_links { padding-right: 24px; }
	.ftr_lnks a { float:none; display:inline;}
	.ftr_lnks a:first-child { margin-left:0;}
	#myModal .modal-dialog { left:13%;}
	.login_container { width:70%;}
	.inner_logo img { /*width:200px;*/}
	//nav ul li { margin-left:10px;}
	.btnBlock .mrgn_rt{ margin:0 15px 15px 0;}
	.user_profile .myAccountSummary h3{ padding-left:0;}
	.newMessage {float:left;}
	.searchbox { float:right; width:80%}
	.searchbar{ width:100%;}
	.searchbar input[type="text"]{ width:88%;}
	.messagesLT ul li{ display:inline-block;}
	.postjob_container .postjobForm dl dt{ font-size:13px; line-height:12px;}
	.freelancerDetail ul li .profileInfo img{ width:auto;}
	.freelancerDetail ul li .profileInfo{ margin-bottom:15px; width:100%; text-align:left;}
	.freelancerDetail ul li .profileDes{ padding:0;}
	.freelancerDetail ul li .profileInfo .starRating .btn-xs{ font-size:12px;}
	.freelancer_container .searchResult h3, .searchResult .searchResultForm{ margin-bottom:10px;}
	.sliderCaption h2{ font-size:35px;}
	.applicantImg{ float:left; padding-left: 0px;}
	.applicantImg img{ width:110px; height:auto;}
	.applicantDtl{ padding-left: 0px; padding-right: 0px;}
	
	.applicantDtl h4 {margin:5px}
	.applicantDtl h3 {font-size:18px}
	
	.ftr_lnks, .social_lnks{ float:left;}
	.social_lnks{ margin:15px 0;}
	.social_lnks span{ display:none;}
	#rateJob .modal-dialog, #rateAttorney .modal-dialog{ width:97%;}
	.content_main{ padding: 50px 20px;}
	.fullview{ width:100%;}
	.freelancerDetail ul li .profileInfo img{ width:100px; height:auto;}
	.homecity_search { padding:40px 20px 0;}
	.slider_block_pager .slider-one { width: 100%;}
	.search-panel .sp-input { margin-bottom:15px;}
	.related-articles { margin-top:20px;}
	.cleditorMain {width: 428px !important;}
	.modal-dialog.law_calegories{width:auto; margin:10px;}
	
	.user_profile.col-xs-12.col-sm-9.col-md-9.col-lg-9 > h2 { font-size: 22px;margin-bottom: 0; margin-top: 21px;}
	.notify-section { width: 94% !important;}
	
	.three-sec-divs{width:100% !important; margin-bottom:30px !important;}
	
	/*Landing Page*/
	.inner_logo {width:250px}	
	//.extra-menu ul  li.main-li { margin-left: 20px !important}
	.extra-menu ul  li.main-li { padding:0px 6px !important}
	.extra-menu ul  li.main-li  a{ font-size: 12px !important}
	.extra-menu ul.dropdown-menu li a {font-size:14px !important}
	.green_info_sub a{ font-size: 12px !important}
	.signup_rt .green_info.pull-right{top:20px}
	.signup_rt .icon_container.pull-right{display:none}
	.my-menu-class .green_info_sub { padding: 9px 12px;  right: -18px; top: 12px;   width: 120px;}

	/*Landing Page*/
	.table-responsive {border:none}
	
	.left0area { margin-left: 0; width: 40%;}
	.left0area li { font-size:15px}
	.right0area .login_container { width: 75%}
	.right0area { margin-left: 28px; }
	.profileDes {text-align: justify; width: 100%; }
	.l-attorney {width:30%}
	.r-attorney {width:70%}
	
	.lt_panel {margin:0 15px 0 0}
	
	.callout-blog{width:100% !important}
	.callout-blog-left{width:100%;margin:0}
	.callout-blog-right {margin:0; width:auto}
	
	/* footer */
	footer .footer-upper .ftr-upr-txt { width:100%;}
	footer .footer-bottom p { text-align:center;}
	
}

@media only screen and (max-device-width : 767px)  
{
	//.extra-menu ul  li.main-li { margin-left: 0px !important}
	.navbar-toggle { background:#fff; border:none;}
	.navbar-default .navbar-toggle .icon-bar {  background-color: #06ba8f;}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background:#06ba8f;}
	.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{color:#dee2e8;background-color:#06ba8f;}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus, .nav li.open a[data-toggle="dropdown"]{color:#dee2e8;background:#06ba8f}
	.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar { background:#fff;}
	.navbar-collapse { z-index: 9999; border: none !important; left: 0; overflow-y: auto; padding: 0; position: absolute; top: 79px; width: 100%;}
	nav ul li a, .navbar-nav > li > a, .navbar-default .navbar-nav > li > a { background: #06ba8f; border-bottom: none; color: #fff;
    font-size: 13px; line-height: inherit; padding: 10px; text-transform: capitalize;}	
	.nav.navbar-nav { margin:0;}
	nav ul li { margin:0; width:100%;}
	nav ul li:hover a, nav ul li a:focus, nav ul li a:active, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:active { border-bottom:none; background:#fff; color:#06ba8f;}
	.nav li .dropdown-menu li a, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { background:#fff; color:#06ba8f; text-align:left;}
	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding:7px 10px;}
	nav ul li{ width: 100%}
	.nav li .dropdown-menu > li{ padding: 0!important; margin: 0!important;}
	.user_profile{ width: 95%;}
	.anchordiv{ width: auto !important;}
	.ecbtn{ width:46% !important;}
	#header_navigation .oIconUnreadCount{margin: -29px 0 0 72px}
	.LocSelect{margin-bottom: 8px; margin-right: 0; width: 100% !important;}
	.LocSelect:last-child{margin-bottom: 0;}
	.user_profile.col-xs-12.col-sm-9.col-md-9.col-lg-9 > h2 { font-size: 22px;margin-bottom: 0; margin-top: 21px;}
	.newMessage { float: left; width: 20% !important;}
	
	.quick_links { width: 100%; float:left; text-align:center }
	.quick_links li { padding: 3px 5px 0;}
	.quick_links a {color: #fff; font-size: 14px; text-transform: capitalize;}
	.blogs_links { width:100%; float:left; text-align:center}
	.blogs_links li { padding: 3px 5px 0;}
	.blogs_links a {color: #fff; font-size: 14px; text-transform: capitalize;}
	.social_lnks {width: 100%; text-align:center; float:left}
	.span-title {color: #fff; font-weight: bold; padding: 14px 0 10px; text-align: center;}
	.span-title-sub {color: #fff; font-weight: bold; padding: 14px 0; text-align: center; margin-top:15px}
	.social_lnks a { margin-right:10px}
	.blogs_links { padding-right: 0px; }
	
	/*Header*/
	.my-menu-class .green_info_sub {background: #06ba8f; border-radius: 0px; overflow: hidden; padding: 25px 0px;  position: relative; width: 100%;  z-index: 99;  right: 0px;  top: 11px; }
	/*Header*/
	.table-responsive span.span-to {margin-left: 65px !important;}
	.aboutUs .col-md-4.text-center h3 {  font-size: 20px; }
	
	.small-screen-display {display:block !important}
	.full-screen-display {display:none !important}
	.nav li a[data-toggle="dropdown"] {height:auto !important}
	.extra-nav1 li {margin-left:0px}
	.extra-menu ul  li.main-li  a{ font-size: 14px !important}
	.extra-menu ul  li.main-li { padding:0px 0px !important}
	.extra-menu .dropdown-menu {min-width:100%; width:100% !important}
	
	img.legal-guide {width:170px}
	.guide-right-div {padding: 10px 2px;}
	.guide-right-div p {width:435px}
}


@media only screen and (max-device-width : 700px)  
{
	.user_profile{ width: 100%;}
	.myAccountSummary form dl dt{ margin-bottom:5px;}
	.myAccountSummary form dl dd{  margin-bottom:10px;}
	.table {width: 100% !important}
	.leftAlignheader {width: 86%}
	.vid-sec iframe { height: 350px;}
}

@media only screen and (max-device-width :660px)  
{
	header{height:688px;} 
 	.btnBlock a{ font-size:15px;}	
	.btnBlock .lrg_btn{ width:100%;}
	.myAccountSummary form dl dd{ width:70%;}
	.myAccountSummary form dl dt{ width:30%;}
	.postjob_container .postjobForm dl dd, .postjob_container .postjobForm dl dt{ width:100%;}
    .postjob_container .postjobForm dl dt{ margin-bottom:10px;}
	.postjob_container .postjobForm dl dd:nth-child(2) select{ margin-left:0; width:49%;}
	.jobdetailSingle_container .jobDSLT h3{ font-size:18px;}
	.postjob_container dl.postjobForm dt, .postjob_container dl.postjobForm dd{ width:100%;}
	.postjob_container dl.postjobForm dt{ margin-bottom:5px;}
	.postjob_container dl.postjobForm dd{ margin-bottom:20px;}
	.bx-wrapper .bx-controls-direction a{ display:none;}	
	.rateJob{ margin-bottom:20px; margin-right:0;}
	
	
	.guide-right-div-img {text-align:center}
	.guide-right-div {padding: 10px 45px;}
	.guide-right-div p {width:100%}
	.guide-right-div h3 {font-size:18px}
	.guide-right-div a {  margin-top: 20px; display:inline-block; text-align:center; width:100%}
}

@media only screen and (max-device-width :640px)  
{
	.top_search input[type="button"]{ padding:11px;}	
	.messagesRT dl.markDetailList dd:last-child{ width:100%; margin:10px 0; }
	.applyjobDetail dl dt, .applyjobDetail dl dd{ width:100%;}
	.applyjobDetail dl dt{ margin-bottom:5px;}
	.applyjobDetail dl dd{ min-height:25px; margin-bottom:10px;}
	.setting_container dl dt, .setting_container dl dd{ width:100%;}
	.setting_container dl dt{ margin-bottom:5px;}
	.setting_container dl dd{ margin-bottom:10px;}
	.slider_block_pager .slider-one { width: 100%;}
	.jobShortDetail ul li{ width:50%;}
	.top_search input[type="text"]{ width:72%;}
	/*.lt_panel{ width: 170px;}*/
	/*.my-form dd{ margin-left:-152px;}*/
	.messagesRT dl.markDetailList dt:nth-child(3){ width: 70%; margin-left: 11px}
	#slider_container .slider_block { width: auto;}
	.content-main-inner { padding: 0 15px;}
	.cleditorMain {width: 100% !important; }
	
	.textimonial-cls{width:92%; font-size: 14px; margin: 50px auto 0; padding: 25px 28px;}
	#bx-pager { margin: 30px auto 45px;}
	.aboutUs .col-md-4.text-center h3 {  font-size: 17px; }
	.login_container.payment {width: 100% }
}

@media only screen and (max-device-width :600px)  
{
	.login_container.newsletter_outer {width:100%;}
	.newsLetterTitle p{float: none; margin-left: 100px; width:auto;}
	.leftAlignheader {width: 84%}
}

@media only screen and (max-device-width :580px)  
{
	 .top_search input[type="text"] { width:65%;}	
	 .myAccountSummary form dl dt, .myAccountSummary form dl dd{ width:100%; margin-bottom:5px;}
	 .myAccountSummary form dl dd{ margin-bottom:20px;}
	 .myPublicProfile .editProfile{ width:100%; float:left; text-align:left; margin-top:10px;}
	 .jobIconDetail .hourly, .jobIconDetail .price{ width:100%; float:left; margin:10px 0;}
	 .setting_tab ul li a.btn{ font-size:13px; display:block;}	 
	 .setting_tab ul li{ margin-right:0; width:100%; margin-bottom:6px;}
	 .searchResult .searchResultForm input[type="text"] {width:70%;}
	 #bx-pager .slider_block{ width:100%;}
	 
	 
	 .sliderCaption p{ font-size:15px;}
	 #rateJob .modal-dialog, #rateAttorney .modal-dialog{ width:95%;}
	 .formError{left:160px !important;}
	 .user_profile{ width: 98%;}
	.ecbtn{ width:45% !important;}
	.my-form{ margin-left:44% !important;}
	.login_container.signup-box{width:100%;}
	.form-group select.form-control{ width:100% !important; margin-left:0; float: none !important; display: block; margin-bottom:5px;}
	.DateLabel, .DateLabel1{float:none; display:block; margin:5px 10px 0 2px;}
	.leftAlignheader {width: 84%}
	dd.text-box1 div.my-form { margin-left: 0 !important;}
	
	.frstcls {margin-bottom: 10px; margin-right: 0px; width: 100%;}
	.lastcls { margin-top: 45px; width: 100%;}
	.hourlycls , .fixcls, .contcls{width:31%}
	
	.user_profile h2 { font-size:22px}
	.myAccountSummary dt, .myAccountSummary dd {width: 100% !important;}
	.state-cls, .county-cls, .city-cls {width: 100% !important; margin-bottom: 10px;}
	.table-responsive dt, .table-responsive dd {width: 100% !important;}
	.DateField1, .DateField {width:100%}
	.table-responsive span.span-to {width:100% !important; margin-top:26px}
	.table-responsive {border:none}
	.myAccountSummary, .category, .skill, .empHistory, .education { margin-top: 0px; }
	.myAccountSummary h3, .category h3, .skill h3, .empHistory h3 { margin-top;0px; font-size:16px !important}
	.table-responsive span.span-to {margin-left: 0 !important; width: 100% !important;}
	.table-responsive  dt {margin-bottom :5px !important}
	.user_profile dl dd {margin-bottom:15px !important}
	.user_profile dl dt {margin-bottom: 4px !important; margin-top: 15px !important;}	

}

@media only screen and (max-device-width : 540px)
{
	/*.statesection{width:65%;}*/
	.categorylist{
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	
	.stateListsec{
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
	.l-attorney {width:100%}
	.r-attorney {width:100%}
}


@media only screen and (max-device-width : 480px)
{
.ques-label {width: 100% !important}
	header { height:700px;}
	.nav li .dropdown-menu > li { margin:0; padding:0;}
	.nav li a[data-toggle="dropdown"] { height:auto;}
	.rt_panel { clear:both; padding-top:10px}
	.prfl_pic { text-align:center;}
	.oFormLrgHlf { width:100% !important; margin-bottom:10px}
	.top_search input[type="text"] { width:76%;}
	.icon_container { display:none;}	
	.inner_logo img { /*width:220px;*/}
	.green_info, .signup_rt .green_info { width:100%;}
	.lt_hwitworks, .signup_rt { width:100%;}
	.signup_rt { padding:0; margin:15px 0 0;}
	.logo { padding:70px 0 0;}
	.logo a { width:74%; background-size:100%;}
	.lt_hwitworks .green_info, .signup_rt .green_info { left:0; top:0; text-align:center;}
	.banner_tag { font-size:25px; line-height:37px;}
	.mid_bannersctn .lrg_btn { width:100%;}
	.looking_for p { padding:0 20px 20px;}
	.main_heading { font-size:24px; line-height:32px;}
	.mid_btns { padding:27px 0 0;}
	.looking_for { margin-bottom:60px;}
	#myModal .modal-dialog { width: 90%; left:2%;}
	.login_container { width:90%;}
	.navbar-toggle { background:#fff; border:none;}
	.navbar-default .navbar-toggle .icon-bar {  background-color: #06ba8f;}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background:#06ba8f;}
	.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{color:#dee2e8;background-color:#06ba8f;}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus, .nav li.open a[data-toggle="dropdown"]{color:#dee2e8;background:#06ba8f}
	.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar { background:#fff;}
	.navbar-collapse { border: none !important; left: 0; overflow-y: auto; padding: 0; position: absolute; top: 79px; width: 100%;}
	nav ul li a, .navbar-nav > li > a, .navbar-default .navbar-nav > li > a { background: #06ba8f; border-bottom: none; color: #fff;
    font-size: 13px; line-height: inherit; padding: 10px; text-transform: capitalize;}	
	.nav.navbar-nav { margin:0;}
	nav ul li { margin:0; width:100%;}
	nav ul li:hover a, nav ul li a:focus, nav ul li a:active, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:active { border-bottom:none; background:#fff; color:#06ba8f;}
	.nav li .dropdown-menu li a, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { background:#fff; color:#06ba8f; text-align:left;}
	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding:7px 10px;}
	.inner_heading { line-height:25px;}
	footer, .push { min-height:120px;}
	.main_wrapper { margin:0 auto -120px;}
	.usertype_container{ text-align:center;}
	.lrg_btn{ font-size:15px; width:100%;}
	.btnBlock{ margin:30px auto;}
	.messagesRT dl.markDetail dt:first-child{ width:100%;}
	.messagesRT dl.markDetail dt, .messagesRT dl.markDetail dd{ width:30%; margin-right:5px;}
	.languageDetail div.dtl{ width:100%; margin-bottom:10px;}
	.edit{ width:30%;}
	.singleInbox h3{ width:100%; margin-bottom:0px; font-size:18px;}
	.singleInbox .archive{ float:none; margin-bottom:0;}
	.reply textarea{ width:100%;}
	.sent_container dl.markDetail dt, .sent_container dl.markDetail dd{ width:45%;}
	.jobDSRT button.applyfor, .jobDSRT button.savejob{ width:100%; margin:10px 0;}
	dl.postjobForm dd:nth-child(2) select{ width:100%; margin-bottom:10px;}
	dl.postjobForm ul.optGroup li.optBox{ width:100%; margin-bottom:15px;}   
	.aboutUs h2{ font-size:22px !important; margin-bottom:15px;}
	.aboutUs p{ font-size:13px; margin-bottom:10px;}
	.jobShortDetail ul li{ width:90%;}
	.ProfilePic img{ width: 180px !important;}
	.user_profile{ width: 100%;}
	.reviews .skills span{ float: left !important; margin-bottom: 10px !important;}
	.reviews .skills{ margin-left: 0;}
	.ecbtn{ width:95% !important;}
	.joboverview table tr td{ width: 100% !important; padding:10px 2px 5px !important; float: left;}
	.joboverview table{ width: 100% !important;}
	#header_navigation .oIconUnreadCount{ margin: -29px 0 0 72px; }
	.messagesRT dl.markDetail dt, .messagesRT dl.markDetail dd{ margin-bottom: 6px;}
	.messagesRT dl.markDetail dt, .messagesRT dl.markDetail dd{ width: 47%;}
	.article-list li { padding:20px 0 20px 0;}
	.article-list li .comment-tag { position: static;float:left;margin-top:20px;}
	.job_details.clearfix{padding: 20px;}
	.myAccountSummary .progress{width:80%;}
	.MessageInput{width:100%;}
	.newMessage{width:120px;}
	.single-profile-display{display: block;}
	.single-profile-display-para{display: block; padding: 8px; font-size: 12px}
	.table-responsive.profile-application-skills{border:none;}
	.profile-application-skills table{display: none;}
	.user_profile.col-xs-12.col-sm-9.col-md-9.col-lg-9 > h2 { font-size: 22px;margin-bottom: 0; margin-top: 0px;}
	.newMessage {float: left; width: 100% !important;margin-bottom:20px;}
	.searchbox { width:100%}
	.searchbar {width:  100%}
	.notify-section { width: 100% !important;}
	.messagesRT dl.markDetailList dt:nth-child(3) {margin-left: 20px !important; }
.hlfWidtleft, .hlfWidtright{width:  100%}
	
	.leftAlignheader {font-size: 25px; width: 80%}
	.usertype_container label {float:left}
	
	
	/*Landing Page*/
	.inner_logo {width:250px}	
	.navbar-toggle{ margin:20px 2px 10px 0px !important}
	//.extra-menu ul  li.main-li { margin-left: 0px !important}
	//.extra-menu ul  li.main-li  a{ font-size: 13px !important}
	.signup_rt .green_info.pull-right{top:20px}
	
	/*Landing Page*/
	.vid-sec iframe { height: 250px;}
	dl dd.cost-cls, dl dt.cost-cls {margin-bottom : 0px !important; margin-top:3px !important}
	.aboutUs .col-md-4.text-center {width:100% !important}
	.aboutUs .col-md-4.text-center h3 {  font-size: 15px;  margin-bottom: 36px;   margin-top: 10px;}
	
	.left0area { float: none; margin-left: 0; width: 100%;}
	.left0area hr {  width: 76%;margin:0 auto}
	.left0area li:first-child { padding-top: 5%;}
	.left0area li { margin: 7% 5% 7% 10%;}
	.right0area .login_container { width: 90%; margin: 0 auto}
	.right0area { padding-left: 0; margin-left: 0px; } 
	.profileDes a{float:right}
	.spandiv {  padding-top: 20px; width:100%}
	.featured-area-img{width:100%}
	.f1div{padding-top:30px}
	
	.spandiv {  padding-top: 20px; width:100%}
	.featured-area-img{width:100%}
	.pagination span {margin-top:10px}
	
	.guide-right-div {padding: 10px 5px;}
	
	#slider_container{ margin-bottom:0px;} 
	
	.text-articles img { width: 100%;}
	
	.callout-blog{width:100% !important}
	.callout-blog-left{width:100%;margin:0}
	.callout-blog-right {margin: 20px 0; text-align: center; width: 100%}
	.callout-blog-right a {margin:0}
	.callout-blog-h3 {font-size:22px}
	
	.lt_panel {margin:0 auto; width:100%}
}

@media only screen and (max-device-width : 384px)
{
	header{height:730px}
	.newsLetterTitle img{display: block; margin:0 auto; float:none;}
	.newsLetterTitle p{margin-left: 0;}
	.newMessage{ width:98%; margin-bottom:20px;}
	.searchbox{ width:100%;}
	.leftAlignheader {font-size: 25px; width: 100%}
	.rightAlignheader {width: 100%;margin-bottom: 20px}
	
	.looking_for {width:100%; padding-left: 0;  padding-right: 0;}
	.looking_for span.figure-area {margin-bottom:30px}
	dl.dropdown-sub {width:300px; margin:25px auto 0}
	.dropdown-sub dt a {padding: 5px 15px}
	.dropdown-sub dd ul li a {padding:5px 15px}
	.dropdown-sub dd ul {min-width:300px}
	.dropdown-sub dt a {font-size:13px}
	.dropdown-sub dt a span {padding:2px}
	.dropdown-sub dt a span {font-size:11px; padding:2px 0}
        .post-wrap .job_info h2 { font-size: 18px; text-align: left;}
        .top_search h3 {width:100% !important}
        .anchordiv {width:100% !important}
        
        .freelancerDetail .profileDes .skillTag {text-align:left}
        .apply-btn1 {margin-top:-20px;margin-bottom:5px !important;text-align:center;} 
}

@media only screen and (max-device-width : 375px)
{
.content_main {padding:10px 20px}
	.stateListsec{ -webkit-column-count: 1; -moz-column-count: 1;	column-count: 1;}
	#UserDashboardAttorneyForm input { margin-top: 10px; width: 100%; }
	header { height:730px;}
	.mid_bannersctn .logo {padding:0px}
	.logo a { width:100%;}
	.inner_logo img { /*width:200px;*/}
	.top_search input[type="text"] { width:64%;}
	.newMessage{ width:98%; margin-bottom:20px;}
	.searchbox{ width:100%;}
	.messagesRT dl.markDetail dt button, .messagesRT dl.markDetail dd button{ font-size:12px;}
	.messagesRT dl.markDetailList dt:first-child{ width:100%;}
	.messagesRT dl.markDetailList dd:nth-child(2){ width:15%; margin-right:10px;}
	.messagesRT dl.markDetailList dt:nth-child(3){ width:75%;}
	.messagesRT dl.markDetailList dd:last-child{ width:100%; margin:10px 0;}
	.messagesRT dl.markDetailList dt:first-child{ margin-bottom:10px;}
	.postjobForm dl dd ul.optBoxGrp li{ width:100%; margin-right:0;}
	ul.optBoxGrp li.optBox .BLabel{ background-color:#e6e6e3;}
	.postjobForm dl dd ul.optBoxGrp li{ border:2px solid #e6e6e3; margin-bottom:20px;}
	.postjobForm dl dd ul.optBoxGrp li.checkedOpt .BLabel{background-color: #06b48a; }
	.searchResult .searchResultForm input[type="text"] {width:50%;}
	.slider_block_pager .slider-one{ padding:6% 3%}
	.formError{left:120px !important;}
	.my-form{ margin-left:2% !important;}
	.my-form dd{ margin-left: 0px;}
      	.messagesRT dl.markDetail dt, .messagesRT dl.markDetail dd{ width: 100%;}
	.search-ib-first { float:left;width:100%;}
	.post-wrap img { display: block;float: inherit;margin: 0 auto;}
	.job_info h5 { text-align: left; line-height: 20px;}
	.green_btn { display:block;width:100%;margin-bottom:20px;}
	.submit .green_btn { display:inline-block;width:auto;}
	.post-wrap a { float:none;}
	.cb-inner { margin-left: 0;margin-top: 15px;text-align: center;width: 100%;}
	.cb-inner div { display:none;}
	.comment-box h5 { font-size:12px !important;}
	.newhead {font-size: 15px !important;}
	.ind-head{font-size: 13px !important}
	.wdihead{font-size: 20px !important}
	.sty-count{ display: block; padding: 2px 8px;border: 1px solid #EC6A38;font-weight: 700; height: 23px; width: 24px;border-radius: 16px; text-align: center; font-size: 12px; clear: both; margin-bottom: 10px}
	/*.categorysection > label {font-size: 12px;}*/
	.subcat {  width: 90% !important;}
	.add{ width: 100% !important; margin:  0 auto !important; font-size: 16px !important;}
	.skill h3 {width:  100% !important}
	.messagesRT dl.markDetailList dt:nth-child(3) {margin-left: 5px !important }

	.three-sec-divs{width:100% !important; margin-bottom:30px !important; margin-top:5px !important}
	.hr-style { width:30% !important; margin-bottom:20px !important;}
	.remove-margin{margin-left:0px !important;}
	.video-frame{height:200px !important}
	.grn-btn-left{left:0px !important;}
	.news-h2 {font-size:24px !important; margin-top:15px !important}
	.news-p {font-size:13px !important}
	.news-margin{margin-top:0px !important}
	.news-span{width:80px !important;}
	.news-image{width:70px !important}
	.three-sec-divs  h3 {font-size:13px !important}
	.three-sec-divs  p {margin-left:0px !important}	
	
	/*19/01/2016*/
	/*Footer*/
	.icon_container-up1 img {width:225px;}
	.footer-main {background: #04A27C; min-height: 49px; overflow: hidden; padding: 15px 0; }
	.quick_links { width: 100%; float:left; text-align:center }
	.quick_links li { padding: 3px 5px 0;}
	.quick_links a {color: #fff; font-size: 13px; text-transform: capitalize;}
	.blogs_links { width:100%; float:left; text-align:center}
	.blogs_links li { padding: 3px 5px 0;}
	.blogs_links a {color: #fff; font-size: 13px; text-transform: capitalize;}
	.social_lnks {width: 100%; text-align:center; float:left}
	.citydiv1 .social_lnks {text-align:left}
	.span-title {color: #fff; font-weight: bold; padding: 14px 0 4px; text-align: center;}
	.span-title-sub {color: #fff; font-weight: bold; padding: 14px 0; text-align: center; margin-top:15px}
	.social_lnks a { margin-right:10px}
	/*Footer*/
	
	/*Header*/
	.my-menu-class .green_info_sub {background: #06ba8f; border-radius: 0px; overflow: hidden; padding: 25px 0px;  position: relative; width: 100%;  z-index: 99;  right: 0px;  top: 11px; }
	/*Header*/
	
	/*Landing Page*/
	.inner_logo {width:210px}
	.navbar-toggle{ margin:20px 2px 10px 0px !important}
	//.extra-menu ul  li.main-li { margin-left: 0px !important}
	//.extra-menu ul  li.main-li  a{ font-size: 13px !important}
	.signup_rt .green_info.pull-right{top:20px}
	.looking_for {width:100%; padding-left: 0;  padding-right: 0;}
	.looking_for span.figure-area {margin-bottom:30px}
	dl.dropdown-sub {width:230px; margin:25px auto 0}
	.dropdown-sub dt a {padding: 5px 10px}
	.dropdown-sub dd ul li a {padding:5px 15px}
	.dropdown-sub dd ul {min-width:230px}
	.dropdown-sub dt a {font-size:13px}
	.dropdown-sub dt a span {padding:2px}
	.dropdown-sub dd ul li a {font-size:13px}
	.vid-sec { width:100%;}
	.vid-sec iframe { height: 250px;}
	.dropdown-sub dt a span {font-size:11px; padding:2px 0}
	.contact-span-area{color: #888; float: right;font-size: 15px;font-weight: bold;margin: 30px 10px 35px; padding-top: 10px;}
	.notice-info  {font-size: 13px;}	
	/*Landing Page*/
	
	.learn-div iframe  {width:100%}
	h2.styling-header { font-size: 24px;}
	
	.frstcls {margin-bottom: 10px; margin-right: 0px; width: 100%;}
	.lastcls { margin-top: 45px; width: 100%;}
	.hourlycls , .fixcls, .contcls{width:31%}
	
	.user_profile h2 { font-size:22px}
	.myAccountSummary dt, .myAccountSummary dd {width: 100% !important;}
	.state-cls, .county-cls, .city-cls {width: 100% !important; margin-bottom: 10px;}
	.table-responsive dt, .table-responsive dd {width: 100% !important;}
	.DateField1, .DateField {width:100%}
	.table-responsive span.span-to {width:100% !important; margin-top:26px}
	.table-responsive {border:none}
	.myAccountSummary, .category, .skill, .empHistory, .education { margin-top: 0px; }
	.myAccountSummary h3, .category h3, .skill h3, .empHistory h3 { margin-top;0px; font-size:16px !important}
	.table-responsive span.span-to {margin-left: 0 !important; width: 100% !important;}
	.table-responsive  dt {margin-bottom :5px !important}
	.user_profile dl dd {margin-bottom:15px !important}
	.user_profile dl dt {margin-bottom: 4px !important; margin-top: 15px !important;}	
	.forgot_pass {margin-bottom: 15px; width: 100%;}
	.col-lg-9 button.green_btn { margin-bottom: 20px; width: 100%;}
	.col-lg-9 h1.styling-header {font-size:26px}
	 dl dd.cost-cls, dl dt.cost-cls {margin-bottom : 0px !important; margin-top:3px !important}
	.sliderCaption h2 { font-size: 26px;}
	.sectionOuter p { padding-left: 10px; padding-right: 10px;}
	//.job_info > div { width: 300px;}
	.job_info img { width: 100%;}
	.signup-box h1.inner_heading  {font-size:16px}
	.text-articles h3{font-size:18px}
}

@media only screen and (max-device-width : 360px)
{
	.stateListsec{ -webkit-column-count: 1; -moz-column-count: 1;	column-count: 1;}
	#UserDashboardAttorneyForm input { margin-top: 10px; width: 100%; }
	header { height:730px;}
	.mid_bannersctn .logo {padding:0px}
	.logo a { width:100%;}
	.inner_logo img { /*width:200px;*/}
	.top_search input[type="text"] { width:64%;}
	.newMessage{ width:98%; margin-bottom:20px;}
	.searchbox{ width:100%;}
	.messagesRT dl.markDetail dt button, .messagesRT dl.markDetail dd button{ font-size:12px;}
	.messagesRT dl.markDetailList dt:first-child{ width:100%;}
	.messagesRT dl.markDetailList dd:nth-child(2){ width:15%; margin-right:10px;}
	.messagesRT dl.markDetailList dt:nth-child(3){ width:75%;}
	.messagesRT dl.markDetailList dd:last-child{ width:100%; margin:10px 0;}
	.messagesRT dl.markDetailList dt:first-child{ margin-bottom:10px;}
	.postjobForm dl dd ul.optBoxGrp li{ width:100%; margin-right:0;}
	ul.optBoxGrp li.optBox .BLabel{ background-color:#e6e6e3;}
	.postjobForm dl dd ul.optBoxGrp li{ border:2px solid #e6e6e3; margin-bottom:20px;}
	.postjobForm dl dd ul.optBoxGrp li.checkedOpt .BLabel{background-color: #06b48a; }
	.searchResult .searchResultForm input[type="text"] {width:50%;}
	.slider_block_pager .slider-one{ padding:6% 3%}
	.formError{left:120px !important;}
	.my-form{ margin-left:2% !important;}
	.my-form dd{ margin-left: 0px;}
      	.messagesRT dl.markDetail dt, .messagesRT dl.markDetail dd{ width: 100%;}
	.search-ib-first { float:left;width:100%;}
	.post-wrap img { display: block;float: inherit;margin: 0 auto;}
	.job_info h5 { text-align: left; line-height: 20px;}
	.green_btn { display:block;width:100%;margin-bottom:20px;}
	.submit .green_btn { display:inline-block;width:auto;}
	.post-wrap a { float:none;}
	.cb-inner { margin-left: 0;margin-top: 15px;text-align: center;width: 100%;}
	.cb-inner div { display:none;}
	.comment-box h5 { font-size:12px !important;}
	.newhead {font-size: 15px !important;}
	.ind-head{font-size: 13px !important}
	.wdihead{font-size: 20px !important}
	.sty-count{ display: block; padding: 2px 8px;border: 1px solid #EC6A38;font-weight: 700; height: 23px; width: 24px;border-radius: 16px; text-align: center; font-size: 12px; clear: both; margin-bottom: 10px}
	/*.categorysection > label {font-size: 12px;}*/
	.subcat {  width: 90% !important;}
	.add{ width: 100% !important; margin:  0 auto !important; font-size: 16px !important;}
	.skill h3 {width:  100% !important}
	.messagesRT dl.markDetailList dt:nth-child(3) {margin-left: 5px !important }

	.three-sec-divs{width:100% !important; margin-bottom:30px !important; margin-top:5px !important}
	.hr-style { width:30% !important; margin-bottom:20px !important;}
	.remove-margin{margin-left:0px !important;}
	.video-frame{height:200px !important}
	.grn-btn-left{left:0px !important;}
	.news-h2 {font-size:22px !important; margin-top:15px !important}
	.news-p {font-size:13px !important}
	.news-margin{margin-top:0px !important}
	.news-span{width:80px !important;}
	.news-image{width:70px !important}
	.three-sec-divs  h3 {font-size:13px !important}
	.three-sec-divs  p {margin-left:0px !important}	
	
	/*19/01/2016*/
	/*Footer*/
	.icon_container-up1 img {width:225px;}
	.footer-main {background: #04A27C; min-height: 49px; overflow: hidden; padding: 15px 0; }
	.quick_links { width: 100%; float:left; text-align:center }
	.quick_links li { padding: 3px 5px 0;}
	.quick_links a {color: #fff; font-size: 13px; text-transform: capitalize;}
	.blogs_links { width:100%; float:left; text-align:center}
	.blogs_links li { padding: 3px 5px 0;}
	.blogs_links a {color: #fff; font-size: 13px; text-transform: capitalize;}
	.social_lnks {width: 100%; text-align:center; float:left}
	.span-title {color: #fff; font-weight: bold; padding: 14px 0 4px; text-align: center;}
	.span-title-sub {color: #fff; font-weight: bold; padding: 14px 0; text-align: center; margin-top:15px}
	.social_lnks a { margin-right:10px}
	/*Footer*/
	
	/*Header*/
	.my-menu-class .green_info_sub {background: #06ba8f; border-radius: 0px; overflow: hidden; padding: 25px 0px;  position: relative; width: 100%;  z-index: 99;  right: 0px;  top: 11px; }
	/*Header*/
	
	/*Landing Page*/
	.inner_logo {width:210px}
	.navbar-toggle{ margin:20px 2px 10px 0px !important}
	//.extra-menu ul  li.main-li { margin-left: 0px !important}
	//.extra-menu ul  li.main-li  a{ font-size: 13px !important}
	.signup_rt .green_info.pull-right{top:20px}
	.looking_for {width:100%; padding-left: 0;  padding-right: 0;}
	.looking_for span.figure-area {margin-bottom:30px}
	dl.dropdown-sub {width:230px; margin:25px auto 0}
	.dropdown-sub dt a {padding: 5px 10px}
	.dropdown-sub dd ul li a {padding:5px 15px}
	.dropdown-sub dd ul {min-width:230px}
	.dropdown-sub dt a {font-size:13px}
	.dropdown-sub dt a span {padding:2px}
	.dropdown-sub dd ul li a {font-size:13px}
	.vid-sec { width:100%;}
	.vid-sec iframe { height: 250px;}
	.dropdown-sub dt a span {font-size:11px; padding:2px 0}
	.contact-span-area{color: #888; float: right;font-size: 15px;font-weight: bold;margin: 30px 10px 35px; padding-top: 10px;}
	.notice-info  {font-size: 13px;}	
	/*Landing Page*/
	
	.learn-div iframe  {width:100%}
	h2.styling-header { font-size: 24px;}
	
	.frstcls {margin-bottom: 10px; margin-right: 0px; width: 100%;}
	.lastcls { margin-top: 45px; width: 100%;}
	.hourlycls , .fixcls, .contcls{width:31%}
	
	.user_profile h2 { font-size:22px}
	.myAccountSummary dt, .myAccountSummary dd {width: 100% !important;}
	.state-cls, .county-cls, .city-cls {width: 100% !important; margin-bottom: 10px;}
	.table-responsive dt, .table-responsive dd {width: 100% !important;}
	.DateField1, .DateField {width:100%}
	.table-responsive span.span-to {width:100% !important; margin-top:26px}
	.table-responsive {border:none}
	.myAccountSummary, .category, .skill, .empHistory, .education { margin-top: 0px; }
	.myAccountSummary h3, .category h3, .skill h3, .empHistory h3 { margin-top;0px; font-size:16px !important}
	.table-responsive span.span-to {margin-left: 0 !important; width: 100% !important;}
	.table-responsive  dt {margin-bottom :5px !important}
	.user_profile dl dd {margin-bottom:15px !important}
	.user_profile dl dt {margin-bottom: 4px !important; margin-top: 15px !important;}	
	.forgot_pass {margin-bottom: 15px; width: 100%;}
	.col-lg-9 button.green_btn { margin-bottom: 20px; width: 100%;}
	.col-lg-9 h1.styling-header {font-size:26px}
	 dl dd.cost-cls, dl dt.cost-cls {margin-bottom : 0px !important; margin-top:3px !important}
	.sliderCaption h2 { font-size: 26px;}
	.sectionOuter p { padding-left: 10px; padding-right: 10px;}
	.job_info > div { width: 300px;}
	.job_info img { width: 100%;}
}