/*for sign-up-form*/
@media (max-width: 484px) {
    .Sign-up-form {
        background-position: unset;
        max-width: 345px !important;
    }
    .Sign-up-form form label {
        padding-bottom: 0px;
        font-size: 15px;
    }
    .Sign-up-form form input {
        padding:12px;
        font-size: 16px;
    }
  .card a {
font-size: 14px !important;
padding: 8px 14px !important;
  }
.Sign-up-form .row{
padding: 9px!important;
}
.sign-in-form .button-sec{
    text-align: center!important;
}
.forgot-form form {
    max-width: 360px !important;
}
.relevant-heading:after {
    left: 211px !important;
    font-size: 21px !important;
}

.progress-review:nth-child(6) {
    padding-left: 0;
}
.progress-review span {
    font-size: 13px !important;
}
.description-details span {
    width: 100%;
}
.detail-btn button {
    padding: 8px 10px !important;
    font-size: 14px !important;
}

.card-btn a {
    font-size: 12px !important;
    padding: 4px 6px !important;
}
.edit-gallery {
    padding: 4px 8px;
    font-size: 13px;
}
.small-box h4 {
    font-size: 13px !important;
    padding-left: 8px;
}
.small-box img {
    width: 35px;
}

.slick-prev:before, .slick-next:before {
    font-size: 45px!important;
}
.slick-prev {
    left: -48px !important;
}
.small-box {
    max-width: 155px;
}
.pre-img {
    top: -22px !important ;
    left: 11px !important;
    width: 37px !important;
}
.next-img {
    right: -36px !important;
    top: 11px !important;
    width: 37px !important;
}
.search-section {
    width: 240px !important;
}
.small-box {
    max-width: 171px !important;
    padding: 6px 7px;
}
.search-section input {
    padding: 6px 49px !important;
}
.search-section button {
    left: 14px;
    top: 9px !important;
}
.search-section {
    width: 250px !important;
    position: absolute !important;
    top: 128px !important;
    right: -38px!important;
}
.artistprofile-info h1 {
    font-size: 20px !important;
}
.detail-box h5 {
    font-size: 12px !important;
}
.customer-information p {
    font-size: 14px !important;
    margin-top: 0px;
}
.customer-information .col-6 {
    width: 43% !important;
}
.painting-details .select-images img {
    width: 190px ;
}
.submitted-req  .detail-btn a {
    padding: 4px 8px !important;
    font-size: 10px !important;
}
.submitted-req  .detail-btn {
    padding-top: 18px !important;
}
.description-details h1 {
    font-size: 22px !important;
}
.detail-text img {
    bottom: 26px;
    width: 75px !important;
    height: 75px !important;
}

.edit-profile-img {
    padding: 4px 7px !important;
    margin-left: 0px !important;
    font-size: 12px !important;
}
.profile-edit-btn {
    top: -42px !important;
    left: 6px !important;
}

.sign-up-banner .logo-sec img {
    width: 160px !important;
}
#signin {
    font-size: 16px;
}
.active {
    font-size: 16px;
}
#signup {
    font-size: 16px;
}
.sign-in-btn {
    padding: 11px 22px;
    font-size: 16px;
}
.sign-up-banner .logo-sec {
    padding-top: 0;
}
.forgot-form p {
    font-size: 15px !important;
}
.sign-in-form h2 {
    font-size: 28px !important;
}
.my-profile img {
    width: 220px;
}
.img-box-text p {
    font-size: 12px;
}
.img-box-text small {
    font-size: 11px !important;
}
.Purchase-card .request-text {
    flex-direction: column;
    margin-top: 11px;
}
.billing-checkbox {
    height: 14px;
    width: 14px;
}
.payment-card p {
    font-size: 12px;
}
}

