/*
====================================
Screen - Others
====================================
*/
@media screen and (min-width: 1201px) and (max-width: 60000000px) {


.header-nav {
    display: block!important;
}



}



@media screen and (min-width: 1025px) and (max-width: 1200px) {


.header-nav {
    display: block!important;
}



.slider-part img {
    position: relative;
    top: 100px;
    left: -39px;
    width: 700px;
}
.slider-part h2 {
    font-size: 80px;
    font-weight: bold;
    margin: 0;
    line-height: 90px;
}


#slide-container {
    width: 100%;
    height: 666px;
    position: relative;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    z-index: 10;
    top: 19px;
}

.contacthero-part {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding: 0 0px;
}


.contacthero-item p a {
    font-size: 17px;
}


.contacthero-item h2 {
    font-size: 40px;
}



.contacthero-item {
    width: 100%;
    height: 345px;
    padding: 60px 15px;
    padding-bottom: 25px;
}

.contacthero-item img {
    width: 50px;
    display: block;
    margin: auto;
}




.customized-area {
    padding: 0px 0;
    padding-top: 10px;
}

.abouthero-area {
    padding: 250px 0;
}

.ouremploee-part {
    padding: 0 0px;
}
.ouremploee-img img {
    width: 100%;
    height: 300px;
    display: block;
    margin: auto;
}
.servicehero-left h2 {
    font-size: 73px;
}



.Potroliohero-part h2 {
    font-size: 70px;
}




.circals2-img {
    width: 104px;
    height: 104px;
}


.circals1-img {
    width: 215px;
    height: 215px;
    position: absolute;
    top: -49px;
    left: -45px;
}


}





/*
====================================
Medium Screen - Others
====================================
*/

@media screen and (min-width: 992px) and (max-width: 1024px) {
.header-nav {
    display: block!important;
}



.header-nav ul li {
    display: inline-block;
    padding-left: 18px;
}


.slider-part h2 {
    font-size: 70px;
    font-weight: bold;
    margin: 0;
    line-height: 85px;
}

.slider-part p {
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    padding-bottom: 38px;
}

.slider-part img {
    position: relative;
    top: 51px;
    width: 558px;
}

#slide-container {
    width: 100%;
    height: 501px;
    position: relative;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    z-index: 10;
    top: 29px;
}

.chooseus-item-part {
    grid-column-gap: 69px;
    grid-row-gap: 20px;
}


.aboutus-right h2 {
    font-size: 55px;
}

.aboutus-right p {
    font-size: 17px;
    margin: 0;
    line-height: 36px;
    font-weight: 400;
}

.aboutus-right h6 a {
    font-size: 20px;
    font-weight: 600;
}

.portfilio-top h2 {
    font-size: 52px;
    padding-bottom: 7px;
    padding-right: 17px;
}


.aboutus-left img {
    width: 100%;
    height: 592px;
    margin-top: 0px;
    margin-bottom: -43px;
}



.portfilio-item:hover h3 {
    font-size: 21px;
}



.design-part {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    grid-column-gap: 18px;
    grid-row-gap: 32px;
}

.Review-item img {
    width: 100%;
    height: 290px;
    display: block;
    margin: auto;
}


.header-area {
    padding: 25px 0;
    padding-top: 35px;
}


.contacthero-part {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding: 0 0px;
}


.contacthero-item p a {
    font-size: 17px;
}


.contacthero-item h2 {
    font-size: 40px;
}



.contacthero-item {
    width: 100%;
    height: 345px;
    padding: 60px 15px;
    padding-bottom: 25px;
}

.contacthero-item img {
    width: 50px;
    display: block;
    margin: auto;
}





.ouremploee-part {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    padding: 0 0px;
}

.customized-area {
    padding: 0px 0;
    padding-top: 10px;
}

.abouthero-area {
    padding: 230px 0;
}

.aboutproject-item p {
    font-size: 18px;
}


.servicehero-left h2 {
    font-size: 73px;
}


.servicetext-left p {
    font-size: 22px;
    line-height: 31px;
}


.allimages-part {
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 16px;
    grid-row-gap: 36px;
}



.Potrolio3box-itemtexts {
    padding: 24px;
}


.Potroliohero-part h2 {
    font-size: 70px;
}




.circals2-img {
    width: 104px;
    height: 104px;
}


