/*
Template Name: Dairy Farm
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
/*********************list****************/
#list{
padding-top:40px;
padding-bottom:40px;
border-bottom:1px solid #e3f0fb;
 }
.list_1l .bg_1{
background: #3e6d99;
    color: #fff;
    padding: 10px 10px 10px 10px;
    font-size: 20px;
    text-align: center;
 }
.list_1l1{
border:1px solid #e3f0fb; 
 }
.ziehharmonika h3 {
cursor: pointer;
padding-right: 40px;
transition: 0.25s all;
position: relative;
font-size:18px;
font-weight:bold;
}
.ziehharmonika ul{
list-style:disc; 
margin-left:30px;
}
.ziehharmonika ul li{
margin-top:3px;
margin-bottom:3px;
font-size:16px;
 }
.ziehharmonika h3.alignLeft {
padding-left: 35px;
}
.ziehharmonika > div {
display: none;
}

.ziehharmonika .collapseIcon {
position: absolute;
right: 20px;
top: 45%;
font-size: 24px;
font-weight: 300;
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.ziehharmonika .collapseIcon.alignLeft {
right: initial;
left: 20px;
}
.ziehharmonika h3.active {
color:#629bd0;
}
.ziehharmonika{
padding:15px; 
border-radius:0;
 }
.list_1l2 .form-control{
border-radius:0;
font-size:16px;
height:45px;
width:42%;
display:inline-block;
margin-right:10px;
margin-top:15px;
 }
.list_1l2 .bg_6{
 background:red;
 }
.list_1l2 .bg_2{
 background:orange;
 }
.list_1l2 .bg_3{
 background:none;
 }
.list_1l2 .bg_4{
 background:pink;
 }
.list_1l2 .bg_5{
 background:#000;
 }
.list_1l2 .act{
border:3px solid #000;
 }
.list_1l2 ul li {
 width:35px;
 height:35px;
 border:1px solid #000;
 display:inline-block;
 margin-right:5px;
 cursor:pointer;
 text-align:center;
 line-height:35px;
 font-size:12px;
}
.list_1l2 .act_1{
border:1px solid #f6740a;
 }
.list_1l2 .line{
text-decoration:line-through;
 }
.list_1l2{
border:1px solid #e3f0fb; 
 }
.list_1l2i{
padding:15px;
 }
.list_1l3 h6{
margin-top:5px;
 }
.list_1l3 span{
margin-top:5px;
display:inline-block;
 }
.list_1l3 img{
float:left;
margin-right:10px;
 }
.list_1l2ii{
margin-top:10px; 
 }
.list_1l3{
border:1px solid #e3f0fb; 
 }
.list_1l4{
border:1px solid #e3f0fb; 
 }
.list_1l4 h6 {
border-bottom: 1px solid #e3f0fb;
padding-bottom: 15px;
}
.shop_1r1r .form-control {
display: inline-block;
border-radius: 0;
border-color: #e3f0fb;
box-shadow: none;
}
.shop_1r1{
background:#f2f9ff;
padding-top:10px;
padding-bottom:10px; 
 }
.shop_1r1l p{
margin-top:6px; 
 }
 
/* Indicators list style */
.article-slide .carousel-indicators {
    width: 90%;
	position:static;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}
/* Indicators list style */
.article-slide .carousel-indicators li {
    border: medium none;
    border-radius: 0;
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 5px !important;
    margin-top: 0;
	width:30%;
	height:120px;
}
/* Indicators images style */
.article-slide .carousel-indicators img {
    border: 3px solid #FFFFFF;
    float: left;
    left: 0;
	width:100%;
	height:120px;
}
/* Indicators active image style */
.article-slide .carousel-indicators .active img {
    border: 3px solid #629bd0;
}

.center_detail_2_right_inner h3{
color:#000; 
margin-top:0;
  } 
.center_detail_2_right_inner h4{
margin-top:10px;
color:#629bd0;
font-size:20px;
  }
.center_detail_2_right_inner h4 a{
 color:#000; 
  }
.center_detail_2_right_inner h4 a:hover{
 color:#629bd0;
  }  
.center_detail_2_right_inner h5{
margin-top:10px;
font-size:18px;
color:#666;
line-height:1.4em;
  }
.center_detail_2_right_inner h5 span{
color:#afb341;
margin-right:10px;
font-weight:bold;
  }
.center_detail_2_right_inner h5 a{
color:#666;
  }
.center_detail_2_right_inner h5 a:hover{
color:#629bd0;
  }
.center_detail_2_right_inner h2{
color:#629bd0;
margin-top:10px;
  }
.center_detail_2_right_inner p{
margin-top:10px;
  }
.center_detail_2_right_inner h6{
margin-top:10px;
font-size:18px;
color:#629bd0;
margin-bottom:20px;
  }
.center_detail_2_right_inner .input-group{
 width:30%;
 float:left; 
 margin-right:10px;
  }
.center_detail_2_right_inner .input-group .btn{
padding:6px 12px;
  }
.center_detail_2_right_inner .heading_1{
  margin-top:26px;
  font-size:16px;
  }
.center_detail_2_right_inner .heading_1 a{
 background:#030e27;
 color:#fff;
 padding:8px 10px 8px 10px;
 border-radius:5px;
  }
.center_detail_2_right_inner .heading_1 a:hover{
  background:#629bd0;
  color:#fff;
  }
.center_detail_2_right_inner_1{
  margin-top:10px;
  }
.center_detail_2_right_inner_1 ul li{
  display:inline-block;
  }
.center_detail_2_right_inner_1 ul li a{
 color:#666;
 margin-left:10px;
 margin-right:10px;
  }
.center_detail_2_right_inner_1 ul li a:hover{
 color:#629bd0;
  }
.center_detail_2_right_inner_1 ul li a i{
 margin-right:5px; 
 vertical-align:middle;
  }
  
.center_detail_2_right_inner_2 ul li a{
 color:#666;
 background:none;
  }
.center_detail_2_right_inner_2 ul li a:hover{
 color:#629bd0;
  background:none;
  }
.click{
 padding:15px;
 border:1px solid #e3f0fb;
 border-top:none; 
  }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
 color:#629bd0;
 font-weight:bold; 
 border: 1px solid #e3f0fb;
    border-bottom-color: transparent;
  }
