@media (max-width:1600px) {

    /* profile-section Start */
    .web-heading {
        font-size: 30px;
        line-height: 40px;
        color: #000;
        text-align: center;
    }

    .WebInput {
        font-size: 15px;
        line-height: 18px;
    }

    ::placeholder {
        font-size: 15px;
        line-height: 18px;
    }

    .SignOutLink {
        font-size: 15px;
        line-height: 18px;
    }


    /* profile-section End */

    /* Faq-section Start  */
    .faq-accordian-box .accordion-header button {
        font-size: 16px;
        line-height: 25px;
    }

    .faq-accordian-box .accordion-body {
        font-size: 15px;
        line-height: 25px;
    }

    /* Faq-section End  */

    /* login-section Start  */
    .loginText {
        font-size: 15px;
    }

    /* login-section End*/
    /* payment-section Start  */
    .payment-section {
        padding: 60px 0;
    }


    /* payment-section End  */


}

@media (max-width:1440px) {


    /* header Start  */

    .navbar-nav .nav-item .nav-link,
    .registerBtn,
    .LoginBtn,
    .footer-link,
    .copyrightText {
        font-size: 14px;
        line-height: 20px;
    }

    /* header End  */


    /* Faq-section Start  */
    .faq-accordian-box .accordion-header button {
        font-size: 16px;
        line-height: 20px;
    }

    .faq-accordian-box .accordion-body {
        font-size: 15px;
        line-height: 20px;
    }

    /* Faq-section End  */

    /* subscription-section Start  */
    .subscription-section {
        padding: 40px 0;
    }

    .subscription-card {
        padding: 20px 50px;
        gap: 15px;
    }

    .subscription-text {
        font-size: 15px;
        line-height: 25px;
        padding: 0px 250px;
    }

    .subscription-heading {
        font-size: 28px;
        line-height: 30px;
    }

    .subsn-plan {
        font-size: 14px;
        line-height: 20px;
        margin: 10px auto;
    }

    .subsn-days {
        font-size: 15px;
        line-height: 25px;
        margin: 0 0 15px 0;
    }

    .subsn-li {
        font-size: 15px;
        line-height: 25px;
    }




    /* subscription-section End  */




    /* payment-section Start  */
    .payabelAmtBox .web-heading {
        margin-bottom: 20px;
    }

    .payMethodUl {
        gap: 40px;
    }


    .DeletemodalHeading {
        font-size: 24px;
        line-height: 25px;
    }

    .editWebInput {
        font-size: 14px;
        line-height: 20px;
    }

    .NoModalBtn,
    .DeleteModalBtn {
        font-size: 14px;
        line-height: 20px;
    }

    /* payment-section End  */

    /* createAccountSection Start  */
    .create-account-bannerBox {
        width: 300px;
        height: 270px;
    }

    .createHeading {
        font-size: 24px;
        line-height: 25px;
        margin: 10px 0;
    }

    .LetsText {
        font-size: 15px;
        font-weight: 800;
        line-height: 20px;
        margin: 0 0 40px;
    }

    .registerTabBtn {
        height: 120px;
        padding: 10px;
        gap: 10px;
        font-size: 15px;
        line-height: 20px;
    }

    .SubmitBtn {
        padding: 8px 40px;
        font-size: 15px;
        line-height: 20px;
    }

    /* createAccountSection End  */

    /* our-service-section Start  */
    .serviceTopText {
        font-size: 15px;
        line-height: 20px;
    }

    /* .aboutUsGrideTwo {
        margin: 20px 0 0;
    } */

    .generatBOMBox {
        padding: 30px;
    }

    .serviceFormSubHeading {
        font-size: 18px;
        line-height: 25px;
        margin: 15px 0;
    }

    .YNBox {
        gap: 5px;
    }

    .serviceYesNoBox {
        gap: 15px;
    }

    .serviceInputFileBox,
    .serviceInputImgItem {
        width: 100px;
        height: 100px;
    }

    .uploadText {
        font-size: 14px;
        line-height: 20px;
    }

    .yesUploadYouPhoto {
        padding: 0;
    }

    .serviceText {
        font-size: 15px;
        line-height: 20px;
    }

    .roofServiceLabel {
        padding: 10px 14px;
        font-size: 15px;
        line-height: 20px;
    }

    .webLabel,
    .editWebInput {
        font-size: 15px;
        line-height: 20px;
    }

    /* our-service-section End  */
    /* myEstimatorSection Start */
    .EstHeading {
        font-size: 15px;
        line-height: 20px;
    }

    .EstText {
        font-size: 14px;
        line-height: 20px;
    }

    /* myEstimatorSection End */

    /* homeSection Start   */
    .heroHeading {
        font-size: 40px;
        line-height: 45px;
    }

    .heroLiOne {
        width: 100%;
        height: 360px;
    }

    .heroLiTwo {
        width: 350px;
        height: 200px;
    }

    .heroLiThree,
    .heroLiFour {
        width: 150px;
        height: 150px;
    }

    .heroLiFive {
        width: 325px;
        height: 150px;
    }

    /* homeSection End  */

    /* ourWorkSection Start  */
    .ourWorkSection {
        padding: 25px 0;
    }

    .OwrWorkRightUl {
        gap: 15px;
        padding: 25px 0;
    }

    .heroHeading {
        font-size: 40px;
        line-height: 45px;
    }

    .OurWorkText {
        font-size: 18px;
        line-height: 25px;
    }

    .OurTickBox {
        width: 35px;
        height: 35px;
    }

    .OwrWorkRightLi {
        gap: 15px;
    }

    /* ourWorkSection End  */
    /* heroWorkSection Start  */
    .heroCard {
        padding: 35px;
    }

    .OurcardNumber {
        font-size: 30px;
        width: 70px;
        height: 70px;
    }

    .cardHeading {
        font-size: 20px;
        line-height: 25px;
    }



    /* heroWorkSection End  */

    /* AboutCompanySection Start  */
    .AboutCompanyBox {
        gap: 30px;
    }

    .AboutLi {
        font-size: 15px;
        line-height: 20px;
    }

    /* AboutCompanySection End  */
    /* OurCustomerSection Start   */

    .OurCustomerNumber {
        font-size: 80px;
        line-height: normal;
    }

    .OurCustomerRightUl {
        padding: 25px 0;
        gap: 30px;
    }

    .totalReviewNumber {
        font-size: 50px;
        line-height: normal;
    }

    .OurCustomerRightLiTwo {
        width: 300px;
        height: 150px;
    }

    /* OurCustomerSection End  */


    /* ReviewCardSection Start  */
    .Reviewtext {
        font-size: 16px;
        line-height: 20px;
    }

    .ReviewName {
        font-size: 16px;
        line-height: 20px;
    }

    .ReviewId {
        font-size: 15px;
        line-height: 20px;
    }

    .ReviewCard {
        padding: 30px;
    }

    .ReviewCardBody {
        padding: 20px 0;
    }

    /* ReviewCardSection End  */

    /* FAQSection Start   */
    .FAQLeftHeading {
        font-size: 28px;
        line-height: 30px;
    }

    .FAQrightBox .accordion-body {
        padding: 0 80px 0 0;
        font-size: 15px;
    }

    /* FAQSection End  */

    /* SetNewPasswordSection Start  */
    .SetNewPasswordSection {
        padding: 50px 0;
    }

    /* SetNewPasswordSection End  */

    /* login-section Start  */
    .login-section {
        padding: 50px 0;
    }

    /* login-section End  */


}

