/*
Template Name: Art Web
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{
text-align:left;
/* background-color: rgba(0, 0, 0, 0.7); */
padding:200px 150px;
bottom:0;
left:0;
width:72%;
height:63%;
color:#fff;
 }
.carousel-caption p{
width:45%;
 }
.carousel-indicators{
bottom:0; 
 }
.center_home .carousel-indicators [data-bs-target] {
 background-color: #a81c51;
}

/*********************center_home_end****************/

/*********************port****************/
.port_2 .nav-tabs .nav-link{
color:#fff;
border:1px solid #323131;
display:block;
margin-left:8px;
margin-right:8px;
border-radius:5px; 
padding: 8px 20px;
text-transform:uppercase;
font-size:15px;
 }
.port_2 .nav-tabs .nav-link:hover{
background:#a81c51;
color:#fff; 
border:1px solid #a81c51;
 }
.port_2 .nav-tabs .nav-link.active{
background:#a81c51;
color:#fff; 
border:1px solid #a81c51;
 }
 
#folio {
background-image: url(../img/4.jpg);
background-position: center;
}
#folio .modal-dialog {
max-width: 700px;
}
.folio_1im2 ul li a{
border:1px solid #fff;
width:50px;
height:50px;
border-radius:50%;
line-height:48px;
display:block;
 }
.folio_1im2 ul  a:hover{
background:#fff;
color:#a81c51; 
 }
.folio_1im2{
background:#a81c51c4;
display:none;
 }
.folio_1im3{
background:#a81c51c4;
display:none; 
 }
.folio_1im:hover .folio_1im2{
display:block; 
 } 
.folio_1im:hover .folio_1im3{
display:block; 
 }
.folio_1im1 img{
border:15px solid #fff; 
 }
/*********************port_end****************/

/*********************blog****************/
.bloh_h1r{
padding:65px 100px 0px 100px; 
 }
 
.frame_1r .nav-tabs .nav-link{
color:#fff;
border:1px solid #a81c51;
display:block;
margin-left:5px;
margin-right:5px;
border-radius:0; 
padding: 8px 16px;
text-transform:uppercase;
font-size:14px;
background:#a81c51;
 }
.frame_1r .nav-tabs .nav-link:hover{
background:#fff;
color:#a81c51; 
border:1px solid #fff;
 }
.frame_1r .nav-tabs .nav-link.active{
background:#fff;
color:#a81c51; 
border:1px solid #fff;
 }
.frame_1r{
padding-top:100px; 
 }
.bloh_h1l img{
min-height:420px; 
 }
/*********************blog_end****************/


@media screen and (max-width : 767px){
.center_home img{
min-height:150px; 
 }

 .arr{
    position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: -7rem;
  margin-left: 68%;
  list-style: none;

}

.arr1{
    position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: -7rem;
  margin-left: 85%;
  list-style: none;
}

.wid{
    width: 2rem !important;
    height: 2rem !important;
}
.carousel-caption {
text-align: center;
left:0;
/* width:100%; */
bottom:0;
padding:2px;
}
.carousel-caption .font_60{
font-size:28px; 
 }
.carousel-caption h4{
font-size:20px; 
 }
.carousel-caption p{
font-size:14px;
text-align:left;
width:100%; 
 }
 
.port_2 .nav-tabs li {
margin-bottom:8px; 
 }
.port_2 .nav-tabs  {
justify-content: left!important;
 }
.folio_main  {
margin-top:15px; 
 }
.bloh_h1r {
padding:30px 15px; 
 }
.bloh_h1r p{
text-align:left;
 }
.bloh_h1l{
margin-bottom:15px; 
 }
.frame_1li1{
margin-top:15px; 
 }
.frame_1r {
padding-top:15px;
}
.frame_1r p{
text-align:left;
 }
.frame_1r .nav-tabs li {
margin-bottom:8px; 
 }
.frame_1r .nav-tabs  {
justify-content: left!important;
 }
 }


@media (min-width:576px) and (max-width:767px) {
.folio_1im1 img{
height:auto; 
 }

 }
@media (min-width:768px) and (max-width:991px) {
.center_home img{
min-height:500px; 
 }
.carousel-caption .font_60{
font-size:45px; 
 }
.carousel-caption {
padding: 100px 100px;
}
.carousel-caption p{
width:60%;
}
.bloh_h1l img{
min-height:420px; 
 }
.bloh_h1r {
padding:30px;
}
.frame_1r {
padding-top:0;
}
.frame_1r .nav-tabs li {
margin-bottom:8px; 
 }

 }

@media (min-width:992px) and (max-width:1200px) {
.carousel-caption{
padding:100px 100px;
 }
.center_home img{
max-height:550px; 
 }
.bloh_h1l img{
min-height:420px; 
 }
.bloh_h1r {
padding:50px 30px;
}
.frame_1r {
padding-top:0;
}
.frame_1r .nav-tabs li {
margin-bottom:8px; 
 }
 }
@media (min-width:1201px) and (max-width:1255px) {

 }

.bttn{
    background: #4a3b4175;
    color: #fff;
    display: inline-block;
    transition: 0.3s;
    border-radius: 10px;
    padding: 5px;
}

@media (min-width:1200px) and (max-width:1600px) {
    .center_home img {
            max-height: 520px;
        }
}