/*
Template Name: Diamond Zone
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
/*********************center_home****************/
.center_home{
 padding-top:50px;
 padding-bottom:50px;
 background:#45cfbe0f;
 }
.center_home_l h1{
font-size:50px; 
 }
.sell_1{
margin-top:30px; 
 }
.sell_1 .btn-success {
    background: #42c3b3;
    border-radius: 50%;
    padding: 0;
    border: none;
    width: 35px;
    height: 35px;
    line-height: 35px;
    border: 1px solid #42c3b3;
    margin-left: 3px;
    margin-right: 3px;
    text-align: center;
}
.sell_1 .btn-success:hover {
background:none; 
border: 1px solid #42c3b3;
color:#42c3b3;
 }
.center_home_l{

 }
/*********************center_home_end****************/

/*********************connect****************/
#connect{
  padding-top:60px;
  padding-bottom:60px;
  }
.connect_1m{
  display:flex;
  }
.connect_1l span{
 font-size:40px;
 color: #42c3b3;
 margin-right:15px;
  }
.connect_1r h4{
 margin-top:10px;
 font-size:20px;
  }
.connect_1r p{
 margin-top:5px; 
 font-size:16px;
 letter-spacing:0;
  }
/*********************connect_end****************/

/*********************collection****************/
#collection{
padding-top:40px;
padding-bottom:40px; 
background:#45cfbe0f;
 }
.collect_1l{
background:#fff;
padding:30px 20px; 
 }
#collection_o{
padding-top:40px;
padding-bottom:40px; 
background:#45cfbe0f;
 }
#collection_o .collect_1ll{
padding-top:50px; 
 }
/*********************collection_end****************/

/*********************list****************/
#list{
padding-top:40px;
padding-bottom:40px; 
 }
.list_1 span:before {
    display: inline-block;
    width: 4%;
    height: 2px;
    background-color: #42c3b3;
    vertical-align: middle;
    margin-right: 1%;
    content: "";
}
.list_1 span:after {
    display: inline-block;
    width: 4%;
    height: 2px;
    background-color: #42c3b3;
    vertical-align: middle;
    margin-left: 1%;
    content: "";
}
.list_1 span{
display:block;
margin-top:10px; 
font-weight:bold;
font-size:20px;
 }
 
/*********************list_end****************/

/*********************blog_home****************/
#blog_home{
padding-top:50px;
padding-bottom:50px; 
background:#45cfbe0f;
 }
.blog_home_1i{
padding:15px;
box-shadow: 0 0 10px #42c3b369;
 }
.blog_home_1{
margin-top:20px; 
 }
/*********************blog_home_end****************/

/*********************work****************/
#work_h{
padding-top:40px;
padding-bottom:40px;
 }
.work_him{
position:relative; 
 }
.work_him2{
position:absolute; 
width:100%;
top:0;
background:#fff;
height:100%;
padding-top:70px;
padding-left:15px;
padding-right:15px;
display:none;
 }
.work_him:hover .work_him2{
display:block;
 }
.work_hi{
margin-top:30px; 
 }
.collect_top ul{
 border:none;
 margin-bottom:20px;
 margin-top:20px!important;
  }
.collect_top ul li{
 display:inline-block;
 }
.collect_top ul li a{
background:#45cfbe0f!important;
color:#000!important;
font-size:16px;
margin-right:2px;
margin-left:2px;
border-radius:3px;
padding:10px 16px;
display:block;
border:1px solid #45cfbe33;
  }
.collect_top ul li a:hover{
   background:#45cfbe!important;
   color:#fff!important;
  }
.nav_tab_1>li.active>a, .nav_tab_1>li.active>a:hover, .nav_tab_1>li.active>a:focus{
  background:#45cfbe!important;
  color:#fff!important;
  }
/*********************work_end****************/

@media screen and (max-width : 767px){
.connect_1m{
display:block!important;
text-align:center; 
 }
.connect_1l span{
margin-right:0!important; 
display:inline-block;
margin-top:10px;
 }
.connect_1r h4{
margin-top:0!important; 
 }
 
.center_home{
text-align:center; 
 }
.center_home_r{
margin-top:15px; 
 }
#collection{
text-align:center;  
 }
.collect_1lr{
margin-top:10px; 
 }
.collect_1l{
margin-top:10px;  
 }
.list_2i{
margin-bottom:10px; 
 }
#collection_o{
text-align:center;  
 }
.collect_1ln{
margin-top:15px; 
 }
.blog_home_1i{
margin-top:15px; 
 }
.collect_top ul li{
margin-bottom:5px; 
 }
.work_him{
margin-top:10px; 
 }
.work_him1 img{
min-height:300px; 
 }
}

@media (min-width:768px) and (max-width:991px) {
.collect_1ln img{
min-height:360px; 
 }
.collect_top ul li{
margin-bottom:5px; 
 }
.work_him1 img{
min-height:300px; 
 }
 }
@media (min-width:992px) and (max-width:1200px) {
.collect_top ul li{
margin-bottom:5px; 
 }
.work_him1 img{
min-height:300px; 
 }
 }
@media (min-width:1201px) and (max-width:1220px) {

 }