﻿/* IE8 Styles */
body {
                margin: 0 auto;
                padding: 0;
                text-align: center;
                width:100%;
            }

.img-full {
    width: 100%;
    
}
.img-half {
    width: 100%;
    
}
.img-quater {
    width: 75%;
    height: 75%;
}
            
.header-left{
 text-align:left;
   
}
.header-right {
	 
    float:right;
   
}
.clear {
    clear: both;
}
.logo-container {
	margin: 10px 0
}
.inline-li, .inline-li li {
    display: inline;
    list-style: none;
}

.wrapper {
    width: 90%;
    margin: 0 auto;
    padding: 0;
}
#main-container {
    width: 100%;
    margin:0 auto;
    padding:0;
}
/*@media (min-width:768px) {
.container {
	width: 750px
}
}

@media (min-width:992px) {
.container {
	width: 970px
}
}

@media (min-width:1200px) {
.container {
	width: 1170px
}
}*/
.top10 {
    margin-top: 10px;
}
.col-left-table {
    text-align:left;
    border-radius:5px;
    padding:2px; 
}
.col-left {
    float: left;
    width: 22%;
    text-align:left;
    border-radius:5px;
    padding:2px;
}
.col-left-img {
    text-align:left;
    border-radius:5px;
    padding:2px;
}
.shadow {
    
    box-shadow: 0 0 10px #656565; margin-top:15px;
}
.col-left-tab {
     
    text-align:left; padding-bottom:42px; max-height:300px;
}

.col-right {
    text-align:left;
}
.newlogin1 { margin:0px; padding-left:45px;
    top: 0px;
    left: 0px;
}

.newlogin1 h2{ font-size:20px; color:#12A893;
    
}
.newlogin1 img { margin:0px; padding:0px; border-radius:8px; width:100%;}

