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

@charset "utf-8";
/* CSS Document */
@media (max-width:320px) {
    .navbar-toggle {
        margin-top: 0;
    }
}

@media only screen and (min-width:300px) and (max-width:480px) {
    form.form.col-sm-12.col-md-12.col-xs-12.text-right.ertopleft h4 {
        float: left;
        width: 100%;
        text-align: center;
    }

    form.form.col-sm-12.col-md-12.col-xs-12.text-right.ertopleft .form-group {
        float: left;
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
    }

    form.form.col-sm-12.col-md-12.col-xs-12.text-right.ertopleft h2 {
        /* float: left; */
        text-align: center;
        width: 100%;
    }

    form.form {
        /* float: right; */
        margin-top: 40px;
    }
}

@media only screen and (min-width:300px) and (max-width:767px) {
label.control-label.col-sm-2.col-xs-12.aclabel {
    text-align: left;
    padding: 0 0 0px 15px;
}
a, p, span {
        -ms-word-break: break-all;
     word-break: break-all;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}
    table.table-bordered.dataTable {
    width: 100% !important;
}
    button.btn.btn-xs.btn-danger.custom_aoclick {
    margin-bottom: 5px;
}
    .produtblock h2 {
        -ms-word-break: break-all;
     word-break: break-all;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
    }
    /*added on 06-06-16 */
    .carouselbanner {
        top: 76px;
    }
    .ih-item.square img {
        width:auto !important;
        height:264px !important;
    }
    /*added on 23 may*/
    .form-group.col-sm-12.col-md-12.last-child-cont {
        float: left;
        margin-top: 15px;
    }

    .dropdown-menu {
        border-radius: 0 !important;
    }

    .ih-item.square .proglimg {
        /*height: auto !important;*/
        width: auto;
        margin: 27px auto !important;
    }
    /*added on 23 may*/

    /*Added on 20-May*/
    .table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th {
        border-top: 0 none;
        display: table-cell;
        height: 87px;
    }

    .table-responsive {
        margin-bottom: 15px;
        margin-top: 19px;
    }

    input#txtRemarks {
        width: 200px;
    }


    input[type="checkbox"], input[type="radio"] {
        line-height: normal;
        margin: 4px 0 0;
        width: 50px !important;
    }

    .lblGP_PartNo {
        width: 100px;
    }


    .lblBuyerPrice {
        width: 100px;
    }

    .lblAgentPrice {
        width: 100px;
    }



    /*End here*/

    .ordnum.nr.sorting_1 {
        width: 307px;
    }

    .table-responsive .table tbody tr td:first-child {
        border-right: 1px solid #ddd !important;
    }

    .modal.in .modal-dialog {
        margin-top: 120px;
    }

    .btn-custom-01 {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .form-group.col-sm-12.col-md-12 {
        margin-bottom: 15px;
    }

    .breadcrumb {
        padding: 0;
    }

        .breadcrumb > li + li::before {
            font-size: 14px;
            padding: 0;
        }

    breadcrumb > .active {
        font-size: 13px;
    }

    form.form {
        /* float: right; */
        margin-top: 40px !important;
    }

    .caret {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin-left: 2px;
        vertical-align: middle;
        border-top: 6px solid;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
    }

    form.form.col-sm-6.col-md-6.col-xs-12.text-right.ertopleft {
        float: left !important;
        text-align: center;
    }

    .col-sm-4.col-md-4.col-xs-12.eortop {
        margin-top: 62px;
        text-align: center;
    }

    table.order thead tr th:nth-child(1) {
        width: 100PX;
        DISPLAY: BLOCK;
    }

    .nav > li {
        display: inline-table;
        position: relative;
        width: 100%;
        padding: 0 0;
        border-bottom: 1px solid #777;
        height: 30px;
    }

    .col-sm-4.col-md-4.col-xs-12.hnewsblock p.lnews-fix {
        height: auto;
        overflow: hidden;
    }

    .discparas .btn.cbtn {
        margin: 0;
    }


    .carousel-control.right > img {
        position: relative;
        top: 65px;
    }


    .carousel-control.left > img {
        position: relative;
        top: 65px;
    }

    .navbar-default .navbar-offcanvas {
        /*background-color: #fff;*/
    }

    .navbar-nav {
        width: auto;
    }

    .navbar-default .navbar-nav > li > a {
        /*color: #fff;*/
        padding: 10px 5px;
    }

    .navbar-nav .open .dropdown-menu {
        background: #595355;
    }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        color: #e6001a !important;
        font-size: 14px;
        font-weight: 500;
    }

    .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
        color: #e6001a !important;
    }

    .dropdown-menu.ddmenu > li {
        border-bottom: 1px solid #fff;
        padding: 5px 0;
    }

        .dropdown-menu.ddmenu > li:first-child {
            border-top: 1px solid #fff;
        }

        .dropdown-menu.ddmenu > li:last-child {
            border: medium none;
        }

    .fa.fa-home.fa-lg {
        display: none;
    }

    .nav.navbar-nav .mob-h {
        display: block;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #fff;
    }

    footer.footer.innerfooter.sticky {
        position: relative;
        bottom: 0;
    }
    /*added on 12th may 2016*/
    .discription {
        margin-top: 15px;
        width: 100%;
    }

    #myCarousel2 .carousel-inner .item .img-responsive {
        margin: 0 auto;
    }

    #myCarousel2 .carousel-inner .item .img-responsive {
        /*margin: 0px auto;
    padding-bottom: 30px*/
        /*added on 16-05*/
        margin: 28px auto;
        padding-bottom: 0;
    }

    #carouselHacked .carousel, .carousel-inner, .carousel-inner .item {
        clear: both;
        height: auto;
        overflow: inherit;
        /*padding-bottom: 7px;*/
        padding-bottom: 7px !important; /*added on 16-05*/
    }

    #myCarousel2 .carousel-inner .item {
        clear: both;
        height: auto;
        overflow: inherit;
        padding-bottom: 6px;
    }

    .news span {
        float: left;
        text-align: left;
        width: 100%;
    }

    .table-responsive .table thead tr th {
        border-bottom: none;
        border-right: none;
    }

    .table-responsive .table tbody tr td:first-child {
        border-bottom: none;
        border-right: none;
    }

    .text-right.text-left-xs {
        float: left;
        margin-bottom: 10px;
        text-align: left;
    }

    table.order thead tr th:nth-child(1) {
        width: 50px;
        /*DISPLAY: BLOCK;*/
    }

    .table-responsive .table thead tr th:nth-child(2),
    .table-responsive .table tbody tr td:nth-child(2) {
        width: auto;
        padding: 9px 5px 5px 5px;
    }

    .table-responsive .table thead tr th.ordnum,
    .table-responsive .table tbody tr td.ordnum {
        width: 170px;
        padding: 9px 5px 5px 5px; /*display:block*/
        ;
    }


    .table-responsive .table tbody td:first-child {
        width: auto;
        border-bottom: none;
        vertical-align: middle !important;
    }
    /*.dropdown-menu > li > a {
    padding: 0 15px !important;
}*/
    button.navbar-toggle.offcanvas-toggle.pull-right.js-offcanvas-has-events.is-open {
        margin-top: 23px;
        margin-right: 5px;
    }

    .productdetails {
        width: 100%;
    }

    .navbar-offcanvas {
        max-width: 75%;
    }

    .capthcimg {
        width: 100%;
        float: inherit;
        /*margin-bottom:6%;*/
    }

    .captchtext {
        width: 100%;
        float: inherit;
        margin-left: 0;
    }

    .nav.navbar-nav {
        float: left;
    }

    .nav > li.seprater {
        display: none;
    }

    .navbar-toggle {
        margin-top: 23px;
        margin-right: 15px;
    }

    .navbar-brand {
        padding: 15px 9px;
    }

    .navbar-offcanvas.offcanvas-transform.in {
        z-index: 1111;
        height: 100%;
    }

    .col-md-7.col-sm-7.discription {
        padding-bottom: 5%;
    }

    .col-md-4.col-sm-4.hnewsblock .newsblock .btn.cbtn.btn-custom {
        margin-top: 15px;
    }

    .col-md-4.col-sm-4.hnewsblock .newsblock {
        padding-left: 5px !important;
        margin-top: 10px;
    }

    .carousel-control {
        width: 14% !important;
    }

    .col-sm-3.col-md-3.col-xs-12.proitem {
        text-align: center; /*padding-bottom:30%;*/
    }

        .col-sm-3.col-md-3.col-xs-12.proitem .caption {
            width: 100%;
        }

    .col-sm-3.col-md-3.col-xs-12 > div.aboutblock {
        margin-left: 0;
    }

    .aboutpara p:first-child {
        margin-top: 6%;
    }

    .probg {
        height: auto !important;
    }

    .col-md-4.col-sm-4.hnewsblock .newsblock {
        /*padding-left: 5px !important;
	margin-top: 14%;*/
        /*added on 16-05*/
        padding-left: 5px !important;
        margin-top: 10px;
            padding-bottom: 15px;
    }

    h1.prodhead {
        margin-left: 0px !important;
    }

    .col-sm-3.col-md-3.col-xs-12 > div.aboutblock {
        margin-left: 0 !important;
    }

    .col-xs-12 label {
        margin-top: 15px;
    }

    .form-group.group-x {
        margin-bottom: 0;
    }

    .captionblock {
        width: 100%;
        left: 0px;
        padding-left: 10px;
        padding-bottom: 10px;
    }

        .captionblock p {
            padding: 5px 0 0 0;
        }

    .carousel-caption {
        top: -34px !important;
    }
}

