@media only screen and ( min-width:960px) and ( max-width:1200px ){
  .user-img {
  width: 60px;
  height: 60px; 
  min-width: 60px;
}

.form-head h2{font-size: 22px;}

.form-bxes p {
  margin: 4px 0px 0px;}

.form-bxes p input, .form-bxes p select{font-size: 14px;}  

.form-bxes p span{font-size: 14px;}

.selling-slides h5{font-size: 13px;}
.selling-slides h4 {
    font-size: 12px;
    margin: 0px;
    height: 26px;
}
.selling-slides h3 {
    font-size: 13px;
    margin: 0px;
    color: #e15a0b;
}
}


@media only screen and ( min-width:768px) and ( max-width:959px ){

.boxes-rquied {
  padding: 0px 5px;
}  

.appointment-dv ul li img{width: 70px;}

.appointment-dv li span{font-size: 18px;}

.appointment-dv ul::before{top: 23%;}

.container-fluid {
  padding: 0px 15px;
}

.form-head h2{font-size: 19px;}

.form-bxes p input, .form-bxes p select {
  width: 100%; padding: 4px 15px;  font-size: 14px;
}

.form-bxes p span{font-size: 13px;}

.form-button input { height: 40px;line-height: 38px;
}

.form-banner {
  width: 100%; padding: 15px;
}

.form-bxes p {
  margin: 3px 0px 0px;}

.prgnsis-mns img {
  width: 63px;}

.top-tag h3{font-size: 12px;}

.accre_logo img{width: 100%;}

.hero h2 {
  font-size: 25px !important; line-height: 30px !important;}

.hero h1 strong {
  font-size: 55px !important;
}

.hero h1 {
  font-size: 46px !important;line-height: 39px !important;
}

.hero h1 span {
  font-size: 26px !important;
}

.hero h2{text-align: center !important;}


}


@media only screen and ( min-width:600px) and ( max-width:767px ){

.container-fluid {
  padding: 0px 15px;
}

.form-banner { width: 100%;}

.banner-form{position: relative; margin-top:25px;}

#ct-section, #selling-test, #ctscan-rqrd, #appoint, #testimonial-sct,
#prognosis-dv {  padding: 50px 0px;}

.header-right p:last-child {
  margin-right: 0px;
}

.selling-slides h4{font-size: 15px;}

.selling-slides h3{font-size: 16px;}

.open-menu a#toggle {
  margin-top: -10% !important;
}

.ct-text {margin-top: 25px;}

#nav-section{padding: 0px; border:none;}

.appointment-dv li{width: 48%; margin: 20px 0px; padding: 0px 15px;}

.appointment-dv ul::before{display: none;}

.appointment-dv ul li span b{display: none;}

.appointment-dv li span {
  width: auto; margin-left: 0px;  text-align: center; display: block; margin-bottom: 5px;
}

.prognosis-main .columns {
  border-right: 1px dashed #000; width: 33%; height: auto;margin: 10px 0px;
}

.prognosis-main .columns:nth-child(3){border-right: none;}

.prgnsis-mns h3{height: 90px;}

.footer-head ul li{width: 50%; height: 180px;}

.footer-two{padding-bottom: 0px;}

.copyright-text{text-align: center;}

.social-footer ul{text-align: center; margin-top:15px;}

.social-footer ul li {
  margin: 0px 10px 0px 10px;}

a#toggle {
  margin-top: -9% !important;
}  

.cll-desk p{float: left;}

.top-tag h3 {
    font-weight: 700;
    color: #1a2555;
    font-size: 11px !important;
    padding: 10px;
    text-align: center;
  }

.trusted .accre_logo img {
    width: 149px;
  }

  .title-page span {
  font-size: 35px;}

.title-page img {
  width: 28%;
}




.navbar-brand  img{width: 100%;}

.navbar-toggler{float: right;}

.navbar-nav li{margin: 5px 0px;}

.hero-content{padding-top: 0 !important; width: 100% !important;}

.hero{padding: 35px 0px !important}

 .hero h1 {
    font-size: 40px !important;
  }

.hero h1 strong {
  font-size: 45px !important;
}

.hero h1 span, .hero h2 {
  font-size: 26px !important;
}

