@charset "utf-8";
/* CSS Document */
body{
	margin:0px;
	padding:0px;
	font-family: 'Lato', sans-serif !important;
	font-weight:400;
	direction:rtl !important;
}
a{ outline:none;}
.taskdetails a{ color:#000; }
.container{ width:1140px; margin:auto;}
.mapicon-ph {float:left; width:100%; }
* body {padding:0; margin:0}
.mtop30 {margin:30px 0 0 0; float:left}
.mtop15 {margin:15px 0 0 0}
.mbot15 {margin:0 0 30px 0}
.map-area {float:left; width:100%; margin:15px 0; border:#CCC 1px solid}
.mtopbottom15 {margin:15px 0}
.banner { text-align:center; padding:0px 0 0 0; position:relative; direction:ltr; margin-top:-21px; }
.banner img{ width:100%; height:100%; display:flex;}
.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:50px; font-family: 'Lato', sans-serif !important; webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;}
.btn.active.focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn:active:focus,.btn:focus{outline:none;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;}
.btn.focus,.btn:focus,.btn:hover{color:#fff;text-decoration:none}
.btn.active,.btn:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn{pointer-events:none;cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}
.btn-default{color:#fff; border:0px solid #0088ff; background:#0088ff;}
.btn-default a{ color:#fff;}
.btn-default.active,.btn-default.focus,.btn-default:active,.btn-default:focus,.btn-default:hover,.open>.dropdown-toggle.btn-default{ background:#5e605f; border:0px solid #0e0f19 !important; outline:none; }
.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default{background-image:none}
.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] {  text-decoration:none; color:#fff; }
.btn-default:hover a{ color:#fff;}
.scroll_in{ height:400px; overflow-y:scroll; overflow-x:hidden;}
.btn-default a:hover{ border:0; text-decoration:none; color:#fff; }
.btn-join{ font-size:18px; padding:9px 40px 8px 40px;}
.btn-post{ font-size:18px; padding:8px 30px; margin-top:15px; }
.posrel-1{ margin-left:65px; margin-bottom:0px !important; border-top:1px dotted #666; padding-top:10px; }
.posrel-45{ border-bottom:1px dotted #666;}
.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}
.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
.city_nam{ width:22%; float:left; padding-right:3%; padding-bottom:5px; font-size:15px;}
.city_nam a{ color:#565656;}
.city_nam a:hover{ color:#0088ff;}
.form-control::-moz-placeholder{color:#999;opacity:1}
.form-control:-ms-input-placeholder{color:#999}
.form-control::-webkit-input-placeholder{color:#999}
.post-today-home{ padding:30px 0 !important;}
.main-box-task{ background:#565656 !important;}
#header {background:rgba(255,255,255,0.6); top:0px; border-top:0px solid #0088ff;
    float: left;
    padding: 0px 0;
    position: fixed;
	height:85px;
    width: 100%;
    z-index: 999999999;
	box-shadow:0 -2px 9px #000;
	}
.progress-bar{ padding-left:17px;}
.moreinfo-button-ph {float:right; width:auto; margin:0 10px 0 0}
.signup-ph {float:right; margin:25px 0 0 0; width:auto; background:#5e605f !important; border:0px; border-radius:20px; font-family: 'Lato', sans-serif !important; width:100px; padding:0px 0px 0px 0px; }
.login-ph {float:right; margin:25px 10px 0 0; width:auto; background:#0088ff !important; border:0px; border-radius:20px; font-family: 'Lato', sans-serif !important; width:100px; 
padding:0px 0px 0px 0px; }
.signup-ph a{ color:#fff; padding:8px 0 7px 0; display:block;}
.login-ph a{ color:#fff; padding:8px 0 7px 0; display:block;}
.signup-ph:hover{ border:0px !important;}
.signup-ph:hover a{ color:#fff; }
.login-ph:hover{ border:0px !important;}
.login-ph:hover a{ color:#fff; }


#star-six{ color:#F00; padding: 0 0 0 5px ;}
header {margin:0 auto; height:auto; padding:0 10px}
h1.pagetitle { font-family: 'Lato', sans-serif; color:#000; font-size:400%; padding:20px 0; margin:0; font-weight:normal; width:auto} 
#branding {float:left; width:228px}
#flag-ph {float:right; width:auto; margin:26px 1em 0 0; }
.home-signpost-content {margin:10px auto 0 auto; padding:15px; }
.home-signpost-content-new-section{ background: #e7e7e7 none repeat scroll 0 0 !important;
    float: left;
    margin: 10px auto ;
    overflow: hidden;
    padding: 15px;
    width: 845px; border-radius:10px; }

.agree-signup{ float:left; padding:8px 30px 0 0;}
.agree-login{ padding-top:0px;}
.agree-signup input{ margin-right:5px;}
.agree-signup span{ font-size:15px; font-family: 'Lato', sans-serif;}
.agree-login span{ font-size:14px; }
.signup-btns{ float:right; margin:0 0 0 0;}
.signup-btns .btn-default{ font-family: 'Lato', sans-serif; padding:8px 76px; font-size:16px;}
.signup-btns .btn-default-login{padding:8px 120px;}
.retrieve-pass-btn .btn-default{ padding:8px 81px;}
.forgot-pass-text{ text-align:left; font-size:14px; font-family: 'Lato', sans-serif;}
.forgot-pass-text a{ color:#0088ff;}
.forgot-pass-text2{ float:left; padding:0px 60px 0 0;}
.social-login-btns{ margin: 50px 0 0 0px; overflow:hidden;}
#forgetForm{ margin-top:40px;}

.db-fwidth-cont {margin:10px auto 0 auto; width:100%}
#post-today {float:left; width:100%;  padding:0px 0 ; background:#fff;}
#post-today .content {margin:0 auto; width:90%; height:100%; }
.points-text-ph {float:right; margin:50px 0px 0 0; padding:0; width:581px; height:89%;}
ul.points-post {float:left; width:100%; margin:15px 0 0 0; padding:0}
ul.points-post li {font-family: 'Lato', sans-serif; font-size:34px; line-height:48px; color:#4a4a4a; list-style-image:url(../images/red-bullet-arrow.png); list-style-position:inside;} 
p.question-post {float:left; width:100%; font-family: 'Lato', sans-serif; font-size:50px; color:#000; padding:0; margin:40px 0 15px 0}
p.username {width:100%; float:left; padding:0; margin:0; font-family: 'Lato', sans-serif; font-size:2.5vw; color:#FFF; text-align:center}
h3.big-title {font-family: 'Lato', sans-serif; font-size:80px; line-height:74px; color:#373854; margin:0; padding:0; font-weight:700;}
input[type='button'].moreinfo, a.moreinfo {padding:0px 20px; margin:0; background:#0088ff; border-radius:5px; text-align:center; font-size:19px;  color:#FFF; border:none; text-decoration:none}
a.moreinfo {color:#FFF; text-decoration:none}
a.moreinfo:hover {color:#FFF; text-decoration:none}
.email-ph {float:left; width:450px; margin:0 20px 0 0}
.search-taskph {float:left; width:97%; margin:0 10px 0 0}
.pincode-ph {float:left; width:220px; margin:0 20px 0 0}
.joinnow {float:left; width:auto; margin:0 0 0 15px}
.search-task {float:left; width:37%; margin:35px 0 0 0}
.blog-area {float:left; width:100%; padding:20px 0; background:#0088ff;}
.icon-holder {margin:0 auto; width:50%; text-align:center; height:10%}
.blog-title {width:100%; margin:15px auto 60px auto; font-family: 'Lato', sans-serif; font-size:58px; color:#fff; text-align:center}
.blogs {margin:25px auto; height:auto;}
.blogs-top{ margin:0px auto; padding-bottom:50px; padding-top:10px; direction:ltr;}
ul.blog-item, ul.process {float:left; width:100%; margin:0; padding:0}
ul.process li {float:left; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#595959; list-style-position:inside; line-height:25px}
ul.blog-item li.left, ul.blog-item li.right {float:left; width:48%; padding:0; margin:0; list-style:none}
ul.blog-item li.right {float:right}
.blogger-photo {float:right !important; width:auto; margin:0 0px 0 15px;}
.blog-item-right {float:right; width:205px;}
.subject-name {font-family: 'Lato', sans-serif; font-size:21px;  font-weight:700; text-align:right;} 
.subject-name a{ color:#5e605f;}
.subject-name a:hover{ color:#5e605f;}
.blogger-comment-data{ margin:7px 0 0 0; color: #000000;  font-size: 14px; padding: 0; text-align:left;}
.blogger-comment { margin:7px 0 0 0; color: #000000;  font-size: 14px; padding: 0; text-align:left;}
.rating {float:left; width:100%; margin:15px 0 0 0}
.blogger-name {float:left; width:100%; margin:15px 0 0 0;  font-size:14px; color:#333333; font-style:italic}
.post-today-img{ width:530px; float:left; margin:0px;}

.post-today{ height:auto !important;}
input[type='button'].post-task {padding:15px 20px; margin:0; background:#0088ff; border-radius:5px; text-align:center;  font-size:25px; color:#FFF; border:none; font-weight:normal}
.business-signpost-banner {width:100%; margin:0px auto 10px auto; height:86%; background:url(../images/business-bg.jpg) no-repeat top 40px center; background-size:100% auto;}
#tagline {float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#7e8f95; letter-spacing:0.05em}
#loginpart {float:right; width:38%; padding:5px 0 0 0}
#phonenos {float:right; width:100%; padding:0; margin:0}
#phonenos li {float:right; width:auto; margin:0 20px 0 0; padding:0 0 0 15px; vertical-align:text-bottom; list-style:none; background:url(../images/phone-icon.gif) left no-repeat}
#phonenos li:first-child {margin:0}
.red-subtitle, .subsection-title, .dashboard-title, .inside-subtitle, .acc-subtitle { margin:auto; background:#5e605f; /*background:#0e0f19;*/ padding:15px 0; text-align:center; font-family: 'Lato', sans-serif; font-size:25px; color:#FFF; font-weight:normal;  text-decoration:none; margin:40px auto 10px; clear:both; }
.acc-subtitle {padding:8px 0 8px 10px; font-size:14px; text-align:right; width:99%; font-family:Arial, Helvetica, sans-serif; font-weight:bold; background:#999}
.red-subtitle a {color:#fff; text-decoration:none}
.red-subtitle a:hover {color:#fff; text-decoration:underline}
.inside-subtitle {background:none; border-bottom:1px #0088ff solid; color:#0088ff; text-align:left; margin:10px 0 15px 0; padding:10px 0; overflow:hidden;}
.dashboard-title {background:#666; font-size:5vw}
.subsection-title {padding:10px 0; font-size:20px; background:none; color:#565656; margin:0 0 20px 0;}
#how-content, #username-ph, .become-tasker {float:left; width:100%; background:#565656; padding:25px 0 45px 0}
.become-tasker {padding:55px 0; line-height:36px;}

#username-ph {padding:10px 0}
#how-content .inside, .inside {margin:0 auto; height:auto}
.inside-task, .inside-task-fwidth {margin:0 auto; height:auto}
ul.dash-left-menu {float:left; width:100%; margin:33px 0 0; padding:0; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; border-radius:0 0 10px 10px; }
ul.dash-left-menu li.dash, ul.dash-left-menu li.myacc, ul.dash-left-menu li.profile, ul.dash-left-menu li.trans, ul.dash-left-menu li.message,  ul.dash-left-menu li.payment {float:left; width:100%; padding:10px 0 10px 10px; border-bottom:1px solid #d6d6d6; margin:0; background:#fff; text-align:left; font-size:14px; font-weight:bold; color:#fff; text-decoration:none; list-style-image:url(../images/db-icon.png); list-style-position:inside}
.logout-left{ border-radius:0 0 10px 10px;}
ul.dash-left-menu a li{ direction:rtl; text-align:right !important; padding-right:10px !important; padding-left:0px !important;}
ul.dash-left-menu a li.dash {color:#565656; text-decoration:none; background:#f1f1f6; list-style-image:url(../images/db-icon-b.png); list-style-position:inside; width:248px; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
ul.dash-left-menu a:hover li.dash {color:#fff; text-decoration:none; background:#0088ff; list-style-image:url(../images/db-icon-a.png); list-style-position:inside; width:248px; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}

ul.dash-left-menu a li.myacc {color:#565656; text-decoration:none; background:#f1f1f6; list-style-image:url(../images/myacc-icon-b.png); list-style-position:inside; width:248px; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
ul.dash-left-menu a:hover li.myacc {color:#fff; text-decoration:none; background:#0088ff; list-style-image:url(../images/myacc-icon-a.png); list-style-position:inside; width:248px; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}

ul.dash-left-menu li.profile {list-style-image:url(../images/profile-icon-a.png); list-style-position:inside; width:250px;}
ul.dash-left-menu a li.profile {color:#565656; text-decoration:none; background:#f1f1f6; list-style-image:url(../images/profile-icon-b.png); list-style-position:inside; width:248px; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
ul.dash-left-menu a:hover li.profile {color:#fff; text-decoration:none; background:#0088ff; list-style-image:url(../images/profile-icon-a.png); list-style-position:inside; width:248px; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}

ul.dash-left-menu li.message {list-style-image:url(../images/message-icon-a.png); list-style-position:inside; width:250px;}
ul.dash-left-menu a li.message {color:#565656; text-decoration:none; background:#f1f1f6; list-style-image:url(../images/message-icon-b.png); list-style-position:inside; width:248px; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
ul.dash-left-menu a:hover li.message {color:#fff; text-decoration:none; background:#0088ff; list-style-image:url(../images/message-icon-a.png); list-style-position:inside; width:248px; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}

ul.dash-left-menu li.payment {list-style-image:url(../images/payment-icon-a.png); list-style-position:inside; width:250px;}
ul.dash-left-menu a li.payment {color:#565656; text-decoration:none; background:#f1f1f6; list-style-image:url(../images/payment-icon-b.png); list-style-position:inside; width:248px; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
ul.dash-left-menu a:hover li.payment {color:#fff; text-decoration:none; background:#0088ff; list-style-image:url(../images/payment-icon-a.png); list-style-position:inside; width:248px; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}

ul.dash-left-menu li.trans {list-style-image:url(../images/trans-icon-a.png); list-style-position:inside; width:250px;}
ul.dash-left-menu a li.trans {color:#565656; text-decoration:none; background:#f1f1f6; list-style-image:url(../images/trans-icon-b.png); list-style-position:inside; width:248px; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
ul.dash-left-menu a:hover li.trans {color:#fff; text-decoration:none; background:#0088ff; list-style-image:url(../images/trans-icon-a.png); list-style-position:inside; width:248px; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}

ul.dash-left-menu li.logout {list-style-image:url(../images/logout-db-a.png); list-style-position:inside; width:250px;}
ul.dash-left-menu a li.logout {color:#565656; text-decoration:none; background:#f1f1f6; list-style-image:url(../images/logout-db-b.png); list-style-position:inside; width:248px; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; padding:10px 0 10px 10px; clear:both; border-radius:0 0 10px 10px;}
ul.dash-left-menu a:hover li.logout {color:#fff; text-decoration:none; background:#0088ff; list-style-image:url(../images/logout-db-a.png); list-style-position:inside; width:248px; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}


.inside-task-fwidth {width:100%}
ul.three-columnar {float:left; width:98%; padding:10px; margin:0}
ul.three-columnar li.left {float:left; width:32%; margin:0 20px 0 0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.center {float:left; width:32%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.right {float:right; width:32%; margin:0; padding:0; height:auto; list-style:none; text-align:center}

ul.three-columnar-new {float:left; width:98%; padding:10px; margin:0}
ul.three-columnar-new li.left {float:left; width:25%; margin:0 0px 0 0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar-new li.center {float:left; width:25%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar-new li.right {float:right; width:25%; margin:0; padding:0; height:auto; list-style:none; text-align:center}



.task-layout {margin:0 auto; width:100%; height:auto}
#recent-tasks, #business, #browse-tasks, .db-rightinfo, .white-layout, .db-fullwidth {float:left; width:547px; background:#fff; height:490px; border:solid 0px #fff;}
.db-fullwidth {float:left; width:100%; height:auto}
.white-layout {width:100%; height:auto; margin:0px !important; }
.white-inner{ padding:100px 0 135px; overflow:hidden; }
#browse-tasks {height:auto}

.social-login-title { color: #eee;
    font-family: 'Lato', sans-serif;
    font-size: 25px;
    font-weight: 300;
    line-height: 28px;
    padding: 0 0 30px;
    text-align: center;}
.form-main-box{ margin:auto; float:none;}

#business, .fright, .view-map-button {float:right}
ul.tasklist {float:left; width:98%; margin:15px 8px; padding:0}
ul.tasklist li {float:left; width:100%; margin:0 0 15px 0; padding:0; list-style:none}
.tasker-photo {float:left; width:100px; height:100px; margin:0 10px 0 0; overflow:hidden;}
.tasker-photo img{ width:100%;}
.task-details {float:left; width:288px; height:100px; overflow:auto}
.task-code {background: none repeat scroll 0 0 #0088ff;color: #fff;float: right;font-family: 'Lato', sans-serif; font-size: 18px;font-weight: normal;margin: 30px 10px 0 0;padding: 7px 0;text-align: center;width: 22%;}
p.normal-text, .normal-text, p.text-mtop10 {float:left; width:100%; font-family: 'Lato', sans-serif;  font-size:14px; color:#333; padding:0; margin:0}
p.normal-text a {color:#0088ff ; text-decoration:none}
p.normal-text a {color:#0088ff ; text-decoration:underline}
p.text-mtop10 {margin:10px 0 0 0; line-height:20px}
h3.grey {padding:0; margin:0 0 10px 0; float:left; width:100%; font-family: 'Lato', sans-serif; font-size:17px; color:#565656; font-weight:normal}
.call {float:left; width:20%; height:185px; background:url(../images/call.gif) no-repeat center top}
.taskers {float:left; width:20%; height:185px; background:url(../images/taskers.gif) no-repeat center top}
.right-choice {float:left; width:20%; height:185px; background:url(../images/tick.gif) no-repeat center top}
.call p, .taskers p, .right-choice p, p.only-text {text-align:center; font-family: 'Lato', sans-serif; color:#FFF; font-size:20px; padding:0 0 10px 0; margin:130px 0 0 0; float:left; width:100%}
p.only-text {margin:0}
.arrow {float:left; width:20%; background:url(../images/white-arrow.gif) no-repeat center; margin:80px 0 0 0; height:28px}
.arrow-2 {float:right; width:12%; background:url(../images/white-arrow-2.png) no-repeat center; margin:130px 0 0 0; height:28px}
#phonenos li span {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#707d82}
a.topblue-button, a.topblue-button1 {float:left; padding:5px 9px; margin:8px 10px 0 0; background:#0854a0; border-radius:5px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#FFF; text-decoration:none}
a.topblue-button1 {margin:8px 0 0 0}
a:hover.topblue-button {background:#1A9EE6; color:#FFF; text-decoration:none}
.login-buttons {float:right}
.follow{ float:left; width:100%; text-align:center; margin:25px 0 0 0}
.follow img{ vertical-align:text-bottom;  }
#menubar, #home-menubar {
    float: left;
    height: 117px;
    position: fixed;
    top: 45px;
    width: 100%;
    z-index: 500;}
#home-menubar {top:56px}
#green-part {float:left; width:100%; text-align:center; background:#94b850; padding:5px 0; font-size:12px; color:#FFF; font-family:Arial, Helvetica, sans-serif}
#two-columnar-section {float:left; width:100%; padding:50px 0 50px 0; }

.signup-main-content{ background:#fff; }
.cont-inner-signup{ padding:0px 0 0 0;}
.content-subtitle{ height:380px; background:url(../images/banner_signup.jpg) no-repeat center top; background-size:cover; margin:0px 0 0 0; overflow:hidden; }
.content-subtitle h1{ font-size:28px; line-height:28px; color:#000; padding:68px 0 18px; overflow:hidden;}
.content-subtitle p{ font-size:20px; line-height:20px; color:#000; padding:18px 0 68px; overflow:hidden;}

.signup-left{ float:left; margin:0px; width:520px;}
.signup-left-title{ margin:0px 0 20px 0; height:30px; background:url(../images/title_border.png) repeat-x center center;}
.signup-left-title h2{ font-size:26px; width:240px; height:30px; background:#fff; color:#565656; line-height:30px; padding:0px 0px 0px 5px ;}

.follow-us-signup{ margin:0px 0 0 0; padding:0px;}

.follow-us-signup h2{ font-size:26px; color:#565656; line-height:26px; padding:0px 0 15px 0 ;}
.follow-us-signup ul{ margin:0px 0 0 0; padding:0px;}
.follow-us-signup ul li{ margin:0px 5px 0 0; float:left;}
.follow-us-title{ margin-top:50px;}
.follow-us-title h2{ width:140px;}
.db-rightinfo {width:540px; height:auto; float:right; margin:0px 0; background:rgba(255, 255, 255, 0.5) !important;  border-radius:15px; }

.login-main-content{ background:url(../images/login_back.jpg) no-repeat center top !important; padding:140px 0 70px !important;}
.login-box-main{ float:right; margin:auto; width:375px; overflow:hidden; border:0px !important; }
.login-main-content-15{ background-size:cover !important;}
.login-form-main {
    float: left;
    margin-left: 20px;
    margin-right: 0;
    width: 305px;
}

.divider {
    background: rgba(0, 0, 0, 0) url("../images/divider.png") repeat-x scroll center center;
    float: left;
    height: 36px;
    margin-left: 0px;
    width: 100%;
	position:relative;
}
.divider h2{ padding:8px; border-radius:25px; background:#fff; color:#565656; margin-left:0; margin-right:133px; text-transform:uppercase; position:absolute; margin-top:12%; font-size:15px; font-weight:normal;  }
.login-right{ float:none; margin:auto; width:305px;}
.login-next{ overflow:hidden;}
.login-social-ph img{ }
.login-social-ph{ padding-left:0px; float:left; margin-top:20px; width:100%;}
.signup-social-ph{ margin-top:29.5%;}
.dont-account-text{ margin:10px 0 0 0;}
.dont-account-text p{ font-size:14px; color:#999999; padding:0px 0 10px 0; line-height:14px;}
.dont-account-text p a{ color:#0088ff;}
.dont-account-text p a:hover{ color:#000;}
#acc-banners-ph, #acc-banners-ph-in {float:left; width:100%; height:auto; padding:0; background:url(../images/acc-bg.jpg) top no-repeat; background-size:cover; overflow:hidden; margin:86px 0 0 0}
#acc-banners-ph-in {padding:0 0 0 0}
#logo-placing { width:235px; float:right; position:relative; z-index:999999; height:85px; text-align:right;}
#logo-placing img{ padding:11px 0 0 0;} 
#find-placing, #search-task {float:left; width:100%; height:auto; padding: 29px 0px 21px 0;}
.email-box-home{ margin:-92px 0 0 0; position:relative; z-index:999; background:rgba(0, 0, 0, 0.5);}
#search-task {margin:0; background:#ababab;}
.finder-inner, .tasksearch-inner { margin:0 auto}
.finder-inner { overflow: hidden; width: 885px;}
.tasksearch-inner {width:342px; margin:0 auto}
input[type='text'].emailid, input[type='text'].postcode {padding:10px; background:#FFF; border-width:0px; width:92%; margin:0; text-align:right;}
.banner-area, .banner-area-tasker {margin:0; background:url(../images/banner.jpg) no-repeat center top; background-size:cover; height:530px;}
.banner-area-tasker {background:url(../images/banner-tasker.jpg) no-repeat; background-size:cover}
.banner-area-inside, .banner-area-inside1, .banner-area-inside2, .banner-area-inside3, .banner-area-inside4, .banner-area-inside5, .banner-area-inside6, .banner-area-inside7, .banner-area-inside8 {margin:0 auto; width:80%; height:auto; background:url(../images/inside-bannerbg1.png) no-repeat; background-position: right top}
.banner-area-inside1 {background:url(../images/inside-bannerbg2.png) no-repeat; background-position: right top}
.banner-area-inside2 {background:url(../images/inside-bannerbg3.png) no-repeat; background-position: right top}
.banner-area-inside3 {background:url(../images/inside-bannerbg4.png) no-repeat; background-position: right top}
.banner-area-inside4 {background:url(../images/inside-bannerbg5.png) no-repeat; background-position: right top}
.banner-area-inside5 {background:url(../images/inside-bannerbg6.png) no-repeat; background-position: right top}
.banner-area-inside6 {background:url(../images/inside-bannerbg7.png) no-repeat; background-position: right top}
.banner-area-inside7 {background:url(../images/inside-bannerbg8.png) no-repeat; background-position: right top}
.banner-area-inside8 {background:url(../images/inside-bannerbg9.png) no-repeat; background-position: right top}
article.slider {width:100%; height:auto}
h2.slider {font-family: 'Lato', sans-serif; font-size:3.5em; text-transform:uppercase; color:#051840; margin:27px 0 5px 25px; padding:0; float:left}
p.blue-tag {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#1f80c6; margin:0 0 0 25px; padding:0; float:left; width:90%}
ul.slide-points, ul.gen {margin:15px 0 0 0 !important; padding:0; float:left; width:90%}
ul.slide-points li, ul.gen li {float:left; width:100%; margin:0 !important; padding:0; list-style:url(../images/bullet-p.jpg); list-style-position:inside; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#919090}
ul.gen {margin:0 !important; padding:0 0 0 15px}
ul.gen li {list-style:url(../images/bullet-o.jpg); padding:0 0 0 10px}
p.normal-txt, p.slide-text, p.small-desp {float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#919090; padding:0; margin:0 0 15px 0}
.bothclear {clear:both}
span.bold-no { font-size:24px} 
p.normal-txt {text-align:justify}
p.small-desp {width:100%; margin:8px 0 0 0; font-size:12px; font-weight:bold; text-align:center}
p.slide-text {width:40%; margin:15px 0 0 25px; clear:both}
.slider-button, .slider-button1 {width:157px; height:48px; position:absolute; top:200px; right:50px}
.slider-button1 {width:223px}
.h-slider1, .h-slider2, .h-slider3, .h-slider4, .h-slider5 {background:url(../images/slide1-bg.png) right no-repeat; height: 100%; margin: 0px; left: 48.365px; width: auto; overflow: hidden}
.h-slider2 {background:url(../images/slide2-bg.png) right no-repeat}
.h-slider3 {background:url(../images/slide3-bg.png) right no-repeat}
.h-slider4 {background:url(../images/slide4-bg.png) right no-repeat} 
.h-slider5 {background:url(../images/slide5-bg.png) right no-repeat}
#home-content, #home-content1 {float:left; width:100%; background:#FFF; height:auto}
.content-area {margin:0 auto; width:80%; height:auto}
.area-left {float:left; width:55%; margin:20px 0; }
.area-right {float:right; width:40%; margin:20px 0; }
h3.home, h3.inside {margin:20px 0 40px 0; padding:0; font-family: 'Lato', sans-serif; font-size:2.5em; color:#0a4182; float:left; clear:both; font-weight:normal}
h3.inside {margin:40px 0 20px 0}
h3.home1, h3.subpoint { font-size:1.8em; color:#000; margin:25px 0; padding:0; float:left; width:100%; line-height:30px; font-weight:normal}
h3.subpoint {color:#94b850}
#signup-ph {float:left; width:100%; margin:10px 0 20px 0; text-align:center}
h3.benefit {font-family: 'Lato', sans-serif; font-size:2em; color:#000; float:left; width:98%; margin:20px 0 20px 0; padding:0 0 0 15px; font-weight:normal; border-left:#F90 4px solid}
ul.benefits {float:left; width:100%; padding:0; margin:0 0 20px 0}
ul.benefits li {float:left; width:100%; padding:0; margin:0 0 10px 0; list-style:none; height:115px}
.benefit-icon1, .benefit-icon2, .benefit-icon3, .benefit-icon4, .benefit-icon5, .benefit-icon6, .benefit-icon7, .benefit-icon8, .benefit-icon9 {float:left; width:100%; height:100%; background:url(../images/b1-img.jpg) no-repeat left}
.benefit-more {float:right; width:auto; margin:13px 0 0 0}
.benefit-content {float:right; width:60%} 
.support-content {float:right; width:65%; margin:0 10px 0 0} 
.benefit-icon2 {background:url(../images/b2-img.jpg) no-repeat left}
.benefit-icon3 {background:url(../images/b3-img.jpg) no-repeat left}
.benefit-icon4 {background:url(../images/b4-img.jpg) no-repeat left}
.benefit-icon5 {background:url(../images/b5-img.jpg) no-repeat left}
.benefit-icon6 {background:url(../images/b6-img.jpg) no-repeat left}
.benefit-icon7 {background:url(../images/b7-img.jpg) no-repeat left} 
.benefit-icon8 {background:url(../images/b8-img.jpg) no-repeat left}
.benefit-icon9 {background:url(../images/b9-img.jpg) no-repeat left}
p.benefit-txt, p.benefit-txt3, p.benefit-txt2, p.benefit-txt4, p.support-txt, p.support-txt2, p.support-txt3, p.support-txt4 { float:left; font-size:16px; color:#ffffff; margin:45px 0 0 0; padding:0; text-transform:uppercase; width:100%; text-align:left; font-weight:lighter}
p.benefit-txt3, p.support-txt3 {margin:10px 0 0 0}
p.benefit-txt4, p.support-txt4 {margin:30px 0 0 0}
p.benefit-txt2, p.support-txt2 {margin:20px 0 0 0} 
p.support-txt2 {margin:40px 0 0 0} 
.b-arrow {float:left; margin:74px 0 0 0; width:auto}
span.bigdata {font-size:26px}
#submit-txt, .img-title {float:left; width:100%; background:#e9e9e9; padding:15px 0; text-align:center;  font-size:22px; color:#5c5c5c; text-transform:uppercase; text-shadow:#FFF 1px 1px 1px}

ul.submits {float:left; width:100%; margin:0; padding:0}
ul.submits li.green, ul.submits li.orange, ul.submits li.blue, ul.submits li.yellow, ul.submits li.red, ul.submits li.ashblue, ul.submits li.ashgreen, ul.submits li.ashviolate {float:left; width:25%; padding:36px 0 26px 0; background-color:#99bc4c; border-right:1px #fff solid; text-align:center; height:341px}
.submiticon-ph {float:left; width:100%; text-align:center; margin:0 0 32px 0}
ul.submits li.green {background-image:url(../images/one.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.orange {background:#ffa639; background-image:url(../images/two.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.blue {background:#70bedb; background-image:url(../images/three.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.yellow {background:#e7c884; background-image:url(../images/four.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.red {border-top:#FFF 1px solid; background:#FF9595; background-image:url(../images/five.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashblue {border-top:#FFF 1px solid; background:#A4BDCA; background-image:url(../images/six.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashgreen {border-top:#FFF 1px solid; background:#C5D095; background-image:url(../images/seven.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashviolate {border-top:#FFF 1px solid; background:#D1BCD8; background-image:url(../images/eight.png); background-repeat:no-repeat; background-position:bottom 20px center}
.fullwidth {float:left; width:100%}
.c-txt, .c-txt1, .c-txt2, .c-txt3, .c-txt4, .c-txt5, .c-txt6, .c-txt7, .c-txt8 {margin:0 auto 22px auto; width:90%; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#e8ffb4}
.c-txt1 {color:#ffebb5; margin:0 auto 48px auto}
.c-txt2, .c-txt4 {color:#c2eeff; margin:0 auto 74px auto}
.c-txt4 {margin:0 auto}
.c-txt3, .c-txt5 {color:#fdeecc}
.c-txt5 {margin:0 auto}
.c-txt6 {color:#ffcccc; margin:0 auto}
.c-txt7 {color:#DEEBEF; margin:0 auto}
.c-txt8 {color:#EBDDEE; margin:0 auto}
a.knowmore, a.knowmore-orange, a.knowmore-blue, a.knowmore-yellow {margin:0 auto; width:20%; background:#779a2a; padding:13px 26px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-weight:14px; color:#FFF; font-weight:bold; text-transform:uppercase; border-radius:10px}
a.knowmore-orange {background:#ac6b1b; color:#FFF}
a:hover.knowmore-orange {background:#ca7e21; color:#FFF}
a.knowmore-blue {background:#4e9bb7; color:#fff}
a:hover.knowmore-blue {background:#55b5d8; color:#fff}
a.knowmore-yellow {background:#c0a05b; color:#fff} 
a:hover.knowmore-yellow {background:#d4b268; color:#fff} 
a:hover.knowmore {background:#84aa31; color:#fff}
.content-area {margin:0 auto; width:80%; height:auto}
.news {float:left; width:48%; margin:20px 0; }
.testimonials {float:right; width:48%; margin:20px 0; }
ul.news, ul.testimonials {float:left; width:100%; margin:10px 0 20px 0; padding:0}
ul.news li, ul.testimonials li {float:left; width:100%; list-style:none; margin:0 0 40px 0; padding:0}
ul.testimonials li {float:left; width:100%; list-style:none; margin:0; padding:15px 0 0 0; border-bottom:#292929 1px dashed}
ul.testimonials li:first-child {padding:0}
.news-photo {float:left; width:auto}
.news-part {float:right; width:78%}
h3.news-title {margin:0 0 10px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:1.5em; color:#3f3f3f; float:left; width:100%; font-weight:normal}
p.date {float:left; width:100%; margin:0 0 20px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#5884cd}
.indetails {float:right; width:auto; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#062f59; text-decoration:none; clear:both; font-weight:bold}
.indetails a {font-size:14px; color:#062f59; text-decoration:none}
.indetails a:hover {font-size:14px; color:#062f59; text-decoration:underline}
#roadshow {float:left; width:auto; margin:0 50px 0 0}
#youtube {float:left; width:auto}
#footer-p {float:left; width:100%; background:url(../images/footer-bgnew.jpg) repeat; margin:0px 0 0 0}
.footer-part {margin:0px auto 35px auto; text-align:center; overflow:hidden;}
span.footer-i {width:16%; text-align:center; display:inline-block;}
.footer-part .footer-links { font-size:18px; color:#FFF; float:left; width:100%; text-align:center; text-decoration:none; background:rgba(0, 0, 0, 0) url("../images/ql-bg.png") repeat scroll 0 0; padding:35px 0 30px 0;} 
.footer-part .footer-links a {color:#FFF; text-decoration:none} 
.footer-part .footer-links a:hover {color:#FFF; } 
.quick-links {float:left; width:100%; margin:50px 0 20px 0; font-family: 'Lato', sans-serif; font-size:28px; font-weight:normal; color:#FFF; text-align:center} 
.ql-items {float:left; padding:15px 20px; width:100%; background:url(../images/ql-bg.png) repeat; border-radius:10px; font-family: 'Lato', sans-serif; font-size:14px; color:#fff; text-decoration:none; text-align:center}
.ql-items a {color:#fff; text-decoration:none; padding:0 5px;}
.ql-items a:hover {color:#fff; }
span.ql, span.ql-1, span.ql-2 {float:left; width:11%; text-align:center}
span.ql-1 {width:15%}
span.ql-2 {width:7%}
.socials {float:left; width:auto}
ul.footerlinks {float:right; width:85%; margin:0; padding:0}
ul.footerlinks li {float:right; margin:0 25px 0 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#82baf2; 
text-decoration:none; list-style:none}
ul.footerlinks li:first-child {margin:0}
ul.footerlinks li a {color:#82baf2; text-decoration:none}
ul.footerlinks li a:hover {color:#82baf2; text-decoration:underline}
p.copyright {float:right; margin:8px 0 0 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5893d0}
.services-area {float:left; width:48%}
.support-area {float:right; width:50%}
.process-serial, .process-serial1 {position:relative; width:100%; bottom:0; text-align:center; top:20%}
.process-serial1 {top:18%}
.rightph-editprofile {margin:20px 0 0 0; width:100%; float:left}
label, input, button, select, textarea {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
	
}
label.city {font-size:16px; font-weight:bold; float:right; width:20%; margin:0 15px 0 0}
label, label.popup, label.pass-generate, label.export, label.black, label.dark-grey, p.history, p.datetime {
    color: #000;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

input.editprof[type="text"], input.editprof[type="password"] {
    border-radius: 4px;
    box-shadow: none;
    margin: 0;
    padding: 5px;
}
input.common, input.common-pass, input.common-re-pass, input.editprof[type="text"], input.editprof[type="password"] {
    margin: 0 0 20px;
    width: 90%;
}
input.editprof[type="password"] {
    width: 98%;
}
input.userid, input.passwordtype, input.common, input.editprof[type="text"], input.editprof[type="password"], input.common-pass, input.common-re-pass, select.common, select.adduser, input.filter[type="search"], select.small {
    background-color: #ffffff;
    border: medium none;
    border-radius: 8px;
    box-shadow: 0 0 3px #000000;
    color: #707070;
    font-size: 0.9em;
    height: auto;
    
    padding: 10px;
    width: 98%;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input.filter[type="search"], input.filteremail[type="search"], input.lastlogin[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input.filter[type="search"], input.filteremail[type="search"], input.lastlogin[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    color: #555555;
    display: inline-block;
    font-size: 14px;
    height: auto;
    line-height: 20px;
    margin-bottom: 16px;
    padding: 4px 6px;
    vertical-align: middle;
}
label, input, button, select, textarea {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
}
.form-main-box tr td{ padding-bottom:18px;}
.form-control-signup{   border-radius: 0; direction:rtl;
    font-family: 'Lato', sans-serif;
    line-height: 25px !important;
    margin-bottom: 0 !important;
    padding: 5px 32px 5px 10px !important;
    width: 85.7% !important; float:left;}
.new_form{ width: 93.6% !important;}
.form-control-login{ width:83.9%;}
@-moz-document url-prefix() { 
  .form-control-signup
     width:91%;
  }
}
.form-control-login{ width:83.9%;  }
.form-main-box fieldset{ margin-top:0px;}
.icon-back1{ background:url(../images/user_icon.png) right 10px center no-repeat;}
.icon-back2{ background:url(../images/user_icon.png) right 10px center no-repeat;}
.icon-back3{ background:url(../images/call_icon.png) right 10px center no-repeat;}
.icon-back4{ background:url(../images/mail_icon.png) right 10px center no-repeat;}
.icon-back5{ background:url(../images/password_icon.png) right 10px center no-repeat;}

.fleft100 {float:left; width:100%}
.loginph {margin:0 auto; width:60%}
.dbleft, .dbright, .dbright-task, .dashboard-leftmenu, .dash-right {
    border-right: 1px dotted #cccccc;
    float: left;
    height: auto;
    padding:0px;    
	margin:0px
}

.agree-signup {
    float: left;
    padding: 8px 30px 0 0;
}
.agree-login {
    padding-top: 0;
	padding-right:0px;
}
.agree-signup input {
    margin-left: 5px;
	vertical-align:middle;
}
.agree-signup span {
    font-family: 'Lato', sans-serif;
    font-size: 15px;
}
.agree-login span {
    font-size: 14px;
}
.signup-btns {
    float: right;
    margin: 0 0px 0 0;
}
.signup-btns .btn-default {
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    padding: 8px 76px;
}
.signup-btns .btn-default-login {
    background: #0088ff url("../images/login_arrow.png") no-repeat scroll right 10px center;
    border-radius: 20px;
    float: right;
    margin-right: 3px;
    padding: 4px 30px 4px 10px;
    transition: all 0.3s linear 0s;
	color:#fff;
}
.signup-btns .btn-default-login:hover {
	
}
.retrieve-pass-btn .btn-default {
    padding: 8px 81px;
}
.forgot-pass-text {
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    text-align: left;
}
.forgot-pass-text a {
    color: #0088ff;
}
.forgot-pass-text2 {
    float: left;
    padding: 0 60px 0 0;
}
.social-login-btns {
    margin: 0px 0 0;
    overflow: hidden;
}
#forgetForm {
    margin-top: 40px;
}
.agree-login span {
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
}

.forgot-title {
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 700;
    padding-bottom: 10px;
}

.forgot-pa {
    color: #fff;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
    font-weight: 300;
    padding-bottom: 15px;
	text-align:center;
}
.forgot-p {
    padding-bottom: 11px !important;
}
.forgot-pa-no {
    border: 0 none;
    padding-bottom: 0;
}
.forgot-pa a {
    color: #0088ff;
    font-weight: 800;
	webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.signup-btns .btn-default-signup{ border:0px !important; background:#0088ff  url("../images/login_arrow.png") no-repeat scroll right 10px center; border-radius:20px;}
.signup-btns .btn-default-login:hover {
    background:#5e605f  url("../images/login_arrow.png") no-repeat scroll right 10px center;
	
}
.signup-btns .btn-default-signup:hover{ background:#5e605f   url("../images/login_arrow.png") no-repeat scroll right 10px center; border:0px !important;}

.forgot-pa a:hover {
    color: #000;
}
.signup-main-content {
    background: rgba(0, 0, 0, 0) url("../images/signup_back.jpg") no-repeat scroll center top !important;
    padding: 130px 0 !important;
}
.divider-2 {
    height: 365px !important;
}
.condition_signup a{ color:#0088ff !important; webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear; font-weight:800 !important; } 
.condition_signup a:hover {
    color: #000 !important;
}
.form_design span.error1 {
    color: #cc0000 !important;
    font-size: 14px !important;
}
.divider-2 h2{ background:#0088ff; color:#fff; }
.divider-1{ background:rgba(0, 0, 0, 0) url("../images/divider.png") repeat-x scroll center center; }
.divider-1 h2{ background:#0088ff; color:#fff; margin-top:0px; }
.strmn{float: left;
margin: 0px 0px;
background: url(../images/star2.png) no-repeat left top;
height: 17px;
width: 95px;
}
.str_sel-2{
background: url(../images/starsfull.png) no-repeat left top;
height: 17px;
}
.dashboard-leftmenu { width:260px; padding-right: 0px; margin-right:0px; border-right:none}
.dbleft {}
.dbright, .dbright-task, .dash-right {border:none; float:right; width:20%; text-align:center; margin:80px 0 0 0}
.dbright {float:right; width:38%; margin:0 10px 0 0}
.dbright-task {margin:20px 0 0 0; width:24%}
.dash-right {width:819px; margin:0px 0px 0 0; padding:0; border-left:1px dotted #565656; padding-left:15px}
.fleftauto {
    float: left;
    width: auto;
}
.dbleft-ts, .dbright-ts, .browse-ts, .search-map {
    border-right: 1px dotted #cccccc;
    float: left;
    height: auto;
    padding: 10px;
    width: 44%;
	margin:10px
}
.browse-ts {width:30%; padding:0; border-right:none}
.search-map {float:right; width:28%; margin:20px 0 0 0; border-right:none}
.dbright-ts {border:none; float:right}
.fl {
    float: left
}
.fleft59, .fleft45 {
    float: left;
    width: 59%;
}
.sec-title, .map-title {
    clear: both;
    color: #000000;
    float: left;
    font-size: 19px;
    font-weight: bold;
	padding:0;
	margin:0 0 15px 0
}
.map-title {
 	width:100%;
	text-align:left
}
.blue-label-new, .pr-status {
    color: #000;
    float: left;
    font-size: 18px;
    padding: 0;
	 font-weight: bold;
    margin: 0 15px;
}
.bigf33 {
    color: #0088ff;
    font-size:25px;
	text-decoration:none
}
.bigf33 a {
    color: #0088ff;
    font-size:25px;
	text-decoration:none
}
.bigf33 a:hover {
    color: #0088ff;
	text-decoration:underline
}
.statusbar {
    background: none repeat scroll 0 0 #666;
    border-radius: 5px;
    float: left;
    height: 15px;
    margin: 2px;
    width: 75%;
}
.statusbar-ph {
    background: none repeat scroll 0 0 #eaeaea;
    border: 1px solid #cfcfcf;
    border-radius: 7px;
    float: left;
    height: 19px;
    margin: 10px 0 25px;
    width: 100%;
}
.w85-vt {padding-left: 10px; width:45%}
.vtaskmap {margin:0; padding:0; text-align:center;}
.view-profile-button {float:right; margin-top:20px}
ul.messages  {
    list-style: outside none none;
    margin: 0;
    padding: 0;
	float:left;
	width:100%;
	text-align:right;
}
ul.messages li {float:left; margin:0; padding:8px 0; border-bottom:#565656 1px dotted; width:100%; list-style:none}
p.alert {font-size:16px; color:#0088ff; padding:15px 0 10px 0 ; margin:0; text-decoration:none}
p.alert a {color:#0088ff; text-decoration:none}
p.alert a:hover {color:#0088ff; text-decoration:underline}
.mrightgap10 {margin-right:10px}
.taskhleft {float:left; width:45%}
.taskhleft div {float:left; width:100%; text-decoration:none}
.taskhleft div a {text-decoration:none}
.taskhleft div a:hover {color:#0088ff; text-decoration:none;}
.taskhrig {float:right;}
span.geo {font-size:12px; color:#878787; font-family: 'Lato', sans-serif !important; font-style:normal;}
a.postit {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; text-decoration:none}
.fullwidthlayout {float:left; width:100%; background:url(../images/section-white-bg.png) repeat; height:490px}
.dbtitle {float:left; width:40%; margin:0; padding:0}
.welcome-user {float:right; width:60%; margin:0; padding:0}
.welcome-text {font-size:2vw}
.profile-completeness {float:left; width:40%; padding:25px 15px; border-right:1px dotted #cccccc; height:305px}
.editphoto-button {float:left; width:100%; text-align:center; margin:0px 0 0 0}
a.ur-steps, a.settings {
    background-color: #343f4f;
    background-image: url("../images/downarrow.png");
    background-position: right center;
    background-repeat: no-repeat;
    border: medium none;
    color: #0088ff;
    font-size: 14px;
    font-style: italic;
    height: auto;
    padding: 10px ;
    text-decoration: none;
    width: auto;
}
a.settings {
    background: none;
}
.collapsable-panel1, .collapsable-panel2 {
    border-radius: 15px;
    border: solid #585858 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    height: auto;
    left: 0;
    position: absolute;
    top: 55px;
	padding:0px;
    width: 180px;
    z-index: 1000;
}
.settingstoparrow {
    background-image: url("../images/toparrow.png");
    background-position: right 5px top 0;
    background-repeat: no-repeat;
    display:none;
	float: left;
    height: 7px;
    margin: -7px 0 0;
    width: 100%;
}
.dropdown {
    background: #0088ff;
    border-radius:10px;
    float: left;
    font-weight: normal;
    list-style: outside none none;
    margin: 0;
    padding:0px;
    transition: all 0.5s ease-in 0s;
    width:180px;
}
.dropdown-logout{  border-radius:0 0 10px 10px;}
.dropdown-logout a{ border-radius:0 0 10px 10px; border:0px !important;}
.dropdown li a, .dropdown li a.terminal {
    background:#0088ff ;
    border-bottom: 1px solid #fff;
    color: #fff;
    display: block;
    float: left;
    font-size: 14px;
    padding: 8px 40px 8px 0px;
    text-decoration: none;
    transition: all 0.3s ease-out 0s;
    width: 140px;
}
.dropdown li a:hover, .dropdown li a:hover.terminal {
    background:#0e0f19 ;
    border-bottom: 1px solid #fff;
    color: #fff;
    display: block;
    float: left;
    font-size: 14px;
    padding: 8px 40px 8px 0px;
    text-decoration: none;
    transition: all 0.3s ease-out 0s;
    width: 140px;
}
ul.taskname {float:left; width:100%; padding:0; margin:0 0 15px 0}
ul.taskname li.photo {width:10%; float:left; padding:0; margin:10px 10px 0 10px; list-style:none}
ul.taskname li.taskn {width:85%; float:right; padding:0; margin:0px 10px 0 0; list-style:none}
h2.taskname, h2.tasksimilar, h2.how-business { font-size:30px; color:#0088ff; clear:both; padding:0; margin:0 0 20px 0; text-transform:uppercase; font-weight:lighter; font-weight:bold; }
h2.how-business {color:#595959}
h2.tasksimilar { font-family: 'Lato', sans-serif;  font-size:18px; color:#000; margin:0}
h2.tasksimilar a {color:#0088ff; text-decoration:none}
h2.tasksimilar a:hover {color:#0088ff; text-decoration:underline}
ul.tasks-status {float:left; margin:0; padding:0; width:100%; height:630px; overflow:auto}
ul.tasks-status li {float:left; margin:0; padding:10px 0; list-style:none; width:100%; border-bottom:#999 1px dotted}
.taskphoto { float: right;
    height: 75px;
    margin: 0 15px 0 0;
    width: 102px;}
.taskdetails {float:right; text-align:right; width:86%}
.task-posted-list {float:right; width:62%}
.post-task-options {float:left; width:90%; margin:0 0 0 30px}
a.b-button {float:left; width:100%; padding:8px 0; background:#0088ff; text-align:center; border-radius:10px; font-family: 'Lato', sans-serif; font-size:20px; color:#FFF; font-weight:normal; text-decoration:none; margin:0 0 10px 0} 
.b-button {float:left; width:100%; padding:8px 0; background:#0088ff; text-align:center; border-radius:10px; font-family: 'Lato', sans-serif; font-size:20px; color:#FFF; font-weight:normal; text-decoration:none; margin:0 0 10px 0} 
a.b-button:hover {float:left; width:100%; padding:8px 0; background:#FF6468; text-align:center; border-radius:10px; font-family: 'Lato', sans-serif; font-size:20px; color:#FFF; font-weight:normal; text-decoration:none}
ul.social-share {float:left; width:100%; padding:0; margin:0}
ul.social-share li {float:left; width:auto; margin:0 10px 0 0; padding:0; list-style:none}
.flefttask-option {float:left; width:80%}
.change {float:right; width:20%; text-align:right}
#twoone1br {
    background-image: url("../images/rating-bg.png");
    color: #fff;
    cursor: pointer;
    float: left;
    
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    height: 20px;
    margin-left: -10px;
    margin-top: -10px;
    padding: 5px 0 0 0;
    position: absolute;
    text-align: center;
    width: 25px;
}
.profile-top {float:left; width:98%; margin:0px 0 0 0; background:#e7e7e7; padding:10px}
.details-title {float:left; margin:0 0 0 25px; width:30%}
input[type='submit'].favbtnbg {float:left; padding:8px 16px; background:#0088ff; border-radius:10px; font-family: 'Lato', sans-serif; font-size:14px; color:#FFF; text-decoration:none; border:none}

ul.filtration {float:left; width:100%; margin:0; padding:0}
ul.filtration li, ul.filtration li.active {float:left; width:auto; margin:0 10px 0 0; padding:8px 16px; background:none; border-radius:8px; text-align:center; font-family: 'Lato', sans-serif; font-weight:lighter; color:#0088ff; text-decoration:none; font-size:16px; list-style:none}
ul.filtration a li {color:#0088ff; text-decoration:none; background:none}
ul.filtration a:hover li, ul.filtration a li.active, ul.filtration a:hover li.active, ul.filtration li.active {color:#fff; text-decoration:none; background:#0088ff}

ul.ulsty { width:100%; margin:0; padding:0}
ul.ulsty li {float:left; width:100%; padding:10px 0; margin:0; border-bottom:#999 1px dotted; list-style:none; background:none; text-decoration:none}
ul.ulsty a li {background:none; text-decoration:none}
ul.ulsty a:hover li {background:#EEE; text-decoration:none}
.abct3 {float:right; margin:0 0px 0 10px; width:auto}
.catle3n {float:right; width:60%}
.catle3n2 {float:left; width:22.3%}
.ulnobor {float:left; width:100%; margin:0; padding:0}
.ulnobor li {float:left; width:100%; list-style:none; margin:0 0 8px 0; padding:0; }
.ulnobor li p {float:left; width:100%; margin:0 0 10px 0; padding:0}
#wallet_table {
    background-color: #fff;
    margin-top: 10px;
}
#wallet_table th {
    background-color: #cccccc;
    font-weight: bold;
    padding: 10px;
}
#wallet_table td {
	color:#666;
	font-size:12px;
	text-decoration:none;
	border:#999 1px solid	
}
#wallet_table td a {
	color:#666;
	text-decoration:none;	
}
#wallet_table td a:hover {
	color:#666;
	text-decoration:underline;	
}
.dwyl-col-last{ border:0px !important;}
.welcome-box {margin:0 auto; width:318px; padding:10px; border:#f85d5a 2px solid; height:190px}
.gonext {
display: block;
float: right;
margin: 10px 0;
text-align: right;
}
.gonext div {
    float: left;
}
.onefv {
    float: left;
    font-size: 13px;
    padding: 5px 0;
}
a.preN {
margin-top:3px;
float: left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 5px;
background-color: #0088ff;
text-align: center;
padding: 3px 0px;
border: 1px solid #cbcbcb;
width: 80px;
font-size: 12px;
font-weight: bold;
margin-right: 9px;
color:#fff !important;
}
a.nextN {
margin-top:3px;
float: left;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 5px;
background-color: #0088ff;
text-align: center;
padding: 3px 0px;
border: 1px solid #cbcbcb;
width: 80px;
font-size: 12px;
font-weight: bold;
margin-left: 9px;
color:white;
}
.onefv a span {
margin: 0 15px;
}
.onefv a {
color: red;
}
ul.listing {
float: left;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
ul.listing li {
float: left;
width: 100%;
padding: 15px 0;
margin: 0;
list-style: none;
border-bottom: #585858 1px dotted;
}
.imageph, .imageph1, .imageph2 {
float: right;
width: auto;
margin: 0 15px;
}
.detailspart, .message-part {
float: right;
width: 55%;
margin: 0;
}
.frightauto {
float: left;
width: auto;
margin-left:20px !important;
}
.item-cost {
color: #0088ff;
font-weight: bold;
text-decoration: none;
}
.ratings {
float: left;
font-size: 11px;
color: #0088ff;
width: auto;
margin: 5px 10px 10px 0;
padding: 0;
}

h3.banner-hw{
	background: url("../images/black-bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    float: left;
    font-size: 2vw;
    line-height: normal;
    margin: 17.93em 0 0;
    padding: 17px 0;
    text-align: center;
    text-transform: none;
    width: 100%;
}
.banner-area-works {
}
.banner-area-for-work{ text-align:center; }
.banner-area-for-work img{ width:100%; display:flex; }
.paragraph-two .content {
    margin-left: 40% !important;
}

#static-page-content .content {
    position: relative;
}

.paragraph-one .content .post-form {
    margin-left: 70%;
    margin-top: -200px;
}

h3.banner-hw{
	background: url("../images/black-bg.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    float: left;
    font-size: 28px;
    line-height: normal;
    margin: 0 0 0 0;
    padding: 17px 0;
    text-align: center;
    text-transform: none;
    width: 100%;
	height:110px;
	margin-top:-144px;
	position:relative;
}
.paragraph-one .content .arrow-left {
    height: 150px;
    width: 100%;
}
.task-type h2 {
    margin: 50px 0;
    text-align: center;
    width: 100%;
	float:left;
	font-family: 'Lato', sans-serif;
	font-size:30px;
	font-style:lighter	
}
.taskit-1{ float:left; width:100%; margin:0; background:url(../images/howitworks1.jpg) center bottom no-repeat; }
.taskit-1-inner{ margin:0 auto; height:500px; }
.taskit-1-detail{ float:right; width:30%; margin:190px 72px 0 0; text-align:center; }
.taskit-1-number{ text-align:center; margin:0; padding:0; background:#0088ff; width:60px; height:60px; margin:auto; line-height:60px; color:#FFF; font-size:30px; font-weight:700; -moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
margin-bottom:10px;
 }
.round_img{
-moz-border-radius: 10px !important;
-webkit-border-radius: 10px !important;
border-radius: 10px !important;
border: 2px solid #ccc;
}
.taskit-1-detailinfo{ float:left; width:100%; text-align:center; font-size:30px; color:#0088ff; padding-bottom:10px;}
.taskit-1-descinfo{ font-size:16px !important; line-height:24px; }
.taskit-1-descinfo-white{ color:#fff !important;}
.taskit-2-back{ float:left; width:100%; margin:0; background:#565656; }
.taskit-2{ margin:0 auto; height:500px; background:url(../images/howitworksnew2.png) bottom right 50px no-repeat}
.taskit-2-detail{ float:left; width:30%; margin:120px 0 0 120px; text-align:center}
.taskit-3-back{ float:left; width:100%; margin:30px 0 0 0}
.taskit-3{ margin:0 auto; height:500px; background:url(../images/howitworks3.png) bottom left 100px no-repeat }
.taskit-3-detail{ float:right; width:30%; margin:110px 180px 0 0; text-align:center}
.find-placing-info{ background:#565656 !important; padding:65px 0 50px !important; }
.finder-inner p { padding-top:10px; }
.finder-inner p a{ color: #fff ; }
.trust-back{ padding: 40px 0 !important; overflow:hidden; clear:both;  }
.find-trust{ padding:0 0 0 0 !important; background:#565656 !important;}
.trust-safety-icons{ margin:0px; font-size:18px; color:#585858;}
.trust-safety{ background:#e7e7e7 !important;}
.how-work-block{ background:#fff !important; height:auto !important;}
.how-work-block-inner{ background:url(../images/earn-bg.png) center right no-repeat; overflow:hidden;}
.how-work-points{ float:left; margin:40px 0;}
.how-work-points h3{ font-size:44px; line-height:44px; color:#0088ff;}
.question-post-tit{ font-size:34px; color:#000; margin:25px 0 10px 0;}
.question-post-info{ font-size:22px; color:#565656; margin:0px;}
.btn-default-join{ padding:12px 36px; font-size:20px; margin:30px 0; border-radius: 30px;}
.trust-safety-img{ float:left; width:25%; text-align:center;}
.login-btns-new{ float:left; }
.retrieve-pass-btn{ float:left;}
.db-rightinfo-back{ background:#e7e7e7 !important;}

<!-------- Dashboard_PAGES_START ------->

.dashboard-title-main{ float:left; text-align:left; font-size:24px; padding:10px 0 8px 0px; color:#565656; margin:0px; line-height:24px;}
.dropdown-dashboard a{background:#f75e5b url(../images/db-icon-a.png) no-repeat right 8px center !important; width:250px; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; display:block; }
.dropdown-dashboard a:hover{background:#0e0f19 url(../images/db-icon-a.png) no-repeat right 8px center !important; width:250px; width:250px; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }

.dropdown-profile a{background:#f75e5b url(../images/myacc-icon-a.png) no-repeat right 8px center !important; width:250px; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; display:block; }
.dropdown-profile a:hover{background:#0e0f19 url(../images/myacc-icon-a.png) no-repeat right 8px center !important; width:250px; width:250px; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }

.dropdown-account a{background:#f75e5b url(../images/profile-icon-a.png) no-repeat right 8px center !important; width:250px; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; display:block; }
.dropdown-account a:hover{background:#0e0f19 url(../images/profile-icon-a.png) no-repeat right 8px center !important; width:250px; width:250px; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }

.dropdown-posttask a{background:#f75e5b url(../images/posted-task-icon-a.png) no-repeat right 8px center !important; width:250px; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; display:block; }
.dropdown-posttask a:hover{background:#0e0f19 url(../images/posted-task-icon-a.png) no-repeat right 8px center !important; width:250px; width:250px; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }

.dropdown-posttask a{background:#f75e5b url(../images/posted-task-icon-a.png) no-repeat right 8px center !important; width:250px; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; display:block; }
.dropdown-posttask a:hover{background:#0e0f19 url(../images/posted-task-icon-a.png) no-repeat right 8px center !important; width:250px; width:250px; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }

.dropdown-alerts a{background:#f75e5b url(../images/alert-icon-a.png) no-repeat right 8px center !important; width:250px; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; display:block; }
.dropdown-alerts a:hover{background:#0e0f19 url(../images/alert-icon-a.png) no-repeat right 8px center !important; width:250px; width:250px; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }

.dropdown-history a{background:#f75e5b url(../images/hitory-icon-a.png) no-repeat right 8px center !important; width:250px; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; display:block; }
.dropdown-history a:hover{background:#0e0f19 url(../images/hitory-icon-a.png) no-repeat right 8px center !important; width:250px; width:250px; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }

.dropdown-notification a{background:#f75e5b url(../images/notification-icon-a.png) no-repeat right 8px center !important; width:250px; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; display:block; }
.dropdown-notification a:hover{background:#0e0f19 url(../images/notification-icon-a.png) no-repeat right 8px center !important; width:250px; width:250px; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }


.dropdown-notification a{background:#f75e5b url(../images/notification-icon-a.png) no-repeat right 8px center !important; width:250px; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; display:block; }
.dropdown-notification a:hover{background:#0e0f19 url(../images/notification-icon-a.png) no-repeat right 8px center !important; width:250px; width:250px; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }

.dropdown-logout a{background:#f75e5b url(../images/logout-db-a.png) no-repeat right 8px center !important; width:250px; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; display:block; }
.dropdown-logout a:hover{background:#0e0f19 url(../images/logout-db-a.png) no-repeat right 8px center !important; width:250px; width:250px; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }
.db-content-main{ border:0px; background:#eee !important; height:auto !important;}
.wallet_balance{ font-size:px; color:#565656; padding:5px 0 0 15px; float:right;}
.login-user-name{ font-size:18px; color:#fff; font-weight:700; padding:8px 0 8px 10px; text-align:center;}
.body_cont-dashboard{ margin-top:83px; clear:both;}
.top-cont-main-dash{ padding:0px !important;}
.db-rightinfo-dash{ float:none; width:100%; margin:0px; background:#999; padding:40px 0 ; background:#fff; /*background:url(../images/dash_back.jpg) no-repeat ; background-size:cover;*/ }
.dashboard-box1{ background:#e7e7e7; border-radius:10px; padding:15px; margin:0px 0 0px 0; padding:10px !important;}
.editphoto-button img{ width:200px; height:200px; margin:0px auto; border-radius:5px;}
.editphoto-taxt{ font-size:14px; color:#0088ff; line-height:18px; text-align:center; padding:15px 0 0 0;}
.editphoto-taxt a{ color:#0088ff;}
.tasker-profile-button{ text-align:center;}
.btn-tasker-profile { background: #999 none repeat scroll 0 0;
    display: inline-block;
    font-size: 18px !important;
    font-weight: normal;
    margin: 14px 0 0 !important;
    padding: 0px 18px 0px 18px !important; height:45px; line-height:45px;}
.search-map-db{ background:#fff;}
.box-border-dash{ padding:10px; border:#d6d6d6 1px solid; border-radius:5px;}
.massage-main-db{ width:46.6%; margin:11px 0 0; overflow:hidden;}
.welcome-box-dash{ float:left; width:382px; margin:0px; height:190px;}
.invite-friends-box{ float:left; width:382px; height:auto;  margin: 0 0 -20px;  padding: 20px 0 0;}
.invite-friends-box p{ font-size:17px; color:#565656; line-height:23px; padding:0px 0 20px 0;}
.dont_member{ padding:13px 0 22px !important; color:#0088ff !important;}
.invite-friends-box ul{ margin:6px 15px 0; padding:0px;}
.invite-friends-box ul li{ float:left; margin:4px 4px;}
.invite-friends-box ul li img{ display:flex; border-radius:3px; width:80px; height:80px;}
.find-friends-btn{ margin:15px 0 10px 0; padding:6px 15px; font-size:16px;}
.profile-progess-bar{ width:260px; float:right; margin:60px 0 -61px 0 ; padding-top:0px; text-align:center; padding-bottom:10px;}
.profile-progess-bar h2{ font-size:18px; padding:15px 0 5px 0; line-height:14px; font-weight:600;}
.profile-progess-bar h2 a{ color:#0088ff ; text-decoration:underline; }
.cover_img{ width:200px; overflow:hidden; margin:auto;}
.cover_img img{ width:auto; height:200px; display:flex;}
.cover_img_1{ width:140px; overflow:hidden; margin:10px auto 0 auto;}
.cover_img_1 img{ width:auto !important; height:140px !important; display:flex; margin:0px !important; }
.meter { 
	height: 20px;  /* Can be anything */
	position: relative;
	margin:0px 0 0px 0; /* Just for demo spacing */
	background: #565656;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	padding: 5px;
	-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
	-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
	box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
}
.meter > span {
	display: block;
	height: 100%;
	text-align:center; color:#fff; font-size:14px; font-weight:700;
	   -webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
		   -moz-border-radius-topright: 8px;
		-moz-border-radius-bottomright: 8px;
			   border-top-right-radius: 8px;
			border-bottom-right-radius: 8px;
		-webkit-border-top-left-radius: 20px;
	 -webkit-border-bottom-left-radius: 20px;
			-moz-border-radius-topleft: 20px;
		 -moz-border-radius-bottomleft: 20px;
				border-top-left-radius: 20px;
			 border-bottom-left-radius: 20px;
	background-color: rgb(43,194,83);
	background-image: -webkit-gradient(
	  linear,
	  left bottom,
	  left top,
	  color-stop(0, rgb(43,194,83)),
	  color-stop(1, rgb(84,240,84))
	 );
	background-image: -moz-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	-webkit-box-shadow: 
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	-moz-box-shadow: 
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	box-shadow: 
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	position: relative;
	overflow: hidden;
}
.meter > span:after, .animate > span > span {
	content: "";
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background-image: 
	   -webkit-gradient(linear, 0 0, 100% 100%, 
		  color-stop(.25, rgba(255, 255, 255, .2)), 
		  color-stop(.25, transparent), color-stop(.5, transparent), 
		  color-stop(.5, rgba(255, 255, 255, .2)), 
		  color-stop(.75, rgba(255, 255, 255, .2)), 
		  color-stop(.75, transparent), to(transparent)
	   );
	background-image: 
		-moz-linear-gradient(
		  -45deg, 
		  rgba(255, 255, 255, .2) 25%, 
		  transparent 25%, 
		  transparent 50%, 
		  rgba(255, 255, 255, .2) 50%, 
		  rgba(255, 255, 255, .2) 75%, 
		  transparent 75%, 
		  transparent
	   );
	z-index: 1;
	-webkit-background-size: 50px 50px;
	-moz-background-size: 50px 50px;
	-webkit-animation: move 2s linear infinite;
	   -webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
		   -moz-border-radius-topright: 8px;
		-moz-border-radius-bottomright: 8px;
			   border-top-right-radius: 8px;
			border-bottom-right-radius: 8px;
		-webkit-border-top-left-radius: 20px;
	 -webkit-border-bottom-left-radius: 20px;
			-moz-border-radius-topleft: 20px;
		 -moz-border-radius-bottomleft: 20px;
				border-top-left-radius: 20px;
			 border-bottom-left-radius: 20px;
	overflow: hidden;
}
.animate > span:after {	display: none;}
@-webkit-keyframes move {
	0% {
	   background-position: 0 0;
	}
	100% {
	   background-position: 50px 50px;
	}
}
.orange > span {
	background-color: #f1a165;
	background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
	background-image: -webkit-linear-gradient(#f1a165, #f36d0a); 
}
.red > span {
	background-color: #0088ff;
	background-image: -moz-linear-gradient(top, #0088ff, #d12320);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #0088ff),color-stop(1, #d12320));
	background-image: -webkit-linear-gradient(#0088ff, #d12320);
}
.nostripes > span > span, .nostripes > span:after {
	-webkit-animation: none;
	background-image: none;
}
.ani-categori{ position:relative; z-index:9999999999;}
.welcome-status-db{ margin:30px 0 0 0; text-align:center; font-size:22px; color:#565656; padding:0px 0 0 0; float:none;}
.welcome-status-db2{ margin:15px 0 0 0; padding:0; font-size:16px; text-align:center; float:none;}
.post-task-btn-db{ padding:6px 20px; margin:49px 0 0; font-size:16px;}
.user-pic-massage-db img{ float:right !important; margin:0 8px 0 0; border-radius:3px;}
.user-pic-massage-db p{ width:295px; float:left;}
.massage-inner-db{ padding:0px; margin:0px;}
.post-status-db{ font-size:14px; color:#565656; padding:0 0 0 0;}
.history-post-title{ font-size:15px; color:#565656; padding:0 0 0 0;}
.history-post-title a{ color:#565656;}
.history-post-date{ font-size:12px; color:#878787; padding:3px 0 0 0;}
.history-post-date a{ color:#878787;}
.category-box-dashboard{ width:260px !important;}
.category-box-main-db{ width:260px ; margin:0 0; float:right;}
.view-category-btn-db{ padding:10px 0px 10px 0px !important; text-align:center !important;}
.see-map-main-db{ margin:20px 20px 0px 0; width:386px; border:1px solid #d6d6d6; border-radius:5px; height:286px; padding:10px; }
.search-map-db{ margin:20px 0 0px 0; width:380px; border:1px solid #d6d6d6; border-radius:5px; height:286px;}
.view-map-btn-db{ padding:6px 20px; font-size:16px; margin:30px 0 0 0;}
.mapicon-db{ margin:13px 0 0 0; text-align:center; }
.search-taskdb{ width:100%; margin:0px;}
.search-btn-dashb{ padding:5px 25px; font-size:16px; margin-left:-11px !important; font-family:"Roboto Condensed",sans-serif;}
@-moz-document url-prefix() { 
  .search-btn-dashb {
     padding:5px 25px;
	 margin-left:-11px !important;
  }
}
.search-map-db #search-task{ padding:70px 0; background:#fff;}
.dashboard-battom-box{}
.category-box-tit-db{ background:#444; margin-bottom:1px; font-size:19px;}
.form-control-search-task{ width:61% !important; border:solid 1px #d6d6d6 !important; float:left; margin:0px;}
.other-img-dashboard{ margin:0px;}
.other-img1-db{ float:left; background:#fff; margin:0px 9px 0 0; padding:0px;}
.other-img1-db img{ width:405px; height:280px;}
.other-img2-db{ float:left; background:#565656; margin:0px; padding:10px;}
.other-img2-db img{ width:385px;}
.title-top-main-db{ margin-top:15px; width:830px;}
.left-bottom-db{ float:left;}
.remove-back{ background:none !important; color:#565656; padding:5px 0; }

/*---------- LISTING_PAGE_START ----------*/
.listing-main-content{ padding:0px !important;}
.listing-page-main{ margin:0px; padding:0px 0;}
.listing-page-top{ text-align:center; height:520px;}
.listing-page-top-inner{ background:rgba(86, 86, 86, 0.5); height:520px;}
.listing-page-top h2{ font-size:72px; color:#fff; padding:160px 0px 0px; font-weight:700;}
.listing-page-top p{ font-size:24px; color:#fff; padding:30px 0px;}
.listing-page-bot{ padding:40px 0;}
.blog-post-box{ padding:30px 0; overflow:hidden; border-bottom:solid 1px #d6d6d6;}
.blog-post-box:last-child{ border-bottom:0px;}
.listing-left{ width:360px; margin:0px 20px 0 0; float:left;}
.listing-left img{ display:flex;}
.listing-right{ float:left; margin:0px 0 0 20px; width:740px;}
.listing-right h2{ font-size:28px; color:#0088ff; padding:0px 0 15px 0; line-height:28px; font-weight:normal;}
.listing-right p{ font-size:16px; color:#565656; padding:0px 0 0 0; line-height:24px;}
.listing-right h3{ font-size:14px; color:#565656; padding:10px 0 0 0; line-height:14px; font-weight:normal;}
.btn-read-more-lp{ font-size:16px; padding:6px 20px; margin:20px 0 0 0;}
.listing-right h2 a{ color:#0088ff;}
.pagination{ text-align:center; margin:20px 0 0 0; overflow:hidden;}
.pagination ul{ margin:0px; padding:0px;}
.pagination ul li{ display:inline-block; font-size:16px; width:40px; height:40px; line-height:40px; text-align:center; margin:0 3px 0 3px; }
.pagination ul li a{ background:#565656; color:#fff; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; display:block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius:4px; behavior: url(PIE.htc); position:relative;}
.pagination ul li a:hover{ background:#0088ff; color:#fff; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius:4px; behavior: url(PIE.htc); position:relative;}






/*---------- LISTING_PAGE_END ----------*/
/*---------- LISTING_DETAIL_PAGE_START ----------*/
.listing-detail-page-top{ height:520px;}
.listing-detail-page-top-inn{ background:rgba(86, 86, 86, 0.5); height:520px;}
.listing-banner-inner{ width:780px; margin:0px auto;}
.listing-detail-page-top h2{ font-size:70px; color:#fff; padding:100px 0px 0px; font-weight:700;}
.listing-detail-page-top p{ font-size:24px; color:#fff; padding:20px 0px 0px; line-height:34px;}
.listing-detail-page-top h3{ font-size:18px; color:#fff; padding:20px 0px 0px; line-height:18px;}
.blog-post-detail-box{ margin:0px; padding:0px;}
.blog-post-detail-box p{ font-size:20px; color:#565656; font-weight:normal; padding:0px 0 20px; line-height:30px;}
.blog-post-detail-box h2{ font-size:36px; color:#565656; font-weight:normal; padding:30px 0 30px; line-height:36px; font-weight:bold;}
.blog-post-full-img{ width:780px; height:520px; margin:30px auto 40px; overflow:hidden;}
.blog-post-full-img img{ display:flex;}
/*---------- LISTING_DETAIL_PAGE_END ----------*/

.become-tasker .only-text{ font-size:23px; font-weight:300;}
.top-section{ padding-top:0px !important;}
.notice{  border: 1px solid rgb(255, 0, 0); font-size: 13px; line-height: 18px; margin: 30px 0; padding: 10px 20px; }
.back-task{ background:rgba(0, 0, 0, 0) url("../images/login_back.jpg") no-repeat scroll center top / cover !important;}
.white-back-img{background:rgba(255,255,225,0.8); margin:80px 0 30px 0; border-radius:10px; padding:30px;}
.right-block{ float:right; width:40%;}
.left-block{ float:left; width:43%;}
.home-title{ margin:20px 0 20px 0; color:#565656; font-size:24px;}
.home-title a{ color:#0088ff; }
.left-block h4{ color:#565656; padding-top:3px;}
.right-block h4{ color:#565656; }
.select-control{ width:314px; float:left;}
.form_design span{ clear:none !important; }
.data-info{ margin-bottom:35px; overflow:hidden;}
.data-block-2{ margin-top:35px; overflow:hidden;}
.home-title-2{ font-size:18px; margin:0;}
.question{ color:#565656; margin:0 0 12px 0; }

.profile-top { padding:0px;}
.user-image{ margin: 0 0px 0 0 !important; float:right !important;}
.details-title{ margin:0px !important;}
.round-corner{ border-radius:5px;}
.middle-text{ font-size:15px !important; padding:2px 0 3px 0; }
.bottom-info{ margin-top:40px;}


/*--------------PROFILE_PAGE_START--------------*/
.profile_back{ clear:both; }
.profile-main{ padding-top:50px; padding-bottom:110px; }
.profile-main-dash{ padding-top:0px; padding-bottom:110px; }
.profile-main-inner{ background:none; padding:0px; border-radius:0px;  min-height:840px; width:900px; float:left; }
.profile-top{ width:100%; float:none; border-radius:10px; overflow:hidden;}

.detail-tab{ float:left; width:595px !important; margin:0px !important;}
.dbright-task{ float:right;}
.profile-top .user-image{ width:180px; text-align:center;    }
.profile-top .user-image img{ width:150px; height:150px; border:1px solid #cccccc;  border-radius:5px;  margin:8px 0 0 8px; }
.tasksimilar{ font-size:23px; padding:15px 0 0 0;}
.tasksimilar a{ color:#0088ff; }
.details-title-info{ width:100%; clear:both;}
.details-title-info-all{ float:right; text-align:right; clear:none; width:695px; padding-bottom:10px;}
.city-name{ color:#4a4a4a; font-size:15px; padding-top:6px;}
.icon-profile{ margin:24px 0 8px 0;}
.icon-profile a{ padding: 0 4px;
    width: 50px;
    display: inline-block;}
.icon-profile a img{ width:45px;}
.resp-tabs-list li img{ padding-right:5px; vertical-align:calc();}
.taskphoto-2{ margin-right:0px; width:60px; margin-left:10px; height:auto; text-align:center; font-size:13px;}
.abttb2-2 ul li{ border-bottom: 1px dotted #ccc;}
.abttb3-2 ul li{ border-bottom: 1px dotted #ccc;   margin-bottom: 10px;    padding-bottom: 10px;}
.abttb2-2-2{ border-bottom: 1px dotted #ccc;}
.posrel{  margin-bottom: 10px;  padding-bottom: 8px;}
.colmark-2{ font-size:15px; padding-top:3px; padding-bottom:3px; color:#4a4a4a;}
.abmarks-2{ font-size:17px;}
.geo-2{ font-size:12px; font-style:normal !important; color:#4a4a4a; }
.top-in{}
.about-detail{ font-size:15px; color:#4a4a4a; text-align:right; }
.abttb3{ font-size:14px; color:#4a4a4a; }
.abmarks-2 a{ color:#0088ff;}

.strmn-2{ margin:7px 0 2px 0;}
.strig{ clear:both;}
.btn-profile{ padding:10px 0px; width:100%; font-size:20px; margin-top:27px; }
.btn-profile-2{ margin-top:0px;}
.btn-profile img{ width:22px; padding-right:9px; vertical-align:sub;}
.fb-pro img{ width:100%;}
.rate-info{ text-align:left; padding-left:2px;}
.btn-seemore{ padding:6px 19px; font-size:17px;}

a.tooltip {outline:none; }
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:7px 0px;
    margin-top:-34px; 
    line-height:16px;
	margin-right:-100px;
	width:160px;
}
a.tooltip-2 span{ margin-left:-95px !important;}
a.tooltip:hover span{
    display:inline; position:absolute; color:#fff;  background:#0088ff; font-size:14px;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/*CSS3 extras*/
a.tooltip span
{
	border-radius:5px;
}

/*#tooltip{ left:auto !important; top:auto !important; }
.icon-profile a #tooltip{ margin:-80px 0 0 10px;}*/


.dashboard-box2{ width:410px; margin:auto; }
.main-selection{ width:463px; margin:auto;}
.top-selection{ clear:both; margin-top:30px;}
.bottom-selection{ clear: both;  padding-top: 20px;  width: auto !important;}
.select-width{ width:240px; float:left;}
.select-title{ width:210px; padding:5px 0 0 0; color:#565656; float:right; margin-left:10px; text-align:right;}
.button-main{ text-align:center; padding:20px 0 30px 0; clear:both; }
.category1{ clear:both;}
.arrow-3{ margin-top:70px;}
label, label.popup, label.pass-generate, label.export, label.black, label.dark-grey, p.history, p.datetime { font-family: 'Lato', sans-serif !important; }
.main-title{ color:#595959; padding-right:10px; font-size:15px; float:left; padding-top:3px; font-weight:bold;}
.task-test{ height: 120px; margin-top: 13px; width: 61.7%;}
.inside-subtitle{ margin-bottom: 25px; margin-top: 0; padding: 10px 0 5px; font-weight:bold; font-size:22px; direction:rtl; text-align:right;}
.add-text{ width:307px;}
.price-text{ width:70px !important;}
.dbright-task-1 .dbright-task { background: #999 none repeat scroll 0 0; float: left; margin: 0 0 0 16px; padding: 15px; width: 246px !important; border-radius:5px; }
.dbright-task-145 .dbright-task{ background: #999 none repeat scroll 0 0; float: right; margin: 0 0 0 0px; padding: 15px; width: 230px !important; border-radius:5px; }
.done-task{ font-size:18px; color:#fff;}
.btn-default-task{ font-size:18px; padding:6px 31px; }
.red-subtitle, .subsection-title, .dashboard-title, .inside-subtitle, .acc-subtitle{}
h2.taskname, h2.tasksimilar, h2.how-business{ text-transform:capitalize;}
.fpass{ color:#0088ff;}
.find-friends-btn-2{ margin-top:22px;}
.detail-infor{ font-size:16px; color:#595959;}
.main-title-2{ padding-bottom:5px; font-size:18px !important;}
.main-location { border-bottom: 1px dotted #999; margin-bottom: 20px; overflow: hidden; padding-bottom: 20px;}
.map-coner{ border-radius:5px; border: 1px solid #999;}
.dbright-task-10{ width:200px !important;}
.btn-profile15{ background:#0088ff url(../images/edit_pen.png) no-repeat left 30px center !important; background-size:20px; }
.btn-profile156 {
    background: #0088ff url("../images/fav_icon_3.png") no-repeat scroll left 22px center / 22px auto !important;
    padding-left: 50px;
    text-align: left;
    width: 150px;
}

.db-rightinfo{ margin-top:0px !important;}
.dbleft-main{ padding-right:0px !important; width:100%; border-right:0px; padding-bottom:20px !important;}
.dbright-task-main {
	background:#f1f1f6 none repeat scroll 0 0;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    margin-top: 10px !important;
    padding-right: 0 !important;
    padding-top: 0px;
    width: 22%;
	border-bottom:1px solid #d6d6d6;
	overflow:hidden;
	border-radius:10px;
	
}
a.b-button-2{
	 background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #d6d6d6;
    border-radius: 0;
    color: #565656;
    float: left;
    font-size: 17px;
    font-weight: normal;
    margin: 0;
    padding: 8px 10px 8px 0px;
    text-align: right;
    text-decoration: none;
    width: 97%;
	webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;
	}	
	.b-button-2{
	 background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #7e7e7e;
    border-radius: 0;
    color: #565656;
    float: left;
    font-size: 17px;
    font-weight: normal;
    margin: 0;
    padding: 8px 10px 8px 0px;
    text-align: right;
    text-decoration: none;
    width: 97%;
	webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;
	}	
a.b-button-2:hover{
	 background: #7e7e7e none repeat scroll 0 0;
    border-bottom: 1px solid #7e7e7e;
    border-radius: 0;
    color: #fff;
    float: left;
    font-size: 17px;
    font-weight: normal;
    margin: 0;
    padding: 8px 10px 8px 0px;
    text-align: right;
    text-decoration: none;
    width: 97%;}	

.inside-subtitle-2 {
    background: #0088ff none repeat scroll 0 0;
    color: #fff;
    font-size: 20px;
    margin-bottom: 0;
    padding: 8px 10px 8px 0px;
	width:100%;
}
.price-in{ color: #565656 !important;
    font-size: 17px !important;
    padding: 0 0 10px 10px !important; text-align:left;}
body {
    overflow-x: hidden;
}
.main-ij .user-pic-massage-db p{ width:auto !important;}
.main-ij li{ margin-bottom:10px !important;}

.abmarks-2-2{ color:#4a4a4a !important;}
.abmarks-2-2 a{ color:#000 !important;}
.scright{ color:#0088ff; }


.inside-works{ padding:110px 0; overflow:hidden; }
.links-info{ color:#fff;}
.links-info h1{ font-weight:normal; padding:0 0 15px 0; text-transform:capitalize; }
.links-info h4{ font-weight:300; padding: 0 0 3px 0; text-transform:capitalize;}
.inside-ask-for-work{ padding:50px 0px 45px 0px; overflow:hidden;}
.ask-for-work{ margin-bottom:30px !important;}
.signup-box-main-inner{ float: none; margin: 55px auto 0 !important; overflow: hidden;}

.btn-default-info{ font-size: 18px; margin-top: 15px; padding: 8px 40px;}
.icon-back6{ background:rgba(0, 0, 0, 0) url("../images/company_icon.png") no-repeat scroll 10px center; }
.founder-detail{ clear: both; overflow: hidden;  padding-top: 20px; text-align: center; }

.blogger-comment-1{ color: #333; float: left; font-size: 18px; padding: 0 0 15px 0; width: 100%; }
.resp-tabs-container-1{ padding:20px !important;}
.tab-det{color: #646464; font-size: 16px; clear:both; margin-right:35px;}

.tab-det ul li {
    font-size: 17px;
    list-style-type: disc !important;
    padding-bottom: 10px;
}
.tab-det-1{ margin-bottom:25px;}
.blogger-comment-2{ margin-top:0px !important; padding-bottom:5px; }
.become-tasker-12 .only-text{   font-size: 21px;  font-weight: 300;  padding-bottom: 0; }
.main-ma{ margin:70px 0 70px 0;}

.dbleft-map{ background: #fff;border: 1px solid #ccc; border-radius:5px 0px 0px 5px; width:805px;}
.map-area{ margin-bottom:0px; border-left:0px; border-bottom:0px; border-right:0px; border-radius:0 0 5px 5px;}
.dbright-task-map{ float:left; margin:0px; width:29%; border-top: 1px solid #ccc; border-right: 1px solid #ccc;  border-bottom: 1px solid #ccc;  border-radius:0 5px 5px 0px; background:#FFF; }
.map-title{ background: #595959 none repeat scroll 0 0; color: #fff; font-size: 18px;  font-weight: 400; padding: 10px 0; text-align: center; margin-bottom:0px; border-radius:0px 5px 0px 0px; }
.dbleft-map-inner{ padding:22px 0 22px 160px; background:#595959;  border-radius:5px 0 0px 0px;}

.only-question{  padding: 15px;}
.only-question ul{ direction:rtl; }
.only-question ul li{ font-size:16px; padding-bottom:10px; list-style-image:url("../images/arrow_icon.png") !important; list-style-position:outside !important; color:#595959;  margin-right: 20px; padding-right: 5px; }
.only-question ul li a{ color:#595959; }

.inner-deti{ color:#646464; font-size:25px; text-align:center; padding:50px 0px 0 0;}
.inner-deti a{ color:#0088ff; }

.all-detail{ padding-top:80px; clear:both;  padding-left: 15px; padding-right: 15px;}
.all-detail h1{  color: #595959; font-size: 24px; font-weight: 400; padding-bottom: 7px; }
.all-detail p{ font-size:16px; color:#646464; padding-bottom:10px;}
.all-detail p a{ color:#0088ff; }
.all-detail a{ color:#0088ff; font-size:14px; }
.payment-in{ padding:70px 0 60px !important;}
.payment-in ul{}
.payment-in ul li{ float:left !important; padding:0 86px 0 0;}
.payment-in ul li:last-child{ padding-right:0px !important;}



.task-test-10{ width:55.5% !important;}
.under-in{ width:482px !important; float:left !important; margin:auto; padding-left:20px !important;}
.under-in .ntext{ width:60.8% !important }
.under-in .task-test{ width:87% !important;}
.under-in .task-test-10{ width:89.7% !important;}
.inside-subtitle-12{ width:100%; margin:auto !important; border:0px; float:left !important; padding-left:0px !important; font-size:21px !important; }
.border-bot{ border-bottom:1px solid #0088ff; clear:both; margin-bottom:15px; }
.under-in .task-test-12{ width:81% !important;}
.dbright-task-13 .dbright-task{ float: left !important; margin: 0px auto 20px 0px !important; width: 100% !important; background:none; padding:0px;}
.text-done{ width:90%; margin-bottom:0 !important;}
.button-main-13{ text-align:center; width:314px !important; margin:20px auto 50px auto !important; overflow:hidden; }
.trust-img{ text-align:center;}

.safety{ width:400px; float:right; position:absolute; background:rgba(0,0,0,0.3); padding:15px 20px 5px 20px; border-radius:5px; margin-top:205px;}
.safety-2{ width:360px; text-align:center;}
.safety-2 p{ font-size:19px !important;}
.safety-buttons{ text-align:center;}
.safety-buttons ul{ margin-bottom:20px; margin-top:5px;}

.safety-buttons ul li {
    border: 1px solid #fff;
    border-radius: 5px;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
    margin: 0 5px;
    padding: 8px 20px;
    width: 24%;
}
.safety-3 .safety-buttons ul li{ width:auto !important;}
.safety-buttons ul li a{ color:#fff; display:block;}
.safety-buttons ul li:hover{ background:#0088ff;}

.safety h4{ color:#FFF; text-align:center; font-size:36px; padding-bottom:15px; font-weight:400; }
.safety p{ color:#FFF; text-align:right; font-size:17px; padding-bottom:15px; }
.turst-info{}
.turst-info-detail{ clear: both; margin: auto; overflow: hidden; width: 80%;}
.turst-info-detail-top{ padding:0 0 20px 62px; float:left;}
.turst-info-detail-bottom{ background:#e7e7e7; padding:15px 15px 15px 18px; clear:both; overflow:hidden;  border-radius:5px; min-height:88px; }
.turst-info-detail-bottom .blogger-comment{ margin-top:0px;}

.turst-info-detail-top-2{ padding-left:439px !important;}
.turst-info-detail-top-3{ padding-left:0px !important; padding-right:62px !important; float:right;}
.blogger-comment-15 a{ color:#0088ff;}
.trust-safety-12{ }

.tab-det-1-13 ul li{ list-style-type:decimal !important; }
.blogger-comment-14 a{ color:#0088ff;}
.main-banner-trust{ background:url("../images/trust_back_img.png") top center no-repeat; background-size:cover; }
.three-columnar48 { padding:0px !important;}
.three-columnar48 li{ width:81% !important; margin:0px !important; padding:20px 40px !important; float:left !important; }

.see-map-main-db-1{ width:808px; margin-right:0px;}
.left-dash{ width:376px;}
.btn-tasker-profile-12{ background:rgba(0, 0, 0, 0) url("../images/banner_button.png") no-repeat scroll 0 0 !important; border:0px; background-size:100% 45px !important; }
.btn-tasker-profile-12 a{ color:#fff !important;}
.btn-tasker-profile-12:hover{ border:0px !important; opacity:0.9; }
.editphoto-taxt-1 img{ height: 20px !important;
    padding: 5px 2px 1px 1px;
    width: 20px !important;}
.editphoto-taxt-1{background: #0088ff none repeat scroll 0 0;
    border-radius: 7px 0 7px 0px;
    display: none;
    float: right;
    margin: -41px 29px 0 82px;
    padding: 0;
    position: relative;
    width: 35px;
	height:35px; line-height:47px;
    z-index: 9999999;}
.editphoto-button:hover .editphoto-taxt-1{ display:block !important; }
.task-in{ background:none !important;}
.business-signpost-banner .red-subtitle{ background:#000 !important; color:#fff !important; padding:13px 0px !important;}
.box_cont-1 strong{ color: #595959;
    font-size: 24px;
    font-weight: 400;
    padding-bottom: 7px;}
.box_cont-1 p{ color: #646464;
    font-size: 16px;
    padding-bottom: 0px;
}
.box_cont-1 a{ color:#0088ff; }
.home-signpost-content-1{ width:92% !important;}

.banner_detail{ margin-left: 0px; position: absolute; top: 240px; width: 1140px; text-align:center;}
.banner_detail h1{ font-size:70px; color:#fff; font-family: 'Lato', sans-serif !important; font-weight:700; text-align:center; direction:rtl;  }
.banner_detail p{ font-size:26px; color:#fff; font-family: 'Lato', sans-serif !important; font-weight:400; padding-bottom:30px; direction:rtl; padding-top:15px; width:700px; margin:auto; text-align:center;  }
.banner-button{ background:#0088ff; border-radius:50px; margin:auto; width:300px; height:55px; line-height:55px; direction:rtl; text-align:center; webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;}
.banner-button a{ display:block; color:#fff; font-size:22px; font-family: 'Lato', sans-serif !important; font-weight:700;  }
.banner-button:hover{ background:#5e605f; }
.banner-button a:hover{ color:#fff; }
.main-slider{}
#what-content{ background: url("../images/how_it_work_back.png") repeat;  } /* background: url("../images/what_is_entowork.jpg") no-repeat; background-size:100% 100%;  */
.how_it_work_inner{ background:rgba(103,120,120,0.9);}
.entowork-title{ font-size:34px; color:#fff; text-align:center; padding:40px 0px; font-weight:700;  }
.entowork-title-2{ color:#666666; }
.entowork-detail{ color:#444; font-size:15px; font-family: 'Lato', sans-serif !important; width:690px; text-align:center; margin:auto; padding-bottom:40px;}
.nonafy_Works {
    color: #686868;
    float: right;
    margin: 0 30px;
    text-align: center;
    transition: all 0.3s linear 0s;
    width: 28%;
	position:relative;
}
.nonafy_Works img { padding-bottom:30px;}
.nonafy_Works::after{ background-image: url("../images/how_it_work_arrow.png");     
	background-repeat: no-repeat;
    content: "";
    display: block;
    height: 117px;
    right: 310px;
    position: absolute;
    top: 56px;
    width: 160px; }
.nonafy_Works_last::after{ display:none;}
.nonafy_Works a {
    color: #fff;
    outline: medium none;
}
.nonafy_Works h2{ font-size:32px; font-weight:700; margin-bottom:7px; color:#fff;}
.nonafy_Works p{ margin-bottom:50px; font-size:16px; color:#fff;}

.nonafy_Works h3{ font-size:16px; font-weight:400; color:#7e7e7e;}
.nonafy_Works h4{ font-size:80px; font-weight:400; color:#0088ff; line-height:76px; padding-bottom:13px;}

#need-content{ margin-bottom:0px; background:#fff; }
.border-over{ border:1px solid #000; border-radius:5px; padding:10px;}
.need-detail{ }
.need-detail ul{}
.need-detail ul li{ float:left; height:268px; overflow:hidden;  border-radius:5px; margin-right:10px; margin-bottom:10px; width:268px; border:1px solid #e7e7e7; webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;}
.need-detail ul li a{ color:#FFF; outline:none;  }
.need-detail ul li:nth-child(4n){ margin-right:0px !important;}
#need-content .need-detail ul li:nth-child(4n){ margin-right:10px !important;}
.need-detail ul li:last-child{  margin-right:0px;}
.need-img{ height:268px;}
.need-img img{ display:flex; width:auto; height:100%;}
.need-img-detail{ height:60px; background:rgba(255,255,255,0.85); margin-top:-60px; position:relative; 
webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;}
.need-img-detail h3{ font-size:18px; font-weight:700; padding-top:6px; padding-bottom:4px; color:#0088ff; padding-right:10px; text-align:right; }
.need-img-detail h4{ font-size:14px; color:#5e605f; padding-right:10px; font-weight:400; text-align:right; }
.See_more_Categories{ text-align:center; padding-top:20px; padding-bottom:40px;}
#use-content{ background:#f6f6f6; } /*f6f6f6*/
.btn-more-category{ padding:10px 28px; font-size:16px;}
#stastic-content{ background:#fff; padding:50px 0;}
.why_nonfy_text {
    color: #444444;
    float: left;
    margin: 0 24px 40px;
    text-align: center;
    width: 28%;
	font-size:15px;
	font-family: 'Lato', sans-serif !important;
	font-weight: 500;
}

.why_nonfy_text img {
    margin: 0 auto 20px;
}

.why_nonfy_text h3 {
    color: #1e749f;
    font-size: 23px;
    font-weight: 500;
    padding-bottom: 20px;
}

#testimonials-content{ background:#fff; margin-bottom:30px; }
.testimonials-detail{}
.testimonials-box{ width:268px; height:258px; border:1px solid #d9d9d9; 
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
behavior: url(PIE.htc);
position:relative; font-family: 'Lato', sans-serif !important; background:#f6f6f6; margin-right:20px; float:left; margin-bottom:20px; }
.test-img{ text-align:center; padding-top:15px; padding-bottom:10px; -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
behavior: url(PIE.htc);
position:relative; }
.testimonials-box h1{ font-size:16px; color:#1e749f; padding-bottom:12px; text-align:center; font-weight:normal; }
.testimonials-box p{ font-size:13px; color:#444444; text-align:center; font-weight:normal; padding:0 25px; line-height:16px; }
.testimonials-box-last{ margin-right:0px !important;}

#become-content{ background:url("../images/bottom_box_back.png") no-repeat top center; padding:160px 0px;  font-family: 'Lato', sans-serif !important;   }
.container-become{ width:1000px; margin:auto; }
.become-left{ float:left; background:#FFF; width:500px; padding:90px 40px 0px 40px; height:220px; }
.become-left h1{ font-weight:normal; font-size:24px; color:#333333; padding-bottom:20px; }
.become-left p{ font-size:16px; color:#777777; font-weight:normal; line-height:26px; width:490px; }
.become-right{ float:left; background:#0088ff; width:420px; height:310px;}
.become-right h3{ font-weight:normal; font-size:18px; color:#fff; text-align:center; padding-bottom:15px; padding-top:90px; }
.become-right h4{ font-weight:normal; font-size:15px; color:#fff; text-align:center; padding-bottom:25px; }
.become-a-tasker{ margin:auto; width:178px;  height:52px; line-height:52px; text-align:center; 
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
behavior: url(PIE.htc);
position:relative; }
.become-a-tasker a{ display:block; color:#fff; border:2px solid #fff; -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
behavior: url(PIE.htc);
position:relative; webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;}
.become-a-tasker a:hover{ color:#0e0f19;  border:2px solid #0e0f19; }





.section-bold {
    background: #23b4d2 none repeat scroll 0 0;
    color: white;
	position:relative;
	font-family: 'Lato', sans-serif !important;
}

.static-section.do-what-you-love {
    padding:30px 0 0 0  ;
}

.static-section.do-what-you-love .portrait-elite-takser::before {
    content: "Jay, Elite Tasker";
    left: 90%;
}
.static-section.do-what-you-love .portrait-elite-takser::before {
    bottom: 4%;
    color: #7bd2e4;
    font-size: 0.9em;
    font-style: italic;
    position: absolute;
    white-space: nowrap;
}
.static-section.do-what-you-love .portrait-elite-takser {
    background: rgba(0, 0, 0, 0) url("https://d2613xx0oxxbnv.cloudfront.net/v3/assets/static/images/port-jay-drill-d4793003961d150323f96a9ab23d73ce.png") no-repeat scroll center bottom / 377px 500px;
    float: left;
    height: 487px;
    left: 0;
    margin-top: -50px;
    position: relative;
    top: 0;
    width: 377px;
}
.static-section.do-what-you-love .dwyl-cols {
    width: 710px;
	float:right;
}

.static-section.do-what-you-love .dwyl-col {
    float: left;
    margin-bottom: 0;
    padding: 0 1.5em;
    width: 306px;
}
.static-section.do-what-you-love .dwyl-col:first-child {
    border-right: 1px solid rgba(255, 255, 255, 0.35);
}
.static-section.do-what-you-love .dwyl-col:first-child {
    margin-bottom: 1.5em;
}

.static-section.do-what-you-love .dwyl-col .dwyl-heading {
    font-size:28px;
    font-weight: 500;
    margin-bottom: 20px;
	font-family: 'Lato', sans-serif !important;
}

.static-section.do-what-you-love .dwyl-list-item {
    font-size: 18px;
    padding-top:10px !important;
	padding-bottom:10px !important;
}
.static-section.do-what-you-love .dwyl-list-item{ background:url("../images/corrct_icon.png") no-repeat left center; padding-left:30px;  }
.press-btn{ -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
behavior: url(PIE.htc);
position:relative; font-size:28px; font-family: 'Lato', sans-serif !important; font-weight:600; width:280px; height:60px; line-height:60px; background:#666666; overflow:hidden; clear:both; margin:auto; margin-top:15px;  }
.press-btn a{ color:#fff; text-align:center; display:block;}
.press-btn a:hover{ color:#fff;}
.footer-main-top{ padding:30px 0px; }
.footer-1{ width:228px; margin-right:0px; float:right;}
.footer-lats{ margin-right:0px;}
.footer-1 h1{ font-size:16px; color:#5e605f; font-weight:700; font-family: 'Lato', sans-serif !important; text-transform:uppercase; padding-bottom:10px;  } 
.footer-1 ul{}
.footer-1 ul li{ font-size:16px; padding-bottom:10px; font-family: 'Lato', sans-serif !important; font-weight:normal; }
.footer-1 ul li a{ color:#5e605f; webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;}
.footer-1 ul li a:hover{ color:#5e605f;}
.footer-copyright{font-size:16px; color:#5e605f; padding-bottom:30px; }
.footer-copyright a{ color:#5e605f;  }

.facebook{background:url("../images/fb_back_ento.png") no-repeat center center; height:40px; width:41px; line-height:42px; text-align:center; float:left; margin-right:10px; }
.twitter{background:url("../images/tw_back_ento.png") no-repeat center center; height:40px; width:41px; line-height:42px; text-align:center; float:left; }
.facebook a{ display:block;}
.twitter a{ display:block;}


#social-nav {
    opacity: 1;
    position: relative;
    z-index: 100;
}
#social-nav ul {
    margin: 0;
    padding: 0;
}
#social-nav ul li {
    display: block;
    float: left;
    margin: 0 15px 20px 0;
    position: relative;
    text-align: center;
    transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) 0s;
}
#social-nav ul li a {
    color: #000000;
    display: block;
    font-size: 0.9em;
    height: 30px;
    line-height: 30px !important;
    margin: -39px 5px 0 5px;
    position: relative;
    text-align: center;
    transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) 0s;
    width: 30px;
}

#social-nav ul li.facebook-color::before {
    background:url(../images/fb_back_ento.png) no-repeat center center; 
    content: "";
    display: inline-block;
    height: 40px;
    transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) 0s;
    width: 40px;
}
#social-nav ul li.twitter-color::before {
    background:url(../images/tw_back_ento.png) no-repeat center center; 
    content: "";
    display: inline-block;
    height: 40px;
    transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) 0s;
    width: 40px;
}

#social-nav ul li.instra-color::before {
    background:url(../images/in_back_ento.png) no-repeat center center; 
    content: "";
    display: inline-block;
    height: 40px;
    transition: all 0.3s cubic-bezier(0, 0, 0.58, 1) 0s;
    width: 40px;
}


#social-nav ul li:hover::before {
    transform: rotate(90deg);
}
#social-nav ul li.facebook-color a{ background:url(../images/fb_icon_ento.png) no-repeat center center;  }
#social-nav ul li.twitter-color a{ background:url(../images/tw_icon_ento.png) no-repeat center center; }
#social-nav ul li.instra-color a{ background:url(../images/instagram.png) no-repeat center center; }


.profile_back{ background:url(../images/profile_back.jpg) repeat; }
.bottom-tabs{ background:#e7e7e7; margin-top:10px; border-radius:10px;}
.bottom-tabs .detail-tab{ width:100% !important;}
.bottom-tabs .resp-tabs-list li{ width:224px; height:140px; padding:0px !important; border:0; border-right:1px solid #474747; text-align:center; color:#fff; font-weight:300; font-size:23px;}
.bottom-tabs  ul.resp-tabs-list{ background:#5e605f; overflow:hidden; border-radius:10px 10px 0 0;}
.bottom-tabs .resp-tabs-list li:hover{ background:#474747;}
.bottom-tabs .resp-tab-active{ background:#474747 !important;}
.bottom-tabs .resp-tabs-list li span{ clear:both;}
.bottom-tabs .resp-tab-content{ border:0px; width:96%; padding:15px; background:#e7e7e7;}
.bottom-tabs1 .resp-tab-content{ padding:18px;}
.bottom-tabs .resp-tabs-list li img{ padding-top:25px; padding-bottom:15px;}
.bottom-tabs .resp-tab-active::after {
    border-color: #eeefef transparent;
    border-style: solid;
    border-width: 0 15px 15px;
    content: "";
    margin-left: -41px;
    margin-top: 7px;
    outline: 0 none;
    position: absolute;
    width: 0;
	bottom:0;
	left:63%;
}
.top-skill{ padding:15px;  }
.top-skill-title{ background:#5e605f; font-size:17px; color:#fff; padding:10px; text-align:right;  }
.skill-btn{ margin:15px 0; overflow:hidden;}
.skills{ font-size:15px; background:#0088ff; margin:0px 10px 10px 0; float:right; border-radius:10px; color:#fff; display:block; padding:1em;  } }
.skills a{ color:#fff; display:block; padding:1em;  }
.skills a:hover{ background:#5e605f; color:#fff; border-radius:10px;}
.dbright-task-10-new{ width:230px !important; margin-top:0px;}
.btn-profile{ margin-bottom:10px; margin-top:0px; border-radius:0px; border:0px; color:#fff; padding-left:0px; text-align:center; width:100% !important; background-color:#0088ff !important;}
.btn-profile:hover{ color:#fff; border:0px !important;}
.cornered {
    border-bottom: 40px solid #474747;
    border-left: 40px solid transparent;
    height: 0;
    margin-top: 6px;
    width: 190px;
}
.verifieringar {
    background: #474747 none repeat scroll 0 0;
    width: 230px;
}
.cornered h3 {
    padding-top: 12px;
	color:#fff;
	width:230px;
}

.dash-right-profile{ float:left; width:870px;}
.welcome-top{ background:#f1f1f6; width:100%; overflow:hidden; border-radius:10px;}
.welcome-top-left{ float:left; width:50%; text-align:center; margin:68px 0 50px; }
.welcome-top-right{ float:right; width:50%; text-align:center; overflow:hidden;}
.position{ margin:auto !important; padding-top:15px !important; padding-bottom:0px !important; overflow:hidden !important;  }
.profile-progess-bar{ width:100%; margin:0px !important;}
.last-tab{ border-right:0px !important; width:219px !important;}
.bottom-tabs-1 .resp-tabs-list li{ width:216px;}
.user-pic-massage-db{ width:100%;}
.user-pic-massage-db p{ width:87%; float:right; padding-right:10px;}
.invite-friends-box{ width:100%; text-align:center; border:0px; }
#browse-tasks{ background:none !important; }
.category-box-tit-db{ margin-top:0px;}
.see-map-main-db-1 {
    background: none;
    float: right !important;
    height: 280px;
    margin-right: 0;
    margin-top: 0;
    width:548px;
	border-radius:0px;
}
.left-bottom-db{ float:left; }
.left-dash{ width:285px;}
.tasksearch-inner {
    margin: 0 auto;
    overflow: hidden;
    width: 265px;
}
.top-skill .divider{ height:280px;}
.top-skill .divider h2{ margin-top:20% !important; }
.dashboard-leftmenu {
    background: #f1f1f6 none repeat scroll 0 0;
    border-left: 1px solid #d6d6d6;
    border-radius: 5px 0 0;
    border-right: 1px solid #d6d6d6;
	border-top: 1px solid #d6d6d6;
    padding-bottom: 0px;
    padding-right: 0;
    padding-top: 15px;
    width: 258px;
	float:right;	
	border-radius:10px;
}
.red-title{ color:#0088ff;}

.red-subtitle-630 { width: 630px; border-radius:20px;}
.red-subtitle-630 span{ font-size:14px; font-weight:normal; }
.main-selection { margin: auto;  width: 380px;}
.main-selection select { width:380px; margin-top:10px;}
.width-100{ width:100%;}
.count-number {
    background: #0088ff none repeat scroll 0 0;
    border-radius: 50px;
    color: #fff;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 30px;
}
.divider-ver{  background-repeat: repeat-x; height: 1px; margin-left: 0; overflow: hidden;  width: 540px !important;}
.divider-ver h2{ margin-top:-19px; margin-left:254px; background:#0088ff; color:#fff;}
.step-2-info{ margin-bottom:13px; overflow:hidden;}
.step-2-title {
    color: #595959;
    font-size: 19px;
    font-weight: bold;
    padding: 2px 0 0 0px;
}
.round-corner2{ border-radius:70px;}

.top-red-subtitle{ margin:0px auto;}
.social-login-title{ color:#565656; font-weight:700;}
.round-number{    border: 5px solid #0088ff;
    border-radius: 100px;
    color: #0088ff;
    font-size: 50px;
    height: 80px;
    line-height: 80px;
    margin: 20px auto;
    text-align: center;
    width: 80px;}
.dashboard-box1-1{ padding:0px;}
.left-part{ width:525px; float:left; border-right:2px solid #ccc; padding:15px; min-height:390px; }
.right-part{ width:525px; float:right; padding:15px; }
.yes-no-section{ margin-top:10px; float:left;}
.yes-no-section-1{ float:left; padding:10px; font-size:14px; color:#fff; width:45px; border:1px solid #ccc; }
.yes-no-section-1:hover{ box-shadow:0px 0px 3px #999 inset;}
.yes-no-section-1 label{ cursor:pointer; color:#fff;}
.yes-no-section-1 input{ margin-left:5px;}
.yes-no-section-2{ width:90px; font-size:16px; cursor:pointer;}
.left_round{ border-radius:3px 0 0 3px;}
.right_round{ border-radius:0px 3px 3px 0px;}
.select-width-1{ width:100%;}
.select-width-5{ width:96%; float:left;}
.select-width-2{ width:93%; padding-bottom: 7px !important;  padding-top: 7px !important;}
.select-width-4{padding-bottom: 7px !important;  padding-top: 7px !important;}
.select-width-3{ width:93.5% !important; margin-top:0px !important; height:90px; margin-bottom:0px;}
.select-width-3-1{ width:90.5% !important;}
.margin-between{ margin:20px 0; overflow:hidden;}
.margin-between-2{ margin:10px 0; overflow:hidden;}
.firts_img-1 {
    color: #585858;
    font-size: 16px;
    font-weight: normal;
	border-radius: 3px;
    margin-right: 0px;
    padding: 0 0 6px 0px;
}
.process-step {
    min-height:200px;
    margin: auto;
    text-align: center;
}	

.process-step .blogger-comment {
    clear: both;
    color: #646464;
    float: none;
    font-size: 15px;
    padding: 10px 10px 0;
    text-align: center;
    width: auto;
}

.process-step .round-number {
/*    border: 2px solid #0088ff;
	background:#5e605f;
*/    
	border-radius: 20px;
    color: #fff;
    font-size: 58px;
    font-weight: bold;
    height:90px;
    line-height:90px;
    margin:0px auto 20px;
    text-align: center;
    width: 90px;
	margin-top:0px;
}
.main-page .add-text {
    width: 365px;
	margin-bottom:7px;
}
.count-number-1 {
    background: #585858 none repeat scroll 0 0;
    border-radius: 50px;
    color: #fff;
    display: inline-block;
    font-size: 25px;
    height: 40px;
    line-height: 40px;
    margin-right: 15px;
    text-align: center;
    width: 40px;
}
.left-online{ float:left; width:50%;}
.right-online{ float:right; width:50%;}
.urgent-task{ padding:20px 0px; border-top:1px solid #e3e5e8; border-bottom:1px solid #e3e5e8; overflow:hidden;}
.check-boxes{ width:50px; text-align:center; float:right;}
.urgent-task-1{ width:90px; float:right; margin-left:15px; }
.Urgent-title{ border-radius:15px; color:#fff; text-transform:uppercase; padding:3px 5px; background:#e12927; text-align:center; font-size:13px; }
.urgent-task-detail{ float:right; width:370px; font-size:14px; color:#fff; text-align:right;}
.btn-post-btn{ border:0px;  background:#3298ae; color:#fff; margin:0px 0 0 0 !important; }
.btn-post-btn:hover{ border:0px !important; color:#fff !important;}
.edit-color{  margin-right:10px !important; padding:7px 15px !important; }
.dbright-task-132 .dbright-task{ background:#e5e5e5; padding:0px 15px 15px 15px; width:495px !important; }
.new_design{}
.new_design #wallet_table {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 10px;
    overflow: hidden;
}
.new_design #wallet_table th {
    background-color: #0088ff;
    color: #fff;
    font-weight: normal;
    padding: 10px;
    text-align: center;
	font-size:15px;
}
.new_design #wallet_table td {
    border: 0 solid #999;
    color: #666;
    font-size: 15px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
}
.new_design #wallet_table tr.odd{ background:#fff;}
.new_design #wallet_table tr.odd:hover{ 
    background-color: #edf9ff !important;
    border-left: 1px solid #0088ff;
}
.new_design #wallet_table tr.even{ background:#f6f6f6;}
.new_design #wallet_table tr.even:hover{ 
    background-color: #edf9ff !important;
    border-left: 1px solid #0088ff;
}
.acc-subtitle-1{ background:none; margin:0px; color:#565656;}
.btn-edit{ font-size:15px; padding:4px 15px;}
.acc-subtitle-1-title{ width:90px;}
.btn-default-see-more{ font-size: 20px;
    margin: 20px 0 20px 0;
    padding: 12px 26px;}
.account-det{ background:#fff; padding:10px; overflow:hidden; border-radius:10px; }	
.first-name-title{ font-size:16px; color:#585858;}
.first_nameTD{ padding-bottom:7px;}
.form-control-1{ padding:7px 10px 7px 0px !important; float:right; width:242px; margin-bottom:5px !important;}
.btn-default-132{ margin-left:8px;}
.lab1-1{ padding-top:5px;}
.db-rightinfo-inner{ margin-top:20px !important; margin-bottom:20px !important; border-radius:0px !important; }
.db-rightinfo-inner-round{ border-radius:10px !important;}
.space-bte{ padding-top:15px;}
.btn-color{ color:#fff !important;}
.copy-btn{ padding:0px !important; width:100% !important;}
.urgent_task{  border: 1px solid #ccc;
    border-radius: 5px;
    margin-right: 0;
    margin-top: 0;
    padding: 11px 14px !important;
    width: 94.6% !important; position:relative; background:#fff;}
.Urgent_class{ background:url(../images/urgnt_task.png) no-repeat; background-position:right 15px top 0px; position:absolute; left:175px; top:-7px; width:108px; height:102px;	 }
.imgright-12{ width:520px; float:right;}
.urgent-price{   border: 1px solid #ccc;
    color: #585858;
    float: left;
    line-height: 26px;
    padding: 6px;
    text-align: center;
    width:91%;  border-radius: 4px; background:#e7e7e7; font-size:15px; margin-bottom:10px;}
.btn-default-join2{ margin:5px 0 0; padding:6px 26px; }
.ulnobor-quick{ text-align:left;}
.border-black{ border:10px solid #0e0f19; width:47%; margin-top:50px; float:left; margin-right:0.5%; margin-left:0.5%; background:#fff; overflow:hidden;}
.border-black-left{ min-height:488px; width:37.1%; float:right;  border-left:10px solid #474747; position:relative; }
.border-black-right{ width:62%; float:right;}
.category_img{ height:333px; overflow:hidden;}
.category_img img{ width:auto; height:100%; display:flex;}
.category_name{ text-align:center; padding:10px 0; background:#5e605f; color:#fff; font-size:19px; }
.category_name a{ color:#fff;}
.category_name a:hover{ color:#fff;}
.category_btn{ text-align:center; margin:15px auto 105px 48px; position:absolute; clear:both; bottom:0;}
.btn-category{ border:0px solid #002157; color:#0088ff; background:#fff; font-weight:bold;}
.inner-category-info{ height:392px; overflow:hidden; direction:rtl;}
.inner_category_detail{ padding:10px 10px; border-bottom:1px dotted #CCC; overflow:hidden; }
.inner_category_img{ float:right; width:77px; height:77px; margin-left:15px; overflow:hidden;}
.inner_category_img img{width:auto; height:100%; display:flex;}
.inner_category_name{ float:right; font-size:18px; }
.inner_category_name span{ color:#585858; font-size:15px; }
.search-form { float: right; margin: 0 0 10px; overflow: hidden; width: 280px;}
.urgent-price-2 {
    font-size: 15px;
    line-height: 23px;
    width: 75%;
}
.category_details{ font-size:15px; color:#585858; padding:15px; direction:rtl;}
.border-black-main{ border:10px solid #474747; width:98%; margin-top:50px; float:left; background:#fff; overflow:hidden;}
.border-black-main-category{ width:900px; float:right; margin-left:auto; margin-right:auto;}
.border-black-main-category .border-black-left{ width:37%;}
.border-black-main-category .border-black-right{ width:61.8%;}
.category_button_right{ float:left; width:210px; margin-top:50px;}
.btn-category-btn{ background: #474747 none repeat scroll 0 0; border-radius: 0; font-size: 18px;  margin-bottom: 10px; padding: 12px 0; width: 100%;}
.btn-category-btn:hover{ background:#bb0a05;}

.category_btn-main{ text-align:center; margin:15px auto 15px auto; position:relative; clear:both; }
.border-black-right-main{ width:69%; float:right;}
.inner-category-info-pro{ overflow-y:scroll; overflow-x:hidden;}
.border-black-left-main{ min-height:503px; width:30.07%; float:right;  border-left:10px solid #474747; position:relative; }
.border-black-left-main-2{ min-height:488px; width:30.08%; float:right;  border-left:10px solid #474747; position:relative;}
.left-part-1 { background: #fff none repeat scroll 0 0; border-right: 4px solid #ccc; float: left; padding: 0; width: 350px; border-radius:10px 0 0 10px;}
.right-part-1{ width:760px; float:right; padding:0px; background:#fff; border-radius:0 10px 10px 0; }
.top-name { background: #878787  none repeat scroll 0 0; border-radius: 0px; margin: 0px; overflow: hidden; padding: 10px; border-radius:10px 0 0;}
.top-detai { overflow: hidden;}
.top-detai .inside-subtitle{}
.top-task-name{ color:#fff !important; font-size:20px; text-align:center; padding:0 0 15px 0; border-bottom:1px solid #fff; margin-bottom:18px; height:17px; overflow:hidden;}
.posrel-conv{ padding-top:0px !important; border-bottom:0px !important;}
.border-img-cov{ border:2px solid #666e79;}
.taskphoto-conv{ width:45px;}
.abmarks-conv{ color:#fff !important; font-size:14px !important; padding-bottom:4px; float:left; }
.colmark-2-inner-conv{ color:#009788 !important; font-size:18px !important; padding-bottom:4px; float:left; }
.hire_me_conv{ padding-top:4px;}
.hire_me_conv .btn-crworker{ width:18px; }
.hire_me_conv .btn-award{ width:18px; }
.top-date{ color:#fff; font-size:15px; padding-top:8px; padding-bottom:9px;}
.offer-data{ height:385px; overflow-y:scroll; overflow-x:hidden;}
.offer-data-con{ height:439px !important;}
.round-corner-2{ border-radius:50px;}
.offer-data .taskdetails { width: 76%;}
.btn-award{ font-size:0px;  background:url(../images/wrong_sign.png) no-repeat !important; height: 29px; padding: 0; width: 30px; border-radius:0px;}
.btn-crworker{ font-size:0px;  background:url(../images/correct_sign.png) no-repeat !important; height: 29px; padding: 0; width: 30px; border-radius:0px;}
.user_image_conv{ width:100px;} 
.chat-box{ float:left; width:350px; padding:250px 0;}
.chat-box-1{ padding:0px; margin:8px 0 0px 10px;}

.detail-box {
    background: #fff none repeat scroll 0 0;
    border-left: 4px solid #ccc;
    border-radius: 0 10px 10px 0;
    float: right;
    min-height: 614px;
    padding: 0px;
    width: 380px;
}
.detail-box-worker{ width:740px;}

.detail-box-159{ min-height:560px; }
.task-details-info{ border-bottom: 1px dotted #ccc; overflow: hidden; padding: 18px 0;}
.task-details-info-left{ float:left; font-size:17px; color:#0088ff; width:120px; }
.task-details-info-right{float:left; font-size:17px; color:#585858; width:230px; }
.detail-box-worker .task-details-info-left{ width:160px;}
.detail-box-worker .task-details-info-right{ width:550px;}
#favorite input{ border-radius: 10px; cursor:pointer;}
.btn-category-2{ margin-top:0px; float:right; background:#002157; color:#fff; padding:6px 10px;}
.top-image-user{  margin: 20px 10px 25px 10px; overflow: hidden;}
.border-img{ border:1px solid #999;}
.arrow_img{ padding:37px 0 0 27px;}
.detail-box-chat{  border: 1px solid #ccc; border-radius: 5px; padding:10px; background:#e7e7e7; min-height:390px; }
.user_name_in{ width:70px; text-align:center; color:#0088ff; font-size:14px; border-right:1px solid #ccc; padding:5px 0px; border-bottom:1px solid #ccc;}
.user_message_in{ font-size:15px; color:#585858; padding-left:10px; padding:8px 0 8px 10px; border-bottom:1px solid #ccc; }
.chat_history{ height:222px; overflow-y:scroll; overflow-x:hidden;}
.text_area_info{ width:96%; border:1px solid #ccc; border-radius:5px; margin-top:10px; margin-bottom:0px; }
.category_btn-main-1{ padding:26px auto 10px auto; }
.category_btn-main-1 { margin: 110px 0 0px ; overflow: hidden;}
.category_btn-main-1-1-1{ margin: 29px 0 0px;}

.how_it_work_section{}
.youtube_video{ width:800px; padding:100px 0 50px 0; margin:auto;}
.youtube_detail{ margin: auto; width: 950px;}
.youtube_detail h2{ font-size:29px; text-align: center;  font-weight:normal; padding-bottom:25px; color:#fff;} 
.youtube_detail p{ font-size:17px; line-height:25px; text-align: center;  font-weight:normal; padding-bottom:80px; color:#fff;} 
.how-to-use-section{ background:url(../images/how_it_work_banner1.png) no-repeat center top; overflow:hidden; padding:215px 0 100px; background-size:cover;}
.how-to-use-left{ display: inline-block; float: right; width: auto;}
.how-to-use-left h1{ color: #fff; font-size: 50px; font-weight: 700; padding: 15px; line-height:50px; margin-bottom:25px; background:rgba(0, 0, 0, 0.6);}
.how-to-use-left p{ color: #fff; font-size: 22px; line-height:29px; font-weight: 200; padding-bottom: 30px; text-align:left;}
.how-to-use-left h5{ color: #fff; font-size: 14px; font-weight: 300; padding-bottom: 10px; text-transform:uppercase;}
.how-to-use-right{ float:right; }
.how_it_wk{  border-radius: 50px; font-size: 20px; margin-right: 10px; background:#0088ff; padding: 10px 35px;}
.how_it_wk:hover, .how_it_wk:active, .how_it_wk:focus{ background:#0088ff !important; }
.both_button{ float:left; margin-right:10px;}
.how-to-use-right img{ display:flex;}
.for_employers-block{ text-align:center; width:33.33%; float:left;}
.for_employers-block .count-number{ margin:65px auto 45px auto; width:40px; height:40px; line-height:40px; font-size:25px;}
.employers-block-img{ height:287px; line-height:287px;}
.employers-block-img img{ vertical-align:middle;}
.employers-block-detail{ padding:10px 25px 30px; font-size:16px; line-height:22px; font-weight:400; color:#7e7e7e;}
.for_entowork .for_employers-block{ padding:40px 0 30px 0;}
.for_entowork img{ width:70%; }
.other-how{ background:#2281b1 url(../images/thundu.png) no-repeat top center; padding:120px 0px 40px 0px; overflow:hidden; }
.display_info{ width:530px; margin-bottom:80px;}
.display_info_left{ text-align:center; width:65px; margin-right:15px; float:left; padding:5px 0 0 0;}
.display_info_right{ width:445px; float:left;}
.display_info_right h3{ font-size:20px; color:#fff;}
.display_info_right p{ font-size:15px; color:#fff; padding-top:5px;}
.mar-bot-5{ margin-bottom:5px; margin-right:4px;}

/*---------------SERVICES_PAGE_START-----------------------*/

.banner-detail-service{ position:absolute; top:0px; width:100%; text-align:center;}
.banner-detail-service h2{ text-align:center; color: #fff; font-size:40px; font-weight: bold; padding-top:100px; overflow: hidden; line-height: 45px; letter-spacing:1px; text-shadow: 0px 0px 12px rgba(0, 0, 0, 0.9); }
.banner-detail-service h3{ padding-top:5px; text-align:center; color:#fff; font-size:22px; font-weight:normal; text-shadow: 0 0 4px rgba(0, 0, 0, 1); }
.global-search-box{ background: #000 ;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 7px;
    display: inline-block;
    margin: 20px 0 0;
    width: auto;}
.global-search-box .inner {
    height: 41px;
    padding: 3px;
}
.btn-service{
	 border: 0 none;
    border-radius: 5px;
    font-weight: 700;
    margin: 0 0 0 4px;
    min-width: 140px;
	font-size:16px;
    padding: 8px 19px !important;
	 background: rgba(0, 0, 0, 0) linear-gradient(#35c350, #03b525) repeat scroll 0 0;
	 box-sizing: border-box;
    color: #fff;
    display: inline-block;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
    transition: color 0.2s ease 0s, background-color 0.2s ease 0s, box-shadow 0.2s ease 0s, border 0.2s ease 0s;}
.btn-service:hover{ border: 0 none;
    border-radius: 5px;
    font-weight: 700;
    margin: 0 0 0 4px;
    min-width: 140px;
	font-size:16px;
    padding: 8px 19px !important;
	 background: rgba(0, 0, 0, 0) linear-gradient(#35c350, #03b525) repeat scroll 0 0;
	 box-sizing: border-box;
    color: #fff;
    display: inline-block;
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
    transition: color 0.2s ease 0s, background-color 0.2s ease 0s, box-shadow 0.2s ease 0s, border 0.2s ease 0s;}
.global-search {
    height: 43px;
	float:left;
}	
.global-search input[type="text"] {
    border: 0 none;
    border-radius: 5px;
    box-shadow: 1px 1px 1px #cccccc inset;
    font-size: 15px;
    font-weight: 500;
    opacity: 0.9;
    padding: 10px 45px 11px 13px;
    transition: opacity 0.2s ease 0s;
    width: 359px;
}
.trending_collecction{ background:#FFF; padding-top:35px; padding-bottom:35px;  border-bottom:1px solid #e5e5e5;}
.trending_collecction h2{ font-size: 28px;
letter-spacing:1px;
    line-height: 120%;
    padding-bottom: 35px;
    text-align: center;
    text-transform: uppercase;}

.trending_collecction h2 small {
    display: block;
    font-size: 17px;
    text-transform: none;
	font-weight:normal;
	letter-spacing:0px;
}
.packages-wrapper{ padding-left:20px;}
.packages-wrapper .package.package-new {
    margin-right: 10px;
    width: 268px;
	 height: 300px;
    padding: 7px;
    position: relative;
	 background-color: #fff;
    border: 1px solid #dddddd;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.06);
    box-sizing: border-box;
    float: left;
	text-overflow: ellipsis;
    white-space: nowrap;
}

.packages-wrapper .package.package-new h3 {
    padding: 5px 5px 0;
	   text-transform: uppercase;
    transition: color 0.2s ease 0s;
	   color: #0e0e0f;
	   font-size:19px;
}
.packages-wrapper .package.package-new .tags {
    display: inline-block;
    padding: 0 5px 10px;
}
.packages-wrapper .package .tags em:first-child {
    padding-left: 0;
}
.packages-wrapper .package .tags em {
    box-sizing: border-box;
    color: #999999;
    display: inline-block;
    font-size: 13px;
    font-style: normal;
    line-height: 14px;
    padding: 5px 5px 3px;
}
.packages-wrapper .package.package-new .package-pict-290 {
    width: 252px;
	 background-color: #fff;
    display: block;
    height: 222px;
    overflow: hidden;
	webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;
}
.packages-wrapper .package.package-new a:hover h3{ color:#0088ff; }
.packages-wrapper .package.package-new a:hover .package-pict-290{ opacity:0.4; }
.featured-wrapper{ padding-left:20px;}
.featured-wrapper-slide{  background-color: #fff;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    float: left;
    height: 280px;
    margin: 0 20px 20px 0;
    padding: 0;
    position: relative;
    width: 260px;}

.featured-wrapper-slide .gig-seller {
    background-color: #fff;
    box-sizing: border-box;
    color: #b2b2b2;
    font-size: 12px;
    height: 0;
    left: 0;
    line-height: 34px;
    overflow: hidden;
    padding: 0 12px;
    position: absolute;
    top: 0;
    transform: translate3d(0px, 0px, 0px);
    transition: all 0.15s ease-in-out 0s;
    width: 100%;
    z-index: 1;
}
.featured-wrapper-slide .gig-seller a {
    color: #0e0e0f;
}

.featured-wrapper-slide .gig-link-main {
    display: block;
    position: relative;
    text-decoration: none !important;
    transform: translate3d(0px, 0px, 0px);
    transition: all 0.15s ease-in-out 0s;
}

.featured-wrapper-slide .gig-pict-222 {
    background-color: transparent;
    border: 4px solid #fff;
    display: block;
    opacity: 1;
    position: relative;
    transition: all 0.2s ease-in-out 0s;
	height: 160px;
    overflow: hidden;
    width: 250px;
}

.gig-pict-222 img {
    width: 100%;
}

.featured-wrapper-slide .gig-link-main h3 {
    color: #303030;
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    line-height: 20px;
    margin: 5px 12px 9px;
    overflow: hidden;
    transition: all 0.15s ease-in-out 0s;
    word-wrap: break-word;
}
.featured-wrapper-slide .card-badges {
    height: 22px;
    overflow: hidden;
    padding: 0 12px;
    transition: all 0.15s ease-in-out 0s;
}

.featured-wrapper-slide .card-badges .gig-badges {
    float: left;
    margin: 1px 7px 0 0;
	 background-color: #f21aa5;
	  border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size:11px;
	font-weight:bold;
    height: 15px;
    padding: 0 4px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

.featured-wrapper-slide .card-badges .top-rated {
    background: transparent url("../images/icn-master-small.png") no-repeat scroll -251px -550px;
    float: left;
    height: 18px;
    overflow: hidden;
    text-indent: -3000px;
    width: 18px;
}
.featured-wrapper-slide .gig-sub {
    padding: 6px 12px 0;
    position: relative;
}
.featured-wrapper-slide .gig-sub .gig-price {
    color: #00b22d;
    float: right;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
    text-decoration: none;
}
.featured-wrapper-slide .gig-sub .gig-price small {
    display: inline-block;
    font-size: 10px;
    font-weight: 400;
    padding: 1px 5px 0 0;
    text-transform: uppercase;
    vertical-align: top;
}

.featured-wrapper-slide .gig-collect {
    height: 12px;
    left: 10px;
    position: absolute;
    top: 10px;
    width: 36px;
    z-index: 2;
}

.hint--top::before, .hint--top::after {
    bottom: 100%;
    left: 50%;
}
.hint--top::before {
    border-top-color: #383838;
    margin-bottom: -12px;
    margin-left: -5px;
}

.featured-wrapper-slide .gig-collect .icn-heart span {
    background: transparent url("../images/icn-master-small.png") no-repeat scroll -369px -815px;
	display: block;
    height: 12px;
    left: 0;
    position: absolute;
    text-indent: -10000px;
    top: 0;
    width: 14px;
}

.featured-wrapper-slide .vid-play {
    background: transparent url("../images/icn-master-slim-small.svg") no-repeat scroll -350px -50px / 500px 200px;
    display: block;
    height: 60px;
    left: 85px;
    opacity: 0.7;
    overflow: hidden;
    position: absolute;
    text-indent: -3000px;
    top: 43px;
    transition: all 0.15s ease-in-out 0s;
    width: 60px;
    z-index: 1;
}
.featured-wrapper-slide:hover .gig-link-main{ margin-top:30px; margin-bottom:-8px; }
.featured-wrapper-slide:hover .gig-link-main h3 { color:#0088ff;}
.featured-wrapper-slide:hover .card-badges {
    height: 0;
}

.featured-wrapper-slide:hover .gig-seller {
    height: 30px;
}
.featured-wrapper-slide:hover .vid-play {
    top: 73px;
}
.featured-wrapper-slide .vid-play:hover {
    opacity: 1;
}
.trending_collecction_1{ padding-bottom:25px !important;}
.btn-request{ margin:24px 0;}

.gig-detail-page{ padding:20px;}
.gig-detail-page-left{ float:left; width:710px;}
.gig-detail-page-right{ float:right; width:370px;}

.gig-page-section {
    border: 1px solid #dddddd;
    margin-bottom: 20px;
}

.gallery.gallery-gig-detail {
    position: relative;
    width: 708px;
}
.mp-gig-header {
    background: #fff none repeat scroll 0 0;
    padding: 20px 20px 15px;
    position: relative;
}

.mp-gig-header h1 {
    border-bottom: 1px solid #dddddd;
    font-size: 22px;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.mp-gig-header .header-bottom-gig {
    color: #0e0e0f;
    font-size: 13px;
    line-height: 18px;
}

.mp-gig-header .header-bottom-gig .breadcrumbs-two-line {
    text-align: left;
}
.mp-gig-header .header-bottom-gig a {
    text-transform: capitalize;
}
.gig-time img { vertical-align:sub; margin-right:6px;}
.mp-gig-header .header-bottom-gig .breadcrumbs-two-line a:last-of-type {
    display: block;
}
.gig-banner-image{}
.gig-banner-image img{ width:100%; display:flex; }
.gig-page-section-description .gig-main-desc-meta-wrapper {
    background-color: #fff;
}

.gig-page-section-description .gig-main-desc-meta-wrapper .gig-main-desc-row {
    background: #fff none repeat scroll 0 0;
    padding: 20px 0;
	overflow:hidden;
}
.gig-page-section-description .gig-main-desc-meta-wrapper .gig-main-desc {
    border-right: 1px solid #dddddd;
    float: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    padding: 0px 20px 20px 15px;
    width: 69%;
	background: #fff none repeat scroll 0 0;
    color: #0e0e0f;
}
.gig-page-section-description .gig-main-desc h3, .gig-page-section-description .gig-main-desc h4 {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
}

.gig-page-section-description .gig-main-desc-meta-wrapper .gig-main-desc h3 {
    margin-top: 0;
}

.gig-page-section-description .gig-main-desc p {
    font-size: 14px;
    line-height: 22px;
    text-align: left;
    word-wrap: break-word;
}

.gig-page-section-description .gig-main-desc u {
    background: #fff2d0 none repeat scroll 0 0;
    text-align: left;
    text-decoration: none;
}
.gig-page-section-description .gig-main-desc-meta-wrapper .gig-metadata {
    float: left;
    font-size: 14px;
    padding: 0px 20px 20px 15px;
    width: 20%;
}

.gig-page-section-description .gig-main-desc-meta-wrapper .gig-metadata h5 {
    color: #0e0e0f;
    font-weight: 500;
    line-height: 20px;
	font-size:15px;
}

.gig-page-section-description .gig-main-desc-meta-wrapper .gig-metadata li {
    line-height: 20px;
	color:#555555;
}

.gig-page-section-description .gig-main-desc-meta-wrapper .gig-metadata h5:not(:first-child) {
    margin-top: 14px;
}
.gig-page-section-description .mp-gig-header {
    background: #f7f7f7 none repeat scroll 0 0;
    border-bottom: 1px solid #dddddd;
    padding: 18px;
}
.mp-gig-review .reviews-header {
    background: #f7f7f7 none repeat scroll 0 0;
    border-radius: 3px;
    box-sizing: border-box;
    min-height: 35px;
    text-align: center;
    width: 100%;
}
.mp-gig-review .reviews-header .reviews-header-general {
    border-bottom: 1px solid #dddddd;
    padding: 12px 20px 11px;
}

.mp-gig-review .reviews-header .reviews-header-general h4 {
    float: left;
    line-height: 30px;
    margin-right: 5px;
	text-align: left;
}

.mp-gig-review .reviews-header .reviews-header-general .circ-rating-s15 {
    float: left;
    margin: 9px 0 0 5px;
}
.mp-gig-review .reviews-header .reviews-header-general .circ-rating-s15 img{
	vertical-align:top;
}
.mp-gig-review .reviews-header .reviews-header-general .numeric-rating {
    color: #777777;
    float: left;
    font-size: 20px;
    line-height: 20px;
    margin: 6px 5px 5px 10px;
}
.select_in{
 	background-color: #fff;
    border: 1px solid #b2b2b2;
    border-radius: 3px;
    color: #777777;
    cursor: pointer;
    font-size: 12px;
    height: 30px;
    width: 153px !important;
}
.mp-gig-review .reviews-header .reviews-header-stars {
    background: #fff none repeat scroll 0 0;
    box-sizing: border-box;
    display: table;
    padding: 20px;
    width: 100%;
}

.mp-gig-review .reviews-header .reviews-header-stars div {
    box-sizing: border-box;
    display: table-cell;
    width: 33.3%;
}

.mp-gig-review .reviews-header .reviews-header-stars div .rating-category {
    color: #0e0e0f;
    font-size: 14px;
    padding-bottom: 2px;
}
.mp-gig-review .reviews-list {
    border-bottom: 1px solid #dddddd;
}

.mp-gig-review .reviews-list li {
    background: #fff none repeat scroll 0 0;
    border-top: 1px solid #dddddd;
    min-height: 68px;
    padding: 15px 58px 15px 92px;
    position: relative;
}

.mp-gig-review .reviews-list li .user-pict-60 {
    float: none;
    left: 20px;
    margin: 0;
    position: absolute;
    top: 20px;
    z-index: 1;
	 overflow: hidden;
    width: 60px;
	  height: 60px;
	  border-radius: 50%;
}

.mp-gig-review .reviews-list li h4, .mp-gig-review .reviews-list li p, .mp-gig-review .reviews-list li .msg-body {
    color: #0e0e0f;
    font-size: 14px;
    font-weight: 400;
    hyphens: auto;
    line-height: 20px;
    word-wrap: break-word;
}

.mp-gig-review .reviews-list li .rating-date {
    color: #999999;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}

.mp-gig-review .reviews-list li.rating-seller {
    border-top: medium none;
    min-height: 45px;
    padding-left: 142px;
    padding-top: 1px;
    position: relative;
	 background: #fff none repeat scroll 0 0;
}

.mp-gig-review .reviews-list li.rating-seller h4 {
    color: #0e0e0f;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 2px;
}

.mp-gig-review .reviews-list li h4 .circ-rating-s9 {
    margin-left: 5px;
}

.mp-gig-review .reviews-list li h4 a {
    color: #0e0e0f;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.mp-gig-review .reviews-list li h4 .circ-rating-s9 {
    margin-left: 5px;
}

.mp-gig-review .reviews-list li .user-pict-40 {
    float: none;
    left: 93px;
    margin: 0;
    position: absolute;
    top: 0;
	overflow: hidden;
    width: 40px;
	height: 40px;
	border-radius: 50%;
}

.mp-gig-review .reviews-list li h4, .mp-gig-review .reviews-list li p, .mp-gig-review .reviews-list li .msg-body {
    color: #0e0e0f;
    font-size: 14px;
    font-weight: 400;
    hyphens: auto;
    line-height: 20px;
    word-wrap: break-word;
}
.mp-gig-review .pagi-standard {
    background: #fff none repeat scroll 0 0;
    display: none;
    padding: 20px;
    text-align: left;
}

.mp-gig-review .pagi-standard a {
    color: #0088ff;
    font-size: 14px;
    font-weight: 700;
}
.mp-gig-payment {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fff none repeat scroll 0 0;
    border-color: -moz-use-text-color #dddddd #dddddd;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
}
.mp-box.mp-box-white {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
}

.mp-gig-payment .gig-order-button {
    margin: 15px;
}

.mp-gig-payment .gig-order-button .btn-green-grad.order-now {
    float: left;
    width: 100%;
	line-height:62px;
}
.mp-gig-payment .gig-order-button .btn-standard-lrg {
    box-sizing: border-box;
    font-size: 20px;
    font-weight: 700;
    line-height: 60px;
    min-height: 60px;
    padding: 0;
    text-align: center;
	float:left;
}
.btn-standard-lrg.btn-green-grad {
    background: rgba(0, 0, 0, 0) linear-gradient(#ca0018, #0088ff) repeat scroll 0 0;
    border: 1px solid #0088ff;
    font-weight: 700;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2);
    text-transform: none;
	transition: color 0.2s ease 0s, background-color 0.2s ease 0s, box-shadow 0.2s ease 0s, border 0.2s ease 0s;
	 border-radius: 3px;
    color: #fff;
    display: inline-block;
	   margin: 0;
}
.mp-gig-payment .gig-order-button  .btn-green-grad.add-to-cart {
    float: right;
    width: 70px;
}

.mp-gig-payment .gig-order-button .btn-green-grad.add-to-cart .icon {
    background: transparent url("../images/icn-master-small.png") no-repeat scroll -400px -950px;
    display: inline-block;
    height: 33px;
    margin: -8px 0 0 -5px;
    vertical-align: middle;
    width: 27px;
}
.mp-gig-stats {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fff none repeat scroll 0 0;
    border-color: -moz-use-text-color #dddddd #dddddd;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    box-sizing: border-box;
    color: #0e0e0f;
    font-size: 14px;
    line-height: 30px;
    margin-top: 20px;
}

.mp-gig-stats .stats-row {
    border-top: 1px solid #dddddd;
    padding: 15px;
}

.mp-gig-stats .value {
    float: right;
}

.mp-gig-stats .name {
    overflow: auto;
}

.mp-gig-stats .value .number {
    font-size: 24px;
}
.mp-gig-stats .value span {
    vertical-align: middle;
}

.mp-gig-stats a {
    color: inherit;
    text-decoration: none;
}

.mp-gig-stats .value .rating-circles {
    margin-right: 10px;
}

.gig-seller-info {
    background-color: #fff;
    border: 1px solid #dddddd;
    min-height: 90px;
    padding: 25px 15px 0;
    position: relative;
}
.gig-seller-info .seller-image {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 20px;
    position: relative;
    text-align: center;
}

.user-pict-130 {
    border-radius: 50%;
    float: left;
    height: 130px;
    margin-right: 15px;
    overflow: hidden;
    width: 130px;
}
.gig-seller-info .seller-image .user-pict-130 {
    float: none;
    margin: 0 auto;
}

.user-pict-130 a {
    text-decoration: none;
}

.user-pict-130 img {
    display: block;
    height: 130px;
    width: 130px;
}

.gig-seller-info .seller-image .seller-link {
    color: #00698c;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    line-height: 21px;
    padding: 10px 0 3px;
    text-transform: capitalize;
}

.gig-seller-info .seller-image small {
    color: #999999;
    display: block;
    font-size: 14px;
}
.gig-seller-info .seller-image .user-badge-round-med {
    left: 50%;
    margin-left: 20px;
    position: absolute;
    top: 81px;
}
.user-badge-round-med.top_rated_seller {
    background-position: -108px 0;
}
.user-badge-round-med {
    background: transparent url("../images/user-badge-round.svg") no-repeat scroll left top / 162px 108px;
    height: 54px;
    position: absolute;
    width: 54px;
    z-index: 7;
}
.gig-seller-info .seller-stats {
    padding: 20px 0 5px;
}

.gig-seller-info .seller-stats li {
    color: #0e0e0f;
    float: left;
    font-size: 14px;
    font-weight: 500;
    line-height: 130%;
    padding: 0 3% 15px 0;
    width: 47%;
}

.gig-seller-info .seller-stats li small {
    color: #999999;
    display: block;
    font-weight: 400;
    padding-bottom: 4px;
	font-size:14px;
}

.gig-seller-info .seller-desc {
    border-top: 1px solid #dddddd;
    font-size: 14px;
    line-height: 20px;
    padding: 15px 0 20px;
    word-wrap: break-word;
}

.gig-seller-info .seller-desc a {
    color: #0088ff;
    display: block;
}
.gig-seller-info .contact-in {
    background: #f7f7f7 none repeat scroll 0 0;
    border-top: 1px solid #dddddd;
    margin: 0 -15px;
    padding: 15px;
    text-align: right;
}

.gig-page-section-extras {
    background: #fff none repeat scroll 0 0;
}

.gig-page-section-extras .gig-order-button {
    border-top: 1px solid #dddddd;
    padding: 15px;
    text-align: right;
}
.gig-page-section-extras .gig-order-button a{
	padding: 16px 40px;
}

.gig-social-bar {
    margin: 10px 0;
    padding: 8px 12px;
    text-align: center;
}

.social-share-icons {
    font-size: 0;
}
.social-share-icons .btn-share.facebook-ser {
    background-position: 0 0;
}
.social-share-icons .btn-share:first-child {
    margin-left: 0;
}
.social-share-icons .btn-share {
    background: rgba(0, 0, 0, 0) url("../images/icn-social-share.svg") no-repeat scroll 0 0 / 180px 30px;
    display: inline-block;
    height: 30px;
    margin-left: 10px;
    vertical-align: middle;
    width: 30px;
}
.social-share-icons .btn-share.twitter-ser {
    background-position: 20% 0;
}
.social-share-icons .btn-share.gplus-ser {
    background-position: 40% 0;
}
.social-share-icons .btn-share.linkedin-ser {
    background-position: 60% 0;
}
.Online_class{ background:url(../images/online_user.png) no-repeat; background-position:right 15px top 0px; position:absolute; left:215px; top:-7px; width:108px; height:102px;	 }
.gig-edit-form-section {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dddddd;
    border-radius: 5px 5px 0 0;
    height: auto;
    margin-bottom: 20px;
    padding: 30px;
    position: relative;
    transition: height 2s ease-in-out 0s;
}

.gig-edit-form-section .form-row {
    font-size: 0;
    padding: 0 0 20px;
    position: relative;
}
.gig-edit-form-section .form-row .label-wrap {
    padding-right: 5%;
    text-align: right;
    vertical-align: top;
    width: 17%;
	padding-top:5px;
}

.gig-edit-form-section .form-row .label-wrap label {
    font-weight: 700;
    text-transform: uppercase;
	color:#777777;
}
.gig-edit-form-section .form-row .input-wrap {
    width: 78%;
	position:relative;
}
.gig-edit-form-section .form-row .input-wrap textarea.gig-title-text {
    font-size: 34px;
    letter-spacing: 1px;
    line-height: 45px;
    text-indent: 87px;
	width:500px;
	height:120px;
}

.gig-edit-form-section .gig-before-title {
    color: #dddddd;
    font-size: 36px;
    left: 7px;
    padding-right: 6px;
    position: absolute;
    top: 4px;
}
.gig-edit-form-section .form-row .label-wrap, .gig-edit-form-section .form-row .input-wrap {
    display: inline-block;
}
.gig-edit-title-wrap select{ width:250px; }
.gig-title-text-text{ width:511px;}
.service_list_btn{ width:529px; margin:0 0 0 224px; overflow:hidden;}
.input-wrap-2{ padding-top:3px;}
.input-wrap-in{ padding-bottom:5px !important;}
.input_file_upload{ float:left; width:454px;}
.btn-default-ad-more{ float:left;}
.SEK_detail{ float:left; border: 1px solid #ccc; width: 40px; border-radius: 3px; color: #585858; font-size: 16px; font-weight: normal; margin-right: 5px;  padding: 4px 0 3px 0; text-align:center;}
.price-textinput{ width:100px;}
.service_list_btn input{ font-size:18px; }
/*---------------SERVICES_PAGE_END-----------------------*/
/*--------------- NEW SITE START---------------*/
.social-navigation{ float:right; }
.social-navigation ul{  }
.social-navigation ul li{ background:#fff; width:26px; height:26px; line-height:22px; text-align:center; border-radius:50px; margin-right:5px; float:left; padding-bottom:0px;  }
.social-navigation ul li img{ vertical-align:middle;}
.social-navigation ul li a{ display:inherit;  }
.blogger-photo img{ width:148px; height:148px; border:1px solid #7e7e7e; border-radius:5px; }
.red-subtitle-new{ margin:3px auto 0px;}
.profile-meter{}
.profile-meter ul{}
.profile-meter ul li{ text-align:center;  border: 1px solid #f1f1f1; border-radius: 2px; display: inline-block; margin: 5px; width:70px; color:#666; padding:5px;}
.profile-meter ul li:hover{ border: 1px solid #666;}
.profile-meter ul li a:hover{ color:#0088ff;}	
.summery-detail{}
.summery-detail-tab{ margin-bottom:40px;}
.summery-detail-tab ul{ text-align:center; margin:25px 0 15px 0;}
.summery-detail-tab ul li{ display:inline-block; background:#666; color:#fff; cursor:pointer; font-size:15px; padding:5px 10px; border:0px; }
.summery-detail-tab ul li:first-child { border-radius:0px 5px 5px 0;}
.summery-detail-tab ul li:last-child { border-radius:  5px 0 0 5px;}
.summery-detail-tab ul li.selected{ background:#0088ff;}
.summery-detail-detail{ width:600px; margin:auto;}
.bid-on-detail{ width:150px; height:200px; float:left;}
.bid-on-detail-bar{ width:45px; margin:auto; position:relative;}
.not-any-number{  height:4px; background:#9c9c9c; border-radius:5px; margin-top:116px;}
.yes-number{  height:120px; background:#9c9c9c; border-radius:5px;}
.bid-on-detail-text{ padding:10px 0px; text-align:center; font-size:20px; color:#9c9c9c;}
.bid-on-detail-name{ padding:0px 0px 15px 0px; text-align:center; font-size:12px; color:#9c9c9c; }
.completed-summery{ margin:50px 0 0 40px; width:100px; height:100px; background:#82ac02; border-radius:5px; color:#fff; font-size:15px; text-align:center; line-height:26px; float:left; }
.color-blue{ color:#2281b1; }
.color-blue-back{ background:#2281b1;}
.color-green{ color:#a9d487; }
.color-green-back{ background:#a9d487;}
.color-orange{ color:#e5912c; }
.color-orange-back{ background:#e5912c;}
#task_posted .bid-on-detail{ width:113px;}
.main-top-dash{ width:750px; margin:0 auto 40px; direction:ltr;}
.dashboard-slide1{ width:178px; border-radius: 5px; height: 178px; margin: 0 0px 0 0;  background-color: #fff; border: 1px solid #d6d6d6; color: #fff; cursor: pointer;}
.dashboard-slide1 img{ border-radius: 5px; width:178px; height:178px; }
.dashboard-title-slider-hover{  background-color: rgba(0, 0, 0, 0.6); color: #fff; display: none; font-size: 14px; height: 30px; line-height: 32px;    text-align: center; width: 100%; z-index: 100; margin-top:-63px; position:relative;}
.dashboard-title-slider{ border-radius: 0 0 5px 5px; padding: 5px; text-align: center; background:#fff; color: #595959; font-size: 14px; font-weight: 500; line-height: 20px; height:23px; margin-top:-33px; position:relative;}
.dashboard-slide1:hover .dashboard-title-slider-hover{ display:block;}
#flexslider2 .flex-direction-nav{ width:760px;}
#flexslider2 .flex-direction-nav li .flex-prev{ background:rgba(0, 0, 0, 0) url("../images/slider_left_arrow_dash.png") no-repeat scroll 0 0; top:-116px; left:-51px; }
#flexslider2 .flex-direction-nav li .flex-next{ background:rgba(0, 0, 0, 0) url("../images/slider_right_arrow_dash.png") no-repeat scroll 0 0; top:-116px; right:-51px; }
#flexslider2 .flex-control-nav { bottom: auto; left: -25px; padding-right: 25px; position: absolute; text-align: center; top: 193px; width: 100%;}
#flexslider2 .flex-control-nav li a{ background:#d6d6d6; border:1px solid #d6d6d6;}
#flexslider2 .flex-control-nav li a.flex-active{ background:#fff; border:1px solid #9d9d9d;}
.welcome-title-dash{ text-align:center; font-size:23px; color:#585858; padding:15px 0;}
/*----- HOW_IT_WORKS_START -----*/
.pull-left{ float:left;}
.pull-right{ float:right;}
.how-it-works-info{ width:640px; margin:0px auto; padding:0px;}
.content-line-left-hiw{ width:320px; margin:0px;}
.intro-text { margin:0px 0 70px; padding-top:100px;}
.intro-text p { font-size: 28px; line-height: 38px; text-align:center;}
.content-line { margin-bottom: 120px;}
.rb-badge { background-color: #ccc; border-radius: 50%; color: #fff; float: left; font-size: 28px; height: 32px; margin: 25px 15px 25px 0; padding: 3px; text-align: center; width: 32px;}
.content-line-left-hiw h5 { font-weight: 700; margin:12px 0 28px; font-size: 22px; line-height: 32px;}
.content-line-left-hiw p { font-size: 19px; line-height: 33px; font-weight:400;}
.content-line-left-hiw2 h5{ padding-top:15px;}
.content-line-right-hiw { width:320px; margin:0px; text-align: center;}
.hiw-image-1{height:250px; width: 250px; line-height:250px; margin:0px auto; border-radius: 100%;}
.hiw-image-1 img{ width:100%; vertical-align:middle; display:flex;}
.join-tasker-bg-hiw{ margin:0px; background:url(../images/join_post_back1.png) no-repeat center top; background-size:cover; overflow:hidden;}
.join-post-inner{ width:410px; margin:80px auto;}
.ready-go-text-hiw{ margin:0px; }
.ready-go-text-hiw h3{ font-size:24px; padding:0px; line-height:49px; color: #fff; padding:0px 20px 0 0;}
.btn-default-join-hiw{ margin:0px; 
	background: rgba(0, 0, 0, 0) linear-gradient(-180deg, #a4be01 0px, #82ac02 100%) repeat scroll 0 0;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 #9dd801 inset;
    box-sizing: border-box;
    text-shadow: 0 1px 1px #5f7900;
    transition: background 0.5s linear 0s, color 0.5s linear 0s, box-shadow 0.5s linear 0s;
}
.btn-default-join-hiw:hover { background: rgba(0, 0, 0, 0) linear-gradient(-180deg, #acc41a 0px, #8fb41b 100%) repeat scroll 0 0;}
.join-tasker-bg-hiw2{ background:url(../images/join_post_back2.png) no-repeat center top;}
.employers-block-title{ text-align:center; font-size:22px; line-height:24px; color:#666; padding:20px 0 0; font-weight:700;}
.taskers-main-title-hiw{ text-align:center; font-size:28px; line-height:28px; font-weight:700; color:#666; padding:100px 0 0px 0;}
.join-post-inner2{ width:330px;}
/*----- HOW_IT_WORKS_END -----*/
/*----- JOB_POSTED_DETAIL_PAGE_START -----*/
.job-status-main-block{ margin:20px 0 0 0; padding:15px 0px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;  }
.job-status-main-block ul{ margin:0px; padding:0px; text-align:center;}
.job-status-main-block ul li{ float:left; margin:0px 1px 0 0;}
.job-status-main-block ul li:last-child{ margin-right:0px !important;}
.posted-bar-line-jp{ width:138px; height:10px; background:#fff; border:solid 1px #c9c9c9; margin:0px 0px 0px 0px;}
.posted-bar-text-jp{ text-align:center; font-size:14px; font-weight:600; text-transform:uppercase; line-height:12px; padding:5px 0 0 0; color:#fff;}

.posted-bar-line-first-jp{ border-radius:10px 0px 0px 10px;}
.posted-bar-line-last-jp{ border-radius:0px 10px 10px 0px;}
.active-post-jp{ background:#50b458 !important; border:solid 1px #4f9954 !important;}
.post-task-left-ptd{ width:320px; margin:10px 0 0; float:left; padding:0px;}
.post-task-tab-ptd{}
.post-task-tab-ptd ul{ margin:0px;}
.post-task-tab-ptd ul li{ width:100%; float:left; margin:0px; font-size:13px; font-weight:400; text-align:center; height:25px; border-right:2px solid #fff; line-height:25px;}
.post-task-tab-ptd ul li:last-child{ border-right:0px !important;}
.post-task-tab-ptd ul li a{ background:#0088ff; color:#fff; display:block;}
.post-task-tab-ptd ul li a:hover{ background:#ff8427;}
.post-task-tab-ptd ul li a img{ vertical-align:middle; margin:-1px 5px 0px 0px;}
.list-loadmore-ptd{ background-color: #9c9c9c; box-shadow: 0 0 16px rgba(0, 0, 0, 0.5) inset; color: #fff; cursor: pointer; height: 40px; line-height: 40px; overflow: hidden; position: relative; text-align: center; font-size:14px;}
.task-list-left-ptd{ width:320px; margin:0px;}
.post-task-list-ptd ul{ margin:0px; padding:0px;}
.post-task-list-ptd ul li{ margin:0px;}
.list-splitter-ptd{ background-color: #d6d6d6; border-bottom: 1px solid #9c9c9c; color: #595959; padding: 1px 5px; font-size:14px; line-height:18px; font-weight:300;}
.post-task-list-ptd{background-color: #fff; width:320px; height:462px; overflow-y:auto; margin:0px;}
.post-task1-ptd{ margin:0px;  border-bottom: 1px solid #9c9c9c;}
.post-tasker-img-ptd{ float:left; height:50px; margin:5px; width:50px; border-radius: 3px;}
.post-tasker-img-ptd img{ width:100%; border-radius: 3px; height:100%;}
.post-task-info-ptd{ float:left; margin:0px; }
.post-task-info-left-ptd{ float:left; width:145px; margin-right:5px; }
.post-task-info-left-ptd h2{ font-size:14px; font-weight:400; line-height:16px; color:#666; padding:2px 0 2px 0;}
.post-task-info-left-ptd p{ font-size:12px; font-weight:400; line-height:16px; color:#666; padding:0px 0 3px 0;}
.post-task-info-left-ptd p img{ margin:0px 5px 0 0; vertical-align:middle;}
.post-task-price-ptd{ float:right; width:91px;}
.post-task-budget-ptd{ text-align:center; margin:3px 0 5px 0; padding:0px; font-size:18px; line-height:30px; color:#666;}
.ptask-earn-btn-ptd{ color:#fff; border: 1px solid #fff; background:#0088ff; border-radius: 3px; line-height: 20px; height: 20px; text-align:center; width:64px; margin:0px auto 5px auto; font-size:11px;}
.ptask-earn-btn-ptd a{ color:#fff; display:block; padding:0px;}
.ptask-earn-btn-ptd a:hover{ color:#fff;}
.post-task-list-ptd ul li:hover{ background:#ffe0c9;}
.post-task-right-ptd{ width:770px; margin:0px; float:right; padding:10px 0 0; overflow-y:auto;}
.post-task-info-right-ptd{ margin:0px; width:180px; float:left;}
.make-offer-btn-ptd{ width:180px; border-radius:3px !important; background: rgba(0, 0, 0, 0) linear-gradient(-180deg, #a4be01 0px, #82ac02 100%) repeat; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.3), 0 1px 0 0 #9dd801 inset; box-sizing: border-box; color:#fff; cursor: pointer; font-weight: 400; margin-right: 0px; text-align: center; text-shadow: 0 1px 1px #5f7900; transition: background 0.5s linear 0s, color 0.5s linear 0s, box-shadow 0.5s linear 0s; white-space: nowrap; padding: 11px 22px; font-size: 14px; line-height:18px;}
.btn-default.make-offer-btn-ptd.active, .btn-default.make-offer-btn-ptd.focus, .btn-default.make-offer-btn-ptd:active, .btn-default.make-offer-btn-ptd:focus, .btn-default.make-offer-btn-ptd:hover{ background:#a4be01 ; }
.more-opt-dropmenu-ptd{ margin:10px 0 0 0;}
.option-icon-down-ptd{}
.dropdown-setting-tcr { color: #9c9c9c; margin: 0px 0px 0 0; width:180px; position: relative; height:40px; text-align:left;}
.drop-set-submenu-tcr { background: #fff; position: absolute; top:42px; right:0px; z-index: 100; width:178px; display: none; margin-left: 0px; padding:0px; border:solid 1px #d6d6d6; border-radius: 4px;}
.dropdown-setting-tcr a.sett-drop-account-tcr{ background:#fff; border: 1px solid #d6d6d6; border-radius: 4px; color: #9c9c9c; cursor: pointer; display: block; font-size: 14px; font-weight:700; height: 18px; line-height: 18px; position: relative; text-align: center; letter-spacing:1.5px; text-transform: uppercase; text-align:left; width:150px; padding:10px 14px; position: absolute; z-index: 110; display: block; background:url(../images/moptions_menu_garrow_ptd.png) 152px center no-repeat #fff; cursor:pointer;}
.dropdown-setting-tcr .sett-drop-active-class{ border: solid 1px #666666 !important; background:url(../images/moptions_menu_barrow_ptd.png) 152px center no-repeat #fff !important;  color:#666 !important;}
.dropdown-setting-tcr .root{ list-style:none; margin:0px; padding:0px; font-size:14px; font-weight:400; padding:0px 0 0 0px; color:#666;}
.dropdown-setting-tcr .root li{ float:none; line-height:14px; margin:0px; border-bottom:solid 1px #d6d6d6; padding:0px 0px }
.dropdown-setting-tcr .root li a{ color:#666; display:block; padding:10px 30px; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; text-align:right;}
.dropdown-setting-tcr .root li a:hover{ color:#fff; background:#0088ff; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.dropdown-setting-tcr .root li a:hover i{ color:#2294b3; webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.dropdown-setting-tcr .root li:last-child{ border-bottom:0px !important;}
a.post-similar-job-btn-ptd{ font-size:14px !important; line-height:14px !important; margin:0px; background:url(../images/post_task_icon_ptd.png) no-repeat right 5px center;}
.dropdown-setting-tcr .root li a.post-similar-job-btn-ptd:hover{ background:url(../images/post_task_wicon_ptd.png) #0088ff no-repeat right 5px center;}
a.copy-job-btn-ptd{ font-size:14px !important; line-height:14px !important; margin:0px; background:url(../images/post_task_icon_ptd.png) no-repeat right 5px center;}
.dropdown-setting-tcr .root li a.copy-job-btn-ptd:hover{ background:url(../images/post_task_wicon_ptd.png) no-repeat #0088ff right 5px center;}

a.remove-offer-btn-ptd{ font-size:14px !important; line-height:14px !important; margin:0px; background:url(../images/delete_post_icon_ptd.png) no-repeat right 5px center;}
.dropdown-setting-tcr .root li a.remove-offer-btn-ptd:hover{ background:url(../images/delete_post_wicon_ptd.png) #0088ff no-repeat right 5px center;}

.fb-shareicon-ptd{ display:block; background:url(../images/fb_share_icon_ptd.png) no-repeat right 5px center;}
.dropdown-setting-tcr .root li .fb-shareicon-ptd:hover{ background:url(../images/fb_share_wicon_ptd.png) #0088ff no-repeat right 5px center ;}
.twitter-shareicon-ptd{ display:block; background:url(../images/twitter_share_icon_ptd.png) no-repeat right 5px center;}
.dropdown-setting-tcr .root li .twitter-shareicon-ptd:hover{ background:url(../images/twitter_share_wicon_ptd.png) #0088ff no-repeat right 5px center ;}
.gplus-shareicon-ptd{ display:block; background:url(../images/gplus_share_icon_ptd.png) no-repeat right 5px center;}
.dropdown-setting-tcr .root li .gplus-shareicon-ptd:hover{ background:url(../images/gplus_share_wicon_ptd.png) #0088ff no-repeat right 5px center ;}
.linkdin-shareicon-ptd{ display:block; background:url(../images/linkdin_share_icon_ptd.png) no-repeat right 5px center;}
.dropdown-setting-tcr .root li .linkdin-shareicon-ptd:hover{ background:url(../images/linkdin_share_wicon_ptd.png) #0088ff no-repeat right 5px center ;}
.post-task-main-psd{ width:100%;}
.similar-job-block-ptd{ margin:0px; padding:0px;}
.task-comments-block-ptd{ margin:0px; width:600px; clear:both; padding-top:15px;}
.task-comm-box1-ptd{ margin:0px 0 15px 0; width:510px;}
.comm-tasker-img-ptd{ width:32px;  margin:0px;  border:solid 1px #ccc; border-radius:3px;}
.comm-tasker-img-ptd img{border-radius:3px; width:100%; display:flex;}
.task-comm-detail-ptd{ width:466px; background:#fff; margin:0px 8px 0 0px; padding:0px; border:solid 1px #ccc; border-radius:3px;}
.comment-top-title-ptd{ margin:0px; line-height:28px; border-bottom: solid 1px #ccc; margin:0px 10px;}
.comment-top-title-ptd h2{ font-size:12px; color:#666; line-height:28px; padding:0px; font-weight:400; float:right;}
.comment-top-title-ptd h2 a{ color:#666;}
.comment-top-title-ptd h2 a:hover{ color:#666;}
.comment-top-title-ptd h3{ font-size:10px; color:#666; line-height:28px; padding:0px; font-weight:400; float:left;}
.comment-area-ptd{ margin:0px; padding:0px 10px 10px;}
.comment-area-ptd p{font-size:14px; color:#666; line-height:18px; padding:6px 0 0 0; font-weight:400;}
.comm-more-option-btn-ptd{ margin:0px; float:right;}
.comm-more-option-btn-ptd h2{font-size:12px; font-weight:400; color:#666; line-height:12px; margin:0px;}
.comm-more-option-btn-ptd h2 a{ color:#666;}
.comm-more-option-btn-ptd h2 img{ float:left; height:12px; line-height:12px; margin:0px 0 0 5px; padding:0px;}
.more-option-text-ptd{ visibility:hidden; float:left;}
.comm-more-option-btn-ptd:hover .more-option-text-ptd{ visibility:visible;}
.task-comm-area-last-ptd{}
.task-comm-tbox-main-ptd{ width:556px;}
.text-area-comm-box-ptd{ margin:0px;}
.text-area-comm-box-ptd textarea{ width:534px; height:60px; line-height:18px; font-size:14px; color:#666; padding:10px; border:solid 1px #ccc; border-radius:3px; font-family: 'Lato', sans-serif !important; resize:none; margin:0px 0 2px 0; webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;}
.text-area-comm-box-ptd textarea:focus{ border:solid 1px #0088ff; }
.small-chars-ptd{font-size: 12px !important; font-weight: 400; line-height: 14px;}
.task-comm-tbox-main-ptd .buttons { margin-top: 5px; overflow: visible;}
.task-comm-tbox-main-ptd .attachment-input-holder .attachment-input { background-color: #f1f1f1; border: 1px solid #d6d6d6; border-radius: 3px; box-sizing: border-box;display: inline-block; float: left; padding: 0 10px; position: relative; text-align: center;}
.task-comm-tbox-main-ptd .attachment-input-holder .attachment-input input { cursor: pointer; left: 0; opacity: 0; padding: 5px 0 !important; position: absolute; top: 0; width: 100%;}
.task-comm-tbox-main-ptd .attachment-input-holder .attachment-input a.attachment-text { cursor: pointer; display: block; font-size: 12px; overflow: hidden; padding: 10px 0; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.task-comm-tbox-main-ptd .attachment-input-holder .attachment-input a.attachment-text { cursor: pointer; font-size: 12px; white-space: nowrap;}
.task-comm-tbox-main-ptd .attachment-text span img{ vertical-align:middle; margin:0px 5px 0px 0px;}
.comm-send-ptd{ margin:0px;}
.ask-question-btn-ptd{}
.comm-inside-subtitle-ptd{ margin-top:20px;}
.post-task-tab-inn-ptd{ margin:0px; padding:0px;}
.search-ptask-ptd{ margin:0px; padding:0px;}
.search-box-ptask-ptd{ width:px; margin:0px;}
.search-box-ptask-ptd input{ border:0px; padding:0px 10px; font-size:12px; color:#666; line-height:30px; height:30px; width:300px; margin:0px;}
.search-icon-ptask-ptd{ width:30px; height:30px; line-height:30px; text-align:center; display:block; background:#0088ff;}
.search-icon-ptask-ptd img{ width:12px; vertical-align:middle; }
.setting-ptask-ptd{}
.settings-inner-ptd{ margin:10px 0 0 0;}
.search-field-ptd{ font-size:13px; color:#666; padding:0px 0 7px 0; line-height:12px; }
.button-bar { border: 1px solid #eeeded; border-radius: 5px; display: inline-block; font-size:13px; color:#666;}
.button-bar input{ margin-right:2px;}
.button-bar a {
    background: #fff none repeat scroll 0 0;
    border-right: 1px solid #f1f1f1; 
    color: #666;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
	cursor:pointer;
    text-decoration: none; font-size:13px;
}
.search-inn-option-ptd{ margin:0 0 10px 0;}
.search-inn-option-ptd .button-bar a { padding: 0 5px;}
.search-inn-option-ptd .button-bar a:first-child { border-radius: 5px 0 0 5px; }
.search-inn-option-ptd .button-bar a.selected { background-color: #9c9c9c; color: #fff; transition: background-color 0.3s ease-in-out 0s, color 0.3s ease-in-out 0s; }
.search-inn-option-ptd .button-bar a:last-child { border-radius: 0 5px 5px 0; border-right: medium none; }
/*.custom-select-ptd::after { color: #000; content: url(../images/select_down_arrow_ptd.png); font-size: 0.625em; height: 1em; line-height: 1; margin-top: -0.5em; position: absolute; right: 14px; top: 50%;}*/
.custom-select-ptd { display: inline-block; min-height: 26px; position: relative; vertical-align: middle;}
.custom-select-ptd select {background-color: #fff; border: 1px solid #d6d6d6; border-radius: 4px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1); font-size: 13px; color:#666; font-weight: 300; outline: 0 none; padding:6px 40px 6px 14px !important; margin-bottom:0px; font-family:Helvetica, sans-serif !important;}
.search-inn-option-ptd  #base-location, .task-search .input-location { width: 220px;}
.input-location-ptd input { background: #f1f1f1; border:0px; color: #666; display: block; float: left; font-size: 13px; height: 30px; padding: 0 10px; width: 270px; float:left;}
.at-icon-remove-ptd{ cursor: pointer; background:#fff; display: block; height: 30px; line-height: 30px; text-align: center; width: 30px; float:left;}
.setting-last-btns-ptd{ margin:10px 0 20px 0;}
.sett-update-btn-ptd{ margin:0px 10px 0 0; float:left;}
.sett-reset-btn-ptd{ margin:0px; float:left;}
/*----- JOB_POSTED_DETAIL_PAGE_END -----*/
/*----- PRICING_PAGE_START -----*/
.dbleft-main-pricing{ width:100%; margin:0px 0!important; padding:0px !important;}
.abttb3-2-price ul{ margin:30px;}
.abttb3-2-price ul li{ border:0px !important; padding:0px; margin:0px;}
.posrel-pricing-box{ width:350px; padding:0px !important; margin:0px 0 !important; /*-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius:5px; behavior: url(PIE.htc);*/ position:relative; webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;}
.posrel-pricing-box-orange{background:#ffa000;}
.pricing-box-inner{ margin:0px; padding:0px;}
.pricing-box-title{ background:#df8d03; color:#fff; font-size:20px; border-bottom:solid 1px #ffa000; font-weight:400; line-height:50px; text-align:center; text-transform: uppercase; /*-webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; -webkit-border-radius:5px 5px 0px 0px; behavior: url(PIE.htc);*/ position:relative; -moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;}
.mplan-price-row{ background:#df8d03; text-align:center; font-size:30px; line-height:30px; padding:10px 0; color:#fff; font-weight:600;}
.mplan-price-row span{ font-size:14px; padding:0px; font-weight:400;}
.pricing-box-info{ margin:0px; padding:15px;}
.mplan-info-pricing{ min-height:100px; font-size:14px; line-height:16px; padding:0px; color:#fff; font-weight:400;}
.mplan-info-pricing ul li{ padding:8px 0px; margin:0px; text-align:center;}
.mplan-price-btn{ margin:15px 0 15px 0; padding:0px; text-align:center;}
.btn-default-price{ font-size:20px; text-align:center; padding:6px 20px; background:#fff; color:#666;}
.btn-default-price:hover{background:#fff; color:#666; }
.posrel-pricing-box:hover{ behavior: url(PIE.htc); -moz-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.7); -webkit-box-shadow:0px 0px 15px rgba(0, 0, 0, 0.7); box-shadow:0px 0px 15px rgba(0, 0, 0, 0.7); overflow:hidden; position:relative; z-index:9; padding:20px 0px !important; margin:-20px 0 !important; cursor:pointer;}
.posrel-pricing-box:hover .pricing-box-title{ line-height:70px; margin-top:-20px; -moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
transition: all 0.3s linear;}
.mplan-price-row::after { border-color: #df8d03 transparent transparent;}
.mplan-price-row::after {
    border-style: solid;
    border-width: 24px 175px 0;
    top: 101px;
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 0;
}
.posrel-pricing-box:hover .mplan-price-row::after { top:121px;}
.posrel-pricing-box-green{ background:#22ac60;}
.posrel-pricing-box-blue{ background:#448aff;}
.pricing-box-title-green{background:#218f4f; border-bottom:1px solid #22ac60;}
.mplan-price-row-green{background:#218f4f;}
.mplan-price-row-green::after {border-color:#218f4f transparent transparent;}
.pricing-box-title-blue{background:#3d7ce6; border-bottom:1px solid #448aff;}
.mplan-price-row-blue{background:#3d7ce6;}
.mplan-price-row-blue::after { border-color:#3d7ce6 transparent transparent;}
.plan-active-box-info-pricep{ width:420px; margin:60px auto 30px; text-align:center; font-size:18px; line-height:20px; font-weight:400; padding:40px 20px; background:#218f4f; border:solid 3px #006d2e; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius:5px; behavior: url(PIE.htc); position:relative; color:#fff;}
.plan-active-box-info-pricep span{ font-weight:700;}
/*----- PRICING_PAGE_END -----*/
/*----- TASKERS_PAGE_START -----*/
#acc-banners-ph-taskers{  background:url(../images/taskers_page_banner_main.png) no-repeat center top / cover; height:370px; margin:86px 0 0; overflow:hidden; padding:0; width: 100%;}
.dbleft-main-taskers{ width:100%; margin:0px; padding:0px;}
.abttb3-2-taskers{}
.all_taskers li { border-bottom: 4px solid #cfd2d3 ; float: left; margin: 0 5px 20px; min-height: 350px; overflow: hidden; padding-bottom: 15px; text-align: center; transition: all 0.3s linear 0s; width: 267px;}
.tasker-img { text-align: center;}
.tasker-img img { border: 1px solid #565656; border-radius: 70px;}
.level-font{ background:#0088ff; border-radius: 5px; cursor: pointer; font-size: 13px; margin: -20px 0 0 102px; padding: 2px 10px; position: absolute;}
.level-font a{ color: #fff;}
.level-font a:hover{ background:#5e605f; color:#fff;}
.level-name { padding: 5px 0; font-size:17px;}
.tasker-name { color: #585858;  font-size: 24px;}
.review-system { text-align: center;}
.strmn-start { float: none; margin: 0 auto 3px;}
.strmn { background: rgba(0, 0, 0, 0) url("../images/star2.png") no-repeat scroll left top; height: 17px; margin: 3px auto 3px; width: 95px;}
.review-system .strmn{ float:none;}
.review-text { margin-left: -10px;}
.desc-tasker { color: #666; font-size: 16px; padding-bottom: 5px; padding-top: 10px; min-height:80px;}
.top-tasks { color: #666; font-size: 12px; padding-top: 5px; }
.hire_me-1 a { margin: 15px 0 0; padding: 10px 20px !important;}
.all_taskers li:hover{ border-bottom: 4px solid #0088ff ; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.db-rightinfo-inner-taskers{ margin-top:0px !important;}
.safety-3-taskers{ margin-top:120px; background:rgba(236, 102, 0, 0.5);}
.safety-3-taskers p{ text-align:center; font-size:20px !important;}
.safety-3-taskers h3{ font-size:20px; line-height:20px; padding-bottom:10px; color:#fff; font-weight:400;}
.str_sel-2{background:url(../images/star_new_rating.png) no-repeat right 8px top; }
.view-profile-taksers{ line-height:26px;}
/*----- TASKERS_PAGE_END -----*/

/*----- CONTACT_US_PAGE_START -----*/
.db-contact-main-inner{ width:1080px;}
.contact-left-block{ width:480px; margin:0px;}

.elevio-box-warning{background: #fff; border-left: 5px solid #0088ff; border-radius: 3px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2); margin:0px 0 20px; padding: 15px 20px;}
.elevio-box-warning p{ font-size:16px; line-height:18px; color:#666; margin: 0px 0 20px;}
.contact-form-main{ margin:0px;}
.contact-form-r1{ margin:0px 0px 15px; padding:0px;}
.contact-form-r1-title{ font-size:16px; line-height:16px; padding:0px; margin:0px 0 0px 0; color:#666; font-weight:600; font-family: 'Lato', sans-serif ;}
.contact-field1{ width:230px; margin:10px 0 0 0; padding:0px;}
.contact-field1 input{ width:208px; padding:0px 10px; border:solid 1px #ccc; color:#666; font-size:14px; font-weight:400; font-family: 'Lato', sans-serif ; height:32px; line-height:32px; border-radius: 3px; margin:0px;}
.contact-field-email{ width:480px;}
.contact-field-email input{ width:458px;}
.contact-massage-field{ width:480px; margin-top:10px;}
.contact-massage-field textarea{ font-family: 'Lato', sans-serif ; resize:none; width:458px; padding:10px; border:solid 1px #ccc; color:#666; font-size:14px; font-weight:400; height:178px; line-height:18px; border-radius: 3px; margin:0px;}
.form-submit-btn{ margin:0px;}
.btn-contact-ticket{ font-size:16px; padding:8px 40px;}
.contact-right-block{ width:480px;}
/*----- CONTACT_US_PAGE_END -----*/


/*----- EHO_ARE_THE_TASKERS_PAGE_START -----*/
h2.how-business{ padding-bottom:15px; color:#ffffff;}
.how-hwlp-inner-wrt{ padding:30px 0 100px;}
.entowork-title-2 h2.how-business{ color:#585858 !important;}

.process-step .blogger-comment{ padding-top:0px; margin-top:0px; color:#666;}
.blogger-comment-wrtasker{ text-align:center; color:#fff; font-size:16px; line-height:20px;}

.round-number-orange{ background:#ffa000 !important; border: solid 2px  #df8d03 !important;}
.round-number-green{ background:#22ac60 !important; border: solid 2px  #218f4f !important;}
.round-number-blue{ background:#448aff !important; border: solid 2px  #3d7ce6 !important;}

.who-are-back{ background:#0088ff;}

.top-gray-subtitle{ background:#ccc; margin-top:0px;}
.how-started-block-wrt{ background:#ccc;}
.entowork-title-2{ color:#585858;}


/*----- EHO_ARE_THE_TASKERS_PAGE_END -----*/
.btn-new-dash{ font-size: 17px; margin-top: 15px !important; padding: 8px 34px !important;}
.round-back{ background:rgba(0, 0, 0, 0.4) none repeat scroll 0 0 ; border-radius:20px; border:0px;}
.round-back-1{ background:rgba(0, 0, 0, 0.7) none repeat scroll 0 0 ; border-radius:20px; border:0px;}
.db-rightinfo-dash-back{ background: url("../images/post_task_back.jpg") no-repeat scroll top center; background-size:cover; }
.need_help{ font-size:14px !important;}
.more_option_need{ padding-left:5px;}

.job-status-main-block2 {
    margin: 0 auto 20px;
    overflow: hidden;
    width: 660px;
}
.job-status-main-block2 .posted-bar-line-jp {
    margin: 0 3px 0 0;
    width: 214px;
}
.job-status-main-block3 {
    margin: 0 auto 20px;
    overflow: hidden;
    width: 410px;
}
.job-status-main-block3 .posted-bar-line-jp {
    margin: 0 3px 0 0;
    width: 131px;
}
.dashboard-box2-done{ width:600px;}
.login-box-main-reset{ width:380px !important;}
.apque input{ margin-left:5px; vertical-align:middle;}
.home-signpost-content-task-detail{ background:#e7e7e7; border-radius:10px;}

.slider-back-main {
    
    padding-bottom: 21px;
}
.slider_text {
    color: #fff;
    display: block;
    font-size: 60px;
    font-weight: normal;
    line-height: 75px;
    padding-top: 140px;
    position: relative;
    text-align: center;
    text-shadow: 1px 1px 6px #494949;
    width: 100%;
    z-index: 100;
	padding-bottom:30px;
}
.slider_text span {
    display: block;
    font-size: 24px !important;
    text-shadow: 2px 2px 5px #494949;
}

.top-slider {
    margin: 20px auto 46px;
    position: relative;
    text-align: center;
    width: 880px;
    z-index: 10000;
}


.inner-divs {
    background: #fff none repeat scroll 0 0;
    cursor: pointer;
    display: block;
    float: left;
    height: 204px;
    margin: 0 10px;
    position: relative;
    width: 200px !important;
}
.inner-divs-main{ height: 220px;}
.overlay {
    background-color: rgba(0, 0, 0, 0.3);
    display: none;
    height: 67%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.inner-divs-main .overlay { height:62%; }
.inner-divs-main .strmn{ float:left; margin-left:10px;}
.inner-divs-main .review-text{ float:left; margin-left:10px;}
.inner-divs img {
    height: 137px !important;
    margin-bottom: 10px;
    width: 200px !important;
}

.inner-divs p {
    color: #666;
    font-size: 16px;
    padding: 0 10px;
    text-align: left;
}

.inner-divs p span {
    color: #9c9c9c;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin: 3px 0 0;
}
.sart_img {
    background: rgba(0, 0, 0, 0) url("../images/star_img.png") no-repeat scroll 0 0;
    float: right;
    height: 15px;
    margin-left: 5px !important;
    width: 66px;
}
.inner-divs:hover .overlay {
    display: block;
}
.inner-divs:hover .view-more {
    visibility: visible;
}
.inner-divs:hover .sart_img {
    background-position: 0 100%;
}
.posted-task-right{ width:74%;}
.dbright-task-main-posted a.b-button-2{ font-size:15px;}
.dbright-task-main-posted a.b-button-2:hover{ background:#0088ff; border-bottom:1px solid #d6d6d6; color:#fff; font-size:15px;}
.dbright-task-main-posted-final{ width:25%; border-radius:10px !important;}
.selected-task{background: #0088ff none repeat scroll 0 0 !important;
    border-bottom: 1px solid #d6d6d6 !important;
    color: #fff !important;
    font-size: 15px !important;}
.abttb3-2-new{ height:480px; overflow-y:scroll;}
/*--------------- NEW SITE END---------------*/

/*--------------- Quick care Start ----------*/
#happy_customer{ background: url("../images/happy_customer.png") no-repeat; background-size:cover;}
.quickcare-title{ color:#fff; }
.See_more_Categories-quick .btn-more-category{ background:rgba(255,255,255,0.2); padding:10px 65px;}
.happy-customer-detail{ padding-bottom:20px;}
.happy-customer-detail-box{ background:rgba(255,255,255,0.2); width:298px; height:190px; padding:30px; margin-right:30px; float:left; direction:rtl; }
.happy-customer-detail-box-last{ margin-right:0px;}
.happy-customer-detail-box-top{ display:table; width:100%; }
.happy-customer-img{  width:50px; display:table-cell; vertical-align:middle; padding-left:15px;}
.happy-customer-name{ width:230px; display:table-cell; font-size:18px; font-weight:bold; color:#fff; vertical-align:middle; }
.happy-customer-detail-box-bottom{ font-size:15px; color:#fff; text-align:justify; line-height:18px; padding-top:10px;}
.footer-main{ background: url(../images/how_it_work_back.png) repeat;  }
.footer-main-inner-quick{ background:rgba(189,189,189,0.95); }
.login-box-main{ background:rgba(0,0,0,0.3) !important;}
#mbs a{ color:#fff; font-weight:bold;}
.space-zero{ margin:0px !important;}

.how-it-works-quick{ width:960px; margin:auto; padding:40px 0; background:#fff; }
.how-it-works-quick-left{ width:49.8%; border-right:2px dotted #ccc; border-top:2px dotted #ccc; border-bottom:2px dotted #ccc;  float:left;}
.how-it-works-quick-title{ color:#0088ff; font-size:28px; height:85px; font-weight:700; line-height:81px; text-align:center; border-bottom:2px dotted #ccc; }
.how-it-works-quick-title a{ font-size: 20px; margin:-8px 6px -4px;}
.how-it-works-quick-title-right{ color:#5e605f; }
.how-it-works-quick-right{ width:49.8%; float:right; border-top:2px dotted #ccc; border-bottom:2px dotted #ccc; }
.how-it-works-quick-detail{ padding:30px 0px 10px; position:relative; }
.signUpContent{ font-size: 15px; margin: 0 auto 50px; width: 270px; text-align:center; color:#999; }
.signUpContent span { background: url("../images/icon-blue-computer.png") no-repeat scroll 60px 8px; display: block; font-size: 24px; color:#0088ff; padding-bottom:5px;}
.leftArrow { background: url("../images/arrow-left-quick.png") no-repeat scroll 0 0; left: 55px; top:80px; height: 80px; position: absolute; width: 42px;}
.rightArrow { background: url("../images/arrow-right-quick.png") no-repeat scroll 0 0; right: 55px; top:200px; height: 80px; position: absolute; width: 42px;}
.signUpContent-post span{ background: url("../images/icon-blue-pencil.png") no-repeat scroll 49px 8px; }
.signUpContent-review span{ background: url("../images/icon-blue-star.png") no-repeat scroll 30px 6px; }
.signUpContent-pay span{ background: url("../images/icon-blue-pay.png") no-repeat scroll 0px 10px; padding-left:10px; }
.leftArrow-2{ top:365px;}
.post-task-quick{ border-top:2px dotted #ccc; text-align:center; color:#515151; font-size:17px; padding:20px 70px 10px; line-height:25px; min-height:130px;}
.btn-new-quick{ font-size:20px; margin-top:15px; padding:5px 25px;}
.signUpContent-grey-1 span{ background: url("../images/icon-grey-search.png") no-repeat scroll 15px 9px; color:#5e605f; padding-left:10px; }
.signUpContent-grey-2 span{ background: url("../images/icon-grey-check.png") no-repeat scroll 25px 9px; color:#5e605f; padding-left:20px; }
.signUpContent-grey-3 span{ background: url("../images/icon-grey-pay.png") no-repeat scroll 44px 10px; color:#5e605f; padding-left:40px; }
.leftArrow-grey{ top:125px;}
.rightArrow-grey{ top:310px;}
.last-grey-box{ margin-bottom:45px;}

.trust-quick-detail{}
.trust-quick-detail-left{ width:540px; padding-right:30px; float:left;}
.trust-quick-box{ padding-bottom:60px; padding-top:30px; overflow:hidden; min-height:125px;}
.trust-quick-box-left{}
.trust-quick-box-img{ text-align: center; width: 100px; }
.trust-quick-box-detail{ text-align:right; width: 420px;}
.trust-quick-box-title{ font-weight:300; font-size:32px; padding-bottom:10px; color:#fff;}
.trust-quick-box-info{ font-size:20px; font-weight:300; color:#fff;}
.trust-quick-box-detail-right{ text-align:right;}
.trust-quick-box-right{}
.trust-quick-detail-right{ width:540px; padding-left:30px; float:right;}
.main-how-height{ min-height:500px; }
.main-how-height-2{ min-height:495px; }
.entowork-title-2-inner-1{ background:#fff;}
.safety-new{ right:0;}
.entowork-title-2-inner-1 .entowork-title-2{ background:#fff;}
.nonafy_Works_arrow{ position:relative;}
.nonafy_Works_arrow::after{  background-image: url("../images/how_it_work_arrow.png"); background-repeat: no-repeat; background-size: 100% auto; content: ""; display: block; height: 117px;  right: 263px; position: absolute; top: 36px;  width: 202px;}
.quick-taskers{ background:rgba(0, 0, 0, 0) url("../images/how_it_work_back.png") repeat scroll 0 0;}
.quick-taskers-inner{ background:rgba(103, 120, 120, 0.9) none repeat scroll 0 0;}
.other-section-top{ border-top:1px solid #ccc; padding-bottom:30px; padding-top:10px; }
.inner_category_name a{ }
.post-task-right-ptd-new{ padding-top:0px; width:100%;}
.profile_back_new{ background:#fff;}
.login-sigup{ float:left;}
.rmm {max-width:620px !important}
.space-zero-top{ padding-top:134px;}
.select-title-quick{ color:#fff; float:right;}
.need_help a{ color:#fff;}
.need_help a:hover{ color:#fff;}
.select-title-quick input { vertical-align: middle;}
.ui-timepicker-wrapper{ width:249px !important;}
.select-title-quick-border{ color:#fff; text-align:right; border-bottom:1px solid #fff;}
.colora-quick{ color:#fff;}
.colora-quick a{ color:#fff;}
.home-signpost-content-quick{ margin-top:0px;}
.db-rightinfo-quick{ width:800px !important; margin:auto !important;  float:none;}
.urgent_task-quick{ width:96.2% !important;}
.urgent_task-quick .posted-bar-text-jp{ color:#474747;}
.resp-tab-active{ border-color:#0088ff #c1c1c1 -moz-use-text-color !important;}
.select-width-3-152{ width:90.5% !important}
/*--------------- Quick care End ----------*/


/*@media only screen 
and (min-device-width : 1183px) 
and (max-device-width : 1280px) {
header {width:85%}
.dbleft, .dbright, .dbright-task {
    border-right: 1px dotted #cccccc;
    float: left;
    height: auto;
    padding: 10px;
    width: 44%;
	margin:20px 0 0 20px
}
.dbleft {width:70%}
.dbright, .dbright-task {border:none; float:right; width:20%; text-align:center; margin:80px 0 0 0}
.dbright-task {margin:20px 20px 20px 0; width:22%}
.profile-completeness {float:right; width:70%}
.dbleft-ts, .dbright-ts {
    border-right: 1px dotted #cccccc;
    float: left;
    height: auto;
    padding: 10px;
    width: 44%;
	margin:10px
}
.dbright-ts {border:none; float:right}
#loginpart {float:right; width:45%; padding:5px 0 0 0}
ul.three-columnar {float:left; width:98%; padding:10px; margin:0}
ul.blog-item li.left, ul.blog-item li.right {float:left; width:100%; padding:0; margin:0 0 20px 0; list-style:none}
ul.blog-item li.right {float:right}
.blogger-photo {float:left; width:auto; margin:0 15px 0 0}
.blog-item-right {float:right; width:65%}
#post-today {float:left; width:100%; height:750px;}	
#post-today .content {margin:0 auto; width:90%; height:100%; }
.banner-area, .banner-area-tasker {margin:0; width:100%; height:auto; background:url(../images/banner.jpg) no-repeat; background-size:cover; height:32em}
.banner-area-tasker {background:url(../images/banner-tasker.jpg) no-repeat; background-size:cover}
article.slider {width:100%; height:auto}
h2.slider {font-family: 'Lato', sans-serif; font-size:3.0em; text-transform:uppercase; color:#051840; margin:30px 0 5px 25px; padding:0; float:left}
p.blue-tag {font-size:12px; color:#1f80c6; margin:0 0 0 25px; padding:0; float:left; width:90%}
ul.slide-points {margin:20px 0 0 0 !important; padding:0; float:left; width:90%}
ul.slide-points li {float:left; width:100%; margin:0 !important; padding:0; list-style:url(../images/bullet-p.jpg); list-style-position:inside;  font-size:12px; color:#919090}
.slider-button, .slider-button1 {width:157px; height:48px; position:absolute; top:200px; right:50px}
.slider-button1 {width:223px}
.area-left {float:left; width:55%; margin:20px 0; }
.area-right {float:right; width:40%; margin:20px 0 }
.news {float:left; width:48%; margin:20px 0; }
.testimonials {float:right; width:48%; margin:20px 0; }
h3.home {margin:15px 0 30px 0; padding:0;  font-size:2em; color:#0a4182; float:left; clear:both; 
text-transform:uppercase}
h3.benefit { font-size:2em; color:#000; text-transform:uppercase; float:left; width:100%; margin:15px 0; padding:0}
p.benefit-txt, p.benefit-txt3, p.benefit-txt2, p.benefit-txt4 { float:left; font-size:16px; color:#ffffff; margin:45px 0 0 0; padding:0; text-transform:uppercase; 
width:100%; text-align:left}
p.benefit-txt3 {margin:10px 0 0 0}
p.benefit-txt4 {margin:30px 0 0 0}
p.benefit-txt2 {margin:20px 0 0 0}
}
@media only screen 
and (min-device-width : 1143px) 
and (max-device-width : 1182px) {
header {width:88%}
#loginpart {float:right; width:45%; padding:5px 0 0 0}
.inside-task {margin:0 auto; width:100%; height:auto}
.task-layout {margin:0 auto; width:100%; height:auto}
.dbleft, .dbright, .dbright-task {
    border-right: 1px dotted #cccccc;
    float: left;
    height: auto;
    padding: 10px;
    width: 44%;
	margin:20px 0 0 20px
}
.dbleft {width:70%}
.dbright, .dbright-task {border:none; float:right; width:20%; text-align:center; margin:80px 0 0 0}
.dbright-task {margin:20px 20px 20px 0}
.profile-completeness {float:right; width:70%}
.dbleft-ts, .dbright-ts {
    border-right: 1px dotted #cccccc;
    float: left;
    height: auto;
    padding: 10px;
    width: 44%;
	margin:10px
}
ul.three-columnar {float:left; width:98%; padding:10px; margin:0}
ul.three-columnar li.left {float:left; width:32%; margin:0 20px 0 0; padding:0; height:200px; list-style:none; text-align:center}
ul.three-columnar li.center {float:left; width:32%; margin:0; padding:0; height:200px; list-style:none; text-align:center}
ul.three-columnar li.right {float:right; width:32%; margin:0; padding:0; height:200px; list-style:none; text-align:center}
.dbright-ts {border:none; float:right}
#post-today {float:left; width:100%; height:720px; background:url(../images/points-ph-bg.jpg) repeat-x}
article.slider {width:100%; height:auto}
ul.blog-item li.left, ul.blog-item li.right {float:left; width:100%; padding:0; margin:0 0 20px 0; list-style:none}
ul.blog-item li.right {float:right}
.blogger-photo {float:left; width:auto; margin:0 15px 0 0}
.blog-item-right {float:right; width:65%}
h2.slider {font-family: 'Lato', sans-serif; font-size:3.0em; text-transform:uppercase; color:#051840; margin:30px 0 5px 25px; padding:0; float:left}
p.blue-tag {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#1f80c6; margin:0 0 0 25px; padding:0; float:left; width:90%}
ul.slide-points {margin:10px 0 0 0 !important; padding:0; float:left; width:90%}
ul.slide-points li {float:left; width:100%; margin:0 !important; padding:0; list-style:url(../images/bullet-p.jpg); list-style-position:inside; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#919090}
.slider-button, .slider-button1 {width:157px; height:48px; position:absolute; top:170px; right:50px}
.slider-button1 {width:223px}
.content-area {margin:0 auto; width:80%; height:auto}
.area-left {float:left; width:55%; margin:20px 0; }
.area-right {float:right; width:40%; margin:20px 0; }
.news {float:left; width:48%; margin:20px 0; }
.testimonials {float:right; width:48%; margin:20px 0; }
h3.home {margin:15px 0 30px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:2em; color:#0a4182; float:left; clear:both; 
text-transform:uppercase}
h3.benefit {font-family:Arial, Helvetica, sans-serif; font-size:2em; color:#000; text-transform:uppercase; float:left; width:100%; margin:15px 0; padding:0}
p.benefit-txt, p.benefit-txt3, p.benefit-txt2, p.benefit-txt4 { float:left; font-size:14px; color:#ffffff; margin:45px 0 0 0; padding:0; text-transform:uppercase; 
width:100%; text-align:left}
p.benefit-txt3 {margin:10px 0 0 0}
p.benefit-txt4 {margin:30px 0 0 0}
p.benefit-txt2 {margin:20px 0 0 0}
.benefit-more {float:right; width:auto; margin:13px 0 0 0}
.benefit-content {float:right; width:57%} 
}*/
@media only screen 
and (min-device-width : 981px) 
and (max-device-width : 1160px) {
header {width:90%}
#loginpart {float:right; width:47%; padding:5px 0 0 0}
ul.blog-item li.left, ul.blog-item li.right {float:left; width:100%; padding:0; margin:0 0 20px 0; list-style:none}
ul.blog-item li.right {float:right}
.inside-task {margin:0 auto; width:100%; height:auto}
.task-layout {margin:0 auto; width:100%; height:auto}
.dbleft, .dbright, .dbright-task {
    border-right: 1px dotted #cccccc;
    float: left;
    height: auto;
    padding: 10px;
    width: 44%;
	margin:20px 0 0 20px
}
.dbleft {width:70%}
.dbright, .dbright-task {border:none; float:right; width:20%; text-align:center; margin:80px 0 0 0}
.dbright-task {margin:20px 20px 20px 0}
.profile-completeness {float:right; width:70%}
.dbleft-ts, .dbright-ts {
    border-right: 1px dotted #cccccc;
    float: left;
    height: auto;
    padding: 10px;
    width: 44%;
	margin:10px
}
ul.three-columnar {float:left; width:98%; padding:10px; margin:0}
ul.three-columnar li.left {float:left; width:32%; margin:0 20px 0 0; padding:0; height:200px; list-style:none; text-align:center}
ul.three-columnar li.center {float:left; width:32%; margin:0; padding:0; height:200px; list-style:none; text-align:center}
ul.three-columnar li.right {float:right; width:32%; margin:0; padding:0; height:200px; list-style:none; text-align:center}
.dbright-ts {border:none; float:right}
.blogger-photo {float:left; width:auto; margin:0 15px 0 0}
.blog-item-right {float:right; width:65%}
#post-today {float:left; width:100%; height:620px; background:url(../images/points-ph-bg.jpg) repeat-x}
#recent-tasks, #business, #browse-tasks, .db-rightinfo, .db-fullwidth {float:left; width:100%; background:#fff; }
#browse-tasks {height:auto}
#business {float:right; margin:20px 0 0 0}
.points-text-ph {float:right; margin:20px 10px 0 0; padding:0; width:50%; height:89%}
p.question-post {
    color: #000;
    float: left;
    font-family: 'Lato', sans-serif;
    font-size: 3.5vw;
    margin: 20px 0 15px;
    padding: 0;
    width: 100%;
}
.call {float:left; width:100%; height:185px; background:url(../images/call.gif) no-repeat center top}
.taskers {float:left; width:100%; height:185px; background:url(../images/taskers.gif) no-repeat center top}
.right-choice {float:left; width:100%; height:185px; background:url(../images/tick1.gif) no-repeat center top}
.call p, .taskers p, .right-choice p {text-align:center; font-family: 'Lato', sans-serif; color:#FFF; font-size:20px; padding:0 0 10px 0; margin:130px 0 0 0; float:left; width:100%}
.arrow {float:left; width:100%; background:url(../images/arrow-down.gif) no-repeat center; margin:40px 0; height:28px}
.c-txt3 {color:#fdeecc; font-size:17px; margin:0 auto 30px auto}
article.slider {width:100%; height:auto}
h2.slider {font-family: 'Lato', sans-serif; font-size:3.0em; text-transform:uppercase; color:#051840; margin:15px 0 5px 15px; padding:0; float:left}
p.blue-tag {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#1f80c6; margin:0 0 0 15px; padding:0; float:left; width:90%}
ul.slide-points {margin:10px 0 0 0 !important; padding:0; float:left; width:90%}
p.slide-text {font-size:12px}
ul.slide-points li {float:left; width:100%; margin:0 !important; padding:0; list-style:url(../images/bullet-p.jpg); list-style-position:inside; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000}
.slider-button, .slider-button1 {width:157px; height:48px; position:absolute; top:150px; right:50px}
.slider-button1 {width:223px}
.content-area {margin:0 auto; width:80%; height:auto}
.area-left {float:left; width:55%; margin:20px 0; }
.area-right {float:right; width:40%; margin:20px 0; }
h3.home {margin:15px 0 30px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:1.8em; color:#0a4182; float:left; clear:both; 
text-transform:uppercase}
h3.benefit {font-family:Arial, Helvetica, sans-serif; font-size:1.8em; color:#000; text-transform:uppercase; float:left; width:100%; margin:15px 0; padding:0}
p.benefit-txt, p.benefit-txt3, p.benefit-txt2, p.benefit-txt4 { float:left; font-size:12px; color:#ffffff; margin:45px 0 0 0; padding:0; text-transform:uppercase; width:100%; text-align:left}
p.benefit-txt3 {margin:10px 0 0 0}
p.benefit-txt4 {margin:30px 0 0 0}
p.benefit-txt2 {margin:20px 0 0 0}
.benefit-more {float:right; width:auto; margin:13px 0 0 0}
.benefit-content {float:right; width:50%} 
.news {float:left; width:48%; margin:20px 0}
.testimonials {float:right; width:48%; margin:20px 0}
#roadshow {float:left; width:auto; margin:0 40px 0 0}

}
@media only screen 
and (min-device-width : 981px) 
and (max-device-width : 1085px) {
	#roadshow {float:left; width:auto; margin:0}
	#post-today {float:left; width:100%; height:620px; background:#fff}
	#youtube {float:right; width:auto}
	#recent-tasks, #business, #browse-tasks, .db-rightinfo {float:left; width:100%; background:#fff; height:490px}
	#browse-tasks {height:auto}
#business {float:right; margin:20px 0 0 0}
ul.blog-item li.left, ul.blog-item li.right {float:left; width:100%; padding:0; margin:0 0 20px 0; list-style:none}
ul.blog-item li.right {float:right}
.inside-task {margin:0 auto; width:100%; height:auto}
.task-layout {margin:0 auto; width:100%; height:auto}
.dbleft, .dbright, .dbright-task {
    border-right: 1px dotted #cccccc;
    float: left;
    height: auto;
    padding: 10px;
    width: 44%;
	margin:0px 0 0 0px
}
.dbleft {width:70%}
.dbright, .dbright-task {border:none; float:right; width:20%; text-align:center; margin:80px 0 0 0}
.dbright-task {margin:20px 20px 20px 0}
.profile-completeness {float:right; width:70%}
.dbleft-ts, .dbright-ts {
    border-right: 1px dotted #cccccc;
    float: left;
    height: auto;
    padding: 10px;
    width: 44%;
	margin:10px
}

ul.three-columnar {float:left; width:98%; padding:10px; margin:0}
ul.three-columnar li.left {float:left; width:32%; margin:0 20px 0 0; padding:0; height:200px; list-style:none; text-align:center}
ul.three-columnar li.center {float:left; width:32%; margin:0; padding:0; height:200px; list-style:none; text-align:center}
ul.three-columnar li.right {float:right; width:32%; margin:0; padding:0; height:200px; list-style:none; text-align:center}

.dbright-ts {border:none; float:right}
.blogger-photo {float:left; width:auto; margin:0 15px 0 0}
.blog-item-right {float:right; width:65%}
	.call {float:left; width:100%; height:185px; background:url(../images/call.gif) no-repeat center top}
.taskers {float:left; width:100%; height:185px; background:url(../images/taskers.gif) no-repeat center top}
.right-choice {float:left; width:100%; height:185px; background:url(../images/tick1.gif) no-repeat center top}
.call p, .taskers p, .right-choice p {text-align:center; font-family: 'Lato', sans-serif; color:#FFF; font-size:20px; padding:0 0 10px 0; margin:130px 0 0 0; float:left; width:100%}
.arrow {float:left; width:100%; background:url(../images/arrow-down.gif) no-repeat center; margin:40px 0; height:28px}
}
@media only screen and (width : 980px) {
header {width:90%}
ul.taskname li.taskn {width:80%; float:right; padding:0; margin:10px 10px 0 0; list-style:none}
.inside-task {margin:0 auto; width:100%; height:auto}
.task-layout {margin:0 auto; width:100%; height:auto}
.dbleft, .dbright, .dbright-task { border-right: 1px dotted #cccccc; float: left; height: auto; padding: 10px; width: 44%; margin:20px 0 20px 20px}
.dbleft {width:70%}
.dbright, .dbright-task {border:none; float:right; width:20%; text-align:center; margin:80px 0 0 0}
.dbright-task {margin:20px 20px 20px 0}
.dbleft-ts, .dbright-ts { border-right: 1px dotted #cccccc; float: left; height: auto; padding: 10px; width: 44%; margin:10px}
ul.three-columnar {float:left; width:98%; padding:10px; margin:0}
ul.three-columnar li.left {float:left; width:32%; margin:0 20px 0 0; padding:0; height:200px; list-style:none; text-align:center}
ul.three-columnar li.center {float:left; width:32%; margin:0; padding:0; height:200px; list-style:none; text-align:center}
ul.three-columnar li.right {float:right; width:32%; margin:0; padding:0; height:200px; list-style:none; text-align:center}
.dbright-ts {border:none; float:right}
.profile-completeness {float:right; width:70%}
#loginpart {float:right; width:47%; padding:5px 0 0 0}
#post-today {float:left; width:100%; height:620px; background:url(../images/points-ph-bg.jpg) repeat-x}
ul.points-post li {font-family: 'Lato', sans-serif; font-size:2.5vw; color:#4a4a4a; list-style-image:url(../images/red-bullet-arrow.png); list-style-position:inside} 
p.question-post {float:left; width:100%; font-family: 'Lato', sans-serif; font-size:3.5vw; color:#000; padding:0; margin:20px 0 15px 0}
.call {float:left; width:100%; height:185px; background:url(../images/call.gif) no-repeat center top}
.taskers {float:left; width:100%; height:185px; background:url(../images/taskers.gif) no-repeat center top}
.right-choice {float:left; width:100%; height:185px; background:url(../images/tick1.gif) no-repeat center top}
.call p, .taskers p, .right-choice p {text-align:center; font-family: 'Lato', sans-serif; color:#FFF; font-size:20px; padding:0 0 10px 0; margin:130px 0 0 0; float:left; width:100%}
ul.blog-item li.left, ul.blog-item li.right {float:left; width:100%; padding:0; margin:0 0 20px 0; list-style:none}
ul.blog-item li.right {float:right}
.blogger-photo {float:left; width:auto; margin:0 15px 0 0}
.blog-item-right {float:right; width:65%}
#recent-tasks, #business, #browse-tasks, .db-rightinfo {float:left; width:100%; background:url(../images/section-white-bg.png) repeat; height:490px}
#browse-tasks {height:auto}
#business {float:right; margin:20px 0 0 0}
.arrow {float:left; width:100%; background:url(../images/arrow-down.gif) no-repeat center; margin:40px 0; height:28px}
.banner-area, .banner-area-tasker {margin:0; width:100%; height:auto; background:url(../images/banner.jpg) no-repeat; background-size:cover; height:25em}
.banner-area-tasker {background:url(../images/banner-tasker.jpg) no-repeat; background-size:cover}
p.blue-tag {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#1f80c6; margin:0 0 0 15px; padding:0; float:left; width:90%}
h2.slider {font-family: 'Lato', sans-serif; font-size:2.8em; text-transform:uppercase; color:#051840; margin:15px 0 5px 15px; padding:0; float:left}
ul.slide-points {margin:10px 0 0 0 !important; padding:0; float:left; width:90%}
ul.slide-points li {float:left; width:100%; margin:0 !important; padding:0; list-style:url(../images/bullet-p.jpg); list-style-position:inside; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#919090}
.slider-button, .slider-button1 {width:157px; height:48px; position:absolute; top:130px; right:50px}
.slider-button1 {width:223px}
.content-area {margin:0 auto; width:90%; height:auto}
.area-left {float:left; width:55%; margin:20px 0; }
.area-right {float:right; width:40%; margin:20px 0; }
h3.home {margin:10px 0 20px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:1.8em; color:#0a4182; float:left; clear:both; 
text-transform:uppercase}
h3.benefit {font-family:Arial, Helvetica, sans-serif; font-size:1.8em; color:#000; text-transform:uppercase; float:left; width:100%; margin:15px 0; padding:0}
p.benefit-txt, p.benefit-txt3, p.benefit-txt2, p.benefit-txt4 { float:left; font-size:12px; color:#ffffff; margin:45px 0 0 0; padding:0; text-transform:uppercase; 
width:100%; text-align:left}
p.benefit-txt3 {margin:10px 0 0 0}
p.benefit-txt4 {margin:30px 0 0 0}
p.benefit-txt2 {margin:20px 0 0 0}
.benefit-more {float:right; width:auto; margin:13px 0 0 0}
.benefit-content {float:right; width:50%} 
.c-txt3 {color:#fdeecc; font-size:16px; margin:0 auto 35px auto}
.news {float:left; width:48%; margin:20px 0; }
.testimonials {float:right; width:48%; margin:20px 0; }
.img-title {float:left; width:100%; background:#e9e9e9; padding:10px 0; text-align:center;  font-size:18px; color:#5c5c5c; text-transform:uppercase; text-shadow:#FFF 1px 1px 1px}
.support-content {float:right; width:60%; margin:0 10px 0 0}
.loginph {margin:0 auto; width:100%}
}
@media only screen 
and (min-device-width : 801px) 
and (max-device-width : 979px) {
header {width:95%}
.inside-task {margin:0 auto; width:100%; height:auto}
.task-layout {margin:0 auto; width:100%; height:auto}
ul.taskname li.taskn {width:80%; float:right; padding:0; margin:10px 10px 0 0; list-style:none}
.dbleft, .dbright, .dbright-task { border-right: 1px dotted #cccccc; float: left; height: auto; padding: 10px; width: 44%; margin:20px 0 0 20px}
ul.three-columnar {float:left; width:98%; padding:10px; margin:0}
ul.three-columnar li.left {float:left; width:32%; margin:0 20px 0 0; padding:0; height:200px; list-style:none; text-align:center}
ul.three-columnar li.center {float:left; width:32%; margin:0; padding:0; height:200px; list-style:none; text-align:center}
ul.three-columnar li.right {float:right; width:32%; margin:0; padding:0; height:200px; list-style:none; text-align:center}
.dbleft {width:70%}
.dbright, .dbright-task {border:none; float:right; width:20%; text-align:center; margin:80px 0 0 0}
.dbright-task {margin:20px 20px 20px 0}
.dbleft-ts, .dbright-ts { border-right: 1px dotted #cccccc; float: left; height: auto; padding: 10px; width: 44%; margin:10px}
.dbright-ts {border:none; float:right}
.profile-completeness {float:right; width:98%; clear:both; margin:40px 0 0 0}
#loginpart {float:right; width:55%; padding:5px 0 0 0}
.call {float:left; width:100%; height:185px; background:url(../images/call.gif) no-repeat center top}
#post-today {float:left; width:100%; height:520px; background:url(../images/points-ph.jpg) repeat-x}
#post-today .content {margin:0 auto; width:90%; height:100%; background:url(../images/points-bg-600.jpg) no-repeat; background-size:cover}
.points-text-ph {float:right; margin:20px 10px 0 0; padding:0; width:50%; height:89%}
ul.blog-item li.left, ul.blog-item li.right {float:left; width:100%; padding:0; margin:0 0 20px 0; list-style:none}
ul.blog-item li.right {float:right}
.blogger-photo {float:left; width:auto; margin:0 15px 0 0}
.blog-item-right {float:right; width:65%}
p.question-post { color: #000; float: left; font-family: 'Lato', sans-serif; font-size: 3.5vw; margin: 20px 0 15px; padding: 0; width: 100%;}
.taskers {float:left; width:100%; height:185px; background:url(../images/taskers.gif) no-repeat center top}
.right-choice {float:left; width:100%; height:185px; background:url(../images/tick1.gif) no-repeat center top}
.call p, .taskers p, .right-choice p {text-align:center; font-family: 'Lato', sans-serif; color:#FFF; font-size:20px; padding:0 0 10px 0; margin:130px 0 0 0; float:left; width:100%}
#recent-tasks, #business, #browse-tasks, .db-rightinfo {float:left; width:100%; background:#fff; height:490px}
#browse-tasks {height:auto}
#business {float:right; margin:20px 0 0 0}
.arrow {float:left; width:100%; background:url(../images/arrow-down.gif) no-repeat center; margin:30px 0; height:28px}
input[type='button'].joinnow {width:177px; height:49px; background:url(../images/joinnow.png) no-repeat; border:none}
.banner-area, .banner-area-tasker {margin:0; width:100%; height:auto; background:url(../images/banner.jpg) no-repeat; background-size:cover; height:25em}
.banner-area-tasker {background:url(../images/banner-tasker.jpg) no-repeat; background-size:cover}
h2.slider {font-family: 'Lato', sans-serif; font-size:2.5em; text-transform:uppercase; color:#051840; margin:15px 0 5px 15px; padding:0; float:left}
ul.slide-points {margin:10px 0 0 0 !important; padding:0; float:left; width:90%}
ul.slide-points li {float:left; width:100%; margin:0 !important; padding:0; list-style:url(../images/bullet-p.jpg); list-style-position:inside; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#919090}
p.blue-tag {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#1f80c6; margin:0 0 0 15px; padding:0; float:left; width:90%}
.slider-button, .slider-button1 {width:157px; height:48px; position:absolute; top:130px; right:50px}
.slider-button1 {width:223px}
.content-area {margin:0 auto; width:95%; height:auto}
.area-left {float:left; width:55%; margin:20px 0; }
.area-right {float:right; width:40%; margin:20px 0; }
.news {float:left; width:48%; margin:20px 0}
.testimonials {float:right; width:48%; margin:20px 0}
h3.home {margin:10px 0 20px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:1.8em; color:#0a4182; float:left; clear:both; 
text-transform:uppercase}
h3.benefit {font-family:Arial, Helvetica, sans-serif; font-size:1.8em; color:#000; text-transform:uppercase; float:left; width:100%; margin:15px 0; padding:0}
p.benefit-txt, p.benefit-txt3, p.benefit-txt2, p.benefit-txt4 { float:left; font-size:12px; color:#ffffff; margin:45px 0 0 0; padding:0; text-transform:uppercase; 
width:100%; text-align:left}
p.benefit-txt3 {margin:10px 0 0 0}
p.benefit-txt4 {margin:30px 0 0 0}
p.benefit-txt2 {margin:20px 0 0 0}
.benefit-more {float:right; width:auto; margin:13px 0 0 0}
.benefit-content {float:right; width:50%} 
span.bigdata {font-size:18px}
.img-title {float:left; width:100%; background:#e9e9e9; padding:8px 0; text-align:center;  font-size:18px; color:#5c5c5c; text-transform:uppercase; text-shadow:#FFF 1px 1px 1px}
.support-content {float:right; width:55%; margin:0 10px 0 0}
.loginph {margin:0 auto; width:100%}
}
@media only screen 
and (min-device-width : 801px) 
and (max-device-width : 887px) {
ul.blog-item li.left, ul.blog-item li.right {float:left; width:100%; padding:0; margin:0 0 20px 0; list-style:none}
ul.blog-item li.right {float:right}
ul.taskname li.taskn {width:80%; float:right; padding:0; margin:10px 10px 0 0; list-style:none}
.blogger-photo {float:left; width:auto; margin:0 15px 0 0}
.blog-item-right {float:right; width:65%}
ul.three-columnar {float:left; width:98%; padding:10px; margin:0}
ul.three-columnar li.left {float:left; width:32%; margin:0 20px 0 0; padding:0; height:200px; list-style:none; text-align:center}
ul.three-columnar li.center {float:left; width:32%; margin:0; padding:0; height:200px; list-style:none; text-align:center}
ul.three-columnar li.right {float:right; width:32%; margin:0; padding:0; height:200px; list-style:none; text-align:center}
.banner-area, .banner-area-tasker {margin:0; width:100%; height:auto; background:url(../images/banner.jpg) no-repeat; background-size:cover; height:25em}
.banner-area-tasker {background:url(../images/banner-tasker.jpg) no-repeat; background-size:cover}
input[type='button'].joinnow {width:177px; height:49px; background:url(../images/joinnow.png) no-repeat; border:none}
#post-today {float:left; width:100%; height:520px; background:url(../images/points-ph-bg.jpg) repeat-x}
#browse-tasks {height:auto}
#business {float:right; margin:20px 0 0 0}
.call {float:left; width:100%; height:185px; background:url(../images/call.gif) no-repeat center top}
.taskers {float:left; width:100%; height:185px; background:url(../images/taskers.gif) no-repeat center top}
.right-choice {float:left; width:100%; height:185px; background:url(../images/tick1.gif) no-repeat center top}
.call p, .taskers p, .right-choice p {text-align:center; font-family: 'Lato', sans-serif; color:#FFF; font-size:20px; padding:0 0 10px 0; margin:130px 0 0 0; float:left; width:100%}
.arrow {float:left; width:100%; background:url(../images/arrow-down.gif) no-repeat center; margin:30px 0; height:28px}
h2.slider {font-family: 'Lato', sans-serif; font-size:2.5em; text-transform:uppercase; color:#051840; margin:15px 0 5px 15px; padding:0; float:left}
ul.slide-points {margin:10px 0 0 0 !important; padding:0; float:left; width:90%}
ul.slide-points li {float:left; width:100%; margin:0 !important; padding:0; list-style:url(../images/bullet-p.jpg); list-style-position:inside; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#919090}
.slider-button, .slider-button1 {width:157px; height:48px; position:absolute; top:130px; right:50px}
p.blue-tag {font-size:11px}
p.slide-text {font-size:12px; color:#000}
.slider-button1 {width:223px}
.content-area {margin:0 auto; width:95%; height:auto}
.area-left {float:left; width:55%; margin:20px 0; }
.area-right {float:right; width:40%; margin:20px 0; }
.area-right {float:right; width:40%; margin:20px 0; }
.news {float:left; width:48%; margin:20px 0; }
.testimonials {float:right; width:48%; margin:20px 0; }
h3.home {margin:10px 0 20px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:1.8em; color:#0a4182; float:left; clear:both; 
text-transform:uppercase}
h3.benefit {font-family:Arial, Helvetica, sans-serif; font-size:1.8em; color:#000; text-transform:uppercase; float:left; width:100%; margin:15px 0; padding:0}
p.benefit-txt, p.benefit-txt3, p.benefit-txt2, p.benefit-txt4 { float:left; font-size:12px; color:#ffffff; margin:45px 0 0 0; padding:0; text-transform:uppercase; 
width:100%; text-align:left}
p.benefit-txt3 {margin:10px 0 0 0}
p.benefit-txt4 {margin:30px 0 0 0}
p.benefit-txt2 {margin:20px 0 0 0}
.benefit-more {float:right; width:auto; margin:13px 0 0 0}
.benefit-content {float:right; width:50%} 
span.bigdata {font-size:18px}
.img-title {float:left; width:100%; background:#e9e9e9; padding:8px 0; text-align:center;  font-size:18px; color:#5c5c5c; text-transform:uppercase; text-shadow:#FFF 1px 1px 1px}
.support-content {float:right; width:55%; margin:0 10px 0 0}
.loginph {margin:0 auto; width:100%}
}
@media only screen and (width : 800px) {
header {width:95%}
ul.three-columnar {float:left; width:98%; padding:10px; margin:0}
ul.three-columnar li.left {float:left; width:100%; margin:0 20px 0 0; padding:0; height:230px; list-style:none; text-align:center}
ul.three-columnar li.center {float:left; width:100%; margin:0; padding:0; height:230px; list-style:none; text-align:center}
ul.three-columnar li.right {float:right; width:100%; margin:0; padding:0; height:230px; list-style:none; text-align:center}
ul.blog-item li.left, ul.blog-item li.right {float:left; width:100%; padding:0; margin:0 0 20px 0; list-style:none}
ul.blog-item li.right {float:right}
ul.taskname li.taskn {width:80%; float:right; padding:0; margin:10px 10px 0 0; list-style:none}
.blogger-photo {float:left; width:auto; margin:0 15px 0 0}
.blog-item-right {float:right; width:60%}
#loginpart {float:right; width:55%; padding:5px 0 0 0}
#post-today {float:left; width:100%; height:500px; background:url(../images/points-ph-bg.jpg) repeat-x}
.banner-area, .banner-area-tasker {margin:0; width:100%; height:auto; background:url(../images/banner.jpg) no-repeat; background-size:cover; height:25em}
.banner-area-tasker {background:url(../images/banner-tasker.jpg) no-repeat; background-size:cover}
ul.points-post li {font-family: 'Lato', sans-serif; font-size:2.4vw; color:#4a4a4a; list-style-image:url(../images/red-bullet-arrow.png); list-style-position:inside} 
p.question-post {float:left; width:100%; font-family: 'Lato', sans-serif; font-size:3.5vw; color:#000; padding:0; margin:15px 0 15px 0}
.points-text-ph {float:right; margin:30px 10px 0 0; padding:0; width:50%; height:89%}
#recent-tasks, #business, #browse-tasks, .db-rightinfo {float:left; width:100%; background:url(../images/section-white-bg.png) repeat; height:490px}
#browse-tasks {height:auto}
#business {float:right; margin:20px 0 0 0}
.call {float:left; width:100%; height:185px; background:url(../images/call.gif) no-repeat center top}
.taskers {float:left; width:100%; height:185px; background:url(../images/taskers.gif) no-repeat center top}
.right-choice {float:left; width:100%; height:185px; background:url(../images/tick1.gif) no-repeat center top}
.call p, .taskers p, .right-choice p {text-align:center; font-family: 'Lato', sans-serif; color:#FFF; font-size:20px; padding:0 0 10px 0; margin:130px 0 0 0; float:left; width:100%}
.arrow {float:left; width:100%; background:url(../images/arrow-down.gif) no-repeat center; margin:30px 0; height:28px}
h2.slider {font-family: 'Lato', sans-serif; font-size:2.3em; text-transform:uppercase; color:#051840; margin:12px 0 5px 10px; padding:0; float:left}
ul.slide-points {margin:10px 0 0 0 !important; padding:0; float:left; width:90%}
ul.slide-points li {float:left; width:100%; margin:0 !important; padding:0; list-style:url(../images/bullet-p.jpg); list-style-position:inside; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000}
p.blue-tag {font-size:11px; margin:0 0 0 10px}
p.slide-text {font-size:12px; color:#000}
.slider-button, .slider-button1 {width:157px; height:48px; position:absolute; top:110px; right:50px}
.slider-button1 {width:223px}
p.slide-text {color:#000}
.content-area {margin:0 auto; width:95%; height:auto}
.area-left {float:left; width:55%; margin:20px 0; }
.area-right {float:right; width:40%; margin:20px 0; }
.area-right {float:right; width:40%; margin:20px 0; }
.news {float:left; width:48%; margin:20px 0; }
.testimonials {float:right; width:48%; margin:20px 0; }
h3.home {margin:10px 0 20px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:1.6em; color:#0a4182; float:left; clear:both; 
text-transform:uppercase}
h3.benefit {font-family:Arial, Helvetica, sans-serif; font-size:1.6em; color:#000; text-transform:uppercase; float:left; width:100%; margin:10px 0 20px 0; padding:0}
p.benefit-txt, p.benefit-txt3, p.benefit-txt2, p.benefit-txt4 { float:left; font-size:12px; color:#ffffff; margin:45px 0 0 0; padding:0; text-transform:uppercase; 
width:100%; text-align:left}
p.benefit-txt3 {margin:10px 0 0 0}
p.benefit-txt4 {margin:30px 0 0 0}
p.benefit-txt2 {margin:20px 0 0 0}
.benefit-more {float:right; width:auto; margin:13px 0 0 0}
.benefit-content {float:right; width:50%} 
span.bigdata {font-size:18px}
.img-title {float:left; width:100%; background:#e9e9e9; padding:8px 0; text-align:center;  font-size:18px; color:#5c5c5c; text-transform:uppercase; text-shadow:#FFF 1px 1px 1px}
.support-content {float:right; width:55%; margin:0 10px 0 0}
.loginph {margin:0 auto; width:100%}
.dbleft-ts, .dbright-ts { border-right: 1px dotted #cccccc; float: left; height: auto; padding: 10px; width: 44%; margin:10px}
.dbright-ts {border:none; float:right}
}
@media only screen 
and (min-device-width : 769px) 
and (max-device-width : 799px) {
header {width:95%}
#loginpart {float:right; width:57%; padding:5px 0 0 0}
.white-layout {width:100%; height:auto; padding:15px 0}
ul.three-columnar {float:left; width:98%; padding:10px; margin:0}
ul.three-columnar li.left {float:left; width:100%; margin:0 20px 0 0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.center {float:left; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.right {float:right; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
ul.blog-item li.left, ul.blog-item li.right {float:left; width:100%; padding:0; margin:0 0 20px 0; list-style:none}
ul.blog-item li.right {float:right}
ul.taskname li.taskn {width:80%; float:right; padding:0; margin:10px 10px 0 0; list-style:none}
.blogger-photo {float:left; width:auto; margin:0 15px 0 0}
.blog-item-right {float:right; width:60%}
ul.points-post li {font-family: 'Lato', sans-serif; font-size:2.4vw; color:#4a4a4a; list-style-image:url(../images/red-bullet-arrow.png); list-style-position:inside} 
p.question-post {float:left; width:100%; font-family: 'Lato', sans-serif; font-size:3.5vw; color:#000; padding:0; margin:15px 0 15px 0}
#post-today .content {margin:0 auto; width:90%; height:100%; }
.banner-area, .banner-area-tasker {margin:0; width:100%; height:auto; background:url(../images/banner.jpg) no-repeat; background-size:cover; height:20em}
.banner-area-tasker {background:url(../images/banner-tasker.jpg) no-repeat; background-size:cover}
.points-text-ph {float:right; margin:30px 10px 0 0; padding:0; width:50%; height:89%}
#recent-tasks, #business, #browse-tasks, .db-rightinfo {float:left; width:100%; background:url(../images/section-white-bg.png) repeat; height:490px}
#browse-tasks {height:auto}
#business {float:right; margin:20px 0 0 0}
.call {float:left; width:100%; height:185px; background:url(../images/call.gif) no-repeat center top}
.taskers {float:left; width:100%; height:185px; background:url(../images/taskers.gif) no-repeat center top}
.right-choice {float:left; width:100%; height:185px; background:url(../images/tick1.gif) no-repeat center top}
.call p, .taskers p, .right-choice p {text-align:center; font-family: 'Lato', sans-serif; color:#FFF; font-size:20px; padding:0 0 10px 0; margin:130px 0 0 0; float:left; width:100%}
.arrow {float:left; width:100%; background:url(../images/arrow-down.gif) no-repeat center; margin:25px 0; height:28px}
h2.slider {font-family: 'Lato', sans-serif; font-size:2.3em; text-transform:uppercase; color:#051840; margin:10px 0 5px 10px; padding:0; float:left}
ul.slide-points {margin:10px 0 0 0 !important; padding:0; float:left; width:90%}
p.blue-tag {font-size:11px; margin:0 0 0 10px}
p.slide-text {font-size:12px; color:#000}
ul.slide-points li {float:left; width:100%; margin:0 !important; padding:0; list-style:url(../images/bullet-p.jpg); list-style-position:inside; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000}
.slider-button, .slider-button1 {width:157px; height:48px; position:absolute; top:130px; right:50px}
.slider-button1 {width:223px}
p.slide-text {color:#000}
.content-area {margin:0 auto; width:95%; height:auto}
.area-left {float:left; width:55%; margin:20px 0; }
.area-right {float:right; width:40%; margin:20px 0; }
.news {float:left; width:48%; margin:20px 0; }
.testimonials {float:right; width:48%; margin:20px 0; }
h3.home {margin:10px 0 20px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:1.6em; color:#0a4182; float:left; clear:both; 
text-transform:uppercase}
h3.benefit {font-family:Arial, Helvetica, sans-serif; font-size:1.6em; color:#000; text-transform:uppercase; float:left; width:100%; margin:10px 0 20px 0; padding:0}
p.benefit-txt, p.benefit-txt3, p.benefit-txt2, p.benefit-txt4 { float:left; font-size:12px; color:#ffffff; margin:45px 0 0 0; padding:0; text-transform:uppercase; 
width:100%; text-align:left}
p.benefit-txt3 {margin:10px 0 0 0}
p.benefit-txt4 {margin:30px 0 0 0}
p.benefit-txt2 {margin:20px 0 0 0}
.benefit-more {float:right; width:auto; margin:13px 0 0 0}
.benefit-content {float:right; width:48%}
span.bigdata {font-size:16px}
ul.submits li.green, ul.submits li.orange, ul.submits li.blue, ul.submits li.yellow, ul.submits li.red, ul.submits li.ashblue, ul.submits li.ashgreen, ul.submits li.ashviolate {float:left; width:50%; padding:36px 0 26px 0; background-color:#99bc4c; border-right:1px #fff solid; text-align:center; height:300px}
ul.submits li.green {padding:36px 0 26px 0; border-bottom:#FFF 1px solid; background-image:url(../images/one.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.orange {background:#ffa639; background-image:url(../images/two.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.blue {background:#70bedb; background-image:url(../images/three.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.yellow {background:#e7c884; border-top:#FFF 1px solid; background-image:url(../images/four.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.red {border-top:#FFF 1px solid; background:#FF9595; background-image:url(../images/five.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashblue {border-top:#FFF 1px solid; background:#A4BDCA; background-image:url(../images/six.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashgreen {border-top:#FFF 1px solid; background:#C5D095; background-image:url(../images/seven.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashviolate {border-top:#FFF 1px solid; background:#D1BCD8; background-image:url(../images/eight.png); background-repeat:no-repeat; background-position:bottom 20px center}
.c-txt, .c-txt1, .c-txt2, .c-txt3 {margin:0 auto 22px auto; width:90%; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#e8ffb4}
.c-txt1 {color:#ffebb5; margin:0 auto 48px auto}
.c-txt2 {color:#c2eeff; margin:0 auto 49px auto}
.c-txt3 {color:#fdeecc}
.services-area {float:left; width:100%}
.support-area {float:left; width:100%}
.support-content {float:right; width:55%; margin:0 10px 0 0}
.loginph {margin:0 auto; width:100%}
}
@media only screen and (width : 768px) {
header {width:95%}
ul.blog-item li.left, ul.blog-item li.right {float:left; width:100%; padding:0; margin:0 0 20px 0; list-style:none}
ul.blog-item li.right {float:right}
.blogger-photo {float:left; width:auto; margin:0 15px 0 0}
.blog-item-right {float:right; width:60%}
ul.taskname li.taskn {width:80%; float:right; padding:0; margin:10px 10px 0 0; list-style:none}
#loginpart {float:right; width:57%; padding:5px 0 0 0}
.white-layout {width:100%; height:auto; padding:15px 0}
ul.three-columnar {float:left; width:98%; padding:10px; margin:0}
ul.three-columnar li.left {float:left; width:100%; margin:0 20px 0 0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.center {float:left; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.right {float:right; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
.pincode-ph {float:left; width:40%; margin:0}
.joinnow {float:left; width:auto; margin:0 0 0 15px}
.banner-area, .banner-area-tasker {margin:0; width:100%; height:auto; background:url(../images/banner.jpg) no-repeat; background-size:cover; height:20em}
.banner-area-tasker {background:url(../images/banner-tasker.jpg) no-repeat; background-size:cover}
#post-today {float:left; width:100%; height:460px; }
.points-text-ph {float:right; margin:30px 10px 0 0; padding:0; width:50%; height:89%}
ul.points-post li {font-family: 'Lato', sans-serif; font-size:2.4vw; color:#4a4a4a; list-style-image:url(../images/red-bullet-arrow.png); list-style-position:inside} 
p.question-post {float:left; width:100%; font-family: 'Lato', sans-serif; font-size:3.5vw; color:#000; padding:0; margin:15px 0 15px 0}
input[type='button'].joinnow {width:177px; height:49px; background:url(../images/joinnow.png) no-repeat; border:none}
h2.slider {font-family: 'Lato', sans-serif; font-size:2.3em; text-transform:uppercase; color:#051840; margin:10px 0 5px 10px; padding:0; float:left}
ul.slide-points {margin:10px 0 0 0 !important; padding:0; float:left; width:90%}
ul.slide-points li {float:left; width:100%; margin:0 !important; padding:0; list-style:url(../images/bullet-p.jpg); list-style-position:inside; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000}
p.blue-tag {font-size:11px; margin:0 0 0 10px}
p.slide-text {font-size:12px; color:#000}
#recent-tasks, #business, #browse-tasks, .db-rightinfo {float:left; width:99.2%; background:#fff; height:490px}
#browse-tasks {height:auto}
#business {float:right; margin:20px 0 0 0}
.call {float:left; width:100%; height:185px; background:url(../images/call.gif) no-repeat center top}
.taskers {float:left; width:100%; height:185px; background:url(../images/taskers.gif) no-repeat center top}
.right-choice {float:left; width:100%; height:185px; background:url(../images/tick1.gif) no-repeat center top}
.call p, .taskers p, .right-choice p {text-align:center; font-family: 'Lato', sans-serif; color:#FFF; font-size:20px; padding:0 0 10px 0; margin:130px 0 0 0; float:left; width:100%}
.arrow {float:left; width:100%; background:url(../images/arrow-down.gif) no-repeat center; margin:25px 0; height:28px}
.slider-button, .slider-button1 {width:157px; height:48px; position:absolute; top:110px; right:50px}
.slider-button1 {width:223px}
p.slide-text {color:#000}
.content-area {margin:0 auto; width:95%; height:auto}
.area-left {float:left; width:55%; margin:20px 0; }
.area-right {float:right; width:40%; margin:20px 0; }
.news {float:left; width:48%; margin:20px 0; }
.testimonials {float:right; width:48%; margin:20px 0; }
h3.home {margin:10px 0 20px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:1.5em; color:#0a4182; float:left; clear:both; 
text-transform:uppercase}
h3.benefit {font-family:Arial, Helvetica, sans-serif; font-size:1.5em; color:#000; text-transform:uppercase; float:left; width:100%; margin:10px 0 20px 0; padding:0}
p.benefit-txt, p.benefit-txt3, p.benefit-txt2, p.benefit-txt4 { float:left; font-size:12px; color:#ffffff; margin:45px 0 0 0; padding:0; text-transform:uppercase; 
width:100%; text-align:left}
p.benefit-txt3 {margin:10px 0 0 0}
p.benefit-txt4 {margin:30px 0 0 0}
p.benefit-txt2 {margin:20px 0 0 0}
.benefit-more {float:right; width:auto; margin:13px 0 0 0}
.benefit-content {float:right; width:45%} 
span.bigdata {font-size:16px}
ul.submits li.green, ul.submits li.orange, ul.submits li.blue, ul.submits li.yellow, ul.submits li.red, ul.submits li.ashblue, ul.submits li.ashgreen, ul.submits li.ashviolate {float:left; width:50%; padding:36px 0 26px 0; background-color:#99bc4c; border-right:1px #fff solid; text-align:center; height:300px}
ul.submits li.green {padding:36px 0 26px 0; border-bottom:#FFF 1px solid; background-image:url(../images/one.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.orange {background:#ffa639; background-image:url(../images/two.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.blue {background:#70bedb; background-image:url(../images/three.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.yellow {background:#e7c884; border-top:#FFF 1px solid; background-image:url(../images/four.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.red {border-top:#FFF 1px solid; background:#FF9595; background-image:url(../images/five.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashblue {border-top:#FFF 1px solid; background:#A4BDCA; background-image:url(../images/six.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashgreen {border-top:#FFF 1px solid; background:#C5D095; background-image:url(../images/seven.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashviolate {border-top:#FFF 1px solid; background:#D1BCD8; background-image:url(../images/eight.png); background-repeat:no-repeat; background-position:bottom 20px center}
.c-txt, .c-txt1, .c-txt2, .c-txt3 {margin:0 auto 22px auto; width:90%; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#e8ffb4}
.c-txt1 {color:#ffebb5; margin:0 auto 48px auto}
.c-txt2 {color:#c2eeff; margin:0 auto 49px auto}
.c-txt3 {color:#fdeecc}
.services-area {float:left; width:100%}
.support-area {float:left; width:100%}
p.support-txt, p.support-txt2, p.support-txt3, p.support-txt4 {font-size:20px}
.loginph {margin:0 auto; width:100%}
}
@media only screen 
and (min-device-width : 706px) 
and (max-device-width : 767px) {
header {width:95%}
#loginpart {float:right; width:62%; padding:5px 0 0 0}
ul.blog-item li.left, ul.blog-item li.right {float:left; width:100%; padding:0; margin:0 0 20px 0; list-style:none}
ul.blog-item li.right {float:right}
ul.taskname li.taskn {width:80%; float:right; padding:0; margin:10px 10px 0 0; list-style:none}
.blogger-photo {float:left; width:auto; margin:0 15px 0 0}
.blog-item-right {float:right; width:65%}
.call {float:left; width:100%; height:185px; background:url(../images/call.gif) no-repeat center top}
.taskers {float:left; width:100%; height:185px; background:url(../images/taskers.gif) no-repeat center top}
.right-choice {float:left; width:100%; height:185px; background:url(../images/tick1.gif) no-repeat center top}
.call p, .taskers p, .right-choice p {text-align:center; font-family: 'Lato', sans-serif; color:#FFF; font-size:20px; padding:0 0 10px 0; margin:130px 0 0 0; float:left; width:100%}
.white-layout {width:100%; height:auto; padding:15px 0}
ul.three-columnar {float:left; width:98%; padding:10px; margin:0}
ul.three-columnar li.left {float:left; width:100%; margin:0 20px 0 0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.center {float:left; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.right {float:right; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
.points-text-ph {float:right; margin:20px 10px 0 0; padding:0; width:50%; height:93%}
.arrow {float:left; width:100%; background:url(../images/arrow-down.gif) no-repeat center; margin:20px 0; height:28px}
.banner-area, .banner-area-tasker {margin:0; width:100%; height:auto; background:url(../images/banner.jpg) no-repeat; background-size:cover; height:20em}
.banner-area-tasker {background:url(../images/banner-tasker.jpg) no-repeat; background-size:cover}
#recent-tasks, #business, #browse-tasks, .db-rightinfo {float:left; width:100%; background:url(../images/section-white-bg.png) repeat; height:490px}
#browse-tasks {height:auto}
#business {float:right; margin:20px 0 0 0}
h2.slider {font-family: 'Lato', sans-serif; font-size:2.3em; text-transform:uppercase; color:#051840; margin:10px 0 5px 10px; padding:0; float:left}
ul.slide-points {margin:10px 0 0 0 !important; padding:0; float:left; width:90%}
ul.slide-points li {float:left; width:100%; margin:0 !important; padding:0; list-style:url(../images/bullet-p.jpg); list-style-position:inside; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000}
.slider-button, .slider-button1 {width:157px; height:48px; position:static; top:110px; right:50px}
.slider-button1 {width:223px; top:20px; right:30px; float:right; margin:0 0 0 20px}
p.blue-tag {font-size:11px; margin:0 0 0 10px}
p.slide-text {font-size:12px; color:#000}
.content-area {margin:0 auto; width:95%; height:auto}
.area-left {float:left; width:55%; margin:20px 0; }
.area-right {float:right; width:40%; margin:20px 0; }
.news {float:left; width:48%; margin:20px 0; }
.testimonials {float:right; width:48%; margin:20px 0; }
h3.home {margin:10px 0 20px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:1.5em; color:#0a4182; float:left; clear:both; 
text-transform:uppercase}
h3.benefit {font-family:Arial, Helvetica, sans-serif; font-size:1.5em; color:#000; text-transform:uppercase; float:left; width:100%; margin:10px 0 20px 0; padding:0}
p.benefit-txt, p.benefit-txt3, p.benefit-txt2, p.benefit-txt4 {font-family:arial; font-weight:bold; float:left; font-size:12px; color:#ffffff; margin:45px 0 0 0; padding:0; text-transform:uppercase; 
width:100%; text-align:left}
p.benefit-txt3 {margin:10px 0 0 0}
p.benefit-txt4 {margin:30px 0 0 0}
p.benefit-txt2 {margin:20px 0 0 0}
.benefit-more {float:right; width:auto; margin:13px 0 0 0}
.benefit-content {float:right; width:38%} 
span.bigdata {font-size:16px}
.benefit-icon1 {float:left; width:85%; height:100%; background:url(../images/b1-img.jpg) no-repeat left}
.benefit-icon2 {float:left; width:85%; height:100%; background:url(../images/b2-img.jpg) no-repeat left}
.benefit-icon3 {float:left; width:85%; height:100%; background:url(../images/b3-img.jpg) no-repeat left}
.benefit-icon4 {float:left; width:85%; height:100%; background:url(../images/b4-img.jpg) no-repeat left}
.benefit-icon5 {float:left; width:85%; height:100%; background:url(../images/b5-img.jpg) no-repeat left}
ul.submits li.green, ul.submits li.orange, ul.submits li.blue, ul.submits li.yellow, ul.submits li.red, ul.submits li.ashblue, ul.submits li.ashgreen, ul.submits li.ashviolate {float:left; width:50%; padding:36px 0 26px 0; background-color:#99bc4c; border-right:1px #fff solid; text-align:center; height:300px}
ul.submits li.green {padding:36px 0 26px 0; border-bottom:#FFF 1px solid; background-image:url(../images/one.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.orange {background:#ffa639; background-image:url(../images/two.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.blue {background:#70bedb; background-image:url(../images/three.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.yellow {background:#e7c884; border-top:#FFF 1px solid; background-image:url(../images/four.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.red {border-top:#FFF 1px solid; background:#FF9595; background-image:url(../images/five.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashblue {border-top:#FFF 1px solid; background:#A4BDCA; background-image:url(../images/six.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashgreen {border-top:#FFF 1px solid; background:#C5D095; background-image:url(../images/seven.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashviolate {border-top:#FFF 1px solid; background:#D1BCD8; background-image:url(../images/eight.png); background-repeat:no-repeat; background-position:bottom 20px center}
.c-txt, .c-txt1, .c-txt2, .c-txt3 {margin:0 auto 22px auto; width:90%; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#e8ffb4}
.c-txt1 {color:#ffebb5; margin:0 auto 48px auto}
.c-txt2 {color:#c2eeff; margin:0 auto 49px auto}
.c-txt3 {color:#fdeecc}
.services-area {float:left; width:100%}
.support-area {float:left; width:100%}
.support-content {float:right; width:50%; margin:0 10px 0 0}
p.support-txt, p.support-txt2, p.support-txt3, p.support-txt4 {font-size:18px}
.loginph {margin:0 auto; width:100%}
}
@media only screen and (width : 720px) {
ul.blog-item li.left, ul.blog-item li.right {float:left; width:100%; padding:0; margin:0 0 20px 0; list-style:none}
ul.blog-item li.right {float:right}
.blogger-photo {float:left; width:auto; margin:0 15px 0 0}
.blog-item-right {float:right; width:65%}
ul.taskname li.taskn {width:80%; float:right; padding:0; margin:10px 10px 0 0; list-style:none}
.banner-area, .banner-area-tasker {margin:0; width:100%; height:auto; background:url(../images/banner.jpg) no-repeat; background-size:cover; height:20em}
.banner-area-tasker {background:url(../images/banner-tasker.jpg) no-repeat; background-size:cover}
h2.slider {font-family: 'Lato', sans-serif; font-size:3em; text-transform:uppercase; color:#051840; margin:30px 0 5px 25px; padding:0; float:left}
ul.slide-points {margin:0 0 0 0 !important; padding:0; float:left; width:50%}
.points-text-ph {float:right; margin:20px 10px 0 0; padding:0; width:50%; height:93%}
ul.slide-points li {float:left; width:100%; margin:0 !important; padding:0; list-style:url(../images/bullet-p.jpg); list-style-position:inside; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000}
.white-layout {width:100%; height:auto; padding:15px 0}
ul.three-columnar {float:left; width:98%; padding:10px; margin:0}
ul.three-columnar li.left {float:left; width:100%; margin:0 20px 0 0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.center {float:left; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.right {float:right; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
.slider-button, .slider-button1 {width:157px; height:48px; position:absolute; top:200px; right:50px}
#post-today {float:left; width:100%; height:460px; background:url(../images/points-ph-bg.jpg) repeat-x}
#post-today .content {margin:0 auto; width:90%; height:100%; background:url(../images/points-bg.jpg) no-repeat; background-size:cover}
.slider-button1 {width:223px}
#recent-tasks, #business, #browse-tasks, .db-rightinfo {float:left; width:100%; background:url(../images/section-white-bg.png) repeat; height:490px}
#browse-tasks {height:auto}
#business {float:right; margin:20px 0 0 0}
.call {float:left; width:100%; height:185px; background:url(../images/call.gif) no-repeat center top}
.taskers {float:left; width:100%; height:185px; background:url(../images/taskers.gif) no-repeat center top}
.right-choice {float:left; width:100%; height:185px; background:url(../images/tick1.gif) no-repeat center top}
.call p, .taskers p, .right-choice p {text-align:center; font-family: 'Lato', sans-serif; color:#FFF; font-size:20px; padding:0 0 10px 0; margin:130px 0 0 0; float:left; width:100%}
.arrow {float:left; width:100%; background:url(../images/arrow-down.gif) no-repeat center; margin:20px 0; height:28px}
p.slide-text {color:#000}
.content-area {margin:0 auto; width:95%; height:auto}
.area-left {float:left; width:100%; margin:20px 0; }
.area-right {float:right; width:100%; margin:20px 0; }
p.benefit-txt, p.benefit-txt3, p.benefit-txt2, p.benefit-txt4 { float:left; font-size:16px; color:#ffffff; margin:45px 0 0 0; padding:0; text-transform:uppercase; width:100%; text-align:left; font-weight:normal}
p.benefit-txt3 {margin:10px 0 0 0}
p.benefit-txt4 {margin:30px 0 0 0}
p.benefit-txt2 {margin:20px 0 0 0}
.benefit-icon1 {float:left; width:100%; height:100%; background:url(../images/b1-img.jpg) no-repeat left}
.benefit-icon2 {float:left; width:100%; height:100%; background:url(../images/b2-img.jpg) no-repeat left}
.benefit-icon3 {float:left; width:100%; height:100%; background:url(../images/b3-img.jpg) no-repeat left}
.benefit-icon4 {float:left; width:100%; height:100%; background:url(../images/b4-img.jpg) no-repeat left}
.benefit-icon5 {float:left; width:100%; height:100%; background:url(../images/b5-img.jpg) no-repeat left}
.benefit-more {float:right; width:auto; margin:13px 0 0 0}
.benefit-content {float:right; width:70%} 
.news {float:left; width:100%; margin:20px 0; }
.testimonials {float:right; width:100%; margin:20px 0; }
h3.home {margin:10px 0 20px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:1.5em; color:#0a4182; float:left; clear:both; 
text-transform:uppercase}
h3.benefit {font-family:Arial, Helvetica, sans-serif; font-size:1.5em; color:#000; text-transform:uppercase; float:left; width:100%; margin:10px 0 20px 0; padding:0}
ul.submits li.green, ul.submits li.orange, ul.submits li.blue, ul.submits li.yellow, ul.submits li.red, ul.submits li.ashblue, ul.submits li.ashgreen, ul.submits li.ashviolate {float:left; width:50%; padding:36px 0 26px 0; background-color:#99bc4c; border-right:1px #fff solid; text-align:center; height:300px}
ul.submits li.green {padding:36px 0 26px 0; border-bottom:#FFF 1px solid; background-image:url(../images/one.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.orange {background:#ffa639; background-image:url(../images/two.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.blue {background:#70bedb; background-image:url(../images/three.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.yellow {background:#e7c884; border-top:#FFF 1px solid; background-image:url(../images/four.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.red {border-top:#FFF 1px solid; background:#FF9595; background-image:url(../images/five.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashblue {border-top:#FFF 1px solid; background:#A4BDCA; background-image:url(../images/six.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashgreen {border-top:#FFF 1px solid; background:#C5D095; background-image:url(../images/seven.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashviolate {border-top:#FFF 1px solid; background:#D1BCD8; background-image:url(../images/eight.png); background-repeat:no-repeat; background-position:bottom 20px center}
.c-txt, .c-txt1, .c-txt2, .c-txt3 {margin:0 auto 22px auto; width:90%; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#e8ffb4}
.c-txt1 {color:#ffebb5; margin:0 auto 48px auto}
.c-txt2 {color:#c2eeff; margin:0 auto 49px auto}
.c-txt3 {color:#fdeecc}
.services-area {float:left; width:100%}
.support-area {float:left; width:100%}
.loginph {margin:0 auto; width:100%}
}
@media only screen 
and (min-device-width : 500px) 
and (max-device-width : 720px) {
ul.blog-item li.left, ul.blog-item li.right {float:left; width:100%; padding:0; margin:0 0 20px 0; list-style:none}
ul.blog-item li.right {float:right}
.blogger-photo {float:left; width:auto; margin:0 15px 0 0}
.blog-item-right {float:right; width:65%}
ul.taskname li.taskn {width:80%; float:right; padding:0; margin:10px 10px 0 0; list-style:none}
p.username {width:100%; float:left; padding:0; margin:0; font-family: 'Lato', sans-serif; font-size:3.5vw; color:#FFF; text-align:center}
.banner-area, .banner-area-tasker {margin:0; width:100%; height:auto; background:url(../images/banner.jpg) no-repeat; background-size:cover; height:18em}
.tasker-photo {float:left; width:100%; margin:0 0 10px 0; text-align:center}
.white-layout {width:100%; height:auto; padding:15px 0}
ul.three-columnar {float:left; width:98%; padding:10px; margin:0}
ul.three-columnar li.left {float:left; width:100%; margin:0 20px 0 0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.center {float:left; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.right {float:right; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
.task-details {float:left; width:100%; height:112px; overflow:auto}
.task-code {float:left; width:100%; background:#0088ff; text-align:center; padding:15px 0; font-family: 'Lato', sans-serif; font-size:30px; font-weight:normal; color:#FFF; margin:10px 0}
h2.slider {font-family: 'Lato', sans-serif; font-size:3.5em; text-transform:uppercase; color:#051840; margin:15px 0 15px 25px; padding:0; 
width:90%; text-align:center}
.call {float:left; width:100%; height:185px; background:url(../images/call.gif) no-repeat center top}
.taskers {float:left; width:100%; height:185px; background:url(../images/taskers.gif) no-repeat center top}
.right-choice {float:left; width:100%; height:185px; background:url(../images/tick1.gif) no-repeat center top}
.call p, .taskers p, .right-choice p {text-align:center; font-family: 'Lato', sans-serif; color:#FFF; font-size:20px; padding:0 0 10px 0; margin:130px 0 0 0; float:left; width:100%}
.arrow {float:left; width:100%; background:url(../images/arrow-down.gif) no-repeat center; margin:20px 0; height:28px}
ul.slide-points {margin:0 0 0 0 !important; padding:0; float:left; width:50%}
input[type='button'].joinnow {width:177px; height:49px; background:url(../images/joinnow.png) no-repeat; border:none}
#browse-tasks {height:auto}
#business {float:right; margin:20px 0 0 0}
ul.slide-points li {float:left; width:100%; margin:0 !important; padding:0; list-style:url(../images/bullet-p.jpg); list-style-position:inside; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000}
.slider-button, .slider-button1 {width:100%; height:auto; float:left; margin:15px 0; position:static; text-align:center}
.h-slider1, .h-slider2, .h-slider3, .h-slider4, .h-slider5 {background:#fff; height: 100%; margin: 0px; left: 48.365px; width: auto; overflow: hidden}
p.slide-text {color:#000; float:left; width:90%}
p.blue-tag {font-size:12px; float:left; width:90%}
.content-area {margin:0 auto; width:95%; height:auto}
.area-left {float:left; width:100%; margin:20px 0; }
.area-right {float:right; width:100%; margin:20px 0; }
.news {float:left; width:100%; margin:20px 0; }
.testimonials {float:right; width:100%; margin:20px 0; }
h3.home {margin:10px 0 20px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:1.5em; color:#0a4182; float:left; clear:both; 
text-transform:uppercase}
h3.benefit {font-family:Arial, Helvetica, sans-serif; font-size:1.5em; color:#000; text-transform:uppercase; float:left; width:100%; margin:10px 0 20px 0; padding:0}
p.benefit-txt, p.benefit-txt3, p.benefit-txt2, p.benefit-txt4 { float:left; font-size:16px; color:#ffffff; margin:45px 0 0 0; padding:0; text-transform:uppercase; width:100%; text-align:left; font-weight:normal}
p.benefit-txt3 {margin:10px 0 0 0}
p.benefit-txt4 {margin:30px 0 0 0}
p.benefit-txt2 {margin:20px 0 0 0}
.benefit-icon1 {float:left; width:100%; height:100%; background:url(../images/b1-img.jpg) no-repeat left}
.benefit-icon2 {float:left; width:100%; height:100%; background:url(../images/b2-img.jpg) no-repeat left}
.benefit-icon3 {float:left; width:100%; height:100%; background:url(../images/b3-img.jpg) no-repeat left}
.benefit-icon4 {float:left; width:100%; height:100%; background:url(../images/b4-img.jpg) no-repeat left}
.benefit-icon5 {float:left; width:100%; height:100%; background:url(../images/b5-img.jpg) no-repeat left}
.benefit-more {float:right; width:auto; margin:13px 0 0 0}
.benefit-content {float:right; width:70%} 
span.bigdata {font-size:18px}
ul.submits li.green, ul.submits li.orange, ul.submits li.blue, ul.submits li.yellow, ul.submits li.red, ul.submits li.ashblue, ul.submits li.ashgreen, ul.submits li.ashviolate {float:left; width:50%; padding:36px 0 26px 0; background-color:#99bc4c; border-right:1px #fff solid; text-align:center; height:300px}
ul.submits li.green {padding:36px 0 26px 0; border-bottom:#FFF 1px solid; background-image:url(../images/one.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.orange {background:#ffa639; background-image:url(../images/two.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.blue {background:#70bedb; background-image:url(../images/three.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.yellow {background:#e7c884; border-top:#FFF 1px solid; background-image:url(../images/four.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.red {border-top:#FFF 1px solid; background:#FF9595; background-image:url(../images/five.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashblue {border-top:#FFF 1px solid; background:#A4BDCA; background-image:url(../images/six.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashgreen {border-top:#FFF 1px solid; background:#C5D095; background-image:url(../images/seven.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashviolate {border-top:#FFF 1px solid; background:#D1BCD8; background-image:url(../images/eight.png); background-repeat:no-repeat; background-position:bottom 20px center}
.c-txt, .c-txt1, .c-txt2, .c-txt3 {margin:0 auto 15px auto; width:90%; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#e8ffb4}
.c-txt1 {color:#ffebb5}
.c-txt2 {color:#c2eeff}
.c-txt3 {color:#fdeecc}
.services-area {float:left; width:100%}
.support-area {float:left; width:100%}
.support-content {float:right; width:55%; margin:0 10px 0 0}
p.support-txt, p.support-txt2, p.support-txt3, p.support-txt4 {font-size:16px}
.loginph {margin:0 auto; width:100%}
}
@media only screen 
and (min-device-width : 500px) 
and (max-device-width : 550px) {
.points-text-ph {float:right; margin:20px 10px 0 0; padding:0; width:95%; height:93%}
.blog-item-right {float:right; width:60%}

.white-layout {width:100%; height:auto; padding:15px 0}
ul.three-columnar {float:left; width:98%; padding:10px; margin:0}
ul.three-columnar li.left {float:left; width:100%; margin:0 20px 0 0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.center {float:left; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.right {float:right; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
}
@media only screen 
and (min-device-width : 551px) 
and (max-device-width : 600px) {
.points-text-ph {float:right; margin:20px 10px 0 0; padding:0; width:95%; height:93%}
.blog-item-right {float:right; width:60%}
.white-layout {width:100%; height:auto; padding:15px 0}
ul.three-columnar {float:left; width:98%; padding:10px; margin:0}
ul.three-columnar li.left {float:left; width:100%; margin:0 20px 0 0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.center {float:left; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.right {float:right; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
}
@media only screen 
and (min-device-width : 600px) 
and (max-device-width : 650px) {
.points-text-ph {float:right; margin:20px 10px 0 0; padding:0; width:95%; height:93%}
.blog-item-right {float:right; width:60%}
.white-layout {width:100%; height:auto; padding:15px 0}
ul.three-columnar {float:left; width:98%; padding:10px; margin:0}
ul.three-columnar li.left {float:left; width:100%; margin:0 20px 0 0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.center {float:left; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.right {float:right; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
}
@media only screen 
and (min-device-width : 650px) 
and (max-device-width : 719px) {
#post-today .content {margin:0 auto; width:90%; height:100%; background:url(../images/points-bg-600.jpg) no-repeat; background-size:cover}	
.points-text-ph {float:right; margin:20px 0px 0 0; padding:0; width:460px; height:93%}
.blog-item-right {float:right; width:60%}
.white-layout {width:100%; height:auto; padding:15px 0}
ul.three-columnar {float:left; width:98%; padding:10px; margin:0}
ul.three-columnar li.left {float:left; width:100%; margin:0 20px 0 0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.center {float:left; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.right {float:right; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
}
@media only screen 
and (min-device-width : 360px) 
and (max-device-width : 499px) {
.banner-area, .banner-area-tasker {margin:0; width:100%; height:auto; background:url(../images/banner.jpg) no-repeat center top; background-size:113%; height:150px}
.banner-area-tasker {background:url(../images/banner-tasker.jpg) no-repeat; background-size:cover}
h2.slider {font-family: 'Lato', sans-serif; font-size:2.3em; text-transform:uppercase; color:#051840; margin:15px 0 15px 25px; padding:0; 
width:90%; text-align:center}
label.city {font-size:16px; font-weight:bold; float:left; width:100%; margin:0 0 15px 0}
.flefttask-option {float:left; width:95%; clear:both}
.change {float:right; width:95%; text-align:right}
p.username {width:100%; float:left; padding:0; margin:0; font-family: 'Lato', sans-serif; font-size:4.5vw; color:#FFF; text-align:center}
ul.taskname li.taskn {width:60%; float:right; padding:0; margin:10px 10px 0 0; list-style:none}	
h2.taskname {font-size:18px}
.white-layout {width:100%; height:auto; padding:15px 0}
ul.three-columnar {float:left; width:98%; padding:10px; margin:0}
ul.three-columnar li.left {float:left; width:100%; margin:0 20px 0 0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.center {float:left; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.right {float:right; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
ul.blog-item li.left, ul.blog-item li.right {float:left; width:100%; padding:0; margin:0 0 20px 0; list-style:none}
ul.blog-item li.right {float:right}
.blogger-photo {float:left; width:auto; margin:0 15px 0 0}
.blog-item-right {float:right; width:65%}
ul.points-post li {font-family: 'Lato', sans-serif; font-size:4vw; color:#4a4a4a; list-style-image:url(../images/red-bullet-arrow.png); list-style-position:inside} 
p.question-post {float:left; width:100%; font-family: 'Lato', sans-serif; font-size:5vw; color:#000; padding:0; margin:10px 0 15px 0}
#post-today {float:left; width:100%; height:460px; }
#post-today .content {margin:0 auto; width:90%; height:100%; }
.business-signpost-banner {width:98%; margin:68px auto 15px auto; height:50%; background:url(../images/business-bg.jpg) no-repeat; background-size:cover}
.tasker-photo {float:left; width:100%; margin:0 0 10px 0; text-align:center}
.task-details {float:left; width:100%; height:112px; overflow:auto}
.task-code {float:left; width:100%; background:#0088ff; text-align:center; padding:15px 0; font-family: 'Lato', sans-serif; font-size:30px; font-weight:normal; color:#FFF; margin:10px 0}
#post-today .content {margin:0 auto; width:90%; height:100%; }	
.points-text-ph {float:right; margin:20px 10px 0 0; padding:0; width:95%; height:93%}
.call {float:left; width:100%; height:185px; background:url(../images/call.gif) no-repeat center top}
.taskers {float:left; width:100%; height:185px; background:url(../images/taskers.gif) no-repeat center top}
.right-choice {float:left; width:100%; height:185px; background:url(../images/tick1.gif) no-repeat center top}
.call p, .taskers p, .right-choice p {text-align:center; font-family: 'Lato', sans-serif; color:#FFF; font-size:20px; padding:0 0 10px 0; margin:130px 0 0 0; float:left; width:100%}
#recent-tasks, #business, #browse-tasks, .db-rightinfo {float:left; width:100%; background:url(../images/section-white-bg.png) repeat; height:490px}
#browse-tasks {height:auto}
#business {float:right; margin:20px 0 0 0}
.arrow {float:left; width:100%; background:url(../images/arrow-down.gif) no-repeat center; margin:15px 0; height:28px}
ul.slide-points {margin:0 0 0 0 !important; padding:0; float:left; width:90%}
input[type='button'].joinnow {width:177px; height:49px; background:url(../images/joinnow.png) no-repeat; border:none}
ul.slide-points li {float:left; width:100%; margin:0 !important; padding:0; list-style:url(../images/bullet-p.jpg); list-style-position:inside; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000}
#acc-banners-ph {float:left; width:100%; height:auto; overflow:hidden; background:url(../images/acc-bg.jpg) top no-repeat; background-size:cover; overflow:hidden}
.slider-button, .slider-button1 {width:100%; height:auto; float:left; margin:15px 0; position:static; text-align:center}
.h-slider1, .h-slider2, .h-slider3, .h-slider4, .h-slider5 {background:#fff; height: 100%; margin: 0px; left: 48.365px; width: auto; overflow: hidden}
p.slide-text {width:90%; margin:15px 0 0 25px; color:#000}
p.blue-tag {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#1f80c6; margin:0 0 0 25px; padding:0; float:left; width:90%; text-align:center}
.content-area {margin:0 auto; width:95%; height:auto}
.area-left {float:left; width:100%; margin:20px 0; }
.area-right {float:right; width:100%; margin:20px 0; }
.news {float:left; width:100%; margin:20px 0; }
.testimonials {float:right; width:100%; margin:20px 0; }
h3.home {margin:10px 0 20px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:1.5em; color:#0a4182; float:left; clear:both; 
text-transform:uppercase}
h3.benefit {font-family:Arial, Helvetica, sans-serif; font-size:1.5em; color:#000; text-transform:uppercase; float:left; width:100%; margin:10px 0 20px 0; padding:0}
p.benefit-txt, p.benefit-txt3 { float:right; font-size:16px; color:#8e8e8e; margin:50px 0 0 0; padding:0; text-transform:uppercase; 
width:54%; text-align:left}
p.benefit-txt3 {margin:10px 0 0 0}
ul.submits li.green, ul.submits li.orange, ul.submits li.blue, ul.submits li.yellow, ul.submits li.red, ul.submits li.ashblue, ul.submits li.ashgreen, ul.submits li.ashviolate {float:left; width:50%; padding:36px 0 26px 0; background-color:#99bc4c; border-right:1px #fff solid; text-align:center; height:300px}
ul.submits li.green {padding:36px 0 26px 0; border-bottom:#FFF 1px solid; background-image:url(../images/one.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.orange {background:#ffa639; background-image:url(../images/two.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.blue {background:#70bedb; border-top:#FFF 1px solid; background-image:url(../images/three.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.yellow {background:#e7c884; border-top:#FFF 1px solid; background-image:url(../images/four.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.red {border-top:#FFF 1px solid; background:#FF9595; background-image:url(../images/five.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashblue {border-top:#FFF 1px solid; background:#A4BDCA; background-image:url(../images/six.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashgreen {border-top:#FFF 1px solid; background:#C5D095; background-image:url(../images/seven.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashviolate {border-top:#FFF 1px solid; background:#D1BCD8; background-image:url(../images/eight.png); background-repeat:no-repeat; background-position:bottom 20px center}
.c-txt, .c-txt1, .c-txt2, .c-txt3 {margin:0 auto 15px auto; width:90%; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#e8ffb4}
.c-txt1 {color:#ffebb5}
.c-txt2 {color:#c2eeff}
.c-txt3 {color:#fdeecc}
.img-title {float:left; width:100%; background:#e9e9e9; padding:8px 0; text-align:center;  font-size:18px; color:#5c5c5c; text-transform:uppercase; text-shadow:#FFF 1px 1px 1px}
.services-area {float:left; width:100%}
.support-area {float:left; width:100%}
.support-content {float:right; width:55%; margin:0 10px 0 0}
p.support-txt, p.support-txt2, p.support-txt3, p.support-txt4 {font-size:16px}
.loginph {margin:0 auto; width:100%}
}
@media only screen 
and (min-device-width : 400px) 
and (max-device-width : 499px) {
ul.submits li.green, ul.submits li.orange, ul.submits li.blue, ul.submits li.yellow, ul.submits li.red, ul.submits li.ashblue, ul.submits li.ashgreen, ul.submits li.ashviolate {float:left; width:50%; padding:36px 0 26px 0; background:#99bc4c-color; border-right:1px #fff solid; text-align:center; height:300px}
ul.blog-item li.left, ul.blog-item li.right {float:left; width:100%; padding:0; margin:0 0 20px 0; list-style:none}
ul.blog-item li.right {float:right}
.blogger-photo {float:left; width:auto; margin:0 15px 0 0}
.white-layout {width:100%; height:auto; padding:15px 0}
ul.three-columnar {float:left; width:98%; padding:10px; margin:0}
ul.three-columnar li.left {float:left; width:100%; margin:0 20px 0 0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.center {float:left; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.right {float:right; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
.blog-item-right {float:right; width:65%}
#post-today .content {margin:0 auto; width:90%; height:100%; }	
.points-text-ph {float:left; margin:20px 0px 0 10px; padding:0; width:92%; height:93%}
#post-today {float:left; width:100%; height:auto; }
#post-today .content {margin:0 auto; width:90%; height:100%; }
.tasker-photo {float:left; width:100%; margin:0 0 10px 0; text-align:center}
.task-details {float:left; width:100%; height:112px; overflow:auto}
.task-code {float:left; width:100%; background:#0088ff; text-align:center; padding:15px 0; font-family: 'Lato', sans-serif; font-size:30px; font-weight:normal; color:#FFF; margin:10px 0}
ul.submits li.green {padding:36px 0 26px 0; border-bottom:#FFF 1px solid; background-image:url(../images/one.png); background-repeat:no-repeat; background-position:bottom 20px center}
input[type='button'].joinnow {width:177px; height:49px; background:url(../images/joinnow.png) no-repeat; border:none}
ul.submits li.orange {background:#ffa639; background-image:url(../images/two.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.blue {background:#70bedb; border-top:#FFF 1px solid; background-image:url(../images/three.png); background-repeat:no-repeat; background-position:bottom 20px center}
#recent-tasks, #business, #browse-tasks, .db-rightinfo {float:left; width:100%; background:url(../images/section-white-bg.png) repeat; height:490px}
#browse-tasks {height:auto}
#business {float:right; margin:20px 0 0 0}
ul.submits li.yellow {background:#e7c884; border-top:#FFF 1px solid; background-image:url(../images/four.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.red {border-top:#FFF 1px solid; background:#FF9595; background-image:url(../images/five.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashblue {border-top:#FFF 1px solid; background:#A4BDCA; background-image:url(../images/six.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashgreen {border-top:#FFF 1px solid; background:#C5D095; background-image:url(../images/seven.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashviolate {border-top:#FFF 1px solid; background:#D1BCD8; background-image:url(../images/eight.png); background-repeat:no-repeat; background-position:bottom 20px center}
.c-txt, .c-txt1, .c-txt2, .c-txt3 {margin:0 auto 15px auto; width:90%; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#e8ffb4}
.call {float:left; width:100%; height:185px; background:url(../images/call.gif) no-repeat center top}
.taskers {float:left; width:100%; height:185px; background:url(../images/taskers.gif) no-repeat center top}
.right-choice {float:left; width:100%; height:185px; background:url(../images/tick1.gif) no-repeat center top}
.call p, .taskers p, .right-choice p {text-align:center; font-family: 'Lato', sans-serif; color:#FFF; font-size:20px; padding:0 0 10px 0; margin:130px 0 0 0; float:left; width:100%}
.arrow {float:left; width:100%; background:url(../images/arrow-down.gif) no-repeat center; margin:15px 0; height:28px}
.c-txt1 {color:#ffebb5}
.c-txt2 {color:#c2eeff}
.c-txt3 {color:#fdeecc}
.news {float:left; width:100%; margin:20px 0; }
.testimonials {float:right; width:100%; margin:20px 0; }
h2.slider {font-family: 'Lato', sans-serif; font-size:2.3em; text-transform:uppercase; color:#051840; margin:15px 0 15px 25px; padding:0; 
width:90%; text-align:center}
ul.slide-points {margin:0 0 0 0 !important; padding:0; float:left; width:90%}
ul.slide-points li {float:left; width:100%; margin:0 !important; padding:0; list-style:url(../images/bullet-p.jpg); list-style-position:inside; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000}
#acc-banners-ph {float:left; width:100%; height:auto; overflow:hidden; background:url(../images/acc-bg.jpg) top no-repeat; background-size:cover; overflow:hidden}
.slider-button, .slider-button1 {width:100%; height:auto; float:left; margin:15px 0; position:static; text-align:center}
.h-slider1, .h-slider2, .h-slider3, .h-slider4, .h-slider5 {background:#fff; height: 100%; margin: 0px; left: 48.365px; width: auto; overflow: hidden}
p.slide-text {width:90%; margin:15px 0 0 25px; color:#000}
p.blue-tag {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#1f80c6; margin:0 0 0 25px; padding:0; float:left; width:90%; text-align:center}
.img-title {float:left; width:100%; background:#e9e9e9; padding:8px 0; text-align:center;  font-size:18px; color:#5c5c5c; text-transform:uppercase; text-shadow:#FFF 1px 1px 1px}
.services-area {float:left; width:100%}
.support-area {float:left; width:100%}
.loginph {margin:0 auto; width:100%}
}
@media only screen 
and (min-device-width : 361px) 
and (max-device-width : 399px) {
ul.submits li.green, ul.submits li.orange, ul.submits li.blue, ul.submits li.yellow, ul.submits li.red, ul.submits li.ashblue, ul.submits li.ashgreen, ul.submits li.ashviolate {float:left; width:100%; padding:36px 0 26px 0; background-color:#99bc4c; border-right:1px #fff solid; text-align:center; height:300px}
p.username {width:100%; float:left; padding:0; margin:0; font-family: 'Lato', sans-serif; font-size:4.5vw; color:#FFF; text-align:center}
ul.blog-item li.left, ul.blog-item li.right {float:left; width:100%; padding:0; margin:0 0 20px 0; list-style:none}
ul.blog-item li.right {float:right}
.white-layout {width:100%; height:auto; padding:15px 0}
ul.three-columnar {float:left; width:98%; padding:10px; margin:0}
ul.three-columnar li.left {float:left; width:100%; margin:0 20px 0 0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.center {float:left; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.right {float:right; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
.blogger-photo {float:left; width:auto; margin:0 15px 0 0}
label.city {font-size:16px; font-weight:bold; float:left; width:100%; margin:0 0 15px 0}
.blog-item-right {float:right; width:65%}
h3.big-title { font-size:8vw; text-transform:uppercase; color:#373854; margin:0; padding:0; line-height:normal}
.inside-task {margin:0 auto; width:95%; height:auto}
.task-layout {margin:0 auto; width:100%; height:auto}
ul.points-post li {font-family: 'Lato', sans-serif; font-size:4.5vw; color:#4a4a4a; list-style-image:url(../images/red-bullet-arrow.png); list-style-position:inside} 
p.question-post {float:left; width:100%; font-family: 'Lato', sans-serif; font-size:5.5vw; color:#000; padding:0; margin:25px 0 15px 0}
#post-today {float:left; width:100%; height:520px; background:#fff;}
#post-today .content {margin:0 auto; width:90%; height:100%; background:url(../images/points-bg-f.jpg) no-repeat; background-size:cover}
.tasker-photo {float:left; width:100%; margin:0 0 10px 0; text-align:center}
.task-details {float:left; width:100%; height:112px; overflow:auto}
.task-code {float:left; width:100%; background:#0088ff; text-align:center; padding:15px 0; font-family: 'Lato', sans-serif; font-size:30px; font-weight:normal; color:#FFF; margin:10px 0}
#post-today .content {margin:0 auto; width:90%; height:100%; background:url(../images/points-bg-f.jpg) no-repeat; background-size:cover}	
.points-text-ph {float:right; margin:20px 10px 0 0; padding:0; width:95%; height:93%}
ul.submits li.green {padding:36px 0 26px 0; border-bottom:#FFF 1px solid; background-image:url(../images/one.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.orange {background:#ffa639; background-image:url(../images/two.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.blue {background:#70bedb; border-top:#FFF 1px solid; background-image:url(../images/three.png); background-repeat:no-repeat; background-position:bottom 20px center}
#recent-tasks, #business, #browse-tasks, .db-rightinfo {float:left; width:100%; background:url(../images/section-white-bg.png) repeat; height:490px}
#browse-tasks {height:auto}
#business {float:right; margin:20px 0 0 0}
.call {float:left; width:100%; height:185px; background:url(../images/call.gif) no-repeat center top}
.taskers {float:left; width:100%; height:185px; background:url(../images/taskers.gif) no-repeat center top}
.right-choice {float:left; width:100%; height:185px; background:url(../images/tick1.gif) no-repeat center top}
.call p, .taskers p, .right-choice p {text-align:center; font-family: 'Lato', sans-serif; color:#FFF; font-size:20px; padding:0 0 10px 0; margin:130px 0 0 0; float:left; width:100%}
.arrow {float:left; width:100%; background:url(../images/arrow-down.gif) no-repeat center; margin:15px 0; height:28px}
ul.submits li.yellow {background:#e7c884; border-top:#FFF 1px solid; background-image:url(../images/four.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.red {border-top:#FFF 1px solid; background:#FF9595; background-image:url(../images/five.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashblue {border-top:#FFF 1px solid; background:#A4BDCA; background-image:url(../images/six.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashgreen {border-top:#FFF 1px solid; background:#C5D095; background-image:url(../images/seven.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashviolate {border-top:#FFF 1px solid; background:#D1BCD8; background-image:url(../images/eight.png); background-repeat:no-repeat; background-position:bottom 20px center}
.c-txt, .c-txt1, .c-txt2, .c-txt3 {margin:0 auto 15px auto; width:90%; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#e8ffb4}
.c-txt1 {color:#ffebb5}
.c-txt2 {color:#c2eeff}
.c-txt3 {color:#fdeecc}
.news {float:left; width:100%; margin:20px 0; }
.testimonials {float:right; width:100%; margin:20px 0; }
.img-title {float:left; width:100%; background:#e9e9e9; padding:8px 0; text-align:center;  font-size:16px; color:#5c5c5c; text-transform:uppercase; text-shadow:#FFF 1px 1px 1px}
.services-area {float:left; width:100%}
.support-area {float:left; width:100%}
.support-content {float:right; width:50%; margin:0 10px 0 0}
p.support-txt, p.support-txt2, p.support-txt3, p.support-txt4 {font-size:14px}
.loginph {margin:0 auto; width:100%}
}
@media only screen 
and (min-device-width : 480px) 
and (max-device-width : 705px) {
header {width:95%}
.tasker-photo {float:left; width:100%; margin:0 0 10px 0; text-align:center}
.task-details {float:left; width:100%; height:112px; overflow:auto}
.task-code {float:left; width:100%; background:#0088ff; text-align:center; padding:15px 0; font-family: 'Lato', sans-serif; font-size:30px; font-weight:normal; color:#FFF; margin:10px 0}
.white-layout {width:100%; height:auto; padding:15px 0}
ul.three-columnar {float:left; width:98%; padding:10px; margin:0}
ul.three-columnar li.left {float:left; width:100%; margin:0 20px 0 0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.center {float:left; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.right {float:right; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
ul.blog-item li.left, ul.blog-item li.right {float:left; width:100%; padding:0; margin:0 0 20px 0; list-style:none}
ul.blog-item li.right {float:right}
.blogger-photo {float:left; width:auto; margin:0 15px 0 0}
.blog-item-right {float:right; width:50%}
.signup-ph {float:right; margin:0; width:auto; }
.call {float:left; width:100%; height:185px; background:url(../images/call.gif) no-repeat center top}
.taskers {float:left; width:100%; height:185px; background:url(../images/taskers.gif) no-repeat center top}
.right-choice {float:left; width:100%; height:185px; background:url(../images/tick1.gif) no-repeat center top}
.call p, .taskers p, .right-choice p {text-align:center; font-family: 'Lato', sans-serif; color:#FFF; font-size:20px; padding:0 0 10px 0; margin:130px 0 0 0; float:left; width:100%}
.arrow {float:left; width:100%; background:url(../images/arrow-down.gif) no-repeat center; margin:15px 0; height:28px}
input[type='button'].joinnow {width:177px; height:49px; background:url(../images/joinnow.png) no-repeat; border:none}
#recent-tasks, #business, #browse-tasks, .db-rightinfo {float:left; width:100%; background:url(../images/section-white-bg.png) repeat; height:490px}
#browse-tasks {height:auto}
#business {float:right; margin:20px 0 0 0}
.login-ph {float:right; margin:0 2em 0 0; width:auto; }
#loginpart {float:left; width:100%; padding:0 0 10px 0; border-top:#3C6C91 1px solid; border-bottom:#3C6C91 1px solid; margin:10px 0 0 0}
#branding {float:left; width:100%; text-align:center}
#tagline {float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#7e8f95; letter-spacing:0.05em; width:100%; text-align:center}
.content-area {margin:0 auto; width:95%; height:auto}
.area-left {float:left; width:100%; margin:20px 0; }
.area-right {float:right; width:100%; margin:20px 0; }
.news {float:left; width:100%; margin:20px 0; }
.testimonials {float:right; width:100%; margin:20px 0; }
h3.home {margin:10px 0 20px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:1.5em; color:#0a4182; float:left; clear:both; 
text-transform:uppercase}
h3.benefit {font-family:Arial, Helvetica, sans-serif; font-size:1.5em; color:#000; text-transform:uppercase; float:left; width:100%; margin:10px 0 20px 0; padding:0}
p.benefit-txt, p.benefit-txt3, p.benefit-txt2, p.benefit-txt4 { float:left; font-size:16px; color:#ffffff; margin:45px 0 0 0; padding:0; text-transform:uppercase; width:100%; text-align:left; font-weight:normal}
p.benefit-txt3 {margin:10px 0 0 0}
p.benefit-txt4 {margin:30px 0 0 0}
p.benefit-txt2 {margin:20px 0 0 0}
.benefit-icon1 {float:left; width:100%; height:100%; background:url(../images/b1-img.jpg) no-repeat left}
.benefit-icon2 {float:left; width:100%; height:100%; background:url(../images/b2-img.jpg) no-repeat left}
.benefit-icon3 {float:left; width:100%; height:100%; background:url(../images/b3-img.jpg) no-repeat left}
.benefit-icon4 {float:left; width:100%; height:100%; background:url(../images/b4-img.jpg) no-repeat left}
.benefit-icon5 {float:left; width:100%; height:100%; background:url(../images/b5-img.jpg) no-repeat left}
.benefit-more {float:right; width:auto; margin:13px 0 0 0}
.benefit-content {float:right; width:70%} 
.img-title {float:left; width:100%; background:#e9e9e9; padding:8px 0; text-align:center;  font-size:16px; color:#5c5c5c; text-transform:uppercase; text-shadow:#FFF 1px 1px 1px}
.services-area {float:left; width:100%}
.support-area {float:left; width:100%}
.support-content {float:right; width:50%; margin:0 10px 0 0}
p.support-txt, p.support-txt2, p.support-txt3, p.support-txt4 {font-size:14px}
.loginph {margin:0 auto; width:100%}
}
@media only screen 
and (min-device-width : 480px) 
and (max-device-width : 542px) {
p.benefit-txt, p.benefit-txt3, p.benefit-txt2, p.benefit-txt4 { float:left; font-size:16px; color:#ffffff; margin:45px 0 0 0; padding:0; text-transform:uppercase; width:100%; text-align:left; font-weight:normal}
p.benefit-txt3 {margin:10px 0 0 0}
p.benefit-txt4 {margin:30px 0 0 0}
p.benefit-txt2 {margin:20px 0 0 0}
ul.blog-item li.left, ul.blog-item li.right {float:left; width:100%; padding:0; margin:0 0 20px 0; list-style:none}
ul.blog-item li.right {float:right}
.blogger-photo {float:left; width:auto; margin:0 15px 0 0}
.white-layout {width:100%; height:auto; padding:15px 0}
ul.three-columnar {float:left; width:98%; padding:10px; margin:0}
ul.three-columnar li.left {float:left; width:100%; margin:0 20px 0 0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.center {float:left; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.right {float:right; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
.blog-item-right {float:right; width:65%}
.tasker-photo {float:left; width:100%; margin:0 0 10px 0; text-align:center}
.task-details {float:left; width:100%; height:112px; overflow:auto}
.task-code {float:left; width:100%; background:#0088ff; text-align:center; padding:15px 0; font-family: 'Lato', sans-serif; font-size:30px; font-weight:normal; color:#FFF; margin:10px 0}
input[type='button'].joinnow {width:177px; height:49px; background:url(../images/joinnow.png) no-repeat; border:none}
.call {float:left; width:100%; height:185px; background:url(../images/call.gif) no-repeat center top}
.taskers {float:left; width:100%; height:185px; background:url(../images/taskers.gif) no-repeat center top}
.right-choice {float:left; width:100%; height:185px; background:url(../images/tick1.gif) no-repeat center top}
.call p, .taskers p, .right-choice p {text-align:center; font-family: 'Lato', sans-serif; color:#FFF; font-size:20px; padding:0 0 10px 0; margin:130px 0 0 0; float:left; width:100%}
#recent-tasks, #business, #browse-tasks, .db-rightinfo {float:left; width:100%; background:#fff; height:490px}
#browse-tasks {height:auto}
#business {float:right; margin:20px 0 0 0}
.arrow {float:left; width:100%; background:url(../images/arrow-down.gif) no-repeat center; margin:15px 0; height:28px}
.benefit-icon1 {float:left; width:100%; height:100%; background:url(../images/b1-img.jpg) no-repeat left}
.benefit-icon2 {float:left; width:100%; height:100%; background:url(../images/b2-img.jpg) no-repeat left}
.benefit-icon3 {float:left; width:100%; height:100%; background:url(../images/b3-img.jpg) no-repeat left}
.benefit-icon4 {float:left; width:100%; height:100%; background:url(../images/b4-img.jpg) no-repeat left}
.benefit-icon5 {float:left; width:100%; height:100%; background:url(../images/b5-img.jpg) no-repeat left}
.benefit-more {float:right; width:auto; margin:13px 0 0 0}
.benefit-content {float:right; width:65%}
.img-title {float:left; width:100%; background:#e9e9e9; padding:8px 0; text-align:center;  font-size:16px; color:#5c5c5c; text-transform:uppercase; text-shadow:#FFF 1px 1px 1px}
.services-area {float:left; width:100%}
.support-area {float:left; width:100%}
.support-content {float:right; width:50%; margin:0 10px 0 0}
p.support-txt, p.support-txt2, p.support-txt3, p.support-txt4 {font-size:14px}
.loginph {margin:0 auto; width:100%}
}
@media only screen and (width : 480px) {
header {width:95%}
input[type='button'].joinnow {width:177px; height:49px; background:url(../images/joinnow.png) no-repeat; border:none}
.signup-ph {float:right; margin:0; width:auto; }
.login-ph {float:right; margin:0 2em 0 0; width:auto; }
ul.blog-item li.left, ul.blog-item li.right {float:left; width:100%; padding:0; margin:0 0 20px 0; list-style:none}
ul.blog-item li.right {float:right}
.blogger-photo {float:left; width:auto; margin:0 15px 0 0}
.blog-item-right {float:right; width:65%}
.white-layout {width:100%; height:auto; padding:15px 0}
ul.three-columnar {float:left; width:98%; padding:10px; margin:0}
ul.three-columnar li.left {float:left; width:100%; margin:0 20px 0 0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.center {float:left; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.right {float:right; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
h3.big-title { font-size:36px; text-transform:uppercase; color:#373854; margin:0; padding:0; line-height:normal}
#loginpart {float:left; width:100%; padding:0 0 10px 0; border-top:#3C6C91 1px solid; border-bottom:#3C6C91 1px solid; margin:10px 0 0 0}
#branding {float:left; width:100%; text-align:center}
#tagline {float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#7e8f95; letter-spacing:0.05em; width:100%; text-align:center}
.h-slider1, .h-slider2, .h-slider3, .h-slider4 {background:#fff; height: 100%; margin: 0px; left: 48.365px; width: auto; overflow: hidden}
p.slide-text {width:90%; margin:15px 0 0 25px; color:#000}
.call {float:left; width:100%; height:185px; background:url(../images/call.gif) no-repeat center top}
.taskers {float:left; width:100%; height:185px; background:url(../images/taskers.gif) no-repeat center top}
.right-choice {float:left; width:100%; height:185px; background:url(../images/tick1.gif) no-repeat center top}
.call p, .taskers p, .right-choice p {text-align:center; font-family: 'Lato', sans-serif; color:#FFF; font-size:20px; padding:0 0 10px 0; margin:130px 0 0 0; float:left; width:100%}
.tasker-photo {float:left; width:100%; margin:0 0 10px 0; text-align:center}
.task-details {float:left; width:100%; height:112px; overflow:auto}
.task-code {float:left; width:100%; background:#0088ff; text-align:center; padding:15px 0; font-family: 'Lato', sans-serif; font-size:30px; font-weight:normal; color:#FFF; margin:10px 0}
.arrow {float:left; width:100%; background:url(../images/arrow-down.gif) no-repeat center; margin:15px 0; height:28px}
p.blue-tag {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#1f80c6; margin:0 0 0 25px; padding:0; float:left; width:90%; text-align:center}
.content-area {margin:0 auto; width:95%; height:auto}
.area-left {float:left; width:100%; margin:20px 0; }
.area-right {float:right; width:100%; margin:20px 0; }
.news {float:left; width:100%; margin:20px 0; }
.testimonials {float:right; width:100%; margin:20px 0; }
h3.home {margin:10px 0 20px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:1.5em; color:#0a4182; float:left; clear:both; 
text-transform:uppercase}
h3.benefit {font-family:Arial, Helvetica, sans-serif; font-size:1.5em; color:#000; text-transform:uppercase; float:left; width:100%; margin:10px 0 20px 0; padding:0}
#recent-tasks, #business, #browse-tasks, .db-rightinfo {float:left; width:100%; background:#fff; height:490px}
#browse-tasks {height:auto}
#business {float:right; margin:20px 0 0 0}
p.benefit-txt, p.benefit-txt3, p.benefit-txt2, p.benefit-txt4 { float:left; font-size:16px; color:#ffffff; margin:45px 0 0 0; padding:0; text-transform:uppercase; width:100%; text-align:left; font-weight:normal}
p.benefit-txt3 {margin:10px 0 0 0}
p.benefit-txt4 {margin:30px 0 0 0}
p.benefit-txt2 {margin:20px 0 0 0}
.benefit-icon1 {float:left; width:100%; height:100%; background:url(../images/b1-img.jpg) no-repeat left}
.benefit-icon2 {float:left; width:100%; height:100%; background:url(../images/b2-img.jpg) no-repeat left}
.benefit-icon3 {float:left; width:100%; height:100%; background:url(../images/b3-img.jpg) no-repeat left}
.benefit-icon4 {float:left; width:100%; height:100%; background:url(../images/b4-img.jpg) no-repeat left}
.benefit-icon5 {float:left; width:100%; height:100%; background:url(../images/b5-img.jpg) no-repeat left}
.benefit-more {float:right; width:auto; margin:13px 0 0 0}
.benefit-content {float:right; width:65%}
.img-title {float:left; width:100%; background:#e9e9e9; padding:8px 0; text-align:center;  font-size:16px; color:#5c5c5c; text-transform:uppercase; text-shadow:#FFF 1px 1px 1px}
.services-area {float:left; width:100%}
.support-area {float:left; width:100%}
.loginph {margin:0 auto; width:100%}
}
@media only screen 
and (min-device-width : 424px) 
and (max-device-width : 479px) {
header {width:95%}
ul.blog-item li.left, ul.blog-item li.right {float:left; width:100%; padding:0; margin:0 0 20px 0; list-style:none}
ul.blog-item li.right {float:right}
.white-layout {width:100%; height:auto; padding:15px 0}
ul.three-columnar {float:left; width:98%; padding:10px; margin:0}
ul.three-columnar li.left {float:left; width:100%; margin:0 20px 0 0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.center {float:left; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.right {float:right; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
.blogger-photo {float:left; width:auto; margin:0 15px 0 0}
.blog-item-right {float:right; width:65%}
input[type='button'].joinnow {width:177px; height:49px; background:url(../images/joinnow.png) no-repeat; border:none}
.call {float:left; width:100%; height:185px; background:url(../images/call.gif) no-repeat center top}
.taskers {float:left; width:100%; height:185px; background:url(../images/taskers.gif) no-repeat center top}
.right-choice {float:left; width:100%; height:185px; background:url(../images/tick1.gif) no-repeat center top}
.call p, .taskers p, .right-choice p {text-align:center; font-family: 'Lato', sans-serif; color:#FFF; font-size:20px; padding:0 0 10px 0; margin:130px 0 0 0; float:left; width:100%}
h3.big-title { text-transform:uppercase; color:#373854; margin:0; padding:0; line-height:normal}
.tasker-photo {float:left; width:100%; margin:0 0 10px 0; text-align:center}
.task-details {float:left; width:100%; height:112px; overflow:auto}
.task-code {float:left; width:100%; background:#0088ff; text-align:center; padding:15px 0; font-family: 'Lato', sans-serif; font-size:30px; font-weight:normal; color:#FFF; margin:10px 0}
#recent-tasks, #business, #browse-tasks, .db-rightinfo {float:left; width:100%; background:#fff; height:490px}
#browse-tasks {height:auto}
#business {float:right; margin:20px 0 0 0}
.arrow {float:left; width:100%; background:url(../images/arrow-down.gif) no-repeat center; margin:15px 0; height:28px}
.login-ph {float:right; margin:0 2em 0 0; width:auto;}
#loginpart {float:left; width:100%; padding:0 0 10px 0; border-top:#3C6C91 1px solid; border-bottom:#3C6C91 1px solid; margin:10px 0 0 0}
#branding {float:left; width:100%; text-align:center}
#tagline {float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#7e8f95; letter-spacing:0.05em; width:100%; text-align:center}
.h-slider1, .h-slider2, .h-slider3, .h-slider4 {background:#fff; height: 100%; margin: 0px; left: 48.365px; width: auto; overflow: hidden}
p.slide-text {width:90%; margin:15px 0 0 25px; color:#000}
p.blue-tag {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#1f80c6; margin:0 0 0 25px; padding:0; float:left; width:90%; text-align:center}
.content-area {margin:0 auto; width:95%; height:auto}
.area-left {float:left; width:100%; margin:20px 0; }
.area-right {float:right; width:100%; margin:20px 0; }
.news {float:left; width:100%; margin:20px 0; }
.testimonials {float:right; width:100%; margin:20px 0; }
h3.home {margin:10px 0 20px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:1.5em; color:#0a4182; float:left; clear:both; 
text-transform:uppercase}
h3.benefit {font-family:Arial, Helvetica, sans-serif; font-size:1.5em; color:#000; text-transform:uppercase; float:left; width:100%; margin:10px 0 20px 0; padding:0}
p.benefit-txt, p.benefit-txt3, p.benefit-txt2, p.benefit-txt4 { float:left; font-size:14px; color:#ffffff; margin:45px 0 0 0; padding:0; text-transform:uppercase; width:100%; text-align:left; font-weight:normal}
p.benefit-txt3 {margin:10px 0 0 0}
p.benefit-txt4 {margin:30px 0 0 0}
p.benefit-txt2 {margin:20px 0 0 0}
.benefit-icon1 {float:left; width:100%; height:100%; background:url(../images/b1-img.jpg) no-repeat left}
.benefit-icon2 {float:left; width:100%; height:100%; background:url(../images/b2-img.jpg) no-repeat left}
.benefit-icon3 {float:left; width:100%; height:100%; background:url(../images/b3-img.jpg) no-repeat left}
.benefit-icon4 {float:left; width:100%; height:100%; background:url(../images/b4-img.jpg) no-repeat left}
.benefit-icon5 {float:left; width:100%; height:100%; background:url(../images/b5-img.jpg) no-repeat left}
.benefit-more {float:right; width:auto; margin:13px 0 0 0}
.benefit-content {float:right; width:63%}
span.bigdata {font-size:20px}
.img-title {float:left; width:100%; background:#e9e9e9; padding:8px 0; text-align:center;  font-size:16px; color:#5c5c5c; text-transform:uppercase; text-shadow:#FFF 1px 1px 1px}
.services-area {float:left; width:100%}
.support-area {float:left; width:100%}
label {font-size:12px}
.loginph {margin:0 auto; width:100%}
}
@media only screen 
and (min-device-width : 360px) 
and (max-device-width : 423px) {
header {width:95%}
ul.blog-item li.left, ul.blog-item li.right {float:left; width:100%; padding:0; margin:0 0 20px 0; list-style:none}
ul.blog-item li.right {float:right}
.blogger-photo {float:left; width:auto; margin:0 15px 0 0}
.blog-item-right {float:right; width:65%}
.white-layout {width:100%; height:auto; padding:15px 0}
ul.three-columnar {float:left; width:98%; padding:10px; margin:0}
ul.three-columnar li.left {float:left; width:100%; margin:0 20px 0 0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.center {float:left; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.right {float:right; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
label.city {font-size:16px; font-weight:bold; float:left; width:100%; margin:0 0 15px 0}
.business-signpost-banner {width:98%; margin:68px auto 15px auto; height:50%; background:url(../images/business-bg.jpg) no-repeat; background-size:cover}
.signup-ph {float:right; margin:0; width:auto; }
ul.points-post li {font-family: 'Lato', sans-serif; font-size:4.5vw; color:#4a4a4a; list-style-image:url(../images/red-bullet-arrow.png); list-style-position:inside} 
p.question-post {float:left; width:100%; font-family: 'Lato', sans-serif; font-size:5.5vw; color:#000; padding:0; margin:25px 0 15px 0}
h3.big-title { font-size:32px; text-transform:uppercase; color:#373854; margin:0; padding:0; line-height:normal}
.call {float:left; width:100%; height:185px; background:url(../images/call.gif) no-repeat center top}
.taskers {float:left; width:100%; height:185px; background:url(../images/taskers.gif) no-repeat center top}
.right-choice {float:left; width:100%; height:185px; background:url(../images/tick1.gif) no-repeat center top}
.call p, .taskers p, .right-choice p {text-align:center; font-family: 'Lato', sans-serif; color:#FFF; font-size:20px; padding:0 0 10px 0; margin:130px 0 0 0; float:left; width:100%}
.tasker-photo {float:left; width:100%; margin:0 0 10px 0; text-align:center}
.task-details {float:left; width:100%; height:112px; overflow:auto}
.task-code {float:left; width:100%; background:#0088ff; text-align:center; padding:15px 0; font-family: 'Lato', sans-serif; font-size:30px; font-weight:normal; color:#FFF; margin:10px 0}
#recent-tasks, #business, #browse-tasks, .db-rightinfo {float:left; width:100%; background:#fff; height:490px}
#browse-tasks {height:auto}
#business {float:right; margin:20px 0 0 0}
.arrow {float:left; width:100%; background:url(../images/arrow-down.gif) no-repeat center; margin:15px 0; height:28px}
.login-ph {float:right; margin:0 2em 0 0; width:auto; }
#loginpart {float:left; width:100%; padding:0 0 10px 0; border-top:#3C6C91 1px solid; border-bottom:#3C6C91 1px solid; margin:10px 0 0 0}
#branding {float:left; width:100%; text-align:center}
#phonenos {float:left; width:100%; padding:0 0 15px 0; margin:0 0 0 0; text-align:center}
#phonenos li {float:left; width:auto; margin:0 15px 0 0; padding:0 0 0 15px; vertical-align:text-bottom; list-style:none; background:url(../images/phone-icon.gif) left no-repeat; text-align:center}
#phonenos li:first-child {margin:0 15px 0 38px}
#tagline {float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#7e8f95; letter-spacing:0.05em; width:100%; text-align:center}
.login-buttons {float:left; width:100%; text-align:center}
a.topblue-button, a.topblue-button1 {float:none}
.h-slider1, .h-slider2, .h-slider3, .h-slider4, .h-slider5 {background:#fff; height: 100%; margin: 0px; left: 48.365px; width: auto; overflow: hidden}
p.slide-text {width:90%; margin:15px 0 0 25px; color:#000}
p.blue-tag {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#1f80c6; margin:0 0 0 25px; padding:0; float:left; width:90%; text-align:center}
.content-area {margin:0 auto; width:95%; height:auto}
.area-left {float:left; width:100%; margin:20px 0; }
.area-right {float:right; width:100%; margin:20px 0; }
.news {float:left; width:100%; margin:20px 0; }
.testimonials {float:right; width:100%; margin:20px 0; }
h3.home {margin:10px 0 20px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:1.5em; color:#0a4182; float:left; clear:both; 
text-transform:uppercase}
h3.benefit {font-family:Arial, Helvetica, sans-serif; font-size:1.5em; color:#000; text-transform:uppercase; float:left; width:100%; margin:10px 0 20px 0; padding:0}
p.benefit-txt, p.benefit-txt3, p.benefit-txt2, p.benefit-txt4 { float:left; font-size:14px; color:#ffffff; margin:45px 0 0 0; padding:0; text-transform:uppercase; width:100%; text-align:left; font-weight:normal}
p.benefit-txt3 {margin:10px 0 0 0}
p.benefit-txt4 {margin:30px 0 0 0}
p.benefit-txt2 {margin:20px 0 0 0}
.benefit-icon1 {float:left; width:100%; height:100%; background:url(../images/b1-img.jpg) no-repeat left}
.benefit-icon2 {float:left; width:100%; height:100%; background:url(../images/b2-img.jpg) no-repeat left}
.benefit-icon3 {float:left; width:100%; height:100%; background:url(../images/b3-img.jpg) no-repeat left}
.benefit-icon4 {float:left; width:100%; height:100%; background:url(../images/b4-img.jpg) no-repeat left}
.benefit-icon5 {float:left; width:100%; height:100%; background:url(../images/b5-img.jpg) no-repeat left}
.benefit-more {float:right; width:auto; margin:13px 0 0 0}
.benefit-content {float:right; width:57%}
span.bigdata {font-size:20px}
h1.pagetitle {font-family: 'Lato', sans-serif; color:#000; font-size:300%; padding:20px 0; margin:0; font-weight:normal; width:100%; text-align:center} 
.img-title {float:left; width:100%; background:#e9e9e9; padding:8px 0; text-align:center;  font-size:16px; color:#5c5c5c; text-transform:uppercase; text-shadow:#FFF 1px 1px 1px}
.services-area {float:left; width:100%}
.support-area {float:left; width:100%}
.support-content {float:right; width:50%; margin:0 10px 0 0}
p.support-txt, p.support-txt2, p.support-txt3, p.support-txt4 {font-size:14px}
label {font-size:12px}
.loginph {margin:0 auto; width:100%}
.tasksearch-inner {width:90%; margin:0 auto}
.flefttask-option {float:left; width:95%; clear:both}
.change {float:right; width:95%; text-align:right}
}
@media only screen and (width : 360px) {
header {width:95%}
.welcome-text {font-size:4vw}
.flefttask-option {float:left; width:95%; clear:both}
label.city {font-size:16px; font-weight:bold; float:left; width:100%; margin:0 0 15px 0}
.change {float:right; width:95%; text-align:right}
.tasker-photo {float:left; width:100%; margin:0 0 10px 0; text-align:center}
p.username {width:100%; float:left; padding:0; margin:0; font-family: 'Lato', sans-serif; font-size:4.5vw; color:#FFF; text-align:center}
.inside-task {margin:0 auto; width:95%; height:auto}
.white-layout {width:100%; height:auto; padding:15px 0}
ul.three-columnar {float:left; width:98%; padding:10px; margin:0}
ul.three-columnar li.left {float:left; width:100%; margin:0 20px 0 0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.center {float:left; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.right {float:right; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
.blog-item-right {float:right; width:100%; margin:0 0 15px 0}
.taskdetails {width:70%}
ul.taskname li.taskn {width:55%}
.task-layout {margin:0 auto; width:100%; height:auto}
ul.blog-item li.left, ul.blog-item li.right {float:left; width:100%; padding:0; margin:0 0 20px 0; list-style:none}
ul.blog-item li.right {float:right}
.blogger-photo {float:left; width:auto; margin:0 15px 0 0}
.blog-item-right {float:right; width:65%}
h3.big-title {  text-transform:uppercase; color:#373854; margin:0; padding:0; line-height:normal}
#post-today {float:left; width:100%; height:460px;}
#post-today .content {margin:0 auto; width:90%; height:100%; }
.business-signpost-banner {width:98%; margin:68px auto 15px auto; height:50%; background:url(../images/business-bg.jpg) no-repeat; background-size:cover}
.task-details {float:left; width:100%; height:112px; overflow:auto}
.task-code {float:left; width:100%; background:#0088ff; text-align:center; padding:15px 0; font-family: 'Lato', sans-serif; font-size:30px; font-weight:normal; color:#FFF; margin:10px 0}
ul.points-post li {font-family: 'Lato', sans-serif; font-size:5vw; color:#4a4a4a; list-style-image:url(../images/red-bullet-arrow.png); list-style-position:inside} 
p.question-post {float:left; width:100%; font-family: 'Lato', sans-serif; font-size:6vw; color:#000; padding:0; margin:30px 0 15px 0}
#post-today .content {margin:0 auto; width:90%; height:100%; }	
.points-text-ph {float:right; margin:20px 10px 0 0; padding:0; width:95%; height:93%}
#header {float:left; width:100%; padding:6px 0; background:#fff}
.signup-ph {float:right; margin:0; width:auto; }
input[type='button'].joinnow {width:177px; height:49px; background:url(../images/joinnow.png) no-repeat; border:none}
.login-ph {float:right; margin:0 2em 0 0; width:auto; }
#loginpart {float:left; width:100%; padding:0 0 10px 0; border-top:#3C6C91 1px solid; border-bottom:#3C6C91 1px solid; margin:10px 0 0 0}
#branding {float:left; width:100%; text-align:center}
#phonenos {float:left; width:100%; padding:0 0 15px 0; margin:0 0 0 0; text-align:center}
#phonenos li {float:left; width:auto; margin:0 15px 0 0; padding:0 0 0 15px; vertical-align:text-bottom; list-style:none; background:url(../images/phone-icon.gif) left no-repeat; text-align:center}
#phonenos li:first-child {margin:0 15px 0 38px}
#recent-tasks, #business, #browse-tasks, .db-rightinfo {float:left; width:100%; background:#fff; height:490px}
#browse-tasks {height:auto}
#business {float:right; margin:20px 0 0 0}
.call {float:left; width:100%; height:185px; background:url(../images/call.gif) no-repeat center top}
.taskers {float:left; width:100%; height:185px; background:url(../images/taskers.gif) no-repeat center top}
.right-choice {float:left; width:100%; height:185px; background:url(../images/tick1.gif) no-repeat center top}
.call p, .taskers p, .right-choice p {text-align:center; font-family: 'Lato', sans-serif; color:#FFF; font-size:20px; padding:0 0 10px 0; margin:130px 0 0 0; float:left; width:100%}
.arrow {float:left; width:100%; background:url(../images/arrow-down.gif) no-repeat center; margin:15px 0; height:28px}
#tagline {float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#7e8f95; letter-spacing:0.05em; width:100%; text-align:center}
.login-buttons {float:left; width:100%; text-align:center}
a.topblue-button, a.topblue-button1 {float:none}
.h-slider1, .h-slider2, .h-slider3, .h-slider4 {background:#fff; height: 100%; margin: 0px; left: 48.365px; width: auto; overflow: hidden}
p.slide-text {width:90%; margin:15px 0 0 25px; color:#000}
p.blue-tag {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#1f80c6; margin:0 0 0 25px; padding:0; float:left; width:90%; text-align:center}
.content-area {margin:0 auto; width:95%; height:auto}
.area-left {float:left; width:100%; margin:20px 0; }
.area-right {float:right; width:100%; margin:20px 0; }
.news {float:left; width:100%; margin:20px 0; }
.testimonials {float:right; width:100%; margin:20px 0; }
h3.home {margin:10px 0 20px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:1.5em; color:#0a4182; float:left; clear:both; 
text-transform:uppercase}
h3.benefit {font-family:Arial, Helvetica, sans-serif; font-size:1.5em; color:#000; text-transform:uppercase; float:left; width:100%; margin:10px 0 20px 0; padding:0}
p.benefit-txt, p.benefit-txt3, p.benefit-txt2, p.benefit-txt4 { float:left; font-size:12px; color:#ffffff; margin:45px 0 0 0; padding:0; text-transform:uppercase; width:100%; text-align:left; font-weight:normal}
p.benefit-txt3 {margin:10px 0 0 0}
p.benefit-txt4 {margin:30px 0 0 0}
p.benefit-txt2 {margin:20px 0 0 0}
.benefit-icon1 {float:left; width:100%; height:100%; background:url(../images/b1-img.jpg) no-repeat left}
.benefit-icon2 {float:left; width:100%; height:100%; background:url(../images/b2-img.jpg) no-repeat left}
.benefit-icon3 {float:left; width:100%; height:100%; background:url(../images/b3-img.jpg) no-repeat left}
.benefit-icon4 {float:left; width:100%; height:100%; background:url(../images/b4-img.jpg) no-repeat left}
.benefit-icon5 {float:left; width:100%; height:100%; background:url(../images/b5-img.jpg) no-repeat left}
.benefit-more {float:right; width:auto; margin:13px 0 0 0}
.benefit-content {float:right; width:55%}
span.bigdata {font-size:20px}
ul.submits li.green, ul.submits li.orange, ul.submits li.blue, ul.submits li.yellow, ul.submits li.red, ul.submits li.ashblue, ul.submits li.ashgreen, ul.submits li.ashviolate {float:left; width:100%; padding:36px 0 26px 0; background-color:#99bc4c; border-right:1px #fff solid; text-align:center; height:300px}
ul.submits li.green {padding:36px 0 26px 0; border-bottom:#FFF 1px solid; background-image:url(../images/one.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.orange {background:#ffa639; background-image:url(../images/two.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.blue {background:#70bedb; border-top:#FFF 1px solid; background-image:url(../images/three.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.yellow {background:#e7c884; border-top:#FFF 1px solid; background-image:url(../images/four.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.red {border-top:#FFF 1px solid; background:#FF9595; background-image:url(../images/five.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashblue {border-top:#FFF 1px solid; background:#A4BDCA; background-image:url(../images/six.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashgreen {border-top:#FFF 1px solid; background:#C5D095; background-image:url(../images/seven.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashviolate {border-top:#FFF 1px solid; background:#D1BCD8; background-image:url(../images/eight.png); background-repeat:no-repeat; background-position:bottom 20px center}
.c-txt, .c-txt1, .c-txt2, .c-txt3 {margin:0 auto 15px auto; width:90%; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#e8ffb4}
.c-txt1 {color:#ffebb5}
.c-txt2 {color:#c2eeff}
.c-txt3 {color:#fdeecc}
h1.pagetitle {font-family: 'Lato', sans-serif; color:#000; font-size:200%; padding:20px 0; margin:0; font-weight:normal; width:100%; text-align:center} 
.img-title {float:left; width:100%; background:#e9e9e9; padding:8px 0; text-align:center;  font-size:16px; color:#5c5c5c; text-transform:uppercase; text-shadow:#FFF 1px 1px 1px}
.services-area {float:left; width:100%}
.support-area {float:left; width:100%}
.support-content {float:right; width:50%; margin:0 10px 0 0}
p.support-txt, p.support-txt2, p.support-txt3, p.support-txt4 {font-size:14px}
label {font-size:12px}
.loginph {margin:0 auto; width:100%}
.tasksearch-inner {width:90%; margin:0 auto}
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 359px) {
.flefttask-option {float:left; width:95%; clear:both}
label.city {font-size:16px; font-weight:bold; float:left; width:100%; margin:0 0 15px 0}
.change {float:right; width:95%; text-align:right}
.tasker-photo {float:left; width:100%; margin:0 0 10px 0; text-align:center}
.white-layout {width:100%; height:auto; padding:15px 0}
ul.three-columnar {float:left; width:98%; padding:10px; margin:0}
ul.three-columnar li.left {float:left; width:100%; margin:0 20px 0 0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.center {float:left; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.right {float:right; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
.inside-task {margin:0 auto; width:99%; height:auto}
.task-layout {margin:0 auto; width:100%; height:auto}
.welcome-text {font-size:4vw}
h2.taskname {font-size:5vw}
p.username {width:100%; float:left; padding:0; margin:0; font-family: 'Lato', sans-serif; font-size:4.5vw; color:#FFF; text-align:center}
ul.blog-item li.left, ul.blog-item li.right {float:left; width:100%; padding:0; margin:0 0 20px 0; list-style:none}
ul.blog-item li.right {float:right}
.blogger-photo {float:left; width:auto; margin:0 15px 0 0}
.blog-item-right {float:right; width:65%}
h3.big-title { font-size:30px; text-transform:uppercase; color:#373854; margin:0; padding:0; line-height:normal}
.points-text-ph {float:right; margin:20px 10px 0 0; padding:0; width:95%; height:93%}
#post-today {float:left; width:100%; height:460px; }
.business-signpost-banner {width:98%; margin:68px auto 15px auto; height:50%; background:url(../images/business-bg.jpg) no-repeat; background-size:cover}
.task-details {float:left; width:100%; height:112px; overflow:auto}
ul.points-post li {font-family: 'Lato', sans-serif; font-size:5vw; color:#4a4a4a; list-style-image:url(../images/red-bullet-arrow.png); list-style-position:inside} 
p.question-post {float:left; width:100%; font-family: 'Lato', sans-serif; font-size:6vw; color:#000; padding:0; margin:30px 0 15px 0}
.signup-ph {float:right; margin:0; width:auto; }
input[type='button'].joinnow {width:177px; height:49px; background:url(../images/joinnow.png) no-repeat; border:none}
.login-ph {float:right; margin:0 2em 0 0; width:auto; }
#loginpart {float:left; width:100%; padding:0 0 10px 0; border-top:#3C6C91 1px solid; border-bottom:#3C6C91 1px solid; margin:10px 0 0 0}
#branding {float:left; width:100%; text-align:center}
.call {float:left; width:100%; height:185px; background:url(../images/call.gif) no-repeat center top}
.taskers {float:left; width:100%; height:185px; background:url(../images/taskers.gif) no-repeat center top}
.right-choice {float:left; width:100%; height:185px; }
.call p, .taskers p, .right-choice p {text-align:center; font-family: 'Lato', sans-serif; color:#FFF; font-size:20px; padding:0 0 10px 0; margin:130px 0 0 0; float:left; width:100%}
#recent-tasks, #business, #browse-tasks, .db-rightinfo {float:left; width:100%; background:url(../images/section-white-bg.png) repeat; height:490px}
#business {float:right; margin:20px 0 0 0}
.arrow {float:left; width:100%; margin:20px 0; height:28px}
#phonenos {float:left; width:100%; padding:0 0 15px 0; margin:0 0 0 0; text-align:center}
#phonenos li {float:left; width:auto; margin:0 15px 0 0; padding:0 0 0 15px; vertical-align:text-bottom; list-style:none; background:url(../images/phone-icon.gif) left no-repeat; text-align:center}
#phonenos li:first-child {margin:0 15px 0 15px}
#tagline {float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#7e8f95; letter-spacing:0.05em; width:100%; text-align:center}
.login-buttons {float:left; width:100%; text-align:center}
a.topblue-button, a.topblue-button1 {float:none}
.banner-area-tasker {background:url(../images/banner-tasker.jpg) no-repeat; background-size:cover}
h2.slider {font-family: 'Lato', sans-serif; font-size:3em; text-transform:uppercase; color:#051840; margin:30px 0 5px 25px; padding:0; 
width:90%; text-align:center}
ul.slide-points {margin:0 0 0 0 !important; padding:0; float:left; width:90%}
ul.slide-points li {float:left; width:100%; margin:0 !important; padding:0; list-style:url(../images/bullet-p.jpg); list-style-position:inside; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000}
#acc-banners-ph {float:left; width:100%; height:auto; overflow:hidden; background:url(../images/acc-bg.jpg) top no-repeat; background-size:cover; overflow:hidden}
.slider-button, .slider-button1 {width:100%; height:auto; float:left; margin:15px 0; position:static; text-align:center}
.h-slider1, .h-slider2, .h-slider3, .h-slider4, .h-slider5 {background:#fff; height: 100%; margin: 0px; left: 48.365px; width: auto; overflow: hidden}
p.slide-text {width:90%; margin:15px 0 0 25px; color:#000}
p.blue-tag {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#1f80c6; margin:0 0 0 25px; padding:0; float:left; width:90%; text-align:center}
.content-area {margin:0 auto; width:95%; height:auto}
.area-left {float:left; width:100%; margin:20px 0; }
.area-right {float:right; width:100%; margin:20px 0; }
.news {float:left; width:100%; margin:20px 0; }
.testimonials {float:right; width:100%; margin:20px 0; }
h3.home {margin:5px 0 10px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#0a4182; float:left; clear:both; 
text-transform:uppercase}
h3.benefit {font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#000; text-transform:uppercase; float:left; width:100%; margin:5px 0 10px 0; padding:0}
p.benefit-txt, p.benefit-txt3, p.benefit-txt2, p.benefit-txt4 { float:left; font-size:12px; color:#ffffff; margin:45px 0 0 0; padding:0; text-transform:uppercase; width:100%; text-align:left; font-weight:normal}
p.benefit-txt3 {margin:10px 0 0 0}
p.benefit-txt4 {margin:30px 0 0 0}
p.benefit-txt2 {margin:20px 0 0 0}
.benefit-icon1 {float:left; width:100%; height:100%; background:url(../images/b1-img.jpg) no-repeat left}
.benefit-icon2 {float:left; width:100%; height:100%; background:url(../images/b2-img.jpg) no-repeat left}
.benefit-icon3 {float:left; width:100%; height:100%; background:url(../images/b3-img.jpg) no-repeat left}
.benefit-icon4 {float:left; width:100%; height:100%; background:url(../images/b4-img.jpg) no-repeat left}
.benefit-icon5 {float:left; width:100%; height:100%; background:url(../images/b5-img.jpg) no-repeat left}
.benefit-more {float:right; width:auto; margin:13px 0 0 0}
.benefit-content {float:right; width:50%}
span.bigdata {font-size:20px}
ul.submits li.green, ul.submits li.orange, ul.submits li.blue, ul.submits li.yellow, ul.submits li.red, ul.submits li.ashblue, ul.submits li.ashgreen, ul.submits li.ashviolate {float:left; width:100%; padding:36px 0 26px 0; background-color:#99bc4c; border-right:1px #fff solid; text-align:center; height:280px}
ul.submits li.green {padding:36px 0 26px 0; border-bottom:#FFF 1px solid; background-image:url(../images/one.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.orange {background:#ffa639; background-image:url(../images/two.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.blue {background:#70bedb; border-top:#FFF 1px solid; background-image:url(../images/three.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.yellow {background:#e7c884; border-top:#FFF 1px solid; background-image:url(../images/four.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.red {border-top:#FFF 1px solid; background:#FF9595; background-image:url(../images/five.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashblue {border-top:#FFF 1px solid; background:#A4BDCA; background-image:url(../images/six.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashgreen {border-top:#FFF 1px solid; background:#C5D095; background-image:url(../images/seven.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashviolate {border-top:#FFF 1px solid; background:#D1BCD8; background-image:url(../images/eight.png); background-repeat:no-repeat; background-position:bottom 20px center}
.c-txt, .c-txt1, .c-txt2, .c-txt3 {margin:0 auto 15px auto; width:90%; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#e8ffb4}
.c-txt1 {color:#ffebb5}
.c-txt2 {color:#c2eeff}
.c-txt3 {color:#fdeecc}
h1.pagetitle {font-family: 'Lato', sans-serif; color:#000; font-size:200%; padding:20px 0; margin:0; font-weight:normal; width:100%; text-align:center} 
.img-title {float:left; width:100%; background:#e9e9e9; padding:8px 0; text-align:center;  font-size:15px; color:#5c5c5c; text-transform:uppercase; text-shadow:#FFF 1px 1px 1px}
.services-area {float:left; width:100%}
.support-area {float:left; width:100%}
.support-content {float:right; width:45%; margin:0 5px 0 0}
p.support-txt, p.support-txt2, p.support-txt3, p.support-txt4 {font-size:12px}
label {font-size:12px}
.loginph {margin:0 auto; width:100%}
}
@media only screen and (width : 320px) {
.tasker-photo {float:left; width:100%; margin:0 0 10px 0; text-align:center}
label.city {font-size:16px; font-weight:bold; float:left; width:100%; margin:0 0 15px 0}
.inside-task {margin:0 auto; width:99%; height:auto}
.task-layout {margin:0 auto; width:100%; height:auto}
.flefttask-option {float:left; width:95%; clear:both}
.change {float:right; width:95%; text-align:right}
ul.blog-item li.left, ul.blog-item li.right {float:left; width:100%; padding:0; margin:0 0 20px 0; list-style:none}
ul.blog-item li.right {float:right}
p.username {width:100%; float:left; padding:0; margin:0; font-family: 'Lato', sans-serif; font-size:4.5vw; color:#FFF; text-align:center}
.blogger-photo {float:left; width:auto; margin:0 15px 0 0}
.blog-item-right {float:right; width:65%}
.business-signpost-banner {width:98%; margin:68px auto 15px auto; height:50%; background:url(../images/business-bg.jpg) no-repeat; background-size:cover}
.task-details {float:left; width:100%; height:112px; overflow:auto}
.white-layout {width:100%; height:auto; padding:15px 0}
ul.three-columnar {float:left; width:98%; padding:10px; margin:0}
ul.three-columnar li.left {float:left; width:100%; margin:0 20px 0 0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.center {float:left; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.right {float:right; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
ul.points-post li {font-family: 'Lato', sans-serif; font-size:5vw; color:#4a4a4a; list-style-image:url(../images/red-bullet-arrow.png); list-style-position:inside} 
p.question-post {float:left; width:100%; font-family: 'Lato', sans-serif; font-size:6vw; color:#000; padding:0; margin:30px 0 15px 0}
.points-text-ph {float:left; margin:20px 0px 0 10px; padding:0; width:93%; height:93%}
#post-today {float:left; width:100%; height:auto; }
.signup-ph {float:right; margin:0; width:auto; }
input[type='button'].joinnow {width:177px; height:49px; background:url(../images/joinnow.png) no-repeat; border:none}
.login-ph {float:right; margin:0 2em 0 0; width:auto; }
#loginpart {float:left; width:100%; padding:0 0 10px 0; border-top:#3C6C91 1px solid; border-bottom:#3C6C91 1px solid; margin:10px 0 0 0}
#branding {float:left; width:100%; text-align:center}
#phonenos {float:left; width:100%; padding:0 0 15px 0; margin:0 0 0 0; text-align:center}
#phonenos li {float:left; width:auto; margin:0 15px 0 0; padding:0 0 0 15px; vertical-align:text-bottom; list-style:none; background:url(../images/phone-icon.gif) left no-repeat; text-align:center}
#phonenos li:first-child {margin:0 15px 0 15px}
.call {float:left; width:100%; height:185px; background:url(../images/call.gif) no-repeat center top}
.taskers {float:left; width:100%; height:185px; background:url(../images/taskers.gif) no-repeat center top}
.right-choice {float:left; width:100%; height:185px; }
.call p, .taskers p, .right-choice p {text-align:center; font-family: 'Lato', sans-serif; color:#FFF; font-size:20px; padding:0 0 10px 0; margin:130px 0 0 0; float:left; width:100%}
#recent-tasks, #business, #browse-tasks, .db-rightinfo {float:left; width:100%; background:#fff; height:490px;}
#business {float:right; margin:20px 0 0 0}
.arrow {float:left; width:100%;  margin:40px 0; height:28px}
#tagline {float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#7e8f95; letter-spacing:0.05em; width:100%; text-align:center}
.login-buttons {float:left; width:100%; text-align:center}
a.topblue-button, a.topblue-button1 {float:none}
.banner-area, .banner-area-tasker {margin:0; width:100%; height:auto; background:url(../images/banner.jpg) no-repeat; background-size:cover; height:10em}
.banner-area-tasker {background:url(../images/banner-tasker.jpg) no-repeat; background-size:cover}
h2.slider {font-family: 'Lato', sans-serif; font-size:3em; text-transform:uppercase; color:#051840; margin:30px 0 5px 25px; padding:0; 
width:90%; text-align:center}
ul.slide-points {margin:0 0 0 0 !important; padding:0; float:left; width:90%}
ul.slide-points li {float:left; width:100%; margin:0 !important; padding:0; list-style:url(../images/bullet-p.jpg); list-style-position:inside; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000}
#acc-banners-ph {float:left; width:100%; height:auto; overflow:hidden; background:url(../images/acc-bg.jpg) top no-repeat; background-size:cover; overflow:hidden}
.slider-button, .slider-button1 {width:100%; height:auto; float:left; margin:15px 0; position:static; text-align:center}
.h-slider1, .h-slider2, .h-slider3, .h-slider4, .h-slider5 {background:#fff; height: 100%; margin: 0px; left: 48.365px; width: auto; overflow: hidden}
p.slide-text {width:90%; margin:15px 0 0 25px; color:#000}
p.blue-tag {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#1f80c6; margin:0 0 0 25px; padding:0; float:left; width:90%; text-align:center}
.content-area {margin:0 auto; width:95%; height:auto}
.area-left {float:left; width:100%; margin:20px 0; }
.area-right {float:right; width:100%; margin:20px 0; }
.news {float:left; width:100%; margin:20px 0; }
.testimonials {float:right; width:100%; margin:20px 0; }
h3.home {margin:5px 0 20px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#0a4182; float:left; clear:both; 
text-transform:uppercase}
h3.benefit {font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#000; text-transform:uppercase; float:left; width:100%; margin:5px 0 10px 0; padding:0}
p.benefit-txt, p.benefit-txt3, p.benefit-txt2, p.benefit-txt4 { float:left; font-size:12px; color:#ffffff; margin:45px 0 0 0; padding:0; text-transform:uppercase; width:100%; text-align:left; font-weight:normal}
p.benefit-txt3 {margin:10px 0 0 0}
p.benefit-txt4 {margin:30px 0 0 0}
p.benefit-txt2 {margin:20px 0 0 0}
.benefit-icon1 {float:left; width:100%; height:100%; background:url(../images/b1-img.jpg) no-repeat left}
.benefit-icon2 {float:left; width:100%; height:100%; background:url(../images/b2-img.jpg) no-repeat left}
.benefit-icon3 {float:left; width:100%; height:100%; background:url(../images/b3-img.jpg) no-repeat left}
.benefit-icon4 {float:left; width:100%; height:100%; background:url(../images/b4-img.jpg) no-repeat left}
.benefit-icon5 {float:left; width:100%; height:100%; background:url(../images/b5-img.jpg) no-repeat left}
.benefit-more {float:right; width:auto; margin:13px 0 0 0}
.benefit-content {float:right; width:45%}
span.bigdata {font-size:18px}
ul.submits li.green, ul.submits li.orange, ul.submits li.blue, ul.submits li.yellow, ul.submits li.red, ul.submits li.ashblue, ul.submits li.ashgreen, ul.submits li.ashviolate {float:left; width:100%; padding:36px 0 26px 0; background-color:#99bc4c; border-right:1px #fff solid; text-align:center; height:280px}
ul.submits li.green {padding:36px 0 26px 0; border-bottom:#FFF 1px solid; background-image:url(../images/one.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.orange {background:#ffa639; background-image:url(../images/two.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.blue {background:#70bedb; border-top:#FFF 1px solid; background-image:url(../images/three.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.yellow {background:#e7c884; border-top:#FFF 1px solid; background-image:url(../images/four.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.red {border-top:#FFF 1px solid; background:#FF9595; background-image:url(../images/five.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashblue {border-top:#FFF 1px solid; background:#A4BDCA; background-image:url(../images/six.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashgreen {border-top:#FFF 1px solid; background:#C5D095; background-image:url(../images/seven.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashviolate {border-top:#FFF 1px solid; background:#D1BCD8; background-image:url(../images/eight.png); background-repeat:no-repeat; background-position:bottom 20px center}
.c-txt, .c-txt1, .c-txt2, .c-txt3 {margin:0 auto 15px auto; width:90%; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#e8ffb4}
.c-txt1 {color:#ffebb5}
.c-txt2 {color:#c2eeff}
.c-txt3 {color:#fdeecc}
h1.pagetitle {font-family: 'Lato', sans-serif; color:#000; font-size:200%; padding:20px 0; margin:0; font-weight:normal; width:100%; text-align:center} 
.img-title {float:left; width:100%; background:#e9e9e9; padding:8px 0; text-align:center;  font-size:16px; color:#5c5c5c; text-transform:uppercase; text-shadow:#FFF 1px 1px 1px}
.services-area {float:left; width:100%}
.support-area {float:left; width:100%}
.support-content {float:right; width:45%; margin:0 5px 0 0}
p.support-txt, p.support-txt2, p.support-txt3, p.support-txt4 {font-size:12px}
label {font-size:12px}
.loginph {margin:0 auto; width:100%}
.welcome-text {font-size:4vw}
}
@media only screen 
and (min-device-width : 0) 
and (max-device-width : 319px) {
header {width:320px; padding:0}
.flefttask-option {float:left; width:95%; clear:both}
label.city {font-size:16px; font-weight:bold; float:left; width:100%; margin:0 0 15px 0}
.change {float:right; width:95%; text-align:right}
.tasker-photo {float:left; width:100%; margin:0 0 10px 0; text-align:center}
ul.blog-item li.left, ul.blog-item li.right {float:left; width:100%; padding:0; margin:0 0 20px 0; list-style:none}
ul.blog-item li.right {float:right}
.white-layout {width:100%; height:auto; padding:15px 0}
ul.three-columnar {float:left; width:98%; padding:10px; margin:0}
ul.three-columnar li.left {float:left; width:100%; margin:0 20px 0 0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.center {float:left; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
ul.three-columnar li.right {float:right; width:100%; margin:0; padding:0; height:auto; list-style:none; text-align:center}
.blogger-photo {float:left; width:auto; margin:0 15px 0 0}
.blog-item-right {float:right; width:65%}
ul.points-post li {font-family: 'Lato', sans-serif; font-size:5vw; color:#4a4a4a; list-style-image:url(../images/red-bullet-arrow.png); list-style-position:inside} 
p.question-post {float:left; width:100%; font-family: 'Lato', sans-serif; font-size:6vw; color:#000; padding:0; margin:30px 0 15px 0}
.inside-task {margin:0 auto; width:99%; height:auto}
.task-layout {margin:0 auto; width:100%; height:auto}
.business-signpost-banner {width:98%; margin:68px auto 15px auto; height:50%; background:url(../images/business-bg.jpg) no-repeat; background-size:cover}
.task-details {float:left; width:100%; height:112px; overflow:auto}
.task-code {float:left; width:100%; background:#0088ff; text-align:center; padding:15px 0; font-family: 'Lato', sans-serif; font-size:30px; font-weight:normal; color:#FFF; margin:10px 0}
h3.big-title { font-size:5.5vw; text-transform:uppercase; color:#373854; margin:0; padding:0; line-height:normal}
#post-today .content {margin:0 auto; width:90%; height:100%; background:url(../images/points-bg-f.jpg) no-repeat; background-size:cover}	
.points-text-ph {float:right; margin:20px 10px 0 0; padding:0; width:95%; height:93%}
#post-today {float:left; width:100%; height:auto; background:#fdc800;}
#post-today .content {margin:0 auto; width:90%; height:100%; background:url(../images/points-bg-f.jpg) no-repeat; background-size:cover}
.signup-ph {float:right; margin:0; width:auto; }
.call {float:left; width:100%; height:185px; background:url(../images/call.gif) no-repeat center top}
.taskers {float:left; width:100%; height:185px; background:url(../images/taskers.gif) no-repeat center top}
.right-choice {float:left; width:100%; height:185px; background:url(../images/tick1.gif) no-repeat center top}
.call p, .taskers p, .right-choice p {text-align:center; font-family: 'Lato', sans-serif; color:#FFF; font-size:20px; padding:0 0 10px 0; margin:130px 0 0 0; float:left; width:100%}
.welcome-text {font-size:4vw}
.arrow {float:left; width:100%; background:url(../images/arrow-down.gif) no-repeat center; margin:40px 0; height:28px}
.login-ph {float:right; margin:0 2em 0 0; width:auto; }
#loginpart {float:left; width:100%; padding:0 0 10px 0; border-top:#3C6C91 1px solid; border-bottom:#3C6C91 1px solid; margin:10px 0 0 0}
#branding {float:left; width:100%; text-align:center}
#phonenos {float:left; width:100%; padding:0 0 15px 0; margin:0 0 0 0; text-align:center}
#phonenos li {float:left; width:auto; margin:0 15px 0 0; padding:0 0 0 15px; vertical-align:text-bottom; list-style:none; background:url(../images/phone-icon.gif) left no-repeat; text-align:center}
#phonenos li:first-child {margin:0 15px 0 15px}
#recent-tasks, #business, #browse-tasks, .db-rightinfo {float:left; width:100%; background:#fff; height:490px}
#browse-tasks {height:auto}
#business {float:right; margin:20px 0 0 0}
#tagline {float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#7e8f95; letter-spacing:0.05em; width:100%; text-align:center}
.login-buttons {float:left; width:100%; text-align:center}
a.topblue-button, a.topblue-button1 {float:none}
.banner-area {margin:0; width:100%; height:auto; background:url(../images/banner.jpg) no-repeat; background-size:cover; height:10em}
h2.slider {font-family: 'Lato', sans-serif; font-size:3em; text-transform:uppercase; color:#051840; margin:30px 0 5px 25px; padding:0; 
width:90%; text-align:center}
ul.slide-points {margin:0 0 0 0 !important; padding:0; float:left; width:90%}
ul.slide-points li {float:left; width:100%; margin:0 !important; padding:0; list-style:url(../images/bullet-p.jpg); list-style-position:inside; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000}
#acc-banners-ph {float:left; width:100%; height:auto; overflow:hidden; background:url(../images/acc-bg.jpg) top no-repeat; background-size:cover; overflow:hidden}
.slider-button, .slider-button1 {width:100%; height:auto; float:left; margin:15px 0; position:static; text-align:center}
.h-slider1, .h-slider2, .h-slider3, .h-slider4, .h-slider5  {background:#fff; height: 100%; margin: 0px; left: 48.365px; width: auto; overflow: hidden}
p.slide-text {width:90%; margin:15px 0 0 25px; color:#000}
p.blue-tag {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#1f80c6; margin:0 0 0 25px; padding:0; float:left; width:90%; text-align:center}
.content-area {margin:0 auto; width:95%; height:auto}
.area-left {float:left; width:100%; margin:20px 0; }
.area-right {float:right; width:100%; margin:20px 0; }
.news {float:left; width:100%; margin:20px 0; }
.testimonials {float:right; width:100%; margin:20px 0}
h3.home {margin:5px 0 10px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#0a4182; float:left; clear:both; 
text-transform:uppercase}
h3.benefit {font-family:Arial, Helvetica, sans-serif; font-size:1.2em; color:#000; text-transform:uppercase; float:left; width:100%; margin:5px 0 10px 0; padding:0}
p.benefit-txt, p.benefit-txt3, p.benefit-txt2, p.benefit-txt4 { float:left; font-size:12px; color:#ffffff; margin:45px 0 0 0; padding:0; text-transform:uppercase; width:100%; text-align:left; font-weight:normal}
p.benefit-txt3 {margin:10px 0 0 0}
p.benefit-txt4 {margin:30px 0 0 0}
p.benefit-txt2 {margin:20px 0 0 0}
.benefit-icon1 {float:left; width:100%; height:100%; background:url(../images/b1-img.jpg) no-repeat left}
.benefit-icon2 {float:left; width:100%; height:100%; background:url(../images/b2-img.jpg) no-repeat left}
.benefit-icon3 {float:left; width:100%; height:100%; background:url(../images/b3-img.jpg) no-repeat left}
.benefit-icon4 {float:left; width:100%; height:100%; background:url(../images/b4-img.jpg) no-repeat left}
.benefit-icon5 {float:left; width:100%; height:100%; background:url(../images/b5-img.jpg) no-repeat left}
.benefit-more {float:right; width:auto; margin:13px 0 0 0}
.benefit-content {float:right; width:42%}
span.bigdata {font-size:18px}
ul.submits li.green, ul.submits li.orange, ul.submits li.blue, ul.submits li.yellow, ul.submits li.red, ul.submits li.ashblue, ul.submits li.ashgreen, ul.submits li.ashviolate {float:left; width:100%; padding:36px 0 26px 0; background-color:#99bc4c; border-right:1px #fff solid; text-align:center; height:280px}
ul.submits li.green {padding:36px 0 26px 0; border-bottom:#FFF 1px solid; background-image:url(../images/one.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.orange {background:#ffa639; background-image:url(../images/two.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.blue {background:#70bedb; border-top:#FFF 1px solid; background-image:url(../images/three.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.yellow {background:#e7c884; border-top:#FFF 1px solid; background-image:url(../images/four.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.red {border-top:#FFF 1px solid; background:#FF9595; background-image:url(../images/five.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashblue {border-top:#FFF 1px solid; background:#A4BDCA; background-image:url(../images/six.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashgreen {border-top:#FFF 1px solid; background:#C5D095; background-image:url(../images/seven.png); background-repeat:no-repeat; background-position:bottom 20px center}
ul.submits li.ashviolate {border-top:#FFF 1px solid; background:#D1BCD8; background-image:url(../images/eight.png); background-repeat:no-repeat; background-position:bottom 20px center}
.c-txt, .c-txt1, .c-txt2, .c-txt3 {margin:0 auto 15px auto; width:90%; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#e8ffb4}
.c-txt1 {color:#ffebb5}
.c-txt2 {color:#c2eeff}
.c-txt3 {color:#fdeecc}
h1.pagetitle {font-family: 'Lato', sans-serif; color:#000; font-size:200%; padding:20px 0; margin:0; font-weight:normal; width:100%; text-align:center}
.img-title {float:left; width:100%; background:#e9e9e9; padding:8px 0; text-align:center;  font-size:14px; color:#5c5c5c; text-transform:uppercase; text-shadow:#FFF 1px 1px 1px}
.services-area {float:left; width:100%}
.support-area {float:left; width:100%}
.support-content {float:right; width:45%; margin:0 5px 0 0}
p.support-txt, p.support-txt2, p.support-txt3, p.support-txt4 {font-size:12px}
.loginph {margin:0 auto; width:100%}
.tasksearch-inner {width:90%; margin:0 auto}
}
@media only screen 
and (min-device-width : 0) 
and (max-device-width : 1096px) {
.news {float:left; width:100%; margin:20px 0; border-bottom:#DDD 1px dashed}
.testimonials {float:right; width:100%; margin:0 0 20px 0}
.socials {float:left; width:100%; text-align:center}
ul.footerlinks {width:100%; margin:0 auto; padding:0}
ul.footerlinks li {float:left; margin:0 25px 15px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#82baf2; 
text-decoration:none; list-style:none}
ul.footerlinks li:first-child {margin:0}
ul.footerlinks li a {color:#82baf2; text-decoration:none}
ul.footerlinks li a:hover {color:#82baf2; text-decoration:underline}
p.copyright {float:left; width:100%; margin:8px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5893d0; text-align:center}	
}
@media only screen 
and (min-device-width : 0) 
and (max-device-width : 436px) {
.news-photo {float:left; width:100%; margin:0 0 10px 0}
.news-part {float:left; width:100%}
h3.news-title {margin:0 0 10px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#3f3f3f; float:left; width:100%; font-weight:normal}
p.date {float:left; width:100%; margin:0 0 20px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#5884cd}
.indetails {float:left; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#062f59; text-decoration:none; clear:both; font-weight:bold}
.indetails a {font-size:14px; color:#062f59; text-decoration:none}
.indetails a:hover {font-size:14px; color:#062f59; text-decoration:underline}
#roadshow {float:left; width:auto; margin:0 30px 20px 0}
#youtube {float:left; width:auto}
}
@media only screen 
and (min-device-width : 0) 
and (max-device-width : 1280px) 
{
.socials {float:left; width:100%; text-align:center; margin:0 0 20px 0}
ul.footerlinks {width:100%; margin:0 auto; padding:0}
ul.footerlinks li {float:left; margin:0 25px 15px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#82baf2; 
text-decoration:none; list-style:none}
ul.footerlinks li:first-child {margin:0}
ul.footerlinks li a {color:#82baf2; text-decoration:none}
ul.footerlinks li a:hover {color:#82baf2; text-decoration:underline}
p.copyright {float:left; width:100%; margin:8px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5893d0; text-align:center}
}
@media only screen 
and (min-device-width : 0) 
and (max-device-width : 567px) 
{
.blog-item-right {float:right; width:100%; margin:0 0 15px 0}
.taskdetails {width:60%}
ul.taskname li.taskn {width:55%}
}
@media only screen 
and (min-device-width : 720px) 
and (max-device-width : 767px) 
{
.blog-item-right {float:right; width:100%; margin:0 0 15px 0}
}
@media only screen 
and (min-device-width : 0) 
and (max-device-width : 835px) 
{
span.footer-i {float:left; width:100%; text-align:center; margin:0 0 5px 0}
.footer-part {width:100%}
.quick-links {float:right; width:68%; margin:0; font-family: 'Lato', sans-serif; font-size:28px; font-weight:normal; color:#FFF; text-align:center} 
.ql-items {float:right; padding:15px; width:60%; background:url(../images/ql-bg.png) repeat; border-radius:10px; font-family: 'Lato', sans-serif; font-size:14px; color:#fff; text-decoration:none; text-align:center; margin:20px 0 0 0}
}

@media only screen 
and (min-device-width : 0) 
and (max-device-width : 431px) {
}
@media only screen 
and (min-device-width : 0) 
and (max-device-width : 930px)
{
.dbleft, .dbcenter, .dbright, .dbright-task { border-bottom: 1px dotted #666; border-right:none; float: left; height: auto; padding: 10px; width: 91%;}
.dbright-task {margin:20px 0}
.fleft59, .fleft45 { float: right; width: 80%;}
.w85-vt {padding-left: 10px; width:75%}
.dbright, .dbright-task {border:none}
.view-profile-button {float:left; margin-top:0}
}
@media only screen 
and (min-device-width : 0) 
and (max-device-width : 930px)
{
	.fleft59, .fleft45 { float: right; width: 98%; margin:15px 0}
.w85-vt {padding-left:none; width:85%; float:left; margin:10px 0}
.dbright {border:none}
.view-profile-button {float:left; margin-top:0}
.fright {float:left}
.inside-task {margin:0 auto; width:100%; height:auto}
.task-layout {margin:0 auto; width:100%; height:auto}
.dbleft, .dbright { border-right: 1px dotted #cccccc; float: left; height: auto; padding: 10px; width: 44%; margin:20px}
.dbleft {width:100%; padding:15px 0; margin:0 0 20px 0px}
.dbright {border:none; float:right; width:98%; text-align:center; margin:10px 0 0 0}
.profile-completeness {float:right; width:98%; clear:both; margin:10px 0 0 0}
.dbleft-ts, .dbright-ts { border-right: 1px dotted #cccccc; float: left; height: auto; padding: 10px; width: 98%; margin:10px}
.dbright-ts {border:none}
}
@media only screen 
and (min-device-width : 930px) 
and (max-device-width : 979px)
{
.inside-task {margin:0 auto; width:100%; height:auto}
.task-layout {margin:0 auto; width:100%; height:auto}
.dbleft, .dbright, .dbright-task { border-right: 1px dotted #cccccc; float: left; height: auto; padding: 10px; width: 44%; margin:0px;}
.dbleft {width:70%}
.dbright, .dbright-task {border:none; float:right; width:20%; text-align:center; margin:80px 0 0 0}
.dbright-task {margin:20px 20px 20px 0}
.profile-completeness {float:right; width:98%; clear:both; margin:40px 0 0 0}
.dbleft-ts, .dbright-ts { border-right: 1px dotted #cccccc; float: left; height: auto; padding: 10px; width: 44%; margin:10px;}
.dbright-ts {border:none; float:right}
.collapsable-panel1, .collapsable-panel2 { background-color: #d83a37; border-color: #d83a37 rgba(0, 0, 0, 0); border-radius: 8px; border-style: solid; border-width: 0 6px 6px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); height: auto; left: inherit; position: absolute; right: 190px; top: 45px; width: 150px; z-index: 1000; font-family:Arial, Helvetica, sans-serif;}
}
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 860px)
{
.map-title { width:100%; text-align:center}
.vtaskmap {float:left; width:100%; text-align:center}
.view-map-button {float:left; width:100%; margin:15px 0; text-align:center}
}
.top_login{ margin:30px 0 0 !important;}
#map { height:480px !important; }	
.turst-info-detail-display{ display:none;}
.dbright-task-map{ height:559px !important;}
.left-detail-1{ width:92%;}
.pull-right{ float:right; }
.mar-right-5{ margin-right:5px; margin-bottom:5px;}
.button_start{ margin-top:25px;}
@media(min-width : 0px) and (max-width : 479px){
	.container{  width:300px;}
	.login-sigup{ float:left; width:115px; margin-left:35px; position:relative; z-index:9999;}
	.login-sigup-2{ float:left; top:-44px;}
	.login-ph{ margin:9px 6px 0 0; padding:5px 10px; font-size:12px; width:auto;}
	.signup-ph{  margin:9px 6px 0px 0px; padding:5px 10px; font-size:12px; width:auto;}
	.rmm.graphite .rmm-toggled-controls{ margin-top:5px !important;}
	#flag-ph{ margin:19px 6px 0 0;}
	#header{ height:62px;}
	#logo-placing img{ width:114px; padding:7px 0 0;}
	.email-ph{ width:100%; margin-right:0px; margin-bottom:10px;}
	.pincode-ph{ width:100%; margin-bottom:10px;}	
	.joinnow{ margin-left:0px;}
	.tasker-photo img{ width:100px;}
	.task-code {padding:6px 0 !important; margin:10px 30%; width:40%; font-size:18px; }
	.business-signpost-banner { background-position: center top 59px; background-size: 100% auto;  height: 262px;}
	#recent-tasks, #business, #browse-tasks, .db-rightinfo{ height:auto; }
	#post-today .content {margin:0 auto; width:90%; height:100%; }
	ul.points-post li{ line-height:31px;}
	.blog-title{ font-size:28px; margin-bottom:20px;}
	.blog-item-right{ width:61% !important; margin-top:0px !important; float:left;}
	.footer-part{ margin:0px auto 23px auto;}
	span.footer-i{ width:150px; font-style:normal;}
	.footer-part .footer-links{ width:100%;}
	.quick-links{ width:100%; margin-top:22px;}
	.ql-items{ width:90%; margin-top:5px;}
	.follow{ margin-top:13px;}
	.arrow { background:rgba(0, 0, 0, 0) url("../images/arrow-down.gif") no-repeat scroll center center; }
	.moreinfo-button-ph{ margin-bottom:10px;}
	ul.tasklist{ width:95%;}
	#logo-placing { margin: 0 5px 0 0; width: auto; height:auto; background:none;}
	#acc-banners-ph, #acc-banners-ph-in { margin-top:62px;}
	.post-today-img{ display:none;}
	.subject-name{ font-size:22px;}
	.banner{ padding-top:62px;}
	.email-box-home{ margin-top:0px;}
	/*----- SIGNUP_PAGE_START -----*/
	.content-subtitle{ height:118px; }
	.db-rightinfo{ width:298px; margin-top:30px;}
	label.city{ float:right;}
	.db-rightinfo-quick{ width:auto !important }
	.social-login-btns img{ width:200px;}
	.form-control-signup{ width:83.5% !important;}
	.signup-main-content{ padding:80px 0 !important;}
	.agree-signup{ padding:0px 0 15px 0;}
	.signup-btns{ margin:0px 11%;}
	.social-login-title{ padding:10px 0; font-size:20px}
	.social-login-btns{ margin:30px 0 0 0;}
	.cont-inner-signup{ padding-top:62px;}
	.content-subtitle-signup{ margin-top:0px; background-size:100% !important;}
	.signup-left{ width:300px;}
	.signup-left-title h2{ font-size:20px; width:200px;}
	.follow-us-title h2{ width:110px}
	.home-signpost-content{ margin-top:0px;}
	/*----- SIGNUP_PAGE_END -----*/
	/*----- LOGIN_PAGE_START -----*/
	.forgot-pass-text2{ padding-right:15px;}
	.login-btns{ margin:0px 0%;}
	.retrieve-pass-btn { margin:0px;}
	.retrieve-pass-btn .btn-default{ padding:8px 73px; }
	.login-box-main{ float:none !important; margin-top:0px;}
	.login-form-main{ margin:0px; width:267px;}
	.form-control-login{ width:83.5%;}
	.signup-btns .btn-default-login{ padding:4px 30px 4px 10px;}
	.agree-login{ padding-bottom:0px;}
	.login-right{ width:268px;}
	.divider { background-repeat: repeat-x; height: 34px; width: 100%; margin-left:0px;}
	.divider h2{ margin-right: 118px; margin-top: 0;}
	.login-social-ph{ margin:auto; padding:0px;}
	.login-social-ph .social-login-btns{ margin:0;}
	.login-main-content{ background:url(../images/login_back.jpg) no-repeat 70% top !important; background-size:cover !important; padding:30px 0 !important;}
	/*----- LOGIN_PAGE_END -----*/
	/*----- HOW_IT_WORKS_PAGE_START -----*/
	h3.banner-hw{font-size:12px; height:50px; margin: -64px 0 0; padding: 7px 0;}
	.taskit-1{ background:none; width:auto;}
	.taskit-1-detail{ width:100%; margin:20px 0 20px 0;}
	.taskit-1-inner{ height:auto;}
	.taskit-2{ background:none; height:auto;}
	.taskit-2-detail{ width:100%; margin:20px 0 20px 0;}
	.taskit-3-back{ margin:0px;}
	.taskit-3{ background:none; height:auto;}
	.taskit-3-detail{ width:100%; margin:20px 0;}
	.finder-inner{ width:300px; margin:0px auto;}
	.finder-inner iframe{ width:300px; height:auto;}
	.trust-safety-img{ width:100%; margin-bottom:15px;}
	.how-work-block-inner{ background:none;}
	.how-work-points{ width:300px; margin:20px 0px;}
	.how-work-points h3{ font-size:34px; line-height:40px;}
	.question-post-tit{ font-size:24px; margin:15px 0px 5px;}
	.question-post-info{ font-size:16px;}
	.btn-default-join{ padding:10px 30px;}
	/*----- HOW_IT_WORKS_PAGE_END -----*/
	/*----- DASH_BOARD_PAGE_START -----*/
	.red-subtitle, .subsection-title, .dashboard-title, .inside-subtitle, .acc-subtitle{ margin-top:0px;}
	.login-sigup-db{ width:157px;}
	.after-login{ width:97px;} 
	.top_login{ margin:1px 0 0 30px !important; float:left !important; z-index:99999;}
	.login-sigup-db #flag-ph{ float:left; margin-right:0px; margin-left:3px;}
	.wallet_balance { font-size: 14px; line-height: 16px; padding-top:0px; width:106px;}
	a.ur-steps, a.settings{ padding:7px;}
	.collapsable-panel1, .collapsable-panel2{ top:43px;}
	.db-rightinfo-dash{ padding:93px 0 30px 0;}
	.dashboard-leftmenu { float:none; margin: 0 auto; padding-right: 0;width: auto; border:0px;}
	.dash-right{ width:270px; float:none; margin:0px auto 0; clear:both; border-left:0px; padding:15px 0 0 0; overflow:hidden;}
	.profile-progess-bar{ margin:60px 0 -21px; float:none; clear:both;}
	.welcome-box-dash{ width:248px; margin-bottom:10px;}
	.welcome-box{ height:auto;}
	.invite-friends-box{ width:248px; margin:0 0px 0 0; height:auto;}
	.invite-friends-box ul li img { height:48px; width:46px;}
	.massage-main-db{ width:92%;}
	.user-pic-massage-db p{ width:168px;}
	.other-img1-db{ margin:0px 0 10px 0;}
	.other-img1-db img{ width:270px; height:auto;}
	.other-img2-db img{ width:250px;}
	.dashboard-box1{ margin-bottom:0px;}
	.category-box-main-db { width:270px; margin:20px 0;}
	.category-box-dashboard{ width:266px !important;}
	.search-task{ margin:20px 0 0 0; height:auto; width:248px;}
	.mapicon-db{ margin:0px 0 0;}
	.view-map-btn-db{ margin-top:20px;}
	.search-map-db{ width:248px; margin-top:20px; height:190px;}
	.tasksearch-inner{ width:248px;}
	.form-control-search-task{ width:226px !important;}
	.search-btn-dashb{ padding:5px 26px 5px 25px; margin-top:15px; margin-left:0px !important; float:none;}
	.search-map-db #search-task{ padding:23px 0;}
	.title-top-main-db{ margin-top:15px; font-size:22px; width:270px;}
	/*----- DASH_BOARD_PAGE_END -----*/
	/*----- LISTING_PAGE_START -----*/
	.listing-page-top{ height:200px; background-size:180% !important;}
	.listing-page-top h2{ font-size:36px; padding:40px 0 0 0;}
	.listing-page-top p{ font-size:18px; padding:10px 0 0 0;}
	.listing-page-top-inner{ height:200px;}
	.blog-post-box{ padding:20px 0;}
	.listing-left{ width:300px; margin:0px 0 15px 0;}
	.listing-left img{ width:100%;}
	.listing-right{ width:300px; margin:0px;}
	.listing-right h2{ font-size:20px; line-height:22px;}
	.listing-right p{ font-size:14px; line-height:22px;}
	.pagination ul li{ width:30px; height:30px; line-height:30px;}
	@-moz-document url-prefix() { 
		.pagination ul li{ 
	  		width:34px; height:34px; line-height:34px;
	  	}
	}
	/*----- LISTING_PAGE_END -----*/
	/*----- LISTING_DETAIL_PAGE_START -----*/
	.listing-detail-page-top{ height:200px; background-size:180% !important;}
	.listing-banner-inner{ width:300px;}
	.listing-detail-page-top h2{ font-size:28px; line-height:32px; padding:10px 0 0 0;}
	.listing-detail-page-top p{ font-size:18px; padding:5px 0 0 0; line-height:22px;}
	.listing-detail-page-top h3 { font-size:14px; line-height:12px; padding-top:10px;}
	.listing-detail-page-top-inn{ height:200px;}
	.blog-post-detail-box p{ font-size:14px; line-height:20px; padding-bottom:15px;}
	.blog-post-detail-box h2{ font-size:26px; line-height:32px; padding:15px 0;}
	.blog-post-full-img{ width:300px; height:200px; margin:20px 0;}
	.blog-post-full-img img{ width:100%;}
	/*----- LISTING_DETAIL_PAGE_END -----*/
	.white-layout {width:100%; height:auto; padding:0px 0 !important}
	ul.three-columnar{ padding:4px !important; margin-bottom:30px !important;}
	.become-tasker .only-text{ font-size:20px !important; line-height:25px !important;}
	.white-inner{ margin:auto; padding:40px 0 0 0;}
	.three-columnar li{ margin-bottom:60px !important;}
	.three-columnar-new li{ margin-bottom:0px !important;}
	.arrow-2{ background:rgba(0, 0, 0, 0) url("../images/arrow-down-2.png") no-repeat scroll center center;}
	.btn-app{ margin:40px 0px !important;}
	/*----------WORKER_EDIT_START-------------*/
	.left-block{ width:100%;}
	.right-block{ width:100%;}
	.apptab1{ width:300px;}
	.apptab1-1 tr td{ width:100% !important;}
	.apptab1-1 tr td:first-child{ padding-bottom:5px !important; }
	.apptab1-1 tr td input{ width:256px !important; margin-bottom:0px !important;}
	.apptab1-1 tr td select{ width:270px !important; }
	.home-title-2{ width:300px;}
	ul.mcats, ul.apque{ clear:both; width:300px !important;}
	ul.mcats li{ width:46% !important;}
	ul.mcats li label{ font-size:12px !important;}
	.question{ width:300px;}
	#worker_skills{ width:284px !important;}
	#worker_availability{ width:284px !important;}
	ul.apque li{ width:47% !important;}
	#add_more2{ width:300px !important;}
	#addimg{ margin-top:10px;}
	.birthday-tab ul li{ width:216px !important; }
	.birthday-tab ul li select{ width:125px !important;}
	.birth-title .question{ width:70px !important;}
	.area-ph .btn-app{ margin-bottom:10px !important;}
	/*----------WORKER_EDIT_END-------------*/
	/*---post_task_start---*/
	.dashboard-box1{ width:270px;}	
	.dashboard-box2{ width:270px;}	
	.main-selection{ width:270px;}
	.select-title{ padding-bottom:10px;}
	/*---post_task_end---*/
	.dashboard-responsive{ }
	.dbleft{ border:0px; padding:20px 0px 0 0px !important; }
	.post-task-main-psd{ padding-top:0px !important;}
	.firts_img img{ width:46px; height:auto; }
	#task_name_symbol{ margin-left:3px !important;}
	.task-test{ width:81.7%;  }
	#showpnote .task-test{ width:89.7%; clear:both;}
	#showpnote .main-title{ padding-bottom:10px;}
	#address1TR td{ float:left; width:270px; }
	#address1TR td:first-child{ float:left; padding-bottom:7px; }
	#zipcodeTR td{ float:left; width:270px; }
	#zipcodeTR td:first-child{ float:left; padding-bottom:7px; }
	#locationnameTR td{ float:left; width:270px; }
	#locationnameTR td:first-child{ float:left; padding-bottom:7px; }
	.addright{ float:left; width:266px !important;}
	.price_info{ width:100%;}
	.price_info tr{}
	.price_info tr td{ width:60px !important; float:right !important; padding-bottom:10px; }
	.price_info tr td.yes-no-section-115{ width:40px !important;}
	.form_text-1115{ clear:both;}
	.price_info tr td.form_text_fild-112{ width:115px !important;}
	#task_to_price_symbol{ margin-left:6px !important; margin-top:7px !important;}
	#task_price_symbol{ margin-left:6px !important; margin-top:7px !important;}
	.main-w{ width:245px; }
	.dbright-task-1 .dbright-task{ margin:0 0 0 -3px; }
	.add-more #add_more2{ width:250px !important; }
	.select-title-quick{ padding-right:0px;}
	.abct3{ float: none; margin: auto; width: 81px; text-align:center;}
	.catle3n-1 h2{ font-size:21px;}
	.catle3n-1 p{ font-size:13px;}
	.map-coner{ width:262px;}
	.map-coner iframe{ width:262px;}
	/*------profile_page------*/
	.profile-main-inner{ padding:10px;}
	.profile-top{ margin:-55px 0 0 14px; }
	.detail-tab{ width:270px !important; margin-top:30px !important; }
	.abttb2-2-2 .wid350{ width:140px !important;}
	.dbright-task-10 { float: none !important; margin: auto !important; clear:both;}
	.one-part{ width:100% !important;}
	.getting-form{ float:none !important; margin-left:auto !important; margin-right:auto !important; }
	.getting-form .home-signpost-content{ padding:10px;}
	.container-10{ padding-top:0px !important;}
	.all-detail-11{ padding-bottom:30px !important;}
	.paym-banner{ height:40px !important; margin-top:-54px !important; font-size:19px !important;}
	.paym-banner .container-10{ padding-top:6px !important;}
	.three-columnar-pay li{ width:100% !important;}
	.payment-in{}
	.payment-in ul li{ width:100%; text-align:center; padding:0px;}
	.payment-in ul li img{ width:55%; }
	.payment-in ul li:first-child img{ width:80%; }
	.payment-in ul li:last-child img{ width:80%; }
	/*-----map-----*/
	.dbleft-map{ padding:0px 0px 0 0px !important; width:100%; margin-bottom:20px; border-radius:5px ; border:1px solid #ccc !important;}
	.dbleft-map .dbleft-map-inner{ border-radius:5px 5px 0 0; padding:22px 0 22px 12px; }
	.googleMarkerTab .wid160{ width:136px;}
	.dbright-task-map{ padding:0px; width:100%; border:1px solid #ccc !important; border-radius:5px ; }
	.map-title{ border-radius:5px 5px 0 0; }
	.banner-hw-about .container{ padding-top:0px !important;}
	.white-inner-about { padding-bottom:60px !important;}
	.white-inner-about ul{ margin-bottom:0px !important;}
	.white-inner-about ul li { width:100% !important; margin:0px !important;}
	.white-inner-about ul li img{ width:100% !important;}
	.white-inner-ab #horizontalTab{ margin:0px 0 40px 0 !important; overflow:hidden;}
	.white-inner-ab h2.resp-accordion{ width:92% !important;}
	.white-inner-ab .resp-tab-content{ width:256px !important;}
	.task-test-10{ width:210px !important;}
	.addright-1{ float:left !important;}
	.task-test-12{ width:250px !important;}
	.locatol{ width:10px !important;}
	.add-text{ width:200px;}
	.dbright-task-one{ margin-left:-6px !important;}
	.under-in {padding-left: 0 !important; width: 265px !important;}
	.under-in .ntext{ width:41% !important;}
	.under-in .task-test-10{ width:81% !important;}
	.inside-subtitle-12{ width:265px !important; padding-left:0px !important;}
	.under-in .task-test-12{ width:46% !important;}
	.dbright-task-13 .dbright-task{ margin:20px auto 20px -6px !important; width:246px !important;}
	#task_start_day{ width:150px !important;}
	#task_start_time{ width:66px !important;}
	#task_end_day{ width:132px !important;}
	#task_end_time{ width:116px !important;}
	.task-data-title{ font-size:13px;}
	.dbright-task-145{ padding-top:0px !important; clear:both; }
	.button-main-13{ width:270px !important; margin:0 auto !important}
	.edit-color { margin-right: 15px !important; padding: 11px 19px !important;}
	.dbright-task-146 .dbright-task{ width:241px !important; }
	.trust-img img{  width:100%; }
	#map{ height:300px !important;}
	.safety{ display:block; width:200px; margin-top:5px; padding:5px 5px 5px 5px; }
	.safety h4{ font-size:18px; padding-bottom:3px;}
	.safety p { font-size: 10px; line-height: 11px; padding-bottom: 0;}
	.turst-info-detail{ display:none !important; }
	.turst-info-detail-display{ display:block !important; width:100% !important;}
	.turst-info-detail-display .turst-info-detail-top{ padding:0 0 20px !important;}
	.turst-info-detail-display .how-business{ text-align:center !important; }
	.detail-trust{ width:100% !important;}
	.three-columnar48 li{ padding:20px 27px !important;}
	.three-columnar li{ margin-bottom:10px !important;}
	.trust-img img{ width:150px !important;}
	.trust-safety-12{ padding-bottom:30px !important;}
	.trust-banner{  height: 25px !important; margin-top: -39px !important; }
	.trust-banner .container-10{ padding-top:0px !important;}
	#player_1{ width:300px; height:277px;}
	.business-signpost-banner { background-position: center top 59px; background-size: 100% auto;  height: 262px;}
	.left-dash{ width:248px;}
	.see-map-main-db-1 .divider{ display:none;}
	.see-map-main-db-1 .left-dash:first-child{ margin-bottom:50px;}
	.safety-2{ margin-top:12px;}
	.safety-2 p { font-size: 12px !important; line-height: 15px !important;}
	.safety-3 p { font-size: 10px !important; line-height: 12px !important;}
	.safety-buttons ul { margin-bottom: 5px; margin-top: 5px;}
	.safety-buttons ul li { font-size: 12px; margin: 0 5px; padding: 4px 10px; width:27%;}
	.safety-3 .safety-buttons ul li { font-size: 12px; margin: 0 5px; padding: 2px 10px;}
	.home-signpost-content-1{ padding:0px; }
	.acc-subtitle{ width:98%;}
	.taskphoto{ width:52px; }
	.taskdetails{width:75%; }
	.seemore_sel{ margin-top:10px;}
	.left-detail-1{ width:80%;}
	.finder-inner{ width:auto;}
	/*-----------Entowork-----------*/
	.banner_detail{ display:block; top:25px; margin-left:10px; width:300px; margin:auto;}
	.banner_detail h1{ font-size:16px;}
	.banner_detail p{ font-size:11px; padding:5px 0 10px 0; margin-bottom:0px; width:100%;}
	.nonafy_Works::after{  display:none;}
	.banner-button{ width:150px; height:30px; line-height:30px;}
	.banner-button a{ font-size:15px;}
	.entowork-detail{ width:100%;}
	.need-img{ width:100%;}
	.need-img img{ width:100%;}
	.portrait-elite-takser{ display:none;}
	.static-section.do-what-you-love .dwyl-cols{ width:300px;}
	.static-section.do-what-you-love .dwyl-col{ padding:0px; width:300px; border:0px !important;}
	.press-btn{ margin-bottom:30px;}
	.why_nonfy_text{ width:100%; margin:0 0 40px; }
	.testimonials-box{ width:100%; margin-right:0px; height:auto; padding-bottom:20px;}
	.container-become{ width:300px;}
	#become-content{ padding:60px 0; background-size: auto 100%; }
	.become-left{ width:240px; padding:30px 30px; height:auto; }
	.become-left p{ width:auto; }
	.become-right{ width:300px;}
	.footer-1 h1{ padding-bottom:15px; padding-top:15px;}
	.agree-login input { margin-right: 0px !important;}
	.agree-login span { font-size: 11px !important;}
	.divider-2 { height: 34px !important;}
	ul.dash-left-menu{  width:100%;}
	.dashboard-leftmenu{ background:#f1f1f6; overflow:hidden;}
	ul.dash-left-menu a li{ width:290px !important;} 
	ul.dash-left-menu a li:hover{ width:290px !important;} 
	.dash-right-profile{ width:300px; margin-top:10px;}
	.welcome-top-left{ width:100%;}
	.welcome-top-right{ width:100%; padding-bottom:20px; }
	h2.resp-accordion{ padding:8px !important;}
	h2.resp-tab-active{ padding:8px !important;}
	.detail-tab{ margin-top:0px !important; background:#2a3441 none repeat scroll 0 0; color:#fff; text-align:center; }
	.resp-arrow{ display:none;}
	h2.resp-tab-active{ padding:8px !important;}
	.bottom-tabs .resp-tab-content{ width:275px; border-radius:0px; } 
	.bottom-tabs .resp-tab-active::after{ left:60%; margin-left:-45px; bottom:-7px;}
	.user-pic-massage-db p{ width:200px; text-align:left;}
	.taskhleft { text-align: left; width: 80%;}
	.invite-friends-box{ width:270px;}
	.detailspart, .message-part{ text-align:left; width:100%;}
	.detailspart .item-price { color: #585858;}
	.detailspart .item-short-des { color: #585858;}
	.profile-main-inner{ width:300px; padding:0px;}
	.profile-top{ margin:0px;}
	.profile-top .user-image { float: none !important; margin: auto !important; width: 180px; padding-top:10px;}
	.details-title-info-all{ width:280px; text-align:center; padding-bottom:15px; padding-left:10px; padding-right:10px; }
	/*.fleft100.mtop15.fl, .str_sel.str_sel-2.fl, .rate.rate-info.fl, .starmenu.marB10.fl{ float:none !important; }*/
	.skills a{ padding:10px;}
	.taskdetails {padding-left: 8px; text-align: left; width: 73%;}
	.bottom-tabs .abmarks-2{ color:#585858;}
	.bottom-tabs .abmarks-2 a { color: #0088ff !important;}
	.profile-main{ padding-top:20px;}
	.profile-main-inner .strmn-2{ float:none !important; margin:10px auto 0 auto; }
	.profile-main-inner .rate.rate-info{ float:none !important;}
	/*----task posting-----*/
	.red-subtitle-630{ width:300px; }
	.dashboard-box2{ width:270px; }
	.dashboard-box2 .main-selection{ width:250px; }
	.dashboard-box2 .main-selection select{ width:250px;}
	.dashboard-box2 .main-page .add-text{ width:232px; float:right !important; }
	.dashboard-box1-1{ width:280px;}
	.job-status-main-block2 , .job-status-main-block3{ width:280px;}
	.job-status-main-block3-ste3{ margin-right:-5px;}
	.job-status-main-block2 .posted-bar-line-jp, .job-status-main-block3 .posted-bar-line-jp{ width:87px;}
	.dashboard-box1-1 .left-part{ width:270px; border-right:0px; border-bottom:2px solid #ccc; margin:auto; padding:0px; float:none; }
	.dashboard-box1-1 .step-2-title{ width:auto;}
	.dashboard-box1-1 .step-2-title-on{ width:auto; }
	.select-width-5{ width:92%;}
	.firts_img-1{ padding-left:0px;}
	.select-width-2{ width:86%;}
	.task-test-10 { width: 233px !important;}
	.right-online{ width:45%;}
	.firts_img-1{ font-size:14px;}
	.dashboard-box1-1 .right-part{ border-right: 0 none; float: none; margin: auto; padding: 15px 0 0; width: 270px;}
	.yes-no-section-1 { border:1px solid #ccc; float:left !important; font-size:14px !important; padding:10px !important; width:40px !important; margin-bottom:10px;}
	.yes-no-section-1 div{ padding:0px !important;}
	.yes-no-section-2{ width:90px !important;}
	#task_end_time{ margin-left:5px;}
	.urgent-task-detail{ width:91px;}
	.view-map-btn-db{ margin-right:5px;}
	#about_user{ width:95%;}
	.btn-480{ padding-left:0px !important;}
	.db-rightinfo-back .dbright-task { float: none;  margin: 20px auto; padding: 0;}
	.dbright-task-13 .dbright-task{ width:230px !important; }
	.dbright-task-13 .dbright-task-one-quick{ width:270px !important; margin:auto !important;}
	.dbright-task-one-quick .mconright-1{ width:270px;}
	.new-quick-table{ float:none !important;}
	.urgent-task{ margin-bottom:15px;}
	.dbright-task-135 .dbright-task{ width:260px !important; }
	.edit-color{ padding:7px 19px !important; }
	.step-pay-btn{ margin-top:0px !important;  }
	ul.filtration li, ul.filtration li.active{ padding:8px 9px ;}
	.catle3n { float: left; width: 100%; margin-bottom:10px;}
	.catle3n2 { float: right; width: 100%; }
	.dbright-task-main{ clear: both; float: none; margin: 20px auto !important; padding: 0; width: 298px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; }
	.taskdetails-main table tr td{ float:left; width:100% !important; padding-bottom:5px; }
	.taskdetails-main table tr td .btn-color{ float:left !important;}
	.acc-subtitle-1-title{ width:77px;}
	.ulsty .btn-default{ margin-bottom:5px;}
	.main-ij .user-pic-massage-db p{ width:200px !important;}
	#frmAddWallet .form-control-1{ width:98px !important;}
	.borrdercol .btn-default{ margin-bottom:5px;}
	.widthdrow_wallet{ width:270px !important;}
	.form-control-1-23{ width:95px !important;}
	.mar_bot .btn-default{ margin-bottom:5px;}
	.td_main td{ width:100% !important; padding-bottom:5px; float:left;}
	.data-info .right-block{ padding-left:0px !important; padding-right:10px !important; width:97%;}
	.data-info .left-block-15{ padding-left:0px !important; padding-right:10px !important; width:97%; padding-right:0px !important; float:left !important; }
	.apptab1 { width: 280px;}
	.apptab1-1 tr td input { width: 246px !important;}
	.data-block-2 .appul{ padding-left:0px !important; padding-right:10px !important;}
	.home-title-2{ width:280px;}
	.question{ width:280px;}
	ul.mcats, ul.apque{ width:280px !important; float:right !important; clear:both !important; }
	#worker_availability{ width:264px !important;}
	#add_more2{ width:280px !important;}
	#worker_skills{ width:264px !important;}
	.btn-default-132{ margin-bottom:5px;}
	.dbleft-offer{ padding-top:0px !important; margin-bottom:0px !important;}
	.left-part-1{ width:280px; border-right:0px; border-bottom:10px solid #e7e7e7; border-radius:10px 10px 0 0;}
	.top-name{ border-radius:10px 10px 0 0;}
	.user_image_conv{ width:102px;}
	.offer-data .taskdetails { padding-left: 0; width: 73%;}
	.taskphoto-2-3{ margin:0 5px;}
	.colmark-2-inner { float: right; text-align: right !important; width: 100% !important;}
	.right-part-1{ width:280px;}
	.chat-box{ width:260px;  margin-right:10px; margin-bottom:10px; }
	.detail-box .inside-subtitle{ border-radius:10px 10px 0 0 !important; }
	.top-image-user{ margin:20px 0 25px;}
	.first_img{ width:86px;}
	.first_img img{ width:75px; height:75px;;} 
	.arrow_img{ padding:38px 0 0 3px; }
	.arrow_img img{ width:50px;}
	.detail-box{ width:280px; border:0px;}
	.task-details-info-left{ width:90px;}
	.task-details-info-right{ width:148px;}
	.category_btn-main-1{ margin:10px 0 0;}
	.border-black-main{ width:93.5%; }
	.border-black-left{ width:100%; border-bottom:10px solid #4747; border-right:0px;}
	.border-black-right{ width:100%;}
	.border-black-left-main-2{ width:100%; border-bottom:10px solid #474747; border-right:0px;}
	.border-black-right-main{ width:100%;}
	.home-signpost-content-task{ padding:0px;}
	.border-black-left-main{ width:100%; border-bottom:10px solid #474747; border-right:0px;}
	ul.listing li{ padding-left:0px !important;}
	.youtube_video { margin: auto; padding: 50px 0; width: 300px;}
	.youtube_detail { margin: auto; width: 300px; }
	.youtube_detail h2{ font-size:24px;}
	.youtube_detail p{ font-size:14px; line-height:20px;}
	.how-to-use-left{ width:300px;}
	.how-to-use-left h1{ font-size:34px; line-height:36px;}
	.how-to-use-left p{ font-size:20px;}
	.how_it_wk{ font-size:13px; margin-right:0px;}
	.how-to-use-right{ margin-top:30px;}
	.for_employers-block{ width:100%;}
	.display_info{ width:300px;}
	.display_info_right{ width:220px; } 
	.display_info{ margin-bottom:20px;}
	/*----popup-----*/
	#fancybox-wrap{ padding:0px !important; width:280px !important; margin-top:80px !important;}
	.main_new_task{ width:260px !important;}
	#container-cat-fancy{ width:230px !important;}
	#ui-carousel-prev-cat-fancy{ left:5px !important;}
	#ui-carousel-next-cat-fancy{ right:5px !important;}
	#carousel-cat-fancy{  width:200px !important;}
	#fancybox-content{ width:260px !important; }
	.selsect_cate{ width:145px !important;}
	.select_resutl{ width:97px !important; text-align:center; font-size:14px;}
	.submit-btn-in{ width:119px; margin:auto; padding-left:0px !important;}
	.upload_img{ width:70px !important; height:auto !important; }
	.other-pho{ width:150px; padding-left:10px;}
	.other-pho .marTB10{ width:180px;}
	#uservideo { margin-top: 15px; width: 245px;}
	#open_edit_icon{ left:3% !important; width:84%;}
	#open_post_task{ left:3% !important; width:84%;}
	/*----popup-----*/
	.firts_img-1-320{ font-size:13px;}
	.yes-no-section-2{ padding:7px !important;}
	.mconright-1{ width:260px;}
	.urgent_task-detail{ width:89% !important; }
	.urgent-price-detail{ width:95% !important; margin-top:15px; }
	.Urgent_class{ background-size:58px; top:-4px; left:-40px;}
	.Online_class{ background-size:58px; top:-4px; left:-10px;}
	.city-main{ width:50px !important; }
	.runlright-1{ width:95% !important;}
	#offer_amountTR .form-control-1{ width:222px;}
	#task_commentTR .form-control-1{ width:222px !important;}
	.lab1 { width: 105px !important;}
	.width_wallet{ width:270px !important;}
	.new_design { overflow: scroll; width: 290px;}
	.detail_left{ width:195px;}
	.td_width{ float:left; width:100%; }
	.td_width .btn-color{ float:left !important; margin-bottom: 8px; margin-top: 8px; }
	.bottom-tabs1 .resp-tab-content { padding: 15px;}
	.borno-159{ padding-bottom:85px;}
	.posrel-1 .taskdetails{ width:65%;}
	.text-ar{ width:256px;}
	#sub_task{ margin-left:80px !important;}
	.select-width-3-112{ width:200px !important;}
	.ntext-val-15{ width:130px !important;}
	.credit_icon{ width:127px;}
	.credit_icon1{ width:60px;}
	.new_design #wallet_table th{ font-size:9px;}
	.new_design #wallet_table td{ font-size:9px;}
	a.nextN{ width:52px;}
	.border-black-main-category{ width:93.5%;}
	.border-black-main-category .border-black-left{ width:100%;}
	.border-black-main-category .border-black-right{ width:100%;}
	.category_button_right{ float:right; width:100%; margin-top:10px;}
	.comment_area{ width:184px;}
	.btn-category-2{ margin-bottom:5px;}
	/*---------- NEW_SITE_START ----------*/
	.entowork-title{ font-size:24px; padding:20px 0;}
	.need-detail ul li{ float:none; margin:0px auto 20px; }
	.blogger-photo{ margin:0px;}
	.blogger-photo img{ width:108px; height:108px;}
	.nbs-flexisel-nav-left{ left:0px !important; top:115px !important;}
	.nbs-flexisel-nav-right{ right:0px !important; top:115px !important;}
	#stastic-content{ padding-top:0px;}
	.nonafy_Works h4{ font-size:60px; line-height:56px;}
	.nonafy_Works{ width:100%; margin:0px 0 30px;}
	.footer-1{ margin-bottom:10px;}
	/*----- HOW_IT_WORKS_START -----*/
	.how-to-use-section{ padding:30px 0;}
	.how-it-works-info{ width:300px;}
	.intro-text{ padding-top:70px; margin-bottom:40px;}
	.content-line{ margin-bottom:40px;}
	.content-line-left-hiw { width:300px; float:left; margin-bottom:15px;}
	.content-line-left-hiw h5{ font-size:20px;}
	.content-line-left-hiw p { font-size: 16px; line-height: 25px;}
	.content-line-right-hiw{ float:right; width:300px;}
	.join-post-inner{ width:300px; text-align:center; margin:40px auto;}
	.ready-go-text-hiw{ text-align:center; float:none; }
	.ready-go-text-hiw h3{ line-height:24px; padding:0 0 20px 0px;}
	.btn-default-join{ margin:0px !important; float:none;}
	.taskers-main-title-hiw{ padding-top:70px;}
	.employers-block-img{ height:250px; line-height:250px;}
	.employers-block-title{ font-size:20px;}
	.employers-block-detail{ padding:15px 0 30px; font-size:14px; line-height:20px;}
	.for_employers-block{ padding:0px;}
	/*----- HOW_IT_WORKS_END -----*/
	/*----- DASHBOARD_START -----*/
	.main-top-dash{ width:180px;}
	#flexslider2 .flex-direction-nav {width: 180px;}
	#flexslider2 .flex-direction-nav li .flex-next{ right:-65px;}
	#flexslider2 .flex-control-nav{ left:0px;}
	.summery-detail-detail{ width:270px;}
	.bid-on-detail{ width:126px;}
	.welcome-top-left{ margin-top:40px;}
	.profile-meter ul li{ margin:5px 3px;}
	/*----- DASHBOARD_END -----*/
	/*----- CONTACT_US_PAGE_START -----*/
	.db-contact-main-inner{ width:270px ; padding:15px !important;}
	.contact-left-block{ width:270px; float:none; margin:0px auto;}
	.contact-right-block{ width:270px; float:none; margin:0px auto;}
	.contact-field1{ width:270px;}
	.contact-field1 input{ width:248px;}
	.contact-field-email{ width:270px;}
	.contact-field-email input{ width:248px;}
	.contact-massage-field{ width:270px;}
	.contact-massage-field textarea{ width:248px; height:148px;}
	.btn-contact-ticket{ padding:8px 30px; }
	/*----- CONTACT_US_PAGE_START -----*/
	.need_help{  clear:both; float:right !important;}
	.more_option_need{ padding: 0 5px 0 0; } 
	.step-pay-btn{ padding-top:15px !important;}
	.step-pay-btn .btn-default-join-hiw{ margin-bottom:5px !important;}
	/*---------- NEW_SITE_END ----------*/
	.need-detail ul li:last-child{ margin-right:auto;}
	
	.slider-back-main { background-size: auto 100%;}
	.slider_text { font-size: 24px; line-height: 28px;}
	.slider_text span { font-size: 14px !important;}
	.top-slider { width: 200px !important;}
	.flex-viewport { height: 160px !important;}
	.inner-divs { margin: 0;}
	.slider-back-main .btn-default-join-hiw{ font-size:18px !important; margin-bottom:15px;}
	.slider-back-main .flex-direction-nav { width: 200px !important;}
	
	.dbright-task-main-posted-final{ width:430px;}
	header {width:300px; margin:auto;}
	.flex-direction-nav{ display:none;}
	.dbright-task-main-posted-final{ width:270px;}
	.home-signpost-content-new-section{ width:270px; margin-bottom:10px;}
	
	.post-task-left-ptd{ width:270px; margin-bottom:15px; padding-top:0px;}
	.post-task-tab-ptd ul li{ width:100%;}
	.search-box-ptask-ptd input{ width:250px;}
	.input-location-ptd input{ width:250px;} 
	.task-list-left-ptd{ width:270px;}
	.post-task-list-ptd{ width:270px;}
	.post-task-info-left-ptd{ width:120px;}
	.post-task-right-ptd{ width:270px; height:auto;}
	.post-tasker-img-ptd{ width:43px; height:43px;}
	.imgright-12{ width:240px;}
	.posted-bar-line-jp{ width:77px;}
	.task-comments-block-ptd{ width:270px; clear:both; padding-top:15px;}
	.task-comm-box1-ptd{ width:270px;}
	.task-comm-detail-ptd{ width:226px;}
	.offer-data-con{ height:209px !important;}
	#open_post_task_placebid{ left:10% !important; right:10% !important; position:fixed !important;}
	
	.home-signpost-content-pricing{ padding:0px;}
	.home-signpost-content-pricing .ultaskers{ margin:0px;}
	.posrel-pricing-box{ width:300px; margin-bottom:20px !important;}
	.mplan-price-row::after{ border-width:24px 150px 0; }
	.plan-active-box-info-pricep{ width:255px;}
	
	.login-ph a{ padding:3px 0;}
	.signup-ph a{ padding:3px 0;}
	.signup-ph{ margin:15px 6px 0 0;}
	.login-ph{  margin:15px 6px 0 0;}
	.happy-customer-detail-box{ width:270px; padding:15px; margin-right:0px; margin-bottom:10px; height:auto;}
	.blogs-top{ padding-bottom:0px;}
	.nbs-flexisel-nav-left{ left:125px !important; }
	.nbs-flexisel-nav-right{ right:125px !important; }
	
	.left-button{ width:50%;}
	.left-button img{ width:auto; height:44px;}
	.right-button{ width:50%; text-align:right;}
	.right-button img{ width:auto; height:44px; }
	.login-social-ph{ padding-top:20px;}
	
	.how-to-use-section { padding: 100px 0 10px;}
	.how-it-works-quick{ width:100%;}
	.how-it-works-quick-left{ width:300px; border-right:0px; margin:0 auto 30px auto; float:none;}
	.how-it-works-quick-right{ width:300px; float:none; margin:auto;}
	.how-it-works-quick-title{ font-size:25px;}
	.leftArrow{ left:3px;}
	.rightArrow{ right:3px; }
	.leftArrow-2{ top:335px;}
	.leftArrow-grey{ top:135px;}
	.rightArrow-grey{ top:310px;}
	.trust-quick-detail-left{ width:100%; padding-right:0px;}
	.trust-quick-box{ text-align:center;}
	.trust-quick-box-img{ float:none !important; width:100%; }
	.trust-quick-box-detail{ text-align:center; width:100%;}
	.trust-quick-detail-right{ width:100%; padding-left:0px;}
	
	.banner-area-for-work img{ height:280px; margin-left:-100px; width:auto; }
	.safety-2{ margin-top:92px;}
	.nonafy_Works_arrow::after{ display:none;}
	.how-hwlp-inner-wrt{ padding-bottom:0px !important;}
	.arrow{ margin:0px !important;}
	.entowork-title-2-inner-1{ padding-bottom:40px;}
	
	.editphoto-taxt-1{ margin:-41px 50px 0 82px;}
	.user-pic-massage-db p{ text-align:right; width:190px;}
	
	.details-title-info-all .starmenu{ float:none !important; }
	.profile-main-inner .strmn-2{ float:none !important; margin:10px auto 0 auto; }
	.profile-main-inner .rate.rate-info{ float:none !important;}
	.taskdetails{ text-align:right; padding-right:8px; padding-left:0px;}
	.abttb2-2-2 .wid350{ width:130px !important; padding-left:0px !important; }
	.profile-main-inner .taskdetails .strmn-2{ float:right !important;}
	
	.imageph, .imageph1, .imageph2 { float: none !important;  margin: auto !important; width: 50px;}
	.detailspart, .message-part{ text-align:center; margin-bottom:10px; }
	.frightauto { float: none; margin-left: 24px !important;  width: auto;}
	.category_img{ height:281px;}
}
@media(min-width : 360px) and (max-width : 767px){
	.safety p{ font-size:11px; line-height:12px;}
}
@media(min-width : 480px) and (max-width : 767px){
	body{ overflow-x:hidden;}
	.category_img{ height:436px;}
	.container{  width:460px;}
	.login-sigup{ float:left; width:147px; margin-left:35px; position:relative; z-index:9999;}
	.login-sigup-2{ float:left; top:-50px;}
	#flag-ph{ margin:13px 10px 0 0;}
	.login-ph{ margin:7px 6px 0 0; padding:6px 20px; font-size:12px; width:auto;}
	.signup-ph{  margin:7px 6px 0px 0px; padding:6px 20px; font-size:12px; width:auto;}
	.rmm.graphite .rmm-toggled-controls{ margin-top:12px !important;}
	.rmm.graphite .rmm-button{ top:-7px;}
	#header{ height:58px;}
	.banner-area, .banner-area-tasker{ background-position:top center; background-size:164%; height:290px; }
	.email-ph{ width:100%; margin-right:0px; margin-bottom:10px;}
	.pincode-ph{ width:100%; margin-bottom:10px;}	
	.joinnow{ margin-left:0px;}
	.tasker-photo{ height:auto; }
	.tasker-photo img{ width:130px;}
	.task-code {padding:6px 0 !important; margin:10px 30%; width:40%; font-size:22px; }
	.business-signpost-banner{ height:235px; background-size:100%;}
	#recent-tasks, #business, #browse-tasks, .db-rightinfo{ height:auto; }
	#post-today .content {margin:0 auto; width:90%; height:100%; }
	.post-today-img{ display:none;}
	ul.points-post li{ line-height:31px; font-size:24px}
	.blog-title{ font-size:32px; margin-bottom:20px;}
	.nbs-flexisel-inner{ height:287px !important;}
	.blogger-photo{ margin:auto !important; float:none !important;}
	.blog-item-right{ width:100% !important; margin-top:10px !important;}
	.subject-name{ text-align:center;}
	.blog-item-right .strmn{ float:none !important; margin:auto !important;}
	.footer-part{ margin:0px auto 30px auto;}
	span.footer-i{ width:150px; font-style:normal;}
	.footer-part .footer-links{ width:100%;}
	.quick-links{ width:100%; margin-top:30px;}
	.ql-items{ width:90%; margin-top:10px;}
	.follow{ margin-top:17px;}
	.joinnow{ margin:10px 0 0 1px; }
	ul.tasklist{ width:96%;}
	.moreinfo-button-ph{ margin-bottom:10px;}
	#logo-placing { width: auto;}
	#acc-banners-ph, #acc-banners-ph-in { margin-top:59px; height:285px;}
	h3.big-title{ font-size:48px;}
	.subject-name{ margin-top:0px !important;}
	.email-box-home{ margin-top:0px;}
	/*----- SIGNUP_PAGE_START -----*/
	.db-rightinfo{ width:458px; margin-top:30px}
	.db-rightinfo-quick{ width:460px !important }
	label.city{ float:right;}
	.form-control-signup{ width:89% !important;}
	.signup-main-content{ padding:80px 0 !important;}
	.social-login-title{ padding:10px 0;}
	.signup-btns .btn-default{ padding:8px 70px;}
	.content-subtitle-signup{ height:179px; margin-top:0px; background-size:100% !important;}
	.signup-left{ width:460px;}
	.social-login-btns{ margin:50px 0 0 0;}
	.home-signpost-content{ margin-top:0px;}	
	/*----- SIGNUP_PAGE_END -----*/
	/*----- LOGIN_PAGE_START -----*/
	.forgot-pass-text2{ padding-right:54px;}
	.login-btns{ margin:0px 0;}
	.retrieve-pass-btn { margin:0px;}
	.login-btns .btn-default{ padding:8px 66px; }
	.retrieve-pass-btn .btn-default{ padding:8px 153px; }
	.login-box-main{ float:none !important; margin-top:0px;}
	.login-form-main{ margin:0px; width:428px;}
	.form-control-login{ width:89%;}
	.signup-btns .btn-default-login{ padding:4px 30px 4px 10px;}
	.agree-login{ padding-bottom:0px;}
	.login-right{ width:428px;}	
	.divider { background-repeat: repeat-x; height: 34px; width: 100%; margin-left:0px;}
	.divider h2 { margin-right: 200px; margin-top:0px; }
	.login-social-ph{ margin:auto; padding:0px;}
	.login-social-ph .social-login-btns{ margin:0px 75px;}
	.login-main-content{ background:url(../images/login_back.jpg) no-repeat 70% top !important; background-size:cover !important; padding:30px 0 !important;}
	/*----- LOGIN_PAGE_END -----*/
	/*----- HOW_IT_WORKS_PAGE_START -----*/
	h3.banner-hw{font-size:14px; height:60px; margin: -74px 0 0; padding: 7px 0;}
	.taskit-1{ background:none; width:auto;}
	.taskit-1-detail{ width:100%; margin:20px 0 20px 0;}
	.taskit-1-inner{ height:auto;}
	.taskit-2{ background:none; height:auto;}
	.taskit-2-detail{ width:100%; margin:20px 0 20px 0;}
	.taskit-3-back{ margin:0px;}
	.taskit-3{ background:none; height:auto;}
	.taskit-3-detail{ width:100%; margin:20px 0;}
	.finder-inner{ width:460px; margin:0px auto;}
	.finder-inner iframe{ width:460px; height:240px;}
	.trust-safety-img{ width:100%; margin-bottom:15px;}
	.how-work-block-inner{ background:none;}
	.how-work-points{ width:460px; margin:20px 0px;}
	.how-work-points h3{ font-size:34px; line-height:40px;}
	.question-post-tit{ font-size:24px; margin:15px 0px 5px;}
	.question-post-info{ font-size:16px;}
	.btn-default-join{ padding:10px 30px;}
	.banner-contain{ height:auto !important;}
	/*----- HOW_IT_WORKS_PAGE_END -----*/
	/*----- DASH_BOARD_PAGE_START -----*/
	.body_cont-dashboard{ margin-top:59px;}
	.login-sigup-db{ width:196px;}
	.top_login{ float:right !important; z-index:99999; margin:6px 250px 0 0 !important;}
	.collapsable-panel1, .collapsable-panel2{ top:40px;}
	a.ur-steps, a.settings{ padding:7px;}
	.db-rightinfo-dash{ padding:89px 0 30px 0;}
	.dashboard-leftmenu { float:none; margin: 0 auto; padding-right: 0;width: 458px;}
	.editphoto-taxt-1{ position:absolute; margin:-41px 19px 0 312px; }
	.dash-right{ width:430px; float:none; margin:0px auto 0; clear:both; border-left:0px; padding:15px 0 0 0; overflow:hidden;}
	.profile-progess-bar{ margin:60px 0 -21px;}
	.red-subtitle, .subsection-title, .dashboard-title, .inside-subtitle, .acc-subtitle{ margin-top:0px;}
	.welcome-box-dash{ width:408px; margin-bottom:10px;}
	.invite-friends-box{ width:408px; margin:0 0px 0 0;}
	.invite-friends-box ul li { margin:7px; }
	.massage-main-db{ width:94.9%;}
	.user-pic-massage-db p{ width:330px;}
	.other-img1-db{ margin:0px 0 10px 0;}
	.other-img1-db img{ width:430px; height:auto;}
	.other-img2-db img{ width:410px;}
	.dashboard-box1{ margin-bottom:0px;}
	.category-box-main-db { width:430px; margin:20px 0;}
	.category-box-dashboard{ width:426px !important;}
	.search-task{ margin:20px 0 0 0; height:auto; width:408px;}
	.mapicon-db{ margin:0px 0 0;}
	.view-map-btn-db{ margin-top:20px;}
	.search-map-db{ width:408px; margin-top:20px; height:190px;}
	.tasksearch-inner{ width:408px;}
	.form-control-search-task{ width:386px !important; margin-bottom:20px !important;}
	.search-map-db #search-task{ padding:23px 0;}
	.title-top-main-db{ margin-top:15px; font-size:22px; width:430px;}
	/*----- DASH_BOARD_PAGE_END -----*/
	/*----- LISTING_PAGE_START -----*/
	.listing-page-top{ height:250px; background-size:150% !important;}
	.listing-page-top h2{ font-size:48px; padding:45px 0 0 0;}
	.listing-page-top p{ font-size:24px; padding:20px 0 0 0;}
	.listing-page-top-inner{ height:250px;}
	.blog-post-box{ padding:20px 0;}
	.listing-left{ width:460px; margin:0px 0 15px 0;}
	.listing-left img{ width:100%;}
	.listing-right{ width:460px; margin:0px;}
	.listing-right h2{ font-size:26px; line-height:22px;}
	.listing-right p{ font-size:16px; line-height:22px;}
	/*----- LISTING_PAGE_END -----*/
	/*----- LISTING_DETAIL_PAGE_START -----*/
	.listing-detail-page-top{ height:250px; background-size:150% !important;}
	.listing-banner-inner{ width:460px;}
	.listing-detail-page-top h2{ font-size:40px; line-height:46px; padding:15px 0 0 0;}
	.listing-detail-page-top p{ font-size:21px; padding:10px 0 0 0; line-height:26px;}
	.listing-detail-page-top h3 { font-size:16px; line-height:16px; padding-top:16px;}
	.listing-detail-page-top-inn{ height:250px;}
	.blog-post-detail-box p{ font-size:16px; line-height:22px; padding-bottom:15px;}
	.blog-post-detail-box h2{ font-size:28px; line-height:34px; padding:15px 0;}
	.blog-post-full-img{ width:460px; height:307px; margin:30px 0;}
	.blog-post-full-img img{ width:100%;}
	/*----- LISTING_DETAIL_PAGE_END -----*/
	.white-layout {width:100%; height:auto; padding:0px 0 !important}
	ul.three-columnar{ padding:4px !important; margin-bottom:30px !important;}
	.become-tasker .only-text{ font-size:20px !important; line-height:25px !important;}
	.white-inner{ margin:auto; padding:40px 0 0 0;}
	.three-columnar li{ margin-bottom:60px !important;}
	.three-columnar-new li{ margin-bottom:0px !important;}
	.arrow-2{ background:rgba(0, 0, 0, 0) url("../images/arrow-down-2.png") no-repeat scroll center center;}
	.btn-app{ margin:40px 0px !important;}
	/*----------WORKER_EDIT_START-------------*/
	.left-block{ width:100%;}
	.right-block{ width:100%;}
	.apptab1{ width:460px;}
	.apptab1-1 tr td:first-child{ width:30% !important;}
	.apptab1-1 tr td:last-child{ width:65% !important;}
	.apptab1-1 tr td:first-child{ padding-bottom:5px !important; }
	.apptab1-1 tr td input{ width:256px !important; margin-bottom:0px !important;}
	.apptab1-1 tr td select{ width:270px !important; }
	.home-title-2{ width:460px;}
	ul.mcats, ul.apque{ width:460px !important; float:right !important; clear:both !important; }
	ul.mcats li{ width:31% !important;}
	ul.mcats li label{ font-size:12px !important;}
	.question{ width:460px;}
	#worker_skills{ width:444px !important;}
	#worker_availability{ width:444px !important;}
	ul.apque li{ width:47% !important;}
	#add_more2{ width:460px !important;}
	#addimg{ margin-top:10px;}
	.birthday-tab ul li{ width:376px !important; }
	.birth-title .question{ width:70px !important;}
	.area-ph .btn-app{ margin-bottom:10px !important;}
	/*----------WORKER_EDIT_END-------------*/
	/*---post_task_start---*/
	.dashboard-box1{ width:430px;}	
	.dashboard-box2{ width:430px;}	
	.main-selection{ width:430px;}
	.select-title{ padding-bottom:10px;}
	.select-width{ width:210px;} 
	/*---post_task_end---*/
	.dashboard-responsive{ }
	.dbleft{ border:0px; padding:20px 16px 0 0px !important; }
	.post-task-main-psd{ padding-top:0px !important;}
	.firts_img img{ width:76px; height:auto; }
	#task_name_symbol{ margin-left:3px !important;}
	.task-test{ width:81.7%;  }
	#showpnote .task-test{ width:89.7%; clear:both;}
	#showpnote .main-title{ padding-bottom:10px;}
	#address1TR td:first-child{ width:30% !important; }
	#zipcodeTR td:first-child{ width:30% !important; }
	#locationnameTR td:first-child{ width:30% !important; }
	.addright{ float:left; width:423px !important;}
	.price_info{}
	.price_info tr{}
	.price_info tr td{ float:right; padding-bottom:10px; }
	#task_to_price_symbol{ margin-left:6px !important; margin-top:3px !important;}
	#task_price_symbol{ margin-left:6px !important; margin-top:3px !important;}
	.main-w{ width:405px; }
	.dbright-task-1 .dbright-task{ clear: both; float: none; margin: auto; overflow: hidden; }
	.add-more #add_more2{ width:410px !important; }
	.dbright-task-1{ clear:both;}
	.catle3n-1{ width:58%;}
	.catle3n-1 h2{ font-size:24px;}
	.catle3n-1 p{ font-size:15px;}
	.map-coner{ width:418px;}
	.map-coner iframe{ width:418px;}
	.detail-infor-width{ width:100% !important;}
	/*------profile_page------*/
	.profile-main-inner{ padding:10px;}
	.profile-top{ margin:-55px 0 0 95px; }
	.detail-tab{ width:441px !important; margin-top:30px !important; }
	.abttb2-2-2 .wid350{ width:290px !important;}
	.dbright-task-10 { float: none !important; margin: auto !important; clear:both;}
	.one-part{ width:100% !important;}
	.getting-form{ float:none !important; margin-left:auto !important; margin-right:auto !important; }
	.getting-form .home-signpost-content{ padding:14px;}
	.container-10{ padding-top:10px !important;}
	.all-detail-11{ padding-bottom:30px !important;}
	.paym-banner{ height:40px !important; margin-top:-54px !important; font-size:19px !important;}
	.paym-banner .container-10{ padding-top:6px !important;}
	.three-columnar-pay li{ width:100% !important;}
	.payment-in{}
	.payment-in ul li{ width:100%; text-align:center; padding:0px;}
	.payment-in ul li img{ width:35%; }
	.payment-in ul li:first-child img{ width:70%; }
	.payment-in ul li:last-child img{ width:70%; }
	/*-----map-----*/
	.dbleft-map{ padding:0px 0px 0 0px !important; width:100%; border:1px solid #ccc !important; margin-bottom:20px; border-radius:5px ;}
	.dbleft-map .dbleft-map-inner{ border-radius:5px 5px 0 0; padding:22px 0 22px 28px; }
	.googleMarkerTab .wid160{ width:136px;}
	.dbright-task-map{clear: both; float: none;  margin: 30px auto !important; padding: 0px 0 0; width: 318px; border:1px solid #ccc !important; border-radius:5px ; }
	.map-title{ border-radius:5px 5px 0 0; }
	.banner-hw-about .container{ padding-top:11px !important;}
	.white-inner-about { padding-bottom:60px !important;}
	.white-inner-about ul{ margin-bottom:0px !important;}
	.white-inner-about ul li { width:100% !important; margin:0px !important;}
	.white-inner-about ul li img{ width:70% !important;}
	.white-inner-ab #horizontalTab{ margin:0px 0 40px 0 !important; overflow:hidden;}
	.white-inner-ab h2.resp-accordion{ width:95% !important;}
	.white-inner-ab .resp-tab-content{ width:417px !important;}
	.task-test-10{ width:369px !important;}
	.addright-1{ float:left !important;}
	.task-test-12{ width:410px !important;}
	.add-text{ width:200px;}
	.under-in {padding-left: 0 !important; width: 425px !important;}
	.under-in .ntext{ width:62% !important;}
	.under-in .task-test-10{ width:88% !important;}
	.inside-subtitle-12{ width:421px !important; padding-left:0px !important;}
	.under-in .task-test-12{ width:75% !important;}
	.dbright-task-13 .dbright-task{ margin:20px auto 20px auto !important; width:246px !important;}
	#task_start_day{ width:150px !important;}
	#task_start_time{ width:66px !important;}
	#task_end_day{ width:220px !important;}
	#task_end_time{ width:66px !important;}
	.dbright-task-145{ padding-top:0px !important; clear:both; }
	.button-main-13{ width:300px !important; margin:0 auto !important}
	.edit-color { margin-right: 15px !important; padding: 11px 34px !important;}
	.trust-img img{  width:100%; }
	#map{ height:300px !important;}
	.safety{ display:block; width:200px; margin-top:15px; padding:5px 15px; }
	.safety h4{ font-size:22px; padding-bottom:3px;}
	.safety p { font-size: 12px; line-height: 15px; padding-bottom: 8px; }
	.turst-info-detail{ display:none !important; }
	.turst-info-detail-display{ display:block !important; width:100% !important;}
	.turst-info-detail-display .turst-info-detail-top{ padding:0 0 20px !important;}
	.turst-info-detail-display .how-business{ text-align:center !important; }
	.detail-trust{ width:100% !important;}
	.three-columnar48 li{ padding:20px 44px !important;}
	.three-columnar li{ margin-bottom:10px !important;}
	.trust-img img{ width:200px !important;}
	.trust-safety-12{ padding-bottom:30px !important;}
	.left-dash{ width:408px;}
	.see-map-main-db-1 .divider{ display:none;}
	.see-map-main-db-1 .left-dash:first-child{ margin-bottom:50px;}
	#player_1{ width:460px; height:377px;}
	.business-signpost-banner { background-position: center top 59px; background-size: 100% auto;  height: 372px;}
	.safety-2{ margin-top:48px;}
	.safety-3{ margin-top:18px;}
	.safety-2 p { font-size: 12px !important; line-height: 15px !important;}
	.safety-buttons ul { margin-bottom: 5px; margin-top: 5px;}
	.safety-buttons ul li { font-size: 12px; margin: 0 5px; padding: 4px 10px; width:27%;}
	.home-signpost-content-1{ padding:0px; }
	.acc-subtitle{ width:98%;}
	.taskphoto{ width:52px; }
	.taskdetails{width:75%; }
	.seemore_sel{ margin-top:10px;}
	.left-detail-1{ width:86%;}
	.finder-inner{ width:auto;}
	/*-----------Entowork-----------*/
	#logo-placing{ height:auto; background:none; }
	.banner{ padding:58px 0 0; }
	.login-sigup{ float:left; margin-right:0px;}
	#logo-placing img { padding: 5px 0 0; width:114px;}
	.banner_detail{ display:block; top:53px; margin-left:10px; width:460px; margin:auto;}
	.banner_detail h1{ font-size:24px;}
	.banner_detail p{ font-size:16px; padding:5px 0 10px 0; margin-bottom:0px; width:100%;}
	.nonafy_Works::after{  display:none;}
	.banner-button{ width:150px; height:30px; line-height:30px;}
	.banner-button a{ font-size:15px;}
	.entowork-detail{ width:100%;}
	.nonafy_Works{ margin:0px; width:100%;}
	.need-detail ul li{}
	.need-img{ width:100%;}
	.need-img img{ width:100%;}
	.portrait-elite-takser{ display:none;}
	.static-section.do-what-you-love .dwyl-cols{ width:460px;}
	.static-section.do-what-you-love .dwyl-col{ padding:0px; width:460px; border:0px !important;}
	.press-btn{ margin-bottom:30px;}
	.why_nonfy_text{ width:100%; margin:0 0 40px; }
	.testimonials-box{ width:100%; margin-right:0px; height:auto; padding-bottom:20px;}
	.container-become{ width:460px;}
	#become-content{ padding:60px 0; background-size: auto 100%; }
	.become-left{ width:400px; padding:30px 30px; height:auto; }
	.become-left p{ width:auto; }
	.become-right{ width:460px;}
	.footer-1 h1{ padding-bottom:15px; padding-top:15px;}
	.footer-1{ width:210px;}
	.divider-2 { height: 34px !important;}
	.cont-inner-signup { padding: 59px 0 0;}
	ul.dash-left-menu{  width:100%;}
	.dashboard-leftmenu{ background:#f1f1f6; overflow:hidden;}
	ul.dash-left-menu a li{ width:460px !important;} 
	ul.dash-left-menu a li:hover{ width:460px !important;} 
	.dash-right-profile{ width:460px; margin-top:10px;}
	.welcome-top-left{ width:100%;}
	.welcome-top-right{ width:100%; padding-bottom:20px; }
	h2.resp-accordion{ padding:12px 13px 12px 13px !important;}
	h2.resp-tab-active{ padding:12px 13px 12px 13px !important;}
	.detail-tab{ margin-top:0px !important; background:#2a3441 none repeat scroll 0 0; color:#fff; text-align:center; }
	.resp-arrow{ display:none;}
	h2.resp-tab-active{ padding:8px !important;}
	.bottom-tabs .resp-tab-content{ width:435px; border-radius:0px; } 
	.bottom-tabs .resp-tab-active::after{ left:57%; margin-left:-45px; bottom:-7px;}
	.user-pic-massage-db p{ width:360px; text-align:left;}
	.taskhleft { text-align: left; width: 80%;}
	.invite-friends-box{ width:430px;}
	.detailspart, .message-part{ text-align:left; width:100%;}
	.detailspart .item-price { color: #585858;}
	.detailspart .item-short-des { color: #585858;}
	.profile-main-inner{ width:460px; padding:0px;}
	.profile-top{ margin:0px;}
	.profile-top .user-image { float: left; width:170px; margin-right:0px !important; margin-top:10px !important; }
	.details-title-info-all{ width:268px; padding-left:10px; padding-bottom:10px; }
	.skills a{ padding:10px;}
	.taskdetails {padding-left: 8px; text-align: left; width: 73%;}
	.bottom-tabs .abmarks-2{ color:#585858;}
	.bottom-tabs .abmarks-2 a { color: #0088ff !important;}
	.profile-main{ padding-top:20px;}
	/*----task posting-----*/
	.red-subtitle-630{ width:460px; }
	.dashboard-box2{ width:430px; }
	.dashboard-box2 .main-selection{ width:410px; }
	.dashboard-box2 .main-selection select{ width:410px;}
	.dashboard-box2 .main-page .add-text{ width:392px; float:right !important; } 
	.dashboard-box1-1{ width:440px;}
	.dashboard-box1-1 .left-part{ width:440px; padding:0px; margin:auto; border-right:0px;  border-bottom:2px solid #ccc;  }
	.dashboard-box1-1 .step-2-title{ width:auto;}
	.select-width-5{ width:95%;}
	.firts_img-1{ padding-left:0px;}
	.select-width-2{ width:91%;}
	.task-test-10 { width: 392px !important;}
	.select-width-3-112{ width: 359px !important;}
	.right-online{ width:45%;}
	.firts_img-1{ font-size:14px;}
	.dashboard-box1-1 .right-part{ width:430px; border-right:0px; padding:10px 0 0 0; }
	.dbright-task-one-quick{ margin-top:0px;}
	.yes-no-section-1{ border:1px solid #ccc; float:right !important; font-size:14px !important; padding:5px !important; width:40px !important; margin-bottom:10px;}
	.title-quick-mob{ margin-left:10px;}
	.yes-no-section-1 div{ padding:0px !important;}
	.yes-no-section-2{ width:90px !important;}
	#task_end_time{ margin-left:5px;}
	.urgent-task-detail{ width:245px;}
	#task_to_priceTR{ width:50px !important; padding-top:4px;}
	.dbright-task-13 .dbright-task{ width:402px !important;}
	#task_end_time { margin-left: auto;}
	#task_end_time { width: auto !important; margin-right:10px;}
	.task-data-title-q{ padding-right:10px;}
	.view-map-btn-db{ margin-right:5px;}
	.detailspart-last{ width:56%;}
	#about_user{ width:97%;}
	.btn-480{ padding-left:0px !important;}
	.db-rightinfo-back .dbright-task { float: none;  margin: 20px auto; padding: 0;}
	.dbright-task-13 .dbright-task{ width:430px !important; }
	.dbright-task-135 .dbright-task{ width:411px !important;}
	.edit-color{ padding:7px 19px !important; }
	.step-pay-btn{ margin-top:20px !important;  }
	.left-part{ min-height:inherit !important;}
	ul.filtration li, ul.filtration li.active{ padding:8px 9px ;}
	.catle3n { float: left; width: 38%; margin-bottom:10px;}
	.catle3n2 { float: right; width: 45%; }
	.dbright-task-main{ clear: both; float: none; margin: 20px auto !important; padding: 0; width: 458px; border-bottom:1px solid #d6d6d6; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; }
	.taskdetails-main{ width:83%;}
	.main-ij .user-pic-massage-db p{ width:360px !important;}
	.widthdrow_wallet{ width:430px !important;}
	.data-info .right-block{ padding-left:0px !important; padding-right:10px !important; width:97%;}
	.data-info .left-block-15{ padding-left:0px !important; padding-right:10px !important; width:97%; padding-right:0px !important; float:left !important; }
	.apptab1 { width: 440px;}
	.apptab1-1 tr td input { width: 246px !important;}
	.data-block-2 .appul{ padding-left:0px !important; padding-right:10px !important;}
	.home-title-2{ width:440px;}
	.question{ width:440px;}
	ul.mcats, ul.apque{ width:440px !important; float:right !important; clear:both !important; }
	#worker_availability{ width:392px !important;}
	#add_more2{ width:440px !important;}
	#worker_skills{ width:392px !important;}
	.dbleft-offer{ padding:0px !important; margin-bottom:0px;}
	.left-part-1{ width:440px; border-right:0px; border-bottom:10px solid #e7e7e7; border-radius:10px 10px 0 0;}
	.top-name{ border-radius:10px 10px 0 0;}
	.detail-box .inside-subtitle{ border-radius:10px 10px 0 0;}
	.offer-data .taskdetails { padding-left: 0; width: 84%;}
	.round-corner-2{border-radius:80px;}
	.taskphoto-2-3{ margin:0 5px;}
	.colmark-2-inner { float: right; text-align: right !important; width: 100% !important;}
	.right-part-1{ width:440px;}
	.top-image-user{ width:325px; margin:20px auto 25px}
	.chat-box{ width:420px; margin-bottom:10px;}
	.top-image-user img{ width:auto; height:auto;} 
	.arrow_img{ padding:47px 0 0 29px; }
	.arrow_img img{ width:80px;}
	.detail-box{ width:440px; border:0px;}
	.task-details-info-left{ width:120px;}
	.task-details-info-right{ width:278px;}
	.category_btn-main-1{ margin:10px 0 0;}
	.border-black-main{ width:95.5%; }
	.border-black-left{ width:100%; border-bottom:10px solid #474747; border-right:0px;}
	.border-black-right{ width:100%;}
	.border-black-left-main-2{ width:100%; border-bottom:10px solid #474747; border-right:0px;}
	.border-black-right-main{ width:100%;}
	.home-signpost-content-task{ padding:0px;}
	.border-black-left-main{ width:100%; border-bottom:10px solid #474747; border-right:0px;}
	ul.listing li{ padding-left:0px !important;}
	.youtube_video { margin: auto; padding: 50px 0; width: 460px;}
	.youtube_detail { margin: auto; width: 460px; }
	.how-to-use-right{ margin-top:30px;}
	.how-to-use-right { float: none; margin: 30px auto 0; text-align: center; width: 299px; clear:both; padding-top:30px;}
	.display_info{ width:460px;}
	.display_info_right{ width:380px; } 
	.display_info{ margin-bottom:20px;}
	.for_employers-block{ width:50%;}
	/*----popup-----*/
	#fancybox-wrap{ padding: 0 !important; margin-top: 80px !important; width: 438px !important;}
	.main_new_task{ width:100% !important;}
	#container-cat-fancy{ width:390px !important;}
	#carousel-cat-fancy{  width:300px !important;}
	#fancybox-content{ width:420px !important; }
	.selsect_cate{ width:145px !important;}
	.select_resutl{ width:207px !important; text-align:center; font-size:14px;}
	.submit-btn-in{ width:119px; margin:auto; padding-left:0px !important;}
	#uservideo { margin-top: 15px; width: 345px;}
	#open_edit_icon{ left:3% !important; width:84%;}
	#open_post_task{ left:3% !important; width:84%;}
	/*----popup-----*/
	.firts_img-1-320{ font-size:13px;}
	.yes-no-section-2{ padding:4px !important; width:140px !important;}
	.mconright-1{ width:430px;}
	.dbright-task-one---1{ width:410px !important;}
	.urgent_task-detail{ width:93% !important; }
	.urgent-price-detail{ width:96% !important; margin-top:15px; }
	.Urgent_class{ background-size:67px; top:-4px; left:-20px;}
	.Online_class{ background-size:67px; top:-4px; left:10px;}
	.city-main{ width:50px !important; }
	.runlright-1{ width:71% !important;}
	.taskdetails-15{ width:83%;}
	.taskdetails-15-15{ width:150px;}
	#task_commentTR .form-control-1{ width:322px !important;}
	.width_wallet{ width:430px !important;}
	.detail_left{ width:355px;}
	.bottom-tabs1 .resp-tab-content { padding: 15px;}
	.borno-159{ padding-bottom:85px;}
	.text-ar{ width:355px;}
	.border-black-main-category{ width:95.5%;}
	.border-black-main-category .border-black-left{ width:100%;}
	.border-black-main-category .border-black-right{ width:100%;}
	.category_button_right{ float:right; width:100%; margin-top:10px;}
	.text-ar-480{ width:316px;}
	.comment_area{ width:316px;}
	.first_img{ width:133px;}
	.first_img img{ width:105px; height:105px;} 
	.arrow_img { padding: 39px 0 0 25px;}
	/*---------- NEW_SITE_START ----------*/
	.entowork-title{ font-size:30px; padding:40px 0;}
	.need-detail ul li{ float:left; margin:0px 5px 20px; width:218px; height:202px; }
	.need-img-detail{ height:70px; margin-top:-70px;}
	.need-img-detail h3{ font-size:16px;}
	.blogger-photo{ margin:0px; text-align:center !important;}
	.blogger-photo img{ width:128px; height:128px;}
	.nbs-flexisel-nav-left{ left:0px !important; top:115px !important;}
	.nbs-flexisel-nav-right{ right:0px !important; top:115px !important;}
	#stastic-content{ padding-top:0px;}
	.nonafy_Works h4{ font-size:60px; line-height:56px;}
	.nonafy_Works{ width:100%; margin:0px 0 30px;}
	.footer-1{ margin-bottom:10px; width:230px;}
	/*----- HOW_IT_WORKS_START -----*/
	.how-to-use-left{ width:340px;}
	.how-to-use-left h1{ font-size:40px; line-height:40px;}
	.how-to-use-section{ padding:59px 0;}
	.how-it-works-info{ width:460px;}
	.intro-text{ padding-top:70px; margin-bottom:40px;}
	.content-line{ margin-bottom:40px;}
	.content-line-left-hiw { width:460px; float:left; margin-bottom:15px;}
	.content-line-left-hiw h5{ font-size:22px;}
	.content-line-left-hiw p { font-size: 16px; line-height: 25px;}
	.content-line-right-hiw{ float:right; width:300px; margin:0px 80px;}
	.join-post-inner{ width:460px; text-align:center; margin:40px auto;}
	.ready-go-text-hiw{ text-align:center; float:none; }
	.ready-go-text-hiw h3{ line-height:24px; padding:0 0 20px 0px;}
	.btn-default-join{ margin:0px !important; float:none;}
	.taskers-main-title-hiw{ padding-top:70px;}
	.employers-block-img{ height:250px; line-height:250px;}
	.employers-block-title{ font-size:20px;}
	.employers-block-detail{ padding:15px 0 30px; font-size:14px; line-height:20px;}
	.for_employers-block{ padding:0px !important; width:70%; margin:0px auto !important; float:none;}
	/*----- HOW_IT_WORKS_END -----*/
	/*----- DASHBOARD_START -----*/
	.main-top-dash{ width:180px;}
	#flexslider2 .flex-direction-nav {width: 180px;}
	#flexslider2 .flex-direction-nav li .flex-next{ right:-65px;}
	#flexslider2 .flex-control-nav{ left:0px;}
	.summery-detail-detail{ width:430px;}
	.bid-on-detail{ width:105px;}
	.welcome-top-left{ margin-top:40px;}
	.completed-summery{ margin:50px 0 0 10px}
	/*----- DASHBOARD_END -----*/
	
	/*----- CONTACT_US_PAGE_START -----*/
	.db-contact-main-inner{ width:430px; padding:15px !important;}
	.contact-left-block{ width:430px; float:none; margin:0px auto;}
	.contact-right-block{ width:430px; float:none; margin:0px auto;}
	.contact-field1{ width:205px;}
	.contact-field1 input{ width:183px;}
	.contact-field-email{ width:430px;}
	.contact-field-email input{ width:408px;}
	.contact-massage-field{ width:430px;}
	.contact-massage-field textarea{ width:408px;}
	/*----- CONTACT_US_PAGE_START -----*/
	.job-status-main-block2, .job-status-main-block3{ width:440px;}
	.job-status-main-block3-ste3{ margin-right:-5px;}
	.job-status-main-block2 .posted-bar-line-jp , .job-status-main-block3 .posted-bar-line-jp{ width:138px;} 
	/*---------- NEW_SITE_END ----------*/
	
	.slider-back-main { background-size: auto 100%;}
	.slider_text { font-size: 24px; line-height: 28px;}
	.slider_text span { font-size: 14px !important;}
	.top-slider { width: 200px !important;}
	.flex-viewport { height: 230px !important;}
	.inner-divs { margin: 0;}
	.slider-back-main .btn-default-join-hiw{ font-size:18px !important; margin-bottom:15px;}
	.slider-back-main .flex-direction-nav { width: 200px !important;}
	
	.dbright-task-main-posted-final{ width:430px;}
	.posted-task-right{ float:right !important; padding-right:0px !important; }
	header {width:460px; margin:auto;}
	.flex-direction-nav{ display:none;}
	.dbright-task-main-posted-final{ width:430px;}
	.home-signpost-content-new-section{ width:430px; margin-bottom:10px;}
	
	.post-task-left-ptd{ width:430px; margin-bottom:15px; padding-top:0px;}
	.post-task-tab-ptd ul li{ width:100%;}
	.search-box-ptask-ptd input{ width:410px;}
	.input-location-ptd input{ width:250px;} 
	.task-list-left-ptd{ width:430px;}
	.post-task-list-ptd{ width:430px;}
	.post-task-info-left-ptd{ width:270px;}
	.post-task-right-ptd{ width:430px; height:auto;}
	.imgright-12{ width:380px;}
	.posted-bar-line-jp{ width:124px;}
	.task-comments-block-ptd{ width:430px; clear:both; padding-top:15px;}
	.task-comm-box1-ptd{ width:430px;}
	.task-comm-detail-ptd{ width:386px;}
	.offer-data-con{ height:209px !important;}
	#open_post_task_placebid{ left:10% !important; right:10% !important; position:fixed !important;}
	.posrel-pricing-box{ margin-bottom:20px !important;}
	.plan-active-box-info-pricep{ width:380px;}
	.ntext-val-15{ width:242px !important;}
	
	.login-ph a{ padding:3px 0;}
	.signup-ph a{ padding:3px 0;}
	.signup-ph{ margin:12px 6px 0 0;}
	.login-ph{  margin:12px 6px 0 0;}
	.happy-customer-detail-box{ width:430px; padding:15px; margin-right:0px; margin-bottom:10px; height:auto;}
	.blogs-top{ padding-bottom:0px;}
	
	.left-button{ width:50%;}
	.left-button img{ width:auto; height:44px;}
	.right-button{ width:50%; text-align:right;}
	.right-button img{ width:auto; height:44px; }
	.login-social-ph{ padding-top:20px;}
	
	.how-to-use-section { padding: 100px 0 10px;}
	.how-it-works-quick{ width:100%;}
	.how-it-works-quick-left{ width:460px; border-right:0px; margin:0 auto 30px auto; float:none;}
	.how-it-works-quick-right{ width:460px; float:none; margin:auto;}
	.how-it-works-quick-title{ font-size:25px;}
	.leftArrow{ left:40px;}
	.rightArrow{ right:40px; }
	.trust-quick-detail-left{ width:100%; padding-right:0px;}
	.trust-quick-box{ text-align:center;}
	.trust-quick-box-img{ float:none !important; width:100%; }
	.trust-quick-box-detail{ text-align:center; width:100%;}
	.trust-quick-detail-right{ width:100%; padding-left:0px;}
	
	.banner-area-for-work img{ height:330px; margin-left:-80px; width:auto; }
	.safety-2{ margin-top:92px;}
	.nonafy_Works_arrow::after{ display:none;}
	.how-hwlp-inner-wrt{ padding-bottom:0px !important;}
	.arrow{ margin:0px !important;}
	.entowork-title-2-inner-1{ padding-bottom:40px;}

	.editphoto-taxt-1{ margin:-41px 19px 0 294px;}
	.user-pic-massage-db p{ text-align:right; width:350px;}
	
	.taskdetails{ text-align:right; padding-right:8px; padding-left:0px;}
	.abttb2-2-2 .wid350{ width:130px !important; padding-left:0px !important; }
	.profile-main-inner .taskdetails .strmn-2{ float:right !important;}
	
	.detailspart, .message-part { float: right; text-align: right; width: 78%;}
	.frightauto{ margin-right:14px !important; clear:both; margin-top:10px; float:right;}
	.main-title{ padding-right:0px;}
}
@media(min-width : 640px) and (max-width : 767px){
	
	.safety h4{ font-size:24px;}
	.safety p{ font-size:15px; line-height:19px;}
	.nbs-flexisel-nav-left { left: -20px !important; top: 95px !important;	}
	.nbs-flexisel-nav-right { right: -20px !important; top: 95px !important;}
	.subject-name{ font-size:17px;}
}
@media(min-width : 768px) and (max-width : 1160px){
	body{ overflow-x:hidden;}
	.category_img{ height:270px;}
	.container{  width:748px;}
	.login-sigup{ float:left; width:197px; position:relative; z-index:9999;}
	.login-sigup-2{ float:left; top:-53px;}
	.login-ph{ margin-right:10px;}
	#flag-ph{ margin:13px 10px 0 0;}
	.login-ph{ margin:8px 6px 0 0; padding:6px; font-size:12px;}
	.signup-ph{  margin:8px 6px 0px 0px; padding:6px; font-size:12px;}
	.rmm.graphite .rmm-toggled-controls{ margin-top:3px !important;}
	.banner-area, .banner-area-tasker{ background-position:top center; background-size:cover; }
	.email-ph{ width:40%;}
	.pincode-ph{ width:30%;}	
	.business-signpost-banner{ height:375px; background-size:100%;}
	#recent-tasks, #business, #browse-tasks, .db-rightinfo{ height:auto; width:auto; }
	#recent-tasks{ margin-bottom:30px;}
	#post-today .content {margin:0 auto; width:90%; height:100%; }
	ul.points-post li{ line-height:31px;}
	.blog-title{ font-size:38px; margin-bottom:20px;}
	.nbs-flexisel-inner{ height:150px !important;}
	.quick-links{ width:100%; margin-top:45px;}
	.ql-items{ width:96%; margin-top:16px;}
	.ql-items a{ font-size:12px; padding:0px;}
	.follow{ margin-top:27px;}
	.joinnow{ margin:0px 0 0 10px; }
	#post-today{ height:auto;}
	.text-ar{ width:355px;}
	.footer-part .footer-links{ width:100%;}
	span.footer-i{ font-size:15px; width:auto; font-style:normal; padding:0 18px; }
	.footer-part{ margin:0px auto 40px auto;}
	h3.big-title{ font-size:60px;}
	.points-text-ph{ width:400px; margin-top:0px;}
	.moreinfo-button-ph{ margin-bottom:10px;}
	#logo-placing {  width: auto;}
	#acc-banners-ph, #acc-banners-ph-in { margin-top:86px;}
	.post-today-img img{ width:640px; }
	.post-today-img{ width:300px;}
	.task-details{ width:428px;}
	.email-box-home{ margin:-63px 0 0 0; padding:12px 0px 10px 0px !important; }
	/*----- SIGNUP_PAGE_START -----*/
	.db-rightinfo{ width:381px;}
	.db-rightinfo-quick{ width:748px !important }
	.content-subtitle-signup{ height:285px; background-size:100% !important; margin-top:0px;}
	.signup-left{ width:350px; margin-right:15px;}
	.social-login-btns{ margin:50px 0 0 0;}
	.follow-us-title h2{ font-size:22px;}
	.home-signpost-content{ margin-top:0px;}
	.social-login-title{ font-size:24px; padding-bottom:20px;}
	.form-control-signup{ width:86.4%;}
	.signup-btns .btn-default{ padding:8px 39px;}
	.retrieve-pass-btn .btn-default{ padding:8px 126px; }
	.form-control-login{ width:88%;}
	.login-box-main{ float:right;}
	.signup-btns .btn-default-login{ padding:4px 30px 4px 10px;}
	.agree-login{ padding-bottom:0px;}
	.login-right{ width:343px;}
	.divider h2{ margin-top:0; margin-right:153px;}
	.login-social-ph .social-login-btns{ margin:0 0 0 0;}
	.login-main-content{ background:url(../images/login_back.jpg) no-repeat 50% top !important; background-size:cover !important; padding:120px 0 50px 0 !important;}
	.login-social-ph{ padding-left:0px; margin-top:20px;}
	.agree-login input { margin-right: 1px !important;}
	.agree-login span { font-size: 11px !important;}
	/*----- SIGNUP_PAGE_END -----*/
	/*----- HOW_IT_WORKS_PAGE_START -----*/
	h3.banner-hw{font-size:20px; height:80px; margin: -94px 0 0; padding: 7px 0;}
	.taskit-1{ background-size:56%; background-position:left bottom; }
	.taskit-1-detail{ width:40%; margin:20px 80px 20px 0;}
	.taskit-1-inner{ height:auto;}
	.taskit-2{ background-size:56%; height:270px;}
	.taskit-2-detail{ width:40%; margin:20px 0 20px 50px;}
	.taskit-3-back{ margin:0px;}
	.taskit-3{ background-size:50%; background-position:left bottom; height:270px;}
	.taskit-3-detail{ width:50%; margin:20px 50px 20px 0;}
	.trust-safety-img{ width:25%; }
	.how-work-block-inner{ background-size:45%;}
	.how-work-points{ width:410px; margin:20px 0px; float:left;}
	.how-work-points h3{ font-size:34px; line-height:40px;}
	.question-post-tit{ font-size:24px; margin:15px 0px 5px;}
	.question-post-info{ font-size:16px;}
	.btn-default-join{ padding:10px 30px;}
	.banner-contain{ height:auto !important;}
	/*----- HOW_IT_WORKS_PAGE_END -----*/
	/*----- DASH_BOARD_PAGE_START -----*/
	.login-sigup-db{ width:570px;}
	.top_login{ float:left !important; z-index:99999; margin:7px 160px 0 0 !important; }
	a.ur-steps, a.settings{ padding:7px;}
	.db-rightinfo-dash{ padding:116px 0 30px 0;}
	.dashboard-leftmenu { margin: 0 auto; padding-right: 0px;width: 240px;}
	.dash-right{ width:457px; padding:0px 0 0 5;}
	ul.dash-left-menu a li.dash{ width:230px;}
	ul.dash-left-menu a:hover li.dash {width:230px;}
	ul.dash-left-menu a li.myacc{ width:230px;}
	ul.dash-left-menu a:hover li.myacc {width:230px;}
	ul.dash-left-menu a li.profile{ width:230px;}
	ul.dash-left-menu a:hover li.profile {width:230px;}
	ul.dash-left-menu a li.message{ width:230px;}
	ul.dash-left-menu a:hover li.message {width:230px;}
	ul.dash-left-menu a li.payment{ width:230px;}
	ul.dash-left-menu a:hover li.payment {width:230px;}
	ul.dash-left-menu a li.logout{ width:230px;}
	ul.dash-left-menu a:hover li.logout {width:230px;}
	.profile-progess-bar{ margin:60px 0 -61px; width:240px;}
	.position{ margin:0 0 -62px 52px; }
	.editphoto-taxt-1{ margin:-41px 10px 0 82px; }
	.welcome-box-dash{ width:435px; margin-bottom:10px;}
	.invite-friends-box{ width:435px; margin:0 0px 0 0;}
	.invite-friends-box ul li { margin:0 10px; }
	.massage-main-db{ width:94.9%;}
	.user-pic-massage-db p{ width:355px;}
	.other-img1-db{ margin:0px 0 10px 0;}
	.other-img1-db img{ width:457px; height:auto;}
	.other-img2-db img{ width:437px;}
	.dashboard-box1{ margin-bottom:0px;}
	.category-box-main-db { width:242px; margin:20px 20px 20px 0;}
	.category-box-dashboard{ width:238px !important;}
	.view-category-btn-db{ padding:10px 90px !important;}
	.search-task{ margin:20px 0 0 0; height:auto; width:434px;}
	.mapicon-db{ margin:0px 0 0;}
	.view-map-btn-db{ margin-top:20px;}
	.search-map-db{ width:434px; margin-top:20px; height:190px;}
	.tasksearch-inner{ width:434px;}
	.form-control-search-task{ width:413px !important; margin-bottom:20px !important;}
	.search-map-db #search-task{ padding:23px 0;}
	.title-top-main-db{ width:438px; font-size:22px;}
	.left-bottom-db{ float:left;}
	.vtaskmap{ margin:0px 0 15px 0;}
	/*----- DASH_BOARD_PAGE_END -----*/
	/*----- LISTING_PAGE_START -----*/
	.listing-page-top{ height:373px; background-size:140% !important;}
	.listing-page-top h2{ font-size:64px; padding:98px 0 0 0;}
	.listing-page-top-inner{ height:373px;}
	.blog-post-box{ padding:20px 0;}
	.listing-left{ width:280px; margin:0px 10px 0px 0;}
	.listing-left img{ width:100%;}
	.listing-right{ width:448px; margin:0px 0 0 10px;}
	.listing-right h2{ font-size:26px; line-height:22px;}
	.listing-right p{ font-size:16px; line-height:22px;}
	/*----- LISTING_PAGE_END -----*/
	/*----- LISTING_DETAIL_PAGE_START -----*/
	.listing-detail-page-top{ height:373px; background-size:140% !important;}
	.listing-banner-inner{ width:748px;}
	.listing-detail-page-top h2{ font-size:50px; padding:85px 0 0 0;}
	.listing-detail-page-top-inn{ height:373px;}
	.blog-post-detail-box p{ font-size:18px; line-height:26px;}
	.blog-post-detail-box h2{ font-size:32px; line-height:36px; padding:20px 0;}
	.blog-post-full-img{ width:748px; height:499px; margin:30px auto;}
	.blog-post-full-img img{ width:100%;}
	.btn-join{ padding:9px 40px 6px;}
	/*----- LISTING_DETAIL_PAGE_END -----*/
	.white-layout {width:100%; height:auto; padding:0px 0 !important}
	ul.three-columnar{ padding:4px !important; margin-bottom:30px !important;}
	.become-tasker .only-text{ font-size:21px !important; line-height:29px !important;}
	.white-inner{ margin:auto; padding:40px 0 0 0;}
	.three-columnar li{ margin-bottom:60px !important; height:auto !important;}
	.three-columnar-new li{ margin-bottom:0px !important;}
	.arrow-2{ background:rgba(0, 0, 0, 0) url("../images/arrow-down-2.png") no-repeat scroll center center;}
	.btn-app{ margin:40px 0px !important;}
	/*----------WORKER_EDIT_START-------------*/
	.apptab1{ width:460px;}
	.apptab1-1 tr td:first-child{ width:25% !important;}
	.apptab1-1 tr td:last-child{ width:37% !important;}
	.apptab1-1 tr td:first-child{ padding-bottom:5px !important; }
	.apptab1-1 tr td input{ width:256px !important; margin-bottom:0px !important;}
	.apptab1-1 tr td select{ width:270px !important; }
	.home-title-2{ width:748px;}
	ul.mcats, ul.apque{ clear:both; width:748px !important;}
	ul.mcats li{ width:15% !important;}
	ul.mcats li label{ font-size:12px !important;}
	#add_more2{ width:748px;}
	#addimg{ margin-top:10px;}
	.birthday-tab ul li{ width:376px !important; }
	.birth-title .question{ width:70px !important;}
	.area-ph .btn-app{ margin-bottom:10px !important;}
	/*----------WORKER_EDIT_END-------------*/
	.dashboard-responsive{ }
	.dbleft{ border:0px; padding:20px 16px 0 3px !important; width:450px; }
	.firts_img img{ width:76px; height:auto; }
	#task_name_symbol{ margin-left:3px !important;}
	.task-test{ width:81.7%;  }
	#showpnote .task-test{ width:89.7%; clear:both;}
	#showpnote .main-title{ padding-bottom:10px;}
	#address1TR td:first-child{ width:20% !important; }
	#zipcodeTR td:first-child{ width:20% !important; }
	#locationnameTR td:first-child{ width:20% !important; }
	.addright{ float:left; width:423px !important;}
	.price_info{}
	.price_info tr{}
	.price_info tr td{ float:right; padding-bottom:10px; }
	#task_to_price_symbol{ margin-left:6px !important; margin-top:3px !important;}
	#task_price_symbol{ margin-left:6px !important; margin-top:3px !important;}
	.main-w{ width:405px; }
	.dbright-task-1 .dbright-task{ float:right; width:190px !important; }
	.add-more #add_more2{ width:auto !important; }
	.main-title{ padding-right:0px;}
	.dbright-task-1{ }
	.white-inner-3{}
	.white-inner-3 ul.three-columnar li{ width:19%}
	.white-inner-3 .arrow-3{ width:19%; background:rgba(0, 0, 0, 0) url("../images/white-arrow-2.png") no-repeat scroll center center; }
	#task_start_day{ width:95px !important;}
	#task_start_time{ width:66px !important; }
	#task_end_day{ width:95px !important;}
	#task_end_time{ width:66px !important; }
	.catle3n-1{ width:58%;}
	.catle3n-1 h2{ font-size:24px;}
	.catle3n-1 p{ font-size:15px;}
	.map-coner{ width:448px;}
	.map-coner iframe{ width:448px;}
	.detail-infor-width{ width:100% !important;}
	/*------profile_page------*/
	.profile-main-inner{ padding:10px;}
	.profile-top{ margin:-55px 0 0 0; }
	.detail-tab{ width:441px !important; margin-top:20px !important; margin-left:0px !important; }
	.abttb2-2-2 .wid350{ width:290px !important;}
	.dbright-task-10 { margin:0 125px 0 0px !important; float:right;}
	.taskdetails{ width:83% !important;}
	.resp-tab-content{ width:95% !important;}
	.getting-form{ float:none !important; margin-left:auto !important; margin-right:auto !important; }
	.getting-form .home-signpost-content{ padding:12px;}
	.get-business li{ width:32% !important; margin-bottom:0px !important; }
	.container-10{ padding-top:10px !important;}
	.all-detail-11{ padding-bottom:30px !important;}
	.paym-banner{ height:40px !important; margin-top:-54px !important; font-size:19px !important;}
	.paym-banner .container-10{ padding-top:6px !important;}
	.payment-in{}
	.payment-in ul li{ padding:0px 16px 0px 0px; width:23%; text-align:center;}
	.payment-in ul li img{ width:50%; }
	.payment-in ul li:first-child img{ width:100%; }
	.payment-in ul li:last-child img{ width:100%; }
	/*-----map-----*/
	.dbleft-map{ padding:0px 0px 0 0px !important; width:460px; border:1px solid #ccc !important;}
	.dbleft-map .dbleft-map-inner{ padding:22px 0 22px 28px; }
	.dbleft-map .dbleft-map-inner .apptab1{ width:420px; }
	.googleMarkerTab .wid160{ width:136px;}
	.dbright-task-map{ padding:0px; width:285px; margin:0px; border-bottom:1px solid #ccc !important; border-right:1px solid #ccc !important; border-top:1px solid #ccc !important;}
	.map-title{ }
	.apptab1-1 tr td:first-child{ width:19% !important;}
	.banner-hw-about .container{ padding-top:11px !important;}
	.white-inner-about { padding-bottom:60px !important;}
	.white-inner-about ul{ margin-bottom:0px !important;}
	.white-inner-about ul li { width:46% !important; margin:0px !important;}
	.white-inner-about ul li img{ width:90% !important;}
	.white-inner-ab #horizontalTab{ margin:0px 0 40px 0 !important; overflow:hidden;}
	.white-inner-ab h2.resp-accordion{ width:97% !important;}
	.white-inner-ab .resp-tab-content{ width:706px !important;}
	.task-test-10{ width:369px !important;}
	.addright-1{ float:left !important;}
	.task-test-12{ width:410px !important;}
	.arrow-4{  margin-top:70px !important;}
	.left-block-15{ width:57% !important;}
	.add-text{ width:200px;}
	.addright-12{ width:100% !important;}
	.under-in {padding-left: 0 !important; width: 716px !important;}
	.under-in .ntext{ width:71% !important;}
	.under-in .task-test-10{ width:88% !important;}
	.inside-subtitle-12{ width:704px !important; padding-left:0px !important;}
	.under-in .task-test-12{ width:75% !important;}
	.dbright-task-13 .dbright-task{ margin:20px auto 20px auto !important; width:420px !important;}
	#task_start_day{ width:244px !important;}
	#task_start_time{ width:148px !important;}
	#task_end_day{ width:244px !important;}
	#task_end_time{ width:148px !important;}
	.button-main-13{ width:300px !important;}
	.edit-color { margin-right: 15px !important; padding: 11px 33px !important;}
	.safety{ display:block; width:290px; margin-top:45px;}
	.safety p{ font-size:15px;}
	.turst-info-detail{ display:none !important; }
	.turst-info-detail-display{ display:block !important; width:100% !important;}
	.turst-info-detail-display .turst-info-detail-top{ padding:0 0 20px !important;}
	.turst-info-detail-display .how-business{ text-align:center !important; }
	.three-columnar li{ margin-bottom:10px !important;}
	.trust-img img{ width:200px !important;}
	.trust-safety-12{ padding-bottom:30px !important;}
	.safety h4{ font-size:28px;}
	.three-columnar48 li{ padding:20px 37px !important;}
	.left-dash{ width:434px;}
	.see-map-main-db-1 .divider{ display:none;}
	.see-map-main-db-1 .left-dash:first-child{ margin-bottom:50px;}
	#player_1{ width:748px; height:547px;}
	.business-signpost-banner { background-position: center top 59px; background-size: 100% auto;  height: 575px; width:748px;}
	.safety-2{ margin-top:65px;}
	.safety-3{ margin-top:15px;}
	.safety-buttons ul li { width:27%;}
	.home-signpost-content-1{ padding:0px; }
	.acc-subtitle{ width:98%;}
	.taskphoto{ width:52px; }
	.taskdetails{width:75%; }
	.seemore_sel{ margin-top:10px;}
	.dbright-task-main{ width:33%; }
	.dbleft-main{  padding:0 16px 0 3px !important;  }
	.left-detail-1{ width:85%;}
	.home-signpost-content-1 .dbright-task-main{ width:32%; }
	.ulmycity{ width:234px !important; }
	.ulmycity li{ width:110px !important; }
	.finder-inner{ width:765px;}
	/*-----------Entowork-----------*/
	#logo-placing{ height:auto; background:none; }
	.banner{ padding:85px 0 0; }
	.red-subtitle, .subsection-title, .dashboard-title, .inside-subtitle, .acc-subtitle{ margin-top:0px;}
	.body_cont-dashboard{ margin-top:86px;}
	.login-sigup{ float:left; margin-left:0px; width:156px; margin-top:12px;}
	.rmm ul{ margin:20px auto 0 3px !important;}
	.after-login{ width:406px;} 
	#logo-placing img { padding: 12px 0 0;}
	.banner_detail{ display:block; top:50px; margin-left:0px; width:748px;}
	.banner_detail h1{ font-size:45px;}
	.banner_detail p{ font-size:26px; padding-bottom:30px;}
	.entowork-detail{ width:100%;}
	.nonafy_Works{ margin:0px; width:33%;}
	.need-detail ul li{ height:239px;}
	.need-img{ width:239px;}
	.need-img img{ width:100%;}
	.portrait-elite-takser{ display:none;}
	.static-section.do-what-you-love .dwyl-cols{ width:748px;}
	.static-section.do-what-you-love .dwyl-col{ width:325px;}
	.press-btn{ margin-bottom:30px;}
	.why_nonfy_text { margin: 0 0 40px; padding: 0 15px; width: 29%;}
	.testimonials-box { height: auto; padding-bottom: 20px; width: 170px;}
	.container-become{ width:460px;}
	#become-content{ padding:60px 0; background-size: auto 100%; }
	.become-left{ width:400px; padding:30px 30px; height:auto; }
	.become-left p{ width:auto; }
	.become-right{ width:460px;}
	.footer-1 h1{ padding-bottom:15px; padding-top:15px;}
	.footer-1{ width:170px;}
	ul.dash-left-menu{  width:100%;}
	.dashboard-leftmenu{ background:#f1f1f6; overflow:hidden;}
	ul.dash-left-menu a li{ width:230px !important;} 
	ul.dash-left-menu a li:hover{ width:230px !important;} 
	.dash-right-profile{ width:496px; margin-top:0px;}
	.welcome-top-left{ width:50%;}
	.welcome-top-right{ width:50%; }
	h2.resp-accordion{ padding:12px 14px 12px 14px !important;}
	h2.resp-tab-active{ padding:12px 14px 12px 14px !important;}
	.detail-tab{ margin-top:0px !important; background:#2a3441 none repeat scroll 0 0; color:#fff; text-align:center; }
	.resp-arrow{ display:none;}
	h2.resp-tab-active{ padding:8px !important;}
	.bottom-tabs .resp-tab-content{ width:430px; border-radius:0px; } 
	.bottom-tabs .resp-tab-active::after{ left:57%; margin-left:-45px; bottom:-7px;}
	.user-pic-massage-db p{ width:360px; text-align:left;}
	.taskhleft { text-align: left; width: 80%;}
	.invite-friends-box{ width:100%;}
	.detailspart, .message-part{ text-align:left; width:100%;}
	.detailspart .item-price { color: #585858;}
	.detailspart .item-short-des { color: #585858;}
	.category-box-main-db{ width:100%; margin:0px; }
	.category-box-dashboard{ width:100% !important;}
	.search-task { height: auto; width: 444px;}
	.profile-main-inner{ width:508px; padding:0px;}
	.profile-top{ margin:0px;}
	.profile-top .user-image { float: left;    margin-right: 0 !important;   margin-top: 15px !important; }
	.details-title-info-all{ width:268px; padding-left:10px; padding-bottom:10px; }
	.skills a{ padding:10px;}
	.taskdetails {padding-left: 8px; text-align: left; width: 73%;}
	.bottom-tabs .abmarks-2{ color:#585858;}
	.bottom-tabs .abmarks-2 a { color: #0088ff !important;}
	.profile-main{ padding-top:40px;}
	.dbright-task-10-new { padding: 0 !important; width: 230px !important; margin:0px !important;}
	.dashboard-box1-1 .dbleft{ padding:0px !important; margin-bottom:0px !important;}
	.dashboard-box1-1{ width:730px;}
	.dashboard-box1-1 .left-part{ width:330px; padding-bottom:32px !important; min-height:390px; }
	.dashboard-box1-1 .step-2-title{ width:auto;}
	.select-width-5{ width:94%;}
	.firts_img-1{ padding-left:0px;}
	.select-width-2{ width:89%;}
	.task-test-10 { width: 295px !important;}
	.form_text_fild{ width:84px !important;}
	.price-text{ width:40px !important;}
	.right-online{ width:45%;}
	.firts_img-1{ font-size:14px;}
	.dashboard-box1-1 .right-part{ width:350px; border-right:0px; padding-left:0px; padding-right:0px; }
	.yes-no-section-1{ border:1px solid #ccc; color:#585858 !important; float:right !important; font-size:14px !important; padding:5px !important; width:40px !important; margin-bottom:10px;}
	.title-quick-mob{ margin-left:10px; color:#fff !important;}
	.yes-no-section-1 div{ padding:0px !important;}
	.yes-no-section-2{ width:90px !important;}
	#task_end_time{ margin-left:5px;}
	.urgent-task-detail{ width:172px;}
	#task_to_priceTR{ width:50px !important; padding-top:4px;}
	.dbright-task-13 .dbright-task{ width:330px !important;}
	#task_end_time { margin-left: auto;}
	#task_end_time { width: auto !important; margin-right:10px;}
	.task-data-title-q{ padding-right:10px;}
	#task_end_day{ width:156px !important;} 
	.btn-post-btn{ margin-top:-2px !important;}
	.view-map-btn-db{ margin-right:5px;}
	.detailspart-last{ width:56%;}
	#about_user{ width:97%;}
	.btn-480{ padding-left:0px !important;}
	.db-rightinfo-back .dbright-task { float: none;  margin: 20px auto; padding: 0;}
	.dbright-task-13 .dbright-task{ width:300px !important; margin-top:0px !important; }
	.dbright-task-135 .dbright-task{ width:333px !important;}
	.dbright-task-13 .dbright-task-one-quick{ width:350px !important;}
	.edit-color{ padding:7px 19px !important; }
	.step-pay-btn{ margin-top:20px !important;  }
	.btn-app{ margin:0px !important; padding:7px 30px;}
	.catle3n { float: left; width: 38%; margin-bottom:10px;}
	.catle3n2 { float: right; width: 45%; }
	.dbright-task-main { float: right; margin: 0 !important; padding: 0; width: 245px; border-bottom:1px solid #d6d6d6; border-right:1px solid #d6d6d6; border-left:1px solid #d6d6d6;}
	.main-ij .user-pic-massage-db p{ width:360px !important;}
	.data-info .right-block{ padding-left:10px !important; width:40%;}
	.data-info .left-block-15{ width:97%; padding-right:10px !important; }
	.apptab1 { width: 728px;}
	.apptab1-1 tr td input { width: 196px !important; margin-bottom:16px !important;}
	.data-block-2 .appul{ padding-left:10px !important;}
	.home-title-2{ width:728px;}
	.question{ width:728px;}
	ul.mcats, ul.apque{ width:728px !important; float:right !important; }
	#worker_availability{ width:392px !important;}
	#add_more2{ width:728px !important;}
	#worker_skills{ width:392px !important;}
	.apptab1-1{ width:450px !important; }
	.left-part-1{ width:730px; border-right:0px; border-bottom:10px solid #e7e7e7; border-radius:10px 10px 0 0;}
	.top-name{ border-radius:10px 10px 0 0;}
	.detail-box .inside-subtitle{  border-radius:10px 10px 0 0 !important;}
	.offer-data .taskdetails { padding-left: 0; width: 90% !important;}
	.round-corner-2{border-radius:80px;}
	.taskphoto-2-3{ margin:0 5px;}
	.colmark-2-inner { float: right; text-align: right !important; width: 100% !important;}
	.right-part-1{ width:730px; padding-bottom:0px;}
	.chat-box{ width:360x; margin-bottom:10px;}
	.top-image-user img{ width:100px; height:auto;} 
	.arrow_img{ padding:35px 0 0 28px; }
	.arrow_img img{ width:80px;}
	.detail-box{ width:350px;}
	.task-details-info-left{ width:120px;}
	.task-details-info-right{ width:207px;}
	.category_btn-main-1{ margin:57px 0 0px 0px;}
	.dbleft-offer{ padding:0px; margin:0px;}
	.border-black-main{ width:97.5%; }
	.border-black-left{ width:37%;}
	.border-black-right{ width:61.6%;}
	.border-black-left-main-2{ width:37%;}
	.border-black-right-main{ width:61.6%;}
	.home-signpost-content-task{ padding:0px;}
	.border-black-left-main{ width:37%;}
	ul.listing li{ padding-left:0px !important;}
	.youtube_video { margin: auto; padding: 50px 0; width: 748px;}
	.youtube_detail { margin: auto; width: 748px; }
	.how-to-use-left{ width:430px;}
	.how-to-use-right{ margin-top:30px;}
	.display_info{ width:360px;}
	.display_info_right{ width:280px; } 
	.display_info{ margin-bottom:20px;}
	.for_employers-block{ width:50%;}
	.firts_img-1-320{ font-size:13px;}
	.yes-no-section-2{ padding:4px !important; width:140px !important;}
	.mconright-1{ width:350px;}
	.dbright-task-one---1{ width:330px !important;}
	.step-2-title-on{ width:270px;}
	.yes-no-section-2 {padding: 3px !important; width: 110px !important;}
	.urgent_task-detail{ width:92.6% !important; }
	.urgent_task-quick{ width:95.8% !important; margin-right:0px;}
	.urgent-price-detail{ width:96% !important; margin-top:15px; }
	.Urgent_class{ background-size:75px; top:-4px; left:170px;}
	.Online_class{ background-size:75px; top:-4px; left:210px;}
	.city-main{ width:50px !important; }
	.runlright-1{ width:71% !important;}
	.taskdetails-15{ width:83%;}
	.taskdetails-15-15{ width:150px;}
	#task_commentTR .form-control-1{ width:322px !important;}
	.width_wallet{ width:430px !important;}
	.detail_left{ width:355px;}
	.form-control-signup{ width:87% !important;}
	.signup-main-content{ padding:80px 0 !important;}
	.bottom-tabs1 .resp-tab-content { padding: 15px;}
	.borno-159{ padding-bottom:85px;}
	.posrel-1 .taskdetails{ width:80%;}
	.select-width-3-112{ width:280px !important;}
	.border-black-main-category{ width:73%;}
	.border-black-main-category .border-black-left{ width:200px;}
	.border-black-main-category .border-black-right{ width:336px;}
	.category_button_right{ float:left; width:23%; margin-top:50px;}
	.text-ar-480{ width:316px;}
	.comment_area{ width:316px;}
	.first_img{ width:97px;}
	.first_img img{ width:75px; height:75px;} 
	.arrow_img {  padding: 23px 0 0 28px;}
	.text_area_info{ height:62px;}
	/*---------- NEW_SITE_START ----------*/
	.need-detail ul li{ float:left; margin:0px 5px 20px; width:237px; height:221px; }
	.blogger-photo{ margin:0px; text-align:center !important;}
	.blogger-photo img{ width:98px; height:98px;}
	.nbs-flexisel-nav-left{ left:0px !important; top:115px !important;}
	.nbs-flexisel-nav-right{ right:0px !important; top:115px !important;}
	#stastic-content{ padding-top:0px;}
	.nonafy_Works h4{ font-size:60px; line-height:56px;}
	.nonafy_Works{ width:33.33%; margin:0px 0 0px;}
	.footer-1{ width:249px;}
	.need-img-detail{ height:70px; margin-top:-70px;}
	.need-img-detail h3{ font-size:16px;}
	.blog-item-right{ width:56% !important; padding-right:5px;}
	.subject-name{ font-size:17px;}
	
	/*----- HOW_IT_WORKS_START -----*/
	.how-to-use-left{ width:340px;}
	.how-to-use-left h1{ font-size:40px; line-height:40px;}
	.how-to-use-section{ padding:59px 0;}
	.btn-default-join{ margin:0px !important;}
	.employers-block-img{ height:225px; line-height:225px;}
	.employers-block-title{ font-size:18px;}
	.employers-block-detail{ padding:15px 10px 30px; font-size:14px; line-height:20px;}
	.for_employers-block{ width:33.33%; }
	/*----- HOW_IT_WORKS_END -----*/
	/*----- DASHBOARD_START -----*/
	.main-top-dash{ width:370px;}
	#flexslider2 .flex-direction-nav {width: 370px;}
	#flexslider2 .flex-direction-nav li .flex-next{ right:-65px;}
	#flexslider2 .flex-control-nav{ left:0px;}
	.summery-detail-detail{ width:466px;}
	.bid-on-detail{ width:110px;}
	.welcome-top-left{ margin-top:40px; margin-bottom:40px;}
	.completed-summery{ margin:50px 0 0 32px}
	.profile-meter ul li{ margin-bottom:10px;}
	/*----- DASHBOARD_END -----*/
	
	/*----- CONTACT_US_PAGE_START -----*/
	.db-contact-main-inner{ width:718px; padding:15px !important;}
	.contact-left-block{ width:350px; }
	.contact-right-block{ width:350px;}
	.contact-field1{ width:170px;}
	.contact-field1 input{ width:148px;}
	.contact-field-email{ width:350px;}
	.contact-field-email input{ width:328px;}
	.contact-massage-field{ width:350px;}
	.contact-massage-field textarea{ width:328px;}
	/*----- CONTACT_US_PAGE_START -----*/
	
	.slider-back-main { background-size: auto 100%;}
	.slider_text { font-size: 38px; line-height: 45px;}
	.slider_text span { font-size: 18px !important;}
	.top-slider { width: 600px !important;}
	.flex-viewport { height: 380px !important;}
	.inner-divs { margin: 0;}
	.slider-back-main .btn-default-join-hiw{ font-size:18px !important; margin-bottom:15px;}
	.slider-back-main .flex-direction-nav { width: 600px !important;}
	.inner-divs { float: none; margin: auto; width: 190px !important;}
	
	.dbright-task-main-posted-final{ width:200px; margin:10px 0 0 0 !important;}
	.posted-task-right{ float:right !important; padding-right:0px !important; width:70% !important; }
	header {width:748px; margin:auto;}
	.flex-direction-nav{ display:none; }
	.home-signpost-content-new-section{ width:460px; }
	
	.post-task-main-psd{ width:714px !important;}
	.post-task-left-ptd{ width:300px; margin-bottom:15px; padding-top:0px;}
	.post-task-tab-ptd ul li{ width:100%;}
	.search-box-ptask-ptd input{ width:280px;}
	.input-location-ptd input{ width:250px;} 
	.task-list-left-ptd{ width:300px;}
	.post-task-list-ptd{ width:300px;}
	.post-task-info-left-ptd{ width:150px;}
	.post-task-right-ptd{ width:715px; height:auto;}
	.imgright-12{ width:355px;}
	.posted-bar-line-jp{ width:115px;}
	.task-comments-block-ptd{ width:400px; clear:both; padding-top:15px;}
	.task-comm-box1-ptd{ width:400px;}
	.task-comm-detail-ptd{ width:356px;}
	ul.taskname li.taskn{ margin-top:0px;}
	.offer-data-con{ height:209px !important;}
	#container-cat-fancy{ width:auto !important; padding-right:0px !important;}  
	.post-tasker-img-ptd{ width:44px; height:44px;}
	.select-new-cate{ clear:both;}
	#open_post_task_placebid{ left:10% !important; right:10% !important; position:fixed !important;}
	
	.dbleft-main-pricing{ width:745px !important;}
	.home-signpost-content-pricing{ padding:0px; width:745px !important;}
	.home-signpost-content-pricing .ultaskers{ margin:0px;}
	.posrel-pricing-box{ width:247px; margin-bottom:20px !important;}
	.mplan-price-row::after{ border-width:24px 124px 0; }
	.plan-active-box-info-pricep{ width:590px;}
	#carousel-cat-fancy{ width:500px !important;}
	.main_new_task{ width:600px !important;}
	.ntext-val-15{ width:242px !important;}
	/*---------- NEW_SITE_END ----------*/
	
	.login-ph a{ padding:3px 0;}
	.signup-ph a{ padding:3px 0;}
	.signup-ph{ margin:14px 6px 0 0; width:60px ;}
	.login-ph{  margin:14px 6px 0 0; width:60px;}
	.happy-customer-detail-box{ width:430px; padding:15px; margin-right:0px; margin-bottom:10px; height:auto;}
	.blogs-top{ padding-bottom:0px;}
	.nonafy_Works::after{ display:none;}
	.happy-customer-detail-box{ width:209px; margin-bottom:0px; margin-right:10px;}
	.happy-customer-detail-box-last{ margin-right:0px !important;}
	.nbs-flexisel-nav-left{ left:47% !important;}
	.nbs-flexisel-nav-right{ right:47% !important;}
	
	.how-to-use-section { padding: 150px 0 40px;}
	.how-it-works-quick{ width:748px;}
	.how-it-works-quick-left{ }
	.how-it-works-quick-right{ }
	.how-it-works-quick-title{ font-size:25px;}
	.leftArrow{ left:10px;}
	.rightArrow{ right:10px; }
	.trust-quick-detail-left{ width:370px; padding-right:0px; }
	.trust-quick-detail-right{ width:370px; padding-left:0px; }
	.trust-quick-box-detail{ width:260px;}
	
	.banner-area-for-work img{ height:485px; margin-left:0px; width:100%; }
	.safety-2{ margin-top:92px;}
	.nonafy_Works_arrow::after{ display:none;}
	
	.how-hwlp-inner-wrt{ padding-bottom:0px !important;}
	.arrow{ margin:0px !important;}
	.entowork-title-2-inner-1{ padding-bottom:40px;}
	
	.editphoto-taxt-1{ margin:-41px 19px 0 294px;}
	.user-pic-massage-db p{ text-align:right; width:380px;}
	
	.taskdetails{ text-align:right; padding-right:8px; padding-left:0px;}
	.abttb2-2-2 .wid350{ width:130px !important; padding-left:0px !important; }
	.profile-main-inner .taskdetails .strmn-2{ float:right !important;}
	
	.detailspart, .message-part { float: right; text-align: right; width: 78%;}
	.frightauto{ margin-right:14px !important; clear:both; margin-top:10px; float:right;}
	
	.map-name tr td:first-child{ width:36% !important;}
	.map-name tr td:last-child{ width:59% !important;}
	.map-name tr td select{ width:250px !important;}
}
@media(min-width : 1024px) and (max-width : 1159px){
	.three-columnar li{ margin-bottom:60px !important; height:auto !important; width:100% !important;}
	.three-columnar-new li{ margin-bottom:0px !important; width:100% !important;}
	.dashboard-responsive{ }
	.dbleft{ border:0px; padding:20px 16px 0 3px !important; width:433px; }
	.firts_img img{ width:76px; height:auto; }
	#task_name_symbol{ margin-left:3px !important;}
	.task-test{ width:81.7%;  }
	#showpnote .task-test{ width:89.7%; clear:both;}
	#showpnote .main-title{ padding-bottom:10px;}
	#address1TR td:first-child{ width:30% !important; }
	#zipcodeTR td:first-child{ width:30% !important; }
	#locationnameTR td:first-child{ width:30% !important; }
	.addright{ float:left; width:423px !important;}
	.price_info{}
	.price_info tr{}
	.price_info tr td{  padding-bottom:10px; }
	#task_to_price_symbol{ margin-left:6px !important; margin-top:3px !important;}
	#task_price_symbol{ margin-left:6px !important; margin-top:3px !important;}
	.main-w{ width:405px; }
	.dbright-task-1 .dbright-task{ float:right; width:190px !important; }
	.add-more #add_more2{ width:708px !important; }
	.dbright-task-1{ }
	.white-inner-3{}
	.white-inner-3 ul.three-columnar li{ width:19% !important; margin-right:7px; }
	.white-inner-3 .arrow-3{ width:19%; background:rgba(0, 0, 0, 0) url("../images/white-arrow-2.png") no-repeat scroll center center; }
	#task_start_day{ width:95px !important;}
	#task_start_time{ width:66px !important; }
	#task_end_day{ width:95px !important;}
	#task_end_time{ width:66px !important; }
	.catle3n-1{ width:58%;}
	.catle3n-1 h2{ font-size:24px;}
	.catle3n-1 p{ font-size:15px;}
	.map-coner{ width:430px;}
	.map-coner iframe{ width:430px;}
	.detail-infor-width{ width:100% !important;}
	.three-columnar-get li{ width:46% !important;}
	.getting-form{ float:none !important; margin-left:auto !important; margin-right:auto !important; }
	.getting-form .home-signpost-content{ padding:12px;}
	.get-business li{ width:32% !important; margin-bottom:0px !important; }
	.container-10{ padding-top:12px !important;}
	.all-detail-11{ padding-bottom:30px !important;}
	.three-columnar-pay li{ width:46% !important;}
	/*-----map-----*/
	.dbleft-map{ padding:0px 0px 0 0px !important; width:460px; margin:0px !important; border:1px solid #ccc !important;}
	.dbleft-map .dbleft-map-inner{ padding:22px 0 22px 28px; }
	.dbleft-map .dbleft-map-inner .apptab1{ width:420px; }
	.googleMarkerTab .wid160{ width:136px;}
	.dbright-task-map{ padding:0px; width:285px; margin:0px !important; border-bottom:1px solid #ccc !important; border-right:1px solid #ccc !important; border-top:1px solid #ccc !important;}
	.map-title{ }
	.apptab1-1 tr td:first-child{ width:19% !important;}
	.addright-12{ width:100% !important;}
	.dbright-task-13 .dbright-task{ margin:20px auto 20px auto !important; width:420px !important;}
	#task_start_day{ width:244px !important;}
	#task_start_time{ width:148px !important;}
	#task_end_day{ width:244px !important;}
	#task_end_time{ width:148px !important;}
	.edit-color { margin-right: 15px !important; padding: 11px 33px !important;}
	.safety{ display:block; margin-top:100px;}
	.turst-info-detail{ display:none !important; }
	.turst-info-detail-display{ display:block !important; width:100% !important;}
	.turst-info-detail-display .turst-info-detail-top{ padding:0 0 20px !important;}
	.turst-info-detail-display .how-business{ text-align:center !important; }
	.three-columnar li{ margin-bottom:10px !important;}
	.trust-img img{ width:200px !important;}
	.trust-safety-12{ padding-bottom:30px !important;}
	.three-columnar48 li{ padding:20px 37px !important;}
	.three-columnar48 li{ width:81% !important;}
	.container-5{ width:1004px; }
	.dash-right-5{ width:705px;}
	.dash-right-5 .welcome-box-dash{ width:325px;}
	.dash-right-5 .invite-friends-box{ width:325px; float:right;}
	.dash-right-5 .invite-friends-box ul li img{ width:53px; height:53px; }
	.dash-right-5 .invite-friends-box ul{ margin-top:20px;}
	.dash-right-5 .find-friends-btn{ margin:38px 0 10px; }
	.dash-right-5 .massage-main-db{ width:325px; }
	.dash-right-5 .welcome-box-dash{ margin-bottom:0px; }
	.user-pic-massage-db p{ width:255px; }
	.search-task{ width:689px; }
	.see-map-main-db-1 .divider{ display:block; }
	.left-dash{ width:314px; }
	.tasksearch-inner{ width:294px; }
	.form-control-search-task{ width:253px !important; margin-bottom:22px !important; }
	.see-map-main-db-1 .left-dash:first-child{ margin-bottom:0px; }
	.see-map-main-db-1 .divider{ height:210px; }
	.see-map-main-db-1 .divider h2{ margin-top:12.1% !important; }
	.search-task-1{ padding:25px 0 8px !important; margin-bottom:-50px !important; }
	.home-signpost-content-1{ padding:0px; }
	.acc-subtitle{ width:98%;}
	.taskphoto{ width:52px; }
	.taskdetails{width:75%; }
	.seemore_sel{ margin-top:10px;}
	.dbleft-main{ margin-top:0px; padding:0 16px 0 3px !important; margin-left:0px; }
	.left-detail-1{ width:85%;}
	.home-signpost-content-1 .dbright-task-main{ width:32%; }
	.ulmycity{ width:324px !important; }
	.ulmycity li{ width:160px !important; }
	.bottom-tabs-1 .resp-tabs-list li { width: 123px;}
	.last-tab{ width:124px !important;}
	.bottom-tabs .resp-tabs-list li { width: 123px;}
	.profile-main .bottom-tabs .resp-tabs-list li { width: 126px;}
	.bottom-tabs .resp-tabs-list li{ font-size:18px;}
	.bottom-tabs .resp-tab-active::after { left: 76%; margin-left: -45px; bottom:0px;}
	.user-pic-massage-db p{ width:359px;}
	.category-box-main-db{ margin:0px;}
	.category-box-main-db{ width:170px; }
	.category-box-dashboard{ width:170px !important;}
	.category-box-tit-db{ font-size:16px;}
	.search-task { float: right; width: 263px; margin-left:10px; margin-top:0px;}
	.left-dash{ width:100%;} 
	.see-map-main-db-1 .divider{ display:none;}
	.tasksearch-inner{ width:100%;}
	.form-control-search-task{ width:240px !important;}
	.view-category-btn-db{ padding:10px 0 !important}
	.dashboard-box1-1 .dbleft{ padding:0px !important; margin-top:0px !important;}
	.dashboard-box1-1{ width:730px;}
	.dashboard-box1-1 .left-part{ width:330px; padding-bottom:32px !important; }
	.select-width-5{ width:94%;}
	.firts_img-1{ padding-left:0px;}
	.select-width-2{ width:89%;}
	.task-test-10 { width: 295px !important;}
	.form_text_fild{ width:84px !important;}
	.price-text{ width:40px !important;}
	.right-online{ width:45%;}
	.firts_img-1{ font-size:14px;}
	.dashboard-box1-1 .right-part{ width:350px; border-right:0px; }
	.yes-no-section-1{ border:1px solid #ccc; color:#585858 !important; float:right !important; font-size:14px !important; padding:5px !important; width:40px !important; margin-bottom:10px;}
	.yes-no-section-1 div{ padding:0px !important;}
	.title-quick-mob{ color:#fff !important;}
	.yes-no-section-2{ width:90px !important;}
	#task_end_time{ margin-left:5px;}
	.urgent-task-detail{ width:172px;}
	#task_to_priceTR{ width:50px !important; padding-top:4px;}
	.dbright-task-13 .dbright-task{ width:330px !important;}
	#task_end_time { margin-left: auto;}
	#task_end_time { width: auto !important;}
	#task_end_day{ width:156px !important;} 
	.btn-post-btn{ margin-top:-2px !important;}
	.dbright-task-13 .dbright-task{ width:350px !important; margin-top:0px !important; }
	.edit-color{ padding:7px 19px !important; }
	.step-pay-btn{ margin-top:20px !important;  }
	.data-info .right-block{ padding-left:10px !important; width:40%;}
	.data-info .left-block-15{ width:97%; padding-right:10px !important; }
	.apptab1 { width: 728px;}
	.data-block-2 .appul{ padding-left:10px !important;}
	.home-title-2{ width:728px;}
	.question{ width:728px;}
	ul.mcats, ul.apque{ width:728px !important; }
	#worker_availability{ width:392px !important;}
	#add_more2{ width:728px !important;}
	#worker_skills{ width:392px !important;}
	.apptab1-1{ width:450px !important; }
	.dbright-task-135 .dbright-task{ width:333px !important;}
	.select-width-3-112{ width:280px !important;}
	.slider-back-main { background-size: 100% auto;}
	.dbright-task-main-posted-final{ width:200px; margin:10px 0 0 0 !important;}
	.posted-task-right{ float:right !important; padding-right:0px !important; width:70% !important; }
	#carousel-cat-fancy{ width:500px !important;}
	
	.banner-area-for-work img{ height:485px; margin-left:0px; width:100%; }
	.map-name tr td:first-child{ width:36% !important;}
	.map-name tr td:last-child{ width:59% !important;}
	.map-name tr td select{ width:250px !important;}
	
	.flex-viewport { height: 470px !important;}
}
@media(min-width : 1160px) and (max-width : 1299px){
	header{ width:auto;}
	.dbright-task { margin: 0 0 20px; padding-right: 0; padding-top:0px;}
	#carousel-cat-fancy{ width:500px !important;}
}
@media(min-width : 1300px) and (max-width : 5500px){
	.form-control-search-task{ width:90% !important; margin-bottom:44px !important; }
	#carousel-cat-fancy{ width:500px !important; direction:ltr !important;}
	
	.main_new_task{ width:600px !important;}
}
a{ color: #0088ff;}
#fancybox-overlay{ z-index:999999999 !important;}
#fancybox-wrap{ z-index:999999999 !important;}