@media (max-width: 575px) {
.homepage-menu {
    width: 200px;
}
.homepage-menu li {
    padding-top: 12px;
}
.homepage-menu li a {
    font-size: 18px;
}
.menu-btn img {
    width: 30px;
}
.homepage-form-group textarea {
   height: 80px;
}
.logo-section-layer img {
    width: 300px;
}
.homepage-vedio-section iframe {
    height: 300px;
}
.homepage-vedio-section ul li a {
    font-size: 14px;
}
.vedio-section:after {
    top: 9px;
    left: -9px;
    background-size: 30%;
}
.ocean {
    height: 180px;
}
.homepage-footer button {
    margin-top: 16px;
}
.bg-color-heading {
    font-size: 16px !important;
}
.homepage-form-group textarea::placeholder {
  font-size: 18px !important;
}
.homepage-form-group textarea,.homepage-form-group input {
    padding: 15px 10px !important;
    margin: 4px 0px !important;
}
.about-us-section .row,.terms-section {
  padding: 0px 10px;
}
.about-us-section .vedio-section h1,.aboutus-heading h1 {
  font-size: 32px !important;
}
.about-us-section .vedio-section:after {
    left: -7px;
   width: 60%;
    background-size: 16%;
}
.homepage-social-icons img {
    width: 34px;
    padding-top: 10px;
}
.homepage-footer-logo ul li a {
    font-size: 15px;
}
.about-us-section .section-heading {
    font-size: 18px;
    padding: 10px 0px !important;
}
.about-us-section .vedio-section  {
    padding-bottom:10px !important;
}
    .Sign-up-form {
        background-position: unset;
        max-width: 460px;
    }
   
    .sign-up-banner .logo-sec img {
        width: 200px;
    }
    .submitted-req  .detail-btn {
        padding: 8px !important;
    }
    .customer-information p {
        font-size: 20px;
        margin-top: 0px;
    }
    .card {
        padding: 12px;
        max-height: 590px;
	height: 550px !important;
    }
    .dropdown-menu li a {
        font-size: 14px;
        margin-top: 4px;
    }
    .painting-details .select-images img {
        width: 214px ;
    }
    .draw-section .select-images img {
        width: 226px ;
    }
    .add-morefile img {
        width: 40px !important;
        
    }
    .dropdown-menu {
        padding: 8px !important;
        transform: translate(-9px, 127px) !important;
    }
    .search-section {
        width: 300px ;
        right: -89px;
        top: 62px
    }
    .search-section input {
        padding: 10px 50px;
    }
    .search-section button {
        top: 14px;
        left: 14px;
    }
    .select-images img {
        margin-left: 0px;
        margin-right: 0;
        width: 89px;
    }
    .review-info span {
        font-size: 16px;
    }
    small {
        font-size: 12px !important;
    }
    .relevant-heading option {
        font-size: 14px !important;
    }
    .edit-myprofile {
        margin-left:0px;
    }
    .my-profile  {
       text-align: center;
       padding-bottom: 14px;
    }
    .p-details {
        flex-direction: column;
    }
    .next-img {
        right: -36px;
        top: 9px;
        width: 50px;
    }
    .pre-img {
        top: -27px;
        left: 96px;
        width: 50px;
    }
    .small-box {
        max-width: 234px;
    }
    .small-box img {
        width: 39px;
        height: 39px;
    }
    .small-box h4 {
        font-size: 16px;
    }
    .add-section {
        flex-direction: column;
    }
    .btn.btn-primary {
font-size: 16px;
    }
    .p-details {
        font-size: 19px;
        padding: 0;
    }
    .submitted-req .p-details {
        font-size: 16px;
    }
    .Painting-req .detail-btn .contact-me {
        margin-right: 0px !important;
    }
    .profile-card h1 {
        font-size: 16px;
    }
    .modal-body {
        padding: 16px 30px !important;
    }
    .description-details {
        font-size: 16px;
        padding: 0;
    }
    .artist-text h1 {
        font-size: 25px;
        padding-left: 2px;
    }
    .horizontal-line {
        margin-top: 14px !important;
    }
    .forgot-form{
        background-position: center;
            max-width: 470px ;
    }
    .logo-sec img {
        width: 70px;
    }
    .about-info:after {
        width: 245px;
        height: 230px;
    }
    .load-more a {
        font-size: 22px;
        padding-right: 10px;
    }
    .header {
        max-width:68px;
    }
    .sidebar {
        min-width:65px;
        top: 169px;
    }
    .navbar-list li a span  {
        display: none;
    }
    .right-content {
        margin-left: 75px;
        margin-right: 5px;
        margin-top: 50px;
    }
    .contact-me {
        margin-right: 30px;
    }
    .review-section h1{
        font-size: 20px;
    }
    .detail-box {
        padding: 10px;
    }
    .modal-body h2 {
        font-size: 22px;
    }
    .modal-body p{
        font-size: 14px !important;
        
    }
    .modal-body .review-info span {
        font-size: 16px;
    }
    .btn-close img {
        width: 23px;
    }
    .like-images h3 {
        font-size: 25px;
    }
    .like-images {
        margin-top: 37px;
    }
    .second-section {
        padding: 9px 40px;
        margin-bottom: -76px;
    }
    .detail-text img {
        bottom: 26px;
        width: 100px;
        height: 100px;
    }
    .star-icons {
        font-size: 18px;
    }
    .detail-box h1 {
        font-size: 25px;
        margin-bottom: -8px;
    }
    .detail-btn {
        padding-top: 0px;
    }
    .review-img img {
        width: 50px;
        height:50px;
    }
    .review-info p {
        font-size: 14px;
        padding-top: 3px;
    }
    .progress {
        width: 55%;
        margin: 14px 22px;
    }
    .section-heading {
        font-size: 23px;
    }
    #signin {
        padding: 10px 38px;
    }
    #signup {
        padding: 10px 38px;
    }
    .active {
        padding: 9px 36px !important;
        font-size: 16px;
    }
    .Artist-Detail {
        flex-direction: column;
    }
    .img-box img {
        width: 100%;
    }
  
    .about-info  img {
width: 36px;
    }
    .about-info .row {
        margin-bottom: -29px;
    }
    .about-section h5 {
        font-size:18px;
        padding-bottom: 16px;
    }
    .Painting-req {
        padding: 11px !important;
    }
    .about-section p {
        font-size: 16px;
        max-width: 100%;
    }
  
    .Artist-Detail {
        padding-left: 0 !important;
    }
    .progress-review span {
        font-size: 24px;
        margin: 7px 0px;
    }
    .relevant-heading:after {
        left: 338px;
    }
    .relevant-heading {
        font-size:18px !important;
    }
    .review-info h4 {
        font-size: 16px !important;
        margin-bottom: 0;
    }
    .about-info {
        background-color: #cac4ff4d;
        padding: 2px;
    }
.about-section {
    padding-top: 22px;
    margin-top: 10px;
}
.customer-information li {
    font-size: 14px;
    margin-top: 12px;
}
.about-myprofile p {
    font-size: 14px;
}
.edit-profile a {
    padding: 6px 8px !important;
    font-size: 14px !important;
}
.edit-profile .btn-label {
    padding: 9px 13px;
    left: -16px;
}
.edit-myprofile {
    margin-top: -19px;
}
.select-images {
    text-align: center;
}
.add-morefile {
    padding: 23px 70px;
    left: 4px;
    margin-bottom: 36px;
    top: 21px;
}
.draw-section h4 {
    font-size: 20px;
}
.send-btn {
    right: 18px;
}
.profile-edit-btn {
    top: -48px;
    left: 15px;
}
.artist-info  {
    margin-top: -44px;
}
.p-details span {
    display: block;
    width: 100%;
    margin: 0px;
}
.detail-btn a {
    padding: 6px 10px !important;
    font-size: 14px !important;
}
.edit-heading {
    font-size: 20px;
}
.profile-card {
    padding: 14px !important;
}
.complete-text {
    padding: 0px 0px;
    margin-bottom: 10px;
}
.request-card small {
    font-size: 14px !important;
}
.complete-text span {
    top: -2px;
    right: 30px;
}
.card-btn {
    text-align: right;
}
.Purchase-card h4 {
    font-size: 22px;
}
.Purchase-card {
    padding: 14px 10px !important;
}
.customer-chat img {
    width: 90px;
}

