/* 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-------------------------------------------------- */