@media only screen and (min-width:480px) {
    .carousel-caption {
        top: 39px !important;
    }
}

@media only screen and (min-width:360px) {
    .carousel-caption {
        /*top:-22px !important;*/
    }
}

@media only screen and (min-width:600px) and (max-width:640px) {
    .modal.in .modal-dialog {
        margin-top: 40px;
    }

    .carousel-caption {
        top: 93px !important;
    }

    .bs-example.col-md-4.col-sm-8 {
        float: inherit;
        margin: 50px 0 0 0;
    }

    .form-group {
        margin-bottom: 0;
    }

    .container-fluid.order-bg.eorder {
        min-height: 268px;
    }
}

@media only screen and (min-width:360px) and (max-width:640px) {
    .captionblock p {
        font-size: 14px;
    }

    .captionblock h2 {
        font-size: 24px;
    }

    .captionblock span {
        font-size: 14px;
    }
}

@media only screen and (min-width:320px) and (max-width:676px) {
    .captionblock p {
        font-size: 14px;
    }

    .captionblock h2 {
        font-size: 24px;
    }

    .captionblock span {
        font-size: 14px;
    }

    .col-xs-12.tm0 {
        margin-top: 0;
    }

    .btn-custom {
        color: #fff;
        background-color: #666;
        border-color: #ccc;
    }

        .btn-custom.btn-custom-right {
            float: none;
        }

    .breadcrumb > li + li::before {
        font-size: 14px;
        padding: 0;
    }

    .breadcrumb > .active {
        color: #e6001a !important;
        font-size: 14px;
        font-family: 'Roboto', sans-serif;
    }
}

