@media (max-width:1300px) and (min-width:1201px) {
    footer .container {
        width: 1150px;
    }

    .RemodelsRenovations {
        width: 1050px;
    }

    .renovations {
        width: 650px;
    }

    .remodels {
        width: calc(100% - 650px);
        padding: 55px 55px;
    }
}

@media all and (max-width:1200px){
    .header .headerContainer {
        width:1000px;
    }

    .RemodelsRenovations {
    width:100% !important;
    padding:0 100px !important;
    }

    .renovations {
        width: 650px;
    }

    .remodels {
        width: calc(100% - 650px);
        padding: 55px 55px;
        border-radius: 70px 0;
    }
    .banner .welcome {
        width: 400px;
    }

    .welcome .table .appointment.marginBtm40{
        margin-bottom:30px !important;
    }

    .list.form .col.marginBtm{
        margin-bottom: 15px !important;
    }

    .list.form .col.marginBtm60 {
        margin-bottom: 40px !important;
    }

    footer .container {
        width: 100%;
        padding: 0 50px;
    }
}

@media (max-width:1200px) and (min-width:1101px) {
    .font23 {
        font-size: 18px !important;
    }

    .largeTxtXl {
        font-size:38px !important;
    }

    .renovations {
        width:570px;
    }

    .remodels {
        width: calc(100% - 570px);
    }

    .renovations img {
        height:290px;
    }

    .ReviveYourSpace .container .discriptionBox {
        width: 990px;
    }

    .font25 {
        font-size: 22px !important;
    }

    .font30 {
        font-size: 28px !important;
    }

    .font38 {
        font-size: 35px !important;
    }

    .smallTitle {
        font-size: 14px !important;
    }
}

@media all and (max-width:1100px) {
    .header .headerContainer {
        width:100%;
        padding:0 50px;
    }

    .logoCont .logoImg {
        width: 50px;
    }

    .renovations {
        width:500px;
    }

    .renovations img{
        height:245px;
    }

    .remodels {
        width: calc(100% - 500px);
        padding: 30px 40px;
    }

    .main .banner{
        height: 600px;
    }

    .buttonlarge {
        width: 250px;
    }

    .theSchool .container .imageBox {
        width: 265px;
        margin-right: 50px;
    }

}

@media (max-width:1100px) and (min-width:1001px) {

    .largeTxtXl {
        font-size:35px !important;
    }

    .font25 {
        font-size:19px !important;
    }

    .lineHeight30 {
        line-height: 25px;
    }
    .font30 {
        font-size: 25px !important;
    }

    .font23 {
        font-size: 18px !important;
    }

    .smallTitle {
        font-size:12px !important;
    }

    .ReviveYourSpace .container .discriptionBox {
        width: 850px;
    }

    .remodels {
        padding:40px;
    }

    .theSchool .container {
        width: 790px;
    }
    .theSchool .container .discriptionBox {
        width: calc(100% - 180px);
    }

    .font38 {
        font-size: 30px !important;
    }

    .whyChoose .container .discriptionBox {
        width: 800px;
        margin: 0 auto;
    }

    .smallContiner {
        width: 550px;
    }

    .summary.subTitle{
        font-size: 16px !important;
    }

    .summary.midTitle {
        font-size: 15px !important;
    }

    footer .container .map {
        width: 350px;
    }

    footer .container .contactUs {
        width: calc(100% - 350px);
    }
    .midTitle {
        font-size: 14px !important;
    }

    .small {
        font-size: 12px !important;
    }

    .smallest {
        font-size: 12px !important;
    }

    .subNormal {
        font-size: 12px !important;
    }
  }

