/*
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>
*/

/*********************center_home****************/
.carousel-caption{
background-color: rgba(0, 0, 0, 0.3);
padding:180px 140px 0px 140px;
bottom:0;
left:0;
width:100%;
height:100%;
text-align:left;
 }
.center_home img{
min-height:700px;
 }
 
.main_2{
bottom:-53%; 
 }
#acces{
margin-top:370px;
}
.center_home .carousel-indicators{
bottom:150px;
}
.center_home .carousel-indicators [data-bs-target] {
 background-color:#fff; 
}
/*********************center_home_end****************/


/*********************qual****************/
.qual_1i2{
padding-top:29%;
width:90%;
height:90%;
border:2px solid #fff;
left:5%;
margin-top:4%; 
 }
.qual_m{
padding-top:90px;
padding-bottom:170px;
 }
.main_o2{
bottom: -40%;
 }
.team_h{
margin-top:130px; 
 }
.qual_1i1 img{
min-height:260px; 
 }
.about_h1i  img{
border:14px solid #fff6; 
 }
#qual {
background-image: url(../img/2.jpg);
background-position: center;
}
/*********************qual_end****************/


/*********************shop****************/
#shop {
background-image: url(../img/2.jpg);
background-position: center;
}
.shop_1i2{
padding-top:50%;
display:none; 
 }
.shop_1i:hover .shop_1i2{
display:block; 
transition: 0.3s;
 }
/*********************shop_end****************/

@media screen and (max-width : 767px){
.carousel-caption {
padding:20px 10px;
text-align: center;
} 
.carousel-caption br{
display:none;
} 
.carousel-caption p{
text-align:left;
}
.center_home img{
min-height:400px;
 } 
.center_home .button{
padding:15px 15px;
font-size:14px;
 }
.center_home .button_1{
padding:15px 15px;
font-size:14px;
 }
.center_home h1{
font-size:16px;
 }
.center_home p{
font-size:14px;
 }
.about_h1i {
margin-top:8px;
margin-bottom:8px; 
 }
.about_h1i p{
text-align:left;
 }

.qual_1i {
margin-top:8px;
margin-bottom:8px; 
 }
.shop_1i {
margin-top:8px;
margin-bottom:8px;  
 }
.main_2 {
position:static!important;
}
.center_home .carousel-indicators{
bottom:0;
}
#acces {
margin-top: 0;
}
.main_o2 {
position:static!important; 
 }
.qual_m {
padding-top: 90px;
padding-bottom:90px;
}
.team_h {
margin-top:0
}

 }


@media (min-width:576px) and (max-width:767px) {
.carousel-caption {
padding:30px 15px;
} 

.center_home .button{
padding:15px 25px;
font-size:16px;
 }
.center_home .button_1{
padding:15px 25px;
font-size:16px;
 }
.center_home h1{
font-size:26px;
 }
.center_home p{
font-size:16px;
 }
 }
@media (min-width:768px) and (max-width:991px) {
.carousel-caption{
padding:170px 100px 0px 100px;
 }
.carousel-caption br{
display:none;
 }
.about_h1i  img{
width:100%; 
 }
.shop_1i2  .button_1{
padding:10px 15px;
font-size:12px; 
 }
.qual_1i2 {
padding-top: 49%;
}
 }

@media (min-width:992px) and (max-width:1200px) {
.carousel-caption br{
display:none;
 }
.carousel-caption{
padding:200px 100px 0px 100px;
 }
.qual_1i2 {
padding-top: 36%;
}
 }
@media (min-width:1401px) and (max-width:1700px) {
.main_o2{
bottom: -50%;
 }
.team_h{
margin-top:170px; 
 }
 }