/*
Template Name:App
File: Layout CSS
Author: Templates On Web
Author URI: http://templateonweb.com/
Licence: <a href="http://www.templateonweb.com/terms.php?v=content&contentid=152">Website Template Licence</a>
*/

/********************* details_main ****************/
h1, h2, h3, h4, h5, h6 {
margin-top:15px;
}
#blog p {
margin-top:15px;
padding-bottom:0!important;
font-size:16px;
}
#blog  a{
color:#333;
}
#blog ul{
margin-top:15px;
}
.pdb {
padding-bottom:0!important; 
 }
.mgt {
margin-top: 0!important;
}
#details_main{ 
 background-image: url(../img/25.jpg);
 background-repeat: no-repeat;
 background-size: cover;
}
.details_inner{ 
 padding-top:120px;
 padding-bottom:120px;
 background-color: #000000ab;
}
.details_main_1{ 
 text-align:center;
}
.details_main_1 h1{ 
color: #fda;
}
.details_main_1 h3{ 
 margin-top:0px;
 color:#fff;
}
.details_main_1 ul{ 
 padding-top:10px;
}
.details_main_1 li{ 
 display:inline;
 padding-right:5px;
 color: #fff;
 font-size:20px;
}
.details_main_1 li a{ 
 color: #fff;
}
/********************* details_main_end ****************/

/*********************detail****************/
.blog_detail_l  h1{
font-size:48px; 
 }
#blog{
padding-top:40px;
padding-bottom:40px; 
}
.blog_detail_l{
padding:30px 15px;
box-shadow: 0 0 10px #f5eee4; 
}
.blog_detail_l h6 a{
margin-right:30px; 
color:#afcaed!important;
}
.blog_detail_l h6 a i{
margin-right:5px; 
color:#ffbe5d;
}
.blog_detail_l blockquote {
margin-bottom: 0;
border-color: #ffbe5d;
margin-top:20px;
background: #f5eee4;
padding:30px;
}
.blog_detail_lil ul li{
display:inline-block;
margin-bottom:5px; 
}
.blog_detail_lil ul li a{
display:block;
border:1px solid #f5eee4;
padding:8px
}
.blog_detail_lil ul li a:hover{
background:#ffbe5d;
color:#fff!important;
border:1px solid #ffbe5d;
}
.blog_detail_lir .social-network a {
background: #ffbe5d;
}
.blog_detail_l1{
padding:30px 15px;
box-shadow: 0 0 10px #f5eee4;
margin-top:30px;
}
.blog_detail_l1 .social-network a {
background: #ffbe5d;
}
.blog_detail_l2{
padding:25px 15px 30px 15px;
box-shadow: 0 0 10px #f5eee4;
margin-top:30px; 
}
.blog_detail_l2i1 h4 a{
font-size:14px;
color:#ffbe5d!important; 
}
.blog_detail_l2i1{
margin-top:30px; 
border-bottom:1px solid #f5eee4;
padding-bottom:30px; 
}
.blog_detail_l3{
padding:25px 15px 30px 15px;
box-shadow: 0 0 10px #f5eee4;
margin-top:30px; 
}
.blog_detail_l3i .form-control{
height:50px;
font-size:18px;
margin-top:20px;
border-radius:0; 
border-color:#f5eee4;
box-shadow:none;
}
.blog_detail_l3i .form_1{
height:150px;
}
.pad_o{
padding-right:30px; 
}

