@media(max-width:1319px){
.container{max-width: 100%; padding: 0 15px;}
}

@media(max-width:1200px){
.navbar-toggler{display: block !important; width:40px; height: 40px; padding: 0; outline: none; box-shadow: none !important;}
#navbarSupportedContent{position: absolute; left: 0; top: 100px; background: #fff; width: 100%; border-radius: 16px; padding: 15px; flex-direction: column; display: none !important;}
#navbarSupportedContent.show{display: flex !important;}
.navbar-nav{flex-direction: column !important;}
#navbarSupportedContent ul{width: 100%;} 
.header-marketing{padding: 12px;}
.auth-content .row .col-md-6:nth-child(2){display: none;}
.auth-content .row .col-md-6:nth-child(1){width: 100% !important; padding: 0px 15px;}
.left-auth-container{padding: 0;}
.auth-content{width: 100%; max-width: 600px; margin: auto;}
.auth-content > .row{min-height:100px;}
.sidebar-toggel{display: flex;}
.dashboard-sidebar{left: -100%; z-index: 99; transition: left 0.3s ease;}
.dashboard-container{padding-left: 0;}
.sidebar-hide-show .dashboard-sidebar{left: 0;}
.dashboard-container{position: relative;}
.dashboard-container::after{position: fixed; left:0; top:0; width: 100%; height: 100%; content: ""; background: rgba(0,0,0,0.5); z-index: 98; display: none;}
.sidebar-hide-show .dashboard-container::after{display: block;}
.sidebar-hide-show{overflow: hidden;}
.sidebar-hide-show .sidebar-toggel{position: fixed; left: 222px; top: 10px; z-index: 99; background: var(--primary-light-green); color: #fff;}
.sidebar-hide-show .sidebar-toggel .ti-x{display: block;}
.sidebar-hide-show .sidebar-toggel .ti-menu-2{display: none;}
.card-body{padding: 15px;}
.dashboard-body{padding: 15px;}
.dashboard-header{padding: 15px;}
.card-header > div{ width: auto !important;}
.row {margin: 0px -15px;}
.row > *{padding: 0 15px;}
}

@media(max-width:1023px){
footer{padding: 12px;}
.navbar .container-fluid{padding: 0;}
.hero-section .row{padding: 30px 0px;}
.hero-text .btn{margin-top: 20px;}
.about-section .about-images .col-md-6{width: 50%;}
.testimonials-card{padding: 15px; gap: 15px;}
.testimonials-swiper:before{display:none;}
.testimonials-swiper:after{display:none;}
.hero-banner-img{text-align: center;}
.hero-banner-img img{max-width: 400px;}
.downloadapp-inner{padding:20px 20px 0px 20px;}
.download-btn{margin-top: 25px;}
.downloadapp-inner .row{row-gap: 15px;}
.phone-img-download{text-align: center;}
.phone-img-download img{max-width:285px; margin: auto;}
.headings{width: 100% !important;}
.navbar-brand svg{max-width: 130px;}
.hero-banner-img img{max-width: 285px;}
.hero-section .row{row-gap: 30px;}
.hero-text .btn{margin-top: 10px;}
.banner-about-content{width: 100% !important;}
.our-vission-section-wrap{padding: 15px;}
.header-marketing .navbar{padding: 5px 15px;}
.banner-header{height: 285px;}
.btn{height: 48px;}
.form-control{height: 48px;}
.btn-icon{font-size: 18px;}
.notification-section{padding: 15px;}

.services-section-inner .headings{margin-top: 30px;}
.about-images img{margin: 0 !important;}
.about-text .btn.btn-primary.mt-5{margin-top: 15px !important;}
.how-it-work-box .row{row-gap: 30px;}

.earning-history-bg .card.mt-4{margin-top: 0 !important;}

}

@media(max-width:767px){
.header-marketing .navbar{padding: 5px 15px;}
.how-it-work-card figcaption{margin-top:15px;}
.banner-about{padding-top: 95px;}
#navbarSupportedContent{top: 80px;}
.banner-header-content{margin-top: 110px;}
.banner-header{padding-bottom: 30px; height: auto;}
.page-wraper.py-10{padding: 30px 0px !important;}
.page-wraper.py-10 .page-wraper.py-10{padding: 0 !important;}

.auth-content{width: 100%; max-width: 600px; margin: auto;}
.auth-logo svg{width: 165px;}
.auth-logo{margin-bottom: 30px;}
.cms-content .block-row.mb-5:last-child{margin-bottom: 0 !important;}
.card-header{flex-direction: column; align-items: flex-start !important; justify-content: start !important; gap: 15px;}
.table-filters *{width: 100%;}
.hero-text{padding-right: 0;}
.hero-section{padding-top: 80px;}
.hero-section .col-md-6:last-child{display: none;}
.hero-text h1{line-height: normal;}
.how-it-work-card figure{width: 80px; height: 80px;}
.copy-right-text{padding: 0px 15px;}

}

@media(max-width:575px){
.download-btn a img{width: 120px;}    
.download-btn{gap: 15px; display: flex;}
.download-btn{margin-top: 15px;}
.footer-main{padding: 30px 0px;}
.footer-menu{flex-direction: column; gap: 15px; justify-content: start; align-items: start;}
footer hr{margin: 15px 0px;}
.social-icons{display: flex; gap: 5px; flex-wrap: wrap; justify-content: center;}
.auth-content{width:100%; max-width: 100%; margin: auto 15px;}
.notification-dropdown{width: 300px;}
}