/* Base styles for mobile devices */
@media only screen and (max-width: 360px) {
  /* Styles for very small screens */
#header_container img {
    float: left;
    margin: 1px 0 0 0;
}

#header_container {
    width: 942px;
}


#visitor-banner-img-01 {
    width: 59rem;
}

    .touch-point-img {
        width: 29rem;
        height: 22rem;
        padding-left: 3rem;
    }

    .visitor-banner {
        margin: 0 0 0 0% !important;
    }

    .top-banner-container{
          width: 100%;
    height: 80rem !important;
    }

    #con_form_heading{
        width: 320px !important;
    height: 434px !important;
    margin-top: 2rem !important;
    margin-right: 18rem !important;
    margin-bottom: 3rem !important;
    }

    .banner-para{
          width: 760px !important;
    font-size: 28px !important;
    line-height: 38px !important;
    }

    .visitor-banner {
    padding-left: 6rem !important;
}

.inputstyle {
    border: 1px solid #d3d3d3;
    width: 100%;
    height: 28px;
    FONT-SIZE: 19px;
        padding: 5px 7px 2px 5px;
}

.banner-ul li{
  font-size: 19px !important;
}

#subpage_l_box p {
    width: 335px;
    font-size: 17px;
}
#subpage_r_box p {
    width: 335px;
    font-size: 16px;
}

#sub_heading ul {
    width: 0px !important;
}

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

.para-2{
  font-size: 18px !important;
  line-height: 23px !important;
}

.how-it-works{
  margin: 27px auto 0 auto !important;
}

.banner-footer-box{
  margin-top: 74rem !important;
}

.footer
 {
 
    margin: 0rem 2rem !important;
    width: 95% !important;
}
}

@media only screen and (max-width: 375px) {
  /* Styles for slightly larger small screens */
#header_container img {
    float: left;
    margin: 1px 0 0 0;
}

#header_container {
    width: 942px;
}


#visitor-banner-img-01 {
    width: 59rem;
}

    .touch-point-img {
        width: 29rem;
        height: 22rem;
        padding-left: 3rem;
    }

    .visitor-banner {
        margin: 0 0 0 0% !important;
    }

    .top-banner-container{
          width: 100%;
    height: 80rem !important;
    }

    #con_form_heading{
        width: 320px !important;
    height: 434px !important;
    margin-top: 2rem !important;
    margin-right: 18rem !important;
    margin-bottom: 3rem !important;
    }

    .banner-para{
          width: 760px !important;
    font-size: 28px !important;
    line-height: 38px !important;
    }

    .visitor-banner {
    padding-left: 6rem !important;
}

.inputstyle {
    border: 1px solid #d3d3d3;
    width: 100%;
    height: 28px;
    FONT-SIZE: 19px;
        padding: 5px 7px 2px 5px;
}

.banner-ul li{
  font-size: 19px !important;
}

#subpage_l_box p {
    width: 335px;
    font-size: 17px;
}
#subpage_r_box p {
    width: 335px;
    font-size: 16px;
}

#sub_heading ul {
    width: 0px !important;
}

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

.para-2{
  font-size: 18px !important;
  line-height: 23px !important;
}

.how-it-works{
  margin: 27px auto 0 auto !important;
}


}

@media only screen and (max-width: 414px) {
  /* Styles for small to medium screens */
#header_container img {
    float: left;
    margin: 1px 0 0 0;
}

#header_container {
    width: 942px;
}


#visitor-banner-img-01 {
    width: 59rem;
}

    .touch-point-img {
        width: 29rem;
        height: 22rem;
        padding-left: 3rem;
    }

    .visitor-banner {
        margin: 0 0 0 0% !important;
    }

    .top-banner-container{
          width: 100%;
    height: 80rem !important;
    }

    #con_form_heading{
        width: 320px !important;
    height: 434px !important;
    margin-top: 2rem !important;
    margin-right: 18rem !important;
    margin-bottom: 3rem !important;
    }

    .banner-para{
          width: 760px !important;
    font-size: 28px !important;
    line-height: 38px !important;
    }

    .visitor-banner {
    padding-left: 6rem !important;
}

.inputstyle {
    border: 1px solid #d3d3d3;
    width: 100%;
    height: 28px;
    FONT-SIZE: 19px;
        padding: 5px 7px 2px 5px;
}

.banner-ul li{
  font-size: 19px !important;
}

#subpage_l_box p {
    width: 335px;
    font-size: 17px;
}
#subpage_r_box p {
    width: 335px;
    font-size: 16px;
}

#sub_heading ul {
    width: 0px !important;
}

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

.para-2{
  font-size: 18px !important;
  line-height: 23px !important;
}

.how-it-works{
  margin: 27px auto 0 auto !important;
}

.footer
 {
 
    margin: 0rem 2rem !important;
    width: 95% !important;
}
}

@media only screen and (max-width: 430px) {
  /* Styles for medium screens */
  #header_container img {
    float: left;
    margin: 1px 0 0 0;
}

#header_container {
    width: 942px;
}


#visitor-banner-img-01 {
    width: 59rem;
}

    .touch-point-img {
        width: 29rem;
        height: 22rem;
        padding-left: 3rem;
    }

    .visitor-banner {
        margin: 0 0 0 0% !important;
    }

    .top-banner-container{
          width: 100%;
    height: 80rem !important;
    }

    #con_form_heading{
        width: 320px !important;
    height: 434px !important;
    margin-top: 2rem !important;
    margin-right: 18rem !important;
    margin-bottom: 3rem !important;
    }

    .banner-para{
          width: 760px !important;
    font-size: 28px !important;
    line-height: 38px !important;
    }

    .visitor-banner {
    padding-left: 6rem !important;
}

.inputstyle {
    border: 1px solid #d3d3d3;
    width: 100%;
    height: 28px;
    FONT-SIZE: 19px;
        padding: 5px 7px 2px 5px;
}

.banner-ul li{
  font-size: 19px !important;
}

#subpage_l_box p {
    width: 335px;
    font-size: 17px;
}
#subpage_r_box p {
    width: 335px;
    font-size: 16px;
}

#sub_heading ul {
    width: 0px !important;
}

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

.para-2{
  font-size: 18px !important;
  line-height: 23px !important;
}

.how-it-works{
  margin: 27px auto 0 auto !important;
}

.footer
 {
 
    margin: 0rem 2rem !important;
    width: 95% !important;
}
}

@media only screen and (max-width: 600px) {
  /* Styles for larger mobile devices */
}



@media only screen and (max-width: 820px) {
  /* Styles for tablets and small desktop screens */
}

@media only screen and (max-width: 992px) {
  /* Styles for small desktops */
}

@media only screen and (max-width: 1024px) {
  /* Styles for medium desktops */
}

@media only screen and (min-width: 1200px) {
  /* Styles for large desktops */
}

@media only screen and (min-width: 1360px) {
  /* Styles for extra-large desktops */
}

@media only screen and (min-width: 1366px) {
  /* Styles for even larger desktops */
}

@media only screen and (min-width: 1440px) {
  /* Styles for wide screens */
}

@media only screen and (min-width: 1700px) {
  /* Styles for very wide screens */
}

@media only screen and (min-width: 1920px) {
  /* Styles for full HD screens and larger */
}