.circals1-img {
    width: 215px;
    height: 215px;
    position: absolute;
    top: -49px;
    left: -45px;
}


.tree1-img {
    position: absolute;
    bottom: -93px;
    right: 0px;
    max-width: 20%;
}



}

/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {



.menu-part {
    display: block;
}

.header-logo img {
    width: 196px;
    height: 43px;
    display: block;
}

.header-nav {
    position: absolute;
    top: 59px;
    z-index: 9999;
    background: #ddd;
    padding: 15px;
    left: 0;
    width: 100%;
    display: none;  
}


.header-nav ul {
    text-align: center;
}


.header-nav ul li {
    display: block;
    padding-left: 0px;
    padding-bottom: 14px;
}

.menu-part i {
    font-size: 34px;
}




.footer-inner-part {
    padding-left: 0px;
}


.footer-last-text {
    padding-top: 40px;
}

.footer-inner-right ul li a {
    font-size: 14px;
    font-weight: 600;
}


.footer-inner-item ul li a {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    text-decoration: 1px underline;
}


.footer-last-text p {
    font-size: 15px;
}

.footer-text {
    padding: 50px 0;
    padding-top: 48px;
}

.warranty-part {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    grid-column-gap: 0px;
    grid-row-gap: 62px;
}



.newReview-left img {
    width: 100%;
    height: 239px;
    display: block;
}
.newReview-right {
    padding-left: 0px;
}

.newReview-right p {
    font-size: 15px;
    font-weight: 600;
    margin: 0;
    line-height: 20px;
    padding-top: 6px;
}

.newReview-right img {
    width: 151px;
    margin-top: 20px;
    display: block;
}

.Review-item img {
    width: 100%;
    height: 231px;
    display: block;
    margin: auto;
}


.design-part {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    grid-column-gap: 0px;
    grid-row-gap: 42px;
}

.design-top h2 {
    padding-bottom: 45px;
}

.kitchen-box-part {
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    grid-column-gap: 30px;
    grid-row-gap: 35px;
}

.portfilio-item h3 {
    font-size: 18px;
    bottom: 15px;
    left: 28px;
}


.portfilio-item:hover h3 {
    font-size: 18px;
}


.portfilio-item1 {
    height: 240px;
}


.portfilio-item3 {
    height: 230px;
}

.portfilio-item2 {
    height: 200px;
}

.portfilio-item {
   border-radius: 18px;
}

.portfilio-item4 {
    height: 471px;
}

.portfilio-item5 {
    height: 234px;
}

.slider-part h2 {
    font-size: 45px;
    line-height: 56px;
}


.slider-part p {
    font-size: 16px;
    padding-bottom: 24px;
}

.slider-part a {
    font-size: 14px;
    padding: 15px 23px;
    border-radius: 12px;
}

.slider-part img {
    position: relative;
    top: 23px;
    width: 404px;
}


#slide-container {
    width: 100%;
    height: 450px;
    top: 46px;
}


.chooseus-item-part {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    align-items: center;
    grid-column-gap: 60px;
    grid-row-gap: 20px;
}


.chooseus-item-area {
    padding: 35px 0;
    padding-bottom: 20px;
}

.dots-container {
    bottom: 62px;
}

.aboutus-right h2 {
    font-size: 50px;
    padding-bottom: 20px;
}



.aboutus-right p {
    font-size: 16px;
    line-height: 32px;
    font-weight: 400;
}

.aboutus-right h6 {
    margin: 0;
    padding-top: 44px;
}

.aboutus-right h6 a {
    font-size: 21px;
    font-weight: 600;
}


.portfilio-top h2 {
    font-size: 50px;
    font-weight: 600;
    text-align: right;
    margin: 0;
    padding-bottom: 12px;
    padding-right: 17px;
}

.aboutus-left img {
    width: 100%;
    height: initial;
    margin-top: 0px;
    margin-bottom: 0px;
}

.aboutus-right {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 60px;
}


.header-area {
    padding: 25px 0;
    padding-top: 25px;
}



.contacthero-item img {
    width: 43px;
    display: block;
    margin: auto;
}

.contacthero-item p a {
    font-size: 14px;
    font-weight: bold;
}

.contacthero-item {
    width: 100%;
    border-radius: 35px;
    height: 274px;
    padding: 32px 20px;
    padding-bottom: 12px;
    text-align: center;
    display: grid;
    align-items: center;
}