/*@media only screen and (min-width:375px) and (max-width:667px)
{
	.captionblock {top:102px !important}
}*/

@media only screen and (min-width:600px) and (max-width:1280px) {
    .navbar-toggle {
        /*margin-top: 19px;*/
    }

    .bs-example.col-md-4.col-sm-8 {
        float: inherit;
        margin: 50px 0 0 0;
    }

    .form-group {
        margin-bottom: 0;
    }
}


/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2) {
    .navbar-toggle {
        margin-top: 0px;
    }

    .navbar-default .navbar-toggle {
        float: left;
        margin-left: 40px;
    }

    .navbar-offcanvas {
        max-width: 75%;
    }
      .produtblock h2 {
        -ms-word-break: break-all;
     word-break: break-all;

     // Non standard for webkit
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
    }
      .carousel-control.right > img {
    position: relative;
    top: 150px;
}

.carousel-control.left > img {
    position: relative;
    top: 150px;
}
}
/*added on 18 may 15*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
    .container-fluid.order-bg.eorder {
        min-height: 280px;
    }

    /*.container-fluid.order-bg {
        height: auto;
    }*/

    .bs-example.col-md-4.col-sm-6 {
        margin: 65px auto;
        float: inherit;
    }

    .navbar-offcanvas .dropdown .caret {
        border-top: 4px solid;
    }

    .caret {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin-left: 2px;
        vertical-align: middle;
        border-top: 6px solid;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent;
    }

    .ih-item.square.square2 {
        height: 200px;
    }

    .ih-item.square .proglimg {
        height: auto;
        margin-top: 30px;
    }

    .ih-item.square.effect20 {
        height: 250px;
    }

    .breadcrumb {
        padding: 0;
    }

        .breadcrumb > li + li::before {
            font-size: 14px;
            padding: 0;
        }

    breadcrumb > .active {
        font-size: 13px;
    }
      .produtblock h2 {
        -ms-word-break: break-all;
     word-break: break-all;

     

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
    }
          button.btn.btn-xs.btn-danger.custom_aoclick {
    margin-bottom: 5px;
}
}

