/*
Template Name: Cosmetic
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/
/*********************about****************/
#about{
padding-top:40px;
padding-bottom:40px;
 }
#event{
padding-top:40px;
padding-bottom:40px;
background: #f9f3e6; 
 }
.event_2i1{
border:1px solid #eee;
padding:15px;
border-left:3px solid #C9A654;
background:#fff;
 }
.event_2{
margin-top:30px; 
 }
#about_h{
padding-top:40px;
padding-bottom:40px; 
 }
.about_h1il span  a{
border: 2px solid #d77777;
width: 55px;
height: 55px;
line-height: 53px;
display: inline-block;
border-radius: 50%;
text-align: center;
font-size: 22px;
color:#d77777;
}
.about_h1il span a:hover{
background:#d77777;
color:#fff;
display:block; 
 }
.about_h1{
margin-top:40px; 
 }

 
#faq{
padding-top:40px;
padding-bottom:40px;
background:#f9f3e6;  
border-bottom: 1px solid rgb(252, 124, 124);
 }
.panel-heading span {
margin-top: -20px;
font-size: 15px;
}
.ques .panel-heading{
 background:#C9A654;
 color:#fff;
 padding:20px 15px;
 border-color:#C9A654;
 }
.ques .panel-heading h5{
 font-size:18px;
 font-weight:bold;
 }
.ques .panel-heading h5 i{
margin-right:5px;
 }
.ques .panel-body{
 font-size:16px;
 }
.ques .panel-success{
 border-color:#ffe8b3;
 box-shadow:none;
 }
.faq_2{
margin-top:20px; 
 }
.sub_h1 .input-group .form-control{
height: 51px;
 }

/*********************about_end****************/


@media screen and (max-width : 767px){
.event_2i {
text-align:center;
margin-bottom:10px; 
 }
.event_2i p{
text-align:left;
 }
.faq_2i {
margin-top:10px;  
 }
#about_h{
text-align:center; 
 }
.about_h1i {
margin-top:10px; 
 }
.about_h1ir {
margin-top:10px; 
 }
#about{
text-align:center;  
 }
#about p{
text-align:left;  
 }
.story_2ir {
margin-top:15px; 
 }
#about_h p{
text-align:left; 
 }

}

@media (min-width:768px) and (max-width:991px) {
.about_h1il span a{
width:40px;
height:40px;
line-height:38px; 
font-size:16px;
 }
.story_2ir img{
min-height:560px; 
 }
 }
@media (min-width:992px) and (max-width:1200px) {
.about_h1il span a{
width:45px;
height:45px;
line-height:42px; 
font-size:16px;
 }
.story_2ir img{
min-height:560px; 
 }
  }
@media (min-width:1201px) and (max-width:1240px) {

 }