@media (max-width: 736px) {
    .provider-lang {
        float: left;
        width: 100%;
    }
    .modal-footer .btn-default {
        margin-right: 85px !important;
    }
    .provider-update .form-group {
        float: left;
    }
}

@media (max-width: 736px) and (orientation: landscape) {
    .modal-footer .btn-default {
        margin-right: 145px !important;
    }
}

@media (max-width: 568px) and (orientation: landscape) {
	.requester-search-top .top-link-login
	{
		display:none;
	}
    .listOpen .mobile {
        margin: 130px 0 0 !important;
    }
    .logocontent {
        margin-top: 40px !important;
    }
	.user-part-login
	{
		display:none;
	}
}

@media (max-width: 414px) {
	.requester-search-top .top-link-login
	{
		display:none;
	}

	.user-part-login
	{
		display:none;
	}
	.process-wrappers
	{
		text-align:center;
	}
	.process-header
	{
		margin-left:0 !important;
	}
    #banner .block h2 {
        width: 100% !important;
	font-size: 15px;
    line-height: 22px;
    font-weight: 300;
    padding-right: 18px;
    }
    .userwhole .bootstrap-timepicker {
        width: 100% !important;
    }
    #cancelled .cancel_cmd {
        width: 43% !important;
        float: none !import+ant;
        margin-top: 20px !important;
        margin-left: 210px !important;
        font-size: 12px !important;
    }
    #cancel .edit-profile-detail-form #frm1 .post_btn .cancel-but {
        margin-top: 95px !important;
    }
    #hired #datepicker {
        z-index: 99 !important;
    }
    .edit-profile-detail-form #frm1 .post-job {
        float: none !important;
        width: 100% !important;
    }
    #hired .post_btn {
        clear: both;
    }
    .edit-profile-detail-form #frm1 .post-job .btn-default {
        float: left !important;
    }
    .edit-profile-detail-form #frm1 .post-job .btn-info {
        float: right !important;
        margin-top: -35px !important;
        padding: 8px 25px !important;
    }
    .category_det,
    .signup-provider .update-detail,
    .profession {
        clear: both;
    }
    .login-form-left b .submit-but {
        font-size: 14px !important;
    }
    .request-left .btn {
        padding: 8px 30px !important;
    }
    .forgot-link {
        margin-top: 30px !important;
    }
    .request-right span a,
    .provider-login-form-right span a,
    .login-form-right span a {
        width: 130px !important;
    }
    .tab-content #map {
        width: 330px !important;
    }
    .portfolio .provider_cancel {
        width: auto !important;
    }
    .cancelP .modal-footer {
        margin-top: -40px !important;
        width: auto !important;
    }
    .cancelP .modal-footer .btn-default {
        margin-right: 145px !important;
    }
    .terms .btn-default {
        margin-top: 12px !important;
    }
    .update-detail2,
    .provider-lang,
    .exp-detail {
        margin-top: 0 !important;
    }
    .contact1 img {
        width: 10% !important;
    }
    .search-bg .btn-info {
        padding: 6px 10px !important;
    }
    .terms label {
        width: auto !important;
        float: none !important;
    }
    .terms p {
        top: 0px !important;
		left: 100px !important;
    }
    #cancelled #show-edit-profile-div1-can {
		right: 18px ;
		margin-top: -58px ;
		padding: 5px 15px ;
    }
    #pending .edit-profile-detail-form #frm1 .post_name,
    #cancelled .edit-profile-detail-form #frm1 .post_name {
        width: 100% !important;
    }
    #pending .prof_contact .btn-default,
    #cancelled .prof_contact .btn-default {
        margin-top: 20px !important;
        font-size: 10px !important;
    }
    .job-history .job-feedback .btn-default {
        padding: 5px 5px !important;
        right: -5px !important;
        margin-top: -5px ;
		margin-top: 45px ;
    }
    #complete #show-edit-profile-div-com {
        right: 106px !important;
        padding: 3px 15px !important;
        margin-top: -61px !important;
        font-size: 12px !important;
    }
    .prof-list .prof-name img {
       float: none !important;
		width: 50px !important;
		height: 50px !important;
		margin-left: 25% !important;
		margin-top: 13% !important;
    }
    #complete .pop_chat,
    #pending .pop_chat {
        position: absolute !important;
        right: 0 !important;
        left: 100px !important;
        top: 50px !important;
    }
    .job-history #pending .popup_img {
        width: 13% !important;
    }
    .job-history .provider-list-btn {
		    width: 35% !important;
    margin-right: 0 !important;
    margin-bottom: 30px !important;
    margin-top: 0 !important;
    font-size: 12px !important;
    padding: 2px 2px !important;
    }
    .job-date .btn-default {
        font-size: 10px !important;
    }
    .job-history #pending .request_prof .prof-img,
    .job-history #complete .request_prof .prof-img {
        width: 60% !important;
        float: none !important;
    }
	.search-bg .tab-content {
     width: 100% !important; 
    margin: 0 auto;
}
    #confirmed_Tab #show-edit-profile-div-pe,
    #pending #show-edit-profile-div-pe,
    #pending #show-edit-profile-div1-pe {
	   right: 25px ;
		margin-top: -59px ;
		padding: 3px 6px ;
    }
    #pending #show-edit-profile-div-Pe1 {
        right: 12px !important;
        margin-top: -60px !important;
        padding: 6px 15px !important;
    }
    .prof_list .nav-tabs>li>a {
        padding: 6px 8px !important;
        font-size: 14px !important;
        margin-top: 8px !important;
    }
    #profess #show-edit-profile-div-Pr1,
    #profess #show-edit-profile-div1-Pr1 {
        right: 30px !important;
    }
    .prof-list img {
        width: 80% ;
    }
    .prof-distance img {
        width: 18% !important;
    }
    .prof-rate {
        margin-left: 60px !important;
    }
    #profess .edit-profile-detail-form #frm1 .post_name {
        float: none !important;
        width: 100% !important;
    }
    .edit-profile-detail-form #frm1 .post_name .prof_rates img {
        width: 5% !important;
        margin-right: 0 !important;
    }
    .about_prof {
        margin-left: 0 ;
    }
    #profess .edit-profile-detail-form #frm1 .post_btn .save-but {
        top: 115px !important;
        width: 15% !important;
    }
    .about_prof .panel-body p {
        font-size: 11px !important;
    }
    .about_prof .panel-body h4 {
        font-size: 16px !important;
    }
    .search-bg .contact_popup {
        /* width: 67% !important; */
        height: auto !important;
        margin: 0 !important;
    }
    .search-bg .modal-footer .btn-default {
        margin-right: 0 !important;
        width: 50% !important;
    }
	.contact_popup .modal-footer .btn-default {
		margin-right: 0 !important;
	}
    .contact_detail1 address h4 {
        font-size: 14px !important;
    }
    .search-bg .contact_del {
       padding: 0;
		font-size: 18px !important;
		background-color: transparent;
		color: #F44336;
		}
		.contact_del {
		padding: 0;
		font-size: 18px !important;
		background-color: transparent;
		color: #F44336;
		float: right !important;
		padding: 0 !important;
	}
    .prof_list .nav-tabs {
        margin-right: 0 !important;
        margin-top: -8px !important;
    }
    .travel_edit .modal-content p {
        margin-left: 0 !important;
        font-size: 13px !important;
    }
    .travel-plan .travel_edit {
        margin-right: -45px !important;
    }
    #completed #show-edit-profile-div-c,
    #completed #show-edit-profile-div1-c {
        right: 155px !important;
	   margin-top: -40px !important;
		padding: 4px 20px !important;
    }

    .popup-box {
        right: 10px !important;
        width: 90% !important;
    }
    /* .popup-box .popup-head .popup-head-right {
        margin: -40px 0 !important;
    } */
    .bootstrap-timepicker-widget table td span {
        padding-left: 0 !important;
        font-size: 20px !important;
        margin-right: 0 !important;
    }
    .requester-search .search-bg {
        width: 100% !important;
    }
    .signin_r,
    .forgot_r,
    .signup_r,
    .aboutus,
    .help-center,
    .contact,
    .signin,
    .signup-provider {
        margin: 70px 0px 0 !important;
    }
    .update-provider .provider-right input[type="submit"] {
		width: 130px !important;
		float: none;
		margin-right: 0px !important;
		height: 45px !important;
    }
    .update-provider .previous_btn {
        width: 40% !important;
        margin-top: -75px !important;
    }
    .update-provider .previous_btn i {
        display: none !important;
    }
    .travel-plan .provider-list-btn {
        width: 40% !important;
        margin-right: 0 !important;
        font-size: 14px !important;
        margin-top: 25px !important;
        padding: 10px 5px !important;
    }
    .travel_edit .delete-btn {
        height: 36px ;
        line-height: 35px ;
		margin-top: 10% !important;
		width: 70px !important;
		margin-left: 80% ;
    }
    .travel-plan .provider-right input[type="submit"] {
        margin-left: 0px !important;
        width: 75px !important;
    }
    .sign_p,
    .forgot_p {
        margin: 70px 0px 0 !important;
    }
    .forgot_p .bottomline:after,
    .forgot_r .bottomline:after {
        left: 20px !important;
        top: 20% ;
    }
	.forgot_r .bottomline:after {
		left: 26px !important;
		top: 20%;
	}
    .header-page:before {
        top: 15% !important;
    }
    .portfolio-wrapper,
    .travel-plan-wrapper,
    .update-provider-wrapper,
    .job-history-wrapper,
    .requester-profile-wrapper {
        margin-top: 70px !important;
    }
    .requester-search-wrapper {
        margin-top: 10px !important;
    }
    #top-part {
        height: 60px !important;
    }
    .logo img {
        width: 60% !important;
        height: auto !important;
    }
    .title-h2 span:before {
        left: 25px !important;
    }
    .title-h2 span:after {
        right: 25px !important;
    }
    .navbar-brand img.mob-logo {
        width: 69% !important;
    }
    .job-history .header-page,
    .requester-profile .header-page,
    .update-provider .header-page {
        font-size: 30px !important;
        padding-left: 0px !important;
        width: 75% !important;
    }
    .forgot_p .header-page,
    .forgot_r .header-page {
        font-size: 32px !important;
    }
    .travel-plan .header-page {
      
        width: 75% !important;
        clear: both;
        padding-bottom: 10px !important;
        padding-left: 0 !important;
        font-size: 32px !important;
    }
    .travel-plan .add-plan {
        width: 50% !important;
    }
    .travel-plan .request-content {
        margin-top: 35px !important;
    }
    #travel1 #show-edit-profile-div-t,
    #travel2 #show-edit-profile-div1-t {
        right: 115px !important;
        margin-top: -102px !important;
        padding: 5px 15px !important;
    }
    .request-detail img,
    .request-detail1 img,
    .request-detail3 img {
        width: 12% ;
    }
    .travel-plan {
        margin-top: 85px !important;
    }
    .mytrip-page span a:last-child {
        background: none !important;
    }
    .mytrip-page span a {
        margin: 0px 15px 0 0 !important;
    }
    .Posted-date span input {
        width: 48% !important;
        margin-right: 5px !important;
    }
    #post #show-edit-profile-div,
    #post #show-edit-profile-div1,
    #enquiry #show-edit-profile-div-e,
    #enquiry #show-edit-profile-div1-e,
    #respond #show-edit-profile-div-r,
    #respond #show-edit-profile-div1-r,
    #hired #show-edit-profile-div-h,
    #cancel #show-edit-profile-div-ca,
    #cancel #show-edit-profile-div1-ca {
        right: 35px !important;
		padding: 3px 10px !important;
		margin-top: -40px !important;
		font-size: 12px !important;
        border-radius: 50px;
    }
    .edit-profile-detail-form #frm1 img {
        width: 20% ;
       /*  margin-right: 10px ; */
    }
    .edit-profile-detail-form #frm1 .post_name {
        width: 60% !important;
        float: none !important;
    }
    .edit-profile-detail-form #frm1 .post_name img {
        width: 14% !important;
    }
    .edit-profile-detail-form #frm1 .post-time img {
        width: 7% !important;
    }
    .edit-profile-detail-form #frm1 .post-time {
        float: none !important;
        width: 100% !important;
    }
    .edit-profile-detail-form #frm1 .post_btn .save-but,
    .edit-profile-detail-form #frm1 .post_btn .cancel-but {
        width: 30% ;
    }
    .edit-profile-detail-form #frm1 .post_btn .save-but {
        margin-left: 140px !important;
    }
    .mytrip-page {}
    #post .request-time,
    #enquiry .request-time,
    #respond .request-time,
    #hired .request-time,
    #completed .request-time,
    #cancel .request-time {
    }
    .bootstrap-timepicker .input-group .form-control {
        padding: 3px !important;
    }
    .bootstrap-timepicker .input-group .input-group-addon {
        padding: 5px !important;
    }
    .forgot-link {
        margin-right: 40px !important;
    }
    .footer-bottom-part span {
        text-align: center !important;
    }
    .get-fare-estimation-left h3 {
        font-size: 28px !important;
    }
    #contact-form form input {
        width: 100% !important;
    }
    #contact-form form button {
        margin-right: 0 !important;
    }
    .process-flow .col-sm-3:nth-child(2),
    .process-flow .col-sm-3:nth-child(3),
    .process-flow .col-sm-3:nth-child(4) {
        margin-top: 25px !important;
    }
    .process-flow .col-sm-3:nth-child(2) .process-content img {
        margin-left:-85% !important;
        margin-top: -600px !important;
        transform: rotate(90deg) !important;
    }
    .process-flow .col-sm-3:nth-child(3) .process-content img {
            margin-left: -70px !important;
    margin-top: -600px !important;
        transform: rotate(90deg) !important;
    }
    .process-flow .col-sm-3:nth-child(4) .process-content img {
		 margin-left: 10px !important;
		margin-top: -565px !important;
        transform: rotate(90deg) !important;
    }
    .footer-box2 {
        padding-left: 10px !important;
    }
    #features .feature-block {
        width: 100% !important;
    }
    .menu-logo {
        width: 55% !important;
    }
    nav button {
        top: 15px !important;
    }
    .footer-box3 {
        margin: 40px 0px 0px !important;
    }
    .footer-bottom-part {
        padding: 15px 35px !important;
    }
    .footer-inner {
        display: inline !important;
    }
    .footer-box2 ul:last-child {
        float: none !important;
    }
    .footer-box1 {
        width: 250px ;
        margin-left: 65px ;
    }
    .footer-box1 .lang b a {
        color: #127d27;
    }
    .footer-box1 span {
        margin: 28px 0 15px !important;
    }
    #Cars3 {
        clear: both;
    }
    #feedback1 .modal-content,
    #feedback2 .modal-content,
    #feedback3 .modal-content {
        height: auto !important;
    }
    #feedback3 .btn,
    #feedback2 .btn,
    #feedback1 .btn {
        padding: 6px 10px !important;
        border-radius: 0px !important;
        margin-top: -32px !important;
    }
    .signup_r .requester-signup-page .create-account span .create-account-input {
        width: 100% !important;
    }
    .signup_r .requester-signup-page .create-account span .create-account-input1 {
        width: 97% !important;
    }
    .signup_r .create-account p .submit {
        float: left !important;
        margin-left: 15px !important;
        width: 125px !important;
        padding-bottom: 3px !important;
        height: 42px !important;
    }
    .signup_r .requester-signup-page h5 {
        padding-left: 15px !important;
        font-size: 14px !important;
    }
    .signup_r .upload-content .thumbnail,
    .signup_r .upload-content .btn-file {
        margin-left: 40px !important;
    }
    #myModal2 .modal-content p {
        margin-left: -10px !important;
        line-height: 25px !important;
        padding-right: 0 !important;
        font-size: 17px !important;
        width: 100% !important;
        padding-top: 55px !important;
    }
    #myModal2 .btn {
        margin-top: 6px !important;
        margin-left: 65px !important;
    }
    .signup-provider #Carpentry,
    .signup-provider #plumbing,
    .signup-provider #home-services {
        width: 90% !important;
    }
    .signup-provider .provider-lang #Carpentry {
        width: 285px !important;
    }
    .forgot_p .login-err,
    .forgot_r .login-err {
        width: 40% !important;
    }
    .forgot_p .login-err .btn,
    .forgot_r .login-err .btn {
        font-size: 12px !important;
        padding-left: 12px !important;
        text-align: center !important;
    }
    .sign_p .bottomline:after {
        top: 25% ;
        left: 25px ;
    }
    #example2-fullname-error .validation {
        padding-left: 20px !important;
        width: 350px !important;
        margin-left: 5px !important;
    }
    #example2-phone-error .validation {
        margin-left: 215px !important;
    }
    .signup-provider .cost-per-hour {
        margin-top: 20px !important;
    }
    .signup-provider .exp-detail,
    .signup-provider .cost-detail,
    .signup-provider .cost-per-hour,
    .state {
        clear: both;
    }
    .signup-provider .verified {
        padding-left: 44px !important;
    }
    #fullDiv #Category {
        width: 90% !important;
    }
    .signup-provider .upload-content .thumbnail {
        width: 65% !important;
    }
    .signup-provider .upload-content .btn-file {
        width: 65% !important;
    }
    .request-right {
        margin-top: 115px !important;
    }
    .signup-provider .driver-profile-img {
        margin-bottom: 30px !important;
		width: 100% !important;
		z-index: 99;
    }
    .signup-provider .cost-hr1 {
        width: 33% !important;
    }
    .signup-provider .upload_cer {
        
    }
    #subDiv1 .signup-provider .modal-content {
        width: 63% !important;
        height: 90% !important;
    }
    .signup-provider .provider-lang {
        margin-top: 0 !important;
    }
    #subDiv1 .modal-content span {
        padding-left: 0px !important;
        width: 65% !important;
        margin-left: 1px !important;
    }

    .signup-provider .avail_table {
        
    }
    #subDiv1 .provider-right {
        margin-top: 15px !important;
    }
    .signup-provider .update-detail textarea.form-control,
    .signup-provider .update-detail2 textarea.form-control,
    .signup-provider .update-detail1 textarea.form-control,
    .signup-provider .exp-detail textarea.form-control,
    .signup-provider .cost-per-hour textarea.form-control {
        width: 75% !important;
    }
    .signup-provider .provider-lang {
        margin-top: 0 !important;
    }

    .signup-provider .upload_cer {
        width: 40% !important;
    }
    .signup-provider .upload-content .btn-file {
     
        width: 100% !important;
    }
    .signup-provider .expiry {
        margin-top: 0 !important;
    }
    .signup-provider .avail_table {
       
    }

    .signup-provider .upload-content .thumbnail {
        width: 100% !important;
    }
    header {
        height: 60px !important;
    }
    .navbar-brand img {
        margin-top: -11px !important;
        width: 45% !important;
        margin-left: 45px !important;
    }
    .w3-teal {
        margin-left: 3px !important;
        padding-top: 0px !important;
        margin-top: 0px !important;
    }
    .page-contant-inner {
		width:100%!important;
    }
    .forgot_r .requester-forgot-page h5 {
        font-size: 14px !important;
		width:100%;
    }
    .signin_r .forgot-link {
        margin-right: 43px !important;
    }
    .signin_r .bottomline:after {
        top: 20% !important;
        left: 20px !important;
    }
    .signin_r .signin-wrapper .form-control {
        width: 90% !important;
    }
    .signin_r .request-right {
        clear: both;
        width: 360px ;
    }
	.signin_r .request-right11 {
        clear: both;
        /* width: 380px !important; */
        width: 100%!important;
    }
    .page-contant {
        background-position: right -100px top 0 !important;
    }
    .page-contant:before {
        width: 48px !important;
        background-position: right -100px top 0 !important;
    }
    .contact .contact-form b .contact-input,
    .contact .contact-form b .contact-textarea {
        width: 90% !important;
    }
    .help-center .static-page p {
        width: 100% !important;
    }
    .forgot_p .header-page {
        font-size: 28px !important;
    }
    .forgot_p .header-page p {
        width: 100% !important;
        float: none !important;
    }
    .forgot_p .login-form-left {
        margin-left: 0px !important;
		padding: 0 30px 0 30px;
		float: left;
		width: 100%;
		border-right: none;
	}
    .forgot_p .provider-login-form-right {
        clear: both;
        margin-left: 8% ;
    }
    .w3-sidenav a img {
        margin-left: 20px !important;
    }
    .w3-teal {
        margin-top: 10px;
    }
    .signup {
        margin-left: 20px;
    }
    .header-page {
        font-size: 35px ;
        padding-left: 20px !important;
    }
	.forgot_p .bottomline .header-page {
        font-size: 35px ;
        padding-left: 30px !important;
    }
	.forgot_r .bottomline .header-page {
        font-size: 35px ;
        padding-left: 25px !important;
    }
    .sign-in-provider h3 {
        font-size: 25px !important;
        padding-left: 15px !important;
    }
    .sign-in-requester p {
        width: 100%;
    }
    .sign-in-provider h3:after {
        left: 15px !important;
    }
    .page-contant {
        background: none !important;
    }
    .page-contant:before {
        background: none !important;
        z-index: -99 !important;
    }
    .sign-in-provider p {
       padding-left: 15px !important;
		padding-right: 5px;
    }
    .sign-in-provider span.login-btn a {
        margin-left: 15px !important;
        margin-top: 10px !important;
    }
    .sign-in-requester span.login-btn a {
        margin-top: 10px !important;
    }
    .sign-in-requester {
        float: none !important;
        margin-left: 15px !important;
		width:100%;
    }
	.sign-in-provider {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
	}
	.table-responsive
	{
		border: none;
	}
    .sign-in-requester h3 {
        margin-top: 30px !important;
    }
    .request-right {
        width: 325px !important;
        margin-top: 85px !important;
    }
    .sign_p .request-right {
        width: 100%!important;
    }
    .provider-create-account {
        padding-left: 20px;
    }
    .provider-info-right .submit-btn {
        float: left !important;
		  margin-top: 100px !important;
		margin-left: -240px;
    }

    .provider-info-right .resend-btn {
      
        margin-top: -40px !important;
        margin-left: 160px !important;
        font-size: 14px;
        padding: 9px 10px !important;
        margin-bottom: 20px;
    }
	.signup-provider .provider-info-right .resend-btn {
		margin-top: -16px !important;
		margin-left: 0 !important;
		font-size: 14px;
		padding: 9px 10px !important;
		margin-bottom: 20px;
		height: 30px !important;
	}
	.signup-provider .tab-content .form-control .btn {
		margin-top: 0px;
	}
	.signup-provider .tab-content .btn {
		font-size: 12px;
		text-transform: uppercase;
		font-weight: 300;
		padding: 9px 25px;
		border-radius: 4px;
		margin-top: 10px;
	}
    .modal-content .modal-btn {
        margin-left: 65px !important;
    }
    .number-verify {
        width: 48%;
        margin-top: 20px;
    }
    .provider-info-right .change-btn {
        margin-right: 132px !important;
        margin-left: -10px !important;
        margin-top: 12px !important;
        padding: 9px 22px !important;
    }
    #Category {
        width: 97% !important;
    }
    /* .modal-content {
        width: 75% !important;
        height: 259px !important;
    } */
    .close {
        /* padding-left: 115px !important; */
    }
    .modal-content p span {
        font-size: 28px;
        color: #127d27;
        margin-left: -18px !important;
    }
    .modal-content .modal-btn {
        margin-top: 15px !important;
        width: 50% !important;
        float: left !important;
    }
    .modal-content span {
        padding-left: 45px !important;
    }
    .modal-content p {
        font-size: 20px !important;
        line-height: 30px !important;
		padding-top: 0;
    }
    .requester-signup-page .create-account span .create-account-input1 {
        width: 75% !important;
    }
    .create-account p .submit {
        margin-right: 105px !important;
    }
    .provider-update .form-group {
        width: 100% !important;
        float: left;
        margin-bottom: 0;
    }
 
    .upload-content .thumbnail {
        display: block;
    }
    #Category {
        float: left;
    }
    #home-services,
    #plumbing,
    #Carpentry,
    .cost-detail {
        float: left;
    }
    .update-detail textarea.form-control,
    .update-detail2 textarea.form-control,
    .update-detail1 textarea.form-control {
        width: 280px !important;
    }
    .exp-detail {
        width: 100% !important;
        float: left;
    }
    .cost-hr1 {
        width: 33% !important;
    }
    .cost-hr1 input[type="text"] {
        width: 85% !important;
    }
    .cost-hr1 p {
        padding-top: 5px !important;
        font-size: 12px !important;
        padding-bottom: 5px !important;
    }
    .cost-per-hour {
        float: left;
        margin-top: 0 !important;
		width: 100% !important;
    }
	.provider-lang select {
		width: 92% !important;
		height: 75px !important;
	}
    .provider-right input[type="submit"] {
        margin-top: 20px !important;
    }
    .upload_cer {
        width: 50% !important;
    }
	.update-provider .upload_cer {
		width: 45% !important;
		overflow: hidden;
	}
	.terms {
		position: relative;
		margin-top: 50px !important;
	}
    .upload_cer .driver-profile-img span {
        width: 80px !important;
        height: 100px !important;
    }
	.upload_cer .driver-profile-img span {
		width: 100px !important;
		height: 115px !important;
	}
    .terms {

    }
    #update-btn1 {
		margin-top: 40px !important;
		float: right;
		position: relative;
		right: -80px;
    }
    .availability .modal-content {
        width: 90% !important;
        height: 100% !important;
    }
    .availability .button-checkbox {
        padding-left: 0 !important;
    }
    .modal-footer .btn-default {
        margin-right: 72px !important;
    }
    .avail_table .table {
        width: 100% !important;
    }
    .request-name,
    .request-time {
        margin-left: 0 !important;
		width: 48.5% !important;
    }
    nav section.navOpen {
        left: 0 !important;
    }
    .logocontent {
        font-size: 8px !important;
        margin-top: 50px !important;
        margin-left: -29px !important;
    }
    .logocontent1 {
        font-size: 8px !important;
        margin-top: -12px !important;
        margin-left: 19px !important;
    }
    .logocontent2 {
        font-size: 6px !important;
        margin-top: -13px !important;
        margin-left: 102px !important;
    }

    nav ul#listMenu.listOpen {
        width: 240px !important;
    }
    nav ul#listMenu span {
        margin: 70px 0 0;
    }
    
    #home-services,
    #Carpentry,
    #plumbing {
        width: 100% !important;
    }
    .search1Div #home-services,
    .search1Div #Carpentry,
    .search1Div #plumbing {
        margin-left: 0 !important;
        font-size: 11px !important;
    }
    .provider-update .provider-right,
    #update-btn {
        margin-right: 95px !important;
    }
    .travel-plan .provider-right {
        float: right !important;
        margin-top: -32px !important;
    }
	.p_profile img {
		width: 100px;
		height: 100px;
		border: 4px solid #1b3c88;
		border-radius: 50%;
		margin-bottom: 10px;	
	}
	.p_info
	{
		margin-bottom:10px;
	}
    .travel-plan .provider-right input[type="submit"] {
        width: 82px !important;
    }
    .travel-plan .modal-content {
        width: 100% !important;
    }
    .search1 h5,
    .search2 h5,
    .search3 h5 {
        width: 100% !important;
    }
    .search1Div #Category {
        margin-left: 0 !important;
        width: 100% !important;
    }
    .userwhole input[type=text],
    .userwhole select,
    .post-verify {
        width: 100% !important;
		z-index: 99;
    }
    .add-input2 {
        top: 15px !important;
    }
    .search2Div {
        border-left: 0 !important;
    }
    .search2 h5 {
           padding: 0 !important;
    }
    .userwhole input[type=checkbox] {
        margin-left: -20px !important;
    }
	.userwhole 
	{
		clear:both;
	}
    .working_padding .fa-calendar {
        top: 62px !important;
    }
    .professional {
        width: 90% !important;
    }
    .prof-img {
        width: 30% !important;
        margin-left: 10px;
        margin-bottom: 15px;
    }
    .prof-name h5 {
        margin-top: 12px !important;
        margin-left: 5px !important;
    }
    .prof-rate {
        width: 100% !important;
		/* margin-top: 5px !important; */
    }
    .prof-distance img {
        width: 20% !important;
    }
    .request-history .well {}
    .job-history #myTabContent {
        width: 100% !important;
    }
    .job-history #myTabContent {
        margin-left: 0 !important;
    }

    .job-head {
        padding-left: 5px !important;
		padding: 5px;
    }
    .job-history .well {
        overflow-x: hidden !important;
        white-space: inherit !important;
    }
    .job-det {
        min-height: 130px !important;
    }
    .job-date .btn-default {
        padding:5px 10px !important;
		margin-top: 10px;
    }
    .job-feedback .btn-default {
        right: 20px !important;
        font-size: 12px !important;
        margin-top: -12px ;
    }
    .post-state,
    .post-for {
        clear: both;
    }
    .save-btn input[type=checkbox] {
        margin-left: 0px !important;
        margin-top: 8px !important;
    }
    .search5 .upload_cer .driver-profile-img span {
        width: 65px !important;
        height: 65px !important;
    }
    .search5 .upload_cer {
        width: 33% !important;
    }
    .search5 .upload_cer .driver-profile-img {
        width: 65px !important;
        height: 68px !important;
        margin-left: 10px !important;
    }
    .search5 .upload_cer .driver-profile-img b a i {
        left: -9px !important;
        height: 25px !important;
        padding: 3px 0 0 5px !important;
        width: 25px !important;
    }
    .userwhole textarea {
        width: 100% !important;
    }
    .search-btnrgt .btn-default {
        margin-left: -12px !important;
    }
    .requester-profile .requester-signup-page {
        width: 100% !important;
    }
    .requester-profile .driver-profile-top-part h5 {
        padding-left: 18px !important;
		width: 200px;
    }
    .requester-profile .requester-signup-page .create-account span .create-account-input {
        width: 100% !important;
    }
    .requester-profile .create-account span strong:nth-child(2n) {
        float: none !important;
    }
    .requester-profile .profile-div1 {
        clear: both;
	   width: 100%;
		margin-left: -10px;
    }
    .requester-profile .create-account p .submit {
        margin-right: 110px;
        margin-top: 10px;
    }
 
}