.contacthero-item h2 {
    font-size: 29px;
    font-weight: bold;
    margin: 0;
}

.contacthero-part {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    grid-column-gap: 25px;
    grid-row-gap: 30px;
    padding: 0 0px;
}

.contacthero-area {
    padding: 76px 0;
}


.contactform-part {
    margin-bottom: -63px;
}


.contactform-part {
    padding-left: 40px;
    padding-right: 40px;
}


.abouthero-part h1 {
    font-size: 65px;
}

.abouthero-area {
    padding: 150px 0;
}



.aboutproject-part {
    grid-column-gap: 30px;

}

.aboutproject-item p {
    font-size: 13px;
}

.aboutproject-nember span {
    font-size: 28px;
}


.aboutproject-nember {
    width: 130px;
    height: 130px;
    line-height: 105px;
    border: 14px solid #6423B9;

}


.aboutplayicon-part img {
    width: 108px;
    height: 107px;
    display: block;
    margin: auto;
}



.aboutplayicon-area {
    padding: 190px 0;
}


.about4box-part {
    padding: 48px 27px;
    position: relative;
    overflow: hidden;
}

.about4box-items {
    grid-column-gap: 12px;
    grid-row-gap: 25px;
}

.about4box-item img {
    height: 235px;
}

.customized-part h2 {
    font-size: 40px;
}

.customized-part p {
    font-size: 26px;
    line-height: 37px;
}

.customized-area {
    padding: 0px 0;
    padding-top: 0px;
    margin-bottom: -40px;
}

.ouremploee-part {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    grid-column-gap: 18px;
    grid-row-gap: 25px;
    padding: 0 0px;
}

.ouremploee-img img {
    width: 100%;
    height: 233px;
}

.aboutreview-heading h2 {
    font-size: 45px;
}

.ouremploee-heading h2 {
    font-size: 45px;
    font-weight: bold;
    padding-bottom: 29px;
}

.ouremploee-area {
    padding-bottom: 69px;
}



.servicehero-right ul li {
    font-size: 20px;
    font-weight: 500;
    border: 2px solid;
    height: 55px;
    line-height: 55px;
    text-align: center;
    border-radius: 19px;
    margin-top: 11px;
}



.servicehero-left h2 {
    font-size: 54px;
}

.servicehero-left p {
    font-size: 19px;
}

.servicehero-left {
    padding: 30px;
    height: 540px;
}



.servicetext-left p br {
    display: none;
}


.servicetext-left p {
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
}


.servicetext-image img {
    max-width: 79%;
    display: block;
    margin: auto;
}


.servicehero-area {
    padding: 45px 0;
    padding-bottom: 10px;
}

.topallimages-btn button {
    font-size: 30px;
}

.allimages-part {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 40px;
}

.scroll-part {
    height: 680px;
}



.allimages-area {
    padding-bottom: 110px;
}



.Potrolio3box-part {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    grid-column-gap: 30px;
    grid-row-gap: 44px;
}


.Potrolio3box-item {
    height: 425px;
    width: 100%;
}


.Potrolio3box-area {
    padding: 100px 0;
    padding-top: 0;
}

.Potroliohero-part h2 {
    font-size: 70px;
}

.circals2-img {
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: -38px;
    right: 16px;
}



.circals1-img {
    width: 210px;
    height: 210px;
    position: absolute;
    top: -49px;
    left: -38px;
}





.tree1-img {
    position: absolute;
    bottom: -93px;
    right: 0px;
    max-width: 20%;
}


.estimate-part {
    width: 590px;
    height: 572px;
    display: block;
    margin: auto;
    border-radius: 18px;
    padding: 40px;
    position: relative;
    box-sizing: border-box;
}

.room-type ul li a {
    width: 100%;
}

.room-type ul {
    grid-column-gap: 18px;
    grid-row-gap: 30px;
}

.blogs-part h2 {
    font-size: 38px;
}

.blogs-part p {
    font-size: 21px;
}




}


