/*tablette*/

@media (min-width: 768px) and (max-width: 991px) {
 
    .circle-holder {
        padding-top:40px;
    }
    
    .circle {
        position: relative!important;
        left: 0;
        right:0!important;
        margin: 0 auto;
    }
    
    .bg-purple,
    .bg-wht-pat,
    .bgpink {
        background-attachment: scroll;
    }

    .btm_card font {
        font-size: 19px;
    }

    .opt {
        font-size: 19px;
    }

    .text-card2-p {
        font-size: 23px;
    }

    .text-card2 {
        font-size: 17px;

    }

    .top-card h1 {
        font-size: 28px;

    }

    .cust-card {
        height: auto !important;
        margin-bottom: 50px;
    }

    .cust-card:hover {

        transform: translateY(0px);
    }

    .bg-card-wht {
        padding: 40px 0px 50px 0px;
    }

    .bg-crm {

        padding: 40px 0px;
    }

    .bg-av {
        padding: 50px 0px 0px 0px;

    }

    .bg-av-p {

        padding: 41px 8px;

    }

    .text-card2-p {
        text-align: center;
    }

    .title-card-p {
        text-align: center;
    }

    .title-card2 {
        text-align: center;
    }

    .women,
    .steph {
        height: 600px;
    }

    .cust-card font {
        font-size: 15px;
    }

    .cust-card h4 {
        font-size: 22px;
    }

    .bg-crm font {

        padding: 0px 10px;
    }

    .form-body {
        padding: 50px 15px 6px 15px !important;
    }

    .bgpink h1 {
        text-align: center;
    }

    .logo {
        margin-bottom: 10px;
    }

    .baseline-purple,
    .baseline-pink {
        text-align: center;
    }

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

    .phone-nbr {
        float: none;
        margin-bottom: 0px;
    }

    .elt {
        display: block;
    }


    .clr-bth {
        margin-bottom: auto;
    }


    [class*="col-"] {
        margin-bottom: 15px;
    }
}


/*@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

}*/


/* smartphone */

@media (max-width: 767px) {

    .switch-wrapper button {

        padding: 30px 10px;
  
        font-size: 15px;
    }

    .switch-wrapper {
        border:none;
        flex-wrap: wrap;
    }

    .main-title {

        font-size: 31px;

    }

    
        .circle-holder {
        padding-top:40px;
    }
    
    .circle {
        position: relative!important;
        left: 0;
        right:0!important;
        margin: 0 auto;
    }

    .bg-purple,
    .bg-wht-pat,
    .bgpink {
        background-attachment: scroll;
    }

    .bg-card-wht {
        padding: 40px 0px 50px 0px;
    }

    .bg-crm {

        padding: 40px 0px;
    }

    .bg-av {
        padding: 50px 0px 0px 0px;

    }

    .bg-av-p {

        padding: 41px 8px;

    }

    .text-card2-p {
        text-align: center;
    }

    .title-card-p {
        text-align: center;
    }

    .title-card2 {
        text-align: center;
    }

    .women,
    .steph {
        height: 400px;
    }

    .cust-card font {
        font-size: 15px;
    }

    .cust-card h4 {
        font-size: 22px;
    }

    .bg-crm font {

        padding: 0px 10px;
    }

    .form-body {
        padding: 50px 15px 6px 15px !important;
    }

    .bgpink h1 {
        text-align: center;
    }

    .logo {
        margin-bottom: 10px;
    }

    .baseline-purple,
    .baseline-pink {
        text-align: center;
    }

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

    .phone-nbr {
        float: none;
        margin-bottom: 0px;
    }

    .elt,
    .flx {
        display: block;
    }


    [class*="col-"] {
        margin-bottom: 15px;
    }

    .cust-card {
        height: auto !important;
        margin-bottom: 50px;
    }

    .cust-card:hover {

        transform: translateY(0px);
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {}