/*
    Description: 	Hover Effecs Framework
    Author: 		Insidelabdev
    Version: 		2.0
*/

/*	--------------------------------------------------
	:: MOBILE PORTRAIT DESIGN WIDTH BELOW 40EM
	-------------------------------------------------- */
    
	@media only screen and (max-width:39.9375em) {
        .item-md-2 { -webkit-box-flex:0; -webkit-flex:0 0 50%; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; }
        .item-xs-auto { -webkit-box-flex:0; -webkit-flex:0 0 50%; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; }
        .counter-box { position: relative; -webkit-box-flex:0; -webkit-flex:5 0 50%; -ms-flex:5 0 50%; flex:5 0 50%; max-width:100%; }
        .container {
            display: flex;
            flex-wrap: wrap;
            /*padding-bottom: 30px;*/
        }
        .dark-block {
            height: auto;
        }
        .hover-effects-widget .hover-effects-widget-media-holder .hover-effects-widget-title h3 {
            font-size: 26px;
        }
        .hover-effects-widget .hover-effects-widget-media-holder .hover-effects-widget-title h4{
            font-size: 20px;
            line-height: 30px;
        }
        .hover-effects-widget .hover-effects-widget-media-holder .hover-effects-widget-title h4 span{
            font-size: 22px;
            font-weight: bold;
        }
        .hover-effects-widget .hover-effects-widget-media-holder .hover-effects-widget-description p {
            font-size: 20px;
            margin: 0 0 7px 0;
            line-height: 22px;
        }
        .hover-effects-widget .hover-effects-widget-media-holder .hover-effects-widget-title h4 {
            font-size: 24px;
        }
        .hover-effects-widget .hover-effects-widget-media-holder {
            border-top: 6px solid #c79c6e;
            box-sizing: border-box;
        }
    }
	
/*	--------------------------------------------------
	:: MOBILE LANDSCAPE DESIGN WIDTH 40EM
	-------------------------------------------------- */

	@media only screen and (min-width:40em) and (max-width:51.9375em) {
        .item-md-2 { -webkit-box-flex:0; -webkit-flex:0 0 33.33333%; -ms-flex:0 0 33.33333%; flex:0 0 33.33333%; max-width:33.33333%; }
        .dark-block {
            height: auto;
            min-height: 170px;
        }
        .hover-effects-widget .hover-effects-widget-media-holder .hover-effects-widget-title h3 {
            font-size: 30px;
        }
        .hover-effects-widget .hover-effects-widget-media-holder .hover-effects-widget-title h4{
            font-size: 24px;
            padding-top: 10px;
            line-height: 36px;
        }
        .hover-effects-widget .hover-effects-widget-media-holder .hover-effects-widget-title h4 span{
            font-size: 32px;
            font-weight: bold;
        }
        .hover-effects-widget .hover-effects-widget-media-holder .hover-effects-widget-description p {
            font-size: 14px;
            line-height: 16px;
            margin: 0 0 5px 0;
        }
        .hover-effects-widget .hover-effects-widget-media-holder .hover-effects-widget-title h4 {
            font-size: 20px;
        }
    }
	
/*	--------------------------------------------------
	:: TABLET PORTRAIT DESIGN WIDTH 52EM
	-------------------------------------------------- */

	@media only screen and (min-width:52em) and (max-width:63.9375em) {
        .hover-effects-widget .hover-effects-widget-media-holder .hover-effects-widget-title h3 {
            font-size: 24px;
        }
        .hover-effects-widget .hover-effects-widget-media-holder .hover-effects-widget-description h4 {
            font-size: 18px;
        }
        .hover-effects-widget .hover-effects-widget-media-holder .hover-effects-widget-description p {
            font-size: 13px;
        }
		      
    }

/*	--------------------------------------------------
	:: TABLET LANDSCAPE DESIGN WIDTH 64EM
	-------------------------------------------------- */
	
	@media only screen and (min-width:64em) and (max-width:74.9375em) {
		       
    }