@media all and (max-width:1000px) {
    .banner .welcome {
        width: 350px;
    }

    .marginTopXl {
        margin-top: 30px !important;
    }

    .welcome .table .appointment.marginBtm40 {
        margin-bottom: 20px !important;
    }

    .renovations {
        width: 450px;
    }

    .remodels {
        width: calc(100% - 450px);
        padding:40px 35px;
    }

    .RemodelsRenovations.flexCenter{
        align-items: stretch;
    }

    .renovations img {
        height: 235px;
        margin-top: 8px;
        margin-bottom: 8px;
        box-sizing: border-box;
    }

    .remodels {
        border-radius:60px 0;
    }

    .buttonlarge {
        width: 210px;
    }

    .buttonlarge a{
        padding: 10px 5px;
    }

    .theSchool .container {
        width: 700px;
    }

    .bigImg {
        width: 120px;
    }

    .theSchool .container .imageBox {
        width: 200px;
        margin-right: 45px;
    }

    .theSchool .container .discriptionBox {
        width: calc(100% - 245px);
    }

    .theSchool {
        height: 615px;
    }

    .list.serviceList {
        width:450px;
    }

    .serviceList .col {
        width:150px;
    }

    .serviceList .col .imageBox {
        width: 125px;
    }

    .serviceList .col:last-child .imageBox {
        height: 130px;
        padding-top: 20px;
    }

    .whyChoose .container .discriptionBox {
        width: 650px;
    }

    .smallContiner {
        width: 450px;
    }

    .marginBtm40 {
        margin-bottom: 15px !important;
    }

    .ReviveYourSpace .container .discriptionBox {
        width: 700px;
    }

    footer .container .map {
        width: 300px;
    }

    footer .container .contactUs {
        width: calc(100% - 300px);
    }

    footer .container {
        padding: 0 50px;
    }

    li.col.colMed.socialMedia {
        width: 275px;
    }

    .socialMedia .contintBox .list {
        width: 250px !important;
    }
}

@media (max-width:1000px) and (min-width:901px) {
    .contacNo .smallTitle {
        font-size: 12px !important;
    }

    .font25 {
        font-size: 20px !important;
    }

    .font23 {
        font-size: 18px !important;
    }
    .largeTxtXl {
        font-size:30px !important;
    }

    .paddingFull {
        padding:30px 25px !important;
    }

    .discriptionBox.font25{
        font-size:16px !important;
    }

    .lineHeight30 {
        line-height: 25px;
    }

    .font30 {
        font-size: 20px !important;
    }

    .font38 {
        font-size:28px !important;
    }

    .smallTitle {
        font-size:11px !important;
    }

    .summary.subTitle {
        font-size: 15px !important;
    }

    .largeTitle {
        font-size: 22px !important;
    }

    .summary.midTitle{
        font-size: 15px !important;
    }

    .textCenter.marginBtmSec{
        margin-bottom: 20px !important;
    }

    .midTitle {
        font-size: 15px !important;
    }

    .small {
        font-size: 12px !important;
    }

    .smallest {
        font-size: 10px !important;
    }

    .subNormal {
        font-size: 12px !important;
    }
}

@media (max-width:900px) and (min-width:801px) {
    .smallTitle {
        font-size: 14px !important;
    }

    .largeTitle {
        font-size: 20px !important;
    }

    .extraSmall {
        font-size: 9px !important;
    }

    .font25 {
        font-size: 20px !important;
    }
    .font23 {
        font-size: 16px !important;
    }

    .largeTxtXl {
        font-size:30px !important;
    }

    .renovations {
        width: 400px;
    }

    .RemodelsRenovations {
        padding: 0 75px !important;
    }

    .remodels {
        width: calc(100% - 400px);
        padding: 55px 35px;
    }

    .discriptionBox.lineHeight30 {
        line-height: 25px;
    }

    .discriptionBox.font25{
        font-size:16px !important;
    }

    .font30 {
        font-size: 20px !important;
    }

    .font38 {
        font-size: 28px !important;
    }

    .nexalight.lineHeight30{
        line-height: 25px;
    }

    .summary.subTitle{
        font-size: 15px !important;
    }

    .textCenter.marginBtmSec{
        margin-bottom: 20px !important;
    }

    .summary.midTitle{
        font-size: 15px !important;
    }

    footer .container .map {
        width: 260px;
    }

    footer .container .contactUs {
        width: calc(100% - 250px);
    }

    .midTitle{
        font-size:12px !important;
    }

    .contactUs .col .contintBox .small {
        font-size: 12px !important;
    }

    .smallest {
        font-size: 12px !important;
    }

    .icon.icon30 {
        width: 25px !important;
    }

    .subNormal {
        font-size: 10px !important;
    }
}

@media all and (max-width:800px) {
    .theSchool .container {
        width: 550px;
    }

    .theSchool .container .imageBox {
        width: 175px;
        margin-right: 25px;
    }

    .theSchool .container .discriptionBox {
        width: calc(100% - 200px);
    }

    .whyChoose .container .discriptionBox {
        width: 600px;
    }

    .smallContiner {
        width: 400px;
    }

    footer .container .map {
        width:230px;
    }

    footer .container .contactUs {
        width: calc(100% - 230px);
    }

    li.col.colMed.socialMedia {
        width:220px;
    }
}

