@media (min-width: 320px) {
    .mobile--v--left, .mobile--v--right {
        text-align: center !important;
    }
    
    .mobile--v .register {
        display: block !important;
    }
    .border-styling {
        border: solid 3px #fff;
        padding-bottom: 25px;
        border-radius: 10px;
        margin: 0 auto;
    }


        .border-styling a.blackbutton:nth-child(1) {
            margin-right: 5% !important;
        }



    #loginbuttons .register {
       
    }

    .curve__border {
        border-radius: 20px !important;
    }
    .text-align-cus{
        text-align:left !important;
    }
    .mobile-click-text {
        display:none !important;
    }

    .row.searchrow.text-center.mobileResonsiveBoxes {
        background-color: rgba(255,255,255,0.8);
        width: 95%;
        margin: 200px auto 20px;
        borerd-left:0px;
    }
    .border-styling:nth-child(2) {
        margin-top: 30px !important;
    }
    #homecards {
        background: none !important;
        padding-top: 30px !important;
    }

    .card {
        border: 2px solid #50d887;
        border-radius: 2px;
    }

    #loginbuttons .blackbutton {
        display: inline-block;
    }
    .full--width{
        width:100% !important;
    }
}
/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    ...
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .border-styling:nth-child(2) {
        margin-top: 0px !important;
    }

        .mobile--v .register {
            display: inline-block !important;
        }
    .mobile--v--left {
        text-align: left !important;
    }

    .mobile--v--right {
        text-align: right !important;
    }


    .mobile-click-text{
       display:block !important;
    }

    .row.searchrow.text-center.mobileResonsiveBoxes {
        margin: 0px auto;
        background-color: rgba(255, 255, 255, 0.8);
        width: 90%;
        padding: 35px 0;
        box-shadow: 7px 11px 17px -8px rgb(0, 0, 0);
        -webkit-box-shadow: 10px 14px 30px -20px rgba(0,0,0,1);
        -moz-box-shadow: 10px 14px 30px -20px rgba(0,0,0,1);
        box-shadow: 10px 14px 30px -20px rgba(0,0,0,1);
        border-left: 5px solid #85daee;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {


}

/*Extra large devices (large desktops, 1200px and up)*/
    @media (min-width: 1200px) {
        .text-align-cus {
            text-align: right !important;
        }

        .col-xl-1 {
            -ms-flex: 0 0 8.333333%;
            flex: 0 0 8.333333%;
            max-width: 8.333333%;
        }

        .col-xl-2 {
            -ms-flex: 0 0 16.666667%;
            flex: 0 0 16.666667%;
            max-width: 16.666667%;
        }

        .col-xl-3 {
            -ms-flex: 0 0 25%;
            flex: 0 0 25%;
            max-width: 25%;
        }

        .col-xl-4 {
            -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
            max-width: 33.333333%;
        }

        .col-xl-5 {
            -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
            max-width: 41.666667%;
        }

        .col-xl-6 {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }

        .col-xl-7 {
            -ms-flex: 0 0 58.333333%;
            flex: 0 0 58.333333%;
            max-width: 58.333333%;
        }

        .col-xl-8 {
            -ms-flex: 0 0 66.666667%;
            flex: 0 0 66.666667%;
            max-width: 66.666667%;
        }

        .col-xl-9 {
            -ms-flex: 0 0 75%;
            flex: 0 0 75%;
            max-width: 75%;
        }

        .col-xl-10 {
            -ms-flex: 0 0 83.333333%;
            flex: 0 0 83.333333%;
            max-width: 83.333333%;
        }

        .col-xl-11 {
            -ms-flex: 0 0 91.666667%;
            flex: 0 0 91.666667%;
            max-width: 91.666667%;
        }

        .col-xl-12 {
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            max-width: 100%;
        }

        .order-xl-first {
            -ms-flex-order: -1;
            order: -1;
        }

        .order-xl-last {
            -ms-flex-order: 13;
            order: 13;
        }

        .order-xl-0 {
            -ms-flex-order: 0;
            order: 0;
        }

        .order-xl-1 {
            -ms-flex-order: 1;
            order: 1;
        }

        .order-xl-2 {
            -ms-flex-order: 2;
            order: 2;
        }

        .order-xl-3 {
            -ms-flex-order: 3;
            order: 3;
        }

        .order-xl-4 {
            -ms-flex-order: 4;
            order: 4;
        }

        .order-xl-5 {
            -ms-flex-order: 5;
            order: 5;
        }

        .order-xl-6 {
            -ms-flex-order: 6;
            order: 6;
        }

        .order-xl-7 {
            -ms-flex-order: 7;
            order: 7;
        }

        .order-xl-8 {
            -ms-flex-order: 8;
            order: 8;
        }

        .order-xl-9 {
            -ms-flex-order: 9;
            order: 9;
        }

        .order-xl-10 {
            -ms-flex-order: 10;
            order: 10;
        }

        .order-xl-11 {
            -ms-flex-order: 11;
            order: 11;
        }

        .order-xl-12 {
            -ms-flex-order: 12;
            order: 12;
        }

        .offset-xl-0 {
            margin-left: 0;
        }

        .offset-xl-1 {
            margin-left: 8.333333%;
        }

        .offset-xl-2 {
            margin-left: 16.666667%;
        }

        .offset-xl-3 {
            margin-left: 25%;
        }

        .offset-xl-4 {
            margin-left: 33.333333%;
        }

        .offset-xl-5 {
            margin-left: 41.666667%;
        }

        .offset-xl-6 {
            margin-left: 50%;
        }

        .offset-xl-7 {
            margin-left: 58.333333%;
        }

        .offset-xl-8 {
            margin-left: 66.666667%;
        }

        .offset-xl-9 {
            margin-left: 75%;
        }

        .offset-xl-10 {
            margin-left: 83.333333%;
        }

        .offset-xl-11 {
            margin-left: 91.666667%;
        }
    }
}