.card p {
    font-size: 15px;
    margin-top: -7px;

}
.complete-text:after {
    width: 113px;
    height: 21px;
    right: 10px;
    top: 1px;
}
.request-card {
    margin-top: 20px;
}
.request-card h5 {
    font-size: 16px;
    padding: 0px 0px;
}
.request-card p {
    font-size: 16px;
    padding-top: 4px;
}
.Painting-req .review-box {
    flex-direction: column;
}
.select-images {
    padding: 0;
}
.direct-chat-text {
padding: 14px 14px;
margin-right: 17px;
}
.direct-chat-text p {
    font-size: 16px;
}
.direct-chat-text span {
    font-size: 14px;
}
.direct-chat-text:after {
    right: -14px;
    top: 25px;
    border-top: 12px solid transparent;
    border-left: 14px solid #aaa2ffba;
    border-bottom: 12px solid transparent;
}
.direct-chat-img img {
    width: 50px;
    height: 50px;
}
.msg-box-2 .direct-chat-text::before {
    left: -14px;
    top: 24px;
    border-top: 12px solid transparent;
    border-right: 14px solid #e4e4e4;
    border-bottom: 12px solid transparent;
}
.customer-chat {
    margin-left: 0;
}
.delete-button img {
    width: 25px;
}
.edit-profile-img {
    padding: 4px 9px;
    margin-left: 0px;
    font-size: 14px;
}
.painting-description .review-box {
    flex-direction: column;
}
.description-details {
    flex-direction: column;
}
.cover-btn {
    position: absolute;
    right: 6px;
    bottom: 6px;
}
.cover-btn button {
    padding: 3px 5px !important;
    font-size: 10px !important;
}
.artistprofile-info h1 {
    font-size: 22px !important;
}
.detail-box h5 {
    font-size: 14px !important;
}
.painting-para {
    font-size:16px !important;
}
.making-text {
    font-size: 22px;
}
.individual-painting h2 {
    font-size: 34px;
}
.individual-painting .review-info span {
    font-size: 18px;
}
.write-review textarea {
    font-size: 16px;
}
.select-images p {
    font-size: 24px !important;
    margin: 0;
}

.rating-star {
    font-size: 34px;
}
.individual-painting h2 {
    font-size: 24px;
}
.edit-myprofile h1 {
    font-size: 24px !important;
}
.edit-section button {
    padding: 8px 11px;
    font-size: 18px;
    margin-left: 1px;
}
.upload-box {
    margin-right: 0;
}
.form-group input {
    padding: 11px 10px;
    font-size: 16px;
}
.form-group textarea {
    font-size: 16px;
}
.form-group label {
    font-size: 18px;
    padding: 12px 0px;
}
.bi-question-circle {
    padding-left: 11px;
}
input::placeholder,textarea::placeholder {
    font-size: 16px;
}
.painting-para span {
    padding: 0 !important;
}
.add-frame img {
    width: 28px;
}
.painting-req .profile-card .complete-text span {
    top: -2px !important; 
}
.artistprofile-info h1 {
    font-size: 32px ;
}
.detail-box h5 {
    font-size: 18px;
}
.edit-painting p {
    font-size: 20px !important;
}
.edit-painting p span {
    font-size: 15px !important;
}
.artistpurchase-req .profile-card{
    margin-top: 0px;
}
.purchase-card h5 {
    font-size: 20px;
    margin-bottom: 0;
}
.paintingreq-info .review-info {
    padding-left: 50px;
}
.paintingreq-info img {
    width: 75px;
    margin-left: 10px;
}
.artistpurchase-req .card-btn {
    text-align: right !important;
}
.artistpurchase-req .card-btn a {
    font-size: 13px !important;
    padding: 4px 7px !important;
}
.edit-card {
    margin-top: -36px ;
}
.edit-painting h2 {
    font-size: 28px;
}
.edit-painting h4 {
    padding: 11px 0px;
    font-size: 20px;
}
.form-group select {
    padding: 15px 15px;
    font-size: 16px;
}
.painting-req  .request-card .review-info {
    margin-left: 0px;
}
.painting-req  .edit-myprofile h1 {
    font-size: 18px !important;
    margin-bottom: 0;
}
.painting-req   .request-card small {
    font-size: 13px !important;
}
.edit-profile {
    padding: 12px 0px;
}
.send-btn {
    right: 7px;
    bottom: 6px
}
.send-btn button {
    font-size: 20px;
}
.reply-section .form-group input {
    padding: 6px 36px !important;
}
.chat-box {
    height: 560px;
}
.customer-chat img {
    width: 65px;
}
.customer-chat h4 {
    font-size: 18px;
}
.customer-chat {
    margin-top: -40px;
}
.add-frame {
    padding: 0px 24px;
    margin-left: 0px;
}
.artist-individualchat .detail-btn a {
    padding: 6px 6px !important;
    font-size: 13px !important;
}


.msg-box-2 .direct-chat-text {
    background-color: #E4E4E4 !important;
    margin-left: 16px;
}
.forgot-form {
    max-width: 460px;
}
.sign-in-form h2 {
    font-size: 32px;
    padding: 0px 0px;
}
.forgot-form p {
    font-size: 16px ;
}
.individual-purchase {
    margin-top: -38px;
}
.profile-img img {
    width: 45px;
    height: 45px;
}
.artist-text h1 {
    font-size: 20px;
    padding-left: 0px;
}
.nav-pills ul {
    padding: 0;
    margin: 0 auto;
}
.upload-box p {
    font-size: 12px;
}
.nav-pills ul li {
    margin-left: 11px;
}
.nav-pills .active {
    padding: 16px 16px !important;
}
.nav-pills .nav-link {
    width: 36px;
    height: 36px;
    font-size: 16px;
}

.tab .draw-section h2 {
    font-size: 18px;
    padding: 22px 0px;
    margin: 0px 0px;
}

