/*Responsive*/


@media (max-width: 767px) /*Phones*/
{

    .font-update {
        font-size: 16px;
        line-height: 160%;
    }

    .TextWithTwoColumns {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }

    .dropmenu .menu {
        display: none;
        border-top: solid 3px rgba(255,255,255,0.15);
    }

        .dropmenu .menu > li {
            border-top: solid 1px rgba(255,255,255,0.15) !important;
        }

    .dropmenu ul li {
        float: none !important;
        display: block !important;
    }

    .dropmenu .menu li a.active {
        background-color: transparent !important;
    }

    .dropmenu li .toggleIcon {
        display: block !important;
    }

    .block-item, .block-cta {
        font-size: .85em;
        padding: 60px 30px;
    }

    .btn {
        display: block;
        text-align: center;
        margin-bottom: 10px;
    }


    .block-item-lg {
        padding: 60px 30px;
    }

    .block-item-sm {
        padding: 30px;
    }

    .hero-slider .block-item {
        padding: 80px 0 80px 0;
    }

    .hero-slider .owl-controls {
        bottom: 30px;
    }


    .font-update h1 {
        font-size: 2.4em;
    }

    .block-item-text-under {
        padding: 30px;
    }

    .block-item .text-wrap {
        padding-left: 15px;
        padding-right: 15px;
    }

    .margin-top {
        margin-top: 15px;
    }

    .margin-top-lg, .margin-top-xl {
        margin-top: 30px;
    }

    .margin-bottom {
        margin-bottom: 15px !important;
    }

    .margin-bottom-lg, .margin-bottom-xl, .section-title {
        margin-bottom: 30px !important;
    }

    .table-responsive {
        border: 1px solid #dddddd;
        margin-bottom: 16.5px;
        overflow-y: hidden;
        width: 100%;
    }

        .table-responsive > .table-data {
            margin-bottom: 0;
        }

            .table-responsive > .table-data > thead > tr > th, .table-responsive > .table-data > tbody > tr > th, .table-responsive > .table-data > tfoot > tr > th, .table-responsive > .table-data > thead > tr > td, .table-responsive > .table-data > tbody > tr > td, .table-responsive > .table-data > tfoot > tr > td {
                white-space: nowrap;
            }



    .round-item {
        height: 160px;
        width: 160px;
    }

        .round-item .text {
            height: 160px;
            width: 160px;
            font-size: 18px;
        }

        .round-item .sub-title {
            font-size: 12px;
        }


        .round-item-ruler {

    margin-top:0;
     font-size:2em;
  
}

}



@media (min-width: 768px) and (max-width: 991px) /*Tablets*/
{
    .dropmenu .menu li a {
        padding-left: 15px !important;
        padding-right: 15px !important;
        font-size: 14px;
    }


    .mainmenu .bottom-arrow:after {
        border-width: 10px;
        margin-left: -10px;
    }

    .block-item-lg {
        padding: 60px;
    }


     .round-item {
        height: 180px;
        width: 180px;
    }

        .round-item .text {
            height: 180px;
            width: 180px;
            font-size: 18px;
        }

        .round-item .sub-title {
            font-size: 12px;
        }


        .round-item-ruler {

  margin-top:60px;
  font-size:2em;
    
  
}



}

@media (min-width: 992px) and (max-width: 1199px) /*Desktop*/
{
    .hero-slider .block-item {
        padding: 140px 0;
    }
}