@media only screen and (min-device-width: 1367px)  {
   
    .post-verify {
        width: 100% !important;
    }
    .userwhole input[type=checkbox] {
        margin-left: 0 !important;
        margin-top: 4px !important;
    }
    .signin .sign-in-requester {
        margin-top: -237px !important;
    }
}


/* @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) { */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px), only screen and (min-width: 1024px) and (max-width: 1366px) {
   
    .post-verify {
        width: 100% !important;
    }
    .userwhole input[type=checkbox] {
        margin-left: 0 !important;
        margin-top: 4px !important;
    }
    .signin .sign-in-requester {
        margin-top: -237px !important;
    }
}




@media (max-width: 1199px) {
    .navbar-brand img {
        margin-left: 35px;
    }
    .driver-profile-page {
        width: 50% !important;
        margin-left: 25px !important;
    }
    .popup-box3 {
        height: auto !important;
    }
    span .fileupload-new {
        padding-left: 0 !important;
    }
    
    .requester-signup-page .create-account span .create-account-input {
        width: 100% !important;
    }
    .requester-signup-page .create-account span .create-account-input1 {
        width: 84% ;
    }
    .requester-signup-page h5 {
        width: 32% !important;
        padding-left: 20px;
        padding-right: 20px;
    }
    .menu-list {
        height: 100% !important;
    }
}

@media (max-width: 480px) {
    .navbar-brand img {
        margin-left: 60px;
    }
    .dashboard-logo>img {
        width: 25% !important;
    }
    .menu-list li a {
        padding-bottom: 10px;
    }
    #page-content-wrapper {
        width: 100% !important;
    }
    #page-content-wrapper legend {
        text-align: center;
        margin-top: -40px;
    }
    #page-content-wrapper .btn-group-justified {
        width: 158% !important;
        overflow-x: auto;
        white-space: nowrap;
        margin-left: 0 !important;
    }
    #page-content-wrapper .well-sm {
        width: 100% !important;
        overflow-x: auto;
        white-space: nowrap;
    }
    .request-detail img,
    .request-detail1 img,
    .request-detail3 img {
        width: 8% ;
    }
    .request-name h5,
    .request-time h5 {
        margin-top: -10px !important;
        font-size: 16px !important;
    }
    .request-time .btn-default {
        padding: 8px 12px ;
        margin-left: 15px !important;
    }
    .provider-update .create-account-input,
    .provider-update #Category {
        width: 100% !important;
    }
    #updateDiv1 .profession {
        width: 100% !important;
    }
    .update-profile {
        padding: 0 !important;
    }
    .profession {
    }
    .update-detail textarea.form-control,
    .update-detail2 textarea.form-control,
    .update-detail1 textarea.form-control {
        width: 100% !important;
    }
    .job-history .btn-group-justified>.btn {
        display: inline-table !important;
        padding: 10px 33px !important;
        margin-left: 1px;
    }
}

