/* Medium Devices, Desktops */
    @media only screen and (max-width : 768px) {
        .ag-navbar {
            width: 100%;
            text-align: center;
    }
}
/* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 800px) {
        #brand img {
             width: 70% !important;
             padding-left: 20px !important;
}
    }
    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 767px) {
        #brand img {
             width: 70% !important;
             padding-left: 20px !important;
}
    }
    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 603px) {
        #brand img {
            width: 80% !important;
            padding-left: 104px !important;
}
}
    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 500px) {
        #brand img {
            width: 64% !important;
            padding-left: 0px !important;
    }
}
    }
    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
        #brand img {
            width: 86% !important;
            padding-left: 70px !important;

}
    }
  /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 360px) {
        #brand img {
            width: 60% !important;
            padding-left: 0px !important;

}
    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        #brand img {
            width: 80% !important;
            padding-left: 14px !important;
}
    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
        .navbar-brand{
            
        }
    }
     /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 360px) {
        .navbar-brand{
            max-width: 77%!important;
        }
    }
    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        .navbar-brand{
            max-width: 72%!important;
        }
    }

 /* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
        .carousel-control .control-icon {
            font-size: 33px;
            height: 30px;
            width: 30px;
            display: inline-block;
            position: absolute;
            top: 36%;
            z-index: 5;
        }
        .carousel-caption {
            position: absolute;
            right: 15%;
            bottom: 20px;
            left: 15%;
            z-index: 10;
            padding-top: 20px;
            padding-bottom: 142px !important;
            color: #fff;
            text-align: center;

}
    }


/* Small Devices, Tablets */
    @media only screen and (max-width : 980px) {
        .carousel-control .control-icon {
            font-size: 33px;
            height: 30px;
            width: 30px;
            display: inline-block;
            position: absolute;
            top: 26%;
            z-index: 5;
        }
        .carousel-caption {
            position: absolute;
            right: 15%;
            bottom: 90px;
            left: 15%;
            z-index: 10;
            padding-top: 20px;
            padding-bottom: 42px !important;
            color: #fff;
            text-align: center;
    }


    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
        .carousel-control .control-icon {
            font-size: 33px;
            height: 30px;
            width: 30px;
            display: inline-block;
            position: absolute;
            top: 24%;
            z-index: 5;
        }
        .carousel-caption {
            position: absolute;
            right: 15%;
            bottom: 70px;
            left: 15%;
            z-index: 10;
            padding-top: 20px;
            padding-bottom: 42px !important;
            color: #fff;
            text-align: center;
}
    }
@media only screen and (max-width : 680px) {
        .carousel-control .control-icon {
            font-size: 33px;
            height: 30px;
            width: 30px;
            display: inline-block;
            position: absolute;
            top: 20%;
            z-index: 5;
        }
        .carousel-caption {
            position: absolute;
            right: 15%;
            bottom: 55px;
            left: 15%;
            z-index: 10;
            padding-top: 20px;
            padding-bottom: 42px !important;
            color: #fff;
            text-align: center;
}
    }

 @media only screen and (max-width : 400px) {
        .carousel-control .control-icon {
            font-size: 33px;
            height: 30px;
            width: 30px;
            display: inline-block;
            position: absolute;
            top: 25%;
            z-index: 5;
        }
        .carousel-caption {
            position: absolute;
            right: 15%;
            bottom: 19px;
            left: 15%;
            z-index: 10;
            padding-top: 20px;
            padding-bottom: 42px !important;
            color: #fff;
            text-align: center;
}
    }

 @media only screen and (max-width : 360px) {
        .carousel-control .control-icon {
            font-size: 33px;
            height: 30px;
            width: 30px;
            display: inline-block;
            position: absolute;
            top: 30%;
            z-index: 5;
        }
        .carousel-caption {
            position: absolute;
            right: 15%;
            bottom: 0px;
            left: 15%;
            z-index: 10;
            padding-top: 20px;
            padding-bottom: 42px !important;
            color: #fff;
            text-align: center;
}
    }

 @media only screen and (max-width : 320px) {
        .carousel-control .control-icon {
            font-size: 33px;
            height: 30px;
            width: 30px;
            display: inline-block;
            position: absolute;
            top: 30%;
            z-index: 5;
        }
        .carousel-caption {
            position: absolute;
            right: 15%;
            bottom: 0px;
            left: 15%;
            z-index: 10;
            padding-top: 20px;
            padding-bottom: 42px !important;
            color: #fff;
            text-align: center;
}
    }

/*==================================================
=            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) {

    }