.product_1i .form-control {
height: 49px;
font-size: 16px;
border-color: #f5eee4;
box-shadow: none;
border-radius: 0;
}
.product_1i .input-group .btn {
background: #ffbe5d;
margin-left: 0!important;
padding: 10.5px 20px;
font-size: 18px;
border-radius: 0;
border-color: #ffbe5d;
}
.product_1i{
margin-top:20px;
margin-bottom:20px; 
}
.product_1i1 h5{
background:#103666;
color:#fff; 
padding:10px 10px 10px 10px;
text-align:center;
}
.product_1i1{
padding: 15px 15px 18px 15px;
box-shadow: 0 0 10px #f5eee4;
margin-top:20px;
margin-bottom:20px;
}
.product_1i1 ul li {
display: inline-block;
margin-top: 5px;
}
.product_1i1 ul li a {
padding: 8px 8px 8px 8px;
display: block;
background:  #f5eee4;
}
.product_1i1 ul li a:hover {
background:#ffbe5d;
color: #fff!important;
}
.blog_1li2 h5{
background:#103666;
color:#fff; 
padding:10px 10px 10px 10px;
text-align:center;
}
.blog_1li2{
padding: 15px 15px 18px 15px;
box-shadow: 0 0 10px #f5eee4;
}
.blog_1li2 h6 {
border-bottom: 1px solid #f5eee4;
padding-bottom: 15px;
font-size: 14px;
text-transform:uppercase;
}
.blog_1li2 h6 i {
font-size: 6px;
vertical-align: middle;
margin-right: 5px;
}
.blog_1r1{
padding: 15px 15px 18px 15px;
box-shadow: 0 0 10px #f5eee4;
margin-top:20px;
}
.blog_1r1 .head_bg{
background:#103666;
color:#fff; 
padding:10px 10px 10px 10px;
text-align:center;
}
.blog_1r1i {
margin-top: 20px;
}

.blog_detail_lir  ul li a {
background-color: #2d3e50;   
}
.blog_detail_lir .social-circle li a {
display:inline-block;
position:relative;
margin:0 auto 0 auto;
text-align:center;
width: 35px;
height: 35px;
font-size:16px;
border-radius:50%;
}
.blog_detail_lir .social-circle li i {
margin:0;
line-height:35px;
text-align: center;
color:#fff;
}

.blog_detail_l1  ul li a {
background-color: #2d3e50;   
}
.blog_detail_l1 .social-circle li a {
display:inline-block;
position:relative;
margin:0 auto 0 auto;
text-align:center;
width: 35px;
height: 35px;
font-size:16px;
border-radius:50%;
}
.blog_detail_l1 .social-circle li i {
margin:0;
line-height:35px;
text-align: center;
color:#fff;
}
.iw{
width:100%; 
 }
.blog_1r1il  p{
margin-top:5px!important;
font-size:16px; 
 }
.blog_1r1il  h6{
font-size:12px;
color:#afcaed; 
 }
.blog_detail_l2i1 h6{
font-size:14px;
color:#afcaed; 
 }
/*********************detail_end****************/


@media screen and (max-width : 767px){
.blog_detail_l {
text-align:left; 
 }

.blog_detail_l h6 a{
margin-right:5px; 
 }
.blog_detail_li {
text-align:center;  
 }
.blog_detail_lir {
text-align:center;  
 }
.blog_detail_l2 {
text-align:left; 
 }
.blog_detail_l1{
text-align:center; 
 }
.blog_detail_l1 p{
text-align:left; 
 }
.blog_detail_l2i h3{
text-align:center; 
 }
.blog_detail_l2i1 h4{
text-align:center;
 }
.blog_detail_l2i1 h6{
text-align:center;
 }
.blog_detail_l3 h3{
text-align:center; 
 }
.blog_detail_l2i1 .pull-right{
float:none!important; 
 }
.blog_detail_l2i1 img{
margin-bottom:15px;
 }
.blog_detail_r {
margin-top:20px; 
 }
.blog_pg_1r1 {
text-align:center;  
 }
.blog_pg_1r1 h6{
text-align:left;  
 }
.blog_detail_r1 {
text-align:left; 
 }
.blog_detail_r1ir {
margin-top:15px; 
 }
.blog_detail_r2 {
text-align:left; 
 }
.blog_detail_l3 {
text-align:left;  
 }
 
.blog_2i {
text-align:left; 
margin-bottom:10px; 
 }
.product_1_last ul li{
margin-bottom:5px; 
 }
.blog_1r{
margin-top:20px; 
 }
#blog{
text-align:left; 
 }
.blog_1li2  h6{
text-align:left;  
 }
.blog_1r1il {
margin-top:10px; 
 }
.pad_o{
padding-right:15px; 
 }
.blog_detail_l3i h5{
text-align:center;  
 }
}

@media (min-width:768px) and (max-width:991px) { 
.blog_1r1il h5{
font-size:16px; 
 }
.blog_1li2 h6 {
font-size: 12px;
}

} 
 
@media (min-width:992px) and (max-width:1200px) {

}

@media (min-width:1201px) and (max-width:1320px) {

}