/* @media (max-width: 480px) and (orientation: landscape) {
    #banner .block h2 {
        width: 100% !important;
    }
    .userwhole .bootstrap-timepicker {
        width: 100% !important;
    }
    #cancelled .cancel_cmd {
        width: 50% !important;
        float: none !important;
        margin-top: 20px !important;
        margin-left: 245px !important;
        font-size: 12px !important;
    }
    #cancelled .edit-profile-detail-form #frm1 .post_btn .save-but {
        top: 80px !important;
        left: 200px !important;
        position: absolute !important;
        padding: 9px 35px !important;
    }
    #cancelled .edit-profile-detail-form #frm1 img {
        width: 50% !important;
    }
    .edit-profile-detail-form #frm1 .post-job {
        float: none !important;
        width: 100% !important;
    }
    #hired .post_btn {
        clear: both;
    }
    .edit-profile-detail-form #frm1 .post-job .btn-default {
        float: left !important;
    }
    .edit-profile-detail-form #frm1 .post-job .btn-info {
        float: right !important;
        padding: 8px 25px !important;
    }
    #hired #datepicker {
        z-index: 99 !important;
    }
    .edit-profile-detail-form #frm1 .post_name p {
        padding-top: 20px !important;
    }
    .category_det,
    .signup-provider .update-detail {
        clear: both;
    }
    .request-left .btn {
        padding: 8px 25px !important;
    }
    .request-right span a,
    .provider-login-form-right span a,
    .login-form-right span a {
        width: 130px !important;
    }
    .tab-content #map {
        width: 450px !important;
    }
    .portfolio .provider_cancel {
        width: auto !important;
    }
    .availability .button-checkbox .btn-primary.active {
        width: 90% !important;
        padding: 6px 20px !important;
        margin-left: -9px !important;
    }
    .update-provider .update-detail {
        margin-top: 0 !important;
    }
    .job-history .job-feedback .btn-default {
        padding: 5px 5px !important;
        right: 25px !important;
        margin-top: 1px !important;
    }
    #complete #show-edit-profile-div-com {
        right: 106px !important;
        padding: 3px 15px !important;
        margin-top: -61px !important;
        font-size: 12px !important;
    }
    #pending .prof_contact .btn-default,
    #cancelled .prof_contact .btn-default {
        margin-top: 20px !important;
        font-size: 10px !important;
    }
    .job-history #pending .request_prof .prof-img,
    .job-history #complete .request_prof .prof-img {
        width: 50% !important;
        float: none !important;
    }
    .job-history #pending .prof-rate {
        margin-left: 75px !important;
    }
    #complete .pop_chat,
    #pending .pop_chat {
        right: 0 !important;
        left: 250px !important;
        top: 50px !important;
    }
    #cancelled #show-edit-profile-div1-can {
        right: 35px !important;
        margin-top: -85px !important;
        padding: 5px 10px !important;
    }
    #pending #show-edit-profile-div-pe,
    #pending #show-edit-profile-div1-pe {
        right: 12px !important;
        margin-top: -69px !important;
        padding: 5px 10px !important;
    }
    #pending .edit-profile-detail-form #frm1 .post_name,
    #cancelled .edit-profile-detail-form #frm1 .post_name {
        width: 100% !important;
    }
    #pending #show-edit-profile-div-Pe1,
    #pending #show-edit-profile-div1-Pe1 {
        right: 20px !important;
    }
    .job-history .provider-list-btn {
        width: 37% !important;
        margin-right: 0 !important;
    }
    .search-bg .modal-footer .btn-default {
        margin-right: 0 !important;
    }
    .contact_detail1 address h4 {
        font-size: 14px !important;
    }
    .search-bg .contact_del {
        padding: 5px 14px !important;
    }
    #profess #show-edit-profile-div-Pr1,
    #profess #show-edit-profile-div1-Pr1 {
        right: 63px !important;
    }
    .prof-list .prof-name img {
        width: 50% !important;
    }
    .prof-rate {
        margin-left: 45px !important;
    }
    .edit-profile-detail-form #frm1 .post_name .prof_rates img {
        width: 3% !important;
        margin-right: 0 !important;
    }
    .about_prof {
        margin-left: 0 !important;
    }
    #profess .edit-profile-detail-form #frm1 .post_btn .save-but {
        top: 100px !important;
        width: 18% !important;
    }
    #profess .edit-profile-detail-form #frm1 .post_name {
        float: none;
        width: 100% !important;
    }
    .prof_list .nav-tabs {
        margin-right: 5px !important;
        margin-top: -48px !important;
    }
    .travel_edit .delete-btn {
        margin-left: 165px !important;
        width: 70px !important;
        height: 42px !important;
        line-height: 40px !important;
    }
    .popup-box {
        top: 60px !important;
    }
    .popup-box .popup-head .popup-head-right {
        margin: -40px 11px 0 !important;
    }
    #completed #show-edit-profile-div-c,
    #completed #show-edit-profile-div1-c {
        right: 175px !important;
        margin-top: -56px !important;
        padding: 7px 25px !important;
    }
    .bootstrap-timepicker-widget table td span {
        padding-left: 0 !important;
        font-size: 20px !important;
        margin-right: 0 !important;
    }
    .update-provider .provider-right input[type="submit"] {
        width: 130px !important;
        float: right !important;
        margin-right: -80px !important;
        height: 45px !important;
    }
    .update-provider .previous_btn {
        width: 30% !important;
        margin-top: -75px !important;
    }
    .update-provider .previous_btn i {
        display: none !important;
    }
    .update-detail2 {
        margin-top: 25px !important;
    }
    .travel-plan .provider-list-btn {
        width: 40% !important;
        margin-right: 0 !important;
        margin-top: 25px !important;
    }
    .forgot_p .bottomline:after,
    .forgot_r .bottomline:after {
        left: 12px !important;
        top: 16% !important;
    }
    .header-page:before {
        top: 15% !important;
    }
    .travel_edit input[type="submit"] {
        margin-left: 85px !important;
        width: 70px !important;
        height: 42px !important;
    }
    .portfolio-wrapper,
    .travel-plan-wrapper,
    .update-provider-wrapper,
    .job-history-wrapper,
    .requester-profile-wrapper {
        margin-top: 70px !important;
    }
    .requester-search-wrapper {
        margin-top: 20px !important;
    }
    .portfolio,
    .travel-plan,
    .portfolio:before,
    .travel-plan:before,
    .update-provider,
    .update-provider:before,
    .requester-search,
    .requester-search:before,
    .job-history,
    .job-history:before,
    .requester-profile,
    .requester-profile:before {
        background: none !important;
    }
    .update-provider .upload_cer {
        width: 40% !important;
        margin: 45px 0 !important;
    }
    .process-flow .col-sm-3:nth-child(2),
    .process-flow .col-sm-3:nth-child(3),
    .process-flow .col-sm-3:nth-child(4) {
        margin-top: 70px !important;
    }
    #banner .block {
        margin-top: -155px !important;
    }
    #banner {
        height: 580px !important;
    }
    .title p {
        font-size: 15px !important;
    }
    .listOpen .mobile {
        margin: 90px 0 0 !important;
    }
    nav ul#listMenu li a {
        font-size: 14px !important;
    }
    .navbar-brand img.mob-logo {
        width: 75% !important;
    }
    .job-history,
    .requester-profile,
    .update-provider {
        margin-top: 80px !important;
    }
    .state,
    .working_padding,
    .s_name {
        clear: both;
    }
    .requester-search {
        margin-top: 75px !important;
    }
    .travel-plan .header-page {
        width: 90% !important;
        padding-bottom: 10px;
    }
    .travel-plan .add-plan {
        width: 36% !important;
    }
    .travel-plan .request-content {
        margin-top: 240px !important;
    }
    #travel1 #show-edit-profile-div-t,
    #travel2 #show-edit-profile-div1-t {
        right: 125px !important;
        margin-top: -98px !important;
        padding: 8px 15px !important;
    }
    .travel-plan .travel_edit {
        margin-left: -55px !important;
        width: 44% !important;
        margin-top: -8px !important;
    }
    .travel-plan {
        margin-top: 50px !important;
    }
    .portfolio .btn-group-justified .dash-img1 {
        left: 19px !important;
    }
    .portfolio .btn-group-justified .dash-img2 {
        left: 11px !important;
    }
    .portfolio .request-name h5,
    .portfolio .request-time h5 {
        margin-left: 32px !important;
    }
    .portfolio .request-time .feedback-btn {
        right: 65px !important;
    }
    .mytrip-page span a {
        margin: 0px 15px 0 0 !important;
    }
    .Posted-date span input {
        width: 35% !important;
        margin-top: 10px !important;
        margin-right: 15px !important;
    }
    #post #show-edit-profile-div,
    #post #show-edit-profile-div1,
    #enquiry #show-edit-profile-div-e,
    #enquiry #show-edit-profile-div1-e,
    #respond #show-edit-profile-div-r,
    #respond #show-edit-profile-div1-r,
    #hired #show-edit-profile-div-h,
    #cancel #show-edit-profile-div-ca,
    #cancel #show-edit-profile-div1-ca {
        right: 50px !important;
        padding: 5px 7px !important;
        margin-top: -46px !important;
        font-size: 12px !important;
        border-radius: 50px;
    }
    .edit-profile-detail-form #frm1 img {
        width: 20% !important;
        margin-right: 10px !important;
    }
    .edit-profile-detail-form #frm1 .post_name {
        width: 60% !important;
        float: none !important;
    }
    .edit-profile-detail-form #frm1 .post_name img {
        width: 10% !important;
    }
    .edit-profile-detail-form #frm1 .post-time img {
        width: 5% !important;
    }
    .edit-profile-detail-form #frm1 .post-time {
        float: none !important;
        width: 100% !important;
    }
    .edit-profile-detail-form #frm1 .post_btn .save-but,
    .edit-profile-detail-form #frm1 .post_btn .cancel-but {
        width: 20% !important;
    }
    .edit-profile-detail-form #frm1 .post_btn .save-but {
        margin-left: 140px !important;
    }
    .mytrip-page {}
    #post .request-time,
    #enquiry .request-time,
    #respond .request-time,
    #hired .request-time,
    #completed .request-time,
    #cancel .request-time {
        margin-left: 15px !important;
    }
    .mytrip-page span a:last-child {
        background: none !important;
    }
    #top-part {
        height: 60px !important;
    }
    .logo img {
        width: 100% !important;
        height: auto !important;
    }
    .portfolio {
        margin-top: 70px !important;
    }
    .footer-bottom-part span {
        text-align: center !important;
    }
    #contact-form form input {
        width: 100% !important;
    }
    #contact-form form button {
        margin-right: 0 !important;
    }
    .title-h2 span:before {
        left: 355px !important;
    }
    .title-h2 span:after {
        right: 355px !important;
    }
    .process-flow .col-sm-3:nth-child(2) .process-content img {
        margin-left: -15px !important;
        margin-top: -500px !important;
        transform: rotate(90deg) !important;
    }
    .process-flow .col-sm-3:nth-child(3) .process-content img {
        margin-left: -98px !important;
        margin-top: -500px !important;
        transform: rotate(90deg) !important;
    }
    .process-flow .col-sm-3:nth-child(4) .process-content img {
		margin-left: -110px !important;
		margin-top: -450px !important;
        transform: rotate(90deg) !important;
    }
    .footer-box2 {
        padding-left: 10px !important;
    }
    #features .feature-block {
        width: 100% !important;
    }
    .menu-logo {
        width: 50% !important;
    }
    nav button {
        top: 12px !important;
    }
    .footer-inner {
        display: inline !important;
    }
    .footer-box2 ul {
        width: 35% !important;
    }
    .footer-box3 {
        margin-right: 85px !important;
    }
    .footer-bottom-part {
        padding: 15px 95px !important;
    }
    .footer-box1 {
        width: 100% !important;
        margin-left: 22px !important;
    }
    .footer-box1 .lang b a {
        color: #127d27;
    }
    .footer-box1 span {
        margin: 28px 0 15px !important;
    }
    .feedback-btn {
        margin-right: -17px !important;
        margin-top: 15px !important;
    }
    #feedback3 .btn,
    #feedback2 .btn,
    #feedback1 .btn {
        margin-top: -38px !important;
        margin-right: 0px !important;
    }
    .feed_rating img {
        width: 5% !important;
    }
    .signup_r .header-page {
        padding-left: 20px !important;
    }
    .signup_r .requester-signup-page .create-account span .create-account-input {
        width: 60% !important;
    }
    .signup_r .requester-signup-page .create-account span .create-account-input1 {
        width: 47.5% !important;
    }
    .signup_r .create-account p .submit {
        float: left !important;
        margin-left: 15px !important;
    }
    .signup_r .requester-signup-page h5 {
        padding-left: 15px !important;
    }
    .modal-content span {
        margin-right: 38px !important;
    }
    .signup-provider #myModal1 .modal-btn {
        margin-top: 10px !important;
        margin-left: 48px !important;
    }
    .signup-provider #Carpentry,
    .signup-provider #plumbing,
    .signup-provider #home-services {
        width: 96% !important;
    }
    .signup-provider .upload-content .thumbnail {
        width: 55% !important;
    }
    .signup-provider .provider-lang #Carpentry {
        width: 375px !important;
    }
    .border {
        display: none !important;
    }
    #myModal2 .modal-content p {
        margin-left: -18px !important;
        line-height: 20px !important;
        padding-right: 0 !important;
        font-size: 14px !important;
        width: 110% !important;
        padding-top: 30px !important;
        padding-bottom: 40px !important;
    }
    #myModal2 .btn {
        margin-top: -31px !important;
        margin-left: 58px !important;
    }
    .forgot_p .login-err,
    .forgot_r .login-err {
        width: 48% !important;
    }
    .forgot_p .login-err .btn,
    .forgot_r .login-err .btn {
        font-size: 12px !important;
        padding-left: 12px !important;
        text-align: center !important;
    }
    .forgot_p .login-form-left b .submit-but {
        margin-bottom: 30px !important;
        font-size: 12px !important;
    }
    .sign_p .bottomline:after {
        top: 15% !important;
        left: 20px !important;
    }
    #example2-fullname-error .validation {
        width: 425px !important;
        margin-left: 4px !important;
        padding-left: 35px !important;
    }
    #example2-phone-error .validation {
        margin-left: 235px !important;
    }
    .help-center .static-page p {
        width: 405px !important;
    }
    .availability .button-checkbox .btn-default {
        width: 90% !important;
        margin-left: -10px !important;
    }
    #fullDiv #Category {
        width: 96% !important;
    }

    .request-right {
        margin-top: 115px !important;
    }
    .signup-provider .driver-profile-img {
        margin-bottom: 30px !important;
    }
    .signup-provider .cost-hr1 {
        width: 33% !important;
    }
    .signup-provider .upload_cer {
        width: 25% !important;
        margin-bottom: 10px !important;
    }
    #subDiv1 .signup-provider .modal-content {
        width: 63% !important;
        height: 90% !important;
    }
    .signup-provider .provider-lang {
        margin-top: 0 !important;
    }
    #subDiv1 .modal-content span {
        padding-left: 12px !important;
        width: 65% !important;
        margin-left: 0px !important;
    }
    .signup-provider #subDiv1 .modal-content {
        height: 75% !important;
    }
    .signup-provider .avail_table {
        width: 46% !important;
    }
    #subDiv1 .provider-right {
        margin-top: 15px !important;
    }
    header {
        height: 60px !important;
    }
    .navbar-brand img {
        margin-top: -10px !important;
        width: 45% !important;
    }
    .w3-teal {
        margin-left: 3px !important;
        padding-top: 0px !important;
    }
    .page-contant {
        margin: 60px 0px 0 !important;
    }
    .page-contant-inner {
        margin: 20px auto 0 !important;
    }

    .signup-provider .provider-create-account {
        padding-left: 10px !important;
    }
    .signup-provider .number-verify {
        clear: both;
        width: 50% !important;
    }
    .signup-provider .modal-content {
        width: 50% !important;
        height: 120% !important;
    }
    .signup-provider .modal-content p {
        margin-left: 25px !important;
        width: 73% !important;
        font-size: 20px !important;
        line-height: 32px !important;
    }
    .signup-provider .modal-content .verified {
        padding-left: 25px !important;
        font-size: 25px !important;
    }
    .signup-provider .modal-btn {
        margin-top: 10px !important;
        margin-left: 42px !important;
    }
    .signup-provider .provider-info-right input[type="button"] {
        float: left !important;
        margin-top: 0px !important;
        clear: both;
    }
    .signup-provider .provider-info-right .btn {
        float: left !important;
    }
    .forgot_r .login-form-left {
        padding-left: 10px !important;
        border: 0 !important;
        margin-bottom: 35px !important;
    }
    .forgot_r .login-form-left b a {
        margin: 15px 0 0 !important;
    }
    .forgot_r .requester-forgot-page {
        float: none !important;
        margin-top: 0 !important;
        clear: both;
    }
    .forgot_r .login-form-right {
        float: none !important;
        clear: both !important;
    }
    .login-form-left b .submit-but {
        width: 150px !important;
        height: 40px !important;
        font-size: 15px !important;
    }
    .signin_r .forgot-link {
        margin-right: 43px !important;
        margin-top: 35px !important;
    }
    .signin_r .request-right {
        float: none !important;
        width: 243px !important;
        margin-left: 0 !important;
    }
    .signin_r .socialmedia {
        float: right !important;
        margin-right: -145px !important;
        margin-top: -36px !important;
    }
    .page-contant {
        background-position: right -100px top 0 !important;
    }
    .page-contant:before {
        width: 48px !important;
        background-position: right -100px top 0 !important;
    }
    .contact .header-page,
    .signin_r .header-page,
    .forgot_r .header-page,
    .signup-provider .header-page {
        font-size: 30px !important;
        padding-left: 10px !important;
    }
    .signin_r .bottomline p {
        padding-left: 15px !important;
    }
    .signin_r .bottomline:after {
        left: 18px !important;
        top: 12% !important;
    }
    .signin_r .request-left {
        border: 0 !important;
    }
    .contact .header-page p,
    .forgot_r .header-page p {
        float: none !important;
        width: 36% !important;
    }
    .forgot_r .header-page p {
        font-size: 14px;
    }
    .help-center .static-page {
        padding-left: 10px !important;
        width: 36% !important;
    }
    .aboutus .static-page p {
        width: 45% !important;
        padding-left: 10px !important;
    }
    .aboutus .trip-detail {
        padding-left: 10px !important;
        font-size: 30px !important;
    }
    .forgot_p .header-page,
    .help-center .header-page {
        font-size: 30px !important;
        padding-left: 10px !important;
    }
    .forgot_p .header-page p {
        float: none !important;
        width: 35% !important;
        font-size: 14px !important;
    }
    .forgot_p .login-form-left {
        padding-left: 10px !important;
        border: 0 !important;
    }
    .forgot_p .provider-login-form-right {
        float: none !important;
        width: 345px !important;
    }
    .forgot_p .login-form-left b .login-input {
        width: 90% !important;
    }
    .forgot_p .login-form-left b a {
        margin-right: 45px !important;
        margin-top: 20px !important;
    }
    .forgot_p .login-form-left b {
    }
    .sign_p .header-page {
        font-size: 30px !important;
        padding-left: 18px !important;
    }
    .sign_p .request-left {
        border: 0 !important;
        padding-bottom: 10px !important;
    }
    .sign_p .forgot-link {
        margin-right: 39px !important;
        margin-top: 30px !important;
    }
    .sign-in-requester {
        float: none !important;
        margin-top: 40px !important;
        padding-left: 10px !important;
    }
    .signin .header-page {
        font-size: 30px !important;
        padding-left: 10px !important;
    }
    .signin .sign-in-provider h3:after {
        left: 5px !important;
    }
    .signin .sign-in-provider {
        padding-left: 10px !important;
    }
    .logocontent {
        font-size: 8px !important;
        margin-left: -22px !important;
    }
    .logocontent1 {
        font-size: 11px !important;
        margin-left: 24px !important;
        margin-top: -15px !important;
    }
    .logocontent2 {
        font-size: 11px !important;
        margin-left: 110px !important;
        margin-top: -15px !important;
    }

    .driver-profile-img {
        margin-left: 20px !important;
    }
    .terms {
        position: absolute !important;
        top: 597px !important;
        width: 100%;
    }
    #update-btn {
        margin-top: 40px !important;
    }
    .travel-plan .request-name h5 {
        margin-top: -13px !important;
        font-size: 14px !important;
        margin-left: 30px !important;
    }

    .travel-plan .modal-content {
        width: 100% !important;
    }
    .travel-plan-img {
        width: 3% !important;
        top: 26px !important;
    }
    .requester-search .search-bg {
        padding: 15px !important;
        width: 100% !important;
    }
    .search1Div #Category {
        margin-left: 0 !important;
        width: 100% !important;
        margin-bottom: 20px;
    }
    .search1 h5,
    .search2 h5,
    .search3 h5 {
        width: 100% !important;
    }
    .address_input {
        width: 100% !important;
    }
    .requester-search .search-bg {
        padding: 12px;
    }
    .userwhole select {
        width: 100% !important;
    }
    .search2Div {
        border-left: 0 !important;
    }
    .userwhole input[type=text] {
        width: 100% !important;
    }
    .search2Div .label_padd_left {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 20px;
    }
    .criteria {
        margin-top: 20px;
    }
    .post-verify {
        float: none !important;
    }
    .save-btn input[type=checkbox] {
        float: left !important;
        margin-left: 1px !important;
        margin-top: 8px !important;
    }
    .post-verify .lg_checkbox {
        margin-left: -19px !important;
        margin-top: -22px !important;
    }
    .label_padd_left label {
        float: none !important;
    }
    .address_input #job_addr2 .fa-map-marker {
        top: 126px !important;
    }
    .add-input2 {
        top: 55px;
    }
    .professional {
        width: 90% !important;
    }
    .prof-list img {
        width: 25% !important;
        border-radius: 25px;
        margin-left: 10px !important;
    }
    .prof-rate {
        width: 25% !important;
        margin-top: 18px !important;
    }
    .prof-distance img {
        width: 13px !important;
    }
    .job-history .btn-group-justified>.btn {
        display: inline-table !important;
        padding: 10px 53px !important;
        margin-left: 1px;
    }
    .job-history #myTabContent {
        width: 100% !important;
        margin-left: 0 !important;
    }
    .job-head {
        padding-left: 0 !important;
    }
    .job-history .well {
        overflow-x: hidden !important;
        white-space: inherit !important;
    }
    .job-det {
        min-height: 125px !important;
    }
    .job-date .btn-default {
        margin-left: -18px !important;
    }
    .job-feedback .btn-default {
        right: 20px !important;
        font-size: 12px !important;
        margin-top: -12px !important;
    }
    .search1Div #home-services,
    .search1Div #Carpentry,
    .search1Div #plumbing {
        width: 100% !important;
        margin-left: 0px !important;
    }
    .requester-search .search1Div {
        border-right: 0 !important;
    }
    .search5 .upload_cer {
        width: 33% !important;
    }
    .search5 .upload_cer .driver-profile-img span {
        width: 100px !important;
        height: 100px !important;
    }
    .search5 .upload_cer .driver-profile-img {
        margin-left: 15px !important;
    }
    .userwhole textarea {
        width: 100% !important;
    }
    .requester-profile .driver-profile-top-part h5 {
        padding-left: 18px !important;
    }
    .requester-profile .requester-signup-page .create-account span .create-account-input {
        width: 100% !important;
    }
    .requester-profile .create-account span strong:nth-child(2n) {
        float: none !important;
    }
    .requester-profile .profile-div1 {
        clear: both;
        width: 81%;
    }
    .requester-profile .create-account p .submit {
        margin-top: 10px;
    }
} */

@media(max-width:1199px) and (orientation: landscape) {
    .navbar-brand img {
        margin-left: 60px;
    }
    .modal-content .verified {
        padding-left: 25px !important;
    }

}

@media(max-width:1024px) and (orientation: landscape) {
    .logocontent {
        font-size: 12px;
        margin-top: 45px !important;
    }
    nav section.navOpen {
        left: 0 !important;
    }
    
    /* nav button {
        left: 10px !important;
    } */
    .btn-group-justified .dash-img1 {
        left: 20px !important;
        top: 16px !important;
    }
    .btn-group-justified .dash-img2 {
        left: 10px !important;
        top: 16px !important;
    }
    .btn-group-justified .dash-img3 {
        left: 32px !important;
        top: 14px !important;
    }
    .request-time,
    .request-name {
        margin-left: 30px !important;
    }
    .travel-plan .modal-content {
        width: 100% !important;
    }
    .travel-plan-img {
        width: 3% !important;
    }
    .travel-plan .add-btn {
        margin-right: 145px !important;
    }
}


/******** blackberry z10 *******/

@media only screen and (max-width: 540px) and (orientation: landscape) {
    .navbar-brand img {
        margin-left: 60px !important;
    }
}

@media only screen and (min-width: 604px) and (orientation: landscape) {
    .navbar-brand img {
        margin-left: 0;
    }
}

@media only screen and (max-width: 603px) and (orientation: portrait) {
    .navbar-brand img {
        margin-left: 65px;
    }
    .requester-signup-page .create-account span .create-account-input {
        width: 92% !important;
        margin-left: 0 !important;
    }
    .requester-signup-page .create-account span .create-account-input1 {
        width: 78% !important;
    }
    .create-account p .submit {
        margin-right: 128px !important;
    }
    .popup-box3 {
        height: 365px !important;
    }
}


/*******ipad ******/

@media only screen and (max-width: 1024px) and (orientation: landscape) {
    .forgot_p .login-err,
    .forgot_r .login-err {
        width: 83% !important;
    }
    .forgot_p .login-err .btn,
    .forgot_r .login-err .btn {
        font-size: 12px !important;
        padding-left: 12px !important;
        text-align: center !important;
    }
    .signup-provider #subDiv .profession {
        clear: both;
        margin-left: 1px !important;
    }
    .signup-provider .cost-hr1 {
        width: 33% !important;
    }
    .signup-provider .cost-per-hour {
        margin-top: 105px !important;
    }
    .signup-provider .provider-lang {
        margin-top: 0 !important;
    }
    .border {
        left: 340px !important;
    }
    .navbar-brand img {
        margin-left: 60px !important;
    }
    /* .profile-div {
        width: 80% !important;
    } */
    /* .requester-signup-page {
        width: 90% !important;
    } */

    .provider-update .profession {
        margin-left: -75px;
    }
    .cost-hr1 input[type="text"] {
        width: 100%;
    }
    .cost-hr1 {
        width: 25% !important;
    }
    .update_col1 {
        width: 50% !important;
    }
    .availability .modal-content {
        width: 100% !important;
    }
    .requester-search-top .top-link-login {
        margin-left: 185px !important;
    }
    .requester-search-top .logo {
        /* margin: 10px 0 0 25px !important; */
    }
    .requester-search-top .user-part-login {
        margin-right: -16px !important;
    }
}


/******* iphone *****/

@media only screen and (max-width: 360px) and (orientation: portrait) {
    .w3-sidenav {
        width: 325px !important;
    }

    .job-name h5 {
        margin-left: 20px !important;
    }
}