@media (max-width:800px) and (min-width:701px) {
    .largeTitle {
        font-size: 16px !important;
    }

    .smallTitle {
        font-size: 12px !important;
    }

    .font25 {
        font-size: 18px !important;
    }

    .font23 {
        font-size: 15px !important;
    }

    .renovations {
        width: 360px;
    }

    .renovations img {
        height: 200px;
    }

    .remodels {
        width: calc(100% - 360px);
        padding: 40px 35px;
    }

    .largeTxtXl {
        font-size:25px !important;
    }

    .RemodelsRenovations {
        padding: 0 65px !important;
    }

    .ReviveYourSpace .container .discriptionBox {
        width: 600px;
    }

    .discriptionBox.font25 {
        font-size: 15px !important;
    }

    .lineHeight30 {
        line-height: 20px;
    }

    .paddingFull {
        padding: 25px 40px !important;
    }
    .font30 {
        font-size: 25px !important;
    }

    .button.buttonlarge{
        font-size: 18px !important;
    }

    .font38{
        font-size: 25px !important;
    }
    .smallTitle {
        font-size: 12px !important;
    }

    .subTitle {
        font-size: 15px !important;
    }

    .midTitle {
        font-size: 15px !important;
    }

    .small {
        font-size: 12px !important;
    }

    .smallest {
        font-size: 12px !important;
    }
}

