@font-face {font-family: 'poppinsbold'; src: url('../fonts/poppins/poppins-bold-webfont.woff2') format('woff2'), url('../fonts/poppins/poppins-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face {font-family: 'poppinsmedium'; src: url('../fonts/poppins/poppins-medium-webfont.woff2') format('woff2'), url('../fonts/poppins/poppins-medium-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face {font-family: 'poppinsregular'; src: url('../fonts/poppins/poppins-regular-webfont.woff2') format('woff2'), url('../fonts/poppins/poppins-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face {font-family: 'poppinssemibold'; src: url('../fonts/poppins/poppins-semibold-webfont.woff2') format('woff2'), url('../fonts/poppins/poppins-semibold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap;}
@font-face { font-family: 'poppinsitalic'; src: url('../fonts/poppins/poppins-italic-webfont.woff2') format('woff2'), url('../fonts/poppins/poppins-italic-webfont.woff') format('woff');font-weight: normal;font-style: normal; font-display: swap;}

body{ margin:0px; height:0px; font-family: 'poppinsregular'; font-display: swap; overflow-x: hidden; }
*{outline: none !important; }

p ,h1 , .hyphens{/*-webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto;*/ -ms-word-break: break-all; word-break:normal; word-break: break-word;  word-wrap: break-word;}

/* ------------------- header --------------------- */

.header-fixed{width:100%;
    background-color:#FFFFFF;
    position:fixed;
    min-height:60px;
    box-shadow: 0px 3px 24px 0px rgba(158, 162, 169, 0.2);
    /*background: linear-gradient(90deg, rgba(255,255,255,1) 50%, #232c2b 50%);*/
    top:0px;}

.header-fixed .header-section{box-shadow: none; border-radius:0px;}
.header-fixed  .navbar-brand {border-radius:0px;}

header{width: 100%;position: absolute; z-index: 2;  top:45px;}

.header-section{display: flex; width: 100%; align-items: center; height: 100%; justify-content: space-between; box-shadow: 0px 3px 24px 0px rgba(158, 162, 169, 0.2); background:#fff; border-radius:10px; position: relative; }
header .navbar-brand {background-color:#fff; border-radius:10px 0px 0px 10px; height: 80px; width:230px; padding: 15px; margin-right: 0px !important; }
header .navbar-brand img{ width:100%; height:100%;}
header .navbar{ height:auto; align-items: center; justify-content: flex-end; box-shadow: none; }

header .navbar-nav{  align-items: center;  padding: 8px 10px;}
.navbar-nav .nav-item{padding: 0px 12px; }
.navbar-nav .nav-item:last-child {padding-right:0px !important; }
.navbar-nav .nav-link{font-size:14px; color:#fff; text-decoration: none; padding: 5px 0px !important; font-family: 'poppinssemibold'; text-transform: uppercase; }
.navbar-nav .nav-link.active, .navbar-nav .nav-link:hover{color: rgb(226, 28, 43);}

.navbar-nav .nav-link.login-btn{border-radius: 20px; background-color: rgb(226, 28, 43); width:76px;  text-align: center;  height: 36px; line-height:36px; padding:0px !important; }
.navbar-nav .nav-link.login-btn:hover{background: #fff; color: rgb(226, 28, 43);}


.user .dropdown-toggle{cursor: pointer; color: #fff !important; font-size: 14px; font-family: 'poppinssemibold'; display: flex;  align-items: center; }
.user .dropdown-toggle:hover{  color: rgb(226, 28, 43); }
.user_image {width: 42px; height: 42px; display: inline-block;margin-left: 8px; border-radius: 50%; }
.user_image img{width: 100%; height: 100%;  border-radius: 50%; object-fit: cover; }
.dropdown-menu{background-color: #232c2b;  right: 0; left: auto; border-radius: 0; position: absolute !important; }
.dropdown-menu .dropdown-item{color: #fff;  font-size: 14px; padding: 10px 30px; font-family: 'poppinssemibold'; text-transform: uppercase;  }
.dropdown-item:focus, .dropdown-item:hover { color: #fff; background-color: rgb(226, 28, 43);}
.dropdown-toggle::after { display: inline-block; width: 8px;  height: 8px; content: "";  border: none; vertical-align:2px; border-bottom: 2px solid #fff; border-left: 2px solid #fff; transform: rotate(-45deg);}
.navbar-nav .dropdown-item { text-transform: uppercase; }

/*  */

.contact-info {  width: 100%; background: #f8a61f; border-top-right-radius: 10px; display: flex;  }
.right-menu { width: 100%; flex: 1; height: 100%; display: flex; flex-direction: column; justify-content: space-between; background: #232c2b;  border-bottom-right-radius: 10px; border-top-right-radius: 10px; }
.contact-info div { width: 50%; display: flex; align-items: center;  justify-content: center;  }
.contact-info .contact-no { border-right: 1px solid #1b1823; }
.contact-info a{ font-size: 14px; width: auto; color: #1b1823; text-align: center; text-decoration: none !important;  padding: 5px 0px; transition: all 3s cubic-bezier(0.075, 0.82, 0.165, 1); }
.contact-info a img { margin: 0px 5px; width: 20px; height: 20px; vertical-align: text-bottom; }

.header-fixed .right-menu{border-radius: 0 !important;  }
.header-fixed .contact-info { border-radius: 0 !important;  }
/* mobile view header */

.sidenav {height: 100%; width: 0; position: fixed; z-index: 999; top: 0; right: -360px; background-color:#616368; overflow-x: hidden; transition: 0.5s; width: 350px;}
body.navOpen .sidenav{right: 0px; }
.sidenav a {  padding: 10px 8px 8px 10px;text-decoration: none; font-size: 16px; color: #fff; display: block; transition: 0.3s;}
.sidenav .closebtn { position: absolute; top: -8px;right:0; font-size:40px; color:#fff; z-index: 1; line-height: 1;}

.search_icons { color:#000080; padding: 10px;  font-size: 24px; position: absolute; top:50%; transform: translateY(-50%); right:60px;}
.right_nav {display: block !important; position: absolute; content: ""; right: 10px; top: 25px; border-radius: 0;padding: 0;font-size: 35px; color: #fff; box-shadow: none; outline: 0;}
.navbar-expand-md .navbar-collapse {width: 100%;}
.navbar-search-overlap { position: absolute!important;left: 0; right: 0; top: 0; z-index: 1; background-color: #fff;}
#site-navbar-search {z-index: 100000;}
/* .collapse.show { box-shadow: 0 0px 2px 0px black;} */
.input-search .fa-search { position: absolute;  color: #000080; left: 10px; top: 50%; transform: translateY(-50%);}
.navbar-search-overlap .form-group{margin-bottom: 0px;}
.navbar-search-overlap .form-control { height:78px; padding-left:40px; font-size:18px;border: none; color: #555555;}
.input-search .input-search-close, .input-search .input-search-icon {position: absolute; color:#000080; cursor: pointer; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1;  background: none; border: none;}
.navbar-search-overlap .form-control:focus{box-shadow:none;}
header .dropdown-menu{left: auto; right:0px;}
#btn { position: absolute; z-index:1111; /* top: 50%; transform: translateY(-50%); */ right:10px; cursor: pointer; -webkit-transition: left 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91); transition: left 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91); border: 1px solid #fff; padding: 7px; border-radius: 5px;}
#btn div { width: 28px;height: 2px; margin-bottom: 5px; background-color: #fff; -webkit-transition: -webkit-transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91), opacity 500ms, box-shadow 250ms, background-color 500ms;
    transition: transform 500ms cubic-bezier(0.6, 0.05, 0.28, 0.91), opacity 500ms, box-shadow 250ms, background-color 500ms;}

#btn div#bottom{margin-bottom: 0px;}
#btn:hover > div { box-shadow: 0 0 1px var(--lightyellow); }

#btn.active{border:0px; top: 10px; right: 10px; padding: 0; }
#btn.active div { background-color: #fff; }
#btn.active:hover > div { box-shadow: 0 0 1px #343838; }

#items .item .nav-link:first-child { transition-delay: 0.1s;}
#items .item .nav-link:nth-child(2) { transition-delay: 0.2s;}
#items .item .nav-link:nth-child(3) { transition-delay: 0.3s;}
#items .item .nav-link:nth-child(4) {transition-delay: 0.4s;}
#items .item .nav-link:nth-child(5) { transition-delay: 0.5s;}
#items .item .nav-link:nth-child(6) {transition-delay: 0.6s;}

#btn.active #top { -webkit-transform: translateY(5px) rotate(-135deg);  -ms-transform: translateY(5px) rotate(-135deg); transform: translateY(5px) rotate(-135deg); }
#btn.active #middle {-webkit-transform: scale(0);  -ms-transform: scale(0); transform: scale(0);}
#btn.active #bottom {-webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-9px) rotate(-45deg); transform: translateY(-9px) rotate(-45deg);}
#box { position: fixed; z-index:999;overflow: auto; top: 0px; right: -500px; width: 350px; opacity: 0; padding: 0px 0px; height: 100%; background-color: #232c2b ; box-shadow: 0px 3px 24px 0px rgba(255, 255, 255, 0.17);
    -webkit-transition: all 350ms cubic-bezier(0.6, 0.05, 0.28, 0.91); transition: all 350ms cubic-bezier(0.6, 0.05, 0.28, 0.91);}
#box.active {right: 0px; opacity: 1;}
#items { position: relative; top: 70px; padding-left: 0px; list-style: none;}
#items .item { position: relative; cursor: pointer; padding:3px 10px; -webkit-transition: all 250ms;  transition: all 250ms;}
#items .item .nav-link{color: rgb(226, 28, 43);text-transform: uppercase;}
#items .item:hover,#items .item.active{ /*padding: 15px 25px;*/ background-color: rgba(52, 56, 56, 0.2);}



/* ---------------index------------- */
.request-quote{ border-radius: 20px; padding-top: 12px;cursor: pointer;  background-color: rgb(226, 28, 43); text-transform: uppercase; height: 59px; z-index:1; width: 176px; font-size:16px; font-family: 'poppinssemibold'; color:#fff;  top: 50%; transform: rotate(-90deg); text-align: center;position: fixed; right: -74px;   }
.request-quote:hover{ color: rgb(226, 28, 43); background: #fff; border: 1px solid rgb(226, 28, 43); }
/* .gm-style-pbc{ background-color: rgba(0, 0, 0, 0) !important;  } */

.index-section{position: relative; z-index:0;}
.first-section-home{ background-color: rgb(242, 242, 242); height:740px;}
.first-section-home .carousel-item{height:740px; width:100%;background: url(../../images/bg-1.jpg) no-repeat; background-position: center top; background-size: cover; }

/* .first-section-home .carousel-item img{width:100%; height:100%; object-fit: cover;} */
.carousel .carousel-indicators li{border-radius: 50%;  background-color: rgb(35, 44, 43); width: 16px; height: 16px; border:0px; opacity:1;}
.carousel .carousel-indicators  li.active{background:#e21c2b;}
.carousel .carousel-indicators{margin-bottom:10px; bottom:0px;}

.zip-code-section{background:url(../../images/shadow.png) repeat; background-size: contain; position: absolute; width: 100%;bottom: 0;z-index: 1; padding:45px 0px;}
.zip-code-section .zip-title{color:#ffffff; font-size:26px;font-family: 'poppinssemibold'; margin-bottom:10px; text-align: center; text-transform: uppercase;}
.zip-code-section .input-group{border:3px solid rgb(35, 44, 43); background-color: rgba(255, 255, 255,0.7);  border-radius: 10px;  width: 632px; margin:0px auto; align-items: center;}
.zip-code-section .input-group .form-control{border:0px; border-radius:0px; padding:10px; color:#232c2b; font-size:16px; background-color: transparent;}
.zip-code-section .input-group .form-control:focus{box-shadow: none;}
.zip-code-section .input-group .form-control::placeholder{ color:#232c2b; }
.zip-code-section .input-group .input-group-text { background-color: rgb(226, 28, 43);cursor: pointer; border: 0px; width: 217px; height: 69px; color:#fff; font-size:30px;font-family: 'poppinssemibold'; font-size:16px; justify-content: center; line-height: 69px; border-radius:0px 7px 7px 0px; }

.second-section-index{background:url(../../images/bg-3.jpg) repeat-x; padding:60px 0px; width: 100%; height:auto;}
.painting-data .heading{ color:#232c2b; font-size:30px; font-family: 'poppinsbold'; margin-bottom:46px;}
.painting-data  .middle-section{display: flex; align-items: center; padding-bottom:40px;}
.painting-data .middle-section .left-side{  background-color: rgb(96, 105, 112);  /* width: 627px; */ width:42%;  height: 700px; }
.painting-data .middle-section .left-side img{width:100%; height:100%; object-fit: cover;}
.painting-data .middle-section .right-side{background-color: rgb(245, 245, 245); padding:0px 50px 65px;/*  width: 712px;  */ width:58%;}
.painting-data .middle-section  .read-more{color:#232c2b; font-size:16px; margin-bottom:0px; text-align: center; text-decoration: underline; cursor: pointer;}


.about-title{font-size:28px; color:#e21c2b; font-family: 'poppinsbold'; margin: 40px 0px;}
.about-title span{position: relative; z-index:1;}
.about-title img{width:140px; margin-left: -60px; position: absolute;z-index: 0; margin-top: -20px;}

.office-names{font-size:14px;margin-bottom:20px;display:inline-block;cursor:pointer;color:#e21c2b;line-height:normal}
.office-names:hover, .office-names:focus{text-decoration:none;color:#e21c2b}
.office-state-head{display: inline-block;width: 100%;margin-bottom: 5px;}

.painting-data .middle-section .description{ font-size:18px; color:#232c2b; margin-bottom:20px; hyphens: none; letter-spacing: 0.5px;  line-height: 1.6;}
.send-btns{ background-color: rgb(226, 28, 43);border:1px solid transparent;  height: 50px; line-height:50px; padding:0px 20px; border-radius:25px; max-width:230px; width:100%; color:#fff; font-size:16px; font-family: 'poppinssemibold'; text-transform: none; margin: 0px auto 10px; display: block !important;}
.btn:focus{box-shadow: none;}
.send-btns:hover{color:rgb(226, 28, 43); background:#fff; border:1px solid rgb(226, 28, 43);}

.common-first-section{background: url(../../images/red_bg.jpg) repeat; width:100%; /* height:757px; */ padding:50px 0px; position: relative;}
/* .common-first-section::before{background:rgb(226, 28, 43); position: absolute; left:0; right:0; top:0; bottom:0; content: "";} */
.drop-img{background: url(../../images/drop-bg.png) repeat-x; background-size: contain; height:165px;  width:100%; box-shadow: inset 0 10px 15px -5px rgba(0,0,0,0.2); }

.common-first-section .middle-section .about-title{text-align: center; color:#fff;}
.common-first-section .middle-section .services-section{display:flex; justify-content:space-between; padding: 50px 0px;}
.common-first-section .middle-section .first-service {width:260px; }
.common-first-section .middle-section .first-service .first-img { border:6px solid rgb(255, 255, 255); border-radius: 50%; width: 244px; height: 243px; margin:0px auto 15px; }
.common-first-section .middle-section .first-service .first-img img{width:100%; height:100%; object-fit: cover; border-radius:50%;}
.common-first-section .middle-section .first-service .title-first{font-size:24px; color:#fff; font-family: 'poppinssemibold'; margin-bottom:10px; text-align: center;}
.common-first-section .middle-section .first-service .description{font-size:13px; color:#fff; margin-bottom:0px; text-align: center; hyphens: none; line-height: 1.9;}

.blog-section{padding:0px 0px 40px;}
.blog-section .about-title{text-align: center;margin: -15px 0px 50px; }
.card {box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.32); border-radius: 10px; background-color: rgb(255, 255, 255); margin-bottom:50px; }
.card .view .card-img-top{height: 273px; border-radius:10px 10px 0px 0px;}
.card .view .crop{position: absolute; bottom:0px; height:30px; width:100%;}
.card .card-body .card-title{color:#232c2b; font-size:14px;font-family: 'poppinssemibold'; margin-bottom:10px; text-transform: uppercase; }
.card .card-body .card-text{color:#e21c2b; font-size:18px; font-family: 'poppinsbold'; margin-bottom:15px; line-height: 1.6;}
.card .card-body .description{font-size:13px;color:#232c2b; hyphens: none; line-height: 1.8; }
.blog-section .send-btns{max-width: 177px;}

.loaction-section{background:url(../../images/bg-4.jpg) no-repeat; padding:20px 0px 50px; width:100%; background-position: center; background-size: cover;}
.loaction-section  .about-title{text-align: center;}
.location-data .location-value{padding:0px; margin:0px; list-style: none; display:flex; flex-wrap: wrap;}
.location-data .location-value .location-name{color:#232c2b; font-size:14px; font-family: 'poppinsmedium'; margin-bottom:20px; width: 20%; cursor: pointer;}

.state-data .state-value{padding:0px; margin:0px; list-style: none; display:flex; flex-wrap: wrap;}
.state-data .state-value .state-name{color:#232c2b; font-size:14px; font-family: 'poppinsmedium'; margin-bottom:20px; width: 20%; cursor: pointer;}

/* -------------------footer------------------------- */
footer{overflow: hidden;}
.footer-section{background: #111111; width:100%;padding:30px 0px;}
.footer-section-1{}
.footer-logo img{width:210px;object-fit: cover;margin:10px 0px 40px;}
.social-logo{display: flex;}
.social-logo .footer-logo-1{width: 32px; height: 32px; margin-right:5px; border-radius: 50%;}
.social-logo .footer-logo-1:last-child{margin-right:0px;}
.social-logo .footer-logo-1 img{width: 100%; height: 100%; padding:7px; vertical-align: top;}

.footer-logo-bg-1 { background: #4c6ab3;}
.footer-logo-bg-2 {background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);}
.footer-logo-bg-3 {background: #ed2a24;}
.footer-logo-bg-4 {background: #0078b5;}
.footer-logo-bg-5 {background: #6bcef5;}
.footer-section .right-section{display: flex; justify-content: space-between; padding-left: 45px;}
.footer-section .right-section ul {list-style: none; padding:0px; margin:0px;}
/* .right-section .footer-1{width:33%; margin:0px auto;} */
.footer-section .right-section li .menu-section{color:#4c4c4c; font-size:16px; margin-bottom:8px; text-decoration: none;display: block;}
.footer-section .right-section li .menu-section:hover{color:#fff;}
.footer-section .right-section .footer-1  li:last-child .menu-section{margin-bottom:0px;}
.footer-bottom{background-color:#000;}
.copy_text{color:#fff !important; font-size:12px; text-align: center;margin-bottom:0px; padding:18px 0px;}
.appoint-btn .send-btns{font-family: 'poppinsregular';}
.appoint-btn .rqt-btns{background:#fff; color:#e21c2b; }

/* -----------------------residential-painting------------------------------- */

.common-section{ width: 100%; display: block; background: url(../../images/comman-img.jpg) no-repeat; background-position: center top; background-size: cover;  height:360px; display: flex; align-self: center; position: relative; }
.common-section::before{ content: ""; position: absolute; width: 100%; height: 100%;  background-color:rgba(35, 44, 43, 0.2); }
.common-section .comman-heading{ font-size:26px; color: #fff; font-family: 'poppinssemibold'; margin-bottom: 0px; padding: 0px 15px; text-align: center; position: relative; display: block;   width: 100%; margin-top: 110px; text-transform: uppercase;  z-index: 1; }
.common-section .comman-heading span{ color: #e21c2b; }
/*.second-section{ width: 100%; display: block; background: url(../../images/line.jpg) no-repeat; background-position: center bottom;  background-size: contain; padding:70px 0px; }*/
.second-section{ width: 100%; display: block; padding:70px 0px; }
.second-section .description, .third-section .description {  font-size:18px; color: rgb(35, 44, 43);   line-height: 1.8; max-width: 699px;  }
.second-section .button-box{ max-width: 699px; width: 100%; margin: 48px 0px 10px; }
.second-section .image-box{ width: 100%;  max-width: 399px; margin-left: auto; height:480px; }
.second-section .image-box img{ width: 100%; height: 100%;  object-fit: cover;}
.about-title{ margin-bottom: 17px; }
.third-section{ width: 100%; display: block; padding: 100px 0px 70px; }
.third-section .send-btns{ margin-top: 60px; }
.third-section .video-box{ width: 100%; max-width: 542px; display: block; position: relative; height: 325px;  }
.third-section .video-box img, .video-box img{width: 100%; height: 100%; }
.third-section .video-box .play-btn, .video-box .play-btn{ width: 63px; height: 63px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 50%; cursor: pointer; }
.video-box{ position: relative; }
.common-drop.other-page .services-section{ justify-content: space-around !important; width: 80%; margin: 0px auto;  }

/* ----------------location----------------------------- */
.location-support{padding:0px !important; }
.location-support .best-support-img{background:#fff url(../../images/man-with-fan.png) no-repeat; background-position: bottom left; padding: 100px 0px 70px; background-size: 44%; }

.paint-vedio {border: 6px solid rgb(255, 255, 255); background-color: rgb(109, 192, 170); width: 962px;margin:40px auto 0px;  height: 496px; position: relative;}
.paint-vedio img{width:100%;height:100%; object-fit: cover;}
.paint-vedio .play-btn{width: 63px; height: 63px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; border-radius: 50%; }

.data_team .item{width:255px;}
.data_team .item .Team_img{ background-color: rgb(0, 0, 0); width:100%;height:240px; margin-bottom:10px;}
.data_team .item .Team_img img{width:100%; height:100%; object-fit: cover;}
.data_team .item .team_name{font-size:18px; color:#e2212f; font-family: 'poppinsbold'; margin-bottom: 0px; letter-spacing: 0.5px; text-align: center;}
.data_team .item .team_name span{color:#232c2b; font-size:14px; font-family: 'poppinsregular'; display: block; padding-top:0px;}
.owl-carousel .owl-nav, .owl-carousel button.owl-dot{display: none;}
.our-team{padding:0px; margin-bottom: 50px;}
.our-team .team-data{padding-top:0px;}

.map-data-location{padding:20px 0px 60px;position: relative;overflow: hidden;}
.map{border-radius: 20px;  height: 399px;}
.map .google_map{border-radius:20px;}

.address-name .name-data{color:#232c2b; font-size:16px; letter-spacing:0.2px;line-height:1.8; display: flex;}
.address-name .name-data span{flex: 1;}
.address-name .name-data img{width:18px; margin-right:10px; align-self: baseline; margin-top: 5px;}

.second-data-panel .color-paint{background:url(../../images/21.png) no-repeat; background-position: right center;background-size:42%;}


.office-data{ background: rgb(255, 255, 255) url(../../images/team-bg.png) no-repeat;padding:30px 20px 40px; box-shadow: 0px 2px 10px 0px rgba(170, 170, 170, 0.32); width:95%; border-radius:20px 0px 20px 0px; margin: 30px 5px; background-position: center top;}
.office-data .title{font-size:20px; color:#e2212f;  font-family: 'poppinsbold'; margin-bottom:5px;}
.office-data .data-location{padding:0; margin:0; list-style: none;}
.office-data .data-location .menu-item{color:#232c2b; font-size:14px; margin-bottom:10px; display: flex; align-items: center; }
.office-data .data-location .menu-item.fb_button_wrap{margin-bottom: 0px;}
.office-data .data-location li:last-child, .office-data .data-location li:last-child .menu-item{margin-bottom:0;}
.location-info-field .fb_button_wrap{margin-bottom:0 !important;}
.office-data .data-location .menu-item img{width:12px; height:12px;margin-right:10px; margin-top:-3px;}
/*.office-data .data-location .menu-item span{flex:1;  }*/
/*.office-data .data-location li:last-child a span{ background-color: #3b5998; color: #fff; border-radius: 25px; padding: 2px 10px;}
.office-data .data-location li:last-child a:hover{ text-decoration: none; }*/
.office-data .data-location li.fb_button_wrap a span{ background-color: #3b5998; color: #fff; border-radius: 25px; padding: 2px 10px;}
.office-data .data-location li.fb_button_wrap a:hover{ text-decoration: none; }
.office-data .data-location li.our_off_button_wrap a span{ background-color: #15b5df; color: #fff; border-radius: 25px; padding: 2px 10px;}
.office-data .data-location li.our_off_button_wrap a:hover{ text-decoration: none; }
.location-owl .owl-carousel .owl-nav{display: block;}
.owl-nav .prev{position: absolute; top:48%; transform: translateY(-50%); left:-30px; right:auto;}
.owl-nav .next{left:auto; right:-30px;}
.img-back{width:25px; height:25px;}

/* ------------------about-us---------------------- */
.about-sec .our-team{padding:0px;}
.paint-promise{background:url(../../images/bg-5.jpg) no-repeat; background-position:top center; background-size:cover; width:100%; padding:60px 0px; position: relative;}
.paint-promise::before{background:rgba(0, 0, 0,0.5); content:""; left:0px; right:0; top: 0; bottom:0; width:100%; height:100%;position: absolute;}
.paint-data-contine{display: flex; align-items: center; justify-content: space-between; position: relative;}
.paint-data-contine .left-side{max-width:650px;}
.paint-data-contine .left-side .heading-one{color:#ffffff; font-size:28px; font-family: 'poppinsbold'; margin-bottom:20px;}
.paint-data-contine .left-side .description{font-size:16px;margin-bottom:0px; color:#ffffff; hyphens: none;line-height:1.7;}

.middle-data-choose{padding:45px 0px 40px;}
.choose-one-data{padding:50px 0px 30px;}
.choose-one-data .choose-one {padding:70px 0px 0px;}
.choose-one .media-body{text-align: right;}
.choose-one  .data-pro{color:#e2212f; font-size:20px;  font-family: 'poppinsbold'; margin-bottom:10px;}
.choose-one  .data-info{font-size:14px; color:#232c2b;margin-bottom:0px; line-height: 1.7; hyphens: none;}
.choose-one  .number-data{ border-radius: 50%; background-color: rgb(226, 28, 43); width: 72px;height: 72px; color:#fff; font-size:30px; text-align: center; margin-left:30px; padding: 15px;}

.choose-one.choose-two  .media-body{text-align: left;}
.choose-one.choose-two .number-data{margin-right:30px; margin-left:0px;}

.about-office-listings{padding-bottom:0 !important}
.about-office-listings .middle-data-choose{padding-bottom:0 !important}
/*.about-office-listings ~ .choose-one-data{padding-top:30px}*/


.paint-middle{width:365px;height:auto; margin:0px auto;}
.paint-middle img{width:100%; object-fit: cover; height:100%;}

/* ---------------------privacy------------------------ */
.privacy-data{padding:50px 0px;}
.privacy-data .privacy-data-term{width:76%; margin:0px auto;}
.privacy-data .privacy-data-term .description{font-size:16px; color:#232c2b; margin-bottom:30px; line-height: 1.6;  hyphens: none;}
.privacy-data .privacy-data-term .heading-data{font-size:20px; color:#e21c2b; font-family: 'poppinsmedium'; margin-bottom:5px;}

.location-data{padding-top:30px;}
.state-data{padding-top:30px;}

.states-outer-wrapper {
    column-count: 3;
    column-gap: 0;
}

/* login page */


.login_page{ width: 100%; height: 100vh; display: block; background:url(../../images/comman-img.jpg) no-repeat; background-position:top center; background-size:cover; position: relative; display: flex; align-items: center; }
.login_page::before{ width: 100%; height: 100%; position: absolute; content: ""; background-color: rgba(0, 0, 0,0.35 );  top: 0; left: 0; }

.comman-form{ max-width: 629px; width: 100%; display: block; margin: 0px auto; position: relative; }

.login-form .heading { padding-top: 50px; }

.comman-form .heading{ color: #fff; font-size: 30px; font-family: 'poppinssemibold'; text-align: center; text-transform: uppercase; margin-bottom: 30px; }
.comman-form .form-group{ margin-bottom: 15px; }
.comman-form .form-group label{ color: #fff; font-size: 20px; font-family: 'poppinssemibold'; margin-bottom: 2px;}
.comman-form .form-group .form-control{  border-radius: 8px;  background-color: rgb(255, 255, 255); width: 100%; font-size:16px; color: #232c2b; box-shadow: none; border: none;  padding: 14px 10px;  height: auto;  }
.comman-form .form-group.has-error{ margin-bottom: 0px;}
.help-block{ font-size: 12px; color: red; display: block; width: 100%;  margin-bottom: 15px;}

.comman-form .login-btn{  text-transform: capitalize; background-color: rgb(226, 28, 43);  max-width: 149px; height: 50px;  width: 100%; margin: 30px auto;  font-size: 16px; font-family: 'poppinssemibold';  box-shadow: none; border: none; border-radius: 25px; color: #fff; display: block; }
.comman-form .footer_sub_heading{ text-align: center;}
.comman-form .footer_sub_heading a{ color: #fff; font-size: 20px; font-family: 'poppinssemibold';   }


/* signup */


.schedule-appointment { max-width: 100% !important; }
.schedule-appointment.login_page{ min-height: 850px !important; height: 100%; }
.schedule-appointment .login_section{padding: 170px 0px 100px;}
.schedule-appointment .setup-content{ position: relative; }
.schedule-appointment .heading{ color: #fff; font-size: 30px; font-family: 'poppinssemibold'; text-align: center; text-transform: uppercase; margin-bottom: 30px; position: relative; }
.schedule-appointment .zip-code-section{ background: none; position: relative; padding: 20px 0px; max-width: 632px; width: 100%; margin:0px auto; }

.availability-box{ max-width: 850px; width: 100%; margin: 0px auto; }
.availability-box .question{ color: #fff; font-size: 24px;  font-family: 'poppinsbold'; margin-bottom: 20px;}
.availability-box .date-schedule .month-txt{ font-size: 24px; color: #fff; font-family: 'poppinssemibold'; margin-bottom: 15px; }
.availability-box .date-schedule .date-box{ border-radius: 8px;  background-color: rgb(255, 255, 255); width: 85px; height: 84px; text-align: center; padding:12px 10px; cursor: pointer; }
.availability-box .date-schedule .date-box .week-name{ color: #6e6e6e; font-size: 14px; margin-bottom: 13px; }
.availability-box .date-schedule .date-box .date{ margin-bottom: 0px; color: #343434; font-family: 'poppinssemibold'; font-size: 24px; line-height: 1; }
.availability-box .date-schedule .date-box.more-box{ border: solid 2px rgb(226, 28, 43) ; }
.availability-box .date-schedule .date-box.more-box:hover { background-color: #fff; border-color: rgb(226, 28, 43) ; }
.availability-box .date-schedule .date-box.more-box:hover .week-name{ color: #6e6e6e !important; }
.availability-box .date-schedule .date-box.more-box img{ width: 16px; height: 16px; margin: 0px auto; }


.availability-box .date-schedule .date-box.not-available, .time-schedule .time-box.not-available{ /* background-color: rgb(255, 255, 255, 0.5); */ opacity: 0.5; }
.availability-box .date-schedule .date-box.active, .availability-box .date-schedule .date-box:hover,
.time-schedule .time-box.active, .time-schedule .time-box:hover { background-color: rgb(226, 28, 43); color: #fff !important;  }
.availability-box .date-schedule .date-box.active .week-name, .availability-box .date-schedule .date-box:hover .week-name,
.time-schedule .time-box.active .time, .time-schedule .time-box:hover .time{ color: #fff !important; }
.availability-box .date-schedule .date-box.active .date, .availability-box .date-schedule .date-box:hover .date{ color: #fff !important; }

.time-schedule{ width: 100%; padding: 50px 0px 10px; display: block; }
.time-schedule .que-text{ font-size: 18px; color: #fff; font-family: 'poppinsbold'; }
.time-schedule .ans-text{ color: #fff; font-size: 14px;margin-bottom: 30px; }
.time-schedule .timing-box{ cursor: pointer; /* display: flex; flex-wrap: wrap; justify-content: space-between;  */}
.time-schedule .time-box{ border-radius: 8px; background-color: rgb(255, 255, 255); max-width: 151px; width: 100%; text-align: center; padding: 12px; margin: 0px auto 40px; }
.time-schedule .time-box .time{font-size: 14px; color: #343434; }

.schedule-appointment .btn-box1{ text-align: center; }
.schedule-appointment .signup-btn{ margin-top: 40px; }

.hover-effect-btn{ background-color: #fff; color: rgb(226, 28, 43);  }
.schedule-appointment .submit-btn { max-width: 145px; height: 50px; box-shadow: none; border: 1px solid transparent; border-radius: 25px;  font-family: 'poppinssemibold'; font-size: 16px; text-transform: capitalize; width: 100%; display: inline-flex; align-items: center; justify-content: center; }
.schedule-appointment .submit-btn.backBtn{ background-color: #fff !important; color: rgb(226, 28, 43);  }
.schedule-appointment .submit-btn.nextBtn{  background-color: rgb(226, 28, 43) !important;  color: #fff; }
.schedule-appointment .submit-btn.nextBtn:hover { color: rgb(226, 28, 43); background: #fff !important; border: 1px solid rgb(226, 28, 43); }
.schedule-appointment .backBtn:hover{color: #fff; background-color: rgb(226, 28, 43); }
.schedule-appointment .submit-btn.verufy-btn{ max-width: 198px;  }

.form-section{  max-width: 629px; width: 100%; display: block; margin: 0px auto; position: relative;}
.form-section .choose-box{max-width: 390px; margin: 28px auto; display: block; overflow: hidden;}
.schedule-appointment .form-section .heading { margin-bottom: 35px;}

.schedule-appointment .form-section [type="radio"]:checked,
.schedule-appointment .form-section [type="radio"]:not(:checked) {  position: absolute; left: -9999px;}
.schedule-appointment .form-section [type="radio"]:checked + label,
.schedule-appointment .form-section [type="radio"]:not(:checked) + label { position: relative; padding-left: 35px; cursor: pointer; line-height: 23px; margin-bottom: 20px; display: block; font-size: 18px;  font-family: 'poppinssemibold'; color: #fff;}
.schedule-appointment .form-section [type="radio"]:checked + label:before,
.schedule-appointment .form-section [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0;  width: 23px; height: 23px; border-radius: 100%;  background: #fff;}
.schedule-appointment .form-section [type="radio"]:checked + label:after,
.schedule-appointment .form-section [type="radio"]:not(:checked) + label:after {   content: ''; width: 15px; height: 15px; background: #e21c2b; position: absolute; top: 4px; left: 4px; border-radius: 100%;  -webkit-transition: all 0.2s ease;  transition: all 0.2s ease;}
.schedule-appointment .form-section [type="radio"]:not(:checked) + label:after {  opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
.schedule-appointment .form-section [type="radio"]:checked + label:after { opacity: 1;    -webkit-transform: scale(1);  transform: scale(1);}


.schedule-appointment .thankyou-page { max-width: 670px; width: 100%; margin: 0px auto; display: block; text-align: center;  }
.schedule-appointment .thankyou-page .thankyou-img{ width: 100%;  margin-bottom: 40px; }
.schedule-appointment .thankyou-page .thankyou-img img{ width: 100%; }

.schedule-appointment .thankyou-text{ font-size: 20px; color: rgb(255, 255, 255); line-height: 1.5; text-align: center; font-family: 'poppinssemibold';   }



/* --------------------------- profile page  ------------------------------ */

.profile-page{ width: 100%; background-color: #e6eaf3; padding: 160px 0px 80px; min-height: 90vh; }
.profile-page .comman-section{ width: 100%; margin: 0px auto; justify-content: space-between; }
.profile-page .heading{ font-size: 30px; color: #e21c2b; font-family: 'poppinssemibold';  text-align: center; margin-bottom: 30px; text-transform: uppercase; }

.profile-page .comman-section .left-side-section{  background-color: rgb(255, 255, 255); max-width: 320px; width: 100%; min-height: 697px; height: 100%; }
.user-edit-image-box  {display: flex; flex-direction:column; align-items: center; justify-content: center; padding: 20px; }
.user-edit-image-box  .user-img{ width: 100%; height: 280px; }
.user-edit-image-box  .user-img img { width: 100%; height: 100%; object-fit: cover;}


.user-edit-image-box .user-name{ font-size: 20px; color: #555555; font-family: 'poppinssemibold';  padding: 8px 0px; margin-bottom: 0px;  }
.user-edit-image-box .change-btn{ border-radius: 6px; background-color: #e21c2b;  font-size: 14px; text-transform: capitalize; margin-top: 0px; color: #fff; max-width: 150px; width: 100%; padding: 4px;  }

.side-navbar .side-nav-ul{ padding: 0px; margin: 0px; list-style: none; }
.side-navbar .side-nav-ul .side-nav-items .side-nav-links{color: #555555; font-size: 18px; width: 100%; padding: 10px 20px 10px;  border-top: 1px solid rgb(229, 229, 229); display: block; }
.side-navbar .side-nav-ul .side-nav-items:last-child .side-nav-links{border-bottom: 1px solid rgb(229, 229, 229); }
.side-navbar .side-nav-ul .side-nav-items .side-nav-links:hover{text-decoration: none; }
.side-navbar .side-nav-ul .side-nav-items .side-nav-links:hover,
.side-navbar .side-nav-ul .side-nav-items .side-nav-links:hover span,
.side-navbar .side-nav-ul .side-nav-items .side-nav-links.active span,
.side-navbar .side-nav-ul .side-nav-items .side-nav-links.active { color: #e21c2b;  }


.profile-page .comman-section .right-side-section {  background-color: rgb(255, 255, 255); max-width: 740px; width: 100%; flex: 1; -ms-flex: 1; -webkit-box-flex: 1; padding: 25px 40px; }
.profile-page .comman-section .right-side-section form{ max-width: 584px; width: 100%; margin: 0px auto; }
.profile-page .comman-section .right-side-section form .form-group{ margin-bottom: 18px; }
.profile-page .comman-section .right-side-section form label{ margin-bottom: 6px; font-size: 14px; color: #555555; }
.profile-page .comman-section .right-side-section form label span { color: #e21c2b; }
.profile-page .comman-section .right-side-section form .form-control{border: none; border-radius: 6px; height: auto; padding: 20px 15px; background-color: rgb(243, 243, 243); box-shadow: none; width: 100%; font-size: 16px; color: #787878;}
.profile-page .comman-section .right-side-section .save-btn{ text-transform: capitalize; background-color: rgb(226, 28, 43);  max-width: 229px; width: 100%; height: 50px; line-height: 50px; border-radius: 25px; margin: 25px auto; padding: 0px; color: #fff; font-size: 16px; font-family: 'poppinssemibold';  display: block;}
.form-control:focus {box-shadow:none;}


/* error page */

.error_elemenet{  width: 100%;  height: 100vh; display: block; background:url(../../images/error-bg.jpg) no-repeat; background-position:top center; background-size:cover; position: relative; display: flex; align-items: center; }
.error_elemenet::before{ width: 100%; height: 100%; position: absolute; content: ""; background-color: rgba(0, 0, 0,0.2 );  top: 0; left: 0; }
.error_body{ position: relative;  }
.error_body .error-sec{ margin: 0px auto; max-width: 670px; width: 100% ; text-align: center;}
.error_body .heading{text-align: center; font-size: 230px; background:url(../../images/colors.jpg) no-repeat;font-family: 'poppinssemibold';   background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color:  transparent;  background-size: cover;    background-position: center;}

.error_body .not-found-txt{ font-size: 30px; color: #fff;font-family: 'poppinssemibold';text-transform: uppercase; padding: 30px 0px; margin-bottom: 0px; }
.error_body .description { color: #fff; font-size: 16px; margin-bottom: 30px;  }
.error_body  .send-btns:hover{ text-decoration: none; }


/* --------------Location-second------------------ */
.location-section{display: flex;}
.map-section{width:100%;  flex:1;}
.google-map{width:100%; height:100%; }
.location-left-box{background: #fff; width:440px;}
.itinerary-info-first-box{padding:32px 30px 25px;}
.itinerary-info-first-box .location-search{display:flex; align-items: center; margin: 20px 0px;}
.itinerary-info-first-box .location-search .gps-btn{ background-color: rgb(226, 28, 43); width: 35px; height: 43px; }
.itinerary-info-first-box .location-search .gps-btn img{width:100%; height:100%; padding:7px;}
.itinerary-info-first-box .location-search .input-group{ border:1px solid rgb(55, 53, 54); background-color: rgb(255, 255, 255); width: 272px; height: 45px; margin:0px 5px;}
.itinerary-info-first-box .location-search .input-group .form-control{border:0; border-radius:0; font-size:14px; color:#232c2b;}
.itinerary-info-first-box .location-search .input-group .form-control::placeholder{ color:#232c2b;}
.itinerary-info-first-box .location-search .input-group .input-group-text{background-color:#fff; border:0; width:50px;}
.itinerary-info-first-box .location-search .input-group .input-group-text img{width:100%;height:100%;padding:2px;}
.itinerary-info-first-box .location-search .cross{color:#e21c2b; font-size:38px; font-family: 'poppinsbold';}
.itinerary-info-first-box .location-search .cross:hover{text-decoration: none;}

.itinerary-info-first-box .location-search  .name-location{color:#232c2b; font-size:14px; margin-bottom:0;}
.itinerary-info-first-box .location-search  .map-view { border-radius: 13px;padding:3px 10px; color:#232c2b; font-size:14px; margin: 0px 0px 0px 10px; cursor: pointer;}
.itinerary-info-first-box .location-search  .map-view img{width:18px;margin-right:8px;}
.itinerary-info-first-box .location-search  .map-color{ background-color: rgb(226, 28, 43);  color:#fff;}
.itinerary-info-first-box .location-search  .map-color img{width:15px;}

.location-info-field{height:700px; overflow: hidden;}
.basic-info-forms .office-data{background: none;border-top:1px solid #cbcdcf; box-shadow: none;margin:0; border-radius:0; width:100%; padding: 20px 33px;}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar  {background-color: #e21c2b;}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#e21c2b;}
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%;height: 12px;}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:#e21c2b;}
.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-bottom:0;}
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {  width: 10px;}
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail { width: 10px;}

/* fond-local-painter */
.local-painter{padding: 30px 0px 10px;}
.local-painter .code-data{display: flex; justify-content: space-between; padding: 0; border-bottom:1px solid #cbcdcf; padding:20px 0px;}
.local-painter .code-data  .location-search .name-location{font-size:16px;}
.local-painter .code-data  .location-search  .input-group{width:331px;}

.location-view-painter{ border-bottom:1px solid #cbcdcf; padding:40px 0px 35px;;}
.location-view-painter .office-data{background: none; box-shadow: none; margin:0px;}
.location-view-painter .heading{font-size:24px; color:#e2212f; font-family: 'poppinsbold'; margin-bottom:12px;}


/* review */

.rating a{color: #ebebeb;font-size:46px;text-decoration: none;	-webkit-transition: color 0.4s;-moz-transition: color 0.4s;	-o-transition: color 0.4s;	transition: color 0.4s;}
.rating a:hover,
.rating a:hover ~ a,
.rating a:focus,
.rating a:focus ~ a {color: #ffb923;	cursor: pointer;}
.rating2 {direction: rtl; text-align: center; line-height: 0; margin-bottom:30px;}


/* office-details */
.office-location{width:100%;height: 468px;position: relative;background: #EEE}
.office-location .office-data-location{width:auto; position: absolute;background: none;border-radius: 0px !important; top:50%; transform: translateY(-50%); background: rgb(255, 255, 255,0.87); box-shadow: none;margin:0px;}
.office-location .office-data-location .menu-item{margin-bottom:22px !important; font-size:16px !important;}
.our-team-section{padding:30px 0px !important;}

.review-data{background:#f7f6fb;padding:30px 0px;}
.review-data .about-title{max-width:470px; margin:0px auto 30px; text-align: center; line-height: 1.6;}

.review-item{padding:15px 20px; position: relative; border-radius: 6px;  background: rgb(246, 248, 252);box-shadow: 0px 2px 15px 0px rgba(21, 7, 10, 0.15); width:95%; height:auto; margin:20px auto;}

/*.review-item{padding:15px 20px; position: relative; border-radius: 6px;  background: rgb(246, 248, 252) url(../../images/review-bg.png) no-repeat;background-position: top;box-shadow: 0px 2px 15px 0px rgba(21, 7, 10, 0.15); width:95%; height:auto; margin:20px auto;}*/

.review-item::before{content: ""; position: absolute; bottom:-13px;left:15px; -webkit-filter: drop-shadow(0px 5px 20px rgba(21, 7, 10, 0.25)); filter: drop-shadow(0px 5px 20px rgba(21, 7, 10, 0.25)); width: 0; height: 0;  border-left:14px solid transparent;  border-right: 14px solid transparent; border-top: 15px solid rgb(246, 248, 252);}
.review-item .description{font-size:14px; color: #232c2b; margin-bottom:20px; font-family: 'poppinsitalic'; letter-spacing: 0.2px;}
.review-item .description:last-child{margin-bottom:0px;}
.review-star{display: flex;align-items:center; justify-content: space-between; margin-bottom:5px;}
.review-star .quote{width:40px !important; height:40px;}
.review-star .rating a{font-size:18px; color:#ffb923;}
.review-star .rating2{margin-bottom:0px;}
.review-names{padding-left:30px; padding-top: 5px;}
.review-names .name-one{font-size:14px; color:#e21c2b; font-family: 'poppinssemibold';margin-bottom:0px;}
.review-names .date-one{font-size:12px; color:#7d7e7e; margin-bottom:0px;}

.review-data .owl-theme .owl-dots .owl-dot span{background: rgb(193, 188, 213); width: 14px;  height: 14px; margin:0px 5px; }
.review-data  .owl-theme .owl-dots .owl-dot.active span, .review-data  .owl-theme .owl-dots .owl-dot:hover span{background: #e21c2b;}
.review-data  .owl-theme .owl-dots{padding-top: 25px;}

.about-ofice .about-title{margin-bottom:35px;}

/* view scheduled apponitment */
.table-data{padding:0px !important;}
.table-data  thead{background: #e21c2b; color:#fff; font-size:16px; font-family: 'poppinsmedium'; text-transform: uppercase; text-align: center; }
.table tbody tr{font-size:14px; color:#555555;}
table tbody tr td:nth-child(3), table tbody tr td:nth-child(4){font-size:14px;}
.table tbody tr td{border-bottom:1px solid #f3f3f3;text-align:center;padding:10px 5px; border-top:0px;}
.table thead tr, .table thead tr th{border:0px;}
.table thead tr th{padding:18px 5px;}
.table thead tr th:nth-child(1), .table tbody tr td:nth-child(1){width:15%;}
.table thead tr th:nth-child(2), .table tbody tr td:nth-child(2){width:15%;}
.table thead tr th:nth-child(3), .table tbody tr td:nth-child(3){width:20%;}
.table thead tr th:nth-child(4), .table tbody tr td:nth-child(4){width:30%;}
.table thead tr th:nth-child(5), .table tbody tr td:nth-child(5){width:20%;}
.table tbody tr td:nth-child(5){vertical-align: middle;}
.btns-data{display: flex; justify-content: center; }
.btns-data.view-btn-block a { width:28px; height: 28px; display: flex; align-items: center; justify-content: center; }
.btns-data .cancel-btns{height: 22px; line-height:22px;padding:0px 8px; color:#fff !important; font-size:12px; font-family: 'poppinssemibold'; text-align: center;border-radius:20px;}
.btns-data .cancel-btns:hover{text-decoration: none;}
.btns-data .cancel-btns-bg{ background-color: rgb(226, 28, 43);}
.btns-data .Reschedule-btns-bg{background-color:#232c2b; margin-left:5px;}

.btns-data a.cancel_appointment { width:auto !important; }


/* review-page */
.review{padding:50px 0px;}
/* .review .review-panel{display: flex; flex-wrap: wrap; justify-content: space-between;} */
.review .review-panel .review-first{margin-bottom:20px;}
.review .review-panel .review-first .review-item{height:auto;margin:0px auto 20px;width:350px;}
.review .review-panel .review-second{position: relative;margin-top: -216px;}
.review .review-panel .review-three{position: relative;margin-top:-109px;}
.review .review-panel .review-four{position: relative;margin-top:15px;}

.grid-item{ float: left;}

.grid {display: grid; grid-gap: 10px; grid-template-columns: repeat(auto-fill, minmax(350px,1fr)); /* grid-auto-rows: 20px; */  }


/* pagination */

.pagination{ justify-content: center; }
.pagination .page-link { color: #555555;  font-size: 16px;  border: 1px solid rgb(229, 229, 229); line-height: 1.5; padding:7px 17px;  box-shadow: none !important;}
.pagination .page-link:hover{ color: #fff; background-color: #e21c2b; }


/* blog page */

.blog{ background: url(../../images/bg-3.jpg) repeat-x; width: 100%; height: auto; }

.blog-panel .select-caregory{ padding: 25px 0px; text-align: center; }
.blog-panel .select-caregory .form-group{ margin-bottom: 0px; }
.blog-panel .select-caregory .form-group label{ font-size: 16px; color: #232c2b; margin-bottom: 0px; }
.blog-panel .select-caregory .form-group .custom-select { font-size: 14px; border-radius: 0; box-shadow: none !important; margin-left: 20px; padding: 8px 25px 8px 8px; color: #232c2b;  border: solid 1px rgb(55, 53, 54); background: rgb(255, 255, 255)  url(../../images/down-arrow.svg) no-repeat;background-position:98% center; background-size:14px; max-width: 205px; width: 100%; height: 45px; }

.card .view.overlay{ position: relative; }
.blog-card{ width: 100%; height: 100%; padding-bottom: 30px; width: 100%; max-width: 390px; margin: 0px auto; }
.blog-card .card { height: 100%; margin-bottom: 0px; border: none; width: 100%; }
.blog-card .card .view .crop { position: absolute; height: auto; width: 100%; bottom: 0; left: 0;  object-fit: contain;}
.category-box{ width: 100%; display: flex; align-items: center; margin-bottom: 10px; justify-content: space-between; }
.category-box .category-name{ font-size: 14px; color: #e21c2b; text-transform: uppercase; font-family: 'poppinssemibold'; width: 50%;  }
.card .card-body .category-box .card-title { margin-bottom: 0px; }


/* blog detail  */


.blog-detail-page{ background: url(../../images/bg-3.jpg) repeat-x, url(../../images/line.jpg) no-repeat; background-position: top, bottom; background-size: auto, contain; width: 100%; height: auto; padding-top: 40px;  }

.blog-detail-page .blog-detail{ max-width: 682px; width: 100%; margin: 0px auto; }
.blog-detail-page .blog-detail .blog-img{ width: 100%; height: 476px; border-radius: 0; margin-bottom: 40px; }
.blog-detail-page .blog-detail .blog-img img{ width: 100%; height: 100%; object-fit: cover; }
.blog-detail-page .blog-detail .category-box .card-title { color: #232c2b; font-size: 14px; font-family: 'poppinssemibold'; text-transform: uppercase; margin-bottom: 0px;}
.blog-detail-page .blog-detail  .card-text{ color: #e21c2b;  font-size: 20px;  font-family: 'poppinsbold'; margin-bottom: 15px;  line-height: 1.6; }
.blog-detail-page .blog-detail .decription{ font-size: 14px; color: rgb(35, 44, 43); line-height: 1.856; margin-bottom: 0px; padding-bottom: 30px; }


.comment-box{ width: 100%; display: block; margin-top: 50px; }

.comment-box .media{ margin-bottom: 15px; }
.comment-box .media img{ border-radius: 50%;  width: 36px; height: 36px; object-fit: cover; margin-right: 10px;}
.comment-box .media .user-name{ color: #e21c2b;  font-size: 18px;  font-family: 'poppinsbold'; margin: 10px 0px 5px; }
.comment-box .media .media-description { font-size: 14px; color: rgb(35, 44, 43); line-height: 1.856; }

.comment-box .type-your-comment{ width: 100%; padding-bottom: 20px; text-align: right; }
.comment-box .type-your-comment .form-group{ margin-bottom: 15px; }
.comment-box .type-your-comment .form-control{  padding: 10px 15px; box-shadow: none; border: solid 1px rgb(216, 223, 233); background-color: rgb(255, 255, 255); width: 100%; height: 54px; border-radius: 30px; font-size: 12px; color: #232c2b; }
.comment-box .type-your-comment .submit-btn{  box-shadow: none !important; border: none; background-color: rgb(226, 28, 43); max-width: 134px; width: 100%; padding: 10px 0px; border-radius: 25px; font-size: 16px; color: #fff; }

.office_link_wrap { text-align: center; margin-bottom: 20px; }
.default_link, .default_link:hover, .default_link:visited, .default_link:active, .default_link:focus{ color: #232c2b; text-decoration: none; }
.modal-body .help-block{ margin-bottom: 0px; }
.modal-body .form-control:focus{ border:1px solid #ced4da; }


.contact-us-page { padding: 70px 0px;}
.cantact-form .form-group{ margin-bottom: 13px; }
.cantact-form label{ font-size: 14px; color: #555555; margin-bottom: 8px; }
.cantact-form .form-control { border-radius: 6px; background-color: rgb(243, 243, 243); width: 100%; max-width: 584px; padding: 14px; font-size: 16px; color: #787878; box-shadow: none !important;  border: none !important; }
.cantact-form .submit-btns{  background-color: rgb(226, 28, 43); width: 100%; max-width: 175px; height: 50px; box-shadow: none !important; border: none !important; font-size: 16px; color: #ffffff; border-radius: 25px; font-family: 'poppinssemibold'; margin: 30px auto; display: block; }

.contact-content {  max-width: 544px; width: 100%; }
.contact-content .about-title{ text-align: left !important; margin-top: 0px; margin-bottom: 30px; }
.contact-content .contact-description{  font-size: 18px; color: rgb(35, 44, 43);  line-height: 1.8; margin-bottom: 25px; }
.contact-content .contact-img{ border-radius: 6px; background-color: rgb(243, 243, 243); width: 100%; height: 360px; }
.contact-content .contact-img img { width: 100%; height: 100%;  border-radius: 6px;  }

/* estimate-detail */

.view-estimate-heads{position: relative;}
.view-estimate-heads .cancel-btns{position: absolute; right:0px; top:5px;}
.view-estimate .section-T{font-size:20px; color: #424242;margin-bottom: 10px;}
.view-estimate .T-title{color: #e21c2b; font-size:26px; margin-bottom: 20px; font-family: 'poppinsbold';}
.section_table .table tbody td{font-size: 12px;color: #272727;padding:3px 5px !important;text-align: left; font-weight:600;vertical-align: middle;border:0;}
.Kitchen-T{color: #000; font-size: 17px; font-weight: 700;margin-bottom:5px; font-family: 'poppinsbold';}
.view-estimate .border-top {border-top: 1px solid #000 !important;}
/* .section_table .table tbody tr td:nth-child(1){width:5%;} */
.section_table .table tbody tr td:nth-child(1){width:12%;}
.section_table .table tbody tr td:nth-child(2){width:12%;}
.section_table .table tbody tr td:nth-child(3){width:15%;}
.section_table .table tbody tr td:nth-child(4){width:15%;}
.section_table .table tbody tr td:nth-child(5){width:10%;}
.section_table .table tbody tr td:nth-child(6){width:15%;}
.section_table .table tbody tr td:nth-child(7){width:15%;}
.section_table .table tbody tr td:nth-child(8){width:10%;text-align: right;}

.toatl-est{max-width:230px; width: 100%; margin-left: auto;padding-bottom: 30px;}
.toatl-est p{color: #424242; font-size: 14px; font-weight:600; margin-bottom: 5px; display: flex; justify-content: space-between;}

.esti-signup{display: flex;align-items: center;}
.profile-page .esti-signup .save-btn, .sign-modal .sign-save-btn .save-btn{border-radius:6px !important; margin-left: 0px !important; font-family: 'poppinsregular' !important; max-width: 188px !important; }

.sign-modal .modal-header{border-bottom: 0px;}
.sign-modal .modal-header .modal-title{font-size: 22px; color: #272727; font-family: 'poppinsbold';}
.sign-modal  .sign-text{ border: 1px solid rgb(214, 218, 229); border-radius: 6px; background-color: rgb(255, 255, 255) ;height: 218px;width: 100%; margin-bottom: 20px; }

.sign-modal .sign-save-btn{display: flex; align-items: center;}
.sign-modal .sign-save-btn .cancel-span{color: #6c6c6c; font-size: 19px; padding:0px 20px;}
.sign-modal .modal-dialog-centered{ max-width: 851px;}

/* job-detail */

.view-job-heads{position: relative;}
.view-job-heads .cancel-btns{padding-bottom: 2px; text-align: center}
.user-job-img{ width: 75%;  }
.user-job-img img { width: 100%; height: 100%; object-fit: cover;}
.view-job .section-T{font-size:20px; color: #424242;margin-bottom: 10px;}
.view-job .T-title{color: #e21c2b; font-size:26px; margin-bottom: 20px; font-family: 'poppinsbold';}
.section_table .table tbody td{font-size: 12px;color: #272727;padding:3px 5px !important;text-align: left; font-weight:600;vertical-align: middle;border:0;}
.Kitchen-T{color: #000; font-size: 17px; font-weight: 700;margin-bottom:5px; font-family: 'poppinsbold';}
.view-job .border-top {border-top: 1px solid #000 !important;}
.view-job .middle-content{width:100%;}

/* .section_table .table tbody tr td:nth-child(1){width:5%;} */
.section_table .table tbody tr td:nth-child(1){width:12%;}
.section_table .table tbody tr td:nth-child(2){width:12%;}
.section_table .table tbody tr td:nth-child(3){width:15%;}
.section_table .table tbody tr td:nth-child(4){width:15%;}
.section_table .table tbody tr td:nth-child(5){width:10%;}
.section_table .table tbody tr td:nth-child(6){width:15%;}
.section_table .table tbody tr td:nth-child(7){width:15%;}
.section_table .table tbody tr td:nth-child(8){width:10%;text-align: right;}

.toatl-job{max-width:230px; width: 100%; margin-left: auto;padding-bottom: 30px;}
.toatl-job p{color: #424242; font-size: 14px; font-weight:600; margin-bottom: 5px; display: flex; justify-content: space-between;}



/* home-update */
.location-painters .about-title{padding-top: 40px;}
/*.location-painters{background-color:#f7f6fb}*/
.location-changes-painter{overflow: hidden; position: relative; min-height:280px;display: flex;align-items: center;margin-bottom: 50px}
.location-changes-painter .middle-section{ background-color: rgb(0, 0, 0,0.549); max-width: 476px;width: 100%; padding:20px;margin: 0px auto;}
.location-changes-painter .middle-section p{color: #fff; font-size:18px;  font-family: 'poppinsbold'; text-align: center;margin-bottom: 20px;}
.location-changes-painter .middle-section .input-group{overflow: hidden; border: 1px solid rgb(255, 255, 255); border-radius: 6px; background-color: rgb(35, 31, 32,0.502); max-width: 271px; width: 100%; margin: 0px auto;  height: 38px;  }
.location-changes-painter .middle-section .input-group .form-control{background: transparent; border:0; border-radius:0; color: #FFF; font-size: 14px; }
.location-changes-painter .middle-section .input-group .form-control:focus{box-shadow: none;}
.location-changes-painter .middle-section .input-group .input-group-text{cursor: pointer;  background: rgb(209,51,51);
    /* background-image: -moz-linear-gradient( 90deg, rgb(209,51,51) 42%, rgb(99,10,10) 85%, rgb(255,255,255) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(209,51,51) 42%, rgb(99,10,10) 85%, rgb(255,255,255) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(209,51,51) 42%, rgb(99,10,10) 85%, rgb(255,255,255) 100%); */
    color: #fff; font-size: 14px;border-radius: 0; border: 0; }

.location-changes-painter .map-section{width: 660px; position: absolute; right: 18%; top: 0; opacity: 0.5;}
.location-changes-painter .map-section img{width:100%; height:100%; object-fit: contain;}
.location-changes-painter{background-image: url(../../public/img/map-art.svg);background-repeat:no-repeat;background-position:80%}

/* job page */
.job-pages .table thead tr th:nth-child(1), .job-pages .table tbody tr td:nth-child(1){width:15%;}
.job-pages .table thead tr th:nth-child(2), .job-pages .table tbody tr td:nth-child(2){width:25%; text-align: left;}
.job-pages .table thead tr th:nth-child(3), .job-pages .table tbody tr td:nth-child(3){width:15%;}
.job-pages .table thead tr th:nth-child(4), .job-pages .table tbody tr td:nth-child(4){width:15%;}
.job-pages .table thead tr th:nth-child(5), .job-pages .table tbody tr td:nth-child(5){width:15%;}
.job-pages .table thead tr th:nth-child(6), .job-pages .table tbody tr td:nth-child(6){width:15%;}

/* job-detail-page */

.user-img-upload .img-upload{ border-radius: 6px;overflow: hidden; max-width:155px; width: 100%; height:155px; margin: 0px auto 10px;}
.user-img-upload .img-upload img{width: 100%; height:100%; object-fit: cover;}
.upload_pic{max-width:700px; width:100%;margin-left: auto; padding:10px 0px;}
.upload_pic .owl-carousel .item{ border-radius: 6px;width: 120px;margin: 0px auto; height: 110px; overflow: hidden;}
.upload_pic .owl-carousel .item img{width:100%; height: 100%; object-fit: cover;}

.upload_pic .owl-carousel {position: relative;}
.upload_pic .owl-nav { position: absolute;display: flex !important; top: 50%; transform: translateY(-50%); width: 100%; z-index: -1;}
.upload_pic .owl-nav .prev {position: relative; margin-left: -30px; transform: rotate(-180deg);}
.upload_pic .owl-nav .prev img { width:20px; height:20px;}
.upload_pic .owl-nav .owl-next {right: 0;position: absolute;}
.upload_pic .owl-nav .prev.next {margin-left: 0; margin-right: -15px; right:0px; transform: none;}

/*  */
.view-estimate .nav-pills{/* padding-top:40px; */}
.view-estimate .nav-pills .nav-link{border-radius:0px;margin-right:10px;color: #232c2b;  font-family: 'poppinsbold'; font-size: 20px;padding:10px;text-align: center;}
.view-estimate .nav-pills .nav-link.active{background: #fff; color: #e21c2b;}

.view_job_detail .Est-section .right-side-section{min-height:700px;display: flex;flex-direction: column;}
.view_job_detail .Est-section .right-side-section .esti-signup{margin-top: auto;}

.view_job_detail .Est-section1 .table thead th{ border:1px solid  rgb(222, 226, 230); background: #fafafa;}
.view_job_detail .Est-section1 .table thead tr th {padding: 12px 15px;}
.view_job_detail .Est-section1 .table tbody tr td{text-align: left;vertical-align: middle; padding: 12px 15px;color: #616161; font-size: 14px; border-bottom:1px solid  rgb(222, 226, 230);}
.table-striped tbody tr:nth-of-type(2n+1) {background-color: #fff;}
.table-striped tbody tr:nth-of-type(2n+2) {background-color: #fafafa;}

.review-btn{background: rgb(226, 28, 43);cursor: pointer; border-radius: 6px;  width: 106px;font-size: 14px; height: 33px; color: #fff;display: flex; align-items: center;justify-content: center;}
.review-btn:hover, .review-btn:focus{color: #FFF;text-decoration: none}
.review-color{color: #e21c2b; cursor: pointer;}

.rating-star{list-style: none;padding:0; margin: 0;display: flex; margin-bottom: 25px;}
.rating-star li img{width:35px;height:35px;margin-right: 2px;cursor: pointer;}

.view_job_detail  .p-frame{color: #e21c2b; font-size: 18px; font-family: 'poppinsmedium'; margin-bottom: 20px;}
.view_job_detail  .time-dates{color: #000; font-size: 19px; }
.view_job_detail  .time-dates span{font-size: 12px; display: block; padding-bottom:10px;}

.invoices .table thead tr th:nth-child(1), .invoices  .table tbody tr td:nth-child(1){width:10%;}
.invoices .table thead tr th:nth-child(2), .invoices  .table tbody tr td:nth-child(2){width:20%;}
.invoices .table thead tr th:nth-child(3), .invoices  .table tbody tr td:nth-child(3){width:30%;}
.invoices .table thead tr th:nth-child(4), .invoices  .table tbody tr td:nth-child(4){width:15%;}
.invoices .table thead tr th:nth-child(5), .invoices  .table tbody tr td:nth-child(5){width:15%;}
.invoices .table thead tr th:nth-child(6), .invoices  .table tbody tr td:nth-child(6){width:15%;}

.view_job_detail .p-totals{display: flex;    flex-wrap: wrap;}
.view_job_detail .p-totals p{text-transform: uppercase;margin-right: 25px; color: #232c2b; font-family: 'poppinsbold'; font-size:18px; margin-bottom: 10px; }
.view_job_detail .p-totals p span{color: #e21c2b;}

/*  */
.estimates-page-pdf .Est-section {background:#fff url(../../images/esti-bg.png)no-repeat;overflow: hidden; background-position: right -113px bottom;position: relative;}
.estimates-page-pdf .Est-section .right-side-section{background: transparent;}
.estimates-page-pdf .Est-section .frame-top{width: 100%;height:129px; }
.estimates-page-pdf .Est-section .frame-top img{width:100%; height:100%;object-fit: contain;object-position: top;}

.estimates-page-pdf .Est-section .section_table .table thead{background: #d4f3fd;border-bottom: 1px solid #000; font-size: 12px;}
.estimates-page-pdf .Est-section .section_table .table thead tr th {
    padding: 11px 5px;
}

.estimates-page-pdf .Est-section .esti-signup .toatl-est p span +span{border: 1px solid #000;padding:2px 10px;max-width:115px; width:100%;text-align: right}
.estimates-page-pdf .Est-section .esti-signup .toatl-est{max-width: 265px;}

.pdf-logo-header{margin-bottom:20px;position: absolute; top: 65px;}

/* locationpage design */
.location-map {padding:60px 0px;}
.location-map .location-section{ box-shadow:0px 0px 5px rgb(0, 0, 0,0.5);}
.location-map .map-section{padding:10px;}


.office-section{padding:50px 0px;}
.office-section .sales-title{color: #000; text-align: center;  font-family: 'poppinsbold'; font-size: 20px;}
.office-section .office-left{padding:20px; box-shadow:0px 0px 5px rgb(0, 0, 0,0.5);}
.office-section .office-left .media-img{width:110px; height:110px; margin-right: 20px; border-radius: 50%;}
.office-section .office-left .media-img img{width:100%; height:100%; object-fit: cover;border-radius:50%;}
.office-section .office-left .description{text-align: center;font-size: 14px; margin-bottom: 30px; color: #000; hyphens: none;}

.right-side-office h2{color: #000; margin-bottom: 20px;  font-family: 'poppinsbold'; font-size: 24px;}
.right-side-office .step-data{list-style: none; padding:0; margin:0px;}

.right-side-office .step-data li{display: flex;}
.right-side-office .step-data li .nos-data{margin-right: 20px;font-family: 'poppinsbold'; width:35px; height:35px;background: #f8a61f; border-radius:50% ; color: #000; font-size: 16px;display: flex;align-items: center;justify-content: center;}
.right-side-office .step-data li span + span{font-size: 14px;flex: 1; color: #000; margin-bottom: 0px;}
.right-side-office .step-data li{margin-bottom: 20px;}

.right-side-section .ds-title{font-size: 14px;line-height: 1.8; color: #212529;hyphens: none;}
.right-side-section .sign-box{background: #f7f7f7; /* height: 304px; */ border-radius: 10px; margin-bottom: 10px;}
.right-side-section .sign-box canvas{width: 100%; height:300px;}
.right-side-section .note{font-size: 14px;  color: #212529; font-family: 'poppinsmedium'; }
.sign-btn-grp{margin: 30px 0px 0px;}
.sign-btn-grp .clear-txt{color: #6c6c6c;font-size: 16px;  font-family: 'poppinsmedium'; margin:5px 10px; }
.right-side-section .top-headers{display: flex;justify-content: space-between;}
.right-side-section .top-headers .pdf-icon{width:35px; height:35px; object-fit: contain; cursor: pointer;}


/* new section css */


.common-section .top-block { flex-direction: column; justify-content: center; position: relative; }
.quote-btn { max-width: 310px !important; margin-top: 20px !important; }

.paitner-img { width: 100%; height: 250px; }
.paitner-img img { width: 100%; height:100%; object-fit: cover; object-position: center;}
.ptext { font-size: 18px; color: #e21c2b; font-family: 'poppinsbold'; margin: 12px 0px 0px; }
.ptext a { color: #e21c2b !important;  }
.ptext { display: flex; width: 100%; }
.ptext span + span { flex: 1; width: 100%; padding-left: 10px; }

.houston-painter-content .hp-heading{ font-size: 20px; color: #e21c2b; font-family: 'poppinsbold'; margin-top: 40px; margin-bottom: 20px; text-align: center; }

.ss-box { width: 100%; padding: 10px; }

.ss-comment-box { width: 100%; background: #f6f8fc; padding: 15px;  border-radius: 10px; margin-bottom: 32px; box-shadow: 0px 0px 1px 10px #eeeef1; position: relative; }
.ss-comment-box .ss-top { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 10px; }
.ss-comment-box .quate-img { width: 28px; height: 28px; }
.ss-comment-box .quate-img img { width: 100%; height: 100%; object-fit:cover; object-position: center; }
.ss-comment-box .rating-ul { list-style: none !important; display: flex; align-items: center; padding: 0px; }
.ss-comment-box .rating-ul li { width: 16px; height: 16px; margin-left: 2px; }
.ss-comment-box .rating-ul li img { width: 100%; height: 100%; object-fit: contain; object-position: center; }
.ss-comment-box .ss-text { font-size: 12px; margin-bottom: 0px; color: #5c616b;  }

.ss-comment-box::before { border-left: solid 20px transparent; border-right: solid 20px transparent; position: absolute; content: "";
    border-top: solid 20px #f6f8fc; filter: drop-shadow( 0px 10px 0px #eeeef1); height: 0; width: 0; bottom: -20px; left: 15px; }

.name-date .name { font-size: 16px; color: #e21c2b; font-family: 'poppinsbold'; margin-bottom: 0px; line-height: 24px; }
.name-date .date { font-size: 12px; margin: 0px; color: #b3b2b1; }

.saying-slider.owl-carousel button.owl-dot { display: block !important; }
.houston_painter-section .about-title { font-size: 24px; }



.saying-slider .owl-dots { text-align: center; display: flex; align-items: center; justify-content: center; }
.saying-slider .owl-dot { width: 10px; height: 10px;  background: #cdb3da !important; border-radius: 50%; margin: 0 2px; }
.saying-slider .owl-dot.active { background: #e21c2b !important; }


/* request-a-quote new design */


.schedule-appointment-new .setup-content { background: #fff; border-radius: 20px; min-height: 430px; max-width: 1099px; width: 100%; margin: 0 auto 10px;  display: flex; align-content: center; justify-content: center; flex-direction: column; padding: 35px 25px; }
.schedule-appointment-new .setup-content .heading {  color: rgb(17, 17, 17); font-family: 'poppinsmedium'; }
.schedule-appointment-new .form-section [type="radio"]:checked + label, .schedule-appointment .form-section [type="radio"]:not(:checked) + label {color: #27302f; }

.schedule-appointment-new .form-section [type="radio"]:checked + label::before,
.schedule-appointment-new .form-section [type="radio"]:not(:checked) + label::before { background-color: rgb(233 237 235);  }
/*.schedule-appointment-new .form-section [type="radio"]:checked + label::after, 
.schedule-appointment-new .form-section [type="radio"]:not(:checked) + label::after { background-color: #fff; }*/



.schedule-appointment-new .nextBtn.step-btn{ border-radius: 6px !important; max-width: 191px !important; font-family: 'poppinsmedium'; }
.schedule-appointment-new .submit-btn.backBtn { background-color: #fff !important;  color: #232c2b !important; font-family: 'poppinsmedium'; margin-top: 20px;  }
.schedule-appointment-new .submit-btn.backBtn:hover { color:rgb(226, 28, 43) !important; text-decoration:underline !important; }

.form-section { max-width: 100% !important; }
.top-row { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; }
.top-row .step-title { font-size: 32px; text-transform: uppercase; color: rgb(17, 17, 17); font-family: 'poppinsbold'; margin-bottom: 0px; }

.interior-step-one { margin-bottom: 30px; }
.schedule-appointment-new .form-control {border-radius: 0px; padding: 12px 0px; font-size: 16px; color: #232c2b; border-top: none; border-left: none; border-right: none; border-color: rgb(186, 186, 186); }
.schedule-appointment-new .form-control::placeholder { color: #b2b2b2 !important; }
.interior-step-one .heading {text-transform: none !important; }
.info-heading { width: 100%; display: flex; justify-content: center; }
.info-heading a {  width: 20px; height: 20px; display: inline-block; margin-left: 10px; margin-top: 7px; }
.info-heading img{ width: 100%; height: 100%; object-fit: contain; object-position:center; vertical-align: top; }

.info-heading a:hover ~ .tooltip-box { opacity: 1; display: block;}
.info-heading a:hover ~ .tooltip-box.tooltip-box-full-img { display: flex; }

.tooltip-box { display: none; border-radius: 20px; background-color: rgb(255, 255, 255); position: absolute; width: 320px; min-height: 410px; right: 0px; top: 118px; padding: 12px; box-shadow: 0px 0px 2px 0px #000; z-index: 1; }
.tooltip-box .tb-img-box { border-style: solid; border-width: 1px; border-color: rgb(222, 222, 222); border-radius: 10px; background-color: rgb(255, 255, 255); width: 100%; height: 200px;  }
.tooltip-box .tb-img-box img { width: 100%; height: 100%; object-fit: contain; object-position:center;  }
.tooltip-box .tb-content-block { margin-top: 10px; }
.tooltip-box .tb-content-block p { font-size: 14px; color: rgb(57, 61, 72); line-height: 2; text-align: left; margin-bottom: 10px; }
.tooltip-box .tb-content-block p:last-child { margin-bottom: 0px; }
.tooltip-box ol { margin-bottom: 0px; padding-left: 20px; }
.tooltip-box ol li { font-size: 14px; color: rgb(57, 61, 72); line-height: 2; text-align: left; }


.progress-block { width: 50%; display: flex; align-items: center; justify-content: flex-end; }
.progress-block .progress-text { font-size: 16px; color: #393d48; display: inline-block; margin-left: 10px; }
.progress-block .progress { border-radius: 8px; background-color: rgb(26, 26, 26); box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.08),inset 0px 1px 1px 0px rgba(0, 0, 0, 0.4);
    width: 310px; height: 26px; padding: 5px; }
.progress-block .progress-bar { border-radius: 3px; background-image: -moz-linear-gradient( 90deg, #f3800d 0%, #fac246 100%);
    background-image: -webkit-linear-gradient( 90deg, #f3800d 0%, #fac246 100%); background-image: -ms-linear-gradient( 90deg, #f3800d 0%, #fac246 100%); height: 16px; }

.custom-select { height: auto !important; }

.tooltip-box-full-img { padding: 0px;  }
.tooltip-box-full-img.tooltip-box .tb-img-box { border:none !important; height: auto; background-color: transparent; border-radius: 20px; }

.lds-dual-ring:after { margin: 0px !important;}

.schedule-appointment-new .form-section .small-redio-btn { display: flex; align-items: center; justify-content: space-evenly; }
.schedule-appointment-new .form-section .small-redio-btn [type="radio"]:checked + label,
.schedule-appointment-new .form-section .small-redio-btn [type="radio"]:not(:checked) + label { font-size: 16px; font-family: 'poppinsregular'; padding-left: 25px;  margin-right: 20px; }
.schedule-appointment-new .form-section .small-redio-btn [type="radio"]:checked + label::before,
.schedule-appointment-new .form-section .small-redio-btn [type="radio"]:not(:checked) + label::before { width: 17px; height: 17px; top: 3px; }
.schedule-appointment-new .form-section .small-redio-btn [type="radio"]:checked + label::after,
.schedule-appointment-new .form-section .small-redio-btn [type="radio"]:not(:checked) + label::after {width: 9px; height: 9px; top: 7px; left: 4px; }
.schedule-appointment-new .form-section .small-redio-btn [type="radio"]:checked + label span,
.schedule-appointment-new .form-section .small-redio-btn [type="radio"]:not(:checked) + label span { font-size: 14px; font-style: italic; }

.schedule-appointment-new  .col-form-label { font-size: 16px; color: #111111; margin-bottom: 0px; /*font-family: 'poppinsbold'; */}
.schedule-appointment-new .form-group { margin-bottom: 20px; }
.step-common-block .form-group { margin-bottom: 30px; }

.schedule-appointment-new .heading.text-left { margin-bottom: 24px !important;  }

.ans-box-multiple { margin-bottom:20px; }
.ans-box-multiple table th:nth-child(1), .ans-box-multiple table td:nth-child(1) { width:25%; padding-right:10px; }
.ans-box-multiple table th:nth-child(2), .ans-box-multiple table td:nth-child(2) { width:35%;  padding-right:10px; }
.ans-box-multiple table th:nth-child(3), .ans-box-multiple table td:nth-child(3) { width:40%; }
.ans-box-multiple table th, .ans-box-multiple table td { font-size:16px; }


.que-text { font-size: 16px; color: rgb(0, 0, 0); line-height: 1.2; font-family: 'poppinsmedium'; margin-bottom: 30px; }
.ans-text { font-size: 16px; color: rgb(17, 17, 17); /*font-family: 'poppinsmedium';*/ margin-bottom: 30px; }
.subans-text { font-family: 'poppinsregular'; }
.ans-box { width: 100%; display: flex; flex-wrap: wrap;  }

.ans-box table { width: 100%;  }
.ans-box table th p { margin-bottom: 30px;  font-family: 'poppinsbold'; }

.amount-block span { color: #e21c2b; }
.amount-block .total-amount { font-family: 'poppinsbold'; font-size: 30px; color: #232c2b; margin-bottom: 15px; }
.amount-block .pay-amount { font-size: 26px; color: #232c2b; font-family: 'poppinsbold'; margin-bottom: 15px; }
.amount-block .note { font-size: 20px; color: #232c2b; font-family: 'poppinsbold'; margin-bottom: 15px; }

.btn-box1 .pay-img a{ width: 150px; margin: 20px auto; display: inline-block; }
.btn-box1 .pay-img  img{ width: 100%; height: 100%; object-fit: contain; object-position: center; }


.submit-btn-block { display: flex; justify-content: center; align-items: center; padding-bottom: 50px; border-bottom: 1px solid #bababa; margin-bottom: 50px; }
.submit-btn-block .btn { max-width: 145px; margin: 0px 10px; height: 50px; box-shadow: none;  border: 1px solid transparent; font-size: 16px; text-transform: capitalize; width: 100%; border-radius: 6px !important; max-width: 191px !important; font-family: 'poppinsmedium'; display: flex; align-items: center; justify-content: center; }
.submit-btn-block .change-btn { border-color: rgb(226, 28, 43); color: rgb(226, 28, 43); background-color: transparent; }
.submit-btn-block .change-btn:hover { color: #fff;}
.submit-btn-block .calculate-btn { background-color: rgb(226, 28, 43) !important; color: #fff; }
.submit-btn-block .calculate-btn:hover { background-color: transparent !important; color: rgb(226, 28, 43); border-color:rgb(226, 28, 43) ; }
.step-common-block .sub-text { font-size: 16px; color: rgb(0, 0, 0); line-height: 1.2; font-family: 'poppinsmedium'; margin-bottom: 30px;  }

.submit-btn-block-bottom { padding-top: 40px !important; border-top: 1px solid #bababa; border-bottom: 0px; }

/*Hide all except first fieldset*/
.schedule-appointment-new .setup-content:not(:first-of-type) { display: none; }


.select2-container--default .select2-selection--single {  border-top: none !important; border-left: 0px !important; border-right: 0px !important; border-bottom: 1px solid rgb(186, 186, 186) !important; border-radius: 0px !important; padding: 12px 0px;
    font-size: 16px; color: #232c2b; }
.select2-container .select2-selection--single  { height: auto !important; }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 100% !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: unset !important; }
.select2-container .select2-selection--single .select2-selection__rendered {padding-left: 0 !important; font-family: 'poppinsregular'; color: #232c2b !important;  }
/*.select2-container--below.select2-container .select2-selection--single .select2-selection__rendered { color: #232c2b !important; b2b2b2 }
.select2-container--above.select2-container .select2-selection--single .select2-selection__rendered { color: #232c2b !important;  }*/


.select2-dropdown { border: 1px solid rgb(186, 186, 186) !important; }
.select2-search--dropdown {font-size: 16px !important; color: #232c2b !important; }
.select2-container--default .select2-results__option--highlighted[aria-selected] {background-color: #e21c2b !important;}
.select2-container--default .select2-results__option[aria-selected="true"] {  background-color: #e21c2b !important; color: #fff !important; }
.select2-results__option { padding: 6px 10px !important; font-size: 16px;}

.select2-container { width: 100% !important; }

/*  */

.detail-section { border-radius: 10px; background-color: rgb(239, 239, 239); width: 100%; margin-bottom: 25px; padding: 30px 15px; }
.detail-section .detail-box { border-radius: 10px; background-color: rgb(255, 255, 255); max-width: 485px; width: 100%; margin: 0px auto; padding: 20px 10px; }
.detail-section .detail-box .title { color: #111111; font-size: 18px;  font-family: 'poppinssemibold'; }
.padding-block { padding: 0px 15px; }

.info-l { margin-bottom: 10px; font-size: 14px; color: rgb(17, 17, 17); line-height: 2.571; margin-bottom: 2px; display: flex;  align-items: flex-start;  }
.info-l img { width: 18px; height: 18px; object-fit: contain; object-position: center; margin-right: 10px; margin-top: 8px; }
.info-l span { width: 100%; flex: 1; }
.padding-block .edit-btn { font-size: 14px; color: #21c6ef; font-family: 'poppinsmedium'; display: inline-block; margin-top: 5px; }

.pay-text { font-size: 13px; color: rgb(17, 17, 17); line-height: 1.538; display: flex;  align-items: flex-start; padding: 10px; border-radius: 6px; background-color: rgb(33, 198, 239);  }
.pay-text span.img_span { border-radius: 50%; background-color: rgb(17, 17, 17); width: 22px; height: 22px; padding: 2px; margin-right: 8px; text-align: center; }
.pay-text img { width: 14px; height: 14px; object-fit: contain; object-position: center; filter: invert(1); }
.pay-text span.text { width: 100%; flex: 1; }

.ptitle { font-size: #111111; font-size: 14px; font-family: 'poppinsmedium'; margin: 10px 0px; }
.payment-info-box .form-control { border: solid 1px rgb(221, 221, 221); border-radius: 2px; background-color: rgb(255, 255, 255); padding: 10px 15px !important; font-size: 14px !important; }
.payment-info-box label { font-size: 14px; color: #727272; margin-bottom: 2px; }
.payment-info-box .form-group { margin-bottom: 20px !important; }
.payment-info-box .form-group img.card-img { width: 200px; margin-left: 10px;  }
.payment-info-box .form-group img.i-img { width: 20px; height: 20px; margin-left: 10px; }
.payment-info-box .ex-date { display: flex; align-items:center; font-size: 14px; color: #727272; }
.payment-info-box .ex-date span.dash { margin: 0px 10px; display: inline-block; }
.payment-info-box .form-group .form-control::placeholder { text-align: center; color: #b7b7b7 !important; }

.price-detail .bordertop { border-top:1px solid  rgb(223, 223, 223); }
.price-detail p { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 0px; font-size: 14px; color: #111111; }
.price-detail p span + span { padding-left:10px; }
.Subtotal-block { padding: 15px 15px; }
.price-detail p.due-pay, .Subtotal-block p { font-family: 'poppinssemibold'; }
.price-detail p.due-pay { margin-bottom: 10px; }
.price-box1 { min-height: 100px; padding: 10px 15px; }
.price-box2 { padding: 10px 15px; }

.booknow {  font-size: 16px; color: rgb(255, 255, 255); line-height: 1.875; box-shadow: none !important; border: 1px solid transparent; font-family: 'poppinsbold'; border-radius: 6px; background-color: rgb(226, 28, 43);
    max-width: 256px; padding: 9px; margin: 30px auto; width: 100%; display: block; display: flex; align-items: center; justify-content: center; }

.booknow:hover { background-color: transparent !important; color: rgb(226, 28, 43); border-color:rgb(226, 28, 43) ; }
.checkbox-row {margin-bottom: 20px;  }
.checkbox-row .custom-check-box { width: 100%; display: block; margin-bottom: 20px; }
.checkbox-row .check-boxs { width: 100%; margin-bottom: 18px; }
.checkbox-row .custom-checks { background: none;padding-top: 0px; padding-bottom: 0px;  width: 100% !important;}
.checkbox-row .checkbox { position: relative; padding-left: 25px; cursor: pointer;font-size: 16px; line-height: 1.25; font-family: 'poppinssemibold'; -webkit-user-select: none; color: rgb(17, 17, 17) !important;  -moz-user-select: none;-ms-user-select: none;user-select: none; margin-bottom: 0; margin-left: 0px; }
.checkbox-row .checkbox a { color: #1C1D21 !important;  text-decoration: underline !important; }
.checkbox-row .checkbox a:hover { color:#F71F4D !important; }
.checkbox-row .checkbox input { position: absolute; opacity: 0;cursor: pointer;height: 0; width: 0;}
.checkbox-row .checkmark { position: absolute; top: 2px; left: 0; height: 17px; width: 17px; background: transparent; border:1px solid rgb(17, 17, 17); border-radius: 0px; }
.checkbox-row .checkmark::after { display: none;}
.checkbox-row .checkmark::after {content: "";position: absolute; left: 5px; top: 1px; width: 5px; height: 11px; border: solid rgb(17, 17, 17); border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.checkbox-row input:checked ~ .checkmark::after { display: block;}

.content-block { margin-bottom: 30px; }
.content-block .cbox { margin-bottom: 20px; }
.content-block .cbox h4 {font-size: 16px; color: rgb(0, 0, 0); line-height: 1.2; margin-bottom: 10px; font-family: 'poppinssemibold'; }
.content-block .cbox p { font-size: 14px; color: rgb(0, 0, 0); line-height: 1.714; margin-bottom: 10px; }
.content-block .cbox p:last-child { margin-bottom: 0px; }

.faq-block { width: 100%; display: block; }
.faq-block h2 { font-size: 24px; color: rgb(17, 17, 17); font-family: 'poppinsbold'; line-height: 1.2; margin-bottom:20px;   }

.faq-block #accordion {column-count: 2; }

.faq-block .faq-card { border-top: 1px solid rgb(223, 223, 223); border-bottom: 1px solid rgb(223, 223, 223); }
.faq-block .card-header { padding:20px 0px; border-bottom: none; background: none;}
.faq-block .card-header .btn-link{ font-size: 16px; color: rgb(17, 17, 17); font-family: 'poppinssemibold'; text-decoration: none !important; position: relative; }
.faq-block .faq-card-body p{ font-size: 14px; color: rgb(0, 0, 0); line-height: 1.714; margin-bottom: 10px; }
.faq-block .card-header a:before { float: right !important; font-family: "Font Awesome 5 Free"; font-weight: 900; content:"\f068"; padding-right: 5px; }
.faq-block .card-header a.collapsed:before { float: right !important; content:"\f067";}


/* date picker */

.datepicker th.datepicker-switch { width: 145px; font-size: 16px;}
.datepicker-inline { margin: 0px auto; max-width: 520px; width: 100% !important; }
.table-condensed {  width: 100% !important;  }
.datepicker th {font-family: 'poppinsmedium';}
.datepicker th, .datepicker td { font-size: 14px; color: rgb(35, 44, 43) !important;  line-height: 2.143; height: 50px !important; }
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { color: #858585 !important; }
.datepicker table tr td.active.active { color: #fff !important; }

/*  */

.view_online_estimated_detail { width: 100%; background-color: #e6eaf3; padding: 160px 0px 80px;}
.view_online_estimated_detail .step-title { font-size: 30px; color: #e21c2b; font-family: 'poppinssemibold'; text-align: center; margin-bottom: 0px; text-transform: uppercase; }
.view_online_estimated_detail .heading  { font-size: 30px; margin-bottom: 30px; font-weight: 900; color: #000; text-transform: uppercase !important; }
.view_online_estimated_detail .interior-step-one {  background: #fff; position: relative; padding:30px;  }
.estimates-page-pdf .interior-step-one {  background: #fff; position: relative; padding:30px;  }



/**/

.edit-btns { border-radius: 6px; background-color: #e21c2b; font-size: 12px; text-transform: capitalize; margin-top: 0px; color: #fff !important; padding: 4px 6px; }
.btns-data .cancel-btns.view-details { border-radius: 6px; padding: 4px 6px; height: unset !important; line-height: unset !important; }

/**/

.select2-container--default .select2-results > .select2-results__options { scroll-behavior: smooth; scrollbar-width: thin; }
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar { width: 10px;}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track { background: #111111; padding: 2px;}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb { background: #fff; border-radius: 6px; border: 2px solid #111111; }

.select2-container--default .select2-selection--single .select2-selection__arrow { background-size: 12px; background-image: url(../../public/img/down-arrow_block.png); background-repeat:no-repeat; background-position:80%; }
[aria-expanded="true"] .select2-selection__arrow { transform: rotate(180deg); transition: 0.3s all; }
[aria-expanded="false"] .select2-selection__arrow { transform: rotate(0deg); transition: 0.3s all; }
.select2-container--default .select2-selection--single .select2-selection__arrow b { display:none !important; }

.select2-container--default .select2-results > .select2-results__options { max-height: 400px !important; }


/**/

.attatchment-from .form-control { border: none; border-radius: 6px; height: auto; padding: 20px 15px; background-color: rgb(243, 243, 243); box-shadow: none; width: 100%; font-size: 16px; color: #787878; }
.attatchment-from .save-btn { text-transform: capitalize; background-color:  rgb(226, 28, 43); max-width: 229px; width: 100%; height: 50px; line-height: 50px; border-radius: 25px; margin: 25px auto; padding: 0px; color: #fff; font-size: 16px; font-family: 'poppinssemibold'; display: block; }
.attatchment-from .save-btn:hover { background-color: #cf0b19 !important;}


.sign-estimates { text-transform: capitalize; background-color:  rgb(226, 28, 43); max-width: 250px; width: 100%; height: 50px; line-height: 50px; border-radius: 25px; margin: 25px auto; padding: 0px; color: #fff; font-size: 16px; font-family: 'poppinssemibold'; display: block; }
.sign-estimates:hover { background-color: #cf0b19 !important;}


.interior-step-one textarea.form-control { padding: 12px; resize: unset; border: 1px solid #ced4da !important; }

/*----------------------- Responsive media -------------*/

@media (min-width: 1200px) and (max-width:1370px) {
    .houston_painter-section .about-title img { width: 110px;}
}


@media (min-width:1750px){

    .container{min-width: 67.12vw;}

    .select2-container--default .select2-selection--single .select2-selection__arrow { background-size: 0.63vw;}
    .select2-container--default .select2-selection--single .select2-selection__arrow {width: 1.05vw !important;}

    /* ------------------- header --------------------- */
    header{ top:2.2vw;}

    .header-section{border-radius:0.52vw; }
    header .navbar-brand {border-radius:0.52vw 0px 0px 0.52vw; height: 4.21vw; width:12.70vw; padding: 0.68vw;}
    header .navbar{ height: 3.3vw;}

    header .navbar-nav{ padding:0.05vw 0.52vw;}
    .navbar-nav .nav-item{padding: 0px 0.78vw; }
    .navbar-nav .nav-link{font-size:0.84vw; padding: 0.25vw 0px !important; }
    .navbar-nav .nav-link.login-btn{border-radius: 1.05vw; width:4vw;  height: 2.15vw; line-height:2.15vw; }


    .user .dropdown-toggle{ font-size: 0.84vw; }
    .user_image {width: 2.2vw; height: 2.2vw; margin-left: 0.52vw;}
    .dropdown-menu .dropdown-item{ font-size: 0.84vw; padding: 0.35vw 1.05vw; }
    .dropdown-toggle::after { width: 0.45vw; height: 0.45vw; }

    /*  */

    .contact-info { border-top-right-radius: 0.52vw; }
    .right-menu { border-bottom-right-radius: 0.52vw; border-top-right-radius: 0.52vw; }
    .contact-info a{ font-size: 0.73vw; padding: 0.25vw 0px; }
    .contact-info a img { margin: 0px 0.25vw; width: 1.05vw; height: 1.05vw; }

    /* ---------------index------------- */
    .request-quote{ border-radius:1.05vw; padding-top:0.64vw;   height: 3.10vw;  width: 9.26vw; font-size:0.84vw;  right: -3.89vw;   }

    .first-section-home{height: 42.10vw;}
    .first-section-home .carousel-item{height: 42.10vw ;}

    .carousel .carousel-indicators li{width: 0.84vw; height: 0.84vw; }
    .carousel .carousel-indicators{margin-bottom:0.52vw;}

    .zip-code-section{ padding:2.36vw 0px;}
    .zip-code-section .zip-title{font-size:1.57vw; margin-bottom:0.72vw; }
    .zip-code-section .input-group{border:0.2vw solid rgb(35, 44, 43);   border-radius: 0.52vw;  width: 33.26vw;}
    .zip-code-section .input-group .form-control{padding:0.52vw; font-size:0.84vw; }
    .zip-code-section .input-group .input-group-text {width: 11.42vw; height: 3.63vw;  font-size:1.57vw; font-size:0.84vw; line-height: 3.63vw; border-radius:0px 0.36vw 0.36vw 0px; }

    .second-section-index{ padding:3.15vw  0px; }
    .painting-data .heading{font-size:1.89vw;  margin-bottom:3.45vw;}
    .painting-data  .middle-section{ padding-bottom: 2.52vw;}
    .painting-data .middle-section .left-side{  width: 33vw;  height: 41.89vw; }
    .painting-data .middle-section .right-side{padding:0.65vw 2.63vw 3.42vw; width: 37.47vw; }
    .painting-data .middle-section  .read-more{font-size:0.84vw; }


    .about-title{font-size:1.89vw;  margin: 2.13vw 0px;}
    .about-title img{width:7.36vw; margin-left: -3.15vw; margin-top: -1.05vw;}

    .painting-data .middle-section .description{ font-size:1.05vw; margin-bottom:1.05vw;}
    .send-btns{  height: 2.63vw; line-height:2.63vw; padding:0px 1.05vw; border-radius:1.31vw; max-width:12.10vw; font-size:0.84vw; margin: 0px auto 0.52vw; }


    .common-first-section{ height:38.4vw; padding:2.63vw 0px;}
    .drop-img{height:11.57vw; }

    .common-first-section .middle-section .services-section{ padding: 2.63vw 0px;}
    .common-first-section .middle-section .first-service {width:13.68vw; }
    .common-first-section .middle-section .first-service .first-img { border:0.31vw solid rgb(255, 255, 255); width: 12.84vw; height: 12.84vw; margin:0px auto 0.78vw; }
    .common-first-section .middle-section .first-service .title-first{font-size:1.26vw; margin-bottom:0.52vw; }
    .common-first-section .middle-section .first-service .description{font-size:0.69vw; }

    .blog-section{padding:0px 0px 3.68vw;}
    .blog-section .about-title{margin: -0.78vw 0px 2.63vw; }
    .card { border-radius: 0.52vw;  margin-bottom:2.63vw; width: 20.52vw;  }
    .card .view .card-img-top{height: 14.36vw; border-radius:0.52vw 0.52vw 0px 0px;}
    .card .view .crop{height:2.36vw;}
    .card .card-body .card-title{ font-size:0.74vw; margin-bottom:0.52vw; }
    .card .card-body .card-text{font-size:1.05vw; margin-bottom:0.98vw;}
    .card .card-body .description{font-size:0.69vw; margin-bottom: 1.1vw; }
    .blog-section .send-btns{max-width: 9.31vw;}

    .blog-section  .card-blog{padding-top: 1.59vw;}
    .loaction-section{padding: 1.03vw 0px  3.15vw;}
    .location-data{padding-top: 2.85vw;}
    .location-data .location-value .location-name{font-size:0.74vw; margin-bottom:1.05vw; width: 20%;}
    .state-data{padding-top: 1.00vw;}
    .state-data .state-value .state-name{font-size:1.05vw; margin-bottom:0.75vw; width: 20%;}




    /* -------------------footer------------------------- */
    .footer-section{padding:1.57vw 0px;}
    .footer-logo img{width:11.05vw; margin:0.52vw 0px 2.10vw;}
    .social-logo .footer-logo-1{width: 1.68vw; height: 1.68vw; margin-right:0.25vw; }
    .social-logo .footer-logo-1 img{ padding:0.35vw;}

    .footer-section .right-section{padding-left: 2.36vw;}
    .footer-section .right-section li .menu-section{font-size:0.84vw; margin-bottom:0.42vw;}
    .copy_text{font-size:0.62vw; padding:0.94vw 0px;}

    /* ----------------------residential-painting-------------------------- */

    .common-section{  height: 21.05vw; }
    .common-section .comman-heading{ font-size: 1.57vw; padding: 0px 0.78vw; margin-top: 5.78vw; }
    .second-section{ padding: 4.73vw 0px; }
    .second-section .description, .third-section .description {  font-size: 1.05vw;  max-width: 36.78vw;  }
    .second-section .button-box{ max-width: 36.78vw ; margin:2.52vw 0px 0.52vw; }
    .second-section .image-box{ max-width: 21vw; height: 29.15vw; }
    .about-title{ margin-bottom:0.86vw; }
    .third-section{  padding: 6.15vw 0px 3.68vw; }
    .third-section .send-btns{ margin-top: 3.15vw; }
    .third-section .video-box{ max-width: 28.52vw; height: 17.10vw;  }
    .third-section .video-box .play-btn{ width: 3.31vw; height: 3.31vw; }
    .common-drop.other-page .services-section{  width: 80%;  }

    /* ----------------location----------------------------- */
    .location-support .best-support-img{padding: 6.15vw 0px 3.68vw;background-size: 44%; }

    .paint-vedio {border:0.31vw solid rgb(255, 255, 255);  width: 50.63vw;margin:2.10vw auto 0px;  height: 26.10vw;}
    .paint-vedio .play-btn{width: 3.31vw; height: 3.31vw; }

    .data_team .item{width:15.52vw;}
    .data_team .item .Team_img{ height:16.84vw; margin-bottom:1.05vw;}
    .data_team .item .team_name{font-size:1.05vw; }
    .data_team .item .team_name span{font-size:0.74vw;}
    .our-team{padding:0px; margin-bottom: 2.63vw;}
    .our-team .team-data{padding-top:1.05vw;}

    .map-data-location{padding:1.05vw 0px 3.84vw;}
    .map-data-location::before{ border-bottom: 5.26vw solid rgb(246, 248, 252);  }
    .map{border-radius: 1.05vw;  height: 21vw;}
    .map .google_map{border-radius:1.05vw;}

    .address-name .name-data{font-size:0.94vw;}
    .address-name .name-data img{width:0.94vw; margin-right:0.52vw; margin-top:0.25vw;}
    .second-data-panel .about-title{max-width: 37.05vw;}


    .office-data{ padding:1.57vw 1.73vw 2.10vw;width:15.39vw; border-radius:1.05vw 0px 1.05vw 0px; margin: 1.57vw 0.25vw;}
    .office-data .title{font-size:1.05vw; margin-bottom:0.25vw;}
    .office-data .data-location .menu-item{font-size:0.74vw; margin-bottom:0.52vw;}
    .office-data .data-location .menu-item img{width:0.64vw; height:0.64vw;margin-right:0.52vw; margin-top:0.15vw;}
    .owl-nav .prev{top:46%;  left:-1.57vw; right:auto;}
    .owl-nav .next{left:auto; right:-1.57vw;}
    .img-back{width:1.31vw; height:1.31vw;}



    /* ------------------about-us---------------------- */
    .paint-promise{padding:6.31vw 0px;}
    .paint-data-contine .left-side{max-width:34.21vw;}
    .paint-data-contine .left-side .heading-one{font-size:1.89vw; margin-bottom:1.05vw;}
    .paint-data-contine .left-side .description{font-size:1.05vw;}

    .middle-data-choose{padding: 4.21vw 0px 2.105vw;}
    .choose-one-data{padding:4.21vw 0px 5.26vw;}
    .choose-one-data .choose-one {padding:3.68vw 0px 0px;}
    .choose-one  .data-pro{font-size:1.05vw; margin-bottom:0.52vw;}
    .choose-one  .data-info{font-size:0.74vw;}
    .choose-one  .number-data{ width: 3.78vw;height: 3.78vw; font-size:1.57vw; margin-left:2.36vw; padding: 0.78vw;}

    .choose-one.choose-two .number-data{margin-right:2.36vw;}
    .paint-middle{width:19.21vw;}
    .about-sec .our-team { padding: 0}

    /* ---------------------privacy------------------------ */
    .privacy-data{padding:2.63vw 0px;}
    .privacy-data .privacy-data-term{width:67%;}
    .privacy-data .privacy-data-term .description{font-size:0.84vw; margin-bottom:1.57vw;}
    .privacy-data .privacy-data-term .heading-data{font-size:1.05vw; margin-bottom:0.25vw;}

    /* login page */

    .login-form .heading { padding-top: 0px; }
    .comman-form{ max-width: 32.8vw; }
    .comman-form .heading{  font-size: 1.57vw;  margin-bottom: 1.57vw; }
    .comman-form .form-group{ margin-bottom: 0.8vw; }
    .comman-form .form-group label{ font-size: 1.05vw; margin-bottom: 0.15vw;}
    .comman-form .form-group .form-control{  border-radius: 0.42vw;  font-size:0.84vw; padding: 0.73vw 0.52vw;}
    .help-block{ font-size: 0.62vw; margin-bottom: 0.8vw;}
    .comman-form .login-btn{ max-width: 7.8vw; height: 2.67vw; margin: 1.57vw auto;  font-size: 0.84vw;  border-radius: 1.26vw; }
    .comman-form .footer_sub_heading a{  font-size: 1.05vw; }


    /* signup */


    .schedule-appointment.login_page{ min-height: 90vh !important; height: 100%; }
    .schedule-appointment .login_section{padding: 9vw 0px 3.5vw;}
    .schedule-appointment .heading{ font-size: 1.57vw; margin-bottom: 1.57vw; }
    .schedule-appointment .zip-code-section{ padding: 1.05vw 0px; max-width: 33.26vw; }

    .availability-box{ max-width: 44.1vw;}
    .availability-box .question{ font-size: 1.26vw; margin-bottom: 1vw;}
    .availability-box .date-schedule .month-txt{ font-size: 1.26vw;  margin-bottom: 0.8vw; }
    .availability-box .date-schedule .date-box{ border-radius: 8px; width: 4.43vw; height: 4.4vw; padding:0.63vw 0.52vw;}
    .availability-box .date-schedule .date-box .week-name{ font-size: 0.73vw; margin-bottom: 0.68vw; }
    .availability-box .date-schedule .date-box .date{  font-size: 1.26vw;}
    .availability-box .date-schedule .date-box.more-box img{ width: 0.84vw; height: 0.84vw; }

    .time-schedule{ padding: 2.67vw 0px 0.52vw;  }
    .time-schedule .que-text{ font-size: 0.94vw;}
    .time-schedule .ans-text{ font-size: 0.73vw; margin-bottom: 1.57vw; }
    .time-schedule .time-box{ border-radius: 0.42vw; max-width: 7.9vw; padding: 0.63vw; margin: 0px auto 2.1vw; }
    .time-schedule .time-box .time{font-size: 0.73vw; }

    .schedule-appointment .signup-btn{ margin-top: 2.1vw; }

    .schedule-appointment .submit-btn { max-width: 7.56vw;  height: 2.63vw; border-radius: 1.26vw; font-size: 0.84vw;}

    .schedule-appointment .submit-btn.verufy-btn{ max-width: 10.32vw; }

    .form-section{ max-width: 32.8vw;}
    .form-section .choose-box{max-width: 20.35vw; margin: 1.45vw auto;}
    .schedule-appointment .form-section .heading { margin-bottom: 2.63vw;}

    .schedule-appointment .form-section [type="radio"]:checked + label,
    .schedule-appointment .form-section [type="radio"]:not(:checked) + label { padding-left: 1.8vw; line-height: 1.2vw; margin-bottom: 1vw;  font-size: 0.94vw;}
    .schedule-appointment .form-section [type="radio"]:checked + label:before,
    .schedule-appointment .form-section [type="radio"]:not(:checked) + label:before { width: 1.2vw; height: 1.2vw;}
    .schedule-appointment .form-section [type="radio"]:checked + label:after,
    .schedule-appointment .form-section [type="radio"]:not(:checked) + label:after {  width: 0.78vw; height: 0.78vw; top: 0.21vw; left: 0.21vw; }

    .schedule-appointment .thankyou-page { max-width: 34.7vw;}
    .schedule-appointment .thankyou-page .thankyou-img{  margin-bottom: 2.1vw; }
    .schedule-appointment .thankyou-text{ font-size: 1.05vw;  }


    /* --------------------------- profile page  ------------------------------ */

    .profile-page{  padding: 8.5vw 0px 4.2vw;}
    .profile-page .heading{ font-size: 1.57vw;  margin-bottom: 1.57vw;}

    .profile-page .comman-section .left-side-section{ max-width: 18.5vw; min-height: 36vw;}
    .user-edit-image-box  { padding: 1vw; }
    .user-edit-image-box  .user-img{ height: 16.7vw; }

    .user-edit-image-box .user-name{ font-size: 1.05vw; padding: 0.42vw 0px;}
    .user-edit-image-box .change-btn{ border-radius: 0.31vw; font-size: 0.73vw;  max-width: 7.86vw; padding:0.25vw;  }
    .side-navbar .side-nav-ul .side-nav-items .side-nav-links{font-size: 1.05vw; padding: 0.52vw 1.05vw 0.52vw;  }

    .profile-page .comman-section .right-side-section {  max-width: 43.14vw; padding: 1.31vw 2vw; }
    .profile-page .comman-section .right-side-section form{ max-width: 30.45vw;}
    .profile-page .comman-section .right-side-section form .form-group{ margin-bottom: 0.94vw; }
    .profile-page .comman-section .right-side-section form label{ margin-bottom: 0.31vw; font-size: 0.73vw;}
    .profile-page .comman-section .right-side-section form .form-control{ border-radius: 0.31vw; padding: 1.05vw 0.8vw;font-size: 0.84vw;}
    .profile-page .comman-section .right-side-section .save-btn{  max-width: 12vw; height: 2.63vw; line-height: 2.63vw; border-radius: 1.31vw; margin: 1.31vw auto; font-size: 0.84vw; }



    .error_elemenet{ height: 100vh;}
    .error_body .error-sec{ max-width: 36vw; }
    .error_body .heading{font-size: 12.10vw; }

    .error_body .not-found-txt{ font-size: 1.57vw;  padding: 1.57vw 0px; }
    .error_body .description {  font-size: 0.84vw; margin-bottom: 1.57vw;  }


    /* --------------Location-second------------------ */
    .google-map{width:100%; /* height:100vh; */ height:100%;}
    .location-left-box{width:23.15vw;}
    .itinerary-info-first-box{padding:1.68vw 1.57vw 1.31vw;}
    .itinerary-info-first-box .location-search{margin: 1.05vw 0px;}
    .itinerary-info-first-box .location-search .gps-btn{width: 1.84vw; height: 2.26vw; }
    .itinerary-info-first-box .location-search .gps-btn img{padding:0.35vw;}
    .itinerary-info-first-box .location-search .input-group{width: 14.31vw; height: 2.36vw; margin:0px 0.25vw;}
    .itinerary-info-first-box .location-search .input-group .form-control{font-size:0.74vw;}
    .itinerary-info-first-box .location-search .input-group .input-group-text{width:2.64vw;}
    .itinerary-info-first-box .location-search .cross{font-size:2vw;}

    .itinerary-info-first-box .location-search  .name-location{font-size:0.74vw;}
    .itinerary-info-first-box .location-search  .map-view { border-radius: 0.69vw;padding:0.15vw 0.52vw; font-size:0.74vw; margin: 0px 0px 0px 0.52vw;}
    .itinerary-info-first-box .location-search  .map-view img{width:0.94vw;margin-right:0.42vw;}
    .itinerary-info-first-box .location-search  .map-color img{width:0.78vw;}

    .location-info-field{height:36.84vw; }
    .basic-info-forms .office-data{padding: 1.05vw 1.73vw;}
    .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {  width: 0.52vw;}
    .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail { width: 0.52vw;}

    /* fond-local-painter */
    .local-painter{padding: 1.57vw 0px 0.52vw;}
    .local-painter .code-data{padding:1.05vw 0px;}
    .local-painter .code-data  .location-search .name-location{font-size:0.84vw;}
    .local-painter .code-data  .location-search  .input-group{width:17.25vw;}

    .location-view-painter{padding:2.37vw 0px ;}
    .location-view-painter .heading{font-size:1.26vw;margin-bottom:0.54vw;}

    /* review */

    .rating a{font-size:2.38vw;}
    .rating2 { margin-bottom:1.57vw;}


    /* office-details */
    .office-location{ height: 24.63vw;}
    .office-location .office-data-location .menu-item{margin-bottom:1.10vw !important; font-size:0.84vw !important;}
    .our-team-section{padding:3.68vw 0px !important;}

    .review-data{padding:1.57vw 0px;}
    .review-data .about-title{max-width:22.36vw; margin:0px auto 1.57vw; }

    .review-item{padding:0.78vw 1.05vw;border-radius:0.31vw;width: 18.68vw; min-height: 16.57vw; margin:1.05vw auto;}
    .review-item::before{bottom:-0.69vw;left:0.78vw;  border-left:0.74vw solid transparent;  border-right: 0.74vw solid transparent; border-top: 0.78vw solid rgb(246, 248, 252);}
    .review-item .description{font-size:0.74vw;  margin-bottom:1.05vw;}
    .review-star{ margin-bottom:0.25vw;}
    .review-star .quote{width:2.10vw!important; height:2.10vw;}
    .review-star .rating a{font-size:0.94vw;}
    .review-names{padding-left: 2.73vw; padding-top: 0.25vw;}
    .review-names .name-one{font-size:0.74vw;}
    .review-names .date-one{font-size:0.64vw;}

    .review-data .owl-theme .owl-dots .owl-dot span{width: 0.74vw;  height: 0.74vw; margin:0px 0.25vw; }
    .review-data  .owl-theme .owl-dots{padding-top:1.31vw;}

    .about-ofice .about-title{margin-bottom:1.84vw;}

    /* view scheduled apponitment */
    .table-data  thead{font-size:0.94vw;}
    .table tbody tr{font-size:0.84vw;}
    table tbody tr td:nth-child(3), table tbody tr td:nth-child(4){font-size:0.74vw;}
    .table tbody tr td{padding:0.52vw 0.25vw; }
    .table thead tr th{padding:0.94vw 0.52vw;}
    .table thead tr th:nth-child(1), .table tbody tr td:nth-child(1){width:15%;}
    .table thead tr th:nth-child(2), .table tbody tr td:nth-child(2){width:15%;}
    .table thead tr th:nth-child(3), .table tbody tr td:nth-child(3){width:20%;}
    .table thead tr th:nth-child(4), .table tbody tr td:nth-child(4){width:30%;}
    .table thead tr th:nth-child(5), .table tbody tr td:nth-child(5){width:20%;}
    .btns-data .cancel-btns{height: 1.10vw; line-height:1.10vw;padding:0px 0.42vw; font-size:0.64vw; border-radius:1.05vw;}
    .btns-data .Reschedule-btns-bg{margin-left:0.25vw;}

    .btns-data.view-btn-block a { width: 1.47vw; height: 1.47vw;}
    .edit-btns { border-radius: 0.31vw; font-size: 0.63vw; padding: 0.22vw 0.31vw;}

    /* review-page */
    .review{padding:4.64vw 0px 2.05vw;}
    .review .review-panel .review-first{margin-bottom:1.05vw;}
    .review .review-panel .review-first .review-item{margin:0px auto 1.05vw; width: 18.68vw;}
    .review .review-panel .review-second{margin-top: -11.25vw;}
    .review .review-panel .review-three{margin-top:-5.5vw;}
    .review .review-panel .review-four{margin-top:0.78vw;}
    .review .review-panel .review-names { padding-left: 1.23vw;}

    /* pagination */

    .pagination .page-link {  font-size: 0.84vw;  padding:0.35vw 0.89vw; }

    /* blog page */


    .blog-panel .select-caregory{ padding: 1.31vw 0px;}
    .blog-panel .select-caregory .form-group label{ font-size: 0.84vw; }
    .blog-panel .select-caregory .form-group .custom-select { font-size: 0.73vw; margin-left: 1.05vw; padding: 0.42vw 1.31vw 0.42vw 0.42vw; background-size:0.73vw; max-width: 10.78vw; height: 2.36vw; }
    .blog-card{ padding-bottom: 1.57vw; max-width: 20.52vw;}
    .category-box{ margin-bottom: 0.52vw; }
    .category-box .category-name{ font-size: 0.73vw; width: 50%;  }


    /* blog detail  */


    .blog-detail-page{ padding-top: 2.10vw;  }

    .blog-detail-page .blog-detail{ max-width: 35.89vw; }
    .blog-detail-page .blog-detail .blog-img{ height: 25.05vw; margin-bottom: 2.10vw; }
    .blog-detail-page .blog-detail .category-box .card-title { font-size: 0.73vw;}
    .blog-detail-page .blog-detail  .card-text{ font-size: 1.05vw; margin-bottom: 0.78vw;}
    .blog-detail-page .blog-detail .decription{ font-size: 0.73vw; padding-bottom: 1.57vw; }

    .comment-box{ margin-top: 4.73vw; }
    .comment-box .media{ margin-bottom: 0.78vw; }
    .comment-box .media img{ width: 1.89vw; height: 1.89vw; margin-right: 0.52vw;}
    .comment-box .media .user-name{ font-size: 0.94vw;  margin: 0.52vw 0px 0.25vw; }
    .comment-box .media .media-description { font-size: 0.73vw;}

    .comment-box .type-your-comment{ padding-bottom: 1.05vw;}
    .comment-box .type-your-comment .form-group{ margin-bottom: 0.78vw; }
    .comment-box .type-your-comment .form-control{  padding: 0.52vw 0.78vw; height: 2.84vw; border-radius: 1.57vw; font-size: 0.63vw;}
    .comment-box .type-your-comment .submit-btn{ max-width: 7.05vw; padding: 0.52vw 0px; border-radius: 1.31vw; font-size: 0.84vw;}


    .contact-us-page { padding: 4.57vw 0px;}
    .cantact-form .form-group{ margin-bottom: 0.68vw; }
    .cantact-form label{ font-size: 0.73vw; margin-bottom: 0.42vw; }
    .cantact-form .form-control { border-radius: 0.31vw;  max-width: 30.73vw; padding: 1.05vw; font-size: 0.84vw;}
    .cantact-form .submit-btns{ max-width: 12.05vw; height: 2.63vw; font-size: 0.84vw; border-radius: 1.31vw; margin: 1.57vw auto; }
    .contact-content {  max-width: 29.68vw;  }
    .contact-content .about-title{ margin-bottom: 1.57vw; }
    .contact-content .contact-description{  font-size: 1.05vw;  margin-bottom: 1.89vw; }
    .contact-content .contact-img{ border-radius: 0.31vw; height: 21.26vw; }
    .contact-content .contact-img img {  border-radius: 0.31vw;  }


    /* estimate-detail */

    .view-estimate .section-T{font-size:1.31vw;margin-bottom: 0.52vw;}
    .view-estimate .T-title{font-size: 1.57vw; margin-bottom: 1.05vw; }
    .section_table .table tbody td{font-size: 0.64vw;}
    .Kitchen-T{font-size: 0.89vw; }
    .section_table .table tbody tr td:nth-child(1){width:12%;}
    .section_table .table tbody tr td:nth-child(2){width:12%;}
    .section_table .table tbody tr td:nth-child(3){width:15%;}
    .section_table .table tbody tr td:nth-child(4){width:15%;}
    .section_table .table tbody tr td:nth-child(5){width:10%;}
    .section_table .table tbody tr td:nth-child(6){width:15%;}
    .section_table .table tbody tr td:nth-child(7){width:15%;}
    .section_table .table tbody tr td:nth-child(8){width:10%;}

    .toatl-est{max-width:12.10vw; padding-bottom: 1.57vw;}
    .toatl-est p{font-size: 0.74vw;}

    .profile-page .esti-signup .save-btn, .sign-modal .sign-save-btn .save-btn{border-radius:0.31vw !important; max-width: 9.89vw !important; }

    .sign-modal .modal-header .modal-title{font-size: 1.10vw; }
    .sign-modal  .sign-text{ height: 11.47vw ;  margin-bottom: 1.05vw; }
    .sign-modal .sign-save-btn .cancel-span{ font-size: 1vw; padding:0px 1.05vw;}
    .sign-modal .modal-dialog-centered{ max-width: 44.78vw;}

    /* home-update */
    .location-changes-painter{ min-height:16.21vw;}
    .location-changes-painter .middle-section{ max-width: 25.05vw; padding:1.05vw;}
    .location-changes-painter .middle-section p{font-size: 1.05vw; margin-bottom: 1.05vw;}
    .location-changes-painter .middle-section .input-group{border-radius: 0.31vw; max-width: 14.26vw; height: 2vw;  }
    .location-changes-painter .middle-section .input-group .form-control{font-size: 0.74vw; }

    .location-changes-painter .map-section{width: 34.73vw;  right: 18%; top: 0; opacity: 0.5;}


    /* job page */
    .job-pages .table thead tr th:nth-child(1), .job-pages .table tbody tr td:nth-child(1){width:15%;}
    .job-pages .table thead tr th:nth-child(2), .job-pages .table tbody tr td:nth-child(2){width:25%; text-align: left;}
    .job-pages .table thead tr th:nth-child(3), .job-pages .table tbody tr td:nth-child(3){width:15%;}
    .job-pages .table thead tr th:nth-child(4), .job-pages .table tbody tr td:nth-child(4){width:15%;}
    .job-pages .table thead tr th:nth-child(5), .job-pages .table tbody tr td:nth-child(5){width:15%;}
    .job-pages .table thead tr th:nth-child(6), .job-pages .table tbody tr td:nth-child(6){width:15%;}

    /* job-detail-page */
    .upload_pic{max-width:48.31vw;padding:0.52vw 0px;}
    .upload_pic .owl-carousel .item{ border-radius: 0.31vw;width: 7.09vw; height: 6.84vw;}
    .user-img-upload .img-upload{ border-radius: 0.31vw;max-width: 10.78vw; height: 10.78vw; margin: 0px auto 0.52vw;}
    .right-walls{ margin-bottom:0.52vw; padding: 0.52vw 1.05vw;}

    .upload_pic .owl-nav .prev { margin-left: -0.17vw;}
    .upload_pic .owl-nav .prev img { width:1.05vw; height:1.05vw;}
    .upload_pic .owl-nav .prev.next { margin-right: -1.08vw;}

    /*  */
    .view-estimate .nav-pills{/* padding-top:2.10vw; */}
    .view-estimate .nav-pills .nav-link{margin-right:0.52vw; font-size: 1.29vw;padding:0.52vw;}

    .view_job_detail .Est-section .right-side-section{min-height:36.84vw;}

    .view_job_detail .Est-section1 .table thead tr th {padding: 0.62vw 0.78vw;}
    .view_job_detail .Est-section1 .table tbody tr td{padding: 0.62vw 0.78vw; font-size: 0.84vw;}

    .review-btn{border-radius: 0.31vw;  width: 5.57vw;font-size: 0.74vw; height: 1.73vw;}

    .rating-star{margin-bottom: 1.31vw;}
    .rating-star li img{width:1.84vw;height:1.84vw;}

    .view_job_detail  .p-frame{font-size: 0.94vw; margin-bottom: 1.05vw;}
    .view_job_detail  .time-dates{ font-size: 1vw; }
    .view_job_detail  .time-dates span{font-size: 0.62vw;padding-bottom:0.52vw;}

    .invoices .table thead tr th:nth-child(1), .invoices  .table tbody tr td:nth-child(1){width:10%;}
    .invoices .table thead tr th:nth-child(2), .invoices  .table tbody tr td:nth-child(2){width:20%;}
    .invoices .table thead tr th:nth-child(3), .invoices  .table tbody tr td:nth-child(3){width:30%;}
    .invoices .table thead tr th:nth-child(4), .invoices  .table tbody tr td:nth-child(4){width:15%;}
    .invoices .table thead tr th:nth-child(5), .invoices  .table tbody tr td:nth-child(5){width:15%;}
    .invoices .table thead tr th:nth-child(6), .invoices  .table tbody tr td:nth-child(6){width:15%;}

    .view_job_detail .p-totals p{margin-right:  1.31vw;font-size: 1.05vw; margin-bottom: 0.52vw; }
    .estimates-page-pdf .Est-section .frame-top{height:7.68vw; }


    /* locationpage design */
    .location-map {padding:3.15vw 0px;}
    .location-map .map-section{padding:0.85vw; }

    .office-section{padding:2.64vw 0px;}
    .office-section .sales-title{font-size: 1.05vw;}
    .office-section .office-left{padding:1.05vw; }
    .office-section .office-left .media-img{width:7.89vw; height:7.89vw; margin-right: 1.57vw;}
    .office-section .office-left .description{font-size: 0.74vw; margin-bottom: 1.57vw; }

    .right-side-office h2{ margin-bottom: 1.05vw; font-size: 1.26vw;}

    .right-side-office .step-data li .nos-data{margin-right: 1.05vw; width:1.84vw; height:1.84vw; font-size: 0.84vw;}
    .right-side-office .step-data li span + span{font-size: 0.84vw;}
    .right-side-office .step-data li{margin-bottom: 1.05vw;}


    /* new section css */

    .quote-btn { max-width: 17.1vw !important; margin-top: 1.05vw !important; }

    .paitner-img { height: 14.47vw; }
    .ptext { font-size: 1.05vw; margin: 0.63vw 0px 0px; }
    .ptext span + span {  padding-left: 0.52vw;}
    .houston-painter-content .hp-heading{ font-size: 1.26vw; margin-top: 2.10vw; margin-bottom: 1.57vw; }
    .ss-box { padding: 0.52vw; }
    .ss-comment-box { padding: 0.78vw; border-radius: 0.52vw; margin-bottom: 2.05vw;}
    .ss-comment-box .ss-top { margin-bottom: 0.52vw; }
    .ss-comment-box .quate-img { width: 1.47vw; height: 1.47vw; }
    .ss-comment-box .rating-ul li { width: 0.84vw; height: 0.84vw; margin-left: 0.10vw; }
    .ss-comment-box .ss-text { font-size: 0.63vw; }
    .name-date .name { font-size: 0.84vw; line-height: 1.26vw; }
    .name-date .date { font-size: 0.63vw; }
    .houston_painter-section .about-title { font-size: 1.57vw; }


    /* request-a-quote new design */


    .schedule-appointment-new .setup-content { border-radius: 1.05vw; min-height: 23.36vw; max-width: 57.84vw; margin: 0 auto 0.52vw; padding: 1.84vw 1.31vw; }
    .schedule-appointment-new .nextBtn.step-btn{ border-radius: 0.31vw !important; max-width: 10.05vw !important; }
    .schedule-appointment-new .submit-btn.backBtn { margin-top: 1.05vw;}

    .top-row { margin-bottom: 2.10vw; }
    .top-row .step-title { font-size: 1.89vw; }
    .interior-step-one { margin-bottom: 1.57vw; }
    .schedule-appointment-new .form-control {padding: 0.63vw 0px; font-size: 0.84vw; }
    .info-heading a {  width: 1.05vw; height: 1.05vw; margin-left: 0.52vw; margin-top: 0.35vw; }

    .tooltip-box { border-radius: 1.05vw; width: 18.42vw; min-height: 23.36vw; padding: 0.63vw; }
    .tooltip-box .tb-img-box {  border-radius: 0.52vw; height: 12.89vw;  }
    .tooltip-box .tb-content-block { margin-top: 0.52vw; }
    .tooltip-box .tb-content-block p { font-size: 0.73vw; margin-bottom: 0.52vw; }
    .tooltip-box ol { padding-left: 1.05vw; }
    .tooltip-box ol li { font-size: 0.73vw; }

    .progress-block .progress-text { font-size: 0.84vw; margin-left: 0.52vw; }
    .progress-block .progress { border-radius: 0.42vw; width: 16.31vw; height: 1.36vw; padding: 0.25vw; }
    .progress-block .progress-bar { border-radius: 0.15vw; height: 0.84vw; }

    .tooltip-box-full-img.tooltip-box .tb-img-box {  border-radius: 1.05vw;  }

    .schedule-appointment-new .form-section .small-redio-btn [type="radio"]:checked + label span,
    .schedule-appointment-new .form-section .small-redio-btn [type="radio"]:not(:checked) + label span { font-size: 0.73vw; }

    .schedule-appointment-new  .col-form-label { font-size: 0.84vw; }
    .schedule-appointment-new .form-group { margin-bottom: 1.05vw; }
    .step-common-block .form-group { margin-bottom: 1.57vw; }
    .schedule-appointment-new .heading.text-left { margin-bottom: 1.26vw !important;  }
    .que-text { font-size: 0.84vw; margin-bottom: 1.57vw; }
    .ans-text { font-size: 0.84vw; margin-bottom: 1.57vw; }
    .ans-box table th p { margin-bottom: 1.57vw; font-size: 0.84vw; }
    .amount-block .total-amount { font-size: 1.57vw; margin-bottom: 0.78vw; }
    .amount-block .pay-amount { font-size: 1.36vw; margin-bottom: 0.78vw; }
    .amount-block .note { font-size: 1.05vw; margin-bottom: 0.78vw; }
    .btn-box1 .pay-img a{ width: 7.89vw; margin: 1.05vw auto; }

    .small, small { font-size: 0.63vw;}
    .subans-text {  font-size: 0.84vw; }

    .submit-btn-block { padding-bottom: 2.63vw; margin-bottom: 2.63vw; }
    .submit-btn-block .btn {  margin: 0px 0.52vw; height: 2.63vw; font-size: 0.84vw; border-radius: 0.31vw !important; max-width: 10.05vw !important; }
    .step-common-block .sub-text { font-size: 0.84vw; margin-bottom: 1.57vw;  }

    .select2-container--default .select2-selection--single { padding: 0.63vw 0px; font-size: 0.84vw; }
    .select2-search--dropdown {font-size: 0.84vw !important; }
    .select2-results__option { padding: 0.31vw 0.52vw !important;  font-size: 0.84vw; }

    .submit-btn-block-bottom { padding-top: 2.10vw !important; }


    /*  */

    .detail-section { border-radius: 0.52vw; margin-bottom: 1.31vw; padding: 1.57vw 0.78vw; }
    .detail-section .detail-box { border-radius: 0.52vw; max-width: 25.52vw; padding: 1.05vw 0.52vw; }
    .detail-section .detail-box .title { font-size: 0.94vw; }
    .padding-block { padding: 0px 0.78vw; }

    .info-l { margin-bottom: 0.52vw; font-size: 0.73vw; margin-bottom: 0.10vw; }
    .info-l img { width: 0.94vw; height: 0.94vw; margin-right: 0.52vw; margin-top: 0.42vw; }

    .padding-block .edit-btn { font-size: 0.73vw; margin-top: 0.25vw; }

    .pay-text { font-size: 0.68vw; padding: 0.52vw; border-radius: 0.31vw; height: 2.89vw; }
    .pay-text span.img_span { width: 1.15vw; height: 1.15vw; padding: 0.10vw; margin-right: 0.42vw; }
    .pay-text img { width: 0.73vw; height: 0.73vw;  }

    .ptitle { font-size: 0.73vw; margin: 0.52vw 0px; }
    .payment-info-box .form-control { border-radius: 0.10vw; padding: 0.52vw 0.78vw !important; font-size: 0.73vw !important; }
    .payment-info-box label { font-size: 0.73vw; margin-bottom: 0.10vw; }
    .payment-info-box .form-group { margin-bottom: 1.05vw !important; }
    .payment-info-box .form-group img.card-img { width: 10.52vw; margin-left: 0.52vw;  }
    .payment-info-box .form-group img.i-img { width: 1.05vw; height: 1.05vw; margin-left: 0.52vw; }
    .payment-info-box .ex-date { font-size: 0.73vw;}
    .payment-info-box .ex-date span.dash { margin: 0px 0.52vw; }

    .price-detail p { font-size: 0.73vw;}
    .price-detail p span + span { padding-left:0.52vw; }
    .Subtotal-block { padding: 0.78vw 0.78vw; }

    .price-detail p.due-pay { margin-bottom: 0.52vw; }
    .price-box1 { min-height: 5.26vw; padding: 0.52vw 0.78vw; }
    .price-box2 { padding: 0.52vw 0.78vw; }

    .booknow {  font-size: 0.84vw; border-radius: 0.31vw; max-width: 13.47vw; padding: 0.47vw; margin: 1.57vw auto; }

    .checkbox-row {margin-bottom: 1.05vw;  }
    .checkbox-row .custom-check-box { margin-bottom: 1.05vw; }
    .checkbox-row .check-boxs { margin-bottom: 0.94vw; }
    .checkbox-row .checkbox { padding-left: 1.31vw; font-size: 0.84vw; }
    .checkbox-row .checkmark { top: 0.10vw; height: 0.89vw; width: 0.89vw;  }

    .checkbox-row .checkmark::after {left: 0.25vw; width: 0.25vw; height: 0.55vw; }

    .content-block { margin-bottom: 1.57vw; }
    .content-block .cbox { margin-bottom: 1.05vw; }
    .content-block .cbox h4 {font-size: 0.84vw; margin-bottom: 0.52vw; }
    .content-block .cbox p { font-size: 0.73vw; margin-bottom: 0.52vw; }

    .faq-block h2 { font-size: 1.26vw; margin-bottom:1.05vw; }

    .faq-block .card-header { padding:1.05vw 0px; }
    .faq-block .card-header .btn-link{ font-size: 0.84vw; }
    .faq-block .faq-card-body p{ font-size: 0.73vw; margin-bottom: 0.52vw; }
    .faq-block .card-header a:before { padding-right: 0.25vw; }

    .service-detail hr {margin-top: 0.84vw; margin-bottom: 0.84vw;}


    /* date picker */

    .datepicker th.datepicker-switch { width: 7.63vw; font-size: 0.84vw;}
    .datepicker-inline { max-width: 27.36vw;}
    .datepicker th, .datepicker td { font-size: 0.73vw; height: 2.63vw !important; }

    .ans-box-multiple table th, .ans-box-multiple table td { font-size:0.84vw; }

    .view_online_estimated_detail { padding: 8.42vw 0px 4.21vw;}
    .view_online_estimated_detail .step-title { font-size: 1.57vw; }
    .view_online_estimated_detail .heading  { font-size: 1.57vw; margin-bottom: 1.57vw; }
    .view_online_estimated_detail .interior-step-one { padding:1.57vw; }
    .estimates-page-pdf .interior-step-one { padding:1.57vw;  }

    /**/

    .attatchment-from .form-control { border-radius: 0.31vw; padding: 1.05vw 0.78vw; font-size: 0.84vw; }
    .attatchment-from .save-btn { max-width: 12.05vw; height: 2.63vw; line-height: 2.63vw; border-radius: 1.31vw; margin: 1.31vw auto; font-size: 0.84vw; }
    .sign-estimates { max-width: 13.15vw; height: 2.63vw; line-height: 2.63vw; border-radius: 1.31vw; margin: 1.31vw auto; font-size: 0.84vw; }

    .interior-step-one textarea.form-control { padding: 0.63vw; resize: unset; border: 1px solid #ced4da !important; }



}


@media (min-width: 2500px){

    .schedule-appointment-new .form-section .small-redio-btn [type="radio"]:checked + label,
    .schedule-appointment-new .form-section .small-redio-btn [type="radio"]:not(:checked) + label { font-size: 0.84vw; padding-left: 1.31vw;  margin-right: 1.05vw; }
    .schedule-appointment-new .form-section .small-redio-btn [type="radio"]:checked + label::before,
    .schedule-appointment-new .form-section .small-redio-btn [type="radio"]:not(:checked) + label::before { width: 0.78vw; height: 0.78vw; top: 0.15vw; }
    .schedule-appointment-new .form-section .small-redio-btn [type="radio"]:checked + label::after,
    .schedule-appointment-new .form-section .small-redio-btn [type="radio"]:not(:checked) + label::after {width: 0.47vw; height: 0.47vw; top: 0.3vw; left: 0.17vw; }

}


@media (min-width: 2800px){

    .schedule-appointment-new .form-section .small-redio-btn [type="radio"]:checked + label::after,
    .schedule-appointment-new .form-section .small-redio-btn [type="radio"]:not(:checked) + label::after {
        top: 0.31vw;
        left: 0.16vw;
    }


}



@media (min-width:4000px){

}

@media (max-width: 1170px) {

    #btn.active { right: -106px;}


}

@media (max-width: 1081px) {

    #btn.active {
        right: -62px;
    }

}

@media (max-width: 1024px) {
    #btn.active {
        right: -35px;
    }
}




@media (max-width: 1199px) {

    header{top:20px;}
    .first-section-home, .first-section-home .carousel-item { height: 650px;}
    .zip-code-section .zip-title{font-size:22px;}
    .second-section-index{padding:30px 0px;}
    .painting-data .heading{font-size:26px; margin-bottom: 30px }
    .painting-data .middle-section .description { font-size: 16px;}
    .painting-data .middle-section .left-side{height: 560px;}
    .about-title {font-size: 26px;}
    .about-title img {width: 110px; margin-left: -42px;}
    .painting-data .middle-section .right-side{padding: 0px 35px 45px;}
    .common-first-section{padding: 20px 0px;}
    .common-first-section .middle-section .services-section{padding: 30px 0px;}
    .common-first-section .middle-section .first-service .title-first{font-size: 20px;}
    .drop-img{height: 130px;}
    .blog-section .about-title{margin: 0px 0px 35px;}
    /*.card .view .card-img-top { height: 230px;}*/
    /* .card .card-body .card-text{font-size: 16px;} */
    .loaction-section{padding: 10px 0px 15px;}
    .footer-section .right-section li .menu-section{font-size:14px;}
    .second-section .description, .third-section .description{font-size:16px;}
    .second-section .image-box{height:400px;}
    .second-section{padding: 45px 0px;}
    .third-section .video-box{height: 265px;}
    .common-drop.other-page .services-section{width:100%;}
    .common-section{height: 295px;}
    .location-support .best-support-img{padding: 56px 0px 40px;}
    .paint-vedio{width: 800px; margin: 25px auto 15px; height: 380px;}
    .data_team .item {width: 100%;}
    .map{height:350px;}
    .paint-middle {width: 272px;}
    .choose-one .number-data{width: 55px; height: 55px;font-size: 20px; margin-left: 15px;padding: 13px;}
    .choose-one.choose-two .number-data{ margin-right: 15px;}
    .choose-one .data-pro{font-size:16px;}
    .choose-one .data-info { font-size: 13px;}
    .middle-data-choose { padding: 25px 0px 20px;}
    .choose-one-data {padding: 20px 0px 30px;}
    .paint-data-contine .left-side .description { font-size: 14px;}
    .paint-data-contine .left-side .heading-one{font-size: 22px;  margin-bottom: 10px;}
    .paint-promise{padding: 35px 0px;}
    .privacy-data .privacy-data-term { width: 85%;}
    .privacy-data .privacy-data-term .description {font-size: 14px; margin-bottom: 15px;}
    .privacy-data .privacy-data-term .heading-data {font-size: 18px;}
    .privacy-data { padding: 20px 0px;}
    .schedule-appointment .thankyou-page .thankyou-img img {  width: 85%;}

    .profile-page .comman-section .left-side-section { min-height: 100%; margin: 0px auto 20px;}
    .profile-page { padding: 130px 0px 80px;}
    .profile-page .comman-section .right-side-section {margin: 0px auto;}
    .profile-page .comman-section .right-side-section.table-data {  width: 820px; max-width:unset; }
    .profile-page .comman-section .right-side-section .save-btn{ margin-bottom: 10px; }
    .office-data .title { font-size: 18px;}
    .office-data .data-location .menu-item{font-size:12px;}
    .office-data{margin: 15px 5px;}

    .location-left-box{position: absolute; z-index: 1;top: 0px;left: -440px; width:440px; transition: 0.5s; box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15);}
    .closebtn{position: absolute; top: 0; right: 10px;z-index: 1; font-size: 36px; color:#000;}
    .location-section{width: 100%; position: relative; overflow: hidden; /* height:900px; */}
    .side-btn-data{position: absolute;left:0px}
    .toggle-btn {position: absolute;top: 0;background-color:  rgb(255, 255, 255); color: #000; padding: 8px 15px;z-index: 1;}
    .location-section .google-map {height: 700px;}
    .location-info-field {height: 660px; margin-bottom: 20px;}
    .local-painter { padding: 10px 0px;}
    .local-painter .code-data{padding:10px 0px;}
    .location-view-painter{padding: 25px 0px 0px;}
    .location-view-painter .heading{margin-bottom:0; font-size: 22px;}
    .review .review-panel .review-first .review-item{width:290px;}
    .review .review-panel .review-three{margin-top: -14%;}
    .review .review-panel .review-second { margin-top: -30%;}

    .login-form .heading { padding-top: 0px; }

    .comment-box { margin-top: 40px;}
    .blog-detail-page{ padding-top: 20px; }
    .blog-detail-page .blog-detail .blog-img { margin-bottom: 20px;}
    .blog-detail-page .blog-detail .decription { padding-bottom: 20px;}
    .comment-box .media { margin-bottom: 5px;}

    .contact-content .contact-description { font-size: 16px;}
    .contact-content .contact-img { height: 320px;}
    .cantact-form .form-control { font-size: 14px;}
    .contact-content .about-title {  margin-bottom: 20px; margin-top: 20px; }

    .right-menu { height: 80px;}

    .view_job_detail .Est-section .right-side-section{min-height:300px;}

    .invoices .table thead tr th:nth-child(1), .invoices  .table tbody tr td:nth-child(1){min-width:100px; width:100%;}
    .invoices .table thead tr th:nth-child(2), .invoices  .table tbody tr td:nth-child(2){min-width:200px; width:100%;}
    .invoices .table thead tr th:nth-child(3), .invoices  .table tbody tr td:nth-child(3){min-width:200px; width:100%;}
    .invoices .table thead tr th:nth-child(4), .invoices  .table tbody tr td:nth-child(4){min-width:150px; width:100%;}
    .invoices .table thead tr th:nth-child(5), .invoices  .table tbody tr td:nth-child(5){min-width:200px; width:100%;}
    .invoices .table thead tr th:nth-child(6), .invoices  .table tbody tr td:nth-child(6){min-width:150px; width:100%;}

    .office-section .office-left{margin-bottom: 30px;}
    .location-map {padding: 30px 0px;}

    .paitner-img {  height: 370px;}
    .paitner-img img { object-position: top; }
    .houston-painter-content .hp-heading { margin-top: 30px;}


    .schedule-appointment .login_section { padding: 155px 0px 95px;}

    .schedule-appointment .heading { font-size: 26px;}
    .schedule-appointment .form-section [type="radio"]:checked + label, .schedule-appointment .form-section [type="radio"]:not(:checked) + label { font-size: 16px;}
    .top-row .step-title { font-size: 28px;}
    .schedule-appointment-new .form-control { padding: 10px 0px; font-size: 14px;}

    .schedule-appointment-new .nextBtn.step-btn {max-width: 140px !important;}
    .schedule-appointment .submit-btn { height: 42px; font-size: 14px; }
    .progress-block .progress-text { font-size: 14px;}
    .interior-step-one { margin-bottom: 25px;}
    .schedule-appointment-new .form-section .small-redio-btn [type="radio"]:checked + label, .schedule-appointment-new .form-section .small-redio-btn [type="radio"]:not(:checked) + label {
        font-size: 14px;}
    .schedule-appointment-new .form-section .small-redio-btn [type="radio"]:checked + label span, .schedule-appointment-new .form-section .small-redio-btn [type="radio"]:not(:checked) + label span { font-size: 12px;}
    .schedule-appointment-new .col-form-label { font-size: 14px;}
    .que-text { font-size: 14px; margin-bottom: 24px;}
    .ans-text { font-size: 14px;  margin-bottom: 24px;}
    .subans-text { font-size: 14px;}
    .ans-box table th p { margin-bottom: 20px;}

    .amount-block .total-amount { font-size: 24px; margin-bottom: 12px;}
    .amount-block .pay-amount { font-size: 20px;  margin-bottom: 12px;}
    .amount-block .note { font-size: 18px;  margin-bottom: 12px;}
    .btn-box1 .pay-img a {  width: 135px; margin: 16px auto 0px;}

    .info-heading a { margin-top: 5px;}
    .tooltip-box { width: 300px; min-height: auto; top: 108px;}
    .tooltip-box .tb-content-block p { font-size: 12px; line-height: 1.7;}
    .schedule-appointment-new .setup-content { min-height: 390px;}

    .detail-section .detail-box .title { font-size: 16px;}
    .info-l img {width: 16px; height: 16px; margin-top: 6px;}
    .faq-block h2 { font-size: 20px;}

    .booknow { font-size: 14px; max-width: 205px;}

    .submit-btn-block .btn { height: 42px; max-width: 150px !important; font-size: 14px;}
    .submit-btn-block { padding-bottom: 35px; margin-bottom: 35px;}

    .ans-box-multiple table th, .ans-box-multiple table td { font-size:14px; }


}

@media (max-width: 991px) {
    .zip-code-section .input-group{width:560px;}
    .first-section-home, .first-section-home .carousel-item { height: 550px;}
    .painting-data .middle-section{display: block; padding-bottom:20px;}
    .painting-data .middle-section .left-side { height: 260px; width:100%;}
    .zip-code-section .input-group .input-group-text{line-height:50px;}
    .painting-data .middle-section .right-side { padding: 1px 20px 45px;width: 100%;}
    .common-first-section .middle-section .services-section{flex-wrap: wrap; justify-content: space-around; padding: 30px 0px 0px;}
    .common-first-section .middle-section .first-service{margin-bottom:35px;}
    .footer-logo img{margin:0px auto 30px; display: block;}
    .social-logo{justify-content:center; margin-bottom:30px;}
    .footer-section .right-section{padding-left:0px;}
    .second-section .image-box{max-width:100%; height: 300px; margin-bottom:20px;}
    .about-title { font-size: 22px;}
    .second-section .description, .third-section .description { font-size: 14px;}
    .second-section { padding: 30px 0px;}
    .third-section .video-box{max-width:100%; margin-bottom:30px;}
    .third-section, .location-support .best-support-img{padding: 40px 0px 30px;}
    .third-section .send-btns { margin-top: 30px;}
    .paint-vedio { width: 100%; height: 310px;}
    .data_team .item .Team_img{height:210px;}
    .our-team {  padding: 0px;}
    .map-data-location { padding: 20px 0px 40px;}
    .location-support .best-support-img, .second-data-panel .color-paint{background: none;}
    .address-name{display: flex; justify-content: center;}
    .address-name .name-data{padding:0px 30px;}
    .choose-one .media-body{text-align: left; order:2;}
    .choose-one .number-data{margin-right: 15px; margin-left:0px;}
    .choose-one-data .choose-one {padding: 0px 0px 50px;}
    .choose-one-data{padding:20px 0px 0px;}
    .privacy-data .privacy-data-term {width:100%;}
    header .navbar-brand { height: 65px; width: 200px; padding: 10px;}
    .request-quote{padding-top: 6px; height: 50px; width: 154px; font-size: 12px;}
    .address-data .about-title{text-align: center;}
    .about-sec .our-team { padding: 0px;}

    .login_page{  height: 70vh;}

    .availability-box .question {font-size: 20px;}
    .availability-box .date-schedule .month-txt {font-size: 20px;}
    .availability-box .date-schedule .date-box {  width: 67px; height: 67px; padding: 8px 6px;}
    .availability-box .date-schedule .date-box .date {font-size: 20px;}
    .availability-box .date-schedule .date-box .week-name { margin-bottom: 6px;}
    .time-schedule .time-box { margin: 0px auto 20px;}
    .schedule-appointment .login_section { padding: 140px 0px 100px;}
    .local-painter .code-data{flex-wrap: wrap;}
    .local-painter .code-data .location-search{margin: 12px 0px;}
    .review-data .about-title{margin: 0px auto 12px;}

    .table thead tr th:nth-child(1), .table tbody tr td:nth-child(1){min-width:100px; width:100%;}
    .table thead tr th:nth-child(2), .table tbody tr td:nth-child(2){min-width:100px; width:100%;}
    .table thead tr th:nth-child(3), .table tbody tr td:nth-child(3){min-width:150px; width:100%;}
    .table thead tr th:nth-child(4), .table tbody tr td:nth-child(4){min-width:250px; width:100%;}
    .table thead tr th:nth-child(5), .table tbody tr td:nth-child(5){min-width:100px; width:100%;}
    .review .review-panel .review-first .review-item { width: 330px;}



    .contact-content .contact-description { font-size: 14px;  margin-bottom: 18px;}
    .contact-content { max-width: 100%;}

    .cantact-form{ margin-top: 30px; display: block; }
    .cantact-form .form-control{ max-width: 100%; }
    .cantact-form .submit-btns{ margin-bottom: 0px !important; }
    .cantact-form .submit-btns { max-width: 142px; height: 44px; font-size: 14px;}


    .states-outer-wrapper {
        column-count: inherit;
        column-gap: inherit;
    }

    .section_table .table tbody tr td:nth-child(1){width:100%;min-width:150px !important;}
    .section_table .table tbody tr td:nth-child(2){width:100%;min-width:150px !important;}
    .section_table .table tbody tr td:nth-child(3){width:100%;min-width:150px !important;}
    .section_table .table tbody tr td:nth-child(4){width:100%;min-width:150px !important;}
    .section_table .table tbody tr td:nth-child(5){width:100%;min-width:150px !important;}
    .section_table .table tbody tr td:nth-child(6){width:100%;min-width:150px !important;}
    .section_table .table tbody tr td:nth-child(7){width:100%;min-width:150px !important;}
    .section_table .table tbody tr td:nth-child(8){width:100%;min-width:100px !important;}

    .sign-modal .modal-dialog-centered{ max-width: 95%;}

    /* job page */
    .job-pages .table thead tr th:nth-child(1), .job-pages .table tbody tr td:nth-child(1){width:100%;min-width:150px !important;}
    .job-pages .table thead tr th:nth-child(2), .job-pages .table tbody tr td:nth-child(2){width:100%;min-width:250px !important;}
    .job-pages .table thead tr th:nth-child(3), .job-pages .table tbody tr td:nth-child(3){width:100%;min-width:150px !important;}
    .job-pages .table thead tr th:nth-child(4), .job-pages .table tbody tr td:nth-child(4){width:100%;min-width:150px !important;}
    .job-pages .table thead tr th:nth-child(5), .job-pages .table tbody tr td:nth-child(5){width:100%;min-width:150px !important;}
    .job-pages .table thead tr th:nth-child(6), .job-pages .table tbody tr td:nth-child(6){width:100%;min-width:150px !important;}

    .view-estimate .nav-pills .nav-link{font-size:15px;}
    .upload_pic .owl-nav .prev{margin-left: 5px;}

    .crew-member .table thead tr th:nth-child(1), .crew-member .table tbody tr td:nth-child(1){width:100%;min-width:150px !important;}
    .crew-member .table thead tr th:nth-child(2), .crew-member .table tbody tr td:nth-child(2){width:100%;min-width:250px !important;}
    .crew-members .table thead tr th:nth-child(3), .crew-member .table tbody tr td:nth-child(3){width:100%;min-width:250px !important;}
    .crew-member .table thead tr th:nth-child(4), .crew-member .table tbody tr td:nth-child(4){width:100%;min-width:150px !important;}

    .pdf-logo-header{top: 45px;}


    .schedule-appointment .heading { font-size: 20px;}
    .top-row .step-title { font-size: 24px;}
    .progress-block .progress { width: 230px; height: 20px;}
    .progress-block .progress-bar { height: 10px;}
    .schedule-appointment-new .setup-content { min-height: 360px; padding: 25px 20px;}
    .schedule-appointment .form-section .heading { margin-bottom: 25px;}
    .form-section .choose-box { margin: 20px auto;}
    .top-row { margin-bottom: 30px;}
    .zip-code-section .input-group .input-group-text { width: 150px; font-size: 14px; }
    .schedule-appointment .zip-code-section { padding: 10px 0px;}
    .zip-code-section .input-group .form-control { font-size: 14px;}
    .zip-code-section .input-group { width: 460px;}

    .schedule-appointment-new .col-form-label.text-right { text-align: left !important; }
    .step-common-block .form-group { margin-bottom: 25px;}
    .amount-block .total-amount { font-size: 20px;}
    .amount-block .pay-amount { font-size: 18px;}
    .amount-block .note { font-size: 16px;}
    .schedule-appointment .login_section { padding: 140px 0px 40px;}

    .info-heading a { margin-top: 2px;}
    .tooltip-box { top: 90px;}

    .detail-section .detail-box { max-width: 100%;}
    .detail-section { padding: 15px 15px;}
    .detail-section .detail-box.service-detail { margin-bottom: 20px; }
    .booknow { margin: 20px auto;}
    .faq-block .card-header {padding: 12px 0px;}
    .checkbox-row .checkbox { font-size: 14px;}
    .checkbox-row .checkmark { top: 0px;}

    .ans-box-multiple { margin-bottom: 30px;}
    .que-text { margin-bottom: 15px;}
    .interior-step-one { margin-bottom: 20px;}




}


@media (max-width: 767px) {

    #btn.active { right: 0px; }

    .container{max-width: 100% !important;}
    .location-data .location-value .location-name{width:25%;}
    .state-data .state-value .state-name{width:25%;}
    .painting-data .heading { font-size: 22px;  margin-bottom: 22px;}
    .painting-data .middle-section .description {font-size: 14px;}
    .about-title{margin:20px 0px;}
    .painting-data .middle-section .right-side {padding: 12px 20px 45px;}
    .common-first-section .middle-section .services-section{padding: 15px 0px 0px;}
    .card .card-body .card-text { /* font-size: 14px; */ margin-bottom: 10px;}
    .second-section .image-box{height: 260px;}
    .common-section { height: 265px;}
    .common-section .comman-heading { font-size: 22px; margin-top: 85px;}
    .paint-data-contine{display: block;}
    .paint-data-contine .left-side .description{margin-bottom: 20px;}
    .paint-data-contine .left-side { max-width: 100%; text-align: center;}
    .paint-promise {margin-bottom: 10px;}
    .loaction-section {padding: 20px 0px 15px;}

    .login_page{  height: auto; padding: 120px 0px 60px; }

    .schedule-appointment.login_page {  min-height: 600px !important;}
    .schedule-appointment .login_section { padding: 20px 0px 50px;}
    /* .form-section .choose-box { margin: 0px auto;} */
    .schedule-appointment .form-section [type="radio"]:checked + label, .schedule-appointment .form-section [type="radio"]:not(:checked) + label { margin-bottom: 15px;}
    .schedule-appointment .form-section .heading {  margin-bottom: 30px;}
    .schedule-appointment .signup-btn { margin-top: 25px;}
    .schedule-appointment .thankyou-text { font-size: 18px;}


    .profile-page .comman-section .right-side-section form .form-control { padding: 10px 12px;font-size: 14px;}
    .error_body .heading { font-size: 110px;}
    .owl-nav .next{right:-10px; left: auto !important;}
    .owl-nav .prev{left:-10px;}
    .office-data { margin: 15px auto 5px; width:90%}

    .availability-box .date-schedule .date-box { margin-bottom: 10px;}

    .blog-detail-page .blog-detail .blog-img { height: 375px;}
    .comment-box { margin-top: 10px;}
    .view-estimate .T-title{font-size:22px;}
    .sign-modal .modal-header .modal-title {font-size: 20px;}

    .upload_pic .owl-nav .prev {margin-left: -8px;}
    .view_job_detail .time-dates{font-size:16px;}
    .estimates-page-pdf .Est-section .frame-top { height: 90px;}

    .houston_painter-section { padding-top:30px; }

    .schedule-appointment .login_section { padding: 0px 0px 0px;}
    .schedule-appointment-new .setup-content { min-height: 280px;}

    .info-l { line-height: 2;}
    .payment-info-box label { margin-bottom: 0px;}
    .price-box1 { min-height: 70px;}
    .faq-block #accordion { column-count: unset;}


    .submit-btn-block-bottom { padding-top: 26px !important;}
    .submit-btn-block .btn { margin: 0px 5px;}

    .faq-block .faq-card { border-top:none; }
    .faq-block .faq-card:first-child { border-top: 1px solid rgb(223, 223, 223); }


    .estimates-page-pdf .interior-step-one .heading { font-size:22px; }
    .sign-estimates { font-size:14px; }
    .attatchment-from .save-btn { font-size: 14px;}
    .attatchment-from .form-control { padding: 12px 15px; font-size: 14px;}
    .attatchment-from .save-btn { max-width: 116px;}
    .estimates-page-pdf .interior-step-one { padding: 20px;}



}


@media (max-width: 700px) {

    .about-title {font-size: 19px;}


}

@media (max-width: 576px) {

    header .navbar-brand{height: 65px; width: 190px; padding: 12px;}
    header .navbar{height:auto;}
    .first-section-home, .first-section-home .carousel-item {height: 370px;}
    .zip-code-section .zip-title { font-size: 18px;}
    .zip-code-section .input-group .input-group-text{font-size: 14px; width: 130px; }
    .zip-code-section .input-group {width:460px;}
    .zip-code-section .input-group .form-control{font-size:14px;}
    .painting-data .heading { font-size: 20px;}
    .painting-data .middle-section .left-side {height: 230px;}
    .common-first-section .middle-section .first-service .first-img{width: 165px; height: 165px; border: 4px solid rgb(255, 255, 255);}
    .common-first-section .middle-section .first-service .title-first { font-size: 18px;}
    .drop-img { height: 70px;}
    .card{width: 300px; margin: 0px auto 30px;}
    .location-data .location-value .location-name { width: 33.33%;}
    .state-data .state-value .state-name { width: 33.33%;}
    .footer-section .right-section{flex-wrap:wrap; justify-content: center;}
    .footer-section .right-section ul{width:50%; text-align: center;}
    .appoint-btn {margin-top: 20px;}
    .appoint-btn .send-btns{height: 40px; line-height: 40px; font-size:14px;}
    .footer-section{padding:30px 0px 10px;}
    .painting-data .middle-section .right-side { padding: 12px 20px 24px;}
    .about-title {margin: 10px 0px; font-size: 20px;}
    .paint-vedio {height: 280px;}
    .map { height: 275px;}
    .choose-one-data .choose-one {padding: 0px 0px 30px;}
    .second-section .button-box{margin: 30px 0px 10px;}


    .schedule-appointment .login_section { padding: 0px 0px 0px;}
    .comman-form .form-group label {font-size: 18px;}
    .comman-form { max-width: 80%;}
    .profile-page .heading { font-size: 28px;}
    .profile-page .comman-section .right-side-section .save-btn {max-width: 180px;font-size: 14px;}

    .profile-page { padding: 130px 0px 40px;}


    #btn.active #bottom { -webkit-transform: translateY(-9px) rotate(-45deg); -ms-transform: translateY(-9px) rotate(-45deg); transform: translateY(-9px) rotate(-45deg);}
    .error_body .not-found-txt { font-size: 24px; padding: 15px 0px;}
    .error_elemenet{ height: 100%; padding: 20px 0px; }

    .location-view-painter .office-data{padding: 20px 20px 10px;}
    .location-view-painter .heading{font-size: 20px;}
    .rating a{font-size:36px;}
    .office-location {width: 100%; height: 400px;}
    .office-location .office-data-location .menu-item { margin-bottom: 12px !important;font-size: 14px !important;}

    .contact-info a { font-size: 12px;}
    .contact-info a img { width: 16px; height: 16px;}
    .profile-page .esti-signup{flex-wrap: wrap;}


    .location-changes-painter .middle-section p{font-size: 16px;}
    .view-estimate .nav-pills .nav-link {font-size: 13px;}
    .view_job_detail .time-dates span{padding-bottom:3px;}

    .pdf-logo-header{position: relative; top: auto;}


    .schedule-appointment-new .form-section .small-redio-btn { display: block; max-width: 270px; margin: 0px auto; width: 100%; }




}

@media (max-width: 500px){
    .zip-code-section .input-group {  max-width: 380px; width: 100%; }
    /*.card .view .card-img-top {height: 210px;}*/
    .location-data .location-value .location-name{font-size:12px;}
    .state-data .state-value .state-name{font-size:12px;}
    header .navbar-brand { height: auto;  width: 115px;}

    .contact-info .contact-no { border-right: none !important;}
    .painting-data .middle-section .description {font-size: 12px;}
    .send-btns{height: 40px;  line-height: 40px; font-size:14px;}
    .about-title { font-size: 20px;}
    .footer-logo img {width: 176px;}
    #box{width:100%;}
    .common-section { height: 220px;}
    .common-section .comman-heading { font-size: 20px;margin-top: 80px;}
    .second-section .image-box {height: 220px;}
    .second-section .button-box{margin: 30px 0px 10px;}
    .third-section .video-box { height: 230px;}
    .third-section .video-box .play-btn, .paint-vedio .play-btn { width: 50px; height: 50px;}

    .location-support .best-support-img{background-size: contain;}
    .data_team .item .Team_img { height: 170px;}
    .data_team .item .team_name {font-size: 16px;}
    .paint-vedio {height: 220px;}
    .address-name{display: block;}
    .address-name .name-data{font-size:14px; padding: 0px 27px;}
    .about-title img {/* margin-top:-10px; width: 80px; margin-left: -50px; */ margin-top: -2px; width: 65px; margin-left: -65px; }
    .painting-data .middle-section .read-more{font-size:12px;}
    .privacy-data .privacy-data-term .description {font-size: 12px;}

    .comman-form .form-group label {font-size: 18px;}
    .schedule-appointment .heading {font-size: 18px;}
    .profile-page .comman-section .right-side-section{ padding: 25px 20px; }
    .error_elemenet{ height: 100vh; }
    .location-left-box{width:300px;}
    .itinerary-info-first-box { padding: 32px 10px 5px;}
    .itinerary-info-first-box .location-search .input-group{width: 223px;}
    .itinerary-info-first-box .location-search .cross{font-size:20px;}
    .itinerary-info-first-box .location-search{flex-wrap: wrap;}
    .itinerary-info-first-box .location-search .name-location{width:100%; margin-bottom:10px;}
    .itinerary-info-first-box .location-search .input-group .input-group-text{width:40px;}
    .rating a {font-size: 26px;}
    .review-item .description {font-size: 12px;}
    .review-star .quote { width: 30px !important;  height: 30px;}
    .review-star .rating a {font-size: 16px;}
    .about-ofice .about-title { margin-bottom: 20px;}


    .blog-detail-page .blog-detail .blog-img { height: 300px;}

    .contact-content .contact-img {
        height: 240px;
    }

    .contact-info a img {  margin: 0px 3px;}
    .contact-info a { font-size: 9px;}

    .profile-page .esti-signup .save-btn{order: 2;}
    .profile-page .esti-signup .toatl-est{padding-bottom:0px;}
    .sign-modal .sign-save-btn .cancel-span{font-size:14px;}
    .sign-modal .sign-save-btn .save-btn {    max-width: 151px !important;}

    .view-estimate .nav-pills{    white-space: nowrap; flex-wrap: nowrap; overflow-x: scroll;}
    .view_job_detail .p-totals p{font-size: 16px;}
    .view_job_detail .view-estimate-heads .cancel-btns{position: relative;top: auto;margin: 0px auto 15px; text-align: center;}

    .estimates-page-pdf .Est-section .frame-top {
        height: 45px;
    }

    .office-section .office-left .media{display: block;}
    .office-section .office-left .media-img{margin: 0px auto 30px;}
    .office-section .office-left .about-title{text-align: center;}
    .right-side-office h2{font-size: 21px;}
    .right-side-office .step-data li span + span {font-size: 12px;}

    .paitner-img {  height: 260px;}
    .houston_painter-section { padding-top: 20px;}
    .houston-painter-content .hp-heading { margin-top: 20px; font-size: 18px;  margin-bottom: 15px;}
    .ptext { font-size: 16px;}
    .common-section { height: 290px;}
    .quote-btn { max-width: 265px !important;  margin-top: 12px !important;}

    .top-row { display: block;}
    .top-row .step-title {font-size: 20px; margin-bottom: 12px;}
    .progress-block { width: 75%;}
    .schedule-appointment-new .submit-btn.backBtn{ height: auto; padding: 0px; max-width: 70px; }
    .interior-step-one { margin-bottom: 20px;}
    #step-8  .small-redio-btn { display: block !important;}
    .amount-block .total-amount { font-size: 18px;}
    .amount-block .pay-amount { font-size: 16px;}
    .step-common-block .form-group { margin-bottom: 20px;}

    .schedule-appointment-new { padding-bottom: 30px !important; }


    .tooltip-box { top: 110px;}

    .padding-block { padding: 0px 5px;}
    .info-l {font-size: 12px;}
    .info-l img { width: 14px; height: 14px; margin-top: 4px;}
    .pay-text { font-size: 12px;}
    .payment-info-box .form-group img.card-img { margin-left: 0px;}
    .price-box1 { padding: 10px 5px;}
    .Subtotal-block { padding: 10px 5px; }
    .price-box2 { padding: 10px 5px;}
    .price-detail p { display: block; }
    .price-detail p span { display: block; }
    .price-detail p span + span { padding-left:0px;}


    .datepicker th, .datepicker td { height: 40px !important;}
    .datepicker { padding: 0 !important;}


    .schedule-appointment-new .form-section .small-redio-btn.que-8 { display:flex; }




}


@media (max-width: 400px) {
    /*    .zip-code-section .input-group { width: 340px;}*/
    .zip-code-section .zip-title { font-size: 16px;}
    .footer-section .right-section li .menu-section {font-size: 12px;}
    .card {  width: 100%;}
    .location-data .location-value .location-name {width: 50%;}
    .state-data .state-value .state-name {width: 50%;}
    .address-name .name-data{padding: 0px;}
    .paint-data-contine .left-side .description {font-size: 12px;}
    .error_body .heading { font-size: 90px;}
    .local-painter .code-data .location-search .input-group { width: 100%;}

    .category-box{ display: block; }
    .category-box .category-name{ padding-bottom: 10px; }
    .blog-panel .select-caregory .form-group .custom-select{ max-width: 170px; }
    .view-estimate-heads .cancel-btns{position: relative;top: auto;margin: 0px auto 15px; text-align: center;}

    .ss-comment-box { padding: 10px;}
    .ss-comment-box .ss-top { display: block;}
    .ss-comment-box .quate-img { margin-bottom: 10px;}

}

@media (max-width: 320px) {
    .zip-code-section .input-group {width: 290px;}
    /* .about-title {font-size: 16px;} */
    .second-section .description, .third-section .description {font-size: 12px;}
    .comman-form { max-width: 90%;}
}