/*
====================================
Xtra Small Screen - Small Mobile
====================================
*/
@media screen and (max-width: 767px) {

.header-area {
    padding: 25px 0;
    padding-top: 25px;
}

.menu-part {
    display: block;
}

.header-logo img {
    width: 150px;
    height: 35px;
    display: block;
}

.header-nav {
    position: absolute;
    top: 59px;
    z-index: 9999;
    background: #ddd;
    padding: 15px;
    left: 0;
    width: 100%;
    display: none;	
}


.header-nav ul {
    text-align: center;
}


.header-nav ul li {
    display: block;
    padding-left: 0px;
    padding-bottom: 14px;
}



.slider-part h2 {
    font-size: 40px;
    line-height: 53px;
    text-align: center;
    padding-top: 27px;
}

.slider-part p {
    font-size: 17px;
    font-weight: 400;
    margin: 0;
    padding-bottom: 28px;
    text-align: center;
    padding-top: 3px;
}

.slider-part {
	text-align: center;
}

.slider-part img {
    position: relative;
    top: 0;
    max-width: 100%;
    margin: auto;
    display: block;
    padding-top: 39px;
}
/*

.circal1 {
    position: absolute;
    top: 17px;
    right: 0px;
    width: 107px;
}

*/



#slide-container {
    width: 100%;
    height: 579px;
    position: relative;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    z-index: 10;
    top: 29px;
}

.circal1 {
    position: absolute;
    top: 17px;
    right: 0px;
}

.chooseus-top h2 {
    font-size: 22px;
    padding-bottom: 20px;
}

.chooseus-item img {
    height: 55px;
    width: 55px;
}

.chooseus-item-area {
    padding: 22px 0;
    padding-bottom: 13px;
}

.aboutus-left img {
    width: 100%;
    height: initial;
    display: block;
    margin: auto;
    margin-bottom: 20px;
}


.aboutus-right {
    text-align: center;
}



.aboutus-right h2 {
    font-size: 40px;
    padding-bottom: 17px;
    padding-top: 13px;
}

.aboutus-right p br {
    display: none;
}


.aboutus-right p {
    font-size: 16px;
    line-height: 33px;
    font-weight: 400;
    text-align: justify;
    text-align-last: center;
}

.aboutus-right h6 {
    margin: 0;
    padding-top: 30px;
    padding-bottom: 30px;
}

.aboutus-right h6 a {
    font-size: 20px;
}


.portfilio-top h2 {
    font-size: 35px;
    padding-bottom: 19px;
    padding-right: 0px;
    padding-top: 22px;
    text-align: center;
}


.warranty-part {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    align-items: center;
    grid-column-gap: 0px;
    grid-row-gap: 35px;
}


.book-btn {
    text-align: center;
    padding-top: 45px;
}

.book-btn a {
    font-size: 13px;
    border-radius: 18px;
    display: inline-block;
    padding: 15px 31px;
}

.solutions-top h2 {
  font-size: 23px;
    padding-bottom: 22px;
}

.solutions-item img {
    height: 65px;
    display: block;
    margin: auto;
    width: 65px;
}

.solutions-item-part {
    grid-column-gap: 26px;
}

.newReview-left img {
    width: 100%;
    height: initial;
    display: block;
}



.newReview-right {
    padding-left: 0px;
}



.newReview-right img {
    width: 174px;
    margin: auto;
    margin-top: 38px;
    display: block;
}


.newReview-area {
    padding: 30px 0;
}



.footer-last-text p {

    font-size: 13px;
    text-align: center;
}


.footer-area {
    padding: 30px 0;
    padding-top: 40px;
}


.footer-last-text {
    padding-top: 0px;
}

.footer-inner-part {
    padding-left: 0px;
    display: block;
    margin: auto;
}



.footer-inner-right {
    padding-bottom: 35px;
    text-align: center;
}

.footer-inner-right ul li a {
    font-size: 15px;
    font-weight: 500;
    margin: 0;
}

.footer-inner-item {
    padding-bottom: 30px;
}


.footer-inner-item h3 {
    font-size: 16px;
    padding-bottom: 7px;
    text-align: center;
}


.footer-inner-item ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    padding-left: 0px;
    text-align: center;
}

.footer-inner-item ul li {
    display: block;
    padding-bottom: 4px;
}


.footer-inner-item ul li i {
    font-size: 4px;
    position: relative;
    top: -4px;
    padding-right: 7px;
}


.footer-text p {
    font-size: 15px;
    font-weight: 500;
    margin: 0;
    text-align: center;
}



.footer-logo-part img {
    width: 201px;
    height: 40px;
    display: block;
    margin: auto;
    margin-bottom: 24px;
}



