/* Medium devices (tablets 320px and up)start----------------------------------------------------------- */
@media (min-width: 320px) {
    .pro-icons-li.has_boxes li {
        width: calc(100% / 2 - 10px);
        height: 135px;
    }

    .pro-icon-txt {
        vertical-align: top;
        display: table;
        margin: 0 0 20px;
    }

    #big.owl-theme .owl-prev {
        left: 0;
        font-size: 20px;
    }

    #big.owl-theme .owl-next {
        right: 0;
        font-size: 20px;
    }

    .grn-btn {
        float: none;
    }
}
/* Medium devices (tablets 320px and up)end------------------------------------------------------------- */







/* Medium devices (tablets 576px and up)start----------------------------------------------------------- */
@media (min-width: 576px) {
    .pro-icons-li.has_boxes li {
        width: calc(100% / 2 - 10px);
    }
}
/* Medium devices (tablets 576px and up)end------------------------------------------------------------- */



/* Medium devices (tablets 768px and up)start----------------------------------------------------------- */
@media (min-width: 768px) {
    .custom_icons_list.has_boxes li {
        width: calc(100% / 2 - 10px);
    }

    .grn-btn {
        float: right;
        padding: 5px;
    }
}
/* Medium devices (tablets 768px and up)end-------------------------------------------------------------- */


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

    .pro-icons-li.has_boxes li {
        width: calc(100% / 3 - 10px);
        height: 110px;
    }


    #big.owl-theme .owl-prev {
        left: -30px;
        font-size: 40px;
    }

    #big.owl-theme .owl-next {
        right: -30px;
        font-size: 40px;
    }
}
/* Large devices (desktops 992px and up)end------------------------------------------------------------- */




/* X-Large devices (large desktops, 1200px and up)start--------------------------------------------------- */
@media (min-width: 1200px) {
}
/* X-Large devices (large desktops, 1200px and up)end----------------------------------------------------- */





/* XX-Large devices (larger desktops, 1400px and up) start------------------------------------------------ */
@media (min-width: 1400px) {

    .custom_icons_list.has_boxes li {
        width: calc(100% / 3 - 10px);
        height: 120px;
    }
}
/* XX-Large devices (larger desktops, 1400px and up) end-------------------------------------------------- */