/*
    Description: 	Hover Effecs Framework
    Author: 		InsideLab
    Version: 		1.0
*/

/*	--------------------------------------------------
	:: TABLET PORTRAIT DESIGN WIDTH 1200PX
	-------------------------------------------------- */

    @media only screen and (min-width:960px) and (max-width:1199px) {
		
        .hover-widget-wrapper { width:100%; }
				
		.marginbres30 { margin-bottom:30px; }
		       
    }

/*	--------------------------------------------------
	:: TABLET PORTRAIT DESIGN WIDTH 960PX
	-------------------------------------------------- */

    @media only screen and (min-width:768px) and (max-width:959px) {
		
        .hover-widget-wrapper { width:100%; }
		
		.marginbres30 { margin-bottom:30px; }
		      
    }

/*	--------------------------------------------------
	:: TABLET LANDSCAPE DESIGN WIDTH 420PX
	-------------------------------------------------- */

    @media only screen and (min-width:480px) and (max-width:767px) {
		
        .hover-widget-wrapper { width:100%; }
		
		.marginbres30 { margin-bottom:30px; }
		
    }

/*	--------------------------------------------------
	:: TABLET PORTRAIT DESIGN WIDTH 300PX
	-------------------------------------------------- */

    @media only screen and (max-width:479px) {
		
        .hover-widget-wrapper { width:100%; }
		
		.marginbres30 { margin-bottom:30px; }
		
		.hover-effects-widget figcaption h4{
			font-size:15px;
		}
		
		.hover-effects-widget figcaption h4 span{
			font-size:14px;
		}
		
		.hover-effects-widget figcaption {
			padding:40px 40px;
		}
		
		.hover-effects-widget figcaption h4:before {
			top:70px;
		}
		
		.hover-effects-widget:hover figcaption h4:before {
			width:70%;
		}
				
    }