/*
Template Name: Fishvile
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/

/*********************blog****************/
.blog_1r1 ul li a {
padding: 5px 10px;
border:1px solid #1f8bf3;
display: block;
margin: 3px 2px 3px 0;
transition: 0.3s;
font-size:13px;
}
.blog_1r1 ul li a:hover {
background:#1f8bf3;
color:#fff;
}

.accordion-button {
background:#333;
color:#fff; 
padding:8px 15px;
border: 0;
font-size: 16px;
text-align: left;
}
.accordion-button:focus {
box-shadow: none;
border: none;
}
.accordion-button:not(.collapsed) {
background:#1f8bf3;
color:#fff;
padding:8px 15px;
}
.accordion-body {
padding: 20px;
background: #fafafa; 
}
.accordion-body p{
font-size:15px; 
}
.accordion-button::after {
width: auto;
height: auto;
content: "+";
font-size: 40px;
background-image: none;
font-weight: 100;
color: #fff;
transform: translateY(-4px);
}
.accordion-button:not(.collapsed)::after {
width: auto;
height: auto;
background-image: none;
content: "-";
font-size: 40px;
transform: translate(-5px, -4px);
transform: rotate(0deg);
}
.accordion-item{
border:none;
border-radius:0;
background:none;
border-bottom:1px solid #d2d2d2;
margin-bottom:10px;
}
/*********************blog_end****************/


@media screen and (max-width : 767px){
.blog_1l1i img{
min-height:300px; 
 }
.blog_1l2  h6{
text-align:center; 
 }
.blog_1r{
margin-top:15px; 
 }
.blog_1r1  h5{
text-align:center; 
 }
.blog_1dt1il{
margin-top:8px;
margin-bottom:8px; 
 }
.blog_1dt2 h4{
text-align:center;  
 }
.blog_1dt2ir{
margin-top:10px; 
 }
.blog_1dt3 {
text-align:center; 
 }
.blog_1dt3 .form-control{
margin-top:10px;
 }
.faq_1l h3{
text-align:center; 
 }
}


@media (min-width:576px) and (max-width:767px) {
.blog_1dt2ir{
margin-top:0; 
 }
 }
@media (min-width:768px) and (max-width:991px) {

 }

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

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

 }