@media only screen and (max-width: 1679px) {
         .freetrial-txt {
            width: 56%;
            position: absolute;
            top: 90px;
            right: 0px;
        }
    }

    @media only screen and (min-width: 1600px) {
        
        .container.ourservice-container {
            max-width: 1640px;
        }

        .plans-pricing .container {
            max-width: 1470px;
        }

        .hero-section .container, .cta-ssection .container{
            max-width: 1500px;
        }

        .cta-ssection .container, .flooring-installers-section .container{
            max-width: 1314px;
        }

        

    }
         
         @media only screen and (max-width: 1280px) {
         .navbar-expand-lg.JustUserHeader .navbar-nav .nav-link {
             font-size: 14px;
         }
         .menuMobile .navbar-nav {
             background-color: #fff;
             padding: 20px 0px;
         }
      .image-overlay-get:after {
            bottom: 0;
        }

       
     }
     
     @media only screen and (max-width: 1200px) {
         .jtsAboutMain-img::after {
             left: 0px;
             bottom: 60px;
         }

         .plan-right {
            padding: 0px 5%;
        }
        .socail-ic img {
            width: 35px !important;
            margin-right: 5px;
        }

     }
     
     @media only screen and (max-width: 1180px) {
         .navbar-expand-lg.JustUserHeader .navbar-nav .nav-item {
             margin-right: 5px;
             margin-left: 5px;
         }
         .container-fluid.userPaddingJts {
             padding-left: 4%;
             padding-right: 4%;
         }
         #captcha_code_input {
             width: 100%;
             margin-top: 15px;
         }
         #captcha_code_input1 {
             width: 100%;
             margin-top: 15px;
         }

         .freetrial-txt h2 {
            font-size: 58px;
        }

        .topbarJTS .jtsHomeItem a.nav-link.spNvLink {
            margin-right: 10px;
        }

        .topbarJTS .jtsProItem a {
            font-size: 0px;
        }
     }
     @media only screen and (max-width: 1001px) {

     .topbarJTS .jtsHomeItem a.nav-link.spNvLink {
        margin-right: 0px;
    }
}
     
     @media only screen and (min-width: 992px) {
         .C_home .fndTileSatter.findTilePosition img {
             /* position: absolute; */
             position: relative;
             bottom: 0;
             /* width: 100%; */
             left: 0;
             right: 0;
             height: auto;
         }
         .C_home .fndTileSatter.findTilePosition .fndText {
             /* padding: 93px 30px 38px 30px; */
             padding: 38px 30px 38px 30px;
         }
         .C_home .fndTileSatter.findTileHight.findTilePosition {
             position: relative;
         }
     }
     
     @media only screen and (max-width: 991px) {
        .arrow-rotate {
            margin-top: 10px;
            margin-bottom: 20px;
        }
        .arrow.arrow-bar::before {
            height: 50px;
        }
        .arrow-rotate{
            transform: rotate(90deg);
            margin-top: 20px;
        }
         .C_home .fndTileSatter.findTileHight.findTilePosition {
             min-height: auto;
         }
         .cServicePro .csProDetails.CSproW-100 {
             width: 100%;
         }
         .cServicePro .csProDetails .RatingTable .RatingNumber .ratNos .progress {
             width: 146px;
         }
         .estimate-cont {
             border: 0px;
         }
         .jtsAboutMain-img img {
             width: 300px !important;
             height: 300px !important;
             margin-top: 50px;
             right: 15px;
         }
         .contactUsMain-txt {
             width: 80%;
         }

         .topbarJTS .jtsProItem a {
            font-size: 14px;
        }
     }
     
     @media (min-width: 1281px) {
         .C_home.New_Chome .fndTileSatter .fndText p {
             height: 60px;
         }
         .freeTrialText.enjoySubScribe {
             padding: 0 50px;
         }
         .menuWeb {
             display: block;
         }
         .menuMobile {
             display: none;
         }
         .darkHeader .navbar-brand img {
             width: 75px;
         }
         .darkHeader .navbar-nav .nav-link.btn.btn {
             width: 100px;
             height: 40px;
         }
     }

     @media (max-width: 1480px) {
     }
     
     @media (max-width: 1280px) {
         .jtsBlogMain .blogSection .blogImg {
             height: auto;
         }
         .plan-right h3 {
            font-size: 24px;
        }

        .plan-right {
            padding: 20px 5%;
        }

        .plan-right ul li {
            margin-bottom: 15px;
            padding: 25px 0px 25px 65px;
        }
     }
     
     @media (max-width: 1199px) {
         .slider-search {
             width: 80%;
         }
         .mainHomeBg .homeHeadText h1 {
             width: 70%;
         }
         .service-col img {
             height: 220px !important;
         }
         .homeSlider img {
             height: 250px !important;
         }
        
    }

         @media (max-width: 1024px) {
         .freetrial-txt h2 {
            font-size: 48px;
        }

        .freetrial-txt {
            top: 50px;
        }

      

        .plan-left ul li {
            width: 90%;
            margin-right: 5%;
        }

        .plan-left h3 {
            font-size: 36px;
        }

        .plan-left p {
            text-align: left;
        }

        .plan-left h4 {
            font-size: 30px;
            margin: 50px 0px 30px;
        }
    }


         @media (max-width: 991px) {
             .slider-search {
                 padding: 20px 40px 40px;
             }
             .slider-search ul li label {
                 font-size: 1.1em;
             }
             .service-col img {
                 height: 200px !important;
             }
             .homeSlider img {
                 height: 350px !important;
                 object-fit: cover;
             }
             .JTSapp .app-btn img {
    height: auto;
    width: 100%;
    max-width: 130px;
    margin-bottom: 20px;
}

.ourservice .service-col {
    height: 510px;
}

             .plan-right {
                padding: 40px 15%;
            }

            .plan_new::after, .plan_new::before {
                height: 100%;
                width: 100%;
            }

            .freetrial-txt h2 {
    font-size: 40px;
}

            .freetrial-txt p {
                font-size: 16px;
                width: 90%;
                line-height: 26px;
            }

            .plan-left ul li {
                width: 40%;
                margin-right: 5%;
            }


            .plan-newchanges.plan_new::before,  .plan-newchanges.plan_new::after {
                height: 36%;
                width: 100%;
            }

            .plan-newchanges .plan-left, .plan-newchanges .plan-right {
                height: 100%;
                padding: 50px;
            }

         }
         @media (max-width: 767px) {


            .plans-pricing-selected-inner {
                height: auto;
                padding: 50px 10px 0px 10px;
            }

            .plans-pricing.selected ul {
                column-count: 1;
            }

            .trial-period {
                padding: 30px;
            }

            .plans-pricing-selected-inner .plans-pricing-inner{
                padding: 110px 0 50px 0;
            }

            .homeHeadText .slider-search{
                max-width: 100%;
                width: 100%;
            }

            .homeHeadText .searchbar{
                padding: 0px 0px 0px 30px;
            }

            .homeHeadText .slider-search ul li{
                width: 100%;
    height: auto;
            }

           .homeHeadText .slider-search ul li label{
                    padding: 0;
            }
             .slider-search {
                 padding: 20px;
             }
             .searchbar {
                 width: 90%;
             }
             .slider-search ul li {
                 height: 60px;
             }
             .slider-search ul li label {
                 font-size: 1em;
                 padding: 0px 0px 0px 50px;
             }
             .slider-search ul li .check {
                 top: 10px;
                 left: 0px;
             }
             .service-col img {
                 height: 180px !important;
             }
             .homeSlider img {
                 height: 250px !important;
             }
             .JTSintlife .lifeText.GetAppText {
                 margin-top: 0px;
             }
             .jtsAboutMain-img {
                 text-align: center;
             }
             .jtsAboutMain-img img {
                 width: 350px !important;
                 height: 350px !important;
                 margin-top: 0px;
                 right: auto;
                 position: relative;
                 display: inline-block;
             }
             .jtsAboutMain-img::after {
                 display: none;
             }
             .contactUsMain {
                 margin-top: 70px;
             }
             .contactInfoForm {
                 margin: 0px 0px 50px;
             }
             .contactInfoForm form {
                 margin-top: 0;
             }
             .contactUsMain-txt {
                 width: 100%;
             }
             #captcha_code_input {
                 width: 47%;
                 margin-top: 0px;
             }
             .newsletter-form #captcha_code_input1 {
                 width: 100%;
                 margin-top: 15px;
             }

             .plan-right {
                padding: 30px 5%;
            }

            .plan-left ul li {
                width: 48%;
                margin-right: 2%;
            }

            .freetrial-txt {
                top: 30px;
            }

            .freetrial-txt h2 {
                font-size: 34px;
                margin-bottom: 10px;
            }

            .freetrial-txt p {
                font-size: 15px;
                width: 95%;
                line-height: 26px;
            }

            /*-----------fotr mobile--------------*/

            .businesspagemobilenew .businesspagenew {
                padding: 40px 0px;
                height: auto;
                margin-top: 0px;
            }
            .freetrial-img {
                margin-bottom: 110px;
            }

            .plan-newchanges.plan_new::before, .plan-newchanges.plan_new::after {
                height: 40%;
                width: 100%;
            }

         }
         @media (max-width: 655px) {
             #captcha_code_input {
                 width: 100%;
                 margin-top: 15px;
             }
         }
         @media (max-width: 699px) {
             .service-col img {
                 height: 250px !important;
             }

             .businesspage-col{
                margin-bottom: 30px;
            }
         }
         @media (max-width: 600px) {
         .freetrial-txt p {
            font-size: 13px;
            line-height: 21px;
        }
    }
         @media (max-width: 575px) {
             .slider-search {
                 width: 100%;
             }
             .service-col img {
                 height: 200px !important;
             }
             .socail-ic {
                 text-align: left;
             }
             .socail-ic {
                 margin-bottom: 30px;
             }
             .newsletter-form input[type="submit"] {
                 margin: 10px 0px 30px;
             }

             .plan-right {
                padding: 30px 2%;
            }

            .freetrial-txt {
                top: 50px;
                width: 100%;
            }

            .freetrial-img img {
                width: 100%;
                height: 260px;
                object-fit: cover;
            }

            .freetrial-img {
                margin-bottom: 70px;
            }

            .freetrial-txt h2 {
                width: 50%;
                float: right;
            }

            .freetrial-txt p {
                font-size: 13px;
                line-height: 21px;
                width: 98%;
                float: left;
                margin-top: 110px;
                margin-left: 1%;
                padding: 10px;
            }

               /*-----------fotr mobile--------------*/

               .businesspagemobilenew .businesspagenew {
                padding: 40px 0px;
                height: auto;
                margin-top: 0px;
            }
            .businesspagemobilenew .freetrial-img {
                margin-bottom: 0px;
            }

            .businesspagemobilenew .freetrial-txt {
                top: 80px;
                width: 100%;
            }

            .plan-left ul li {
                width: 90%;
                margin-right: 5%;
            }

            .plan-newchanges .plan-left, .plan-newchanges .plan-right {
                padding: 30px;
            }

            .plan-newchanges.plan_new::before, .plan-newchanges.plan_new::after {
                height: 42%;
            }

         }
         @media (max-width: 480px) {
            .plan-right ul li h5 {
                font-size: 21px;
                width: 100%;
            }

        .plan-right ul li h5 span {
            font-size: 16px;
        }

        span.rec-btn {
            display: inline-block;
            margin-top: 0px;
        }

        span.btn {
            margin-top: 0px;
        }

        .plan-left ul li {
            width: 100%;
            margin-right: 0px;
        }

        .freetrial p {
            width: 70%;
        }

        .freetrial-txt h2 {
            width: 70%;
        }

        .businesspagemobilenew .freetrial-txt h2 {
            width: 52%;
        }

        .plan-newchanges.plan_new::before, .plan-newchanges.plan_new::after {
            height: 39%;
        }

        .plan-newchanges .plan-left, .plan-newchanges .plan-right {
            padding: 30px 20px;
        }
    }
         @media (max-width: 425px) {
             .searchbar input {
                 width: 85%;
             }
             .searchbar {
                 width: 100%;
                 height: auto;
                 float: left;
                 border-radius: 15px;
                 padding: 10px;
                 text-align: center;
             }
             .searchbar input[type="submit"] {
                 float: none;
                 margin-top: 10px;
                 width: 100%;
                 display: inline-block;
             }
             .mainHomeBg .homeHeadText h1 {
                 font-size: 30px;
                 line-height: 30px;
                 font-weight: 600;
                 width: 100%;
             }
             .mainHomeBg {
                 background-size: cover;
                 height: 550px;
                 margin-top: 20px;
             }
             .service-col img {
                 height: 180px !important;
             }
             .jtsAboutMain-img img {
                 width: 280px !important;
                 height: 280px !important;
                 left: auto;
             }

             .freetrial p {
                width: 100%;
            }

            .plan-newchanges.plan_new::before, .plan-newchanges.plan_new::after {
                height: 42%;
            }
         }
         @media (max-width: 380px) {
         .businesspagemobilenew .freetrial-txt h2 {
            font-size: 28px;
        }

        
    }
         @media (max-width: 360px) {
             .service-col img {
                 height: 150px !important;
             }
             .service-col {
                 height: 460px !important;
             }
             .homeSlider img {
                 height: 250px !important;
             }

             .businesspagemobilenew .freetrial-txt {
                top: 60px;
            }
         }
         /* 
    ##Device = Laptops, Desktops
    ##Screen = B/w 1025px to 1280px
  */
         @media (min-width: 1025px) and (max-width: 1280px) {
             .cServicePro .CsButtons .AddCompare {
                 width: 100%;
             }
             .cServicePro .csProProduct.csProHeight.NewJTSProduct {
                 padding-bottom: 0;
             }
             .cServicePro .NewJTSProduct .CsButtons {
                 position: relative;
             }
             .cServicePro .CsButtons .ViewCompare {
                 margin-bottom: 12px;
             }
             .cServicePro .CsButtons .RequestCall {
                 width: 100%;
                 margin-left: 0;
                 margin-top: 12px;
             }
             .addTocompanreRequest {
                 position: absolute;
                 bottom: 28px;
                 left: 26px;
                 right: 26px;
             }
             .cServicePro .csProProduct.csProHeight {
                 height: 430px;
             }
             .contactDetailsBG {
                 width: 100%;
                 height: 100%;
                 padding: 30px;
             }
             .contactUsMain {
                 padding: 20px;
             }
             .contactInfoForm {
                 padding: 20px;
                 width: 100%;
                 margin-left: 0;
             }
             .contactUsMain h1 {
                 margin-bottom: 27px;
                 font-size: 30px;
             }
             .cSCallBackReq .callREqBtn.d-flex {
                 display: block !important;
             }
             .cSCallBackReq .callREqBtn button {
                 width: 100%;
                 margin: 10px 0 !important;
             }
             .cSCallBackReq .callREqBtn button {
                 width: 100%
                 margin: 10px 0 !important;
             }
             .menuMobile .navbar-nav {
                 background-color: transparent;
             }
             .menuWeb {
                 display: block;
             }
             .menuMobile {
                 display: none;
             }
             .jtsBlogMain .blogSection .blogImg {
                 height: auto;
             }
         }
         /* 
    ##Device = Tablets, Ipads (portrait)
    ##Screen = B/w 768px to 1024px
  */
         @media (min-width: 768px) and (max-width: 1024px) {

            .plans-pricing-selected-inner {
                height: auto;
                padding: 50px;
            }
            
.slider-search ul li .check{
    left: 0;
}

            .ourservice .service-col {
               height: 500px;
            }

             .spBookDetails .spBookPhoto img {
                 width: 100%;
                 height: 76px;
             }
             .GetFlex {
                 flex-direction: column-reverse;
             }
             .C_home .fndTileSatter .TileInstaller p {
                 width: 82%;
             }
             .TileSetter .tileText {
                 padding: 20px;
             }
             .TileSetter .tileText h2 {
                 line-height: 30px;
                 font-size: 20px;
             }
             .TileSetter .tileText p {
                 line-height: 20px;
                 margin-bottom: 30px;
                 font-size: 12px;
             }
             .JTSintlife .lifeText {
                 width: 100%;
             }
             .JTSintlife .lifeText h3,
             .JTSintlife.JTSapp .lifeText h3,
             .JTSfaq .faqHead h3 {
                 line-height: 30px;
                 font-size: 30px;
             }
             .JTSintlife .lifeText p,
             .JTSfaq .faqHead p {
                 font-size: 14px;
                 line-height: 20px;
                     max-width: 80%;
             }
             .clientProduct .owl-dots {
                 display: none;
             }
             .JTSintlife.JTSapp .d-table {
                 margin: 0;
             }
             .JTSintlife.JTSapp .appStore a {
                 height: 50px;
                 width: 155px;
             }
           /*  .JTSintlife {
                 margin-top: 50px;
             }*/
             .JTSapp .app-btn img {
    max-width: 130px;
    height: auto;
}

.homeHeadText .slider-search{
        max-width: 70%;
}
             .clientProduct .MSIpro {
                 height: 400px;
             }
             .JTSfaq {
                 margin-top: 0;
             }
             .faqAcc .card-header {
                 padding: 10px;
             }
             .faqAcc .btn-link.collapsed,
             .faqAcc .btn-link {
                 font-size: 14px;
             }
             .faqAcc h5 button i {
                 top: 5px;
             }
             .collapse.show .card-body {
                 font-size: 12px;
                 line-height: 20px;
                 padding: 10px 25px;
             }
             footer .JTSFooter .footerDetails h5,
             footer .JTSFooter .footerDetails p,
             footer .JTSFooter .footerDetails p a {
                 font-size: 12px;
                 line-height: 14px;
                 margin-bottom: 10px;
             }
             footer .JTSFooter .footerSocial {
                 margin-top: 0;
             }
             footer .JTSFooter .footerSocial a {
                 width: 50px;
                 height: 41px;
             }
             footer .JTSFooter .footerSocial a i {
                 font-size: 12px;
             }
             footer .JTSFooter .footerSupport {
                 margin-top: 5px;
                 margin-bottom: 5px;
             }
             footer .JTSFooter .footerSupport a {
                 font-size: 12px;
                 margin-right: 20px;
             }
             footer .JTSFooter span {
                 font-size: 10px;
                 line-height: 18px;
                 display: flex;
             }
             .menuWeb {
                 display: none;
             }
             .menuMobile {
                 display: block;
             }
             .UserLogin {
                 background-image: none;
                 margin-top: 165px;
             }
             .UserLogin h2 {
                 font-size: 25px;
                 line-height: 35px;
             }
             .UserLogin .userLoginForm {
                 margin-top: 50px;
             }
             .UserLogin .userLoginForm {
                 width: 100%;
             }
             .topbarJTS .notifyA:before {
                 bottom: -3px;
             }
             .payment_container label {
                 top: 62px;
             }
             .clientProduct .MSIpro .MScontactDetails span {
                 display: block;
                 white-space: nowrap;
                 width: 17em;
                 overflow: hidden;
                 text-overflow: ellipsis;
             }
             .cServicePro .csProProduct.csProHeight {
                 height: 426px;
             }
             .addTocompanreRequest {
                 position: absolute;
                 bottom: 28px;
                 left: 26px;
                 right: 26px;
             }
             /* .addTocompanreRequest {
        position: relative;
        bottom: 0;
    } */
             .contactDetailsBG {
                 width: 100%;
                 height: 100%;
                 padding: 30px;
             }
             .contactUsMain {
                 padding: 20px;
             }
             .contactInfoForm {
                 padding: 20px;
                 width: 100%;
                 margin-left: 0;
             }
             .contactUsMain h1 {
                 margin-bottom: 27px;
                 font-size: 30px;
             }
             .modal-body.JtsSerPad {
                 padding: 0px 30px;
             }
             .jtsBlogMain .blogSection .blogImg {
                 height: auto;
             }
         }
         /* 
    ##Device = Tablets, Ipads (landscape)
    ##Screen = B/w 768px to 1024px
  */
         @media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
             .JTSintlife.JTSapp .d-table {
                 margin: 0 76px;
             }
             footer .JTSFooter .footerSocial {
                 margin-top: 20px;
             }
             footer .JTSFooter .footerSupport {
                 margin-top: 20px;
                 margin-bottom: 20px;
             }
             footer .JTSFooter span {
                 font-size: 12px;
             }
             .menuMobile .navbar-nav {
                 background-color: transparent;
             }
             .menuWeb {
                 display: block;
             }
             .menuMobile {
                 display: none;
             }
             .JustUserHeader .navbar-toggler {
                 background-color: #4e70ea;
                 margin-right: 0px;
             }
             .UserLogin {
                 background-image: url(../img/loginHeadBg.png);
                 background-size: contain;
             }
             .topbarJTS .jtsProItem a {
                 margin-right: 12px;
             }
             .topbarJTS .jtsHomeItem a.nav-link {
                 margin-right: 10px;
             }
             .topbarJTS .notifyA:before {
                 width: 32%;
             }
             /* .spCallBack .spCallBtn a {
        font-size: 12px;
    }
    .spCallBack .spCallBtn i {
        padding: 5px 9px;
        margin-left: 4px;
    } */
             .cServicePro .csProProduct.csProHeight {
                 height: 426px;
             }
             /* .addTocompanreRequest {
        position: relative;
        bottom: 0;
    } */
         }
         /* 
    ##Device = Low Resolution Tablets, Mobiles (Landscape)
    ##Screen = B/w 481px to 767px
  */
         @media (min-width: 481px) and (max-width: 767px) {
             .menuWeb {
                 display: block;
             }
             .menuMobile {
                 display: none;
             }
             .JustUserHeader .navbar-toggler {
                 background-color: #4e70ea;
                 margin-right: 0px;
             }
             .payment_container label {
                 top: 62px;
             }
             .cServicePro .csProProduct.csProHeight {
                 height: 100%;
             }
             .addTocompanreRequest {
                 position: relative;
                 bottom: 0;
             }
             .contactDetailsBG {
                 width: 100%;
                 height: 100%;
                 padding: 30px;
             }
             .contactUsMain {
                 padding: 20px;
             }
             .contactInfoForm {
                 padding: 20px;
                 width: 100%;
                 margin-left: 0;
             }
             .contactUsMain h1 {
                 margin-bottom: 27px;
                 font-size: 30px;
             }
             .UserLogin .userLoginForm {
                 width: 100%;
             }
             .jtsBlogMain .blogSection .blogImg {
                 height: auto;
             }
             .spBookDetails .spBookPhoto img {
                 width: 100%;
                 height: 90px;
             }
         }
         /* 
    ##Device = Most of the Smartphones Mobiles (Portrait)
    ##Screen = B/w 320px to 479px
  */
         @media (min-width: 320px) and (max-width: 480px) {
             .cServicePro .backPro a {
                 width: 20% !important;
             }
             .octoscenter {
                 text-align: left;
             }
             .footerMenus {
                 font-size: 12px;
                 margin-right: 10px;
             }
             .cserviceArea .findServices .servicePhotoJts {
                 padding: 0 20px;
             }
             .menuWeb {
                 display: none;
             }
             .menuMobile {
                 display: block;
             }
             .C_home .fndTileSatter .fndText,
             .C_home .fndTileSatter .TileInstaller {
                 padding: 20px;
             }
             .C_home .fndTileSatter .fndText p,
             .cServicePro .cPLocation .LocText,
             .cServicePro .cPLocation .LocText,
             .JTSintlife .lifeText,
             .JTSintlife .lifeText.GetAppText,
             .UserLogin .userLoginForm {
                 width: 100%;
             }
             .GetFlex {
                 flex-direction: column-reverse;
             }
             .C_home .fndTileSatter {
                 margin-top: 30px;
             }
             .C_home .fndTileSatter .TileInstaller p {
                 width: 74%;
             }
             .C_home {
                 margin-top: 119px;
             }
             .TileSetter .tileText,
             .TileSetter .tileImg {
                 display: block;
             }
             .TileSetter .tileText {
                 width: 100%;
                 padding: 20px;
                 margin-bottom: 20px;
             }
             .TileSetter .tileText h2 {
                 line-height: 30px;
                 font-size: 20px;
             }
             .TileSetter .tileText p {
                 font-size: 12px;
                 line-height: 20px;
             }
             /*.JTSintlife {
                 margin-top: 50px;
             }*/
             .JTSintlife .lifeText h3,
             .JTSintlife.JTSapp .lifeText h3 {
                 font-size: 20px;
                 line-height: 30px;
                 margin-bottom: 6px;
                 margin-top: 20px;
             }
             .JTSintlife .lifeText p {
                 font-size: 12px;
                 line-height: 20px;
             }
             .clientProduct .MSIpro {
                 height: auto;
             }
             .clientProduct .owl-dots {
                 display: none;
             }
             .clientProduct .owl-theme .owl-nav {
                 text-align: center;
             }
             .JTSintlife.JTSapp .appStore a {
                 height: 50px;
                 width: 100%;
             }
             .JTSintlife.JTSapp .appStore a .appText span {
                 font-size: 10px;
             }
             .JTSintlife.JTSapp .appStore a .appText p {
                 font-size: 12px;
             }
             .JTSintlife.JTSapp .appStore.d-table-cell {
                 display: block !important;
                 margin-bottom: 8px;
             }
             .JTSintlife.JTSapp .jTsLifeImg {
                 margin-top: 50px;
             }
             .JTSfaq {
                 margin-top: 60px;
             }
             .JTSfaq .faqHead h3 {
                 font-size: 20px;
                 line-height: 30px;
             }
             .JTSfaq .faqHead p {
                 font-size: 12px;
             }
             .faqAcc .card-header {
                 padding: 10px;
             }
             .faqAcc .btn-link.collapsed,
             .faqAcc .btn-link {
                 font-size: 14px;
                 line-height: 30px;
                 width: 230px;
             }
             .faqAcc h5 button i {
                 top: 6px;
             }
             .collapse.show .card-body {
                 padding: 0 24px;
                 font-size: 12px;
                 line-height: 20px;
             }
             .FooterFlexDire {
                 flex-direction: column-reverse;
             }
             footer .JTSFooter {
                 margin-top: 30px;
             }
             footer .JTSFooter .footerDetails {
                 margin-bottom: 20px;
             }
             footer .JTSFooter .footerDetails h5 {
                 font-size: 14px;
                 line-height: 14px;
                 margin-bottom: 8px;
             }
             footer .JTSFooter .footerDetails p {
                 margin-bottom: 0;
             }
             footer .JTSFooter .footerDetails p a {
                 font-size: 12px;
                 line-height: 0;
             }
             footer .JTSFooter .footerSocial {
                 margin-top: 0;
             }
             footer .JTSFooter .footerSocial a:first-child {
                 width: 44px;
                 height: 40px;
             }
             footer .JTSFooter .footerSocial a i {
                 font-size: 12px;
             }
             footer .JTSFooter .footerSupport {
                 margin-top: 19px;
                 margin-bottom: 19px;
             }
             footer .JTSFooter .footerSupport a {
                 font-size: 12px;
                 margin-right: 14px;
             }
             footer .JTSFooter span {
                 font-size: 10px;
                 display: flex;
                 line-height: 18px;
                 margin-bottom: 20px;
                 text-align: center;
             }
             .compareProductJts .CompareTileSetters {
                 justify-content: center;
             }
             .compareProductJts .modal-content {
                 padding: 9px;
             }
             .compareProductJts .comProduct {
                 padding-bottom: 0;
                 display: block;
                 width: 100%;
             }
             .compareProductJts .comProduct img {
                 width: 100%;
                 height: 100%;
                 margin-bottom: 15px;
             }
             .compareProductJts .comProduct .comText {
                 padding-left: 0;
                 width: 100%;
             }
             .compareProductJts h3 {
                 display: none;
             }
             .UserLogin {
                 background-image: none;
                 margin-top: 165px;
             }
             .UserLogin .userLoginForm {
                 padding: 20px;
             }
             .UserLogin .userLoginForm {
                 margin-top: 50px;
             }
             .UserLogin h2 {
                 text-align: center;
                 font-size: 20px;
                 line-height: 27px;
                 width: 100%;
             }
             .LogInSocial p::before,
             .LogInSocial p::after {
                 width: 35px;
             }
             span.spanArrow {
                 top: -58px;
                 left: -2px;
             }
             .navbar-dark .navbar-brand img {
                 width: 100px;
                 margin-left: 0px;
             }
             .JustUserHeader .navbar-toggler {
                 background-color: #4e70ea;
                 margin-right: 0px;
             }
             .requestCallBtn .reqRate.fltRate,
             .requestCallBtn .reqForm button,
             .requestCallBtn .reqForm .clear_filter {
                 width: 100%;
             }
             .requestCallBtn .reqForm button,
             .requestCallBtn .reqForm .clear_filter {
                 margin: 8px 0;
             }
             .payment_container label {
                 top: 62px;
             }
             .clientProduct .MSIpro .MScontactDetails span {
                 display: block;
                 white-space: nowrap;
                 width: 17em;
                 overflow: hidden;
                 text-overflow: ellipsis;
             }
             .modal-dialog.jts-dialog {
                 margin-left: 10px;
                 margin-right: 10px;
             }
             .cserviceArea .findServices .undraw_form {
                 width: 100%;
             }
             .cServicePro .csProProduct.csProHeight {
                 height: 100%;
             }
             .addTocompanreRequest {
                 position: relative;
                 bottom: 0;
             }
             .bookmarksPopup .addToBookmarkService button {
                 margin: 20px 0 10px !important;
                 width: 100%;
             }
             .bookmarksPopup .addToBookmarkService {
                 margin-bottom: 38px;
             }
             .modal-body.JtsSerPad {
                 padding: 0px 20px;
             }
             .cserviceArea .owl-carousel .owl-nav .owl-prev {
                 left: 50px;
                 top: auto;
                 bottom: -50px;
             }
             .cserviceArea .owl-carousel .owl-nav .owl-next {
                 right: 50px;
                 top: auto;
                 bottom: -50px;
             }
             .PurchaseRow {
                 padding: 0 20px;
             }
             .cserviceArea .findServices .ques1JTpoint p {
                 white-space: nowrap;
                 width: 21em;
                 overflow: hidden;
                 text-overflow: ellipsis;
             }
             .cserviceArea .findServices .undraw_form.quesForm.mt-5 {
                 margin-top: 4rem !important;
             }
             .contactUsMain {
                 padding: 20px 10px;
             }
             .contactUsMain h1 {
                 font-size: 24px;
                 margin-bottom: 30px;
             }
             .contactDetailsBG {
                 width: 100%;
                 padding: 20px;
             }
             .contactInformations p,
             .contactInformations a {
                 font-size: 14px;
             }
             .contactInfoForm form {
                 padding: 20px;
             }
             .contactInfoForm {
                 padding: 0px;
                 width: 100%;
                 margin-left: 0;
             }
             .cserviceArea .findServices .ques1JTpoint.ques8jtsPont .JtsDate {
                 width: 100%;
             }
             .c_Padding {
                 padding-left: 15px;
                 padding-right: 15px;
             }
             .C_home .fndTileSatter.findTileHight {
                 min-height: auto;
             }
             .cserviceArea .findServices .jtsProjectRadio .custom-control-inline,
             .cserviceArea .findServices .jtsProjectRadio.jtsBusinessProject .custom-control-inline {
                 left: 30%;
             }
             .freeTrialText {
                 padding: 0 20px;
             }
             .spForm .clearfix {
                 margin-bottom: 13px;
             }
             .spForm .progress_buttons {
                 margin-top: 20px;
             }
             .jtsBlogMain .blogSection .blogImg {
                 height: 100%;
             }
             .spBookDetails .spBookPhoto img {
                 width: 100%;
                 height: 105px;
             }
         }
         @media(max-width:320px) {
             .spBookDetails .spBookPhoto img {
                 width: 100%;
                 height: 76px;
             }
             .jtsBlogMain .blogSection .blogImg {
                 height: 100%;
             }
             .payment_container label {
                 top: 92px;
             }
             .clientProduct .MSIpro .MScontactDetails span {
                 display: block;
                 white-space: nowrap;
                 width: 17em;
                 overflow: hidden;
                 text-overflow: ellipsis;
             }
             .cserviceArea .findServices .undraw_form {
                 width: 100%;
             }
             .modal-body.JtsSerPad {
                 padding: 0px 20px;
             }
             .contactUsMain {
                 padding: 20px 10px;
             }
             .contactUsMain h1 {
                 font-size: 24px;
                 margin-bottom: 30px;
             }
             .contactDetailsBG {
                 width: 100%;
                 padding: 20px;
             }
             .contactInformations p,
             .contactInformations a {
                 font-size: 14px;
             }
             .contactInfoForm {
                 padding: 0px;
                 width: 100%;
                 margin-left: 0;
             }
             .contactInfoForm form {
                 padding: 20px;
             }
             .purchaseNo.homePurchNo img {
                 height: 298px !important;
             }
         }
         @media (max-width: 1024px) {
             .cServicePro .csProProduct.csProHeight.NewJTSProduct {
                 padding-bottom: 0;
             }
             .cServicePro .NewJTSProduct .CsButtons {
                 position: relative;
             }
             .cServicePro .CsButtons .ViewCompare {
                 margin-bottom: 12px;
             }
             .cServicePro .backPro a {
                 width: 8%;
             }
             .jtsBlogMain .blogSection .blogText h3 {
                 font-size: 16px;
             }
             .jtsBlogMain .blogSection .blogText p {
                 font-size: 14px;
                 margin: 22px 0;
                 line-height: 27px;
             }
             #copyright {
                 font-size: 12px;
                 line-height: 20px;
             }
             .octosLogo {
                 width: 80px;
             }
             .GetFlex .col-lg-6 {
                 -ms-flex: 0 0 100%;
                 flex: 0 0 100%;
                 max-width: 100%;
             }
             .cServicePro .CsButtons .AddCompare {
                 width: 100%;
             }
             .cServicePro .CsButtons .RequestCall {
                 width: 100%;
                 margin-left: 0;
                 margin-top: 12px;
             }
             .cSCallBackReq .callREqBtn.d-flex {
                 display: block !important;
             }
             .cSCallBackReq .callREqBtn button {
                 width: 100%;
                 margin: 10px 0 !important;
             }
             .cSCallBackReq .callREqBtn button {
                 width: 100%;
                 margin: 10px 0 !important;
             }
             .UserLogin {
                 /* background-image: none !important; */
                 margin-top: 165px;
                 position: relative !important;
             }
             .UserLogin h2 {
                 text-align: center;
                 font-size: 20px;
                 line-height: 27px;
                 width: 100%;
             }
             .UserLogin .userLoginForm {
                 margin-top: 50px;
             }
             .dropdown-content.show {
                 height: 450px;
                 overflow: scroll;
             }
             .spForm .select2-container--default .select2-selection--multiple .select2-selection__choice {
                 float: none;
             }
         }
         @media (max-width: 1000px) {
             .UserLogin {
                 background-image: none !important;
             }
         }
         @media screen and (min-width: 1366px) {
             .UserLogin.pb-5 {
                 padding-bottom: 1rem !important;
             }
         }
         @media (max-width: 1023px) {
             .subScribeBtn {
                 margin-top: 0;
             }
             /*------22-09-21-----*/
             .filter-sec form {
                 width: 70%;
             }
             .filter-sec .userFilter {
                 width: 28%;
             }
         }
         @media (max-width: 767px) {
             .UserButtonPosition {
                 position: relative !important;
                 bottom: 0 !important;
                 width: 100% !important;
                 margin-left: 0 !important;
                 margin-right: 0 !important;
             }
             .TileSetterProduct {
                 padding: 30px 30px 0px 30px !important;
             }
             .C_home.New_Chome .fndTileSatter .fndText p {
                 height: auto;
             }
             .topbarJTS .ml-5,
             .topbarJTS .mx-5 {
                 margin-left: 0rem !important;
             }
             .topbarJTS .d-table-cell {
                 display: block !important;
             }
             .topbarJTS .jtsProItem {
                 margin-top: 10px;
                 margin-bottom: 25px;
             }
             .topbarJTS .navbar-brand:before {
                 height: 90px;
             }
             .topbarJTS .jtsHomeItem a.nav-link:before {
                 bottom: 0;
             }
         }
         @media (max-width: 991px) {
             .jtsBlogDetailsMain .blogDetailsText .post-content h1 {
                 font-size: 24px;
                 line-height: 34px;
             }
             .navbar.JustUserHeader,
             .navbar.JustUserHeader.darkHeader {
                 padding: 0px 20px;
             }
             .container-fluid.userPaddingJts.homeHeaderPad {
                 padding-right: 0% !important;
             }
             .cServicePro .csProProduct.NewJTSProduct .cProtable img {
                 width: 70px;
                 height: 70px;
             }
             .cServicePro .csProProduct.NewJTSProduct .cProtable .cproText p {
                 font-size: 16px;
             }
             .cServicePro .csProProduct.NewJTSProduct .cProtable img.NewCerrect {
                 width: 22px;
                 height: 22px;
                 margin-top: -5px;
             }
         }
         @media (max-width: 767px) {
             .newIntro,
             .newSelf {
                 display: block;
             }
             /*---------------new-team-page-----------------*/
             .team-page p {
                 width: 90%;
             }
         }
         @media (max-width: 680px) {
             .jtsBlogDetailsMain .blogDetailsText .post-content h1 {
                 font-size: 20px;
             }
             .cServicePro .backPro a {
                 width: 15% !important;
             }
         }
         @media (max-width: 575px) {
             .jtsBlogDetailsMain .blogDetailsText .post-content h1 {
                 font-size: 16px;
             }
             .jtsBlogDetailsMain .blogDetailsText .post-content p {
                 font-size: 14px;
             }
         }
         @media (min-width: 768px) {
             .container {
                 max-width: 100%;
             }
             .TileSetterProduct {
                 min-height: 100%;
             }
         }
         @media (min-width: 576px) {
             .container {
                 max-width: 100%;
             }
         }
         @media (max-width: 982px) {
             .C_home.New_Chome .fndTileSatter .fndText p {
                 height: 83px;
             }
         }
         @media (max-width: 817px) {
             .C_home .fndTileSatter .fndText {
                 height: auto;
             }
             .C_home.New_Chome .fndTileSatter .fndText p {
                 height: 100px;
             }
         }
         @media (max-width: 767px) {
             .C_home.New_Chome .fndTileSatter .fndText p {
                 height: auto;
             }
             .cServicePro .backPro a {
                 width: 10%;
             }
             /*------22-09-21-----*/
             .filter-sec form {
                 width: 100%;
             }
             .filter-sec .userFilter {
                 margin-top: 0px;
                 margin-bottom: 10px;
             }
         }
         @media (min-width: 320px) and (max-width: 480px) {
             .cServicePro .backPro a {
                 width: 20% !important;
             }
         }
         @media (min-width: 992px) and (max-width: 1199px) {
             .cServicePro .csProDetails .RatingTable .RatingReview {
                 width: 25%;
             }
             .cServicePro .csProDetails .RatingTable .RatingNumber {
                 padding-left: 35px;
             }
             .cServicePro .csProDetails .RatingTable {
                 width: 100%;
             }
             .cServicePro .csProDetails .RatingTable .RatingNumber .ratNos .progress {
                 /* width: 123px; */
                 width: 285px;
             }
         }
         @media (min-width: 1200px) {
             .UserButtonPosition {
                 position: absolute;
                 bottom: 0;
                 width: 95%;
             }
             .TileSetterProduct {
                 /* padding: 30px 30px 50px 30px; */
                 padding: 30px 30px 70px 30px;
             }
         }
         @media (max-width: 1199.98px) {
             .TileSatterData img {
                 width: 100px;
                 height: 100px;
             }
             .container.csContainer {
                 /* max-width: 100%; */
                 max-width: 100%;
             }
             .UserDetailsBottom .col-lg-4 {
                 -ms-flex: 0 0 100%;
                 flex: 0 0 100%;
                 max-width: 100%;
             }
             .UserButtonPosition {
                 position: absolute;
                 bottom: 0;
                 width: 95%;
             }
             .TileSetterProduct {
                 padding: 30px 30px 214px 30px;
             }
         }
         @media (max-width: 420px) {
             .team-col img {
                 width: 240px;
                 height: 240px;
             }
             .jtsBlogMain .blogSection .blogText .blogOwner {
                 font-size: 12px;
             }
             .jtsBlogMain .blogSection .blogText .blogOwner span {
                 font-size: 12px;
                 padding: 0px 5px;
             }

             .upload-img h4 {
                font-size: 18px;
                margin-top: 20px;
            }

            #image_upload_preview2 .addPhotosFeaturedNtcaCerti {
                float: none;
                margin: 0px;
            }
         }