@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Abel&display=swap');
 body{font-family:Verdana,sans-serif !important;    color: #666;}
h1, h2, h3, h4, h5, h6 {
    font-family: "Segoe UI",Arial,sans-serif;
    font-weight: 400;
    margin: 10px 0;
}

h1 {
    font-size: 36px; font-weight:400 !important; color: #666 !important;
}

.smartrx-banner {
    width:100%;
}

.smartrx-menu {
    background: rgb(249, 249, 249);
    display:flex;
    justify-content: center;
    align-items: center;
}

.smartrx-menu > div {
    margin:20px;
    font-family: 'Abel', sans-serif!important;
    color: #0aaee7!important;
    font-size:20px;
}

.smartrx-menu > div a{ color: #0aaee7!important; text-decoration:none;}

.smartrx-s1 {
    display:flex;
    width:80vw;
    margin: 0 auto;
    margin-top: 30px;
}

.smartrx-s1-left {
    width:60%;
    display:flex;
    flex-direction:column;
    margin:40px;
}

.smartrx-s1-left-header {
    font-size:30px;
    color: rgb(0, 104, 142);
    line-height: 40px;
    text-align: left;
}

.smartrx-s1-left-body {
    margin-top:20px;
    margin-bottom:20px;
}

.smartrx-s1-left-body-subheader {
    color: #0a0a0a;
    margin-top:10px;
    margin-bottom:20px;
}

.smartrx-s1-left-body-points {
    color: #0a0a0a;

}

.smartrx-s1-left-body-list li {
    display:flex;
    height:30px;
    font-size:15px;
}

.smartrx-s1-left-body-list li img {
    margin-right:10px;
}

div#smartrx-about img {
    vertical-align: top;
}

.smartrx-s1-right-image {
    background-image: url('https://www.aerasmedical.com/media/wysiwyg/Picture1.png')
    background-repeat: no-repeat;
}

.smartrx-s1-right-button {
    
}

.smartrx-s1-right {
    width:40%;
    display:flex;
    margin-top: 40px;
    flex-direction:column;
}

.smartrx-about {
    display:flex;
    flex-direction:row;
    background-color:#07AEE7;
    margin: 0 auto;
    padding-left: 10%;
    padding-right: 10%;
    font-size: 1.042vw;
}

.smartrx-about-left {
    
    width:30%;
}

.smartrx-about-right {
    width:70%;
    padding-left:50px;
    color:white;
}

.smartrx-about-right ul {
    list-style: none; 
    margin-left: 2em;
}

.smartrx-about-header {
    font-size:30px;
    margin-bottom:20px;
}

.smartrx-about-body {
    margin-bottom:20px;
}

.smartrx-about-list-header {
    font-size:20px;
    margin-bottom:20px;
}

.smartrx-about-list li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #C4D82E; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */ 
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}

.smartrx-features-row {
    display:flex;
    margin: 0 auto;
    padding-left:50px;
    padding-right:50px;
    margin-top:30px;
}

.smartrx-feature-blue {
    width:50%;
    margin:10px;
    padding:30px;
    background-color:#07AEE7;
    color:white;
}

.smartrx-feature-blue-header {
    font-size:30px;
    margin-bottom:20px;
}

.smartrx-feature-gray {
    width:50%;
    margin:10px;
    padding:30px;
    background-color: rgb(235, 235, 235);
    color:black;
}

.smartrx-feature-gray-header {
    font-size:30px;
    margin-bottom:20px;
}

.smartrx-top-triangle {
    width: 100%;
}

div#smartrx-about img {
    vertical-align: top;
}

.smartrx-about-right {
    width: 70%;
    padding-left: 50px;
    color: white;
}

.smartrx-about-header {
    font-size: 30px;
    margin-bottom: 20px;
}

.smartrx-about-list li::before {
    content: "\2022";
    color: #C4D82E;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
    font-size: 22px;
}

.smartrx-features-row {
    margin-bottom: 30px;
    display: flex;
    margin: 0 auto;
    padding-left: 50px;
    padding-right: 50px;
    margin-top: 30px;
}

.smartrx-feature-blue-description {
    font-size: 1.042vw;
}

.smartrx-feature-gray-description {
    font-size: 1.042vw;
    color: rgb(102, 102, 102);
}

.smartrx-s1-left-body-subheader {
    font-size: 1.042vw;
}
.smartrx-s1-left-body-subheader {
    color: #0a0a0a;
    margin-top: 10px;
    margin-bottom: 20px;
}

.cms-page-view.cms-smartrx  p:empty {
    display: none !important;
}
.cms-page-view.cms-smartrx  p:empty+.widget.block.block-static-block {
    margin: 0;
}
.cms-page-view.cms-smartrx .magestore-bannerslider+p {
    margin: 0;
}
.cms-page-view.cms-smartrx .magestore-bannerslider+p img {
    vertical-align: top;
}

