/* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
        

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
        .ag-pad {
            padding: 0 0px 40px 0;
        }
        .grid figure {
            position: relative;
            overflow: hidden;
            margin: 10px 0% 4% 1.3%;
            min-width: 48%;
            max-width: 48%;
            max-height: auto;
            width: 100%;
            background: #242424;
            text-align: center;
            cursor: pointer;
            padding: 0;
        }
    }
    @media only screen and (max-width : 800px) {
        .ag-pad {
            padding: 0 0px 40px 0;
        }
        .grid figure {
            position: relative;
            overflow: hidden;
            margin: 10px 0% 4% 1.3%;
            min-width: 48%;
            max-width: 48%;
            max-height: auto;
            width: 100%;
            background: #242424;
            text-align: center;
            cursor: pointer;
            padding: 0;
        }
    }
    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
       .text-al{
            text-align: center;
        }
        .carousel-caption {
            background-color: rgba(0, 0, 0, 0.5);
            text-align: left;
            padding: 5px 26px;
            margin: 61px 63px 295px -144px;
            line-height: 91%;
        }
        .ag-pad {
            padding: 0px 0px 28px 0px;
            }
        figure.effect-oscar h2 {
            margin: 16% 0 10px 0;
            -webkit-transition: -webkit-transform 0.35s;
            transition: transform 0.35s;
            -webkit-transform: translate3d(0,100%,0);
            transform: translate3d(0,100%,0);
            }
        .grid figure {
            position: relative;
            overflow: hidden;
            margin: 10px 0% 4% 16px;
            min-width: 95.3%;
            max-width: 95.3%;
            max-height: auto;
            width: 100%;
            background: #242424;
            text-align: center;
            cursor: pointer;
            padding: 0;
        }
    }
    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
        .text-al{
            text-align: center;
        }
        .carousel-caption {
            background-color: rgba(0, 0, 0, 0.5);
            text-align: left;
            padding: 5px 26px;
            margin: 61px -17px 165px -68px;
            line-height: 91%;
        }
        .ag-pad {
            padding: 0px 0px 28px 0px;
            }
        figure.effect-oscar h2 {
           margin: 16% 0 10px 0;
            -webkit-transition: -webkit-transform 0.35s;
            transition: transform 0.35s;
            -webkit-transform: translate3d(0,100%,0);
            transform: translate3d(0,100%,0);
            }
        .grid figure {
	        position: relative;
            overflow: hidden;
            margin: 31px 0% 0% 3%;
            min-width: 94%;
            max-width: 94%;
            max-height: auto;
            width: 100%;
            background: #242424;
            text-align: center;
            cursor: pointer;
            padding: 0;
    }
   
    @media only screen and (max-width : 360px) {
        .text-al{
            text-align: center;
        }
        .carousel-caption {
            background-color: rgba(0, 0, 0, 0.5);
            text-align: left;
            padding: 5px 26px;
            margin: 61px -49px 85px -49px;
            line-height: 91%;
        }
        .ag-pad {
            padding: 0px 0px 28px 0px;
            }
        figure.effect-oscar h2 {
            margin: 2% 0 10px 0;
            -webkit-transition: -webkit-transform 0.35s;
            transition: transform 0.35s;
            -webkit-transform: translate3d(0,100%,0);
            transform: translate3d(0,100%,0);
            }
        .grid figure {
	           position: relative;
                overflow: hidden;
                margin: 31px 0% 0% 4%;
                min-width: 92%;
                max-width: 90%;
                max-height: auto;
                width: 100%;
                background: #242424;
                text-align: center;
                cursor: pointer;
                padding: 0;
            }            
        }
    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        .text-al{
            text-align: center;
        }
        .carousel-caption {
            background-color: rgba(0, 0, 0, 0.5);
            text-align: left;
            padding: 5px 26px;
            margin: 59px -42px 71px -43px;
            line-height: 91%;
        }
        .ag-pad {
            padding: 0px 0px 28px 0px;
            }
        figure.effect-oscar h2 {
            margin: 2% 0 10px 0;
            -webkit-transition: -webkit-transform 0.35s;
            transition: transform 0.35s;
            -webkit-transform: translate3d(0,100%,0);
            transform: translate3d(0,100%,0);
            }
        .grid figure {
	        position: relative;
	        overflow: hidden;
	        margin: 11px 0% 0% 5%;
            min-width: 90%;
            max-width: 90%;
	        max-height: auto;
	        width: 100%;
	        background: #242424;
	        text-align: center;
	        cursor: pointer;
            padding: 0;
            }
    }

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

    /*==========  Mobile First Method  ==========*/

    /* Custom, iPhone Retina */  
    @media only screen and (min-width : 320px) {
        
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }



    /*==========  Non-Mobile First Method  ==========*/

    /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }


    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {

    }


    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {

    }