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


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

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

    .pagination>li {
        display: inline-block;
    }

    .pagination-lg>li>a, .pagination-lg>li>span {
        padding: 10px 10px;
        font-size: 14px;
        border: 1px solid #6d7fcc;
        margin-right: 5px;
    }

    .pagination {
        text-align: center;
    }

}

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

    #skew:before {
        left: -591px;
        top: -134px;
    }

    .pagination>li {
        display: inline-block;
    }

    .pagination-lg>li>a, .pagination-lg>li>span {
        padding: 10px 10px;
        font-size: 12px;
    }

    .pagination {
        text-align: center;
    }

}


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1280px) {
    .carousel-caption {
        top: 15%;
    }
}


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

    #skew:before  {
        left: -544px;
        top: -161px;
    }
    .carousel-caption {
        top: 13%;
    }
    #sidebar {
        min-width: 210px;
    }
    .product_container {
        padding: 30px 0;
    }
    .footer {
        padding-bottom: 21px;
    }
    .client-logos .client {
        height: 245px;
    }
}


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

    .carousel-caption {
        top: 5%;
        font-size: 15px;

    }

    .footer {
        padding-top: 50px;
        padding-bottom: 0;
    }

    .product {
        padding: 15px 15px 5px;
    }

    .carousel-indicators {
        bottom: 10px;
    }

    #skew:before {
        left: -435px;
        top: -226px;
    }

    .testimonials_container .carousel-indicators {
        bottom: -30px;
    }
    #sidebar {
        min-width: 200px;
    }
    .breadcrumb.no_padding{
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    .product_container .no_padding{
        padding-right: 15px;
        padding-left: 15px;
    }
    .client-logos .client {
        height: 250px;
    }
    
}


/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
    .navbar {
        min-height: 30px;
    }
    .navbar-nav>li>a {
        font-size: 13px;
        padding: 5px 16px;
    }
    .top_container p {
        font-size: 11px;
    }
    #skew:before {
        left: -341px;
        top: -237px;
    }
    .intro_img{
        height: 150px;
        margin-top: 40px;
    }
    .content {
        width: 92%;
        margin-bottom: 60px;
    }
    .products_container h2{
        margin-top: -60px;
    }
    .products_row{
        margin-top: 0px !important;
    }
    .products_container .view_link {
        margin-right: 30px;
        margin-top: -25px;
    }
    .view_link {
        /* margin-right: 20px; */
    }
    .client_link{
        margin-top: -75px;
    }
    .carousel-indicators {
        bottom: -25px;
    }
    .view_link.feedback {
        margin-top: 0px;
    }
    .client {
        margin-bottom: 45px;
    }
    .carousel-indicators.slider{
            bottom: 10px;        
    }
    .home_col{
        width: 28%;
    }
    .call_col{
        width: 22%;
    }
    .carousel-indicators.test li {
        background-color: #000 !important;
        border: 1px solid #000000;
    }
    .carousel-indicators.test .active {
        background-color:  #0066cc !important;
        border: 1px solid #0066cc !important;
    }
    .footer {
        padding-top: 30px;
        padding-bottom: 7px;
    }
    .learn_more_btn{
        font-size: 13px;
    }
    .client-logos .content , .client-logos .content.client 
    {
        width: 100%;
    }
    .no_padding_md{
        padding-right: 0px;
        padding-left: 0px;
    }
    .padding-sm-15{
        padding-left: 15px;
        padding-right: 15px;
    }
    .solution1, .solution2, .solution3{
        padding-bottom: 50px;
    }
    .solution1 h3, .solution2 h3, .solution3 h3, .solution4 h3{
        font-size: 18px;
        margin-bottom: -10px;
    }
    .no_padding{
        padding-left: 15px;
        padding-right: 15px;
    }
    .left-contact-side {
        padding-left: 15px;
    }
    .founder_name {
        font-size: 18px;
    }
    .designation {
        line-height: 1.5;
        margin-top: 8px;
    }
    .contact_container .no_padding {
        padding-right: 0px;
        padding-left: 0px;
    }
    .footer {
        background-size: cover;
    }
    .client-logos .client {
        height: 248px;
    }
    .founder_right_txt {
        text-align: center;
    }
    .col-product {
        margin-bottom: 0;
    }
    .client_link .view_link{
        margin-right: 20px;
        margin-top: 30px;
    }
    .btn-set {
        margin-left: 42px;
    }
}

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

    .carousel-caption {
        font-size: 14px;
        top: 0%;
        left: 15%;
    }
    .carousel-caption h3 {
        font-size: 25px;
    } 
    #skew:before {
        left: -304px;
        top: -293px;
    }
    .client_link {
        margin-top: -25px;
    }
    .col-product {
        margin-bottom: -15px;
    }
    .padding-sm{
        /* padding-left: 30px;
        padding-right: 30px; */
    }
    .padding-xs{
        padding-left: 15px;
        padding-right: 15px;
    }
    
    .client-logos .client {
        height: 255px;
    }
    .client_link .view_link {
        margin-right: 20px;
        margin-top: 0px;
    }
    .top_banner {
        background-position: center;
    }
    
}