/*added on 18 may 15*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {

    .carousel-control.right > img {
    position: relative;
    top: 150px;
}

.carousel-control.left > img {
    position: relative;
    top: 150px;
}
    .container h1 {
        margin: 0 0 15px 0;
    }

    .modal.in .modal-dialog {
        margin-top: 40px;
    }

    .bs-example.col-md-4.col-sm-6 {
        margin: 65px auto;
        float: inherit;
    }

    .form-group {
        margin-bottom: 0px;
    }

    .container-fluid.order-bg.eorder {
        min-height: 260px;
    }

    .container-fluid.order-bg {
        height: auto;
    }

    .navbar-default .navbar-toggle {
        float: left;
        margin-left: 0;
        margin-top: 32px;
        margin-right: 32px;
    }

    .ih-item.square.square2 {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .ih-item.square.effect20 .img {
        height: auto !important;
    }

    .ih-item.square .proglimg {
        height: 200px;
        width: 50%;
    }
        button.btn.btn-xs.btn-danger.custom_aoclick {
    margin-bottom: 5px;
}
}

/* iPhone 5 completed----------- */



@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
    table.order thead tr th:nth-child(2) {
        width: 14%;
        display: table-caption;
        padding: 9px 5px 5px 5px;
    }

    .bs-example.col-md-4.col-sm-6 {
        float: inherit;
        margin: 65px auto;
    }

    .form-group {
        margin-bottom: 0;
    }

    .container-fluid.order-bg.eorder {
        min-height: 265px;
    }
      .produtblock h2 {
        -ms-word-break: break-all;
     word-break: break-all;

     // Non standard for webkit
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
    }
          button.btn.btn-xs.btn-danger.custom_aoclick {
    margin-bottom: 5px;
}
}


@media only screen and (min-device-width : 375px) // or 213.4375em or 3in or 9cm and (max-device-width : 667px) // or 41.6875em {
    .img-responsive.banner2 {
        margin: 21px auto;
        width: 37%;
    }

    .discparas .btn.cbtn {
        margin-top: -15px;
    }
    .container-fluid.order-bg.eorder {
        min-height:280px !important;
    }
    .col-sm-4.col-md-4.col-xs-12.hnewsblock p.lnews-fix {
        height: auto;
        overflow: hidden;
    }
      .produtblock h2 {
        -ms-word-break: break-all;
     word-break: break-all;

    

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
    }
          button.btn.btn-xs.btn-danger.custom_aoclick {
    margin-bottom: 5px;
}
}
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape)
 { 
.carousel-control.right > img {
    position: relative;
      top: 150px !important;
}

.carousel-control.left > img {
    position: relative;
    top: 150px !important;
}
}