.nav-tabs{
border-color:#e3f0fb; 
 }
  
.click_inner h4{
 color:#bdc53b;
 font-weight:bold; 
  }
.click_inner p{
 color:#666;
 margin-top:10px; 
  }
.click_inner ul{
 margin-top:20px;
 list-style:disc;
 padding-left:20px; 
 color:#666;
  }
 .click_inner ul li{
margin-top:8px;
  }
  
.click_inner_2_right{
 border:1px solid #e3f0fb;
 padding:20px; 
  }
  
.click_inner_2_right h4{
  color:#629bd0;
  font-size:16px;
  }
.click_inner_2_right h5{
  font-size:18px;
  margin-top:15px;
  color:#666;
  }
.click_inner_2_right h5 span{
  color:#000;
  font-weight:bold;
  }
.click_inner_3{
 margin-top:25px; 
  }
.click_inner_3 h4{
 color:#000;
 font-weight:bold;
  }
.click_inner_3 p{
 margin-top:5px; 
  }
.click_inner_3 h5{
 margin-top:25px; 
 font-size:18px;
  }
.click_inner_3 .form-control{
 margin-top:10px; 
 border-radius:0;
 font-size:18px;
 border-color:#e3f0fb;
 box-shadow:none;
 height:40px;
 width:60%;
  }
.click_inner_3 .para_1{
 margin-top:25px; 
  }
.click_inner_3 h3{
 color:#c9d14c;
 margin-top:10px;
  }
.click_inner_3 .form_1{
  height:150px;
  }
  
.shop_1rp{
margin-top:30px;  
  }
.prod_1ib ul {
display: block;
visibility: visible;
}
.prod_1ib{
background:#f2f9ff; 
 }
/*********************list_end****************/

@media screen and (max-width : 767px){
.article-slide .carousel-indicators li{
width:29%; 
 }
.center_detail_2_right_inner .input-group {
width: 50%;
float: none;
margin-right:auto;
margin-left:auto;
}
.click_inner ul {
list-style: none;
padding-left:0;
}
.click_inner_2_right{
margin-top:10px; 
 }
#shop{
text-align:center; 
 }
.shop_1rm {
margin-top:20px; 
 }
.shop_1r1r {
margin-top:10px; 
 }
.bg_1{
text-align:center; 
 }
.list_1l2i {
text-align:center; 
 }
.list_1l2i p{
text-align:left; 
 }
.list_1l2 .form-control{
margin-right:0; 
 }
.list_1l2ii {
text-align:left; 
 }
.shop_1r1 {
text-align:center;  
 }
.shop_1r1l p {
margin-top:0;
}
.prod_2i1 img{
height:270px;  
 }
.shop_1ld1  {
text-align:center; 
 }
.center_detail_2_right_inner_2 {
text-align:center; 
 }
.click_inner_3 .form-control{
margin-left:auto;
margin-right:auto; 
 }
.shop_db {
text-align:center; 
 }
.center_detail_2_right_inner p {
text-align:left;
}
.click_inner p{
text-align:left; 
 }
.click_inner ul li{
text-align:left; 
 }
.click_inner_3 p {
text-align:left; 
}
}

@media (min-width:768px) and (max-width:991px) {
.article-slide .carousel-indicators li{
width:29%; 
 }
.center_detail_2_right_inner .input-group {
width: 50%;
float: none;
}
.click_inner_2_left h2{
font-size:26px; 
 }
.feature_2r2l img{
min-height:340px; 
 }
.list_1l2 .form-control{
width:40%; 
 }
.list_1l2 ul li{
margin-top:3px;
margin-bottom:3px; 
 }
.list_1l3 img{
float:none;
margin-right:0;
margin-bottom:10px; 
 }
.ziehharmonika h3{
font-size:16px; 
 }
.ziehharmonika ul li{
font-size:14px; 
 }
.prod_1ib {
padding: 0px 10px 10px 10px;
}
 }
@media (min-width:992px) and (max-width:1200px) {
.center_detail_2_right_inner .input-group {
width: 38%;
float: none;
}
.click_inner_2_left h2{
font-size:30px; 
 }
.feature_2r2l img{
min-height:340px; 
 }
  }
@media (min-width:1201px) and (max-width:1330px) {

 }