/* Layout 17 - faq*/
.layout-17 { background-color: #f8f8f8; }
.layout-17 h2 { margin-bottom: 30px;  }
.layout-17 .accordion-wrapper { position: relative;margin-bottom: 20px; }
.layout-17 .acc-head{  position: relative; font-weight: 700; padding: 15px 35px 15px 15px; border: 1px solid #ccc; font-size: 18px; cursor: pointer; }
.layout-17 .acc-head::after{ content: '\f0d7'; position: absolute;  font-family: fontawesome; right: 16px; color: #333; transform: rotate(0deg); transition: .4s; }
.layout-17 .acc-head.active::after{  content: '\f0d7';  position: absolute;  font-family: fontawesome;  right: 16px; color: #333;  transform: rotate(180deg);  transition: .4s;}
.layout-17 .acc-body{  padding: 5px 15px 25px 15px; font-size: 18px;  display: none;  background: #fff; border: 1px solid #ccc; } 

 .layout-17 .accordion-wrapper.active .acc-head { background-color: #fff; border-bottom: none;   }
 .layout-17 .accordion-wrapper.active .acc-body { border-top: none;   }


/* Responsive */



@media (max-width: 1199px){ 



}

 



@media (max-width: 991px){ 
 

}





@media (max-width: 767px){ 
 .layout-17 .acc-body, .layout-17 .acc-head { font-size: 16px; }
}





@media (max-width: 599px){ 



} 



@media (max-width: 479px){ 
 

} 

/* Responsive */



@media (max-width: 1299px){ 



}

/* 1299 END */





@media (max-width: 1199px){ 



}

/* 1199 END */ 



@media (max-width: 991px){ 



}

/* 991 END */



@media (max-width: 767px){ 



}

/* 767 END */



@media (max-width: 599px){ 



} 

/* 599 END */





@media (max-width: 479px){ 



} 

/* 479 END */