﻿

.Main-container{width:100%; max-width:1024px; margin:auto;}
.Sub_container
{
    width: 100%;
    max-width: 1024px;
    margin: auto;
    float: left;
   
    margin-top: 10px;
    height:auto;
   -moz-box-shadow: 0 0 3px 0 #000;
-webkit-box-shadow: 0 0 3px 0 #000;
box-shadow: 0 0 3px 0 #000;
   
}
.Sub_container1
{
    width: 100%;
    max-width: 1024px;
    margin: auto;
    float: left;
    margin-top: 10px;
    height: auto;
    -moz-box-shadow: 0 0 3px 0 #000;
    -webkit-box-shadow: 0 0 3px 0 #000;
    box-shadow: 0 0 3px 0 #000;
    background-image: url('../images/bg1.jpg');
}


.left-con{ height:auto; width:710px; float:left;  margin-top:10px; margin-left:7px;}
.right-con{ height:auto; width:285px; float:right;  margin-top:10px; margin-right:7px;}
.slider-con{ height:auto;  max-width:706px; width:100%; float:left;  border:2px solid #3a8bc2;}
.herbalBeautyMain{height:auto; width:708px; float:left; margin-top:10px;}
.herbaltips{  height:auto; width:337px; float:left; border: 1px #dcdce2 solid;}
.herbaltips1{  height:auto; width:337px; float:left; border: 1px #dcdce2 solid; margin-left:30px;}
.herbal-tips-con{ height:155px; width:310px; float:left; margin-top:15px;margin-left:14px; background-color:#efefef;}
.herbal-tips-head{ height: 25px;
padding-top: 5px; width:294px;max-width:95%; float:left; margin-bottom:10px;border-bottom-left-radius: 10px; color:#fff;
                    padding-left: 15px;font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;
                    background: rgb(97,153,199); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(97,153,199,1) 0%, rgba(58,132,195,1) 0%, rgba(65,154,214,1) 0%, rgba(58,139,194,1) 0%, rgba(75,184,240,1) 48%, rgba(58,139,194,1) 100%, rgba(38,85,139,1) 100%, rgba(58,139,194,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(97,153,199,1)), color-stop(0%,rgba(58,132,195,1)), color-stop(0%,rgba(65,154,214,1)), color-stop(0%,rgba(58,139,194,1)), color-stop(48%,rgba(75,184,240,1)), color-stop(100%,rgba(58,139,194,1)), color-stop(100%,rgba(38,85,139,1)), color-stop(100%,rgba(58,139,194,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(97,153,199,1) 0%,rgba(58,132,195,1) 0%,rgba(65,154,214,1) 0%,rgba(58,139,194,1) 0%,rgba(75,184,240,1) 48%,rgba(58,139,194,1) 100%,rgba(38,85,139,1) 100%,rgba(58,139,194,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(97,153,199,1) 0%,rgba(58,132,195,1) 0%,rgba(65,154,214,1) 0%,rgba(58,139,194,1) 0%,rgba(75,184,240,1) 48%,rgba(58,139,194,1) 100%,rgba(38,85,139,1) 100%,rgba(58,139,194,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(97,153,199,1) 0%,rgba(58,132,195,1) 0%,rgba(65,154,214,1) 0%,rgba(58,139,194,1) 0%,rgba(75,184,240,1) 48%,rgba(58,139,194,1) 100%,rgba(38,85,139,1) 100%,rgba(58,139,194,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(97,153,199,1) 0%,rgba(58,132,195,1) 0%,rgba(65,154,214,1) 0%,rgba(58,139,194,1) 0%,rgba(75,184,240,1) 48%,rgba(58,139,194,1) 100%,rgba(38,85,139,1) 100%,rgba(58,139,194,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6199c7', endColorstr='#3a8bc2',GradientType=1 ); /* IE6-9 */


}
.paging{height:20px; width:auto; background-color:#3a8bc2; float:right;  border-radius:5px; font-weight:bold; font-size:16px;
    color:#fff; text-align:center; padding:2px 10px 2px 10px; margin-top:10px; margin-right:7px; font-family:Calibri Verdana Sans-Serif}

.paging1{height:20px; width:auto; background-color:#b20000;; float:right;  border-radius:5px; font-weight:bold; font-size:16px;
    color:#fff; text-align:center; padding:2px 10px 2px 10px; margin-top:10px; margin-right:7px; font-family:Calibri Verdana Sans-Serif}


.tips-img{ height:100px; width:100px; float:left;  border:1px solid #dcdce2; padding:2px; margin-left:5px;}
.tips-content{ height:80px; width:170px; float:right; padding:5px; font-family:Arial, Helvetica, sans-serifcolor: #333; text-align:justify;
                font-size:13px;}
 .read-more{ height:18px; width:auto; float:right; font-size:12px; font-weight:500; text-align:right; color:#fff; background-color:#3a8bc2; padding:3px 3px 0px 3px}  
 
 .mid_box_health {
width: 100%;
height: auto;
border: 1px #dcdce2 solid;
margin-top: 10px;

margin-bottom: 20px;
 float:left;
} 

.mid_box_health-head{font-size: 35px;
color: #90cd28;
font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
 margin-left:20px;
text-shadow: 3px 3px 3px #e6edf2;
}

.loop1 {
width: 670px;
height:auto;
float: left;
margin: 10px 20px 10px 20px;

}          
.title1 {
width: 630px;
height: 25px;
padding-top: 5px;
padding-left: 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #000;
font-weight: bold;
background: #f8f8f8;  
border: 1px #e0e0e0 solid;
 margin-left:20px;
 border-bottom-left-radius: 10px;}
 
 .health-intrested-con{ height:auto; width:280px; margin-top:5px; float:left; margin-left:35px; padding:10px 5px 0px 5px;
                         border-bottom:1px #CCCCCC dotted;  }
 .small-arrow{height:10px; width:10px; float:left; margin-right:5px; margin-bottom:5px;}
 
 .img-boc {
width: 60px;
height: 60px;
border: 1px #CCCCCC solid;
padding: 2px;
margin: 0px 5px 5px 0px;
 float:left;
}

.img-boc-content
{
     height:auto; width:160px; float:left; 
    font-family: Arial, Helvetica, sans-serif;
color:gray;
font-size: 12px;
text-align: justify;
margin: 5px 0px 5px 5px;
padding-left:5px;
}

.phover a{ color:Gray; text-decoration:none;}
.phover:hover{ color:Green;text-decoration:underline; cursor:pointer;}

.health-read-more
{
     float:left;
text-decoration: none;
font-size: 12px;
color: #900;

margin-right: -5px;
margin-left: 5px;
font-family: Arial, Helvetica, sans-serif;
}
.loop2 {
width: 650px;
height: 100px;
float: left;
background: #f2f2f8;

border: 1px #dcdce2 solid;
box-shadow: 2px 2px 2px 2px #f4f2f1;
margin: 10px 0px 10px 30px;
    
}
.title2 {
width: 287px;
height: 25px;
padding-top: 5px;
text-align: left;
padding-left: 11px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000;
font-weight: bold;
border-bottom-left-radius: 10px;
background: #f8f8f8;
border: 1px #e0e0e0 solid;
}


.right-box1{ height:280px;width:285px; float:right; margin-bottom:10px;}
.right-box2{ height:250px;width:280px; float:right; margin-bottom:10px; padding:2px; border:1px solid #d2d2d2;}
.right-box2{ height:250px;width:280px; float:right; margin-bottom:10px; padding:2px; border:1px solid #d2d2d2;}
.right-ad_con{ height:320px;width:280px; float:right; margin:10px auto;}
.rightHeading
{
    letter-spacing: 1px;
    font-weight: bold;
    color: #3a5909;
    width: 273px;
    height: 25px;
    float: left;
    padding-top: 5px;
  text-align: left;
    padding-left: 11px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
   
    
}
.rightHeading:hover{ text-decoration:underline; cursor:pointer}

.rightHeading1
{ width: 273px;
    height:48px;
    float: left;
     margin-bottom:7px;
   
}

.about-headng{ height:30px;  width:688px; float:left; padding-left:20px;font-size:24px; margin-bottom:5px;
color:#3a8bc2;font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:bold;}
.icon_box{height:25px; width:auto; float:left; }
.language_box{height:25px; width:auto; float:right; margin-right:15px;}

.text-box1{ height:auto;width:100% ; max-width:708px;  float:left;margin-top:5px; padding-bottom:10px;}

.text-box1 p{font-size:15px; margin-left:35px; text-align:justify; line-height:20px; font-family:Arial}
.text-box2{ height:auto;width:100% ; max-width:708px; float:left;margin-top:5px; padding-bottom:10px; }

.img-box1{ height:150px; width:200px; float:right;-moz-box-shadow: 0px 0px 10px 1px #74BF5E; border-radius:10px; overflow:hidden;
-webkit-box-shadow: 0px 0px 10px 1px #74BF5E;
box-shadow: 0px 0px 10px 1px #74BF5E; margin:10px 5px 10px 10px;}
.arrow{ height:20px; width:20px; float:left; margin-right:10px; margin-left:5px; margin-top:5px;}

.dadi-khajana-main
{
    height: auto;
    width: 708px;
    float: left;
    margin-top: 10px;
  border-bottom:1px dashed #3a5909;
    background-repeat: repeat;
}
.Dadi-Khajana_img {
width: 110px;
height: 110px;
border: 5px solid #e6e0ce;
margin-bottom: 10px;
 margin-left:22px; float:left;
}
.product_box {
float: left;
width: 150px;
padding-bottom: 10px;
border-bottom: 1px dotted #666;
margin-bottom: 20px;
margin-right: 15px;
 ba
}
.product_box h3 {
background: #3a8bc2;
padding: 3px 10px;
margin: 0 0 10px 0;
color: #ffffff;
font-size: 12px;
}
.product_box_img {
width: 140px;
height: 100px;
border: 5px solid #e6e0ce;
margin-bottom: 10px;
}
.detail {
color: #C30;
font-size: 13px;
font-weight: bold;
padding: 0;
margin: 0 0 5px 0;
}
.product_box a {
color: #000000;
 float:right;
  margin-right:10px;
   font-size:12px;
    font-weight:700;
  
}

.Artical_info{height:auto; width:708px; float:right;  padding:2px;   background-repeat: repeat-x;  background:#D0F5A9;
          margin-top:10px;  padding-bottom:10px}
          
          
.pannelImgBox{height:1007px; width:680px; float:left; margin-left:13px; margin-top:10px; margin-bottom:10px;
     border:2px solid #3a5909}    
     
     .vitamin-img-box{ height:250px; width:200px; float:right;-moz-box-shadow: 0px 0px 10px 1px #74BF5E; border-radius:10px; overflow:hidden;
-webkit-box-shadow: 0px 0px 10px 1px #74BF5E;
box-shadow: 0px 0px 10px 1px #74BF5E; margin:10px 5px 10px 10px;} 

.top_ad_con{ 
            max-width: 700px;
width:100% ;
height: 120px;
float: left;
background: #f2f2f8;
 margin:10px auto;
    
            
            }  
            
  .top_ad_con img{max-width:100%; max-height:120px;}          





 @media screen and (max-width:768px)
{
    .logo img{ width:100px; height:30px;}
    .u_may_cntnr li{ margin-right:18px;}
    .Sub_container{ width:99%; margin-left:2px;}
    .left-con{ width:99%; margin-left:2.5px;}
    .herbal-tips-con{ height:auto; width:97%; float:left; margin-top:15px; background-color:#efefef;margin-left:5px;}
    
    .slider-con{ width:99%;  }
    .herbalBeautyMain{ width:99%; }
    .herbaltips{ width:99.5%; border: 1px #dcdce2 solid;}
     .herbaltips1{width:99.5%; border: 1px #dcdce2 solid; margin-left:0px;}
     .loop1 { width:99%; margin-left:0px; }
     .right-con{ height:auto; width:285px; float:left; margin-left:20px;}
     .title1 {
width: 96%;
height: 25px;
padding-left: 15px;
margin-left:0px;}
 
.herbal-tips-head{ width:93%}
 
.img-box1{ height:150px; width:95%; float:left;}

.product_box { margin-left:20px;}
     
}

 @media screen and (max-width:640px)
{

.herbal-tips-head{ width:90%}
.tips-img{ height:90px; width:90px; float:left;}
.title1 { width: 95%; height: 25px; padding-left: 15px; margin-left:0px;}
.health-intrested-con{ margin-left:0px;}
.right-con{ height:auto; width:285px; float:left; margin-left:5px;}
.product_box { margin-left:20px;}
    
}

 @media screen and (max-width:800px)
{

.herbal-tips-head{ width:97%}
.tips-img{ height:90px; width:90px; float:left;}

.title1 { width: 95%; height: 25px; padding-left: 15px; margin-left:0px;}
.health-intrested-con{ margin-left:0px;}
.right-con{ height:auto; width:285px; float:left; margin-left:5px;}
    .tips-content{  float:left;}
 .text-box2{ height:auto;width:80% ;  }
 
 .img-box1{ height:250px; width:95%; }

}

   