@media all and (max-width:700px) {
    .header .headerContainer {
        padding:0 30px;
    }


    .contacNo a{
        padding:8px 15px;
    }

    button {
        width: 115px;
    }

    .banner .welcome {
        width: 280px;
    }

    .banner .welcome {
        padding: 30px 0;
    }

    .welcome .table .appointment.marginBtm40 {
        margin-bottom:10px !important;
    }

    .list.form .col.marginBtm60 {
        margin-bottom: 30px !important;
    }

    .table {
        padding:15px 25px;
    }

    .marginTopXl {
        margin-top:5px !important;
    }

    .welcome .table .appointment.marginBtm40 {
        margin-bottom: 5px !important;
    }

    .RemodelsRenovations.flexCenter{
        flex-wrap: wrap;
    }

    .renovations {
        width: 100%;
    }

    .remodels {
        width: 100%;
    }

    .renovations img {
        height: auto;
        margin-top: 0;
        margin-bottom: 0;
    }

    .RemodelsRenovations {
        padding: 0 50px !important;
    }

    .ReviveYourSpace .container .discriptionBox {
        width: 500px;
    }

    .discriptionBox.paddingFull{
        padding: 30px 25px !important;
    }

    .lineHeight30 {
        line-height: 20px;
    }

    .buttonlarge {
        width:180px;
    }

    .bigImg {
        width: 100px;
    }

    .discriptionBox.marginBtm40{
        margin-bottom:40px !important;
    }

    .whyChoose .container .discriptionBox {
        width: 450px;
    }

    footer .container {
        flex-wrap:wrap;
    }

    footer .container .map {
        width: 100%;
        margin-bottom:10px;
    }

    footer .container .contactUs {
        width: 100%;
    }

    .contintBox.marginBtmSec{
        margin-bottom: 20px !important;
    }

    .renovations img {
        border-radius: 60px 0;
    }

    .trusted .container.paddingTB150{
        padding-top: 100px !important;
        padding-bottom: 80px !important;
    }

    .theSchool {
        height:450px;
    }

    .theSchool .container {
        padding-top: 110px;
    }

    .theSchool .container .discriptionBox {
        width: calc(100% - 165px);
    }

    .serviceList .col .imageBox {
        width:120px;
    }

    .list.serviceList {
        width:450px;
    }

    .container.paddingTopXL{
        padding-top:50px !important;
    }

    .smallContiner.Competitive.marginBtm80{
        margin-bottom: 50px !important;
    }

    .remodels {
        padding: 40px 50px;
    }

    .remodels .containBox {
        width:250px;
        position: relative;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}

@media (max-width:700px) and (min-width:601px) {
    .largeTitle {
        font-size: 18px !important;
    }
    .smallTitle {
        font-size: 14px !important;
    }
    .font25 {
        font-size:16px !important;
    }

    .font23 {
        font-size: 15px !important;
    }

    .button.smallTitle{
        font-size:15px !important;
    }

    .largeTxtXl {
        font-size: 30px !important;
    }

    .font30 {
        font-size: 25px !important;
    }

    .buttonlarge {
        font-size: 15px !important;
    }

    .ReviveYourSpace .container .sectionTitel .largeTxtXl{
        font-size: 25px !important
    }

    .font38 {
        font-size: 25px !important;
    }

    .remodels.largeTxtXl{
        font-size: 40px !important;
    }

    .letsTalk.font30{
        font-size:25px;
    }

    .imageBox .smallTitle{
        font-size: 12px !important;
    }

    .discriptionBox .titleBox .largeTxtXl{
        font-size: 25px !important;
    }

    .discriptionBox.font25{
        font-size: 15px !important;
    }

    .summary.subTitle{
        font-size: 15px !important;
    }

    .midTitle {
        font-size: 15px !important;
    }
}


@media (max-width:600px) and (min-width:501px) {
    .largeTitle {
        font-size: 18px !important;
    }
    .smallTitle {
        font-size: 12px !important;
    }
    .font25 {
        font-size:15px !important;
    }

    .font23 {
        font-size: 15px !important;
    }

    .button.smallTitle{
        font-size:15px !important;
    }

    .largeTxtXl {
        font-size:25px !important;
    }

    .font30 {
        font-size:20px !important;
    }

    .buttonlarge {
        font-size: 15px !important;
    }

    .ReviveYourSpace .container .sectionTitel .largeTxtXl{
        font-size: 25px !important
    }

    .font38 {
        font-size: 25px !important;
    }

    .remodels.largeTxtXl{
        font-size: 40px !important;
    }

    .letsTalk.font30{
        font-size:25px;
    }

    .imageBox .smallTitle{
        font-size: 10px !important;
    }

    .discriptionBox .titleBox .largeTxtXl{
        font-size:18px !important;
    }

    .discriptionBox.font25{
        font-size: 13px !important;
    }

    .summary.subTitle{
        font-size: 15px !important;
    }

    .midTitle {
        font-size: 15px !important;
    }

    .ReviveYourSpace .container .discriptionBox {
        width: 430px;
    }

    .theSchool .container {
        width: 450px;
    }

    .theSchool .container .imageBox {
        width: 150px;
        margin-right: 15px;
    }

    .marginBtm {
        margin-bottom: 15px !important;
    }

    .theSchool {
        height: 520px;
    }

    .theSchool .container {
        padding-top: 150px;
        padding-bottom: 100px;
    }

    .serviceList .col {
        width: 120px;
    }

    .list.serviceList {
        width: 385px;
    }

    .list.marginBtm80{
        margin-bottom:10px !important;
    }
}

@media all and (max-width:500px) {
    .theSchool .container.flexCenter {
        flex-wrap: wrap;
    }

    .theSchool .container .imageBox {
        width: 100%;
        margin-right: 0;
        margin-bottom: 40px;
    }

    .theSchool .container .discriptionBox {
        width: 100%;
    }

    .discriptionBox .titleBox{
        text-align: center;
    }

    .theSchool .container {
        padding-top: 85px;
    }

    .serviceList .col {
        width:130px;
    }

    .serviceList .col .imageBox {
        width:100px;
    }

    .list.serviceList {
        width:260px;
    }

    .whyChoose .container .discriptionBox {
        width: 100%;
        padding: 0 50px;
    }

    footer .container .list {
        flex-wrap: wrap;
    }
    .ReviveYourSpace .container .discriptionBox {
        width: 350px;
    }

    .theSchool .container {
        width: 100%;
        padding: 0 35px;
    }

    .header .headerContainer {
        padding: 0 25px;
    }

    .headerContainer .logoCont {
        width: 185px;
    }

    .banner .welcome {
        right: 50%;
        transform: translate(50%, 0);
    }

    .main .banner {
        height: 500px;
    }

    .theSchool {
        height: 460px;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .smallContiner {
        width: 320px;
    }

    .ContactList {
        margin-bottom: 20px;
    }

    li.col.colMed.socialMedia {
        width: 100%;
        margin-bottom:40px;
    }

    .bigImg {
        width: 80px;
    }

    .serviceList .col:last-child .imageBox {
        height: 100px;
    }

    .services .container.paddingTopXL{
        padding-top: 50px !important;
    }

    .list.serviceList.marginBtm80{
        margin-bottom: 20px !important;
    }

    footer {
        padding-bottom: 80px;
    }

    .button.buttonlarge a {
        padding: 5px 5px;
    }

    .remodels .containBox {
        width:200px;
    }
}

@media (max-width:500px) and (min-width:401px) {
    .smallTitle {
        font-size: 12px !important;
    }

    .logoName .largeTitle {
        font-size: 14px !important;
    }


    .contacNo a{
        padding: 8px 10px;
    }

    .extraSmall {
        font-size: 7px !important;
    }

    .font25 {
        font-size:15px !important;
    }

    .font23 {
        font-size: 15px !important;
    }

    .largeTxtXl {
        font-size: 30px !important;
    }

    .sectionTitel .largeTxtXl {
        font-size: 20px !important;
    }

    .font30 {
        font-size: 20px !important;
    }

    .button.buttonlarge{
        font-size: 15px !important;
    }

    .discriptionBox .titleBox .largeTxtXl{
        font-size:22px !important;
    }

    .font38 {
        font-size:24px !important;
    }

    .theSchool .container .imageBox {
        margin-bottom: 25px;
    }

    .services .container .sectionTitel.largeTxtXl {
        font-size: 25px !important;
    }

    .summary.subTitle {
        font-size:15px !important;
    }

    .smallContiner .largeTitle{
        font-size: 18px !important;
    }

    .summary.midTitle{
        font-size: 15px !important;
    }

    .contactUs .col .contintBox .midTitle{
        font-size: 15px !important;
    }

    .contactUs .col .contintBox .small {
        font-size: 12px !important;
    }
}

@media all and (max-width:400px) {
    .header .headerContainer {
        padding: 0 15px;
    }

    .logoCont .logoImg {
        width: 35px;
    }
    .headerContainer .logoCont {
        width:155px;
    }

    .logoCont .logoName {
        width: calc(100% - 35px);
    }


    .contacNo a{
        padding: 8px 10px;
    }

    .contacNo .smallTitle {
        font-size: 11px !important;
    }

   .welcom .marginBtm {
        margin-bottom: 12px !important;
    }

    .button {
        width: 100px;
    }

    .button.buttonlarge {
        width: 170px;
    }

     footer .container {
        padding:0 20px;
    }

    .table {
        padding: 15px 5px;
    }

    .ReviveYourSpace .container .discriptionBox {
        width: 300px;
    }
    .RemodelsRenovations {
        padding: 0 15px !important;
    }

    .smallContiner {
        width: calc(100% - 40px);
    }

    .container.paddingTopXL{
        padding-top: 60px !important;
    }

    .smallContiner.Competitive.marginBtm80{
        margin-bottom: 50px !important;
    }

    .smallContiner {
        padding: 20px;
    }

    .textCenter.largeTitle{
        margin-bottom: 15px !important;
    }

    .bigImg {
        width: 65px;
    }
}

@media (max-width:400px) and (min-width:300px) {
    .largeTitle {
        font-size: 16px !important;
    }

    .extraSmall {
        font-size: 7px !important;
    }

    .smallTitle {
        font-size: 12px !important;
    }

    .font25 {
        font-size: 16px !important;
    }

    .font23 {
        font-size: 14px !important;
    }

    .largeTxtXl {
        font-size:30px !important;
    }

    .font30 {
        font-size: 20px !important;
    }

    .sectionTitel .largeTxtXl {
        font-size:16px !important;
    }

    .button.buttonlarge{
        font-size:16px;
    }

    .font38 {
        font-size:22px !important;
    }

    .discriptionBox .titleBox .largeTxtXl {
        font-size: 18px !important;
    }

    .services .container .sectionTitel.largeTxtXl {
        font-size: 22px !important;
    }

    .name.font25{
        font-size:16px !important;
    }

    .summary.subTitle{
        font-size:15px !important;
    }

    .summary.midTitle{
        font-size:14px !important;
    }

    .contactUs .col .contintBox .midTitle{
        font-size: 15px !important;
    }

    .subNormal {
        font-size: 14px !important;
    }
}

@media (max-width:300px) and (min-width:200px) {

    .logoName .largeTitle{
        font-size: 12px !important;
    }

    .extraSmall {
        font-size: 7px !important;
    }

    .largeTxtXl {
        font-size: 28px !important;
    }

    .font25 {
        font-size: 15px !important;
    }

    .font23 {
        font-size: 14px !important;
    }

    .largeTxtXl {
        font-size: 14px !important;
    }

    .ReviveYourSpace .container .discriptionBox {
        width: 260px;
    }

    .font30 {
        font-size: 13px !important;
    }

    .font38 {
        font-size: 22px !important;
    }

    .smallTitle {
        font-size: 10px !important;
    }

    .largeTitle {
        font-size: 16px !important;
    }

    .smallContiner {
        width: 221px;
    }
    .summary.subTitle{
        font-size:15px !important;
    }

    .summary.midTitle {
        font-size: 14px !important;
    }

    .midTitle {
        font-size: 12px !important;
    }

    .small {
        font-size: 12px !important;
    }

    .smallest {
        font-size: 10px !important;
    }

    .subNormal {
        font-size: 13px !important;
    }

    .list.serviceList {
        width: 125px;
    }
    .remodels .containBox {
        width: 100px;
    }
}