.app-card {padding: 0px 20px !important;}

  #booking {  padding: 30px 15px !important; background: #fff !important; margin-top: 0 !important}



.hero button{color: #fff !important}

.contact-action-section {
  padding: 30px 15px 20px !important;}

#advanced-ct{margin-top: 25px !important ; padding: 20px 20px 50px !important }

.explore-btn {
  margin: 0px auto !important;}
 
#serving{margin-top: 50px !important}

#serving {
  padding: 50px 20px !important;}

.lab-img{margin-bottom: 20px !important}

.contact-btn {padding: 9px 9px !important;
  border-radius: 50px !important;
  font-size: 14px !important; display: inline-flex !important;
  gap: 8px !important;
  min-width: 172px !important;
}

.contact-action-wrapper{gap: 7px !important}

.call-01 {
  bottom: 10px !important; width: 100% !important;
  right: 0 !important;}

.footer-form-box {
  width: 90% !important;}


.hero h2 {
  text-align: center !important;
}

.bank-strip {
  padding: 20px 0 !important;
}

.footer-logo img {
  margin-bottom: 20px !important;
}

.contact-action-wrapper{flex-direction: initial !important;}

.wa-icon {
  width: 16px !important;
  height: 16px !important;}



.hero h1{line-height: 34px !important}

.app-card h3 {
  font-size: 21px !important;}

.mostrequest .col-6{padding: 0px 5px !important;}

.small-card img {
  width: 70px !important;}

.small-card button {  padding: 3px 24px !important;
  margin-top: 6px;}

.small-card p {
  font-size: 14px !important;
  line-height: 19px !important;
}

.mostrequest {padding: 0px 5px }

#advanced-ct  .col-6{padding: 0px 5px !important;}

.hero h1{margin-bottom: 0 !important}

.big-card img {
  width: 60px !important}

.big-card h5 {font-size: 17px !important;
}

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

.big-card button {
  padding: 6px 25px !important;}

.big-card{height: 100%;}

.gapcustom {
  row-gap: 8px !important;
}

  #moreCtData {
    margin-top:10px !important;
}


}


