@media (min-width: 1700px){
.container {     width: 1600px;}
.edit_form_main.mob_dis.estimation-start-field .edit_form_right .est-date-start-end {     width: 215px !Important; }
.edit_form_first .edit_form_right.mob_right {     width: 656px !important; }
.article-new-main:after{  top: -15px;     right: -16px;}
}
@media (min-width:1440px) and (max-width:1699px){
	.container {     width: 1400px;}
	.edit_form_main.edit_form_first .edit_form_right.mob_right {     width: 608px !important; }
	.edit_form_main.mob_dis.estimation-start-field .edit_form_right .est-date-start-end {     width: 237px !Important; }
}
@media (max-width:1439px){
	.active-project-heading .all-project-checkbox label.show-text{ margin: 8px 6px 0 0;font-size: 16px;     line-height: 24px;}
	.all-project-checkbox .project-checkbox-inner{margin:0 7px 0 0;}
	.all-project-checkbox .project-checkbox-inner label.one{    font-size: 16px;     line-height: 24px;}
}
@media (min-width:1400px){
	.feedback-form .project-textarea textarea{    min-height: 482px;}
	.article-new-main:after{  top: -16px;  right: -15px;}
	.setting_right .edit_form_right:first-child {     width: 7%; }
}
@media (min-width:1370px) and (max-width:1439px){
	.container {     width: 1350px;}
	.edit_form_main.mob_dis.estimation-start-field .edit_form_right .est-date-start-end {     width: 237px !important; }
	.edit_form_first .edit_form_right.mob_right {     width: 592px !important; }
	.article-new-main:after{  top: -16px;  right: -15px;}
	.setting_right .edit_form_right:first-child {     width: 7.5%; }
}
@media (min-width:1320px) and (max-width:1369px){
	.container {     width: 1300px;}
	.home-box-top .home-top-inner a.home-top-image-new{width:44px;}
	.home-box-top .home-top-inner > img{height:44px; width:100%;}
	.edit_form_main.mob_dis.estimation-start-field .edit_form_right .est-date-start-end { width:223px !important; }
	.edit_form_main.edit_form_first .edit_form_right.mob_right {     width: 559px !important; }
	.article-new-main:after{  top: -13px;  right: -12.8px;}
	.all-project-checkbox .edit_form_right .edit_cus_check input{    width: 36px;     height: 36px;}
	.all-project-checkbox .edit_cus_check label {     width: 36px;     height: 36px; }
	.all-project-checkbox .edit_cus_check label:after{left: 7px;     top: 9px;}
	.setting_right .edit_form_right:first-child {     width: 8%; }
}
@media (min-width:1200px) and (max-width:1319px){
.home-box-top ul li.percent-box{width: 30px;     height: 30px;}
.home-box-top ul li{width: 30px;     height: 30px;}
.home-box-top ul li.percent-box span{font-size: 10px;     line-height: 26px; padding:0;}
.home-box-top ul li img {     width: auto;     height: 30px;}
.home-box-top{padding:20px 12px;}
.home-box-inner{padding:0 12px;}
.estimation-start-field .edit_form_right .est-date-start-end input {     width: 164px; }
.table.sponsored-project-new { display: block;     width: 100%;     white-space: normal;     overflow-x: auto; }
.article-new-main:after{    background-size: 75px;     top: -17px;     right: -10.8px;}
.logo_section h2{    padding: 18px 0 18px 30px; margin: 0 0 0 30px;}
.home-box-top .home-top-inner a.home-top-image-new{width:44px;}
.active-project-heading .all-project-checkbox label.show-text{    font-size: 13px;     line-height: normal; margin-top:3px;}
.all-project-checkbox .edit_form_right .edit_cus_check input {     width: 21px;     height: 21px; }
.all-project-checkbox .edit_cus_check label {     width: 21px;     height: 21px; }
.all-project-checkbox .edit_cus_check label:after {     width: 17px;     height: 14px;     left: 1px;     top: 3px; }
.all-project-checkbox .project-checkbox-inner label.one {     font-size: 13px;     line-height: normal; }
ul.project-dashboard-list li span {     width: 60%; }
ul.project-dashboard-list li span:last-child{width:40%}
}
@media (min-width:1400px){
.lyerco_left_table {     padding: 90px 0 0 0; }
.tooltip-main:before{width: 23px;     height: 20px;     background-size: cover;     top: -19px;     right: -2px;}
}
@media (max-width:1399px){
	.table-business{display: table; }
	.sidebar-list .list-inner h6{    font-size: 15px;     line-height: 23px;}
	.sidebar-list .list-inner span{    font-size: 15px;     line-height: 23px;}
	.sidebar-list ul li h6{    font-size: 15px;     line-height: 23px;}
	.sidebar-list ul li span{    font-size: 15px;     line-height: 23px;}
	div#picture_upload_div .upload-demo-wrap {     height: 300px !important; }
}
@media (min-width:1250px){
	.edit_form_right.mob_right {     width: 350px; }
	.feedback-form .edit_form_right {     width: 100%; }
	.estimation-start-field .edit_form_right.mob_right {     width: auto; }
	.edit_form_main.mob_dis.estimation-start-field .edit_form_right .est-date-start-end {     width: 192px; }
	.estimation-start-field .edit_form_right .est-date-start-end input{width:100%;}
	.edit_form_main.edit_form_first .edit_form_right.mob_right{width:481px;}
	.est-date-start-end:last-child{padding: 0 15px;}
	
}
@media only screen and (max-width:1199px){
	.table {     display: block;     width: 100%;     white-space: nowrap;     overflow-x: auto; }
	.container{  max-width: 95%;}
	.logo_section h2 {       padding: 0 0 0 21px;     margin: 0 0 0 21px;	}
	.logo_section .mobile-logo-inner {     display: flex;    display: -webkit-box;     display: -moz-box;     display: -ms-flexbox;     display: -webkit-flex;   align-items: center;   -webkit-box-align: center;     -moz-box-align: center;     -webkit-align-items: center;     -ms-flex-align: center;}
	.home-box-inner h2{font-size:25px;}
	.top_header_right_inner ul li{  margin: 0 15px 0 0;}
	.lyerco_right_table{padding:0;}
	.update-btn span{    margin: 0 8px;}
	.logo_section {     display: flex;    display: -webkit-box;     display: -moz-box;     display: -ms-flexbox;     display: -webkit-flex;   align-items: center;   -webkit-box-align: center;     -moz-box-align: center;     -webkit-align-items: center;     -ms-flex-align: center; }
	.table_heading_text h2{font-size:40px; line-height:40px;}
	.lyerco_left_table {     padding: 80px 20px 0 0; }
	.lyerco_right_table.my-profile {     padding: 0 0 0 21px; }
	.user-profile-img img{height:160px; width:160px;}
	.feedback-heading h2{font-size: 25px; line-height:25px;}
	.project-tagsarea .add-tags:nth-child(3) {     padding-right: 5px; }
	.home-inner-page .home-grid:nth-child(3n+1) .tooltip-main {     left: 0;    background: url(../images/tooltip-image2.png) no-repeat; }	
	/*.home-inner-page .home-grid:nth-child(3n+1) .tooltip-main:before{    left: -3px;     transform: rotate(360deg);}*/
	.homepage .row {     margin: 0 -15px; }
	/* New Changes 03-02-2021 */
	.edit_title_main h2{font-size:40px; line-height:40px;}
	/* New Changes 08-02-2021 */
	.estimation-start-field .edit_form_right .est-date-start-end input {     width: 100%; }
/*Popup*/
.tooltip-main{    opacity:1;	    visibility: visible;     position: fixed;     top: 50% !important;     left: 50% !important;     transform: translate(-50%, -50%);     right: inherit !important;     width: 90%;     padding: 42px 22px; z-index: 99;     border: none;}
.tooltip-overlay {     background: var(--blue_color)d9;     height: 100%;     width: 100%;     position: fixed;     top: 0;     left: 0;     z-index: 999; }
.tooltip-overlay-new{     background: var(--blue_color)d9;     height: 100%;     width: 100%;     position: fixed;     top: 0;     left: 0;     z-index: 999; }
.tooltip-main .tooltip-header .tooltip-heading img {     width: 40px; float:left;}
.tooltip-header h2{font-size:24px; line-height:26px;}
.home-inner-page .home-grid:nth-child(2n+1) .tooltip-main{left:50%;}
.tooltip-main:before {     content: '';     position: absolute;     background: none;     right: 4%;    top: 8%;     width: 17px;     height: 17px;     background-size: cover;}
.tooltip-header{margin-bottom:22px; display:inline;}
.home-inner-page .home-grid:nth-child(2n+1) .tooltip-main:before {     left: revert;     transform: inherit; }
.tooltip-heading {     float: left;     width: auto;     display: flex;     display: -webkit-box;     display: -moz-box;     display: -ms-flexbox;     display: -webkit-flex;     align-items: center;     -webkit-box-align: center;     -moz-box-align: center;     -ms-flex-align: center;     -webkit-align-items: center; }
.tooltip-cross {     float: right; }
.tooltip-cross-new { display:block;     cursor: pointer;     position: absolute;     right: 8px;     top: 8px;}
.tooltip-cross img {     width: 17px !important;     height: 17px !important; }
.tooltip-mobile {     display: none; }
.tooltip-cross {     display:block; }
.td .tooltip-main{display:none;}
.td .tooltip-overlay{display:none;}
body.tooltip-body_main-new .tooltip-main {     display: block; }
body.tooltip-body_main-new .tooltip-overlay {     display: block; }
body.tooltip-body-new .td .tooltip-main {     display: none; }
body.tooltip-body-new .td .tooltip-overlay {     display: none; }
.tooltip-heading-one img {     float: left; }
.tooltip-heading-one h2 {     margin-top: 7px; }
.status-main .quality-text{display:block;}
.status-main .quality-text p{margin-bottom:20px;}
.home-inner-page .home-grid .tooltip-main{background: #FFF!important; z-index:9999;}
.home-box-top ul li span.tooltip {     height: auto;     top: inherit; }
.project-management-inner .td .tooltip-main {     z-index: 9999999;     background: #fff; }
.project-management-inner .td.quality span:hover{display:none !important;}
.project-management-inner .td.quality span:hover + .tooltip-main {     opacity: 0 !important;     visibility: hidden !important; }
.project-management-inner .tooltip-main{z-index:99999;}
.project-management-inner .td .tooltip-main {     z-index: 99999; }
.project-management-inner .tooltip_open.td .tooltip-main {     display: block !important;     z-index: 999999999; }
.quality-popup .tooltip-main {  display: block;  }
.quality-popup .tooltip-overlay{display:block;}
.home-box-top .home-top-inner li.tooltip-list-inner .tooltip-heading{margin-bottom:0px;}
.tooltip-body_main .home-inner-page .home-grid .tooltip-main {     display: block !important; }
/*Popup End*/
.tooltip-new-main-mobile{display:none;}
.tooltip-new-body .tooltip-new-main-mobile{display:block;}
.tooltip-overlay-new{display:none;}
.tooltip-new-body .tooltip-overlay-new {     display: block; }
.tooltip-new-main{opacity:1;visibility:visible; }
.tooltip-new-body .tooltip-new-main{opacity:1;visibility:visible;  z-index: 9999;position: fixed;     top: 50%;     left: 50%;     transform: translate(-50%, -50%);     background: #fff !important;     height: 95px;     padding: 20px 15px;     width: 420px;     border: none;}
.tooltip-new-main .tooltip-header{margin-bottom:0;}
.done-projects {     display: block;     white-space: nowrap; }

.h2_tool .tooltip-mobile div.tooltip-main {     background: #fff;     z-index: 9999; }
.h2_tool .tooltip-mobile.tooltip_open div.tooltip-main{display:block !important;}
.tooltip-body_main .tooltip-overlay {     display: block !important; }
/*09-04-2021*/
.update-btn.spons-note { display:flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;}
.sponsored-project-new .th:nth-child(2) {     width: auto !important;  white-space: initial; }
.sponsored-project-new .update-btn.td {     white-space: inherit !important; }
.update-btn.spons-note span.pull-left {  width: 85%;}
.update-btn.spons-note a.pull-right {     width: 20%;     text-align: right; }
.article-new-main:after{   background-size: 67px;     top: -26px;     right: -10px; display:none;}
.feedback-form .project-textarea textarea{    min-height: 415px;}
.setting-tag{padding-left: 20px;}
/*21-04-2021*/
.table.table-bordered .td.draft-table span{padding:0;     line-height: 20px;}
.table_heading_text.all-projects-main {  display: block;  margin-bottom: 20px; }
.table_heading_text.all-projects-main h2 {     width: 100%;     margin-bottom: 25px; }
.table_heading_text.all-projects-main .all-project-checkbox {    width: 100%;     float: right;}
/*23-04-2021*/
h2.draft-heading-text{line-height: 48px;}
/*08-05-2021*/
.basic-settings .project-heading-list ul li .select-lang-inner.select-lang input {     width: 47px; }


.home-box-inner .human-details.title span {     font-size: 25px; }

/**30-09-2021**/
.lyerco_color_scheme{padding:0; width:60%;}
.lyerco_color_scheme_heading h1 {font-size: 35px;     line-height: 25px;margin-bottom: 50px; }
.lyerco_color_scheme_content_inner ul {     width: 100%; }  

}

@media (min-width:768px) and (max-width:1199px){
	.homepage .home-grid{width:33.33333333%;}
	.home-box-top{padding:20px 10px;}
	.home-box-inner{padding:0 10px;}
	.home-box-top ul li{margin:0;}
	.home-box-top ul li.percent-box {    /*  width: 30px;     height: 30px; */}
	.home-box-top ul li.percent-box span{  /*   font-size: 10px;     padding: 0; */}
	.homepage .home-grid{ padding: 0 10px;}
	.home-box-inner .human-details span{font-size:10px;}
	.home-box-inner > span{font-size:11px;}
	.header_nav .container {     padding: 0 5px; }
	.top_header .container .row {     padding: 0 5px; }
	.edit_cus_img img{width:100%; height:200px; padding:15px;}
	.edit_select{width:auto; float:left;}
	.edit_form_right .edit_select select{padding:0 18px 0 12px; font-size:16px; width:auto;}
	.edit_form_main{display:block;}
	.edit_form_title{width:100%;}
	.edit_form_right.mob_right {     padding-left: 0;     padding-top: 10px; width:100%;}
	.edit_form_right input{float:left; width:100%;}
	.edit_form_main.edit_form_first .edit_form_right.mob_right{ padding-top: 10px;}
	.edit_form_right.mob_right .est-date-start-end {     padding-left: 0; }
	.public-checkbox .edit_form_title {     width: 30%; }
	.public-checkbox .edit_form_right {     width: 70%; }
	.basic-settings .profile-list input.text-field{  width: 70%;}
	/*22-04-2021*/
	.profile-mail-text{width:70%;}
	.project-dashboard-inner h6{margin-left:0;}
	ul.project-dashboard-list li span{width:50%;}
	ul.project-dashboard-list li span:last-child{width:50%;}
	
}
@media only screen and (max-width:1024px){
	.logo_section h2 {  padding: 18px 0 18px 10px; margin: 0 0 0 10px;  font-size: 26px;}
	.table_heading_text.all-projects-main .all-project-checkbox{width:100%;}
}
@media only screen and (max-width:991px){
	.basic-settings ul.password-manage-list li{display:block; margin-bottom:20px;}
	.reminder-col{padding-left:0;}
	.basic-settings li.reminder-field .col-md-5{width:100%;}
	.basic-settings .profile-list ul li span.profile-left{margin-bottom:10px; width:100% !important;}
	.basic-settings .profile-mail{text-align: left;     padding: 0;     margin-bottom: 10px; width:100%; font-weight:normal;}
	.home-box-top ul li{width: 30px;     height: 30px;}
	.home-box-top ul li.percent-box {    width: 30px;     height: 30px; }
	.home-box-top ul li.percent-box span{   font-size: 10px;     padding: 0; }
	.article-new-main:after{ top: -25px;}	
.container{width:95%;}
.top_header_right_inner img { margin: 0 0 0 4px;}
.top_header_right_inner ul li {     margin: 0 5px 0 0; }
.logo_section h2 { font-size: 20px; padding:0px 0 0px 8px; margin:0px 0 0px 8px;}
.logo_section img {     width: 130px; }
.home-box-top ul li img { width: auto; height:30px;}
.home-box-top .home-top-inner > img{width: 40px;  height: 40px;}
.my-profile h2{font-size:35px;}
.table_heading_text h2 {     font-size: 30px;     line-height: 30px; }
.lyerco_left_table {     padding: 70px 20px 0 0; }
.toast {width:450px;     right: 30%;}
.user-management-table .table {     display: block; }
.user-management-table .table .th {     padding: 18px 41px 18px 12px; }
.feedback-heading h2 {     font-size: 22px;     line-height: 22px; }
.feedback-heading .feedback-time {     margin-right: 5px; }
.project-heading-list ul li:last-child {   margin-bottom: 20px;}
.not-found-main h2{    font-size: 32px;}
.not-found-main p{    font-size: 28px;     line-height: 28px;}
.project-status .percent-section{display:block;}
.project-status .percent-section span{ margin-left: 5px;}
.project-status .percent-section p{margin-bottom:10px; padding-right: 10px; width:100%;}
.status-main .quality-text .select-admin{padding-left:0;}
.status-main .quality-text p{padding-right:15px; width:100%;}
.project-status .percent-section input.date-picker-form {     width: 122px;     font-size: 18px; }
.project-status input.date-picker-form:nth-child(2) {     margin: 0 8px 0 0; }

/* New Changes 03-02-2021 */
.edit_page_new {     float: left;  padding:0; }
.edit_form_right input{width:100%;}
.edit_form_right .edit_select select{width:100%;}
.edit_select{width:100%;}
.edit_title_main h2 {     font-size: 30px;     line-height: 30px; }
/* New Changes 09-02-2021 */
form#ActiveProject_Form .project-header-main .project-heading-list ul li h6 {     width: 30%; }
.project-status input.percent-field:nth-child(2) {     margin-right: 3px; }
.add-link .my-profile-inner .edit_form_right {     float: left;     width: 100%;     z-index: 9; }
.project-details-main .project-detail-heading .add-skill-tag {     margin: 10px 0 0;     width: 100%; }
.project-details-main .project-detail-heading .add-skill-tag a{padding:0;     text-align: left; float:left;}
.project-details-main .project-detail-heading{display:block;}
.feedback-form .project-textarea textarea {     min-height: 415px; }
.all-project-checkbox .project-checkbox-inner {     margin: 0 4px 0 0; }
.all-project-checkbox .project-checkbox-inner:last-child{margin:0;}
.all-project-checkbox .edit_form_right .edit_cus_check input {     width: 24px;     height: 24px; }
.all-project-checkbox .edit_cus_check label {     width: 24px;     height: 24px; }
.active-project-heading .all-project-checkbox label.show-text{margin-top:4px;     font-size: 12px;     line-height: 24px;}
.all-project-checkbox .project-checkbox-inner label.one {     font-size: 12px;     line-height: 24px; }
.all-project-checkbox .edit_cus_check label:after {     width: 15px;     height: 12px;     left: 4px;     top: 5px; }
.profile-mail-text {     width: 100%;     display: block; }
.table_heading_text h2 span.draft-heading{    font-size: 28px;     margin-left: 0px;}
.email-template .col-md-9{padding-left:15px;}
.latest-heading{display:block;}
.latest-heading.table_heading_text h2{    display: block;}
.latest-heading.table_heading_text span{text-align:right;display:block;width:100%; margin-top:20px; }
/*06-05-2021*/
.project-dashboard-outer {     float: left;     width: 100%;     margin-bottom: 50px; }
.project-details-main.dashboard-bottom-main {     margin: 0; }
.basic-settings .project-heading-list ul li .select-lang-inner.select-lang{padding-left:0;}

.lyerco_color_scheme_heading h1 {     margin-bottom: 40px; }  

}
@media (min-width:768px) and (max-width:991px){
	.top_header_left{width:40%;}
	.top_header_right{width:60%;}
	.logo_section img { width: 102px; }
	.logo_section h2{font-size:18px;}
	.feedback-main {     margin-bottom: 40px; }
	.about-documents {     margin-top: 10px; }
	.estimation-start-field .edit_form_right .est-date-start-end input{    font-size: 16px;     padding: 10px 0 10px 5px;}
	/*10-02-2021*/
	.user-profile-img {     width: 163px; }
	.my-profile .my-profile-heading h2 { font-size: 34px; }
	.home-inner-page .home-grid:nth-child(4n+1) .tooltip-main {     left: inherit;     background: url(../images/tooltip-image.png) no-repeat;     right: 14px; }
	.setting_right .setting-tag {       padding-left: 0;     float: left;     width: 80%;     line-height: inherit; }
	.setting_right .edit_form_right:first-child {     width: 17%; }
	.table_heading_text.all-projects-main h2{    font-size: 38px;}
}

@media only screen and (max-width:767px){
.bts_project { margin: 0 0 50px 0; }
	
	
.table_heading_text h2 span.draft-heading{font-size: 28px;}
.project-details-main .project-detail-heading .add-skill-tag a{float:left; text-align:left;}
.basic-settings ul.password-manage-list li:nth-child(3){padding-top:0;}
.basic-settings li.reminder-field .col-md-5{float:left; width:100%;}
.reminder-col{padding-left:0;}
.basic-settings .my-profile-inner h2{font-size:24px;}
.toggle-show {     display: block; }
.top_header_right_inner{position:relative;}
.top_header_main{padding:22px 15px; border:none;}
.toggle-main {     position: absolute;     background:var(--blue_color);     width: 40px;     height: 40px;     right: 0px;     border-radius: 50%;     top: 50%;     text-align: center;     transform: translateY(-50%);display: flex;     align-items: center;     justify-content: center; }
span.toggle-icon {    background: #fff;     width: 22px;     height: 2px;     display: inline-block;     vertical-align: bottom;}
span.toggle-icon:before {     position: absolute;     content: '';     width: 22px;     height: 2px;     background: #fff;     top: 12px;     right: 9px; }
span.toggle-icon:after {     position: absolute;     content: '';     width: 22px;     height: 2px;     background: #fff;     bottom: 12px;     right: 9px; }
.toggle-main-list {    width: 100%;     height: 100%;     position: fixed;     background: #fff;     right: -100%;     top: 0;     transition: ease all 0.5s;     padding-top: 35px;    z-index: 9999; }
.close-toggle .toggle-main-list {     right: 0;     overflow: auto;}
a.toggle-logo {  margin-bottom: 16px; }
.close-toggle .logo_section h2{display:none;}
.top_header_left {     width: 100%; }
ul.toggle-list > li {     float: left;     width: 100%;     text-align: left;  padding: 20px 0px;   border-bottom: 1px solid #D8D8D8; }
ul.toggle-list > li:first-child{ border-top: 1px solid #D8D8D8;}
ul.toggle-list li ul {     float: left;     width: 100%;     display: block;     padding: 0;}
ul.toggle-list li ul li {     float: none;    display:inline-block; width:auto;     border-right: 1px solid var(--blue_color);     padding-right: 18px; }
ul.toggle-list li ul li:last-child{border:none;}
.top_header_right_inner > ul{display:none;}
.top_header_right{width:auto;}
.homepage .home-grid{ margin-bottom: 30px;}
body.close-toggle .lyerco_left_table_inner { padding: 20px 0px 20px 15px; }
.home-box-top .home-top-inner:last-child{width:100%;}
.home-box-top{ padding: 20px 10px;}
.home-box-inner{padding: 0px 10px;}
.home-box-top ul li{width:31px; height:31px;}
.home-box-top ul li.percent-box{width:31px; height:31px;}
.home-box-top ul li.percent-box span{padding:1px 0;}
ul.toggle-list > li:first-child a{width:100%;}
.top_header_right_inner .toggle-close img{width:40px; height:40px;     border: none;}
.header_nav{display:none;}
.toggle-list li a{ text-align: left;}
ul.toggle-list li.admin-profile-toggle {     border-top: none; }
li.admin-profile-toggle a {   position: relative; }
li.admin-profile-toggle a img { width: 35px;  height: 35px;  object-fit: cover;margin: 0; float: right; position: absolute;     right: 0;     bottom: 0px;     border: 2px solid var(--blue_color);     border-radius: 50%; box-shadow:19px 50px 90px 15px var(--blue_color) inset;}
.lyerco_right_table{ width: 100%;}
.table {  overflow-x: auto;     display: block;     white-space: nowrap; }
.row-table p{padding:0 16px;}
.lyerco_left_table{display:none;}
.dashboard-mobile {  display: block; }
.backend-header {     display: none; }
.logo_section .heading-admin-mobile h2 {font-size:18px; line-height:20px;}
.close-toggle .heading-admin-mobile {  display: none; }
.admin-header h2{display:none;}
.modal-homepage .modal-body ul li span{width:100%;  margin-bottom: 20px;}
.modal-homepage .modal-body ul li input.login-field{width:100%;}
.modal-homepage .modal-footer{display:block; padding:0;}
.modal-homepage .modal-footer a{width:100%; margin-bottom:40px;}
.lost-footer-section{display:block;}
.modal-homepage .modal-footer button.pop-btn{width:100%;  white-space: normal;}
.modal-content {     padding: 50px 22px 40px; }
.lost-password a#forgetPassword {     margin: 0; }
.lost-password-main .lost-password a#logInForm {     margin: 0 0 22px; }
.modal-homepage button.close{top:-35px;}
.modal-open .modal .modal-dialog{    max-width: 100%;     width: 100%;     padding: 0 35px;}
.modal{z-index:99999;}
.project-header-main {     display: flex;     flex-direction: column-reverse; }
.project-a .project-header-main {     flex-direction: column; }
.user-profile-img {     float: left;     width: 100%; }
.user-profile-img img {     width: 152px;   height:152px;  float: left; }
.user-profile-img .choose-profile {     margin-top: 0;     float: left;     width: auto;     margin-left: 30px;}
.user-proflie-inner-img{float:left; width:100%;     display: flex;     align-items: center;     margin-bottom: 51px;}
.user-profile-img h2{     display: block; font-size: 28px;     line-height: 30px;     width: 100%;}
.project-heading-list ul li span{font-weight:bold;}
.project-a .project-heading-list ul li span{padding-left:0; font-weight:normal; margin-top: 5px;}
.project-a .project-heading-list li:nth-child(3) {     padding-top: 0; }
.project-a .row-table p {   padding:0;  font-size: 16px;     line-height: 26px;text-transform: inherit; }
.project-details-main h2{font-size:24px;}
.project-a .add-tags p {     padding: 0 30px 0 12px; }
.project-tagsarea p span {     right: 10px; }
.project-tagsarea p span img {     width: 12px;     height: 12px; }
.project-textarea textarea{font-size:16px;}
.project-heading-list ul li{flex-flow:column; align-items: start;     margin-bottom: 15px;}
form#ActiveProject_Form .project-heading-list ul li:nth-child(3) {     padding-top: 0; }
.profile-list ul li p{ padding: 5px 0 0;}
.project-heading-list ul li:nth-child(3){padding-top:30px;}
.project-heading-list ul li .select-lang-inner span ul.selectboxit-options li:nth-child(3){padding-top:0;}
.profile-first input {     margin-top: 20px; }
ul.toggle-list li ul li.selected a {     text-decoration: underline; }
.toggle-main-list a.toggle-logo img {     width: 130px;     height: auto;     object-fit: unset;     margin-left: 21px;     border: none;     box-shadow: none;}
.close-toggle .toggle-close {     position: relative;     right: 21px;     float: right;     z-index: 99999;}
.close-toggle .toggle-main-list a.toggle-logo {     margin: 0; }
.about-text-right .about-content {     margin-top: 50px; }
.about-text-right {     margin: 50px 22px 0; }
.dashboard-mobile {     float: left;     width: 100%;     padding-top: 0;  }
.toggle-inner-list {     float: left;     width: 100%;     margin-top: 50px; }
.profile-list .password-manage-list li:last-child {     padding: 0; }
/* .latest-status-toggle span.toggle-icon {     position: relative;     top: 48%; }
.latest-status-toggle span.toggle-icon:before {     top: 7px;     right: 0; }
.latest-status-toggle span.toggle-icon:after {     bottom: 7px;     right: 0; } */
.table_heading_text h2 {     font-size: 28px;     line-height: 28px; }
.about-box > img {     height: 400px; }
.lost-password {     margin-top: 30px; }
.lost-footer-section .lost-password {     margin: 0 0 20px; }
.modal-body.lost-password-modal {     padding-bottom: 0px; }
.about-documents .project-tagsarea .add-tags {     padding: 0; }
.toggle-inner-list ul.toggle-list {     padding: 0 21px; }
.my-profile-heading.my-profile-mobile{display:block;}
.my-profile-heading {     display: none; }
.feedback-heading .feedback-time {     margin-right: 15px; }
.feedback-heading h2 {     font-size: 28px;     line-height: 30px; }
.feedback-content {     margin-bottom: 40px; }
.about-documents {     margin-top: 20px; }
.about-documents .project-tagsarea p img {     width: 18px;     height: 18px;     object-fit: cover; }
.lyerco_table{padding:0 15px;}
.project-heading-list ul li:last-child {     margin-bottom: 15px;align-items: baseline; }
.project-details-main{ margin-top: 35px;}
div#picture_upload_div {     float: left;     width: 100%; }
div#picture_upload_div .upload-demo-wrap{width:auto !important; height:300px !important;}
.zoom-plus-option{right:0;}
.zoom-minus-option{left:0;}
.img-crop .croppie-container .cr-slider-wrap{padding: 0 10px;}
.img-crop #upload-demo .cr-slider-wrap input.cr-slider{width:450px;}
/*.home-inner-page .home-grid:nth-child(2) .tooltip-main {     background: url(../images/tooltip-image.png) no-repeat !important;     right: 0;     left: inherit;     background-size: cover !important; } */
.home-inner-page .home-grid:nth-child(2n+1) .tooltip-main {   left: 22px;; background:url(../images/tooltip-image2.png) no-repeat;}
/*.home-inner-page .home-grid:nth-child(2n+1) .tooltip-main:before{    left: -3px;     transform: rotate(360deg);}*/
/*.home-inner-page .home-grid:nth-child(2n+2) .tooltip-main{background:url(../images/tooltip-image.png) no-repeat;     right: 0;     left: inherit;}*/
.not-found-main {     padding: 20px 0 0; }
.not-found-main h2{font-size:24px;}
.not-found-main p{    font-size: 22px; line-height:22px;}
.user-not-found-main {     min-height: calc(100vh - 267px);     padding: 76px 0 0; }
.project-status input.date-picker-form:nth-child(2) {     margin: 0 6px 0 0; }
form#ActiveProject_Form .project-header-main .project-heading-list ul li span {     font-weight: normal;     padding: 0; }
.project-status .project-textarea p{font-size:16px;}
.profile-list input.text-field {font-size:16px;}
.table{position:relative; z-index:9;}

/* New Changes 03-02-2021 */
.edit_page_new{width:100%;}
.edit_form_right {     padding-right: 0; }
.edit_form_btn{padding-right: 0;}
.edit_title_main h2 {     font-size: 28px;     line-height: 28px; }
/* New Changes 04-02-2021 */
.modify-project-table{    float: left;     width: 100%; display: flex;display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;     flex-flow: column; }
.edit_title_main {     order: 0; -webkit-box-ordinal-group: 0;    -moz-box-ordinal-group: 0;       -ms-flex-order: 0;       -webkit-order: 0;    order: 0; }
.edit_form.add-modify-left{order:1;   -webkit-box-ordinal-group: 1;    -moz-box-ordinal-group: 1;       -ms-flex-order: 1;       -webkit-order: 1;     margin-bottom: 51px; }
.edit_form {     order: 2;  -webkit-box-ordinal-group: 2;   -moz-box-ordinal-group: 2;   -ms-flex-order: 2;    -webkit-order: 2;     padding-right: 0; }
.modify-bottom-section {     order: 3;  -webkit-box-ordinal-group: 3;    -moz-box-ordinal-group: 3;       -ms-flex-order: 3;       -webkit-order: 3;     padding-right: 0; }
.edit_cus_img{width:50%;}
.edit_cus_img img{float:left; width:100%;}
.edit_form.add-modify-left .choose-profile{ width: 50%; text-align:left; margin-top:0; padding-left:15px;}
.add-modify-left .edit_form_main .edit_form_right{display: flex;display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;     align-items: center;-webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center;}
.est-date-start-end {     width: 50%;     padding-left: 0; }
.est-date-start-end:last-child {     padding-right: 0; }
form#ActiveProject_Form .project-header-main .project-heading-list ul li span{margin-left:0;}
form#ActiveProject_Form .project-header-main .project-heading-list ul li h6 {     width: 100%; }
/*10-02-2021*/
.sidebar-list ul li span{text-align:right;}
.home-box-top .home-top-inner li.tooltip-list-inner .tooltip-header{margin-bottom:20;}
/*18-02-2021*/
div#forLogInForm .modal-homepage .modal-body ul li:last-child{width:100%;}
div#forLogInForm .modal-homepage .modal-body ul li:last-child span{margin:0;}
div#forLogInForm .modal-homepage .modal-footer .guest-login-field a{margin:0;}
div#forLogInForm .guest-login-field {     width: 100%;     margin: 0 0 20px; }
div#forLogInForm .lost-password-main {     width: 100%; }
/*25-02-2021*/
.sorting-header {     display: block; }
.header-nav-sort .header_nav_main_left {     display: none; }
.header_nav_main_right{width:100%;     padding: 0 21px;     margin-bottom: 10px;}
.header_nav_main_right > span:first-child {     width: 70%;     text-align: right; }
.header_nav_main_right > span:last-child {     width: 30%;     text-align: right; }
.header_nav_main_right > span:last-child span#sort_bySelectBoxIt {     width: 100% !important; }
.project-heading-list ul li .select-lang-inner.select-lang{    margin-top: 20px; float:left;width:100%;}
.suggestion-box{margin: 50px 0 0; width:100%;}
.feedback-form {     margin-top: 50px;     float: left;     width: 100%; }
.feedback-form .about-content {     border: none;     margin: 0; }
.feedback-form .edit_form_right .edit_select select{ padding: 0 25px 0 17px;}
.about-right {     float: left;     width: 100%;     margin-top: 30px; }
.suggestion-row{display:block;}
.about-box-main .suggestion-box{display:none;}
.setting_right .edit_form_right:first-child {     width: 15%; }
.setting_right .edit_form_right.setting-tag {     width: 85%; padding:0;}
.add-link-feild .col-md-3{width:21%;}
.project-tagsarea p img.block-image{width:14px;}
.feedback-form button.save-deatils{   margin-left: 0;}
/*28-04-2021*/
.email-template .col-md-9 {     float: left;     width: 100%;     margin: 10px 0 20px; }
.email-template input{font-size:16px;}
/*03-05-2021*/
.td.draft-table a p {     padding: 0; }
ul.project-dashboard-list li {     flex-flow: row; }
ul.project-dashboard-list li span{font-weight:normal;}
ul.project-dashboard-list li:nth-child(3){padding-top:0;}
.row-table .td p{padding:0;}
ul.project-dashboard-list{padding:0 15px 15px 15px;}


/**30-09-2021**/
.lyerco_color_scheme_heading h1 {  margin-bottom: 30px;    font-size: 30px;     line-height: 20px; }
.lyerco_color_scheme_heading span {     font-size: 18px;     line-height: 22px;     margin-bottom: 30px; }
.lyerco_color_scheme_content_inner ul {     margin: 0 0 30px 0; }
.lyerco_color_scheme {     width: 100%; }
.lyerco_table_main {     padding: 40px 0 0 0; }
}

@media only screen and (max-width:599px){
.bts_project.bts_details button.pro-close { width: 200px; margin-left: 15px; margin-top: 30px; }
.bts_project{margin:0;}
.bts_project button.pro-close{width:100%; margin-left:0; margin-top: 15px;}
	
	
h2.draft-heading-text sup{top:0;float: none;     display: inline-block;     vertical-align: top; }		
.home-box-top ul li span.tooltip{height:auto; top:inherit;}
.homepage .home-grid{width:100%; margin-bottom:15px;}
.home-box-inner h2{font-size:28px;}
.top_header_right_inner a{font-size:16px; line-height:30px;}
.home-box-top{ padding: 20px 22px;}
.home-box-inner{padding: 0px 22px;}
.home-admin .home-box {     height: 260px; }
.home-box > img{object-fit:cover;}
.homepage .home-grid{width:100%; margin-bottom:15px;}
.home-box-inner h2{font-size:28px;}
.top_header_right_inner a{font-size:16px; line-height:30px;}
.home-box-top ul li img{width:30px;}
.homepage .home-grid {     width: 100%;     margin-bottom: 15px;  padding: 0 21px;}
.home-admin {     padding: 0 21px; }
.heading-admin-mobile h2{font-size:18px; line-height:20px}
.table_heading_text h2{font-size:28px; line-height:30px;}
.modal-open .modal .modal-dialog{max-width: initial;     width: 100%;     padding: 0 20px;}
.modal-header h5{font-size:24px; line-height:26px;}
.lost-password-main .modal-header .close span{line-height:0;}
.modal-header {     padding: 0 0 5px; }
.table .row-table .th{    padding: 18px 20px 18px 6px;}
.logo_section .home-box-top.back-mobile-btn > img {     display: block; }
.home-box-top.back-mobile-btn {     display: block;     width: 50%;     display: flex; 	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;     align-items: center; 	-webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center;     padding: 0;}
.home-box-top.back-mobile-btn a.back-btn{padding: 9px 8px;     margin-right: 23px;}
.home-box-top.back-mobile-btn a.back-btn:hover{padding: 6px;}
.my-profile h2 {     font-size: 28px;     line-height: 30px; }
.allProjectsMobileToggle .mobile-logo-inner {     display: none; }
.aboutProjectMobileToggle .logo_section {     display: none; }
.about-us {     margin: -120px 0 0;     position: relative;     z-index: 0; }
.about-us .container {     margin: 0;     padding: 0;     max-width: 100%; }
.about-us .container .row {     margin: 0; }
.about-box-main {     padding: 0; }
.sidebar-list .list-inner h6{font-size:16px; line-height:23px;}
.sidebar-list ul li h6{font-size:16px; line-height:23px;}
.sidebar-list ul li span{font-size:16px; line-height:23px;}
.homepageMobileToggle .back-mobile-btn{     display: none; }
.aboutProjectMobileToggle .mobile-logo-inner {     display: none; }
.projectOverviewMobileToggle .mobile-logo-inner {     display: none; }
.latest-heading{ display: block;}
.latest-heading.table_heading_text h2{ width: 100%;}
.latest-heading.table_heading_text span{    float: left;     width: 100%;     margin-top: 20px;} 
ul.password-manage-list li span.profile-left{width:100%;     font-weight: normal;     margin-bottom: 20px;}
ul.password-manage-list li {     margin-bottom: 30px; }
.my-profile-inner h2{     margin-bottom: 40px; }
.logo-admin_mobile {     display: none; }
.heading-admin-mobile{display:block;}
.logo_section h2 { font-size: 18px; line-height: 20px;  width: 50%;     padding: 0px 0 0px 5px;     margin: 0px 0 0px 5px;}
.logo_section img {     width: 105px; }
.all-projects-grid {     display: none; }
.top_header_main {     padding: 35px 21px;     min-height: 120px;}
.homepage{margin-top:0;}
.heading-admin-mobile h2 {     margin: 0;     padding-left: 0; }
.logo_section .back-mobile-btn {     padding-left: 0px; }
.user-profile-img img{width:130px; height:130px}
.table_heading_text h2 {     font-size: 28px;     line-height: 30px; }
.container {  width: 100%; max-width:100%;}
.lyerco_table_main {     padding: 40px 21px; }  
.toast {width:250px;  right: 15%;}
.about-box-top {     padding: 40px 21px 22px; }
.about-box-top a.back-btn{width:40px; height:40px; padding:6px 0;}
.about-box-top a.back-btn img{width:23px;}
.img-crop button.pop-btn.disabled{width:100%; margin-top:182px;}
.img-crop .modal-header {     padding: 0 0 15px; }
.modal-footer{padding:0 0 40px;}
.modal-content {     padding: 50px 22px 50px; }
a#showImagePreview .modal-footer{display:block;}
.img-crop .modal-footer button.modal-delete-image{margin-top:0; width:100%;     text-align: center; }
.img-crop button.pop-btn {     width: 100%;     margin-top: 20px; }
.home-admin .home-grid {     padding: 0; }
.lyerco_right_table.my-profile{padding:0;}
.aboutProjectMobileToggle .mobile-logo-inner {     display: none; }
.aboutAdminSectionHeader {     margin: -105px 0 0; }
.aboutAdminSectionHeader .about-us {     margin: -15px 0 0; }
.aboutAdminSectionHeader .container {     width: 100%;     padding: 0;     margin: 0;     max-width: 100%; }
.aboutAdminSectionHeader .container .row {     margin: 0; }
.toggle-main-list a.toggle-logo img { width: 105px;     box-shadow: none;}
.modal-homepage.lost-password-main button.close {     top: 0; }
.aboutProjectMobileToggle .toggle-main {     z-index: 1; }
.project-tagsarea p{ padding: 17px 22px;}
.footer span{padding:11px 22px;}
form#project_detail{display:block;}
.project-a-header .back-backend-header a.back-btn {  display: block;     padding: 9px; }
.project-a-header .home-box-top a.back-btn:hover{    padding: 6px;}
.about-documents .project-tagsarea p {     padding: 17px 35px 17px 22px; }
.about-right {     padding: 0 22px; }
.back-backend-header a.back-btn {     display: none; }
.lyerco_table{padding:0;}
.project-heading-list ul li h6{width:100%;}
.project-heading-list ul li span{width:100%;}
.img-crop #upload-demo .cr-slider-wrap input.cr-slider {     width: 90%; }
div#picture_upload_div .upload-demo-wrap{height:230px !important;}
.uploading-text{display:block;}
.uploading-text p{width:100%;}
.uploading-text a {     width: 100%; }
div#autocomplete{    width: 100%;}
div#autocomplete ul#options{    width: 100%;}
.project-tagsarea .add-tag input.tags-field{width:100%;}
.project-status .percent-section p{width:100%;}
.project-status .percent-section p {     margin-bottom: 20px;     padding-right: 0; }
.project-status .percent-section input.date-picker-form {     width: auto;    display: block; }
form#ActiveProject_Form button.save-deatils {     width: 100%; }
form#ActiveProject_Form .project-details-main {     margin-top: 50px; }

.project-status input.date-picker-form:nth-child(2) {     margin: 0px 0 10px 0; }
.project-heading-list ul li{display:block;}
form#ActiveProject_Form .project-header-main .project-heading-list ul li h6 {     width: 100%; float:left; }
form#ActiveProject_Form .project-header-main .project-heading-list ul li span {    width: 100%;  float:left;   padding: 0; }
.edit_cus_img img{    width: 100%;     height: 200px;}
.table_heading_text.active-project-heading{display:block;}
.table_heading_text.active-project-heading span{    width: 100%;     float: right;     margin-top: 20px;}
.about-header .toggle-main {     z-index: 9; }
.project-status input.percent-field.hasDatepicker{width:auto; display:block;}
.project-status input.percent-field.hasDatepicker:last-child {     margin-top: 20px; }
.login-tile {     display: block; }
.tooltip-new-body .list-inner .tooltip-new-main{width:auto; padding:28px 10px;}
.tooltip-new-body .tooltip-new-main{width:auto;}
.header_nav_main_right > span:first-child {     width: 55%;     text-align: right; }
.header_nav_main_right > span:last-child {     width: 180px;     text-align: right; }
.project-heading-list ul li .select-lang-inner span ul.selectboxit-options li{display:flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;}
.update-btn.spons-note{display:block;}
.update-btn.spons-note span.pull-left {     width: 100%; }
.update-btn.spons-note a.pull-right{ width: 100%; margin-top: 10px;    text-align: left;}
div#confirm_change_reason button.pop-btn {     width: 100%;     margin-top: 50px; }
div#confirm_change_reason .modal-body h4{    margin: 0 0 20px;}
.article-new-main:after{display:none;}
.removeMaindiv .edit_form_right {     float: left;     width: 100%;     margin-bottom: 5px; }
.add-link button.pop-btn{width:100%;     margin-top: 40px;}
.add-link-feild{display:block;}
.add-link-feild .col-md-3{width: 100%;     margin-bottom: 10px;}
.add-link .my-profile-inner .edit_form_right{width:100%; padding-left:0;}
.project-tagsarea p span.tag-text{line-height: 16px;}
.feedback-form .project-textarea textarea {     min-height: 220px;     padding: 20px 15px; }
.table_heading_text.all-projects-main .all-project-checkbox{display:block; width:100%;}
.all-project-checkbox .project-checkbox-inner {     margin: 0 0 10px;     display: block;     width: 100%; }
.active-project-heading .all-project-checkbox label.show-text{margin: 0 0 10px;}
/*03-05-2021*/
.table_heading_text.all-projects-main h2 {     font-size: 28px;     line-height: 30px; }
ul.project-dashboard-list li span{width:100%; padding:0;}
.project-dashboard-inner h6{margin-left:0;}
ul.project-dashboard-list li{ margin-bottom: 20px;}
ul.project-dashboard-list li span:last-child{width:100%; text-align:left; margin-top: 5px;}
.project-dashboard-inner h6{font-size: 20px;}
.footer-inner{padding:11px 12px;}
.footer-inner span{padding:0;}


.home-box-inner .human-details.title span {     font-size: 28px; }


}

@media only screen and (max-width:480px){
.bts_project.bts_details button { width: 100%; margin:0;}
.bts_project.bts_details button.pro-close{width:100%; margin-left: 0; margin-top: 15px; }
div#close_project .modal-footer button, div#save_project .modal-footer button{width:100%; margin:0;}
div#close_project .modal-footer .pop-btn-cancel, div#save_project .modal-footer .pop-btn-cancel{ margin-top: 15px; }

	.modal-homepage .modal-header h5 {     width: 80%; }
	.project-tagsarea .add-tags p{width:100% !important;}
	.setting_right{ 	display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;     align-items: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center;}
	.setting_right .edit_form_right.setting-tag{   width: 80%; line-height: inherit;}
	.setting_right .edit_form_right:first-child {     width: 20%; }
	
	/* New Changes 03-02-2021 */
	.edit_form_main.mob_dis {     display: block; }
	.edit_form_right.mob_right {     float: left;     width: 100%; padding:15px 0 0 0;}
	.edit_form_right.mob_left {     float: left;     width: 100%;  }
	/* New Changes 04-02-2021 */
	.edit_cus_img img{    height: 150px; padding:10px;}
	.edit_form_right .edit_cus_check input{width: 40px;     height: 40px;}
	.edit_cus_check label{width: 40px;     height: 40px;}
	.edit_cus_check label:after{left:6px; top:9px;}
	/*10-02-2021*/
	.est-date-start-end {     width: 100%;     padding: 0;     margin-bottom: 20px; }
	.est-date-start-end:last-child{margin-bottom:0;}
	.project-a .row-table p {  width: 90%;     line-height: 20px; font-size: 14px;}
	.update-btn.pull-right{width:100%;}
	div#maintenance_mode_error h5 {     font-size: 22px;     width: 96%; }
	
	
	/**30-09-2021**/
	.lyerco_color_scheme_heading h1 {     font-size: 25px;     line-height: 12px; }
	.lyerco_color_scheme_content_right {      width: 100%;   float: left;     margin: 10px 0 0 0; }
	.lyerco_color_scheme_content_right_inner {     -webkit-justify-content: flex-start;     -ms-flex-pack: start;     justify-content: flex-start; }
	.lyerco_color_scheme_content_left {     width: 100%;     float: left; }
	.lyerco_color_scheme_content_inner ul li { padding:0 0 20px 0;    display: block; }
	
	
	
}
@media only screen and (max-width:375px){
.home-admin .home-box {     height: 249px; }
.logo_section h2{width: 46%;}
div#picture_upload_div .upload-demo-wrap{height:200px !important;}
.croppie-container .cr-viewport, .croppie-container .cr-resizer{    width: 197px !important;     height: 144px !important;}
.modal-header h5 {     word-break: break-word;     width: 70%;     margin: 15px 0 0; }
.project-a .row-table p {     width:100%;   line-height: 29px; }
.project-details-main h2 {     font-size: 19px; }
div#confirm_change_reason button.close {     top: 0; }
div#confirm_change_reason .modal-header h5{width:100%; margin:0;}
div#confirm_change_reason .modal-content {     padding: 20px 30px 38px; }
button.save-deatils{width:100%;}
.project-tagsarea .add-skill-tag {     display: block;     min-height: auto;     width: 100%;     float: none; }
.feedback-form button.save-deatils{margin-left:0;}
}
@media only screen and (max-width:360px){
.user-profile-img .choose-profile {     margin-left: 12px; }
.user-profile-img img {     width: 130px;  height:130px;}
}