.footer-icon ul {
    text-align: center;
}


.footer-icon ul li {
    display: inline-block;
    padding-left: 0px;
    margin: 0 5px;
}

.footer-icon ul li a {
    font-size: 25px;
    display: block;
}

.footer-text {
    padding: 40px 0;
    padding-top: 40px;
}


.Review-top h2 {
    font-size: 26px;
    font-weight: 600;
    padding-bottom: 25px;
}



.Review-part {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    align-items: center;
    grid-column-gap: 20px;
    grid-row-gap: 35px;
}


.Review-item img {
    width: 100%;
    height: initial;
    display: block;
    margin: auto;
}

.design-top h2 {
    font-size: 26px;
    font-weight: 600;
    padding-bottom: 30px;
}

.design-part {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    align-items: center;
    grid-column-gap: 65px;
    grid-row-gap: 35px;
}



.kitchen-area {
    padding: 0px 0;
    padding-top: 0px;
}


.design-area {
    padding: 40px 0;
    padding-bottom: 0px;
}

.Review-area {
    padding: 40px 0;
}

.kitchen-top h2 {
    font-size: 26px;
    padding-bottom: 23px;
    padding-left: 10px;
    padding-right: 10px;
}

.kitchen-box-part {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    align-items: center;
    grid-column-gap: 30px;
    grid-row-gap: 35px;
}




.kitchen-box-item {
    padding: 30px;
}


.book-btns a {
    font-weight: 600;
    font-size: 13px;
    border-radius: 18px;
    display: inline-block;
    padding: 15px 31px;
}


.book-btns {
    text-align: center;
    padding-top: 28px;
}
.show-more-btn h6 a {
    color: #D26B89;
    font-size: 18px;
    font-weight: 600;
}

.portfilio-area {
    padding: 40px 0;
    padding-top: 0px;
}

.portfilio-item:hover h3 {
    font-size: 18px;
}



.portfilio-item h3 {
    font-size: 18px;
    bottom: 20px;
    left: 17px;
}


.portfilio-item {
    border-radius: 10px;
}


.portfilio-item1 {
    height: 230px;
    margin-bottom: 30px;
}

.portfilio-item2 {
    height: 273px;
    margin-bottom: 30px;
}

.inner-portfilio {
    padding: 0px 0px;
}


.portfilio-item3 {
    height: 202px;
    margin-bottom: 30px;
}

.portfilio-item4 {
    height: 400px;
}






.blogs-top h2 {
    font-size: 30px;
    margin-bottom: 18px;
    text-align: center;
}

.blogs-part img {
    width: 100%;
    height: 260px;
    display: block;
    margin: auto;
}


.blogs-part h2 br {
    display: none;
}

.blogs-part h2 {
    font-size: 23px;
    margin-top: 18px;
    margin-bottom: 8px;
}

.blogs-part p br {
    display: none;
}

.blogs-part p {
    font-size: 15px;
    line-height: 22px;
    text-align: justify;
}

.blogs-part {
    padding-bottom: 33px;
}


.Pagination-part {
    padding-top: 15px;
}


.blogs-bottom {
    text-align: center;
    padding-top: 45px;
    padding-bottom: 0px;
}

.blogs-bottom a {

    font-weight: 600;
    font-size: 13px;
    border-radius: 18px;
    display: inline-block;
    padding: 15px 31px;
}

.Pagination-part ul li a {
    font-size: 20px;
    width: 35px;
    height: 44px;
    border-radius: 19px;
    display: block;
    line-height: 45px;
    text-align: center;

}


.blogs-area {
    padding: 30px 0;
    padding-bottom: 40px;
}


.contacthero-part {
    grid-column-gap: 0px;
    grid-row-gap: 30px;
    padding: 0 0px;
        display: grid;
    grid-template-columns: repeat(1, 1fr);
}


.contactform-part {
    margin-bottom: 31px;
}

.contactform-part {
    padding-left: 0px;
    padding-right: 0px;
}

.contacthero-area {
    padding: 45px 0;
}

.contacthero-item h2 {
    font-size: 38px;
    font-weight: bold;
    margin: 0;
}

.contacthero-item p a {
    font-size: 16px;
    font-weight: bold;
}


.contacthero-item {
    width: 100%;
    border-radius: 35px;
    height: 309px;
    padding: 8px 20px;
    padding-bottom: -2px;
    text-align: center;
    display: grid;
    align-items: center;
}


