.service-box {
            text-align: center;
            background: #f7f7f7;
            width: 23%;
            margin-right: 2%;
            
            border: 1px solid #ddd;
        }
        ._formview{
            width:100%;
        }
        .col-md-3{
            margin-top: 0 !important;
        }
            .hvr-float-shadow:before {
                pointer-events: none;
               
                z-index: -1;
                content: '';
                top: 105%;
                left: 5%;
                height: 52px;
                width: 95%;
                opacity: 0.5;
                background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 80%);
                background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0) 80%);
                -webkit-transition-duration: 0.3s;
                transition-duration: 0.3s;
                -webkit-transition-property: transform, opacity;
                transition-property: transform, opacity;
            }

             .hvr-float-shadow:focus, .hvr-float-shadow:active {
                -webkit-transform: translateY(-9px);
                transform: translateY(-9px);
                
            }

                .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
                    opacity: 1;
                    -webkit-transform: translateY(9px);
                    transform: translateY(9px);
                    /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
                }

        #service {
            padding: 5em 0 11em 0;
        }

        .serve-grids-top {
            margin-top: 0em;
        }

        .service-box h5 {
            font-size: 1.3em;
            font-weight: 600;
            color: #146eb4;
            margin-top: 1.3em;
            text-transform: uppercase;
        }

        .service-box p {
            color: #637B8E;
            font-size: 1em;
            line-height: 1.8em;
            margin: 0.5em 0;
        }
        /*---- responsive-design -----*/
        @media(max-width:1440px) {
            .logo a h1 {
                font-size: 4em;
                margin-bottom: 0px;
            }

            .banner {
                min-height: 550px;
            }

            .callbacks_tabs {
                top: 52%;
                z-index: 999;
                left: -12%;
            }
        }

        @media(max-width:1366px) {
            .callbacks_tabs {
                top: 52%;
                z-index: 999;
                left: -4%;
            }
        }

        @media(max-width:1280px) {
            .textbox h4 {
                font-size: 2.5em;
                margin-top: 4em;
            }

            h2.tittle {
                text-transform: uppercase;
                font-size: 2em;
            }

            .contact input[type="text"] {
                width: 31.3%;
                float: left;
                font-size: 1em;
                padding: .8em 1em;
            }
        }

        @media(max-width:1080px) {
            .banner {
                min-height: 480px;
            }

            .banner-info {
                width: 58%;
                margin: 9em auto 0;
                padding: 2em 0;
            }

                .banner-info p {
                    font-size: 33px;
                    padding: 0px 30px;
                    margin: 0.5em 0;
                }

                .banner-info h3 {
                    font-size: 2.5em;
                }

                .banner-info span {
                    font-size: 1.5em;
                }

            .callbacks_nav {
                top: 59%;
            }

            .ab-right {
                text-align: left;
                padding: 6em 0em 0 2em;
            }

            h3.tittle {
                font-size: 2.5em;
            }

            #plan h4 {
                font-size: 1.5em;
                margin: 0.5em 0 0.3em 0;
            }

            figure.effect-julia img {
                max-width: none;
                height: 327px;
            }

            .textbox h4 {
                font-size: 2.5em;
                margin-top: 3.5em;
            }

            .map iframe {
                height: 350px;
                width: 100%;
            }

            .callbacks_nav.next {
                left: auto;
                background-position: right top;
                right: 9%;
                background: transparent url("http://asapproperties.co.za/images/arrow.png") no-repeat -37px -7px;
            }

            .callbacks_nav {
                position: absolute;
                -webkit-tap-highlight-color: rgba(0,0,0,0);
                top: 71%;
                left: 8%;
            }

            .callbacks_tabs {
                top: 52%;
                z-index: 999;
                left: -3%;
            }
        }

        @media(max-width:991px) {
            .logo a h1 {
                font-size: 3.2em;
                margin-bottom: 0px;
            }

            .callbacks_nav {
                position: absolute;
                -webkit-tap-highlight-color: rgba(0,0,0,0);
                top: 56%;
            }

            .link-effect-12 a {
                margin: 0 1px;
                padding: 10px 16px;
                font-size: 1em;
            }

            .top-menu {
                margin-top: 10px;
            }

            .banner {
                min-height: 371px;
            }

            .banner-info {
                width: 58%;
                margin: 6em auto 0;
                padding: 2em 0;
            }

            .ab-right {
                text-align: left;
                padding: 5em 0em 4em 1em;
            }

            .service-box {
                float: left;
                width: 48%;
               
            }

            .news-img {
                float: left;
                width: 30%;
                margin-right: 1%;
                margin-bottom: 4%;
            }

            .news-grid:nth-child(3), .news-grid:nth-child(4) {
                margin-top: 0em;
            }

            #news, #gallery, #plan {
                padding: 4em 0;
            }

            .insurance-grid {
                padding: 0;
                width: 48%;
                margin-right: 2%;
                float: left;
            }

            figure.effect-julia img {
                max-width: none;
                height: 246px;
            }

            .gallery-grid {
                padding: 0;
                float: left;
                width: 33%;
            }

            .textbox h4 {
                font-size: 2.5em;
                margin-top: 2.5em;
            }

            .test-wrapper {
                float: left;
                width: 50%;
            }

                .test-wrapper img {
                    position: absolute;
                    left: 31%;
                    width: 30%;
                    border-top: 3px solid #146eb4;
                    border-right: 3px solid #146eb4;
                    bottom: -34%;
                }

            .test {
                padding: 4em 0 10em 0;
            }

            .contact {
                padding: 4em 0 0 0;
            }

                .contact input[type="text"] {
                    width: 30.7%;
                    float: left;
                    font-size: 1em;
                    padding: .8em 1em;
                }

           
            .callbacks_tabs {
                top: 45%;
                z-index: 999;
                left: -1%;
            }
        }

        @media(max-width:800px) {
            .service-box {
                float: left;
                width: 48%;
               
            }

            #service {
                padding: 4em 0 3em 0;
            }

            .news-img {
                float: left;
                width: 30%;
                margin-right: 1%;
                margin-bottom: 4%;
            }

            .textbox h4 {
                font-size: 2.5em;
                margin-top: 2.5em;
            }
        }

        @media(max-width:736px) {
            .link-effect-12 a {
                margin: 0 1px;
                padding: 10px 14px;
                font-size: 1em;
            }

            .footer-bottom-right {
                float: none;
                text-align: center;
                margin-top: 3em;
            }
        }

        @media(max-width:670px) {
            .banner-info p {
                font-size: 27px;
                padding: 0px 30px;
                margin: 0.5em 0;
            }

            .banner-info span {
                font-size: 1.3em;
            }

            .main-nav {
                margin-top: 0;
                float: right;
                width: 100%;
            }

            .link-effect-12 a {
                margin: 0 1px;
                padding: 10px 13px;
                font-size: 1em;
            }

            .banner-info h3 {
                font-size: 2em;
            }

            .insurance-grid {
                padding: 0;
                width: 100%;
                margin-right: 2%;
                float: left;
            }

            figure.effect-julia img {
                max-width: none;
                height: 100%;
            }

            .grid figure figcaption {
                padding: 3em;
            }

            .textbox h4 {
                font-size: 2em;
                margin-top: 2.5em;
            }

            .test-wrapper {
                float: left;
                width: 100%;
                margin-bottom: 9em;
            }

                .test-wrapper img {
                    position: absolute;
                    left: 36%;
                    width: 30%;
                    border-top: 3px solid #146eb4;
                    border-right: 3px solid #146eb4;
                    bottom: -73%;
                }

            .test {
                padding: 4em 0 8em 0;
            }

            .contact input[type="text"] {
                width: 29.9%;
                float: left;
                font-size: 1em;
                padding: .8em 1em;
            }

            .serve-grids-top {
                margin-top: 2em;
            }

            .insurance-grids {
                margin-top: 1em;
            }

            .news-grids {
                margin-top: 2em;
            }

            .test {
                padding: 3em 0 1em 0;
            }
        }

        @media(max-width:640px) {

            #news, #gallery, #plan {
                padding: 3em 0;
            }

            #service {
                padding: 3em 0 1em 0;
            }

            .gallery-grid {
                padding: 0;
                float: left;
                width: 50%;
            }

            .banner {
                min-height: 306px;
            }

            .callbacks_tabs {
                top: 39%;
                z-index: 999;
                left: -2%;
            }

            .modal-dialog.about {
                width: 550px;
                margin: 20px auto;
            }

            h5.tittle {
                font-size: 1.2em;
            }

            h4.tittle {
                font-size: 1.4em;
            }

            .about-inner iframe {
                width: 100%;
                height: 300px;
            }
        }

        @media(max-width:568px) {
            .service-box {
                float: left;
                width: 100%;
               
            }

            p.phonenum {
                float: none;
                color: #fff;
                font-size: 1em;
                font-weight: 600;
                text-align: center;
            }

            .social-icons {
                float: none;
                text-align: center;
            }


            .map iframe {
                height: 250px;
                width: 100%;
            }

           
            .test-grid-2 {
                margin-top: 1em;
            }

            .contact input[type="text"] {
                width: 100%;
                float: left;
                font-size: 1em;
                padding: .8em 1em;
                margin-bottom: 10px;
            }

            .contact input.email {
                margin: 0 0em;
                margin-bottom: 10px;
            }

            span.event-date {
                font-size: 1em;
            }

            .news-text {
                float: right;
                width: 69%;
            }

            .contact input[type="submit"] {
                outline: none;
                padding: 0.7em 1em;
                font-size: 1em;
                margin: 1em auto 2em;
                width: 26%;
            }

            .contact input[type="submit"] {
                outline: none;
                color: #fff;
                padding: 0.7em 1em;
                font-size: 1.1em;
                margin: 1em 0 0 0;
                -webkit-appearance: none;
                background: #ff9900;
                transition: 0.5s all;
                border: 2px solid #ff9900;
                -webkit-transition: 0.5s all;
                transition: 0.5s all;
                -moz-transition: 0.5s all;
                margin: 1em auto 2em;
                width: 26%;
            }

            .banner {
                min-height: 306px;
            }
        }

        @media(max-width:480px) {
            .service-box {
                float: left;
                width: 100%;
               
            }

            p.phonenum {
                float: none;
                color: #fff;
                font-size: 1em;
                font-weight: 600;
                text-align: center;
            }

            .social-icons {
                float: none;
                text-align: center;
            }


            .map iframe {
                height: 250px;
                width: 100%;
            }

            .footer-grid-left input[type="submit"] {
                padding: 9px 0;
                width: 29%;
            }

            .test-grid-2 {
                margin-top: 1em;
            }

            .test-wrapper img {
                position: absolute;
                left: 36%;
                width: 30%;
                border-top: 3px solid #146eb4;
                border-right: 3px solid #146eb4;
                bottom: -52%;
            }

            .grid figure figcaption {
                padding: 1em;
            }

            .modal-dialog.about {
                width: 450px;
                margin: 20px auto;
            }

            .about-inner iframe {
                width: 100%;
                height: 200px;
            }
        }

        @media(max-width:414px) {
            .banner-info p {
                font-size: 19px;
                padding: 0px 10px;
                margin: 0.5em 0;
            }

            form.retire {
                padding: 1em;
            }

            h2.tittle {
                text-transform: uppercase;
                font-size: 1.5em;
                padding-left: 8px;
                border-left: 6px solid #146eb4;
            }

            .col-bottom h4 {
                font-size: 1.2em;
            }

            .news-img {
                float: none;
                width: 60%;
                padding: 0;
                margin: 0 auto;
                text-align: center;
            }

            .news-grid {
                margin: 0 auto;
                text-align: center;
            }

            .news-text {
                float: right;
                width: 100%;
                padding: 0;
                margin: 1.5em 0;
            }

            .callbacks_tabs li {
                display: block;
                text-align: center;
                padding: 4px 6px 5px 0px;
                margin-bottom: 5px;
                line-height: 15px;
            }

            .callbacks_tabs a:after {
                height: 11px;
                width: 11px;
            }

            .callbacks_nav {
                position: absolute;
                -webkit-tap-highlight-color: rgba(0,0,0,0);
                top: 63%;
                left: 8%;
                height: 30px;
                width: 30px;
                background: transparent url("http://asapproperties.co.za/images/arrow.png") no-repeat 0px -3px;
                background-size: 174%;
            }

                .callbacks_nav.next {
                    right: 9%;
                    height: 30px;
                    width: 30px;
                    background: transparent url("http://asapproperties.co.za/images/arrow.png") no-repeat -17px -3px;
                    background-size: 174%;
                }

            .banner {
                min-height: 240px;
            }

            .banner-info {
                width: 58%;
                margin: 5em auto 0;
                padding: 1em 0;
            }

            .callbacks_tabs {
                top: 49%;
                z-index: 999;
                left: -3%;
            }

            #plan h4 {
                font-size: 1.2em;
                margin: 0em 0 0.2em 0;
            }

            .grid figure p {
                font-size: 68.5%;
                margin: 0 !important;
                margin-bottom: 6px !important;
                line-height: 13px !important;
                font-size: 0.85em !important;
            }

            .gallery-grid {
                padding: 0;
                float: left;
                width: 100%;
            }

            .textbox h4 {
                font-size: 2em;
                margin-top: 4.5em;
            }

            .test-wrapper img {
                position: absolute;
                left: 36%;
                width: 30%;
                border-top: 3px solid #146eb4;
                border-right: 3px solid #146eb4;
                bottom: -33%;
            }

            .modal-dialog.about {
                width: 400px;
                margin: 10px auto;
            }

            .send input[type="submit"] {
                padding: 0.6em 0.6em;
                font-size: 1em;
            }

            .service-box {
                float: left;
                width: 100%;
               
            }
        }

        @media(max-width:375px) {

            p.phonenum {
                float: none;
                font-size: 0.9em;
                font-weight: 600;
                margin-bottom: 10px;
            }

            .ab-left {
                padding: 0;
            }

            span.event-date {
                font-size: 1em;
            }

            #news {
                padding: 2em 0 1em 0;
            }

            .news-img {
                float: none;
                width: 44%;
                padding: 0;
                margin: 0 auto;
                text-align: center;
            }

            #plan h4 {
                font-size: 1em;
                margin: 0em 0 1em 0;
                padding: 0;
            }

            .contact input[type="submit"] {
                padding: 0.6em 0.7em 0.5em;
                font-size: 1em;
                margin: 1em 0 0 0;
                margin: 1em auto 2em;
                width: 35%;
            }

            .test {
                padding: 2em 0 1em 0;
            }

            .modal-dialog.about {
                width: 350px;
                margin: 20px auto;
            }
        }

        @media(max-width:320px) {
            .logo a h1 {
                font-size: 2.5em;
                margin-bottom: 0px;
            }

            p.top-para {
                font-size: 0.8em;
            }

            textarea {
                width: 100%;
                min-height: 2em;
            }

            input, textarea {
                padding: 0.5em 1em;
            }

                input:focus ~ label, textarea:focus ~ label, input:valid ~ label, textarea:valid ~ label {
                    font-size: 0.9em;
                }

            .ab-right {
                text-align: left;
                padding: 2em 0em 2em 1em;
            }

            span.menu {
                position: absolute;
                top: -55px;
                right: 0px;
            }

            .banner-info {
                width: 62%;
                margin: 3em auto 0;
                padding: 0.8em 0;
            }

                .banner-info h3 {
                    font-size: 1em;
                }

                .banner-info p {
                    font-size: 16px;
                    padding: 0px 10px;
                    margin: 2px 0;
                }

            .banner {
                min-height: 156px;
            }

            .callbacks_tabs {
                top: 37%;
                z-index: 999;
                left: -3%;
            }

            .callbacks_nav.next {
                right: 7%;
            }

            .grid figure p {
                margin: 0 !important;
                margin-bottom: 1px !important;
                line-height: 13px !important;
                font-size: 0.7em !important;
            }

            h3.tittle {
                font-size: 1.6em;
            }

            h5.sub-h {
                font-size: 1em;
                margin: 0.5em 0;
            }

            #plan h4 {
                font-size: 0.9em;
                margin: 0em 0 1em 0;
                padding: 0;
            }

            #plan p {
                color: #fff;
                font-size: 0.8725em;
                line-height: 1.9em;
                margin: 0.5em 0;
            }

            ul.insure li {
                display: block;
                margin: 10px 0;
                font-size: 0.875em;
            }

            .news-text p {
                font-size: 0.875em;
                line-height: 1.9em;
                margin: 0em 0;
            }

            .textbox h4 {
                font-size: 1.6em;
                margin-top: 5em;
            }

            .service-box p {
                font-size: 0.875em;
            }

            

            .banner-info span {
                font-size: 0.9em;
            }

            .news-text h4 {
                font-size: 1em;
            }

            .styled-input label {
                font-size: 1em;
                padding: 0;
            }

            h2.tittle {
                font-size: 1.3em;
            }

            .col-bottom h4 {
                font-size: 1.1em;
            }

            .test {
                padding: 2em 0 1em 0;
            }

            .modal-dialog.about {
                width: 300px;
                margin: 10px auto;
            }
        }
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}