/* new css */
.login1-sec-bg{ background-color:#fff; }
/*.login1-sec{ width:100%; margin:0px 0px 5px 0px; color:#fff; }*/

.login1-text{font-size:16px; font-weight:bold; line-height:30px; border-top-left-radius:5px;  border-top-right-radius:5px; background-color:#3ab4e7; color:#fff; padding:5px 5px;}
/*.login1-text{font-size:22px; font-weight:bold; line-height:30px; border-top-left-radius:3px;  border-top-right-radius:3px; background-color:#82e0ff; color:#06455a; padding:10px 10px;}*/

.login1-box{ margin:10px 5px 0 5px; color:#fff;}

.login1-box-bg {
    /*background-image: url(img/login_bg.png) !important;*/
    background:linear-gradient(bottom right, red, yellow);
    background-repeat:no-repeat;
    background-size:cover;
    height: 40px;
}
.input1-left{ float:left; font-size:11px; line-height:20px; color:#333333; margin-right:14px;}

.input1-right{ width:60%; color:#333333; font-size:11px; float:right; padding-bottom:5px; margin-top:12px;}
.input1-box {
    width: 95%;
    padding: 2px;
    text-align: left;
}
.user-icon{background-image:url(../img/2.png); background-repeat:no-repeat; background-position:right;}
.pwd-icon{background-image:url(../img/3.png); background-repeat:no-repeat; background-position:right; right:10px;}

.btn-submit1{ border:1px #fff solid; color:#000; border-radius:10px; background:#fff; float:right; margin:8px 10px 0 0px; padding:3px 14px; border-radius:10px;}
.btn-submit1:hover{ background-color:#656565; border:1px #fff solid; color:#fff;}
.p1{ font-size:24px; color:#c21b17; line-height:30px; margin-top:5%;}
.p2{ font-size:16px; color:#313131; line-height:20px; padding-top:10px;}
.img-shadow{ box-shadow:2px 2px 5px #656565; border:3px #fff solid;}
lable_p { margin-bottom:9px;
}
 

.newlogin { padding:0px 10px; margin:0px 0 0px 0px;
    top: 0px;
    left: 0px;
}

.newlogin h2{ font-size:20px; color:#12A893;
    
}
.newlogin img { margin:0px; padding:0px; border-radius:8px; width:100%;}
.row1 { margin:0px; padding:0px;}



/*Custom CSS  */
.col-md-2-ie {
    width: 40%;
    float:left;
    text-align:left;
}
.col-md-10-ie {
    width: 55%;
    float:right;
    text-align:right;
}
.container-ie {
	width: 90%;
    margin:0 auto;

    padding:0;
}

.ourproduct{ margin:0px 10px;}
.ourproduct-h2{ margin:0 0 10px 0; padding:0px; font-size:22px; font-weight:bold;}
.ourproduct b{ font-size:11px; color:#749e76; border-bottom:3px solid #749e76; display:inline-block; float:left; margin-right:15px;}
.ourproduct h6{ margin:0px; padding:0px; font-size:11px; color:#92ADA0;}
.ourproduct ul{ margin:0px; padding:0px;}
.ourproduct ul li{ list-style:none; border-radius:6px; float:left; margin-left:0px; padding: 0px 0px; margin-top:5px; font-size:12px;}
.ourproduct ul li a{ color:#000;}
.ourproduct p{ background:# ; font-size:11px; color:#000;}
/*.ourproduct p a{ border-radius:8px; float:right;  padding:2px 6px; margin:20px 5px 5px 0px; background:#A49494 ; color:#000;}*/
.contant { margin-left:10px;}

.ourproduct1 {
 
 
    padding:3px;
    /*box-shadow:0 0 10px #656565;
    border-radius:5px;*/
}
    .ourproduct1 ul {
        margin: 0;
        padding: 0;
    }
        .ourproduct1 ul li {
            list-style: none;
            background-color: #851112;
            float: none;
            border-bottom: 1px solid #C9A0A0;
            font-size: 16px;
            color: #fff;
            padding: 10px;
            border-radius: 5px;
            -ms-border-radius:5px;
            -o-border-radius:5px;
            -webkit-border-radius:5px;
            -moz-border-radius:5px;
        }
.ourproduct1 ul li:hover { background-color:#ff7979; color:#851112; font-weight:bold; border:1px #fff solid; text-transform:uppercase;}
    .ourproduct1 ul a:hover{
        text-decoration:none;
    }

.our-multi-product {
    
    margin-left:10px;
    
}
.multi-left {
    float: left;
    width: 50%;
}
.multi-right {
    float: left;
    width: 22%;
    margin-left:5px;
}
.small-text {
    font-size:8px;
}
.title-text {
    font-size: 11px;
    font-weight: bold;
    color: #4a943e;
    text-align: left;
    margin:0;
    padding:0;
}

.lifestyle { margin-left:0px; padding:0px;}
.lifestyle h2 { font-size:15px; color:#A1E30B; margin:0px; padding:0px; font-weight:700;}
.lifestyle img{ border-radius:8px; width:100%; height:auto;}
.lifestyle p{ font-size:12px; color:#454545; margin:10px;}

.lifestyle2 { padding:4px; }
.lifestyle1 { background:#fff; border:1px solid #d1d1d1; border-radius: 8px; padding:10px 0px 20px; }
.lifestyle1 img{ padding:10px 0; border-radius:8px; width:50%; }
.lifestyle1 h1{ font-size:14px; color:#989393; margin:0px; padding:0px; font-weight:700; margin-bottom:4px; margin:3px;}

    .multi-right a:hover {
        text-decoration: none;
    }
.caselese{ margin:0px; padding:0px; }

.product-box {
    float: left;
    width: 30%;
    padding: 5px;
    border:1px solid #d1d1d1; 
    border-radius:8px;
    -ms-border-radius:8px;
    -o-border-radius:8px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    background-color:#fff;

}
    .product-box:hover {
        border:1px solid #2db0e6;
    }
.product-box img{ float:left; display:inline-block; height:auto; width:40px; margin-right:6px;}
    .product-box h2 {
        font-size: 11px;
        color: #749e76;
        margin: 0 0 0 50px;
        padding: 0px;
        text-align: left;
        font-weight:bold; overflow:hidden;
    }
    .product-box p {
        font-size: 9px;
        color: #333333;
        margin-left: 50px;
        margin-top: 3px;
        padding: 0px;
        text-align: left; overflow: hidden;
    }
.left-margin {
    margin-left:3%;
}
.contact1{ margin:0px; padding:0px; border-left:3px solid #E7E7E7; border-top:2px solid #E7E7E7; border-right:1px solid #E7E7E7; border-bottom:0.9px solid #E7E7E7;}
.contact1 h2 { font-size:17px; color:#749e76; margin:8px 0 8px 10px; padding:0px;}
.contact1 i { margin:10px 5px 0  0px; float:left; display:inline-block; font-size:18px; margin-left:10px; border-radius:50%;
              background:#1045FF; padding:6px; height: 30px; width: 30px; line-height: 20px; text-align: center; color:#fff;}

.contact1 h3 { font-size:11px; color:#828096; margin:0px; padding:0px; font-weight:600; margin:12px 0 0 50px; margin-bottom:10px;}
.contact1 h3 span { font-size:12px; color:#494851; margin-top:10px; overflow:hidden;}
.contact1 i{ margin:0 0 0 10px;} 

.contact1 i:hover { cursor:pointer; color:#171fcb; background:#0FF;} 
.send { margin:0px; border-left:3px solid #E7E7E7; border-right:1px solid #E7E7E7;}
.send ul {}
.send ul li{ list-style:none; padding:0px; margin-bottom:6px; border-radius:7px;}
.send ul li i{margin:10px 5px 0  0px; float:left; display:inline-block; font-size:18px; margin-left:10px; border-radius:50%;
              background:#1045FF; padding:6px; height: 30px; width: 30px; line-height: 20px; text-align: center; color:#fff;}
    .send ul li i:hover { cursor:pointer; color:#171fcb; background:#0FF;}
.send ul li h2{font-size:11px; color:#828096; margin:0px; padding:0px; padding-bottom:8px; font-weight:600; margin-top:14px; display:inline-block;}


.footer-bg {
    background-color: #d1d1d1;
    text-align: center;
    padding: 20px;
    font-size:11px;
    color:#656565; border-top:6px solid #770A0B;
}

.testt { margin-top:20px;}
.col-small {
    width: 25%;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 600px) {

}

@media (max-width:490px) {
    .resp { display:block !important; width:100% !important; overflow:hidden;
    }
}

@media (max-width:768px) {
    .cont { display:block !important; width:100% !important; margin-top:20px; background:#fff; padding-bottom:25px;
    }
}

@media (max-width:490px) {
    .boxx { display:block !important; width:100% !important; margin-top:20px; margin-left:0px;
    }
    .product-box { height:auto !important;}
    .col-left-tab { padding-bottom:0px;}
}

   
 

@media (max-width:768px) {
    .header-right { float:none !important;
    }
}

@media (max-width:768px) {
    .respons1 { width:100% !important; display:block;}
}

@media (max-width:490px) {
    .topp{ margin-top:20px !important;}
}

@media (max-width:490px) {
    .multi-right {float: left; width: 45%; margin-left:5px;
}
    
}

@media (max-width:992px) {
    .input1-right { width:100%; display:block; margin-top:3px;}
}

@media (max-width:1000px) {
    .media {width:50% !important; float:left;}
}

@media (max-width:490px) {
    .media {width:100% !important; display:block;}
}

@media ( max-width:820px) {
    .xsms { width:100% !important; display:block;}
}

@media (max-width:768px) {
    .testt { margin-top: 0px;}
}