@media only screen and ( min-width:320px) and ( max-width:599px ){

.container-fluid {
  padding: 0px 15px;
}

.appointment-dv ul li span b{display: none;}

.banner-form{position: relative; margin-top: 20px;}

.title-page span{font-size: 20px;}

.das-rating{font-size: 16px;}

.trusted .accre_logo img {  width: 100%; }

.title-page {
    font-size: 20px; font-weight: 700; color: #1a2555; line-height: 40px;  }

.form-banner { width: 100%;}

.form-head h2 { margin: 0px 0px 15px; font-size: 27px;}

.selling-title h2{font-size: 25px;line-height: 20px;}

.ct-text {margin-top:30px;}

#ct-section, #selling-test, #ctscan-rqrd, #appoint, #testimonial-sct,
#prognosis-dv {  padding: 50px 0px;}

.appointment-dv li{width: 44%; margin: 15px 3%;}
.appointment-dv li img { width:80px;
}
.appointment-dv ul::before {display: none;
}
.appointment-dv li p { font-size:14px;
}
.appointment-dv li span{width: auto; margin-left: inherit; text-align: center;
display: block;}

.prognosis-main .col{flex-basis:1 !important; border-right: none;
border-bottom: 1px dashed #000; -ms-flex-preferred-size:1 !important;
flex-basis: 1 !important; -ms-flex-positive:1 !important; }

.testimonial-box .text{width: 100%;margin-top: 15px;}

.testimonial-box{display: block !important; padding-left: 0px !important;
}

.user-img{margin: 0px auto;}

.footer-head ul li{width: 44%; margin:20px 3%; font-size: 11px;}

.footer-two {  padding: 20px 0px;}

.copyright-text{text-align: center;}

.social-footer ul {
  margin: 15px 0px 0px; text-align: center;
}

.logo-dv img {
  width: 100%; float: none; max-width: 170px;
}

.header-right{text-align: center; display: block; margin-top: 0px;
text-align: right;}

.header-right p{float: none; display: block;}

.header-right p:last-child{
 margin-right: 0px;
 margin-top: 0px !important; 
    float: none;
    line-height: 12px;
    font-size: 14px;
    text-align: center;
}

#nav-section{padding: 0px; border:none;}

.prognosis-main .columns {
  width: 49%;
  height: 170px;
  margin: 20px auto 5px;
  display: inline-block;
  float: none;
}

#prognosis-dv{padding-bottom: 0px;}

.prognosis-main .col-lg-12{text-align: center;}

.prgnsis-mns h3{font-size: 14px;}

.prognosis-main .columns:nth-child(2n){border-right: none;}

.prognosis-main .columns:last-child{border-bottom: none; padding-bottom: 0px;}

#nav-section{padding: 0px; border:none;}

.social-footer ul li {
  margin: 0px 10px 0px 10px;}

.header-right p span {font-size: 14px;}

.header-right p a{font-size: 14px;}

.boxes-rquied {
padding: 0px 15px;
}

.boxes-rquied h4 {
  font-size: 15px;
  line-height: 19px;
}
.footer-head ul li a { font-size:11px;
}

header .container .col-md-2{padding-left: 0px;}

.banner-maindv .col-md-7{padding: 0px;}

  .top-tag h3 {
    font-weight: 700;
    color: #1a2555;
    font-size: 11px !important;
    padding: 10px;
    text-align: center;
  }

    .top-tag {
    background: #ededed;
    margin: 5px;
    border-radius: 6px;
    min-height: 73px;
  }

.navbar{padding: 0px 15px !important; }


.navbar-brand {
  width: 240px !important;
}

.navbar-brand  img{width: 100%;}

.navbar-toggler{float: right;}

.navbar-nav li{margin: 5px 0px;}

.hero-content{padding-top: 0 !important; width: 100% !important;}

.hero{padding: 35px 0px !important}

 .hero h1 {
    font-size: 40px !important;margin-bottom: 0 !important;
  }

.checkmark {
  width: 20px !important;
  height: 20px !important;}

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

.hero h1 strong {
  font-size: 45px !important;
}

.hero h1 span, .hero h2 {
  font-size: 23px !important;
}

.hero h2{line-height: 33px !important}

.app-card {padding: 0px 20px !important;}

  #booking {  padding:25px 15px !important; background: #fff !important; margin-top: 0 !important}

.hero button{
    color: #fff !important;
    margin-top: 20px !important;}

.app-card label {
  font-size: 14px !important ;}

.contact-action-section {
  padding: 30px 15px 20px !important;}

#advanced-ct{margin-top: 25px !important ; padding: 20px 4px 50px !important}

.explore-btn {
  margin: 0px auto !important;}
 
#serving{margin-top: 50px !important}

#serving {
  padding: 50px 20px !important;}

.lab-img{margin-bottom: 20px !important}

.contact-btn {padding: 9px 9px !important;
  border-radius: 50px !important;
  font-size: 14px !important; display: inline-flex !important;
  gap: 8px !important;
  min-width: 172px !important;
}

.contact-action-wrapper{gap: 7px !important}

.call-01 {
  bottom: 10px !important; width: 100% !important;
  right: 0 !important;}

.footer-form-box {
  width: 90% !important;}


.hero h2 {
  text-align: center !important;
}

.bank-strip {
  padding: 20px 0 !important;
}

.footer-logo img {
  margin-bottom: 20px !important;
}

.contact-action-wrapper{flex-direction: initial !important;}

.wa-icon {
  width: 16px !important;
  height: 16px !important;}

.hero h1{line-height: 34px !important}

.app-card h3 {
  font-size: 21px !important;}

.mostrequest .col-6{padding: 0px 5px !important;}

.small-card img {
  width: 70px !important;}

.small-card button {  padding: 3px 24px !important;
  margin-top: 6px;}

.small-card p {
  font-size: 14px !important;
  line-height: 19px !important;
}

.mostrequest {padding: 0px 5px }

#advanced-ct  .col-6{padding: 0px 5px !important;}

.big-card img {
  width: 60px !important}

.big-card h5 {font-size: 17px !important;
}

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

.big-card button {
  padding: 6px 25px !important;}

.big-card{height: 100%;}

.gapcustom {
  row-gap: 8px !important;
}

  #moreCtData {
    margin-top:10px !important;
}


}