.contactform-part input[type="text"] {
    color: #000;
    font-weight: 600;
    font-size: 18px;
    width: 100%;
    height: 55px;
    padding: 7px 29px;
    margin-bottom: 26px;
}

.contactform-part input[type="text"]::placeholder {
    font-weight: 600;
    font-size: 18px;   
}




.contactform-part input[type="email"] {
    color: #000;
    font-weight: 600;
    font-size: 18px;
    width: 100%;
    height: 55px;
    padding: 7px 29px;
    margin-bottom: 26px;
}

.contactform-part input[type="email"]::placeholder {
    font-weight: 600;
    font-size: 18px;   
}


.contactform-part textarea {
    color: #000;
    font-weight: 600;
    font-size: 18px;
    width: 100%;
    height: 55px;
    padding: 7px 29px;
    margin-bottom: 26px;   
}





.contactform-part textarea::placeholder {
    font-weight: 600;
    font-size: 18px;
}



.contactform-part textarea[type="email"]::placeholder {
    font-weight: 600;
    font-size: 18px;   
}



.contactform-part textarea {
    font-size: 18px;
    width: 100%;
    height: 200px;
    padding: 7px 29px;
    margin-bottom: 26px;
}

.contactform-part button {
    width: 145px;
    height: 55px;
    border-radius: 30px;
    font-size: 21px;
}

.contactform-area {
    padding: 50px 0;
}


.ouremploee-heading h2 {
    font-size: 26px;
    padding-bottom: 24px;
}

.ouremploee-part {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    padding: 0 0px;
}

.ouremploee-img img {
    width: 100%;
    height: 210px;
    display: block;
    margin: auto;
}


.ouremploee-area {
    padding-bottom: 40px;
}



.aboutreview-heading h2 {
    font-size: 26px;
    padding-bottom: 24px;
}


.aboutreview-text {
    width: 282px;
    display: block;
    margin: auto;
}

.aboutreview-text p br {
    display: none;
}


.aboutreview-text p {
    font-size: 17px;
    line-height: 34px;
    text-align: justify;
    text-align-last: center;
}

.abouthero-part h1 {
    font-size: 35px;
}


.abouthero-part p {
    font-size: 16px;
}

.abouthero-area {
    padding: 100px 0;
}


.aboutproject-nember {
    width: 120px;
    height: 120px;
    display: block;
    line-height: 104px;
    border: 12px solid #6423B9;
}


.aboutproject-nember span {
    font-size: 27px;
}



.aboutproject-item p {
    font-size: 16px;
    padding-top: 12px;
}


.aboutproject-part {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 24px;
}


.aboutplayicon-part img {
    width: 70px;
    height: 65px;
}

.aboutplayicon-area {
    padding: 120px 0;
}

.about4box-part {
    border-radius: 20px;
    padding: 40px 20px;
    margin-top: -73px;
}

.about4box-items {
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    bottom: -389px;

}

.about4box-item img {
    width: 100%;
    height: 160px;
    display: block;
}

.customized-part h2 br {
    display: none;
}


.customized-part h2 {
    font-size: 24px;
    margin: 0;
    font-weight: bold;
    padding-bottom: 13px;
    text-align: center;
}


.customized-part p br {
    display: none;
}


.customized-part p {
    font-size: 17px;
    line-height: 26px;
    padding-bottom: 17px;
    text-align: justify;
    text-align-last: center;
}



.about4box-area {
    padding: 25px 0;
    padding-top: 0px;
}

.progress-part {
    width: 100%;
    margin-left: 0px;
}

.progress-part h6 {
    font-size: 16px;
    margin-bottom: 12px;
    padding-top: 5px;
}

.customized-area {
    padding: 0px 0;
    padding-top: 10px;
    margin-bottom: 0px;
}

.servicehero-area {
    padding: 40px 0;
    padding-top: 10px;
}

.servicehero-left h2 {
    font-size: 35px;
    text-align: center;
}


.servicehero-left p {
    font-size: 15px;
    text-align: center;
}

.servicehero-left {
    padding: 28px;
    height: 433px;
}

.servicehero-right ul {

    padding-left: 0px;
}

