@media screen and (max-width:1400px){
    .login_form {padding: 40px 50px;}
    .login_form h3 {font-size: 32px;line-height: 44px;}
    .login_form form {padding-top: 30px;}
    .login_form form .form-control {padding: 8px 20px;height: 54px;}
    .illustration{padding: 160px 40px;}    


}
@media screen and (max-width:1300px){
    .content_card {padding: 15px;}
    .card-text h5 {font-size: 17px;line-height: 22px;padding-bottom: 8px}
    .card-text {padding-left: 12px;}
    .card-icon {width: 52px;height: 52px;}
    .content_card {padding: 10px;}
    .card-text {padding-left: 10px;}
    .card-icon {width: 50px;height: 50px;}
    span.badge {font-size: 11px;line-height: 14px;}



}
@media screen and (max-width:1200px){
	.header_menu ul li a {font-size: 15px;padding-left: 18px;}
    .header_menu ul li{margin: 0 7px;}
    .header_inr .a_btn a {font-size: 14px;padding: 8px 14px;}
    .header_inr .a_btn a.log_in {margin-right: 5px;}
    .header_menu ul li a {font-size: 13px;}
    .wrapper {padding: 0 40px;}
    .img_text {font-size: 13px;line-height: 22px;}
    .distributer_col_inr {padding: 15px;}
    .distributer_text h4 {font-size: 22px;}
    .distributer_text ul li {font-size: 14px;word-break: break-all;}
    .footer {padding: 35px 0px 20px;}
    .footer_bottom {padding: 15px 0px 0;margin-top: 20px;}
    p{font-size: 16px;line-height: 28px;}
    .download_page {padding: 40px 0px;}
    table.model_table thead tr th {padding: 10px 10px;font-size: 15px;line-height: 22px;}
    table.model_table tbody tr td {padding: 10px;font-size: 15px;line-height: 26px;}
    table.model_table tbody tr td:last-child {width: 450px;}
    .download_inr {padding: 20px;margin-bottom: 20px;}
    .download_card {padding: 12px;}
    .card_text h5 {font-size: 18px;}
    .download_text h4 {font-size: 22px;line-height: 30px;}
    .download_text {padding: 20px;}
    .a_btn a, button {font-size: 15px;padding: 10px 24px;}
    .card-icon {width: 44px;height: 44px;}
    .card-text h5 {font-size: 15px;line-height: 18px;padding-bottom: 6px;}
    .card-text p {font-size: 13px;line-height: 20px;}
    .content_inr .model_search .form-control {width: 320px;background-position: 13px;padding-left: 50px;font-size: 16px;}
    table.history_table tbody tr td:last-child{width: auto;}
    .banner_text h1 {font-size: 32px;line-height: 44px;padding-bottom: 10px;}
    .banner_text p{line-height: 24px;padding-bottom: 10px;}
    .banner_text .a_btn a {margin-right: 10px;width: 228px;}
    .banner_text .a_btn{padding-top: 10px;}
    .banner_text .a_btn a.telegram {margin-top: 10px;}
    .login{align-items: start;}
    .login_form form .form-control {padding: 6px 18px;height: 46px;}
    a.back_btn{margin-bottom: 20px;}



}
@media (max-width: 991px) {
    .sidebar {width: 100%;height: auto;position: relative;display: flex;flex-direction: row;justify-content: space-around;padding: 10px;}
    .content {margin-left: 0;}
    .user-info {justify-content: center;margin-top: 10px;}
    .menu_toggle {display: block;position: absolute;top: 27px;right: 30px;font-size: 24px;color: #fff;background: #11b0b3;line-height: 36px;width: 36px;text-align: center;height: 36px;border-radius: 5px;}
	.menu_toggle:hover{color: #11b0b3;}
    .menu_toggle:before {content: "\2630";}
    body.menu-change .menu_toggle:before{content: "\00d7";line-height: 36px;font-size: 30px;}
	.header_menu_inr {position: fixed;overflow: auto;transition: all 0.6s;right: -400px;height: 100%;width: 285px;bottom: 0;padding: 55px 18px 15px;top: 0;background: #CDE0EC;text-align: left;z-index: 9;}
	.header_menu_inr.active {right: 0%;}
	body.menu-change {overflow: hidden;position: relative;}
	body.menu-change:before{position: absolute;content:"";left: 0;right: 0;top: 0;bottom: 0;background: rgb(43 45 66 / 80%);z-index: 1;}
	.top_close_menu{text-align: center;position: absolute;top: 6px;left: 18px;width: 35px;height: 35px;background: #11b0b3;font-size: 28px;line-height: 37px;color: #fff;}
	.top_close_menu:hover{background: #11b0b3;color: #fff;}
	.top_close_menu:before{content: "\00d7";}
	.header_menu_inr .sub {position: absolute;right: 0px;width: 36px;height: 38px;background: #11b0b3;border-left: solid 1px #11b0b3;top: 10px;text-align: center;font-size: 28px;line-height: 38px;color: #fff;}
	.header_menu_inr .sub:before{content: "\002B";}
	.header_menu_inr .sub.submenu-hide:before{content: "\00d7";}
	.header_menu_inr ul li{margin:0;display: block;padding-top: 10px;}
	.header_menu_inr ul li a{padding: 10px 15px;display: block;background: #2B2D42;color: #fff;}
	.header_menu_inr ul li a:hover{background: #11b0b3;color: #fff;}
    .header_inr .a_btn {padding-right: 45px;}
    .header_menu ul li a::before{content: none;}
    table.model_table tbody tr td:last-child {width: 340px;}
    table.model_table thead tr th{font-size: 14px;}
    table.model_table tbody tr td{font-size: 14px;}
    .model_search .form-control{font-size: 16px;}
    table.model_table .a_btn a {margin-right: 5px;margin-bottom: 3px;}
    .download_card{margin-bottom: 15px;}
    .download_text ul li{font-size: 15px;}
    .title h2 {font-size: 38px;}
    .title {margin-bottom: 30px;}
    .pricing_head h4 {font-size: 24px;line-height: 30px;padding-bottom: 10px;}
    .pricing_head p{font-size: 18px;}
    .sidebar{justify-content: space-between;}
    .sidebar .logo{margin-bottom: 0;}
    .logout a {padding: 8px 28px;padding-left: 46px;background: #11B0B3 url('../img/Logout_hover.png') no-repeat;background-position: 20px;color: #fff;}
    .logout a:hover{padding: 8px 28px;padding-left: 46px;background: #11B0B3 url('../img/Logout_hover.png') no-repeat;color: #fff;background-position: 20px;}
    .logout{font-size: 15px;padding-right: 45px;}
    .sidebar .menu_toggle {top: 12px;right: 10px;}
    .sidebar .header_menu ul li{padding: 0;}
    .sidebar .header_menu ul li a{padding-left: 17px;}
    table.history_table tbody tr td:last-child{width: auto;}
    .settings-card .form-control{font-size: 16px;}
    .settings-card h4 {font-size: 20px;line-height: 30px;padding-bottom: 20px;}
    .settings-card label {font-size: 16px;line-height: 22px;margin-bottom: 6px;}
    .btn-update {padding: 10px 24px;margin-top: 10px;}
    .wrapper {padding: 0 30px;}
    .banner_text h1 {font-size: 22px;line-height: 30px;}
    .banner_text {padding-right: 15px;width: 60%;}
    .banner_text p {line-height: 22px;font-size: 15px;}
    .banner_text .a_btn a.telegram span {background-size: 19px;padding-left: 25px;}
    .banner_text .a_btn a.download_btn span {padding-left: 25px;background-size: 19px;}
    .banner_text .a_btn a {margin-right: 5px;width: 185px;padding: 10px 11px;font-size: 13px;}
    .banner_inr_img {width: 40%;}
    .banner_text .a_btn {padding-top: 0px;}
    .login_form h3 {font-size: 22px;line-height: 32px;}
    p {font-size: 15px;line-height: 22px;}
    .login_form form {padding-top: 20px;}
    .login_form label{padding-bottom: 0;}
    .login_form form .form-control {padding: 5px 15px;height: 40px;font-size: 16px;}
    .login_form label {font-size: 14px;line-height: 20px;}
    .login_form {padding: 40px 30px;}
    .login {align-items: center;}




}

@media (max-width: 767px) {
    .wrapper{padding: 0px 30px;}
    .header {padding: 15px 0px;}
    .header_inr .a_btn {padding-right: 45px;}
    .menu_toggle {top: 18px;right: 30px;font-size: 24px;}
    .supported_models{text-align: center;}
    .a_btn a, button {font-size: 14px;padding: 9px 20px;}
    .title h2 {font-size: 28px;line-height: 40px;}
    .title {margin-bottom: 20px;}
    .pricing_head h4 {font-size: 20px;line-height: 28px;}
    .pricing_head p {font-size: 16px;}
    .pricing_body ul li {font-size: 15px;padding: 6px;}
    .download_page {padding: 30px 0px;}
    .footer_inr p {font-size: 15px;line-height: 24px;}
    p{font-size: 15px;line-height: 24px;}
    .topbar{flex-direction: column;}
    .search_date{padding-top: 20px;}
    .search_date .form-control{width: 240px;}
    .dropdown-container .a_btn a {padding: 10px 20px;}
    .dropdown-container{padding: 12px;}
    .dropdown-container .form-select {width: calc(100% - 179px);font-size: 14px;}
    .banner_text {padding: 15px 0 0px;width: 100%;}
    .banner_inr_img {width: 100%;}
    .banner_inr{flex-direction: column-reverse;}
    .banner_otr {position: inherit;top: inherit;width: inherit;transform: inherit;}
    .banner_img{display: none;}
    .banner{padding: 30px 0px;background: url('../img/banner_img.png') no-repeat;background-size: cover;}
    .login {align-items: start;}
    .illustration {padding: 20px;border-radius: 0;}
    .login_otr .row{margin: 0;}
    .login_form {padding: 20px;}
    a.back_btn{margin-bottom: 15px;}



}

@media screen and (max-width:479px){
    table.model_table thead{display: none;}
    table.model_table tbody tr {display: flex;flex-direction: column;border: 1px solid #ddd;margin-bottom: 10px;padding: 10px;}
    table.model_table td {display: flex;justify-content: space-between;position: relative;padding: 4px 0;}
    table.model_table td::before {content: attr(data-label);}
    table.model_table tbody tr td:last-child {width: auto;}
    table.model_table tbody tr td .a_btn {text-align: right;}
    table.model_table .a_btn a{margin-right: 0;margin-left: 5px;}
    .model_search .form-control {font-size: 14px;}
    .wrapper {padding: 0px 20px;}
    .menu_toggle {right: 20px;}
    .content_inr .model_search .form-control {width: 280px;}
    .search_date .form-control {width: 199px;}
    .dropdown-container .form-select {width: 100%;margin: 0;}
    .dropdown-container{flex-wrap: wrap;}
    .dropdown-container .a_btn{padding-top: 15px;}
    .dropdown-container .a_btn a {padding: 10px 27px;}
    .dropdown-container .a_btn a img{width: 20px;}
    .banner_text .a_btn a {width: 163px;font-size: 12px;}
    .banner_text .a_btn a.download_btn span {background-size: 17px;}
    .banner_text .a_btn a.telegram span{background-size: 17px;}
    .download_inr .a_btn {padding-top: 20px;}
    .download_inr .a_btn a{margin-bottom: 10px;}


}