@media screen and (max-width: 1319px) {
.container{width:100%; max-width: 100%; padding: 0px 30px;}
.banner-des-box h1{font-size: 48px;}
.banner-des-box{padding: 80px 50px;}
.section-head h2{font-size: 28px;}
}


/*1024*/
@media screen and (max-width: 1318px){
.form-bg{flex-wrap: wrap;}
.form-box-left{width: 100%; flex: auto; max-width: 100%;}
.form-box-right{display: none;}
.container{padding: 0px 15px;}
}

@media screen and (max-width:992px){
.navbar-toggler{background: #fff; width: 45px; height: 45px; padding: 0;}
.header-inner-box{position: absolute; left:15px; right: 15px; top:90px; background: #140E0E; z-index: 9999; border-radius: 10px; padding: 15px;}
.header-inner .navbar{position: inherit;}
.user-profile-box button{width: 100%;}
.user-profile-box .dropdown-menu{width: 100%;}
.dropdown-toggle:after{margin-left: auto;}
}


/*768*/
@media screen and (max-width:1023px){
.control-panel-menu ul{grid-template-columns: repeat(2, 1fr);}    
}


/*375*/
@media screen and (max-width:767px){
.form-logo a{max-width: 220px;}
.home-box ul{flex-wrap: wrap;}
.form-box-left{padding: 15px;}
.form-logo{margin-bottom: 30px;}
.home-box ul li{flex: 1;}
.control-panel-menu ul{grid-template-columns: repeat(1, 1fr);} 
.dashboard-head{margin-bottom: 15px;}
.control-panel-bg{padding-top: 100px;}
.page-container{padding-top: 80px;}
.control-panel-menu ul{gap: 10px;}
.control-panel-menu ul li a{padding: 15px;}
.white-box{padding: 15px;}
.search-add-box{flex-wrap: wrap; gap:15px;}
.search-box form{flex-wrap:wrap;}
.search-box form .form-control{flex: auto !important; width: 100%;}
.search-box form .btn{width: 100%;}
.add-btn{width: 100%;}
.add-btn .btn{width: 100%;}

.about-left-box figcaption h1{font-size: 24px;}
.about-left-box figure{width: 100%; height: auto; flex: auto;}
}