/* =============================== Large Desktop (1200px – 1500px) =============================== */
@media (min-width: 1200px) and (max-width: 1500px) {
    .container{max-width: 1170px;}
    .portfolio-wrp .actors-block .row{align-items: normal;}
}


/* =============================== Small Desktop / Laptop (992px – 1199px) =============================== */
@media (min-width: 992px) and (max-width: 1199px) {
    .container{max-width: 960px;}

    .portfolio-wrp{padding: 40px 0;}
    .portfolio-wrp .titlebar h2{font-size: 28px;}
    .portfolio-wrp .actors-block{margin: 0 0 4px;}
    .portfolio-wrp .actors-block .row{align-items: normal;}
    .portfolio-wrp .actors-block .actor-detail{padding: 32px;}
    .portfolio-wrp .actors-block .actor-detail h3{font-size: 20px;margin: 0 0 10px;}
    .portfolio-wrp .actors-block .actor-detail p{font-size: 16px;}
    .portfolio-wrp .portfolio-list{margin: 0 0 30px;}
    .portfolio-wrp .portfolio-list .actor-box .box-img{aspect-ratio: 2 / 3;}
    .portfolio-wrp .portfolio-list .actor-box .detail{padding: 12px;}
    .portfolio-wrp .portfolio-list .actor-box .detail .btn-primary{font-size: 14px;padding: 10px;}
}

/* =============================== Tablet (768px – 991px) =============================== */
@media (min-width: 768px) and (max-width: 991px) {
    .container{max-width: 740px;}

    .portfolio-wrp{padding: 40px 0;}
    .portfolio-wrp .titlebar{margin: 0 0 30px;}
    .portfolio-wrp .titlebar h2{font-size: 24px;}
    .portfolio-wrp .actors-block{padding: 50px;}
    .portfolio-wrp .actors-block .actor-image{height: auto;width: 100%;aspect-ratio: 1 / 1;margin: 0 auto 20px}
    .portfolio-wrp .actors-block .actor-detail .title h3{font-size: 28px;}
    .portfolio-wrp .actors-block .actor-detail .title h6{font-size: 14px;}
    .portfolio-wrp .actors-block .actor-detail .title h5{font-size: 14px;}
    .portfolio-wrp .actors-block .actor-detail .detail h5{font-size: 18px;}
    .portfolio-wrp .actors-block .actor-detail .detail p{font-size: 14px;}
    .portfolio-wrp .actors-block .actor-detail .detail .experience-box{padding: 0;}
    .portfolio-wrp .actors-block .actor-detail .detail .experience-box h4{font-size: 15px;}
    .portfolio-wrp .actors-block .actor-detail .detail ul li{font-size: 14px;}
    .portfolio-wrp .portfolio-list{margin: 0 0 30px;}
    .portfolio-wrp .portfolio-list .actor-box .box-img{aspect-ratio: 2 / 3;}
    .portfolio-wrp .portfolio-list .actor-box .detail{padding: 12px;}
    .portfolio-wrp .portfolio-list .actor-box .detail .btn-primary{font-size: 14px;padding: 10px;}
    footer .contact-info ul{gap: 20px;}
    footer .social-icons{gap: 10px;margin: 0 auto 24px;}
    footer .social-icons li a{height: 40px;width: 40px;}
    footer .social-icons li a img{max-width: 20px;}
    footer .copyright p{font-size: 13px;}

    
    .portfolio-wrp .actors-block .actor-detail .title{padding: 0 0 24px;margin: 0 0 24px;border-bottom: 1px solid rgba(0,0,0,0.2);}
    .portfolio-wrp .actors-block .col-lg-6 .actor-detail .detail{padding: 0 0 24px;margin: 0 0 24px;border-bottom: 1px solid rgba(0,0,0,0.2);}
    .portfolio-wrp .actors-block .col-lg-6 .actor-detail{padding: 0;}
    .portfolio-wrp .actors-block .actor-detail{padding: 0;}
}


/* =============================== Mobile (0px – 767px) =============================== */
@media (max-width: 767px) {
    .container{max-width: 540px;}
    
    .portfolio-wrp{padding: 40px 0;}
    .portfolio-wrp .titlebar{margin: 0 0 30px;}
    .portfolio-wrp .titlebar h2{font-size: 24px;}
    .portfolio-wrp .actors-block{padding: 15px;}
    .portfolio-wrp .actors-block .actor-image{height: auto;width: 100%;aspect-ratio: 1 / 1;margin: 0 auto 20px}
    .portfolio-wrp .actors-block .actor-detail .title h3{font-size: 28px;}
    .portfolio-wrp .actors-block .actor-detail .title h6{font-size: 14px;}
    .portfolio-wrp .actors-block .actor-detail .title h5{font-size: 14px;}
    .portfolio-wrp .actors-block .actor-detail .detail h5{font-size: 18px;}
    .portfolio-wrp .actors-block .actor-detail .detail p{font-size: 14px;}
    .portfolio-wrp .actors-block .actor-detail .detail .experience-box{padding: 0;}
    .portfolio-wrp .actors-block .actor-detail .detail .experience-box h4{font-size: 15px;}
    .portfolio-wrp .actors-block .actor-detail .detail ul li{font-size: 14px;}
    .portfolio-wrp .portfolio-list{margin: 0 0 30px;}
    .portfolio-wrp .portfolio-list .actor-box .box-img{aspect-ratio: 1 / 1;}
    .portfolio-wrp .portfolio-list .actor-box .detail{transform: unset;padding: 10px;}
    .portfolio-wrp .portfolio-list .actor-box .detail .btn-primary{font-size: 14px;padding: 10px;}
    footer .contact-info ul{gap: 20px;}
    footer .social-icons{gap: 10px;margin: 0 auto 24px;}
    footer .social-icons li a{height: 40px;width: 40px;}
    footer .social-icons li a img{max-width: 20px;}
    footer .copyright p{font-size: 13px;}

    .portfolio-wrp .actors-block .actor-detail .title{padding: 0 0 24px;margin: 0 0 24px;border-bottom: 1px solid rgba(0,0,0,0.2);}
    .portfolio-wrp .actors-block .col-lg-6 .actor-detail .detail{padding: 0 0 24px;margin: 0 0 24px;border-bottom: 1px solid rgba(0,0,0,0.2);}
    .portfolio-wrp .actors-block .col-lg-6 .actor-detail{padding: 0;}
    .portfolio-wrp .actors-block .actor-detail{padding: 0;}
    .portfolio-wrp .portfolio-list .actor-box .box-img h3{position: relative;padding: 12px 15px 70px;background: #fff;}
    
.modal .modal-dialog{max-width: 540px;}
    .modal .modal-dialog .modal-content{padding: 60px 20px 30px;}
    .modal .modal-dialog .modal-content .modal-body .form-group{margin: 0 0 15px;}
    .modal .modal-dialog .modal-content .modal-body .form-group .form-control{font-size: 15px;padding: 10px 20px;} responsive ma
}   


/* =============================== Mobile (0px – 374px) =============================== */
@media (max-width: 347px) {

}