@media only screen and (max-width: 320px) and (orientation: portrait) {
    #banner .block h2 {
        width: 100% !important;
    }
    .userwhole .bootstrap-timepicker {
        width: 100% !important;
    }
    #cancelled .cancel_cmd {
        width: 34% !important;
        float: none !important;
        margin-top: 20px !important;
        margin-left: 205px !important;
        font-size: 12px !important;
    }
    #cancelled .edit-profile-detail-form #frm1 img {
        width: 50% !important;
    }
    #cancel .edit-profile-detail-form #frm1 .post_btn .cancel-but {
        margin-top: 95px !important;
    }
    #hired #datepicker {
        z-index: 99 !important;
    }
    .edit-profile-detail-form #frm1 .post-job {
        float: none !important;
        width: 100% !important;
    }
    #hired .post_btn {
        clear: both;
    }
    .edit-profile-detail-form #frm1 .post-job .btn-default {
        float: left !important;
    }
    .edit-profile-detail-form #frm1 .post-job .btn-info {
        float: right !important;
        margin-top: -35px !important;
        padding: 8px 25px !important;
    }
    .social-icon .socialmedia i {
        margin-right: 18px !important;
    }
    .terms .btn-default {
        margin-top: -14px !important;
    }
    .category_det,
    .signup-provider .update-detail {
        clear: both;
    }
    .request-left .btn {
        padding: 8px 30px !important;
    }
    .forgot-link {
        margin-top: 30px !important;
    }
    .request-right span a,
    .provider-login-form-right span a,
    .login-form-right span a {
        width: 130px !important;
    }
    .tab-content #map {
        width: 290px !important;
    }
    .portfolio .provider_cancel {
        width: auto !important;
    }
    .cancelP .modal-footer {
        margin-top: -40px !important;
        width: auto !important;
    }
    .cancelP .modal-footer .btn-default {
        margin-right: 145px !important;
    }
    .terms {
        top: 555px !important;
    }
    .update-detail2,
    .provider-lang,
    .exp-detail {
        margin-top: 0 !important;
    }
    .search1Div #home-services,
    .search1Div #Carpentry,
    .search1Div #plumbing {
        font-size: 10px !important;
    }
    .terms label {
        width: auto !important;
        float: none !important;
    }
    .terms p {
        top: -3px !important;
        left: 88px !important;
    }
    #cancelled #show-edit-profile-div1-can {
        right: 45px;
        margin-top: -45px ;
        padding: 2px 15px ;
    }
    #pending .edit-profile-detail-form #frm1 .post_name,
    #cancelled .edit-profile-detail-form #frm1 .post_name {
        width: 100% !important;
    }
    #pending .prof_contact .btn-default,
    #cancelled .prof_contact .btn-default {
        margin-top: 20px !important;
        font-size: 10px !important;
    }
    .job-history .job-feedback .btn-default {
        padding: 5px 5px !important;
        right: 0px !important;
        margin-top: -5px ;
    }
    #complete #show-edit-profile-div-com {
        right: 106px !important;
        padding: 3px 15px !important;
        margin-top: -61px !important;
        font-size: 12px !important;
    }
    .prof-list .prof-name img {
        width: 65%;
        float: none !important;
    }
    #complete .pop_chat,
    #pending .pop_chat {
        position: absolute !important;
        right: 0 !important;
        left: 100px !important;
        top: 50px !important;
    }
    .job-history #pending .popup_img {
        width: 13% !important;
    }
    .job-history .provider-list-btn {
        width: 52% !important;
        margin-right: 0 !important;
        margin-bottom: 30px !important;
        margin-top: 0 !important;
        font-size: 12px !important;
    }
    .job-date .btn-default {
        font-size: 10px !important;
    }
    .job-history #pending .request_prof .prof-img,
    .job-history #complete .request_prof .prof-img {
        width: 60% !important;
        float: none !important;
    }
    #pending #show-edit-profile-div-Pe1,
    #pending #show-edit-profile-div1-Pe1 {
        right: 12px !important;
        margin-top: -60px !important;
        padding: 6px 15px !important;
    }
    .prof_list .nav-tabs>li>a {
        padding: 5px 7px !important;
        font-size: 12px !important;
    }
    .prof-list img {
        width: 80% ;
    }
    .prof-distance img {
        width: 18% !important;
    }
    .prof-rate {
        margin-left: 50px !important;
    }
    #cancelled .prof-rate {
        margin-top: 8px !important;
    }
    #profess .edit-profile-detail-form #frm1 .post_name {
        float: none !important;
        width: 100% !important;
    }
    .edit-profile-detail-form #frm1 .post_name .prof_rates img {
        width: 5% !important;
        margin-right: 0 !important;
    }
    .about_prof {
        margin-left: 0 ;
    }
    #profess .edit-profile-detail-form #frm1 .post_btn .save-but {
        top: 115px !important;
        padding: 5px 20px !important;
        width: 22% !important;
    }
    .about_prof .panel-body p {
        font-size: 11px !important;
    }
    .about_prof .panel-body h4 {
        font-size: 16px !important;
    }
    /* .contact_popup {
        width: 67% !important;
        height: auto !important;
        margin: 0 !important;
    } */
    .search-bg .modal-footer .btn-default {
        margin-right: 0 !important;
        width: 50% !important;
    }
    .contact_detail1 address h4 {
        font-size: 14px !important;
    }
    .search-bg .contact_del {
        padding: 5px 15px !important;
        font-size: 12px !important;
    }
    .prof_list .nav-tabs {
        margin-right: 0 !important;
        margin-top: 0px !important;
    }
    .search-bg .btn-info {
        padding: 5px 5px !important;
        font-size: 10px !important;
    }
    .travel_edit .modal-content p {
        margin-left: 0 !important;
        font-size: 12px !important;
    }
    #completed #show-edit-profile-div-c,
    #completed #show-edit-profile-div1-c {
		    right: 145px !important;
			margin-top: -36px !important;
			padding: 2px 15px !important;
    }
	
    .popup-box {
        right: 8px !important;
    }
    /* .popup-box .popup-head .popup-head-right {
        margin: -40px 0 !important;
    } */
    .bootstrap-timepicker-widget table td span {
        padding-left: 0 !important;
        font-size: 20px !important;
    }
    .job-history #myTabContent {
        margin-left: 0 !important;
    }
    .update-provider .provider-right input[type="submit"] {
        width: 115px !important;
        float: right !important;
        margin-right: 10px !important;
        height: 45px !important;
    }
    .update-provider .previous_btn {
        width: 40% !important;
        margin-top: -75px !important;
    }
    .update-provider .previous_btn i {
        display: none !important;
    }
    .travel-plan .provider-list-btn {
        width: 40% !important;
        font-size: 13px !important;
        padding: 5px 2px !important;
        margin-top: 25px !important;
    }
    .travel_edit .delete-btn {
        height: 36px ;
        line-height: 35px ;
        margin-top: 20px;
        width: 65px !important;
        margin-right: 20px !important;
    }
    .travel-plan .provider-right input[type="submit"] {
        margin-left: 0px !important;
        width: 75px !important;
    }
    #post .request-name,
    #enquiry .request-name,
    #respond .request-name,
    #hired .request-name,
    #completed .request-name,
    #cancel .request-name {
        width: 48% !important;
    }
    .btn-group-justified .dash-img2 {
        left: 10px !important;
        top: 16px !important;
    }
    .sign_p,
    .forgot_p,
    .signup-provider,
    .signin_r,
    .forgot_r,
    .signup_r,
    .aboutus,
    .help-center,
    .contact,
    .signin {
        margin: 60px 0px 0 !important;
    }
    .forgot_p .bottomline:after,
    .forgot_r .bottomline:after {
        left: 20px ;
        top: 25% ;
    }
    .header-page:before {
        top: 15% !important;
    }
    .request-time .feedback-btn {
        right: 35px !important;
    }
    .portfolio-wrapper,
    .travel-plan-wrapper,
    .update-provider-wrapper,
    .requester-search-wrapper,
    .job-history-wrapper,
    .requester-profile-wrapper {
        margin-top: 10px ;
    }
    nav ul#listMenu span {
        margin: 70px 0 0 ;
    }
    .title-h2 span:before {
        left: 15px !important;
    }
    .title-h2 span:after {
        right: 15px !important;
    }
    .process-flow .col-sm-3:nth-child(2),
    .process-flow .col-sm-3:nth-child(3),
    .process-flow .col-sm-3:nth-child(4) {
        margin-top: 25px !important;
    }
    .process-flow .col-sm-3:nth-child(2) .process-content img {
        margin-left: -55px !important;
        margin-top: -640px !important;
        transform: rotate(90deg) !important;
    }
    .process-flow .col-sm-3:nth-child(3) .process-content img {
       margin-left: -165px !important;
		margin-top: -625px !important;
        transform: rotate(90deg) !important;
    }
    .process-flow .col-sm-3:nth-child(4) .process-content img {
        margin-left: -55px !important;
        margin-top: -585px !important;
        transform: rotate(90deg) !important;
    }
    nav ul#listMenu li a {
        font-size: 14px !important;
    }
    .navbar-brand img.mob-logo {
        width: 74% !important;
    }
    .job-history,
    .requester-profile,
    .update-provider {
        margin-top: 80px !important;
    }
    .job-history .header-page,
    .requester-profile .header-page,
    .update-provider .header-page {
        font-size: 30px !important;
        padding-left: 0px !important;
        width: 75% !important;
    }
    .state {
        clear: both;
    }
    .s_name {
        clear: both;
    }
    /* .requester-search {
        margin-top: 0px !important;
    } */
    .forgot_p .header-page,
    .forgot_r .header-page {
        font-size: 28px !important;
    }
    .signin_r .forgot-link {
        margin-right: 30px !important;
    }
    .travel-plan .header-page {
        width: 75% !important;
        font-size: 24px !important;
        padding-left: 0 !important;
    }
    .travel-plan .add-plan {
        width: 52% !important;
        padding: 6px 20px !important;
    }
    .travel-plan .request-content {
        margin-top: 35px !important;
    }
    #travel1 #show-edit-profile-div-t,
    #travel2 #show-edit-profile-div1-t {
        right: 110px !important;
        margin-top: -102px !important;
        padding: 5px 15px !important;
    }
    .request-detail img,
    .request-detail1 img,
    .request-detail3 img {
        width: 12% !important;
    }
    .travel-plan {
        margin-top: 50px !important;
    }
    .mytrip-page span a:last-child {
        background: none !important;
    }
    .mytrip-page span a {
        margin: 0px 15px 0 0 !important;
    }
    .Posted-date span input {
        width: 48% !important;
        margin-right: 5px !important;
    }
    #post #show-edit-profile-div,
    #post #show-edit-profile-div1,
    #enquiry #show-edit-profile-div-e,
    #enquiry #show-edit-profile-div1-e,
    #respond #show-edit-profile-div-r,
    #respond #show-edit-profile-div1-r,
    #hired #show-edit-profile-div-h,
    #cancel #show-edit-profile-div-ca,
    #cancel #show-edit-profile-div1-ca,
    #profess #show-edit-profile-div-Pr1,
    #profess #show-edit-profile-div1-Pr1 {
        right: 24px !important;
		padding: 3px 15px !important;
		margin-top: -38px !important;
		font-size: 12px !important;
    }
	.request-time .btn-default {
		font-size: 12px !important;
		padding: 4px 8px !important;
		margin-top: 29px !important;
		right: 85px !important;
		margin-right: 15px !important;
	}
    #pending #show-edit-profile-div-pe
   {
        right: 14px ;
		padding: 2px 5px ;
		margin-top: -60px;
		font-size: 12px ;
		border-radius: 5px ;
    }
	#confirmed_Tab #show-edit-profile-div-pe
   {
        right: 14px !important;
		padding: 1px 5px !important;
		margin-top: -60px;
		font-size: 12px !important;
		border-radius: 5px !important;
    }
	
    #pending #show-edit-profile-div1-pe {
        right: 28px !important;
		padding: 2px 5px !important;
		margin-top: -44px !important;
		font-size: 12px !important;
		border-radius: 5px !important;
    }
    .edit-profile-detail-form #frm1 img {
        width: 20% ;
		/* width: 50px !important;
		height: 50px !important; */
       /*  margin-right: 10px !important; */
    }
    .edit-profile-detail-form #frm1 .post_name {
        width: 60% !important;
        float: none !important;
    }
    .edit-profile-detail-form #frm1 .post_name img {
        width: 14% !important;
    }
    .edit-profile-detail-form #frm1 .post-time img {
        width: 8% !important;
    }
    .edit-profile-detail-form #frm1 .post-time {
        float: none !important;
        width: 100% !important;
    }
    .edit-profile-detail-form #frm1 .post_btn .save-but,
    .edit-profile-detail-form #frm1 .post_btn .cancel-but {
        width: auto !important;
    }
    .edit-profile-detail-form #frm1 .post_btn .save-but {
        margin-left: 120px !important;
    }
    .mytrip-page {}
    #post .request-time,
    #enquiry .request-time,
    #respond .request-time,
    #hired .request-time,
    #completed .request-time,
    #cancel .request-time {
        margin-left: 15px !important;
    }
    .portfolio .btn-group-justified .dash-img1 {
        left: 18px !important;
    }
    #top-part {
        height: 60px !important;
    }
    .logo img {
        width: 60% !important;
        height: auto !important;
    }
    .portfolio {
        margin-top: 70px !important;
    }
    .bootstrap-timepicker .input-group .form-control {
        font-size: 10px !important;
        padding: 3px !important;
    }
    .bootstrap-timepicker .input-group .input-group-addon {
        padding: 5px !important;
    }
    .forgot_p .header-page p {
        width: 90% !important;
    }
    .footer-bottom-part span {
        text-align: center !important;
    }
    .get-fare-estimation-left h3 {
        font-size: 28px !important;
    }
    #contact-form form input {
        width: 100% !important;
    }
    #contact-form form button {
        margin-right: 0 !important;
    }
    #banner .block {}
    #banner .block h1 {
        font-size: 34px !important;
    }
    .footer-box2 {
        padding-left: 20px !important;
    }
    .footer-box3 {
        margin: 40px 5px 0px !important;
    }
    .footer-bottom-part {
        padding: 15px 15px !important;
    }
    .footer-inner {
        display: inline !important;
    }
    .footer-box2 ul:last-child {
        float: none !important;
    }
    .footer-box1 {
        width: 265px !;
        margin-left: 40px !;
    }
    .footer-box1 .lang b a {
        color: #127d27;
    }
    .footer-box1 span {
        margin: 28px 0 15px !important;
    }
    #features .feature-block {
        width: 100% !important;
    }
    .menu-logo {
        width: 70% !important;
    }
    .menu-logo img {
        width: 40% !important;
    }
    .logocontent {
        margin-top: 40px !important;
        font-size: 8px !important;
        margin-left: -22px !important;
    }
    .logocontent1 {
        margin-top: -15px !important;
        margin-left: 19px !important;
        font-size: 11px !important;
    }
    .logocontent2 {
        margin-top: -15px !important;
        margin-left: 115px !important;
        font-size: 9px !important;
    }

    nav ul#listMenu .mobile {
        margin: 80px 0 0 !important;
    }
    nav button {
       /*  margin-top: 0px !important;
        margin-left: 25px !important; */
    }
    #feedback1 .modal-content,
    #feedback2 .modal-content,
    #feedback3 .modal-content {
        height: auto !important;
    }
    #feedback3 .btn,
    #feedback2 .btn,
    #feedback1 .btn {
        padding: 6px 10px !important;
        border-radius: 0px !important;
        margin-top: -32px !important;
    }
    .signup_r .create-account p .submit {
        float: left !important;
        margin-left: 15px !important;
        width: 125px !important;
        padding-bottom: 3px !important;
        height: 42px !important;
    }
    .signup_r .requester-signup-page .create-account span .create-account-input {
        width: 103% !important;
    }
    .signup_r .requester-signup-page .create-account span .create-account-input1 {
        width: 100% !important;
    }
    .signup_r .requester-signup-page h5 {
        padding-left: 15px !important;
        font-size: 14px !important;
    }
    .signup_r .upload-content .thumbnail,
    .signup_r .upload-content .btn-file {
        margin-left: 38px !important;
    }
    .driver-profile-top-part h5 {
        padding-left: 15px !important;
    }
    .signup_r .modal-content span {
        padding-left: 8px !important;
    }
    #myModal2 .modal-content p {
        padding-left: 25px !important;
    }
    .signup-provider .verified {
        padding-left: 33px !important;
    }
    #myModal1 .modal-content .modal-btn {
        margin-left: 54px !important;
    }
    .signup-provider .provider-lang #Carpentry {
        width: 76% !important;
    }
    .signup-provider .cost-hr1 {
        width: 30% !important;
    }
    .signup-provider .provider-right .submit-but {
        margin-right: 20px !important;
    }
    #myModal2 .btn {
        margin-left: 55px !important;
    }
    .forgot_p .login-err,
    .forgot_r .login-err {
        width: 35.5% !important;
    }
    .forgot_p .login-err .btn,
    .forgot_r .login-err .btn {
        font-size: 12px !important;
        padding-left: 12px !important;
        text-align: center !important;
    }
    #example2-fullname-error .validation {
        width: 315px !important;
        margin-left: 2px !important;
        padding-left: 15px !important;
    }
    #example2-phone-error .validation {
        margin-left: 200px !important;
    }
    .sign_p .bottomline:after {
        top: 28% !important;
        left: 25px !important;
    }
    .signup-provider .availability .button-checkbox .btn-default {
        width: 90% !important;
    }
    .signup-provider .driver-profile-img {
        margin-bottom: 30px !important;
    }
    .signup-provider .update-detail textarea.form-control,
    .signup-provider .update-detail2 textarea.form-control,
    .signup-provider .update-detail1 textarea.form-control,
    .signup-provider .exp-detail textarea.form-control,
    .signup-provider .cost-per-hour textarea.form-control {
        width: 75% !important;
    }
    .signup-provider .provider-lang {
        margin-top: 0 !important;
    }
    .signup-provider #Carpentry,
    .signup-provider #plumbing,
    .signup-provider #home-services {
        width: 90% !important;
    }
    .signup-provider .upload_cer {
        margin-bottom: 0px !important;
    }
    .signup-provider .upload-content .btn-file {

		width: 100% !important;
		margin-left: 0px !important;
    }
    .signup-provider .expiry {
        margin-top: 0 !important;
    }
    .signup-provider .avail_table {
        width: 100% !important;
    }
 
    .signup-provider .upload-content .thumbnail {
        width: 100% !important;
    }
    header {
        height: 60px !important;
    }
    .navbar-brand img {
        margin-top: -10px !important;
        width: 45% !important;
        margin-left: 50px !important;
    }
    .w3-teal {
        margin-left: 3px !important;
        padding-top: 0px !important;
    }
    .page-contant-inner {
        margin: 20px auto 0 !important;
    }
    .forgot_r .header-page p {
        width: 68% !important;
    }
    .forgot_r .login-form-left {
        margin-left: 0 !important;
    }
    .forgot_r .login-form-right {
        margin-left: 10px !important;
        clear: both;
    }
    .forgot_r .requester-forgot-page h5 {
        font-size: 14px !important;
    }
    .forgot_r .login-form-left b a {
        margin: 15px 0 0;
    }
    .login-form-left b .submit-but {
        width: 150px !important;
        height: 35px !important;
        font-size: 12px !important;
    }
    .signin_r .bottomline:after {
        top: 26% !important;
        left: 25px !important;
    }
    .signin_r .signin-wrapper .form-control {
        width: 90% !important;
    }
    .signin_r .request-right {
        width: 300px !important;
        clear: both;
    }
	.signin_r .request-right11 {
        width: 335px !important;
        clear: both;
    }
    .w3-teal {
        margin-left: 7px !important;
        padding-top: 0px !important;
        margin-top: -2px !important;
    }
    .contact .header-page p {
        width: 80% !important;
    }
    .help-center .static-para {
        float: none !important;
    }
    .help-center .static-page p {
        width: 100% !important;
		padding: 20px !important;
    }
    .help-center .trip-detail {
        padding-left: 10px !important;
    }
    .aboutus .static-page p {
		width: 100% !important;
		padding: 20px !important;
		font-size: 14px !important;
	}
    .provider-update .provider-right,
    #update-btn {
        margin-right: 47px !important;
    }
    .availability .modal-content {
        width: 100% !important;
    }
    #updateDiv1 #update-prof1 {
        margin-top: 0 !important;
    }
    .upload_cer {
        margin-bottom: 25px !important;
    }
    .travel-plan .modal-title {
        font-size: 13px !important;
    }
    .request-setting .fa-calendar {
        font-size: 15px !important;
    }
    .search1Div #Category {
        margin-left: 0 !important;
        width: 100% !important;
        margin-bottom: 20px;
    }
    .search1 h5,
    .search2 h5,
    .search3 h5 {
        width: 100% !important;
    }
    .address_input {
        width: 100% !important;
    }
    .requester-search .search-bg {
        padding: 12px;
        width: 100% !important;
    }
    .userwhole select {
        width: 100% !important;
    }
    .search2Div {
        border-left: 0 !important;
    }
    .userwhole input[type=text] {
        width: 100% !important;
    }
    .search2Div .label_padd_left {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-top: 20px;
    }
    .criteria {
        margin-top: 20px;
    }
    .post-verify {
        float: none !important;
    }
    .save-btn input[type=checkbox] {
        float: left !important;
        margin-left: 0px !important;
        margin-top: 7px !important;
    }
    .working_padding .fa-calendar {
        top: 83px !important;
    }
    .search3 {
        padding-right: 0;
    }
    .userwhole {
        padding: 0;
		margin-top: 10px;
    }
    #job_addr1 .fa-map-marker {
        position: absolute;
        top: 54px;
        color: #ccc;
        left: 28px;
    }
    
    .wickedpicker {
        width: 220px !important;
    }
    .job-history .btn-group-justified {
        width: 100% !important;
        margin-left: 0 !important;
    }
    .job-history .btn-group-justified>.btn {
        display: inline-table !important;
        padding: 10px 26px !important;
        margin-left: 1px;
    }
}


/********** iphone 6s ********/

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
    .w3-sidenav {
        width: 360px !important;
    }
    .modal-content p {
        line-height: 23px !important;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
    nav ul#listMenu span {
        margin: 105px 0 0;
    }
    .upload-photo {
        font-size: 15px !important;
        margin-top: 140px !important;
    }
    .terms {
        margin-top: 35px !important;
    }
    #home-services,
    #Carpentry,
    #plumbing {
        width: 100% !important;
    }
    .update-detail {
        margin-top: 40px !important;
    }
    .provider-lang {
        width: 75% !important;
        margin-top: 0 !important;
    }
    .update_col1 {
        width: 100% !important;
    }
    .upload_cer {
        width: 27% !important;
    }
}


/****** nexus 10 ****/

@media screen and (max-width: 1023px) and (min-width: 768px) {
	
    .home-hero-page-left-text span a {
    }
    #pending .edit-profile-detail-form #frm1 .job-name img {
        margin-left: 0 !important;
    }
    #cancel .edit-profile-detail-form #frm1 .cancel_cmd1 {
        margin-top: 0 !important;
    }
    .cancel_cmd {
        width: 40% !important;
        float: right !important;
        margin-top: -25px !important;
        margin-left: 238px !important;
    }
    #hired .edit-profile-detail-form #frm1 .post-time {
        width: 35% !important;
    }
    .edit-profile-detail-form #frm1 .post-job .get_date,
    .edit-profile-detail-form #frm1 .post-job .bootstrap-timepicker {
        width: 25% !important;
    }
    #hired .edit-profile-detail-form #frm1 .post_btn .cancel-but {
        margin-left: 40px !important;
    }
    #hired .edit-profile-detail-form #frm1 .post-time img {
        width: 10% !important;
    }
    .edit-profile-detail-form #frm1 .post-job {
        float: none !important;
        width: 100% !important;
    }
    #hired .post_btn {
        clear: both;
    }
    .edit-profile-detail-form #frm1 .post-job .btn-default {
        float: left !important;
    }
    .edit-profile-detail-form #frm1 .post-job .btn-info {
        float: right !important;
        padding: 8px 25px !important;
    }
    #hired #datepicker {
        z-index: 99 !important;
    }
    .edit-profile-detail-form #frm1 .post_name p {
        padding-top: 15px !important;
    }
    .cancelP .modal-content {
        height: auto !important;
    }
    .bootstrap-timepicker-widget table td span {
        padding-left: 0 !important;
        font-size: 20px !important;
    }
    .login-form-left b .submit-but {
        font-size: 14px !important;
    }
    .tab-content #map {
        width: 635px !important;
    }
    .portfolio .provider_cancel {
        width: auto !important;
        margin-left: 35px !important;
    }
    .cancelP .modal-footer {
        margin-top: -40px !important;
        width: auto !important;
    }
    .cancelP .modal-footer .btn-default {
        margin-right: 145px !important;
        width: 65% !important;
    }
    .update-detail2 {
        margin-top: 0 !important;
    }
    .terms .btn-default {
        margin-right: 0 !important;
    }
    #pending #show-edit-profile-div-pe,
    #pending #show-edit-profile-div1-pe,
    #cancelled #show-edit-profile-div1-can {
        right: 130px ;
        margin-top: -85px !important;
    }
    .job-history .provider-list-btn {
        width: 20% !important;
        padding: 9px 5px !important;
        font-size: 14px !important;
    }
    .job-history #pending .request_prof .prof-img,
    .job-history #complete .request_prof .prof-img {
        width: 38% !important;
        float: none !important;
    }
    #pending #show-edit-profile-div-Pe1,
    #pending #show-edit-profile-div1-Pe1 {
        right: 145px !important;
    }
    #complete .pop_chat,
    #pending .pop_chat {
        top: 40px !important;
    }
    #pending .edit-profile-detail-form #frm1 .post_name,
    #cancelled .edit-profile-detail-form #frm1 .post_name {
        width: 100% !important;
    }
    #pending .prof_contact .btn-default,
    #cancelled .prof_contact .btn-default {
        margin-bottom: 40px !important;
    }
    #complete #show-edit-profile-div-com {
        right: 270px !important;
    }
    .prof-list img {
        width: 35% !important;
    }
    .prof-rate .prof-distance img {
        width: 25% !important;
    }
    .prof-rate {
    }
    .edit-profile-detail-form #frm1 .post_name .prof_rates img {
        width: 5% !important;
        margin-left: 0 !important;
    }
    .edit-profile-detail-form #frm1 .post_name .prof_rates {
        margin-left: 48px !important;
    }
    .about_prof {
        margin-left: 0 !important;
    }
    #profess .edit-profile-detail-form #frm1 .post_btn .save-but {
        top: 100px !important;
    }
    .search-bg .btn-info {
        margin-right: 125px !important;
    }
    .search-bg .modal-dialog {
        width: auto !important;
    }
    .search-bg .contact_popup {
        width: 50% !important;
        height: auto !important;
    }
    .travel_edit .modal-content p {
        padding-right: 0 !important;
    }
    .portfolio .request-time .feedback-btn {

    }
    #completed .request-detail3 {
        min-height: 75px !important;
    }
    #completed #show-edit-profile-div-c,
    #completed #show-edit-profile-div1-c {

    }
    .edit-profile-detail-form #frm1 .post_btn .cancel-but {
        margin-left: 32px !important;
        width: 12% !important;
        border-radius: 0 !important;
    }

    .forgot-wrapper .request-right {
        margin-top: 45px !important;
    }
    .professional {
        margin-left: 0 !important;
    }
    .update-provider .previous_btn {

    }
    .update-provider .previous_btn i {
        display: none !important;
    }
    .travel-plan .provider-list-btn {
        width: 23% !important;
        margin-right: 75px !important;
        margin-top: 28px !important;
    }
    .forgot_p .bottomline:after,
    .forgot_r .bottomline:after {
        top: 17% ;
        left: 20px ;
    }
    .header-page:before {
        top: 18% !important;
    }
    .footer-box1 span {
        margin: 20px 0 0 ;
    }
    .update-provider #updateDiv1 #Carpentry {
        width: 75% !important;
    }

    .edit-profile-detail-form #frm1 .post-time img {
        width: 5% !important;
    }
    .edit-profile-detail-form #frm1 .post_name img {
        width: 9% !important;
        margin-left: 40px !important;
    }
    .travel-plan .request-name {
        margin-left: 15px !important;
    }
    .travel-plan .travel_edit {
        margin-left: 13px !important;
    }
    .travel_edit .delete-btn:nth-child(1) {
            margin-left: 100px !important;
			margin-top: -10px !important;
    }
	.travel-plan .add-plan {
		float: left;
		width: 30% !important;
		border-radius: 4px;
		background-color: #59a468;
		border-color: #59a468;
		margin-top: 25px;
		text-transform: capitalize;
		font-weight: 500;
	}
    .mytrip-page span:nth-child(1) {
        width: 80% !important;
    }
    #myTabContent {
        width: 94.5% !important;
    }
    .job-history #myTabContent {
        width: 85% !important;
    }
    .mytrip-page span b .driver-trip-btn {
        width: 115px !important;
    }
    .portfolio-wrapper .well {
        width: 95% ;
    }
    .portfolio-wrapper {
        margin-top: 100px !important;
    }
    .title-h2 span:before {
        left: 220px !important;
    }
    .title-h2 span:after {
        right: 220px !important;
    }
    .process-flow .col-sm-3:nth-child(2) .process-content img {

    .process-flow .col-sm-3:nth-child(3) .process-content img {

    }
    .process-flow .col-sm-3:nth-child(4) .process-content img {

    }
    .travel-plan .request-time {
        float: right !important;
        width: 67% !important;
        margin-top: -62px !important;
    }
    #travel1 #show-edit-profile-div-t,
    #travel2 #show-edit-profile-div1-t {
        right: 100px !important;
        margin-top: -81px !important;
    }
    .travel-plan .add-plan {
        width: 22% !important;
    }
    .travel-plan .request-content {
        margin-top: 210px !important;
        width: 90% !important;
    }
    .navbar-brand img {
        margin-left: 35px !important;
    }
    .search1Div #home-services,
    .search1Div #Carpentry,
    .search1Div #plumbing {
        width: 54% !important;
        margin-left: 148px !important;
    }
    .search-time {
        clear: both;
    }
    .footer-box3 {
        float: left !important;
        width: 120px !important;
        margin: 0 !important;
    }
    .footer-box3 span {
        margin: 15px 10px 0 0 !important;
    }
    #post #show-edit-profile-div,
    #post #show-edit-profile-div1,
    #enquiry #show-edit-profile-div-e,
    #enquiry #show-edit-profile-div1-e,
    #respond #show-edit-profile-div-r,
    #respond #show-edit-profile-div1-r,
    #hired #show-edit-profile-div-h,
    #cancel #show-edit-profile-div-ca,
    #cancel #show-edit-profile-div1-ca {
        right: 135px !important;
    }
    #post .request-name,
    #enquiry .request-name,
    #respond .request-name,
    #hired .request-name,
    #cancel .request-name,
    #completed .request-name {
        width: 35% !important;
        margin-top: 15px !important;
    }
    .edit-profile-detail-form #frm1 .post_name {
        float: none !important;
        width: 48% !important;
    }
    .edit-profile-detail-form #frm1 .post-time {
        width: 70% !important;
    }
    .Posted-date span input {
        width: 22% !important;
    }
    .logocontent2 {
        margin-top: -16px !important;
        margin-left: 95px !important;
    }

    .sign_p .bottomline:after,
    .signin_r .bottomline:after {
        top: 18% !important;
        left: 20px !important;
    }
    #contact-form form input {
        width: 100% !important;
    }
    #contact-form form button {
        margin-right: 0 !important;
    }
    .home-page-map {
        width: 100% !important;
    }
    #banner .block {
    }
    .home-hero-page-right-text {
		display:block !important;
    }
    #banner .block h2 {
        line-height: 25px !important;
    }
    .home-hero-page-left-text {

    }
    #features .feature-block {
        width: 100% !important;
    }
    .footer-box1 {
        margin: 10px 15px 0px !important;
    }
    .footer-bottom-part span {
        padding-left: 10px !important;
    }
    .footer-box2 {
        width: 375px !important;
        margin: 0 !important;
    }
    .aboutus,
    .contact,
    .forgot_r,
    .travel-plan,
    .portfolio,
    .job-history,
    .signin_r {
        min-height: 800px !important;
    }
    .signin,
    .sign_p,
    .forgot_p,
    .signup-provider {
        min-height: 850px !important;
    }
    .portfolio,
    .travel-plan,
    .job-history {
        min-height: 920px !important;
    }
    .update-provider {
        min-height: 720px !important;
    }
    #Cars3,
    .state {
        clear: both;
    }
    #feedback1 .modal-content,
    #feedback2 .modal-content,
    #feedback3 .modal-content {
        height: auto !important;
    }
    #feedback3 .btn,
    #feedback2 .btn,
    #feedback1 .btn {
        padding: 6px 10px !important;
        border-radius: 0px !important;
        margin-top: -32px !important;
    }
    .signup-provider .provider-lang #Carpentry {
        width: 100% !important;
    }
    #myModal2 .modal-content p {
        margin-left: -6px !important;
        line-height: 25px !important;
        padding-right: 0 !important;
        font-size: 17px !important;
        width: 100% !important;
        padding-top: 50px !important;
        padding-bottom: 20px !important;
    }
    #myModal2 .btn {
        margin-top: 6px !important;
        margin-left: 50px !important;
    }
    .forgot_p .login-err,
    .forgot_r .login-err {
        width: 69% !important;
    }
    .forgot_p .login-err .btn,
    .forgot_r .login-err .btn {
        font-size: 12px !important;
        padding-left: 12px !important;
        text-align: center !important;
    }
    .forgot-link {
        margin-right: -20px !important;
    }
    #example2-fullname-error .validation {
        width: 610px !important;
        margin-left: 5px !important;
        padding-left: 135px !important;
    }
    #example2-phone-error .validation {
        margin-left: 325px !important;
    }
    .signup-provider .profession {
        margin-left: -125px !important;
    }
    .signup-provider #subDiv .profession {
        clear: both;
        margin-left: 1px !important;
    }
    .signup-provider #subDiv .driver-profile-img {
        margin-left: 10px !important;
    }
    .signup-provider #subDiv1 .update_col1 {
        width: 35% !important;
    }
    .signup-provider .upload_cer {
        margin-left: 23px !important;
        width: 25% !important;
    }
    .signup-provider .upload-content .btn-success {
        width: 64% !important;
    }
    .border {
        display: none !important;
    }
    .signup-provider .avail_table {
        width: 80% !important;
    }
    .signup-provider .provider-lang {
        margin-top: 0 !important;
    }
    .sign-in-provider {
        width: 35% !important;
        margin-left: 25px !important;
    }
    .sign-in-requester {
        width: 60% !important;
    }
    .signin .sign-in-requester {
        margin-top: -235px !important;
    }
    .sign-in-requester p {
        width: 40% !important;
    }
	.p_profile img {
    width: 40%;
    margin-bottom: 20px;
	}
	.header-pages
	{
		margin-top:-45px !important;
	}
    .header-page {
        padding-left: 20px !important;
    }
    .bottomline p {
        padding-left: 23px;
    }
    .bottomline:after {
        left: 25px;
    }
    .signin-wrapper label {
        padding-left: 20px !important;
    }
    .signin-wrapper .form-control {
        width: 90% !important;
        margin-left: 20px !important;
    }
    .request-left {
        width: 39% !important;
    }
    .request-left .btn {
        margin-left: 20px;
    }
    .text-center {
        width: 65% !important;
    }
    .login-form-left {
        width: 42% !important;
    }
    .login-form-left b label {
        padding-left: 20px !important;
    }
    .login-form-left b .login-input,
    .login-form-left b .submit-but {
        margin-left: 20px !important;
    }
    .provider-login-form-right {
        width: 240px !important;
    }
    .social-icon .socialmedia {
        margin-left: 30px !important;
        float: none !important;
        width: 180px !important;
        margin-top: 55px !important;
    }
    .requester-forgot-page h5 {
        width: 40% !important;
        padding-left: 18px;
    }
    .login-form-right {
        width: 240px !important;
    }
    .requester-forgot-page {
        width: 58% !important;
    }
    .static-page {
        width: 68% !important;
        padding-left: 20px !important;
    }
    .contact-form b {
        width: 42% !important;
    }
    .contact-form b:nth-child(2) {
        width: 58% !important;
    }
    .contact-form b:nth-child(2) .contact-input {
        width: 54% !important;
        margin-left: -20px;
    }
    .contact-form b:nth-child(1) .contact-input {
        width: 80% !important;
        margin-left: 20px !important;
    }
    .contact-form b .contact-textarea {
        width: 54% !important;
        margin-left: -22px !important;
    }
    .contact-form b:nth-child(3) {
        width: 31% !important;
    }
    .provider-create-account {
        padding-left: 20px;
    }
    .request-right {
        margin-top: 20px !important;
        margin-right: 242px !important;
    }
    .provider-info-right .btn {
        float: left !important;
        margin-left: 15px;
    }
    .provider-info-right input[type="button"] {
        float: left;
        margin-top: 135px;
        margin-left: -420px;
    }
    .number-verify {
        float: left;
        width: 50%;
       
    }
    .provider-info-right .change-btn {
        margin-left: 170px !important;
        margin-top: -32px !important;
    }
    .modal-content {
        width: 35% !important;
        height: 259px !important;
    }
    .modal-content .verified {
        padding-left: 42px !important;
    }
    .close {}
    .modal-content p {
        padding-top: 40px !important;
        font-size: 20px !important;
        margin-left: 65px;
        width: 72%;
        padding-right: 76px;
        line-height: 30px !important;
    }
    .modal-content p span {
        font-size: 28px;
        color: #127d27;
        margin-left: -18px !important;
    }
    .modal-content .modal-btn {
        margin-top: 15px !important;
        width: 50% !important;
        margin-left: 55px !important;
        float: left !important;
    }
    #Category {
        margin-top: 0px !important;
    }
    .menu-list {
        height: 100% !important;
        width: 200px !important;
    }
    #page-content-wrapper {
        width: 73% !important;
        margin-left: 10px !important;
    }
    #page-content-wrapper .well {
    }
    .btn-group-justified span {
        font-size: 10px;
    }
    .btn-group-justified .dash-img1 {
        left: 8px !important;
        top: 17px !important;
    }
    .btn-group-justified .dash-img2 {
        left: 7px !important;
        top: 18px !important;
    }
    .btn-group-justified .dash-img3 {
        left: 14px !important;
        top: 16px !important;
    }
    .request-detail img,
    .request-detail1 img,
    .request-detail3 img {
        width: 5% !important;
    }
    .request-time .btn-default {
        font-size: 12px !important;
        right: 110px !important;
    }
    .menu-list span img {
        top: 226px !important;
    }
    .update-detail textarea,
    .update-detail1 textarea,
    .exp-detail textarea,
    .cost-per-hour textarea {
        width: 100% !important;
    }
    .cost-hr1 p {
        font-size: 11px;
    }
    .cost-hr1 {
        width: 26% !important;
    }
    .cost-hr1 input[type="text"] {
        width: 83% !important;
    }
    .update_col1 {
        width: 48% !important;
        padding-left: 0 !important;
    }
    .upload_cer .driver-profile-img span {
        width: 90px !important;
        height: 90px !important;
    }
    .upload_cer {
        margin-right: 49px;
    }
    .upload_cer .upload-photo {
        margin-top: 105px !important;
    }
    .availability .modal-content {
        width: 100% !important;
        height: 100% !important;
    }
    .avail_table .table {
        width: 75% !important;
    }
    .logocontent {
        font-size: 12px !important;
        margin-left: 0px !important;
        margin-top: -12px !important;
    }
    .logocontent1 {
        margin-left: -82px !important;
        margin-top: -14px !important;
    }
    .portfolio,
    .travel-plan,
    .update-provider,
    .requester-search,
    .job-history {
        margin-left: 0 !important;
        background-position: right -65px top 0 !important;
    }
    .requester-search {
        background-size: 145px 2240px !important;
    }
    .portfolio:before,
    .travel-plan:before,
    .update-provider:before,
    .requester-search:before,
    .job-history:before {
        width: 80px !important;
    }
    .requester-search-wrapper {
        margin-top: 50px !important;
    }
    .requester-search .search-bg {
        width: 88% !important;
    }
    .request-name {
        margin-left: 45px !important;
    }
    .request-time {
        margin-left: 25px !important;
    }
    #home-services,
    #Carpentry,
    #plumbing {
        padding: 8px !important;
    }
    .provider-update .provider-right,
    #update-btn {
        margin-right: 75px !important;
    }
    .travel-plan .modal-content,
    .post-verify {
        width: 100% !important;
    }
    .travel-plan-img {
        width: 3% !important;
    }
    .travel-plan .add-btn {
        margin-right: 145px !important;
    }
    .requester-search-top .top-link-login {
        margin-left: 170px !important;
    }
    .requester-search-top .top-link-login span a {
        font-size: 16px !important;
    }
    .userwhole select {
        width: 88% !important;
    }
    .search2Div {
        border-left: 0 !important;
    }
    .save-btn input[type=checkbox] {
        margin-left: -12px !important;
        margin-top: 8px !important;
    }
    .search4 .post-for {
        width: 95% !important;
    }
    .search4 .post-for #job_province {
        margin-left: -27px !important;
    }
    .post-verify .lg_checkbox {
        margin-left: -22px !important;
        margin-top: -21px !important;
    }
    .working_padding .fa-calendar {
        top: 53px !important;
    }
    .job-date .btn-default {
        margin-left: -30px !important;
    }
    .job-feedback .btn-default {
        right: 135px !important;
    }

    .post-state,
    .post-for,
    .search2Div .label_padd_left,
    .post-time {
        clear: both;
    }
    #job_province {
        margin-top: 33px !important;
        margin-left: -48px !important;
    }
    .post-date {
        width: 95% !important;
    }
    .search3 .add-input2 {
        top: 155px;
    }
    .search5 .upload_cer {
        width: 13% !important;
        margin-right: 70px !important;
    }
    .requester-search .search1Div {
        border-right: 0 !important;
    }
    .requester-profile .requester-signup-page .line-dro {
        margin-top: 0 !important;
    }
}

