@media screen and (max-width: 1319px){
:root {
--h1-headline: 42px;
--h2-headline: 32px;
--h3-headline: 28px;
--h4-headline: 24px;
--h5-headline: 22px;
--h6-headline: 18px;
}
header{padding: 15px 0px;}
.container{width:100%; max-width: 100%; padding: 0px 15px;}
.navbar-expand-lg .navbar-nav .nav-link{font-size: 14px;}
.navbar-expand-lg .navbar-nav .nav-link i{width: 20px; height: 20px; font-size: 16px;}
.head-right{gap: 15px !important;}

.profile-video-caption{flex-direction: column; gap: 15px;}
.profile-video-caption > *{width: 100%;}
}

@media (max-width: 1023px) {
:root {
--h1-headline: 40px;
--h2-headline: 32px;
--h3-headline: 28px;
--h4-headline: 24px;
--h5-headline: 22px;
--h6-headline: 18px;
}


.profile-bg .col-md-8,.profile-bg .col-md-4{width: 100%;}
.like-private-tip-box ul{flex-direction: column; gap: 15px;}
.like-private-tip-box ul > *{width: 100%;}

}

@media (max-width: 992px){
.navbar-toggler{background: #fff; margin-left: auto;}
.header-inner-box{position: absolute; left: 0; top: 85px; width: calc(100% - 30px); margin: 0px 15px; border-radius: 30px; padding: 30px; background: #222222; border-bottom: solid 1px var(--black-100);}
.sidebar{z-index: 9;}
.navbar{position: inherit;}
.header-menu .nav-item .live{display: inline-flex; padding: 8px;}
.navbar-expand-lg .navbar-nav .nav-link{font-size: 16px;}
.navbar-expand-lg .navbar-nav .nav-link i{width: 24px; height: 24px; font-size: 20px;}
.header-menu .navbar-nav{gap: 15px !important;}
.head-right{justify-content: space-between;}
header .search-box .search-input-wrapper{right: auto; left: 0; bottom: 100%; top: auto;}
.user-profile-box .dropdown-menu{max-height: 200px; overflow: auto;}
.toggle-btn{display: block;}
.sidebar{left: -100%; transition: 0.5s ease;}
.open-sidebar .sidebar{left: 0;}
.page-warper-bg{padding-left: 0;}
.p-lr-30{padding-left: 15px; padding-right: 15px;}
.p-lr-30 .container-fluid{padding-left: 0; padding-right: 0;}
}

@media screen and (max-width: 767px){
.form-bg{padding: 15px;}
.form-content{max-width:100%; width: 100%; padding: 15px;}
.form-bg .container{padding: 0; }
.top-category-menu{padding: 0px 15px;}
.top-category-menu ul li a{padding: 15px;}
.page-warper-bg .section-gap{row-gap: 25px !important;}
.feed-item-box{padding: 15px;}
.user-box figure{width: 50px; height: 50px; flex:0 0 50px;}
.section-gap{padding-top: 30px; padding-bottom: 30px;}
.notification-list ul li{flex-direction: column;}
.best-private-filter .form-control{max-width:100%;}

.model-detail-content{flex-direction: column;}
.model-detail-content figure{flex-direction: column; width: 100%; height: auto;}
.model-detail-content figure img{aspect-ratio: 1/1; width: 100%; height: 100%; object-fit: cover;}
.model-detail-info ul li h6{width: auto; flex: auto;}
.private-show-head{flex-direction: column; gap: 15px;}
.private-show-title{width: 100%;}
.rating-box{text-align: left !important; width: 100%;}
.box-bg{padding: 15px;}
.user-review-list ul li{flex-direction: column;}
.show-date{width: 100%;}
.my-profile-head{flex-direction: column;}
.my-profile-head-left{width: 100%;}
.my-profile-head > *{width: 100%;}
.league-box-list ul li figure{font-size: 20px;}
.league-box-list ul{grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 15px;}
.league-box-list ul li{flex-direction: column; text-align: center;}
.box-bg-border{padding: 15px;}
.border-box ul li{flex-direction: column;}
.border-box ul li > *{width: 100%;}
.subscribe-fan-clubs-head{flex-direction: column; gap: 10px;}
.subscribe-fan-clubs-head > * {width: 100%;}
.subscribe-fan-clubs-head .form-control{width: 100%;}
.footer-menu-social-icon{flex-direction: column; gap: 20px;}
.footer-menu ul{flex-wrap: wrap; justify-content: center; gap: 15px !important;}
.static-page-des .container{padding: 0;}
.top-category-menu{flex-direction: column; gap: 15px; padding-bottom: 15px;}
.otp-box{gap: 4px;}


}