@media (max-width:1400px) {

    /* header Start  */
    .header {
        height: 60px;
    }

    .navbar-brand,
    .footerLogo {
        width: 30px;
        height: 40px;
    }

    .registerBtn,
    .LoginBtn {
        padding: 8px 20px;
    }

    .navbar-nav-wl {
        display: none;
    }

    .UserWlUl {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    /* header End  */
    /* aboutUs-section Start */
    .aboutUsImgBox {
        height: 200px;
    }

    /* aboutUs-section End */


    /* homeSection Start   */

    .heroLiOne {
        width: 100%;
        height: 360px;
    }

    .heroLiTwo {
        width: calc(100% - 250px - 20px);
        height: 200px;
    }

    .heroLiThree,
    .heroLiFour {
        width: 150px;
        height: 150px;
    }

    .heroLiFive {
        width: calc(100% - 300px - 40px);
        height: 150px;
    }

    /* homeSection End  */

    /* homeSection Start  */
    .heroText {
        font-size: 15px;
        line-height: 23px;
    }

    .getACourtBtn {
        font-size: 15px;
        line-height: 23px;
        padding: 8px 30px;
    }

    .OwrWorkRightUl {
        gap: 15px;
        padding: 20px 0;
    }

    .OurWorkText {
        font-size: 17px;
        line-height: 23px;
    }

    .OurcardNumber {
        font-size: 25px;
        width: 60px;
        height: 60px;
    }

    .heroCardBody {
        gap: 25px;
    }

    .cardHeading {
        font-size: 18px;
        line-height: 23px;
    }

    .heroCard {
        padding: 30px;
    }

    .heroHeading {
        font-size: 35px;
        line-height: 45px;
    }

    .AboutCompanyBox {
        gap: 20px;
    }

    .AboutUl {
        gap: 20px;
    }

    .OurCustomerRightUl {
        padding: 0 0 25px;
        gap: 20px;
    }

    .FAQLeftHeading {
        font-size: 26px;
        line-height: 30px;
    }

    .FAQLeftText {
        font-size: 18px;
        line-height: 22px;
    }

    .FAQrightBox .accordion-header button {
        font-size: 15px;
        line-height: 20px;
    }





    /* homeSection End  */

}





@media (max-width:1200px) {


    section {
        padding: 40px 0;
    }


    /* profile-section Start */
    .web-heading {
        font-size: 25px;
        line-height: 30px;
        color: #000;
        text-align: center;
    }

    .WebInput {
        font-size: 14px;
    }

    ::placeholder {
        font-size: 14px;
    }

    .SignOutLink {
        font-size: 14px;
    }

    .profileImgBox {
        width: 70px;
        height: 70px;
        margin: 30px auto 20px;
        position: relative;
    }

    /* profile-section End */

    /* edit-profile-section End */

    .webLabel,
    .editWebInput {
        font-size: 14px;
        line-height: 20px;
    }

    .editWebInput {
        font-size: 14px;
        line-height: 20px;
    }

    .profileName {
        font-size: 14px;
        line-height: 20px;
    }

    .SubmitBtn {
        padding: 8px 40px;
        font-size: 14px;
        line-height: 20px;
    }

    /* edit-profile-section End */

    /* Faq-section Start  */
    .faq-accordian-box .accordion-header button {
        font-size: 15px;
        line-height: 25px;
    }

    .faq-accordian-box .accordion-body {
        font-size: 14px;
        line-height: 20px;
    }

    /* Faq-section End  */
    /* privacy-policy-section Start */


    .PrivacyPolicybox {
        margin: 40px 0 0;
    }

    .webText {
        font-size: 14px;
    }

    /* privacy-policy-section End  */


    /* aboutUs-section Start  */
    .aboutUs-section {
        padding: 0 0 40px 0;
    }

    .aboutUsHead {
        font-size: 15px;
    }

    .aboutUsNumber {
        font-size: 23px;
        line-height: 25px;
    }

    .aboutUsBannerBox {
        height: 400px;
    }

    .aboutUsGrid {
        margin: 40px 0 0;
    }

    .aboutUsGrideTwo {
        margin: 40px 0 0;
    }

    /* aboutUs-section End  */
    /* contactUs-section Start  */
    .contactUs-section {
        padding: 0 0 30px 0;
    }

    .ContactFormBox {
        padding: 30px 0 0;
    }

    .WebSubHeading {
        font-size: 23px;
        line-height: 20px;
        margin: 0 0 10px 0;
    }

    /* contactUs-section End */

    /* subscription-section Start  */
    .subscription-section {
        padding: 30px 0;
    }

    .subscription-heading {
        font-size: 25px;
        line-height: 25px;
    }

    .subscription-text {
        font-size: 14px;
        line-height: 20px;
        padding: 0px 200px;
    }

    .subscription-card {
        padding: 20px;
        gap: 10px;
    }

    .subsn-ammount {
        font-size: 30px;
        line-height: 40px;
    }

    .subsn-days {
        font-size: 15px;
        line-height: 20px;
        margin: 0 0 10px 0px;
    }

    .subsn-li {
        font-size: 14px;
        line-height: 25px;
    }

    .subsn-link {
        width: 150px;
        padding: 5px 0;
        font-size: 14px;
        line-height: 20px;
    }

    .SubCardGrid {
        margin: 30px 0 0 0;
    }

    .subscription-content {
        margin: 0 0 20px 0;
    }

    /* subscription-section End  */
    /* payment-section Start  */
    .payment-section {
        padding: 40px 0;
    }

    .payMethodUl {
        gap: 20px;
    }

    .cardNumber {
        font-size: 14px;
    }

    .AddPayBtn {
        font-size: 14px;
        gap: 15px;
    }

    .plus-blue {
        width: 18px;
        height: 18px;
    }

    .DeletemodalHeading {
        font-size: 23px;
        line-height: 20px;
    }

    /* payment-section End   */

    /* footer-section Start   */

    .footDownload {
        font-size: 22px;
        line-height: 25px;
    }

    .navbar-nav .nav-item .nav-link,
    .registerBtn,
    .LoginBtn,
    .footer-link,
    .copyrightText {
        font-size: 14px;
        line-height: 20px;
    }

    /* footer-section End  */

    /* .login-section Start  */
    .login-section {
        padding: 40px 0;
    }

    .loginBox {
        padding: 40px 0;
    }

    /* .login-section End   */

    /* createAccountSection Start  */

    .createHeading {
        font-size: 23px;
        line-height: 25px;
    }

    .create-account-bannerBox {
        width: 250px;
        height: 200px;
    }

    .LetsText {
        font-size: 14px;
        font-weight: 800;
        line-height: 20px;
        margin: 0 0 30px;
    }

    .registerTabBtn {
        height: 110px;
        padding: 10px;
        gap: 10px;
        font-size: 14px;
        line-height: 20px;
    }


    /* createAccountSection End   */

    /* our-service-section Start  */
    .serviceTopText {
        font-size: 14px;
        line-height: 20px;
    }

    .roofServiceLabel {
        padding: 10px;
        font-size: 13px;
    }

    .serviceText {
        font-size: 14px;
    }

    .roofBody {
        padding: 10px;

    }

    .webLabel,
    .editWebInput {
        font-size: 14px;
    }


    /* our-service-section End  */

    /* myEstimatorSection Start */
    .searchBoxForEst {
        margin: 40px auto 0;
    }

    .EstHeading {
        font-size: 14px;
        line-height: 20px;
    }

    /* myEstimatorSection End */
    /* homeSection Start   */
    .heroHeading {
        font-size: 30px;
        line-height: 40px;
    }

    .heroText {
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
    }

    .getACourtBtn {
        font-size: 14px;
        line-height: 20px;
        padding: 8px 20px;
    }

    .heroLiThree,
    .heroLiFour,
    .heroLiFive {
        display: none;
    }

    .heroLiOne {
        width: 100%;
        height: 300px;
        margin-top: 20px;
    }
    .heroLiTwo {
        width: 100%;
        height: 150px;
    }

    /* homeSection End  */

    /* ourWorkSection Start  */
    .ourWorkSection {
        padding: 20px 0;
    }

    .OurWorkText {
        font-size: 16px;
        line-height: 20px;
    }

    /* ourWorkSection End  */

    /* heroWorkSection Start  */
    .heroWorkSection {
        padding: 20px 0;
    }

    .OurcardNumber {
        font-size: 23px;
        width: 50px;
        height: 50px;
    }

    .cardHeading {
        font-size: 16px;
        line-height: 20px;
    }

    /* heroWorkSection End  */

    /* AboutCompanySection Start  */

    .AboutCompanySection {
        padding: 20px 0;
    }

    .AboutLi {
        font-size: 14px;
        line-height: 20px;
    }

    /* AboutCompanySection End  */

    /* OurCustomerSection Start  */
    .OurCustomerSection {
        padding: 20px 0;
    }

    .OurCustomerNumber {
        font-size: 60px;
        line-height: normal;
    }

    .HomeRatingLi {
        height: 40px;
        width: 40px;
    }

    .HomeRatingUl {
        gap: 5px;
    }

    .totalReviewNumber {
        font-size: 40px;
        line-height: normal;
    }

    .googleReviewText {
        font-size: 14px;
        line-height: 20px;
    }

    .OurCustomerRightLiTwo {
        width: 230px;
        height: 150px;
        padding: 15px;
    }

    .OurCustomerRightUl {
        padding: 0;
    }

    /* OurCustomerSection End   */

    /* ReviewCardSection Start  */
    .ReviewCardSection {
        padding: 20px 0;
    }

    .Reviewtext {
        font-size: 14px;
        line-height: 20px;
    }

    .ReviewName {
        font-size: 15px;
        line-height: 20px;
    }

    .ReviewId {
        font-size: 13px;
        line-height: 20px;
    }

    .ReviewAvatar {
        width: 40px;
        height: 40px;
    }

    .ReviewCard {
        padding: 15px;
    }

    /* ReviewCardSection End  */
    /* FAQSection Start  */
    .FAQSection {
        padding: 20px 0 40px;
    }

    .FAQLeftHeading {
        font-size: 24px;
        line-height: 25px;
    }

    .FAQLeftText {
        font-size: 16px;
        line-height: 20px;
    }

    .FAQrightBox .accordion-body {
        padding: 0 50px 0 0;
        font-size: 14px;
    }

    .FAQrightBox .accordion-header button {
        font-size: 14px;
    }

    .FAQrightBox .accordion {
        gap: 10px;
    }

    /* FAQSection End  */

    /* myEstimatorSection Start  */
    .myEstimatorBox {
        margin: 0 0 10px 0;
    }

    /* myEstimatorSection End */
}



@media (max-width:991px) {

    /* header Start */

    .headerToggleBtn {
        display: block;
    }

    .navbar-nav {
        display: none;
    }

    .navbar-nav .nav-item .nav-link {
        font-size: 14px;
        padding: 0;
    }



    /* header End  */
}

@media (max-width:768px) {


    /* subscription-section Start  */
    .subscription-text {
        font-size: 14px;
        line-height: 20px;
        padding: 00 30px;
    }
    .heroLiOne {
        margin-top: 20px;
    }
    /* subscription-section End */
}

@media (max-width:767px) {


    /* aboutUs-section Start  */
    .aboutUs-section {
        padding: 0 0 30px 0;
    }
    .heroLiOne {
        margin-top: 0;
    }
    .aboutUsGrid {
        margin: 30px 0 0;
    }

    .aboutUsGrideTwo {
        margin: 30px 0 0;
    }

    .aboutUsImgBox {
        height: 200px;
    }

    .aboutUsBannerBox {
        height: 300px;
    }

    .PrivacyPolicybox {
        margin: 30px 0 0;
    }

    /* aboutUs-section End  */




    /* login-section Start  */



    .loginBox {
        padding: 40px 0;
    }

    /* login-section End  */

    /* forgotPasswordSection Start  */
    .forgotPasswordSection {
        padding: 40px 0;
    }

    .forgotPasswordGride {
        margin-top: 20px;
    }

    .forgotPasswordSection .loginBox {
        gap: 20px;
    }

    /* forgotPasswordSection  End  */

    /* OtpSection Start  */
    .OtpSection {
        padding: 40px 0;
    }

    .inputOtpNumber {
        width: 40px;
        height: 40px;
        font-size: 20px;
        line-height: 20px;
    }


    /* OtpSection End  */

    /* SetNewPasswordSection Start  */
    .SetNewPasswordSection {
        padding: 40px 0;
    }

    /* SetNewPasswordSection End  */
    /* homeSection Start  */
    .heroUl {
        margin: 30px 0 0;
    }

    .heroLiTwo {
        display: none;
    }

    .heroHeading {
        font-size: 30px;
        line-height: 35px;
    }

    .getACourtBtn {
        font-size: 13px;
    }

   
    /* homeSection End  */

    /* ourWorkSection Start */
    .OurWorkText {
        font-size: 14px;
        line-height: 20px;
    }

    .OurTickBox {
        width: 30px;
        height: 30px;
    }

    .heroCardGrid {
        margin-top: 30px;
    }

    .OwrWorkRightUl {
        padding: 20px 0 0;
    }

    .OwrWorkLeft {
        justify-content: center;
    }

    .OwrWorkLeft .heroHeading {
        text-align: center;
    }

    .OurCustomerRightLiOne {
        justify-content: center;
        gap: 30px;
        margin: 20px 0 0;
    }

    .OurCustomerNumber {
        font-size: 50px;
    }

    .HomeRatingLi {
        height: 30px;
        width: 30px;
    }

    .OurCustomerRightLiTwo {
        width: 200px;
        height: 120px;
        margin: 0 auto;
    }

    .totalReviewNumber {
        font-size: 30px;
        text-align: center;
    }

    .googleReviewText {
        text-align: center;
        margin: 0 auto;
    }

    .reviewGrid {
        margin-top: 30px;
    }

    /* ourWorkSection End */

    /* FAQSection Start  */

    /* .FAQrightBox {
        margin-top: 40px;
    } */

    .FAQLeftBox {
        padding: 20px;
    }

    .FaqGrid {
        margin: 30px 0 0;
    }

    /* FAQSection End  */




}


@media (max-width:576px) {


    /* Header Start  */
    .header {
        height: 60px;
    }

    .navbar-brand {
        width: 30px;
        height: 40px;
    }

    .navbar-nav .nav-item .nav-link {
        font-size: 13px;
    }

    /* header end  */
    /* profile-section Start */
    section {
        padding: 20px 0;
    }

    .web-heading {
        font-size: 20px;
        line-height: 20px;
    }

    .WebInput {
        padding: 10px 10px 10px 0px;
        font-size: 12px;
    }

    .WebInputBox .input-group-text {
        padding: 10px;
    }

    /* profile-section End */
    /* edit-profile-section End */

    .webLabel {
        font-size: 12px;
        line-height: 20px;
    }

    .editWebInput {
        font-size: 12px;
        line-height: 20px;
        padding: 10px 15px;
    }

    .ProfileGrid {
        margin: 15px 0 0 0;
    }

    .EditProfileBox {
        margin: 20px 0;
    }

    .profileName {
        font-size: 13px;
        line-height: 20px;
    }

    .SubmitBtn {
        padding: 8px 40px;
        font-size: 12px;
        line-height: 20px;
    }

    /* edit-profile-section End */


    /* change-password-section Start  */
    .editWebInputBox .input-group-text {
        padding: 10px;
    }

    /* change-password-section End */

    /* Faq-section Start  */
    .faq-accordian-box {
        margin: 30px 0;
    }

    .faq-accordian-box .accordion-header button {
        font-size: 14px;
        line-height: 20px;
    }

    .faq-accordian-box .accordion-body {
        font-size: 12px;
        line-height: 20px;
    }

    .faq-accordian-box .accordion-item {
        margin-top: 15px;
        padding: 15px;
    }

    /* Faq-section End  */


    /* privacy-policy-section Start */

    .webText {
        font-size: 12px;
        line-height: 20px;
    }

    .PrivacyPolicyLi {
        padding: 0 0 10px 0;
    }

    .PrivacyPolicyOl {
        gap: 10px;
    }

    /* privacy-policy-section End  */
    /* aboutUs-section Start  */
    .aboutUs-section {
        padding: 0 0 20px 0;
    }

    .PrivacyPolicybox {
        margin: 20px 0 0;
    }

    .aboutUsHead {
        font-size: 14px;
    }

    .aboutUsNumber {
        font-size: 20px;
        line-height: 20px;
    }

    .aboutUsGrid {
        margin: 20px 0 0;
    }

    .aboutUsCard {
        padding: 20px;
    }

    .aboutUsHead {
        font-size: 13px;
    }

    .aboutUsGrideTwo {
        margin: 20px 0 0;
    }

    .aboutUsImgBox {
        height: 150px;
    }

    /* aboutUs-section End  */

    /* contactUs-section Start  */
    .contactUs-section {
        padding: 0 0 20px 0;
    }

    .ContactFormBox {
        padding: 20px 0 0;
    }

    .WebSubHeading {
        font-size: 20px;
        margin: 0;
    }

    /* contactUs-section End  */
    /* login-section Start  */
    .login-section {
        padding: 20px 0;
    }

    .loginText {
        font-size: 12px;
    }

    .forgotPasswordLink,
    .DonotText,
    .SignUpLink {
        font-size: 12px;
    }

    .countryCodeBtn {
        font-size: 12px;
        padding: 10px 0px 10px 10px;
    }

    .fbLogin,
    .googleLogin,
    .appleLogin {
        width: 40px;
        height: 40px;
    }

    .loginUl {
        gap: 15px;
    }

    .loginBox {
        padding: 20px 20px;
        gap: 10px;
    }





    /* login-section End  */

    /* footer-section Start  */


    .footerOne {
        padding: 10px 0;
        gap: 5px;
    }

    .footerTwo {
        gap: 0;
        padding: 10px 0;
    }

    .footTwoLi {
        width: 100px;
    }

    .footTwoUl {
        gap: 10px;
    }

    .copyrightText {
        font-size: 12px;
    }

    .footer-link {
        font-size: 12px;
    }

    .footer-ul {
        gap: 10px;
    }

    .footOne {
        gap: 10px;
    }

    .footerLogo {
        width: 30px;
        height: 40px;
    }

    .footDownload {
        font-size: 16px;
        line-height: 20px;
    }

    /* footer-section End  */
    /* forgotPasswordSection Start  */
    .forgotPasswordSection {
        padding: 30px 0;
    }

    /* forgotPasswordSection End  */
    /* OtpSection Start  */
    .OtpSection {
        padding: 30px 0;
    }

    /* OtpSection End  */

    /* SetNewPasswordSection Start  */
    .SetNewPasswordSection {
        padding: 20px 0;
    }

    /* SetNewPasswordSection End  */


    /* subscription-section Start  */
    .subscription-section {
        padding: 20px 0;
    }

    .subscription-heading {
        font-size: 22px;
        line-height: 25px;
    }

    .subscription-text {
        font-size: 12px;
        line-height: 20px;
        padding: 0;
    }

    .subscription-content {
        margin: 0;
    }

    .subsn-plan,
    .subsn-start {
        font-size: 13px;
    }

    .subsn-ammount {
        font-size: 25px;
        line-height: 25px;
    }

    .subsn-doller {
        font-size: 13px;
        line-height: 20px;
    }

    .subsn-days {
        font-size: 14px;
        line-height: 20px;

    }

    .subsn-li {
        font-size: 12px;
        line-height: 22px;
    }

    .subsn-link {
        width: 120px;
        font-size: 12px;
    }

    /* subscription-section End  */

    /* payment-section Start  */

    .payment-section {
        padding: 20px 0;
    }
    
    .DeletemodalHeading {
        font-size: 18px;
        line-height: 25px;
    }

    .tutor-payment-method {
        padding: 0;
    }

    .totalPayAmtText,
    .cardNumber,
    .AddPayBtn {
        font-size: 12px;
        line-height: 20px;
    }

    .AddPayBtn {
        width: 100%;
    }

    /* payment-section End   */

    /* createAccountSection Start  */

    .ContractorTabBox {
        padding: 0 15px;
    }

    .CreateTabspanalBox .nav-item {
        width: 120px;
    }

    .CHImg {
        width: 40px;
        height: 40px;
    }

    .add-right-img {
        width: 25px;
        height: 25px;
        top: -15px;
    }

    .CreateTabspanalBox .nav {
        gap: 15px;
    }

    /* createAccountSection End  */

    /* our-service-section Start  */

    .serviceTopText,
    .roofServiceLabel,
    .serviceText {
        font-size: 12px;
        line-height: 20px;
    }

    .generatBOMBox {
        padding: 20px;
        margin: 0;
        gap: 10px
    }

    .serviceFormSubHeading {
        font-size: 14px;
        line-height: 20px;
        margin: 10px 0;
    }

    .serviceInputFileBox,
    .serviceInputImgItem {
        width:  60px;
        height: 60px;
    }
    .serviceInputFileBox{
        gap: 2px;
    }
    .uploadedImagesContainer {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
    }
    .closeImgItem {
        width: 15px;
        height: 15px;
        right: -7px;
        top: -6px;
    }

    .uploadImg {
        width:  15px;
        height: 15px;
    }

    .uploadText {
        font-size: 12px;
        line-height: 20px;
    }

    .webLabel,
    .editWebInput {
        font-size: 12px;
    }

    /* our-service-section End */
    /* myEstimatorSection Start */
    .EstHeading {
        font-size: 13px;
        line-height: 15px;
    }

    .EstText {
        font-size: 12px;
    }

    .myEstimatorCardLeft {
        width: 70px;
    }

    .myEstimatorCardRight {
        width: calc(100% - 70px);
    }

    .searchBoxForEst {
        margin: 20px auto 0;
    }

    .myEstimatorBox {
        margin: 0;
    }

    .EstimatorDetailsModal .ourServiceRightimgBox {
        gap: 10px;
        margin: 10px 0;
    }

    .EstimatorDetailsModal .serviceInputImgItem {
        width: 50px;
        height: 50px;
    }

    .EstimatorDetailsModal .ourServiceTabel table tr td {
        vertical-align: top;
        padding: 5px;
    }

    .EstimatorDetailsModal .DeleteModalBtn,
    .EstimatorDetailsModal .NoModalBtn {
        width: 40%;
        font-size: 12px;
    }

    .EstimatorDetailsModal .modal-body {
        padding: 15px;
    }

    .EstimatorDetailsModal .modal-footer {
        padding: 15px 15px 20px 15px;
        gap: 10px;
    }
    .EstGride {
        margin: 20px 0 0;
    }

    /* myEstimatorSection End */
    /* homeSection Start  */

    .heroHeading {
        font-size: 23px;
        line-height: 25px;
    }

    .heroText {
        font-size: 12px;
        line-height: 20px;
        font-weight: 500;
    }

    .getACourtBtn {
        font-size: 12px;
        margin: 10px 0 0;
    }

    .heroLiOne {
        height: 250px;
    }

    .PaymentCardModal .tutor-payment-method .mt-20px {
        margin-top: 10px;
    }










    /* homeSection End  */

    /* ourWorkSection Start  */
    .ourWorkSection {
        padding: 20px 0 15px;
    }

    .OurTickBox {
        width: 25px;
        height: 25px;
    }

    .OwrWorkRightLi {
        gap: 10px;
        align-items: flex-start;
    }

    /* ourWorkSection End  */

    /* heroWorkSection Start  */
    .heroWorkSection {
        padding: 15px 0;
    }

    .heroCard {
        padding: 20px;
    }

    .OurcardNumber {
        font-size: 20px;
        width: 40px;
        height: 40px;
    }

    .heroCardBody {
        gap: 10px;
    }

    .cardHeading {
        font-size: 15px;
        line-height: 20px;
    }

    /* heroWorkSection End  */

    /* AboutCompanySection Start  */
    .AboutCompanySection {
        padding: 15px 0;
    }

    .AboutLi {
        font-size: 12px;
        line-height: 18px;
    }

    .AboutUl {
        gap: 10px;
    }

    /* AboutCompanySection End  */

    /* OurCustomerSection Start */
    .OurCustomerSection {
        padding: 15px 0;
    }

    .OurCustomerNumber {
        font-size: 35px;
    }

    .OurCustomerRightUl {
        gap: 10px;
    }

    .OurCustomerRightLiTwo {
        width: 150px;
        height: 100px;
    }

    .totalReviewNumber {
        font-size: 25px;
    }

    .googleReviewText {
        font-size: 13px;
    }

    /* OurCustomerSection End */


    /* ReviewCardSection Start  */
    .ReviewCardSection {
        padding: 15px 0;
    }

    .reviewGrid {
        margin-top: 15px;
    }

    .Reviewtext {
        font-size: 12px;
        line-height: 18px;
    }

    .ReviewCardHeader {
        gap: 5px;
    }

    .ReviewCardBody {
        padding: 10px 0;
    }

    .ReviewName {
        font-size: 14px;
    }

    .ReviewId {
        font-size: 12px;
    }


    /* FAQSection Start  */
    .FAQSection {
        padding: 15px 0 30px;
    }

    .FaqGrid {
        margin: 15px 0 0;
    }

    .FAQLeftHeading {
        font-size: 20px;
        line-height: 25px;
        max-width: 60%;
    }

    .FAQLeftBox {
        padding: 15px;
        gap: 10px;
    }

    .FAQrightBox {
        padding: 15px;
        gap: 10px;
    }

    .FAQLeftText {
        font-size: 15px;
        line-height: 20px;
    }

    .FAQrightBox .accordion-item {
        padding: 0;
        border: 0;
    }

    .FAQrightBox .accordion-body {
        font-size: 12px;
        line-height: 17px;
    }

    .FAQrightBox .accordion-button::after {
        width: 25px;
        height: 25px;
    }

    /* FAQSection End  */


    .otpUl {
        gap: 10px;
    }
    
    

    .heroUl {
        margin: 20px 0 0;
    }








    /* ReviewCardSection End  */



















}