.servicehero-right ul li {
    display: block;
    font-size: 18px;
    font-weight: 500;
    border: 2px solid;
    height: 54px;
    line-height: 48px;
    border-radius: 19px;
    margin-top: 14px;
    cursor: pointer;
}

.servicetext-left p br {
    display: none;
}

.servicetext-left p {
    font-size: 16px;
    line-height: 25px;
    text-align: justify;
    text-align-last: center;
}


.servicetext-area {
    padding: 30px 0;
    padding-top: 0px;
}

.servicetext-image img {
    max-width: initial;
    width: 150px;
    display: block;
    margin: auto;
    margin-top: 40px;
}


.allimages-part {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}


.allimages-item img {
    width: 100%;
    height: 147px;
    border-radius: 11px;
    display: block;
    margin: auto;
}


.scroll-part {
    overflow: hidden;
    overflow-y: scroll;
    height: 407px;
    padding-right: 10px;
}

.topallimages-btn {
    padding-bottom: 29px;
}


.topallimages-btn button {
    font-size: 28px;
    width: 100%;
}

.topallimages-btn ul li a {
    font-size: 25px;
    font-weight: 500;
    display: block;
    padding: 9px 16px;
}


.topallimages-btn ul {
    width: 100%;
}

.allimages-area {
    padding: 30px 0;
    padding-bottom: 50px;
}



.allimages-btn a {
    font-size: 13px;
    border-radius: 18px;
    display: inline-block;
    padding: 15px 31px;
}

.Potrolio3box-part {
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}




.Potrolio3box-itemtexts {
    padding: 20px;
}

.Potrolio3box-itemtext h2 {
    font-size: 34px;
    padding-bottom: 10px;
}


.Potrolio3box-itemtext p {
    font-size: 16px;
    text-align: justify;
    font-weight: 400;
}

.Potrolio3box-item {
    height: 400px;
}



.Potrolio3box-area {
    padding: 40px 0;
    padding-top: 0;
}



.button3-item ul {
    text-align: center;
}

.button3-item ul li {
    display: block;
}

.button3-item ul li a {
    font-size: 19.04px;
    width: 100%;
    margin-right: 0px;
    margin-bottom: 8px;
}


.button3-item {
    padding-bottom: 30px;
}


.Potroliohero-part h2 {
    font-size: 35px;
}

.Potroliohero-part p {
    font-size: 16px;
}

.Potroliohero-part {
    padding: 108px 0;
}




.circals2-img {
    width: 75px;
    height: 75px;
}

.circals1-img {
    width: 115px;
    height: 115px;
    position: absolute;
    top: -43px;
    left: -14px;
}



.tree1-img {
    position: absolute;
    bottom: -83px;
    right: 0px;
    max-width: 100%;
    width: 98px;
}


.estimate-part {
    width: 100%;
    height: initial;
    padding: 25px;
    position: relative;
}


.room-type ul {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 12px;
    grid-row-gap: 30px;
}

.room-type ul li a {
    width: 100%;
}


.estimate-dots ul {
    position: initial;
    text-align: center;
    padding-top: 30px;
}


.estimate-circal1 {
    width: 120px;
    height: 120px;
    position: absolute;
    top: -37px;
    right: -11px;
}

.property-type {
    position: relative;
    z-index: 999;
    padding-top: 62px;
    text-align: center;
}

.property-type ul {
    margin: auto;
}

.room-type p {
    font-size: 14px;
    font-weight: 500;
    padding-bottom: 18px;
    padding-left: 0px;
    padding-top: 56px;
    text-align: center;
}


.room-type ul li a {
    font-size: 18px;
}



.estimate-btns ul {
    text-align: center;
}


.estimate-circal2 {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 113px;
    right: -13px;
}


.estimate-area {
    padding-bottom: 280px;
}


.estimate-btnss ul li {
    padding-left: 0px;
    margin: 0 2px;
}

.estimate-circals1 {
    top: -65px;
    right: 44px;
}


.estimate-circals2 {
    top: 32px;
    right: -4px;
}

.property-type p {
    padding-bottom: 9px;
    padding-left: 0px;
}

.estimateform-left {
    padding-top: 62px;
}

.estimate-circalls1 {
    top: 1px;
    right: 39px;
    width: 120px;
    height: 120px;
}
.estimate-circalls2 {
    top: -8px;
    right: -5px;
}

.date-box-part {
    margin-bottom: 17px;
    margin-top: 18px;
}



}