/*--------------------------------------------------------------------- 
File Name: responsive.css 
---------------------------------------------------------------------*/

:root {
    --bs-red: #fd4185;
    --bs-block: #000000;
    --font-family:'Poppins', sans-serif;
  }

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

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

@media (min-width: 768px) and (max-width: 991px) {
   
}

@media (min-width: 576px) and (max-width: 767px) {
   
}

@media (max-width: 1180px) {
   #signup-user .file-upload input[type="file"] {
    width: 100%;
  }
    
}

@media (max-width: 992px)  {


.main-header .navbar-toggler {
    background: #000 !important;
      margin-right: 10px;
  }

  .main-header .navbar-toggler path{
   fill:var(--bs-red);
  }


  .btn-red {
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
     padding: 6px 8px;
 }

 .btn-block {
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
     padding: 6px 8px;
 }

 .main-header li.nav-item {
    padding: 10px 15px;
}

.main-header a.nav-link {
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
}
a.navbar-brand img {
    width: 80%;
}

.prfinner {
    flex-direction: row;
    align-items: center;
}

.pr-1 .prf-img img {
    width: auto;
    height: auto;
    border-radius: 50%;
    flex-shrink: 0;
    object-fit: cover;
}
.pr-1 .prf-img {
    width: 40%;
    flex: 40%;
}

.play-button-wrapper #circle-play-b svg {
    width: 50px;
    height: 50px;
   
}

.main-search-box {
    padding: 25px 20px;
    width: 100%;
    margin: 0 auto;
}

.prf-img {
    width: 100%;
    flex: 100%;
    text-align: center;
}
.prf-img {
    width: 100%;
    flex: 100%;
}

.prf-con {
    width: 100%;
    flex: 100%;
}

.contact-proflie ul {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    flex-direction: column;
}

.main-tab-content p {
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 31px;
}

.avabliable-box  li {
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 31px;
    text-transform: capitalize;
}

.catergies-box  .pr-1 .prf-img {
    width: 40%;
    flex: 40%;
}

#signup-user .file-upload input[type="file"] {
    width: 100%;
}
   
}   

@media (max-width: 776px)  {
.top-card-box {
    margin-top: 30px;
}

section#hero-sec {
     padding: 40px 0px 50px 0px;
}

section#proflie-main-box {
    padding: 50px 0px 50px 0px;
}

.footer-top h3 {
    font-size: 20px;
   padding-bottom: 15px;
    padding-top: 15px;
}

.footer-top li a {
    color: #FFF;
    font-family: Poppins;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
}

.footer-top {
    background: #000;
    padding: 50px 0px;
}

.about-hook h2 {
     font-size: 24px;
 }

 section.form-slider {
    padding: 0px 15px;
}

.multiselect {
    margin-top: 20px;
}

.form-inner-box .mt-3 {
    margin-top: 0rem!important;
}

.swiper-slide img {
    width: auto;
    height: auto;
}

.about-hook {
    padding: 20px 20px;
}

.filter-search-box h2 {
     font-size: 28px;
    padding-bottom: 10px;
}
button.btn.btn-form-red {
    margin: 0 auto;
    margin-top: 30px;
    width:80%;
}

.swiper-button-next:after, .swiper-button-prev:after {
    display: none;
}

#login-sec .log-in-box {
    width: 100%;
}

section#login-sec {
   padding: 150px 0px 100px 0px;
}
#login-sec  input.main-form-input {
    height: 40px;
}

#login-sec button.btn {
     height: 40px;
   font-size: 13px;
}

#login-sec  .log-in-box  h2 {
    color: #F00;
    font-family: Poppins;
    font-size: 29px;
    text-align: center;
    margin-bottom: 30px;
}

.p-img-outer img {
    object-fit: cover;
    width: 60%;
    height: auto;
}

.row.main-tab-footer {
    display: none;
}

.avabliable-box {
     margin-top: 30px;
}

section#profile--sec {
     height: 200px;
    /* padding-top: 100px; */
}

.tab-box-outer  div#nav-tab {
    border: none;
    gap: 15px;
    justify-content: center;
}

.tab-box-outer .nav-tabs .nav-link.active {
    font-size: 14px;
    padding: 8px 8px;
    margin: 0px 0px;
}

.tab-box-outer button.nav-link {
   font-size: 14px;
    font-style: normal;
   padding: 8px 8px;
    margin: 0px 0px;
}

.main-tab-content p {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
}

.catergies-box  .pr-1 .prf-img {
    width: 40%;
    flex: 40%;
}

.top-card {
    margin-top: -80px;
}

#signup-user .file-upload input[type="file"] {
    width: 100%;
}

}


@media (max-width: 576px)  {
    .prfinner {
        flex-direction: row;
        align-items: flex-start;
    }
    .p-img-outer img {
        object-fit: cover;
        width: 80%;
        height: auto;
    }

    .catergies-box .pr-1 .prf-img img {
        width: 90px;
        height: 90px;
       
    }
    
    .top-card-box .top-p-img img {
    height: auto;
	}
	.p-main-box {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.p-main-box img{
		width: 200px;
		height: 200px;
	}
    
    }