@media screen and (max-width: 666px) and (min-width: 568px) {
    #banner .block h2 {
        width: 100% !important;
    }
    .userwhole .bootstrap-timepicker {
        width: 100% !important;
    }
    .edit-profile-detail-form #frm1 .post-job {
        float: none !important;
        width: 100% !important;
    }
    #hired .post_btn {
        clear: both;
    }
    .edit-profile-detail-form #frm1 .post-job .btn-default {
        float: left !important;
    }
    .edit-profile-detail-form #frm1 .post-job .btn-info {
        float: right !important;
        padding: 8px 25px !important;
    }
    #hired #datepicker {
        z-index: 99 !important;
    }
    .category_det,
    .signup-provider .update-detail,
    .profession {
        clear: both;
    }
    .signup-provider .availability {
        margin-top: 20px !important;
    }
    .availability .button-checkbox .btn-default,
    .availability .button-checkbox .btn-primary.active {
        width: 88% !important;
        margin-left: 12px !important;
    }
    .login-form-left b .submit-but {
        font-size: 14px !important;
    }
    .request-left .btn {
        padding: 8px 25px !important;
    }
    .request-right span a,
    .provider-login-form-right span a,
    .login-form-right span a {
        width: 130px !important;
    }
    .tab-content #map {
        width: 610px !important;
    }
    .portfolio .provider_cancel {
        width: auto !important;
    }
    .portfolio .cancelP .modal-content {
        width: auto !important;
        height: auto !important;
    }
    .update-detail2 {
        margin-top: 0 !important;
    }
    .terms .btn-default {
        margin-right: 250px !important;
    }
    .job-history .job-feedback .btn-default {
        padding: 5px 5px !important;
        right: 25px !important;
        margin-top: 1px !important;
    }
    #complete #show-edit-profile-div-com {
        right: 140px !important;
        padding: 5px 15px !important;
        margin-top: -60px !important;
        font-size: 12px !important;
    }
    #pending .prof_contact .btn-default,
    #cancelled .prof_contact .btn-default {
        margin-top: 20px !important;
        font-size: 14px !important;
        width: 43% !important;
        padding: 10px 10px !important;
        margin-bottom: 20px !important;
    }
    .job-history #pending .request_prof .prof-img,
    .job-history #complete .request_prof .prof-img {
        width: 40% !important;
        float: none !important;
    }
    .job-history #pending .prof-rate {
        margin-left: 75px !important;
    }
    #complete .pop_chat,
    #pending .pop_chat {
        right: 0 !important;
        left: 250px !important;
        top: 50px !important;
    }
    #cancelled #show-edit-profile-div1-can {
        right: 35px !important;
        margin-top: -85px !important;
        padding: 5px 10px !important;
    }
    #pending #show-edit-profile-div-pe,
    #pending #show-edit-profile-div1-pe {
        right: 12px !important;
        margin-top: -69px !important;
        padding: 5px 10px !important;
    }
    #pending .edit-profile-detail-form #frm1 .post_name,
    #cancelled .edit-profile-detail-form #frm1 .post_name {
        width: 100% !important;
    }
    #pending #show-edit-profile-div-Pe1,
    #pending #show-edit-profile-div1-Pe1 {
        right: 20px !important;
        margin-top: -60px !important;
    }
    .job-history .provider-list-btn {
        width: 37% !important;
        margin-right: 0 !important;
    }
    #profess #show-edit-profile-div-Pr1,
    #profess #show-edit-profile-div1-Pr1 {
        right: 50px !important;
    }
    .about_prof {
        margin-left: 0 !important;
    }
    #profess .edit-profile-detail-form #frm1 .post_btn .save-but {
        top: 100px !important;
    }
    .prof-rate .prof-distance img {
        width: 18% !important;
    }
    .edit-profile-detail-form #frm1 .post_name .prof_rates img {
        width: 4% !important;
        margin-right: 0 !important;
    }
    .prof_list .nav-tabs {
        margin-right: 0 !important;
        margin-top: 0 !important;
    }
    .search-bg .btn-info {
        margin-right: 115px !important;
    }
    .search-bg .modal-dialog {
        width: auto !important;
    }
    .search-bg .contact_popup {
        width: auto !important;
        height: auto !important;
    }
    .search-bg .modal-footer .btn-default {
        width: 25% !important;
        margin-right: 0 !important;
    }
    .travel_edit .modal-content p {
        padding-left: 148px !important;
    }
    #completed .request-detail3 {
        min-height: 110px !important;
    }
    #completed #show-edit-profile-div-c,
    #completed #show-edit-profile-div1-c {
        right: 180px !important;
        margin-top: -43px !important;
        padding: 7px 20px !important;
    }
    .popup-box {
        z-index: 999 !important;
    }
    .bootstrap-timepicker .input-group .form-control {
        font-size: 15px !important;
        padding: 3px !important;
    }
    .bootstrap-timepicker-widget table td span {
        padding-left: 0 !important;
        font-size: 20px !important;
        margin-right: 0 !important;
    }
    .job-history .btn-group-justified {
        margin-left: 0 !important;
    }
    .requester-search .search-bg {
        width: 100% !important;
    }
    .update-provider .provider-right input[type="submit"] {
        width: 160px !important;
        float: right !important;
        margin-right: -80px !important;
        height: 45px !important;
    }
    .update-provider .previous_btn {
        width: 30% !important;
        margin-top: -75px !important;
    }
    .update-provider .previous_btn i {
        display: none !important;
    }
    .travel-plan .provider-list-btn {
        width: 30% !important;
        margin-right: 8px !important;
        margin-top: 25px !important;
    }
    .header-page:before {
        top: 15% !important;
    }
    .sign_p .forgot-link {
        float: right !important;
        margin-right: -30px !important;
    }
    .provider-update .form-group {
        margin-bottom: 0 !important;
    }
    .portfolio-wrapper,
    .travel-plan-wrapper,
    .update-provider-wrapper,
    .job-history-wrapper,
    .requester-profile-wrapper {
        margin-top: 70px !important;
    }
    .requester-search-wrapper {
        margin-top: 20px !important;
    }
    .professional {
        margin-top: 0 !important;
    }
    .portfolio,
    .portfolio:before,
    .travel-plan,
    .travel-plan:before,
    .update-provider,
    .update-provider:before,
    .requester-search,
    .requester-search:before,
    .job-history,
    .job-history:before,
    .requester-profile,
    .requester-profile:before {
        background: none !important;
    }
    .update-provider .provider-update {
        margin-top: 200px !important;
    }
    .process-flow .col-sm-3:nth-child(2),
    .process-flow .col-sm-3:nth-child(3),
    .process-flow .col-sm-3:nth-child(4) {
        margin-top: 70px !important;
    }
    #banner {
        height: 580px !important;
    }
    #features .feature-block p {
        font-size: 11px !important;
    }
    .navbar-brand img.mob-logo {
        width: 78% !important;
    }
    .job-date .btn-default {
        margin-left: -15px !important;
    }
    .job-history,
    .requester-profile,
    .update-provider {
        margin-top: 80px !important;
    }
    .state,
    .working_padding,
    .s_name {
        clear: both;
    }
    .requester-search {
        margin-top: 75px !important;
    }
    .search1Div #home-services,
    .search1Div #Carpentry,
    .search1Div #plumbing {
        width: 87% !important;
        margin-left: 0 !important;
    }
    .login-form-left b a {
        margin: 22px 0 0 !important;
    }
    .signin_r .forgot-link {
        margin-right: -43px !important;
        margin-top: 35px !important;
    }
    .travel-plan .header-page {
        width: 75% !important;
    }
    .travel-plan .add-plan {
        width: 25% !important;
    }
    .travel-plan .request-content {
        margin-top: 240px !important;
    }
    #travel1 #show-edit-profile-div-t,
    #travel2 #show-edit-profile-div1-t {
        right: 58px !important;
        padding: 9px 15px !important;
    }
    .travel-plan .provider-right {
        width: 66% !important;
    }
    .travel_edit .delete-btn {
        width: 45% !important;
        height: 44px !important;
    }
    .travel_edit .delete-btn:nth-child(1) {
        margin-left: 230px !important;
    }
    .travel-plan .travel_edit {
        margin-left: -76px !important;
    }
    .travel-plan {
        margin-top: 50px !important;
    }
    #top-part {
        height: 60px !important;
    }
    .logo img {
        width: 80% !important;
        height: auto !important;
    }
    .portfolio {
        margin-top: 70px !important;
    }
    .portfolio .btn-group-justified .dash-img1 {
        left: 10px !important;
    }
    .portfolio .request-name h5,
    .portfolio .request-time h5 {
        margin-left: 32px !important;
    }
    .portfolio .request-time .feedback-btn {
        right: 51px !important;
        margin-top: 6px !important;
    }
    .mytrip-page span a {
        margin: 0px 15px 0 0 !important;
    }
    .Posted-date span input {
        width: 35% !important;
        margin-top: 10px !important;
        margin-right: 15px !important;
    }
    #post #show-edit-profile-div,
    #post #show-edit-profile-div1,
    #enquiry #show-edit-profile-div-e,
    #enquiry #show-edit-profile-div1-e,
    #respond #show-edit-profile-div-r,
    #respond #show-edit-profile-div1-r,
    #hired #show-edit-profile-div-h,
    #cancel #show-edit-profile-div-ca,
    #cancel #show-edit-profile-div1-ca {
        right: 55px !important;
        padding: 9px 15px !important;
        margin-top: -60px !important;
        font-size: 12px !important;
        border-radius: 50px !important;
    }
    .edit-profile-detail-form #frm1 img {
        width: 10% !important;
        margin-right: 10px !important;
    }
    .edit-profile-detail-form #frm1 .post_name {
        width: 60% !important;
        float: none !important;
    }
    .edit-profile-detail-form #frm1 .post_name img {
        width: 10% !important;
    }
    .edit-profile-detail-form #frm1 .post-time img {
        width: 3% !important;
    }
    .edit-profile-detail-form #frm1 .post-time {
        float: none !important;
        width: 100% !important;
    }
    .edit-profile-detail-form #frm1 .post_btn .save-but,
    .edit-profile-detail-form #frm1 .post_btn .cancel-but {
        width: 15% !important;
    }
    .edit-profile-detail-form #frm1 .post_btn .save-but {
        margin-left: 155px !important;
    }
    .mytrip-page {}
    #post .request-time,
    #enquiry .request-time,
    #respond .request-time,
    #hired .request-time,
    #completed .request-time,
    #cancel .request-time {
        margin-left: 15px !important;
    }
    .mytrip-page span a:last-child {
        background: none !important;
    }
    .forgot_p .header-page p {
        font-size: 14px !important;
    }
    .footer-bottom-part span {
        text-align: center !important;
    }
    #contact-form form input {
        width: 100% !important;
    }
    #contact-form form button {
        margin-right: 0 !important;
    }
    .logocontent {
        margin-left: -23px !important;
        font-size: 10px;
        margin-top: 45px !important;
    }
    .logocontent1 {
        margin-left: 20px !important;
        font-size: 12px;
        margin-top: -15px !important;
    }
    .logocontent2 {
        margin-left: 120px !important;
        font-size: 12px;
        margin-top: -15px !important;
    }

    #banner .block {
        margin-top: -165px !important;
    }
    .title-h2 span:before {
        left: 425px !important;
    }
    .title-h2 span:after {
        right: 425px !important;
    }
    .process-flow .col-sm-3:nth-child(2) .process-content img {
        margin-left: 10px !important;
        margin-top: -525px !important;
        transform: rotate(90deg) !important;
    }
    .process-flow .col-sm-3:nth-child(3) .process-content img {
        margin-left: -80px !important;
        margin-top: -530px !important;
        transform: rotate(90deg) !important;
    }
    .process-flow .col-sm-3:nth-child(4) .process-content img {
        margin-left: -250px !important;
        margin-top: -495px !important;
        transform: rotate(90deg) !important;
    }
    .footer-box2 {
        padding-left: 10px !important;
        width: 520px !important;
    }
    #features .feature-block {
        width: 100% !important;
    }
    .menu-logo {
        width: 55% !important;
    }
    nav button {
        top: 15px !important;
    }
    .footer-inner {
        display: inline !important;
    }
    .footer-box3 {
        margin: 40px 0px 0px !important;
    }
    .footer-bottom-part {
        padding: 15px 175px !important;
    }
    .footer-box1 {
        width: 100% !important;
        margin-left: 22px !important;
    }
    .footer-box1 .lang b a {
        color: #127d27;
    }
    .footer-box1 span {
        margin: 28px 0 15px !important;
    }
    #Cars3 {
        clear: both;
    }
    #feedback1 .modal-content,
    #feedback2 .modal-content,
    #feedback3 .modal-content {
        height: auto !important;
    }
    #feedback3 .btn,
    #feedback2 .btn,
    #feedback1 .btn {
        padding: 6px 10px !important;
        border-radius: 0px !important;
        margin-top: -32px !important;
    }
    .signup_r .create-account p .submit {
        float: left !important;
        margin-left: 15px !important;
        width: 125px !important;
        padding-bottom: 3px !important;
        height: 42px !important;
    }
    .signup_r .requester-signup-page h5 {
        padding-left: 15px !important;
        font-size: 14px !important;
        width: 20% !important;
    }
    .signup_r .upload-content .thumbnail,
    .signup_r .upload-content .btn-file {
        margin-left: 45px !important;
    }
    .signup_r .requester-signup-page .create-account span .create-account-input {
        width: 75% !important;
    }
    .signup_r .requester-signup-page .create-account span .create-account-input1 {
        width: 59.5% !important;
    }
    .signup-provider #Carpentry,
    .signup-provider #plumbing,
    .signup-provider #home-services {
        margin-left: 20px !important;
    }
    .signup-provider .provider-lang #Carpentry {
        margin-left: 0px !important;
    }
    #myModal2 .modal-content p {
        margin-left: 20px !important;
        line-height: 25px !important;
        padding-right: 0 !important;
        font-size: 17px !important;
        width: 79% !important;
        padding-top: 40px !important;
        padding-bottom: 20px !important;
    }
    #myModal2 .btn {
        margin-top: 6px !important;
        margin-left: 75px !important;
    }
    .signup-provider .provider-info-right .resend-btn {
        margin-left: 20px !important;
    }
    .forgot_p .login-err,
    .forgot_r .login-err {
        width: 58% !important;
    }
    .forgot_p .login-err .btn,
    .forgot_r .login-err .btn {
        font-size: 12px !important;
        padding-left: 12px !important;
        text-align: center !important;
    }
    #example2-fullname-error .validation {
        width: 585px !important;
        margin-left: 4px !important;
        padding-left: 105px !important;
    }
    #example2-phone-error .validation {
        margin-left: 320px !important;
    }
    .signup-provider .modal-content p {
        width: 100% !important;
    }
    .signup-provider .modal-content .verified {
        margin-left: 62px !important;
    }
    .signup-provider .modal-content .modal-btn {
        margin-left: 68px !important;
    }
    .signup-provider #fullDiv {
        margin-top: -35px !important;
    }
    .signup-provider .driver-profile-img {
        width: 240px !important;
        height: 165px !important;
    }
    #subDiv {
        margin-left: 30px !important;
    }
    #subDiv .uploading {
        clear: both;
    }
    .signup-provider .provider-create-account h3 {
        margin: 0 0 20px !important;
    }
    .signup-provider .upload-content .thumbnail {
        width: 75% !important;
    }
    .signup-provider .btn-success {
        width: 75% !important;
        margin-left: 1px !important;
    }
    .signup-provider .driver-profile-img b a i {
        left: 18px !important;
    }
    .signup-provider .upload-photo {
        float: left !important;
        margin-top: 0 !important;
        padding-left: 50px !important;
    }
    .signup-provider .update-detail label,
    .signup-provider .update-detail1 label,
    .signup-provider .provider-lang label,
    .signup-provider .exp-detail label,
    .signup-provider .cost-detail h4,
    .signup-provider .cost-per-hour label {
        padding-left: 0 !important;
    }
    .signup-provider .cost-hr1 {
        width: 33% !important;
    }
    .signup-provider .update-detail {
        margin-top: 60px !important;
    }
    .signup-provider #subDiv1 .update_col1 {
        margin-top: 0 !important;
    }
    .signup-provider #subDiv1 .upload_cer {
        margin-bottom: 0 !important;
        width: 20% !important;
    }
    .signup-provider #subDiv1 .upload_cer .upload-photo {
        margin-top: 132px !important;
        padding-left: 35px !important;
    }
    .signup-provider #subDiv1 {
        margin-left: 30px !important;
    }
    .signup-provider .avail_table {
        width: 60% !important;
    }
    .border {
        display: none !important;
    }
    .signup-provider #subDiv1 .driver-profile-img b a i {
        left: 10px !important;
    }
    #subDiv1 .provider-right {
        margin-top: 0 !important;
    }
    .signup-provider .expiry {
        margin-top: 30px !important;
    }
    .signup-provider .provider-lang {
        margin-top: 0 !important;
    }
    header {
        height: 60px !important;
    }
    .navbar-brand img {
        margin-top: -11px !important;
        width: 45% !important;
    }
    .w3-teal {
        margin-left: 3px !important;
        padding-top: 0px !important;
    }
    .page-contant-inner {
        margin: 20px auto 0 !important;
    }
    .forgot_r .header-page p {
        float: none !important;
        width: 55% !important;
    }
    .forgot_r .login-form-left {
        width: 31% !important;
    }
    .signin_r .request-left {
        width: 50% !important;
    }
    .help-center .static-page {
        width: 70% !important;
    }
    .help-center .static-para {
        width: 80% !important;
        float: none;
    }
    .sign_p .request-left {
        width: 51% !important;
    }
    .forgot_p .header-page p {
        float: none !important;
        width: 40% !important;
        font-size: 14px !important;
    }
    .header-page {
        font-size: 28px !important;
        padding-left: 15px !important;
    }
    .sign-in {
        width: 65% !important;
    }
    .sign-in-provider {
        width: 47% !important;
        margin-left: 20px !important;
    }
    .sign-in-provider p {
        width: 75%;
    }
    .page-contant {
        background-position: right -100px top 0 !important;
        padding: 0 0 20px !important;
        margin: 60px 0 0 !important;
    }
    .page-contant:before {
        width: 48px !important;
    }
    .sign-in-requester {
        width: 49% !important;
        margin-top: -235px !important;
    }
    .bottomline p {
        padding-left: 18px;
    }
    .bottomline:after {
        top: 15% !important;
        left: 18px !important;
    }
    .signin-wrapper label {
        padding-left: 18px !important;
    }
    .signin-wrapper .form-control {
        margin-left: 18px !important;
    }
    .request-left .btn {
        margin-left: 18px !important;
    }

    .request-right {
        width: 245px !important;
        float: left !important;
        margin-top: 40px !important;
    }
    .text-center {
        width: 56% !important;
    }
    .login-form-left {
        width: 30% !important;
        margin-left: 20px !important;
    }
    .forgot_p .login-form-left {
        width: 32% !important;
    }
    .provider-login-form-right {
        width: 235px !important;
    }
    .requester-forgot-page {
        width: 64% !important;
    }
    .social-icon .socialmedia {
        float: none !important;
        width: 35% !important;
        margin-top: 60px !important;
        margin-left: 15px !important;
    }
    .login-form-right {
        width: 245px !important;
    }
    .provider-create-account h3 {
        padding-left: 12px !important;
    }
    .provider-create-account span {
        width: 65% !important;
        margin-left: 20px !important;
    }
    .number-verify p {
        width: 30% !important;
    }
    .number-verify {
        width: 40%;
        margin-left: 20px;
    }
    .provider-info-right .change-btn {
        margin-top: -30px !important;
        margin-right: 55px !important;
    }
    .provider-info-right .submit-btn {
        float: left !important;
        margin-left: 40px !important;
    }
    .provider-info-right input[type="button"] {
        margin-left: -425px;
        margin-top: 140px;
    }
    .header-page.trip-detail {
        font-size: 34px !important;
    }
    .static-page {
        width: 56% !important;
        padding-left: 20px !important;
    }
    .contact-form b {
        width: 85% !important;
        margin-left: 15px !important;
    }
    .contact-form b strong {
        width: 68% !important;
    }
    .contact-form b:nth-child(3) {
        width: 21% !important;
    }
    .contact-form b:nth-child(2) {
        width: 98% !important;
    }
    .contact-form b:nth-child(2) .contact-input {
        width: 84% !important;
    }
    .contact-form b .contact-textarea {
        width: 84% !important;
    }
    .provider-create-account label {
        padding-left: 20px;
    }
    .create-account-input {
        margin-left: 20px !important;
        width: 100% !important;
    }
    .otp-btngroup input[type="button"] {
        margin-left: 20px;
    }
    #Category {
        margin-left: 20px;
        width: 100% !important;
    }
    .profession input[type=checkbox] {
        margin-left: 18px;
    }
    .provider-right {
        width: 265px !important;
    }
    .provider-info-left .validation {
        padding-left: 20px;
    }
    .provider-right span a {
        margin-left: 60px !important;
    }
    .modal-content {
        width: 47% !important;
        height: 268px !important;
    }
    .travel-plan .modal-content {
        width: 100% !important;
    }
    .travel-plan-img {
        width: 3% !important;
    }
    .close {
        padding-left: 145px !important;
    }
    .modal-content p {
        font-size: 20px !important;
        padding-left: 55px;
        margin-right: 12px;
        width: 75%;
        line-height: 50px !important;
    }
    .modal-content p span {
        font-size: 28px;
        color: #127d27;
        margin-left: -18px !important;
    }
    .modal-content .modal-btn {
        margin-top: 15px !important;
        width: 50% !important;
        margin-left: 55px !important;
        float: left !important;
    }
    .modal-content .verified {
        padding-left: 0 !important;
        margin-left: 32px !important;
    }
    .profession {
        margin-left: 0 !important;
    }
    .create-account p .submit {
        margin-right: 75px !important;
    }
    .requester-signup-page .create-account span .create-account-input {
        margin-left: 0 !important;
    }
    #page-content-wrapper {
        width: 100% !important;
    }
    #page-content-wrapper legend {
        margin-top: -42px;
        text-align: center;
    }
    .dashboard-logo>img {
        width: 20% !important;
    }
    .menu-list li a {
        padding-bottom: 10px;
    }
    #page-content-wrapper .btn-group-justified {
        width: 100% !important;
    }
    .btn-group-justified .dash-img {
        left: 5px !important;
    }
    .btn-group-justified span {
        font-size: 8px !important;
    }
    .btn-group-justified .dash-img1 {
        left: 12px !important;
        top: 15px !important;
    }
    .btn-group-justified .dash-img2 {
        left: 8px !important;
        top: 15px !important;
    }
    .btn-group-justified .dash-img3 {
        left: 15px !important;
    }
    .request-detail img,
    .request-detail1 img,
    .request-detail3 img {
        width: 6% !important;
    }
    .request-name h5,
    .request-time h5 {
        margin-top: -12px !important;
        font-size: 16px !important;
    }
    .request-time .btn-default {
        padding: 8px 15px !important;
        margin-left: 12px !important;
    }
    #updateDiv1 .profession {
        width: 100% !important;
    }
    .avail_table .table {
        width: 100% !important;
    }
    .terms {
        position: absolute !important;
        top: 512px !important;
        width: 100%;
    }
    #update-btn1 {
        margin-top: 30px;
    }
    .availability .modal-content {
        width: 70% !important;
        height: 100% !important;
    }
    .modal-footer .btn-default {
        margin-right: 135px !important;
    }
    .provider-update .create-account-input,
    .provider-update #Category {
        margin-left: 0 !important;
    }
    .search1Div #Category {
        margin-left: 0 !important;
        width: 87% !important;
    }
    .search1 h5,
    .search2 h5,
    .search3 h5 {
        width: 87% !important;
    }
    .add-input2 {
        top: 55px !important;
    }
    .userwhole select {
        width: 88%;
    }
    .search2Div {
        border-left: 0 !important;
    }
    .search2 h5 {
        margin-top: 20px;
        width: 50% !important;
    }
    .post-verify {
        width: 100% !important;
    }
    .save-btn input[type=checkbox] {
        margin-left: 0px !important;
        margin-top: 7px !important;
    }
    .post-verify .lg_checkbox {
        margin-left: -19px !important;
        margin-top: -22px !important;
    }
    .working_padding .fa-calendar {
        top: 25px !important;
    }
    .professional {
        width: 90% !important;
    }
    .prof-list img {
        width: 45% !important;
        margin-left: 10px !important;
    }
    .prof-rate {
        width: 18% !important;
        margin-top: 20px !important;
        margin-left: 110px !important;
    }

    .request-history .btn-group-justified span {
        font-size: 14px !important;
    }
    .job-history #myTabContent {
        width: 100% !important;
        margin-left: 0 !important;
    }
    .job-date {
        margin-top: 0px !important;
    }
    .job-feedback .btn-default {
        right: 20px !important;
    }
    .requester-search .search1Div {
        border-right: 0 !important;
    }
    .post-state {
        clear: both;
    }
    #job_province {
        margin-top: 30px !important;
        margin-left: -45px !important;
    }
    .search4 .post-for {
        clear: both;
    }
    .search5 .upload_cer {
        width: 33% !important;
        margin-bottom: 0px !important;
    }
    .search2Div .label_padd_left {
        clear: both;
    }
    .userwhole textarea {
        width: 100% !important;
    }
    .requester-profile .create-account span strong:nth-child(2n) {
        float: none !important;
    }
    .requester-profile .driver-profile-top-part h5 {
        margin-top: 140px !important;
        padding-left: 0 !important;
    }
    .requester-profile .profile-div1 {
        clear: both;
        width: 94%;
    }
    .requester-profile .create-account p .submit {
        margin-right: 115px !important;
        margin-top: 10px !important;
    }
}

