@charset "utf-8";
/* CSS Document */

/* #Media Queries
================================================== */

/* Smaller than standard 1200px (devices and browsers) */

@media only screen and (max-width: 1920px) {}

@media only screen and (max-width: 1600px) {}

@media only screen and (max-width: 1440px) {}

@media only screen and (max-width: 1366px) {}

@media only screen and (max-width: 1360px) {}

@media only screen and (max-width: 1280px) {}

@media only screen and (max-width: 1200px) {}

/* iPads (portrait and landscape) ----------- */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* Styles */
}

/* iPads (landscape) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    /* Styles */
    .bod .bod_box .bod_point li {
        height: 130px;
    }
}

/* iPads (portrait) ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* Styles */
    .cosmos_way_box {
        margin: 8px;
    }
    .achievements .achievements_row .achievements_box {
        margin: 8px;
    }
    .bod .bod_box {
        margin: 8px;
    }
    .tabbable-line>.nav-tabs>li {
        margin-right: 0px;
    }
    .bod .bod_box .bod_point li {
        height: 190px;
    }
}

@media only screen and (min-device-width: 412px) and (max-device-width: 846px) and (orientation: landscape) {}

@media only screen and (min-device-width: 480px) and (max-device-width: 767px) and (orientation: landscape) {}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

@media only screen and (min-width: 480px) and (max-width: 767px) {}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {}

/* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    /* Styles */
    /*.four-categories-links-wrap li a {
    padding: 10px 10px;
	}*/
    .four-categories-links-wrap li {
        /*width: 24%;*/
        width: auto;
        margin-left: 0px;
        margin-right: 0px;
    }
    .four-categories-links-wrap .nav-tabs li {
        /* float: left;*/
    }
    .sm-blue a,
    .sm-blue a:active,
    .sm-blue a:focus,
    .sm-blue a:hover {
        padding: 10px 10px;
        text-transform: capitalize !important;
    }
    #nav .sm-blue li {
        float: none;
        display: block;
    }
    .banner .carousel-caption h3 {
        font-size: 14px;
    }
    .banner .carousel-caption p {
        font-size: 10px;
    }
    .banner .carousel-caption {
        top: -17%;
        left: 6%;
    }
    .LOAN-LIMIT-5-LACS {
        font-size: 12px;
    }
    .four-categories-links-wrap .nav-tabs {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    .four-categories-links-wrap li a {
        padding: 7px;
    }
    .top-logo-col {
        /*width: 75%;*/
        width: 60%;
        margin: 0 auto;
        float: none;
    }
    .top-nav-col {
        /*        width: 25%;*/
        width: 100%;
        margin-bottom: 3%;
    }
    .top-nav-col nav {
        position: relative;
        left: 0;
        /*margin-left: -255px;*/
        /*        margin-left: -528%;*/
        /*        margin-top: 63%;*/
    }
    .top-nav-col nav .main-menu-btn {
        /*margin-top: -33px;
          right: -15px;*/
        margin-top: -33px;
        right: -15px;
    }
}

/* Smartphones (landscape) ----------- */

@media only screen and (min-width: 321px) {
    /* Styles */
}

/* Smartphones (portrait) ----------- */

@media only screen and (max-width: 320px) {
    /* Styles */
}