@media  (min-width: 1441px){
    .smartrx-menu > div a {
        font-size: 1.042vw;
    }
    .smartrx-s1-left-header {
        font-size: 2vw;
        padding-bottom: 1.5vw;
        padding-top: 1.5vw;
    }
    .smartrx-s1-left-body-list li {
        font-size: 1.00vw;
        margin-bottom: 0.75vw;
        height: 1.5vw;
    }
    .smartrx-s1-left-body-list li img {
        margin-right: .5vw;
        width: 1vw;
        height: 1.5vw !important;
        margin-top: .5vw;
    }
    ul.smartrx-s1-left-body-list {
        margin-top: 2vw;
    }
    .smartrx-about-header {
        font-size: 2vw;
        padding-bottom: .5vw;
        padding-top: 1.5vw;
    }
    .smartrx-about-list-header {
        font-size: 1.142vw;
        margin-bottom: 20px;
        margin-top: 1.142vw;
    }
    .smartrx-about-list li::before{
            font-size: 1.04vw;
    }
    .smartrx-diagram {
        text-align: center;
    }
    .smartrx-diagram img {
        width: 80%;
        margin: auto;
        max-width: 80%;
    }
    h1 {
        font-size: 2vw !important;
        padding-bottom: 1.5vw !important;
        padding-top: 1.5vw !important;
    }
    .smartrx-feature-blue-header, .smartrx-feature-gray-header {
        font-size: 1.5vw;
        padding-bottom: .5vw;
        padding-top: .5vw;
    }
    .smartrx-s1-left-header img {
        width: 40vw;
    }
    .smartrx-s1-right-image img {
        width: 100%;
    }
    .smartrx-s1-left-body-points a {
        font-size: 1.04vw;
        margin-top: .5vw !important;
        padding: .5vw 1.5vw !important;
        display: inline-block;
    }
    .smartrx-feature-blue, .smartrx-feature-gray {
        padding: 1vw 1.5vw 1.5vw 1.5vw !important;
    }
}


@media  (max-width: 991px){
    .smartrx-s1{
        display:block;
    }
    .smartrx-s1-left, .smartrx-s1-right{
        width: calc(100% - 200px) !important;
        margin: auto;
        display:block !important;
        flex-direction: inherit !important;
    }
    .smartrx-s1-left-header{
        text-align:center !important;
    }
    .smartrx-s1-left-body {
        margin-top: 20px !important;
    }
    .smartrx-s1-left-body-subheader{
        color: rgb(102, 102, 102);
        font-size: 1em;
    }
    .smartrx-s1-left-body-list li{
            margin-left: 2em;
                font-size: 0.8em;
    }
    .smartrx-about {
        padding-top: 50px;
        padding-bottom: 50px;
        display:block;
    }
    .smartrx-about-left{
        width: 100%;
        margin-top: 50px;
    }
    .smartrx-about-right{
        width: 100%;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .smartrx-about-header {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .smartrx-about-body{
        font-size: 1.5em !important;
    }
    .smartrx-about-right ul {
        list-style: none;
            font-size: 1.2em;
    }
    .smartrx-about-list li::before {
        content: "\2022";
        color: #C4D82E;
        font-weight: bold;
        display: inline-block;
        width: 1em;
        margin-left: -1em;
    }
    ul.smartrx-about-list li {
        margin-bottom: 0;
        padding: 0;
        line-height: 18px;
    }
    .smartrx-diagram {
        padding-left: 10%;
        padding-right: 10%;
    }
    .smartrx-features-row {
        margin-bottom: 30px;
        margin: 0 auto;
        padding-left: 50px;
        padding-right: 50px;
        display:block;
        width:calc(100% - 100px) !important;
        flex-direction:inherit !important;
    }
    .smartrx-feature-blue{
        width: calc(100% - 60px);
        margin: auto;
    }
    .smartrx-feature-blue-description{
            font-size: 1em;
    }
    .smartrx-feature-gray{
         width: calc(100% - 60px);
        margin: auto;
    }
    .smartrx-feature-gray-header{
        color: rgb(102, 102, 102);
    }
    .smartrx-feature-gray-description{
        color: rgb(102, 102, 102);
        font-size: 1em;
    }
    .smartrx-features-row {
        margin-bottom: 30px;
    }
    .smartrx-features-row.smartrx-reverse .smartrx-feature-gray {
        background-color: #07AEE7;
        color:#fff !important;
    }
    .smartrx-features-row.smartrx-reverse .smartrx-feature-gray .smartrx-feature-gray-header, 
    .smartrx-features-row.smartrx-reverse .smartrx-feature-gray .smartrx-feature-gray-description{
        color:#fff !important;
    }
    .smartrx-features-row.smartrx-reverse .smartrx-feature-blue {
           background-color: rgb(235, 235, 235);
           color:#000;
    }
    .smartrx-s1 .smartrx-s1-right {
        padding: 0 !important;
        width: 100% !important;
        text-align: center;
    }
}

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

@media (max-width:599px){
    .smartrx-s1-left, .smartrx-s1-right {
        width: calc(100% - 60px) !important;
        margin: auto;
        display: block !important;
        flex-direction: inherit !important;
        padding: 30px !important;
    }
    .smartrx-s1-left-body-list li {
        margin-left: 2em;
        font-size: .9em;
        margin-bottom: 0px;
    }
    .smartrx-about-body {
        font-size: 14px !important;
        line-height: 27px;
    }
    .smartrx-about-right {
        width: calc(100% - 50px);
        margin-top: 50px;
        margin-bottom: 50px;
    }
    ul.smartrx-about-list li {
        font-size: 12px;
    }
    .smartrx-about-list li::before{
        font-size: 14px;
    }
}