@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px){
div{box-sizing:border-box;}
.freelancer-container{padding:0 1em;}
.wrapper{padding:0 0.5em;width:100% !important;}
body{min-width:inherit !important;}
.freelancer-banner h3{  line-height: 1.25em;margin: 0.5em 0 0.5em;}
.freelancer-banner h4{ margin: 0 auto 2em;}
.footertop .wrapper{width:100% !important}
.footertop{padding:50px 1em !important}
#foot .wrapper{width:100% !important}
.footer_cont{padding:20px 1em !important}
.qiucklink_sec{ width: 30% !important;}
.latest_updateblock{ width: 30% !important;}
.latest_tweets { width: 30% !important;}
.footer_cont{padding: 20px 1em;}
.tracking-examples{padding:0 1em;}
.tracking-time{width:31%;}
.tracking-interface{width:31%;margin-right: 20px;}
.tracking-invoice{width: 31%;}
.testimonials-examples{padding:0 1em;}
.tracking-time{margin-right:20px;}
.signupwrapper{height:auto;}
.signupwrapper span{font-size:1.15em;}
.signupwrapper input[type="text"]{width:150px;}
.slide-text{padding:3em 0 2em}
.testimonials-one{width:45%;margin-bottom:1.5em;}
.testimonials-one .imgsec{width:20%;}
.testimonials-one .testmon_desc{width:72%;}
.testimonials-examples {margin-bottom: 2em;}
ul.tour_list li{margin:0 1em 1em 1em;   width: 45%;}
.tourlist_grid{width:100%;}
ul.tour_list{padding:1.5em 0;}
.form_title{font-size:1.5em;}
.emailbg {background:#fff;height:52px;width:20%;border-radius: 5px;}
.pwdbgbg{background:#fff;height:52px;width:20%;border-radius: 5px;}
#signupform .simple_track{width:45%;margin-bottom:1.5em;margin-top:1.5em}
#signupform .invoice {width:45%;margin-bottom:1.5em;margin-top:1.5em}
#signupform .iphoneblock {width:45%;margin-bottom:1.5em;margin-top:1.5em}
ul.features_list{margin: 2em 1em;display: inline-block;}
ul.features_list li .featured_desc{width:50%;padding:0 1em;}
ul.features_list li .featured_img {width: 50%;}
ul.features_list li{width:100%;}
.termncondlist{padding:0 1em;}
.cont_formbg{width:95%;background-size:contain;}
.cont_formsec {padding: 2em;}
.cont_col {width: 45%;}
.thankscontent{width:70%}
#headerwrap_dashboard{padding:18px 1em 0;box-sizing: border-box;}
#headerwrap_dashboard #header{width:100% !important;}
#headerwrap_dashboard #header h1#logo{width:130px;}
#headerwrap_dashboard #header h1#logo a{width:100%;}
#headerwrap_dashboard #header h1#logo a img{max-width: 100%}
#header{width:100% !important;}
h1#logo a{width:100% !important;}
h1#logo a img{max-width: 100%}
#header h1#logo{width:130px;}
.welcomesec .notific_sec .nofic_icon, .welcomesec .notific_sec .claender_icon, .welcomesec .notific_sec .clock_icon, .welcomesec .notific_sec .helpicon, .welcomesec .notific_sec .curricon{margin-right:5px !important;}
#headerwrap_dashboard #header .welcomesec .notific_sec{width:188px;}
.welcomesec .notific_devider{margin:2px 10px 0}
.content_box{width:100% !important}
.blueheader{width:100% !important;height:auto !important;padding-bottom:20px !important;background: #269fe6 none repeat scroll 0 0 !important}
.colbox .dashboard_right{width:86%}
.colbox .dashboard_right .statistick_sec{padding:1.5em;}
.colbox .dashboard_grid.last{margin:1em 0 1em 0}
.dashboard_grid{margin:1em 1em 1em 0;padding:1em;text-align: center;height:auto;width:31%}
.dashboard_grid .summery_desc{width:100%;min-height:100px}
.dashboard_grid .projectimg, .dashboard_grid .invoiceimg, .dashboard_grid .tasksimg, .dashboard_grid .clientsimg, .dashboard_grid .incomeimg, .dashboard_grid .completeinvoimg{float:none;margin:0 auto;}
.cal_roundbox{width:100%}
.invoice_processec{width:100%}
.invoice_processec .active_project{margin:2em 1% 45px 0;width:23%}
.invoice_processec .invoice_paid{margin:2em 1% 45px 0;width:23%}
.invoice_processec .invoice_sent{margin:2em 1% 45px 0;width:23%}
.invoice_processec .active_tasks{margin:2em 1% 45px 0;width:23%}
.reportmidsec{overflow-x:scroll;}
.report_title{overflow-x:scroll;}
.report_title .clientcol, .report_title .clientdesccol{font-size:0.8em;width:48% !important}
.module{background: none }
.invoice_listing_section .clientsec_grid{width:23%;margin:0 1% 0 0;}
.invoice_listing_section .invoice-wrap{width:100%;overflow-x:scroll;}
.invoice_listing_section .serach_sec{width:100%;padding:10px 20px 0}
.invoice_listing_section .serach_sec .resetform{margin:0 !important}
.invoice_listing_section .serach_sec .resetbtn{float:right;}
.invoice_listing_section .serach_sec .searchbox{background: #fff;border:1px solid #fff;border-radius: 5px;width:40%}
.invoice_listing_section .serach_sec .searchbox input{width:100% !important}
.clients-wrapper{width:100%;overflow-x:scroll;float:left;}
.statistic_sec .clientsec_grid{margin: 0 1% 0 0;width:24%}
.inpage_contener .module .serach_sec{width:100%}
.inpage_contener .module .serach_sec{padding:12px 0.5em 0}
.inpage_contener .module .serach_sec #client_filter_form .searchbox{width:17%;border-radius: 0 5px 5px 0;margin-right:10px;}
.inpage_contener .module .serach_sec #client_filter_form .searchbox input{width:100%;box-sizing: border-box}
.inpage_contener .module .serach_sec #client_filter_form .resetform{margin-right: 10px;}
.inpage_contener .module .serach_sec #client_filter_form .resetform label{margin-right: 10px;}
.resetform.client .jquery-selectbox{background-position: right top;width:140px;border-radius: 0 5px 5px 0;}
.resetform.status .jquery-selectbox{background-position: right top;width:100px;border-radius: 5px 0px 0px 5px;}
.inpage_contener .module .serach_sec .resetbtn{float: right;}
.project-wrap{margin:0;padding:0;width:100%;float:left;overflow-x:scroll;}
.project-wrap .maincontainer{margin:0;padding:0;width:100%;float:left;overflow-x:scroll;width:1010px;}
.project-wrap div{box-sizing:content-box}
.staffwrap{margin:0;padding:0 10px;float:left;width:100%;overflow-x:scroll;}
.staffwrap .staff_sec{width:1010px;margin:0;}
.history_wrap{width:100%}
.dashboard_right .inpage_contener{overflow-x: scroll;}
.pricing_sec{overflow-x:scroll;width:1050px;}
.dashboard_right .statistick_title{clear: both;padding-top: 30px;}


.plan-details{padding:2em}
.plan-details-box{padding:2em}
.plan-description{padding:1em}
.plan-description-inner{padding:1em}
.unlimited-plans-wrap .wrapper{padding:0 1em;}
}


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 830px){
	
	#logo img{max-width:65%;margin-top:5px;}

}


@media (max-width: 767px) {
.content-sections{width:100% !important}
.consultant-banner-content{padding:3em 0;}
.photograpy-banner-content{padding:3em 0;}
.payroll-banner-content{padding:3em 0;}
.consultant-banner{padding-left:1em;padding-right:1em;}
.photographer-banner{padding-left:1em;padding-right:1em;}
.designer-banner{padding-left:1em;padding-right:1em;}
.payroll-banner{padding-left:1em;padding-right:1em;}
.programmer-banner{padding-left:1em;padding-right:1em;}
.consultant-banner h3{margin-top:0.5em;}
.programmer-banner h3{margin-top:0.5em;}
.photographer-banner h3{margin-top:0.5em;}
.payroll-banner h3{margin-top:0.5em;}
.content_topbg.dashboard_outer{padding:0 1em !important}
.consultant-banner h4{width:90%}
.programmer-banner h4{width:90%;margin-bottom:1em;}
.photographer-banner h4{width:90%}
.designer-banner h4{width:90%;margin-bottom:1em;}
.payroll-banner h4{width:90%;margin-bottom:1em;}
.designer-banner h3{margin-top:0.5em;}


div{box-sizing:border-box;}
#headerwrap_dashboard{background:#3f4650 !important;height:auto !important;}
#header h1#logo a{display:inline !important;}
#headerwrap_dashboard #header h1#logo{height:auto !important;margin:0 0 1em 0em !important;float:none !important;width:100%;text-align:center;}
#headerwrap_dashboard #header{width:100% !important;}
.welcomesec{float:none !important;clear:both;margin:0.5em auto !important;padding:0 1em;width:300px}
.welcomesec .notific_sec{float:left !important;width:188px !important;}
.welcomesec .userprofsec{float:left !important;margin-bottom:1em !important;margin-left:10px;}
.welcomesec .notific_sec .nofic_icon, .welcomesec .notific_sec .claender_icon, .welcomesec .notific_sec .clock_icon, .welcomesec .notific_sec .helpicon, .welcomesec .notific_sec .curricon{margin-right:5px !important;}
.welcomesec .notific_devider{display:none;}
.welcomesec .notsearchbox{float:none !important;clear:both;margin:5px auto;}
.content_topbg{padding:0 !important;}
body{min-width:100% !important;}
.wrapper{width:100% !important;}
.content_box{width:100% !important;}
.blueheader{width:100% !important;height:auto !important;padding-bottom:20px !important;}
ul.leftmenu li a{font-size:0.6em;}
.colbox .topcorner{display:none;}
.colbox .btmcorner{display:none;}
.leftcol{width:100% !important;padding:2em 0;background:#3f464f !important;text-align:center;}
.leftcol .tinynav{padding:0.25em;width:80%;margin:0 auto;}
.dashboard_right{width:100% !important;}
.dashboard_right .statistick_sec{padding:15px 10px 0}
.dashboard_grid{padding:10px 5px;height:auto;width:100%;}
.dashboard_grid .projectimg, .dashboard_grid .invoiceimg, .dashboard_grid .tasksimg, .dashboard_grid .clientsimg, .dashboard_grid .incomeimg, .dashboard_grid .completeinvoimg{margin-right:10px;float:none;display:inline-block;}
.dashboard_grid{text-align:center;}
.module{margin:0 0.5em;padding:15px 0 !important;text-align:center;}
.monthavrg{float:none;display:inline-block;margin:0 0 1em;}
.calender_input{float:none;display:inline-block;width:100%;margin-bottom:1em;}
.calender_input .calinputbg{width:40%;margin:0 0.5em}
.calender_input .cal_separator{display:none;}
.calender_input .calinputbg input[type="text"]{width:85%;}
.roundbox{padding:10px 5px}
.cal_roundbox{padding:0;border:0;}
.fc-header-title h2{font-size:1em !important;}
.fc-header-right .fc-button{margin-left:10px !important}
.invoice_processec{margin:2em 0;width:100%;text-align:center;}
.invoice_processec .active_project{width:100%}
.invoice_processec .invoice_paid{width:100%}
.invoice_processec .invoice_sent{width:100%}
.invoice_processec .active_tasks{width:100%}
#foot p{width:100%;text-align:center;}
.dashboard_grid .summery_desc{width:100%}
.cal_roundbox{width:100%}
.reportmidsec{overflow-x:scroll;}
.report_title{overflow-x:scroll;}
.report_title .clientcol, .report_title .clientdesccol{font-size:0.8em;width:48% !important}
.tinynav { display: block !important; }
.leftcol .leftmenu { display: none; }

/* styles for invoice page */
.clientsec_grid{margin:1em 0 !important;width:100% !important;}
.createbtnwid{right:22% !important;top:65px !important;width:56% !important}
.createbtnwid .bluebtn input{width:100%;}
.blueheader .invoicetitle{margin:0 0 2em;}
.blueheader {background:none repeat scroll 0 0 #269fe6 !important}
.statistic_sec{padding:0 1em !important;}
.module .search_tabs li{background:#eff0f1 !important;border:1px solid #d7d7d7;width:100%;box-sizing:border-box}
.module .search_tabs li a{background:none !important}
.invoice-wrap{width:100%;overflow-x:scroll;}
.serach_sec{width:100% !important;background:none !important;height:auto !important;float:left;}
.serach_sec .searchbox{width:100%;border:1px solid #d7d7d7;border-radius:5px;background:none !important}
.serach_sec .searchbox input{width:100%;box-sizing:border-box;padding-left:10px !important }
#invoice_filter_form .status{width:100%;margin:1.5em 0 !important;}
#invoice_filter_form  .resetbtn{margin:1.5em 0 2.5em 28% !important;}


/* styles for clients page */
.addbtn{right:26% !important;top:65px !important;width:45% !important;text-align:center;}
.addbtn .bluebtn{float:none !important;display:inline-block;}
.addbtn .bluebtn .bluebtn input{float:none !important;display:inline-block;}
.blueheader .clienttitle {margin:0 0 2em;}
.clients-wrapper{width:100%;overflow-x:scroll;float:left;}
.client_btmbg{clear:both;}
#client_filter_form .status{width:100%;margin:1.5em 0 !important;}
#client_filter_form .client{width:100%;margin:1.5em 0 !important;}
.module .serach_sec  .resetbtn{margin:1.5em 0 2.5em 28% !important;}
.client_listmid{height:auto !important;}
.resetform label{margin-bottom:10px;}


/*styles for projects page */
.projecttitle {margin:0 0 2em;}
.createprojbtn{right:0% !important;top:65px !important;width:100% !important;text-align:center;}
.createprojbtn .bluebtn{display:inline-block;float:none;}
.project-wrap{margin:0;padding:0;width:100%;float:left;overflow-x:scroll;}
.project-wrap div{box-sizing:content-box}
#client-list{width:1020px;padding:0 0 15px;}


/*styles for staff page */
.stafftitle  {margin:0 0 2em;}
.addstaffbtn{right:0% !important;top:65px !important;width:100% !important;text-align:center;}
.addstaffbtn .bluebtn{display:inline-block;float:none;}
.staffwrap{margin:0;padding:0 10px;float:left;width:100%;overflow-x:scroll;}
.staff_sec{width:1010px;margin-top:0 !important}
.Add_staff{width:1010px;margin-top:0 !important}

/* styles for timeline page */
.history_wrap{width:100% !important;}

/* styles for upgrade page */
.price_grid{margin:0.75em auto !important;float:none !important;}
.price_grid.plus_grid{margin:0.75em auto !important;float:none !important;}
.plus_listsec{padding:0 !important;}
.pricing_sec{margin:0 !important}

/* styles for home page */
#header h1#logo{float:none !important;text-align:center;width:100%;display:inline-block;margin:1em auto 1.5em;}
ul.login_area{float:none !important;margin:0 auto;width:200px;padding:0 !important;}
ul.login_area li{padding:0 !important;margin:0 6px;}
#home_menu {clear: both;display: block;float: none !important; margin: 0 auto; padding: 15px 0 20px;  width: 285px;}
.takeatour { background-size:contain;    bottom: 0 !important;    height: 62px;   left: 0 !important;    margin: 1em auto;    position: relative;    width: 300px;}
#mainbody{margin:1em auto 0 !important;}
#maincontent{padding:1em 0 !important;}
.tracking-examples{margin-bottom:2em !important;}
.contsub_title{margin-bottom:2.5em !important;}
.tracking-time{float:none !important;margin:1em auto 1.5em !important;width:100% !important;}
.tracking-interface{float:none !important;margin:1em auto 1.5em !important;width:100% !important;}
.tracking-invoice{float:none !important;margin:1em auto 1.5em !important;width:100% !important;}
.testimonials-examples{margin-bottom:2em !important;}
.testimonials-one{margin:0 0 1.5em !important;width:100% !important;}
.testimonials-one .imgsec{margin:0 !important;width:15%}
.testimonials-one .testmon_desc{width:80%;padding:0 0 0 5% !important;}
.clientsec #clientlogos{margin:0 !important;}
ul.client_logolist li{width:100%;margin:0 !important;}
ul.client_logolist table{width:100%;}
ul.client_logolist table td{text-align:center;}
.clientsec{margin-bottom:2em;}
.qiucklink_sec{margin:0 auto !important;width:90% !important;float:none !important;}
.latest_updateblock{margin:2em auto !important;width:90% !important;float:none !important;}
.latest_tweets {float: none !important;margin: 0 auto !important;width: 90% !important;}

/* styles for features page */

.maintitlebg .page_title{padding:0 0 0 0.5em !important}
ul.features_list{padding:0 0.5em !important; margin: 0 !important;}
ul.features_list li .featured_img{max-width:100% !important; margin: 0 0 2em;}
ul.features_list li .featured_desc{max-width:100% !important;padding:0 !important}
.inpage_contener ul.features_list li{margin-bottom:1.5em;}
.track-your-time .contsub_titlein{margin-bottom:2em !important}

/* styles for pricing page */
.pricing_sec.pricing_detail{width:100% !important}
.price_grid.plus_grid{max-width:100% !important;}
.price_grid.plus_grid .plus_btmshadow{display:none !important}
#wrapper .btmcorner{display:none;}
.inpage_contener .pricing_detail .plus_listsec{padding:0 13px !important}


/* styles for tour page */
.tourlist_grid{width:100% !important; display: inline-block;margin: 1em auto;}
.cont_title.centerAlign{padding:0 10px;}
.tour-outerwrap .track-your-time .cont_title{padding:0 0.5em;}
.tour-outerwrap .track-your-time .contsub_title{padding:0 0.5em;}
.tour_midgradbg{padding:0 0.5em !important;}
.tour-titles .cont_title{padding:0 0.5em !important;}
.tour-titles .cont_subtitle{padding:0 0.5em !important;}
ul.tour_list li{padding:1em !important;width:100% !important; box-sizing: border-box;margin:0 !important}
ul.tour_list li .time_icon{width:20% !important;margin-right:2% !important;}
ul.tour_list li .desc_sec{width:78% !important}
ul.tour_list li .desc_sec .cont_title{font-size:1.25em !important;margin-bottom:5px !important;line-height: 1em !important;}
ul.tour_list li .interface_icon{width:20% !important;margin-right:2% !important;}
ul.tour_list li .report_icon{width:20% !important;margin-right:2% !important;}
ul.tour_list li .invoice_icon{width:20% !important;margin-right:2% !important;}
ul.tour_list li .intgr_icon{width:20% !important;margin-right:2% !important;}
ul.tour_list li .iphone_icon{width:20% !important;margin-right:2% !important;}


/* styles for testimonial page */
.termncondlist{padding:1em}

/* styles for contact page */
.contact_pagebg{padding-top:0 !important}
.cont_formbg{width:100% !important;padding:1em !important;background:none !important;height:auto;}
.cont_formsec{padding:0 !important;}
.cont_formsec .cont_col{width:100% !important}
.da-form-row .da-form-item{background-size:contain;width:100% !important;}
.da-form-row .da-form-msg{background-size:contain;width:100% !important;}
.cont_button{background-size:contain;width:100% !important;}
.cont_formsec .cont_col{margin-bottom:1.5em !important;}
.da-form-row .da-form-item input{width:100% !important;}
.da-form-row .da-form-msg textarea{width:100% !important;}

/* styles for login section */
#loginform{padding:1.5em 1em !important}
#loginform .form_title{margin:8px 30px 1em 10px !important;}
#loginform .emailbg{width:100% !important;background:#fff !important;border-radius:5px;margin-bottom:10px;}
#loginform .pwdbgbg{width:100% !important;background:#fff !important;border-radius:5px;margin-bottom:10px;}
#loginform .pwdbgbg input{box-sizing:border-box;width:100%}
#loginform .btnwid{margin-top:1em !important;}

/* styles for signup section */
#signupform{padding:1.5em 1em !important}
#signupform .pwdbgbg{width:100% !important;background:#fff !important;border-radius:5px;margin-bottom:1em;}
#signupform .simple_track{margin-bottom:1em;width:95% !important}
#signupform .simple_track .timebg{width:14% !important;}
#signupform .simple_track .trackdesc{width:80% !important;}
#signupform .invoice{margin:0 20px 1em 10px;width:95% !important}
#signupform .invoice .invoicebg{width:14% !important;}
#signupform .invoice .trackdesc{width:80% !important;}
#signupform .invoice .reportbg{width:14% !important;}
#signupform .iphoneblock{margin:0 20px 1em 10px;width:95% !important}
#signupform .iphoneblock .iphonebg{width:14% !important;}
#signupform .iphoneblock .iphonedesc{width:80% !important;}
.reg_form{width:100% !important;}
.signup{min-width:auto !important;padding:1em !important;}
.signup .reg_form{padding-top:0 !important}
.signup .reg_form .signup{padding:0 !important;margin:0.5em 0 1em !important}
.signup .reg_form #signup-form .signup_emailbg{width:95% !important}
.signup .reg_form #signup-form .signup_emailbg input{width:100%;box-sizing:border-box;}
.signup .reg_form #signup-form .button {width:100% !important;}
.signup .reg_form #signup-form .button input{width:100% !important;box-sizing:border-box;}
.signup .reg_form #signup-form .termcond_txt{padding-bottom:0 !important}


/* styles for pricing page popup section */
#payment_popup{width:100% !important;left:0 !important;}
#payment_popup .popupcol{width:100% !important;clear:both;margin:0 0 1em !important;}
#payment_popup .popupcol .gray_top, #payment_popup .popupcol .gray_btm{display:none;}
#payment_popup .popupcol .popupmid{height:auto !important;}
#payment_popup .popupcol .upgrade_btnpos{position:inherit !important;left:0 !important;top:0 !important;text-align:center;width:100% !important;}
#payment_popup .popupcol .upgrade_btnpos .button_red{float:none !important;display:inline-block;}
.paymentformsec {padding:15px 10px !important;}
.paymentformsec .payment_formblock{width:100%;}
.paymentformsec .payment_formblock .paymentformsec{display:none;}
.paymentformsec .payment_formblock .form_mid{width:100%;}
.paymentformsec .payment_formblock .formtop_sec{height:auto !important;padding:25px 0 !important;}
.paymentformsec .payment_formblock .form_mid .formblock{padding:20px 5px !important;}
.paymentformsec .payment_formblock .form_mid .formblock ul{padding:0px;}
.paymentformsec .payment_formblock .form_mid .formblock ul.payment_form li label{width:100%;text-align:center;margin:0 0 5px 0;}
.paymentformsec .payment_formblock .form_mid .formblock .fl{width:100%;}
.paymentformsec .payment_formblock .form_mid .formblock ul.payment_form .f1 select{width:100%;}
.paymentformsec .payment_formblock .form_mid .formblock ul.payment_form li input[type="text"]{width:100%;box-sizing:border-box;}
.paymentformsec .payment_formblock .form_mid .form_btm .toptransbg{padding:15px 5px !important;}
.paymentformsec .payment_formblock .form_mid .form_btm .form_cancel{float:none;margin:0.5em auto;}
.paymentformsec .payment_formblock .form_mid .form_btm .form_cnfrm{float:none;margin:0.5em auto;padding:1em 0;  clear: both;}
#project_reports{left:0 !important;width:100% !important;overflow-x:scroll;}
#project_reports .clientdetail_sec{margin:0 !important;}
#project_reports .summary_popup_contsec{width:785px !important;overflow-x:scroll;}
#project_reports .clientN_title{font-size:1em !important}
.inpage_contener{min-height:auto !important;}
#main-login-form{padding:1em !important;}
#main-login-form .login_emailbg{width:100% !important;}
#main-login-form .login_emailbg input{width:100% !important;box-sizing: border-box;}
#main-login-form .login_pwdsec{width:100% !important;}
#main-login-form .login_pwdsec input{width:100% !important;box-sizing: border-box;}
#main-login-form .button{width:100% !important;}
#main-login-form .button input{width:100% !important;box-sizing: border-box;}
.enablefeature .invoice_grid{margin-right:0 !important;width:224px !important;height:338px !important;margin:0 auto 36px !important;float:none !important;}
.enablefeature .invoice_msgbox{width:100% !important;height:auto !important;}
.inpage_contener .createprojecttrigger{left:0 !important;width:100% !important;}
#create_project_form .popup_contsec input{width:100%;box-sizing:border-box;}
#create_project_form .popup_contsec .formtextbg{width:100% !important;background:none !important;border:1px solid #ccc;border-radius:5px;}
#create_project_form .popup_contsec .countrysel_no{width:100% !important;background:none !important;border:1px solid #ccc;border-radius:5px;}
#create_project_form .popup_contsec .fl{width:100% !important;}
#create_project_form .popup_contsec .fl .formtextarea{width:100% !important;background:none !important;border:1px solid #ccc;border-radius:5px;}
#create_project_form .popup_contsec .ovflhidden .fl{width:auto !important;}
#create_project_form .popup_contsec{height:auto !important;}
#create-client{left:0 !important;width:100% !important;}
#create-client #addclientform .popup_contsec .fl{width:100% !important;}
#create-client #addclientform .popup_contsec .fl .formtextbg{width:100% !important;background:none !important;border:1px solid #ccc;border-radius:5px;}
#create-client #addclientform .popup_contsec .ovflhidden .fl{width:auto !important;}
#create-client #addclientform .popup_contsec .fl .formtextarea{width:100% !important;background:none !important;border:1px solid #ccc;border-radius:5px;}
#delete-staff{left:0 !important;width:100% !important;}
#home_menu a{font-size:0.8em !important;padding:0 10px 0 6px !important;}
#timer_section{width:260px !important;}
#time_tracker{width:100% !important;}
#time_tracker .timer_content{box-sizing:border-box;width:100% !important;}
#time_tracker .timer_content .search_client{width:100% !important;}
#time_tracker .timer_content .search_client input[type="text"]{width:100% !important;font-size:0.75em !important;}
#time_tracker .proj_midcontent{width:100% !important;}
#time_tracker .contentscrollsec.scroll-pane{width:100% !important;}
#time_tracker .projectblock{width:100% !important;}
#time_tracker .jspPane{left: 0 !important;}
#time_tracker ul.timeredit{margin:0 !important;padding:0 10px !important;}
#time_tracker ul.timeredit li input[type="text"], #time_tracker ul.timeredit li select{width:100% !important;box-sizing:border-box;}
#time_tracker .contentscrollsec.scroll-pane{height:195px !important;}
#time_tracker .jspContainer{height:195px !important;}
#time_tracker #trackcntlsec{width:100% !important;}
#time_tracker .timeticker, #time_tracker .timeralert{height:48px !important;}
.welcomesec .notif_dropdown, .welcomesec .currn_dropdown{width:140px !important;}
.welcomesec .notif_title, .welcomesec .currn_title{height:auto !important;font-size:0.75em !important;}
.welcomesec .notif_title a, .welcomesec .currn_title a{font-size:1em !important;}
.welcomesec ul.notif_list li a{font-size:0.75em !important;}
.welcomesec .currency_block .curncy_calc input[type="text"]{width:100% !important;font-size:0.7em !important;box-sizing:border-box;}
.welcomesec .currency_block .cur-selectbox{width:100% !important;background:#fff !important;border:1px solid #fff;border-radius:5px;}
.welcomesec .currency_block .cur-selectbox span{width:100% !important;}
.welcomesec .currency_block .cur-selectbox select{width:100% !important;}
.welcomesec .currency_block .total-amount{width:100% !important;}
.banner-desc-box{padding:0 1em 1em !important;width:100% !important}
.banner-img-box{text-align: center;width:100% !important;}
.tax-invoice-content-box{width:100% !important}
.forgetpass_wrap .login_emailbg input{width:100% !important;box-sizing:border-box;}
.forgetpass_wrap .login_emailbg{width:100% !important}
.forgetpass_wrap .reg_form{padding:0 1em;min-height:auto !important;margin-bottom:2em;}
.forgetpass_wrap #login-form .button{width:100%;}
.forgetpass_wrap #login-form .button input{width:100% !important;box-sizing:border-box;}
.signupwrapper{height:auto !important;margin:2em 0 !important;padding:1em;}
.signupwrapper input[type="text"]{float:left;clear:both;width:100%;margin:1em 0; box-sizing: border-box;}
.signupwrapper span{display: block}
#mainbody{clear: both;}
.track-your-time{padding:0 1em;}
.container_fullwidth{padding:0 !important}
.paymentbox-outer .payment-methods{width:100%;margin-bottom:1em;padding: 1em 0 !important;}
.paymentbox-outer .payment-methods .paymentmethod-inner{padding:1em;}
.paymentbox-outer .payment-methods .methods-title{font-size:1em;}
.paymentbox-outer .payment-methods .paymentmethod-inner h4{font-size:1.15em;}
.paymentmethod-from p .expiry-date{width:45.5%;}
.paymentbox-outer .payment-methods .paymentmethod-inner .paynow-btn{float:none;width:55%}
.paymentinvoice{padding:0 1em;}
.payment-methods-info-inner .info-left span{display: none;}
.payment-methods-info-inner .info-right span{display: none;}
.payment-methods-info-inner .info-left{padding-top:0.5em;}
.section-title-outer h5{font-size: 1.5em !important;}
.section-title-outer h3{font-size: 2em !important;}
.section-title-outer{margin:3em 0 2em !important}
.freelancer-content p{font-size:1.25em !important;}
.subtitle{font-size:1.5em !important; margin: 1em 0 !important;}
.freelancer-content{padding:0 1em !important;}
.freelancer-content ul li{font-size:1.25em !important;}
.freelancer-banner{padding: 2.5em 0;}
.freelancer-banner h3{margin:0.5em 0 0.5em;  font-size: 2.5em;line-height: 1.5em;}
.freelancer-banner h4{margin: 0 auto 1em;width:90%;}
.profile-inner .col-left{width:100%;}
.profile-inner .col-right{width:100%;}
.profile-inner .col-left h4{font-size:2.25em;margin: 0 0 0.5em;}
.profile-box{width:50%;}
.testimonial-inner .message{width:100%;}
.testimonial-outer{ padding: 4em 0;}
.freelancing-community-inner h4{font-size:2em;line-height:1em; margin: 0 0 1em;}
.freelancing-community-content .col-left{width:100%;}
.freelancing-community-content .col-right{width:100%;}
.freelancing-community-content .col-left ul{padding:0;}
.freelancing-community-content .col-right ul{padding:0;}
.freelancing-community-content ul li{font-size: 1.15em; padding: 0 0 1em 4em;}
.table-contents-inner .col-left{width:100%;padding:0 15px;}
.table-contents-inner .col-right{width:100%;padding:0 15px;}
.table-contents-inner .col-left ul,.table-contents-inner .col-right ul{margin:0;} 
.working-steps{width:50%;}
.affiliates-for-affiliates-inner .col-left{width:100%;}
 .affiliates-for-affiliates{padding:2em 1em;}
 .basic-plans{width: 50%;padding:0 1em 0 0}
 .price{width:100%}
 .planbox .price{font-size:1.75em; min-height: 80px;}
 .affiliates-for-affiliates-inner .col-left .planbox h6{font-size:1em;}
 .join-affiliate h4{font-size:2.75em;}
 .join-affiliate{padding:2em 0;}
 .affiliate-banner h3{font-size:3.5em;}
 .affiliate-banner{ padding: 3em 1em 3em;}
 .affiliate-day .time-mid-content{ padding: 0em 0.75em;}
 .align-mid {padding-top: 1.2em !important;}
.planbox .price.short-term{padding-top: 0.5em;}
.affiliate-features-wrap .wrapper{padding:0 0.75em;}
.howitworks-inner{padding:0 0.75em;}
.join-affiliate-inner{padding:0 0.75em;}
.freelancing-community-inner{padding:0 0.75em;}
.slider_wrapper{padding:0 1em;}
.testimonials {padding:0 1em;}
.testimonials-examples{padding:0 1em;}
#maincontent .clientsec {padding:0 1em;}
.inpage_contener .time-mid-content{padding:3em 1em 2em}
.inpage_contener .time-bottom-img-wrap{padding: 3em 1em 0;}
.inpage_contener .module .dashboard_content{width:100%}
.inpage_contener .module .dashboard_content ul{width:100%;height:1050px !important;padding:0 0.5em;box-sizing:border-box;}
.inpage_contener .module .dashboard_content ul li{width:100%;height:auto !important;}
#personalinfo label{text-align:left;width:100%;}
#personalinfo .inputbg{background:none;border:1px solid #ccc;border-radius:5px;width:100%;}
#personalinfo .inputbg input{width:97%;}
#personalinfo .fl select{width:97%;}
#personalinfo .fl #selected_value{width:90%;text-align:left;}
#personalinfo ul .fl{width:100%;}

#testimonial-content-wrapper .clientsec{padding:0 1em;}
.unlimited-plans-wrap .wrapper{padding:0 1em;}
.plan-details{width:100%;padding:2em 1em;}
.plan-description{width:100%;padding:1em;}
.plan-details-box{padding:2em 1em;}
.free-signup-button{padding: 0.75em;  font-size: 1.25em;}
.page-intro-title{margin:0; padding: 0;}
.plan-description-content h6 {color: #444;}
.plan-description-content p {color: #444;}
.plan-description-inner{padding:0 1em;}
.section-title{margin-bottom:0;}
.unlimited-plan-details{width:50%;}
.footertop .col-md-3{width:50%;margin:1em 0;}
.responsive-breaker{display:block}
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px){
.unlimited-plan-details{width:100%;margin: 0.5em 0;}
.consultant-banner h3{font-size:2.8em; word-wrap: break-word;}
.photographer-banner h3{font-size:2.8em; word-wrap: break-word;}
.programmer-banner h3{font-size:2.8em; word-wrap: break-word;}
.designer-banner h3{font-size:2.8em; word-wrap: break-word;}
.payroll-banner h3{font-size:2.8em; word-wrap: break-word;}
}