/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
    
    .introduction_container {
        padding: 15px 0;
    }
    .product p {
        font-size: 13px;
    }
    .content {
        max-width: 249px;
    }
    .product {
        padding: 15px 0 5px;
    }
    .view_link {
        margin-top: -20px;
    }
    .home_col {
        /* width: 29%; */
        /* width: 33.33333333%; */
    }
    .call_col {
        /* width: 22%; */
        /* width: 33.33333333%; */
    }
    .mail {
        /* width: 24%; */
        /* width: 33.33333333%; */
    }
    .align_box {
        left: -521px;
        top: -217px;
    }


    /*  */
    .navbar-brand {
        height: auto;
    }
    .navbar-toggle {
        margin-top: 15px;
    }
    .icon {
        width: 15px;
    }
    .sec{
        margin-left: 25%;
        color: #999;
    }
    .home_col {
        /* width: 29%; */
        width: 41.333333%;
    }
    .call_col {
        /* width: 22%; */
        width: 22.333333%;
    }
    .mail {
        /* width: 24%; */
        width: 29.333333%;
    }
    .footer p{
        text-align: center;
    }
    .footer {
        background-image: none;
    }
    .footer img{
        margin-left: auto;
        margin-right: auto;
    }
    nav{
        background-color: #ffffff !important;
    }
    .navbar-brand {
        padding: 10px 15px;
    }
    nav li a {
        /* color: #000 !important; */
        text-align: center;
    }
    .navbar-default .navbar-nav>li>a:hover {
        color: #fff !important;
        background-color: #0066cc;
    }
    .client {
        padding: 45px 0px;
        margin-bottom: 30px;
    }
    .client_link {
        margin-top: 0px;
        text-align: center;
    }
    .view_link, .view_link feedback{
        float: none !important;
    }
    .view_link {
        /* margin-right: 0px !important; */
    }
    .product_link, .testimonial_feedback{
        text-align: center;
    }
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        color: #000;
    }
    .carousel-indicators {
        bottom: 13px !important;
    }
    .testimonials_container {
        background-size: cover;
    }
    .col-product {
        margin-bottom: 0px;
    }
    .content.product{
        margin-bottom: 45px ;
    }
    .products_container .view_link, .view_link {
        margin-right: 0px !important;
    }
    .founder_right_txt{
        text-align: center;
    }
    .left-contact-side p{
        text-align: center;
    }
    .left-contact-side img{
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .top_banner {
        padding: 9%;
    }
    #sidebar.active {
        margin-left: -320px;
    }
    #sidebar {
        /* min-width: 280px; */
        min-width: 96%;
        position: absolute !important;  
        margin-top: 25px;
        z-index: 999999;
        padding-right: 20px;
        padding-left: 20px;
    }
    #sidebar ul.components {
        box-shadow: 2px 2px 15px 2px #e4e4e4;
        /* margin-right: 10px; */
        margin-right: 0px;
    }

    #sidebar.active {
        display: none;
    }
    .no_padding_xs{
        padding-right: 0px;
        padding-left: 0px;
    }
    
    .navbar-default .navbar-nav>li>a {
        color: #777;
    }
    .breadcrumb {
       padding-left: 15px;
       padding-right: 15px;
    }
    .product_container h3 {
        font-size: 20px;
    }


    .pagination>li {
        display: inline-block;
    }

    .pagination-lg>li>a, .pagination-lg>li>span {
        padding: 10px 10px;
        font-size: 12px;
    }

    .pagination {
        text-align: center;
    }
    
    .top_banner.solutions{
        background-size: cover;
    }
    .client-logos .client {
        height: auto;
    }
    .carousel-indicators.test {
        bottom: -50px !important;
    }
    .navbar-default .navbar-nav>li>a:hover {
        color: #777 !important;
    }
    .bs-example{
        padding-left: 20px;
    }
    .btn-set {
        margin-bottom: 20px;
    }
    .help_desk{
        text-align: center;
    }
}

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

}


/* Extra Small Devices, Phones portrait */
@media only screen and (max-width : 640px) {
    .col-product{
        width: 50%;
    }
    #sidebar ul.components {
        margin-right: 5px;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .col-product{
        width: 100%;
    }
    .carousel-indicators {
        bottom: 10px !important;
    }
    .testimonials_container .carousel-indicators {
        bottom: -50px !important;
    }
    .top_banner {
        padding: 12%;
    }
    #sidebar ul.components {
        margin-right: 10px;
    }

}

@media only screen and (max-width : 411px) {
    .col-cat{
        width: 100%;
    }
    #sidebar ul.components {
        margin-right: 15px;
    }

}

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


}

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

    .col-product{
        width: 100%;
    }
    .col-client{
        width: 50%;
    }
    .product_container h3 {
        font-size: 18px;
        margin-bottom: -10px;
    }
    .client_mobile .carousel-control .glyphicon-chevron-left {
        margin-left: -25px;
    }
    .client_mobile .carousel-control .glyphicon-chevron-right {
        margin-right: -25px;
    }
}


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

    .content.client {
        width: 75%;
    }
    #sidebar ul.components {
        margin-right: 15px;
    }
}