@media screen and (max-width: 767px) and (min-width: 667px) {
    .userwhole .bootstrap-timepicker {
        width: 100% !important;
    }
    .edit-profile-detail-form #frm1 .post-job {
        float: none !important;
        width: 100% !important;
    }
    #hired .post_btn {
        clear: both;
    }
    .edit-profile-detail-form #frm1 .post-job .btn-default {
        float: left !important;
    }
    .edit-profile-detail-form #frm1 .post-job .btn-info {
        float: right !important;
        padding: 8px 25px !important;
    }
    #hired #datepicker {
        z-index: 99 !important;
    }
    .category_det,
    .signup-provider .update-detail,
    .profession {
        clear: both;
    }
    .login-form-left b .submit-but {
        font-size: 14px !important;
    }
    .request-left .btn {
        padding: 8px 25px !important;
    }
    .request-right span a,
    .provider-login-form-right span a,
    .login-form-right span a {
        width: 130px !important;
    }
    .tab-content #map {
        width: 700px !important;
    }
    .portfolio .provider_cancel {
        width: auto !important;
    }
    .update-detail2,
    .provider-lang {
        margin-top: 0px !important;
    }
    .job-history .job-feedback .btn-default {
        padding: 5px 5px !important;
        right: 25px !important;
        margin-top: 1px !important;
    }
    #complete #show-edit-profile-div-com {
        right: 140px !important;
        padding: 5px 15px !important;
        margin-top: -60px !important;
        font-size: 12px !important;
    }
    #pending .prof_contact .btn-default,
    #cancelled .prof_contact .btn-default {
        margin-top: 20px !important;
        font-size: 14px !important;
        width: 43% !important;
        padding: 10px 10px !important;
        margin-bottom: 20px !important;
    }
    .job-history #pending .request_prof .prof-img,
    .job-history #complete .request_prof .prof-img {
        width: 35% !important;
        float: none !important;
    }
    .job-history #pending .prof-rate {
        margin-left: 75px !important;
    }
    #complete .pop_chat,
    #pending .pop_chat {
        right: 0 !important;
        left: 250px !important;
        top: 50px !important;
    }
    #cancelled #show-edit-profile-div1-can {
        right: 35px !important;
        margin-top: -70px !important;
        padding: 5px 10px !important;
    }
    #pending #show-edit-profile-div-pe,
    #pending #show-edit-profile-div1-pe {
        right: 30px !important;
        margin-top: -78px !important;
        padding: 5px 10px !important;
    }
    #pending .edit-profile-detail-form #frm1 .post_name,
    #cancelled .edit-profile-detail-form #frm1 .post_name {
        width: 100% !important;
    }
    #pending #show-edit-profile-div-Pe1,
    #pending #show-edit-profile-div1-Pe1 {
        right: 20px !important;
        margin-top: -60px !important;
    }
    .job-history .provider-list-btn {
        width: 37% !important;
        margin-right: 0 !important;
    }
    .edit-profile-detail-form #frm1 .post_name .prof_rates img {
        width: 4% !important;
        margin-right: 0 !important;
    }
    .about_prof {
        margin-left: 0 !important;
    }
    #profess .edit-profile-detail-form #frm1 .post_btn .save-but {
        top: 100px !important;
    }
    #profess #show-edit-profile-div-Pr1,
    #profess #show-edit-profile-div1-Pr1 {
        right: 60px !important;
    }
    .prof-rate {
        margin-left: 140px !important;
    }
    .prof_list .nav-tabs {
        margin-right: 15px !important;
        margin-top: 0 !important;
    }
    .search-bg .btn-info {
        margin-right: 125px !important;
    }
    .search-bg .modal-dialog {
        width: auto !important;
    }
    .contact_detail1 address h4 {
        font-size: 14px !important;
    }
    .search-bg .modal-footer .btn-default {
        margin-right: 0 !important;
        width: 20% !important;
    }
    .contact1 img {
        width: 3% !important;
    }
    .popup-box .popup-head .popup-head-right {
        margin: -25px 11px 0 !important;
    }
    #completed .request-detail3 {
        min-height: 110px !important;
    }
    #completed #show-edit-profile-div-c,
    #completed #show-edit-profile-div1-c {
        right: 200px !important;
        margin-top: -43px !important;
        padding: 7px 20px !important;
    }
    .popup-box {
        z-index: 999 !important;
    }
    .update-provider .previous_btn {
        width: 25% !important;
    }
    .bootstrap-timepicker-widget table td span {
        padding-left: 0 !important;
        font-size: 20px !important;
        margin-right: 0 !important;
    }
    .job-history .btn-group-justified {
        margin-left: 0 !important;
    }
    .requester-search .search-bg {
        width: 100% !important;
    }
    .travel-plan .provider-list-btn {
        width: 25% !important;
        margin-right: 10px !important;
        margin-top: 25px !important;
    }
    .header-page:before {
        top: 15% !important;
    }
    .provider-update .form-group {
        margin-bottom: 0 !important;
    }
    .portfolio-wrapper,
    .travel-plan-wrapper,
    .update-provider-wrapper,
    .job-history-wrapper,
    .requester-profile-wrapper {
        margin-top: 70px !important;
    }
    .portfolio,
    .portfolio:before,
    .travel-plan,
    .travel-plan:before,
    .update-provider,
    .update-provider:before,
    .requester-search,
    .requester-search:before,
    .job-history,
    .job-history:before,
    .requester-profile,
    .requester-profile:before {
        background: none !important;
    }
    .requester-search-wrapper {
        margin-top: 30px !important;
    }
    #features .feature-block p {
        font-size: 12px !important;
    }
    .process-flow .col-sm-3:nth-child(2),
    .process-flow .col-sm-3:nth-child(3),
    .process-flow .col-sm-3:nth-child(4) {
        margin-top: 70px !important;
    }
    #banner {
        height: 580px !important;
    }
    .navbar-brand img.mob-logo {
        width: 78% !important;
    }
    .job-history {
        margin-top: 80px !important;
    }
    .state,
    .working_padding,
    .s_name {
        clear: both;
    }
    .requester-search {
        margin-top: 75px !important;
    }
    .travel_edit .delete-btn:nth-child(1) {
        margin-left: 95px !important;
    }
    .travel-plan .header-page {
        width: 75% !important;
    }
    .travel-plan .add-plan {
        width: 23% !important;
    }
    .travel-plan .request-content {
        margin-top: 175px !important;
    }
    #travel1 #show-edit-profile-div-t,
    #travel2 #show-edit-profile-div1-t {
        right: 95px !important;
    }
    .travel-plan .provider-right {
        width: 20% !important;
    }
    .travel-plan .travel_edit {
        margin-left: 40px !important;
    }
    .travel-plan {
        margin-top: 50px !important;
    }
    #top-part {
        height: 60px !important;
    }
    .logo img {
        width: 70% !important;
        height: auto !important;
    }
    .portfolio {
        margin-top: 70px !important;
    }
    .portfolio .btn-group-justified .dash-img1 {
        left: 15px !important;
    }
    .portfolio .btn-group-justified .dash-img2 {
        left: 11px !important;
    }
    .portfolio .request-name h5,
    .portfolio .request-time h5 {
        margin-left: 32px !important;
    }
    .portfolio .request-time .feedback-btn {
        right: 65px !important;
        margin-top: 2px !important;
    }
    .portfolio .modal-content .feedback-btn {
        margin-top: -40px !important;
    }
    .mytrip-page span a {
        margin: 0px 15px 0 0 !important;
    }
    .Posted-date span input {
        width: 34% !important;
        margin-top: 15px !important;
        margin-right: 15px !important;
    }
    #post #show-edit-profile-div,
    #post #show-edit-profile-div1,
    #enquiry #show-edit-profile-div-e,
    #enquiry #show-edit-profile-div1-e,
    #respond #show-edit-profile-div-r,
    #respond #show-edit-profile-div1-r,
    #hired #show-edit-profile-div-h,
    #cancel #show-edit-profile-div-ca,
    #cancel #show-edit-profile-div1-ca {
        right: 75px !important;
        padding: 9px 15px !important;
        margin-top: -60px !important;
        font-size: 12px !important;
        border-radius: 50px !important;
    }
    .edit-profile-detail-form #frm1 img {
        width: 12% !important;
        margin-right: 10px !important;
    }
    .edit-profile-detail-form #frm1 .post_name {
        width: 60% !important;
        float: none !important;
    }
    .edit-profile-detail-form #frm1 .post_name img {
        width: 6% !important;
    }
    .edit-profile-detail-form #frm1 .post-time img {
        width: 3% !important;
    }
    .edit-profile-detail-form #frm1 .post-time {
        float: none !important;
        width: 100% !important;
    }
    .edit-profile-detail-form #frm1 .post_btn .save-but,
    .edit-profile-detail-form #frm1 .post_btn .cancel-but {
        width: 13% !important;
    }
    .edit-profile-detail-form #frm1 .post_btn .save-but {
        margin-left: 162px !important;
    }
    .mytrip-page {}
    #post .request-time,
    #enquiry .request-time,
    #respond .request-time,
    #hired .request-time,
    #completed .request-time,
    #cancel .request-time {
        margin-left: 15px !important;
    }
    .mytrip-page span a:last-child {
        background: none !important;
    }
    .forgot_p .header-page p {
        font-size: 14px !important;
    }
    .footer-bottom-part span {
        text-align: center !important;
    }
    #contact-form form input {
        width: 100% !important;
    }
    #contact-form form button {
        margin-right: 0 !important;
    }
    .logocontent {
        margin-left: -23px !important;
        font-size: 10px;
        margin-top: 45px !important;
    }
    .logocontent1 {
        margin-left: 20px !important;
        font-size: 13px;
        margin-top: -15px !important;
    }
    .logocontent2 {
        margin-left: 118px !important;
        font-size: 13px;
        margin-top: -15px !important;
    }
    .logocontent3 {
        margin-left: 118px !important;
        font-size: 13px;
        margin-top: -15px !important;
    }
    #banner .block {
        margin-top: -165px !important;
    }
    .title-h2 span:before {
        left: 475px !important;
    }
    .title-h2 span:after {
        right: 475px !important;
    }
    .process-flow .col-sm-3:nth-child(2) .process-content img {
        margin-left: -560px !important;
        margin-top: -495px !important;
        transform: rotate(90deg) !important;
    }
    .process-flow .col-sm-3:nth-child(3) .process-content img {
        margin-left: 15px !important;
        margin-top: -530px !important;
        transform: rotate(90deg) !important;
    }
    .process-flow .col-sm-3:nth-child(4) .process-content img {
        margin-left: -255px !important;
        margin-top: -490px !important;
        transform: rotate(90deg) !important;
    }
    .footer-box2 {
        padding-left: 10px !important;
        width: 355px !important;
        margin: 0 !important;
    }
    #features .feature-block {
        width: 100% !important;
    }
    .menu-logo {
        width: 55% !important;
    }
    nav button {
        top: 15px !important;
    }
    .footer-inner {
        display: inline !important;
    }
    .footer-box3 {
        margin: 40px 210px 0px !important;
    }
    .footer-bottom-part {
        padding: 15px 220px !important;
    }
    .footer-box1 {
        margin-left: 22px !important;
    }
    .footer-box1 .lang b a {
        color: #127d27;
    }
    .footer-box1 span {
        margin: 28px 0 15px !important;
    }
    #Cars3 {
        clear: both;
    }
    .feed_rating {
        width: 52% !important;
    }
    .signup_r .create-account p .submit {
        float: left !important;
        margin-left: 15px !important;
    }
    .signup_r .requester-signup-page h5 {
        padding-left: 15px !important;
        width: 20% !important;
    }
    .signup_r .upload-content .thumbnail,
    .signup_r .upload-content .btn-file {
        margin-left: 0 !important;
    }
    .signup_r .requester-signup-page .create-account span .create-account-input1 {
        width: 71.5% !important;
    }
    .modal-content .verified {
        padding-left: 35px !important;
    }
    #myModal1 .modal-content .modal-btn {
        margin-right: 55px !important;
    }
    .signup-provider #Carpentry,
    .signup-provider #plumbing,
    .signup-provider #home-services {
        width: 97% !important;
    }
    .popup-box3 .upload-content .thumbnail,
    .popup-box3 .upload-content .btn-file,
    .signup-provider .provider-lang #Carpentry {
        width: 100% !important;
    }
    #myModal2 .modal-content p {
        margin-left: 12px !important;
        line-height: 25px !important;
        padding-right: 0 !important;
        font-size: 17px !important;
        width: 81% !important;
        padding-top: 40px !important;
        padding-bottom: 20px !important;
    }
    #myModal2 .btn {
        margin-top: 6px !important;
        margin-left: 63px !important;
    }
    .forgot_p .login-err,
    .forgot_r .login-err {
        width: 69% !important;
    }
    .forgot_p .login-err .btn,
    .forgot_r .login-err .btn {
        font-size: 12px !important;
        padding-left: 12px !important;
        text-align: center !important;
    }
    .sign_p .request-right {
        margin: 50px 0 0 !important;
    }
    #example2-fullname-error .validation {
        width: 678px !important;
        margin-left: 4px !important;
        padding-left: 165px !important;
    }
    #example2-phone-error .validation {
        margin-left: 375px !important;
    }
    .help-center .static-para {
        width: 88% !important;
    }
    .signup-provider .request-right {
        float: none !important;
    }
    .signup-provider .header-page.trip-detail {
        margin-bottom: 30px !important;
    }
    .signup-provider .provider-create-account {
        padding-left: 30px !important;
    }
    .signup-provider .submit-btn {
        float: left !important;
    }
    .signup-provider .resend-btn {
        clear: both;
        float: left !important;
    }
    .signup-provider .number-verify {
        clear: both;
        float: left !important;
        width: 50% !important;
    }
    .signup-provider #myDiv .modal-content {
        width: 35% !important;
        height: 75% !important;
    }
    .signup-provider #Category {
        width: 97% !important;
    }
    .signup-provider .driver-profile-img {
        margin-bottom: 55px !important;
    }
    .signup-provider .expiry {
        margin-top: 0 !important;
    }
    .signup-provider #subDiv1 .driver-profile-img {
        margin-bottom: 30px !important;
    }
    .signup-provider .avail_table {
        width: 65% !important;
    }
    .border {
        display: none !important;
    }
    #subDiv1 .provider-right {
        margin-top: 0 !important;
    }
    .signup-provider .provider-lang {
        margin-top: 0 !important;
    }
    .signup-provider .cost-hr1 {
        width: 33% !important;
    }
    .signup-provider .cost-per-hour {
        margin-top: 95px !important;
    }
    .signup-provider .upload_cer {
        width: 40% !important;
    }
    .signup-provider .popup-box3 {
        width: 50% !important;
    }
    header {
        height: 60px !important;
    }
    .navbar-brand img {
        margin-top: -11px !important;
        width: 45% !important;
    }
    .w3-teal {
        margin-left: 3px !important;
        padding-top: 0px !important;
        margin-top: 0px !important;
    }
    .page-contant-inner {
        margin: 20px auto 0 !important;
    }
    .signin_r .request-left {
        width: 40% !important;
    }
    .help-center .static-page {
        width: 75% !important;
    }
    .sign_p .request-left {
        width: 40% !important;
    }
    .header-page {
        font-size: 25px !important;
        padding-left: 15px !important;
    }
    .signin .header-page {
        font-size: 34px !important;
    }
    .sign-in-provider {
        width: 35% !important;
        margin-left: 20px !important;
    }
    .page-contant {
        background-position: right -100px top 0 !important;
        padding: 0 0 20px !important;
        margin: 60px 0 0 !important;
    }
    .page-contant:before {
        width: 48px !important;
    }
    .sign-in-requester {
        width: 62% !important;
        margin-top: -238px !important;
    }
    .sign-in-requester p {
        width: 38% !important;
    }
    .bottomline p {
        padding-left: 15px;
    }
    .bottomline:after {
        left: 15px !important;
        top: 75px !important;
    }
    .signin-wrapper label {
        margin-left: 15px !important;
    }
    .request-left {
        width: 35% !important;
    }
    .signin-wrapper .form-control {
        margin-left: 15px !important;
    }
    .request-left .btn {
        margin-left: 15px !important;
    }
    .text-center {
        width: 65% !important;
    }
    .login-form-left {
        margin-left: 20px !important;
        width: 35% !important;
    }
    .requester-forgot-page {
        width: 57% !important;
    }
    .social-icon .socialmedia {
        margin-left: 12px !important;
        float: none !important;
        width: 190px !important;
        margin-top: 60px !important;
    }
    .header-page.trip-detail {
        font-size: 34px !important;
    }
    .static-page {
        padding-left: 20px !important;
        width: 65% !important;
    }
    .contact-form b {
        width: 70% !important;
        margin-left: 15px !important;
    }
    .contact-form b:nth-child(2) {
        width: 98% !important;
    }
    .contact-form b:nth-child(2) .contact-input,
    .contact-form b .contact-textarea {
        width: 69% !important;
    }
    .contact-form b:nth-child(3) {
        width: 68% !important;
    }
    .requester-signup-page .create-account span .create-account-input {
        width: 90% !important;
    }
    #page-content-wrapper {
        width: 100% !important;
    }
    #page-content-wrapper legend {
        margin-top: -42px;
        text-align: center;
    }
    .dashboard-logo>img {
        width: 20% !important;
    }
    .menu-list li a {
        padding-bottom: 10px;
    }
    #page-content-wrapper .btn-group-justified {
        width: 100% !important;
    }
    .btn-group-justified .dash-img {
        left: 5px !important;
    }
    .btn-group-justified span {
        font-size: 8px !important;
    }
    .btn-group-justified .dash-img1 {
        left: 12px !important;
        top: 15px !important;
    }
    .btn-group-justified .dash-img2 {
        left: 8px !important;
        top: 15px !important;
    }
    .btn-group-justified .dash-img3 {
        left: 20px !important;
    }
    .request-detail img,
    .request-detail1 img,
    .request-detail3 img {
        width: 6% !important;
    }
    .request-name h5,
    .request-time h5 {
        margin-top: -12px !important;
        font-size: 16px !important;
    }
    .request-time .btn-default {
        padding: 8px 15px !important;
        margin-left: 12px !important;
    }
    .provider-update #Category {
        width: 97% !important;
    }
    #updateDiv1 .profession {
        width: 100% !important;
    }
    .terms {
        position: absolute !important;
        top: 542px !important;
        width: 100%;
    }
    #update-btn1 {
        margin-top: 40px !important;
    }
    .avail_table .table,
    .post-verify {
        width: 100% !important;
    }
    .search1 h5,
    .search2 h5,
    .search3 h5 {
        width: 81% !important;
    }
    .search1Div #home-services,
    .search1Div #Carpentry,
    .search1Div #plumbing {
        margin-left: 147px !important;
        width: 55% !important;
    }
    .add-input2 {
        top: 55px !important;
    }
    .search2Div {
        border-left: 0 !important;
    }
    .search2 h5 {
        width: 50% !important;
        margin-top: 20px;
    }
    .save-btn input[type=checkbox] {
        margin-left: 0px !important;
        margin-top: 7px !important;
    }
    .post-verify .lg_checkbox {
        margin-left: -19px !important;
        margin-top: -22px !important;
    }
    .working_padding .fa-calendar {
        top: 25px !important;
    }
    .prof-list img {
        width: 40% !important;
        margin-left: 10px !important;
    }
    .professional {
        width: 90% !important;
    }
    .prof-rate {
        margin-top: 20px !important;
    }
    .prof-distance img {
        width: 20% !important;
    }
    .prof-distance {
        padding-left: 0px !important;
    }
    .prof-distance p {
        margin-left: -3px !important;
    }
    .job-history #myTabContent {
        width: 100% !important;
        margin-left: 0 !important;
    }
    .job-date {
        margin-top: 0px !important;
    }
    .request-history .btn-group-justified span {
        font-size: 14px !important;
    }
    .job-head {
        padding-left: 8px !important;
    }
    .job-feedback .btn-default {
        right: 30px !important;
        margin-top: -6px !important;
    }
    .job-date .btn-default {
        margin-left: -20px !important;
    }
    .requester-search .search1Div {
        border-right: 0 !important;
    }
    .post-state,
    .post-for,
    .search2Div .label_padd_left,
    .post-time label {
        clear: both;
    }
    #job_province {
        margin-top: 40px !important;
        margin-left: -46px !important;
    }
    .requester-profile .driver-profile-top-part h5 {
        margin-top: 155px !important;
        padding-left: 0px !important;
    }
    .requester-profile .create-account span strong:nth-child(2n) {
        float: none !important;
    }
    .requester-profile .profile-div1 {
        clear: both;
        width: 80%;
    }
    .requester-profile .create-account p .submit {
        margin-right: 140px !important;
        margin-top: 10px;
    }
}

