/* -----------------------------------------------------------------------------

    This file should be used to add your own CSS definitions or override
	the existing ones.

----------------------------------------------------------------------------- */

	/* FONT */
	/* body { font-family: 'insert-font-family-name-here', 'Arial', sans-serif; } */

	/* STANDARD LOGO DIMENSIONS */
	.header-branding img { /*width: 140px;*/ width:240px; height:auto;}

	/* LARGE LOGO DIMENSIONS */
	.header-branding.m-large-logo img { /*width: 200px;*/ width:300px; height:auto;}
	/* Scroll down to "MEDIUM DEVICES" to change width of large logo on mobile devices */

     #order2 {
     /*-webkit-order:1;
     order:1;
      -moz-order:1;*/
}
#order3 {
     /*-webkit-order:2;
     order:2;
      -moz-order:2;*/
}
#order1 {
}

	/* your CSS here */
      .yojana-list ul li a::before {
           font-family:"FontAwesome";
    content: "\f260";  /*\f058;*/
    padding-right:5px;
     color:#003399;     
    /*font-weight:900;*/
}
.yojana-list ul li a:hover {
    text-decoration:none;
    font-size:15px;
   color:#003399;
   font-weight:500;
    cursor:pointer;
    /*transform:scale(1.5);
    -webkit-transform:scale(1.5);*/
}

.y-list-zoom {
    width:100%;
    height:auto;
   border-radius:8px 8px;
     transition: transform 0.3s ease-in-out;
     -webkit-transition: transform 0.3s ease-in-out;
     margin-bottom:15px;
}
.y-list-zoom:hover {
      transform:scale(1.1);
    -webkit-transform:scale(1.1);
}
.list-zoom img{
   display:inline-block;width:96px;border-radius:96px;border:1px solid #ddd;display:block;margin-right:auto;margin-left:auto;margin-bottom:5px;
     transition: transform 0.3s ease-in-out;
     -webkit-transition: transform 0.3s ease-in-out;
}
.list-zoom img:hover {
      transform:scale(1.09);
    -webkit-transform:scale(1.09);
   
    cursor:pointer;
}
.list-zoom p{
   text-align:center;color:#003399;font-weight:600;font-size:14px;
}
    .list-zoom p span {
        font-size:12px;color:#333;font-weight:100;
    }



    .l-list-zoom img{
   display:inline-block;width:82px;border-radius:82px;border:1px solid #ddd;display:block;margin-right:auto;margin-left:auto;margin-bottom:10px;
     transition: transform 0.3s ease-in-out;
     -webkit-transition: transform 0.3s ease-in-out;
}
.l-list-zoom img:hover {
      transform:scale(1.09);
    -webkit-transform:scale(1.09);
   
    cursor:pointer;
}
.l-list-zoom h4 a{
   color:#003399;font-weight:600;text-decoration:none;
}
    .l-list-zoom h4 a span {
       font-size:12px;color:#333;font-weight:500;
    }
    


/* -----------------------------------------------------------------------------

    RESPONSIVE DEFINITIONS

----------------------------------------------------------------------------- */

    /* -------------------------------------------------------------------------
        LARGE DEVICES
		devices with width between 992px and 1199px
    ------------------------------------------------------------------------- */

    @media ( max-width: 1199px ) {

		/* your CSS here */

	}

    /* -------------------------------------------------------------------------
        MEDIUM DEVICES
		devices with width between 768px and 991px
    ------------------------------------------------------------------------- */

    @media ( max-width: 991px ) {

		/* LARGE LOGO DIMENSIONS */
		.header-branding.m-large-logo img { width: 240px; }

		/* your CSS here */

	}

	/* -------------------------------------------------------------------------
        SMALL DEVICES
		devices with width between 481px and 767px
    ------------------------------------------------------------------------- */

    @media ( max-width: 767px ) {
            /*.flex-container {
                display:flex;
                flex-direction:column-reverse;
            }
             .flex-child {
                flex-wrap:wrap;
            }*/
        /*#order1 {
    -webkit-order:3;
    -moz-order:3;
    order:3;
}*/
#order2 {
     /*-webkit-order:2;
     order:2;
      -moz-order:2;*/
}
#order3 {
     /*-webkit-order:1;
     order:1;
      -moz-order:1;*/
}
		/* your CSS here */

	}

	/* -------------------------------------------------------------------------
        EXTRA SMALL DEVICES
		devices with width up to 480px
    ------------------------------------------------------------------------- */

	@media ( max-width: 480px ) {

		/* your CSS here */

	}