﻿@media all and (max-width:600px) {
    td label, input, button, select, textarea {font-size: 70%}
}
@media (max-width: 767px) {
    body {
        overflow: hidden;
    }
}

@media (min-width: 768px) {

    /* show 3 items */
    .carousel-inner .active,
    .carousel-inner .active + .carousel-item,
    .carousel-inner .active + .carousel-item + .carousel-item {
        display: block;
    }

    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
    .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        transition: none;
    }

    .carousel-inner .carousel-item-next,
    .carousel-inner .carousel-item-prev {
        position: relative;
        transform: translate3d(0, 0, 0);
    }

    .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* left or forward direction */
    .active.carousel-item-left + .carousel-item-next.carousel-item-left,
    .carousel-item-next.carousel-item-left + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
    .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    /* farthest right hidden item must be abso position for animations */
    .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible;
    }

    /* right or prev direction */
    .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
    .carousel-item-prev.carousel-item-right + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
    .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible;
    }
}
/* * * * * * * * * * * *
  	 * Login - custom manesh
  	 * * * * * * * * * * * */
@media (min-width: 979px) and (max-width: 1900px) {
    .login .logo img {
        max-width: 25% !important;
    }
}

@media (max-width: 979px) {
    .login .logo img {
        max-width: 30% !important;
    }
}

@media (max-width: 767px) {
    .login .logo img {
        max-width: 35% !important;
    }
}

@media (max-width: 480px) {
    .login .logo img {
        max-width: 75% !important;
    }
}
/* * * * * * * * * * * *
  	 * dashboard image - custom manesh
  	 * * * * * * * * * * * */


@media (max-width: 767px) {
    .dashboard_content_h5 {
        padding-right: 2% !important;
    }

    .dashboard_content_h1 {
        padding-right: 2% !important;
    }
}

@media (max-width: 480px) {
    .dashboard_content_h5 {
        padding-right: 2% !important;
    }

    .dashboard_content_h1 {
        padding-right: 2% !important;
    }
}
/*media update deepika*/
@media screen and (max-width: 61.9375em) {
    .dashboard_content_background {
        height: 345px;
        background-position-x: 20%;
    }

    .dashboard_content_middle_div {
        padding: 1.5rem 0;
        margin-top: -8.7%;
    }

        .dashboard_content_middle_div h2 {
            font-size: 24px;
        }
}

@media screen and (max-width: 71.1875em) {
    .dashboard_content_middle_div {
        padding: 1.5rem 0;
        margin-top: 0;
    }

    .dashboard_content_background {
        height: 510px;
        background-size: 100% 100%;
    }

    .dashboard_content_middle_div h2 {
        font-size: 20px;
        padding: 2.4rem;
    }

    .dashboard_content_h1 {
        padding-top: 1%;
    }

    .fadeonsmallsize {
        display: none;
    }

    .sidebar-widget {
        display: none;
    }

    .footer-style-layout {
        padding-left: 22%;
        margin-top: 5%;
    }

    #content {
        height: 1480px;
    }

    .nav-tabs {
        font-size: 9px;
    }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
            border: none;
        }
        #home_integration_image{
            width: 90% !important;
            height: 110% !important;
        }
        #home_audittrail_image{
    width: 90% !important; height: 100% !important; 
}
#home_testapis_image{
    width: 140% !important; height: 100% !important; 
}
}