@media screen and (max-width: 567px) and (min-width: 1px) {
    .bottomline p {
        width: 35%;
        padding-left: 20px;
    }
    .bottomline:after {
        left: 20px;
        top: 25% !important;
    }
    .bottomline {
        line-height: 30px !important;
    }
    .signin-wrapper label {
        padding-left: 20px !important;
    }
    .signin-wrapper .form-control {
        width: 75% !important;
        margin-left: 20px !important;
    }
    .request-left .btn {
        margin-left: 20px;
    }
    .forgot-link {
        margin-right: 80px;
    }
    .request-left {
        margin-bottom: 35px !important;
        border-bottom: 1px solid #ccc;
        padding-bottom: 35px !important;
		width:100% !important;
		padding-right:0 !important;
    }
    .request-right {
        float: none !important;
        margin-left: 25px !important;
    }
    .text-center {
        width: 35% !important;
    }
    .contact-form b {
        width: 100% !important;
    }
    .contact-form b .contact-input {
        margin-left: 18px !important;
        width: 33% !important;
    }
    .contact-form b .contact-textarea {
        width: 33% !important;
        margin-left: 18px !important;
    }
    .contact-form b:nth-child(3) {
        width: 190px !important;
    }
    .modal-content p {
        width: 100% !important;
    }
    .modal-content span {
        padding-left: 25px !important;
    }
    .modal-content .modal-btn {
        margin-left: 58px !important;
    }
    .driver-profile-img span {
        width: 135px !important;
        height: 135px !important;
    }
    .driver-profile-top-part h5 {
        margin-top: 148px !important;
        padding-left: 15px !important;
    }
    .requester-signup-page .create-account span .create-account-input {
        width: 69% !important;
    }
    .requester-signup-page .create-account span .create-account-input1 {
        width: 58% !important;
    }
    .create-account p .submit {
        margin-right: 175px !important;
    }
    .requester-signup-page h5 {
        width: 25% !important;
    }
    .upload_cer .upload-photo {
        margin-top: 140px !important;
    }
    .modal-footer .btn-default {
        margin-right: 115px !important;
    }
    .avail_table .table {
        width: 100% !important;
    }
}

@media screen and (max-width: 1099px) and (min-width: 1024px) {
    .edit-profile-detail-form #frm1 .post-job .btn-info {
        float: right !important;
        margin-top: -35px !important;
    }
    .bootstrap-timepicker-widget table td span {
        padding-left: 0 !important;
        font-size: 20px !important;
    }
    .login-form-left b .submit-but {
        font-size: 14px !important;
    }
    .sign_p .request-right {
        margin-top: 50px !important;
    }
    #example2-fullname-error .validation {
        width: 750px !important;
    }
    .tab-content #map {
        width: 855px !important;
    }
    .portfolio .provider_cancel {
        width: auto !important;
    }
    .cancelP .modal-content {
        width: auto !important;
    }
    .update-detail2 {
        margin-top: 0 !important;
    }
    #pending #show-edit-profile-div-pe,
    #pending #show-edit-profile-div1-pe {
        right: 335px !important;
    }
    .job-history .provider-list-btn {
        width: 20% !important;
    }
    #cancelled #show-edit-profile-div1-can {
        right: 350px !important;
    }
    .search-bg .contact_popup {
        width: auto !important;
        height: auto !important;
    }
    .contact1 img {
        width: 5% !important;
    }
    .travel_edit .modal-content p {
        width: 95% !important;
    }
    .portfolio .request-time .feedback-btn {
        margin-top: 3px !important;
    }
    #completed .request-detail3 {
        min-height: 110px !important;
    }
    #completed #show-edit-profile-div-c,
    #completed #show-edit-profile-div1-c {
        margin-top: -48px !important;
    }
    .professional {
        margin-left: 0 !important;
    }
    .update-provider .previous_btn {
        width: 20% !important;
        margin-top: -75px !important;
    }
    .update-provider .previous_btn i {
        display: none !important;
    }
    .travel-plan .provider-list-btn {
        width: 18% !important;
        margin-right: 78px !important;
    }
    .semiBold {
        font-size: 12px !important;
    }
    .btn-group-justified .dash-img1 {
        top: 12px !important;
    }
    .btn-group-justified .dash-img2 {
        top: 12px !important;
    }
    .btn-group-justified .dash-img3 {
        top: 12px !important;
    }
    .forgot_p .bottomline:after,
    .forgot_r .bottomline:after {
        top: 23% !important;
        left: 60px !important;
    }
    .sign_p .bottomline:after,
    .signin_r .bottomline:after {
        top: 24% !important;
        left: 65px !important;
    }
    .footer-box1 span {
        margin: 20px 0 0 !important;
    }
    .travel-plan .request-content {
        width: 92% !important;
    }
    .travel_edit .delete-btn:nth-child(1) {
        margin-left: 185px !important;
    }
    #myTabContent {
        width: 94% !important;
    }
    .job-history #myTabContent {
        width: 85% !important;
    }
    .portfolio,
    .travel-plan,
    .update-provider,
    .requester-search,
    .job-history {
        background-position: right -60px top 0 !important;
    }
    .portfolio:before,
    .travel-plan:before,
    .update-provider:before,
    .requester-search:before,
    .job-history:before {
        width: 88px !important;
    }
    .requester-profile:before {
        width: 115px !important;
    }
    .requester-search {
        margin: 100px 0 0 !important;
    }
    .requester-search-wrapper {
        margin-top: 60px !important;
    }
    .requester-search .search-bg {
        width: 93% !important;
    }
    .portfolio-wrapper .well {
        width: 94% !important;
    }
    .title-h2 span:before {
        left: 330px !important;
    }
    .title-h2 span:after {
        right: 330px !important;
    }
    .process-flow .col-sm-3:nth-child(2) .process-content img {
        margin-left: -110px !important;
    }
    .process-flow .col-sm-3:nth-child(3) .process-content img {
        margin-left: -190px !important;
        margin-top: -380px !important;
    }
    .process-flow .col-sm-3:nth-child(4) .process-content img {
        margin-top: -290px !important;
    }
    #features .feature-block p {
        font-size: 11px !important;
    }
    #travel1 #show-edit-profile-div-t,
    #travel2 #show-edit-profile-div1-t {
        right: 135px !important;
        margin-top: -73px !important;
        padding: 11px 25px !important;
    }
    .travel-plan .travel_edit {
        margin-left: 25px !important;
    }
    .get-fare-estimation-left {
        width: 100% !important;
    }
    #contact-form form button {
        margin-right: 48px !important;
    }
    .home-page-map {
        width: 90% !important;
        float: none !important;
    }
    .footer-box1 {
        margin-left: 10px !important;
    }
    .footer-box2 {
        width: 400px !important;
    }
    .footer-box3 {
        margin: 40px -12px 0px !important;
        float: left !important;
        width: 300px !important;
    }
    .logocontent {
        margin-top: -15px !important;
        margin-left: -62px !important;
    }
    .logocontent1 {
        margin-top: -15px !important;
        margin-left: -62px !important;
    }
    .logocontent2 {
        margin-top: -15px !important;
        margin-left: 110px !important;
    }
    .logocontent3 {
        margin-top: -15px !important;
        margin-left: 110px !important;
    }
    #banner .block {
        margin-top: -118px !important;
    }

    #banner .block h2 {

    }

    #features .feature-block {
        width: 100% !important;
    }
    .footer-bottom-part span {
        padding-left: 10px !important;
    }
    .forgot_p,
    .forgot_r,
    .signin,
    .sign_p,
    .signin_r,
    .signup-provider {
        min-height: 545px !important;
    }
    #feedback1 .modal-content,
    #feedback2 .modal-content,
    #feedback3 .modal-content {
        height: auto !important;
        width: 35% !important;
    }
    .feed_rating img {
        width: 7% !important;
    }
    #feedback3 .btn,
    #feedback2 .btn,
    #feedback1 .btn {
        padding: 6px 10px !important;
        border-radius: 0px !important;
        margin-top: -32px !important;
    }
    .signup_r .upload-content .thumbnail,
    .signup_r .upload-content .btn-file {
        margin-left: 0 !important;
    }
    .signup-provider #myDiv .modal-content {
        height: 35% !important;
    }
    .signup-provider #myDiv .modal-content p {
        padding-left: 30px !important;
    }
    .signup-provider .modal-content .verified {
        padding-left: 50px !important;
    }
    .signup-provider .popup-box3 {
        width: 37% !important;
    }
    .upload-content .thumbnail,
    .upload-content .btn-file,
    .signup-provider .provider-lang #Carpentry {
        width: 100% !important;
    }
    #myModal2 .modal-content {
        width: 45% !important;
    }
    #myModal2 .modal-content p {
        margin-left: 0px !important;
        line-height: 25px !important;
        padding-right: 0 !important;
        font-size: 17px !important;
        width: 85% !important;
        padding-top: 50px !important;
        padding-bottom: 20px !important;
    }
    #myModal2 .btn {
        margin-top: 6px !important;
        margin-left: 70px !important;
    }
    .text-center {
        width: 85% !important;
    }
    .static-page {
        width: 85% !important;
    }
    .contact-form b {
        width: 45% !important;
    }
    .contact-form b:nth-child(2) {
        margin-right: 65px;
    }
    .request-right {
        margin-right: 75px !important;
        margin-top: 15px !important;
    }
    .modal-content {
        width: 27% !important;
    }
    .modal-content p {
        line-height: 30px !important;
        width: 82%;
        padding-left: 25px;
    }
    .search3 .userwhole input[type=checkbox] {
        margin-left: 0px !important;
    }
}

@media screen and (max-width: 400px) and (min-width: 1px) {
	.title1 h2 {
    font-size:16px !important;
	}
	span.round-tab {
    font-size: 12px !important;
	}

    .signin-wrapper .form-control {
        width: 60% !important;
    }
    .forgot-link {
        margin-right: 192px;
    }
    .request-right {
        margin-left: 0 !important;
    }
    .header-page {
    
    }
    .header-page p {
        font-size: 14px !important;
    }
    .login-form-left b label {
        padding-left: 20px !important;
    }
    .login-form-left b .login-input {
        margin-left: 20px !important;
        width: 80% !important;
    }
    .login-form-left b .submit-but {
        margin-left: 20px !important;
    }
    .login-form-left b a {
        margin-right: 60px !important;
        margin-top: 18px !important;
    }
    .provider-login-form-right {
        float: none !important;
        margin-left: 25px !important;
    }
    .login-form-left {
        margin-bottom: 20px !important;
        border-bottom: 1px solid #e4e4e4;
        padding-bottom: 20px !important;
    }
    .login-form-right {
        float: none !important;
        margin-left: 20px !important;
    }
    .requester-forgot-page {
        float: none !important;
        margin-top: 50px !important;
        width: 100% !important;
    }
    .social-icon .socialmedia {
        width: 100% !important;
        float:left !important;
    }
    .static-page p {
      
    }
    .static-page {
        width: 100% !important;
		padding:20px !important;
    }
    .provider-create-account span .create-account-input {
        width: 90% !important;
    }
    .create-account-input {
        width: 100% !important;
    }
    #Category {
        width: 90% !important;
    }
    .modal-footer .btn-default {
        margin-right: 55px !important;
    }
}

@media screen and (max-width: 414px) and (min-width: 1px) {
	#Category1 {
    width: 78%;
	}
    #banner {
        padding: 100px 0 !important;
    }
    .help-center .static-para {
        float: none !important;
    }
    .sign_p .signin-wrapper .form-control {
        width: 78% !important;
    }
    .login-form-left {
        margin-left: 20px !important;
		width:100% !important;
		border-right:none;
    }
    .provider-login-form-right {
        float: none !important;
        margin-left: 45px !important;
    }
    .login-form-left {
        margin-bottom: 20px !important;
        border-bottom: 1px solid #e4e4e4;
        padding-bottom: 20px !important;
    }
    .header-page p {
        font-size: 14px !important;
    }
    .static-page p {

    }
    .driver-profile-page {
        width: 65% !important;
        margin-left: 25px !important;
    }
    .popup-box3 {
        height: auto !important;
    }
    .fileupload-new {
        padding-left: 0 !important;
    }
    span .fileupload-new {
        padding-right: 20px;
        padding-left: 0 !important;
    }
   
    .requester-signup-page .line-dro h3 {
        padding-left: 20px !important;
    }
    .create-account span strong label {
        width: 80% !important;
    }
    #page-content-wrapper legend {
        text-align: center;
        margin-top: 0 !important;
    }
    #page-content-wrapper {
        width: 100% !important;
		margin-top:50px !important;
    }
}

@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) {
    .professional {
        margin-left: 0 !important;
    }
    .dash_well {
        width: 90% !important;
    }
    .travel-plan .request-content {
        width: 90% !important;
    }
    .travel_edit input[type="submit"] {
        margin-left: 215px !important;
    }
    .signin_r .bottomline:after {}
	#banner .block h2 {
		width:72% !important;
	}
}
@media screen and (max-width: 567px) and (min-width: 1px)
{
.home-hero-page-right-text {
    display: block !important;
}

.home-hero-page-right-text span p
{
	 font-size: 14px;
    width: 100%;
    line-height: 23px;

}

.home-hero-page-right-text span a:last-child
{
	display:none !important;
}
.home-hero-page-right-text {
    height: 130px !important;
	width: 100% !important;
    top: 414px !important;
}
.home-hero-page-right-text {
    z-index: 99;
    margin: 0;
    padding: 0px;
    width: 315px;
    width: 52%;
    background-color: #1b3c88;
    height: 155px;
    position: absolute;
    top: 325px;
    left: 0;
}
}