.delete-button {
    right: -2px;
    bottom: 4px;
}
.tab .draw-section h2 b {
    margin-left: 3px;
    height: 24px;
    bottom: -13px;
    font-size: 14px;
}
.tab .draw-section .form-group label {
    font-size: 16px;
    padding: 4px 0px 18px 0px;
}
.search-section button {
    top: 14px;
    left: 14px;
}.request-painting-form .card-footer  .btn-link {
    font-size: 14px;
}
.request-painting-form .card-footer .btn.btn-primary {
    font-size: 14px;
    padding: 4px 16px;
}
.edit-section {
    text-align: right;
    width: 160px;
}
.step-5 h2{
    font-size: 15px;
}
.step-5 .card-footer #cancel_button {
    right: 90px;
}
.tab-pills:after {
    width: 17px
}
.gallery-container-section {
    columns:1;
    column-gap: 0px;
}
.Purchase-card h5 {
    font-size: 22px;
}
.Purchase-card a {
    font-size: 14px !important;
    padding: 6px 10px !important;
}
.Purchase-card p {
    font-size: 16px;
    text-align: left;
}
.Purchase-card .request-text {
    margin-top: 11px;
}
.gallery-slider__images .item .img-fill {
    height: 300px;
}
.individual-painting .edit-profile-img {
    padding: 5px 10px !important;
    font-size: 14px !important;
}
.Purchase-card img {
    height: 250px;
}
.card-text {
    height: 290px;
}
artist-cardimg {
    height: 160px;
    width: 160px;
}
.draw-section .form-group input {
    padding: 10px 10px;
}
.artistpurchase-req .paintingreq-info img {
    height: 70px;
    width: 70px;
}
.form-right-content {
    margin-left: 126px !important;
}
.about-us-img:after {
  display:none;
}
}
@media (min-width:576px) and (max-width:767px) {
.about-us-img:after {
  display:none;
}
    .Purchase-card {
        padding: 25px 35px !important;
    }
.Purchase-card .request-text {
    margin-top: 11px;
}
    .Purchase-card h5 {
        font-size: 22px;
    }
    .Purchase-card a {
        font-size: 14px !important;
        padding: 6px 10px !important;
    }
    .detail-text img {
        bottom: 52px;
        width: 140px;
        height: 140px;
    }
    .delete-button {
        right: -2px;
        bottom: 3px;
    }
    .upload-box {
        margin-right: 0;
    }
    .pre-img {
        top: -26px;
        width: 50px;
    }
    .next-img {
        top: 14px;
        width: 50px;
    }
    .sign-up-banner .logo-sec img {
        width: auto;
    }
    .paintingreq-info img {
        width: 80px;
        margin-left: 9px;
    }
    .paintingreq-info .request-text  {
        margin-left: 30px;
    }
    .artistpurchase-req .purchase-card h5 {
        font-size: 24px;
    }
 
    .select-images p{
        text-align: left;
    }
    .profile-card {
        padding: 11px;
    }
    .my-profile {
        text-align: center;
    }
   
    .customer-information li {
        font-size: 22px;
        margin-top: 16px;
    }
    .customer-information{
        margin-bottom: 0 !important;
    }
 
    .edit-section button {
        padding: 10px 13px;
        margin-left: 14px;
    }
    .form-group input {
        padding: 13px 10px;
        font-size: 16px;
    }
    .form-group textarea {
        font-size: 16px;
    }
    .p-details {
        flex-direction: column;
    }
    .painting-description .detail-btn {
text-align: start;
    }
    .painting-description .review-box {
        flex-direction: column;
    }
    .description-details  .detail-btn {
        text-align: start;
            }
    .description-details {
        flex-direction: row;
        font-size: 18px;
    }
    .submitted-req p {
        flex-direction: column !important;
        padding: 0;
    }
    .submitted-req .p-details {
        font-size: 20px;
    }
    .description-details span {
        width: 100%;
    }
    .edit-heading {
        font-size: 20px;
    }
    .select-images {
        text-align: center;
        padding: 0px 0px;
    }
    .add-morefile {
        padding: 28px 53px;
        left: 4px;
    }
    .about-section {
        margin-top: 10px;
    }
    .Artist-Detail {
        padding-left: 40px!important;
    }
    .img-box img {
        width: 100%;
    }
    .detail-box {
        padding: 7px;
    }
    .detail-box h1 {
        font-size: 28px !important;
    padding-top: 4px !important;
    }
    .detail-btn {
        padding-top: 0px;
        text-align: left;
    }
    .btn.btn-primary {
        padding: 8px 13px;
        font-size: 14px;
    }
    .logo-sec img {
        width: 100px;
    }
    .header {
        max-width:110px;
    }
    .sidebar {
        min-width: 110px;
        top: 200px;
    }
    .navbar-list li a span {
        display: none;
    }
    .right-content {
        margin-left: 121px;
        margin-right: 16px;
    }
    .section-heading {
        font-size: 22px;
        padding-top: 22px;
    }
    .star-icons {
        font-size: 20px;
    }
    .about-info {
        padding: 12px;
    }
    .about-section h5 {
        font-size: 22px;
        padding: 6px;
    }
    .about-section p {
        font-size: 22px;
    }
  
    .relevant-heading:after {
        left: 286px;
    }
    .progress-review span {
        font-size: 24px;
    }
    .relevant-heading {
        font-size: 26px;
        padding-bottom: 2px;
    }
    .artist-text h1 {
        font-size: 36px;
    }
    .card-btn a {
        font-size: 12px !important;
        padding: 7px 9px !important;
    }
    .profile-edit-btn {
        top: -79px;
        left: 28px;
    }
    .edit-myprofile {
        margin-top: -33px;
    }
    .Artist-Detail {
        flex-direction: column;
    }
    .p-details span {
        display: block;
        width: 100%;
        margin: 0px;
    }
    .contact-me {
        margin-right: 0;
        margin-bottom: 0px;
    }
    .small-box h4 {
        font-size: 16px;
        padding-left: 12px;
    }
    .small-box {
        max-width: 227px;
    }
    .request-card .review-info {
        margin-left: 15px;
    }
    .request-card h5 {
        font-size: 18px;
    }
    .request-card h1 {
        font-size: 23px !important;
    }
    .draw-section  .select-images img {
        width: 192px;
    }
    .select-images img {
        margin-left: 0px;
        margin-right: 0px;
        padding: 10px 0px;
        width: 180px;
    }
    .add-morefile IMG {
        width:30PX !important;
    }
    .add-morefile {
        padding: 18px 46px;
        left: 4px;
        top: 27px;
    }
    .painting-para{
        font-size: 20px ! important;
    }
    .edit-painting p {
        font-size: 24px !important;
    }
    .edit-painting h4 {
        padding: 11px 0px;
    }
    .individual-painting h2 {
        font-size: 30px;
        font-family: 'Poppins-Medium';
    }
    .making-text {
        font-size: 22px;
        font-family: 'Poppins-SemiBold';
        margin-top: 16px;
    }
    .progress {
        width: 55%;
        margin: 16px 30px;
    }
    .review-info p {
        font-size: 16px;
        padding-top: 7px;
    }
    .rating-star {
        font-size: 40px;
    }
    .review-info h4 {
        font-size: 24px !important;
    }
   .Painting-req .review-box {
    flex-direction: column;
   }
   .Painting-req {
    padding: 22px !important;
}
.form-group label {
    font-size: 22px;
    padding: 16px 0px;
}
.draw-section h4 {
    font-size: 22px;
}
.edit-myprofile h1 {
    font-size: 26px !important;
}


.about-info .row {
    margin-bottom: -26px;
}
.edit-painting .select-images img {
    width: 124px;
}
.add-frame img {
    width: 50px !important;
}
.add-frame {
    border: 2px solid #AAA2FF;
    padding: 0px 35px;
    margin-left: 0px;
}
.edit-painting .form-group label {
    font-size: 15px;
    padding: 16px 0px;
}
.edit-painting.form-group input {
    padding: 8px 10px;
}
input::placeholder,textarea {
    font-size: 14px;
}
.form-group select {
    padding: 15px 25px;
    font-size: 14px;
    
}
.edit-painting h2 {
    font-size: 28px;
}
.edit-profile {
    padding: 12px 0px;
}
.chat-box {
    overflow-y: auto;
    height: 432px;
}
.reply-section .form-group input {
    padding: 16px 36px !important;
}
.send-btn button {
    font-size: 26px;
}
.painting-req .request-text {
    flex-direction: column;
}
.painting-req .request-card .review-info {
    margin-left: 0;
    margin-top: 20px;
}
.painting-req .request-card small {
    margin-right: 66px;
}
.submitted-req a {
    font-size: 12px !important;
    padding: 4px 7px !important;
}
.submitted-req   .description-details h1 {
    font-size: 18px !important;
}
.artist-individualchat .detail-btn {
    padding-top: 0px;
    text-align: right;
}
.artist-individualchat .chat-box {
    height: 542px;
}
.submitted-req .detail-btn {
    padding-top: 12px;
}
.forgot-form {
    max-width: 540px;
}

.dropdown-menu {
    padding: 7px !important;
    transform: translate(-24px, 153px) !important;
}
.direct-chat-text {
    padding: 19px 16px;
    margin-right: 22px;
}
.direct-chat-text p {
    font-size: 18px;
}
.direct-chat-text span {
    font-size: 16px;
}
.search-section {
    width: 300px ;
    right: -106px;
    top: 62px
}
.search-section input {
    padding: 10px 50px;
}

.nav-pills ul li {
    margin-left:25px;
}
.nav-pills ul {
    margin: 0;
    padding: 0;
}
.tab .draw-section h2 {
    font-size: 26px;
    margin: 0px 0px;
    padding: 38px 0px;
}
.tab .draw-section .form-group label {
    font-size: 22px;
}
.tab .draw-section h2 b {
    margin-left: 0px;
    font-size: 23px;
}
.tab-pills:after {
    width: 32px;
}
.nav-pills .nav-link{
    width: 45px;
    height: 45px;
    font-size: 22px;
}
.gallery-container-section  {
    columns: 1;
    column-gap: 0px;
}
.artistpurchase-req .paintingreq-info img {
    height: 75px;
    width: 75px;
}
.form-right-content {
    margin-left: 140px !important;
}
}
@media (min-width:768px) and (max-width:991px) {
.homepage-footer button {
   padding: 8px 24px!important;
    font-size: 16px!important; 
}
.homepage-footer input::placeholder {
font-size: 20px!important; 
}
.menu-btn img {
    width: 32px;
}
.homepage-menu {
    width: 250px;
}
.homepage-menu li {
    padding-top: 14px;
}
.homepage-menu li a {
    font-size: 20px;
}
.logo-section-layer img {
    width: 500px;
}
.homepage-vedio-section iframe {
    height:400px;
}
.about-us-img:after {
  display:none;
}
    .detail-text img {
        bottom: 50px;
        width: 146px;
        height: 146px;
    }
    .upload-box {
        margin-right: 0;
    }
    .purchase-card h5 {
        font-size: 26px;
    }
    input::placeholder {
        font-size: 16px;
    }
    .artistprofile-info {
        margin-top: 0px !important;
    }
    .artist-individualchat .detail-btn {
        padding-top: 0px;
        text-align: right;
    }
    .edit-profile {
        padding: 12px 12px;
    }
    .sign-up-banner .logo-sec img {
        width: auto;
    }
    .profile-card {
        padding: 11px;
    }
    .my-profile {
        text-align: center;
        padding-bottom: 30px;
    }
    .customer-information p {
        font-size: 20px;
        margin-top: 0px;
    }
    .progress {
        width: 62%;
    }
    .search-section {
        width: 300px !important;
    }
    
    .pre-img {
        left:29px;
        width: 53px;
    }
    .next-img{
        width: 53px;
    }
    .small-box {
        max-width: 180px;
        padding: 10px 12px;
    }
    .small-box img {
        width: 30px;
        height: 30px;
    }
    .small-box h4 {
        font-size: 15px;
        padding-left: 5px;
    }
    .painting-req .artist-text h1 {
        font-size: 32px !important;
    }
    .Artist-Detail {
        flex-direction: column;
    }
    .about-section {
        margin-top: 10px;
    }
    .img-box img {
        width: 100%;
    }
    .logo-sec img {
        width: 100px;
    }
    .making-text {
        font-size: 28px;
    }
  
    .description-details span {
        width: 72%;
    }
    .description-details {
        font-size: 22px;
        padding: 11px 0px;
    }
    .select-images img {

        width: 225px ;
    }
    .header {
        max-width:110px;
    }
    .sidebar {
        min-width: 110px;
        top:200px;
    }
    .navbar-list li a span {
        display: none;
    }
    .right-content {
        margin-left: 130px;
        margin-right: 20px;
    }
    .section-heading {
        font-size: 31px;
        padding-top: 22px;
    }
    .review-section .section-heading {
        font-size: 27px;
    }
    .star-icons {
        font-size: 30px;
    }
    .progress-review span {
        font-size: 32px;
    }
    .about-section h5 {
        font-size: 20px;
    }
    .about-section p {
        font-size: 24px;
    }
   
    .request-card {
        padding: 0px 18px 28px 18px !important;
        margin-left: 0px;
    }
    .profile-edit-btn {
        top: -75px;
        left: 32px;
    }
    .edit-myprofile {
        margin-top: -33px;
        padding: 24px !important;
    }
    .btn.btn-primary {
        padding: 6px 10px;
        font-size: 16px;
    }
    .edit-profile a {
        padding: 6px 10px !important;
        font-size: 14px !important;
    }
    .artist-text h1 {
        font-size: 44px;
    }
    .p-details span {
        display: block;
        width: 70%;
    }
    .contact-me {
        margin-right: -14px;
        margin-bottom: 5px;
    }
    .edit-heading {
        font-size: 26px;
    }
    .detail-btn {
        padding-top: 0px;
        text-align: left;
        margin-top: 0;
    }
    .detail-box {
        padding: 12px;
        margin-top: -17px;
    }
    .individual-painting h2 {
        font-size: 36px;
    }
    .painting-para {
        font-size: 24px !important;
    }
    .individual-painting .review-info span {
        font-size: 24px;
    }
    .direct-chat-text {
        padding: 22px 18px;
        max-width: 100%;
        margin-right: 42px;
    }
    .direct-chat-text p {
        font-size: 18px;
    }
    .direct-chat-text span {
        font-size: 16px;
    }
    .add-morefile {
        padding: 28px 78px;
        top: 33px;
        left: 20px;
    }
    .add-morefile img {
        width: 36px !important;
    }
    .artist-info .contact-me{
        margin-right: 0px !important;
        margin-bottom: 0px;
    }
    .dropdown-menu {
        padding: 5px !important;
        transform: translate(-26px, 151px) !important;
    }
    .about-info {
        padding: 10px;
    }
   
   
    .artist-individualchat .detail-btn  .contact-me{
        margin-right: 15px;
        margin-bottom: 0px;
    }
    .edit-painting .select-images img {
        width: 184px ;
    }
    .add-frame img {
        width:76px !important;
    }
    .add-frame {
        padding: 0px 27px;
    }
    .edit-painting .form-group label {
        font-size: 22px;
    }
    .edit-profile .btn-label {
        padding: 9px 14px;
        left: -15px;
    }
    .submitted-req  .detail-btn {
        margin-left: 15px;
    }
    .submitted-req  .detail-btn a {
        padding: 6px 8px;
        font-size: 14px !important; 
        margin-top: 10px;
    }
    .submitted-req  .review-info h4 {
        font-size: 24px !important;  
    }
   
   
    .chat-box {
        overflow-y: auto;
        height: 432px;
    }
    .reply-section .form-group input {
        padding: 16px 36px !important;
    }
    .send-btn button {
        font-size: 26px;
    }
    .artist-individualchat .chat-box {
        height: 542px;
    }
   
    .img-box-text small {
        font-size: 14px !important;
    }
    .search-section {
        top: 68px;
        right: -104px;
    }  
    .search-section button {
        left: 20px;
        top: 12px;
    }
    .search-section input {
        padding: 10px 62px;
        font-size: 20px;
    }
  
    .nav-pills ul li {
        margin-left:33px;
    }
    .tab .draw-section h2 {
        font-size: 18px;
        margin: 0px 0px;
        padding: 24px 0px;
    }
    .tab .draw-section .form-group label {
        font-size: 18px;
        padding: 4px 0px 16px 0px;
    }
    .tab .draw-section h2 b {
        margin-left: 5px;
        font-size: 18px;
    }
    .tab  .select-images img {
        width: 244px;
    }
    .edit-section {
        width: 170px;
    }
    .edit-section button {
        padding: 10px 14px;
        font-size: 18px;
        margin-left: 10px;
    }
    .nav-pills .nav-link {
        width: 45px;
        height: 45px;
        font-size: 20px;
    }
    .delete-button {
        right: 9px;
        bottom: 9px;
    }
    .tab-pills:after {
        width: 40px;
    }
    .gallery-container-section  {
        columns: 2;
        column-gap: 10px;
    }
.Purchase-card h5 {
        font-size: 23px;
        font-family: 'Poppins-Medium';
    }
    .Purchase-card {
        padding: 46px 50px !important;
    }
   .Purchase-card .request-text {
    margin-top: 11px;
}
.customer-information .row  .col-md-5 {
    width: 33.666667%;
}
.artistpurchase-req .paintingreq-info img {
    height: 75px;
    width: 75px;
}
.form-right-content {
    margin-left: 150px !important;
}
}
@media (min-width:992px) and (max-width:1199px) {
.about-us-img:after {
    width: 10%;
    background: none;
}
.form-right-content {
    margin-left: 140px !important;
}
   .Artist-Detail .contact-me {
    margin-bottom:0px;
}
.img-box-text p {
    margin-bottom: 0;
    font-size: 14px;
}
.artist-individualchat .chat-box {
    height: 515px;
}
.description-details span {
    width: 73%;
}
.my-profile {
    width: 227px;
}
.customer-information p {
    margin-top: -8px;
    font-size: 18px;
    margin-left: 24px;
}
.my-profile {
    text-align: center;
}
    .right-content {
        margin-left: 322px;
        margin-right: 20px;
    }
    .star-icons {
        font-size: 30px;
    }
    .painting-description .detail-btn a {
        padding: 6px 18px !important;
        font-size: 15px !important;
        margin-top: 5px;
    margin-left: 6px;
    }
    .painting-description .profile-card{
        padding: 20px !important;
    }
   
    .artist-text h1 {
        font-size: 44px;
    }
    .card button {
        padding: 8px 28px;
    }
    .img-box img {
        width: 100%;
    }
    .detail-text img {
        bottom: 55px;
        width: 170px;
        height: 170px;
    }
    .section-heading {
        font-size: 32px;
        padding-top: 22px;
    }
   
    .detail-btn button {
        padding: 7px 14px !important;
        font-size: 16px !important;
    }
    .detail-btn {
        padding-top: 0px;
    }
    .about-section h5 {
        font-size: 20px;
    }
    .about-section p {
        font-size: 24px;
        max-width: 100%;
    }
    .Artist-Detail {
        flex-direction: column;
    }
    .about-section {
        margin-top: 10px;
    }
   
    .select-images img {
        margin-left: 0px;
        margin-right: 8px;
        padding: 10px 0px;
        width: 258px;
    }
    .add-morefile img {
        width:30px !important;
    }
    .add-morefile {
        padding: 47px 98px;
        left: 4px;
        top: 26px;
    }
    .card-btn  {
        text-align: start !important;
        margin-left: 30px;
    }
    .card-btn a {
        font-size: 14px !important;
        padding: 6px 12px;
    }
    .edit-heading {
        font-size: 23px;
    }
    .edit-myprofile {
        margin-top: -39px;
    }
    .profile-edit-btn {
        position: relative;
        top: -82px;
        left: 40px;
    }
    .about-info {
        padding: 5px;
    }
    .p-details span {
        display: block;
        width: 100%;
        margin: 0px;
    }
    .contact-me {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .customer-information li {
        font-size: 20px;
    }
    .edit-painting .select-images img {
        width:200px ;
    }
    .add-frame img {
        width:88px !important;
    }
    .add-frame {
        padding: 0px 42px;
    }
    .chat-box {
        overflow-y: auto;
        height: 417px;
    }
    .small-box {
        padding: 13px 9px;
        max-width: 215px;
    }
    .small-box img {
        width: 30px;
        height: 30px;
    }
    .small-box h4 {
        font-size: 18px;
        padding-left: 10px;
    }
    .artist-individualchat  .contact-me {
        margin-bottom: 0;
    }
    .dropdown-menu {
        padding: 7px !important;
        transform: translate(-24px, 153px) !important;
    }
    .my-profile img {
        width: 210px;
    }
    .nav-pills ul li {
        margin-left: 35px;
    }
   
    .tab .draw-section h2 {
        font-size: 21px;
        margin: 0px 0px;
        padding: 28px 0px;
    }
    .tab .draw-section h2 b {
        margin-left: 0px;
        font-size: 18px;
    }
    .edit-section button {
        margin-left: 12px;
    }
    .delete-button {
        right: 3px;
        bottom: 7px;
    }
    .request-painting-form .select-images img {
        width: 285px;
    }
    .tab .draw-section .form-group label {
        font-size: 24px;
        padding: 0px 0px 18px 0px;
    }
    .step-5 h2{
        font-size: 19px;
    }
    .tab-pills:after {
        width: 41px;
    }
    .gallery-container-section  {
        columns: 2;
        column-gap: 10px;
    }
    .img-box-text span {
        width: 200px;
    }
    .Purchase-card {
        padding: 30px 40px !important;
    }
    .Purchase-card .request-text {
    margin-top: 11px;
    }
   .Purchase-card h5 {
    font-size: 24px;
}
.slick-slider3 .slick-slide img {
    width: 181px;
}
}
@media (min-width: 1200px) and (max-width:1399px) {
.about-us-img:after {
    width: 30%;
    left: 80%;
    background-size: 100%;
}
.form-right-content {
   margin-left:155px !important;

}
    .request-card p {
        font-size: 18px;
    }.artist-individualchat .chat-box {
        height: 500px;
    }
    .dropdown-menu {
        padding: 7px !important;
        transform: translate(-24px, 153px) !important;
    }
.right-content {
        margin-left: 265px;
        margin-right: 34px;
}
    .card h4 {
        font-size: 20px;
        padding-top: 18px;
    }
    .Purchase-card {
        padding: 16px 16px !important;
    }
    .card p {
        font-size: 14px;
    }
    .artist-text h1 {
        font-size: 44px;
    }
    .card a {
font-size: 14px !important;
padding: 8px 29px !important;
    }
    .detail-text img {
        bottom: 92px;
        width: 218px;
        height:218px;
    }
    .img-box img {
        width: 100%;
    }
    .section-heading {
        font-size: 32px;
    }
    .artist-info .contact-me{
        margin-right: 9px;
    }
    .artist-info .detail-btn  a{
        padding: 9px 10px;
    font-size: 14px;
    }
    .detail-btn button {
        padding: 9px 11px !important;
        font-size: 14px !important;
    }
    .about-section h5 {
        font-size: 24px;
    }
    .about-section p {
        font-size: 24px;
        max-width: 100%;
    }
    .request-card .review-info {
        margin-left: 13px;
    }
 
    .profile-edit-btn {
        top: -120px;
        left: 64px;
}
.p-details span {
    display: block;
    width: 100%;
    margin: 0px;
}
.select-images img {
    margin-left: 0px;
    margin-right: 0px;
}
.small-box {
    max-width: 238px;
}
.small-box h4 {
    font-size: 17px;
}

.card-btn {
    text-align: center;
}
.paintingreq-info .review-info {
    padding-left:40px;
}

.customer-information p {
    font-size: 16px;
    margin-top: 10px;
    margin-left: -28px;
}
.edit-card {
    padding: 10px !important;
}
.edit-profile a {
    padding: 7px 18px !important;
    font-size: 16px;
}
.edit-profile .btn-label {
    padding: 10px 18px;
    left: -24px;
}
.artistpurchase-req .purchase-card h5 {
    font-size: 19px;
}
.artistpurchase-req .card-btn a {
    font-size: 16px !important;
    padding: 6px 10px;
}
.artistpurchase-req small {
    font-size: 16px !important;
}
.artistpurchase-req .review-info p {
    font-size: 18px;
}
.painting-req .request-card .review-info {
    margin-top: 26px;
}
.painting-req  .request-text {
    flex-direction: column;
}
.painting-req .edit-heading {
    font-size: 24px;
}
.painting-req .request-card  small {
    margin-right: 38px;
}
.chat-box {
    height: 417px;
}
.description-details span {
    width: 76%;
}
.my-profile img {
    width: 210px;
}
.tab .draw-section h2 {
    font-size: 24px;
    margin: 0px 14px;
}
.tab .draw-section h2 b {
    margin-left: 3px;
    font-size: 23px;
}
.nav-pills ul li {
    margin-left: 46px;
}

.edit-section button {
    margin-left: 22px;
}
.tab .draw-section .form-group label {
    font-size: 22px;
}
.delete-button {
    right: 2px;
    bottom: 0px;
}
.gallery-container-section  {
    columns: 3;
    column-gap: 10px;
}
.Purchase-card p {
    font-size: 18px;
    margin-bottom: 6px;
}
.Purchase-card h5 {
    font-size: 20px;
}
.Purchase-card a {
    padding: 6px 16px ;
    font-size: 16px;
}
.slick-slider3 .slick-slide img {
    width: 190px;
}
.slick-slider3 {
    width: auto;
}
.sidebar {
    min-width: 245px;
}
.header {
    max-width: 245px;
}
.navbar-list li a {
    font-size: 16px;
}
.slick-slider3 .slick-list {
    margin-left: 75px;
}
.slickbtn3 .pre-img {
    left: 170px;
}
.slickbtn3 .next-img {
    right: 48px;
}
.request-detail .request-detail-slider h4 {
    font-size: 18px;
}
.request-detail-profile {
    width: 135px;
    height: 135px;
}
.gallery-section .request-detail-slider .artist-text a {
    font-size: 30px !important;
}
.request-detail-slider h4 {
   text-align:center;

}
}
@media (min-width: 1400px) and (max-width:1599px) {
.about-us-img:after {
    width: 30%;
    left: 79%;
    background-size: 99%;
}
.slickbtn3 .pre-img {
    left: 137px;
}
.slick-slider3 .slick-list {
    margin-left: 50px;
}
.slick-slider3 {
    width: auto;
}
.slick-slider3 .next-img {
    right: 55px;
}
.slick-slider3 .slick-slide img {
    width: 190px;
}
    .chat-box {
        height: 500px;
    }
    .card-btn a {
        font-size: 14px !important;
        padding: 6px 12px !important;
    }
    .description-details span {
        width: 78%;
    }
    .artist-individualchat .chat-box {
        height: 497px;
    }
    .paintingreq-info .review-info {
        padding-left: 40px;
    }
    .artistpurchase-req .purchase-card h5 {
        font-size: 27px;
    }
    .painting-req .request-card .review-info {
        margin-top: 26px;
        margin-left: 35px
    } 
   
    .img-box-text small {
        font-size: 10px !important;
    }
  
    .customer-information p {
        font-size: 18px;
        margin-left: -6px;
    }
    .my-profile img {
        width: 226px;
    }
    .small-box {
        padding: 10px 15px;
        max-width: 250px;
    }
    .nav-pills ul li {
        margin-left:30px;
    }
   
    .tab .draw-section h2 {
        font-size: 26px;
    }
    .tab .draw-section h2 b {
        font-size: 24px;
        margin-left: 4px;
    }
    .tab .draw-section .form-group label {
        font-size: 26px;
    }
    .gallery-container-section  {
        columns: 3;
        column-gap: 10px;
    }
    .tab-pills:after {
        width: 36px;
    }
    .Purchase-card p {
        font-size: 18px;
        margin-bottom: 6px;
    }
    .Purchase-card h5 {
        font-size: 20px;
    }
    .Purchase-card a {
        padding: 6px 16px ;
        font-size: 16px;
    }
    .Purchase-card {
        padding: 44px 54px !important;
    }
}
@media (min-width: 1600px) and (max-width:1800px) {
.about-us-img:after {
    width: 34%;
    left: 87%;
}
.slick-slider3 {
    width: auto;
}
.slick-slider3 .slick-slide img {
    width: 181px;
}
.draw-box {
    padding:0px;
}


.customer-information li {
    font-size: 24px;
}
.small-box {
    max-width: 240px;
}
.small-box h4 {
    font-size: 17px;
}
.customer-information p {
        color: #4C4C4C;
        font-size: 21px;
    }
    .nav-pills ul li {
        margin-left: 38px;
    }
    .tab .draw-section h2 {
        font-size: 31px;
    }
    .artist-individualchat .chat-box {
        height: 520px;
    }
    .tab .draw-section h2 b {
        font-size: 31px;
        margin-left: 0px;
    }
   
    .description-details span {
        width: 80%;
    }
    .review-info p {
        padding-top: 5px;
    }
   .painting-text  a {
    font-size: 16px !important;
}
   .right-content {
    margin-left: 345px;
}
.detail-btn {
    padding-top: 10px;
}
.tab-pills:after {
    width: 44px;
}
.card p {
    font-size: 19px;
    margin-top: 2px;
}
.img-box-text small {
    font-size: 11px !important;
    color: #fff;
}
}